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

package/lib/module/social/features/chat/constants/errorResponse.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ERROR_RESPONSE","Object","freeze","CONTAIN_BLOCKED_WORD","NOT_INCLUDE_WHITELIST_LINK","USER_MUTED"],"sourceRoot":"../../../../../../src","sources":["social/features/chat/constants/errorResponse.ts"],"mappings":"AAAA;AACA;AACA;;AAEA,OAAO,MAAMA,cAAc,GAAGC,MAAM,CAACC,MAAM,CAAC;EAC1CC,oBAAoB,EAAE,+CAA+C;EACrEC,0BAA0B,EAAE,4CAA4C;EACxEC,UAAU,EAAE;AACd,CAAC,CAAC","ignoreList":[]}

package/lib/module/social/features/chat/constants/index.js

@@ -0,0 +1,4 @@
+export * from './errorResponse';
+export * from './search';
+export * from './list';
+//# sourceMappingURL=index.js.map

package/lib/module/social/features/chat/constants/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../../src","sources":["social/features/chat/constants/index.ts"],"mappings":"AAAA,cAAc,iBAAiB;AAC/B,cAAc,UAAU;AACxB,cAAc,QAAQ","ignoreList":[]}

package/lib/module/social/features/chat/constants/list.js

@@ -0,0 +1,7 @@
+// Ported from AmityUiKitWeb v4/chat/constants/chat (list-pagination bits).
+// The default page size for chat live collections and the number of skeleton
+// rows shown while a list's first page (or next page) is loading.
+
+export const LIST_PAGE_LIMIT = 20;
+export const LIST_SKELETON_ROW_COUNT = 9;
+//# sourceMappingURL=list.js.map

package/lib/module/social/features/chat/constants/list.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["LIST_PAGE_LIMIT","LIST_SKELETON_ROW_COUNT"],"sourceRoot":"../../../../../../src","sources":["social/features/chat/constants/list.ts"],"mappings":"AAAA;AACA;AACA;;AAEA,OAAO,MAAMA,eAAe,GAAG,EAAE;AAEjC,OAAO,MAAMC,uBAAuB,GAAG,CAAC","ignoreList":[]}

package/lib/module/social/features/chat/constants/search.js

@@ -0,0 +1,11 @@
+// Ported from AmityUiKitWeb v4/chat/constants/search.
+// Search debounce/length thresholds and the chat-search tab keys.
+
+export const SEARCH_DEBOUNCE_MS = 300;
+export const SEARCH_MIN_QUERY_LENGTH = 3;
+export const SEARCH_MAX_QUERY_LENGTH = 100;
+export const SEARCH_TAB = {
+  CHATS: 'chats',
+  MESSAGES: 'messages'
+};
+//# sourceMappingURL=search.js.map

package/lib/module/social/features/chat/constants/search.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SEARCH_DEBOUNCE_MS","SEARCH_MIN_QUERY_LENGTH","SEARCH_MAX_QUERY_LENGTH","SEARCH_TAB","CHATS","MESSAGES"],"sourceRoot":"../../../../../../src","sources":["social/features/chat/constants/search.ts"],"mappings":"AAAA;AACA;;AAEA,OAAO,MAAMA,kBAAkB,GAAG,GAAG;AAErC,OAAO,MAAMC,uBAAuB,GAAG,CAAC;AAExC,OAAO,MAAMC,uBAAuB,GAAG,GAAG;AAE1C,OAAO,MAAMC,UAAU,GAAG;EACxBC,KAAK,EAAE,OAAO;EACdC,QAAQ,EAAE;AACZ,CAAU","ignoreList":[]}

package/lib/module/social/features/chat/elements/ArchivedBadge/ArchivedBadge.js

@@ -0,0 +1,26 @@
+// ArchivedBadge element — ported from AmityUiKitWeb chat/elements/ArchivedBadge.
+// A pill-shaped semantic badge (archive glyph + "Archived" label) for chat channels.
+
+import { View } from 'react-native';
+import { AmityIcon } from '../../../../../core/design/icons';
+import { AmityColorToken } from '../../../../../core/design/tokens/amity-color-tokens';
+import { Typography } from '../../../../../core/design/components/Typography';
+import { useString } from '../../../../../core/localization';
+import { useStyles } from './styles';
+export function ArchivedBadge() {
+  const {
+    styles
+  } = useStyles();
+  const label = useString('amity_chat_archived_badge_label');
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(AmityIcon, {
+    name: "archive-r",
+    size: 12,
+    tokenColor: AmityColorToken.IconBadgeSemanticBadgeChatArchivedDefault
+  }), /*#__PURE__*/React.createElement(Typography, {
+    variant: "captionSmall",
+    style: styles.text
+  }, label));
+}
+//# sourceMappingURL=ArchivedBadge.js.map

package/lib/module/social/features/chat/elements/ArchivedBadge/ArchivedBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","AmityIcon","AmityColorToken","Typography","useString","useStyles","ArchivedBadge","styles","label","React","createElement","style","container","name","size","tokenColor","IconBadgeSemanticBadgeChatArchivedDefault","variant","text"],"sourceRoot":"../../../../../../../src","sources":["social/features/chat/elements/ArchivedBadge/ArchivedBadge.tsx"],"mappings":"AAAA;AACA;;AAEA,SAASA,IAAI,QAAQ,cAAc;AACnC,SAASC,SAAS,QAAQ,kCAAkC;AAC5D,SAASC,eAAe,QAAQ,sDAAsD;AACtF,SAASC,UAAU,QAAQ,kDAAkD;AAC7E,SAASC,SAAS,QAAQ,kCAAkC;AAC5D,SAASC,SAAS,QAAQ,UAAU;AAEpC,OAAO,SAASC,aAAaA,CAAA,EAAG;EAC9B,MAAM;IAAEC;EAAO,CAAC,GAAGF,SAAS,CAAC,CAAC;EAC9B,MAAMG,KAAK,GAAGJ,SAAS,CAAC,iCAAiC,CAAC;EAE1D,oBACEK,KAAA,CAAAC,aAAA,CAACV,IAAI;IAACW,KAAK,EAAEJ,MAAM,CAACK;EAAU,gBAC5BH,KAAA,CAAAC,aAAA,CAACT,SAAS;IACRY,IAAI,EAAC,WAAW;IAChBC,IAAI,EAAE,EAAG;IACTC,UAAU,EAAEb,eAAe,CAACc;EAA0C,CACvE,CAAC,eACFP,KAAA,CAAAC,aAAA,CAACP,UAAU;IAACc,OAAO,EAAC,cAAc;IAACN,KAAK,EAAEJ,MAAM,CAACW;EAAK,GACnDV,KACS,CACR,CAAC;AAEX","ignoreList":[]}

package/lib/module/social/features/chat/elements/ArchivedBadge/index.js

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

package/lib/module/social/features/chat/elements/ArchivedBadge/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ArchivedBadge"],"sourceRoot":"../../../../../../../src","sources":["social/features/chat/elements/ArchivedBadge/index.ts"],"mappings":"AAAA,SAASA,aAAa,QAAQ,iBAAiB","ignoreList":[]}

package/lib/module/social/features/chat/elements/ArchivedBadge/styles.js

@@ -0,0 +1,33 @@
+import { StyleSheet } from 'react-native';
+import { useToken } from '../../../../../core/design/theme/useToken';
+import { AmityColorToken } from '../../../../../core/design/tokens/amity-color-tokens';
+
+// Geometry ported from AmityUiKitWeb ArchivedBadge.module.css (rem -> px, x16):
+// height 1rem=16, min-width 1.375rem=22, padding 0 0.25rem=4, radius 1.25rem=20;
+// icon 0.75rem=12; text padding 0 0.125rem=2, font 0.625rem=10 / line 0.8125rem=13.
+export const useStyles = () => {
+  const token = useToken();
+  const styles = StyleSheet.create({
+    container: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'center',
+      height: 16,
+      minWidth: 22,
+      paddingHorizontal: 4,
+      borderRadius: 20,
+      backgroundColor: token(AmityColorToken.SurfaceBadgeSemanticBadgeChatArchived),
+      overflow: 'hidden'
+    },
+    text: {
+      paddingHorizontal: 2,
+      fontSize: 10,
+      lineHeight: 13,
+      color: token(AmityColorToken.TextBadgeSemanticBadgeChatArchivedDefault)
+    }
+  });
+  return {
+    styles
+  };
+};
+//# sourceMappingURL=styles.js.map

package/lib/module/social/features/chat/elements/ArchivedBadge/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useToken","AmityColorToken","useStyles","token","styles","create","container","flexDirection","alignItems","justifyContent","height","minWidth","paddingHorizontal","borderRadius","backgroundColor","SurfaceBadgeSemanticBadgeChatArchived","overflow","text","fontSize","lineHeight","color","TextBadgeSemanticBadgeChatArchivedDefault"],"sourceRoot":"../../../../../../../src","sources":["social/features/chat/elements/ArchivedBadge/styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,2CAA2C;AACpE,SAASC,eAAe,QAAQ,sDAAsD;;AAEtF;AACA;AACA;AACA,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,KAAK,GAAGH,QAAQ,CAAC,CAAC;EAExB,MAAMI,MAAM,GAAGL,UAAU,CAACM,MAAM,CAAC;IAC/BC,SAAS,EAAE;MACTC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBC,MAAM,EAAE,EAAE;MACVC,QAAQ,EAAE,EAAE;MACZC,iBAAiB,EAAE,CAAC;MACpBC,YAAY,EAAE,EAAE;MAChBC,eAAe,EAAEX,KAAK,CACpBF,eAAe,CAACc,qCAClB,CAAC;MACDC,QAAQ,EAAE;IACZ,CAAC;IACDC,IAAI,EAAE;MACJL,iBAAiB,EAAE,CAAC;MACpBM,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE,EAAE;MACdC,KAAK,EAAEjB,KAAK,CAACF,eAAe,CAACoB,yCAAyC;IACxE;EACF,CAAC,CAAC;EAEF,OAAO;IAAEjB;EAAO,CAAC;AACnB,CAAC","ignoreList":[]}

package/lib/module/social/features/chat/elements/Avatar/Avatar.js

@@ -0,0 +1,136 @@
+// Chat Avatar element — ported from AmityUiKitWeb v4/chat/elements/Avatar.
+// A compound namespace exposing two variants: `Avatar.User` (round profile
+// avatar with optional moderator badge) and `Avatar.GroupChat` (rounded-square
+// group avatar with optional private badge).
+//
+// Adaptations from web (kept presentational, matching the sibling
+// ConversationChatAvatar element):
+//   - The web input types `Amity.User` / `Amity.File<'image'>` and the SDK read
+//     `FileRepository.fileUrlWithSize(...)` are replaced by plain resolved props
+//     (`avatarUrl`, `displayName`). The composing component resolves them.
+//   - Web `Avatar.User` opens an in-app `ImageViewer` when `fullscreen`; RN has
+//     no such component here, so that is delegated to the caller via `onPress`.
+// The User image/text frame reuses the base Avatar atom; the deleted state and
+// the whole GroupChat variant are built directly with View/Image.
+
+// 1. React / RN imports
+import { View, Image } from 'react-native';
+
+// 2. Internal imports (relative)
+import { Avatar as AvatarAtom } from '../../../../../core/design/atoms/Avatar';
+import { ModeratorBadge } from '../../../../../core/design/elements/ModeratorBadge';
+import { PrivateBadge } from '../../../../../core/design/elements/PrivateBadge';
+import { AmityIcon } from '../../../../../core/design/icons';
+import { AmityColorToken } from '../../../../../core/design/tokens/amity-color-tokens';
+import { useStyles } from './styles';
+
+// 3. Types
+
+// Frame box per User size — web: md 2.5rem = 40, sm 2rem = 32
+// (both are SoT geometry.avatarIcon.avatar.sizes).
+const USER_SIZE = {
+  sm: 32,
+  md: 40
+};
+
+// Deleted-user glyph size — web renders the icon at 60% of the frame; rounded to
+// the nearest SoT geometry.avatarIcon.icon.sizes value (md 40*0.6->24, sm 32*0.6->20).
+const USER_DELETED_ICON = {
+  sm: 20,
+  md: 24
+};
+
+// GroupChat placeholder glyph size — web: sm 1rem = 16, lg 3rem = 48
+// (both are SoT geometry.avatarIcon.icon.sizes).
+// PDT-3912 (web b5df56286): the group-chat placeholder glyph went 1rem→1.75rem.
+// Web sizes it with a single rule for both avatar sizes; only `sm` appears in the
+// chat list, so `lg` keeps its own larger glyph.
+const GROUP_ICON = {
+  sm: 28,
+  lg: 48
+};
+
+// 4. Variant components
+function User({
+  avatarUrl,
+  displayName,
+  isDeleted = false,
+  isModerator = false,
+  size = 'md',
+  onPress
+}) {
+  const {
+    styles
+  } = useStyles();
+  const framePx = USER_SIZE[size];
+  if (isDeleted) {
+    return /*#__PURE__*/React.createElement(View, {
+      style: [styles.userDeleted, {
+        width: framePx,
+        height: framePx
+      }]
+    }, /*#__PURE__*/React.createElement(AmityIcon, {
+      name: "user-s",
+      size: USER_DELETED_ICON[size],
+      tokenColor: AmityColorToken.IconAvatarDefault
+    }));
+  }
+  const name = displayName ?? '';
+  const initial = name.trim().charAt(0).toUpperCase() || '?';
+  return /*#__PURE__*/React.createElement(AvatarAtom, {
+    variant: avatarUrl ? 'image' : 'text',
+    shape: "rounded",
+    size: framePx,
+    imageUrl: avatarUrl,
+    initials: initial,
+    indicator: isModerator ? /*#__PURE__*/React.createElement(ModeratorBadge, null) : undefined,
+    onPress: onPress
+  });
+}
+function GroupChat({
+  avatarUrl,
+  isPublic,
+  size = 'sm',
+  variant = 'default'
+}) {
+  const {
+    styles
+  } = useStyles();
+  const isBanned = variant === 'banned';
+  const imageUrl = !isBanned ? avatarUrl : undefined;
+  const isPrivate = !isBanned && isPublic === false;
+  // Web: default badge offset -0.125rem (-2); lg offset 0.25rem (4).
+  const badgeOffset = size === 'lg' ? 4 : -2;
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.groupChat
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.groupChatImageWrapper
+  }, imageUrl ? /*#__PURE__*/React.createElement(Image, {
+    source: {
+      uri: imageUrl
+    },
+    style: styles.groupChatImage,
+    resizeMode: "cover"
+  }) : /*#__PURE__*/React.createElement(View, {
+    style: styles.groupChatPlaceholder
+  }, /*#__PURE__*/React.createElement(AmityIcon, {
+    name: "comments-alt-s",
+    size: GROUP_ICON[size],
+    tokenColor: AmityColorToken.IconAvatarDefault
+  }))), isPrivate && /*#__PURE__*/React.createElement(View, {
+    style: [styles.privateBadge, {
+      bottom: badgeOffset,
+      right: badgeOffset
+    }]
+  }, /*#__PURE__*/React.createElement(PrivateBadge, {
+    size: size === 'lg' ? 32 : 16,
+    border: true
+  })));
+}
+
+// 5. Compound namespace — mirrors the web `Avatar = { User, GroupChat }` API.
+export const Avatar = {
+  User,
+  GroupChat
+};
+//# sourceMappingURL=Avatar.js.map

package/lib/module/social/features/chat/elements/Avatar/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","Image","Avatar","AvatarAtom","ModeratorBadge","PrivateBadge","AmityIcon","AmityColorToken","useStyles","USER_SIZE","sm","md","USER_DELETED_ICON","GROUP_ICON","lg","User","avatarUrl","displayName","isDeleted","isModerator","size","onPress","styles","framePx","React","createElement","style","userDeleted","width","height","name","tokenColor","IconAvatarDefault","initial","trim","charAt","toUpperCase","variant","shape","imageUrl","initials","indicator","undefined","GroupChat","isPublic","isBanned","isPrivate","badgeOffset","groupChat","groupChatImageWrapper","source","uri","groupChatImage","resizeMode","groupChatPlaceholder","privateBadge","bottom","right","border"],"sourceRoot":"../../../../../../../src","sources":["social/features/chat/elements/Avatar/Avatar.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/social/features/chat/elements/Avatar/index.js

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

package/lib/module/social/features/chat/elements/Avatar/index.js.map

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

package/lib/module/social/features/chat/elements/Avatar/styles.js

@@ -0,0 +1,49 @@
+import { StyleSheet } from 'react-native';
+import { useToken } from '../../../../../core/design/theme/useToken';
+import { AmityColorToken } from '../../../../../core/design/tokens/amity-color-tokens';
+
+// Geometry from SoT tokens/geometry.json (avatarIcon) + web Avatar.module.css
+// (rem -> px, x16). GroupChat wrapper radius 0.625rem = 10; badge offsets
+// -0.125rem = -2 (default) and 0.25rem = 4 (lg).
+export const useStyles = () => {
+  const token = useToken();
+  const surface = token(AmityColorToken.SurfaceAvatarProfileDefault);
+  const styles = StyleSheet.create({
+    // Avatar.User deleted placeholder — circular, holds the solid user glyph.
+    userDeleted: {
+      alignItems: 'center',
+      justifyContent: 'center',
+      borderRadius: 9999,
+      backgroundColor: surface
+    },
+    // Avatar.GroupChat — fills its parent (parent-driven size, like web 100%).
+    groupChat: {
+      position: 'relative',
+      width: '100%',
+      height: '100%'
+    },
+    groupChatImageWrapper: {
+      width: '100%',
+      height: '100%',
+      borderRadius: 10,
+      overflow: 'hidden'
+    },
+    groupChatImage: {
+      width: '100%',
+      height: '100%'
+    },
+    groupChatPlaceholder: {
+      flex: 1,
+      alignItems: 'center',
+      justifyContent: 'center',
+      backgroundColor: surface
+    },
+    privateBadge: {
+      position: 'absolute'
+    }
+  });
+  return {
+    styles
+  };
+};
+//# sourceMappingURL=styles.js.map

package/lib/module/social/features/chat/elements/Avatar/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useToken","AmityColorToken","useStyles","token","surface","SurfaceAvatarProfileDefault","styles","create","userDeleted","alignItems","justifyContent","borderRadius","backgroundColor","groupChat","position","width","height","groupChatImageWrapper","overflow","groupChatImage","groupChatPlaceholder","flex","privateBadge"],"sourceRoot":"../../../../../../../src","sources":["social/features/chat/elements/Avatar/styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,2CAA2C;AACpE,SAASC,eAAe,QAAQ,sDAAsD;;AAEtF;AACA;AACA;AACA,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,KAAK,GAAGH,QAAQ,CAAC,CAAC;EACxB,MAAMI,OAAO,GAAGD,KAAK,CAACF,eAAe,CAACI,2BAA2B,CAAC;EAElE,MAAMC,MAAM,GAAGP,UAAU,CAACQ,MAAM,CAAC;IAC/B;IACAC,WAAW,EAAE;MACXC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBC,YAAY,EAAE,IAAI;MAClBC,eAAe,EAAER;IACnB,CAAC;IAED;IACAS,SAAS,EAAE;MACTC,QAAQ,EAAE,UAAU;MACpBC,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE;IACV,CAAC;IACDC,qBAAqB,EAAE;MACrBF,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,MAAM;MACdL,YAAY,EAAE,EAAE;MAChBO,QAAQ,EAAE;IACZ,CAAC;IACDC,cAAc,EAAE;MACdJ,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE;IACV,CAAC;IACDI,oBAAoB,EAAE;MACpBC,IAAI,EAAE,CAAC;MACPZ,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBE,eAAe,EAAER;IACnB,CAAC;IACDkB,YAAY,EAAE;MACZR,QAAQ,EAAE;IACZ;EACF,CAAC,CAAC;EAEF,OAAO;IAAER;EAAO,CAAC;AACnB,CAAC","ignoreList":[]}

package/lib/module/social/features/chat/elements/AvatarPicker/AvatarPicker.js

@@ -0,0 +1,60 @@
+// AvatarPicker element — ported from AmityUiKitWeb chat/elements/AvatarPicker.
+// A tappable rounded-square tile that previews the chosen group avatar (or a
+// comments-alt placeholder) with a camera overlay.
+//
+// RN adaptations from web:
+//   - The web upload flow (FileTrigger / drawer / useImageUpload / SDK File) is
+//     NOT rebuilt here. Per spec this element is presentational: it surfaces the
+//     current image + a "change" affordance and delegates the actual pick to the
+//     caller via `onPick`. Web `{ value, onChange }` -> `{ imageUrl, onPick }`.
+//   - Web `<img>` -> RN `<Image>`; web `Loader.Spinner` -> RN `ActivityIndicator`.
+
+// 1. React / RN imports
+import { Image, Pressable, View, ActivityIndicator } from 'react-native';
+
+// 2. Internal imports (relative)
+import { AmityIcon } from '../../../../../core/design/icons';
+import { AmityColorToken } from '../../../../../core/design/tokens/amity-color-tokens';
+import { useStyles } from './styles';
+
+// 3. Types
+
+// 4. Named function component
+export function AvatarPicker({
+  imageUrl,
+  onPick,
+  isUploading = false
+}) {
+  const {
+    styles,
+    token
+  } = useStyles();
+  return /*#__PURE__*/React.createElement(Pressable, {
+    style: styles.picker,
+    onPress: onPick,
+    disabled: isUploading,
+    accessibilityRole: "button",
+    accessibilityLabel: "Upload group avatar"
+  }, imageUrl ? /*#__PURE__*/React.createElement(Image, {
+    source: {
+      uri: imageUrl
+    },
+    style: styles.image
+  }) : /*#__PURE__*/React.createElement(View, {
+    style: styles.placeholder
+  }, /*#__PURE__*/React.createElement(AmityIcon, {
+    name: "comments-alt-s",
+    size: 48,
+    tokenColor: AmityColorToken.IconAvatarDefault
+  })), /*#__PURE__*/React.createElement(View, {
+    style: styles.overlay
+  }, isUploading ? /*#__PURE__*/React.createElement(ActivityIndicator, {
+    size: "small",
+    color: token(AmityColorToken.IconAvatarDefault)
+  }) : /*#__PURE__*/React.createElement(AmityIcon, {
+    name: "camera-r",
+    size: 48,
+    tokenColor: AmityColorToken.IconAvatarDefault
+  })));
+}
+//# sourceMappingURL=AvatarPicker.js.map

package/lib/module/social/features/chat/elements/AvatarPicker/AvatarPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Image","Pressable","View","ActivityIndicator","AmityIcon","AmityColorToken","useStyles","AvatarPicker","imageUrl","onPick","isUploading","styles","token","React","createElement","style","picker","onPress","disabled","accessibilityRole","accessibilityLabel","source","uri","image","placeholder","name","size","tokenColor","IconAvatarDefault","overlay","color"],"sourceRoot":"../../../../../../../src","sources":["social/features/chat/elements/AvatarPicker/AvatarPicker.tsx"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,SAASA,KAAK,EAAEC,SAAS,EAAEC,IAAI,EAAEC,iBAAiB,QAAQ,cAAc;;AAExE;AACA,SAASC,SAAS,QAAQ,kCAAkC;AAC5D,SAASC,eAAe,QAAQ,sDAAsD;AACtF,SAASC,SAAS,QAAQ,UAAU;;AAEpC;;AAUA;AACA,OAAO,SAASC,YAAYA,CAAC;EAC3BC,QAAQ;EACRC,MAAM;EACNC,WAAW,GAAG;AACG,CAAC,EAAE;EACpB,MAAM;IAAEC,MAAM;IAAEC;EAAM,CAAC,GAAGN,SAAS,CAAC,CAAC;EAErC,oBACEO,KAAA,CAAAC,aAAA,CAACb,SAAS;IACRc,KAAK,EAAEJ,MAAM,CAACK,MAAO;IACrBC,OAAO,EAAER,MAAO;IAChBS,QAAQ,EAAER,WAAY;IACtBS,iBAAiB,EAAC,QAAQ;IAC1BC,kBAAkB,EAAC;EAAqB,GAEvCZ,QAAQ,gBACPK,KAAA,CAAAC,aAAA,CAACd,KAAK;IAACqB,MAAM,EAAE;MAAEC,GAAG,EAAEd;IAAS,CAAE;IAACO,KAAK,EAAEJ,MAAM,CAACY;EAAM,CAAE,CAAC,gBAEzDV,KAAA,CAAAC,aAAA,CAACZ,IAAI;IAACa,KAAK,EAAEJ,MAAM,CAACa;EAAY,gBAC9BX,KAAA,CAAAC,aAAA,CAACV,SAAS;IACRqB,IAAI,EAAC,gBAAgB;IACrBC,IAAI,EAAE,EAAG;IACTC,UAAU,EAAEtB,eAAe,CAACuB;EAAkB,CAC/C,CACG,CACP,eACDf,KAAA,CAAAC,aAAA,CAACZ,IAAI;IAACa,KAAK,EAAEJ,MAAM,CAACkB;EAAQ,GACzBnB,WAAW,gBACVG,KAAA,CAAAC,aAAA,CAACX,iBAAiB;IAChBuB,IAAI,EAAC,OAAO;IACZI,KAAK,EAAElB,KAAK,CAACP,eAAe,CAACuB,iBAAiB;EAAE,CACjD,CAAC,gBAEFf,KAAA,CAAAC,aAAA,CAACV,SAAS;IACRqB,IAAI,EAAC,UAAU;IACfC,IAAI,EAAE,EAAG;IACTC,UAAU,EAAEtB,eAAe,CAACuB;EAAkB,CAC/C,CAEC,CACG,CAAC;AAEhB","ignoreList":[]}

package/lib/module/social/features/chat/elements/AvatarPicker/index.js

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

package/lib/module/social/features/chat/elements/AvatarPicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["AvatarPicker"],"sourceRoot":"../../../../../../../src","sources":["social/features/chat/elements/AvatarPicker/index.ts"],"mappings":"AAAA,SAASA,YAAY,QAAQ,gBAAgB","ignoreList":[]}

package/lib/module/social/features/chat/elements/AvatarPicker/styles.js

@@ -0,0 +1,44 @@
+import { StyleSheet } from 'react-native';
+import { useToken } from '../../../../../core/design/theme/useToken';
+import { AmityColorToken } from '../../../../../core/design/tokens/amity-color-tokens';
+
+// Geometry ported from AmityUiKitWeb AvatarPicker.module.css (rem -> px, x16):
+// tile 7.5rem=120, radius 1.5rem=24; placeholder icon 3rem=48; camera icon 4rem=64.
+// Overlay: web `--asc-color-background-transparent-black` (50% black) has no direct
+// RN token; substituted with SurfaceBadgeSemanticBadgePostStatusTotalMedia (an exact
+// 50%-black match), same precedent as MediaUploadOverlay — reported as a gap.
+export const useStyles = () => {
+  const token = useToken();
+  const styles = StyleSheet.create({
+    picker: {
+      position: 'relative',
+      width: 120,
+      height: 120,
+      borderRadius: 24,
+      overflow: 'hidden',
+      backgroundColor: token(AmityColorToken.SurfaceAvatarProfileDefault)
+    },
+    image: {
+      width: '100%',
+      height: '100%',
+      resizeMode: 'cover'
+    },
+    placeholder: {
+      width: '100%',
+      height: '100%',
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    overlay: {
+      ...StyleSheet.absoluteFillObject,
+      alignItems: 'center',
+      justifyContent: 'center',
+      backgroundColor: token(AmityColorToken.SurfaceBadgeSemanticBadgePostStatusTotalMedia)
+    }
+  });
+  return {
+    styles,
+    token
+  };
+};
+//# sourceMappingURL=styles.js.map

package/lib/module/social/features/chat/elements/AvatarPicker/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useToken","AmityColorToken","useStyles","token","styles","create","picker","position","width","height","borderRadius","overflow","backgroundColor","SurfaceAvatarProfileDefault","image","resizeMode","placeholder","alignItems","justifyContent","overlay","absoluteFillObject","SurfaceBadgeSemanticBadgePostStatusTotalMedia"],"sourceRoot":"../../../../../../../src","sources":["social/features/chat/elements/AvatarPicker/styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,2CAA2C;AACpE,SAASC,eAAe,QAAQ,sDAAsD;;AAEtF;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,KAAK,GAAGH,QAAQ,CAAC,CAAC;EAExB,MAAMI,MAAM,GAAGL,UAAU,CAACM,MAAM,CAAC;IAC/BC,MAAM,EAAE;MACNC,QAAQ,EAAE,UAAU;MACpBC,KAAK,EAAE,GAAG;MACVC,MAAM,EAAE,GAAG;MACXC,YAAY,EAAE,EAAE;MAChBC,QAAQ,EAAE,QAAQ;MAClBC,eAAe,EAAET,KAAK,CAACF,eAAe,CAACY,2BAA2B;IACpE,CAAC;IACDC,KAAK,EAAE;MACLN,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,MAAM;MACdM,UAAU,EAAE;IACd,CAAC;IACDC,WAAW,EAAE;MACXR,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,MAAM;MACdQ,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE;IAClB,CAAC;IACDC,OAAO,EAAE;MACP,GAAGpB,UAAU,CAACqB,kBAAkB;MAChCH,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBN,eAAe,EAAET,KAAK,CACpBF,eAAe,CAACoB,6CAClB;IACF;EACF,CAAC,CAAC;EAEF,OAAO;IAAEjB,MAAM;IAAED;EAAM,CAAC;AAC1B,CAAC","ignoreList":[]}

package/lib/module/social/features/chat/elements/ConversationChatAvatar/ConversationChatAvatar.js

@@ -0,0 +1,48 @@
+// ConversationChatAvatar element — ported from AmityUiKitWeb
+// v4/chat/elements/ConversationChatAvatar.
+// Renders a 1:1 conversation avatar for the resolved "other" member:
+// composes the base Avatar atom with an optional ModeratorBadge indicator.
+//
+// The web version types its input as `Amity.User` and resolves the image URL
+// via the SDK's `FileRepository.fileUrlWithSize(...)`. To keep this element
+// presentational, those SDK reads are replaced by plain props: the composing
+// component picks the other member and passes an already-resolved `avatarUrl`
+// and `displayName`.
+
+// 1. React / RN imports
+
+// 2. Internal imports (relative)
+import { Avatar } from '../../../../../core/design/atoms/Avatar';
+import { ModeratorBadge } from '../../../../../core/design/elements/ModeratorBadge';
+
+// 3. Types
+
+// 4. Named function component
+export function ConversationChatAvatar({
+  avatarUrl,
+  displayName,
+  isDeleted,
+  isModerator
+}) {
+  const indicator = isModerator ? /*#__PURE__*/React.createElement(ModeratorBadge, null) : undefined;
+  if (isDeleted) {
+    return /*#__PURE__*/React.createElement(Avatar, {
+      variant: "icon",
+      shape: "rounded",
+      size: 40,
+      indicator: indicator
+    });
+  }
+  if (!displayName && !avatarUrl) return null;
+  const name = displayName ?? '';
+  const initials = name.trim().charAt(0).toUpperCase() || '?';
+  return /*#__PURE__*/React.createElement(Avatar, {
+    variant: avatarUrl ? 'image' : 'text',
+    shape: "rounded",
+    size: 40,
+    imageUrl: avatarUrl,
+    initials: initials,
+    indicator: indicator
+  });
+}
+//# sourceMappingURL=ConversationChatAvatar.js.map

package/lib/module/social/features/chat/elements/ConversationChatAvatar/ConversationChatAvatar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Avatar","ModeratorBadge","ConversationChatAvatar","avatarUrl","displayName","isDeleted","isModerator","indicator","React","createElement","undefined","variant","shape","size","name","initials","trim","charAt","toUpperCase","imageUrl"],"sourceRoot":"../../../../../../../src","sources":["social/features/chat/elements/ConversationChatAvatar/ConversationChatAvatar.tsx"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAGA;AACA,SAASA,MAAM,QAAQ,yCAAyC;AAChE,SAASC,cAAc,QAAQ,oDAAoD;;AAEnF;;AAYA;AACA,OAAO,SAASC,sBAAsBA,CAAC;EACrCC,SAAS;EACTC,WAAW;EACXC,SAAS;EACTC;AAC2B,CAAC,EAAE;EAC9B,MAAMC,SAAoB,GAAGD,WAAW,gBAAGE,KAAA,CAAAC,aAAA,CAACR,cAAc,MAAE,CAAC,GAAGS,SAAS;EAEzE,IAAIL,SAAS,EAAE;IACb,oBACEG,KAAA,CAAAC,aAAA,CAACT,MAAM;MAACW,OAAO,EAAC,MAAM;MAACC,KAAK,EAAC,SAAS;MAACC,IAAI,EAAE,EAAG;MAACN,SAAS,EAAEA;IAAU,CAAE,CAAC;EAE7E;EAEA,IAAI,CAACH,WAAW,IAAI,CAACD,SAAS,EAAE,OAAO,IAAI;EAE3C,MAAMW,IAAI,GAAGV,WAAW,IAAI,EAAE;EAC9B,MAAMW,QAAQ,GAAGD,IAAI,CAACE,IAAI,CAAC,CAAC,CAACC,MAAM,CAAC,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC,IAAI,GAAG;EAE3D,oBACEV,KAAA,CAAAC,aAAA,CAACT,MAAM;IACLW,OAAO,EAAER,SAAS,GAAG,OAAO,GAAG,MAAO;IACtCS,KAAK,EAAC,SAAS;IACfC,IAAI,EAAE,EAAG;IACTM,QAAQ,EAAEhB,SAAU;IACpBY,QAAQ,EAAEA,QAAS;IACnBR,SAAS,EAAEA;EAAU,CACtB,CAAC;AAEN","ignoreList":[]}

package/lib/module/social/features/chat/elements/ConversationChatAvatar/index.js

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

package/lib/module/social/features/chat/elements/ConversationChatAvatar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ConversationChatAvatar"],"sourceRoot":"../../../../../../../src","sources":["social/features/chat/elements/ConversationChatAvatar/index.ts"],"mappings":"AAAA,SAASA,sBAAsB,QAAQ,0BAA0B","ignoreList":[]}

package/lib/module/social/features/chat/elements/GroupNameField/GroupNameField.js

@@ -0,0 +1,48 @@
+// GroupNameField element — ported from AmityUiKitWeb chat/elements/GroupNameField.
+// A labeled, character-counted text field for the group chat name. Wraps the
+// Input.Text atom (the RN port of web's Input.Text), keeping web's prop API.
+
+// 1. React / RN imports
+import { View } from 'react-native';
+
+// 2. Internal imports (relative)
+import { Input } from '../../../../../core/design/atoms/Input';
+import { useString } from '../../../../../core/localization';
+import { useStyles } from './styles';
+
+// Web imports GROUP_NAME_MAX_LENGTH from chat/constants (= 100). Inlined here to
+// keep the port self-contained.
+const GROUP_NAME_MAX_LENGTH = 100;
+
+// 2. Types
+
+// 3. Named function component
+export function GroupNameField({
+  value,
+  onChange,
+  optional = false,
+  required = false,
+  placeholder
+}) {
+  const {
+    styles
+  } = useStyles();
+  const label = useString('amity_chat_group_name_label');
+  const defaultPlaceholder = useString('amity_chat_group_name_placeholder');
+  const optionalLabel = useString('amity_chat_group_name_optional');
+  const requiredLabel = useString('amity_chat_group_name_required');
+  const marker = required ? requiredLabel : optional ? optionalLabel : undefined;
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(Input.Text, {
+    title: label,
+    optionalLabel: marker,
+    value: value,
+    onChange: onChange,
+    placeholder: placeholder ?? defaultPlaceholder,
+    showCharacterCount: true,
+    maxLength: GROUP_NAME_MAX_LENGTH,
+    multiLine: true
+  }));
+}
+//# sourceMappingURL=GroupNameField.js.map

package/lib/module/social/features/chat/elements/GroupNameField/GroupNameField.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","Input","useString","useStyles","GROUP_NAME_MAX_LENGTH","GroupNameField","value","onChange","optional","required","placeholder","styles","label","defaultPlaceholder","optionalLabel","requiredLabel","marker","undefined","React","createElement","style","container","Text","title","showCharacterCount","maxLength","multiLine"],"sourceRoot":"../../../../../../../src","sources":["social/features/chat/elements/GroupNameField/GroupNameField.tsx"],"mappings":"AAAA;AACA;AACA;;AAEA;AACA,SAASA,IAAI,QAAQ,cAAc;;AAEnC;AACA,SAASC,KAAK,QAAQ,wCAAwC;AAC9D,SAASC,SAAS,QAAQ,kCAAkC;AAC5D,SAASC,SAAS,QAAQ,UAAU;;AAEpC;AACA;AACA,MAAMC,qBAAqB,GAAG,GAAG;;AAEjC;;AASA;AACA,OAAO,SAASC,cAAcA,CAAC;EAC7BC,KAAK;EACLC,QAAQ;EACRC,QAAQ,GAAG,KAAK;EAChBC,QAAQ,GAAG,KAAK;EAChBC;AACmB,CAAC,EAAE;EACtB,MAAM;IAAEC;EAAO,CAAC,GAAGR,SAAS,CAAC,CAAC;EAE9B,MAAMS,KAAK,GAAGV,SAAS,CAAC,6BAA6B,CAAC;EACtD,MAAMW,kBAAkB,GAAGX,SAAS,CAAC,mCAAmC,CAAC;EACzE,MAAMY,aAAa,GAAGZ,SAAS,CAAC,gCAAgC,CAAC;EACjE,MAAMa,aAAa,GAAGb,SAAS,CAAC,gCAAgC,CAAC;EAEjE,MAAMc,MAAM,GAAGP,QAAQ,GACnBM,aAAa,GACbP,QAAQ,GACRM,aAAa,GACbG,SAAS;EAEb,oBACEC,KAAA,CAAAC,aAAA,CAACnB,IAAI;IAACoB,KAAK,EAAET,MAAM,CAACU;EAAU,gBAC5BH,KAAA,CAAAC,aAAA,CAAClB,KAAK,CAACqB,IAAI;IACTC,KAAK,EAAEX,KAAM;IACbE,aAAa,EAAEE,MAAO;IACtBV,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEA,QAAS;IACnBG,WAAW,EAAEA,WAAW,IAAIG,kBAAmB;IAC/CW,kBAAkB;IAClBC,SAAS,EAAErB,qBAAsB;IACjCsB,SAAS;EAAA,CACV,CACG,CAAC;AAEX","ignoreList":[]}

package/lib/module/social/features/chat/elements/GroupNameField/index.js

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

package/lib/module/social/features/chat/elements/GroupNameField/index.js.map

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

package/lib/module/social/features/chat/elements/GroupNameField/styles.js

@@ -0,0 +1,21 @@
+import { StyleSheet } from 'react-native';
+import { useToken } from '../../../../../core/design/theme/useToken';
+
+// Geometry ported from AmityUiKitWeb GroupNameField.module.css (rem -> px, x16):
+// full width, padding 1.5rem 1rem 0 = 24 top / 16 horizontal / 0 bottom.
+// Input.Text has no style/className prop, so the padding lives on a wrapper View.
+export const useStyles = () => {
+  const token = useToken();
+  const styles = StyleSheet.create({
+    container: {
+      width: '100%',
+      paddingTop: 24,
+      paddingHorizontal: 16
+    }
+  });
+  return {
+    styles,
+    token
+  };
+};
+//# sourceMappingURL=styles.js.map

package/lib/module/social/features/chat/elements/GroupNameField/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useToken","useStyles","token","styles","create","container","width","paddingTop","paddingHorizontal"],"sourceRoot":"../../../../../../../src","sources":["social/features/chat/elements/GroupNameField/styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,2CAA2C;;AAEpE;AACA;AACA;AACA,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,KAAK,GAAGF,QAAQ,CAAC,CAAC;EAExB,MAAMG,MAAM,GAAGJ,UAAU,CAACK,MAAM,CAAC;IAC/BC,SAAS,EAAE;MACTC,KAAK,EAAE,MAAM;MACbC,UAAU,EAAE,EAAE;MACdC,iBAAiB,EAAE;IACrB;EACF,CAAC,CAAC;EAEF,OAAO;IAAEL,MAAM;IAAED;EAAM,CAAC;AAC1B,CAAC","ignoreList":[]}