@amityco/react-native-social-uikit 4.2.1-f052efd.0 → 4.3.0

package/lib/module/chat/features/group/select-member/components/SelectedUsersBar/SelectedUsersBar.js

@@ -0,0 +1,41 @@
+// SelectedUsersBar — the horizontal strip of chosen members above the user list.
+// Ported from AmityUiKitWeb v4/chat/features/group/select-member/components/
+// SelectedUsersBar. Renders a removable SelectedMember tile per chosen user and
+// a divider below; hides entirely when nothing is selected.
+//
+// RN adaptations from web:
+//   - Web's `overflow-x: auto` flex row → a horizontal ScrollView.
+
+// 1. React / RN imports
+import { ScrollView, View } from 'react-native';
+
+// 2. Internal imports (relative)
+import { SelectedMember } from '../../../../../features/shared/components/SelectedMember';
+import { useStyles } from './styles';
+
+// 3. Types
+
+// 4. Named function component
+export function SelectedUsersBar({
+  users,
+  onRemoveUser
+}) {
+  const {
+    styles
+  } = useStyles();
+  if (users.length === 0) return null;
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.selectedUsersBar
+  }, /*#__PURE__*/React.createElement(ScrollView, {
+    horizontal: true,
+    showsHorizontalScrollIndicator: false,
+    contentContainerStyle: styles.list
+  }, users.map(user => /*#__PURE__*/React.createElement(SelectedMember, {
+    key: user.userId,
+    user: user,
+    onRemove: onRemoveUser
+  }))), /*#__PURE__*/React.createElement(View, {
+    style: styles.divider
+  }));
+}
+//# sourceMappingURL=SelectedUsersBar.js.map

package/lib/module/chat/features/group/select-member/components/SelectedUsersBar/SelectedUsersBar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ScrollView","View","SelectedMember","useStyles","SelectedUsersBar","users","onRemoveUser","styles","length","React","createElement","style","selectedUsersBar","horizontal","showsHorizontalScrollIndicator","contentContainerStyle","list","map","user","key","userId","onRemove","divider"],"sourceRoot":"../../../../../../../../src","sources":["chat/features/group/select-member/components/SelectedUsersBar/SelectedUsersBar.tsx"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,SAASA,UAAU,EAAEC,IAAI,QAAQ,cAAc;;AAE/C;AACA,SAASC,cAAc,QAAQ,0DAA0D;AACzF,SAASC,SAAS,QAAQ,UAAU;;AAEpC;;AAMA;AACA,OAAO,SAASC,gBAAgBA,CAAC;EAC/BC,KAAK;EACLC;AACqB,CAAC,EAAE;EACxB,MAAM;IAAEC;EAAO,CAAC,GAAGJ,SAAS,CAAC,CAAC;EAE9B,IAAIE,KAAK,CAACG,MAAM,KAAK,CAAC,EAAE,OAAO,IAAI;EAEnC,oBACEC,KAAA,CAAAC,aAAA,CAACT,IAAI;IAACU,KAAK,EAAEJ,MAAM,CAACK;EAAiB,gBACnCH,KAAA,CAAAC,aAAA,CAACV,UAAU;IACTa,UAAU;IACVC,8BAA8B,EAAE,KAAM;IACtCC,qBAAqB,EAAER,MAAM,CAACS;EAAK,GAElCX,KAAK,CAACY,GAAG,CAAEC,IAAI,iBACdT,KAAA,CAAAC,aAAA,CAACR,cAAc;IACbiB,GAAG,EAAED,IAAI,CAACE,MAAO;IACjBF,IAAI,EAAEA,IAAK;IACXG,QAAQ,EAAEf;EAAa,CACxB,CACF,CACS,CAAC,eACbG,KAAA,CAAAC,aAAA,CAACT,IAAI;IAACU,KAAK,EAAEJ,MAAM,CAACe;EAAQ,CAAE,CAC1B,CAAC;AAEX","ignoreList":[]}

package/lib/module/chat/features/group/select-member/components/SelectedUsersBar/index.js

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

package/lib/module/chat/features/group/select-member/components/SelectedUsersBar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SelectedUsersBar"],"sourceRoot":"../../../../../../../../src","sources":["chat/features/group/select-member/components/SelectedUsersBar/index.ts"],"mappings":"AAAA,SAASA,gBAAgB,QAAQ,oBAAoB","ignoreList":[]}

package/lib/module/chat/features/group/select-member/components/SelectedUsersBar/styles.js

@@ -0,0 +1,30 @@
+// Styles for SelectedUsersBar — ported from AmityUiKitWeb
+// v4/chat/features/group/select-member/components/SelectedUsersBar/
+// SelectedUsersBar.module.css. Geometry: list gap 0.25rem→4, padding 0.5rem→8,
+// divider height 0.0625rem→1. 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({
+    selectedUsersBar: {
+      backgroundColor: token(AmityColorToken.SurfacePageBackgroundDefault)
+    },
+    list: {
+      flexDirection: 'row',
+      gap: 4,
+      padding: 8
+    },
+    divider: {
+      height: 1,
+      backgroundColor: token(AmityColorToken.LineDividerPostDefault)
+    }
+  });
+  return {
+    styles,
+    token
+  };
+};
+//# sourceMappingURL=styles.js.map

package/lib/module/chat/features/group/select-member/components/SelectedUsersBar/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useToken","AmityColorToken","useStyles","token","styles","create","selectedUsersBar","backgroundColor","SurfacePageBackgroundDefault","list","flexDirection","gap","padding","divider","height","LineDividerPostDefault"],"sourceRoot":"../../../../../../../../src","sources":["chat/features/group/select-member/components/SelectedUsersBar/styles.ts"],"mappings":"AAAA;AACA;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,gBAAgB,EAAE;MAChBC,eAAe,EAAEJ,KAAK,CAACF,eAAe,CAACO,4BAA4B;IACrE,CAAC;IACDC,IAAI,EAAE;MACJC,aAAa,EAAE,KAAK;MACpBC,GAAG,EAAE,CAAC;MACNC,OAAO,EAAE;IACX,CAAC;IACDC,OAAO,EAAE;MACPC,MAAM,EAAE,CAAC;MACTP,eAAe,EAAEJ,KAAK,CAACF,eAAe,CAACc,sBAAsB;IAC/D;EACF,CAAC,CAAC;EAEF,OAAO;IAAEX,MAAM;IAAED;EAAM,CAAC;AAC1B,CAAC","ignoreList":[]}

package/lib/module/chat/features/group/select-member/components/UserItem/UserItem.js

@@ -0,0 +1,72 @@
+// UserItem — a single selectable-user row in the select-group-member list.
+// Ported from AmityUiKitWeb v4/chat/features/group/select-member/components/UserItem.
+//
+// RN adaptations from web:
+//   - Web resolves the avatar synchronously via `FileRepository.fileUrlWithSize`
+//     from `user.avatar.fileUrl`; RN resolves `user.avatarFileId` through the
+//     shared `useFile` hook, mirroring the conversation/create UserItem.
+//   - Web's core `Avatar` atom → the chat `Avatar.User` element (round, size md).
+//   - Web pulls its `BrandBadge` from `social/`, which chat must not depend on
+//     (CLAUDE.md); RN uses the core element instead.
+//   - Web renders no press handler here — the row's selection is owned by the
+//     wrapping `Selection.Checkbox`, so this component is purely presentational.
+
+// 1. React / RN imports
+import { View } from 'react-native';
+
+// 2. Internal imports (relative)
+import { Avatar } from '../../../../../elements/Avatar';
+import { BrandBadge } from '../../../../../../core/design/elements/BrandBadge';
+import { Typography } from '../../../../../../core/design/components/Typography';
+import { Skeleton } from '../../../../../../core/design/components/Skeleton';
+import useFile from '../../../../../../core/hooks/useFile';
+import { useStyles } from './styles';
+
+// 3. Types
+
+// 4. Named function component
+export function UserItem({
+  user
+}) {
+  const {
+    styles
+  } = useStyles();
+  const displayName = user.displayName ?? user.userId;
+  const avatarUrl = useFile({
+    fileId: user.avatarFileId ?? ''
+  });
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.userItem
+  }, /*#__PURE__*/React.createElement(Avatar.User, {
+    avatarUrl: avatarUrl,
+    displayName: displayName,
+    size: "md"
+  }), /*#__PURE__*/React.createElement(View, {
+    style: styles.nameRow
+  }, /*#__PURE__*/React.createElement(Typography, {
+    variant: "bodyBold",
+    style: styles.name,
+    numberOfLines: 1
+  }, displayName), user.isBrand ? /*#__PURE__*/React.createElement(BrandBadge, {
+    accessibilityLabel: "Brand"
+  }) : null));
+}
+
+// 5. Compound variant — loading skeleton row.
+function UserItemSkeleton() {
+  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
+  }));
+}
+UserItem.Skeleton = UserItemSkeleton;
+//# sourceMappingURL=UserItem.js.map

package/lib/module/chat/features/group/select-member/components/UserItem/UserItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","Avatar","BrandBadge","Typography","Skeleton","useFile","useStyles","UserItem","user","styles","displayName","userId","avatarUrl","fileId","avatarFileId","React","createElement","style","userItem","User","size","nameRow","variant","name","numberOfLines","isBrand","accessibilityLabel","UserItemSkeleton","skeletonRow","circle","width","height"],"sourceRoot":"../../../../../../../../src","sources":["chat/features/group/select-member/components/UserItem/UserItem.tsx"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,SAASA,IAAI,QAAQ,cAAc;;AAEnC;AACA,SAASC,MAAM,QAAQ,gCAAgC;AACvD,SAASC,UAAU,QAAQ,mDAAmD;AAC9E,SAASC,UAAU,QAAQ,qDAAqD;AAChF,SAASC,QAAQ,QAAQ,mDAAmD;AAC5E,OAAOC,OAAO,MAAM,sCAAsC;AAC1D,SAASC,SAAS,QAAQ,UAAU;;AAEpC;;AAKA;AACA,OAAO,SAASC,QAAQA,CAAC;EAAEC;AAAoB,CAAC,EAAE;EAChD,MAAM;IAAEC;EAAO,CAAC,GAAGH,SAAS,CAAC,CAAC;EAC9B,MAAMI,WAAW,GAAGF,IAAI,CAACE,WAAW,IAAIF,IAAI,CAACG,MAAM;EACnD,MAAMC,SAAS,GAAGP,OAAO,CAAC;IAAEQ,MAAM,EAAEL,IAAI,CAACM,YAAY,IAAI;EAAG,CAAC,CAAC;EAE9D,oBACEC,KAAA,CAAAC,aAAA,CAAChB,IAAI;IAACiB,KAAK,EAAER,MAAM,CAACS;EAAS,gBAC3BH,KAAA,CAAAC,aAAA,CAACf,MAAM,CAACkB,IAAI;IAACP,SAAS,EAAEA,SAAU;IAACF,WAAW,EAAEA,WAAY;IAACU,IAAI,EAAC;EAAI,CAAE,CAAC,eACzEL,KAAA,CAAAC,aAAA,CAAChB,IAAI;IAACiB,KAAK,EAAER,MAAM,CAACY;EAAQ,gBAC1BN,KAAA,CAAAC,aAAA,CAACb,UAAU;IAACmB,OAAO,EAAC,UAAU;IAACL,KAAK,EAAER,MAAM,CAACc,IAAK;IAACC,aAAa,EAAE;EAAE,GACjEd,WACS,CAAC,EAEZF,IAAI,CAACiB,OAAO,gBAAGV,KAAA,CAAAC,aAAA,CAACd,UAAU;IAACwB,kBAAkB,EAAC;EAAO,CAAE,CAAC,GAAG,IACxD,CACF,CAAC;AAEX;;AAEA;AACA,SAASC,gBAAgBA,CAAA,EAAG;EAC1B,MAAM;IAAElB;EAAO,CAAC,GAAGH,SAAS,CAAC,CAAC;EAC9B,oBACES,KAAA,CAAAC,aAAA,CAAChB,IAAI;IAACiB,KAAK,EAAER,MAAM,CAACmB;EAAY,gBAC9Bb,KAAA,CAAAC,aAAA,CAACZ,QAAQ;IAACyB,MAAM;IAACC,KAAK,EAAE,EAAG;IAACC,MAAM,EAAE;EAAG,CAAE,CAAC,eAC1ChB,KAAA,CAAAC,aAAA,CAACZ,QAAQ;IAAC0B,KAAK,EAAE,GAAI;IAACC,MAAM,EAAE;EAAG,CAAE,CAC/B,CAAC;AAEX;AAEAxB,QAAQ,CAACH,QAAQ,GAAGuB,gBAAgB","ignoreList":[]}

package/lib/module/chat/features/group/select-member/components/UserItem/index.js

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

package/lib/module/chat/features/group/select-member/components/UserItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["UserItem"],"sourceRoot":"../../../../../../../../src","sources":["chat/features/group/select-member/components/UserItem/index.ts"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,YAAY","ignoreList":[]}

package/lib/module/chat/features/group/select-member/components/UserItem/styles.js

@@ -0,0 +1,43 @@
+// Styles for the select-group-member UserItem — ported from AmityUiKitWeb
+// v4/chat/features/group/select-member/components/UserItem/UserItem.module.css.
+// Geometry: gap 0.5rem→8, name-row gap 0.125rem→2, skeleton padding 0.5rem 1rem→8/16,
+// skeleton height 3.5rem→56. Row padding lives on the wrapping Selection.Checkbox.
+// 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({
+    userItem: {
+      flex: 1,
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 8
+    },
+    nameRow: {
+      flex: 1,
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 2
+    },
+    name: {
+      flexShrink: 1,
+      color: token(AmityColorToken.TextListHeaderDefaultDefault)
+    },
+    skeletonRow: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 8,
+      paddingVertical: 8,
+      paddingHorizontal: 16,
+      height: 56
+    }
+  });
+  return {
+    styles,
+    token
+  };
+};
+//# sourceMappingURL=styles.js.map

package/lib/module/chat/features/group/select-member/components/UserItem/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useToken","AmityColorToken","useStyles","token","styles","create","userItem","flex","flexDirection","alignItems","gap","nameRow","name","flexShrink","color","TextListHeaderDefaultDefault","skeletonRow","paddingVertical","paddingHorizontal","height"],"sourceRoot":"../../../../../../../../src","sources":["chat/features/group/select-member/components/UserItem/styles.ts"],"mappings":"AAAA;AACA;AACA;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,QAAQ,EAAE;MACRC,IAAI,EAAE,CAAC;MACPC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,GAAG,EAAE;IACP,CAAC;IACDC,OAAO,EAAE;MACPJ,IAAI,EAAE,CAAC;MACPC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,GAAG,EAAE;IACP,CAAC;IACDE,IAAI,EAAE;MACJC,UAAU,EAAE,CAAC;MACbC,KAAK,EAAEX,KAAK,CAACF,eAAe,CAACc,4BAA4B;IAC3D,CAAC;IACDC,WAAW,EAAE;MACXR,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,GAAG,EAAE,CAAC;MACNO,eAAe,EAAE,CAAC;MAClBC,iBAAiB,EAAE,EAAE;MACrBC,MAAM,EAAE;IACV;EACF,CAAC,CAAC;EAEF,OAAO;IAAEf,MAAM;IAAED;EAAM,CAAC;AAC1B,CAAC","ignoreList":[]}

package/lib/module/chat/features/group/select-member/components/UserList/UserList.js

@@ -0,0 +1,127 @@
+// UserList — the searchable, multi-select user list for the select-group-member
+// step. Ported from AmityUiKitWeb v4/chat/features/group/select-member/components/
+// UserList.
+//
+// RN adaptations from web:
+//   - Web's core `useSearchUserByDisplayName` (react-query) + IntersectionObserver
+//     sentinel → the conversation/create `useSearchUsers` live-collection hook
+//     (reused, not rebuilt) + FlatList `onEndReached`.
+//   - Web's `react-aria` `CheckboxGroup` has no RN equivalent; each row is an
+//     individual `Selection.Checkbox`. Toggling merges into / removes from the
+//     existing `selectedUsers` array so selections made under a previous search
+//     query survive when the visible results change.
+//   - Web's `.userList__row[data-hovered]` background becomes the row's PRESSED
+//     background. `Selection.Checkbox` (a core atom) owns a full-width Pressable
+//     whose style can't be extended, so an outer Pressable owns the toggle + the
+//     pressed background and the inner checkbox is rendered visual-only
+//     (`pointerEvents="none"`) — the transparent checkbox row lets the pressed
+//     background show through.
+//   - Web reads the current user via `useSDK().currentUserId`; RN reads
+//     `Client.getCurrentUser()`.
+//   - Search gate matches web exactly: a 1–2 char (partial) query is suppressed
+//     and shows the prompt; an empty query still browses all users.
+
+// 1. React / RN imports
+
+import { FlatList, Pressable, View } from 'react-native';
+
+// 2. Third-party imports
+import { Client } from '@amityco/ts-sdk-react-native';
+
+// 3. Internal imports (relative)
+import { Selection } from '../../../../../../core/design/atoms/Selection';
+import { EmptyState } from '../../../../../features/shared/components/EmptyState';
+import { UserItem } from '../UserItem/UserItem';
+import { useSearchUsers } from '../../../../conversation/create/hooks/useSearchUsers';
+import { useStyles } from './styles';
+
+// Local constants (mirror AmityUiKitWeb v4/chat/constants).
+const LIST_PAGE_LIMIT = 20;
+const LIST_SKELETON_ROW_COUNT = 9;
+const SEARCH_MIN_QUERY_LENGTH = 3;
+
+// 4. Types
+
+// 5. Named function component
+export function UserList({
+  searchText,
+  selectedUsers,
+  onChange
+}) {
+  var _Client$getCurrentUse;
+  const {
+    styles
+  } = useStyles();
+  const currentUserId = (_Client$getCurrentUse = Client.getCurrentUser()) === null || _Client$getCurrentUse === void 0 ? void 0 : _Client$getCurrentUse.userId;
+  const trimmed = searchText.trim();
+  const isPartialQuery = trimmed.length > 0 && trimmed.length < SEARCH_MIN_QUERY_LENGTH;
+  const {
+    users,
+    loading,
+    hasNextPage,
+    loadMore
+  } = useSearchUsers({
+    displayName: searchText,
+    limit: LIST_PAGE_LIMIT,
+    enabled: !isPartialQuery
+  });
+  const isLoadingFirstPage = loading && users.length === 0;
+  if (isPartialQuery) {
+    return /*#__PURE__*/React.createElement(EmptyState, {
+      variant: "prompt"
+    });
+  }
+  const visibleUsers = users.filter(user => user.userId !== currentUserId);
+  if (visibleUsers.length === 0 && !loading) {
+    return /*#__PURE__*/React.createElement(EmptyState, {
+      variant: "no-results"
+    });
+  }
+  const selectedIds = new Set(selectedUsers.map(user => user.userId));
+  function handleToggle(user, selected) {
+    if (selected) {
+      if (selectedIds.has(user.userId)) return;
+      onChange([...selectedUsers, user]);
+    } else {
+      onChange(selectedUsers.filter(u => u.userId !== user.userId));
+    }
+  }
+  const footer = isLoadingFirstPage || loading ? /*#__PURE__*/React.createElement(React.Fragment, null, Array.from({
+    length: LIST_SKELETON_ROW_COUNT
+  }).map((_, i) => /*#__PURE__*/React.createElement(UserItem.Skeleton, {
+    key: i
+  }))) : null;
+  return /*#__PURE__*/React.createElement(FlatList, {
+    style: styles.userList,
+    data: visibleUsers,
+    keyExtractor: user => user.userId,
+    renderItem: ({
+      item
+    }) => {
+      const isSelected = selectedIds.has(item.userId);
+      return /*#__PURE__*/React.createElement(Pressable, {
+        onPress: () => handleToggle(item, !isSelected),
+        style: ({
+          pressed
+        }) => pressed ? styles.rowPressed : undefined,
+        accessibilityRole: "checkbox",
+        accessibilityState: {
+          checked: isSelected
+        },
+        accessibilityLabel: item.displayName ?? item.userId
+      }, /*#__PURE__*/React.createElement(View, {
+        pointerEvents: "none"
+      }, /*#__PURE__*/React.createElement(Selection.Checkbox, {
+        isSelected: isSelected
+      }, /*#__PURE__*/React.createElement(UserItem, {
+        user: item
+      }))));
+    },
+    onEndReachedThreshold: 0.7,
+    onEndReached: () => {
+      if (hasNextPage && !isLoadingFirstPage && !loading) loadMore();
+    },
+    ListFooterComponent: footer
+  });
+}
+//# sourceMappingURL=UserList.js.map

package/lib/module/chat/features/group/select-member/components/UserList/UserList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["FlatList","Pressable","View","Client","Selection","EmptyState","UserItem","useSearchUsers","useStyles","LIST_PAGE_LIMIT","LIST_SKELETON_ROW_COUNT","SEARCH_MIN_QUERY_LENGTH","UserList","searchText","selectedUsers","onChange","_Client$getCurrentUse","styles","currentUserId","getCurrentUser","userId","trimmed","trim","isPartialQuery","length","users","loading","hasNextPage","loadMore","displayName","limit","enabled","isLoadingFirstPage","React","createElement","variant","visibleUsers","filter","user","selectedIds","Set","map","handleToggle","selected","has","u","footer","Fragment","Array","from","_","i","Skeleton","key","style","userList","data","keyExtractor","renderItem","item","isSelected","onPress","pressed","rowPressed","undefined","accessibilityRole","accessibilityState","checked","accessibilityLabel","pointerEvents","Checkbox","onEndReachedThreshold","onEndReached","ListFooterComponent"],"sourceRoot":"../../../../../../../../src","sources":["chat/features/group/select-member/components/UserList/UserList.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/chat/features/group/select-member/components/UserList/index.js

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

package/lib/module/chat/features/group/select-member/components/UserList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["UserList"],"sourceRoot":"../../../../../../../../src","sources":["chat/features/group/select-member/components/UserList/index.ts"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,YAAY","ignoreList":[]}

package/lib/module/chat/features/group/select-member/components/UserList/styles.js

@@ -0,0 +1,24 @@
+// Styles for the select-group-member UserList — ported from AmityUiKitWeb
+// v4/chat/features/group/select-member/components/UserList/UserList.module.css.
+// The web list is a flex column; RN uses a FlatList that fills its parent.
+// Web's `.userList__row[data-hovered]` background maps to the RN row's PRESSED
+// background (same `surface-list-default-hover` token).
+
+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({
+    userList: {
+      flex: 1
+    },
+    rowPressed: {
+      backgroundColor: token(AmityColorToken.SurfaceListDefaultHover)
+    }
+  });
+  return {
+    styles
+  };
+};
+//# sourceMappingURL=styles.js.map

package/lib/module/chat/features/group/select-member/components/UserList/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useToken","AmityColorToken","useStyles","token","styles","create","userList","flex","rowPressed","backgroundColor","SurfaceListDefaultHover"],"sourceRoot":"../../../../../../../../src","sources":["chat/features/group/select-member/components/UserList/styles.ts"],"mappings":"AAAA;AACA;AACA;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,QAAQ,EAAE;MACRC,IAAI,EAAE;IACR,CAAC;IACDC,UAAU,EAAE;MACVC,eAAe,EAAEN,KAAK,CAACF,eAAe,CAACS,uBAAuB;IAChE;EACF,CAAC,CAAC;EAEF,OAAO;IAAEN;EAAO,CAAC;AACnB,CAAC","ignoreList":[]}

package/lib/module/chat/features/group/select-member/components/index.js

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

package/lib/module/chat/features/group/select-member/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Header","SelectedUsersBar","UserItem","UserList"],"sourceRoot":"../../../../../../../src","sources":["chat/features/group/select-member/components/index.ts"],"mappings":"AAAA,SAASA,MAAM,QAAQ,iBAAiB;AACxC,SAASC,gBAAgB,QAAQ,qCAAqC;AACtE,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,QAAQ,QAAQ,qBAAqB","ignoreList":[]}

package/lib/module/chat/features/group/select-member/constants/index.js

@@ -0,0 +1,4 @@
+// Ported from AmityUiKitWeb v4/chat/features/group/select-member/constants.
+// The maximum number of members a group chat may contain.
+export const MEMBER_MAX_COUNT = 1000;
+//# sourceMappingURL=index.js.map

package/lib/module/chat/features/group/select-member/constants/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MEMBER_MAX_COUNT"],"sourceRoot":"../../../../../../../src","sources":["chat/features/group/select-member/constants/index.ts"],"mappings":"AAAA;AACA;AACA,OAAO,MAAMA,gBAAgB,GAAG,IAAI","ignoreList":[]}

package/lib/module/chat/features/group/select-member/hooks/index.js

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

package/lib/module/chat/features/group/select-member/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useSelectGroupMember"],"sourceRoot":"../../../../../../../src","sources":["chat/features/group/select-member/hooks/index.ts"],"mappings":"AAAA,SAASA,oBAAoB,QAAQ,wBAAwB","ignoreList":[]}

package/lib/module/chat/features/group/select-member/hooks/useSelectGroupMember.js

@@ -0,0 +1,105 @@
+// useSelectGroupMember — state + actions for the select-group-member step.
+// Ported from AmityUiKitWeb v4/chat/features/group/select-member/hooks/
+// useSelectGroupMember, keeping the react-hook-form + zod shape 1:1 so the
+// SelectGroupMember screen consumes it via <Controller> unchanged.
+//
+// RN adaptations from web:
+//   - Web debounces the search text with `react-use`'s `useDebounce`
+//     (not installed in RN); replaced by the plain setTimeout effect the
+//     conversation/create flow uses (SEARCH_DEBOUNCE_MS).
+//   - Web navigates via the in-app ChatNavigationProvider (`pop`/`replace`);
+//     RN uses React Navigation. `handleNext` uses `replace` so the back button
+//     skips this step (parity with web `replace`). The destination route
+//     (AmityCreateGroupChatPage) registers in a later wave — the typed
+//     RootStackParamList does not know it yet, so the nav call is cast.
+//   - Web's `useConfirmContext().info` member-limit dialog → RN `Alert.alert`.
+
+import { useEffect, useState } from 'react';
+import { Alert } from 'react-native';
+import { useNavigation } from '@react-navigation/native';
+import * as z from 'zod';
+import { useForm } from 'react-hook-form';
+import { zodResolver } from '@hookform/resolvers/zod';
+import { useString } from '../../../../../core/localization';
+import { MEMBER_MAX_COUNT } from '../constants';
+
+// Web reads SEARCH_DEBOUNCE_MS from chat/constants; inlined here to match the
+// conversation/create flow and keep the port self-contained.
+const SEARCH_DEBOUNCE_MS = 300;
+
+// Route name for the create-group step. Web pushed a ChatPageTypes descriptor;
+// RN targets a React Navigation route that registers in a later wave.
+const CREATE_GROUP_CHAT_ROUTE = 'AmityCreateGroupChatPage';
+
+// Web imported this type from ~/v4/chat/pages/SelectGroupMemberPage (a page that
+// does not exist in RN); defined locally instead.
+
+const schema = z.object({
+  searchText: z.string(),
+  selectedUsers: z.array(z.custom()).min(1).max(MEMBER_MAX_COUNT)
+});
+export function useSelectGroupMember({
+  selectedGroupMember = []
+} = {}) {
+  const navigation = useNavigation();
+  const memberLimitTitle = useString('amity_chat_member_limit_reached_title');
+  const memberLimitMessage = useString('amity_chat_member_limit_reached_message');
+  const [debouncedText, setDebouncedText] = useState('');
+  const form = useForm({
+    mode: 'onChange',
+    resolver: zodResolver(schema),
+    defaultValues: {
+      searchText: '',
+      selectedUsers: selectedGroupMember
+    }
+  });
+  const searchText = form.watch('searchText');
+  const selectedUsers = form.watch('selectedUsers');
+  useEffect(() => {
+    const timer = setTimeout(() => setDebouncedText(searchText), SEARCH_DEBOUNCE_MS);
+    return () => clearTimeout(timer);
+  }, [searchText]);
+  function setSearchText(value) {
+    form.setValue('searchText', value, {
+      shouldValidate: true
+    });
+  }
+  function removeUser(userId) {
+    const current = form.getValues('selectedUsers');
+    form.setValue('selectedUsers', current.filter(u => u.userId !== userId), {
+      shouldValidate: true,
+      shouldDirty: true
+    });
+  }
+  function setSelectedUsers(users) {
+    if (users.length > MEMBER_MAX_COUNT) {
+      Alert.alert(memberLimitTitle, memberLimitMessage);
+      return;
+    }
+    form.setValue('selectedUsers', users, {
+      shouldValidate: true,
+      shouldDirty: true
+    });
+  }
+  function handleClose() {
+    navigation.goBack();
+  }
+  const handleNext = form.handleSubmit(values => {
+    navigation.replace(CREATE_GROUP_CHAT_ROUTE, {
+      selectedUsers: values.selectedUsers
+    });
+  });
+  return {
+    form,
+    searchText,
+    setSearchText,
+    debouncedText,
+    selectedUsers,
+    setSelectedUsers,
+    removeUser,
+    isFormValid: form.formState.isValid || form.formState.isSubmitting,
+    handleClose,
+    handleNext
+  };
+}
+//# sourceMappingURL=useSelectGroupMember.js.map

package/lib/module/chat/features/group/select-member/hooks/useSelectGroupMember.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useState","Alert","useNavigation","z","useForm","zodResolver","useString","MEMBER_MAX_COUNT","SEARCH_DEBOUNCE_MS","CREATE_GROUP_CHAT_ROUTE","schema","object","searchText","string","selectedUsers","array","custom","min","max","useSelectGroupMember","selectedGroupMember","navigation","memberLimitTitle","memberLimitMessage","debouncedText","setDebouncedText","form","mode","resolver","defaultValues","watch","timer","setTimeout","clearTimeout","setSearchText","value","setValue","shouldValidate","removeUser","userId","current","getValues","filter","u","shouldDirty","setSelectedUsers","users","length","alert","handleClose","goBack","handleNext","handleSubmit","values","replace","isFormValid","formState","isValid","isSubmitting"],"sourceRoot":"../../../../../../../src","sources":["chat/features/group/select-member/hooks/useSelectGroupMember.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/chat/features/group/select-member/index.js

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

package/lib/module/chat/features/group/select-member/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SelectGroupMember"],"sourceRoot":"../../../../../../src","sources":["chat/features/group/select-member/index.ts"],"mappings":"AAAA,SAASA,iBAAiB,QAAQ,qBAAqB","ignoreList":[]}

package/lib/module/chat/features/group/select-member/styles.js

@@ -0,0 +1,21 @@
+// Styles for SelectGroupMember — ported from AmityUiKitWeb
+// v4/chat/features/group/select-member/SelectGroupMember.module.css.
+// Web `min-height: 100svh` → flex:1 (no svh in RN). Colours via design tokens.
+
+import { StyleSheet } from 'react-native';
+import { useToken } from '../../../../core/design/theme/useToken';
+import { AmityColorToken } from '../../../../core/design/tokens/amity-color-tokens';
+export const useStyles = () => {
+  const token = useToken();
+  const styles = StyleSheet.create({
+    selectGroupMember: {
+      flex: 1,
+      backgroundColor: token(AmityColorToken.SurfacePageBackgroundDefault)
+    }
+  });
+  return {
+    styles,
+    token
+  };
+};
+//# sourceMappingURL=styles.js.map

package/lib/module/chat/features/group/select-member/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useToken","AmityColorToken","useStyles","token","styles","create","selectGroupMember","flex","backgroundColor","SurfacePageBackgroundDefault"],"sourceRoot":"../../../../../../src","sources":["chat/features/group/select-member/styles.ts"],"mappings":"AAAA;AACA;AACA;;AAEA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,wCAAwC;AACjE,SAASC,eAAe,QAAQ,mDAAmD;AAEnF,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,KAAK,GAAGH,QAAQ,CAAC,CAAC;EAExB,MAAMI,MAAM,GAAGL,UAAU,CAACM,MAAM,CAAC;IAC/BC,iBAAiB,EAAE;MACjBC,IAAI,EAAE,CAAC;MACPC,eAAe,EAAEL,KAAK,CAACF,eAAe,CAACQ,4BAA4B;IACrE;EACF,CAAC,CAAC;EAEF,OAAO;IAAEL,MAAM;IAAED;EAAM,CAAC;AAC1B,CAAC","ignoreList":[]}