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

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

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ConversationChatAvatar = ConversationChatAvatar;
+var _Avatar = require("../../../../../core/design/atoms/Avatar");
+var _ModeratorBadge = require("../../../../../core/design/elements/ModeratorBadge");
+// 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)
+
+// 3. Types
+
+// 4. Named function component
+function ConversationChatAvatar({
+  avatarUrl,
+  displayName,
+  isDeleted,
+  isModerator
+}) {
+  const indicator = isModerator ? /*#__PURE__*/React.createElement(_ModeratorBadge.ModeratorBadge, null) : undefined;
+  if (isDeleted) {
+    return /*#__PURE__*/React.createElement(_Avatar.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.Avatar, {
+    variant: avatarUrl ? 'image' : 'text',
+    shape: "rounded",
+    size: 40,
+    imageUrl: avatarUrl,
+    initials: initials,
+    indicator: indicator
+  });
+}
+//# sourceMappingURL=ConversationChatAvatar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_Avatar","require","_ModeratorBadge","ConversationChatAvatar","avatarUrl","displayName","isDeleted","isModerator","indicator","React","createElement","ModeratorBadge","undefined","Avatar","variant","shape","size","name","initials","trim","charAt","toUpperCase","imageUrl"],"sourceRoot":"../../../../../../../src","sources":["social/features/chat/elements/ConversationChatAvatar/ConversationChatAvatar.tsx"],"mappings":";;;;;;AAeA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AAhBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAGA;;AAIA;;AAYA;AACO,SAASE,sBAAsBA,CAAC;EACrCC,SAAS;EACTC,WAAW;EACXC,SAAS;EACTC;AAC2B,CAAC,EAAE;EAC9B,MAAMC,SAAoB,GAAGD,WAAW,gBAAGE,KAAA,CAAAC,aAAA,CAACR,eAAA,CAAAS,cAAc,MAAE,CAAC,GAAGC,SAAS;EAEzE,IAAIN,SAAS,EAAE;IACb,oBACEG,KAAA,CAAAC,aAAA,CAACV,OAAA,CAAAa,MAAM;MAACC,OAAO,EAAC,MAAM;MAACC,KAAK,EAAC,SAAS;MAACC,IAAI,EAAE,EAAG;MAACR,SAAS,EAAEA;IAAU,CAAE,CAAC;EAE7E;EAEA,IAAI,CAACH,WAAW,IAAI,CAACD,SAAS,EAAE,OAAO,IAAI;EAE3C,MAAMa,IAAI,GAAGZ,WAAW,IAAI,EAAE;EAC9B,MAAMa,QAAQ,GAAGD,IAAI,CAACE,IAAI,CAAC,CAAC,CAACC,MAAM,CAAC,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC,IAAI,GAAG;EAE3D,oBACEZ,KAAA,CAAAC,aAAA,CAACV,OAAA,CAAAa,MAAM;IACLC,OAAO,EAAEV,SAAS,GAAG,OAAO,GAAG,MAAO;IACtCW,KAAK,EAAC,SAAS;IACfC,IAAI,EAAE,EAAG;IACTM,QAAQ,EAAElB,SAAU;IACpBc,QAAQ,EAAEA,QAAS;IACnBV,SAAS,EAAEA;EAAU,CACtB,CAAC;AAEN","ignoreList":[]}

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

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

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

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

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

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GroupNameField = GroupNameField;
+var _reactNative = require("react-native");
+var _Input = require("../../../../../core/design/atoms/Input");
+var _localization = require("../../../../../core/localization");
+var _styles = require("./styles");
+// 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
+
+// 2. Internal imports (relative)
+
+// 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
+function GroupNameField({
+  value,
+  onChange,
+  optional = false,
+  required = false,
+  placeholder
+}) {
+  const {
+    styles
+  } = (0, _styles.useStyles)();
+  const label = (0, _localization.useString)('amity_chat_group_name_label');
+  const defaultPlaceholder = (0, _localization.useString)('amity_chat_group_name_placeholder');
+  const optionalLabel = (0, _localization.useString)('amity_chat_group_name_optional');
+  const requiredLabel = (0, _localization.useString)('amity_chat_group_name_required');
+  const marker = required ? requiredLabel : optional ? optionalLabel : undefined;
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(_Input.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/commonjs/social/features/chat/elements/GroupNameField/GroupNameField.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_Input","_localization","_styles","GROUP_NAME_MAX_LENGTH","GroupNameField","value","onChange","optional","required","placeholder","styles","useStyles","label","useString","defaultPlaceholder","optionalLabel","requiredLabel","marker","undefined","React","createElement","View","style","container","Input","Text","title","showCharacterCount","maxLength","multiLine"],"sourceRoot":"../../../../../../../src","sources":["social/features/chat/elements/GroupNameField/GroupNameField.tsx"],"mappings":";;;;;;AAKA,IAAAA,YAAA,GAAAC,OAAA;AAGA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAVA;AACA;AACA;;AAEA;;AAGA;;AAKA;AACA;AACA,MAAMI,qBAAqB,GAAG,GAAG;;AAEjC;;AASA;AACO,SAASC,cAAcA,CAAC;EAC7BC,KAAK;EACLC,QAAQ;EACRC,QAAQ,GAAG,KAAK;EAChBC,QAAQ,GAAG,KAAK;EAChBC;AACmB,CAAC,EAAE;EACtB,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,iBAAS,EAAC,CAAC;EAE9B,MAAMC,KAAK,GAAG,IAAAC,uBAAS,EAAC,6BAA6B,CAAC;EACtD,MAAMC,kBAAkB,GAAG,IAAAD,uBAAS,EAAC,mCAAmC,CAAC;EACzE,MAAME,aAAa,GAAG,IAAAF,uBAAS,EAAC,gCAAgC,CAAC;EACjE,MAAMG,aAAa,GAAG,IAAAH,uBAAS,EAAC,gCAAgC,CAAC;EAEjE,MAAMI,MAAM,GAAGT,QAAQ,GACnBQ,aAAa,GACbT,QAAQ,GACRQ,aAAa,GACbG,SAAS;EAEb,oBACEC,KAAA,CAAAC,aAAA,CAACtB,YAAA,CAAAuB,IAAI;IAACC,KAAK,EAAEZ,MAAM,CAACa;EAAU,gBAC5BJ,KAAA,CAAAC,aAAA,CAACpB,MAAA,CAAAwB,KAAK,CAACC,IAAI;IACTC,KAAK,EAAEd,KAAM;IACbG,aAAa,EAAEE,MAAO;IACtBZ,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEA,QAAS;IACnBG,WAAW,EAAEA,WAAW,IAAIK,kBAAmB;IAC/Ca,kBAAkB;IAClBC,SAAS,EAAEzB,qBAAsB;IACjC0B,SAAS;EAAA,CACV,CACG,CAAC;AAEX","ignoreList":[]}

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

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

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

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

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

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useStyles = void 0;
+var _reactNative = require("react-native");
+var _useToken = require("../../../../../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.
+const useStyles = () => {
+  const token = (0, _useToken.useToken)();
+  const styles = _reactNative.StyleSheet.create({
+    container: {
+      width: '100%',
+      paddingTop: 24,
+      paddingHorizontal: 16
+    }
+  });
+  return {
+    styles,
+    token
+  };
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_useToken","useStyles","token","useToken","styles","StyleSheet","create","container","width","paddingTop","paddingHorizontal","exports"],"sourceRoot":"../../../../../../../src","sources":["social/features/chat/elements/GroupNameField/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AAEA;AACA;AACA;AACO,MAAME,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,KAAK,EAAE,MAAM;MACbC,UAAU,EAAE,EAAE;MACdC,iBAAiB,EAAE;IACrB;EACF,CAAC,CAAC;EAEF,OAAO;IAAEN,MAAM;IAAEF;EAAM,CAAC;AAC1B,CAAC;AAACS,OAAA,CAAAV,SAAA,GAAAA,SAAA","ignoreList":[]}

package/lib/commonjs/social/features/chat/elements/MediaUploadOverlay/MediaUploadOverlay.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MediaUploadOverlay = MediaUploadOverlay;
+var _reactNative = require("react-native");
+var _Loader = require("../../../../../core/design/atoms/Loader");
+var _styles = require("./styles");
+// MediaUploadOverlay — ported from AmityUiKitWeb chat/elements/MediaUploadOverlay.
+// A dark scrim covering a media bubble while its file uploads, with a centered upload
+// spinner (Loader.Upload) that optionally exposes a cancel control. Web set the scrim
+// pointer-events: none; RN uses pointerEvents="box-none" so the cancel button stays
+// tappable while taps on the scrim itself fall through to the bubble.
+
+// 1. React / RN imports
+
+// 2. Internal imports
+
+// 3. Types
+
+// 4. Named function component
+function MediaUploadOverlay({
+  onCancel,
+  cancelAccessibilityLabel = 'Cancel upload'
+}) {
+  const {
+    styles
+  } = (0, _styles.useStyles)();
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.overlay,
+    pointerEvents: "box-none"
+  }, /*#__PURE__*/React.createElement(_Loader.Loader.Upload, {
+    size: "medium",
+    onCancel: onCancel,
+    accessibilityLabel: cancelAccessibilityLabel
+  }));
+}
+//# sourceMappingURL=MediaUploadOverlay.js.map

package/lib/commonjs/social/features/chat/elements/MediaUploadOverlay/MediaUploadOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_Loader","_styles","MediaUploadOverlay","onCancel","cancelAccessibilityLabel","styles","useStyles","React","createElement","View","style","overlay","pointerEvents","Loader","Upload","size","accessibilityLabel"],"sourceRoot":"../../../../../../../src","sources":["social/features/chat/elements/MediaUploadOverlay/MediaUploadOverlay.tsx"],"mappings":";;;;;;AAOA,IAAAA,YAAA,GAAAC,OAAA;AAGA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAXA;AACA;AACA;AACA;AACA;;AAEA;;AAGA;;AAIA;;AAMA;AACO,SAASG,kBAAkBA,CAAC;EACjCC,QAAQ;EACRC,wBAAwB,GAAG;AACJ,CAAC,EAAE;EAC1B,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,iBAAS,EAAC,CAAC;EAE9B,oBACEC,KAAA,CAAAC,aAAA,CAACV,YAAA,CAAAW,IAAI;IAACC,KAAK,EAAEL,MAAM,CAACM,OAAQ;IAACC,aAAa,EAAC;EAAU,gBACnDL,KAAA,CAAAC,aAAA,CAACR,OAAA,CAAAa,MAAM,CAACC,MAAM;IACZC,IAAI,EAAC,QAAQ;IACbZ,QAAQ,EAAEA,QAAS;IACnBa,kBAAkB,EAAEZ;EAAyB,CAC9C,CACG,CAAC;AAEX","ignoreList":[]}

package/lib/commonjs/social/features/chat/elements/MediaUploadOverlay/index.js

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

package/lib/commonjs/social/features/chat/elements/MediaUploadOverlay/index.js.map

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

package/lib/commonjs/social/features/chat/elements/MediaUploadOverlay/styles.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useStyles = void 0;
+var _reactNative = require("react-native");
+var _useToken = require("../../../../../core/design/theme/useToken");
+var _amityColorTokens = require("../../../../../core/design/tokens/amity-color-tokens");
+// Styles for MediaUploadOverlay — ported from AmityUiKitWeb MediaUploadOverlay.module.css.
+// Absolute inset:0 scrim centered over its parent. Web's --asc-color-message-overlay
+// (rgb(41 43 50 / 40%)) has no RN token; substituted with the closest media-context dark
+// scrim (SurfaceBadgeSemanticBadgePostStatusTotalMedia, 50% black) — reported as a gap.
+
+const useStyles = () => {
+  const token = (0, _useToken.useToken)();
+  const styles = _reactNative.StyleSheet.create({
+    overlay: {
+      ..._reactNative.StyleSheet.absoluteFillObject,
+      alignItems: 'center',
+      justifyContent: 'center',
+      backgroundColor: token(_amityColorTokens.AmityColorToken.SurfaceBadgeSemanticBadgePostStatusTotalMedia)
+    }
+  });
+  return {
+    styles,
+    token
+  };
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

package/lib/commonjs/social/features/chat/elements/MediaUploadOverlay/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_useToken","_amityColorTokens","useStyles","token","useToken","styles","StyleSheet","create","overlay","absoluteFillObject","alignItems","justifyContent","backgroundColor","AmityColorToken","SurfaceBadgeSemanticBadgePostStatusTotalMedia","exports"],"sourceRoot":"../../../../../../../src","sources":["social/features/chat/elements/MediaUploadOverlay/styles.ts"],"mappings":";;;;;;AAKA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AAPA;AACA;AACA;AACA;;AAMO,MAAMG,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EAExB,MAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;IAC/BC,OAAO,EAAE;MACP,GAAGF,uBAAU,CAACG,kBAAkB;MAChCC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBC,eAAe,EAAET,KAAK,CACpBU,iCAAe,CAACC,6CAClB;IACF;EACF,CAAC,CAAC;EAEF,OAAO;IAAET,MAAM;IAAEF;EAAM,CAAC;AAC1B,CAAC;AAACY,OAAA,CAAAb,SAAA,GAAAA,SAAA","ignoreList":[]}

package/lib/commonjs/social/features/chat/elements/ReactionPicker/ReactionPicker.js

@@ -0,0 +1,83 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ReactionPicker = ReactionPicker;
+var _reactNative = require("react-native");
+var _Typography = require("../../../../../core/design/components/Typography");
+var _localization = require("../../../../../core/localization");
+var _reactionIcons = require("../../features/shared/utils/reactionIcons");
+var _styles = require("./styles");
+// ReactionPicker — RN port of AmityUiKitWeb v4/chat/elements/ReactionPicker.
+// The horizontal reactions row shown in the message action popover. Tapping a
+// reaction fires onReactionClick (+ onSelectReaction), matching web. The active
+// reaction shows the reactionstate-active circle; the reaction name floats above
+// on press (web shows it on hover — RN has no hover, so it surfaces on press-in).
+//
+// RN adaptations from web:
+//   - Web reads the reaction set from CustomReactionProvider; RN has no runtime
+//     accessor for the top-level `message_reactions` config, so it defaults to
+//     DEFAULT_MESSAGE_REACTIONS (overridable via the `reactions` prop).
+//   - Web renders reaction.image URLs; RN renders the ported ReactionGlyph art.
+//   - Web hover/touch-hover drag + above/below label flip are web-only
+//     interactions and are omitted.
+
+// 1. React / RN imports
+
+// 2. Internal imports
+
+// 3. Types
+
+// Web CustomReactionProvider.getChatReactionLabel.
+function getChatReactionLabel(reactionName) {
+  const name = reactionName.toLowerCase();
+  const key = `amity_chat_reaction_label_${name}`;
+  const localized = (0, _localization.resolveString)(key);
+  return localized === key ? reactionName : localized;
+}
+
+// 4. Named function component
+function ReactionPicker({
+  reactions = _reactionIcons.DEFAULT_MESSAGE_REACTIONS,
+  myReaction,
+  onReactionClick,
+  onSelectReaction
+}) {
+  const {
+    styles
+  } = (0, _styles.useStyles)();
+  if (!reactions || reactions.length === 0) return null;
+  const onClickReaction = reactionName => {
+    onReactionClick(reactionName);
+    onSelectReaction === null || onSelectReaction === void 0 || onSelectReaction(reactionName);
+  };
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.pill
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.row
+  }, reactions.map(name => {
+    const active = myReaction === name;
+    return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
+      key: name,
+      onPress: () => onClickReaction(name),
+      accessibilityRole: "button",
+      accessibilityLabel: "Reaction picker"
+    }, ({
+      pressed
+    }) => /*#__PURE__*/React.createElement(_reactNative.View, {
+      style: styles.reactionButton
+    }, pressed ? /*#__PURE__*/React.createElement(_reactNative.View, {
+      style: styles.label
+    }, /*#__PURE__*/React.createElement(_Typography.Typography, {
+      variant: "caption",
+      style: styles.labelText
+    }, getChatReactionLabel(name))) : null, active ? /*#__PURE__*/React.createElement(_reactNative.View, {
+      style: styles.activeBackground
+    }) : null, /*#__PURE__*/React.createElement(_reactionIcons.ReactionGlyph, {
+      name: name,
+      size: 32
+    })));
+  })));
+}
+//# sourceMappingURL=ReactionPicker.js.map

package/lib/commonjs/social/features/chat/elements/ReactionPicker/ReactionPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_Typography","_localization","_reactionIcons","_styles","getChatReactionLabel","reactionName","name","toLowerCase","key","localized","resolveString","ReactionPicker","reactions","DEFAULT_MESSAGE_REACTIONS","myReaction","onReactionClick","onSelectReaction","styles","useStyles","length","onClickReaction","React","createElement","View","style","pill","row","map","active","Pressable","onPress","accessibilityRole","accessibilityLabel","pressed","reactionButton","label","Typography","variant","labelText","activeBackground","ReactionGlyph","size"],"sourceRoot":"../../../../../../../src","sources":["social/features/chat/elements/ReactionPicker/ReactionPicker.tsx"],"mappings":";;;;;;AAeA,IAAAA,YAAA,GAAAC,OAAA;AAGA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAIA,IAAAI,OAAA,GAAAJ,OAAA;AAxBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAGA;;AASA;;AAWA;AACA,SAASK,oBAAoBA,CAACC,YAAoB,EAAU;EAC1D,MAAMC,IAAI,GAAGD,YAAY,CAACE,WAAW,CAAC,CAAC;EACvC,MAAMC,GAAG,GAAG,6BAA6BF,IAAI,EAAE;EAC/C,MAAMG,SAAS,GAAG,IAAAC,2BAAa,EAACF,GAAG,CAAC;EACpC,OAAOC,SAAS,KAAKD,GAAG,GAAGH,YAAY,GAAGI,SAAS;AACrD;;AAEA;AACO,SAASE,cAAcA,CAAC;EAC7BC,SAAS,GAAGC,wCAAyB;EACrCC,UAAU;EACVC,eAAe;EACfC;AACmB,CAAC,EAAE;EACtB,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,iBAAS,EAAC,CAAC;EAE9B,IAAI,CAACN,SAAS,IAAIA,SAAS,CAACO,MAAM,KAAK,CAAC,EAAE,OAAO,IAAI;EAErD,MAAMC,eAAe,GAAIf,YAAoB,IAAK;IAChDU,eAAe,CAACV,YAAY,CAAC;IAC7BW,gBAAgB,aAAhBA,gBAAgB,eAAhBA,gBAAgB,CAAGX,YAAY,CAAC;EAClC,CAAC;EAED,oBACEgB,KAAA,CAAAC,aAAA,CAACxB,YAAA,CAAAyB,IAAI;IAACC,KAAK,EAAEP,MAAM,CAACQ;EAAK,gBACvBJ,KAAA,CAAAC,aAAA,CAACxB,YAAA,CAAAyB,IAAI;IAACC,KAAK,EAAEP,MAAM,CAACS;EAAI,GACrBd,SAAS,CAACe,GAAG,CAAErB,IAAI,IAAK;IACvB,MAAMsB,MAAM,GAAGd,UAAU,KAAKR,IAAI;IAClC,oBACEe,KAAA,CAAAC,aAAA,CAACxB,YAAA,CAAA+B,SAAS;MACRrB,GAAG,EAAEF,IAAK;MACVwB,OAAO,EAAEA,CAAA,KAAMV,eAAe,CAACd,IAAI,CAAE;MACrCyB,iBAAiB,EAAC,QAAQ;MAC1BC,kBAAkB,EAAC;IAAiB,GAEnC,CAAC;MAAEC;IAAQ,CAAC,kBACXZ,KAAA,CAAAC,aAAA,CAACxB,YAAA,CAAAyB,IAAI;MAACC,KAAK,EAAEP,MAAM,CAACiB;IAAe,GAChCD,OAAO,gBACNZ,KAAA,CAAAC,aAAA,CAACxB,YAAA,CAAAyB,IAAI;MAACC,KAAK,EAAEP,MAAM,CAACkB;IAAM,gBACxBd,KAAA,CAAAC,aAAA,CAACtB,WAAA,CAAAoC,UAAU;MAACC,OAAO,EAAC,SAAS;MAACb,KAAK,EAAEP,MAAM,CAACqB;IAAU,GACnDlC,oBAAoB,CAACE,IAAI,CAChB,CACR,CAAC,GACL,IAAI,EAKPsB,MAAM,gBAAGP,KAAA,CAAAC,aAAA,CAACxB,YAAA,CAAAyB,IAAI;MAACC,KAAK,EAAEP,MAAM,CAACsB;IAAiB,CAAE,CAAC,GAAG,IAAI,eACzDlB,KAAA,CAAAC,aAAA,CAACpB,cAAA,CAAAsC,aAAa;MAAClC,IAAI,EAAEA,IAAK;MAACmC,IAAI,EAAE;IAAG,CAAE,CAClC,CAEC,CAAC;EAEhB,CAAC,CACG,CACF,CAAC;AAEX","ignoreList":[]}

package/lib/commonjs/social/features/chat/elements/ReactionPicker/index.js

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

package/lib/commonjs/social/features/chat/elements/ReactionPicker/index.js.map

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

package/lib/commonjs/social/features/chat/elements/ReactionPicker/styles.js

@@ -0,0 +1,94 @@
+"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 _AmityThemeProvider = require("../../../../../core/design/theme/AmityThemeProvider");
+var _amityColorTokens = require("../../../../../core/design/tokens/amity-color-tokens");
+// Styles for ReactionPicker — ported from AmityUiKitWeb
+// v4/chat/elements/ReactionPicker/ReactionPicker.module.css PLUS the pill
+// wrapper web keeps in MessageActionsPopover.module.css
+// (`.messageActionsPopover__reactionPicker`: filled-default surface, full radius,
+// box-shadow-04). The wrapper is folded in here so the component is a drop-in
+// for the RN action menu — mounting it closes web's reactionpopover-filled-default
+// gap. Orchestrator MUST NOT double-wrap it in another pill.
+// rem→px ×16.
+
+const useStyles = () => {
+  const token = (0, _useToken.useToken)();
+  const {
+    mode
+  } = (0, _AmityThemeProvider.useAmityTheme)();
+  const styles = _reactNative.StyleSheet.create({
+    // .messageActionsPopover__reactionPicker (the filled pill)
+    pill: {
+      alignSelf: 'flex-start',
+      flexDirection: 'row',
+      alignItems: 'center',
+      padding: 8,
+      borderRadius: 9999,
+      backgroundColor: token(_amityColorTokens.AmityColorToken.SurfaceReactionsReactionPopoverFilledDefault),
+      // PDT-3934: match web reaction-bar elevation-08 (3 stacked layers:
+      // 0 4px 24px 4px / 0 32px 64px -12px / 0 6px 6px -4px). RN can't stack
+      // shadows, so approximate with a single heavier, softer shadow; colour is
+      // theme-aware (light rgba(41,43,50), dark rgba(0,0,0)) per the token defs.
+      shadowColor: mode === 'dark' ? 'rgb(0, 0, 0)' : 'rgb(41, 43, 50)',
+      shadowOffset: {
+        width: 0,
+        height: 8
+      },
+      shadowOpacity: 0.18,
+      shadowRadius: 24,
+      elevation: 12
+    },
+    // .reactionPickerContainer
+    row: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 8
+    },
+    // .reactionButton (2rem × 2rem)
+    reactionButton: {
+      position: 'relative',
+      alignItems: 'center',
+      justifyContent: 'center',
+      width: 32,
+      height: 32
+    },
+    // .reactionButton__activeBackground
+    activeBackground: {
+      position: 'absolute',
+      top: 0,
+      left: 0,
+      width: 32,
+      height: 32,
+      borderRadius: 9999,
+      backgroundColor: token(_amityColorTokens.AmityColorToken.SurfaceReactionsReactionPopoverReactionStateActive)
+    },
+    // .reactionButton__text (floating label tooltip)
+    label: {
+      position: 'absolute',
+      top: -33,
+      alignSelf: 'center',
+      maxWidth: 64,
+      paddingVertical: 2,
+      paddingHorizontal: 6,
+      borderRadius: 28,
+      backgroundColor: token(_amityColorTokens.AmityColorToken.SurfaceReactionsReactionPopoverReactionNameActive),
+      zIndex: 2
+    },
+    labelText: {
+      textTransform: 'capitalize',
+      textAlign: 'center',
+      color: token(_amityColorTokens.AmityColorToken.TextReactionsReactionPopoverReactionNameGeneral)
+    }
+  });
+  return {
+    styles
+  };
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

package/lib/commonjs/social/features/chat/elements/ReactionPicker/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_useToken","_AmityThemeProvider","_amityColorTokens","useStyles","token","useToken","mode","useAmityTheme","styles","StyleSheet","create","pill","alignSelf","flexDirection","alignItems","padding","borderRadius","backgroundColor","AmityColorToken","SurfaceReactionsReactionPopoverFilledDefault","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","row","gap","reactionButton","position","justifyContent","activeBackground","top","left","SurfaceReactionsReactionPopoverReactionStateActive","label","maxWidth","paddingVertical","paddingHorizontal","SurfaceReactionsReactionPopoverReactionNameActive","zIndex","labelText","textTransform","textAlign","color","TextReactionsReactionPopoverReactionNameGeneral","exports"],"sourceRoot":"../../../../../../../src","sources":["social/features/chat/elements/ReactionPicker/styles.ts"],"mappings":";;;;;;AASA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,mBAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AAZA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAOO,MAAMI,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EACxB,MAAM;IAAEC;EAAK,CAAC,GAAG,IAAAC,iCAAa,EAAC,CAAC;EAEhC,MAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;IAC/B;IACAC,IAAI,EAAE;MACJC,SAAS,EAAE,YAAY;MACvBC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,OAAO,EAAE,CAAC;MACVC,YAAY,EAAE,IAAI;MAClBC,eAAe,EAAEb,KAAK,CACpBc,iCAAe,CAACC,4CAClB,CAAC;MACD;MACA;MACA;MACA;MACAC,WAAW,EAAEd,IAAI,KAAK,MAAM,GAAG,cAAc,GAAG,iBAAiB;MACjEe,YAAY,EAAE;QAAEC,KAAK,EAAE,CAAC;QAAEC,MAAM,EAAE;MAAE,CAAC;MACrCC,aAAa,EAAE,IAAI;MACnBC,YAAY,EAAE,EAAE;MAChBC,SAAS,EAAE;IACb,CAAC;IACD;IACAC,GAAG,EAAE;MACHd,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBc,GAAG,EAAE;IACP,CAAC;IACD;IACAC,cAAc,EAAE;MACdC,QAAQ,EAAE,UAAU;MACpBhB,UAAU,EAAE,QAAQ;MACpBiB,cAAc,EAAE,QAAQ;MACxBT,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE;IACV,CAAC;IACD;IACAS,gBAAgB,EAAE;MAChBF,QAAQ,EAAE,UAAU;MACpBG,GAAG,EAAE,CAAC;MACNC,IAAI,EAAE,CAAC;MACPZ,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,EAAE;MACVP,YAAY,EAAE,IAAI;MAClBC,eAAe,EAAEb,KAAK,CACpBc,iCAAe,CAACiB,kDAClB;IACF,CAAC;IACD;IACAC,KAAK,EAAE;MACLN,QAAQ,EAAE,UAAU;MACpBG,GAAG,EAAE,CAAC,EAAE;MACRrB,SAAS,EAAE,QAAQ;MACnByB,QAAQ,EAAE,EAAE;MACZC,eAAe,EAAE,CAAC;MAClBC,iBAAiB,EAAE,CAAC;MACpBvB,YAAY,EAAE,EAAE;MAChBC,eAAe,EAAEb,KAAK,CACpBc,iCAAe,CAACsB,iDAClB,CAAC;MACDC,MAAM,EAAE;IACV,CAAC;IACDC,SAAS,EAAE;MACTC,aAAa,EAAE,YAAY;MAC3BC,SAAS,EAAE,QAAQ;MACnBC,KAAK,EAAEzC,KAAK,CACVc,iCAAe,CAAC4B,+CAClB;IACF;EACF,CAAC,CAAC;EAEF,OAAO;IAAEtC;EAAO,CAAC;AACnB,CAAC;AAACuC,OAAA,CAAA5C,SAAA,GAAAA,SAAA","ignoreList":[]}

package/lib/commonjs/social/features/chat/elements/SettingMenu/SettingMenu.js

@@ -0,0 +1,69 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SettingMenu = SettingMenu;
+var _reactNative = require("react-native");
+var _Typography = require("../../../../../core/design/components/Typography");
+var _icons = require("../../../../../core/design/icons");
+var _amityColorTokens = require("../../../../../core/design/tokens/amity-color-tokens");
+var _styles = require("./styles");
+// SettingMenu element — ported from AmityUiKitWeb chat/elements/SettingMenu.
+// A single tappable settings row: leading icon-badge + label on the left, an
+// optional trailing text + chevron on the right. A `destructive` row instead
+// renders just a bold destructive-coloured label (e.g. "Leave group").
+//
+// RN adaptation from web: web's `icon?: React.ElementType` cannot cross the RN
+// icon system (SoT SVGs rendered by name), so it becomes `iconName?: AmityIconName`.
+
+// 1. React / RN imports
+
+// 2. Internal imports (relative)
+
+// 3. Types
+
+// 4. Named function component
+function SettingMenu({
+  iconName,
+  label,
+  trailingText,
+  destructive = false,
+  accessibilityLabel,
+  onPress
+}) {
+  const {
+    styles
+  } = (0, _styles.useStyles)();
+  return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
+    style: styles.row,
+    onPress: onPress,
+    accessibilityRole: "button",
+    accessibilityLabel: accessibilityLabel ?? label
+  }, destructive ? /*#__PURE__*/React.createElement(_Typography.Typography, {
+    variant: "bodyBold",
+    style: styles.destructiveLabel
+  }, label) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.leading
+  }, iconName ? /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.iconBadge
+  }, /*#__PURE__*/React.createElement(_icons.AmityIcon, {
+    name: iconName,
+    size: 24,
+    tokenColor: _amityColorTokens.AmityColorToken.IconFeaturedIconTinted
+  })) : null, /*#__PURE__*/React.createElement(_Typography.Typography, {
+    variant: "body",
+    style: styles.label,
+    numberOfLines: 1
+  }, label)), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.trailing
+  }, trailingText ? /*#__PURE__*/React.createElement(_Typography.Typography, {
+    variant: "body",
+    style: styles.trailingText
+  }, trailingText) : null, /*#__PURE__*/React.createElement(_icons.AmityIcon, {
+    name: "chevron-right",
+    size: 24,
+    tokenColor: _amityColorTokens.AmityColorToken.IconListLeadingDefaultDefault
+  }))));
+}
+//# sourceMappingURL=SettingMenu.js.map

package/lib/commonjs/social/features/chat/elements/SettingMenu/SettingMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_Typography","_icons","_amityColorTokens","_styles","SettingMenu","iconName","label","trailingText","destructive","accessibilityLabel","onPress","styles","useStyles","React","createElement","Pressable","style","row","accessibilityRole","Typography","variant","destructiveLabel","Fragment","View","leading","iconBadge","AmityIcon","name","size","tokenColor","AmityColorToken","IconFeaturedIconTinted","numberOfLines","trailing","IconListLeadingDefaultDefault"],"sourceRoot":"../../../../../../../src","sources":["social/features/chat/elements/SettingMenu/SettingMenu.tsx"],"mappings":";;;;;;AASA,IAAAA,YAAA,GAAAC,OAAA;AAGA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAIA,IAAAG,iBAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAlBA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAGA;;AASA;;AAWA;AACO,SAASK,WAAWA,CAAC;EAC1BC,QAAQ;EACRC,KAAK;EACLC,YAAY;EACZC,WAAW,GAAG,KAAK;EACnBC,kBAAkB;EAClBC;AACgB,CAAC,EAAE;EACnB,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,iBAAS,EAAC,CAAC;EAE9B,oBACEC,KAAA,CAAAC,aAAA,CAAChB,YAAA,CAAAiB,SAAS;IACRC,KAAK,EAAEL,MAAM,CAACM,GAAI;IAClBP,OAAO,EAAEA,OAAQ;IACjBQ,iBAAiB,EAAC,QAAQ;IAC1BT,kBAAkB,EAAEA,kBAAkB,IAAIH;EAAM,GAE/CE,WAAW,gBACVK,KAAA,CAAAC,aAAA,CAACd,WAAA,CAAAmB,UAAU;IAACC,OAAO,EAAC,UAAU;IAACJ,KAAK,EAAEL,MAAM,CAACU;EAAiB,GAC3Df,KACS,CAAC,gBAEbO,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAS,QAAA,qBACET,KAAA,CAAAC,aAAA,CAAChB,YAAA,CAAAyB,IAAI;IAACP,KAAK,EAAEL,MAAM,CAACa;EAAQ,GACzBnB,QAAQ,gBACPQ,KAAA,CAAAC,aAAA,CAAChB,YAAA,CAAAyB,IAAI;IAACP,KAAK,EAAEL,MAAM,CAACc;EAAU,gBAC5BZ,KAAA,CAAAC,aAAA,CAACb,MAAA,CAAAyB,SAAS;IACRC,IAAI,EAAEtB,QAAS;IACfuB,IAAI,EAAE,EAAG;IACTC,UAAU,EAAEC,iCAAe,CAACC;EAAuB,CACpD,CACG,CAAC,GACL,IAAI,eACRlB,KAAA,CAAAC,aAAA,CAACd,WAAA,CAAAmB,UAAU;IAACC,OAAO,EAAC,MAAM;IAACJ,KAAK,EAAEL,MAAM,CAACL,KAAM;IAAC0B,aAAa,EAAE;EAAE,GAC9D1B,KACS,CACR,CAAC,eACPO,KAAA,CAAAC,aAAA,CAAChB,YAAA,CAAAyB,IAAI;IAACP,KAAK,EAAEL,MAAM,CAACsB;EAAS,GAC1B1B,YAAY,gBACXM,KAAA,CAAAC,aAAA,CAACd,WAAA,CAAAmB,UAAU;IAACC,OAAO,EAAC,MAAM;IAACJ,KAAK,EAAEL,MAAM,CAACJ;EAAa,GACnDA,YACS,CAAC,GACX,IAAI,eACRM,KAAA,CAAAC,aAAA,CAACb,MAAA,CAAAyB,SAAS;IACRC,IAAI,EAAC,eAAe;IACpBC,IAAI,EAAE,EAAG;IACTC,UAAU,EAAEC,iCAAe,CAACI;EAA8B,CAC3D,CACG,CACN,CAEK,CAAC;AAEhB","ignoreList":[]}

package/lib/commonjs/social/features/chat/elements/SettingMenu/index.js

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

package/lib/commonjs/social/features/chat/elements/SettingMenu/index.js.map

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