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

package/lib/commonjs/social/features/chat/components/AmityGroupMemberActionComponent/AmityGroupMemberActionComponent.js

@@ -0,0 +1,243 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AmityGroupMemberActionComponent = AmityGroupMemberActionComponent;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _tsSdkReactNative = require("@amityco/ts-sdk-react-native");
+var _Menu = require("../../../../../core/design/components/Menu");
+var _localization = require("../../../../../core/localization");
+var _constants = require("../../../../../core/constants");
+var _useAuth = _interopRequireDefault(require("../../../../../core/hooks/useAuth"));
+var _bottomSheetSlice = require("../../../../../core/stores/slices/bottomSheetSlice");
+var _useChatNotifications = require("../../hooks/useChatNotifications");
+var _styles = require("./styles");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// AmityGroupMemberActionComponent — RN port of the member long-press action menu
+// that AmityUiKitWeb builds inline in `group/members/components/MemberList`
+// (`getActions`) and renders through its `ActionMenu`.
+//
+// Renders in the global @devvie bottom sheet (RN mobile adaptation; web uses a
+// desktop popover) — mirrors the sibling AmityConversationChatUserActionComponent.
+// The owning MemberItem row still wires the trailing ellipsis via the `anchor`
+// render-prop, whose `openPopover` now opens the sheet. Item visibility follows
+// web's `getActions` exactly: promote,
+// demote, mute, unmute, report, unreport, ban, remove — with the same
+// conditions (mute vs unmute by the member's mute state; report vs unreport by
+// whether the viewer has flagged them). Web's `ConfirmProvider` maps to the
+// native `Alert.alert` (the `useFailedMessageSheet` pattern), and
+// `useNotifications('chat')` to the `useChatNotifications` stub. Live SDK calls
+// are gated on `useAuth().isConnected`. Web resolves `isFlaggedByMe` lazily when
+// the menu opens (`queryIsFlaggedByMe`); RN resolves it once per row via
+// `UserRepository.isUserFlaggedByMe` (the visibility condition is what matters).
+
+// 1. React / RN imports
+
+// 2. Third-party imports
+
+// 3. Internal imports
+
+// 4. Types
+
+// 5. Named function component
+function AmityGroupMemberActionComponent({
+  anchor,
+  channelId,
+  user,
+  isMemberModerator,
+  isViewerModerator,
+  isMuted = false
+}) {
+  const {
+    styles
+  } = (0, _styles.useStyles)();
+  const {
+    isConnected
+  } = (0, _useAuth.default)();
+  const {
+    success
+  } = (0, _useChatNotifications.useChatNotifications)();
+  const {
+    openBottomSheet,
+    closeBottomSheet,
+    bottomSheetHeight
+  } = (0, _bottomSheetSlice.useBottomSheet)();
+  const userId = user.userId;
+  const [isFlaggedByMe, setIsFlaggedByMe] = (0, _react.useState)(false);
+  (0, _react.useEffect)(() => {
+    if (!isConnected) return undefined;
+    let active = true;
+    _tsSdkReactNative.UserRepository.isUserFlaggedByMe(userId).then(flagged => {
+      if (active) setIsFlaggedByMe(!!flagged);
+    }).catch(() => {});
+    return () => {
+      active = false;
+    };
+  }, [isConnected, userId]);
+  function confirmAlert(title, message, confirmLabel, destructive, onConfirm) {
+    _reactNative.Alert.alert(title, message, [{
+      text: (0, _localization.resolveString)('amity_chat_cancel'),
+      style: 'cancel'
+    }, {
+      text: confirmLabel,
+      style: destructive ? 'destructive' : 'default',
+      onPress: onConfirm
+    }]);
+  }
+  async function handlePromote() {
+    if (!isConnected) return;
+    await _tsSdkReactNative.ChannelRepository.Moderation.addRole(channelId, _constants.MemberRoles.CHANNEL_MODERATOR, [userId]);
+    success({
+      content: (0, _localization.resolveString)('amity_chat_group_member_list_toast_promoted')
+    });
+  }
+  async function handleDemote() {
+    if (!isConnected) return;
+    await _tsSdkReactNative.ChannelRepository.Moderation.removeRole(channelId, _constants.MemberRoles.CHANNEL_MODERATOR, [userId]);
+    success({
+      content: (0, _localization.resolveString)('amity_chat_group_member_list_toast_demoted')
+    });
+  }
+  async function handleBan() {
+    if (!isConnected) return;
+    await _tsSdkReactNative.ChannelRepository.Moderation.banMembers(channelId, [userId]);
+    success({
+      content: (0, _localization.resolveString)('amity_chat_group_member_list_toast_banned')
+    });
+  }
+  async function handleRemove() {
+    if (!isConnected) return;
+    await _tsSdkReactNative.ChannelRepository.Membership.removeMembers(channelId, [userId]);
+    success({
+      content: (0, _localization.resolveString)('amity_chat_action_remove_member')
+    });
+  }
+  async function handleMute() {
+    if (!isConnected) return;
+    await _tsSdkReactNative.ChannelRepository.Moderation.muteMembers(channelId, [userId]);
+    success({
+      content: (0, _localization.resolveString)('amity_chat_action_mute_user')
+    });
+  }
+  async function handleUnmute() {
+    if (!isConnected) return;
+    await _tsSdkReactNative.ChannelRepository.Moderation.unmuteMembers(channelId, [userId]);
+    success({
+      content: (0, _localization.resolveString)('amity_chat_action_unmute_user')
+    });
+  }
+  async function handleReport() {
+    if (!isConnected) return;
+    await _tsSdkReactNative.UserRepository.flagUser(userId);
+    setIsFlaggedByMe(true);
+    success({
+      content: (0, _localization.resolveString)('amity_chat_action_report_user_success')
+    });
+  }
+  async function handleUnreport() {
+    if (!isConnected) return;
+    await _tsSdkReactNative.UserRepository.unflagUser(userId);
+    setIsFlaggedByMe(false);
+    success({
+      content: (0, _localization.resolveString)('amity_chat_action_unreport_user_success')
+    });
+  }
+  const items = [{
+    key: 'promote',
+    icon: 'user-shield-r',
+    label: (0, _localization.resolveString)('amity_chat_member_action_promote'),
+    visible: isViewerModerator && !isMemberModerator,
+    onPress: () => confirmAlert((0, _localization.resolveString)('amity_chat_group_member_list_promote_title'), (0, _localization.resolveString)('amity_chat_group_member_list_promote_message'), (0, _localization.resolveString)('amity_chat_group_member_list_promote_confirm'), false, handlePromote)
+  }, {
+    key: 'demote',
+    icon: 'user-shield-r',
+    label: (0, _localization.resolveString)('amity_chat_member_action_demote'),
+    visible: isViewerModerator && isMemberModerator,
+    onPress: () => confirmAlert((0, _localization.resolveString)('amity_chat_group_member_list_demote_title'), (0, _localization.resolveString)('amity_chat_group_member_list_demote_message'), (0, _localization.resolveString)('amity_chat_group_member_list_demote_confirm'), true, handleDemote)
+  }, {
+    key: 'mute',
+    icon: 'volume-slash-r',
+    label: (0, _localization.resolveString)('amity_chat_group_member_action_mute'),
+    visible: isViewerModerator && !isMuted && !isMemberModerator,
+    onPress: () => confirmAlert((0, _localization.resolveString)('amity_chat_mute_confirm_title'), (0, _localization.resolveString)('amity_chat_mute_confirm_message'), (0, _localization.resolveString)('amity_chat_mute_confirm_label'), true, handleMute)
+  }, {
+    key: 'unmute',
+    icon: 'volume-s',
+    label: (0, _localization.resolveString)('amity_chat_group_member_action_unmute'),
+    visible: isViewerModerator && isMuted && !isMemberModerator,
+    onPress: () => confirmAlert((0, _localization.resolveString)('amity_chat_unmute_confirm_title'), (0, _localization.resolveString)('amity_chat_unmute_confirm_message'), (0, _localization.resolveString)('amity_chat_unmute_confirm_label'), false, handleUnmute)
+  }, {
+    key: 'report',
+    icon: 'flag-r',
+    label: (0, _localization.resolveString)('amity_chat_member_action_report'),
+    visible: !isFlaggedByMe,
+    onPress: handleReport
+  }, {
+    key: 'unreport',
+    // LEADS WEB (PDT-4143): web PR 1822 gave the slashed flag to the message
+    // menu and the 1:1 conversation menu but missed this third site — its
+    // MemberList still renders `icon: Flag` for both report and unreport.
+    // Same intent applies here, so RN uses flag-slash-r; drop this marker once
+    // web's member list catches up.
+    icon: 'flag-slash-r',
+    label: (0, _localization.resolveString)('amity_chat_member_action_unreport'),
+    visible: isFlaggedByMe,
+    onPress: handleUnreport
+  }, {
+    key: 'ban',
+    icon: 'ban-r',
+    label: (0, _localization.resolveString)('amity_chat_user_action_ban'),
+    visible: isViewerModerator,
+    onPress: () => confirmAlert((0, _localization.resolveString)('amity_chat_ban_confirm_title'), (0, _localization.resolveString)('amity_chat_ban_confirm_message'), (0, _localization.resolveString)('amity_chat_ban_confirm_label'), true, handleBan)
+  }, {
+    key: 'remove',
+    icon: 'trash-r',
+    label: (0, _localization.resolveString)('amity_chat_member_action_remove'),
+    destructive: true,
+    visible: isViewerModerator,
+    onPress: () => confirmAlert((0, _localization.resolveString)('amity_chat_group_member_list_remove_title'), (0, _localization.resolveString)('amity_chat_group_member_list_remove_message'), (0, _localization.resolveString)('amity_chat_group_member_list_remove_confirm'), true, handleRemove)
+  }];
+  const visibleItems = items.filter(item => item.visible);
+  if (visibleItems.length === 0) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, anchor({
+      isOpen: false,
+      isDesktop: true,
+      openPopover: () => {},
+      closePopover: () => {}
+    }));
+  }
+
+  // Member actions render in the global bottom sheet (RN mobile adaptation —
+  // web uses a desktop popover). The row's ellipsis still triggers via the
+  // `anchor` render-prop; its `openPopover` now opens the sheet.
+  function openActionSheet() {
+    openBottomSheet({
+      height: bottomSheetHeight[visibleItems.length],
+      content: /*#__PURE__*/React.createElement(_reactNative.View, {
+        style: styles.sheetContainer
+      }, /*#__PURE__*/React.createElement(_Menu.Menu, {
+        variant: "chat",
+        container: "drawer"
+      }, visibleItems.map(item => /*#__PURE__*/React.createElement(_Menu.Menu.Item, {
+        key: item.key,
+        icon: item.icon,
+        label: item.label,
+        destructive: item.destructive,
+        typography: "body",
+        onPress: () => {
+          closeBottomSheet();
+          item.onPress();
+        }
+      }))))
+    });
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, anchor({
+    isOpen: false,
+    isDesktop: false,
+    openPopover: openActionSheet,
+    closePopover: closeBottomSheet
+  }));
+}
+//# sourceMappingURL=AmityGroupMemberActionComponent.js.map

package/lib/commonjs/social/features/chat/components/AmityGroupMemberActionComponent/AmityGroupMemberActionComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_tsSdkReactNative","_Menu","_localization","_constants","_useAuth","_interopRequireDefault","_bottomSheetSlice","_useChatNotifications","_styles","e","__esModule","default","AmityGroupMemberActionComponent","anchor","channelId","user","isMemberModerator","isViewerModerator","isMuted","styles","useStyles","isConnected","useAuth","success","useChatNotifications","openBottomSheet","closeBottomSheet","bottomSheetHeight","useBottomSheet","userId","isFlaggedByMe","setIsFlaggedByMe","useState","useEffect","undefined","active","UserRepository","isUserFlaggedByMe","then","flagged","catch","confirmAlert","title","message","confirmLabel","destructive","onConfirm","Alert","alert","text","resolveString","style","onPress","handlePromote","ChannelRepository","Moderation","addRole","MemberRoles","CHANNEL_MODERATOR","content","handleDemote","removeRole","handleBan","banMembers","handleRemove","Membership","removeMembers","handleMute","muteMembers","handleUnmute","unmuteMembers","handleReport","flagUser","handleUnreport","unflagUser","items","key","icon","label","visible","visibleItems","filter","item","length","React","createElement","Fragment","isOpen","isDesktop","openPopover","closePopover","openActionSheet","height","View","sheetContainer","Menu","variant","container","map","Item","typography"],"sourceRoot":"../../../../../../../src","sources":["social/features/chat/components/AmityGroupMemberActionComponent/AmityGroupMemberActionComponent.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/social/features/chat/components/AmityGroupMemberActionComponent/index.js

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

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

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

package/lib/commonjs/social/features/chat/components/AmityGroupMemberActionComponent/styles.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useStyles = void 0;
+var _reactNative = require("react-native");
+var _useToken = require("../../../../../core/design/theme/useToken");
+// Styles for AmityGroupMemberActionComponent. Member actions render in the global
+// bottom sheet (RN mobile adaptation; web uses a desktop popover). The drawer Menu
+// rows have 0 horizontal padding, so the sheet wrapper adds the 16px inset + a
+// bottom inset — mirroring the sibling AmityConversationChatUserActionComponent.
+
+const useStyles = () => {
+  const token = (0, _useToken.useToken)();
+  const styles = _reactNative.StyleSheet.create({
+    sheetContainer: {
+      paddingHorizontal: 16,
+      paddingBottom: 8
+    }
+  });
+  return {
+    styles,
+    token
+  };
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

package/lib/commonjs/social/features/chat/components/AmityGroupMemberActionComponent/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_useToken","useStyles","token","useToken","styles","StyleSheet","create","sheetContainer","paddingHorizontal","paddingBottom","exports"],"sourceRoot":"../../../../../../../src","sources":["social/features/chat/components/AmityGroupMemberActionComponent/styles.ts"],"mappings":";;;;;;AAKA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AANA;AACA;AACA;AACA;;AAKO,MAAME,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EAExB,MAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;IAC/BC,cAAc,EAAE;MACdC,iBAAiB,EAAE,EAAE;MACrBC,aAAa,EAAE;IACjB;EACF,CAAC,CAAC;EAEF,OAAO;IAAEL,MAAM;IAAEF;EAAM,CAAC;AAC1B,CAAC;AAACQ,OAAA,CAAAT,SAAA,GAAAA,SAAA","ignoreList":[]}

package/lib/commonjs/social/features/chat/components/AmityMediaAttachmentPicker/AmityMediaAttachmentPicker.js

@@ -0,0 +1,203 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AmityMediaAttachmentPicker = AmityMediaAttachmentPicker;
+var _reactNative = require("react-native");
+var _reactNativeImagePicker = require("react-native-image-picker");
+var _icons = require("../../../../../core/design/icons");
+var _Menu = require("../../../../../core/design/components/Menu");
+var _Typography = require("../../../../../core/design/components/Typography");
+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");
+// AmityMediaAttachmentPicker — ported from AmityUiKitWeb MessageComposer/components/MediaSection.
+// Two entry points for attaching a photo/video to a message: Camera (launchCamera) and
+// Media library (launchImageLibrary). Web used a hidden <input capture> + FileTrigger and
+// returned a File; RN uses react-native-image-picker and hands the selected Asset back to
+// the caller via onPickAsset.
+//
+// Platform deviation (Android only): the Camera entry point opens a Photo/Video bottom
+// sheet first, because Android has no combined photo+video capture intent. iOS keeps the
+// single-tap flow — its native camera already exposes the toggle. See MEDIA_TYPE.
+
+// 1. React / RN imports
+
+// 2. Third-party imports
+
+// 3. Internal imports
+
+// 4. Types
+
+// 'mixed' behaves differently per platform in react-native-image-picker:
+//   - iOS: mediaTypes = [image, movie], so the native camera shows its own
+//     PHOTO/VIDEO toggle — matching iOS UIKit's MessageCameraPickerView.
+//   - Android: launchCamera branches `mediaType === 'video' ? VIDEO_CAPTURE :
+//     IMAGE_CAPTURE`, so 'mixed' would silently mean photo-only. Android has no
+//     combined capture intent, so handleCamera picks the mode up front via a
+//     Photo/Video sheet and never passes 'mixed' to launchCamera.
+//     (launchImageLibrary is unaffected — it handles 'mixed' on both platforms.)
+const MEDIA_TYPE = 'mixed';
+
+// 5. Named function component
+function AmityMediaAttachmentPicker({
+  onPickAsset
+}) {
+  const {
+    styles
+  } = (0, _styles.useStyles)();
+  const {
+    openBottomSheet,
+    closeBottomSheet,
+    bottomSheetHeight
+  } = (0, _bottomSheetSlice.useBottomSheet)();
+  const cameraLabel = (0, _localization.useString)('amity_chat_media_camera');
+  const mediaLabel = (0, _localization.useString)('amity_chat_media');
+  const photoLabel = (0, _localization.useString)('amity_chat_media_photo');
+  const videoLabel = (0, _localization.useString)('amity_chat_media_video');
+  // Denied-permission copy ported from iOS UIKit's ComposerCamera string set —
+  // it already ships en + th for these four, so no new copy is invented here.
+  const cameraDeniedTitle = (0, _localization.useString)('amity_chat_permission_camera_title');
+  const cameraDeniedDetail = (0, _localization.useString)('amity_chat_permission_camera_detail');
+  const micDeniedTitle = (0, _localization.useString)('amity_chat_permission_microphone_title');
+  const micDeniedDetail = (0, _localization.useString)('amity_chat_permission_microphone_detail');
+  const openSettingsLabel = (0, _localization.useString)('amity_chat_composer_camera_denied_open_settings');
+  const cancelLabel = (0, _localization.useString)('amity_chat_cancel');
+
+  // Mirrors iOS UIKit's .cameraDenied alert (AmityChatMessageComposeBar): title,
+  // detail, and an Open Settings action, because a denial can only be undone in
+  // the OS settings. Without this the whole flow was silent — you recorded a
+  // video and nothing happened.
+  function alertPermissionDenied(kind) {
+    _reactNative.Alert.alert(kind === 'camera' ? cameraDeniedTitle : micDeniedTitle, kind === 'camera' ? cameraDeniedDetail : micDeniedDetail, [{
+      text: cancelLabel,
+      style: 'cancel'
+    }, {
+      text: openSettingsLabel,
+      onPress: () => _reactNative.Linking.openSettings()
+    }]);
+  }
+  async function capture(mediaType) {
+    var _result$assets;
+    // CAMERA is declared in AndroidManifest, so react-native-image-picker
+    // requires the runtime permission to be granted before launchCamera — and it
+    // does NOT request it itself, so without this the camera silently never opens.
+    //
+    // Video additionally needs RECORD_AUDIO. launchCamera fires
+    // MediaStore.ACTION_VIDEO_CAPTURE, and the camera app records on the
+    // caller's behalf: because the app *declares* RECORD_AUDIO, an ungranted mic
+    // makes that recording fail and the intent come back cancelled — no assets,
+    // no errorCode — so the recorded video silently never reached the chat.
+    // Same pairing as livestream/Create, which requests both up front.
+    if (_reactNative.Platform.OS === 'android') {
+      const required = [_reactNative.PermissionsAndroid.PERMISSIONS.CAMERA];
+      if (mediaType === 'video') {
+        required.push(_reactNative.PermissionsAndroid.PERMISSIONS.RECORD_AUDIO);
+      }
+      const statuses = await _reactNative.PermissionsAndroid.requestMultiple(required);
+      const granted = permission => statuses[permission] === _reactNative.PermissionsAndroid.RESULTS.GRANTED;
+
+      // Camera first: it blocks both modes, so it's the more useful thing to name
+      // when the user denied both.
+      if (!granted(_reactNative.PermissionsAndroid.PERMISSIONS.CAMERA)) {
+        alertPermissionDenied('camera');
+        return;
+      }
+      if (mediaType === 'video' && !granted(_reactNative.PermissionsAndroid.PERMISSIONS.RECORD_AUDIO)) {
+        alertPermissionDenied('microphone');
+        return;
+      }
+    }
+    // videoQuality matches iOS UIKit's MessageCameraPickerView (`videoQuality =
+    // .typeHigh`); without it react-native-image-picker falls back to medium.
+    const result = await (0, _reactNativeImagePicker.launchCamera)({
+      mediaType,
+      videoQuality: 'high',
+      saveToPhotos: false
+    });
+    const asset = (_result$assets = result.assets) === null || _result$assets === void 0 ? void 0 : _result$assets[0];
+    if (asset) onPickAsset(asset);
+  }
+  function handleCamera() {
+    // iOS: the native camera carries its own PHOTO/VIDEO toggle, so 'mixed' opens
+    // exactly what iOS UIKit opens — no extra step. Android has no combined
+    // capture intent (see MEDIA_TYPE), so the choice has to be made up front.
+    // Documented deviation: Android shows one more sheet than iOS/web.
+    if (_reactNative.Platform.OS !== 'android') {
+      capture(MEDIA_TYPE);
+      return;
+    }
+    openBottomSheet({
+      height: bottomSheetHeight[2],
+      content: /*#__PURE__*/React.createElement(_reactNative.View, {
+        style: styles.cameraSheet
+      }, /*#__PURE__*/React.createElement(_Menu.Menu, {
+        variant: "chat",
+        container: "drawer"
+      }, /*#__PURE__*/React.createElement(_Menu.Menu.Item, {
+        label: photoLabel,
+        onPress: () => {
+          closeBottomSheet();
+          capture('photo');
+        }
+      }), /*#__PURE__*/React.createElement(_Menu.Menu.Item, {
+        label: videoLabel,
+        onPress: () => {
+          closeBottomSheet();
+          capture('video');
+        }
+      })))
+    });
+  }
+  async function handleLibrary() {
+    var _result$assets2;
+    const result = await (0, _reactNativeImagePicker.launchImageLibrary)({
+      mediaType: MEDIA_TYPE,
+      selectionLimit: 1
+    });
+    const asset = (_result$assets2 = result.assets) === null || _result$assets2 === void 0 ? void 0 : _result$assets2[0];
+    if (asset) onPickAsset(asset);
+  }
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.row
+  }, /*#__PURE__*/React.createElement(_reactNative.Pressable, {
+    style: styles.item,
+    accessibilityRole: "button",
+    accessibilityLabel: cameraLabel,
+    onPress: handleCamera
+  }, ({
+    pressed
+  }) => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [styles.chip, pressed && styles.chipPressed]
+  }, /*#__PURE__*/React.createElement(_icons.AmityIcon, {
+    name: "camera-r",
+    size: 24,
+    tokenColor: _amityColorTokens.AmityColorToken.IconIconButtonFilledSecondaryDefault
+  })), /*#__PURE__*/React.createElement(_Typography.Typography, {
+    variant: "caption",
+    style: styles.label,
+    numberOfLines: 1
+  }, cameraLabel))), /*#__PURE__*/React.createElement(_reactNative.Pressable, {
+    style: styles.item,
+    accessibilityRole: "button",
+    accessibilityLabel: mediaLabel,
+    onPress: handleLibrary
+  }, ({
+    pressed
+  }) => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [styles.chip, pressed && styles.chipPressed]
+  }, /*#__PURE__*/React.createElement(_icons.AmityIcon, {
+    name: "image-r",
+    size: 24,
+    tokenColor: _amityColorTokens.AmityColorToken.IconIconButtonFilledSecondaryDefault
+  })), /*#__PURE__*/React.createElement(_Typography.Typography, {
+    variant: "caption",
+    style: styles.label,
+    numberOfLines: 1
+  }, mediaLabel)))));
+}
+//# sourceMappingURL=AmityMediaAttachmentPicker.js.map

package/lib/commonjs/social/features/chat/components/AmityMediaAttachmentPicker/AmityMediaAttachmentPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_reactNativeImagePicker","_icons","_Menu","_Typography","_amityColorTokens","_localization","_bottomSheetSlice","_styles","MEDIA_TYPE","AmityMediaAttachmentPicker","onPickAsset","styles","useStyles","openBottomSheet","closeBottomSheet","bottomSheetHeight","useBottomSheet","cameraLabel","useString","mediaLabel","photoLabel","videoLabel","cameraDeniedTitle","cameraDeniedDetail","micDeniedTitle","micDeniedDetail","openSettingsLabel","cancelLabel","alertPermissionDenied","kind","Alert","alert","text","style","onPress","Linking","openSettings","capture","mediaType","_result$assets","Platform","OS","required","PermissionsAndroid","PERMISSIONS","CAMERA","push","RECORD_AUDIO","statuses","requestMultiple","granted","permission","RESULTS","GRANTED","result","launchCamera","videoQuality","saveToPhotos","asset","assets","handleCamera","height","content","React","createElement","View","cameraSheet","Menu","variant","container","Item","label","handleLibrary","_result$assets2","launchImageLibrary","selectionLimit","row","Pressable","item","accessibilityRole","accessibilityLabel","pressed","Fragment","chip","chipPressed","AmityIcon","name","size","tokenColor","AmityColorToken","IconIconButtonFilledSecondaryDefault","Typography","numberOfLines"],"sourceRoot":"../../../../../../../src","sources":["social/features/chat/components/AmityMediaAttachmentPicker/AmityMediaAttachmentPicker.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/social/features/chat/components/AmityMediaAttachmentPicker/index.js

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

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

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

package/lib/commonjs/social/features/chat/components/AmityMediaAttachmentPicker/styles.js

@@ -0,0 +1,70 @@
+"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 AmityMediaAttachmentPicker — ported from AmityUiKitWeb MediaSection.module.css.
+// Geometry: container padding 0.5rem 0 → vertical 8; row height 5.625rem→90, gap 3.5rem→56;
+// item width 4rem→64, gap 0.25rem→4; chip padding 0.5rem→8, radius 6.1875rem→99. Web's
+// chip `[data-hovered]` background maps to the RN Pressable pressed state (chipPressed).
+// Colours resolve through the design tokens.
+
+const useStyles = () => {
+  const token = (0, _useToken.useToken)();
+  const styles = _reactNative.StyleSheet.create({
+    container: {
+      width: '100%',
+      alignItems: 'flex-start',
+      paddingVertical: 8,
+      backgroundColor: token(_amityColorTokens.AmityColorToken.SurfaceSheetsBackgroundGeneral),
+      overflow: 'hidden'
+    },
+    row: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'center',
+      width: '100%',
+      height: 90,
+      gap: 56
+    },
+    item: {
+      alignItems: 'center',
+      width: 64,
+      gap: 4
+    },
+    chip: {
+      alignItems: 'center',
+      justifyContent: 'center',
+      padding: 8,
+      borderRadius: 99,
+      backgroundColor: token(_amityColorTokens.AmityColorToken.SurfaceIconButtonFilledSecondaryEnabled)
+    },
+    // Web `.mediaSection__item[data-hovered] .chip` swaps the chip background to
+    // the hover token; the RN equivalent is the Pressable pressed state.
+    chipPressed: {
+      backgroundColor: token(_amityColorTokens.AmityColorToken.SurfaceIconButtonFilledSecondaryHover)
+    },
+    label: {
+      width: '100%',
+      textAlign: 'center',
+      color: token(_amityColorTokens.AmityColorToken.TextIconButtonLabelGeneral)
+    },
+    // Android-only Photo/Video capture sheet. Matches the chat-sheet convention
+    // used by useFailedMessageSheet / AmityConversationChatUserActionComponent —
+    // the drawer Menu supplies no side padding of its own.
+    cameraSheet: {
+      paddingHorizontal: 16,
+      paddingBottom: 16
+    }
+  });
+  return {
+    styles,
+    token
+  };
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

package/lib/commonjs/social/features/chat/components/AmityMediaAttachmentPicker/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_useToken","_amityColorTokens","useStyles","token","useToken","styles","StyleSheet","create","container","width","alignItems","paddingVertical","backgroundColor","AmityColorToken","SurfaceSheetsBackgroundGeneral","overflow","row","flexDirection","justifyContent","height","gap","item","chip","padding","borderRadius","SurfaceIconButtonFilledSecondaryEnabled","chipPressed","SurfaceIconButtonFilledSecondaryHover","label","textAlign","color","TextIconButtonLabelGeneral","cameraSheet","paddingHorizontal","paddingBottom","exports"],"sourceRoot":"../../../../../../../src","sources":["social/features/chat/components/AmityMediaAttachmentPicker/styles.ts"],"mappings":";;;;;;AAMA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AARA;AACA;AACA;AACA;AACA;;AAMO,MAAMG,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EAExB,MAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;IAC/BC,SAAS,EAAE;MACTC,KAAK,EAAE,MAAM;MACbC,UAAU,EAAE,YAAY;MACxBC,eAAe,EAAE,CAAC;MAClBC,eAAe,EAAET,KAAK,CAACU,iCAAe,CAACC,8BAA8B,CAAC;MACtEC,QAAQ,EAAE;IACZ,CAAC;IACDC,GAAG,EAAE;MACHC,aAAa,EAAE,KAAK;MACpBP,UAAU,EAAE,QAAQ;MACpBQ,cAAc,EAAE,QAAQ;MACxBT,KAAK,EAAE,MAAM;MACbU,MAAM,EAAE,EAAE;MACVC,GAAG,EAAE;IACP,CAAC;IACDC,IAAI,EAAE;MACJX,UAAU,EAAE,QAAQ;MACpBD,KAAK,EAAE,EAAE;MACTW,GAAG,EAAE;IACP,CAAC;IACDE,IAAI,EAAE;MACJZ,UAAU,EAAE,QAAQ;MACpBQ,cAAc,EAAE,QAAQ;MACxBK,OAAO,EAAE,CAAC;MACVC,YAAY,EAAE,EAAE;MAChBZ,eAAe,EAAET,KAAK,CACpBU,iCAAe,CAACY,uCAClB;IACF,CAAC;IACD;IACA;IACAC,WAAW,EAAE;MACXd,eAAe,EAAET,KAAK,CACpBU,iCAAe,CAACc,qCAClB;IACF,CAAC;IACDC,KAAK,EAAE;MACLnB,KAAK,EAAE,MAAM;MACboB,SAAS,EAAE,QAAQ;MACnBC,KAAK,EAAE3B,KAAK,CAACU,iCAAe,CAACkB,0BAA0B;IACzD,CAAC;IACD;IACA;IACA;IACAC,WAAW,EAAE;MACXC,iBAAiB,EAAE,EAAE;MACrBC,aAAa,EAAE;IACjB;EACF,CAAC,CAAC;EAEF,OAAO;IAAE7B,MAAM;IAAEF;EAAM,CAAC;AAC1B,CAAC;AAACgC,OAAA,CAAAjC,SAAA,GAAAA,SAAA","ignoreList":[]}