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

package/lib/module/social/features/chat/features/group/edit-profile/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useToken","AmityColorToken","useStyles","token","styles","create","container","flex","backgroundColor","SurfacePageBackgroundDefault","avatarWrapper","alignItems","justifyContent","paddingVertical"],"sourceRoot":"../../../../../../../../src","sources":["social/features/chat/features/group/edit-profile/styles.ts"],"mappings":"AAAA;AACA;AACA;;AAEA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,8CAA8C;AACvE,SAASC,eAAe,QAAQ,yDAAyD;AAEzF,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,KAAK,GAAGH,QAAQ,CAAC,CAAC;EAExB,MAAMI,MAAM,GAAGL,UAAU,CAACM,MAAM,CAAC;IAC/BC,SAAS,EAAE;MACTC,IAAI,EAAE,CAAC;MACPC,eAAe,EAAEL,KAAK,CAACF,eAAe,CAACQ,4BAA4B;IACrE,CAAC;IACD;IACAC,aAAa,EAAE;MACbC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBC,eAAe,EAAE;IACnB;EACF,CAAC,CAAC;EAEF,OAAO;IAAET,MAAM;IAAED;EAAM,CAAC;AAC1B,CAAC","ignoreList":[]}

package/lib/module/social/features/chat/features/group/members/GroupMembers.js

@@ -0,0 +1,46 @@
+// GroupMembers — ported from AmityUiKitWeb v4/chat/features/group/members.
+// The group member-list feature entry: a Header over the Members/Moderators tabs.
+// `channelId` mirrors web's page prop; `onBack`/`onAddMember` are optional
+// navigation callbacks supplied by the hosting page (navigation wiring is out of
+// scope for this batch).
+
+// 1. React / RN imports
+import { View } from 'react-native';
+
+// 2. Internal imports
+import { Header } from './components/Header';
+import { MemberTabs } from './components/MemberTabs';
+import { useGroupMembers } from './hooks/useGroupMembers';
+import { useStyles } from './styles';
+
+// 3. Types
+
+// 4. Named function component
+export function GroupMembers({
+  channelId,
+  onBack,
+  onAddMember
+}) {
+  const {
+    styles
+  } = useStyles();
+  const {
+    isViewerModerator,
+    handleBack,
+    handleOpenAddMember
+  } = useGroupMembers({
+    channelId,
+    onBack,
+    onAddMember
+  });
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.groupMembers
+  }, /*#__PURE__*/React.createElement(Header, {
+    onBack: handleBack,
+    isViewerModerator: isViewerModerator,
+    onAddMember: handleOpenAddMember
+  }), /*#__PURE__*/React.createElement(MemberTabs, {
+    channelId: channelId
+  }));
+}
+//# sourceMappingURL=GroupMembers.js.map

package/lib/module/social/features/chat/features/group/members/GroupMembers.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","Header","MemberTabs","useGroupMembers","useStyles","GroupMembers","channelId","onBack","onAddMember","styles","isViewerModerator","handleBack","handleOpenAddMember","React","createElement","style","groupMembers"],"sourceRoot":"../../../../../../../../src","sources":["social/features/chat/features/group/members/GroupMembers.tsx"],"mappings":"AAAA;AACA;AACA;AACA;AACA;;AAEA;AACA,SAASA,IAAI,QAAQ,cAAc;;AAEnC;AACA,SAASC,MAAM,QAAQ,qBAAqB;AAC5C,SAASC,UAAU,QAAQ,yBAAyB;AACpD,SAASC,eAAe,QAAQ,yBAAyB;AACzD,SAASC,SAAS,QAAQ,UAAU;;AAEpC;;AAOA;AACA,OAAO,SAASC,YAAYA,CAAC;EAC3BC,SAAS;EACTC,MAAM;EACNC;AACiB,CAAC,EAAE;EACpB,MAAM;IAAEC;EAAO,CAAC,GAAGL,SAAS,CAAC,CAAC;EAC9B,MAAM;IAAEM,iBAAiB;IAAEC,UAAU;IAAEC;EAAoB,CAAC,GAC1DT,eAAe,CAAC;IACdG,SAAS;IACTC,MAAM;IACNC;EACF,CAAC,CAAC;EAEJ,oBACEK,KAAA,CAAAC,aAAA,CAACd,IAAI;IAACe,KAAK,EAAEN,MAAM,CAACO;EAAa,gBAC/BH,KAAA,CAAAC,aAAA,CAACb,MAAM;IACLM,MAAM,EAAEI,UAAW;IACnBD,iBAAiB,EAAEA,iBAAkB;IACrCF,WAAW,EAAEI;EAAoB,CAClC,CAAC,eACFC,KAAA,CAAAC,aAAA,CAACZ,UAAU;IAACI,SAAS,EAAEA;EAAU,CAAE,CAC/B,CAAC;AAEX","ignoreList":[]}

package/lib/module/social/features/chat/features/group/members/components/Header/Header.js

@@ -0,0 +1,43 @@
+// Header — ported from AmityUiKitWeb
+// v4/chat/features/group/members/components/Header.
+//
+// The member-list top bar: back + centered title, plus a trailing "add member"
+// button shown only to moderators. Web's `Button.Icon` (Plus) → the RN Button
+// atom rendered icon-only (icon `plus-r`), fed into the chat TopBar's trailing
+// slot.
+
+// 1. React / RN imports
+
+// 2. Internal imports
+import { TopBar } from '../../../../../elements/TopBar';
+import { Button } from '../../../../../../../../core/design/atoms/Button';
+import { useString } from '../../../../../../../../core/localization';
+
+// 3. Types
+
+// 4. Named function component
+export function Header({
+  isViewerModerator,
+  onBack,
+  onAddMember
+}) {
+  const title = useString('amity_chat_member_list_title');
+  return /*#__PURE__*/React.createElement(TopBar, {
+    title: title,
+    leadingType: "back",
+    onLeading: onBack,
+    trailing: isViewerModerator ?
+    /*#__PURE__*/
+    // web members Header: Button.Icon ghost/secondary/32 with <Plus/>
+    // (Regular). Was a filled secondary Button (blue surface + border).
+    React.createElement(Button.Icon, {
+      icon: "plus-r",
+      styleType: "ghost",
+      hierarchy: "secondary",
+      size: 32,
+      onPress: onAddMember,
+      accessibilityLabel: title
+    }) : undefined
+  });
+}
+//# sourceMappingURL=Header.js.map

package/lib/module/social/features/chat/features/group/members/components/Header/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TopBar","Button","useString","Header","isViewerModerator","onBack","onAddMember","title","React","createElement","leadingType","onLeading","trailing","Icon","icon","styleType","hierarchy","size","onPress","accessibilityLabel","undefined"],"sourceRoot":"../../../../../../../../../../src","sources":["social/features/chat/features/group/members/components/Header/Header.tsx"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA,SAASA,MAAM,QAAQ,gCAAgC;AACvD,SAASC,MAAM,QAAQ,kDAAkD;AACzE,SAASC,SAAS,QAAQ,2CAA2C;;AAErE;;AAOA;AACA,OAAO,SAASC,MAAMA,CAAC;EACrBC,iBAAiB;EACjBC,MAAM;EACNC;AACW,CAAC,EAAE;EACd,MAAMC,KAAK,GAAGL,SAAS,CAAC,8BAA8B,CAAC;EACvD,oBACEM,KAAA,CAAAC,aAAA,CAACT,MAAM;IACLO,KAAK,EAAEA,KAAM;IACbG,WAAW,EAAC,MAAM;IAClBC,SAAS,EAAEN,MAAO;IAClBO,QAAQ,EACNR,iBAAiB;IAAA;IACf;IACA;IACAI,KAAA,CAAAC,aAAA,CAACR,MAAM,CAACY,IAAI;MACVC,IAAI,EAAC,QAAQ;MACbC,SAAS,EAAC,OAAO;MACjBC,SAAS,EAAC,WAAW;MACrBC,IAAI,EAAE,EAAG;MACTC,OAAO,EAAEZ,WAAY;MACrBa,kBAAkB,EAAEZ;IAAM,CAC3B,CAAC,GACAa;EACL,CACF,CAAC;AAEN","ignoreList":[]}

package/lib/module/social/features/chat/features/group/members/components/Header/index.js

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

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

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

package/lib/module/social/features/chat/features/group/members/components/MemberItem/MemberItem.js

@@ -0,0 +1,90 @@
+// MemberItem — ported from AmityUiKitWeb
+// v4/chat/features/group/members/components/MemberItem.
+//
+// A single member row: avatar (with moderator badge) + display name, an optional
+// "you" suffix, a read-only muted indicator (shown to moderators), and a trailing
+// action-menu slot. Web rendered its own `ActionMenu` from a `getActions` array;
+// RN keeps the slot generic via the `trailing` prop so both the members list
+// (which passes AmityGroupMemberActionComponent) and the banned list (which
+// passes a small unban menu) reuse this row — matching web's shared usage.
+//
+// RN adaptations: web read the avatar synchronously from the SDK; RN resolves
+// `avatarFileId` through `useFile`. Web `BrandBadge` has no RN element and is
+// dropped (as in the create UserItem).
+
+// 1. React / RN imports
+
+import { View } from 'react-native';
+
+// 2. Internal imports
+import { Avatar } from '../../../../../elements/Avatar';
+import { Typography } from '../../../../../../../../core/design/components/Typography';
+import { Skeleton } from '../../../../../../../../core/design/components/Skeleton';
+import { AmityIcon } from '../../../../../../../../core/design/icons';
+import { AmityColorToken } from '../../../../../../../../core/design/tokens/amity-color-tokens';
+import { useString } from '../../../../../../../../core/localization';
+import useFile from '../../../../../../../../core/hooks/useFile';
+import { useStyles } from './styles';
+
+// 3. Types
+
+// 4. Named function component
+export function MemberItem({
+  user,
+  isModerator,
+  isCurrentUser,
+  isMuted = false,
+  isViewerModerator = false,
+  trailing
+}) {
+  const {
+    styles
+  } = useStyles();
+  const displayName = user.displayName ?? user.userId;
+  const youSuffix = useString('amity_chat_member_you_suffix');
+  const avatarUrl = useFile({
+    fileId: user.avatarFileId ?? ''
+  });
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.memberItem
+  }, /*#__PURE__*/React.createElement(Avatar.User, {
+    avatarUrl: avatarUrl,
+    displayName: displayName,
+    size: "md",
+    isModerator: isModerator
+  }), /*#__PURE__*/React.createElement(View, {
+    style: styles.nameRow
+  }, /*#__PURE__*/React.createElement(Typography, {
+    variant: "bodyBold",
+    style: styles.name,
+    numberOfLines: 1
+  }, displayName), isCurrentUser ? /*#__PURE__*/React.createElement(Typography, {
+    variant: "bodyBold",
+    style: styles.youSuffix
+  }, youSuffix) : null, isViewerModerator && isMuted ? /*#__PURE__*/React.createElement(AmityIcon, {
+    name: "volume-slash-r",
+    size: 20,
+    tokenColor: AmityColorToken.TextListTextDescriptionDefaultDefault
+  }) : null), trailing ? /*#__PURE__*/React.createElement(View, {
+    style: styles.trailing
+  }, trailing) : null);
+}
+
+// 5. Compound variant — loading skeleton row.
+function MemberItemSkeleton() {
+  const {
+    styles
+  } = useStyles();
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.skeletonRow
+  }, /*#__PURE__*/React.createElement(Skeleton, {
+    circle: true,
+    width: 40,
+    height: 40
+  }), /*#__PURE__*/React.createElement(Skeleton, {
+    width: 140,
+    height: 10
+  }));
+}
+MemberItem.Skeleton = MemberItemSkeleton;
+//# sourceMappingURL=MemberItem.js.map

package/lib/module/social/features/chat/features/group/members/components/MemberItem/MemberItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","Avatar","Typography","Skeleton","AmityIcon","AmityColorToken","useString","useFile","useStyles","MemberItem","user","isModerator","isCurrentUser","isMuted","isViewerModerator","trailing","styles","displayName","userId","youSuffix","avatarUrl","fileId","avatarFileId","React","createElement","style","memberItem","User","size","nameRow","variant","name","numberOfLines","tokenColor","TextListTextDescriptionDefaultDefault","MemberItemSkeleton","skeletonRow","circle","width","height"],"sourceRoot":"../../../../../../../../../../src","sources":["social/features/chat/features/group/members/components/MemberItem/MemberItem.tsx"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA,SAASA,IAAI,QAAQ,cAAc;;AAEnC;AACA,SAASC,MAAM,QAAQ,gCAAgC;AACvD,SAASC,UAAU,QAAQ,2DAA2D;AACtF,SAASC,QAAQ,QAAQ,yDAAyD;AAClF,SAASC,SAAS,QAAQ,2CAA2C;AACrE,SAASC,eAAe,QAAQ,+DAA+D;AAC/F,SAASC,SAAS,QAAQ,2CAA2C;AACrE,OAAOC,OAAO,MAAM,4CAA4C;AAChE,SAASC,SAAS,QAAQ,UAAU;;AAEpC;;AAUA;AACA,OAAO,SAASC,UAAUA,CAAC;EACzBC,IAAI;EACJC,WAAW;EACXC,aAAa;EACbC,OAAO,GAAG,KAAK;EACfC,iBAAiB,GAAG,KAAK;EACzBC;AACe,CAAC,EAAE;EAClB,MAAM;IAAEC;EAAO,CAAC,GAAGR,SAAS,CAAC,CAAC;EAC9B,MAAMS,WAAW,GAAGP,IAAI,CAACO,WAAW,IAAIP,IAAI,CAACQ,MAAM;EACnD,MAAMC,SAAS,GAAGb,SAAS,CAAC,8BAA8B,CAAC;EAC3D,MAAMc,SAAS,GAAGb,OAAO,CAAC;IAAEc,MAAM,EAAEX,IAAI,CAACY,YAAY,IAAI;EAAG,CAAC,CAAC;EAE9D,oBACEC,KAAA,CAAAC,aAAA,CAACxB,IAAI;IAACyB,KAAK,EAAET,MAAM,CAACU;EAAW,gBAC7BH,KAAA,CAAAC,aAAA,CAACvB,MAAM,CAAC0B,IAAI;IACVP,SAAS,EAAEA,SAAU;IACrBH,WAAW,EAAEA,WAAY;IACzBW,IAAI,EAAC,IAAI;IACTjB,WAAW,EAAEA;EAAY,CAC1B,CAAC,eACFY,KAAA,CAAAC,aAAA,CAACxB,IAAI;IAACyB,KAAK,EAAET,MAAM,CAACa;EAAQ,gBAC1BN,KAAA,CAAAC,aAAA,CAACtB,UAAU;IAAC4B,OAAO,EAAC,UAAU;IAACL,KAAK,EAAET,MAAM,CAACe,IAAK;IAACC,aAAa,EAAE;EAAE,GACjEf,WACS,CAAC,EACZL,aAAa,gBACZW,KAAA,CAAAC,aAAA,CAACtB,UAAU;IAAC4B,OAAO,EAAC,UAAU;IAACL,KAAK,EAAET,MAAM,CAACG;EAAU,GACpDA,SACS,CAAC,GACX,IAAI,EACPL,iBAAiB,IAAID,OAAO,gBAC3BU,KAAA,CAAAC,aAAA,CAACpB,SAAS;IACR2B,IAAI,EAAC,gBAAgB;IACrBH,IAAI,EAAE,EAAG;IACTK,UAAU,EAAE5B,eAAe,CAAC6B;EAAsC,CACnE,CAAC,GACA,IACA,CAAC,EACNnB,QAAQ,gBAAGQ,KAAA,CAAAC,aAAA,CAACxB,IAAI;IAACyB,KAAK,EAAET,MAAM,CAACD;EAAS,GAAEA,QAAe,CAAC,GAAG,IAC1D,CAAC;AAEX;;AAEA;AACA,SAASoB,kBAAkBA,CAAA,EAAG;EAC5B,MAAM;IAAEnB;EAAO,CAAC,GAAGR,SAAS,CAAC,CAAC;EAC9B,oBACEe,KAAA,CAAAC,aAAA,CAACxB,IAAI;IAACyB,KAAK,EAAET,MAAM,CAACoB;EAAY,gBAC9Bb,KAAA,CAAAC,aAAA,CAACrB,QAAQ;IAACkC,MAAM;IAACC,KAAK,EAAE,EAAG;IAACC,MAAM,EAAE;EAAG,CAAE,CAAC,eAC1ChB,KAAA,CAAAC,aAAA,CAACrB,QAAQ;IAACmC,KAAK,EAAE,GAAI;IAACC,MAAM,EAAE;EAAG,CAAE,CAC/B,CAAC;AAEX;AAEA9B,UAAU,CAACN,QAAQ,GAAGgC,kBAAkB","ignoreList":[]}

package/lib/module/social/features/chat/features/group/members/components/MemberItem/index.js

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

package/lib/module/social/features/chat/features/group/members/components/MemberItem/index.js.map

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

package/lib/module/social/features/chat/features/group/members/components/MemberItem/styles.js

@@ -0,0 +1,56 @@
+// Styles for MemberItem — ported from AmityUiKitWeb MemberItem.module.css.
+// Geometry mirrors the create UserItem: gap 0.5rem→8, padding 8/16, height 56,
+// name-row gap 0.125rem→2. Colours via design tokens (no hardcoded hex).
+
+import { StyleSheet } from 'react-native';
+import { useToken } from '../../../../../../../../core/design/theme/useToken';
+import { AmityColorToken } from '../../../../../../../../core/design/tokens/amity-color-tokens';
+export const useStyles = () => {
+  const token = useToken();
+  const styles = StyleSheet.create({
+    memberItem: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'flex-start',
+      gap: 8,
+      width: '100%',
+      paddingVertical: 8,
+      paddingHorizontal: 16,
+      height: 56,
+      backgroundColor: token(AmityColorToken.SurfaceListDefaultDefault)
+    },
+    nameRow: {
+      flex: 1,
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 2,
+      minWidth: 0
+    },
+    name: {
+      flexShrink: 1,
+      minWidth: 0,
+      color: token(AmityColorToken.TextListHeaderDefaultDefault)
+    },
+    youSuffix: {
+      flexShrink: 0,
+      marginLeft: 2,
+      color: token(AmityColorToken.TextListHeaderDefaultDefault)
+    },
+    trailing: {
+      flexShrink: 0
+    },
+    skeletonRow: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 8,
+      paddingVertical: 8,
+      paddingHorizontal: 16,
+      height: 56
+    }
+  });
+  return {
+    styles,
+    token
+  };
+};
+//# sourceMappingURL=styles.js.map

package/lib/module/social/features/chat/features/group/members/components/MemberItem/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useToken","AmityColorToken","useStyles","token","styles","create","memberItem","flexDirection","alignItems","justifyContent","gap","width","paddingVertical","paddingHorizontal","height","backgroundColor","SurfaceListDefaultDefault","nameRow","flex","minWidth","name","flexShrink","color","TextListHeaderDefaultDefault","youSuffix","marginLeft","trailing","skeletonRow"],"sourceRoot":"../../../../../../../../../../src","sources":["social/features/chat/features/group/members/components/MemberItem/styles.ts"],"mappings":"AAAA;AACA;AACA;;AAEA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,oDAAoD;AAC7E,SAASC,eAAe,QAAQ,+DAA+D;AAE/F,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,KAAK,GAAGH,QAAQ,CAAC,CAAC;EAExB,MAAMI,MAAM,GAAGL,UAAU,CAACM,MAAM,CAAC;IAC/BC,UAAU,EAAE;MACVC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,YAAY;MAC5BC,GAAG,EAAE,CAAC;MACNC,KAAK,EAAE,MAAM;MACbC,eAAe,EAAE,CAAC;MAClBC,iBAAiB,EAAE,EAAE;MACrBC,MAAM,EAAE,EAAE;MACVC,eAAe,EAAEZ,KAAK,CAACF,eAAe,CAACe,yBAAyB;IAClE,CAAC;IACDC,OAAO,EAAE;MACPC,IAAI,EAAE,CAAC;MACPX,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBE,GAAG,EAAE,CAAC;MACNS,QAAQ,EAAE;IACZ,CAAC;IACDC,IAAI,EAAE;MACJC,UAAU,EAAE,CAAC;MACbF,QAAQ,EAAE,CAAC;MACXG,KAAK,EAAEnB,KAAK,CAACF,eAAe,CAACsB,4BAA4B;IAC3D,CAAC;IACDC,SAAS,EAAE;MACTH,UAAU,EAAE,CAAC;MACbI,UAAU,EAAE,CAAC;MACbH,KAAK,EAAEnB,KAAK,CAACF,eAAe,CAACsB,4BAA4B;IAC3D,CAAC;IACDG,QAAQ,EAAE;MACRL,UAAU,EAAE;IACd,CAAC;IACDM,WAAW,EAAE;MACXpB,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBE,GAAG,EAAE,CAAC;MACNE,eAAe,EAAE,CAAC;MAClBC,iBAAiB,EAAE,EAAE;MACrBC,MAAM,EAAE;IACV;EACF,CAAC,CAAC;EAEF,OAAO;IAAEV,MAAM;IAAED;EAAM,CAAC;AAC1B,CAAC","ignoreList":[]}

package/lib/module/social/features/chat/features/group/members/components/MemberList/MemberList.js

@@ -0,0 +1,130 @@
+// MemberList — ported from AmityUiKitWeb
+// v4/chat/features/group/members/components/MemberList.
+//
+// The searchable member/moderator list. Web used an IntersectionObserver sentinel
+// + `useChannelMembersCollection`; RN uses that same collection hook (direct SDK
+// subscription) + a FlatList `onEndReached`. Web built the per-member action
+// array inline and rendered its own ActionMenu; RN delegates that to the curated
+// AmityGroupMemberActionComponent, passed into MemberItem's generic `trailing`
+// slot. The current user is ordered first and global-banned users filtered out,
+// matching web. `isViewerModerator` comes from the shared useChannelMyMembership.
+
+// 1. React / RN imports
+import { useMemo } from 'react';
+import { FlatList, Pressable } from 'react-native';
+
+// 2. Internal imports
+import { MemberItem } from '../MemberItem';
+import { AmityGroupMemberActionComponent } from '../../../../../components/AmityGroupMemberActionComponent';
+import { EmptyState } from '../../../../../features/shared/components/EmptyState';
+import { AmityIcon } from '../../../../../../../../core/design/icons';
+import { AmityColorToken } from '../../../../../../../../core/design/tokens/amity-color-tokens';
+import { MemberRoles } from '../../../../../../../../core/constants';
+import { isModerator } from '../../../../../../../../core/utils/role';
+import { useChannelMembersCollection } from '../../../../../hooks/collections';
+import { useChannelMyMembership } from '../../../../../hooks/useChannelMyMembership';
+import { useCurrentUserId } from '../../../../../hooks/useCurrentUserId';
+import { useStyles } from './styles';
+
+// Local constants (mirror AmityUiKitWeb v4/chat/constants).
+const LIST_PAGE_LIMIT = 20;
+const LIST_SKELETON_ROW_COUNT = 9;
+
+// 3. Types
+
+// 4. Named function component
+export function MemberList({
+  channelId,
+  search,
+  onlyModerators
+}) {
+  const {
+    styles
+  } = useStyles();
+  const currentUserId = useCurrentUserId();
+  const {
+    isViewerModerator
+  } = useChannelMyMembership(channelId);
+  const {
+    members,
+    isLoadingFirstPage,
+    isLoading,
+    hasMore,
+    loadMore
+  } = useChannelMembersCollection({
+    channelId,
+    search,
+    memberships: ['member', 'muted'],
+    roles: onlyModerators ? [MemberRoles.CHANNEL_MODERATOR] : undefined,
+    limit: LIST_PAGE_LIMIT
+  });
+  const visibleMembers = useMemo(() => members.filter(m => {
+    var _m$user;
+    return !((_m$user = m.user) !== null && _m$user !== void 0 && _m$user.isGlobalBanned);
+  }), [members]);
+  const orderedMembers = useMemo(() => {
+    if (!currentUserId) return visibleMembers;
+    const self = visibleMembers.find(m => m.userId === currentUserId);
+    if (!self) return visibleMembers;
+    if (onlyModerators && !isModerator(self.roles)) return visibleMembers;
+    const rest = visibleMembers.filter(m => m.userId !== currentUserId);
+    return [self, ...rest];
+  }, [visibleMembers, currentUserId, onlyModerators]);
+  if (orderedMembers.length === 0 && !isLoading && !isLoadingFirstPage) {
+    return /*#__PURE__*/React.createElement(EmptyState, {
+      variant: "no-members"
+    });
+  }
+  const footer = isLoadingFirstPage || isLoading ? /*#__PURE__*/React.createElement(React.Fragment, null, Array.from({
+    length: LIST_SKELETON_ROW_COUNT
+  }).map((_, i) => /*#__PURE__*/React.createElement(MemberItem.Skeleton, {
+    key: `skeleton-${i}`
+  }))) : null;
+  return /*#__PURE__*/React.createElement(FlatList, {
+    style: styles.memberList,
+    data: orderedMembers,
+    keyExtractor: member => member.userId,
+    renderItem: ({
+      item: member
+    }) => {
+      if (!member.user || !member.userId) return null;
+      const isCurrentUser = member.userId === currentUserId;
+      const isMemberModerator = isModerator(member.roles);
+      const memberUser = member.user;
+      return /*#__PURE__*/React.createElement(MemberItem, {
+        user: memberUser,
+        isModerator: isMemberModerator,
+        isCurrentUser: isCurrentUser,
+        isMuted: !!member.isMuted,
+        isViewerModerator: isViewerModerator,
+        trailing: isCurrentUser ? undefined : /*#__PURE__*/React.createElement(AmityGroupMemberActionComponent, {
+          channelId: channelId,
+          user: memberUser,
+          isMemberModerator: isMemberModerator,
+          isViewerModerator: isViewerModerator,
+          isMuted: !!member.isMuted
+          // eslint-disable-next-line react/no-unstable-nested-components -- Popover's anchor is a render-prop, not a component definition.
+          ,
+          anchor: ({
+            openPopover
+          }) => /*#__PURE__*/React.createElement(Pressable, {
+            style: styles.actionButton,
+            onPress: openPopover,
+            accessibilityRole: "button",
+            accessibilityLabel: `Actions for ${memberUser.displayName ?? memberUser.userId}`
+          }, /*#__PURE__*/React.createElement(AmityIcon, {
+            name: "ellipsis-r",
+            size: 24,
+            tokenColor: AmityColorToken.IconListLeadingDefaultDefault
+          }))
+        })
+      });
+    },
+    onEndReachedThreshold: 0.7,
+    onEndReached: () => {
+      if (hasMore && !isLoadingFirstPage && !isLoading) loadMore();
+    },
+    ListFooterComponent: footer
+  });
+}
+//# sourceMappingURL=MemberList.js.map

package/lib/module/social/features/chat/features/group/members/components/MemberList/MemberList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","FlatList","Pressable","MemberItem","AmityGroupMemberActionComponent","EmptyState","AmityIcon","AmityColorToken","MemberRoles","isModerator","useChannelMembersCollection","useChannelMyMembership","useCurrentUserId","useStyles","LIST_PAGE_LIMIT","LIST_SKELETON_ROW_COUNT","MemberList","channelId","search","onlyModerators","styles","currentUserId","isViewerModerator","members","isLoadingFirstPage","isLoading","hasMore","loadMore","memberships","roles","CHANNEL_MODERATOR","undefined","limit","visibleMembers","filter","m","_m$user","user","isGlobalBanned","orderedMembers","self","find","userId","rest","length","React","createElement","variant","footer","Fragment","Array","from","map","_","i","Skeleton","key","style","memberList","data","keyExtractor","member","renderItem","item","isCurrentUser","isMemberModerator","memberUser","isMuted","trailing","anchor","openPopover","actionButton","onPress","accessibilityRole","accessibilityLabel","displayName","name","size","tokenColor","IconListLeadingDefaultDefault","onEndReachedThreshold","onEndReached","ListFooterComponent"],"sourceRoot":"../../../../../../../../../../src","sources":["social/features/chat/features/group/members/components/MemberList/MemberList.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/social/features/chat/features/group/members/components/MemberList/index.js

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

package/lib/module/social/features/chat/features/group/members/components/MemberList/index.js.map

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

package/lib/module/social/features/chat/features/group/members/components/MemberList/styles.js

@@ -0,0 +1,18 @@
+// Styles for MemberList — ported from AmityUiKitWeb MemberList.module.css.
+// The web list is a flex column; RN uses a FlatList that fills its parent.
+
+import { StyleSheet } from 'react-native';
+export const useStyles = () => {
+  const styles = StyleSheet.create({
+    memberList: {
+      flex: 1
+    },
+    actionButton: {
+      padding: 4
+    }
+  });
+  return {
+    styles
+  };
+};
+//# sourceMappingURL=styles.js.map

package/lib/module/social/features/chat/features/group/members/components/MemberList/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useStyles","styles","create","memberList","flex","actionButton","padding"],"sourceRoot":"../../../../../../../../../../src","sources":["social/features/chat/features/group/members/components/MemberList/styles.ts"],"mappings":"AAAA;AACA;;AAEA,SAASA,UAAU,QAAQ,cAAc;AAEzC,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,MAAM,GAAGF,UAAU,CAACG,MAAM,CAAC;IAC/BC,UAAU,EAAE;MACVC,IAAI,EAAE;IACR,CAAC;IACDC,YAAY,EAAE;MACZC,OAAO,EAAE;IACX;EACF,CAAC,CAAC;EAEF,OAAO;IAAEL;EAAO,CAAC;AACnB,CAAC","ignoreList":[]}

package/lib/module/social/features/chat/features/group/members/components/MemberTabs/MemberTabs.js

@@ -0,0 +1,78 @@
+// MemberTabs — ported from AmityUiKitWeb
+// v4/chat/features/group/members/components/MemberTabs.
+//
+// Members / Moderators tabs, each with a search bar over a MemberList. Web's
+// react-aria Tabs rendered the panel content itself; the RN Tabs molecule is the
+// bar only, so this composes the bar + the active panel manually. Web debounced
+// via react-use `useDebounce`; RN uses a plain setTimeout effect (react-use is
+// not a dependency here), matching useCreateConversation.
+
+// 1. React / RN imports
+import { useEffect, useState } from 'react';
+import { View } from 'react-native';
+
+// 2. Internal imports
+import { Tabs } from '../../../../../../../../core/design/molecules/Tabs';
+import { SearchInput } from '../../../../../../../../core/design/molecules/SearchInput';
+import { useString } from '../../../../../../../../core/localization';
+import { MemberList } from '../MemberList';
+import { useStyles } from './styles';
+const SEARCH_DEBOUNCE_MS = 300;
+export let MembershipsTab = /*#__PURE__*/function (MembershipsTab) {
+  MembershipsTab["Members"] = "members";
+  MembershipsTab["Moderators"] = "moderators";
+  return MembershipsTab;
+}({});
+
+// 3. Types
+
+// 4. Named function component
+export function MemberTabs({
+  channelId
+}) {
+  const {
+    styles
+  } = useStyles();
+  const [activeTab, setActiveTab] = useState(MembershipsTab.Members);
+  const [searchText, setSearchText] = useState('');
+  const [debouncedSearch, setDebouncedSearch] = useState('');
+  const searchPlaceholder = useString('amity_chat_search_placeholder');
+  const membersTabLabel = useString('amity_chat_member_tab_members');
+  const moderatorsTabLabel = useString('amity_chat_member_tab_moderators');
+  useEffect(() => {
+    const timer = setTimeout(() => setDebouncedSearch(searchText), SEARCH_DEBOUNCE_MS);
+    return () => clearTimeout(timer);
+  }, [searchText]);
+  function handleTabChange(value) {
+    setActiveTab(value);
+    setSearchText('');
+    setDebouncedSearch('');
+  }
+  const onlyModerators = activeTab === MembershipsTab.Moderators;
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(Tabs, {
+    variant: "underlined",
+    value: activeTab,
+    onChange: handleTabChange,
+    tabs: [{
+      value: MembershipsTab.Members,
+      label: membersTabLabel
+    }, {
+      value: MembershipsTab.Moderators,
+      label: moderatorsTabLabel
+    }]
+  }), /*#__PURE__*/React.createElement(View, {
+    style: styles.searchBar
+  }, /*#__PURE__*/React.createElement(SearchInput, {
+    value: searchText,
+    onChange: setSearchText,
+    placeholder: searchPlaceholder,
+    accessibilityLabel: searchPlaceholder
+  })), /*#__PURE__*/React.createElement(MemberList, {
+    channelId: channelId,
+    search: debouncedSearch,
+    onlyModerators: onlyModerators
+  }));
+}
+//# sourceMappingURL=MemberTabs.js.map

package/lib/module/social/features/chat/features/group/members/components/MemberTabs/MemberTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useState","View","Tabs","SearchInput","useString","MemberList","useStyles","SEARCH_DEBOUNCE_MS","MembershipsTab","MemberTabs","channelId","styles","activeTab","setActiveTab","Members","searchText","setSearchText","debouncedSearch","setDebouncedSearch","searchPlaceholder","membersTabLabel","moderatorsTabLabel","timer","setTimeout","clearTimeout","handleTabChange","value","onlyModerators","Moderators","React","createElement","style","container","variant","onChange","tabs","label","searchBar","placeholder","accessibilityLabel","search"],"sourceRoot":"../../../../../../../../../../src","sources":["social/features/chat/features/group/members/components/MemberTabs/MemberTabs.tsx"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,SAASC,IAAI,QAAQ,cAAc;;AAEnC;AACA,SAASC,IAAI,QAAQ,oDAAoD;AACzE,SAASC,WAAW,QAAQ,2DAA2D;AACvF,SAASC,SAAS,QAAQ,2CAA2C;AACrE,SAASC,UAAU,QAAQ,eAAe;AAC1C,SAASC,SAAS,QAAQ,UAAU;AAEpC,MAAMC,kBAAkB,GAAG,GAAG;AAE9B,WAAYC,cAAc,0BAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAA,OAAdA,cAAc;AAAA;;AAK1B;;AAKA;AACA,OAAO,SAASC,UAAUA,CAAC;EAAEC;AAA2B,CAAC,EAAE;EACzD,MAAM;IAAEC;EAAO,CAAC,GAAGL,SAAS,CAAC,CAAC;EAC9B,MAAM,CAACM,SAAS,EAAEC,YAAY,CAAC,GAAGb,QAAQ,CAASQ,cAAc,CAACM,OAAO,CAAC;EAC1E,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAGhB,QAAQ,CAAC,EAAE,CAAC;EAChD,MAAM,CAACiB,eAAe,EAAEC,kBAAkB,CAAC,GAAGlB,QAAQ,CAAC,EAAE,CAAC;EAE1D,MAAMmB,iBAAiB,GAAGf,SAAS,CAAC,+BAA+B,CAAC;EACpE,MAAMgB,eAAe,GAAGhB,SAAS,CAAC,+BAA+B,CAAC;EAClE,MAAMiB,kBAAkB,GAAGjB,SAAS,CAAC,kCAAkC,CAAC;EAExEL,SAAS,CAAC,MAAM;IACd,MAAMuB,KAAK,GAAGC,UAAU,CACtB,MAAML,kBAAkB,CAACH,UAAU,CAAC,EACpCR,kBACF,CAAC;IACD,OAAO,MAAMiB,YAAY,CAACF,KAAK,CAAC;EAClC,CAAC,EAAE,CAACP,UAAU,CAAC,CAAC;EAEhB,SAASU,eAAeA,CAACC,KAAa,EAAE;IACtCb,YAAY,CAACa,KAAK,CAAC;IACnBV,aAAa,CAAC,EAAE,CAAC;IACjBE,kBAAkB,CAAC,EAAE,CAAC;EACxB;EAEA,MAAMS,cAAc,GAAGf,SAAS,KAAKJ,cAAc,CAACoB,UAAU;EAE9D,oBACEC,KAAA,CAAAC,aAAA,CAAC7B,IAAI;IAAC8B,KAAK,EAAEpB,MAAM,CAACqB;EAAU,gBAC5BH,KAAA,CAAAC,aAAA,CAAC5B,IAAI;IACH+B,OAAO,EAAC,YAAY;IACpBP,KAAK,EAAEd,SAAU;IACjBsB,QAAQ,EAAET,eAAgB;IAC1BU,IAAI,EAAE,CACJ;MAAET,KAAK,EAAElB,cAAc,CAACM,OAAO;MAAEsB,KAAK,EAAEhB;IAAgB,CAAC,EACzD;MAAEM,KAAK,EAAElB,cAAc,CAACoB,UAAU;MAAEQ,KAAK,EAAEf;IAAmB,CAAC;EAC/D,CACH,CAAC,eACFQ,KAAA,CAAAC,aAAA,CAAC7B,IAAI;IAAC8B,KAAK,EAAEpB,MAAM,CAAC0B;EAAU,gBAC5BR,KAAA,CAAAC,aAAA,CAAC3B,WAAW;IACVuB,KAAK,EAAEX,UAAW;IAClBmB,QAAQ,EAAElB,aAAc;IACxBsB,WAAW,EAAEnB,iBAAkB;IAC/BoB,kBAAkB,EAAEpB;EAAkB,CACvC,CACG,CAAC,eACPU,KAAA,CAAAC,aAAA,CAACzB,UAAU;IACTK,SAAS,EAAEA,SAAU;IACrB8B,MAAM,EAAEvB,eAAgB;IACxBU,cAAc,EAAEA;EAAe,CAChC,CACG,CAAC;AAEX","ignoreList":[]}

package/lib/module/social/features/chat/features/group/members/components/MemberTabs/index.js

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

package/lib/module/social/features/chat/features/group/members/components/MemberTabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MemberTabs","MembershipsTab"],"sourceRoot":"../../../../../../../../../../src","sources":["social/features/chat/features/group/members/components/MemberTabs/index.ts"],"mappings":"AAAA,SAASA,UAAU,EAAEC,cAAc,QAAQ,cAAc","ignoreList":[]}

package/lib/module/social/features/chat/features/group/members/components/MemberTabs/styles.js

@@ -0,0 +1,19 @@
+// Styles for MemberTabs — ported from AmityUiKitWeb MemberTabs.module.css.
+// Column layout; search bar padding 0.5rem 1rem → 8/16.
+
+import { StyleSheet } from 'react-native';
+export const useStyles = () => {
+  const styles = StyleSheet.create({
+    container: {
+      flex: 1
+    },
+    searchBar: {
+      paddingVertical: 8,
+      paddingHorizontal: 16
+    }
+  });
+  return {
+    styles
+  };
+};
+//# sourceMappingURL=styles.js.map

package/lib/module/social/features/chat/features/group/members/components/MemberTabs/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useStyles","styles","create","container","flex","searchBar","paddingVertical","paddingHorizontal"],"sourceRoot":"../../../../../../../../../../src","sources":["social/features/chat/features/group/members/components/MemberTabs/styles.ts"],"mappings":"AAAA;AACA;;AAEA,SAASA,UAAU,QAAQ,cAAc;AAEzC,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,MAAM,GAAGF,UAAU,CAACG,MAAM,CAAC;IAC/BC,SAAS,EAAE;MACTC,IAAI,EAAE;IACR,CAAC;IACDC,SAAS,EAAE;MACTC,eAAe,EAAE,CAAC;MAClBC,iBAAiB,EAAE;IACrB;EACF,CAAC,CAAC;EAEF,OAAO;IAAEN;EAAO,CAAC;AACnB,CAAC","ignoreList":[]}

package/lib/module/social/features/chat/features/group/members/components/index.js

@@ -0,0 +1,5 @@
+export * from './Header';
+export * from './MemberItem';
+export * from './MemberList';
+export * from './MemberTabs';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../../../../../src","sources":["social/features/chat/features/group/members/components/index.ts"],"mappings":"AAAA,cAAc,UAAU;AACxB,cAAc,cAAc;AAC5B,cAAc,cAAc;AAC5B,cAAc,cAAc","ignoreList":[]}

package/lib/module/social/features/chat/features/group/members/hooks/index.js

@@ -0,0 +1,2 @@
+export * from './useGroupMembers';
+//# sourceMappingURL=index.js.map

package/lib/module/social/features/chat/features/group/members/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../../../../../src","sources":["social/features/chat/features/group/members/hooks/index.ts"],"mappings":"AAAA,cAAc,mBAAmB","ignoreList":[]}

package/lib/module/social/features/chat/features/group/members/hooks/useGroupMembers.js

@@ -0,0 +1,32 @@
+// useGroupMembers — ported from AmityUiKitWeb
+// v4/chat/features/group/members/hooks/useGroupMembers.
+//
+// Web computed the viewer's moderator status from `useChannelMyMembership` and
+// navigated via the in-app ChatNavigationProvider (pop / push AddGroupMemberPage).
+// RN reads moderator status through the shared `useChannelMyMembership` hook and
+// takes navigation as callback props (the hosting page owns the stack, which is
+// out of scope here): `onBack` defaults to `useChatNavigation().pop()`.
+
+import { useChannelMyMembership } from '../../../../hooks/useChannelMyMembership';
+import { useChatNavigation } from '../../../../hooks/useChatNavigation';
+export function useGroupMembers({
+  channelId,
+  onBack,
+  onAddMember
+}) {
+  const {
+    pop
+  } = useChatNavigation();
+  const {
+    isViewerModerator
+  } = useChannelMyMembership(channelId);
+  const handleBack = onBack ?? pop;
+  const handleOpenAddMember = onAddMember ?? (() => {});
+  return {
+    channelId,
+    isViewerModerator,
+    handleBack,
+    handleOpenAddMember
+  };
+}
+//# sourceMappingURL=useGroupMembers.js.map

package/lib/module/social/features/chat/features/group/members/hooks/useGroupMembers.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useChannelMyMembership","useChatNavigation","useGroupMembers","channelId","onBack","onAddMember","pop","isViewerModerator","handleBack","handleOpenAddMember"],"sourceRoot":"../../../../../../../../../src","sources":["social/features/chat/features/group/members/hooks/useGroupMembers.ts"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,sBAAsB,QAAQ,0CAA0C;AACjF,SAASC,iBAAiB,QAAQ,qCAAqC;AAQvE,OAAO,SAASC,eAAeA,CAAC;EAC9BC,SAAS;EACTC,MAAM;EACNC;AACqB,CAAC,EAAE;EACxB,MAAM;IAAEC;EAAI,CAAC,GAAGL,iBAAiB,CAAC,CAAC;EACnC,MAAM;IAAEM;EAAkB,CAAC,GAAGP,sBAAsB,CAACG,SAAS,CAAC;EAE/D,MAAMK,UAAU,GAAGJ,MAAM,IAAIE,GAAG;EAChC,MAAMG,mBAAmB,GAAGJ,WAAW,KAAK,MAAM,CAAC,CAAC,CAAC;EAErD,OAAO;IACLF,SAAS;IACTI,iBAAiB;IACjBC,UAAU;IACVC;EACF,CAAC;AACH","ignoreList":[]}

package/lib/module/social/features/chat/features/group/members/index.js

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