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

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

@@ -0,0 +1,223 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AmityMessageActionMenu = AmityMessageActionMenu;
+exports.buildMessageActionItems = buildMessageActionItems;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _clipboard = _interopRequireDefault(require("@react-native-clipboard/clipboard"));
+var _Menu = require("../../../../../core/design/components/Menu");
+var _Popover = require("../../../../../core/design/components/Popover");
+var _localization = require("../../../../../core/localization");
+var _ReactionPicker = require("../../elements/ReactionPicker");
+var _useMessageReactions = require("../../features/shared/hooks/useMessageReactions");
+var _queries = require("../../hooks/queries");
+var _styles = require("./styles");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// AmityMessageActionMenu — RN port of AmityUiKitWeb
+// chat/features/shared/components/MessageActionsPopover. The long-press action
+// menu (Reply / Copy / Edit / Delete / Report / Save).
+//
+// Web's popover is externally controlled via `anchor: HTMLElement`; the RN
+// Wave-A Popover is self-controlled through a `trigger` render-prop, so this
+// menu takes that render-prop as `anchor` and the owning MessageRow wires
+// `onLongPress → openPopover`.
+//
+// The report/unreport toggle is query-driven, matching web MessageActionsPopover:
+// this menu calls useFlagMessageQuery (isMessageFlaggedByMe) — gated on the menu
+// being open so it doesn't fire for every message in the list — and swaps `report`
+// for `unreport` once the answer is known. Both items stay hidden while the flag
+// state is loading (web gates on `!flagState.isLoading`) so a reported message
+// never briefly shows "Report". Unreport calls the query's `unreport` then
+// refetches; the report screen (ContentReportReason) invalidates the same query
+// key so reopening the menu reflects the new state. Item visibility follows web.
+
+// 1. React / RN imports
+
+// 2. Internal imports
+
+// 3. Types
+
+const MUTED_VICTIM_TRIMMED_KEYS = new Set(['edit', 'reply', 'report', 'unreport']);
+function buildMessageActionItems(message, currentUserId, handlers, onCopyText, viewerIsMutedInChannel = false, viewerIsModerator = false, isFlaggedByMe = false,
+// While the flag state is still being fetched neither Report nor Unreport is
+// shown (web gates both on `!flagState.isLoading`) — otherwise the menu would
+// flash "Report" on a message that turns out to be already reported.
+isFlagLoading = false) {
+  const isOwn = !!currentUserId && message.creatorId === currentUserId;
+  const isText = message.dataType === 'text';
+  const isCustom = message.dataType === 'custom';
+  const isImage = message.dataType === 'image';
+  const isSynced = message.syncState === 'synced';
+  const isDeleted = message.isDeleted === true;
+  const isActive = isSynced && !isDeleted;
+  const items = [{
+    key: 'edit',
+    icon: 'pen-r',
+    label: (0, _localization.resolveString)('amity_chat_option_edit'),
+    onPress: handlers.onEdit,
+    visible: isOwn && isText && isActive
+  }, {
+    key: 'reply',
+    // Regular (outline), matching web develop's <ShareLeft/> in the action menu.
+    icon: 'share-left-r',
+    label: (0, _localization.resolveString)('amity_chat_option_reply'),
+    onPress: handlers.onReply,
+    visible: isActive
+  }, {
+    key: 'copy',
+    icon: 'copy-r',
+    label: (0, _localization.resolveString)('amity_chat_option_copy'),
+    onPress: onCopyText,
+    visible: (isText || isCustom) && isActive
+  }, {
+    key: 'save',
+    icon: 'arrow-down-to-bracket-r',
+    label: (0, _localization.resolveString)('amity_chat_action_save'),
+    onPress: handlers.onSave,
+    // PDT-4127: Save is hidden for video for this release (saving is affected by
+    // play/pause, and the livestream side needs a backend fix). Image save stays.
+    // Matches web dba25aa77, which narrowed this from `isImage || isVideo`.
+    visible: isImage && isActive
+  }, {
+    key: 'unreport',
+    // PDT-4143 (web PR 1822): unreport uses the slashed flag; only `report`
+    // keeps the plain one.
+    icon: 'flag-slash-r',
+    label: (0, _localization.resolveString)('amity_chat_option_unreport'),
+    onPress: () => {
+      var _handlers$onUnreport;
+      return (_handlers$onUnreport = handlers.onUnreport) === null || _handlers$onUnreport === void 0 ? void 0 : _handlers$onUnreport.call(handlers);
+    },
+    // Web: `!isOwn && !flagState.isLoading && isFlaggedByMe` (no isActive gate).
+    visible: !isOwn && !isFlagLoading && isFlaggedByMe
+  }, {
+    key: 'report',
+    icon: 'flag-r',
+    label: (0, _localization.resolveString)('amity_chat_option_report'),
+    onPress: () => handlers.onReport(message),
+    // Web: `!isOwn && !flagState.isLoading && !isFlaggedByMe`.
+    visible: !isOwn && !isFlagLoading && !isFlaggedByMe
+  }, {
+    key: 'delete',
+    icon: 'trash-r',
+    label: (0, _localization.resolveString)('amity_chat_option_delete'),
+    destructive: true,
+    onPress: handlers.onDelete,
+    // PDT-4155 (web PR 1818): a channel moderator can delete anyone's message,
+    // not just their own — web's `visible: isOwn || viewerIsModerator`. RN keeps
+    // its extra isActive gate so the option stays hidden on a failed/deleted
+    // message, where the messageId is empty and delete would throw.
+    visible: (isOwn || viewerIsModerator) && isActive
+  }];
+  const visible = items.filter(item => item.visible);
+  const trimmed = viewerIsMutedInChannel ? visible.filter(item => !MUTED_VICTIM_TRIMMED_KEYS.has(item.key)) : visible;
+  return trimmed.map(({
+    visible: _visible,
+    ...rest
+  }) => rest);
+}
+
+// 4. Named function component
+function AmityMessageActionMenu({
+  anchor,
+  message,
+  currentUserId,
+  handlers,
+  viewerIsMutedInChannel = false,
+  viewerIsModerator = false,
+  placement = 'bottom right'
+}) {
+  var _message$myReactions;
+  const {
+    styles
+  } = (0, _styles.useStyles)();
+  const {
+    selectReaction
+  } = (0, _useMessageReactions.useMessageReactions)();
+  const isOwn = !!currentUserId && message.creatorId === currentUserId;
+
+  // Web MessageActionsPopover queries "have I reported this?" to swap
+  // Report ↔ Unreport. Gate the query on the menu being open (like web's
+  // on-open popover) so we don't fire isMessageFlaggedByMe for every message in
+  // the list; only the viewer's own messages are never reportable.
+  const [menuOpen, setMenuOpen] = (0, _react.useState)(false);
+  const {
+    isFlaggedByMe,
+    isLoading: isFlagLoading,
+    unreport,
+    refetch: refetchFlag
+  } = (0, _queries.useFlagMessageQuery)({
+    messageId: message.messageId,
+    enabled: menuOpen && !isOwn
+  });
+
+  // Web MessageActionsPopover renders a ReactionPicker above the menu for active
+  // (synced, non-deleted) messages; myReaction = first of message.myReactions.
+  const isActive = message.syncState === 'synced' && message.isDeleted !== true;
+  const myReaction = (((_message$myReactions = message.myReactions) === null || _message$myReactions === void 0 ? void 0 : _message$myReactions[0]) ?? null) || null;
+  const copyText = () => {
+    var _data;
+    const text = ((_data = message.data) === null || _data === void 0 ? void 0 : _data.text) ?? '';
+    if (text) _clipboard.default.setString(text);
+    handlers.onCopy();
+  };
+
+  // Inject the unreport handler (web wires it from the same flag query); refetch
+  // afterwards so the menu returns to Report.
+  const menuHandlers = {
+    ...handlers,
+    onUnreport: () => unreport({
+      onSuccess: refetchFlag
+    })
+  };
+  const items = buildMessageActionItems(message, currentUserId, menuHandlers, copyText, viewerIsMutedInChannel, viewerIsModerator, isFlaggedByMe, isFlagLoading);
+  if (items.length === 0) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, anchor({
+      isOpen: false,
+      isDesktop: true,
+      openPopover: () => {},
+      closePopover: () => {}
+    }));
+  }
+  return /*#__PURE__*/React.createElement(_Popover.Popover, {
+    trigger: anchor,
+    placement: placement,
+    surface: false,
+    onOpen: () => setMenuOpen(true),
+    onClose: () => setMenuOpen(false)
+  }, ({
+    closePopover
+  }) => /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.content
+  }, isActive && /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.pickerCard
+  }, /*#__PURE__*/React.createElement(_ReactionPicker.ReactionPicker, {
+    myReaction: myReaction,
+    onReactionClick: reactionName => {
+      selectReaction({
+        message,
+        reactionName
+      });
+      closePopover();
+    }
+  })), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.menuCard
+  }, /*#__PURE__*/React.createElement(_Menu.Menu, {
+    variant: "chat",
+    container: "popover"
+  }, items.map(item => /*#__PURE__*/React.createElement(_Menu.Menu.Item, {
+    key: item.key,
+    icon: item.icon,
+    label: item.label,
+    destructive: item.destructive,
+    typography: "body",
+    onPress: () => {
+      item.onPress();
+      closePopover();
+    }
+  }))))));
+}
+//# sourceMappingURL=AmityMessageActionMenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_clipboard","_interopRequireDefault","_Menu","_Popover","_localization","_ReactionPicker","_useMessageReactions","_queries","_styles","e","__esModule","default","MUTED_VICTIM_TRIMMED_KEYS","Set","buildMessageActionItems","message","currentUserId","handlers","onCopyText","viewerIsMutedInChannel","viewerIsModerator","isFlaggedByMe","isFlagLoading","isOwn","creatorId","isText","dataType","isCustom","isImage","isSynced","syncState","isDeleted","isActive","items","key","icon","label","resolveString","onPress","onEdit","visible","onReply","onSave","_handlers$onUnreport","onUnreport","call","onReport","destructive","onDelete","filter","item","trimmed","has","map","_visible","rest","AmityMessageActionMenu","anchor","placement","_message$myReactions","styles","useStyles","selectReaction","useMessageReactions","menuOpen","setMenuOpen","useState","isLoading","unreport","refetch","refetchFlag","useFlagMessageQuery","messageId","enabled","myReaction","myReactions","copyText","_data","text","data","Clipboard","setString","onCopy","menuHandlers","onSuccess","length","React","createElement","Fragment","isOpen","isDesktop","openPopover","closePopover","Popover","trigger","surface","onOpen","onClose","View","style","content","pickerCard","ReactionPicker","onReactionClick","reactionName","menuCard","Menu","variant","container","Item","typography"],"sourceRoot":"../../../../../../../src","sources":["social/features/chat/components/AmityMessageActionMenu/AmityMessageActionMenu.tsx"],"mappings":"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","ignoreList":[]}

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

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

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

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

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

@@ -0,0 +1,62 @@
+"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 AmityMessageActionMenu — ported from web MessageActionsPopover.
+// Web's Dialog is a transparent `.messageActionsPopover` (flex column, 0.5rem gap)
+// holding TWO independent floating surfaces: a reaction-picker pill above a menu
+// card. We render on a surface-less Popover (`surface={false}`) and give each block
+// its OWN surface (bg + radius + shadow) so they read as two separate floating
+// elements — not one shared card. Colours resolve through design tokens.
+
+const useStyles = () => {
+  const token = (0, _useToken.useToken)();
+  const styles = _reactNative.StyleSheet.create({
+    // Transparent stack (surface-less popover): picker above menu, 0.5rem→8 gap.
+    content: {
+      flexDirection: 'column',
+      gap: 8
+    },
+    // Reaction-picker pill — its own floating surface (bg comes from ReactionPicker;
+    // this adds the pill radius + shadow + compact content width).
+    pickerCard: {
+      alignSelf: 'flex-start',
+      borderRadius: 20,
+      overflow: 'hidden',
+      shadowOffset: {
+        width: 0,
+        height: 4
+      },
+      shadowOpacity: 0.16,
+      shadowRadius: 16,
+      elevation: 8
+    },
+    // Menu card — its own floating surface (mirrors the standard popover card).
+    menuCard: {
+      alignSelf: 'stretch',
+      minWidth: 200,
+      borderRadius: 12,
+      overflow: 'hidden',
+      padding: 4,
+      backgroundColor: token(_amityColorTokens.AmityColorToken.SurfacePopoverBackgroundDefault),
+      shadowOffset: {
+        width: 0,
+        height: 4
+      },
+      shadowOpacity: 0.16,
+      shadowRadius: 16,
+      elevation: 8
+    }
+  });
+  return {
+    styles,
+    token
+  };
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_useToken","_amityColorTokens","useStyles","token","useToken","styles","StyleSheet","create","content","flexDirection","gap","pickerCard","alignSelf","borderRadius","overflow","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","menuCard","minWidth","padding","backgroundColor","AmityColorToken","SurfacePopoverBackgroundDefault","exports"],"sourceRoot":"../../../../../../../src","sources":["social/features/chat/components/AmityMessageActionMenu/styles.ts"],"mappings":";;;;;;AAOA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AATA;AACA;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/B;IACAC,OAAO,EAAE;MACPC,aAAa,EAAE,QAAQ;MACvBC,GAAG,EAAE;IACP,CAAC;IACD;IACA;IACAC,UAAU,EAAE;MACVC,SAAS,EAAE,YAAY;MACvBC,YAAY,EAAE,EAAE;MAChBC,QAAQ,EAAE,QAAQ;MAClBC,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,QAAQ,EAAE;MACRT,SAAS,EAAE,SAAS;MACpBU,QAAQ,EAAE,GAAG;MACbT,YAAY,EAAE,EAAE;MAChBC,QAAQ,EAAE,QAAQ;MAClBS,OAAO,EAAE,CAAC;MACVC,eAAe,EAAErB,KAAK,CAACsB,iCAAe,CAACC,+BAA+B,CAAC;MACvEX,YAAY,EAAE;QAAEC,KAAK,EAAE,CAAC;QAAEC,MAAM,EAAE;MAAE,CAAC;MACrCC,aAAa,EAAE,IAAI;MACnBC,YAAY,EAAE,EAAE;MAChBC,SAAS,EAAE;IACb;EACF,CAAC,CAAC;EAEF,OAAO;IAAEf,MAAM;IAAEF;EAAM,CAAC;AAC1B,CAAC;AAACwB,OAAA,CAAAzB,SAAA,GAAAA,SAAA","ignoreList":[]}