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

package/lib/commonjs/chat/constants/search.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SEARCH_TAB = exports.SEARCH_MIN_QUERY_LENGTH = exports.SEARCH_MAX_QUERY_LENGTH = exports.SEARCH_DEBOUNCE_MS = void 0;
+// Ported from AmityUiKitWeb v4/chat/constants/search.
+// Search debounce/length thresholds and the chat-search tab keys.
+
+const SEARCH_DEBOUNCE_MS = exports.SEARCH_DEBOUNCE_MS = 300;
+const SEARCH_MIN_QUERY_LENGTH = exports.SEARCH_MIN_QUERY_LENGTH = 3;
+const SEARCH_MAX_QUERY_LENGTH = exports.SEARCH_MAX_QUERY_LENGTH = 100;
+const SEARCH_TAB = exports.SEARCH_TAB = {
+  CHATS: 'chats',
+  MESSAGES: 'messages'
+};
+//# sourceMappingURL=search.js.map

package/lib/commonjs/chat/constants/search.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SEARCH_DEBOUNCE_MS","exports","SEARCH_MIN_QUERY_LENGTH","SEARCH_MAX_QUERY_LENGTH","SEARCH_TAB","CHATS","MESSAGES"],"sourceRoot":"../../../../src","sources":["chat/constants/search.ts"],"mappings":";;;;;;AAAA;AACA;;AAEO,MAAMA,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,GAAG;AAE9B,MAAME,uBAAuB,GAAAD,OAAA,CAAAC,uBAAA,GAAG,CAAC;AAEjC,MAAMC,uBAAuB,GAAAF,OAAA,CAAAE,uBAAA,GAAG,GAAG;AAEnC,MAAMC,UAAU,GAAAH,OAAA,CAAAG,UAAA,GAAG;EACxBC,KAAK,EAAE,OAAO;EACdC,QAAQ,EAAE;AACZ,CAAU","ignoreList":[]}

package/lib/commonjs/chat/constants/sheet.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getReactorSheetHeight = exports.REACTOR_SHEET_HEIGHT_RATIO = void 0;
+var _reactNative = require("react-native");
+// Geometry for chat bottom sheets.
+//
+// The reactor list is a half-height sheet: tall enough to show several rows and
+// still scroll, short enough that the message it belongs to stays visible behind
+// it. It is deliberately not a tall/near-full-screen drawer — at that size the
+// sheet reads as a page of its own and loses the connection to the bubble that
+// opened it.
+
+/** The reactor sheet takes half the height of the screen it opens over. */
+const REACTOR_SHEET_HEIGHT_RATIO = exports.REACTOR_SHEET_HEIGHT_RATIO = 0.5;
+
+/**
+ * The reactor sheet's height for the current layout.
+ *
+ * The ratio is taken against the WINDOW, not against the chat page: the sheet
+ * is anchored to the bottom of the screen, so a ratio of the page would put its
+ * top edge at the page's midpoint rather than the screen's, and it reads as
+ * sitting too low by exactly the height of whatever chrome the host app draws
+ * above the page. The design frames this sheet at 418 of an 812 device, with no
+ * host chrome in the frame at all.
+ *
+ * `surfaceHeight` — the chat page's own measured box (see useChatSurfaceHeight)
+ * — is only a ceiling. A host that leaves the page shorter than half the screen
+ * would otherwise get a sheet tall enough to cover the chat header behind it,
+ * which is the failure the page measurement exists to prevent.
+ *
+ * Call this at open time rather than caching it, so a rotation or split-screen
+ * resize re-resolves the ratio.
+ */
+const getReactorSheetHeight = surfaceHeight => {
+  const half = Math.round(_reactNative.Dimensions.get('window').height * REACTOR_SHEET_HEIGHT_RATIO);
+  return surfaceHeight == null ? half : Math.min(half, surfaceHeight);
+};
+exports.getReactorSheetHeight = getReactorSheetHeight;
+//# sourceMappingURL=sheet.js.map

package/lib/commonjs/chat/constants/sheet.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","REACTOR_SHEET_HEIGHT_RATIO","exports","getReactorSheetHeight","surfaceHeight","half","Math","round","Dimensions","get","height","min"],"sourceRoot":"../../../../src","sources":["chat/constants/sheet.ts"],"mappings":";;;;;;AAQA,IAAAA,YAAA,GAAAC,OAAA;AARA;AACA;AACA;AACA;AACA;AACA;AACA;;AAIA;AACO,MAAMC,0BAA0B,GAAAC,OAAA,CAAAD,0BAAA,GAAG,GAAG;;AAE7C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAME,qBAAqB,GAAIC,aAAsB,IAAK;EAC/D,MAAMC,IAAI,GAAGC,IAAI,CAACC,KAAK,CACrBC,uBAAU,CAACC,GAAG,CAAC,QAAQ,CAAC,CAACC,MAAM,GAAGT,0BACpC,CAAC;EACD,OAAOG,aAAa,IAAI,IAAI,GAAGC,IAAI,GAAGC,IAAI,CAACK,GAAG,CAACN,IAAI,EAAED,aAAa,CAAC;AACrE,CAAC;AAACF,OAAA,CAAAC,qBAAA,GAAAA,qBAAA","ignoreList":[]}

package/lib/commonjs/chat/elements/ArchivedBadge/ArchivedBadge.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ArchivedBadge = ArchivedBadge;
+var _reactNative = require("react-native");
+var _icons = require("../../../core/design/icons");
+var _amityColorTokens = require("../../../core/design/tokens/amity-color-tokens");
+var _Typography = require("../../../core/design/components/Typography");
+var _localization = require("../../../core/localization");
+var _styles = require("./styles");
+// ArchivedBadge element — ported from AmityUiKitWeb chat/elements/ArchivedBadge.
+// A pill-shaped semantic badge (archive glyph + "Archived" label) for chat channels.
+
+function ArchivedBadge() {
+  const {
+    styles
+  } = (0, _styles.useStyles)();
+  const label = (0, _localization.useString)('amity_chat_archived_badge_label');
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(_icons.AmityIcon, {
+    name: "archive-r",
+    size: 12,
+    tokenColor: _amityColorTokens.AmityColorToken.IconBadgeSemanticBadgeChatArchivedDefault
+  }), /*#__PURE__*/React.createElement(_Typography.Typography, {
+    variant: "captionSmall",
+    style: styles.text
+  }, label));
+}
+//# sourceMappingURL=ArchivedBadge.js.map

package/lib/commonjs/chat/elements/ArchivedBadge/ArchivedBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_icons","_amityColorTokens","_Typography","_localization","_styles","ArchivedBadge","styles","useStyles","label","useString","React","createElement","View","style","container","AmityIcon","name","size","tokenColor","AmityColorToken","IconBadgeSemanticBadgeChatArchivedDefault","Typography","variant","text"],"sourceRoot":"../../../../../src","sources":["chat/elements/ArchivedBadge/ArchivedBadge.tsx"],"mappings":";;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AARA;AACA;;AASO,SAASM,aAAaA,CAAA,EAAG;EAC9B,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,iBAAS,EAAC,CAAC;EAC9B,MAAMC,KAAK,GAAG,IAAAC,uBAAS,EAAC,iCAAiC,CAAC;EAE1D,oBACEC,KAAA,CAAAC,aAAA,CAACb,YAAA,CAAAc,IAAI;IAACC,KAAK,EAAEP,MAAM,CAACQ;EAAU,gBAC5BJ,KAAA,CAAAC,aAAA,CAACX,MAAA,CAAAe,SAAS;IACRC,IAAI,EAAC,WAAW;IAChBC,IAAI,EAAE,EAAG;IACTC,UAAU,EAAEC,iCAAe,CAACC;EAA0C,CACvE,CAAC,eACFV,KAAA,CAAAC,aAAA,CAACT,WAAA,CAAAmB,UAAU;IAACC,OAAO,EAAC,cAAc;IAACT,KAAK,EAAEP,MAAM,CAACiB;EAAK,GACnDf,KACS,CACR,CAAC;AAEX","ignoreList":[]}

package/lib/commonjs/chat/elements/ArchivedBadge/index.js

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

package/lib/commonjs/chat/elements/ArchivedBadge/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_ArchivedBadge","require"],"sourceRoot":"../../../../../src","sources":["chat/elements/ArchivedBadge/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA","ignoreList":[]}

package/lib/commonjs/chat/elements/ArchivedBadge/styles.js

@@ -0,0 +1,39 @@
+"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");
+// 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.
+const useStyles = () => {
+  const token = (0, _useToken.useToken)();
+  const styles = _reactNative.StyleSheet.create({
+    container: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'center',
+      height: 16,
+      minWidth: 22,
+      paddingHorizontal: 4,
+      borderRadius: 20,
+      backgroundColor: token(_amityColorTokens.AmityColorToken.SurfaceBadgeSemanticBadgeChatArchived),
+      overflow: 'hidden'
+    },
+    text: {
+      paddingHorizontal: 2,
+      fontSize: 10,
+      lineHeight: 13,
+      color: token(_amityColorTokens.AmityColorToken.TextBadgeSemanticBadgeChatArchivedDefault)
+    }
+  });
+  return {
+    styles
+  };
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

package/lib/commonjs/chat/elements/ArchivedBadge/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_useToken","_amityColorTokens","useStyles","token","useToken","styles","StyleSheet","create","container","flexDirection","alignItems","justifyContent","height","minWidth","paddingHorizontal","borderRadius","backgroundColor","AmityColorToken","SurfaceBadgeSemanticBadgeChatArchived","overflow","text","fontSize","lineHeight","color","TextBadgeSemanticBadgeChatArchivedDefault","exports"],"sourceRoot":"../../../../../src","sources":["chat/elements/ArchivedBadge/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AAEA;AACA;AACA;AACO,MAAMG,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EAExB,MAAMC,MAAM,GAAGC,uBAAU,CAACC,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,EAAEb,KAAK,CACpBc,iCAAe,CAACC,qCAClB,CAAC;MACDC,QAAQ,EAAE;IACZ,CAAC;IACDC,IAAI,EAAE;MACJN,iBAAiB,EAAE,CAAC;MACpBO,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE,EAAE;MACdC,KAAK,EAAEpB,KAAK,CAACc,iCAAe,CAACO,yCAAyC;IACxE;EACF,CAAC,CAAC;EAEF,OAAO;IAAEnB;EAAO,CAAC;AACnB,CAAC;AAACoB,OAAA,CAAAvB,SAAA,GAAAA,SAAA","ignoreList":[]}

package/lib/commonjs/chat/elements/Avatar/Avatar.js

@@ -0,0 +1,146 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Avatar = void 0;
+var _reactNative = require("react-native");
+var _Avatar = require("../../../core/design/atoms/Avatar");
+var _ModeratorBadge = require("../../../core/design/elements/ModeratorBadge");
+var _PrivateBadge = require("../../../core/design/elements/PrivateBadge");
+var _icons = require("../../../core/design/icons");
+var _amityColorTokens = require("../../../core/design/tokens/amity-color-tokens");
+var _styles = require("./styles");
+// 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
+
+// 2. Internal imports (relative)
+
+// 3. Types
+
+// Frame box per User size — md 40, sm 32, xs 28; all three are SoT
+// geometry.avatarIcon.avatar.sizes.
+const USER_SIZE = {
+  xs: 28,
+  sm: 32,
+  md: 40
+};
+
+// Deleted-user glyph size — 60% of the frame, rounded to the nearest SoT
+// geometry.avatarIcon.icon.sizes value (md 40*0.6->24, sm 32*0.6->20,
+// xs 28*0.6->16).
+const USER_DELETED_ICON = {
+  xs: 16,
+  sm: 20,
+  md: 24
+};
+
+// GroupChat placeholder glyph size — web: sm 1rem = 16, lg 3rem = 48
+// (both are SoT geometry.avatarIcon.icon.sizes).
+// 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
+  } = (0, _styles.useStyles)();
+  const framePx = USER_SIZE[size];
+  if (isDeleted) {
+    return /*#__PURE__*/React.createElement(_reactNative.View, {
+      style: [styles.userDeleted, {
+        width: framePx,
+        height: framePx
+      }]
+    }, /*#__PURE__*/React.createElement(_icons.AmityIcon, {
+      name: "user-s",
+      size: USER_DELETED_ICON[size],
+      tokenColor: _amityColorTokens.AmityColorToken.IconAvatarDefault
+    }));
+  }
+  const name = displayName ?? '';
+  const initial = name.trim().charAt(0).toUpperCase() || '?';
+  return /*#__PURE__*/React.createElement(_Avatar.Avatar, {
+    variant: avatarUrl ? 'image' : 'text',
+    shape: "rounded",
+    size: framePx,
+    imageUrl: avatarUrl,
+    initials: initial,
+    indicator: isModerator ? /*#__PURE__*/React.createElement(_ModeratorBadge.ModeratorBadge, null) : undefined,
+    indicatorStyle: styles.userModeratorBadge,
+    onPress: onPress
+  });
+}
+function GroupChat({
+  avatarUrl,
+  isPublic,
+  size = 'sm',
+  variant = 'default'
+}) {
+  const {
+    styles
+  } = (0, _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(_reactNative.View, {
+    style: styles.groupChat
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.groupChatImageWrapper
+  }, imageUrl ? /*#__PURE__*/React.createElement(_reactNative.Image, {
+    source: {
+      uri: imageUrl
+    },
+    style: styles.groupChatImage,
+    resizeMode: "cover"
+  }) : /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.groupChatPlaceholder
+  }, /*#__PURE__*/React.createElement(_icons.AmityIcon, {
+    name: "comments-alt-s",
+    size: GROUP_ICON[size],
+    tokenColor: _amityColorTokens.AmityColorToken.IconAvatarDefault
+  }))), isPrivate && /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [styles.privateBadge, {
+      bottom: badgeOffset,
+      right: badgeOffset
+    }]
+  }, /*#__PURE__*/React.createElement(_PrivateBadge.PrivateBadge, {
+    size: size === 'lg' ? 32 : 16,
+    border: true
+  })));
+}
+
+// 5. Compound namespace — mirrors the web `Avatar = { User, GroupChat }` API.
+const Avatar = exports.Avatar = {
+  User,
+  GroupChat
+};
+//# sourceMappingURL=Avatar.js.map

package/lib/commonjs/chat/elements/Avatar/Avatar.js.map

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

package/lib/commonjs/chat/elements/Avatar/index.js

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

package/lib/commonjs/chat/elements/Avatar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_Avatar","require"],"sourceRoot":"../../../../../src","sources":["chat/elements/Avatar/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA","ignoreList":[]}

package/lib/commonjs/chat/elements/Avatar/styles.js

@@ -0,0 +1,67 @@
+"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");
+// 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).
+// Width of the indicator ring the Avatar atom draws around the badge.
+const MODERATOR_BADGE_RING = 3;
+// How far the badge overhangs the avatar frame, per the design.
+const MODERATOR_BADGE_OVERHANG = 2;
+const useStyles = () => {
+  const token = (0, _useToken.useToken)();
+  const surface = token(_amityColorTokens.AmityColorToken.SurfaceAvatarProfileDefault);
+  const styles = _reactNative.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'
+    },
+    // The badge overhangs the avatar frame by 2 on both axes. The atom anchors
+    // the indicator at right/bottom 0, but its 3px ring is a real `borderWidth`,
+    // which takes layout space and pushes the 16px chip 3px inside the frame.
+    // Shift by ring + overhang to land it where the design puts it.
+    userModeratorBadge: {
+      right: -(MODERATOR_BADGE_RING + MODERATOR_BADGE_OVERHANG),
+      bottom: -(MODERATOR_BADGE_RING + MODERATOR_BADGE_OVERHANG)
+    }
+  });
+  return {
+    styles
+  };
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

package/lib/commonjs/chat/elements/Avatar/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_useToken","_amityColorTokens","MODERATOR_BADGE_RING","MODERATOR_BADGE_OVERHANG","useStyles","token","useToken","surface","AmityColorToken","SurfaceAvatarProfileDefault","styles","StyleSheet","create","userDeleted","alignItems","justifyContent","borderRadius","backgroundColor","groupChat","position","width","height","groupChatImageWrapper","overflow","groupChatImage","groupChatPlaceholder","flex","privateBadge","userModeratorBadge","right","bottom","exports"],"sourceRoot":"../../../../../src","sources":["chat/elements/Avatar/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AAEA;AACA;AACA;AACA;AACA,MAAMG,oBAAoB,GAAG,CAAC;AAC9B;AACA,MAAMC,wBAAwB,GAAG,CAAC;AAE3B,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EACxB,MAAMC,OAAO,GAAGF,KAAK,CAACG,iCAAe,CAACC,2BAA2B,CAAC;EAElE,MAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;IAC/B;IACAC,WAAW,EAAE;MACXC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBC,YAAY,EAAE,IAAI;MAClBC,eAAe,EAAEV;IACnB,CAAC;IAED;IACAW,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,EAAEV;IACnB,CAAC;IACDoB,YAAY,EAAE;MACZR,QAAQ,EAAE;IACZ,CAAC;IAED;IACA;IACA;IACA;IACAS,kBAAkB,EAAE;MAClBC,KAAK,EAAE,EAAE3B,oBAAoB,GAAGC,wBAAwB,CAAC;MACzD2B,MAAM,EAAE,EAAE5B,oBAAoB,GAAGC,wBAAwB;IAC3D;EACF,CAAC,CAAC;EAEF,OAAO;IAAEO;EAAO,CAAC;AACnB,CAAC;AAACqB,OAAA,CAAA3B,SAAA,GAAAA,SAAA","ignoreList":[]}

package/lib/commonjs/chat/elements/AvatarPicker/AvatarPicker.js

@@ -0,0 +1,107 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AvatarPicker = AvatarPicker;
+var _reactNative = require("react-native");
+var _Menu = require("../../../core/design/components/Menu");
+var _icons = require("../../../core/design/icons");
+var _amityColorTokens = require("../../../core/design/tokens/amity-color-tokens");
+var _localization = require("../../../core/localization");
+var _bottomSheetSlice = require("../../../core/stores/slices/bottomSheetSlice");
+var _styles = require("./styles");
+// 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 / useImageUpload / SDK File) is NOT
+//     rebuilt here. This element surfaces the current image + a "change"
+//     affordance and delegates the actual pick + upload to the caller via
+//     `onPick`. Web `{ value, onChange }` -> `{ imageUrl, onPick }`.
+//   - Web `<img>` -> RN `<Image>`; web `Loader.Spinner` -> RN `ActivityIndicator`.
+//   - Source sheet: web's mobile branch opens a drawer holding a
+//     CameraButton + ImageButton before any file is chosen. RN mirrors that with
+//     the bottom sheet + Menu used by AmityMediaAttachmentPicker, then reports
+//     the chosen source to `onPick`. Tapping the tile must never jump straight
+//     into the gallery — that was the bug.
+
+// 1. React / RN imports
+
+// 2. Internal imports (relative)
+
+// 3. Types
+/** Which picker the user chose in the source sheet (web: CameraButton / ImageButton). */
+
+// 4. Named function component
+function AvatarPicker({
+  imageUrl,
+  onPick,
+  isUploading = false
+}) {
+  const {
+    styles,
+    token
+  } = (0, _styles.useStyles)();
+  const {
+    openBottomSheet,
+    closeBottomSheet,
+    bottomSheetHeight
+  } = (0, _bottomSheetSlice.useBottomSheet)();
+
+  // Same two strings web's drawer uses for these rows.
+  const cameraLabel = (0, _localization.useString)('amity_chat_media_camera');
+  const photoLabel = (0, _localization.useString)('amity_chat_media_photo');
+  function handleSelect(source) {
+    closeBottomSheet();
+    onPick(source);
+  }
+  function handlePress() {
+    openBottomSheet({
+      height: bottomSheetHeight[2],
+      content: /*#__PURE__*/React.createElement(_reactNative.View, {
+        style: styles.sourceSheet
+      }, /*#__PURE__*/React.createElement(_Menu.Menu, {
+        variant: "chat",
+        container: "drawer"
+      }, /*#__PURE__*/React.createElement(_Menu.Menu.Item, {
+        icon: "camera-r",
+        label: cameraLabel,
+        onPress: () => handleSelect('camera')
+      }), /*#__PURE__*/React.createElement(_Menu.Menu.Item, {
+        icon: "image-r",
+        label: photoLabel,
+        onPress: () => handleSelect('photo')
+      })))
+    });
+  }
+  return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
+    style: styles.picker,
+    onPress: handlePress,
+    disabled: isUploading,
+    accessibilityRole: "button",
+    accessibilityLabel: "Upload group avatar"
+  }, imageUrl ? /*#__PURE__*/React.createElement(_reactNative.Image, {
+    source: {
+      uri: imageUrl
+    },
+    style: styles.image
+  }) : /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.placeholder
+  }, /*#__PURE__*/React.createElement(_icons.AmityIcon, {
+    name: "comments-alt-s",
+    size: 48,
+    tokenColor: _amityColorTokens.AmityColorToken.IconAvatarDefault
+  })), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.overlay
+  }, isUploading ? /*#__PURE__*/React.createElement(_reactNative.ActivityIndicator, {
+    size: "small",
+    color: token(_amityColorTokens.AmityColorToken.IconAvatarDefault)
+  }) : /*#__PURE__*/React.createElement(_icons.AmityIcon, {
+    name: "camera-r",
+    size: 48,
+    tokenColor: _amityColorTokens.AmityColorToken.IconAvatarDefault
+  })));
+}
+//# sourceMappingURL=AvatarPicker.js.map

package/lib/commonjs/chat/elements/AvatarPicker/AvatarPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_Menu","_icons","_amityColorTokens","_localization","_bottomSheetSlice","_styles","AvatarPicker","imageUrl","onPick","isUploading","styles","token","useStyles","openBottomSheet","closeBottomSheet","bottomSheetHeight","useBottomSheet","cameraLabel","useString","photoLabel","handleSelect","source","handlePress","height","content","React","createElement","View","style","sourceSheet","Menu","variant","container","Item","icon","label","onPress","Pressable","picker","disabled","accessibilityRole","accessibilityLabel","Image","uri","image","placeholder","AmityIcon","name","size","tokenColor","AmityColorToken","IconAvatarDefault","overlay","ActivityIndicator","color"],"sourceRoot":"../../../../../src","sources":["chat/elements/AvatarPicker/AvatarPicker.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/chat/elements/AvatarPicker/index.js

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

package/lib/commonjs/chat/elements/AvatarPicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_AvatarPicker","require"],"sourceRoot":"../../../../../src","sources":["chat/elements/AvatarPicker/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA","ignoreList":[]}

package/lib/commonjs/chat/elements/AvatarPicker/styles.js

@@ -0,0 +1,56 @@
+"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");
+// 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.
+const useStyles = () => {
+  const token = (0, _useToken.useToken)();
+  const styles = _reactNative.StyleSheet.create({
+    picker: {
+      position: 'relative',
+      width: 120,
+      height: 120,
+      borderRadius: 24,
+      overflow: 'hidden',
+      backgroundColor: token(_amityColorTokens.AmityColorToken.SurfaceAvatarProfileDefault)
+    },
+    image: {
+      width: '100%',
+      height: '100%',
+      resizeMode: 'cover'
+    },
+    placeholder: {
+      width: '100%',
+      height: '100%',
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    overlay: {
+      ..._reactNative.StyleSheet.absoluteFillObject,
+      alignItems: 'center',
+      justifyContent: 'center',
+      backgroundColor: token(_amityColorTokens.AmityColorToken.SurfaceBadgeSemanticBadgePostStatusTotalMedia)
+    },
+    // Camera / Photo source sheet. Padding matches the composer's
+    // camera sheet (AmityMediaAttachmentPicker) so the two drawers line up.
+    sourceSheet: {
+      paddingHorizontal: 16,
+      paddingBottom: 16
+    }
+  });
+  return {
+    styles,
+    token
+  };
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

package/lib/commonjs/chat/elements/AvatarPicker/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_useToken","_amityColorTokens","useStyles","token","useToken","styles","StyleSheet","create","picker","position","width","height","borderRadius","overflow","backgroundColor","AmityColorToken","SurfaceAvatarProfileDefault","image","resizeMode","placeholder","alignItems","justifyContent","overlay","absoluteFillObject","SurfaceBadgeSemanticBadgePostStatusTotalMedia","sourceSheet","paddingHorizontal","paddingBottom","exports"],"sourceRoot":"../../../../../src","sources":["chat/elements/AvatarPicker/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AAEA;AACA;AACA;AACA;AACA;AACO,MAAMG,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EAExB,MAAMC,MAAM,GAAGC,uBAAU,CAACC,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,EAAEX,KAAK,CAACY,iCAAe,CAACC,2BAA2B;IACpE,CAAC;IACDC,KAAK,EAAE;MACLP,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,MAAM;MACdO,UAAU,EAAE;IACd,CAAC;IACDC,WAAW,EAAE;MACXT,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,MAAM;MACdS,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE;IAClB,CAAC;IACDC,OAAO,EAAE;MACP,GAAGhB,uBAAU,CAACiB,kBAAkB;MAChCH,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBP,eAAe,EAAEX,KAAK,CACpBY,iCAAe,CAACS,6CAClB;IACF,CAAC;IACD;IACA;IACAC,WAAW,EAAE;MACXC,iBAAiB,EAAE,EAAE;MACrBC,aAAa,EAAE;IACjB;EACF,CAAC,CAAC;EAEF,OAAO;IAAEtB,MAAM;IAAEF;EAAM,CAAC;AAC1B,CAAC;AAACyB,OAAA,CAAA1B,SAAA,GAAAA,SAAA","ignoreList":[]}