stream-chat-react-native-core 9.0.1-beta.1 → 9.0.1-beta.3

package/src/contexts/messageContext/MessageContext.tsx

@@ -9,11 +9,13 @@ import type {
   MessagePressableHandlerPayload,
   PressableHandlerPayload,
 } from '../../components/Message/Message';
+import { DEFAULT_MESSAGE_OVERLAY_TARGET_ID } from '../../components/Message/messageOverlayConstants';
 import type { GroupType } from '../../components/MessageList/hooks/useMessageList';
 import type { ChannelContextValue } from '../../contexts/channelContext/ChannelContext';
 import type { MessageContentType } from '../../contexts/messagesContext/MessagesContext';
 import type { DeepPartial } from '../../contexts/themeContext/ThemeContext';
 import type { Theme } from '../../contexts/themeContext/utils/theme';
+import type { Rect } from '../../state-store/message-overlay-store';
 
 import type { MessageComposerAPIContextValue } from '../messageComposerContext/MessageComposerAPIContext';
 import { DEFAULT_BASE_CONTEXT_VALUE } from '../utils/defaultBaseContextValue';
@@ -100,6 +102,12 @@ export type MessageContextValue = {
   onPressIn: ((payload: PressableHandlerPayload) => void) | null;
   /** The images attached to a message */
   otherAttachments: Attachment[];
+  /**
+   * Registers the subtree that should be measured and portaled into the message overlay.
+   * Custom message renderers typically interact with this via `MessageOverlayWrapper`.
+   */
+  registerMessageOverlayTarget: (params: { id: string; view: View | null }) => void;
+  unregisterMessageOverlayTarget: (id: string) => void;
   reactions: ReactionSummary[];
   /** Read count of the message */
   readBy: number | boolean;
@@ -164,3 +172,39 @@ export const useMessageContext = () => {
 
   return contextValue;
 };
+
+type MessageOverlayRuntimeContextValue = {
+  overlayTargetRectRef: { current: Rect };
+  messageOverlayTargetId: string;
+  overlayActive: boolean;
+};
+
+const MessageOverlayRuntimeContext = React.createContext<MessageOverlayRuntimeContextValue>({
+  overlayTargetRectRef: { current: undefined },
+  messageOverlayTargetId: DEFAULT_MESSAGE_OVERLAY_TARGET_ID,
+  overlayActive: false,
+});
+
+export const MessageOverlayRuntimeProvider = ({
+  children,
+  value,
+}: PropsWithChildren<{ value: MessageOverlayRuntimeContextValue }>) => (
+  <MessageOverlayRuntimeContext.Provider value={value}>
+    {children}
+  </MessageOverlayRuntimeContext.Provider>
+);
+
+export const useMessageOverlayRuntimeContext = () => useContext(MessageOverlayRuntimeContext);
+
+const MessageOverlayTargetContext = React.createContext(false);
+
+export const MessageOverlayTargetProvider = ({
+  children,
+  value,
+}: PropsWithChildren<{ value: boolean }>) => (
+  <MessageOverlayTargetContext.Provider value={value}>
+    {children}
+  </MessageOverlayTargetContext.Provider>
+);
+
+export const useMessageOverlayTargetContext = () => useContext(MessageOverlayTargetContext);

package/src/contexts/messagesContext/MessagesContext.tsx

@@ -75,6 +75,11 @@ export type MessagesContextValue = Pick<MessageContextValue, 'isMessageAIGenerat
   initialScrollToFirstUnreadMessage: boolean;
   /** Order to render the message content */
   messageContentOrder: MessageContentType[];
+  /**
+   * Overlay target id that should be teleported when a message overlay opens.
+   * Custom `MessageOverlayWrapper` usages should pass a matching `targetId`.
+   */
+  messageOverlayTargetId?: string;
   removeMessage: (message: { id: string; parent_id?: string }) => Promise<void>;
   /**
    * Override the api request for retry message functionality.

package/src/hooks/index.ts

@@ -12,7 +12,7 @@ export * from './useClientNotifications';
 export * from './useInAppNotificationsState';
 export * from './usePortalSettledCallback';
 export * from './useRAFCoalescedValue';
-export * from './useAudioPlayerControl';
+export * from './useAudioPlayer';
 export * from './useAttachmentPickerState';
 export * from './messagePreview/useMessageDeliveryStatus';
 export * from './messagePreview/useGroupedAttachments';

package/src/version.json

@@ -1,3 +1,3 @@
 {
-  "version": "9.0.1-beta.1"
+  "version": "9.0.1-beta.3"
 }

package/lib/commonjs/components/MessageMenu/MessageMenu.js

@@ -1,29 +0,0 @@
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MessageMenu = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactNative = require("react-native");
-var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
-var _BottomSheetModal = require("../UIComponents/BottomSheetModal");
-var _jsxRuntime = require("react/jsx-runtime");
-var _this = this,
-  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/MessageMenu/MessageMenu.tsx";
-var MessageMenu = exports.MessageMenu = function MessageMenu(props) {
-  var dismissOverlay = props.dismissOverlay,
-    showMessageReactions = props.showMessageReactions,
-    visible = props.visible,
-    children = props.children;
-  var _useWindowDimensions = (0, _reactNative.useWindowDimensions)(),
-    height = _useWindowDimensions.height;
-  var _useTheme = (0, _ThemeContext.useTheme)(),
-    bottomSheetHeight = _useTheme.theme.messageMenu.bottomSheet.height;
-  return (0, _jsxRuntime.jsx)(_BottomSheetModal.BottomSheetModal, {
-    height: bottomSheetHeight ? bottomSheetHeight : !showMessageReactions ? height / 5 : height / 2,
-    onClose: dismissOverlay,
-    visible: visible,
-    children: children
-  });
-};
-//# sourceMappingURL=MessageMenu.js.map

package/lib/commonjs/components/MessageMenu/MessageMenu.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ThemeContext","_BottomSheetModal","_jsxRuntime","_this","_jsxFileName","MessageMenu","exports","props","dismissOverlay","showMessageReactions","visible","children","_useWindowDimensions","useWindowDimensions","height","_useTheme","useTheme","bottomSheetHeight","theme","messageMenu","bottomSheet","jsx","BottomSheetModal","onClose"],"sourceRoot":"../../../../src","sources":["components/MessageMenu/MessageMenu.tsx"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAD,OAAA;AAKA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AAAoE,IAAAI,WAAA,GAAAJ,OAAA;AAAA,IAAAK,KAAA;EAAAC,YAAA;AA2C7D,IAAMC,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,SAAdA,WAAWA,CAAIE,KAAuB,EAAK;EACtD,IACEC,cAAc,GAeZD,KAAK,CAfPC,cAAc;IAWdC,oBAAoB,GAIlBF,KAAK,CAJPE,oBAAoB;IACpBC,OAAO,GAGLH,KAAK,CAHPG,OAAO;IAEPC,QAAQ,GACNJ,KAAK,CADPI,QAAQ;EAEV,IAAAC,oBAAA,GAAmB,IAAAC,gCAAmB,EAAC,CAAC;IAAhCC,MAAM,GAAAF,oBAAA,CAANE,MAAM;EAkBd,IAAAC,SAAA,GAMI,IAAAC,sBAAQ,EAAC,CAAC;IAHeC,iBAAiB,GAAAF,SAAA,CAF5CG,KAAK,CACHC,WAAW,CACTC,WAAW,CAAIN,MAAM;EAK3B,OACE,IAAAZ,WAAA,CAAAmB,GAAA,EAACpB,iBAAA,CAAAqB,gBAAgB;IACfR,MAAM,EACJG,iBAAiB,GAAGA,iBAAiB,GAAG,CAACR,oBAAoB,GAAGK,MAAM,GAAG,CAAC,GAAGA,MAAM,GAAG,CACvF;IACDS,OAAO,EAAEf,cAAe;IACxBE,OAAO,EAAEA,OAAQ;IAAAC,QAAA,EAEhBA;EAAQ,CACO,CAAC;AAEvB,CAAC","ignoreList":[]}

package/lib/commonjs/hooks/useAudioPlayerControl.js

@@ -1,43 +0,0 @@
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useAudioPlayerControl = void 0;
-var _react = require("react");
-var _AudioPlayerContext = require("../contexts/audioPlayerContext/AudioPlayerContext");
-var makeAudioPlayerId = function makeAudioPlayerId(_ref) {
-  var requester = _ref.requester,
-    src = _ref.src,
-    id = _ref.id;
-  return `${requester != null ? requester : 'requester-unknown'}:${src}:${id != null ? id : ''}`;
-};
-var useAudioPlayerControl = exports.useAudioPlayerControl = function useAudioPlayerControl(_ref2) {
-  var duration = _ref2.duration,
-    mimeType = _ref2.mimeType,
-    playbackRates = _ref2.playbackRates,
-    previewVoiceRecording = _ref2.previewVoiceRecording,
-    _ref2$requester = _ref2.requester,
-    requester = _ref2$requester === void 0 ? '' : _ref2$requester,
-    type = _ref2.type,
-    uri = _ref2.uri,
-    fileId = _ref2.id;
-  var _useAudioPlayerContex = (0, _AudioPlayerContext.useAudioPlayerContext)(),
-    audioPlayerPool = _useAudioPlayerContex.audioPlayerPool;
-  var id = makeAudioPlayerId({
-    id: fileId,
-    requester: requester,
-    src: uri != null ? uri : ''
-  });
-  var audioPlayer = (0, _react.useMemo)(function () {
-    return audioPlayerPool == null ? void 0 : audioPlayerPool.getOrAddPlayer({
-      duration: duration != null ? duration : 0,
-      id: id,
-      mimeType: mimeType != null ? mimeType : '',
-      playbackRates: playbackRates,
-      previewVoiceRecording: previewVoiceRecording,
-      type: type != null ? type : 'audio',
-      uri: uri != null ? uri : ''
-    });
-  }, [audioPlayerPool, duration, id, mimeType, playbackRates, previewVoiceRecording, type, uri]);
-  return audioPlayer;
-};
-//# sourceMappingURL=useAudioPlayerControl.js.map

package/lib/commonjs/hooks/useAudioPlayerControl.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","require","_AudioPlayerContext","makeAudioPlayerId","_ref","requester","src","id","useAudioPlayerControl","exports","_ref2","duration","mimeType","playbackRates","previewVoiceRecording","_ref2$requester","type","uri","fileId","_useAudioPlayerContex","useAudioPlayerContext","audioPlayerPool","audioPlayer","useMemo","getOrAddPlayer"],"sourceRoot":"../../../src","sources":["hooks/useAudioPlayerControl.ts"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,mBAAA,GAAAD,OAAA;AAmBA,IAAME,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAAC,IAAA;EAAA,IACrBC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTC,GAAG,GAAAF,IAAA,CAAHE,GAAG;IACHC,EAAE,GAAAH,IAAA,CAAFG,EAAE;EAAA,OAKE,GAAGF,SAAS,WAATA,SAAS,GAAI,mBAAmB,IAAIC,GAAG,IAAIC,EAAE,WAAFA,EAAE,GAAI,EAAE,EAAE;AAAA;AAEvD,IAAMC,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,SAAxBA,qBAAqBA,CAAAE,KAAA,EASA;EAAA,IARhCC,QAAQ,GAAAD,KAAA,CAARC,QAAQ;IACRC,QAAQ,GAAAF,KAAA,CAARE,QAAQ;IACRC,aAAa,GAAAH,KAAA,CAAbG,aAAa;IACbC,qBAAqB,GAAAJ,KAAA,CAArBI,qBAAqB;IAAAC,eAAA,GAAAL,KAAA,CACrBL,SAAS;IAATA,SAAS,GAAAU,eAAA,cAAG,EAAE,GAAAA,eAAA;IACdC,IAAI,GAAAN,KAAA,CAAJM,IAAI;IACJC,GAAG,GAAAP,KAAA,CAAHO,GAAG;IACCC,MAAM,GAAAR,KAAA,CAAVH,EAAE;EAEF,IAAAY,qBAAA,GAA4B,IAAAC,yCAAqB,EAAC,CAAC;IAA3CC,eAAe,GAAAF,qBAAA,CAAfE,eAAe;EACvB,IAAMd,EAAE,GAAGJ,iBAAiB,CAAC;IAAEI,EAAE,EAAEW,MAAM;IAAEb,SAAS,EAATA,SAAS;IAAEC,GAAG,EAAEW,GAAG,WAAHA,GAAG,GAAI;EAAG,CAAC,CAAC;EACvE,IAAMK,WAAW,GAAG,IAAAC,cAAO,EACzB;IAAA,OACEF,eAAe,oBAAfA,eAAe,CAAEG,cAAc,CAAC;MAC9Bb,QAAQ,EAAEA,QAAQ,WAARA,QAAQ,GAAI,CAAC;MACvBJ,EAAE,EAAFA,EAAE;MACFK,QAAQ,EAAEA,QAAQ,WAARA,QAAQ,GAAI,EAAE;MACxBC,aAAa,EAAbA,aAAa;MACbC,qBAAqB,EAArBA,qBAAqB;MACrBE,IAAI,EAAEA,IAAI,WAAJA,IAAI,GAAI,OAAO;MACrBC,GAAG,EAAEA,GAAG,WAAHA,GAAG,GAAI;IACd,CAAC,CAAC;EAAA,GACJ,CAACI,eAAe,EAAEV,QAAQ,EAAEJ,EAAE,EAAEK,QAAQ,EAAEC,aAAa,EAAEC,qBAAqB,EAAEE,IAAI,EAAEC,GAAG,CAC3F,CAAC;EAED,OAAOK,WAAW;AACpB,CAAC","ignoreList":[]}

package/lib/module/components/MessageMenu/MessageMenu.js

@@ -1,29 +0,0 @@
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MessageMenu = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactNative = require("react-native");
-var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
-var _BottomSheetModal = require("../UIComponents/BottomSheetModal");
-var _jsxRuntime = require("react/jsx-runtime");
-var _this = this,
-  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/MessageMenu/MessageMenu.tsx";
-var MessageMenu = exports.MessageMenu = function MessageMenu(props) {
-  var dismissOverlay = props.dismissOverlay,
-    showMessageReactions = props.showMessageReactions,
-    visible = props.visible,
-    children = props.children;
-  var _useWindowDimensions = (0, _reactNative.useWindowDimensions)(),
-    height = _useWindowDimensions.height;
-  var _useTheme = (0, _ThemeContext.useTheme)(),
-    bottomSheetHeight = _useTheme.theme.messageMenu.bottomSheet.height;
-  return (0, _jsxRuntime.jsx)(_BottomSheetModal.BottomSheetModal, {
-    height: bottomSheetHeight ? bottomSheetHeight : !showMessageReactions ? height / 5 : height / 2,
-    onClose: dismissOverlay,
-    visible: visible,
-    children: children
-  });
-};
-//# sourceMappingURL=MessageMenu.js.map

package/lib/module/components/MessageMenu/MessageMenu.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ThemeContext","_BottomSheetModal","_jsxRuntime","_this","_jsxFileName","MessageMenu","exports","props","dismissOverlay","showMessageReactions","visible","children","_useWindowDimensions","useWindowDimensions","height","_useTheme","useTheme","bottomSheetHeight","theme","messageMenu","bottomSheet","jsx","BottomSheetModal","onClose"],"sourceRoot":"../../../../src","sources":["components/MessageMenu/MessageMenu.tsx"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAD,OAAA;AAKA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AAAoE,IAAAI,WAAA,GAAAJ,OAAA;AAAA,IAAAK,KAAA;EAAAC,YAAA;AA2C7D,IAAMC,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,SAAdA,WAAWA,CAAIE,KAAuB,EAAK;EACtD,IACEC,cAAc,GAeZD,KAAK,CAfPC,cAAc;IAWdC,oBAAoB,GAIlBF,KAAK,CAJPE,oBAAoB;IACpBC,OAAO,GAGLH,KAAK,CAHPG,OAAO;IAEPC,QAAQ,GACNJ,KAAK,CADPI,QAAQ;EAEV,IAAAC,oBAAA,GAAmB,IAAAC,gCAAmB,EAAC,CAAC;IAAhCC,MAAM,GAAAF,oBAAA,CAANE,MAAM;EAkBd,IAAAC,SAAA,GAMI,IAAAC,sBAAQ,EAAC,CAAC;IAHeC,iBAAiB,GAAAF,SAAA,CAF5CG,KAAK,CACHC,WAAW,CACTC,WAAW,CAAIN,MAAM;EAK3B,OACE,IAAAZ,WAAA,CAAAmB,GAAA,EAACpB,iBAAA,CAAAqB,gBAAgB;IACfR,MAAM,EACJG,iBAAiB,GAAGA,iBAAiB,GAAG,CAACR,oBAAoB,GAAGK,MAAM,GAAG,CAAC,GAAGA,MAAM,GAAG,CACvF;IACDS,OAAO,EAAEf,cAAe;IACxBE,OAAO,EAAEA,OAAQ;IAAAC,QAAA,EAEhBA;EAAQ,CACO,CAAC;AAEvB,CAAC","ignoreList":[]}

package/lib/module/hooks/useAudioPlayerControl.js

@@ -1,43 +0,0 @@
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useAudioPlayerControl = void 0;
-var _react = require("react");
-var _AudioPlayerContext = require("../contexts/audioPlayerContext/AudioPlayerContext");
-var makeAudioPlayerId = function makeAudioPlayerId(_ref) {
-  var requester = _ref.requester,
-    src = _ref.src,
-    id = _ref.id;
-  return `${requester != null ? requester : 'requester-unknown'}:${src}:${id != null ? id : ''}`;
-};
-var useAudioPlayerControl = exports.useAudioPlayerControl = function useAudioPlayerControl(_ref2) {
-  var duration = _ref2.duration,
-    mimeType = _ref2.mimeType,
-    playbackRates = _ref2.playbackRates,
-    previewVoiceRecording = _ref2.previewVoiceRecording,
-    _ref2$requester = _ref2.requester,
-    requester = _ref2$requester === void 0 ? '' : _ref2$requester,
-    type = _ref2.type,
-    uri = _ref2.uri,
-    fileId = _ref2.id;
-  var _useAudioPlayerContex = (0, _AudioPlayerContext.useAudioPlayerContext)(),
-    audioPlayerPool = _useAudioPlayerContex.audioPlayerPool;
-  var id = makeAudioPlayerId({
-    id: fileId,
-    requester: requester,
-    src: uri != null ? uri : ''
-  });
-  var audioPlayer = (0, _react.useMemo)(function () {
-    return audioPlayerPool == null ? void 0 : audioPlayerPool.getOrAddPlayer({
-      duration: duration != null ? duration : 0,
-      id: id,
-      mimeType: mimeType != null ? mimeType : '',
-      playbackRates: playbackRates,
-      previewVoiceRecording: previewVoiceRecording,
-      type: type != null ? type : 'audio',
-      uri: uri != null ? uri : ''
-    });
-  }, [audioPlayerPool, duration, id, mimeType, playbackRates, previewVoiceRecording, type, uri]);
-  return audioPlayer;
-};
-//# sourceMappingURL=useAudioPlayerControl.js.map

package/lib/module/hooks/useAudioPlayerControl.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","require","_AudioPlayerContext","makeAudioPlayerId","_ref","requester","src","id","useAudioPlayerControl","exports","_ref2","duration","mimeType","playbackRates","previewVoiceRecording","_ref2$requester","type","uri","fileId","_useAudioPlayerContex","useAudioPlayerContext","audioPlayerPool","audioPlayer","useMemo","getOrAddPlayer"],"sourceRoot":"../../../src","sources":["hooks/useAudioPlayerControl.ts"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,mBAAA,GAAAD,OAAA;AAmBA,IAAME,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAAC,IAAA;EAAA,IACrBC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTC,GAAG,GAAAF,IAAA,CAAHE,GAAG;IACHC,EAAE,GAAAH,IAAA,CAAFG,EAAE;EAAA,OAKE,GAAGF,SAAS,WAATA,SAAS,GAAI,mBAAmB,IAAIC,GAAG,IAAIC,EAAE,WAAFA,EAAE,GAAI,EAAE,EAAE;AAAA;AAEvD,IAAMC,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,SAAxBA,qBAAqBA,CAAAE,KAAA,EASA;EAAA,IARhCC,QAAQ,GAAAD,KAAA,CAARC,QAAQ;IACRC,QAAQ,GAAAF,KAAA,CAARE,QAAQ;IACRC,aAAa,GAAAH,KAAA,CAAbG,aAAa;IACbC,qBAAqB,GAAAJ,KAAA,CAArBI,qBAAqB;IAAAC,eAAA,GAAAL,KAAA,CACrBL,SAAS;IAATA,SAAS,GAAAU,eAAA,cAAG,EAAE,GAAAA,eAAA;IACdC,IAAI,GAAAN,KAAA,CAAJM,IAAI;IACJC,GAAG,GAAAP,KAAA,CAAHO,GAAG;IACCC,MAAM,GAAAR,KAAA,CAAVH,EAAE;EAEF,IAAAY,qBAAA,GAA4B,IAAAC,yCAAqB,EAAC,CAAC;IAA3CC,eAAe,GAAAF,qBAAA,CAAfE,eAAe;EACvB,IAAMd,EAAE,GAAGJ,iBAAiB,CAAC;IAAEI,EAAE,EAAEW,MAAM;IAAEb,SAAS,EAATA,SAAS;IAAEC,GAAG,EAAEW,GAAG,WAAHA,GAAG,GAAI;EAAG,CAAC,CAAC;EACvE,IAAMK,WAAW,GAAG,IAAAC,cAAO,EACzB;IAAA,OACEF,eAAe,oBAAfA,eAAe,CAAEG,cAAc,CAAC;MAC9Bb,QAAQ,EAAEA,QAAQ,WAARA,QAAQ,GAAI,CAAC;MACvBJ,EAAE,EAAFA,EAAE;MACFK,QAAQ,EAAEA,QAAQ,WAARA,QAAQ,GAAI,EAAE;MACxBC,aAAa,EAAbA,aAAa;MACbC,qBAAqB,EAArBA,qBAAqB;MACrBE,IAAI,EAAEA,IAAI,WAAJA,IAAI,GAAI,OAAO;MACrBC,GAAG,EAAEA,GAAG,WAAHA,GAAG,GAAI;IACd,CAAC,CAAC;EAAA,GACJ,CAACI,eAAe,EAAEV,QAAQ,EAAEJ,EAAE,EAAEK,QAAQ,EAAEC,aAAa,EAAEC,qBAAqB,EAAEE,IAAI,EAAEC,GAAG,CAC3F,CAAC;EAED,OAAOK,WAAW;AACpB,CAAC","ignoreList":[]}

package/lib/typescript/components/MessageMenu/MessageMenu.d.ts

@@ -1,40 +0,0 @@
-import React, { PropsWithChildren } from 'react';
-import { MessageActionType } from './MessageActionListItem';
-import { MessageContextValue } from '../../contexts/messageContext/MessageContext';
-export type MessageMenuProps = PropsWithChildren<Partial<Pick<MessageContextValue, 'message'>> & {
-    /**
-     * Function to close the message actions bottom sheet
-     * @returns void
-     */
-    dismissOverlay: () => void;
-    /**
-     * An array of message actions to render
-     */
-    messageActions: MessageActionType[];
-    /**
-     * Boolean to determine if there are message actions
-     */
-    showMessageReactions: boolean;
-    /**
-     * Boolean to determine if the overlay is visible.
-     */
-    visible: boolean;
-    /**
-     * Function to handle reaction on press
-     * @param reactionType
-     * @returns
-     */
-    handleReaction?: (reactionType: string) => Promise<void>;
-    /**
-     * The selected reaction
-     */
-    selectedReaction?: string;
-    layout: {
-        x: number;
-        y: number;
-        w: number;
-        h: number;
-    };
-}>;
-export declare const MessageMenu: (props: MessageMenuProps) => React.JSX.Element;
-//# sourceMappingURL=MessageMenu.d.ts.map

package/lib/typescript/components/MessageMenu/MessageMenu.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MessageMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/MessageMenu/MessageMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAIjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAE5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AAInF,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,CAC9C,OAAO,CAAC,IAAI,CAAC,mBAAmB,EAAE,SAAS,CAAC,CAAC,GAAG;IAC9C;;;OAGG;IACH,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B;;OAEG;IACH,cAAc,EAAE,iBAAiB,EAAE,CAAC;IACpC;;OAEG;IACH,oBAAoB,EAAE,OAAO,CAAC;IAC9B;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;IACjB;;;;OAIG;IACH,cAAc,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACzD;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,MAAM,EAAE;QACN,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;KACX,CAAC;CACH,CACF,CAAC;AAIF,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,sBAuDlD,CAAC"}

package/lib/typescript/hooks/useAudioPlayerControl.d.ts

@@ -1,18 +0,0 @@
-import { AudioPlayerOptions } from '../state-store/audio-player';
-export type UseAudioPlayerControlProps = {
-    /**
-     * Identifier of the entity that requested the audio playback, e.g. message ID.
-     * Asset to specific audio player is a many-to-many relationship
-     * - one URL can be associated with multiple UI elements,
-     * - one UI element can display multiple audio sources.
-     * Therefore, the AudioPlayer ID is a combination of request:src.
-     *
-     * The requester string can take into consideration whether there are multiple instances of
-     * the same URL requested by the same requester (message has multiple attachments with the same asset URL).
-     * In reality the fact that one message has multiple attachments with the same asset URL
-     * could be considered a bad practice or a bug.
-     */
-    requester?: string;
-} & Partial<AudioPlayerOptions>;
-export declare const useAudioPlayerControl: ({ duration, mimeType, playbackRates, previewVoiceRecording, requester, type, uri, id: fileId, }: UseAudioPlayerControlProps) => import("../state-store/audio-player").AudioPlayer;
-//# sourceMappingURL=useAudioPlayerControl.d.ts.map

package/lib/typescript/hooks/useAudioPlayerControl.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useAudioPlayerControl.d.ts","sourceRoot":"","sources":["../../../src/hooks/useAudioPlayerControl.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAEjE,MAAM,MAAM,0BAA0B,GAAG;IACvC;;;;;;;;;;;OAWG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,OAAO,CAAC,kBAAkB,CAAC,CAAC;AAYhC,eAAO,MAAM,qBAAqB,GAAI,iGASnC,0BAA0B,sDAkB5B,CAAC"}

package/src/components/MessageMenu/MessageMenu.tsx

@@ -1,107 +0,0 @@
-import React, { PropsWithChildren } from 'react';
-
-import { useWindowDimensions } from 'react-native';
-
-import { MessageActionType } from './MessageActionListItem';
-
-import { MessageContextValue } from '../../contexts/messageContext/MessageContext';
-import { useTheme } from '../../contexts/themeContext/ThemeContext';
-import { BottomSheetModal } from '../UIComponents/BottomSheetModal';
-
-export type MessageMenuProps = PropsWithChildren<
-  Partial<Pick<MessageContextValue, 'message'>> & {
-    /**
-     * Function to close the message actions bottom sheet
-     * @returns void
-     */
-    dismissOverlay: () => void;
-    /**
-     * An array of message actions to render
-     */
-    messageActions: MessageActionType[];
-    /**
-     * Boolean to determine if there are message actions
-     */
-    showMessageReactions: boolean;
-    /**
-     * Boolean to determine if the overlay is visible.
-     */
-    visible: boolean;
-    /**
-     * Function to handle reaction on press
-     * @param reactionType
-     * @returns
-     */
-    handleReaction?: (reactionType: string) => Promise<void>;
-    /**
-     * The selected reaction
-     */
-    selectedReaction?: string;
-
-    layout: {
-      x: number;
-      y: number;
-      w: number;
-      h: number;
-    };
-  }
->;
-
-// TODO: V9: Either remove this or refactor it so that it's useful again, as its logic
-//  is offloaded to other components now.
-export const MessageMenu = (props: MessageMenuProps) => {
-  const {
-    dismissOverlay,
-    // handleReaction,
-    // message: propMessage,
-    // MessageActionList: propMessageActionList,
-    // MessageActionListItem: propMessageActionListItem,
-    // messageActions,
-    // MessageReactionPicker: propMessageReactionPicker,
-    // MessageUserReactions: propMessageUserReactions,
-    // MessageUserReactionsAvatar: propMessageUserReactionsAvatar,
-    // MessageUserReactionsItem: propMessageUserReactionsItem,
-    // selectedReaction,
-    showMessageReactions,
-    visible,
-    // layout,
-    children,
-  } = props;
-  const { height } = useWindowDimensions();
-  // const {
-  //   MessageActionList: contextMessageActionList,
-  //   MessageActionListItem: contextMessageActionListItem,
-  //   MessageReactionPicker: contextMessageReactionPicker,
-  //   MessageUserReactions: contextMessageUserReactions,
-  //   MessageUserReactionsAvatar: contextMessageUserReactionsAvatar,
-  //   MessageUserReactionsItem: contextMessageUserReactionsItem,
-  // } = useMessagesContext();
-  // const { message: contextMessage } = useMessageContext();
-  // const MessageActionList = propMessageActionList ?? contextMessageActionList;
-  // const MessageActionListItem = propMessageActionListItem ?? contextMessageActionListItem;
-  // const MessageReactionPicker = propMessageReactionPicker ?? contextMessageReactionPicker;
-  // const MessageUserReactions = propMessageUserReactions ?? contextMessageUserReactions;
-  // const MessageUserReactionsAvatar =
-  //   propMessageUserReactionsAvatar ?? contextMessageUserReactionsAvatar;
-  // const MessageUserReactionsItem = propMessageUserReactionsItem ?? contextMessageUserReactionsItem;
-  // const message = propMessage ?? contextMessage;
-  const {
-    theme: {
-      messageMenu: {
-        bottomSheet: { height: bottomSheetHeight },
-      },
-    },
-  } = useTheme();
-
-  return (
-    <BottomSheetModal
-      height={
-        bottomSheetHeight ? bottomSheetHeight : !showMessageReactions ? height / 5 : height / 2
-      }
-      onClose={dismissOverlay}
-      visible={visible}
-    >
-      {children}
-    </BottomSheetModal>
-  );
-};

package/src/hooks/useAudioPlayerControl.ts

@@ -1,59 +0,0 @@
-import { useMemo } from 'react';
-
-import { useAudioPlayerContext } from '../contexts/audioPlayerContext/AudioPlayerContext';
-import { AudioPlayerOptions } from '../state-store/audio-player';
-
-export type UseAudioPlayerControlProps = {
-  /**
-   * Identifier of the entity that requested the audio playback, e.g. message ID.
-   * Asset to specific audio player is a many-to-many relationship
-   * - one URL can be associated with multiple UI elements,
-   * - one UI element can display multiple audio sources.
-   * Therefore, the AudioPlayer ID is a combination of request:src.
-   *
-   * The requester string can take into consideration whether there are multiple instances of
-   * the same URL requested by the same requester (message has multiple attachments with the same asset URL).
-   * In reality the fact that one message has multiple attachments with the same asset URL
-   * could be considered a bad practice or a bug.
-   */
-  requester?: string;
-} & Partial<AudioPlayerOptions>;
-
-const makeAudioPlayerId = ({
-  requester,
-  src,
-  id,
-}: {
-  src: string;
-  requester?: string;
-  id?: string;
-}) => `${requester ?? 'requester-unknown'}:${src}:${id ?? ''}`;
-
-export const useAudioPlayerControl = ({
-  duration,
-  mimeType,
-  playbackRates,
-  previewVoiceRecording,
-  requester = '',
-  type,
-  uri,
-  id: fileId,
-}: UseAudioPlayerControlProps) => {
-  const { audioPlayerPool } = useAudioPlayerContext();
-  const id = makeAudioPlayerId({ id: fileId, requester, src: uri ?? '' });
-  const audioPlayer = useMemo(
-    () =>
-      audioPlayerPool?.getOrAddPlayer({
-        duration: duration ?? 0,
-        id,
-        mimeType: mimeType ?? '',
-        playbackRates,
-        previewVoiceRecording,
-        type: type ?? 'audio',
-        uri: uri ?? '',
-      }),
-    [audioPlayerPool, duration, id, mimeType, playbackRates, previewVoiceRecording, type, uri],
-  );
-
-  return audioPlayer;
-};