stream-chat-react-native-core 4.7.0 → 4.7.1

package/lib/module/contexts/chatContext/ChatContext.js

@@ -11,8 +11,12 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _defaultBaseContextValue = require("../utils/defaultBaseContextValue");
+
 var _getDisplayName = require("../utils/getDisplayName");
 
+var _isTestEnvironment = require("../utils/isTestEnvironment");
+
 var _this = this,
     _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/contexts/chatContext/ChatContext.tsx";
 
@@ -20,7 +24,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-var ChatContext = _react["default"].createContext({});
+var ChatContext = _react["default"].createContext(_defaultBaseContextValue.DEFAULT_BASE_CONTEXT_VALUE);
 
 exports.ChatContext = ChatContext;
 
@@ -32,7 +36,7 @@ var ChatProvider = function ChatProvider(_ref) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 71,
+      lineNumber: 74,
       columnNumber: 3
     }
   }, children);
@@ -41,7 +45,13 @@ var ChatProvider = function ChatProvider(_ref) {
 exports.ChatProvider = ChatProvider;
 
 var useChatContext = function useChatContext() {
-  return (0, _react.useContext)(ChatContext);
+  var contextValue = (0, _react.useContext)(ChatContext);
+
+  if (contextValue === _defaultBaseContextValue.DEFAULT_BASE_CONTEXT_VALUE && !(0, _isTestEnvironment.isTestEnvironment)()) {
+    throw new Error("The useChatContext hook was called outside the ChatContext Provider. Make sure you have configured Chat component correctly - https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#chat");
+  }
+
+  return contextValue;
 };
 
 exports.useChatContext = useChatContext;
@@ -53,7 +63,7 @@ var withChatContext = function withChatContext(Component) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 94,
+        lineNumber: 107,
         columnNumber: 12
       }
     }));

package/lib/module/contexts/chatContext/ChatContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ChatContext.tsx"],"names":["ChatContext","React","createContext","ChatProvider","children","value","useChatContext","withChatContext","Component","WithChatContextComponent","props","chatContext","displayName"],"mappings":";;;;;;;;;;;AAAA;;AAKA;;;;;;;;;AAuDO,IAAMA,WAAW,GAAGC,kBAAMC,aAAN,CAAoB,EAApB,CAApB;;;;AAEA,IAAMC,YAAY,GAAG,SAAfA,YAAe;AAAA,MAG1BC,QAH0B,QAG1BA,QAH0B;AAAA,MAI1BC,KAJ0B,QAI1BA,KAJ0B;AAAA,SAQ1B,gCAAC,WAAD,CAAa,QAAb;AAAsB,IAAA,KAAK,EAAEA,KAA7B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGD,QADH,CAR0B;AAAA,CAArB;;;;AAaA,IAAME,cAAc,GAAG,SAAjBA,cAAiB;AAAA,SAEvB,uBAAWN,WAAX,CAFuB;AAAA,CAAvB;;;;AASA,IAAMO,eAAe,GAAG,SAAlBA,eAAkB,CAI7BC,SAJ6B,EAKqC;AAClE,MAAMC,wBAAwB,GAAG,SAA3BA,wBAA2B,CAACC,KAAD,EAAgE;AAC/F,QAAMC,WAAW,GAAGL,cAAc,EAAlC;AAEA,WAAO,gCAAC,SAAD,gCAAgBI,KAAhB,EAAiCC,WAAjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAP;AACD,GAJD;;AAKAF,EAAAA,wBAAwB,CAACG,WAAzB,uBAAyD,oCAAeJ,SAAf,CAAzD;AACA,SAAOC,wBAAP;AACD,CAbM","sourcesContent":["import React, { PropsWithChildren, useContext } from 'react';\n\nimport type { AppSettingsAPIResponse, Channel, Mute, StreamChat } from 'stream-chat';\n\nimport type { DefaultStreamChatGenerics, UnknownType } from '../../types/types';\nimport { getDisplayName } from '../utils/getDisplayName';\n\nexport type ChatContextValue<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = {\n  /**\n   * Object of application settings returned from Stream.\n   * */\n  appSettings: AppSettingsAPIResponse<StreamChatGenerics> | null;\n  /**\n   * The StreamChat client object\n   *\n   * ```\n   * import { StreamChat } from 'stream-chat';\n   * import { Chat } from 'stream-chat-react-native';\n   *\n   * const client = StreamChat.getInstance('api_key);\n   * await client.connectUser('user_id', 'userToken');\n   *\n   * <Chat client={client}>\n   * </Chat>\n   * ```\n   *\n   * @overrideType StreamChat\n   * */\n  client: StreamChat<StreamChatGenerics>;\n  connectionRecovering: boolean;\n  isOnline: boolean;\n  mutedUsers: Mute<StreamChatGenerics>[];\n  /**\n   * @param newChannel Channel to set as active.\n   *\n   * @overrideType Function\n   */\n  setActiveChannel: (newChannel?: Channel<StreamChatGenerics>) => void;\n  /**\n   * Instance of channel object from stream-chat package.\n   *\n   * Please check the docs around how to create or query channel - https://getstream.io/chat/docs/javascript/creating_channels/?language=javascript\n   *\n   * ```\n   * import { StreamChat, Channel } from 'stream-chat';\n   * import { Chat, Channel} from 'stream-chat-react-native';\n   *\n   * const client = StreamChat.getInstance('api_key');\n   * await client.connectUser('user_id', 'user_token');\n   * const channel = client.channel('messaging', 'channel_id');\n   * await channel.watch();\n   * ```\n   *\n   * @overrideType Channel\n   */\n  channel?: Channel<StreamChatGenerics>;\n};\n\nexport const ChatContext = React.createContext({} as ChatContextValue);\n\nexport const ChatProvider = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  children,\n  value,\n}: PropsWithChildren<{\n  value: ChatContextValue<StreamChatGenerics>;\n}>) => (\n  <ChatContext.Provider value={value as unknown as ChatContextValue}>\n    {children}\n  </ChatContext.Provider>\n);\n\nexport const useChatContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>() => useContext(ChatContext) as unknown as ChatContextValue<StreamChatGenerics>;\n\n/**\n * Typescript currently does not support partial inference so if ChatContext\n * typing is desired while using the HOC withChatContext the Props for the\n * wrapped component must be provided as the first generic.\n */\nexport const withChatContext = <\n  P extends UnknownType,\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  Component: React.ComponentType<P>,\n): React.FC<Omit<P, keyof ChatContextValue<StreamChatGenerics>>> => {\n  const WithChatContextComponent = (props: Omit<P, keyof ChatContextValue<StreamChatGenerics>>) => {\n    const chatContext = useChatContext<StreamChatGenerics>();\n\n    return <Component {...(props as P)} {...chatContext} />;\n  };\n  WithChatContextComponent.displayName = `WithChatContext${getDisplayName(Component)}`;\n  return WithChatContextComponent;\n};\n"]}
+{"version":3,"sources":["ChatContext.tsx"],"names":["ChatContext","React","createContext","DEFAULT_BASE_CONTEXT_VALUE","ChatProvider","children","value","useChatContext","contextValue","Error","withChatContext","Component","WithChatContextComponent","props","chatContext","displayName"],"mappings":";;;;;;;;;;;AAAA;;AAKA;;AAEA;;AACA;;;;;;;;;AAuDO,IAAMA,WAAW,GAAGC,kBAAMC,aAAN,CAAoBC,mDAApB,CAApB;;;;AAEA,IAAMC,YAAY,GAAG,SAAfA,YAAe;AAAA,MAG1BC,QAH0B,QAG1BA,QAH0B;AAAA,MAI1BC,KAJ0B,QAI1BA,KAJ0B;AAAA,SAQ1B,gCAAC,WAAD,CAAa,QAAb;AAAsB,IAAA,KAAK,EAAEA,KAA7B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGD,QADH,CAR0B;AAAA,CAArB;;;;AAaA,IAAME,cAAc,GAAG,SAAjBA,cAAiB,GAEvB;AACL,MAAMC,YAAY,GAAG,uBAAWR,WAAX,CAArB;;AAEA,MAAIQ,YAAY,KAAKL,mDAAjB,IAA+C,CAAC,2CAApD,EAAyE;AACvE,UAAM,IAAIM,KAAJ,+MAAN;AAGD;;AAED,SAAOD,YAAP;AACD,CAZM;;;;AAmBA,IAAME,eAAe,GAAG,SAAlBA,eAAkB,CAI7BC,SAJ6B,EAKqC;AAClE,MAAMC,wBAAwB,GAAG,SAA3BA,wBAA2B,CAACC,KAAD,EAAgE;AAC/F,QAAMC,WAAW,GAAGP,cAAc,EAAlC;AAEA,WAAO,gCAAC,SAAD,gCAAgBM,KAAhB,EAAiCC,WAAjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAP;AACD,GAJD;;AAKAF,EAAAA,wBAAwB,CAACG,WAAzB,uBAAyD,oCAAeJ,SAAf,CAAzD;AACA,SAAOC,wBAAP;AACD,CAbM","sourcesContent":["import React, { PropsWithChildren, useContext } from 'react';\n\nimport type { AppSettingsAPIResponse, Channel, Mute, StreamChat } from 'stream-chat';\n\nimport type { DefaultStreamChatGenerics, UnknownType } from '../../types/types';\nimport { DEFAULT_BASE_CONTEXT_VALUE } from '../utils/defaultBaseContextValue';\n\nimport { getDisplayName } from '../utils/getDisplayName';\nimport { isTestEnvironment } from '../utils/isTestEnvironment';\n\nexport type ChatContextValue<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = {\n  /**\n   * Object of application settings returned from Stream.\n   * */\n  appSettings: AppSettingsAPIResponse<StreamChatGenerics> | null;\n  /**\n   * The StreamChat client object\n   *\n   * ```\n   * import { StreamChat } from 'stream-chat';\n   * import { Chat } from 'stream-chat-react-native';\n   *\n   * const client = StreamChat.getInstance('api_key);\n   * await client.connectUser('user_id', 'userToken');\n   *\n   * <Chat client={client}>\n   * </Chat>\n   * ```\n   *\n   * @overrideType StreamChat\n   * */\n  client: StreamChat<StreamChatGenerics>;\n  connectionRecovering: boolean;\n  isOnline: boolean;\n  mutedUsers: Mute<StreamChatGenerics>[];\n  /**\n   * @param newChannel Channel to set as active.\n   *\n   * @overrideType Function\n   */\n  setActiveChannel: (newChannel?: Channel<StreamChatGenerics>) => void;\n  /**\n   * Instance of channel object from stream-chat package.\n   *\n   * Please check the docs around how to create or query channel - https://getstream.io/chat/docs/javascript/creating_channels/?language=javascript\n   *\n   * ```\n   * import { StreamChat, Channel } from 'stream-chat';\n   * import { Chat, Channel} from 'stream-chat-react-native';\n   *\n   * const client = StreamChat.getInstance('api_key');\n   * await client.connectUser('user_id', 'user_token');\n   * const channel = client.channel('messaging', 'channel_id');\n   * await channel.watch();\n   * ```\n   *\n   * @overrideType Channel\n   */\n  channel?: Channel<StreamChatGenerics>;\n};\n\nexport const ChatContext = React.createContext(DEFAULT_BASE_CONTEXT_VALUE as ChatContextValue);\n\nexport const ChatProvider = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  children,\n  value,\n}: PropsWithChildren<{\n  value: ChatContextValue<StreamChatGenerics>;\n}>) => (\n  <ChatContext.Provider value={value as unknown as ChatContextValue}>\n    {children}\n  </ChatContext.Provider>\n);\n\nexport const useChatContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>() => {\n  const contextValue = useContext(ChatContext) as unknown as ChatContextValue<StreamChatGenerics>;\n\n  if (contextValue === DEFAULT_BASE_CONTEXT_VALUE && !isTestEnvironment()) {\n    throw new Error(\n      `The useChatContext hook was called outside the ChatContext Provider. Make sure you have configured Chat component correctly - https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#chat`,\n    );\n  }\n\n  return contextValue;\n};\n\n/**\n * Typescript currently does not support partial inference so if ChatContext\n * typing is desired while using the HOC withChatContext the Props for the\n * wrapped component must be provided as the first generic.\n */\nexport const withChatContext = <\n  P extends UnknownType,\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  Component: React.ComponentType<P>,\n): React.FC<Omit<P, keyof ChatContextValue<StreamChatGenerics>>> => {\n  const WithChatContextComponent = (props: Omit<P, keyof ChatContextValue<StreamChatGenerics>>) => {\n    const chatContext = useChatContext<StreamChatGenerics>();\n\n    return <Component {...(props as P)} {...chatContext} />;\n  };\n  WithChatContextComponent.displayName = `WithChatContext${getDisplayName(Component)}`;\n  return WithChatContextComponent;\n};\n"]}

package/lib/module/contexts/imageGalleryContext/ImageGalleryContext.js

@@ -13,8 +13,12 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _defaultBaseContextValue = require("../utils/defaultBaseContextValue");
+
 var _getDisplayName = require("../utils/getDisplayName");
 
+var _isTestEnvironment = require("../utils/isTestEnvironment");
+
 var _this = this,
     _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/contexts/imageGalleryContext/ImageGalleryContext.tsx";
 
@@ -22,7 +26,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-var ImageGalleryContext = _react["default"].createContext({});
+var ImageGalleryContext = _react["default"].createContext(_defaultBaseContextValue.DEFAULT_BASE_CONTEXT_VALUE);
 
 exports.ImageGalleryContext = ImageGalleryContext;
 
@@ -50,7 +54,7 @@ var ImageGalleryProvider = function ImageGalleryProvider(_ref) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 36,
+      lineNumber: 39,
       columnNumber: 5
     }
   }, children);
@@ -59,7 +63,13 @@ var ImageGalleryProvider = function ImageGalleryProvider(_ref) {
 exports.ImageGalleryProvider = ImageGalleryProvider;
 
 var useImageGalleryContext = function useImageGalleryContext() {
-  return (0, _react.useContext)(ImageGalleryContext);
+  var contextValue = (0, _react.useContext)(ImageGalleryContext);
+
+  if (contextValue === _defaultBaseContextValue.DEFAULT_BASE_CONTEXT_VALUE && !(0, _isTestEnvironment.isTestEnvironment)()) {
+    throw new Error("The useImageGalleryContext hook was called outside the ImageGalleryContext Provider. Make sure you have configured OverlayProvider component correctly - https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#overlay-provider");
+  }
+
+  return contextValue;
 };
 
 exports.useImageGalleryContext = useImageGalleryContext;
@@ -71,7 +81,7 @@ var withImageGalleryContext = function withImageGalleryContext(Component) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 59,
+        lineNumber: 74,
         columnNumber: 12
       }
     }));

package/lib/module/contexts/imageGalleryContext/ImageGalleryContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ImageGalleryContext.tsx"],"names":["ImageGalleryContext","React","createContext","ImageGalleryProvider","children","images","setImages","image","setImage","imageGalleryContext","useImageGalleryContext","withImageGalleryContext","Component","WithImageGalleryContextComponent","props","displayName"],"mappings":";;;;;;;;;;;;;AAAA;;AAIA;;;;;;;;;AAWO,IAAMA,mBAAmB,GAAGC,kBAAMC,aAAN,CACjC,EADiC,CAA5B;;;;AAIA,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAuB,OAIE;AAAA,MADpCC,QACoC,QADpCA,QACoC;;AACpC,kBAA4B,qBAA4C,EAA5C,CAA5B;AAAA;AAAA,MAAOC,MAAP;AAAA,MAAeC,SAAf;;AACA,mBAA0B,sBAA1B;AAAA;AAAA,MAAOC,KAAP;AAAA,MAAcC,QAAd;;AAEA,MAAMC,mBAAmB,GAAG;AAC1BF,IAAAA,KAAK,EAALA,KAD0B;AAE1BF,IAAAA,MAAM,EAANA,MAF0B;AAG1BG,IAAAA,QAAQ,EAARA,QAH0B;AAI1BF,IAAAA,SAAS,EAATA;AAJ0B,GAA5B;AAOA,SACE,gCAAC,mBAAD,CAAqB,QAArB;AACE,IAAA,KAAK,EAAEG,mBADT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAGGL,QAHH,CADF;AAOD,CAtBM;;;;AAwBA,IAAMM,sBAAsB,GAAG,SAAzBA,sBAAyB;AAAA,SAE/B,uBAAWV,mBAAX,CAF+B;AAAA,CAA/B;;;;AAIA,IAAMW,uBAAuB,GAAG,SAA1BA,uBAA0B,CAIrCC,SAJqC,EAKqC;AAC1E,MAAMC,gCAAgC,GAAG,SAAnCA,gCAAmC,CACvCC,KADuC,EAEpC;AACH,QAAML,mBAAmB,GAAGC,sBAAsB,EAAlD;AAEA,WAAO,gCAAC,SAAD,gCAAgBI,KAAhB,EAAiCL,mBAAjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAP;AACD,GAND;;AAOAI,EAAAA,gCAAgC,CAACE,WAAjC,+BAAyE,oCACvEH,SADuE,CAAzE;AAGA,SAAOC,gCAAP;AACD,CAjBM","sourcesContent":["import React, { PropsWithChildren, useContext, useState } from 'react';\n\nimport type { MessageType } from '../../components/MessageList/hooks/useMessageList';\nimport type { DefaultStreamChatGenerics, UnknownType } from '../../types/types';\nimport { getDisplayName } from '../utils/getDisplayName';\n\nexport type ImageGalleryContextValue<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = {\n  images: MessageType<StreamChatGenerics>[];\n  setImage: React.Dispatch<React.SetStateAction<{ messageId?: string; url?: string } | undefined>>;\n  setImages: React.Dispatch<React.SetStateAction<MessageType<StreamChatGenerics>[]>>;\n  image?: { messageId?: string; url?: string };\n};\n\nexport const ImageGalleryContext = React.createContext<ImageGalleryContextValue>(\n  {} as ImageGalleryContextValue,\n);\n\nexport const ImageGalleryProvider = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  children,\n}: PropsWithChildren<UnknownType>) => {\n  const [images, setImages] = useState<MessageType<StreamChatGenerics>[]>([]);\n  const [image, setImage] = useState<{ messageId?: string; url?: string }>();\n\n  const imageGalleryContext = {\n    image,\n    images,\n    setImage,\n    setImages,\n  };\n\n  return (\n    <ImageGalleryContext.Provider\n      value={imageGalleryContext as unknown as ImageGalleryContextValue}\n    >\n      {children}\n    </ImageGalleryContext.Provider>\n  );\n};\n\nexport const useImageGalleryContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>() => useContext(ImageGalleryContext) as unknown as ImageGalleryContextValue<StreamChatGenerics>;\n\nexport const withImageGalleryContext = <\n  P extends UnknownType,\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  Component: React.ComponentType<P>,\n): React.FC<Omit<P, keyof ImageGalleryContextValue<StreamChatGenerics>>> => {\n  const WithImageGalleryContextComponent = (\n    props: Omit<P, keyof ImageGalleryContextValue<StreamChatGenerics>>,\n  ) => {\n    const imageGalleryContext = useImageGalleryContext<StreamChatGenerics>();\n\n    return <Component {...(props as P)} {...imageGalleryContext} />;\n  };\n  WithImageGalleryContextComponent.displayName = `WithImageGalleryContext${getDisplayName(\n    Component,\n  )}`;\n  return WithImageGalleryContextComponent;\n};\n"]}
+{"version":3,"sources":["ImageGalleryContext.tsx"],"names":["ImageGalleryContext","React","createContext","DEFAULT_BASE_CONTEXT_VALUE","ImageGalleryProvider","children","images","setImages","image","setImage","imageGalleryContext","useImageGalleryContext","contextValue","Error","withImageGalleryContext","Component","WithImageGalleryContextComponent","props","displayName"],"mappings":";;;;;;;;;;;;;AAAA;;AAIA;;AAEA;;AACA;;;;;;;;;AAWO,IAAMA,mBAAmB,GAAGC,kBAAMC,aAAN,CACjCC,mDADiC,CAA5B;;;;AAIA,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAuB,OAIE;AAAA,MADpCC,QACoC,QADpCA,QACoC;;AACpC,kBAA4B,qBAA4C,EAA5C,CAA5B;AAAA;AAAA,MAAOC,MAAP;AAAA,MAAeC,SAAf;;AACA,mBAA0B,sBAA1B;AAAA;AAAA,MAAOC,KAAP;AAAA,MAAcC,QAAd;;AAEA,MAAMC,mBAAmB,GAAG;AAC1BF,IAAAA,KAAK,EAALA,KAD0B;AAE1BF,IAAAA,MAAM,EAANA,MAF0B;AAG1BG,IAAAA,QAAQ,EAARA,QAH0B;AAI1BF,IAAAA,SAAS,EAATA;AAJ0B,GAA5B;AAOA,SACE,gCAAC,mBAAD,CAAqB,QAArB;AACE,IAAA,KAAK,EAAEG,mBADT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAGGL,QAHH,CADF;AAOD,CAtBM;;;;AAwBA,IAAMM,sBAAsB,GAAG,SAAzBA,sBAAyB,GAE/B;AACL,MAAMC,YAAY,GAAG,uBACnBZ,mBADmB,CAArB;;AAIA,MAAIY,YAAY,KAAKT,mDAAjB,IAA+C,CAAC,2CAApD,EAAyE;AACvE,UAAM,IAAIU,KAAJ,sPAAN;AAGD;;AAED,SAAOD,YAAP;AACD,CAdM;;;;AAgBA,IAAME,uBAAuB,GAAG,SAA1BA,uBAA0B,CAIrCC,SAJqC,EAKqC;AAC1E,MAAMC,gCAAgC,GAAG,SAAnCA,gCAAmC,CACvCC,KADuC,EAEpC;AACH,QAAMP,mBAAmB,GAAGC,sBAAsB,EAAlD;AAEA,WAAO,gCAAC,SAAD,gCAAgBM,KAAhB,EAAiCP,mBAAjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAP;AACD,GAND;;AAOAM,EAAAA,gCAAgC,CAACE,WAAjC,+BAAyE,oCACvEH,SADuE,CAAzE;AAGA,SAAOC,gCAAP;AACD,CAjBM","sourcesContent":["import React, { PropsWithChildren, useContext, useState } from 'react';\n\nimport type { MessageType } from '../../components/MessageList/hooks/useMessageList';\nimport type { DefaultStreamChatGenerics, UnknownType } from '../../types/types';\nimport { DEFAULT_BASE_CONTEXT_VALUE } from '../utils/defaultBaseContextValue';\n\nimport { getDisplayName } from '../utils/getDisplayName';\nimport { isTestEnvironment } from '../utils/isTestEnvironment';\n\nexport type ImageGalleryContextValue<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = {\n  images: MessageType<StreamChatGenerics>[];\n  setImage: React.Dispatch<React.SetStateAction<{ messageId?: string; url?: string } | undefined>>;\n  setImages: React.Dispatch<React.SetStateAction<MessageType<StreamChatGenerics>[]>>;\n  image?: { messageId?: string; url?: string };\n};\n\nexport const ImageGalleryContext = React.createContext(\n  DEFAULT_BASE_CONTEXT_VALUE as ImageGalleryContextValue,\n);\n\nexport const ImageGalleryProvider = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  children,\n}: PropsWithChildren<UnknownType>) => {\n  const [images, setImages] = useState<MessageType<StreamChatGenerics>[]>([]);\n  const [image, setImage] = useState<{ messageId?: string; url?: string }>();\n\n  const imageGalleryContext = {\n    image,\n    images,\n    setImage,\n    setImages,\n  };\n\n  return (\n    <ImageGalleryContext.Provider\n      value={imageGalleryContext as unknown as ImageGalleryContextValue}\n    >\n      {children}\n    </ImageGalleryContext.Provider>\n  );\n};\n\nexport const useImageGalleryContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>() => {\n  const contextValue = useContext(\n    ImageGalleryContext,\n  ) as unknown as ImageGalleryContextValue<StreamChatGenerics>;\n\n  if (contextValue === DEFAULT_BASE_CONTEXT_VALUE && !isTestEnvironment()) {\n    throw new Error(\n      `The useImageGalleryContext hook was called outside the ImageGalleryContext Provider. Make sure you have configured OverlayProvider component correctly - https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#overlay-provider`,\n    );\n  }\n\n  return contextValue as ImageGalleryContextValue<StreamChatGenerics>;\n};\n\nexport const withImageGalleryContext = <\n  P extends UnknownType,\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  Component: React.ComponentType<P>,\n): React.FC<Omit<P, keyof ImageGalleryContextValue<StreamChatGenerics>>> => {\n  const WithImageGalleryContextComponent = (\n    props: Omit<P, keyof ImageGalleryContextValue<StreamChatGenerics>>,\n  ) => {\n    const imageGalleryContext = useImageGalleryContext<StreamChatGenerics>();\n\n    return <Component {...(props as P)} {...imageGalleryContext} />;\n  };\n  WithImageGalleryContextComponent.displayName = `WithImageGalleryContext${getDisplayName(\n    Component,\n  )}`;\n  return WithImageGalleryContextComponent;\n};\n"]}

package/lib/module/contexts/keyboardContext/KeyboardContext.js

@@ -36,7 +36,7 @@ var KeyboardProvider = function KeyboardProvider(_ref) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 18,
+      lineNumber: 19,
       columnNumber: 3
     }
   }, children);
@@ -57,7 +57,7 @@ var withKeyboardContext = function withKeyboardContext(Component) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 33,
+        lineNumber: 34,
         columnNumber: 12
       }
     }));

package/lib/module/contexts/keyboardContext/KeyboardContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["KeyboardContext.tsx"],"names":["KeyboardContext","React","createContext","dismissKeyboard","Keyboard","dismiss","KeyboardProvider","children","value","useKeyboardContext","withKeyboardContext","Component","WithKeyboardContextComponent","props","keyboardContext","displayName"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAGA;;;;;;;;;AAMO,IAAMA,eAAe,GAAGC,kBAAMC,aAAN,CAA0C;AACvEC,EAAAA,eAAe,EAAEC,sBAASC;AAD6C,CAA1C,CAAxB;;;;AAIA,IAAMC,gBAEX,GAAG,SAFQA,gBAER;AAAA,MAAGC,QAAH,QAAGA,QAAH;AAAA,MAAaC,KAAb,QAAaA,KAAb;AAAA,SACH,gCAAC,eAAD,CAAiB,QAAjB;AAA0B,IAAA,KAAK,EAAEA,KAAjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAAyCD,QAAzC,CADG;AAAA,CAFE;;;;AAMA,IAAME,kBAAkB,GAAG,SAArBA,kBAAqB;AAAA,SAAM,uBAAWT,eAAX,CAAN;AAAA,CAA3B;;;;AAEA,IAAMU,mBAAmB,GAAG,SAAtBA,mBAAsB,CAGjCC,SAHiC,EAIkC;AACnE,MAAMC,4BAA4B,GAAG,SAA/BA,4BAA+B,CACnCC,KADmC,EAEhC;AACH,QAAMC,eAAe,GAAGL,kBAAkB,EAA1C;AAEA,WAAO,gCAAC,SAAD,gCAAgBI,KAAhB,EAAkDC,eAAlD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAP;AACD,GAND;;AAOAF,EAAAA,4BAA4B,CAACG,WAA7B,2BAAiE,oCAC/DJ,SAD+D,CAAjE;AAGA,SAAOC,4BAAP;AACD,CAhBM","sourcesContent":["import React, { useContext } from 'react';\nimport { Keyboard } from 'react-native';\n\nimport type { DefaultStreamChatGenerics } from '../../types/types';\nimport { getDisplayName } from '../utils/getDisplayName';\n\nexport type KeyboardContextValue = {\n  dismissKeyboard: () => void;\n};\n\nexport const KeyboardContext = React.createContext<KeyboardContextValue>({\n  dismissKeyboard: Keyboard.dismiss,\n});\n\nexport const KeyboardProvider: React.FC<{\n  value: KeyboardContextValue;\n}> = ({ children, value }) => (\n  <KeyboardContext.Provider value={value}>{children}</KeyboardContext.Provider>\n);\n\nexport const useKeyboardContext = () => useContext(KeyboardContext);\n\nexport const withKeyboardContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  Component: React.ComponentType<StreamChatGenerics>,\n): React.FC<Omit<StreamChatGenerics, keyof KeyboardContextValue>> => {\n  const WithKeyboardContextComponent = (\n    props: Omit<StreamChatGenerics, keyof KeyboardContextValue>,\n  ) => {\n    const keyboardContext = useKeyboardContext();\n\n    return <Component {...(props as StreamChatGenerics)} {...keyboardContext} />;\n  };\n  WithKeyboardContextComponent.displayName = `WithKeyboardContext${getDisplayName(\n    Component as React.ComponentType,\n  )}`;\n  return WithKeyboardContextComponent;\n};\n"]}
+{"version":3,"sources":["KeyboardContext.tsx"],"names":["KeyboardContext","React","createContext","dismissKeyboard","Keyboard","dismiss","KeyboardProvider","children","value","useKeyboardContext","withKeyboardContext","Component","WithKeyboardContextComponent","props","keyboardContext","displayName"],"mappings":";;;;;;;;;;;AAAA;;AAEA;;AAGA;;;;;;;;;AAMO,IAAMA,eAAe,GAAGC,kBAAMC,aAAN,CAAoB;AACjDC,EAAAA,eAAe,EAAEC,sBAASC;AADuB,CAApB,CAAxB;;;;AAIA,IAAMC,gBAEX,GAAG,SAFQA,gBAER;AAAA,MAAGC,QAAH,QAAGA,QAAH;AAAA,MAAaC,KAAb,QAAaA,KAAb;AAAA,SACH,gCAAC,eAAD,CAAiB,QAAjB;AAA0B,IAAA,KAAK,EAAEA,KAAjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAAyCD,QAAzC,CADG;AAAA,CAFE;;;;AAMA,IAAME,kBAAkB,GAAG,SAArBA,kBAAqB;AAAA,SAAM,uBAAWT,eAAX,CAAN;AAAA,CAA3B;;;;AAEA,IAAMU,mBAAmB,GAAG,SAAtBA,mBAAsB,CAGjCC,SAHiC,EAIkC;AACnE,MAAMC,4BAA4B,GAAG,SAA/BA,4BAA+B,CACnCC,KADmC,EAEhC;AACH,QAAMC,eAAe,GAAGL,kBAAkB,EAA1C;AAEA,WAAO,gCAAC,SAAD,gCAAgBI,KAAhB,EAAkDC,eAAlD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAP;AACD,GAND;;AAOAF,EAAAA,4BAA4B,CAACG,WAA7B,2BAAiE,oCAC/DJ,SAD+D,CAAjE;AAGA,SAAOC,4BAAP;AACD,CAhBM","sourcesContent":["import React, { useContext } from 'react';\n\nimport { Keyboard } from 'react-native';\n\nimport type { DefaultStreamChatGenerics } from '../../types/types';\nimport { getDisplayName } from '../utils/getDisplayName';\n\nexport type KeyboardContextValue = {\n  dismissKeyboard: () => void;\n};\n\nexport const KeyboardContext = React.createContext({\n  dismissKeyboard: Keyboard.dismiss,\n});\n\nexport const KeyboardProvider: React.FC<{\n  value: KeyboardContextValue;\n}> = ({ children, value }) => (\n  <KeyboardContext.Provider value={value}>{children}</KeyboardContext.Provider>\n);\n\nexport const useKeyboardContext = () => useContext(KeyboardContext);\n\nexport const withKeyboardContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  Component: React.ComponentType<StreamChatGenerics>,\n): React.FC<Omit<StreamChatGenerics, keyof KeyboardContextValue>> => {\n  const WithKeyboardContextComponent = (\n    props: Omit<StreamChatGenerics, keyof KeyboardContextValue>,\n  ) => {\n    const keyboardContext = useKeyboardContext();\n\n    return <Component {...(props as StreamChatGenerics)} {...keyboardContext} />;\n  };\n  WithKeyboardContextComponent.displayName = `WithKeyboardContext${getDisplayName(\n    Component as React.ComponentType,\n  )}`;\n  return WithKeyboardContextComponent;\n};\n"]}

package/lib/module/contexts/messageContext/MessageContext.js

@@ -11,8 +11,12 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _defaultBaseContextValue = require("../utils/defaultBaseContextValue");
+
 var _getDisplayName = require("../utils/getDisplayName");
 
+var _isTestEnvironment = require("../utils/isTestEnvironment");
+
 var _this = this,
     _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/contexts/messageContext/MessageContext.tsx";
 
@@ -20,7 +24,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-var MessageContext = _react["default"].createContext({});
+var MessageContext = _react["default"].createContext(_defaultBaseContextValue.DEFAULT_BASE_CONTEXT_VALUE);
 
 exports.MessageContext = MessageContext;
 
@@ -32,7 +36,7 @@ var MessageProvider = function MessageProvider(_ref) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 115,
+      lineNumber: 120,
       columnNumber: 3
     }
   }, children);
@@ -41,7 +45,13 @@ var MessageProvider = function MessageProvider(_ref) {
 exports.MessageProvider = MessageProvider;
 
 var useMessageContext = function useMessageContext() {
-  return (0, _react.useContext)(MessageContext);
+  var contextValue = (0, _react.useContext)(MessageContext);
+
+  if (contextValue === _defaultBaseContextValue.DEFAULT_BASE_CONTEXT_VALUE && !(0, _isTestEnvironment.isTestEnvironment)()) {
+    throw new Error("The useMessageContext hook was called outside of the MessageContext provider. Make sure you have configured MessageList component correctly - https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#message-list");
+  }
+
+  return contextValue;
 };
 
 exports.useMessageContext = useMessageContext;
@@ -53,7 +63,7 @@ var withMessageContext = function withMessageContext(Component) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 140,
+        lineNumber: 157,
         columnNumber: 12
       }
     }));

package/lib/module/contexts/messageContext/MessageContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["MessageContext.tsx"],"names":["MessageContext","React","createContext","MessageProvider","children","value","useMessageContext","withMessageContext","Component","WithMessageContextComponent","props","messageContext","displayName"],"mappings":";;;;;;;;;;;AAAA;;AAaA;;;;;;;;;AA2FO,IAAMA,cAAc,GAAGC,kBAAMC,aAAN,CAAoB,EAApB,CAAvB;;;;AAEA,IAAMC,eAAe,GAAG,SAAlBA,eAAkB;AAAA,MAG7BC,QAH6B,QAG7BA,QAH6B;AAAA,MAI7BC,KAJ6B,QAI7BA,KAJ6B;AAAA,SAQ7B,gCAAC,cAAD,CAAgB,QAAhB;AAAyB,IAAA,KAAK,EAAEA,KAAhC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGD,QADH,CAR6B;AAAA,CAAxB;;;;AAaA,IAAME,iBAAiB,GAAG,SAApBA,iBAAoB;AAAA,SAE1B,uBAAWN,cAAX,CAF0B;AAAA,CAA1B;;;;AASA,IAAMO,kBAAkB,GAAG,SAArBA,kBAAqB,CAIhCC,SAJgC,EAKqC;AACrE,MAAMC,2BAA2B,GAAG,SAA9BA,2BAA8B,CAClCC,KADkC,EAE/B;AACH,QAAMC,cAAc,GAAGL,iBAAiB,EAAxC;AAEA,WAAO,gCAAC,SAAD,gCAAgBI,KAAhB,EAAiCC,cAAjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAP;AACD,GAND;;AAOAF,EAAAA,2BAA2B,CAACG,WAA5B,0BAA+D,oCAAeJ,SAAf,CAA/D;AACA,SAAOC,2BAAP;AACD,CAfM","sourcesContent":["import React, { PropsWithChildren, useContext } from 'react';\n\nimport type { Attachment } from 'stream-chat';\n\nimport type { ActionHandler } from '../../components/Attachment/Attachment';\nimport type {\n  MessageTouchableHandlerPayload,\n  TouchableHandlerPayload,\n} from '../../components/Message/Message';\nimport type { GroupType, MessageType } from '../../components/MessageList/hooks/useMessageList';\nimport type { ChannelContextValue } from '../../contexts/channelContext/ChannelContext';\nimport type { MessageContentType } from '../../contexts/messagesContext/MessagesContext';\nimport type { DefaultStreamChatGenerics, UnknownType } from '../../types/types';\nimport { getDisplayName } from '../utils/getDisplayName';\n\nexport type Alignment = 'right' | 'left';\n\nexport type Reactions = {\n  own: boolean;\n  type: string;\n}[];\n\nexport type MessageContextValue<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = {\n  /** Whether or not actions can be performed on message */\n  actionsEnabled: boolean;\n  /** Position of the message, either 'right' or 'left' */\n  alignment: Alignment;\n  /** The files attached to a message */\n  files: Attachment<StreamChatGenerics>[];\n  /**\n   * Position of message in group - top, bottom, middle, single.\n   *\n   * Message group is a group of consecutive messages from same user. groupStyles can be used to style message as per their position in message group\n   * e.g., user avatar (to which message belongs to) is only showed for last (bottom) message in group.\n   */\n  groupStyles: GroupType[];\n  /** Handler for actions. Actions in combination with attachments can be used to build [commands](https://getstream.io/chat/docs/#channel_commands). */\n  handleAction: ActionHandler;\n  handleDeleteMessage: () => Promise<void>;\n  handleEditMessage: () => void;\n  handleQuotedReplyMessage: () => void;\n  handleResendMessage: () => Promise<void>;\n  handleToggleBanUser: () => Promise<void>;\n  handleToggleMuteUser: () => Promise<void>;\n  handleToggleReaction: (reactionType: string) => Promise<void>;\n  /** Whether or not message has reactions */\n  hasReactions: boolean;\n  /** The images attached to a message */\n  images: Attachment<StreamChatGenerics>[];\n  /** Whether or not this is the active user's message */\n  isMyMessage: boolean;\n  /** Whether or not this is the last message in a group of messages */\n  lastGroupMessage: boolean;\n  /** Current [message object](https://getstream.io/chat/docs/#message_format) */\n  message: MessageType<StreamChatGenerics>;\n  /** Order to render the message content */\n  messageContentOrder: MessageContentType[];\n  /**\n   * You can call methods available on the Message\n   * component such as handleEdit, handleDelete, handleAction etc.\n   *\n   * Source - [Message](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/Message/Message.tsx)\n   *\n   * By default, we show the overlay with all the message actions on long press.\n   *\n   * @param payload   Payload object for onLongPress event\n   */\n  onLongPress: (payload: TouchableHandlerPayload) => void;\n  /** Whether the message is only text and the text is only emojis */\n  onlyEmojis: boolean;\n  /** Handler to open a thread on a message */\n  onOpenThread: () => void;\n  /**\n   * You can call methods available on the Message\n   * component such as handleEdit, handleDelete, handleAction etc.\n   *\n   * Source - [Message](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/Message/Message.tsx)\n   *\n   * By default, we will dismiss the keyboard on press.\n   *\n   * @param payload   Payload object for onPress event\n   */\n  onPress: (payload: MessageTouchableHandlerPayload) => void;\n  onPressIn: ((payload: TouchableHandlerPayload) => void) | null;\n  /** The images attached to a message */\n  otherAttachments: Attachment<StreamChatGenerics>[];\n  reactions: Reactions;\n  showMessageOverlay: (messageReactions?: boolean) => void;\n  showMessageStatus: boolean;\n  /** Whether or not the Message is part of a Thread */\n  threadList: boolean;\n  /** The videos attached to a message */\n  videos: Attachment<StreamChatGenerics>[];\n  goToMessage?: (messageId: string) => void;\n  /** Latest message id on current channel */\n  lastReceivedId?: string;\n  /** Prevent message being pressed for image viewer view */\n  preventPress?: boolean;\n  /** Whether or not the avatar show show next to Message */\n  showAvatar?: boolean;\n} & Pick<ChannelContextValue<StreamChatGenerics>, 'channel' | 'disabled' | 'members'>;\n\nexport const MessageContext = React.createContext({} as MessageContextValue);\n\nexport const MessageProvider = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  children,\n  value,\n}: PropsWithChildren<{\n  value?: MessageContextValue<StreamChatGenerics>;\n}>) => (\n  <MessageContext.Provider value={value as unknown as MessageContextValue}>\n    {children}\n  </MessageContext.Provider>\n);\n\nexport const useMessageContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>() => useContext(MessageContext) as unknown as MessageContextValue<StreamChatGenerics>;\n\n/**\n * Typescript currently does not support partial inference so if MessageContext\n * typing is desired while using the HOC withMessageContextContext the Props for the\n * wrapped component must be provided as the first generic.\n */\nexport const withMessageContext = <\n  P extends UnknownType,\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  Component: React.ComponentType<P>,\n): React.FC<Omit<P, keyof MessageContextValue<StreamChatGenerics>>> => {\n  const WithMessageContextComponent = (\n    props: Omit<P, keyof MessageContextValue<StreamChatGenerics>>,\n  ) => {\n    const messageContext = useMessageContext<StreamChatGenerics>();\n\n    return <Component {...(props as P)} {...messageContext} />;\n  };\n  WithMessageContextComponent.displayName = `WithMessageContext${getDisplayName(Component)}`;\n  return WithMessageContextComponent;\n};\n"]}
+{"version":3,"sources":["MessageContext.tsx"],"names":["MessageContext","React","createContext","DEFAULT_BASE_CONTEXT_VALUE","MessageProvider","children","value","useMessageContext","contextValue","Error","withMessageContext","Component","WithMessageContextComponent","props","messageContext","displayName"],"mappings":";;;;;;;;;;;AAAA;;AAaA;;AAEA;;AACA;;;;;;;;;AA2FO,IAAMA,cAAc,GAAGC,kBAAMC,aAAN,CAC5BC,mDAD4B,CAAvB;;;;AAIA,IAAMC,eAAe,GAAG,SAAlBA,eAAkB;AAAA,MAG7BC,QAH6B,QAG7BA,QAH6B;AAAA,MAI7BC,KAJ6B,QAI7BA,KAJ6B;AAAA,SAQ7B,gCAAC,cAAD,CAAgB,QAAhB;AAAyB,IAAA,KAAK,EAAEA,KAAhC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGD,QADH,CAR6B;AAAA,CAAxB;;;;AAaA,IAAME,iBAAiB,GAAG,SAApBA,iBAAoB,GAE1B;AACL,MAAMC,YAAY,GAAG,uBACnBR,cADmB,CAArB;;AAIA,MAAIQ,YAAY,KAAKL,mDAAjB,IAA+C,CAAC,2CAApD,EAAyE;AACvE,UAAM,IAAIM,KAAJ,uOAAN;AAGD;;AAED,SAAOD,YAAP;AACD,CAdM;;;;AAqBA,IAAME,kBAAkB,GAAG,SAArBA,kBAAqB,CAIhCC,SAJgC,EAKqC;AACrE,MAAMC,2BAA2B,GAAG,SAA9BA,2BAA8B,CAClCC,KADkC,EAE/B;AACH,QAAMC,cAAc,GAAGP,iBAAiB,EAAxC;AAEA,WAAO,gCAAC,SAAD,gCAAgBM,KAAhB,EAAiCC,cAAjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAP;AACD,GAND;;AAOAF,EAAAA,2BAA2B,CAACG,WAA5B,0BAA+D,oCAAeJ,SAAf,CAA/D;AACA,SAAOC,2BAAP;AACD,CAfM","sourcesContent":["import React, { PropsWithChildren, useContext } from 'react';\n\nimport type { Attachment } from 'stream-chat';\n\nimport type { ActionHandler } from '../../components/Attachment/Attachment';\nimport type {\n  MessageTouchableHandlerPayload,\n  TouchableHandlerPayload,\n} from '../../components/Message/Message';\nimport type { GroupType, MessageType } from '../../components/MessageList/hooks/useMessageList';\nimport type { ChannelContextValue } from '../../contexts/channelContext/ChannelContext';\nimport type { MessageContentType } from '../../contexts/messagesContext/MessagesContext';\nimport type { DefaultStreamChatGenerics, UnknownType } from '../../types/types';\nimport { DEFAULT_BASE_CONTEXT_VALUE } from '../utils/defaultBaseContextValue';\n\nimport { getDisplayName } from '../utils/getDisplayName';\nimport { isTestEnvironment } from '../utils/isTestEnvironment';\n\nexport type Alignment = 'right' | 'left';\n\nexport type Reactions = {\n  own: boolean;\n  type: string;\n}[];\n\nexport type MessageContextValue<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = {\n  /** Whether or not actions can be performed on message */\n  actionsEnabled: boolean;\n  /** Position of the message, either 'right' or 'left' */\n  alignment: Alignment;\n  /** The files attached to a message */\n  files: Attachment<StreamChatGenerics>[];\n  /**\n   * Position of message in group - top, bottom, middle, single.\n   *\n   * Message group is a group of consecutive messages from same user. groupStyles can be used to style message as per their position in message group\n   * e.g., user avatar (to which message belongs to) is only showed for last (bottom) message in group.\n   */\n  groupStyles: GroupType[];\n  /** Handler for actions. Actions in combination with attachments can be used to build [commands](https://getstream.io/chat/docs/#channel_commands). */\n  handleAction: ActionHandler;\n  handleDeleteMessage: () => Promise<void>;\n  handleEditMessage: () => void;\n  handleQuotedReplyMessage: () => void;\n  handleResendMessage: () => Promise<void>;\n  handleToggleBanUser: () => Promise<void>;\n  handleToggleMuteUser: () => Promise<void>;\n  handleToggleReaction: (reactionType: string) => Promise<void>;\n  /** Whether or not message has reactions */\n  hasReactions: boolean;\n  /** The images attached to a message */\n  images: Attachment<StreamChatGenerics>[];\n  /** Whether or not this is the active user's message */\n  isMyMessage: boolean;\n  /** Whether or not this is the last message in a group of messages */\n  lastGroupMessage: boolean;\n  /** Current [message object](https://getstream.io/chat/docs/#message_format) */\n  message: MessageType<StreamChatGenerics>;\n  /** Order to render the message content */\n  messageContentOrder: MessageContentType[];\n  /**\n   * You can call methods available on the Message\n   * component such as handleEdit, handleDelete, handleAction etc.\n   *\n   * Source - [Message](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/Message/Message.tsx)\n   *\n   * By default, we show the overlay with all the message actions on long press.\n   *\n   * @param payload   Payload object for onLongPress event\n   */\n  onLongPress: (payload: TouchableHandlerPayload) => void;\n  /** Whether the message is only text and the text is only emojis */\n  onlyEmojis: boolean;\n  /** Handler to open a thread on a message */\n  onOpenThread: () => void;\n  /**\n   * You can call methods available on the Message\n   * component such as handleEdit, handleDelete, handleAction etc.\n   *\n   * Source - [Message](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/Message/Message.tsx)\n   *\n   * By default, we will dismiss the keyboard on press.\n   *\n   * @param payload   Payload object for onPress event\n   */\n  onPress: (payload: MessageTouchableHandlerPayload) => void;\n  onPressIn: ((payload: TouchableHandlerPayload) => void) | null;\n  /** The images attached to a message */\n  otherAttachments: Attachment<StreamChatGenerics>[];\n  reactions: Reactions;\n  showMessageOverlay: (messageReactions?: boolean) => void;\n  showMessageStatus: boolean;\n  /** Whether or not the Message is part of a Thread */\n  threadList: boolean;\n  /** The videos attached to a message */\n  videos: Attachment<StreamChatGenerics>[];\n  goToMessage?: (messageId: string) => void;\n  /** Latest message id on current channel */\n  lastReceivedId?: string;\n  /** Prevent message being pressed for image viewer view */\n  preventPress?: boolean;\n  /** Whether or not the avatar show show next to Message */\n  showAvatar?: boolean;\n} & Pick<ChannelContextValue<StreamChatGenerics>, 'channel' | 'disabled' | 'members'>;\n\nexport const MessageContext = React.createContext(\n  DEFAULT_BASE_CONTEXT_VALUE as MessageContextValue,\n);\n\nexport const MessageProvider = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  children,\n  value,\n}: PropsWithChildren<{\n  value?: MessageContextValue<StreamChatGenerics>;\n}>) => (\n  <MessageContext.Provider value={value as unknown as MessageContextValue}>\n    {children}\n  </MessageContext.Provider>\n);\n\nexport const useMessageContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>() => {\n  const contextValue = useContext(\n    MessageContext,\n  ) as unknown as MessageContextValue<StreamChatGenerics>;\n\n  if (contextValue === DEFAULT_BASE_CONTEXT_VALUE && !isTestEnvironment()) {\n    throw new Error(\n      `The useMessageContext hook was called outside of the MessageContext provider. Make sure you have configured MessageList component correctly - https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#message-list`,\n    );\n  }\n\n  return contextValue;\n};\n\n/**\n * Typescript currently does not support partial inference so if MessageContext\n * typing is desired while using the HOC withMessageContextContext the Props for the\n * wrapped component must be provided as the first generic.\n */\nexport const withMessageContext = <\n  P extends UnknownType,\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  Component: React.ComponentType<P>,\n): React.FC<Omit<P, keyof MessageContextValue<StreamChatGenerics>>> => {\n  const WithMessageContextComponent = (\n    props: Omit<P, keyof MessageContextValue<StreamChatGenerics>>,\n  ) => {\n    const messageContext = useMessageContext<StreamChatGenerics>();\n\n    return <Component {...(props as P)} {...messageContext} />;\n  };\n  WithMessageContextComponent.displayName = `WithMessageContext${getDisplayName(Component)}`;\n  return WithMessageContextComponent;\n};\n"]}

package/lib/module/contexts/messageInputContext/MessageInputContext.js

@@ -51,8 +51,12 @@ var _ThreadContext = require("../threadContext/ThreadContext");
 
 var _TranslationContext = require("../translationContext/TranslationContext");
 
+var _defaultBaseContextValue = require("../utils/defaultBaseContextValue");
+
 var _getDisplayName = require("../utils/getDisplayName");
 
+var _isTestEnvironment = require("../utils/isTestEnvironment");
+
 var _this = this,
     _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/contexts/messageInputContext/MessageInputContext.tsx";
 
@@ -66,7 +70,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-var MessageInputContext = _react["default"].createContext({});
+var MessageInputContext = _react["default"].createContext(_defaultBaseContextValue.DEFAULT_BASE_CONTEXT_VALUE);
 
 exports.MessageInputContext = MessageInputContext;
 
@@ -910,7 +914,7 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
                 break;
               }
 
-              channel.sendImage(compressedUri, undefined, contentType).then(function (res) {
+              channel.sendImage(compressedUri, file.filename, contentType).then(function (res) {
                 if (asyncIds.includes(id)) {
                   setAsyncUploads(function (prevAsyncUploads) {
                     prevAsyncUploads[id] = (0, _extends2["default"])({}, prevAsyncUploads[id], {
@@ -931,7 +935,7 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
 
             case 38:
               _context5.next = 40;
-              return channel.sendImage(compressedUri, undefined, contentType);
+              return channel.sendImage(compressedUri, file.filename, contentType);
 
             case 40:
               response = _context5.sent;
@@ -1128,7 +1132,7 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1122,
+      lineNumber: 1128,
       columnNumber: 5
     }
   }, children);
@@ -1137,7 +1141,13 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
 exports.MessageInputProvider = MessageInputProvider;
 
 var useMessageInputContext = function useMessageInputContext() {
-  return (0, _react.useContext)(MessageInputContext);
+  var contextValue = (0, _react.useContext)(MessageInputContext);
+
+  if (contextValue === _defaultBaseContextValue.DEFAULT_BASE_CONTEXT_VALUE && !(0, _isTestEnvironment.isTestEnvironment)()) {
+    throw new Error("The useMessageInputContext hook was called outside of the MessageInputContext provider. Make sure you have configured Channel component correctly - https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#channel");
+  }
+
+  return contextValue;
 };
 
 exports.useMessageInputContext = useMessageInputContext;
@@ -1149,7 +1159,7 @@ var withMessageInputContext = function withMessageInputContext(Component) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 1150,
+        lineNumber: 1168,
         columnNumber: 12
       }
     }));