@ethora/chat-component-rn 26.5.10 → 26.5.12

package/lib/commonjs/components/MainComponents/MediaMessage.js

@@ -11,8 +11,137 @@ var _VideoMessage = _interopRequireDefault(require("../styled/VideoMessage"));
 var _AudioMessage = _interopRequireDefault(require("../styled/AudioMessage"));
 var _reactNative = require("react-native");
 var _mimeToExtension = require("../../helpers/mimeToExtension");
+var _icons = require("../../assets/icons");
+var _mediaDimensions = require("../../helpers/mediaDimensions");
+var _useChatSettingState = require("../../hooks/useChatSettingState");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const pendingImageDims = (0, _mediaDimensions.defaultMediaDims)();
+const getPendingStatusLabel = mimeType => {
+  if (mimeType?.startsWith('image/')) {
+    return 'Uploading image';
+  }
+  if (mimeType?.startsWith('video/')) {
+    return 'Uploading video';
+  }
+  if (mimeType?.startsWith('audio/') || mimeType?.includes('application/octet-stream')) {
+    return 'Uploading audio';
+  }
+  return 'Uploading file';
+};
+const PendingMediaMessage = ({
+  fileName,
+  mimeType,
+  previewUri,
+  isUser,
+  size
+}) => {
+  const {
+    config
+  } = (0, _useChatSettingState.useChatSettingState)();
+  const statusLabel = getPendingStatusLabel(mimeType);
+  const isImage = mimeType?.startsWith('image/');
+  const isVideo = mimeType?.startsWith('video/');
+  const isAudio = mimeType?.startsWith('audio/') || mimeType?.includes('application/octet-stream');
+  const primaryColor = config?.colors?.primary || '#0A84FF';
+  if (isImage && previewUri) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.pendingImageWrapper,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+        source: {
+          uri: previewUri
+        },
+        style: styles.pendingImage,
+        resizeMode: "cover"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.pendingImageOverlay,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+          size: "small",
+          color: "#FFFFFF"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: styles.pendingOverlayText,
+          children: statusLabel
+        })]
+      })]
+    });
+  }
+  if (isVideo) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.pendingVideoCard,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.pendingVideoPreview,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: styles.pendingVideoIcon,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.PlayIcon, {
+            width: 24,
+            height: 24
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+          size: "small",
+          color: "#5B6B8C"
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.pendingVideoLabel,
+        children: fileName
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.pendingVideoStatus,
+        children: statusLabel
+      })]
+    });
+  }
+  if (isAudio) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.pendingAudioCard,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: [styles.pendingAudioButton, {
+          backgroundColor: primaryColor
+        }],
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.PlayIcon, {
+          width: 18,
+          height: 18,
+          color: "#fff"
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.pendingAudioContent,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: styles.pendingAudioTrack,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: [styles.pendingAudioTrackFill, {
+              backgroundColor: primaryColor
+            }]
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: styles.pendingAudioMeta,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: styles.pendingAudioTime,
+            children: "0:00"
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+            style: styles.pendingAudioStatusPill,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+              size: "small",
+              color: "#5B6B8C"
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: styles.pendingAudioStatusText,
+              children: statusLabel
+            })]
+          })]
+        })]
+      })]
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_UnsupportedType.default, {
+    fileURL: previewUri || '',
+    fileName: fileName,
+    mimetype: mimeType || 'application/octet-stream',
+    size: size,
+    isUser: isUser,
+    pending: true,
+    placeholderIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.FileIcon, {
+      width: 36,
+      height: 36
+    })
+  });
+};
 const MediaMessage = ({
   mimeType,
   location,
@@ -27,11 +156,25 @@ const MediaMessage = ({
       url: location || messageText,
       mime: mimeType
     });
+    const isAudioPayload = (0, _mimeToExtension.isLikelyAudio)(mimeType, displayName, location, {
+      duration: message?.duration,
+      waveForm: message?.waveForm,
+      originalName: message?.originalName
+    });
+    if (message?.pending) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(PendingMediaMessage, {
+        fileName: displayName,
+        mimeType: mimeType,
+        previewUri: messageText || location || '',
+        isUser: isUser,
+        size: message?.size
+      });
+    }
     switch (true) {
       case mimeType.startsWith('image/'):
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_MessageImage.default, {
           fileName: displayName,
-          fileURL: messageText || '',
+          fileURL: location || messageText || '',
           mimetype: mimeType
         });
       case mimeType.startsWith('video/'):
@@ -43,26 +186,53 @@ const MediaMessage = ({
       case mimeType.startsWith('audio/'):
         {
           return /*#__PURE__*/(0, _jsxRuntime.jsx)(_AudioMessage.default, {
-            src: location || ''
+            src: location || '',
+            mimeType: mimeType,
+            fileName: displayName,
+            originalName: message?.originalName,
+            duration: message?.duration,
+            waveForm: message?.waveForm
+          });
+        }
+      case mimeType.includes('application/octet-stream'):
+        {
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_AudioMessage.default, {
+            src: location || '',
+            mimeType: mimeType,
+            fileName: displayName,
+            originalName: message?.originalName,
+            duration: message?.duration,
+            waveForm: message?.waveForm
           });
         }
       default:
         {
-          // Many backends tag binary payloads (PDFs, DOCX, archives) as
-          // application/octet-stream; sniff the filename extension for the
-          // legitimate audio case before falling through to FileDownload.
-          if (mimeType.includes('application/octet-stream')) {
-            if (/\.(mp3|m4a|wav|aac|ogg|flac)$/i.test(displayName)) {
-              return /*#__PURE__*/(0, _jsxRuntime.jsx)(_AudioMessage.default, {
-                src: location || ''
-              });
-            }
+          // Some senders (notably the web app's voice-message uploader)
+          // ship audio as `application/octet-stream` with no audio file
+          // extension. `isLikelyAudio` recognises those via the URL path,
+          // filename, or voice-message naming hints (voicemail-,
+          // voice-note-, recording-, …) so we still render the AudioMessage
+          // player instead of falling through to the generic FileDownload
+          // card (where the voicemail rendered as a broken `.bin`
+          // attachment). Customer-reported #9 voicemail fix.
+          if (isAudioPayload) {
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_AudioMessage.default, {
+              src: location || '',
+              mimeType: mimeType,
+              fileName: displayName,
+              originalName: message?.originalName,
+              duration: message?.duration,
+              waveForm: message?.waveForm
+            });
           }
           return /*#__PURE__*/(0, _jsxRuntime.jsx)(_UnsupportedType.default, {
             fileURL: location ? location : '',
             fileName: displayName,
             mimetype: mimeType,
-            isUser: isUser
+            isUser: isUser,
+            originalName: message?.originalName,
+            duration: message?.duration,
+            waveForm: message?.waveForm
           });
         }
     }
@@ -72,4 +242,120 @@ const MediaMessage = ({
   });
 };
 var _default = exports.default = MediaMessage;
+const styles = _reactNative.StyleSheet.create({
+  pendingImageWrapper: {
+    width: pendingImageDims.width,
+    height: pendingImageDims.height,
+    borderRadius: 12,
+    overflow: 'hidden',
+    backgroundColor: '#EAF0FB'
+  },
+  pendingImage: {
+    width: '100%',
+    height: '100%'
+  },
+  pendingImageOverlay: {
+    ..._reactNative.StyleSheet.absoluteFillObject,
+    alignItems: 'center',
+    justifyContent: 'center',
+    gap: 8,
+    backgroundColor: 'rgba(17, 24, 39, 0.28)'
+  },
+  pendingOverlayText: {
+    color: '#FFFFFF',
+    fontSize: 13,
+    fontWeight: '600'
+  },
+  pendingVideoCard: {
+    width: 220,
+    padding: 12,
+    borderRadius: 12,
+    backgroundColor: '#F3F6FC',
+    gap: 10
+  },
+  pendingVideoPreview: {
+    height: 144,
+    borderRadius: 10,
+    backgroundColor: '#DCE6F7',
+    alignItems: 'center',
+    justifyContent: 'center',
+    gap: 10
+  },
+  pendingVideoIcon: {
+    width: 48,
+    height: 48,
+    borderRadius: 24,
+    backgroundColor: 'rgba(17, 24, 39, 0.45)',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  pendingVideoLabel: {
+    color: '#141414',
+    fontSize: 14,
+    fontWeight: '600'
+  },
+  pendingVideoStatus: {
+    color: '#5B6B8C',
+    fontSize: 12,
+    fontWeight: '500'
+  },
+  pendingAudioCard: {
+    minWidth: 252,
+    maxWidth: 288,
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 12,
+    paddingHorizontal: 12,
+    paddingVertical: 10,
+    borderRadius: 12,
+    backgroundColor: '#F3F6FC'
+  },
+  pendingAudioButton: {
+    width: 44,
+    height: 44,
+    borderRadius: 22,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  pendingAudioContent: {
+    flex: 1,
+    gap: 8
+  },
+  pendingAudioTrack: {
+    height: 6,
+    borderRadius: 999,
+    overflow: 'hidden',
+    backgroundColor: '#D0D7E6'
+  },
+  pendingAudioTrackFill: {
+    width: '32%',
+    height: '100%',
+    borderRadius: 999
+  },
+  pendingAudioMeta: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    gap: 12
+  },
+  pendingAudioTime: {
+    color: '#667085',
+    fontSize: 12,
+    fontWeight: '500'
+  },
+  pendingAudioStatusPill: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 6,
+    paddingHorizontal: 10,
+    paddingVertical: 5,
+    borderRadius: 999,
+    backgroundColor: '#FFFFFF'
+  },
+  pendingAudioStatusText: {
+    color: '#5B6B8C',
+    fontSize: 12,
+    fontWeight: '600'
+  }
+});
 //# sourceMappingURL=MediaMessage.js.map

package/lib/commonjs/components/MainComponents/MediaMessage.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_UnsupportedType","_MessageImage","_VideoMessage","_AudioMessage","_reactNative","_mimeToExtension","_jsxRuntime","e","__esModule","default","MediaMessage","mimeType","location","messageText","message","isUser","displayName","deriveDisplayFilename","fileName","originalName","url","mime","startsWith","jsx","fileURL","mimetype","src","includes","test","Text","children","_default","exports"],"sourceRoot":"../../../../src","sources":["components/MainComponents/MediaMessage.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,gBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,aAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,aAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,aAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,YAAA,GAAAL,OAAA;AACA,IAAAM,gBAAA,GAAAN,OAAA;AAAsE,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAD,uBAAAS,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAUtE,MAAMG,YAAyC,GAAGA,CAAC;EACjDC,QAAQ;EACRC,QAAQ;EACRC,WAAW;EACXC,OAAO;EACPC;AACF,CAAC,KAAK;EACJ,IAAIJ,QAAQ,EAAE;IACZ,MAAMK,WAAW,GAAG,IAAAC,sCAAqB,EAAC;MACxCC,QAAQ,EAAEJ,OAAO,EAAEI,QAAQ;MAC3BC,YAAY,EAAGL,OAAO,EAAUK,YAAY;MAC5CC,GAAG,EAAER,QAAQ,IAAIC,WAAW;MAC5BQ,IAAI,EAAEV;IACR,CAAC,CAAC;IACF,QAAQ,IAAI;MACV,KAAKA,QAAQ,CAACW,UAAU,CAAC,QAAQ,CAAC;QAChC,oBACE,IAAAhB,WAAA,CAAAiB,GAAA,EAACtB,aAAA,CAAAQ,OAAkB;UACjBS,QAAQ,EAAEF,WAAY;UACtBQ,OAAO,EAAEX,WAAW,IAAI,EAAG;UAC3BY,QAAQ,EAAEd;QAAS,CACpB,CAAC;MAEN,KAAKA,QAAQ,CAACW,UAAU,CAAC,QAAQ,CAAC;QAChC,oBACE,IAAAhB,WAAA,CAAAiB,GAAA,EAACrB,aAAA,CAAAO,OAAkB;UACjBS,QAAQ,EAAEF,WAAY;UACtBQ,OAAO,EAAEZ,QAAQ,IAAI,EAAG;UACxBa,QAAQ,EAAEd;QAAS,CACpB,CAAC;MAEN,KAAKA,QAAQ,CAACW,UAAU,CAAC,QAAQ,CAAC;QAAE;UAClC,oBAAO,IAAAhB,WAAA,CAAAiB,GAAA,EAACpB,aAAA,CAAAM,OAAY;YAACiB,GAAG,EAAEd,QAAQ,IAAI;UAAG,CAAE,CAAC;QAC9C;MACA;QAAS;UACP;UACA;UACA;UACA,IAAID,QAAQ,CAACgB,QAAQ,CAAC,0BAA0B,CAAC,EAAE;YACjD,IAAI,gCAAgC,CAACC,IAAI,CAACZ,WAAW,CAAC,EAAE;cACtD,oBAAO,IAAAV,WAAA,CAAAiB,GAAA,EAACpB,aAAA,CAAAM,OAAY;gBAACiB,GAAG,EAAEd,QAAQ,IAAI;cAAG,CAAE,CAAC;YAC9C;UACF;UACA,oBACE,IAAAN,WAAA,CAAAiB,GAAA,EAACvB,gBAAA,CAAAS,OAAY;YACXe,OAAO,EAAEZ,QAAQ,GAAGA,QAAQ,GAAG,EAAG;YAClCM,QAAQ,EAAEF,WAAY;YACtBS,QAAQ,EAAEd,QAAS;YACnBI,MAAM,EAAEA;UAAO,CAChB,CAAC;QAEN;IACF;EACF;EACA,oBAAO,IAAAT,WAAA,CAAAiB,GAAA,EAACnB,YAAA,CAAAyB,IAAI;IAAAC,QAAA,EAAC;EAAsB,CAAM,CAAC;AAC5C,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAvB,OAAA,GAEaC,YAAY","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_UnsupportedType","_MessageImage","_VideoMessage","_AudioMessage","_reactNative","_mimeToExtension","_icons","_mediaDimensions","_useChatSettingState","_jsxRuntime","e","__esModule","default","pendingImageDims","defaultMediaDims","getPendingStatusLabel","mimeType","startsWith","includes","PendingMediaMessage","fileName","previewUri","isUser","size","config","useChatSettingState","statusLabel","isImage","isVideo","isAudio","primaryColor","colors","primary","jsxs","View","style","styles","pendingImageWrapper","children","jsx","Image","source","uri","pendingImage","resizeMode","pendingImageOverlay","ActivityIndicator","color","Text","pendingOverlayText","pendingVideoCard","pendingVideoPreview","pendingVideoIcon","PlayIcon","width","height","pendingVideoLabel","pendingVideoStatus","pendingAudioCard","pendingAudioButton","backgroundColor","pendingAudioContent","pendingAudioTrack","pendingAudioTrackFill","pendingAudioMeta","pendingAudioTime","pendingAudioStatusPill","pendingAudioStatusText","fileURL","mimetype","pending","placeholderIcon","FileIcon","MediaMessage","location","messageText","message","displayName","deriveDisplayFilename","originalName","url","mime","isAudioPayload","isLikelyAudio","duration","waveForm","src","_default","exports","StyleSheet","create","borderRadius","overflow","absoluteFillObject","alignItems","justifyContent","gap","fontSize","fontWeight","padding","minWidth","maxWidth","flexDirection","paddingHorizontal","paddingVertical","flex"],"sourceRoot":"../../../../src","sources":["components/MainComponents/MediaMessage.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/MessageBubble/InteractionsOverlay.js

@@ -0,0 +1,119 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useInteractionsOverlay = exports.default = exports.InteractionsOverlayProvider = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * In-tree overlay host for the message context menu (MessageInteractions).
+ *
+ * Why this exists: MessageInteractions used to render inside a React Native
+ * `<Modal>`. On Android a Modal opens its own window, which steals focus
+ * from the chat input — so opening the menu dismissed the keyboard. Hosting
+ * the menu in the SAME view tree (no extra window) keeps the keyboard up.
+ *
+ * Coordinate note: the menu is positioned from `UIManager.measure` WINDOW
+ * coordinates (pageX/pageY), but this host sits below the status bar / any
+ * safe-area + header insets, so its own origin is offset from the window.
+ * The host measures that offset (`measureInWindow`) and exposes it so the
+ * menu can convert window coords → host-local coords. The host is mounted
+ * ABOVE ChatRoom's KeyboardAvoidingView, so its origin doesn't move when the
+ * keyboard opens (only the measured bubble's pageY does).
+ */
+
+const Ctx = /*#__PURE__*/(0, _react.createContext)({
+  present: () => {},
+  dismiss: () => {},
+  originX: 0,
+  originY: 0
+});
+const useInteractionsOverlay = () => (0, _react.useContext)(Ctx);
+exports.useInteractionsOverlay = useInteractionsOverlay;
+const InteractionsOverlayProvider = ({
+  children
+}) => {
+  const [entries, setEntries] = (0, _react.useState)([]);
+  const [origin, setOrigin] = (0, _react.useState)({
+    x: 0,
+    y: 0
+  });
+  const hostRef = (0, _react.useRef)(null);
+  const measure = (0, _react.useCallback)(() => {
+    hostRef.current?.measureInWindow?.((x, y) => {
+      if (typeof x !== 'number' || typeof y !== 'number') {
+        return;
+      }
+      setOrigin(prev => prev.x === x && prev.y === y ? prev : {
+        x,
+        y
+      });
+    });
+  }, []);
+  const present = (0, _react.useCallback)((id, node) => {
+    // Re-measure on present: the keyboard / layout may have shifted us
+    // since the last onLayout.
+    measure();
+    setEntries(prev => {
+      const next = prev.filter(e => e.id !== id);
+      next.push({
+        id,
+        node
+      });
+      return next;
+    });
+  }, [measure]);
+  const dismiss = (0, _react.useCallback)(id => {
+    setEntries(prev => prev.some(e => e.id === id) ? prev.filter(e => e.id !== id) : prev);
+  }, []);
+
+  // MUST be memoized. Otherwise every host re-render (e.g. from present()'s
+  // setEntries) creates a new context value → all consumers re-render →
+  // MessageInteractions' present-effect fires again → setEntries → … →
+  // "Maximum update depth exceeded". present/dismiss are stable (useCallback)
+  // and origin rarely changes, so this value is stable across entry changes.
+  const ctxValue = (0, _react.useMemo)(() => ({
+    present,
+    dismiss,
+    originX: origin.x,
+    originY: origin.y
+  }), [present, dismiss, origin.x, origin.y]);
+  return (
+    /*#__PURE__*/
+    // `children` is a stable element from the caller, so re-rendering this
+    // host (present/dismiss/origin state) does NOT re-render the chat
+    // subtree — React reconciliation skips the unchanged children element.
+    (0, _jsxRuntime.jsx)(_reactNative.View, {
+      ref: hostRef,
+      style: styles.host,
+      onLayout: measure,
+      collapsable: false,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(Ctx.Provider, {
+        value: ctxValue,
+        children: [children, entries.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: styles.overlay,
+          pointerEvents: "box-none",
+          children: entries.map(e => /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.default.Fragment, {
+            children: e.node
+          }, e.id))
+        })]
+      })
+    })
+  );
+};
+exports.InteractionsOverlayProvider = InteractionsOverlayProvider;
+const styles = _reactNative.StyleSheet.create({
+  host: {
+    flex: 1
+  },
+  overlay: {
+    ..._reactNative.StyleSheet.absoluteFillObject,
+    zIndex: 9999,
+    elevation: 9999
+  }
+});
+var _default = exports.default = InteractionsOverlayProvider;
+//# sourceMappingURL=InteractionsOverlay.js.map

package/lib/commonjs/components/MessageBubble/InteractionsOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Ctx","createContext","present","dismiss","originX","originY","useInteractionsOverlay","useContext","exports","InteractionsOverlayProvider","children","entries","setEntries","useState","origin","setOrigin","x","y","hostRef","useRef","measure","useCallback","current","measureInWindow","prev","id","node","next","filter","push","some","ctxValue","useMemo","jsx","View","ref","style","styles","host","onLayout","collapsable","jsxs","Provider","value","length","overlay","pointerEvents","map","Fragment","StyleSheet","create","flex","absoluteFillObject","zIndex","elevation","_default"],"sourceRoot":"../../../../src","sources":["components/MessageBubble/InteractionsOverlay.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/MessageBubble/Message.js

@@ -218,7 +218,22 @@ const Message = ({
   // the menu adjacent to the message instead of floating far above (#13).
   const handleLongPress = () => {
     const target = bubbleRef.current ?? messageRef.current;
-    if (target) {
+    if (target?.measureInWindow) {
+      // Use measureInWindow — the SAME API the overlay host uses to find
+      // its own window origin. Both are then in identical window
+      // coordinates, so MessageInteractions' host-local conversion
+      // (subtract origin) is exact. Mixing this with UIManager.measure
+      // (pageX/pageY) drifted on Android (status-bar offset) and pushed the
+      // "below" menu too far from the message.
+      target.measureInWindow((x, y, width, height) => {
+        setContextMenuPosition({
+          left: x,
+          right: x + width,
+          top: y,
+          bottom: y + height
+        });
+      });
+    } else if (target) {
       const nodeHandle = (0, _reactNative.findNodeHandle)(target);
       if (nodeHandle) {
         _reactNative.UIManager.measure(nodeHandle, (_x, _y, width, height, pageX, pageY) => {
@@ -258,8 +273,17 @@ const Message = ({
       // justify-content: ${({ isUser }) => (isUser ? "flex-end" : "flex-start")},
       // margin-bottom: ${(props) => !!props.reply && "20px"},
       ],
-      children: [!isUser && /*#__PURE__*/(0, _jsxRuntime.jsx)(CustomMessagePhotoContainer, {
-        onPress: () => handleUserAvatarClick(message.user),
+      children: [!isUser && /*#__PURE__*/(0, _jsxRuntime.jsx)(CustomMessagePhotoContainer
+      // `disableProfilesInteractions` gates every entry point to the
+      // user-profile popup: this in-bubble avatar AND the chat-title
+      // press in ChatHeader. When disabled we still render the avatar
+      // visually but make it non-interactive (no press, no a11y
+      // affordance) — consumers who want it gone entirely can return
+      // null from a custom message component.
+      , {
+        onPress: config?.disableProfilesInteractions ? undefined : () => handleUserAvatarClick(message.user),
+        disabled: !!config?.disableProfilesInteractions,
+        accessible: !config?.disableProfilesInteractions,
         children: message.user?.profileImage ? /*#__PURE__*/(0, _jsxRuntime.jsx)(CustomMessagePhoto, {
           source: {
             uri: message.user.profileImage
@@ -278,6 +302,18 @@ const Message = ({
           flex: 1,
           alignItems: isUser ? 'flex-end' : 'flex-start'
         }
+        // A plain tap anywhere on a message bubble dismisses the
+        // keyboard. The FlatList's keyboardShouldPersistTaps="handled"
+        // already dismisses taps on the empty GAPS between bubbles, but
+        // the bubble Pressable itself is a touch responder, so taps that
+        // landed on a message were "handled" and the keyboard stayed —
+        // which is exactly the "closes only every other time" symptom
+        // (hit a gap → close, hit a bubble → stay). Explicitly dismissing
+        // here makes it reliable across the whole list. onPress does NOT
+        // fire when onLongPress fires, so opening MessageInteractions via
+        // long-press never triggers this dismiss.
+        ,
+        onPress: () => _reactNative.Keyboard.dismiss()
         // disableInteractions hides the long-press → context menu
         // (delete / edit / reply / react). Mirrors web's config gate.
         ,