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

package/lib/commonjs/social/features/chat/features/home/components/ChannelList/ChannelList.js

@@ -0,0 +1,196 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChannelList = ChannelList;
+var _reactNative = require("react-native");
+var _reactNativeGestureHandler = require("react-native-gesture-handler");
+var _reactNativeSvg = require("react-native-svg");
+var _tsSdkReactNative = require("@amityco/ts-sdk-react-native");
+var _Typography = require("../../../../../../../core/design/components/Typography");
+var _Button = require("../../../../../../../core/design/atoms/Button");
+var _icons = require("../../../../../../../core/design/icons");
+var _amityColorTokens = require("../../../../../../../core/design/tokens/amity-color-tokens");
+var _AmityThemeProvider = require("../../../../../../../core/design/theme/AmityThemeProvider");
+var _emptyCommunity = require("../../../../../../../core/assets/icons/emptyCommunity2");
+var _localization = require("../../../../../../../core/localization");
+var _AmityChatListItem = require("../../../../components/AmityChatListItem");
+var _useChannelsCollection = require("../../../../hooks/collections/useChannelsCollection");
+var _queries = require("../../../../hooks/queries");
+var _styles = require("./styles");
+// 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
+
+// 2. Third-party imports
+
+// 3. Internal imports (relative)
+
+const SKELETON_ROW_COUNT = 9;
+const ACTION_ICON_SIZE = 28;
+
+// 3. Types
+
+// 4. Named function component
+function ChannelList({
+  types,
+  isPushNotificationEnabled = true,
+  onChannelPress,
+  onCreatePress
+}) {
+  const {
+    styles
+  } = (0, _styles.useStyles)();
+  const {
+    channels,
+    loading,
+    hasNextPage,
+    loadMore
+  } = (0, _useChannelsCollection.useChannelsCollection)({
+    types,
+    excludeArchives: true
+  });
+  const {
+    archiveChannel
+  } = (0, _queries.useChannelArchiveQuery)();
+  const archiveLabel = (0, _localization.useString)('amity_chat_archive');
+  const renderArchiveAction = () => /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.action
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.actionContent
+  }, /*#__PURE__*/React.createElement(_icons.AmityIcon, {
+    name: "archive-r",
+    size: ACTION_ICON_SIZE,
+    tokenColor: _amityColorTokens.AmityColorToken.IconSquareButtonDefaultSecondaryDefault
+  }), /*#__PURE__*/React.createElement(_Typography.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) {
+      _tsSdkReactNative.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(_reactNative.View, {
+      style: styles.list
+    }, Array.from({
+      length: SKELETON_ROW_COUNT
+    }).map((_, i) => /*#__PURE__*/React.createElement(_AmityChatListItem.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(_reactNative.View, {
+    style: styles.root
+  }, !isPushNotificationEnabled ? /*#__PURE__*/React.createElement(PushDisabledBanner, null) : null, channels.length === 0 ? /*#__PURE__*/React.createElement(EmptyChannelList, {
+    onCreatePress: onCreatePress
+  }) : /*#__PURE__*/React.createElement(_reactNative.FlatList, {
+    style: styles.list,
+    contentContainerStyle: styles.listContent,
+    data: channels,
+    keyExtractor: channel => channel.channelId,
+    renderItem: ({
+      item
+    }) => /*#__PURE__*/React.createElement(_reactNativeGestureHandler.Swipeable, {
+      renderRightActions: renderArchiveAction,
+      onSwipeableWillOpen: () => archiveChannel({
+        channelId: item.channelId
+      })
+    }, /*#__PURE__*/React.createElement(_reactNative.View, {
+      style: styles.row
+    }, /*#__PURE__*/React.createElement(_AmityChatListItem.AmityChatListItem, {
+      channel: item,
+      onPress: () => handleRowPress(item)
+    }))),
+    onEndReachedThreshold: 0.7,
+    onEndReached: () => {
+      if (hasNextPage) loadMore();
+    },
+    ListFooterComponent: hasNextPage ? /*#__PURE__*/React.createElement(_AmityChatListItem.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
+  } = (0, _styles.useStyles)();
+  const label = (0, _localization.useString)('amity_chat_notifications_disabled');
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.pushBanner
+  }, /*#__PURE__*/React.createElement(_icons.AmityIcon, {
+    name: "bell-slash-r",
+    size: 18,
+    tokenColor: _amityColorTokens.AmityColorToken.IconBannerSubdueDescriptionGeneral
+  }), /*#__PURE__*/React.createElement(_Typography.Typography, {
+    variant: "caption",
+    style: styles.pushBannerText
+  }, label));
+}
+function EmptyChannelList({
+  onCreatePress
+}) {
+  const {
+    styles
+  } = (0, _styles.useStyles)();
+  const {
+    mode
+  } = (0, _AmityThemeProvider.useAmityTheme)();
+  const emptyTitle = (0, _localization.useString)('amity_chat_home_empty_title');
+  const emptyDescription = (0, _localization.useString)('amity_chat_home_empty_description');
+  const createNewChatLabel = (0, _localization.useString)('amity_chat_create_new_chat');
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.empty
+  }, /*#__PURE__*/React.createElement(_reactNativeSvg.SvgXml, {
+    xml: (0, _emptyCommunity.emptyCommunity2)(mode === 'dark'),
+    width: 160,
+    height: 160
+  }), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.emptyContent
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.emptyText
+  }, /*#__PURE__*/React.createElement(_Typography.Typography, {
+    variant: "titleBold",
+    style: styles.emptyTitle
+  }, emptyTitle), /*#__PURE__*/React.createElement(_Typography.Typography, {
+    variant: "caption",
+    style: styles.emptySubtitle
+  }, emptyDescription)), /*#__PURE__*/React.createElement(_Button.Button, {
+    label: createNewChatLabel,
+    icon: "plus-r",
+    style: styles.createButton,
+    onPress: onCreatePress
+  })));
+}
+//# sourceMappingURL=ChannelList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_reactNativeGestureHandler","_reactNativeSvg","_tsSdkReactNative","_Typography","_Button","_icons","_amityColorTokens","_AmityThemeProvider","_emptyCommunity","_localization","_AmityChatListItem","_useChannelsCollection","_queries","_styles","SKELETON_ROW_COUNT","ACTION_ICON_SIZE","ChannelList","types","isPushNotificationEnabled","onChannelPress","onCreatePress","styles","useStyles","channels","loading","hasNextPage","loadMore","useChannelsCollection","excludeArchives","archiveChannel","useChannelArchiveQuery","archiveLabel","useString","renderArchiveAction","React","createElement","View","style","action","actionContent","AmityIcon","name","size","tokenColor","AmityColorToken","IconSquareButtonDefaultSecondaryDefault","Typography","variant","actionLabel","handleRowPress","channel","defaultSubChannelId","SubChannelRepository","startMessageReceiptSync","catch","channelId","displayName","type","isInitialLoading","length","list","Array","from","map","_","i","AmityChatListItem","Skeleton","key","root","PushDisabledBanner","EmptyChannelList","FlatList","contentContainerStyle","listContent","data","keyExtractor","renderItem","item","Swipeable","renderRightActions","onSwipeableWillOpen","row","onPress","onEndReachedThreshold","onEndReached","ListFooterComponent","label","pushBanner","IconBannerSubdueDescriptionGeneral","pushBannerText","mode","useAmityTheme","emptyTitle","emptyDescription","createNewChatLabel","empty","SvgXml","xml","emptyCommunity2","width","height","emptyContent","emptyText","emptySubtitle","Button","icon","createButton"],"sourceRoot":"../../../../../../../../../src","sources":["social/features/chat/features/home/components/ChannelList/ChannelList.tsx"],"mappings":";;;;;;AAoBA,IAAAA,YAAA,GAAAC,OAAA;AAGA,IAAAC,0BAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AAGA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,iBAAA,GAAAP,OAAA;AACA,IAAAQ,mBAAA,GAAAR,OAAA;AACA,IAAAS,eAAA,GAAAT,OAAA;AACA,IAAAU,aAAA,GAAAV,OAAA;AACA,IAAAW,kBAAA,GAAAX,OAAA;AACA,IAAAY,sBAAA,GAAAZ,OAAA;AACA,IAAAa,QAAA,GAAAb,OAAA;AACA,IAAAc,OAAA,GAAAd,OAAA;AAtCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAGA;;AAKA;;AAaA,MAAMe,kBAAkB,GAAG,CAAC;AAC5B,MAAMC,gBAAgB,GAAG,EAAE;;AAE3B;;AAkBA;AACO,SAASC,WAAWA,CAAC;EAC1BC,KAAK;EACLC,yBAAyB,GAAG,IAAI;EAChCC,cAAc;EACdC;AACgB,CAAC,EAAE;EACnB,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,iBAAS,EAAC,CAAC;EAC9B,MAAM;IAAEC,QAAQ;IAAEC,OAAO;IAAEC,WAAW;IAAEC;EAAS,CAAC,GAAG,IAAAC,4CAAqB,EAAC;IACzEV,KAAK;IACLW,eAAe,EAAE;EACnB,CAAC,CAAC;EACF,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,+BAAsB,EAAC,CAAC;EACnD,MAAMC,YAAY,GAAG,IAAAC,uBAAS,EAAC,oBAAoB,CAAC;EAEpD,MAAMC,mBAAmB,GAAGA,CAAA,kBAC1BC,KAAA,CAAAC,aAAA,CAACrC,YAAA,CAAAsC,IAAI;IAACC,KAAK,EAAEhB,MAAM,CAACiB;EAAO,gBACzBJ,KAAA,CAAAC,aAAA,CAACrC,YAAA,CAAAsC,IAAI;IAACC,KAAK,EAAEhB,MAAM,CAACkB;EAAc,gBAChCL,KAAA,CAAAC,aAAA,CAAC9B,MAAA,CAAAmC,SAAS;IACRC,IAAI,EAAC,WAAW;IAChBC,IAAI,EAAE3B,gBAAiB;IACvB4B,UAAU,EAAEC,iCAAe,CAACC;EAAwC,CACrE,CAAC,eACFX,KAAA,CAAAC,aAAA,CAAChC,WAAA,CAAA2C,UAAU;IAACC,OAAO,EAAC,aAAa;IAACV,KAAK,EAAEhB,MAAM,CAAC2B;EAAY,GACzDjB,YACS,CACR,CACF,CACP;;EAED;EACA;EACA,MAAMkB,cAAc,GAAIC,OAAsB,IAAK;IACjD,IAAIA,OAAO,CAACC,mBAAmB,EAAE;MAC/BC,sCAAoB,CAACC,uBAAuB,CAC1CH,OAAO,CAACC,mBACV,CAAC,CAACG,KAAK,CAAC,MAAM;QACZ;MAAA,CACD,CAAC;IACJ;IACAnC,cAAc,aAAdA,cAAc,eAAdA,cAAc,CAAG+B,OAAO,CAACK,SAAS,EAAEL,OAAO,CAACM,WAAW,EAAEN,OAAO,CAACO,IAAI,CAAC;EACxE,CAAC;EAED,MAAMC,gBAAgB,GAAGlC,OAAO,IAAID,QAAQ,CAACoC,MAAM,KAAK,CAAC;EAEzD,IAAID,gBAAgB,EAAE;IACpB,oBACExB,KAAA,CAAAC,aAAA,CAACrC,YAAA,CAAAsC,IAAI;MAACC,KAAK,EAAEhB,MAAM,CAACuC;IAAK,GACtBC,KAAK,CAACC,IAAI,CAAC;MAAEH,MAAM,EAAE7C;IAAmB,CAAC,CAAC,CAACiD,GAAG,CAAC,CAACC,CAAC,EAAEC,CAAC,kBACnD/B,KAAA,CAAAC,aAAA,CAACzB,kBAAA,CAAAwD,iBAAiB,CAACC,QAAQ;MAACC,GAAG,EAAEH;IAAE,CAAE,CACtC,CACG,CAAC;EAEX;;EAEA;EACA;EACA,oBACE/B,KAAA,CAAAC,aAAA,CAACrC,YAAA,CAAAsC,IAAI;IAACC,KAAK,EAAEhB,MAAM,CAACgD;EAAK,GACtB,CAACnD,yBAAyB,gBAAGgB,KAAA,CAAAC,aAAA,CAACmC,kBAAkB,MAAE,CAAC,GAAG,IAAI,EAC1D/C,QAAQ,CAACoC,MAAM,KAAK,CAAC,gBACpBzB,KAAA,CAAAC,aAAA,CAACoC,gBAAgB;IAACnD,aAAa,EAAEA;EAAc,CAAE,CAAC,gBAElDc,KAAA,CAAAC,aAAA,CAACrC,YAAA,CAAA0E,QAAQ;IACPnC,KAAK,EAAEhB,MAAM,CAACuC,IAAK;IACnBa,qBAAqB,EAAEpD,MAAM,CAACqD,WAAY;IAC1CC,IAAI,EAAEpD,QAAS;IACfqD,YAAY,EAAG1B,OAAO,IAAKA,OAAO,CAACK,SAAU;IAC7CsB,UAAU,EAAEA,CAAC;MAAEC;IAAK,CAAC,kBACnB5C,KAAA,CAAAC,aAAA,CAACnC,0BAAA,CAAA+E,SAAS;MACRC,kBAAkB,EAAE/C,mBAAoB;MACxCgD,mBAAmB,EAAEA,CAAA,KACnBpD,cAAc,CAAC;QAAE0B,SAAS,EAAEuB,IAAI,CAACvB;MAAU,CAAC;IAC7C,gBAEDrB,KAAA,CAAAC,aAAA,CAACrC,YAAA,CAAAsC,IAAI;MAACC,KAAK,EAAEhB,MAAM,CAAC6D;IAAI,gBACtBhD,KAAA,CAAAC,aAAA,CAACzB,kBAAA,CAAAwD,iBAAiB;MAChBhB,OAAO,EAAE4B,IAAK;MACdK,OAAO,EAAEA,CAAA,KAAMlC,cAAc,CAAC6B,IAAI;IAAE,CACrC,CACG,CACG,CACX;IACFM,qBAAqB,EAAE,GAAI;IAC3BC,YAAY,EAAEA,CAAA,KAAM;MAClB,IAAI5D,WAAW,EAAEC,QAAQ,CAAC,CAAC;IAC7B,CAAE;IACF4D,mBAAmB,EACjB7D,WAAW,gBAAGS,KAAA,CAAAC,aAAA,CAACzB,kBAAA,CAAAwD,iBAAiB,CAACC,QAAQ,MAAE,CAAC,GAAG;EAChD,CACF,CAEC,CAAC;AAEX;;AAEA;AACA;AACA;AACA;AACA,SAASG,kBAAkBA,CAAA,EAAG;EAC5B,MAAM;IAAEjD;EAAO,CAAC,GAAG,IAAAC,iBAAS,EAAC,CAAC;EAC9B,MAAMiE,KAAK,GAAG,IAAAvD,uBAAS,EAAC,mCAAmC,CAAC;EAC5D,oBACEE,KAAA,CAAAC,aAAA,CAACrC,YAAA,CAAAsC,IAAI;IAACC,KAAK,EAAEhB,MAAM,CAACmE;EAAW,gBAC7BtD,KAAA,CAAAC,aAAA,CAAC9B,MAAA,CAAAmC,SAAS;IACRC,IAAI,EAAC,cAAc;IACnBC,IAAI,EAAE,EAAG;IACTC,UAAU,EAAEC,iCAAe,CAAC6C;EAAmC,CAChE,CAAC,eACFvD,KAAA,CAAAC,aAAA,CAAChC,WAAA,CAAA2C,UAAU;IAACC,OAAO,EAAC,SAAS;IAACV,KAAK,EAAEhB,MAAM,CAACqE;EAAe,GACxDH,KACS,CACR,CAAC;AAEX;AAEA,SAAShB,gBAAgBA,CAAC;EAAEnD;AAA8C,CAAC,EAAE;EAC3E,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,iBAAS,EAAC,CAAC;EAC9B,MAAM;IAAEqE;EAAK,CAAC,GAAG,IAAAC,iCAAa,EAAC,CAAC;EAChC,MAAMC,UAAU,GAAG,IAAA7D,uBAAS,EAAC,6BAA6B,CAAC;EAC3D,MAAM8D,gBAAgB,GAAG,IAAA9D,uBAAS,EAAC,mCAAmC,CAAC;EACvE,MAAM+D,kBAAkB,GAAG,IAAA/D,uBAAS,EAAC,4BAA4B,CAAC;EAElE,oBACEE,KAAA,CAAAC,aAAA,CAACrC,YAAA,CAAAsC,IAAI;IAACC,KAAK,EAAEhB,MAAM,CAAC2E;EAAM,gBAGxB9D,KAAA,CAAAC,aAAA,CAAClC,eAAA,CAAAgG,MAAM;IAACC,GAAG,EAAE,IAAAC,+BAAe,EAACR,IAAI,KAAK,MAAM,CAAE;IAACS,KAAK,EAAE,GAAI;IAACC,MAAM,EAAE;EAAI,CAAE,CAAC,eAC1EnE,KAAA,CAAAC,aAAA,CAACrC,YAAA,CAAAsC,IAAI;IAACC,KAAK,EAAEhB,MAAM,CAACiF;EAAa,gBAC/BpE,KAAA,CAAAC,aAAA,CAACrC,YAAA,CAAAsC,IAAI;IAACC,KAAK,EAAEhB,MAAM,CAACkF;EAAU,gBAC5BrE,KAAA,CAAAC,aAAA,CAAChC,WAAA,CAAA2C,UAAU;IAACC,OAAO,EAAC,WAAW;IAACV,KAAK,EAAEhB,MAAM,CAACwE;EAAW,GACtDA,UACS,CAAC,eACb3D,KAAA,CAAAC,aAAA,CAAChC,WAAA,CAAA2C,UAAU;IAACC,OAAO,EAAC,SAAS;IAACV,KAAK,EAAEhB,MAAM,CAACmF;EAAc,GACvDV,gBACS,CACR,CAAC,eACP5D,KAAA,CAAAC,aAAA,CAAC/B,OAAA,CAAAqG,MAAM;IACLlB,KAAK,EAAEQ,kBAAmB;IAC1BW,IAAI,EAAC,QAAQ;IACbrE,KAAK,EAAEhB,MAAM,CAACsF,YAAa;IAC3BxB,OAAO,EAAE/D;EAAc,CACxB,CACG,CACF,CAAC;AAEX","ignoreList":[]}

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

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

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

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

package/lib/commonjs/social/features/chat/features/home/components/ChannelList/styles.js

@@ -0,0 +1,108 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useStyles = void 0;
+var _reactNative = require("react-native");
+var _useToken = require("../../../../../../../core/design/theme/useToken");
+var _amityColorTokens = require("../../../../../../../core/design/tokens/amity-color-tokens");
+// Styles for 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).
+
+const useStyles = () => {
+  const token = (0, _useToken.useToken)();
+  const styles = _reactNative.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(_amityColorTokens.AmityColorToken.SurfaceBannerSubdueGeneral)
+    },
+    pushBannerText: {
+      color: token(_amityColorTokens.AmityColorToken.TextBannerSubdueTextDescriptionGeneral)
+    },
+    list: {
+      flex: 1,
+      backgroundColor: token(_amityColorTokens.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(_amityColorTokens.AmityColorToken.SurfacePageBackgroundDefault)
+    },
+    action: {
+      justifyContent: 'center',
+      alignItems: 'flex-end',
+      backgroundColor: token(_amityColorTokens.AmityColorToken.SurfaceSquareButtonDefaultSecondaryDefault)
+    },
+    actionContent: {
+      width: 80,
+      flexDirection: 'column',
+      alignItems: 'center',
+      justifyContent: 'center',
+      gap: 4,
+      paddingVertical: 16,
+      paddingHorizontal: 8
+    },
+    actionLabel: {
+      color: token(_amityColorTokens.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(_amityColorTokens.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(_amityColorTokens.AmityColorToken.TextEmptyStateTitleDefault)
+    },
+    emptySubtitle: {
+      textAlign: 'center',
+      color: token(_amityColorTokens.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
+  };
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_useToken","_amityColorTokens","useStyles","token","useToken","styles","StyleSheet","create","root","flex","pushBanner","flexDirection","alignItems","justifyContent","gap","paddingVertical","paddingHorizontal","backgroundColor","AmityColorToken","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","exports"],"sourceRoot":"../../../../../../../../../src","sources":["social/features/chat/features/home/components/ChannelList/styles.ts"],"mappings":";;;;;;AAIA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AANA;AACA;AACA;;AAMO,MAAMG,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EAExB,MAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;IAC/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,EAAEd,KAAK,CAACe,iCAAe,CAACC,0BAA0B;IACnE,CAAC;IACDC,cAAc,EAAE;MACdC,KAAK,EAAElB,KAAK,CAACe,iCAAe,CAACI,sCAAsC;IACrE,CAAC;IACDC,IAAI,EAAE;MACJd,IAAI,EAAE,CAAC;MACPQ,eAAe,EAAEd,KAAK,CAACe,iCAAe,CAACM,yBAAyB;IAClE,CAAC;IACDC,WAAW,EAAE;MACXC,QAAQ,EAAE;IACZ,CAAC;IACD;IACA;IACA;IACAC,GAAG,EAAE;MACHV,eAAe,EAAEd,KAAK,CAACe,iCAAe,CAACU,4BAA4B;IACrE,CAAC;IACDC,MAAM,EAAE;MACNhB,cAAc,EAAE,QAAQ;MACxBD,UAAU,EAAE,UAAU;MACtBK,eAAe,EAAEd,KAAK,CACpBe,iCAAe,CAACY,0CAClB;IACF,CAAC;IACDC,aAAa,EAAE;MACbC,KAAK,EAAE,EAAE;MACTrB,aAAa,EAAE,QAAQ;MACvBC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBC,GAAG,EAAE,CAAC;MACNC,eAAe,EAAE,EAAE;MACnBC,iBAAiB,EAAE;IACrB,CAAC;IACDiB,WAAW,EAAE;MACXZ,KAAK,EAAElB,KAAK,CAACe,iCAAe,CAACgB,uCAAuC;IACtE,CAAC;IACD;IACAC,KAAK,EAAE;MACLT,QAAQ,EAAE,CAAC;MACXf,aAAa,EAAE,QAAQ;MACvBC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBC,GAAG,EAAE,CAAC;MACNsB,OAAO,EAAE,EAAE;MACXnB,eAAe,EAAEd,KAAK,CAACe,iCAAe,CAACU,4BAA4B;IACrE,CAAC;IACD;IACAS,YAAY,EAAE;MACZ1B,aAAa,EAAE,QAAQ;MACvBC,UAAU,EAAE,QAAQ;MACpBE,GAAG,EAAE,EAAE;MACPkB,KAAK,EAAE;IACT,CAAC;IACDM,SAAS,EAAE;MACT3B,aAAa,EAAE,QAAQ;MACvBC,UAAU,EAAE;IACd,CAAC;IACD2B,UAAU,EAAE;MACVC,SAAS,EAAE,QAAQ;MACnBnB,KAAK,EAAElB,KAAK,CAACe,iCAAe,CAACuB,0BAA0B;IACzD,CAAC;IACDC,aAAa,EAAE;MACbF,SAAS,EAAE,QAAQ;MACnBnB,KAAK,EAAElB,KAAK,CAACe,iCAAe,CAACyB,gCAAgC;IAC/D,CAAC;IACD;IACA;IACA;IACAC,YAAY,EAAE;MACZC,SAAS,EAAE;IACb;EACF,CAAC,CAAC;EAEF,OAAO;IAAExC,MAAM;IAAEF;EAAM,CAAC;AAC1B,CAAC;AAAC2C,OAAA,CAAA5C,SAAA,GAAAA,SAAA","ignoreList":[]}

package/lib/commonjs/social/features/chat/features/home/components/Header/Header.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Header = Header;
+var _reactNative = require("react-native");
+var _Typography = require("../../../../../../../core/design/components/Typography");
+var _localization = require("../../../../../../../core/localization");
+var _WaitingForNetwork = require("../../../../elements/WaitingForNetwork");
+var _SearchButton = require("../../elements/SearchButton");
+var _CreateChatMenu = require("../../elements/CreateChatMenu");
+var _ChatHomeMenu = require("../../elements/ChatHomeMenu");
+var _styles = require("./styles");
+// 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
+
+// 2. Internal imports (relative)
+
+// 3. Named function component
+function Header() {
+  const {
+    styles
+  } = (0, _styles.useStyles)();
+  const title = (0, _localization.useString)('amity_chat_home_title');
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.header
+  }, /*#__PURE__*/React.createElement(_Typography.Typography, {
+    variant: "headline",
+    style: styles.title,
+    numberOfLines: 1
+  }, title), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.networkSlot
+  }, /*#__PURE__*/React.createElement(_WaitingForNetwork.WaitingForNetwork, null)), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.actions
+  }, /*#__PURE__*/React.createElement(_SearchButton.SearchButton, null), /*#__PURE__*/React.createElement(_CreateChatMenu.CreateChatMenu, {
+    enabledChannelTypes: ['conversation', 'community']
+  }), /*#__PURE__*/React.createElement(_ChatHomeMenu.ChatHomeMenu, null)));
+}
+//# sourceMappingURL=Header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_Typography","_localization","_WaitingForNetwork","_SearchButton","_CreateChatMenu","_ChatHomeMenu","_styles","Header","styles","useStyles","title","useString","React","createElement","View","style","header","Typography","variant","numberOfLines","networkSlot","WaitingForNetwork","actions","SearchButton","CreateChatMenu","enabledChannelTypes","ChatHomeMenu"],"sourceRoot":"../../../../../../../../../src","sources":["social/features/chat/features/home/components/Header/Header.tsx"],"mappings":";;;;;;AAMA,IAAAA,YAAA,GAAAC,OAAA;AAGA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,kBAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,eAAA,GAAAL,OAAA;AACA,IAAAM,aAAA,GAAAN,OAAA;AACA,IAAAO,OAAA,GAAAP,OAAA;AAfA;AACA;AACA;AACA;;AAEA;;AAGA;;AASA;AACO,SAASQ,MAAMA,CAAA,EAAG;EACvB,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,iBAAS,EAAC,CAAC;EAC9B,MAAMC,KAAK,GAAG,IAAAC,uBAAS,EAAC,uBAAuB,CAAC;EAEhD,oBACEC,KAAA,CAAAC,aAAA,CAACf,YAAA,CAAAgB,IAAI;IAACC,KAAK,EAAEP,MAAM,CAACQ;EAAO,gBACzBJ,KAAA,CAAAC,aAAA,CAACb,WAAA,CAAAiB,UAAU;IAACC,OAAO,EAAC,UAAU;IAACH,KAAK,EAAEP,MAAM,CAACE,KAAM;IAACS,aAAa,EAAE;EAAE,GAClET,KACS,CAAC,eACbE,KAAA,CAAAC,aAAA,CAACf,YAAA,CAAAgB,IAAI;IAACC,KAAK,EAAEP,MAAM,CAACY;EAAY,gBAC9BR,KAAA,CAAAC,aAAA,CAACX,kBAAA,CAAAmB,iBAAiB,MAAE,CAChB,CAAC,eACPT,KAAA,CAAAC,aAAA,CAACf,YAAA,CAAAgB,IAAI;IAACC,KAAK,EAAEP,MAAM,CAACc;EAAQ,gBAC1BV,KAAA,CAAAC,aAAA,CAACV,aAAA,CAAAoB,YAAY,MAAE,CAAC,eAChBX,KAAA,CAAAC,aAAA,CAACT,eAAA,CAAAoB,cAAc;IAACC,mBAAmB,EAAE,CAAC,cAAc,EAAE,WAAW;EAAE,CAAE,CAAC,eACtEb,KAAA,CAAAC,aAAA,CAACR,aAAA,CAAAqB,YAAY,MAAE,CACX,CACF,CAAC;AAEX","ignoreList":[]}

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

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

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

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

package/lib/commonjs/social/features/chat/features/home/components/Header/styles.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useStyles = void 0;
+var _reactNative = require("react-native");
+var _useToken = require("../../../../../../../core/design/theme/useToken");
+var _amityColorTokens = require("../../../../../../../core/design/tokens/amity-color-tokens");
+// Styles for 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.
+
+const useStyles = () => {
+  const token = (0, _useToken.useToken)();
+  const styles = _reactNative.StyleSheet.create({
+    header: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 8,
+      paddingVertical: 12,
+      paddingHorizontal: 16,
+      backgroundColor: token(_amityColorTokens.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(_amityColorTokens.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
+  };
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_useToken","_amityColorTokens","useStyles","token","useToken","styles","StyleSheet","create","header","flexDirection","alignItems","gap","paddingVertical","paddingHorizontal","backgroundColor","AmityColorToken","SurfaceListDefaultDefault","title","flexShrink","minWidth","color","TextListHeaderDefaultDefault","networkSlot","flex","justifyContent","actions","exports"],"sourceRoot":"../../../../../../../../../src","sources":["social/features/chat/features/home/components/Header/styles.ts"],"mappings":";;;;;;AAIA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AANA;AACA;AACA;;AAMO,MAAMG,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EAExB,MAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;IAC/BC,MAAM,EAAE;MACNC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,GAAG,EAAE,CAAC;MACNC,eAAe,EAAE,EAAE;MACnBC,iBAAiB,EAAE,EAAE;MACrBC,eAAe,EAAEX,KAAK,CAACY,iCAAe,CAACC,yBAAyB;IAClE,CAAC;IACD;IACA;IACA;IACA;IACA;IACAC,KAAK,EAAE;MACLC,UAAU,EAAE,CAAC;MACbC,QAAQ,EAAE,CAAC;MACXC,KAAK,EAAEjB,KAAK,CAACY,iCAAe,CAACM,4BAA4B;IAC3D,CAAC;IACD;IACAC,WAAW,EAAE;MACXC,IAAI,EAAE,CAAC;MACPJ,QAAQ,EAAE,CAAC;MACXV,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBc,cAAc,EAAE;IAClB,CAAC;IACD;IACAC,OAAO,EAAE;MACPP,UAAU,EAAE,CAAC;MACbT,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBc,cAAc,EAAE,UAAU;MAC1Bb,GAAG,EAAE;IACP;EACF,CAAC,CAAC;EAEF,OAAO;IAAEN;EAAO,CAAC;AACnB,CAAC;AAACqB,OAAA,CAAAxB,SAAA,GAAAA,SAAA","ignoreList":[]}

package/lib/commonjs/social/features/chat/features/home/components/NotificationsDisabledBanner/NotificationsDisabledBanner.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NotificationsDisabledBanner = NotificationsDisabledBanner;
+var _reactNative = require("react-native");
+var _Typography = require("../../../../../../../core/design/components/Typography");
+var _icons = require("../../../../../../../core/design/icons");
+var _amityColorTokens = require("../../../../../../../core/design/tokens/amity-color-tokens");
+var _localization = require("../../../../../../../core/localization");
+var _styles = require("./styles");
+// 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
+
+// 2. Internal imports (relative)
+
+// 3. Named function component
+function NotificationsDisabledBanner() {
+  const {
+    styles,
+    token
+  } = (0, _styles.useStyles)();
+  const text = (0, _localization.useString)('amity_chat_notifications_disabled');
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.banner,
+    accessibilityRole: "alert"
+  }, /*#__PURE__*/React.createElement(_icons.AmityIcon, {
+    name: "bell-slash-r",
+    size: _styles.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(_amityColorTokens.AmityColorToken.IconBannerSubdueDescriptionGeneral)
+  }), /*#__PURE__*/React.createElement(_Typography.Typography, {
+    variant: "caption",
+    style: styles.text
+  }, text));
+}
+//# sourceMappingURL=NotificationsDisabledBanner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_Typography","_icons","_amityColorTokens","_localization","_styles","NotificationsDisabledBanner","styles","token","useStyles","text","useString","React","createElement","View","style","banner","accessibilityRole","AmityIcon","name","size","ICON_SIZE","color","AmityColorToken","IconBannerSubdueDescriptionGeneral","Typography","variant"],"sourceRoot":"../../../../../../../../../src","sources":["social/features/chat/features/home/components/NotificationsDisabledBanner/NotificationsDisabledBanner.tsx"],"mappings":";;;;;;AAMA,IAAAA,YAAA,GAAAC,OAAA;AAGA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAbA;AACA;AACA;AACA;;AAEA;;AAGA;;AAOA;AACO,SAASM,2BAA2BA,CAAA,EAAG;EAC5C,MAAM;IAAEC,MAAM;IAAEC;EAAM,CAAC,GAAG,IAAAC,iBAAS,EAAC,CAAC;EACrC,MAAMC,IAAI,GAAG,IAAAC,uBAAS,EAAC,mCAAmC,CAAC;EAE3D,oBACEC,KAAA,CAAAC,aAAA,CAACd,YAAA,CAAAe,IAAI;IAACC,KAAK,EAAER,MAAM,CAACS,MAAO;IAACC,iBAAiB,EAAC;EAAO,gBACnDL,KAAA,CAAAC,aAAA,CAACX,MAAA,CAAAgB,SAAS;IACRC,IAAI,EAAC,cAAc;IACnBC,IAAI,EAAEC;IACN;IACA;IACA;IAAA;IACAC,KAAK,EAAEd,KAAK,CAACe,iCAAe,CAACC,kCAAkC;EAAE,CAClE,CAAC,eACFZ,KAAA,CAAAC,aAAA,CAACZ,WAAA,CAAAwB,UAAU;IAACC,OAAO,EAAC,SAAS;IAACX,KAAK,EAAER,MAAM,CAACG;EAAK,GAC9CA,IACS,CACR,CAAC;AAEX","ignoreList":[]}

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

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

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

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

package/lib/commonjs/social/features/chat/features/home/components/NotificationsDisabledBanner/styles.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useStyles = exports.ICON_SIZE = void 0;
+var _reactNative = require("react-native");
+var _useToken = require("../../../../../../../core/design/theme/useToken");
+var _amityColorTokens = require("../../../../../../../core/design/tokens/amity-color-tokens");
+// Styles for 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.
+
+const ICON_SIZE = exports.ICON_SIZE = 18; // web 1.125rem
+
+const useStyles = () => {
+  const token = (0, _useToken.useToken)();
+  const styles = _reactNative.StyleSheet.create({
+    banner: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'center',
+      gap: 4,
+      paddingVertical: 12,
+      paddingHorizontal: 16,
+      backgroundColor: token(_amityColorTokens.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(_amityColorTokens.AmityColorToken.TextBannerSubdueTextDescriptionGeneral)
+    }
+  });
+  return {
+    styles,
+    token
+  };
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_useToken","_amityColorTokens","ICON_SIZE","exports","useStyles","token","useToken","styles","StyleSheet","create","banner","flexDirection","alignItems","justifyContent","gap","paddingVertical","paddingHorizontal","backgroundColor","AmityColorToken","SurfaceBannerSubdueGeneral","text","textAlign","color","TextBannerSubdueTextDescriptionGeneral"],"sourceRoot":"../../../../../../../../../src","sources":["social/features/chat/features/home/components/NotificationsDisabledBanner/styles.ts"],"mappings":";;;;;;AAKA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AAPA;AACA;AACA;AACA;;AAMO,MAAMG,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,EAAE,CAAC,CAAC;;AAEtB,MAAME,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EAExB,MAAMC,MAAM,GAAGC,uBAAU,CAACC,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,EAAEZ,KAAK,CAACa,iCAAe,CAACC,0BAA0B;IACnE,CAAC;IACDC,IAAI,EAAE;MACJC,SAAS,EAAE,QAAQ;MACnB;MACA;MACA;MACAC,KAAK,EAAEjB,KAAK,CAACa,iCAAe,CAACK,sCAAsC;IACrE;EACF,CAAC,CAAC;EAEF,OAAO;IAAEhB,MAAM;IAAEF;EAAM,CAAC;AAC1B,CAAC;AAACF,OAAA,CAAAC,SAAA,GAAAA,SAAA","ignoreList":[]}

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

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _ChannelList = require("./ChannelList");
+Object.keys(_ChannelList).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ChannelList[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ChannelList[key];
+    }
+  });
+});
+var _Header = require("./Header");
+Object.keys(_Header).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Header[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Header[key];
+    }
+  });
+});
+var _NotificationsDisabledBanner = require("./NotificationsDisabledBanner");
+Object.keys(_NotificationsDisabledBanner).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _NotificationsDisabledBanner[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _NotificationsDisabledBanner[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_ChannelList","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_Header","_NotificationsDisabledBanner"],"sourceRoot":"../../../../../../../../src","sources":["social/features/chat/features/home/components/index.ts"],"mappings":";;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,YAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,YAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,YAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,OAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,OAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,OAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,OAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,4BAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,4BAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,4BAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,4BAAA,CAAAN,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}