npm - stream-chat-react-native-core - Versions diffs - 4.1.0-next.1 → 4.1.1-beta.2 - Mend

stream-chat-react-native-core 4.1.0-next.1 → 4.1.1-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1331) hide show

package/lib/commonjs/contexts/messageOverlayContext/hooks/useResettableState.js ADDED Viewed

@@ -0,0 +1,36 @@
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useResettableState = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _useIsMountedRef = require("../../../hooks/useIsMountedRef");
+var useResettableState = function useResettableState(values) {
+  var _useState = (0, _react.useState)(values),
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      data = _useState2[0],
+      setData = _useState2[1];
+  var isMounted = (0, _useIsMountedRef.useIsMountedRef)();
+  var reset = function reset() {
+    if (isMounted.current) {
+      setData(values);
+    }
+  };
+  return {
+    data: data,
+    reset: reset,
+    setData: setData
+  };
+};
+exports.useResettableState = useResettableState;
+//# sourceMappingURL=useResettableState.js.map

package/lib/commonjs/contexts/messageOverlayContext/hooks/useResettableState.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["useResettableState.ts"],"names":["useResettableState","values","data","setData","isMounted","reset","current"],"mappings":";;;;;;;;;AAAA;;AAEA;;AAQO,IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB,CAAIC,MAAJ,EAAkB;AAClD,kBAAwB,qBAASA,MAAT,CAAxB;AAAA;AAAA,MAAOC,IAAP;AAAA,MAAaC,OAAb;;AACA,MAAMC,SAAS,GAAG,uCAAlB;;AAEA,MAAMC,KAAK,GAAG,SAARA,KAAQ,GAAM;AAClB,QAAID,SAAS,CAACE,OAAd,EAAuB;AACrBH,MAAAA,OAAO,CAACF,MAAD,CAAP;AACD;AACF,GAJD;;AAMA,SAAO;AAAEC,IAAAA,IAAI,EAAJA,IAAF;AAAQG,IAAAA,KAAK,EAALA,KAAR;AAAeF,IAAAA,OAAO,EAAPA;AAAf,GAAP;AACD,CAXM","sourcesContent":["import { useState } from 'react';\n\nimport { useIsMountedRef } from '../../../hooks/useIsMountedRef';\n\n/**\n * Wrapper around useState that provides a `reset`\n * function to reset the state to its initial value.\n *\n * Will not set state after being unmounted.\n * */\nexport const useResettableState = <T>(values: T) => {\n const [data, setData] = useState(values);\n const isMounted = useIsMountedRef();\n\n const reset = () => {\n if (isMounted.current) {\n setData(values);\n }\n };\n\n return { data, reset, setData };\n};\n"]}

package/lib/commonjs/contexts/messageOverlayContext/hooks/useResettableState.test.js ADDED Viewed

@@ -0,0 +1,105 @@
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNative2 = require("@testing-library/react-native");
+var _useResettableState2 = require("./useResettableState");
+var _this = this,
+    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/contexts/messageOverlayContext/hooks/useResettableState.test.tsx";
+var TestComponent = function TestComponent() {
+  var _useResettableState = (0, _useResettableState2.useResettableState)(0),
+      data = _useResettableState.data,
+      reset = _useResettableState.reset,
+      setData = _useResettableState.setData;
+  return _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement(_reactNative.Text, {
+    testID: "value",
+    __self: _this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 13,
+      columnNumber: 7
+    }
+  }, "" + data), _react["default"].createElement(_reactNative.Button, {
+    onPress: function onPress() {
+      setData(data + 1);
+    },
+    testID: "increment",
+    title: "Super useful incrementer",
+    __self: _this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 14,
+      columnNumber: 7
+    }
+  }), _react["default"].createElement(_reactNative.Button, {
+    onPress: function onPress() {
+      reset();
+    },
+    testID: "reset",
+    title: "Oh no, go back!",
+    __self: _this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 21,
+      columnNumber: 7
+    }
+  }));
+};
+var waitForOptions = {
+  timeout: 1000
+};
+test('useResettableState can be reset to its initial state', (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee() {
+  var _render, getByTestId;
+  return _regenerator["default"].wrap(function _callee$(_context) {
+    while (1) {
+      switch (_context.prev = _context.next) {
+        case 0:
+          _render = (0, _reactNative2.render)(_react["default"].createElement(TestComponent, {
+            __self: _this,
+            __source: {
+              fileName: _jsxFileName,
+              lineNumber: 37,
+              columnNumber: 34
+            }
+          })), getByTestId = _render.getByTestId;
+          _context.next = 3;
+          return (0, _reactNative2.waitFor)(function () {
+            return expect(getByTestId('value').children[0]).toBe('0');
+          }, waitForOptions);
+        case 3:
+          _reactNative2.fireEvent.press(getByTestId('increment'));
+          _context.next = 6;
+          return (0, _reactNative2.waitFor)(function () {
+            return expect(getByTestId('value').children[0]).toBe('1');
+          }, waitForOptions);
+        case 6:
+          _reactNative2.fireEvent.press(getByTestId('reset'));
+          _context.next = 9;
+          return (0, _reactNative2.waitFor)(function () {
+            return expect(getByTestId('value').children[0]).toBe('0');
+          }, waitForOptions);
+        case 9:
+        case "end":
+          return _context.stop();
+      }
+    }
+  }, _callee);
+})));
+//# sourceMappingURL=useResettableState.test.js.map

package/lib/commonjs/contexts/messageOverlayContext/hooks/useResettableState.test.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["useResettableState.test.tsx"],"names":["TestComponent","data","reset","setData","waitForOptions","timeout","test","getByTestId","expect","children","toBe","fireEvent","press"],"mappings":";;;;;;AAAA;;AACA;;AAEA;;AAEA;;;;;AAEA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,GAAM;AAC1B,4BAAiC,6CAAmB,CAAnB,CAAjC;AAAA,MAAQC,IAAR,uBAAQA,IAAR;AAAA,MAAcC,KAAd,uBAAcA,KAAd;AAAA,MAAqBC,OAArB,uBAAqBA,OAArB;;AAEA,SACE,kEACE,gCAAC,iBAAD;AAAM,IAAA,MAAM,EAAC,OAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAAyBF,IAAzB,CADF,EAEE,gCAAC,mBAAD;AACE,IAAA,OAAO,EAAE,mBAAM;AACbE,MAAAA,OAAO,CAACF,IAAI,GAAG,CAAR,CAAP;AACD,KAHH;AAIE,IAAA,MAAM,EAAC,WAJT;AAKE,IAAA,KAAK,EAAC,0BALR;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAFF,EASE,gCAAC,mBAAD;AACE,IAAA,OAAO,EAAE,mBAAM;AACbC,MAAAA,KAAK;AACN,KAHH;AAIE,IAAA,MAAM,EAAC,OAJT;AAKE,IAAA,KAAK,EAAC,iBALR;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IATF,CADF;AAmBD,CAtBD;;AAwBA,IAAME,cAAc,GAAG;AACrBC,EAAAA,OAAO,EAAE;AADY,CAAvB;AAIAC,IAAI,CAAC,sDAAD,kEAAyD;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA,oBACnC,0BAAO,gCAAC,aAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAP,CADmC,EACnDC,WADmD,WACnDA,WADmD;AAAA;AAAA,iBAGrD,2BAAQ;AAAA,mBAAMC,MAAM,CAACD,WAAW,CAAC,OAAD,CAAX,CAAqBE,QAArB,CAA8B,CAA9B,CAAD,CAAN,CAAyCC,IAAzC,CAA8C,GAA9C,CAAN;AAAA,WAAR,EAAkEN,cAAlE,CAHqD;;AAAA;AAK3DO,kCAAUC,KAAV,CAAgBL,WAAW,CAAC,WAAD,CAA3B;;AAL2D;AAAA,iBAMrD,2BAAQ;AAAA,mBAAMC,MAAM,CAACD,WAAW,CAAC,OAAD,CAAX,CAAqBE,QAArB,CAA8B,CAA9B,CAAD,CAAN,CAAyCC,IAAzC,CAA8C,GAA9C,CAAN;AAAA,WAAR,EAAkEN,cAAlE,CANqD;;AAAA;AAQ3DO,kCAAUC,KAAV,CAAgBL,WAAW,CAAC,OAAD,CAA3B;;AAR2D;AAAA,iBASrD,2BAAQ;AAAA,mBAAMC,MAAM,CAACD,WAAW,CAAC,OAAD,CAAX,CAAqBE,QAArB,CAA8B,CAA9B,CAAD,CAAN,CAAyCC,IAAzC,CAA8C,GAA9C,CAAN;AAAA,WAAR,EAAkEN,cAAlE,CATqD;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAzD,GAAJ","sourcesContent":["import React from 'react';\nimport { Button, Text } from 'react-native';\n\nimport { fireEvent, render, waitFor } from '@testing-library/react-native';\n\nimport { useResettableState } from './useResettableState';\n\nconst TestComponent = () => {\n const { data, reset, setData } = useResettableState(0);\n\n return (\n <>\n <Text testID='value'>{`${data}`}</Text>\n <Button\n onPress={() => {\n setData(data + 1);\n }}\n testID='increment'\n title='Super useful incrementer'\n />\n <Button\n onPress={() => {\n reset();\n }}\n testID='reset'\n title='Oh no, go back!'\n />\n </>\n );\n};\n\nconst waitForOptions = {\n timeout: 1000,\n};\n\ntest('useResettableState can be reset to its initial state', async () => {\n const { getByTestId } = render(<TestComponent />);\n\n await waitFor(() => expect(getByTestId('value').children[0]).toBe('0'), waitForOptions);\n\n fireEvent.press(getByTestId('increment'));\n await waitFor(() => expect(getByTestId('value').children[0]).toBe('1'), waitForOptions);\n\n fireEvent.press(getByTestId('reset'));\n await waitFor(() => expect(getByTestId('value').children[0]).toBe('0'), waitForOptions);\n});\n"]}

package/lib/commonjs/contexts/messagesContext/MessagesContext.js CHANGED Viewed

@@ -32,7 +32,7 @@ var MessagesProvider = function MessagesProvider(_ref) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 591,
+      lineNumber: 465,
       columnNumber: 3
     }
   }, children);
@@ -53,7 +53,7 @@ var withMessagesContext = function withMessagesContext(Component) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 628,
+        lineNumber: 490,
         columnNumber: 12
       }
     }));

package/lib/commonjs/contexts/messagesContext/MessagesContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["MessagesContext.tsx"],"names":["MessagesContext","React","createContext","MessagesProvider","children","value","useMessagesContext","withMessagesContext","Component","WithMessagesContextComponent","props","messagesContext","displayName"],"mappings":";;;;;;;;;;;AAAA;;AAEA;;;;;;;;;AA4jBO,IAAMA,eAAe,GAAGC,kBAAMC,aAAN,CAAoB,EAApB,CAAxB;;;;AAEA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB;AAAA,MAS9BC,QAT8B,QAS9BA,QAT8B;AAAA,MAU9BC,KAV8B,QAU9BA,KAV8B;AAAA,SAc9B,gCAAC,eAAD,CAAiB,QAAjB;AAA0B,IAAA,KAAK,EAAEA,KAAjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGD,QADH,CAd8B;AAAA,CAAzB;;;;AAmBA,IAAME,kBAAkB,GAAG,SAArBA,kBAAqB;AAAA,SAQ3B,uBAAWN,eAAX,CAR2B;AAAA,CAA3B;;;;AAeA,IAAMO,mBAAmB,GAAG,SAAtBA,mBAAsB,CAUjCC,SAViC,EAW6C;AAC9E,MAAMC,4BAA4B,GAAG,SAA/BA,4BAA+B,CACnCC,KADmC,EAEhC;AACH,QAAMC,eAAe,GAAGL,kBAAkB,EAA1C;AAEA,WAAO,gCAAC,SAAD,gCAAgBI,KAAhB,EAAiCC,eAAjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAP;AACD,GAND;;AAOAF,EAAAA,4BAA4B,CAACG,WAA7B,2BAAiE,oCAAeJ,SAAf,CAAjE;AACA,SAAOC,4BAAP;AACD,CArBM","sourcesContent":["import React, { PropsWithChildren, useContext } from 'react';\n\nimport { getDisplayName } from '../utils/getDisplayName';\n\nimport type { TouchableOpacityProps } from 'react-native';\n\nimport type { ChannelState, MessageResponse } from 'stream-chat';\n\nimport type { Alignment } from '../messageContext/MessageContext';\nimport type { MessageAction } from '../messageOverlayContext/MessageOverlayContext';\nimport type { SuggestionCommand } from '../suggestionsContext/SuggestionsContext';\nimport type { DeepPartial } from '../themeContext/ThemeContext';\nimport type { Theme } from '../themeContext/utils/theme';\nimport type { TDateTimeParserInput } from '../translationContext/TranslationContext';\n\nimport type { AttachmentProps } from '../../components/Attachment/Attachment';\nimport type { AttachmentActionsProps } from '../../components/Attachment/AttachmentActions';\nimport type { CardProps } from '../../components/Attachment/Card';\nimport type { FileAttachmentProps } from '../../components/Attachment/FileAttachment';\nimport type { FileAttachmentGroupProps } from '../../components/Attachment/FileAttachmentGroup';\nimport type { FileIconProps } from '../../components/Attachment/FileIcon';\nimport type { GalleryProps } from '../../components/Attachment/Gallery';\nimport type { GiphyProps } from '../../components/Attachment/Giphy';\nimport type {\n MessageProps,\n MessageTouchableHandlerPayload,\n} from '../../components/Message/Message';\nimport type { MessageAvatarProps } from '../../components/Message/MessageSimple/MessageAvatar';\nimport type { MessageContentProps } from '../../components/Message/MessageSimple/MessageContent';\nimport type { MessageDeletedProps } from '../../components/Message/MessageSimple/MessageDeleted';\nimport type { MessageFooterProps } from '../../components/Message/MessageSimple/MessageFooter';\nimport type { MessageRepliesProps } from '../../components/Message/MessageSimple/MessageReplies';\nimport type { MessageRepliesAvatarsProps } from '../../components/Message/MessageSimple/MessageRepliesAvatars';\nimport type { MessageStatusProps } from '../../components/Message/MessageSimple/MessageStatus';\nimport type { MessageSimpleProps } from '../../components/Message/MessageSimple/MessageSimple';\nimport type { MessageTextProps } from '../../components/Message/MessageSimple/MessageTextContainer';\nimport type { MarkdownRules } from '../../components/Message/MessageSimple/utils/renderText';\nimport type { DateHeaderProps } from '../../components/MessageList/DateHeader';\nimport type { MessageType } from '../../components/MessageList/hooks/useMessageList';\nimport type { InlineDateSeparatorProps } from '../../components/MessageList/InlineDateSeparator';\nimport type { MessageListProps } from '../../components/MessageList/MessageList';\nimport type { ScrollToBottomButtonProps } from '../../components/MessageList/ScrollToBottomButton';\nimport type { MessageSystemProps } from '../../components/MessageList/MessageSystem';\nimport type { OverlayReactionListProps } from '../../components/MessageOverlay/OverlayReactionList';\nimport type { ReactionListProps } from '../../components/Message/MessageSimple/ReactionList';\nimport type { ReplyProps } from '../../components/Reply/Reply';\nimport type { FlatList } from '../../native';\nimport type {\n DefaultAttachmentType,\n DefaultChannelType,\n DefaultCommandType,\n DefaultEventType,\n DefaultMessageType,\n DefaultReactionType,\n DefaultUserType,\n UnknownType,\n} from '../../types/types';\nimport type { ReactionData } from '../../utils/utils';\n\nexport type MessagesConfig = {\n mutesEnabled?: boolean;\n quotedRepliesEnabled?: boolean;\n reactionsEnabled?: boolean;\n threadRepliesEnabled?: boolean;\n};\n\nexport type MessageContentType = 'attachments' \| 'files' \| 'gallery' \| 'quoted_reply' \| 'text';\n\nexport type MessagesContextValue<\n At extends UnknownType = DefaultAttachmentType,\n Ch extends UnknownType = DefaultChannelType,\n Co extends string = DefaultCommandType,\n Ev extends UnknownType = DefaultEventType,\n Me extends UnknownType = DefaultMessageType,\n Re extends UnknownType = DefaultReactionType,\n Us extends UnknownType = DefaultUserType,\n> = MessagesConfig & {\n /*\n UI component for Attachment.\n * Defaults to: [Attachment](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Attachment/Attachment.tsx)\n /\n Attachment: React.ComponentType<AttachmentProps<At, Ch, Co, Ev, Me, Re, Us>>;\n /\n UI component to display AttachmentActions. e.g., send, shuffle, cancel in case of giphy\n * Defaults to: [AttachmentActions](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Attachment/AttachmentActions.tsx)\n /\n AttachmentActions: React.ComponentType<AttachmentActionsProps<At, Ch, Co, Ev, Me, Re, Us>>;\n /\n UI component to display generic media type e.g. giphy, url preview etc\n * Defaults to: [Card](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Attachment/Card.tsx)\n /\n Card: React.ComponentType<CardProps<At, Ch, Co, Ev, Me, Re, Us>>;\n /\n UI component for DateHeader\n * Defaults to: [DateHeader](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/MessageList/DateHeader.tsx)\n /\n DateHeader: React.ComponentType<DateHeaderProps>;\n / Should keyboard be dismissed when messaged is touched /\n dismissKeyboardOnMessageTouch: boolean;\n /\n UI component to display File type attachment.\n * Defaults to: [FileAttachment](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Attachment/FileAttachment.tsx)\n /\n FileAttachment: React.ComponentType<FileAttachmentProps<At, Ch, Co, Ev, Me, Re, Us>>;\n /\n UI component to display group of File type attachments or multiple file attachments (in single message).\n * Defaults to: [FileAttachmentGroup](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Attachment/FileAttachmentGroup.tsx)\n /\n FileAttachmentGroup: React.ComponentType<FileAttachmentGroupProps<At, Ch, Co, Ev, Me, Re, Us>>;\n /\n UI component for attachment icon for type 'file' attachment.\n * Defaults to: https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Attachment/FileIcon.tsx\n /\n FileAttachmentIcon: React.ComponentType<FileIconProps>;\n FlatList: typeof FlatList;\n /\n UI component to display image attachments\n * Defaults to: [Gallery](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Attachment/Gallery.tsx)\n /\n Gallery: React.ComponentType<GalleryProps<At, Ch, Co, Ev, Me, Re, Us>>;\n /\n UI component for Giphy\n * Defaults to: [Giphy](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Attachment/Giphy.tsx)\n /\n Giphy: React.ComponentType<GiphyProps<At, Ch, Co, Ev, Me, Re, Us>>;\n /\n When true, messageList will be scrolled at first unread message, when opened.\n /\n initialScrollToFirstUnreadMessage: boolean;\n /\n UI component for Message Date Separator Component\n * Defaults to: [InlineDateSeparator](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/MessageList/InlineDateSeparator.tsx)\n /\n InlineDateSeparator: React.ComponentType<InlineDateSeparatorProps>;\n /\n UI component for InlineUnreadIndicator\n * Defaults to: [InlineUnreadIndicator](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Message/MessageSimple/InlineUnreadIndicator.tsx)\n /\n InlineUnreadIndicator: React.ComponentType;\n Message: React.ComponentType<MessageProps<At, Ch, Co, Ev, Me, Re, Us>>;\n /\n * UI component for MessageAvatar\n * Defaults to: [MessageAvatar](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Message/MessageSimple/MessageAvatar.tsx)\n /\n MessageAvatar: React.ComponentType<MessageAvatarProps<At, Ch, Co, Ev, Me, Re, Us>>;\n /\n * UI component for MessageContent\n * Defaults to: [MessageContent](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Message/MessageSimple/MessageContent.tsx)\n /\n MessageContent: React.ComponentType<MessageContentProps<At, Ch, Co, Ev, Me, Re, Us>>;\n /* Order to render the message content /\n messageContentOrder: MessageContentType[];\n /\n UI component for MessageDeleted\n * Defaults to: [MessageDeleted](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/MessageSimple/MessageDeleted.tsx)\n /\n MessageDeleted: React.ComponentType<MessageDeletedProps<At, Ch, Co, Ev, Me, Re, Us>>;\n /\n Custom message footer component\n /\n MessageFooter: React.ComponentType<MessageFooterProps<At, Ch, Co, Ev, Me, Re, Us>>;\n MessageList: React.ComponentType<MessageListProps<At, Ch, Co, Ev, Me, Re, Us>>;\n /\n UI component for MessageReplies\n * Defaults to: [MessageReplies](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/MessageSimple/MessageReplies.tsx)\n /\n MessageReplies: React.ComponentType<MessageRepliesProps<At, Ch, Co, Ev, Me, Re, Us>>;\n /\n UI Component for MessageRepliesAvatars\n * Defaults to: [MessageRepliesAvatars](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/MessageSimple/MessageRepliesAvatars.tsx)\n /\n MessageRepliesAvatars: React.ComponentType<\n MessageRepliesAvatarsProps<At, Ch, Co, Ev, Me, Re, Us>\n >;\n /\n UI component for MessageSimple\n * Defaults to: [MessageSimple](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Message/MessageSimple/MessageSimple.tsx)\n /\n MessageSimple: React.ComponentType<MessageSimpleProps<At, Ch, Co, Ev, Me, Re, Us>>;\n /\n UI component for MessageStatus (delivered/read)\n * Defaults to: [MessageStatus](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Message/MessageSimple/MessageStatus.tsx)\n /\n MessageStatus: React.ComponentType<MessageStatusProps<At, Ch, Co, Ev, Me, Re, Us>>;\n /\n UI component for MessageSystem\n * Defaults to: [MessageSystem](https://getstream.github.io/stream-chat-react-native/v3/#messagesystem)\n /\n MessageSystem: React.ComponentType<MessageSystemProps<At, Ch, Co, Ev, Me, Re, Us>>;\n /\n UI component for OverlayReactionList\n /\n OverlayReactionList: React.ComponentType<OverlayReactionListProps<At, Ch, Co, Ev, Me, Re, Us>>;\n /\n UI component for ReactionList\n * Defaults to: [ReactionList](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Reaction/ReactionList.tsx)\n /\n ReactionList: React.ComponentType<ReactionListProps<At, Ch, Co, Ev, Me, Re, Us>>;\n removeMessage: (message: { id: string; parent_id?: string }) => void;\n /\n UI component for Reply\n * Defaults to: [Reply](https://getstream.github.io/stream-chat-react-native/v3/#reply)\n /\n Reply: React.ComponentType<ReplyProps<At, Ch, Co, Ev, Me, Re, Us>>;\n /\n Override the api request for retry message functionality.\n /\n retrySendMessage: (message: MessageResponse<At, Ch, Co, Me, Re, Us>) => Promise<void>;\n /\n UI component for ScrollToBottomButton\n * Defaults to: [ScrollToBottomButton](https://getstream.github.io/stream-chat-react-native/v3/#ScrollToBottomButton)\n /\n ScrollToBottomButton: React.ComponentType<ScrollToBottomButtonProps>;\n setEditingState: (message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => void;\n setQuotedMessageState: (message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => void;\n supportedReactions: ReactionData[];\n /\n UI component for TypingIndicator\n * Defaults to: [TypingIndicator](https://getstream.github.io/stream-chat-react-native/v3/#typingindicator)\n /\n TypingIndicator: React.ComponentType;\n /\n UI component for TypingIndicatorContainer\n * Defaults to: [TypingIndicatorContainer](https://getstream.github.io/stream-chat-react-native/v3/#typingindicatorcontainer)\n /\n TypingIndicatorContainer: React.ComponentType;\n updateMessage: (\n updatedMessage: MessageResponse<At, Ch, Co, Me, Re, Us>,\n extraState?: {\n commands?: SuggestionCommand<Co>[];\n messageInput?: string;\n threadMessages?: ChannelState<At, Ch, Co, Ev, Me, Re, Us>['threads'][string];\n },\n ) => void;\n /\n Custom UI component to display enriched url preview.\n * Defaults to https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Attachment/Card.tsx\n /\n UrlPreview: React.ComponentType<CardProps<At, Ch, Co, Ev, Me, Re, Us>>;\n /\n Provide any additional props for `TouchableOpacity` which wraps inner MessageContent component here.\n * Please check docs for TouchableOpacity for supported props - https://reactnative.dev/docs/touchableopacity#props\n \n @overrideType Object\n /\n additionalTouchableProps?: Omit<TouchableOpacityProps, 'style'>;\n /\n When false, pop-out animation will be disabled for message bubble, onLongPress\n /\n animatedLongPress?: boolean;\n /\n Full override of the block user button in the Message Actions\n \n Please check [cookbook](https://github.com/GetStream/stream-chat-react-native/wiki/Cookbook-v3.0#override-or-intercept-message-actions-edit-delete-reaction-reply-etc) for details.\n /\n blockUser?: ((message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => MessageAction) \| null;\n /\n Custom UI component to override default cover (between Header and Footer) of Card component.\n * Accepts the same props as Card component.\n /\n CardCover?: React.ComponentType<CardProps<At, Ch, Co, Ev, Me, Re, Us>>;\n /\n Custom UI component to override default Footer of Card component.\n * Accepts the same props as Card component.\n /\n CardFooter?: React.ComponentType<CardProps<At, Ch, Co, Ev, Me, Re, Us>>;\n /\n Custom UI component to override default header of Card component.\n * Accepts the same props as Card component.\n /\n CardHeader?: React.ComponentType<CardProps<At, Ch, Co, Ev, Me, Re, Us>>;\n /\n Full override of the copy message button in the Message Actions\n \n Please check [cookbook](https://github.com/GetStream/stream-chat-react-native/wiki/Cookbook-v3.0#override-or-intercept-message-actions-edit-delete-reaction-reply-etc) for details.\n /\n copyMessage?: ((message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => MessageAction) \| null;\n /\n Full override of the delete message button in the Message Actions\n \n Please check [cookbook](https://github.com/GetStream/stream-chat-react-native/wiki/Cookbook-v3.0#override-or-intercept-message-actions-edit-delete-reaction-reply-etc) for details.\n /\n deleteMessage?: ((message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => MessageAction) \| null;\n disableTypingIndicator?: boolean;\n /\n Full override of the edit message button in the Message Actions\n \n Please check [cookbook](https://github.com/GetStream/stream-chat-react-native/wiki/Cookbook-v3.0#override-or-intercept-message-actions-edit-delete-reaction-reply-etc) for details.\n /\n editMessage?: ((message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => MessageAction) \| null;\n /\n Full override of the flag message button in the Message Actions\n \n Please check [cookbook](https://github.com/GetStream/stream-chat-react-native/wiki/Cookbook-v3.0#override-or-intercept-message-actions-edit-delete-reaction-reply-etc) for details.\n /\n flagMessage?: ((message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => MessageAction) \| null;\n /\n Whether messages should be aligned to right or left part of screen.\n * By default, messages will be received messages will be aligned to left and\n * sent messages will be aligned to right.\n /\n forceAlignMessages?: Alignment \| boolean;\n /\n Optional function to custom format the message date\n /\n formatDate?: (date: TDateTimeParserInput) => string;\n handleBlock?: (message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => Promise<void>;\n /* Handler to access when a copy message action is invoked /\n handleCopy?: (message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => Promise<void>;\n /* Handler to access when a delete message action is invoked /\n handleDelete?: (message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => Promise<void>;\n /* Handler to access when an edit message action is invoked /\n handleEdit?: (message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => void;\n /* Handler to access when a flag message action is invoked /\n handleFlag?: (message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => Promise<void>;\n /* Handler to access when a mute user action is invoked /\n handleMute?: (message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => Promise<void>;\n /* Handler to access when a quoted reply action is invoked /\n handleQuotedReply?: (message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => Promise<void>;\n /* Handler to process a reaction /\n handleReaction?: (\n message: MessageType<At, Ch, Co, Ev, Me, Re, Us>,\n reactionType: string,\n ) => Promise<void>;\n /* Handler to access when a retry action is invoked /\n handleRetry?: (message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => Promise<void>;\n /* Handler to access when a thread reply action is invoked /\n handleThreadReply?: (message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => Promise<void>;\n /* Object specifying rules defined within simple-markdown https://github.com/Khan/simple-markdown#adding-a-simple-extension /\n markdownRules?: MarkdownRules;\n /\n Use this prop to override message actions (which pop-up in message overlay).\n \n You can either completely override the default messageActions object.\n \n ```\n * <Channel\n * messageActions=[\n * {\n * action: () => { someAction() };\n * title: \"Pin Message\";\n * icon: PinIcon;\n * titleStyle: {};\n * },\n * {\n * action: () => { someAction() };\n * title: \"Delete Message\";\n * icon: PinIcon;\n * titleStyle: {};\n * }\n * ]\n * >\n * </Channel>\n * ```\n \n Or you can selectly keep certain action and remove some:\n \n e.g. Lets say you only want to keep threadReply and copyMessage actions\n \n ```\n * <Channel\n * messageActions={({\n * blockUser,\n * copyMessage,\n * deleteMessage,\n * editMessage,\n * flagMessage,\n * muteUser,\n * quotedReply,\n * retry,\n * threadReply,\n * }) => ([\n * threadReply, copyMessage\n * ])}\n * >\n * </Channel>\n * ```\n \n @overrideType Function \| Array<Objects>\n /\n messageActions?:\n \| (MessageAction \| null)[]\n \| (({\n blockUser,\n canModifyMessage,\n copyMessage,\n deleteMessage,\n dismissOverlay,\n editMessage,\n error,\n flagMessage,\n isMyMessage,\n isThreadMessage,\n message,\n messageReactions,\n muteUser,\n quotedRepliesEnabled,\n quotedReply,\n retry,\n threadRepliesEnabled,\n threadReply,\n }: {\n blockUser: MessageAction \| null;\n canModifyMessage: boolean;\n copyMessage: MessageAction \| null;\n deleteMessage: MessageAction \| null;\n dismissOverlay: () => void;\n editMessage: MessageAction \| null;\n error: boolean;\n flagMessage: MessageAction \| null;\n isMyMessage: boolean;\n isThreadMessage: boolean;\n message: MessageType<At, Ch, Co, Ev, Me, Re, Us>;\n messageReactions: boolean;\n muteUser: MessageAction \| null;\n quotedReply: MessageAction \| null;\n retry: MessageAction \| null;\n threadReply: MessageAction \| null;\n quotedRepliesEnabled?: boolean;\n threadRepliesEnabled?: boolean;\n }) => (MessageAction \| null)[] \| undefined);\n /\n Custom message header component\n /\n MessageHeader?: React.ComponentType<MessageFooterProps<At, Ch, Co, Ev, Me, Re, Us>>;\n /* Custom UI component for message text /\n MessageText?: React.ComponentType<MessageTextProps<At, Ch, Co, Ev, Me, Re, Us>>;\n /\n Full override of the mute user button in the Message Actions\n \n Please check [cookbook](https://github.com/GetStream/stream-chat-react-native/wiki/Cookbook-v3.0#override-or-intercept-message-actions-edit-delete-reaction-reply-etc) for details.\n * /\n muteUser?: ((message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => MessageAction) \| null;\n /\n Theme provided only to messages that are the current users\n /\n myMessageTheme?: DeepPartial<Theme>;\n /\n Add double tap handler for message.\n \n ```\n * <Channel\n * onDoubleTapMessage={({\n * actionHandlers: {\n * deleteMessage, // () => Promise<void>;\n * editMessage, // () => void;\n * quotedReply, // () => void;\n * resendMessage, // () => Promise<void>;\n * showMessageOverlay, // () => void;\n * toggleBanUser, // () => Promise<void>;\n * toggleMuteUser, // () => Promise<void>;\n * toggleReaction, // (reactionType: string) => Promise<void>;\n * },\n * message // message object on which longPress occured\n * }) => {\n * // Your custom action\n * }}\n * />\n * ```\n /\n onDoubleTapMessage?: (\n payload: MessageTouchableHandlerPayload<At, Ch, Co, Ev, Me, Re, Us>,\n ) => void;\n /\n Override default handler for onLongPress on message. You have access to payload of that handler as param:\n \n ```\n * <Channel\n * onLongPressMessage={({\n * actionHandlers: {\n * deleteMessage, // () => Promise<void>;\n * editMessage, // () => void;\n * quotedReply, // () => void;\n * resendMessage, // () => Promise<void>;\n * showMessageOverlay, // () => void;\n * toggleBanUser, // () => Promise<void>;\n * toggleMuteUser, // () => Promise<void>;\n * toggleReaction, // (reactionType: string) => Promise<void>;\n * },\n * defaultHandler, // () => void\n * event, // any event object corresponding to touchable feedback\n * emitter, // which component trigged this touchable feedback e.g. card, fileAttachment, gallery, message ... etc\n * message // message object on which longPress occured\n * }) => {\n * // Your custom action\n * }}\n * />\n * ```\n /\n onLongPressMessage?: (\n payload: MessageTouchableHandlerPayload<At, Ch, Co, Ev, Me, Re, Us>,\n ) => void;\n /\n Add onPressIn handler for attachments. You have access to payload of that handler as param:\n \n ```\n * <Channel\n * onPressInMessage={({\n * actionHandlers: {\n * deleteMessage, // () => Promise<void>;\n * editMessage, // () => void;\n * quotedReply, // () => void;\n * resendMessage, // () => Promise<void>;\n * showMessageOverlay, // () => void;\n * toggleBanUser, // () => Promise<void>;\n * toggleMuteUser, // () => Promise<void>;\n * toggleReaction, // (reactionType: string) => Promise<void>;\n * },\n * defaultHandler, // () => void\n * event, // any event object corresponding to touchable feedback\n * emitter, // which component trigged this touchable feedback e.g. card, fileAttachment, gallery, message ... etc\n * message // message object on which longPress occured\n * }) => {\n * // Your custom action\n * }}\n * />\n * ```\n /\n onPressInMessage?: (payload: MessageTouchableHandlerPayload<At, Ch, Co, Ev, Me, Re, Us>) => void;\n /\n Override onPress handler for message. You have access to payload of that handler as param:\n \n ```\n * <Channel\n * onPressMessage={({\n * actionHandlers: {\n * deleteMessage, // () => Promise<void>;\n * editMessage, // () => void;\n * quotedReply, // () => void;\n * resendMessage, // () => Promise<void>;\n * showMessageOverlay, // () => void;\n * toggleBanUser, // () => Promise<void>;\n * toggleMuteUser, // () => Promise<void>;\n * toggleReaction, // (reactionType: string) => Promise<void>;\n * },\n * defaultHandler, // () => void\n * event, // any event object corresponding to touchable feedback\n * emitter, // which component trigged this touchable feedback e.g. card, fileAttachment, gallery, message ... etc\n * message // message object on which longPress occurred\n * }) => {\n * // Your custom action\n * }}\n * />\n * ```\n /\n onPressMessage?: (payload: MessageTouchableHandlerPayload<At, Ch, Co, Ev, Me, Re, Us>) => void;\n /\n Full override of the quoted reply button in the Message Actions\n \n Please check [cookbook](https://github.com/GetStream/stream-chat-react-native/wiki/Cookbook-v3.0#override-or-intercept-message-actions-edit-delete-reaction-reply-etc) for details.\n /\n quotedReply?: ((message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => MessageAction) \| null;\n /\n Full override of the resend button in the Message Actions\n \n Please check [cookbook](https://github.com/GetStream/stream-chat-react-native/wiki/Cookbook-v3.0#override-or-intercept-message-actions-edit-delete-reaction-reply-etc) for details.\n * /\n retry?: ((message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => MessageAction) \| null;\n /\n Full override of the reaction function on Message and Message Overlay\n \n Please check [cookbook](https://github.com/GetStream/stream-chat-react-native/wiki/Cookbook-v3.0#override-or-intercept-message-actions-edit-delete-reaction-reply-etc) for details.\n * /\n selectReaction?: (\n message: MessageType<At, Ch, Co, Ev, Me, Re, Us>,\n ) => (reactionType: string) => Promise<void>;\n /\n Full override of the thread reply button in the Message Actions\n \n Please check [cookbook](https://github.com/GetStream/stream-chat-react-native/wiki/Cookbook-v3.0#override-or-intercept-message-actions-edit-delete-reaction-reply-etc) for details.\n * /\n threadReply?: (message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => MessageAction;\n};\n\nexport const MessagesContext = React.createContext({} as MessagesContextValue);\n\nexport const MessagesProvider = <\n At extends UnknownType = DefaultAttachmentType,\n Ch extends UnknownType = DefaultChannelType,\n Co extends string = DefaultCommandType,\n Ev extends UnknownType = DefaultEventType,\n Me extends UnknownType = DefaultMessageType,\n Re extends UnknownType = DefaultReactionType,\n Us extends UnknownType = DefaultUserType,\n>({\n children,\n value,\n}: PropsWithChildren<{\n value?: MessagesContextValue<At, Ch, Co, Ev, Me, Re, Us>;\n}>) => (\n <MessagesContext.Provider value={value as unknown as MessagesContextValue}>\n {children}\n </MessagesContext.Provider>\n);\n\nexport const useMessagesContext = <\n At extends UnknownType = DefaultAttachmentType,\n Ch extends UnknownType = DefaultChannelType,\n Co extends string = DefaultCommandType,\n Ev extends UnknownType = DefaultEventType,\n Me extends UnknownType = DefaultMessageType,\n Re extends UnknownType = DefaultReactionType,\n Us extends UnknownType = DefaultUserType,\n>() => useContext(MessagesContext) as unknown as MessagesContextValue<At, Ch, Co, Ev, Me, Re, Us>;\n\n/\n Typescript currently does not support partial inference so if MessagesContext\n * typing is desired while using the HOC withMessagesContext the Props for the\n * wrapped component must be provided as the first generic.\n */\nexport const withMessagesContext = <\n P extends UnknownType,\n At extends UnknownType = DefaultAttachmentType,\n Ch extends UnknownType = DefaultChannelType,\n Co extends string = DefaultCommandType,\n Ev extends UnknownType = DefaultEventType,\n Me extends UnknownType = DefaultMessageType,\n Re extends UnknownType = DefaultReactionType,\n Us extends UnknownType = DefaultUserType,\n>(\n Component: React.ComponentType<P>,\n): React.FC<Omit<P, keyof MessagesContextValue<At, Ch, Co, Ev, Me, Re, Us>>> => {\n const WithMessagesContextComponent = (\n props: Omit<P, keyof MessagesContextValue<At, Ch, Co, Ev, Me, Re, Us>>,\n ) => {\n const messagesContext = useMessagesContext<At, Ch, Co, Ev, Me, Re, Us>();\n\n return <Component {...(props as P)} {...messagesContext} />;\n };\n WithMessagesContextComponent.displayName = `WithMessagesContext${getDisplayName(Component)}`;\n return WithMessagesContextComponent;\n};\n"]}
1	+ {"version":3,"sources":["MessagesContext.tsx"],"names":["MessagesContext","React","createContext","MessagesProvider","children","value","useMessagesContext","withMessagesContext","Component","WithMessagesContextComponent","props","messagesContext","displayName"],"mappings":";;;;;;;;;;;AAAA;;AAkDA;;;;;;;;;AAoZO,IAAMA,eAAe,GAAGC,kBAAMC,aAAN,CAAoB,EAApB,CAAxB;;;;AAEA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB;AAAA,MAG9BC,QAH8B,QAG9BA,QAH8B;AAAA,MAI9BC,KAJ8B,QAI9BA,KAJ8B;AAAA,SAQ9B,gCAAC,eAAD,CAAiB,QAAjB;AAA0B,IAAA,KAAK,EAAEA,KAAjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGD,QADH,CAR8B;AAAA,CAAzB;;;;AAaA,IAAME,kBAAkB,GAAG,SAArBA,kBAAqB;AAAA,SAE3B,uBAAWN,eAAX,CAF2B;AAAA,CAA3B;;;;AASA,IAAMO,mBAAmB,GAAG,SAAtBA,mBAAsB,CAIjCC,SAJiC,EAKqC;AACtE,MAAMC,4BAA4B,GAAG,SAA/BA,4BAA+B,CACnCC,KADmC,EAEhC;AACH,QAAMC,eAAe,GAAGL,kBAAkB,EAA1C;AAEA,WAAO,gCAAC,SAAD,gCAAgBI,KAAhB,EAAiCC,eAAjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAP;AACD,GAND;;AAOAF,EAAAA,4BAA4B,CAACG,WAA7B,2BAAiE,oCAAeJ,SAAf,CAAjE;AACA,SAAOC,4BAAP;AACD,CAfM","sourcesContent":["import React, { PropsWithChildren, useContext } from 'react';\n\nimport type { TouchableOpacityProps } from 'react-native';\n\nimport type { MessagePinnedHeaderProps } from 'src/components/Message/MessageSimple/MessagePinnedHeader';\n\nimport type { ChannelState, MessageResponse } from 'stream-chat';\n\nimport type { AttachmentProps } from '../../components/Attachment/Attachment';\nimport type { AttachmentActionsProps } from '../../components/Attachment/AttachmentActions';\nimport type { CardProps } from '../../components/Attachment/Card';\nimport type { FileAttachmentProps } from '../../components/Attachment/FileAttachment';\nimport type { FileAttachmentGroupProps } from '../../components/Attachment/FileAttachmentGroup';\nimport type { FileIconProps } from '../../components/Attachment/FileIcon';\nimport type { GalleryProps } from '../../components/Attachment/Gallery';\nimport type { GiphyProps } from '../../components/Attachment/Giphy';\nimport type {\n MessageProps,\n MessageTouchableHandlerPayload,\n} from '../../components/Message/Message';\nimport type { MessageAvatarProps } from '../../components/Message/MessageSimple/MessageAvatar';\nimport type { MessageContentProps } from '../../components/Message/MessageSimple/MessageContent';\nimport type { MessageDeletedProps } from '../../components/Message/MessageSimple/MessageDeleted';\nimport type { MessageFooterProps } from '../../components/Message/MessageSimple/MessageFooter';\n\nimport type { MessageRepliesProps } from '../../components/Message/MessageSimple/MessageReplies';\nimport type { MessageRepliesAvatarsProps } from '../../components/Message/MessageSimple/MessageRepliesAvatars';\nimport type { MessageSimpleProps } from '../../components/Message/MessageSimple/MessageSimple';\nimport type { MessageStatusProps } from '../../components/Message/MessageSimple/MessageStatus';\nimport type { MessageTextProps } from '../../components/Message/MessageSimple/MessageTextContainer';\nimport type { ReactionListProps } from '../../components/Message/MessageSimple/ReactionList';\nimport type { MarkdownRules } from '../../components/Message/MessageSimple/utils/renderText';\nimport type { MessageActionsParams } from '../../components/Message/utils/messageActions';\nimport type { DateHeaderProps } from '../../components/MessageList/DateHeader';\nimport type { MessageType } from '../../components/MessageList/hooks/useMessageList';\nimport type { InlineDateSeparatorProps } from '../../components/MessageList/InlineDateSeparator';\nimport type { MessageListProps } from '../../components/MessageList/MessageList';\nimport type { MessageSystemProps } from '../../components/MessageList/MessageSystem';\nimport type { ScrollToBottomButtonProps } from '../../components/MessageList/ScrollToBottomButton';\nimport type { MessageActionType } from '../../components/MessageOverlay/MessageActionListItem';\nimport type { OverlayReactionListProps } from '../../components/MessageOverlay/OverlayReactionList';\nimport type { ReplyProps } from '../../components/Reply/Reply';\nimport type { FlatList } from '../../native';\nimport type { DefaultStreamChatGenerics, UnknownType } from '../../types/types';\nimport type { ReactionData } from '../../utils/utils';\nimport type { Alignment } from '../messageContext/MessageContext';\nimport type { SuggestionCommand } from '../suggestionsContext/SuggestionsContext';\nimport type { DeepPartial } from '../themeContext/ThemeContext';\nimport type { Theme } from '../themeContext/utils/theme';\nimport type { TDateTimeParserInput } from '../translationContext/TranslationContext';\nimport { getDisplayName } from '../utils/getDisplayName';\n\nexport type MessageContentType = 'attachments' \| 'files' \| 'gallery' \| 'quoted_reply' \| 'text';\n\nexport type MessagesContextValue<\n StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = {\n /*\n UI component for Attachment.\n * Defaults to: [Attachment](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Attachment/Attachment.tsx)\n /\n Attachment: React.ComponentType<AttachmentProps<StreamChatGenerics>>;\n /\n UI component to display AttachmentActions. e.g., send, shuffle, cancel in case of giphy\n * Defaults to: [AttachmentActions](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Attachment/AttachmentActions.tsx)\n /\n AttachmentActions: React.ComponentType<AttachmentActionsProps<StreamChatGenerics>>;\n /\n UI component to display generic media type e.g. giphy, url preview etc\n * Defaults to: [Card](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Attachment/Card.tsx)\n /\n Card: React.ComponentType<CardProps<StreamChatGenerics>>;\n /\n UI component for DateHeader\n * Defaults to: [DateHeader](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/MessageList/DateHeader.tsx)\n /\n DateHeader: React.ComponentType<DateHeaderProps>;\n\n / Should keyboard be dismissed when messaged is touched /\n dismissKeyboardOnMessageTouch: boolean;\n\n enableMessageGroupingByUser: boolean;\n\n /\n UI component to display File type attachment.\n * Defaults to: [FileAttachment](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Attachment/FileAttachment.tsx)\n /\n FileAttachment: React.ComponentType<FileAttachmentProps<StreamChatGenerics>>;\n /\n UI component to display group of File type attachments or multiple file attachments (in single message).\n * Defaults to: [FileAttachmentGroup](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Attachment/FileAttachmentGroup.tsx)\n /\n FileAttachmentGroup: React.ComponentType<FileAttachmentGroupProps<StreamChatGenerics>>;\n /\n UI component for attachment icon for type 'file' attachment.\n * Defaults to: https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Attachment/FileIcon.tsx\n /\n FileAttachmentIcon: React.ComponentType<FileIconProps>;\n FlatList: typeof FlatList;\n /\n UI component to display image attachments\n * Defaults to: [Gallery](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Attachment/Gallery.tsx)\n /\n Gallery: React.ComponentType<GalleryProps<StreamChatGenerics>>;\n /\n UI component for Giphy\n * Defaults to: [Giphy](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Attachment/Giphy.tsx)\n /\n Giphy: React.ComponentType<GiphyProps<StreamChatGenerics>>;\n\n /\n When true, messageList will be scrolled at first unread message, when opened.\n /\n initialScrollToFirstUnreadMessage: boolean;\n /\n UI component for Message Date Separator Component\n * Defaults to: [InlineDateSeparator](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/MessageList/InlineDateSeparator.tsx)\n /\n InlineDateSeparator: React.ComponentType<InlineDateSeparatorProps>;\n /\n UI component for InlineUnreadIndicator\n * Defaults to: [InlineUnreadIndicator](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Message/MessageSimple/InlineUnreadIndicator.tsx)\n /\n InlineUnreadIndicator: React.ComponentType;\n Message: React.ComponentType<MessageProps<StreamChatGenerics>>;\n /\n * UI component for MessageAvatar\n * Defaults to: [MessageAvatar](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Message/MessageSimple/MessageAvatar.tsx)\n /\n MessageAvatar: React.ComponentType<MessageAvatarProps<StreamChatGenerics>>;\n /\n * UI component for MessageContent\n * Defaults to: [MessageContent](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Message/MessageSimple/MessageContent.tsx)\n /\n MessageContent: React.ComponentType<MessageContentProps<StreamChatGenerics>>;\n /* Order to render the message content /\n messageContentOrder: MessageContentType[];\n /\n UI component for MessageDeleted\n * Defaults to: [MessageDeleted](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/MessageSimple/MessageDeleted.tsx)\n /\n MessageDeleted: React.ComponentType<MessageDeletedProps<StreamChatGenerics>>;\n /\n Custom message footer component\n /\n MessageFooter: React.ComponentType<MessageFooterProps<StreamChatGenerics>>;\n MessageList: React.ComponentType<MessageListProps<StreamChatGenerics>>;\n /\n Custom message pinned component\n /\n MessagePinnedHeader: React.ComponentType<MessagePinnedHeaderProps<StreamChatGenerics>>;\n /\n UI component for MessageReplies\n * Defaults to: [MessageReplies](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/MessageSimple/MessageReplies.tsx)\n /\n\n MessageReplies: React.ComponentType<MessageRepliesProps<StreamChatGenerics>>;\n /\n UI Component for MessageRepliesAvatars\n * Defaults to: [MessageRepliesAvatars](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/MessageSimple/MessageRepliesAvatars.tsx)\n /\n MessageRepliesAvatars: React.ComponentType<MessageRepliesAvatarsProps<StreamChatGenerics>>;\n /\n UI component for MessageSimple\n * Defaults to: [MessageSimple](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Message/MessageSimple/MessageSimple.tsx)\n /\n MessageSimple: React.ComponentType<MessageSimpleProps<StreamChatGenerics>>;\n /\n UI component for MessageStatus (delivered/read)\n * Defaults to: [MessageStatus](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Message/MessageSimple/MessageStatus.tsx)\n /\n MessageStatus: React.ComponentType<MessageStatusProps<StreamChatGenerics>>;\n /\n UI component for MessageSystem\n * Defaults to: [MessageSystem](https://getstream.github.io/stream-chat-react-native/v3/#messagesystem)\n /\n MessageSystem: React.ComponentType<MessageSystemProps<StreamChatGenerics>>;\n /\n UI component for OverlayReactionList\n /\n OverlayReactionList: React.ComponentType<OverlayReactionListProps<StreamChatGenerics>>;\n /\n UI component for ReactionList\n * Defaults to: [ReactionList](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Reaction/ReactionList.tsx)\n /\n ReactionList: React.ComponentType<ReactionListProps<StreamChatGenerics>>;\n removeMessage: (message: { id: string; parent_id?: string }) => void;\n /\n UI component for Reply\n * Defaults to: [Reply](https://getstream.github.io/stream-chat-react-native/v3/#reply)\n /\n Reply: React.ComponentType<ReplyProps<StreamChatGenerics>>;\n /\n Override the api request for retry message functionality.\n /\n retrySendMessage: (message: MessageResponse<StreamChatGenerics>) => Promise<void>;\n /\n UI component for ScrollToBottomButton\n * Defaults to: [ScrollToBottomButton](https://getstream.github.io/stream-chat-react-native/v3/#ScrollToBottomButton)\n /\n ScrollToBottomButton: React.ComponentType<ScrollToBottomButtonProps>;\n setEditingState: (message: MessageType<StreamChatGenerics>) => void;\n setQuotedMessageState: (message: MessageType<StreamChatGenerics>) => void;\n supportedReactions: ReactionData[];\n /\n UI component for TypingIndicator\n * Defaults to: [TypingIndicator](https://getstream.github.io/stream-chat-react-native/v3/#typingindicator)\n /\n TypingIndicator: React.ComponentType;\n /\n UI component for TypingIndicatorContainer\n * Defaults to: [TypingIndicatorContainer](https://getstream.github.io/stream-chat-react-native/v3/#typingindicatorcontainer)\n /\n TypingIndicatorContainer: React.ComponentType;\n updateMessage: (\n updatedMessage: MessageResponse<StreamChatGenerics>,\n extraState?: {\n commands?: SuggestionCommand<StreamChatGenerics>[];\n messageInput?: string;\n threadMessages?: ChannelState<StreamChatGenerics>['threads'][string];\n },\n ) => void;\n /\n Custom UI component to display enriched url preview.\n * Defaults to https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Attachment/Card.tsx\n /\n UrlPreview: React.ComponentType<CardProps<StreamChatGenerics>>;\n /\n Provide any additional props for `TouchableOpacity` which wraps inner MessageContent component here.\n * Please check docs for TouchableOpacity for supported props - https://reactnative.dev/docs/touchableopacity#props\n \n @overrideType Object\n /\n additionalTouchableProps?: Omit<TouchableOpacityProps, 'style'>;\n /\n Custom UI component to override default cover (between Header and Footer) of Card component.\n * Accepts the same props as Card component.\n /\n CardCover?: React.ComponentType<CardProps<StreamChatGenerics>>;\n /\n Custom UI component to override default Footer of Card component.\n * Accepts the same props as Card component.\n /\n CardFooter?: React.ComponentType<CardProps<StreamChatGenerics>>;\n /\n Custom UI component to override default header of Card component.\n * Accepts the same props as Card component.\n /\n CardHeader?: React.ComponentType<CardProps<StreamChatGenerics>>;\n\n /\n Full override of the delete message button in the Message Actions\n \n Please check [cookbook](https://github.com/GetStream/stream-chat-react-native/wiki/Cookbook-v3.0#override-or-intercept-message-actions-edit-delete-reaction-reply-etc) for details.\n /\n\n /* Control if the deleted message is visible to both the send and reciever, either of them or none /\n deletedMessagesVisibilityType?: 'always' \| 'never' \| 'receiver' \| 'sender';\n\n disableTypingIndicator?: boolean;\n\n /\n Whether messages should be aligned to right or left part of screen.\n * By default, messages will be received messages will be aligned to left and\n * sent messages will be aligned to right.\n /\n forceAlignMessages?: Alignment \| boolean;\n /\n Optional function to custom format the message date\n /\n formatDate?: (date: TDateTimeParserInput) => string;\n handleBlock?: (message: MessageType<StreamChatGenerics>) => Promise<void>;\n /* Handler to access when a copy message action is invoked /\n handleCopy?: (message: MessageType<StreamChatGenerics>) => Promise<void>;\n /* Handler to access when a delete message action is invoked /\n handleDelete?: (message: MessageType<StreamChatGenerics>) => Promise<void>;\n /* Handler to access when an edit message action is invoked /\n handleEdit?: (message: MessageType<StreamChatGenerics>) => void;\n /* Handler to access when a flag message action is invoked /\n handleFlag?: (message: MessageType<StreamChatGenerics>) => Promise<void>;\n /* Handler to access when a mute user action is invoked /\n handleMute?: (message: MessageType<StreamChatGenerics>) => Promise<void>;\n /* Handler to access when a pin/unpin user action is invoked/\n handlePinMessage?: ((message: MessageType<StreamChatGenerics>) => MessageActionType) \| null;\n /* Handler to access when a quoted reply action is invoked /\n handleQuotedReply?: (message: MessageType<StreamChatGenerics>) => Promise<void>;\n /* Handler to process a reaction /\n handleReaction?: (\n message: MessageType<StreamChatGenerics>,\n reactionType: string,\n ) => Promise<void>;\n /* Handler to access when a retry action is invoked /\n handleRetry?: (message: MessageType<StreamChatGenerics>) => Promise<void>;\n /* Handler to access when a thread reply action is invoked /\n handleThreadReply?: (message: MessageType<StreamChatGenerics>) => Promise<void>;\n legacyImageViewerSwipeBehaviour?: boolean;\n /* Object specifying rules defined within simple-markdown https://github.com/Khan/simple-markdown#adding-a-simple-extension /\n markdownRules?: MarkdownRules;\n /\n Use this prop to override message actions (which pop-up in message overlay).\n \n You can either completely override the default messageActions object.\n \n ```\n * <Channel\n * messageActions=[\n * {\n * action: () => { someAction() };\n * title: \"Pin Message\";\n * icon: PinIcon;\n * titleStyle: {};\n * },\n * {\n * action: () => { someAction() };\n * title: \"Delete Message\";\n * icon: PinIcon;\n * titleStyle: {};\n * }\n * ]\n * >\n * </Channel>\n * ```\n \n Or you can selectly keep certain action and remove some:\n \n e.g. Lets say you only want to keep threadReply and copyMessage actions\n \n ```\n * <Channel\n * messageActions={({\n * blockUser,\n * copyMessage,\n * deleteMessage,\n * editMessage,\n * flagMessage,\n * muteUser,\n * quotedReply,\n * retry,\n * threadReply,\n * }) => ([\n * threadReply, copyMessage\n * ])}\n * >\n * </Channel>\n * ```\n \n @overrideType Function \| Array<Objects>\n /\n messageActions?: (param: MessageActionsParams<StreamChatGenerics>) => MessageActionType[];\n /\n Custom message header component\n /\n MessageHeader?: React.ComponentType<MessageFooterProps<StreamChatGenerics>>;\n /* Custom UI component for message text /\n MessageText?: React.ComponentType<MessageTextProps<StreamChatGenerics>>;\n\n /\n Theme provided only to messages that are the current users\n /\n myMessageTheme?: DeepPartial<Theme>;\n /\n Override default handler for onLongPress on message. You have access to payload of that handler as param:\n \n ```\n * <Channel\n * onLongPressMessage={({\n * actionHandlers: {\n * deleteMessage, // () => Promise<void>;\n * editMessage, // () => void;\n * quotedReply, // () => void;\n * resendMessage, // () => Promise<void>;\n * showMessageOverlay, // () => void;\n * toggleBanUser, // () => Promise<void>;\n * toggleMuteUser, // () => Promise<void>;\n * toggleReaction, // (reactionType: string) => Promise<void>;\n * },\n * defaultHandler, // () => void\n * event, // any event object corresponding to touchable feedback\n * emitter, // which component trigged this touchable feedback e.g. card, fileAttachment, gallery, message ... etc\n * message // message object on which longPress occured\n * }) => {\n * // Your custom action\n * }}\n * />\n * ```\n /\n onLongPressMessage?: (payload: MessageTouchableHandlerPayload<StreamChatGenerics>) => void;\n /\n Add onPressIn handler for attachments. You have access to payload of that handler as param:\n \n ```\n * <Channel\n * onPressInMessage={({\n * actionHandlers: {\n * deleteMessage, // () => Promise<void>;\n * editMessage, // () => void;\n * quotedReply, // () => void;\n * resendMessage, // () => Promise<void>;\n * showMessageOverlay, // () => void;\n * toggleBanUser, // () => Promise<void>;\n * toggleMuteUser, // () => Promise<void>;\n * toggleReaction, // (reactionType: string) => Promise<void>;\n * },\n * defaultHandler, // () => void\n * event, // any event object corresponding to touchable feedback\n * emitter, // which component trigged this touchable feedback e.g. card, fileAttachment, gallery, message ... etc\n * message // message object on which longPress occured\n * }) => {\n * // Your custom action\n * }}\n * />\n * ```\n /\n onPressInMessage?: (payload: MessageTouchableHandlerPayload<StreamChatGenerics>) => void;\n /\n Override onPress handler for message. You have access to payload of that handler as param:\n \n ```\n * <Channel\n * onPressMessage={({\n * actionHandlers: {\n * deleteMessage, // () => Promise<void>;\n * editMessage, // () => void;\n * quotedReply, // () => void;\n * resendMessage, // () => Promise<void>;\n * showMessageOverlay, // () => void;\n * toggleBanUser, // () => Promise<void>;\n * toggleMuteUser, // () => Promise<void>;\n * toggleReaction, // (reactionType: string) => Promise<void>;\n * },\n * defaultHandler, // () => void\n * event, // any event object corresponding to touchable feedback\n * emitter, // which component trigged this touchable feedback e.g. card, fileAttachment, gallery, message ... etc\n * message // message object on which longPress occurred\n * }) => {\n * // Your custom action\n * }}\n * />\n * ```\n /\n onPressMessage?: (payload: MessageTouchableHandlerPayload<StreamChatGenerics>) => void;\n\n /\n Full override of the reaction function on Message and Message Overlay\n \n Please check [cookbook](https://github.com/GetStream/stream-chat-react-native/wiki/Cookbook-v3.0#override-or-intercept-message-actions-edit-delete-reaction-reply-etc) for details.\n * /\n selectReaction?: (\n message: MessageType<StreamChatGenerics>,\n ) => (reactionType: string) => Promise<void>;\n\n targetedMessage?: string;\n};\n\nexport const MessagesContext = React.createContext({} as MessagesContextValue);\n\nexport const MessagesProvider = <\n StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n children,\n value,\n}: PropsWithChildren<{\n value?: MessagesContextValue<StreamChatGenerics>;\n}>) => (\n <MessagesContext.Provider value={value as unknown as MessagesContextValue}>\n {children}\n </MessagesContext.Provider>\n);\n\nexport const useMessagesContext = <\n StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>() => useContext(MessagesContext) as unknown as MessagesContextValue<StreamChatGenerics>;\n\n/\n Typescript currently does not support partial inference so if MessagesContext\n * typing is desired while using the HOC withMessagesContext the Props for the\n * wrapped component must be provided as the first generic.\n */\nexport const withMessagesContext = <\n P extends UnknownType,\n StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n Component: React.ComponentType<P>,\n): React.FC<Omit<P, keyof MessagesContextValue<StreamChatGenerics>>> => {\n const WithMessagesContextComponent = (\n props: Omit<P, keyof MessagesContextValue<StreamChatGenerics>>,\n ) => {\n const messagesContext = useMessagesContext<StreamChatGenerics>();\n\n return <Component {...(props as P)} {...messagesContext} />;\n };\n WithMessagesContextComponent.displayName = `WithMessagesContext${getDisplayName(Component)}`;\n return WithMessagesContextComponent;\n};\n"]}

package/lib/commonjs/contexts/overlayContext/OverlayContext.js CHANGED Viewed

@@ -37,7 +37,7 @@ var withOverlayContext = function withOverlayContext(Component) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 87,
+        lineNumber: 85,
         columnNumber: 12
       }
     }));

package/lib/commonjs/contexts/overlayContext/OverlayContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["OverlayContext.tsx"],"names":["OverlayContext","React","createContext","useOverlayContext","withOverlayContext","Component","WithOverlayContextComponent","props","overlayContext","displayName"],"mappings":";;;;;;;;;;;AAAA;;~~AAEA~~;;;;;;;;;~~AAmCO~~,IAAMA,cAAc,GAAGC,kBAAMC,aAAN,CAAyC,EAAzC,CAAvB;;;;~~AAyCA~~,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB;AAAA,SAAM,uBAAWH,cAAX,CAAN;AAAA,CAA1B;;;;AAEA,IAAMI,kBAAkB,GAAG,SAArBA,kBAAqB,~~CAChCC~~,~~SADgC~~,~~EAEiB~~;~~AACjD~~,MAAMC,2BAA2B,GAAG,SAA9BA,2BAA8B,~~CAACC~~,~~KAAD~~,~~EAA+C~~;~~AACjF~~,QAAMC,cAAc,GAAGL,iBAAiB,EAAxC;AAEA,WAAO,gCAAC,SAAD,gCAAgBI,KAAhB,~~EAAiCC~~,~~cAAjC~~;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAP;AACD,~~GAJD~~;;~~AAKAF~~,EAAAA,2BAA2B,CAACG,WAA5B,0BAA+D,~~oCAAeJ~~,~~SAAf~~,CAA/D;~~AACA~~,SAAOC,2BAAP;AACD,~~CAVM~~","sourcesContent":["import React, { useContext } from 'react';\n\nimport { ~~getDisplayName~~ } from '~~../utils/getDisplayName~~';\n\nimport type { BottomSheetMethods } from '@gorhom/bottom-sheet/lib/typescript/types';\n\nimport type { ~~AttachmentPickerContextValue~~ } from '~~../attachmentPickerContext~~/~~AttachmentPickerContext~~';\nimport type { ~~MessageOverlayContextValue~~ } from '~~../messageOverlayContext~~/~~MessageOverlayContext~~';\nimport type { ~~DeepPartial~~ } from '~~../themeContext~~/~~ThemeContext~~';\nimport type { ~~Theme~~ } from '~~../themeContext~~/~~utils/theme~~';\n\nimport type { ~~AttachmentPickerProps~~ } from '../../~~components~~/~~AttachmentPicker/AttachmentPicker~~';\nimport type { ~~ImageGalleryCustomComponents~~ } from '~~../../components~~/~~ImageGallery/ImageGallery~~';\nimport type {~~\n DefaultAttachmentType,\n DefaultChannelType,\n DefaultCommandType,\n DefaultEventType,\n DefaultMessageType,\n DefaultReactionType,\n DefaultUserType,\n UnknownType,\n~~} from '~~../../types~~/~~types~~';\nimport type { ~~Streami18n~~ } from '~~../../utils~~/~~Streami18n~~';\~~n\nexport~~ type ~~BlurType~~ = '~~light~~' \| '~~dark~~' ~~\| undefined~~;\n\nexport type Overlay = 'alert' \| 'gallery' \| 'message' \| 'none';\n\nexport type OverlayContextValue = {\n overlay: Overlay;\n ~~setBlurType: React.Dispatch<React.SetStateAction<BlurType>>;\n~~ setOverlay: React.Dispatch<React.SetStateAction<Overlay>>;\n style?: DeepPartial<Theme>;\n translucentStatusBar?: boolean;\n};\n\nexport const OverlayContext = React.createContext<OverlayContextValue>({} as OverlayContextValue);\n\nexport type OverlayProviderProps<\n At extends ~~UnknownType~~ = ~~DefaultAttachmentType~~,\n Ch extends UnknownType = DefaultChannelType,\n Co extends string = DefaultCommandType,\n Ev extends UnknownType = DefaultEventType,\n Me extends UnknownType = DefaultMessageType,\n Re extends UnknownType = DefaultReactionType,\n Us extends UnknownType = DefaultUserType,\n> = Partial<AttachmentPickerProps> &\n Partial<\n Pick<\n AttachmentPickerContextValue,\n \| 'attachmentPickerBottomSheetHeight'\n \| 'attachmentSelectionBarHeight'\n \| 'bottomInset'\n \| 'CameraSelectorIcon'\n \| 'FileSelectorIcon'\n \| 'ImageSelectorIcon'\n \| 'topInset'\n >\n > &\n ImageGalleryCustomComponents<Us> &\n Partial<\n Pick<\n MessageOverlayContextValue<~~At, Ch, Co, Ev, Me, Re, Us~~>,\n '~~MessageActions~~' \| 'OverlayReactionList' \| 'OverlayReactions'\n >\n > &\n Pick<OverlayContextValue, 'translucentStatusBar'> & {\n closePicker?: (ref: React.RefObject<BottomSheetMethods>) => void;\n /** https://github.com/GetStream/stream-chat-react-native/wiki/Internationalization-(i18n) */\n i18nInstance?: Streami18n;\n imageGalleryGridHandleHeight?: number;\n imageGalleryGridSnapPoints?: [string \| number, string \| number];\n numberOfImageGalleryGridColumns?: number;\n openPicker?: (ref: React.RefObject<BottomSheetMethods>) => void;\n value?: Partial<OverlayContextValue>;\n };\n\nexport const useOverlayContext = () => useContext(OverlayContext);\n\nexport const withOverlayContext = <P extends ~~UnknownType~~>(\n Component: React.ComponentType<P>,\n): React.FC<Omit<P, keyof OverlayContextValue>> => {\n const WithOverlayContextComponent = (props: Omit<P, keyof OverlayContextValue>) => {\n const overlayContext = useOverlayContext();\n\n return <Component {...(props as P)} {...overlayContext} />;\n };\n WithOverlayContextComponent.displayName = `WithOverlayContext${getDisplayName(Component)}`;\n return WithOverlayContextComponent;\n};\n"]}
1	+ {"version":3,"sources":["OverlayContext.tsx"],"names":["OverlayContext","React","createContext","useOverlayContext","withOverlayContext","Component","WithOverlayContextComponent","props","overlayContext","displayName"],"mappings":";;;;;;;;;;;AAAA;;AAeA;;;;;;;;;AAWO,IAAMA,cAAc,GAAGC,kBAAMC,aAAN,CAAyC,EAAzC,CAAvB;;;;AA8CA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB;AAAA,SAAM,uBAAWH,cAAX,CAAN;AAAA,CAA1B;;;;AAEA,IAAMI,kBAAkB,GAAG,SAArBA,kBAAqB,CAGhCC,SAHgC,EAIkC;AAClE,MAAMC,2BAA2B,GAAG,SAA9BA,2BAA8B,CAClCC,KADkC,EAE/B;AACH,QAAMC,cAAc,GAAGL,iBAAiB,EAAxC;AAEA,WAAO,gCAAC,SAAD,gCAAgBI,KAAhB,EAAkDC,cAAlD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAP;AACD,GAND;;AAOAF,EAAAA,2BAA2B,CAACG,WAA5B,0BAA+D,oCAC7DJ,SAD6D,CAA/D;AAGA,SAAOC,2BAAP;AACD,CAhBM","sourcesContent":["import React, { useContext } from 'react';\nimport type Animated from 'react-native-reanimated';\n\nimport type { BottomSheetMethods } from '@gorhom/bottom-sheet/lib/typescript/types';\n\nimport type { AttachmentPickerProps } from '../../components/AttachmentPicker/AttachmentPicker';\nimport type { ImageGalleryCustomComponents } from '../../components/ImageGallery/ImageGallery';\n\nimport type { MessageType } from '../../components/MessageList/hooks/useMessageList';\nimport type { DefaultStreamChatGenerics } from '../../types/types';\nimport type { Streami18n } from '../../utils/Streami18n';\nimport type { AttachmentPickerContextValue } from '../attachmentPickerContext/AttachmentPickerContext';\nimport type { MessageOverlayContextValue } from '../messageOverlayContext/MessageOverlayContext';\nimport type { DeepPartial } from '../themeContext/ThemeContext';\nimport type { Theme } from '../themeContext/utils/theme';\nimport { getDisplayName } from '../utils/getDisplayName';\n\nexport type Overlay = 'alert' \| 'gallery' \| 'message' \| 'none';\n\nexport type OverlayContextValue = {\n overlay: Overlay;\n setOverlay: React.Dispatch<React.SetStateAction<Overlay>>;\n style?: DeepPartial<Theme>;\n translucentStatusBar?: boolean;\n};\n\nexport const OverlayContext = React.createContext<OverlayContextValue>({} as OverlayContextValue);\n\nexport type OverlayProviderProps<\n StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Partial<AttachmentPickerProps> &\n Partial<\n Pick<\n AttachmentPickerContextValue,\n \| 'attachmentPickerBottomSheetHeight'\n \| 'attachmentSelectionBarHeight'\n \| 'bottomInset'\n \| 'CameraSelectorIcon'\n \| 'FileSelectorIcon'\n \| 'ImageSelectorIcon'\n \| 'topInset'\n >\n > &\n ImageGalleryCustomComponents<StreamChatGenerics> &\n Partial<\n Pick<\n MessageOverlayContextValue<StreamChatGenerics>,\n \| 'MessageActionList'\n \| 'MessageActionListItem'\n \| 'OverlayReactionList'\n \| 'OverlayReactions'\n \| 'OverlayReactionsAvatar'\n >\n > &\n Pick<OverlayContextValue, 'translucentStatusBar'> & {\n overlayOpacity: Animated.SharedValue<number>;\n closePicker?: (ref: React.RefObject<BottomSheetMethods>) => void;\n error?: boolean \| Error;\n /** https://github.com/GetStream/stream-chat-react-native/wiki/Internationalization-(i18n) */\n i18nInstance?: Streami18n;\n imageGalleryGridHandleHeight?: number;\n imageGalleryGridSnapPoints?: [string \| number, string \| number];\n isMyMessage?: boolean;\n isThreadMessage?: boolean;\n message?: MessageType<StreamChatGenerics>;\n messageReactions?: boolean;\n messageTextNumberOfLines?: number;\n numberOfImageGalleryGridColumns?: number;\n openPicker?: (ref: React.RefObject<BottomSheetMethods>) => void;\n value?: Partial<OverlayContextValue>;\n };\n\nexport const useOverlayContext = () => useContext(OverlayContext);\n\nexport const withOverlayContext = <\n StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n Component: React.ComponentType<StreamChatGenerics>,\n): React.FC<Omit<StreamChatGenerics, keyof OverlayContextValue>> => {\n const WithOverlayContextComponent = (\n props: Omit<StreamChatGenerics, keyof OverlayContextValue>,\n ) => {\n const overlayContext = useOverlayContext();\n\n return <Component {...(props as StreamChatGenerics)} {...overlayContext} />;\n };\n WithOverlayContextComponent.displayName = `WithOverlayContext${getDisplayName(\n Component as React.ComponentType,\n )}`;\n return WithOverlayContextComponent;\n};\n"]}

package/lib/commonjs/contexts/overlayContext/OverlayProvider.js CHANGED Viewed

@@ -15,32 +15,22 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
-var _dayjs = _interopRequireDefault(require("dayjs"));
 var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
-var _AttachmentPickerContext = require("../attachmentPickerContext/AttachmentPickerContext");
-var _ImageGalleryContext = require("../imageGalleryContext/ImageGalleryContext");
-var _MessageOverlayContext = require("../messageOverlayContext/MessageOverlayContext");
-var _ThemeContext = require("../themeContext/ThemeContext");
+var _dayjs = _interopRequireDefault(require("dayjs"));
-var _TranslationContext = require("../translationContext/TranslationContext");
+var _OverlayContext = require("./OverlayContext");
 var _AttachmentPicker = require("../../components/AttachmentPicker/AttachmentPicker");
-var _AttachmentPickerError = require("../../components/AttachmentPicker/components/AttachmentPickerError");
 var _AttachmentPickerBottomSheetHandle = require("../../components/AttachmentPicker/components/AttachmentPickerBottomSheetHandle");
+var _AttachmentPickerError = require("../../components/AttachmentPicker/components/AttachmentPickerError");
 var _AttachmentPickerErrorImage = require("../../components/AttachmentPicker/components/AttachmentPickerErrorImage");
 var _CameraSelectorIcon = require("../../components/AttachmentPicker/components/CameraSelectorIcon");
-var _ChannelsStateContext = require("../../contexts/channelsStateContext/ChannelsStateContext");
 var _FileSelectorIcon = require("../../components/AttachmentPicker/components/FileSelectorIcon");
 var _ImageOverlaySelectedComponent = require("../../components/AttachmentPicker/components/ImageOverlaySelectedComponent");
@@ -51,11 +41,21 @@ var _ImageGallery = require("../../components/ImageGallery/ImageGallery");
 var _MessageOverlay = require("../../components/MessageOverlay/MessageOverlay");
+var _OverlayBackdrop = require("../../components/MessageOverlay/OverlayBackdrop");
+var _ChannelsStateContext = require("../../contexts/channelsStateContext/ChannelsStateContext");
 var _useStreami18n = require("../../hooks/useStreami18n");
-var _native = require("../../native");
+var _AttachmentPickerContext = require("../attachmentPickerContext/AttachmentPickerContext");
-var _OverlayContext = require("./OverlayContext");
+var _ImageGalleryContext = require("../imageGalleryContext/ImageGalleryContext");
+var _MessageOverlayContext = require("../messageOverlayContext/MessageOverlayContext");
+var _ThemeContext = require("../themeContext/ThemeContext");
+var _TranslationContext = require("../translationContext/TranslationContext");
 var _this = this,
     _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/contexts/overlayContext/OverlayProvider.tsx";
@@ -96,14 +96,18 @@ var OverlayProvider = function OverlayProvider(props) {
       ImageOverlaySelectedComponent = _props$ImageOverlaySe === void 0 ? _ImageOverlaySelectedComponent.ImageOverlaySelectedComponent : _props$ImageOverlaySe,
       _props$ImageSelectorI = props.ImageSelectorIcon,
       ImageSelectorIcon = _props$ImageSelectorI === void 0 ? _ImageSelectorIcon.ImageSelectorIcon : _props$ImageSelectorI,
-      MessageActions = props.MessageActions,
+      MessageActionList = props.MessageActionList,
+      MessageActionListItem = props.MessageActionListItem,
+      messageTextNumberOfLines = props.messageTextNumberOfLines,
       numberOfAttachmentImagesToLoadPerCall = props.numberOfAttachmentImagesToLoadPerCall,
       numberOfAttachmentPickerImageColumns = props.numberOfAttachmentPickerImageColumns,
       numberOfImageGalleryGridColumns = props.numberOfImageGalleryGridColumns,
       _props$openPicker = props.openPicker,
       _openPicker = _props$openPicker === void 0 ? function (ref) {
-    if (ref.current) {
-      ref.current.snapTo(0);
+    var _ref$current;
+    if ((_ref$current = ref.current) != null && _ref$current.snapToIndex) {
+      ref.current.snapToIndex(0);
     } else {
       console.warn('bottom and top insets must be set for the image picker to work correctly');
     }
@@ -112,6 +116,7 @@ var OverlayProvider = function OverlayProvider(props) {
       translucentStatusBar = props.translucentStatusBar,
       OverlayReactionList = props.OverlayReactionList,
       OverlayReactions = props.OverlayReactions,
+      OverlayReactionsAvatar = props.OverlayReactionsAvatar,
       value = props.value;
   var attachmentPickerProps = {
@@ -142,15 +147,10 @@ var OverlayProvider = function OverlayProvider(props) {
       translators = _useState2[0],
       setTranslators = _useState2[1];
-  var _useState3 = (0, _react.useState)(),
+  var _useState3 = (0, _react.useState)((value == null ? void 0 : value.overlay) || 'none'),
       _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      blurType = _useState4[0],
-      setBlurType = _useState4[1];
-  var _useState5 = (0, _react.useState)((value == null ? void 0 : value.overlay) || 'none'),
-      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-      overlay = _useState6[0],
-      setOverlay = _useState6[1];
+      overlay = _useState4[0],
+      setOverlay = _useState4[1];
   var overlayOpacity = (0, _reactNativeReanimated.useSharedValue)(0);
@@ -165,7 +165,6 @@ var OverlayProvider = function OverlayProvider(props) {
   (0, _react.useEffect)(function () {
     var backAction = function backAction() {
       if (overlay !== 'none') {
-        setBlurType(undefined);
         setOverlay('none');
         return true;
       }
@@ -181,7 +180,7 @@ var OverlayProvider = function OverlayProvider(props) {
   }, [overlay]);
   (0, _react.useEffect)(function () {
     if (bottomSheetRef.current) {
-      bottomSheetRef.current.close();
+      bottomSheetRef.current.close == null ? void 0 : bottomSheetRef.current.close();
     }
     (0, _reactNativeReanimated.cancelAnimation)(overlayOpacity);
@@ -218,7 +217,6 @@ var OverlayProvider = function OverlayProvider(props) {
   }, []);
   var overlayContext = {
     overlay: overlay,
-    setBlurType: setBlurType,
     setOverlay: setOverlay,
     style: value == null ? void 0 : value.style,
     translucentStatusBar: translucentStatusBar
@@ -229,7 +227,7 @@ var OverlayProvider = function OverlayProvider(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 213,
+      lineNumber: 199,
       columnNumber: 5
     }
   }, _react["default"].createElement(_OverlayContext.OverlayContext.Provider, {
@@ -237,14 +235,14 @@ var OverlayProvider = function OverlayProvider(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 214,
+      lineNumber: 200,
       columnNumber: 7
     }
   }, _react["default"].createElement(_MessageOverlayContext.MessageOverlayProvider, {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 215,
+      lineNumber: 201,
       columnNumber: 9
     }
   }, _react["default"].createElement(_AttachmentPickerContext.AttachmentPickerProvider, {
@@ -252,21 +250,21 @@ var OverlayProvider = function OverlayProvider(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 216,
+      lineNumber: 202,
       columnNumber: 11
     }
   }, _react["default"].createElement(_ImageGalleryContext.ImageGalleryProvider, {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 217,
+      lineNumber: 203,
       columnNumber: 13
     }
   }, _react["default"].createElement(_ChannelsStateContext.ChannelsStateProvider, {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 218,
+      lineNumber: 204,
       columnNumber: 15
     }
   }, children), _react["default"].createElement(_ThemeContext.ThemeProvider, {
@@ -274,7 +272,7 @@ var OverlayProvider = function OverlayProvider(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 219,
+      lineNumber: 205,
       columnNumber: 15
     }
   }, _react["default"].createElement(_reactNativeReanimated["default"].View, {
@@ -283,11 +281,10 @@ var OverlayProvider = function OverlayProvider(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 220,
+      lineNumber: 206,
       columnNumber: 17
     }
-  }, _react["default"].createElement(_native.BlurView, {
-    blurType: blurType,
+  }, _react["default"].createElement(_OverlayBackdrop.OverlayBackdrop, {
     style: [_reactNative.StyleSheet.absoluteFill, {
       height: height,
       width: width
@@ -295,33 +292,34 @@ var OverlayProvider = function OverlayProvider(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 224,
+      lineNumber: 210,
       columnNumber: 19
     }
-  })), _react["default"].createElement(_MessageOverlay.MessageOverlay, {
-    MessageActions: MessageActions,
+  })), overlay === 'message' && _react["default"].createElement(_MessageOverlay.MessageOverlay, {
+    MessageActionList: MessageActionList,
+    MessageActionListItem: MessageActionListItem,
+    messageTextNumberOfLines: messageTextNumberOfLines,
     overlayOpacity: overlayOpacity,
     OverlayReactionList: OverlayReactionList,
     OverlayReactions: OverlayReactions,
-    visible: overlay === 'message',
+    OverlayReactionsAvatar: OverlayReactionsAvatar,
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 229,
-      columnNumber: 17
+      lineNumber: 213,
+      columnNumber: 19
     }
-  }), _react["default"].createElement(_ImageGallery.ImageGallery, {
+  }), overlay === 'gallery' && _react["default"].createElement(_ImageGallery.ImageGallery, {
     imageGalleryCustomComponents: imageGalleryCustomComponents,
     imageGalleryGridHandleHeight: imageGalleryGridHandleHeight,
     imageGalleryGridSnapPoints: imageGalleryGridSnapPoints,
     numberOfImageGalleryGridColumns: numberOfImageGalleryGridColumns,
     overlayOpacity: overlayOpacity,
-    visible: overlay === 'gallery',
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 236,
-      columnNumber: 17
+      lineNumber: 224,
+      columnNumber: 19
     }
   }), _react["default"].createElement(_AttachmentPicker.AttachmentPicker, (0, _extends2["default"])({
     ref: bottomSheetRef
@@ -329,7 +327,7 @@ var OverlayProvider = function OverlayProvider(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 244,
+      lineNumber: 232,
       columnNumber: 17
     }
   }))))))));