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

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

@@ -0,0 +1,132 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UserList = UserList;
+var _reactNative = require("react-native");
+var _tsSdkReactNative = require("@amityco/ts-sdk-react-native");
+var _Selection = require("../../../../../../../../core/design/atoms/Selection");
+var _EmptyState = require("../../../../../features/shared/components/EmptyState");
+var _UserItem = require("../UserItem/UserItem");
+var _useSearchUsers = require("../../../../conversation/create/hooks/useSearchUsers");
+var _styles = require("./styles");
+// 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
+
+// 2. Third-party imports
+
+// 3. Internal imports (relative)
+
+// 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
+function UserList({
+  searchText,
+  selectedUsers,
+  onChange
+}) {
+  var _Client$getCurrentUse;
+  const {
+    styles
+  } = (0, _styles.useStyles)();
+  const currentUserId = (_Client$getCurrentUse = _tsSdkReactNative.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
+  } = (0, _useSearchUsers.useSearchUsers)({
+    displayName: searchText,
+    limit: LIST_PAGE_LIMIT,
+    enabled: !isPartialQuery
+  });
+  const isLoadingFirstPage = loading && users.length === 0;
+  if (isPartialQuery) {
+    return /*#__PURE__*/React.createElement(_EmptyState.EmptyState, {
+      variant: "prompt"
+    });
+  }
+  const visibleUsers = users.filter(user => user.userId !== currentUserId);
+  if (visibleUsers.length === 0 && !loading) {
+    return /*#__PURE__*/React.createElement(_EmptyState.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.UserItem.Skeleton, {
+    key: i
+  }))) : null;
+  return /*#__PURE__*/React.createElement(_reactNative.FlatList, {
+    style: styles.userList,
+    data: visibleUsers,
+    keyExtractor: user => user.userId,
+    renderItem: ({
+      item
+    }) => {
+      const isSelected = selectedIds.has(item.userId);
+      return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
+        onPress: () => handleToggle(item, !isSelected),
+        style: ({
+          pressed
+        }) => pressed ? styles.rowPressed : undefined,
+        accessibilityRole: "checkbox",
+        accessibilityState: {
+          checked: isSelected
+        },
+        accessibilityLabel: item.displayName ?? item.userId
+      }, /*#__PURE__*/React.createElement(_reactNative.View, {
+        pointerEvents: "none"
+      }, /*#__PURE__*/React.createElement(_Selection.Selection.Checkbox, {
+        isSelected: isSelected
+      }, /*#__PURE__*/React.createElement(_UserItem.UserItem, {
+        user: item
+      }))));
+    },
+    onEndReachedThreshold: 0.7,
+    onEndReached: () => {
+      if (hasNextPage && !isLoadingFirstPage && !loading) loadMore();
+    },
+    ListFooterComponent: footer
+  });
+}
+//# sourceMappingURL=UserList.js.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_UserList","require"],"sourceRoot":"../../../../../../../../../../src","sources":["social/features/chat/features/group/select-member/components/UserList/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA","ignoreList":[]}

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

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useStyles = void 0;
+var _reactNative = require("react-native");
+var _useToken = require("../../../../../../../../core/design/theme/useToken");
+var _amityColorTokens = require("../../../../../../../../core/design/tokens/amity-color-tokens");
+// Styles for 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).
+
+const useStyles = () => {
+  const token = (0, _useToken.useToken)();
+  const styles = _reactNative.StyleSheet.create({
+    userList: {
+      flex: 1
+    },
+    rowPressed: {
+      backgroundColor: token(_amityColorTokens.AmityColorToken.SurfaceListDefaultHover)
+    }
+  });
+  return {
+    styles
+  };
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_useToken","_amityColorTokens","useStyles","token","useToken","styles","StyleSheet","create","userList","flex","rowPressed","backgroundColor","AmityColorToken","SurfaceListDefaultHover","exports"],"sourceRoot":"../../../../../../../../../../src","sources":["social/features/chat/features/group/select-member/components/UserList/styles.ts"],"mappings":";;;;;;AAMA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AARA;AACA;AACA;AACA;AACA;;AAMO,MAAMG,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EAExB,MAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;IAC/BC,QAAQ,EAAE;MACRC,IAAI,EAAE;IACR,CAAC;IACDC,UAAU,EAAE;MACVC,eAAe,EAAER,KAAK,CAACS,iCAAe,CAACC,uBAAuB;IAChE;EACF,CAAC,CAAC;EAEF,OAAO;IAAER;EAAO,CAAC;AACnB,CAAC;AAACS,OAAA,CAAAZ,SAAA,GAAAA,SAAA","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_Header","require","_SelectedUsersBar","_UserItem","_UserList"],"sourceRoot":"../../../../../../../../../src","sources":["social/features/chat/features/group/select-member/components/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA","ignoreList":[]}

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

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MEMBER_MAX_COUNT = void 0;
+// Ported from AmityUiKitWeb v4/chat/features/group/select-member/constants.
+// The maximum number of members a group chat may contain.
+const MEMBER_MAX_COUNT = exports.MEMBER_MAX_COUNT = 1000;
+//# sourceMappingURL=index.js.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_useSelectGroupMember","require"],"sourceRoot":"../../../../../../../../../src","sources":["social/features/chat/features/group/select-member/hooks/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,qBAAA,GAAAC,OAAA","ignoreList":[]}

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

@@ -0,0 +1,111 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useSelectGroupMember = useSelectGroupMember;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _native = require("@react-navigation/native");
+var z = _interopRequireWildcard(require("zod"));
+var _reactHookForm = require("react-hook-form");
+var _zod2 = require("@hookform/resolvers/zod");
+var _localization = require("../../../../../../../core/localization");
+var _constants = require("../constants");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+// 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`.
+
+// 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(_constants.MEMBER_MAX_COUNT)
+});
+function useSelectGroupMember({
+  selectedGroupMember = []
+} = {}) {
+  const navigation = (0, _native.useNavigation)();
+  const memberLimitTitle = (0, _localization.useString)('amity_chat_member_limit_reached_title');
+  const memberLimitMessage = (0, _localization.useString)('amity_chat_member_limit_reached_message');
+  const [debouncedText, setDebouncedText] = (0, _react.useState)('');
+  const form = (0, _reactHookForm.useForm)({
+    mode: 'onChange',
+    resolver: (0, _zod2.zodResolver)(schema),
+    defaultValues: {
+      searchText: '',
+      selectedUsers: selectedGroupMember
+    }
+  });
+  const searchText = form.watch('searchText');
+  const selectedUsers = form.watch('selectedUsers');
+  (0, _react.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 > _constants.MEMBER_MAX_COUNT) {
+      _reactNative.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/commonjs/social/features/chat/features/group/select-member/hooks/useSelectGroupMember.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_native","z","_interopRequireWildcard","_reactHookForm","_zod2","_localization","_constants","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SEARCH_DEBOUNCE_MS","CREATE_GROUP_CHAT_ROUTE","schema","object","searchText","string","selectedUsers","array","custom","min","max","MEMBER_MAX_COUNT","useSelectGroupMember","selectedGroupMember","navigation","useNavigation","memberLimitTitle","useString","memberLimitMessage","debouncedText","setDebouncedText","useState","form","useForm","mode","resolver","zodResolver","defaultValues","watch","useEffect","timer","setTimeout","clearTimeout","setSearchText","value","setValue","shouldValidate","removeUser","userId","current","getValues","filter","u","shouldDirty","setSelectedUsers","users","length","Alert","alert","handleClose","goBack","handleNext","handleSubmit","values","replace","isFormValid","formState","isValid","isSubmitting"],"sourceRoot":"../../../../../../../../../src","sources":["social/features/chat/features/group/select-member/hooks/useSelectGroupMember.ts"],"mappings":"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","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_SelectGroupMember","require"],"sourceRoot":"../../../../../../../../src","sources":["social/features/chat/features/group/select-member/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,kBAAA,GAAAC,OAAA","ignoreList":[]}

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

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useStyles = void 0;
+var _reactNative = require("react-native");
+var _useToken = require("../../../../../../core/design/theme/useToken");
+var _amityColorTokens = require("../../../../../../core/design/tokens/amity-color-tokens");
+// Styles for 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.
+
+const useStyles = () => {
+  const token = (0, _useToken.useToken)();
+  const styles = _reactNative.StyleSheet.create({
+    selectGroupMember: {
+      flex: 1,
+      backgroundColor: token(_amityColorTokens.AmityColorToken.SurfacePageBackgroundDefault)
+    }
+  });
+  return {
+    styles,
+    token
+  };
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_useToken","_amityColorTokens","useStyles","token","useToken","styles","StyleSheet","create","selectGroupMember","flex","backgroundColor","AmityColorToken","SurfacePageBackgroundDefault","exports"],"sourceRoot":"../../../../../../../../src","sources":["social/features/chat/features/group/select-member/styles.ts"],"mappings":";;;;;;AAIA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AANA;AACA;AACA;;AAMO,MAAMG,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EAExB,MAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;IAC/BC,iBAAiB,EAAE;MACjBC,IAAI,EAAE,CAAC;MACPC,eAAe,EAAEP,KAAK,CAACQ,iCAAe,CAACC,4BAA4B;IACrE;EACF,CAAC,CAAC;EAEF,OAAO;IAAEP,MAAM;IAAEF;EAAM,CAAC;AAC1B,CAAC;AAACU,OAAA,CAAAX,SAAA,GAAAA,SAAA","ignoreList":[]}

package/lib/commonjs/social/features/chat/features/group/setting/GroupSetting.js

@@ -0,0 +1,93 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GroupSetting = GroupSetting;
+var _reactNative = require("react-native");
+var _Typography = require("../../../../../../core/design/components/Typography");
+var _Avatar = require("../../../elements/Avatar");
+var _SettingMenu = require("../../../elements/SettingMenu");
+var _Header = require("./components/Header/Header");
+var _useGroupSetting = require("./hooks/useGroupSetting");
+var _styles = require("./styles");
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); } // GroupSetting — group chat settings screen, ported from AmityUiKitWeb
+// v4/chat/features/group/setting/GroupSetting. A header + group avatar over one
+// or two sections of tappable SettingMenu rows, then a destructive "Leave group".
+//
+// RN adaptations from web:
+//   - `<div>` → View; the page scrolls via ScrollView (web relied on document flow).
+//   - Web resolved the avatar from the SDK File; RN's Avatar.GroupChat takes a
+//     resolved `avatarUrl` + `isPublic` (the hook resolves the url via useFile).
+//   - Section titles use Typography `titleBold`; the inter-section divider only
+//     renders when both sections have visible rows. The "Your preferences" section
+//     holds the per-user "Notifications" row (visible to all members); the group
+//     section's moderator-only "Group notifications" mode row shows for moderators.
+// 1. React / RN imports
+// 2. Internal imports (relative)
+// 3. Named function component
+function GroupSetting({
+  channelId
+}) {
+  const {
+    styles
+  } = (0, _styles.useStyles)();
+  const {
+    title,
+    avatarUrl,
+    groupSettingsSection,
+    yourPreferencesSection,
+    leaveGroupLabel,
+    handleClose,
+    handleLeaveGroup,
+    visibleGroupItems,
+    visiblePreferenceItems
+  } = (0, _useGroupSetting.useGroupSetting)({
+    channelId
+  });
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(_Header.Header, {
+    title: title,
+    onBack: handleClose
+  }), /*#__PURE__*/React.createElement(_reactNative.ScrollView, null, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.avatarWrapper
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.avatar
+  }, /*#__PURE__*/React.createElement(_Avatar.Avatar.GroupChat, {
+    avatarUrl: avatarUrl,
+    size: "lg"
+  }))), visibleGroupItems.length > 0 && /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.section
+  }, /*#__PURE__*/React.createElement(_Typography.Typography, {
+    variant: "titleBold",
+    style: styles.sectionTitle
+  }, groupSettingsSection), visibleGroupItems.map(({
+    key,
+    visible: _visible,
+    ...itemProps
+  }) => /*#__PURE__*/React.createElement(_SettingMenu.SettingMenu, _extends({
+    key: key
+  }, itemProps)))), visibleGroupItems.length > 0 && visiblePreferenceItems.length > 0 && /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.divider
+  }), visiblePreferenceItems.length > 0 && /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.section
+  }, /*#__PURE__*/React.createElement(_Typography.Typography, {
+    variant: "titleBold",
+    style: styles.sectionTitle
+  }, yourPreferencesSection), visiblePreferenceItems.map(({
+    key,
+    visible: _visible,
+    ...itemProps
+  }) => /*#__PURE__*/React.createElement(_SettingMenu.SettingMenu, _extends({
+    key: key
+  }, itemProps)))), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.section
+  }, /*#__PURE__*/React.createElement(_SettingMenu.SettingMenu, {
+    destructive: true,
+    label: leaveGroupLabel,
+    onPress: handleLeaveGroup,
+    accessibilityLabel: leaveGroupLabel
+  }))));
+}
+//# sourceMappingURL=GroupSetting.js.map

package/lib/commonjs/social/features/chat/features/group/setting/GroupSetting.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_Typography","_Avatar","_SettingMenu","_Header","_useGroupSetting","_styles","_extends","Object","assign","bind","n","e","arguments","length","t","r","hasOwnProperty","call","apply","GroupSetting","channelId","styles","useStyles","title","avatarUrl","groupSettingsSection","yourPreferencesSection","leaveGroupLabel","handleClose","handleLeaveGroup","visibleGroupItems","visiblePreferenceItems","useGroupSetting","React","createElement","View","style","container","Header","onBack","ScrollView","avatarWrapper","avatar","Avatar","GroupChat","size","section","Typography","variant","sectionTitle","map","key","visible","_visible","itemProps","SettingMenu","divider","destructive","label","onPress","accessibilityLabel"],"sourceRoot":"../../../../../../../../src","sources":["social/features/chat/features/group/setting/GroupSetting.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/social/features/chat/features/group/setting/components/Header/Header.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Header = Header;
+var _TopBar = require("../../../../../elements/TopBar");
+// Header — group-setting header, ported from AmityUiKitWeb
+// v4/chat/features/group/setting/components/Header. Thin wrapper over the shared
+// TopBar (back variant) showing the group title.
+
+// 1. Internal imports (relative)
+
+// 2. Types
+
+// 3. Named function component
+function Header({
+  title,
+  onBack
+}) {
+  return /*#__PURE__*/React.createElement(_TopBar.TopBar, {
+    title: title,
+    leadingType: "back",
+    onLeading: onBack
+  });
+}
+//# sourceMappingURL=Header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_TopBar","require","Header","title","onBack","React","createElement","TopBar","leadingType","onLeading"],"sourceRoot":"../../../../../../../../../../src","sources":["social/features/chat/features/group/setting/components/Header/Header.tsx"],"mappings":";;;;;;AAKA,IAAAA,OAAA,GAAAC,OAAA;AALA;AACA;AACA;;AAEA;;AAGA;;AAMA;AACO,SAASC,MAAMA,CAAC;EAAEC,KAAK;EAAEC;AAAoB,CAAC,EAAE;EACrD,oBAAOC,KAAA,CAAAC,aAAA,CAACN,OAAA,CAAAO,MAAM;IAACJ,KAAK,EAAEA,KAAM;IAACK,WAAW,EAAC,MAAM;IAACC,SAAS,EAAEL;EAAO,CAAE,CAAC;AACvE","ignoreList":[]}

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

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

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

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

package/lib/commonjs/social/features/chat/features/group/setting/components/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_Header","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sourceRoot":"../../../../../../../../../src","sources":["social/features/chat/features/group/setting/components/index.ts"],"mappings":";;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,OAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,OAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,OAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}