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

package/lib/module/chat/features/group/create/components/PrivacySection/PrivacySection.js

@@ -0,0 +1,108 @@
+// PrivacySection — the public/private chooser on the create-group screen. Ported
+// from AmityUiKitWeb v4/chat/features/group/create/components/PrivacySection. Two
+// radio rows (each an icon circle + title + description) and a warning banner.
+//
+// RN adaptations from web:
+//   - Web's `Selection.RadioGroup` (react-aria) has no RN wrapper; each option is
+//     an individual `Selection.Radio` (isSelected/onSelect) with group state owned
+//     here. `EarthAfrica.Solid`→`earth-africa-s`; `LockKeyhole`→`lock-keyhole-r`.
+
+// 1. React / RN imports
+
+import { View } from 'react-native';
+
+// 2. Internal imports (relative)
+import { Selection } from '../../../../../../core/design/atoms/Selection';
+import { Typography } from '../../../../../../core/design/components/Typography';
+import { AmityIcon } from '../../../../../../core/design/icons';
+import { AmityColorToken } from '../../../../../../core/design/tokens/amity-color-tokens';
+import { useString } from '../../../../../../core/localization';
+import { useStyles } from './styles';
+
+// 3. Types
+
+// 4. Named function component
+export function PrivacySection({
+  isPublic,
+  onChange
+}) {
+  const {
+    styles
+  } = useStyles();
+  const privacyLabel = useString('amity_chat_privacy_label');
+  const publicTitle = useString('amity_chat_create_group_public_title');
+  const publicDesc = useString('amity_chat_create_group_public_subtitle');
+  const privateTitle = useString('amity_chat_create_group_private_title');
+  const privateDesc = useString('amity_chat_create_group_private_subtitle');
+  const privacyWarning = useString('amity_chat_privacy_warning');
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.privacySection
+  }, /*#__PURE__*/React.createElement(Typography, {
+    variant: "titleBold",
+    style: styles.heading
+  }, privacyLabel), /*#__PURE__*/React.createElement(View, {
+    style: styles.options
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.optionRow
+  }, /*#__PURE__*/React.createElement(Selection.Radio, {
+    isSelected: isPublic,
+    onSelect: () => onChange(true),
+    accessibilityLabel: publicTitle
+  }, /*#__PURE__*/React.createElement(PrivacyRow, {
+    icon: /*#__PURE__*/React.createElement(AmityIcon, {
+      name: "earth-africa-s",
+      size: 24,
+      tokenColor: AmityColorToken.IconFeaturedIconTinted
+    }),
+    title: publicTitle,
+    description: publicDesc
+  }))), /*#__PURE__*/React.createElement(View, {
+    style: styles.optionRow
+  }, /*#__PURE__*/React.createElement(Selection.Radio, {
+    isSelected: !isPublic,
+    onSelect: () => onChange(false),
+    accessibilityLabel: privateTitle
+  }, /*#__PURE__*/React.createElement(PrivacyRow, {
+    icon: /*#__PURE__*/React.createElement(AmityIcon, {
+      name: "lock-keyhole-r",
+      size: 24,
+      tokenColor: AmityColorToken.IconFeaturedIconTinted
+    }),
+    title: privateTitle,
+    description: privateDesc
+  })))), /*#__PURE__*/React.createElement(View, {
+    style: styles.banner
+  }, /*#__PURE__*/React.createElement(Typography, {
+    variant: "caption",
+    style: styles.bannerText
+  }, privacyWarning)));
+}
+
+// 5. Sub-component — an icon circle beside a title + description.
+
+function PrivacyRow({
+  icon,
+  title,
+  description
+}) {
+  const {
+    styles
+  } = useStyles();
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.row
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.iconCircle
+  }, icon), /*#__PURE__*/React.createElement(View, {
+    style: styles.text
+  }, /*#__PURE__*/React.createElement(Typography, {
+    variant: "bodyBold",
+    style: styles.title
+  }, title), /*#__PURE__*/React.createElement(Typography, {
+    variant: "caption",
+    style: styles.description
+  }, description)));
+}
+
+// 6. Compound variant — mirrors web's `PrivacySection.Row`.
+PrivacySection.Row = PrivacyRow;
+//# sourceMappingURL=PrivacySection.js.map

package/lib/module/chat/features/group/create/components/PrivacySection/PrivacySection.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","Selection","Typography","AmityIcon","AmityColorToken","useString","useStyles","PrivacySection","isPublic","onChange","styles","privacyLabel","publicTitle","publicDesc","privateTitle","privateDesc","privacyWarning","React","createElement","style","privacySection","variant","heading","options","optionRow","Radio","isSelected","onSelect","accessibilityLabel","PrivacyRow","icon","name","size","tokenColor","IconFeaturedIconTinted","title","description","banner","bannerText","row","iconCircle","text","Row"],"sourceRoot":"../../../../../../../../src","sources":["chat/features/group/create/components/PrivacySection/PrivacySection.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/chat/features/group/create/components/PrivacySection/index.js

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

package/lib/module/chat/features/group/create/components/PrivacySection/index.js.map

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

package/lib/module/chat/features/group/create/components/PrivacySection/styles.js

@@ -0,0 +1,67 @@
+// Styles for PrivacySection — ported from AmityUiKitWeb
+// v4/chat/features/group/create/components/PrivacySection/PrivacySection.module.css.
+// Geometry: heading padding 1.5rem 1rem 0.25rem→24/16/4; row gap 0.5rem→8;
+// icon circle 2.5rem→40; text gap 0.125rem→2; banner padding 0.75rem 1rem→12/16.
+// 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({
+    privacySection: {
+      flexDirection: 'column'
+    },
+    heading: {
+      paddingTop: 24,
+      paddingHorizontal: 16,
+      paddingBottom: 4,
+      color: token(AmityColorToken.TextListHeaderDefaultDefault)
+    },
+    options: {
+      flexDirection: 'column'
+    },
+    optionRow: {
+      backgroundColor: token(AmityColorToken.SurfaceListDefaultDefault)
+    },
+    row: {
+      flex: 1,
+      flexDirection: 'row',
+      alignItems: 'flex-start',
+      gap: 8
+    },
+    iconCircle: {
+      alignItems: 'center',
+      justifyContent: 'center',
+      width: 40,
+      height: 40,
+      borderRadius: 20,
+      backgroundColor: token(AmityColorToken.SurfaceFeaturedIconTinted)
+    },
+    text: {
+      flex: 1,
+      flexDirection: 'column',
+      gap: 2
+    },
+    title: {
+      color: token(AmityColorToken.TextListHeaderDefaultDefault)
+    },
+    description: {
+      color: token(AmityColorToken.TextListTextDescriptionDefaultDefault)
+    },
+    banner: {
+      paddingVertical: 12,
+      paddingHorizontal: 16,
+      backgroundColor: token(AmityColorToken.SurfaceListDefaultHover)
+    },
+    bannerText: {
+      color: token(AmityColorToken.TextListTextDescriptionDefaultDefault)
+    }
+  });
+  return {
+    styles,
+    token
+  };
+};
+//# sourceMappingURL=styles.js.map

package/lib/module/chat/features/group/create/components/PrivacySection/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useToken","AmityColorToken","useStyles","token","styles","create","privacySection","flexDirection","heading","paddingTop","paddingHorizontal","paddingBottom","color","TextListHeaderDefaultDefault","options","optionRow","backgroundColor","SurfaceListDefaultDefault","row","flex","alignItems","gap","iconCircle","justifyContent","width","height","borderRadius","SurfaceFeaturedIconTinted","text","title","description","TextListTextDescriptionDefaultDefault","banner","paddingVertical","SurfaceListDefaultHover","bannerText"],"sourceRoot":"../../../../../../../../src","sources":["chat/features/group/create/components/PrivacySection/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,cAAc,EAAE;MACdC,aAAa,EAAE;IACjB,CAAC;IACDC,OAAO,EAAE;MACPC,UAAU,EAAE,EAAE;MACdC,iBAAiB,EAAE,EAAE;MACrBC,aAAa,EAAE,CAAC;MAChBC,KAAK,EAAET,KAAK,CAACF,eAAe,CAACY,4BAA4B;IAC3D,CAAC;IACDC,OAAO,EAAE;MACPP,aAAa,EAAE;IACjB,CAAC;IACDQ,SAAS,EAAE;MACTC,eAAe,EAAEb,KAAK,CAACF,eAAe,CAACgB,yBAAyB;IAClE,CAAC;IACDC,GAAG,EAAE;MACHC,IAAI,EAAE,CAAC;MACPZ,aAAa,EAAE,KAAK;MACpBa,UAAU,EAAE,YAAY;MACxBC,GAAG,EAAE;IACP,CAAC;IACDC,UAAU,EAAE;MACVF,UAAU,EAAE,QAAQ;MACpBG,cAAc,EAAE,QAAQ;MACxBC,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,EAAE;MACVC,YAAY,EAAE,EAAE;MAChBV,eAAe,EAAEb,KAAK,CAACF,eAAe,CAAC0B,yBAAyB;IAClE,CAAC;IACDC,IAAI,EAAE;MACJT,IAAI,EAAE,CAAC;MACPZ,aAAa,EAAE,QAAQ;MACvBc,GAAG,EAAE;IACP,CAAC;IACDQ,KAAK,EAAE;MACLjB,KAAK,EAAET,KAAK,CAACF,eAAe,CAACY,4BAA4B;IAC3D,CAAC;IACDiB,WAAW,EAAE;MACXlB,KAAK,EAAET,KAAK,CAACF,eAAe,CAAC8B,qCAAqC;IACpE,CAAC;IACDC,MAAM,EAAE;MACNC,eAAe,EAAE,EAAE;MACnBvB,iBAAiB,EAAE,EAAE;MACrBM,eAAe,EAAEb,KAAK,CAACF,eAAe,CAACiC,uBAAuB;IAChE,CAAC;IACDC,UAAU,EAAE;MACVvB,KAAK,EAAET,KAAK,CAACF,eAAe,CAAC8B,qCAAqC;IACpE;EACF,CAAC,CAAC;EAEF,OAAO;IAAE3B,MAAM;IAAED;EAAM,CAAC;AAC1B,CAAC","ignoreList":[]}

package/lib/module/chat/features/group/create/components/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["Header","MemberGrid","PrivacySection"],"sourceRoot":"../../../../../../../src","sources":["chat/features/group/create/components/index.ts"],"mappings":"AAAA,SAASA,MAAM,QAAQ,iBAAiB;AACxC,SAASC,UAAU,QAAQ,yBAAyB;AACpD,SAASC,cAAc,QAAQ,iCAAiC","ignoreList":[]}

package/lib/module/chat/features/group/create/hooks/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["useCreateGroupChat"],"sourceRoot":"../../../../../../../src","sources":["chat/features/group/create/hooks/index.ts"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,sBAAsB","ignoreList":[]}

package/lib/module/chat/features/group/create/hooks/useCreateGroupChat.js

@@ -0,0 +1,193 @@
+// useCreateGroupChat — state + actions for the create-group step. Ported from
+// AmityUiKitWeb v4/chat/features/group/create/hooks/useCreateGroupChat, keeping
+// the react-hook-form + zod + react-query shape so CreateGroupChat consumes it
+// via <Controller> unchanged.
+//
+// RN adaptations from web:
+//   - Navigation: web's ChatNavigationProvider (`pop`/`replace`/`push`) →
+//     React Navigation. `handleClose`→goBack, create success→`replace` into the
+//     group chat, `handleAddMember`→`navigate` to the select-member step. The
+//     destination routes (AmityGroupChatPage, AmitySelectGroupMemberPage)
+//     register in a later wave, so those nav calls are cast past the typed
+//     RootStackParamList (only AmityGroupChatPage is a confirmed name).
+//   - Current user: web `useUser({ userId })` (reactive) → `Client.getCurrentUser()`
+//     (the useCurrentUserId pattern); it already returns an `Amity.User`.
+//   - Toasts: web `useNotifications('chat')` → the redux `useToast` slice.
+//   - Confirm dialog: web `useConfirmContext().confirm` → RN `Alert.alert`.
+//   - Avatar: web's `AvatarPicker` took an SDK `File` via `{ value, onChange }`;
+//     the RN AvatarPicker is presentational (`imageUrl`/`onPick`/`isUploading`),
+//     so this hook owns the pick+upload. It delegates to the repo's
+//     `useImagePicker` (the same hook the sibling edit-profile screen uses),
+//     which wraps launchCamera/launchImageLibrary and `useUpload`. The form
+//     stores `avatarFileId` (string|null) rather than a File object.
+//   - The AvatarPicker now reports which source the user chose in its
+//     Camera/Photo sheet (web's drawer), so this hook branches openCamera vs
+//     openImageGallery instead of always opening the gallery.
+//   - Going through `useImagePicker`/`useUpload` is also what surfaces
+//     the "Inappropriate image" dialog on a moderation rejection (error 400314 /
+//     INVALID_IMAGE) - the old inline FileRepository.uploadImage call swallowed
+//     that error in a bare catch. The preview is resolved from the *uploaded*
+//     fileId rather than the local uri, so a rejected image is never shown as
+//     the group avatar.
+
+import { useCallback } from 'react';
+import { Alert } from 'react-native';
+import { useNavigation } from '@react-navigation/native';
+import { ChannelRepository, Client } from '@amityco/ts-sdk-react-native';
+import { useMutation } from '@tanstack/react-query';
+import { useForm } from 'react-hook-form';
+import { zodResolver } from '@hookform/resolvers/zod';
+import * as z from 'zod';
+import useFile from '../../../../../core/hooks/useFile';
+import { useString } from '../../../../../core/localization';
+import { useToast } from '../../../../../core/stores/slices/toastSlice';
+import useImagePicker from '../../../../../social/hooks/useImagePicker';
+import { generateDisplayName } from '../utils/generateDisplayName';
+
+// Web reads GROUP_NAME_MAX_LENGTH from chat/constants; inlined to match the
+// GroupNameField element and keep the port self-contained.
+const GROUP_NAME_MAX_LENGTH = 100;
+
+// Route names. Web pushed ChatPageTypes descriptors; RN targets React Navigation
+// routes. Only AmityGroupChatPage is a confirmed name — the select route is an
+// assumption a later wave must confirm.
+const GROUP_CHAT_ROUTE = 'AmityGroupChatPage';
+const SELECT_GROUP_MEMBER_ROUTE = 'AmitySelectGroupMemberPage';
+
+// Web imported this from ~/v4/chat/pages/CreateGroupChatPage (absent in RN).
+
+const schema = z.object({
+  avatarFileId: z.string().nullable(),
+  name: z.string().trim().max(GROUP_NAME_MAX_LENGTH),
+  isPublic: z.boolean(),
+  members: z.array(z.custom()).min(1)
+});
+export function useCreateGroupChat({
+  selectedUsers
+}) {
+  const navigation = useNavigation();
+  const {
+    showToast
+  } = useToast();
+  const currentUser = Client.getCurrentUser();
+  const leaveConfirmText = useString('amity_chat_group_leave_confirm_label');
+  const cancelText = useString('amity_chat_cancel');
+  const createSuccessToast = useString('amity_chat_create_group_success');
+  const createErrorToast = useString('amity_chat_create_group_error');
+  const leaveWithoutFinishingTitle = useString('amity_chat_leave_without_finishing_title');
+  const leaveWithoutFinishingContent = useString('amity_chat_leave_without_finishing_message');
+  const {
+    openCamera,
+    openImageGallery,
+    isLoading: isUploadingAvatar
+  } = useImagePicker();
+  const form = useForm({
+    mode: 'onChange',
+    resolver: zodResolver(schema),
+    defaultValues: {
+      avatarFileId: null,
+      name: '',
+      isPublic: true,
+      members: selectedUsers
+    }
+  });
+  const {
+    mutateAsync
+  } = useMutation({
+    mutationFn: ChannelRepository.createChannel
+  });
+  const navigateLater = navigation.navigate;
+  const replaceLater = navigation.replace;
+
+  // Preview the *uploaded* avatar, not the local uri: an image the backend
+  // rejects must never end up shown as the group avatar.
+  const avatarFileId = form.watch('avatarFileId');
+  const avatarImageUrl = useFile({
+    fileId: avatarFileId ?? ''
+  });
+
+  // `source` comes from the AvatarPicker's Camera/Photo sheet.
+  // useImagePicker handles the camera permission prompt, the unsupported-type
+  // alert and — via useUpload — the "Inappropriate image" dialog;
+  // it resolves to the uploaded Amity.File, or a falsy value when the user
+  // cancelled or the upload was rejected.
+  const handlePickAvatar = useCallback(async source => {
+    if (isUploadingAvatar) return;
+    // useImagePicker declares `void | Amity.File<'image'>`; at runtime it
+    // resolves to the uploaded file, or a nullish value when the user
+    // cancelled, the type was unsupported, or the upload was rejected.
+    const uploaded = source === 'camera' ? await openCamera({
+      mediaType: 'photo',
+      quality: 1
+    }) : await openImageGallery({
+      mediaType: 'photo',
+      quality: 1,
+      selectionLimit: 1
+    });
+    if (uploaded !== null && uploaded !== void 0 && uploaded.fileId) {
+      form.setValue('avatarFileId', uploaded.fileId, {
+        shouldValidate: true
+      });
+    }
+  }, [isUploadingAvatar, openCamera, openImageGallery, form]);
+  function handleClose() {
+    Alert.alert(leaveWithoutFinishingTitle, leaveWithoutFinishingContent, [{
+      text: cancelText,
+      style: 'cancel'
+    }, {
+      text: leaveConfirmText,
+      style: 'destructive',
+      onPress: () => navigation.goBack()
+    }]);
+  }
+  function handleAddMember() {
+    navigateLater(SELECT_GROUP_MEMBER_ROUTE, {
+      selectedGroupMember: form.getValues('members')
+    });
+  }
+  const handleCreate = form.handleSubmit(async values => {
+    const trimmed = values.name.trim();
+    const displayName = trimmed || generateDisplayName([...(currentUser ? [currentUser] : []), ...values.members]);
+    await mutateAsync({
+      type: 'community',
+      displayName,
+      isPublic: values.isPublic,
+      userIds: values.members.map(u => u.userId),
+      avatarFileId: values.avatarFileId ?? undefined
+    }, {
+      onSuccess: result => {
+        var _result$data;
+        const channelId = result === null || result === void 0 || (_result$data = result.data) === null || _result$data === void 0 ? void 0 : _result$data.channelId;
+        if (channelId) {
+          showToast({
+            message: createSuccessToast,
+            type: 'success',
+            variant: 'custom'
+          });
+          replaceLater(GROUP_CHAT_ROUTE, {
+            channelId
+          });
+        }
+      },
+      onError: () => {
+        showToast({
+          message: createErrorToast,
+          type: 'failed',
+          variant: 'custom'
+        });
+      }
+    });
+  });
+  return {
+    form,
+    currentUser,
+    avatarImageUrl,
+    isUploadingAvatar,
+    handlePickAvatar,
+    handleClose,
+    handleAddMember,
+    handleCreate,
+    isFormValid: form.formState.isValid || form.formState.isSubmitting
+  };
+}
+//# sourceMappingURL=useCreateGroupChat.js.map

package/lib/module/chat/features/group/create/hooks/useCreateGroupChat.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","Alert","useNavigation","ChannelRepository","Client","useMutation","useForm","zodResolver","z","useFile","useString","useToast","useImagePicker","generateDisplayName","GROUP_NAME_MAX_LENGTH","GROUP_CHAT_ROUTE","SELECT_GROUP_MEMBER_ROUTE","schema","object","avatarFileId","string","nullable","name","trim","max","isPublic","boolean","members","array","custom","min","useCreateGroupChat","selectedUsers","navigation","showToast","currentUser","getCurrentUser","leaveConfirmText","cancelText","createSuccessToast","createErrorToast","leaveWithoutFinishingTitle","leaveWithoutFinishingContent","openCamera","openImageGallery","isLoading","isUploadingAvatar","form","mode","resolver","defaultValues","mutateAsync","mutationFn","createChannel","navigateLater","navigate","replaceLater","replace","watch","avatarImageUrl","fileId","handlePickAvatar","source","uploaded","mediaType","quality","selectionLimit","setValue","shouldValidate","handleClose","alert","text","style","onPress","goBack","handleAddMember","selectedGroupMember","getValues","handleCreate","handleSubmit","values","trimmed","displayName","type","userIds","map","u","userId","undefined","onSuccess","result","_result$data","channelId","data","message","variant","onError","isFormValid","formState","isValid","isSubmitting"],"sourceRoot":"../../../../../../../src","sources":["chat/features/group/create/hooks/useCreateGroupChat.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/chat/features/group/create/index.js

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

package/lib/module/chat/features/group/create/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CreateGroupChat"],"sourceRoot":"../../../../../../src","sources":["chat/features/group/create/index.ts"],"mappings":"AAAA,SAASA,eAAe,QAAQ,mBAAmB","ignoreList":[]}

package/lib/module/chat/features/group/create/styles.js

@@ -0,0 +1,27 @@
+// Styles for CreateGroupChat — ported from AmityUiKitWeb
+// v4/chat/features/group/create/CreateGroupChat.module.css.
+// Web `min-height: 100svh` → flex:1 (no svh in RN); avatar wrapper padding
+// 1rem→16, centered. 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({
+    createGroupChat: {
+      flex: 1,
+      backgroundColor: token(AmityColorToken.SurfacePageBackgroundDefault)
+    },
+    avatarWrapper: {
+      alignItems: 'center',
+      justifyContent: 'center',
+      padding: 16
+    }
+  });
+  return {
+    styles,
+    token
+  };
+};
+//# sourceMappingURL=styles.js.map

package/lib/module/chat/features/group/create/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useToken","AmityColorToken","useStyles","token","styles","create","createGroupChat","flex","backgroundColor","SurfacePageBackgroundDefault","avatarWrapper","alignItems","justifyContent","padding"],"sourceRoot":"../../../../../../src","sources":["chat/features/group/create/styles.ts"],"mappings":"AAAA;AACA;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,eAAe,EAAE;MACfC,IAAI,EAAE,CAAC;MACPC,eAAe,EAAEL,KAAK,CAACF,eAAe,CAACQ,4BAA4B;IACrE,CAAC;IACDC,aAAa,EAAE;MACbC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBC,OAAO,EAAE;IACX;EACF,CAAC,CAAC;EAEF,OAAO;IAAET,MAAM;IAAED;EAAM,CAAC;AAC1B,CAAC","ignoreList":[]}

package/lib/module/chat/features/group/create/utils/generateDisplayName.js

@@ -0,0 +1,30 @@
+// generateDisplayName — builds a default group display name from its members'
+// display names, comma-joined and capped at MAX_LENGTH. Ported verbatim from
+// AmityUiKitWeb v4/chat/features/group/create/utils/generateDisplayName; only the
+// `resolveString` import path is adapted to the RN core/localization barrel.
+
+import { resolveString } from '../../../../../core/localization';
+const MAX_LENGTH = 100;
+export function generateDisplayName(users) {
+  if (users.length === 0) return '';
+  let buffer = '';
+  let isFirst = true;
+  for (const user of users) {
+    const displayName = user.displayName ?? resolveString('amity_chat_unknown_user');
+    if (!isFirst) {
+      if (buffer.length + 2 + displayName.length > MAX_LENGTH) break;
+      buffer += ', ';
+    } else {
+      isFirst = false;
+    }
+    if (buffer.length + displayName.length <= MAX_LENGTH) {
+      buffer += displayName;
+    } else {
+      const remaining = MAX_LENGTH - buffer.length;
+      if (remaining > 0) buffer += displayName.slice(0, remaining);
+      break;
+    }
+  }
+  return buffer;
+}
+//# sourceMappingURL=generateDisplayName.js.map

package/lib/module/chat/features/group/create/utils/generateDisplayName.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["resolveString","MAX_LENGTH","generateDisplayName","users","length","buffer","isFirst","user","displayName","remaining","slice"],"sourceRoot":"../../../../../../../src","sources":["chat/features/group/create/utils/generateDisplayName.ts"],"mappings":"AAAA;AACA;AACA;AACA;;AAEA,SAASA,aAAa,QAAQ,kCAAkC;AAEhE,MAAMC,UAAU,GAAG,GAAG;AAEtB,OAAO,SAASC,mBAAmBA,CAACC,KAAmB,EAAU;EAC/D,IAAIA,KAAK,CAACC,MAAM,KAAK,CAAC,EAAE,OAAO,EAAE;EAEjC,IAAIC,MAAM,GAAG,EAAE;EACf,IAAIC,OAAO,GAAG,IAAI;EAElB,KAAK,MAAMC,IAAI,IAAIJ,KAAK,EAAE;IACxB,MAAMK,WAAW,GACfD,IAAI,CAACC,WAAW,IAAIR,aAAa,CAAC,yBAAyB,CAAC;IAC9D,IAAI,CAACM,OAAO,EAAE;MACZ,IAAID,MAAM,CAACD,MAAM,GAAG,CAAC,GAAGI,WAAW,CAACJ,MAAM,GAAGH,UAAU,EAAE;MACzDI,MAAM,IAAI,IAAI;IAChB,CAAC,MAAM;MACLC,OAAO,GAAG,KAAK;IACjB;IAEA,IAAID,MAAM,CAACD,MAAM,GAAGI,WAAW,CAACJ,MAAM,IAAIH,UAAU,EAAE;MACpDI,MAAM,IAAIG,WAAW;IACvB,CAAC,MAAM;MACL,MAAMC,SAAS,GAAGR,UAAU,GAAGI,MAAM,CAACD,MAAM;MAC5C,IAAIK,SAAS,GAAG,CAAC,EAAEJ,MAAM,IAAIG,WAAW,CAACE,KAAK,CAAC,CAAC,EAAED,SAAS,CAAC;MAC5D;IACF;EACF;EAEA,OAAOJ,MAAM;AACf","ignoreList":[]}

package/lib/module/chat/features/group/create/utils/index.js

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

package/lib/module/chat/features/group/create/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["generateDisplayName"],"sourceRoot":"../../../../../../../src","sources":["chat/features/group/create/utils/index.ts"],"mappings":"AAAA,SAASA,mBAAmB,QAAQ,uBAAuB","ignoreList":[]}

package/lib/module/chat/features/group/edit-notification/EditGroupNotification.js

@@ -0,0 +1,104 @@
+// EditGroupNotification — RN port of AmityUiKitWeb
+// v4/chat/features/group/edit-notification/EditGroupNotification. A TopBar (with a
+// Save action) over a radio group of notification modes (default / silent /
+// subscribe), each rendering a title + description.
+//
+// RN adaptations from web:
+//   - `<form>`/`<div>` → View; the web submit `Button.Main` (ghost/primary) → the
+//     RN Button (hierarchy "tertiary" = ghost, tone "default" = primary) whose
+//     `onPress` calls `handleSave`.
+//   - Web wrapped the radios in `Selection.RadioGroup`; RN has no RadioGroup, so
+//     the react-hook-form `Controller` drives each `Selection.Radio` via
+//     `field.value`/`field.onChange` directly (the sibling edit-permission port's
+//     pattern).
+//   - All eight strings are resolved here (as on web) and the resolved title /
+//     description are passed into `NotificationMode`.
+
+// 1. React / RN imports
+import { View } from 'react-native';
+
+// 2. Third-party imports
+import { AmityChannelNotificationModeEnum } from '@amityco/ts-sdk-react-native';
+import { Controller } from 'react-hook-form';
+
+// 3. Internal imports (relative)
+import { Button } from '../../../../core/design/atoms/Button';
+import { Selection } from '../../../../core/design/atoms/Selection';
+import { useString } from '../../../../core/localization';
+import { TopBar } from '../../../elements/TopBar';
+import { NotificationMode } from './components/NotificationMode/NotificationMode';
+import { useEditGroupNotification } from './hooks/useEditGroupNotification';
+import { useStyles } from './styles';
+
+// 4. Named function component
+export function EditGroupNotification({
+  channelId
+}) {
+  const {
+    styles
+  } = useStyles();
+  const {
+    control,
+    handleClose,
+    handleSave,
+    isFormValid
+  } = useEditGroupNotification({
+    channelId
+  });
+  const pageTitle = useString('amity_chat_group_notifications');
+  const saveLabel = useString('amity_chat_group_edit_notification_save');
+  const defaultModeTitle = useString('amity_chat_group_notification_default_title');
+  const defaultModeDesc = useString('amity_chat_group_notification_default_desc');
+  const silentModeTitle = useString('amity_chat_group_notification_silent_title');
+  const silentModeDesc = useString('amity_chat_group_notification_silent_desc');
+  const subscribeModeTitle = useString('amity_chat_group_notification_subscribe_title');
+  const subscribeModeDesc = useString('amity_chat_group_notification_subscribe_desc');
+  const notificationModes = [{
+    value: AmityChannelNotificationModeEnum.Default,
+    title: defaultModeTitle,
+    description: defaultModeDesc
+  }, {
+    value: AmityChannelNotificationModeEnum.Silent,
+    title: silentModeTitle,
+    description: silentModeDesc
+  }, {
+    value: AmityChannelNotificationModeEnum.Subscribe,
+    title: subscribeModeTitle,
+    description: subscribeModeDesc
+  }];
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(TopBar, {
+    title: pageTitle,
+    leadingType: "back",
+    onLeading: handleClose,
+    trailing: /*#__PURE__*/React.createElement(Button, {
+      hierarchy: "tertiary",
+      tone: "default",
+      size: "sm",
+      label: saveLabel,
+      disabled: !isFormValid,
+      onPress: handleSave
+    })
+  }), /*#__PURE__*/React.createElement(Controller, {
+    control: control,
+    name: "notificationMode",
+    render: ({
+      field: {
+        value,
+        onChange
+      }
+    }) => /*#__PURE__*/React.createElement(View, {
+      style: styles.radios
+    }, notificationModes.map(mode => /*#__PURE__*/React.createElement(Selection.Radio, {
+      key: mode.value,
+      isSelected: value === mode.value,
+      onSelect: () => onChange(mode.value),
+      accessibilityLabel: pageTitle
+    }, /*#__PURE__*/React.createElement(NotificationMode, {
+      title: mode.title,
+      description: mode.description
+    }))))
+  }));
+}
+//# sourceMappingURL=EditGroupNotification.js.map

package/lib/module/chat/features/group/edit-notification/EditGroupNotification.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","AmityChannelNotificationModeEnum","Controller","Button","Selection","useString","TopBar","NotificationMode","useEditGroupNotification","useStyles","EditGroupNotification","channelId","styles","control","handleClose","handleSave","isFormValid","pageTitle","saveLabel","defaultModeTitle","defaultModeDesc","silentModeTitle","silentModeDesc","subscribeModeTitle","subscribeModeDesc","notificationModes","value","Default","title","description","Silent","Subscribe","React","createElement","style","container","leadingType","onLeading","trailing","hierarchy","tone","size","label","disabled","onPress","name","render","field","onChange","radios","map","mode","Radio","key","isSelected","onSelect","accessibilityLabel"],"sourceRoot":"../../../../../../src","sources":["chat/features/group/edit-notification/EditGroupNotification.tsx"],"mappings":"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","ignoreList":[]}