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

package/lib/commonjs/social/features/chat/features/home/elements/ChatHomeMenu/ChatHomeMenu.js

@@ -0,0 +1,91 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChatHomeMenu = ChatHomeMenu;
+var _reactNative = require("react-native");
+var _native = require("@react-navigation/native");
+var _Popover = require("../../../../../../../core/design/components/Popover");
+var _Menu = require("../../../../../../../core/design/components/Menu");
+var _icons = require("../../../../../../../core/design/icons");
+var _amityColorTokens = require("../../../../../../../core/design/tokens/amity-color-tokens");
+var _localization = require("../../../../../../../core/localization");
+var _styles = require("./styles");
+// 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
+
+// 2. Third-party imports
+
+// 3. Internal imports (relative)
+
+// The filled "⋯" trigger button (module-scope so it is not re-created per render).
+
+function MenuButton({
+  accessibilityLabel,
+  isOpen,
+  onPress
+}) {
+  const {
+    styles
+  } = (0, _styles.useStyles)();
+  return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
+    style: styles.iconButton,
+    accessibilityRole: "button",
+    accessibilityLabel: accessibilityLabel,
+    accessibilityState: {
+      expanded: isOpen
+    },
+    onPress: onPress
+  }, /*#__PURE__*/React.createElement(_icons.AmityIcon, {
+    name: "ellipsis-v-r",
+    size: 24,
+    tokenColor: _amityColorTokens.AmityColorToken.IconIconButtonFilledSecondaryDefault
+  }));
+}
+
+// 4. Named function component
+function ChatHomeMenu() {
+  const navigation = (0, _native.useNavigation)();
+  const archivedLabel = (0, _localization.useString)('amity_chat_archived');
+  return /*#__PURE__*/React.createElement(_Popover.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.Menu, {
+    container: "popover"
+  }, /*#__PURE__*/React.createElement(_Menu.Menu.Item, {
+    icon: "archive-r",
+    label: archivedLabel,
+    typography: "body",
+    onPress: () => {
+      closePopover();
+      navigation.navigate('AmityArchivedChatPage');
+    }
+  })));
+}
+//# sourceMappingURL=ChatHomeMenu.js.map

package/lib/commonjs/social/features/chat/features/home/elements/ChatHomeMenu/ChatHomeMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_native","_Popover","_Menu","_icons","_amityColorTokens","_localization","_styles","MenuButton","accessibilityLabel","isOpen","onPress","styles","useStyles","React","createElement","Pressable","style","iconButton","accessibilityRole","accessibilityState","expanded","AmityIcon","name","size","tokenColor","AmityColorToken","IconIconButtonFilledSecondaryDefault","ChatHomeMenu","navigation","useNavigation","archivedLabel","useString","Popover","placement","trigger","openPopover","closePopover","Menu","container","Item","icon","label","typography","navigate"],"sourceRoot":"../../../../../../../../../src","sources":["social/features/chat/features/home/elements/ChatHomeMenu/ChatHomeMenu.tsx"],"mappings":";;;;;;AAgBA,IAAAA,YAAA,GAAAC,OAAA;AAGA,IAAAC,OAAA,GAAAD,OAAA;AAIA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,iBAAA,GAAAL,OAAA;AACA,IAAAM,aAAA,GAAAN,OAAA;AACA,IAAAO,OAAA,GAAAP,OAAA;AA5BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAGA;;AAIA;;AAQA;;AAOA,SAASQ,UAAUA,CAAC;EAAEC,kBAAkB;EAAEC,MAAM;EAAEC;AAAyB,CAAC,EAAE;EAC5E,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,iBAAS,EAAC,CAAC;EAC9B,oBACEC,KAAA,CAAAC,aAAA,CAAChB,YAAA,CAAAiB,SAAS;IACRC,KAAK,EAAEL,MAAM,CAACM,UAAW;IACzBC,iBAAiB,EAAC,QAAQ;IAC1BV,kBAAkB,EAAEA,kBAAmB;IACvCW,kBAAkB,EAAE;MAAEC,QAAQ,EAAEX;IAAO,CAAE;IACzCC,OAAO,EAAEA;EAAQ,gBAEjBG,KAAA,CAAAC,aAAA,CAACX,MAAA,CAAAkB,SAAS;IACRC,IAAI,EAAC,cAAc;IACnBC,IAAI,EAAE,EAAG;IACTC,UAAU,EAAEC,iCAAe,CAACC;EAAqC,CAClE,CACQ,CAAC;AAEhB;;AAEA;AACO,SAASC,YAAYA,CAAA,EAAG;EAC7B,MAAMC,UAAU,GAAG,IAAAC,qBAAa,EAAiC,CAAC;EAClE,MAAMC,aAAa,GAAG,IAAAC,uBAAS,EAAC,qBAAqB,CAAC;EAEtD,oBACElB,KAAA,CAAAC,aAAA,CAACb,QAAA,CAAA+B,OAAO;IACNC,SAAS,EAAC;IACV;IAAA;IACAC,OAAO,EAAEA,CAAC;MAAEC,WAAW;MAAE1B;IAAO,CAAC,kBAC/BI,KAAA,CAAAC,aAAA,CAACP,UAAU;MACTC,kBAAkB,EAAC,WAAW;MAC9BC,MAAM,EAAEA,MAAO;MACfC,OAAO,EAAEyB;IAAY,CACtB;EACD,GAED,CAAC;IAAEC;EAAa,CAAC,kBAChBvB,KAAA,CAAAC,aAAA,CAACZ,KAAA,CAAAmC,IAAI;IAACC,SAAS,EAAC;EAAS,gBACvBzB,KAAA,CAAAC,aAAA,CAACZ,KAAA,CAAAmC,IAAI,CAACE,IAAI;IACRC,IAAI,EAAC,WAAW;IAChBC,KAAK,EAAEX,aAAc;IACrBY,UAAU,EAAC,MAAM;IACjBhC,OAAO,EAAEA,CAAA,KAAM;MACb0B,YAAY,CAAC,CAAC;MACdR,UAAU,CAACe,QAAQ,CAAC,uBAAuB,CAAC;IAC9C;EAAE,CACH,CACG,CAED,CAAC;AAEd","ignoreList":[]}

package/lib/commonjs/social/features/chat/features/home/elements/ChatHomeMenu/index.js

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

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

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

package/lib/commonjs/social/features/chat/features/home/elements/ChatHomeMenu/styles.js

@@ -0,0 +1,32 @@
+"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 ChatHomeMenu — the filled "⋯" icon button.
+// Web: Button.Icon styleType="filled" hierarchy="secondary" size 32 (EllipsisV).
+// Colours via design tokens (no hardcoded hex).
+
+const useStyles = () => {
+  const token = (0, _useToken.useToken)();
+  const styles = _reactNative.StyleSheet.create({
+    iconButton: {
+      width: 32,
+      height: 32,
+      borderRadius: 16,
+      alignItems: 'center',
+      justifyContent: 'center',
+      backgroundColor: token(_amityColorTokens.AmityColorToken.SurfaceIconButtonFilledSecondaryEnabled)
+    }
+  });
+  return {
+    styles,
+    token
+  };
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

package/lib/commonjs/social/features/chat/features/home/elements/ChatHomeMenu/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_useToken","_amityColorTokens","useStyles","token","useToken","styles","StyleSheet","create","iconButton","width","height","borderRadius","alignItems","justifyContent","backgroundColor","AmityColorToken","SurfaceIconButtonFilledSecondaryEnabled","exports"],"sourceRoot":"../../../../../../../../../src","sources":["social/features/chat/features/home/elements/ChatHomeMenu/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,UAAU,EAAE;MACVC,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,EAAE;MACVC,YAAY,EAAE,EAAE;MAChBC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBC,eAAe,EAAEX,KAAK,CACpBY,iCAAe,CAACC,uCAClB;IACF;EACF,CAAC,CAAC;EAEF,OAAO;IAAEX,MAAM;IAAEF;EAAM,CAAC;AAC1B,CAAC;AAACc,OAAA,CAAAf,SAAA,GAAAA,SAAA","ignoreList":[]}

package/lib/commonjs/social/features/chat/features/home/elements/CreateChatMenu/CreateChatMenu.js

@@ -0,0 +1,113 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CreateChatMenu = CreateChatMenu;
+var _reactNative = require("react-native");
+var _native = require("@react-navigation/native");
+var _Popover = require("../../../../../../../core/design/components/Popover");
+var _Menu = require("../../../../../../../core/design/components/Menu");
+var _icons = require("../../../../../../../core/design/icons");
+var _amityColorTokens = require("../../../../../../../core/design/tokens/amity-color-tokens");
+var _localization = require("../../../../../../../core/localization");
+var _styles = require("./styles");
+// CreateChatMenu — the "+" new-chat header button, ported from AmityUiKitWeb
+// v4/chat/features/home/elements/CreateChatMenu.
+//
+// Behaviour (mirrors web): when only one channel type is enabled it is a single
+// filled icon button; when both `conversation` and `community` are enabled it
+// opens a Popover with a "New chat" / "New group" Menu.
+//
+// RN adaptations from web:
+//   - Web reads enabled types from `useChatFeatureFlags`; RN has no such hook
+//     yet, so the enabled types come in as a prop (defaulting to conversation
+//     only). The web `useChatNavigation().push` → React Navigation.
+//   - There is no RN `SelectGroupMemberPage` route yet, so the group action is
+//     delegated to an optional `onNewGroup` callback rather than navigating.
+//   - Web `Button.Icon` (filled/secondary) → a Pressable + AmityIcon on a filled
+//     surface, tinted via the Icon/IconButton/Filled/Secondary token.
+
+// 1. React / RN imports
+
+// 2. Third-party imports
+
+// 3. Internal imports (relative)
+
+// 4. Types
+
+// The filled "+" trigger button (module-scope so it is not re-created per render).
+
+function PlusButton({
+  accessibilityLabel,
+  onPress
+}) {
+  const {
+    styles
+  } = (0, _styles.useStyles)();
+  return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
+    style: styles.iconButton,
+    accessibilityRole: "button",
+    accessibilityLabel: accessibilityLabel,
+    onPress: onPress
+  }, /*#__PURE__*/React.createElement(_icons.AmityIcon, {
+    name: "plus-r",
+    size: 24,
+    tokenColor: _amityColorTokens.AmityColorToken.IconIconButtonFilledSecondaryDefault
+  }));
+}
+
+// 5. Named function component
+function CreateChatMenu({
+  enabledChannelTypes = ['conversation'],
+  onNewGroup
+}) {
+  const navigation = (0, _native.useNavigation)();
+  const createAriaLabel = (0, _localization.useString)('amity_chat_create_new_chat');
+  const directLabel = (0, _localization.useString)('amity_chat_create_direct');
+  const groupLabel = (0, _localization.useString)('amity_chat_create_group');
+  const hasConversation = enabledChannelTypes.includes('conversation');
+  const hasCommunity = enabledChannelTypes.includes('community');
+  const showBoth = hasConversation && hasCommunity;
+  const goToCreateConversation = () => navigation.navigate('AmityChannelCreateConversationPage');
+  // Group creation starts at member selection; callers may override via onNewGroup.
+  const goToNewGroup = onNewGroup ?? (() => navigation.navigate('AmitySelectGroupMemberPage'));
+  if (!showBoth) {
+    return /*#__PURE__*/React.createElement(PlusButton, {
+      accessibilityLabel: createAriaLabel,
+      onPress: hasConversation ? goToCreateConversation : goToNewGroup
+    });
+  }
+  return /*#__PURE__*/React.createElement(_Popover.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
+    }) => /*#__PURE__*/React.createElement(PlusButton, {
+      accessibilityLabel: createAriaLabel,
+      onPress: openPopover
+    })
+  }, ({
+    closePopover
+  }) => /*#__PURE__*/React.createElement(_Menu.Menu, {
+    container: "popover"
+  }, /*#__PURE__*/React.createElement(_Menu.Menu.Item, {
+    icon: "user-plus-r",
+    label: directLabel,
+    typography: "body",
+    onPress: () => {
+      closePopover();
+      goToCreateConversation();
+    }
+  }), /*#__PURE__*/React.createElement(_Menu.Menu.Item, {
+    icon: "user-group-r",
+    label: groupLabel,
+    typography: "body",
+    onPress: () => {
+      closePopover();
+      goToNewGroup();
+    }
+  })));
+}
+//# sourceMappingURL=CreateChatMenu.js.map

package/lib/commonjs/social/features/chat/features/home/elements/CreateChatMenu/CreateChatMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_native","_Popover","_Menu","_icons","_amityColorTokens","_localization","_styles","PlusButton","accessibilityLabel","onPress","styles","useStyles","React","createElement","Pressable","style","iconButton","accessibilityRole","AmityIcon","name","size","tokenColor","AmityColorToken","IconIconButtonFilledSecondaryDefault","CreateChatMenu","enabledChannelTypes","onNewGroup","navigation","useNavigation","createAriaLabel","useString","directLabel","groupLabel","hasConversation","includes","hasCommunity","showBoth","goToCreateConversation","navigate","goToNewGroup","Popover","placement","trigger","openPopover","closePopover","Menu","container","Item","icon","label","typography"],"sourceRoot":"../../../../../../../../../src","sources":["social/features/chat/features/home/elements/CreateChatMenu/CreateChatMenu.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/social/features/chat/features/home/elements/CreateChatMenu/index.js

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

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

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

package/lib/commonjs/social/features/chat/features/home/elements/CreateChatMenu/styles.js

@@ -0,0 +1,32 @@
+"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 CreateChatMenu — the filled "+" icon button.
+// Web: Button.Icon styleType="filled" hierarchy="secondary" size 32.
+// Colours via design tokens (no hardcoded hex).
+
+const useStyles = () => {
+  const token = (0, _useToken.useToken)();
+  const styles = _reactNative.StyleSheet.create({
+    iconButton: {
+      width: 32,
+      height: 32,
+      borderRadius: 16,
+      alignItems: 'center',
+      justifyContent: 'center',
+      backgroundColor: token(_amityColorTokens.AmityColorToken.SurfaceIconButtonFilledSecondaryEnabled)
+    }
+  });
+  return {
+    styles,
+    token
+  };
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

package/lib/commonjs/social/features/chat/features/home/elements/CreateChatMenu/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_useToken","_amityColorTokens","useStyles","token","useToken","styles","StyleSheet","create","iconButton","width","height","borderRadius","alignItems","justifyContent","backgroundColor","AmityColorToken","SurfaceIconButtonFilledSecondaryEnabled","exports"],"sourceRoot":"../../../../../../../../../src","sources":["social/features/chat/features/home/elements/CreateChatMenu/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,UAAU,EAAE;MACVC,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,EAAE;MACVC,YAAY,EAAE,EAAE;MAChBC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBC,eAAe,EAAEX,KAAK,CACpBY,iCAAe,CAACC,uCAClB;IACF;EACF,CAAC,CAAC;EAEF,OAAO;IAAEX,MAAM;IAAEF;EAAM,CAAC;AAC1B,CAAC;AAACc,OAAA,CAAAf,SAAA,GAAAA,SAAA","ignoreList":[]}

package/lib/commonjs/social/features/chat/features/home/elements/SearchButton/SearchButton.js

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SearchButton = SearchButton;
+var _reactNative = require("react-native");
+var _native = require("@react-navigation/native");
+var _icons = require("../../../../../../../core/design/icons");
+var _amityColorTokens = require("../../../../../../../core/design/tokens/amity-color-tokens");
+var _localization = require("../../../../../../../core/localization");
+var _styles = require("./styles");
+// SearchButton — the chat-home search header button, ported from AmityUiKitWeb
+// v4/chat/features/home/elements/SearchButton.
+//
+// Behaviour (mirrors web): a filled secondary icon button that navigates to the
+// SearchChannelPage.
+//
+// RN adaptations from web:
+//   - Web `Button.Icon icon={<Search />} styleType="filled" hierarchy="secondary"
+//     size={32}` → a Pressable + AmityIcon on a filled secondary surface (the
+//     same construction as the home CreateChatMenu "+" button). The web `Search`
+//     icon's default (Regular) variant byte-matches the `search-r` registry glyph.
+//   - Web `useChatNavigation().push(SearchChannelPage)` → React Navigation
+//     `navigate('AmitySearchChannelPage')`.
+
+// 1. React / RN imports
+
+// 2. Third-party imports
+
+// 3. Internal imports (relative)
+
+// The SearchChannelPage route is registered by the orchestrator in the navigator
+// + RouteParamList (both DO NOT TOUCH here). We extend the param-list type locally
+// with the destination so this button type-checks ahead of that wiring.
+
+// 4. Named function component
+function SearchButton() {
+  const {
+    styles
+  } = (0, _styles.useStyles)();
+  const navigation = (0, _native.useNavigation)();
+  const ariaLabel = (0, _localization.useString)('amity_chat_search_placeholder');
+  return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
+    style: styles.iconButton,
+    accessibilityRole: "button",
+    accessibilityLabel: ariaLabel,
+    onPress: () => navigation.navigate('AmitySearchChannelPage')
+  }, /*#__PURE__*/React.createElement(_icons.AmityIcon, {
+    name: "search-r",
+    size: 24,
+    tokenColor: _amityColorTokens.AmityColorToken.IconIconButtonFilledSecondaryDefault
+  }));
+}
+//# sourceMappingURL=SearchButton.js.map

package/lib/commonjs/social/features/chat/features/home/elements/SearchButton/SearchButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_native","_icons","_amityColorTokens","_localization","_styles","SearchButton","styles","useStyles","navigation","useNavigation","ariaLabel","useString","React","createElement","Pressable","style","iconButton","accessibilityRole","accessibilityLabel","onPress","navigate","AmityIcon","name","size","tokenColor","AmityColorToken","IconIconButtonFilledSecondaryDefault"],"sourceRoot":"../../../../../../../../../src","sources":["social/features/chat/features/home/elements/SearchButton/SearchButton.tsx"],"mappings":";;;;;;AAeA,IAAAA,YAAA,GAAAC,OAAA;AAGA,IAAAC,OAAA,GAAAD,OAAA;AAIA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AAEA,IAAAK,OAAA,GAAAL,OAAA;AA1BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAGA;;AAIA;;AAOA;AACA;AACA;;AAKA;AACO,SAASM,YAAYA,CAAA,EAAG;EAC7B,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,iBAAS,EAAC,CAAC;EAC9B,MAAMC,UAAU,GACd,IAAAC,qBAAa,EAAkD,CAAC;EAClE,MAAMC,SAAS,GAAG,IAAAC,uBAAS,EAAC,+BAA+B,CAAC;EAE5D,oBACEC,KAAA,CAAAC,aAAA,CAACf,YAAA,CAAAgB,SAAS;IACRC,KAAK,EAAET,MAAM,CAACU,UAAW;IACzBC,iBAAiB,EAAC,QAAQ;IAC1BC,kBAAkB,EAAER,SAAU;IAC9BS,OAAO,EAAEA,CAAA,KAAMX,UAAU,CAACY,QAAQ,CAAC,wBAAwB;EAAE,gBAE7DR,KAAA,CAAAC,aAAA,CAACZ,MAAA,CAAAoB,SAAS;IACRC,IAAI,EAAC,UAAU;IACfC,IAAI,EAAE,EAAG;IACTC,UAAU,EAAEC,iCAAe,CAACC;EAAqC,CAClE,CACQ,CAAC;AAEhB","ignoreList":[]}

package/lib/commonjs/social/features/chat/features/home/elements/SearchButton/index.js

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

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

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

package/lib/commonjs/social/features/chat/features/home/elements/SearchButton/styles.js

@@ -0,0 +1,33 @@
+"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 SearchButton — the filled secondary search icon button.
+// Web: Button.Icon styleType="filled" hierarchy="secondary" size 32. Mirrors the
+// CreateChatMenu "+" button geometry (32px circle, filled secondary surface).
+// Colours via design tokens (no hardcoded hex).
+
+const useStyles = () => {
+  const token = (0, _useToken.useToken)();
+  const styles = _reactNative.StyleSheet.create({
+    iconButton: {
+      width: 32,
+      height: 32,
+      borderRadius: 16,
+      alignItems: 'center',
+      justifyContent: 'center',
+      backgroundColor: token(_amityColorTokens.AmityColorToken.SurfaceIconButtonFilledSecondaryEnabled)
+    }
+  });
+  return {
+    styles,
+    token
+  };
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

package/lib/commonjs/social/features/chat/features/home/elements/SearchButton/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_useToken","_amityColorTokens","useStyles","token","useToken","styles","StyleSheet","create","iconButton","width","height","borderRadius","alignItems","justifyContent","backgroundColor","AmityColorToken","SurfaceIconButtonFilledSecondaryEnabled","exports"],"sourceRoot":"../../../../../../../../../src","sources":["social/features/chat/features/home/elements/SearchButton/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,GAAGA,CAAA,KAAM;EAC7B,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EAExB,MAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;IAC/BC,UAAU,EAAE;MACVC,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,EAAE;MACVC,YAAY,EAAE,EAAE;MAChBC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBC,eAAe,EAAEX,KAAK,CACpBY,iCAAe,CAACC,uCAClB;IACF;EACF,CAAC,CAAC;EAEF,OAAO;IAAEX,MAAM;IAAEF;EAAM,CAAC;AAC1B,CAAC;AAACc,OAAA,CAAAf,SAAA,GAAAA,SAAA","ignoreList":[]}

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

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

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

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

package/lib/commonjs/social/features/chat/features/home/hooks/usePushNotificationEnabled.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.usePushNotificationEnabled = usePushNotificationEnabled;
+var _react = require("react");
+var _tsSdkReactNative = require("@amityco/ts-sdk-react-native");
+// usePushNotificationEnabled — ported from AmityUIKitIOS AmityChatHomeViewModel
+// (release/4.25.0, fetchPushNotificationSettings). The chat-home banner "Push
+// notifications have been disabled by admin" shows when push is disabled at the
+// network/admin level OR the chat module's push is disabled. Fetches the
+// user-level notification settings once and computes
+// `settings.isEnabled && chatModule.isEnabled`. Defaults to enabled (no banner)
+// before the fetch resolves and on error, exactly like iOS.
+
+function usePushNotificationEnabled() {
+  const [enabled, setEnabled] = (0, _react.useState)(true);
+  (0, _react.useEffect)(() => {
+    let active = true;
+    (async () => {
+      try {
+        const settings = await _tsSdkReactNative.Client.notifications().user().getSettings();
+        const chatModule = settings.modules.find(m => m.moduleName === 'chat');
+        const chatModuleEnabled = (chatModule === null || chatModule === void 0 ? void 0 : chatModule.isEnabled) ?? true;
+        if (active) setEnabled(settings.isEnabled && chatModuleEnabled);
+      } catch {
+        if (active) setEnabled(true);
+      }
+    })();
+    return () => {
+      active = false;
+    };
+  }, []);
+  return enabled;
+}
+//# sourceMappingURL=usePushNotificationEnabled.js.map

package/lib/commonjs/social/features/chat/features/home/hooks/usePushNotificationEnabled.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_tsSdkReactNative","usePushNotificationEnabled","enabled","setEnabled","useState","useEffect","active","settings","Client","notifications","user","getSettings","chatModule","modules","find","m","moduleName","chatModuleEnabled","isEnabled"],"sourceRoot":"../../../../../../../../src","sources":["social/features/chat/features/home/hooks/usePushNotificationEnabled.ts"],"mappings":";;;;;;AAQA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AATA;AACA;AACA;AACA;AACA;AACA;AACA;;AAKO,SAASE,0BAA0BA,CAAA,EAAY;EACpD,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAG,IAAAC,eAAQ,EAAC,IAAI,CAAC;EAE5C,IAAAC,gBAAS,EAAC,MAAM;IACd,IAAIC,MAAM,GAAG,IAAI;IACjB,CAAC,YAAY;MACX,IAAI;QACF,MAAMC,QAAQ,GAAG,MAAMC,wBAAM,CAACC,aAAa,CAAC,CAAC,CAACC,IAAI,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC;QAClE,MAAMC,UAAU,GAAGL,QAAQ,CAACM,OAAO,CAACC,IAAI,CACrCC,CAAC,IAAKA,CAAC,CAACC,UAAU,KAAM,MAC3B,CAAC;QACD,MAAMC,iBAAiB,GAAG,CAAAL,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEM,SAAS,KAAI,IAAI;QACvD,IAAIZ,MAAM,EAAEH,UAAU,CAACI,QAAQ,CAACW,SAAS,IAAID,iBAAiB,CAAC;MACjE,CAAC,CAAC,MAAM;QACN,IAAIX,MAAM,EAAEH,UAAU,CAAC,IAAI,CAAC;MAC9B;IACF,CAAC,EAAE,CAAC;IACJ,OAAO,MAAM;MACXG,MAAM,GAAG,KAAK;IAChB,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOJ,OAAO;AAChB","ignoreList":[]}

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

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  ChatHome: true
+};
+Object.defineProperty(exports, "ChatHome", {
+  enumerable: true,
+  get: function () {
+    return _ChatHome.ChatHome;
+  }
+});
+var _ChatHome = require("./ChatHome");
+var _components = require("./components");
+Object.keys(_components).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _components[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _components[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_ChatHome","require","_components","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get"],"sourceRoot":"../../../../../../../src","sources":["social/features/chat/features/home/index.ts"],"mappings":";;;;;;;;;;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAD,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAF,WAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,WAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAZ,WAAA,CAAAI,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

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

@@ -0,0 +1,32 @@
+"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 ChatHome. The screen is a vertical stack (header, tab bar, list);
+// the tab bar sits on the list surface (web `--asc-color-surface-list-default`).
+
+const useStyles = () => {
+  const token = (0, _useToken.useToken)();
+  const styles = _reactNative.StyleSheet.create({
+    container: {
+      flex: 1,
+      backgroundColor: token(_amityColorTokens.AmityColorToken.SurfaceListDefaultDefault)
+    },
+    tabsWrapper: {
+      backgroundColor: token(_amityColorTokens.AmityColorToken.SurfaceListDefaultDefault)
+    },
+    listWrapper: {
+      flex: 1
+    }
+  });
+  return {
+    styles
+  };
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_useToken","_amityColorTokens","useStyles","token","useToken","styles","StyleSheet","create","container","flex","backgroundColor","AmityColorToken","SurfaceListDefaultDefault","tabsWrapper","listWrapper","exports"],"sourceRoot":"../../../../../../../src","sources":["social/features/chat/features/home/styles.ts"],"mappings":";;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AALA;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,SAAS,EAAE;MACTC,IAAI,EAAE,CAAC;MACPC,eAAe,EAAEP,KAAK,CAACQ,iCAAe,CAACC,yBAAyB;IAClE,CAAC;IACDC,WAAW,EAAE;MACXH,eAAe,EAAEP,KAAK,CAACQ,iCAAe,CAACC,yBAAyB;IAClE,CAAC;IACDE,WAAW,EAAE;MACXL,IAAI,EAAE;IACR;EACF,CAAC,CAAC;EAEF,OAAO;IAAEJ;EAAO,CAAC;AACnB,CAAC;AAACU,OAAA,CAAAb,SAAA,GAAAA,SAAA","ignoreList":[]}