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

package/lib/module/social/features/chat/components/AmityChatListItem/styles.js

@@ -0,0 +1,128 @@
+// Styles for AmityChatListItem — ported from AmityUiKitWeb ChannelItem.module.css.
+// Layout geometry comes from the SoT design tokens (geometry.json → lists.listItem:
+// minHeight 58, padding [8,16,8,16], gap 8, leadingElement.size 40, title 15/20,
+// description 13/18); the remaining gaps mirror the web CSS (rem → px ×16).
+// Every colour resolves through a design token (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({
+    // SoT lists.listItem: minHeight 58, padding [8,16,8,16], gap 8, align top.
+    container: {
+      flexDirection: 'row',
+      alignItems: 'flex-start',
+      gap: 8,
+      paddingVertical: 8,
+      paddingHorizontal: 16,
+      minHeight: 58,
+      backgroundColor: 'transparent'
+    },
+    containerPressed: {
+      backgroundColor: token(AmityColorToken.SurfaceListDefaultHover)
+    },
+    // SoT leadingElement.size 40.
+    avatarWrapper: {
+      width: 40,
+      height: 40
+    },
+    body: {
+      flex: 1,
+      minWidth: 0,
+      gap: 2 // web body gap 0.125rem
+    },
+    nameRow: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 8 // web nameRow gap 0.5rem
+    },
+    nameGroup: {
+      flex: 1,
+      flexDirection: 'row',
+      alignItems: 'baseline',
+      gap: 4,
+      // web nameGroup gap 0.25rem
+      minWidth: 0
+    },
+    // SoT title: size 15, lineHeight 20, weight 590 (≈'600').
+    name: {
+      flexShrink: 1,
+      fontSize: 15,
+      lineHeight: 20,
+      fontWeight: '600',
+      color: token(AmityColorToken.TextListHeaderDefaultDefault)
+    },
+    nameDeleted: {
+      fontSize: 15,
+      lineHeight: 20,
+      fontWeight: '600',
+      color: token(AmityColorToken.TextListHeaderDefaultDefault)
+    },
+    // SoT description: size 13, lineHeight 18.
+    memberCount: {
+      flexShrink: 0,
+      fontSize: 13,
+      lineHeight: 18,
+      color: token(AmityColorToken.TextListSubheadDefaultDefault)
+    },
+    timestamp: {
+      flexShrink: 0,
+      fontSize: 13,
+      lineHeight: 18,
+      color: token(AmityColorToken.TextListTrailingSubtextDefault)
+    },
+    previewRow: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 8 // web previewRow gap 0.5rem
+    },
+    preview: {
+      flex: 1,
+      minWidth: 0,
+      fontSize: 13,
+      lineHeight: 18,
+      color: token(AmityColorToken.TextListTextDescriptionDefaultDefault)
+    },
+    previewMention: {
+      fontWeight: '600',
+      color: token(AmityColorToken.TextListTextDescriptionDefaultDefault)
+    },
+    previewWithIcon: {
+      flex: 1,
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 4,
+      // web previewWithIcon gap 0.25rem
+      minWidth: 0
+    },
+    notifications: {
+      flexShrink: 0,
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 4 // web notifications gap 0.25rem
+    },
+    // Web skeleton row: height 3.5rem (SoT skeletonHeight 56), padding 8/16,
+    // gap 0.75rem, skeleton surface background.
+    skeletonRow: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 12,
+      height: 56,
+      paddingVertical: 8,
+      paddingHorizontal: 16,
+      backgroundColor: token(AmityColorToken.SurfaceListSkeletonSkeleton)
+    },
+    // Two stacked skeleton lines (name + preview) beside the avatar circle.
+    skeletonLines: {
+      flexDirection: 'column',
+      gap: 6
+    }
+  });
+  return {
+    styles,
+    token
+  };
+};
+//# sourceMappingURL=styles.js.map

package/lib/module/social/features/chat/components/AmityChatListItem/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useToken","AmityColorToken","useStyles","token","styles","create","container","flexDirection","alignItems","gap","paddingVertical","paddingHorizontal","minHeight","backgroundColor","containerPressed","SurfaceListDefaultHover","avatarWrapper","width","height","body","flex","minWidth","nameRow","nameGroup","name","flexShrink","fontSize","lineHeight","fontWeight","color","TextListHeaderDefaultDefault","nameDeleted","memberCount","TextListSubheadDefaultDefault","timestamp","TextListTrailingSubtextDefault","previewRow","preview","TextListTextDescriptionDefaultDefault","previewMention","previewWithIcon","notifications","skeletonRow","SurfaceListSkeletonSkeleton","skeletonLines"],"sourceRoot":"../../../../../../../src","sources":["social/features/chat/components/AmityChatListItem/styles.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/social/features/chat/components/AmityConversationChatUserActionComponent/AmityConversationChatUserActionComponent.js

@@ -0,0 +1,231 @@
+// AmityConversationChatUserActionComponent — RN port of the 1-1 conversation
+// user action menu that AmityUiKitWeb builds in
+// `conversation/chat/hooks/useConversationActions` (block / report / notification).
+//
+// RN MOBILE ADAPTATION: web mounts this menu in a desktop Popover triggered from
+// the conversation Header's trailing button. On RN it is a native BOTTOM SHEET —
+// the component now owns the trailing "⋮" trigger and, on press, pushes the same
+// action list into the repo's global @devvie bottom sheet
+// (`useBottomSheet` → BottomSheetComponent). The menu body reuses the SoT `Menu`
+// in its `drawer` container (mirrors the web mobile drawer). Only the CONTAINER
+// changed Popover → bottom sheet: the items, handlers, labels, tokens and
+// destructive confirmations are unchanged.
+//
+// This mirrors web `useConversationActions` (and iOS
+// `AmityConversationChatUserActionComponent`): three actions — notification
+// (mute/unmute), report, block. The notification row toggles the channel push
+// setting via `Client.notifications().channel(id)` (enable → unmuted, disable →
+// muted), the exact surface the group notification-preference port uses; its
+// state is read once from `getSettings().isEnabled`. Icon/label are action-facing:
+// enabled → `bell-slash-r` + "Turn off notification"; disabled → `bell-s` +
+// "Turn on notification" (iOS `bellSlashR`/`bellS`). `isBlockedByMe` is read live
+// from `UserRepository.Relationship.getFollowInfo` (`status === 'blocked'`) so the
+// block/unblock label is always correct; report toggles flag/unflag off its own
+// live `UserRepository.isUserFlaggedByMe` state (label flips Report ↔ Unreport
+// user), mirroring the block/unblock row. Web's
+// `ConfirmProvider` maps to the native `Alert.alert`. SDK calls are gated on
+// `useAuth().isConnected`.
+
+// 1. React / RN imports
+import { useEffect, useState } from 'react';
+import { Alert, Pressable, View } from 'react-native';
+
+// 2. Third-party imports
+import { Client, UserRepository } from '@amityco/ts-sdk-react-native';
+
+// 3. Internal imports
+import { Menu } from '../../../../../core/design/components/Menu';
+import { AmityIcon } from '../../../../../core/design/icons';
+import { AmityColorToken } from '../../../../../core/design/tokens/amity-color-tokens';
+import { resolveString } from '../../../../../core/localization';
+import useAuth from '../../../../../core/hooks/useAuth';
+import { useBottomSheet } from '../../../../../core/stores/slices/bottomSheetSlice';
+import { useChatNotifications } from '../../hooks/useChatNotifications';
+import { useStyles } from './styles';
+
+// 4. Types
+
+// 5. Named function component
+export function AmityConversationChatUserActionComponent({
+  user,
+  channelId
+}) {
+  const {
+    styles
+  } = useStyles();
+  const {
+    isConnected
+  } = useAuth();
+  const {
+    success,
+    error
+  } = useChatNotifications();
+  const {
+    openBottomSheet,
+    closeBottomSheet,
+    bottomSheetHeight
+  } = useBottomSheet();
+  const userId = user.userId;
+  const displayName = user.displayName ?? user.userId;
+  const [isBlockedByMe, setIsBlockedByMe] = useState(false);
+  // Report state: read once from `UserRepository.isUserFlaggedByMe`; the report
+  // row toggles flag/unflag live so the label flips Report ↔ Unreport user.
+  const [isFlaggedByMe, setIsFlaggedByMe] = useState(false);
+  // Channel push-notification state (web `useChannelPushNotificationQuery`):
+  // read once from `getSettings().isEnabled`; the row toggles it live.
+  const [isNotificationEnabled, setIsNotificationEnabled] = useState(true);
+  useEffect(() => {
+    if (!isConnected || !userId) return undefined;
+    const unsub = UserRepository.Relationship.getFollowInfo(userId, ({
+      data
+    }) => {
+      setIsBlockedByMe((data === null || data === void 0 ? void 0 : data.status) === 'blocked');
+    });
+    return () => {
+      unsub();
+    };
+  }, [isConnected, userId]);
+  useEffect(() => {
+    if (!isConnected || !userId) return undefined;
+    let active = true;
+    UserRepository.isUserFlaggedByMe(userId).then(flagged => {
+      if (active) setIsFlaggedByMe(flagged);
+    }).catch(() => {});
+    return () => {
+      active = false;
+    };
+  }, [isConnected, userId]);
+  useEffect(() => {
+    if (!isConnected || !channelId) return undefined;
+    let active = true;
+    Client.notifications().channel(channelId).getSettings().then(settings => {
+      if (active) setIsNotificationEnabled(settings.isEnabled);
+    }).catch(() => {});
+    return () => {
+      active = false;
+    };
+  }, [isConnected, channelId]);
+  async function handleToggleNotification() {
+    if (!isConnected || !channelId) return;
+    const next = !isNotificationEnabled;
+    try {
+      const manager = Client.notifications().channel(channelId);
+      if (next) {
+        await manager.enable();
+      } else {
+        await manager.disable();
+      }
+      setIsNotificationEnabled(next);
+      success({
+        content: resolveString(next ? 'amity_chat_action_unmute' : 'amity_chat_action_mute')
+      });
+    } catch {
+      error({
+        content: resolveString(next ? 'amity_chat_action_unmute_failed' : 'amity_chat_action_mute_failed')
+      });
+    }
+  }
+  async function handleReport() {
+    if (!isConnected) return;
+    const next = !isFlaggedByMe;
+    try {
+      if (next) {
+        await UserRepository.flagUser(userId);
+      } else {
+        await UserRepository.unflagUser(userId);
+      }
+      setIsFlaggedByMe(next);
+      success({
+        content: resolveString(next ? 'amity_chat_action_report_user_success' : 'amity_chat_action_unreport_user_success')
+      });
+    } catch {
+      error({
+        content: resolveString(next ? 'amity_chat_action_report_user_failed' : 'amity_chat_action_unreport_user_failed')
+      });
+    }
+  }
+  function handleToggleBlock() {
+    if (!isConnected) return;
+    if (isBlockedByMe) {
+      Alert.alert(resolveString('amity_chat_unblock_confirm_title'), resolveString('amity_chat_unblock_confirm_message', displayName), [{
+        text: resolveString('amity_chat_cancel'),
+        style: 'cancel'
+      }, {
+        text: resolveString('amity_chat_unblock_confirm_label'),
+        onPress: async () => {
+          await UserRepository.Relationship.unBlockUser(userId);
+          success({
+            content: resolveString('amity_chat_unblock_success')
+          });
+        }
+      }]);
+    } else {
+      Alert.alert(resolveString('amity_chat_block_confirm_title'), resolveString('amity_chat_block_confirm_message', displayName), [{
+        text: resolveString('amity_chat_cancel'),
+        style: 'cancel'
+      }, {
+        text: resolveString('amity_chat_block_confirm_label'),
+        style: 'destructive',
+        onPress: async () => {
+          await UserRepository.Relationship.blockUser(userId);
+          success({
+            content: resolveString('amity_chat_block_success')
+          });
+        }
+      }]);
+    }
+  }
+  const items = [{
+    key: 'notification',
+    // Both states use the REGULAR (outline) bell: web's useConversationActions
+    // resolves `isNotificationEnabled ? BellSlash : Bell`, and its bare `Bell` /
+    // `BellSlash` exports are the Regular variant (Solid is opt-in via
+    // `Bell.Solid`). The group-setting rows are the ones that legitimately use
+    // the solid bell — web asks for `Bell.Solid` there.
+    icon: isNotificationEnabled ? 'bell-slash-r' : 'bell-r',
+    label: resolveString(isNotificationEnabled ? 'amity_chat_action_turn_off_notification' : 'amity_chat_action_turn_on_notification'),
+    onPress: handleToggleNotification
+  }, {
+    key: 'report',
+    // PDT-4143 (web PR 1822): the icon flips with the state, not just the
+    // label — `isReported ? FlagSlash : Flag`.
+    icon: isFlaggedByMe ? 'flag-slash-r' : 'flag-r',
+    label: resolveString(isFlaggedByMe ? 'amity_chat_action_unreport_user' : 'amity_chat_action_report_user'),
+    onPress: handleReport
+  }, {
+    key: 'block',
+    icon: 'ban-r',
+    label: resolveString(isBlockedByMe ? 'amity_chat_action_unblock_user' : 'amity_chat_action_block_user'),
+    onPress: handleToggleBlock
+  }];
+  function openActionSheet() {
+    openBottomSheet({
+      height: bottomSheetHeight[items.length],
+      content: /*#__PURE__*/React.createElement(View, {
+        style: styles.sheetContainer
+      }, /*#__PURE__*/React.createElement(Menu, {
+        variant: "chat",
+        container: "drawer"
+      }, items.map(item => /*#__PURE__*/React.createElement(Menu.Item, {
+        key: item.key,
+        icon: item.icon,
+        label: item.label,
+        typography: "body",
+        onPress: () => {
+          closeBottomSheet();
+          item.onPress();
+        }
+      }))))
+    });
+  }
+  return /*#__PURE__*/React.createElement(Pressable, {
+    onPress: openActionSheet,
+    accessibilityRole: "button",
+    accessibilityLabel: "Conversation actions"
+  }, /*#__PURE__*/React.createElement(AmityIcon, {
+    name: "ellipsis-v-r",
+    size: 24,
+    tokenColor: AmityColorToken.IconIconButtonGhostSecondaryDefault
+  }));
+}
+//# sourceMappingURL=AmityConversationChatUserActionComponent.js.map

package/lib/module/social/features/chat/components/AmityConversationChatUserActionComponent/AmityConversationChatUserActionComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useState","Alert","Pressable","View","Client","UserRepository","Menu","AmityIcon","AmityColorToken","resolveString","useAuth","useBottomSheet","useChatNotifications","useStyles","AmityConversationChatUserActionComponent","user","channelId","styles","isConnected","success","error","openBottomSheet","closeBottomSheet","bottomSheetHeight","userId","displayName","isBlockedByMe","setIsBlockedByMe","isFlaggedByMe","setIsFlaggedByMe","isNotificationEnabled","setIsNotificationEnabled","undefined","unsub","Relationship","getFollowInfo","data","status","active","isUserFlaggedByMe","then","flagged","catch","notifications","channel","getSettings","settings","isEnabled","handleToggleNotification","next","manager","enable","disable","content","handleReport","flagUser","unflagUser","handleToggleBlock","alert","text","style","onPress","unBlockUser","blockUser","items","key","icon","label","openActionSheet","height","length","React","createElement","sheetContainer","variant","container","map","item","Item","typography","accessibilityRole","accessibilityLabel","name","size","tokenColor","IconIconButtonGhostSecondaryDefault"],"sourceRoot":"../../../../../../../src","sources":["social/features/chat/components/AmityConversationChatUserActionComponent/AmityConversationChatUserActionComponent.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/social/features/chat/components/AmityConversationChatUserActionComponent/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["AmityConversationChatUserActionComponent"],"sourceRoot":"../../../../../../../src","sources":["social/features/chat/components/AmityConversationChatUserActionComponent/index.ts"],"mappings":"AAAA,SAASA,wCAAwC,QAAQ,4CAA4C","ignoreList":[]}

package/lib/module/social/features/chat/components/AmityConversationChatUserActionComponent/styles.js

@@ -0,0 +1,24 @@
+// Styles for AmityConversationChatUserActionComponent.
+// RN mobile adaptation: web presents the 1-1 user-action menu in a desktop
+// Popover; RN presents it in a native bottom sheet (the repo's global @devvie
+// BottomSheetComponent). The sheet body reuses the SoT `Menu` in its `drawer`
+// container, which renders rows with paddingHorizontal 0 — so this wrapper adds
+// the drawer's page side-padding (1rem → 16) plus a bottom inset.
+
+import { StyleSheet } from 'react-native';
+import { useToken } from '../../../../../core/design/theme/useToken';
+export const useStyles = () => {
+  const token = useToken();
+  const styles = StyleSheet.create({
+    // Bottom-sheet body wrapper around the drawer-variant Menu.
+    sheetContainer: {
+      paddingHorizontal: 16,
+      paddingBottom: 16
+    }
+  });
+  return {
+    styles,
+    token
+  };
+};
+//# sourceMappingURL=styles.js.map

package/lib/module/social/features/chat/components/AmityConversationChatUserActionComponent/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useToken","useStyles","token","styles","create","sheetContainer","paddingHorizontal","paddingBottom"],"sourceRoot":"../../../../../../../src","sources":["social/features/chat/components/AmityConversationChatUserActionComponent/styles.ts"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,2CAA2C;AAEpE,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,KAAK,GAAGF,QAAQ,CAAC,CAAC;EAExB,MAAMG,MAAM,GAAGJ,UAAU,CAACK,MAAM,CAAC;IAC/B;IACAC,cAAc,EAAE;MACdC,iBAAiB,EAAE,EAAE;MACrBC,aAAa,EAAE;IACjB;EACF,CAAC,CAAC;EAEF,OAAO;IAAEJ,MAAM;IAAED;EAAM,CAAC;AAC1B,CAAC","ignoreList":[]}

package/lib/module/social/features/chat/components/AmityGroupMemberActionComponent/AmityGroupMemberActionComponent.js

@@ -0,0 +1,236 @@
+// AmityGroupMemberActionComponent — RN port of the member long-press action menu
+// that AmityUiKitWeb builds inline in `group/members/components/MemberList`
+// (`getActions`) and renders through its `ActionMenu`.
+//
+// Renders in the global @devvie bottom sheet (RN mobile adaptation; web uses a
+// desktop popover) — mirrors the sibling AmityConversationChatUserActionComponent.
+// The owning MemberItem row still wires the trailing ellipsis via the `anchor`
+// render-prop, whose `openPopover` now opens the sheet. Item visibility follows
+// web's `getActions` exactly: promote,
+// demote, mute, unmute, report, unreport, ban, remove — with the same
+// conditions (mute vs unmute by the member's mute state; report vs unreport by
+// whether the viewer has flagged them). Web's `ConfirmProvider` maps to the
+// native `Alert.alert` (the `useFailedMessageSheet` pattern), and
+// `useNotifications('chat')` to the `useChatNotifications` stub. Live SDK calls
+// are gated on `useAuth().isConnected`. Web resolves `isFlaggedByMe` lazily when
+// the menu opens (`queryIsFlaggedByMe`); RN resolves it once per row via
+// `UserRepository.isUserFlaggedByMe` (the visibility condition is what matters).
+
+// 1. React / RN imports
+import { useEffect, useState } from 'react';
+import { Alert, View } from 'react-native';
+
+// 2. Third-party imports
+import { ChannelRepository, UserRepository } from '@amityco/ts-sdk-react-native';
+
+// 3. Internal imports
+import { Menu } from '../../../../../core/design/components/Menu';
+import { resolveString } from '../../../../../core/localization';
+import { MemberRoles } from '../../../../../core/constants';
+import useAuth from '../../../../../core/hooks/useAuth';
+import { useBottomSheet } from '../../../../../core/stores/slices/bottomSheetSlice';
+import { useChatNotifications } from '../../hooks/useChatNotifications';
+import { useStyles } from './styles';
+
+// 4. Types
+
+// 5. Named function component
+export function AmityGroupMemberActionComponent({
+  anchor,
+  channelId,
+  user,
+  isMemberModerator,
+  isViewerModerator,
+  isMuted = false
+}) {
+  const {
+    styles
+  } = useStyles();
+  const {
+    isConnected
+  } = useAuth();
+  const {
+    success
+  } = useChatNotifications();
+  const {
+    openBottomSheet,
+    closeBottomSheet,
+    bottomSheetHeight
+  } = useBottomSheet();
+  const userId = user.userId;
+  const [isFlaggedByMe, setIsFlaggedByMe] = useState(false);
+  useEffect(() => {
+    if (!isConnected) return undefined;
+    let active = true;
+    UserRepository.isUserFlaggedByMe(userId).then(flagged => {
+      if (active) setIsFlaggedByMe(!!flagged);
+    }).catch(() => {});
+    return () => {
+      active = false;
+    };
+  }, [isConnected, userId]);
+  function confirmAlert(title, message, confirmLabel, destructive, onConfirm) {
+    Alert.alert(title, message, [{
+      text: resolveString('amity_chat_cancel'),
+      style: 'cancel'
+    }, {
+      text: confirmLabel,
+      style: destructive ? 'destructive' : 'default',
+      onPress: onConfirm
+    }]);
+  }
+  async function handlePromote() {
+    if (!isConnected) return;
+    await ChannelRepository.Moderation.addRole(channelId, MemberRoles.CHANNEL_MODERATOR, [userId]);
+    success({
+      content: resolveString('amity_chat_group_member_list_toast_promoted')
+    });
+  }
+  async function handleDemote() {
+    if (!isConnected) return;
+    await ChannelRepository.Moderation.removeRole(channelId, MemberRoles.CHANNEL_MODERATOR, [userId]);
+    success({
+      content: resolveString('amity_chat_group_member_list_toast_demoted')
+    });
+  }
+  async function handleBan() {
+    if (!isConnected) return;
+    await ChannelRepository.Moderation.banMembers(channelId, [userId]);
+    success({
+      content: resolveString('amity_chat_group_member_list_toast_banned')
+    });
+  }
+  async function handleRemove() {
+    if (!isConnected) return;
+    await ChannelRepository.Membership.removeMembers(channelId, [userId]);
+    success({
+      content: resolveString('amity_chat_action_remove_member')
+    });
+  }
+  async function handleMute() {
+    if (!isConnected) return;
+    await ChannelRepository.Moderation.muteMembers(channelId, [userId]);
+    success({
+      content: resolveString('amity_chat_action_mute_user')
+    });
+  }
+  async function handleUnmute() {
+    if (!isConnected) return;
+    await ChannelRepository.Moderation.unmuteMembers(channelId, [userId]);
+    success({
+      content: resolveString('amity_chat_action_unmute_user')
+    });
+  }
+  async function handleReport() {
+    if (!isConnected) return;
+    await UserRepository.flagUser(userId);
+    setIsFlaggedByMe(true);
+    success({
+      content: resolveString('amity_chat_action_report_user_success')
+    });
+  }
+  async function handleUnreport() {
+    if (!isConnected) return;
+    await UserRepository.unflagUser(userId);
+    setIsFlaggedByMe(false);
+    success({
+      content: resolveString('amity_chat_action_unreport_user_success')
+    });
+  }
+  const items = [{
+    key: 'promote',
+    icon: 'user-shield-r',
+    label: resolveString('amity_chat_member_action_promote'),
+    visible: isViewerModerator && !isMemberModerator,
+    onPress: () => confirmAlert(resolveString('amity_chat_group_member_list_promote_title'), resolveString('amity_chat_group_member_list_promote_message'), resolveString('amity_chat_group_member_list_promote_confirm'), false, handlePromote)
+  }, {
+    key: 'demote',
+    icon: 'user-shield-r',
+    label: resolveString('amity_chat_member_action_demote'),
+    visible: isViewerModerator && isMemberModerator,
+    onPress: () => confirmAlert(resolveString('amity_chat_group_member_list_demote_title'), resolveString('amity_chat_group_member_list_demote_message'), resolveString('amity_chat_group_member_list_demote_confirm'), true, handleDemote)
+  }, {
+    key: 'mute',
+    icon: 'volume-slash-r',
+    label: resolveString('amity_chat_group_member_action_mute'),
+    visible: isViewerModerator && !isMuted && !isMemberModerator,
+    onPress: () => confirmAlert(resolveString('amity_chat_mute_confirm_title'), resolveString('amity_chat_mute_confirm_message'), resolveString('amity_chat_mute_confirm_label'), true, handleMute)
+  }, {
+    key: 'unmute',
+    icon: 'volume-s',
+    label: resolveString('amity_chat_group_member_action_unmute'),
+    visible: isViewerModerator && isMuted && !isMemberModerator,
+    onPress: () => confirmAlert(resolveString('amity_chat_unmute_confirm_title'), resolveString('amity_chat_unmute_confirm_message'), resolveString('amity_chat_unmute_confirm_label'), false, handleUnmute)
+  }, {
+    key: 'report',
+    icon: 'flag-r',
+    label: resolveString('amity_chat_member_action_report'),
+    visible: !isFlaggedByMe,
+    onPress: handleReport
+  }, {
+    key: 'unreport',
+    // LEADS WEB (PDT-4143): web PR 1822 gave the slashed flag to the message
+    // menu and the 1:1 conversation menu but missed this third site — its
+    // MemberList still renders `icon: Flag` for both report and unreport.
+    // Same intent applies here, so RN uses flag-slash-r; drop this marker once
+    // web's member list catches up.
+    icon: 'flag-slash-r',
+    label: resolveString('amity_chat_member_action_unreport'),
+    visible: isFlaggedByMe,
+    onPress: handleUnreport
+  }, {
+    key: 'ban',
+    icon: 'ban-r',
+    label: resolveString('amity_chat_user_action_ban'),
+    visible: isViewerModerator,
+    onPress: () => confirmAlert(resolveString('amity_chat_ban_confirm_title'), resolveString('amity_chat_ban_confirm_message'), resolveString('amity_chat_ban_confirm_label'), true, handleBan)
+  }, {
+    key: 'remove',
+    icon: 'trash-r',
+    label: resolveString('amity_chat_member_action_remove'),
+    destructive: true,
+    visible: isViewerModerator,
+    onPress: () => confirmAlert(resolveString('amity_chat_group_member_list_remove_title'), resolveString('amity_chat_group_member_list_remove_message'), resolveString('amity_chat_group_member_list_remove_confirm'), true, handleRemove)
+  }];
+  const visibleItems = items.filter(item => item.visible);
+  if (visibleItems.length === 0) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, anchor({
+      isOpen: false,
+      isDesktop: true,
+      openPopover: () => {},
+      closePopover: () => {}
+    }));
+  }
+
+  // Member actions render in the global bottom sheet (RN mobile adaptation —
+  // web uses a desktop popover). The row's ellipsis still triggers via the
+  // `anchor` render-prop; its `openPopover` now opens the sheet.
+  function openActionSheet() {
+    openBottomSheet({
+      height: bottomSheetHeight[visibleItems.length],
+      content: /*#__PURE__*/React.createElement(View, {
+        style: styles.sheetContainer
+      }, /*#__PURE__*/React.createElement(Menu, {
+        variant: "chat",
+        container: "drawer"
+      }, visibleItems.map(item => /*#__PURE__*/React.createElement(Menu.Item, {
+        key: item.key,
+        icon: item.icon,
+        label: item.label,
+        destructive: item.destructive,
+        typography: "body",
+        onPress: () => {
+          closeBottomSheet();
+          item.onPress();
+        }
+      }))))
+    });
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, anchor({
+    isOpen: false,
+    isDesktop: false,
+    openPopover: openActionSheet,
+    closePopover: closeBottomSheet
+  }));
+}
+//# sourceMappingURL=AmityGroupMemberActionComponent.js.map