stream-chat-react-native-core 4.15.0-beta.2 → 5.0.0-beta.1

package/lib/module/contexts/overlayContext/OverlayProvider.js

@@ -43,8 +43,6 @@ var _MessageOverlay = require("../../components/MessageOverlay/MessageOverlay");
 
 var _OverlayBackdrop = require("../../components/MessageOverlay/OverlayBackdrop");
 
-var _ChannelsStateContext = require("../../contexts/channelsStateContext/ChannelsStateContext");
-
 var _useStreami18n = require("../../hooks/useStreami18n");
 
 var _AttachmentPickerContext = require("../attachmentPickerContext/AttachmentPickerContext");
@@ -58,7 +56,7 @@ 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";
+    _jsxFileName = "/Users/vishalnarkhede/projects/stream-chat-react-native/package/src/contexts/overlayContext/OverlayProvider.tsx";
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -192,10 +190,6 @@ var OverlayProvider = function OverlayProvider(props) {
       overlayOpacity.value = (0, _reactNativeReanimated.withTiming)(0);
     }
   }, [overlay]);
-  (0, _useStreami18n.useStreami18n)({
-    i18nInstance: i18nInstance,
-    setTranslators: setTranslators
-  });
   var attachmentPickerContext = {
     attachmentPickerBottomSheetHeight: attachmentPickerBottomSheetHeight,
     attachmentSelectionBarHeight: attachmentSelectionBarHeight,
@@ -230,7 +224,7 @@ var OverlayProvider = function OverlayProvider(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 202,
+      lineNumber: 198,
       columnNumber: 5
     }
   }, _react["default"].createElement(_OverlayContext.OverlayContext.Provider, {
@@ -238,14 +232,14 @@ var OverlayProvider = function OverlayProvider(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 203,
+      lineNumber: 199,
       columnNumber: 7
     }
   }, _react["default"].createElement(_MessageOverlayContext.MessageOverlayProvider, {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 204,
+      lineNumber: 200,
       columnNumber: 9
     }
   }, _react["default"].createElement(_AttachmentPickerContext.AttachmentPickerProvider, {
@@ -253,29 +247,22 @@ var OverlayProvider = function OverlayProvider(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 205,
+      lineNumber: 201,
       columnNumber: 11
     }
   }, _react["default"].createElement(_ImageGalleryContext.ImageGalleryProvider, {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 206,
+      lineNumber: 202,
       columnNumber: 13
     }
-  }, _react["default"].createElement(_ChannelsStateContext.ChannelsStateProvider, {
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 207,
-      columnNumber: 15
-    }
-  }, children), _react["default"].createElement(_ThemeContext.ThemeProvider, {
+  }, children, _react["default"].createElement(_ThemeContext.ThemeProvider, {
     style: overlayContext.style,
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 208,
+      lineNumber: 204,
       columnNumber: 15
     }
   }, _react["default"].createElement(_reactNativeReanimated["default"].View, {
@@ -284,7 +271,7 @@ var OverlayProvider = function OverlayProvider(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 209,
+      lineNumber: 205,
       columnNumber: 17
     }
   }, _react["default"].createElement(_OverlayBackdrop.OverlayBackdrop, {
@@ -295,7 +282,7 @@ var OverlayProvider = function OverlayProvider(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 213,
+      lineNumber: 209,
       columnNumber: 19
     }
   })), overlay === 'message' && _react["default"].createElement(_MessageOverlay.MessageOverlay, {
@@ -309,7 +296,7 @@ var OverlayProvider = function OverlayProvider(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 216,
+      lineNumber: 212,
       columnNumber: 19
     }
   }), overlay === 'gallery' && _react["default"].createElement(_ImageGallery.ImageGallery, {
@@ -322,7 +309,7 @@ var OverlayProvider = function OverlayProvider(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 227,
+      lineNumber: 223,
       columnNumber: 19
     }
   }), _react["default"].createElement(_AttachmentPicker.AttachmentPicker, (0, _extends2["default"])({
@@ -331,7 +318,7 @@ var OverlayProvider = function OverlayProvider(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 236,
+      lineNumber: 232,
       columnNumber: 17
     }
   }))))))));

package/lib/module/contexts/overlayContext/OverlayProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["OverlayProvider.tsx"],"names":["OverlayProvider","props","AttachmentPickerBottomSheetHandle","DefaultAttachmentPickerBottomSheetHandle","attachmentPickerBottomSheetHandleHeight","attachmentPickerBottomSheetHeight","AttachmentPickerError","DefaultAttachmentPickerError","attachmentPickerErrorButtonText","AttachmentPickerErrorImage","DefaultAttachmentPickerErrorImage","attachmentPickerErrorText","attachmentSelectionBarHeight","bottomInset","CameraSelectorIcon","DefaultCameraSelectorIcon","children","closePicker","ref","current","close","FileSelectorIcon","DefaultFileSelectorIcon","giphyVersion","i18nInstance","imageGalleryCustomComponents","imageGalleryGridHandleHeight","imageGalleryGridSnapPoints","ImageOverlaySelectedComponent","DefaultImageOverlaySelectedComponent","ImageSelectorIcon","DefaultImageSelectorIcon","MessageActionList","MessageActionListItem","messageTextNumberOfLines","numberOfAttachmentImagesToLoadPerCall","numberOfAttachmentPickerImageColumns","numberOfImageGalleryGridColumns","openPicker","snapToIndex","console","warn","topInset","translucentStatusBar","OverlayReactionList","OverlayReactions","OverlayReactionsAvatar","value","attachmentPickerProps","bottomSheetRef","t","key","tDateTimeParser","input","translators","setTranslators","overlay","setOverlay","overlayOpacity","Dimensions","get","height","width","loadingTranslators","backAction","backHandler","BackHandler","addEventListener","remove","attachmentPickerContext","overlayStyle","opacity","overlayContext","style","userLanguage","DEFAULT_USER_LANGUAGE","StyleSheet","absoluteFill"],"mappings":"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","sourcesContent":["import React, { PropsWithChildren, useEffect, useRef, useState } from 'react';\n\nimport { BackHandler, Dimensions, StyleSheet, ViewStyle } from 'react-native';\n\nimport Animated, {\n  cancelAnimation,\n  useAnimatedStyle,\n  useSharedValue,\n  withTiming,\n} from 'react-native-reanimated';\n\nimport type BottomSheet from '@gorhom/bottom-sheet';\nimport Dayjs from 'dayjs';\n\nimport { OverlayContext, OverlayProviderProps } from './OverlayContext';\n\nimport { AttachmentPicker } from '../../components/AttachmentPicker/AttachmentPicker';\n\nimport { AttachmentPickerBottomSheetHandle as DefaultAttachmentPickerBottomSheetHandle } from '../../components/AttachmentPicker/components/AttachmentPickerBottomSheetHandle';\nimport { AttachmentPickerError as DefaultAttachmentPickerError } from '../../components/AttachmentPicker/components/AttachmentPickerError';\nimport { AttachmentPickerErrorImage as DefaultAttachmentPickerErrorImage } from '../../components/AttachmentPicker/components/AttachmentPickerErrorImage';\nimport { CameraSelectorIcon as DefaultCameraSelectorIcon } from '../../components/AttachmentPicker/components/CameraSelectorIcon';\nimport { FileSelectorIcon as DefaultFileSelectorIcon } from '../../components/AttachmentPicker/components/FileSelectorIcon';\nimport { ImageOverlaySelectedComponent as DefaultImageOverlaySelectedComponent } from '../../components/AttachmentPicker/components/ImageOverlaySelectedComponent';\nimport { ImageSelectorIcon as DefaultImageSelectorIcon } from '../../components/AttachmentPicker/components/ImageSelectorIcon';\nimport { ImageGallery } from '../../components/ImageGallery/ImageGallery';\nimport { MessageOverlay } from '../../components/MessageOverlay/MessageOverlay';\nimport { OverlayBackdrop } from '../../components/MessageOverlay/OverlayBackdrop';\nimport { ChannelsStateProvider } from '../../contexts/channelsStateContext/ChannelsStateContext';\nimport { useStreami18n } from '../../hooks/useStreami18n';\n\nimport type { DefaultStreamChatGenerics } from '../../types/types';\nimport { AttachmentPickerProvider } from '../attachmentPickerContext/AttachmentPickerContext';\nimport { ImageGalleryProvider } from '../imageGalleryContext/ImageGalleryContext';\nimport { MessageOverlayProvider } from '../messageOverlayContext/MessageOverlayContext';\nimport { ThemeProvider } from '../themeContext/ThemeContext';\nimport {\n  DEFAULT_USER_LANGUAGE,\n  TranslationProvider,\n  TranslatorFunctions,\n} from '../translationContext/TranslationContext';\n\n/**\n * - The highest level of these components is the `OverlayProvider`. The `OverlayProvider` allows users to interact with messages on long press above the underlying views, use the full screen image viewer, and use the `AttachmentPicker` as a keyboard-esk view.\n *  Because these views must exist above all others `OverlayProvider` should wrap your navigation stack as well. Assuming [`React Navigation`](https://reactnavigation.org/) is being used, your highest level navigation stack should be wrapped in the provider:\n *\n *    ```js\n *    <NavigationContainer>\n *      <OverlayProvider>\n *        <Stack.Navigator>\n *          <Stack.Screen />\n *        </Stack.Navigator>\n *      </OverlayProvider>\n *    </NavigationContainer>\n *    ```\n *\n * - Don't forget to check our cookbook section of [OverlayProvider](https://github.com/GetStream/stream-chat-react-native/wiki/Cookbook-v3.0#overlayprovider)\n *\n * - Also check the [visual component guide](https://github.com/GetStream/stream-chat-react-native/wiki/Cookbook-v3.0#custom-components), to learn about component customizations.\n *\n * @example ./OverlayProvider.md\n */\nexport const OverlayProvider = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: PropsWithChildren<OverlayProviderProps<StreamChatGenerics>>,\n) => {\n  const {\n    AttachmentPickerBottomSheetHandle = DefaultAttachmentPickerBottomSheetHandle,\n    attachmentPickerBottomSheetHandleHeight,\n    attachmentPickerBottomSheetHeight,\n    AttachmentPickerError = DefaultAttachmentPickerError,\n    attachmentPickerErrorButtonText,\n    AttachmentPickerErrorImage = DefaultAttachmentPickerErrorImage,\n    attachmentPickerErrorText,\n    attachmentSelectionBarHeight,\n    bottomInset,\n    CameraSelectorIcon = DefaultCameraSelectorIcon,\n    children,\n    closePicker = (ref) => {\n      if (ref.current) {\n        ref.current.close();\n      }\n    },\n    FileSelectorIcon = DefaultFileSelectorIcon,\n    giphyVersion,\n    i18nInstance,\n    imageGalleryCustomComponents,\n    imageGalleryGridHandleHeight,\n    imageGalleryGridSnapPoints,\n    ImageOverlaySelectedComponent = DefaultImageOverlaySelectedComponent,\n    ImageSelectorIcon = DefaultImageSelectorIcon,\n    MessageActionList,\n    MessageActionListItem,\n    messageTextNumberOfLines,\n    numberOfAttachmentImagesToLoadPerCall,\n    numberOfAttachmentPickerImageColumns,\n    numberOfImageGalleryGridColumns,\n    openPicker = (ref) => {\n      if (ref.current?.snapToIndex) {\n        ref.current.snapToIndex(0);\n      } else {\n        console.warn('bottom and top insets must be set for the image picker to work correctly');\n      }\n    },\n    topInset,\n    translucentStatusBar,\n    OverlayReactionList,\n    OverlayReactions,\n    OverlayReactionsAvatar,\n    value,\n  } = props;\n\n  const attachmentPickerProps = {\n    AttachmentPickerBottomSheetHandle,\n    attachmentPickerBottomSheetHandleHeight,\n    attachmentPickerBottomSheetHeight,\n    AttachmentPickerError,\n    attachmentPickerErrorButtonText,\n    AttachmentPickerErrorImage,\n    attachmentPickerErrorText,\n    attachmentSelectionBarHeight,\n    ImageOverlaySelectedComponent,\n    numberOfAttachmentImagesToLoadPerCall,\n    numberOfAttachmentPickerImageColumns,\n    translucentStatusBar,\n  };\n\n  const bottomSheetRef = useRef<BottomSheet>(null);\n\n  const [translators, setTranslators] = useState<TranslatorFunctions>({\n    t: (key: string) => key,\n    tDateTimeParser: (input?: string | number | Date) => Dayjs(input),\n  });\n  const [overlay, setOverlay] = useState(value?.overlay || 'none');\n\n  const overlayOpacity = useSharedValue(0);\n  const { height, width } = Dimensions.get('screen');\n\n  // Setup translators\n  const loadingTranslators = useStreami18n({ i18nInstance, setTranslators });\n\n  useEffect(() => {\n    const backAction = () => {\n      if (overlay !== 'none') {\n        setOverlay('none');\n        return true;\n      }\n\n      return false;\n    };\n\n    const backHandler = BackHandler.addEventListener('hardwareBackPress', backAction);\n\n    return () => backHandler.remove();\n  }, [overlay]);\n\n  useEffect(() => {\n    if (bottomSheetRef.current) {\n      bottomSheetRef.current.close?.();\n    }\n    cancelAnimation(overlayOpacity);\n    if (overlay !== 'none') {\n      overlayOpacity.value = withTiming(1);\n    } else {\n      overlayOpacity.value = withTiming(0);\n    }\n  }, [overlay]);\n\n  // Setup translators\n  useStreami18n({ i18nInstance, setTranslators });\n\n  const attachmentPickerContext = {\n    attachmentPickerBottomSheetHeight,\n    attachmentSelectionBarHeight,\n    bottomInset,\n    CameraSelectorIcon,\n    closePicker: () => closePicker(bottomSheetRef),\n    FileSelectorIcon,\n    ImageSelectorIcon,\n    openPicker: () => openPicker(bottomSheetRef),\n    topInset,\n  };\n\n  const overlayStyle = useAnimatedStyle<ViewStyle>(\n    () => ({\n      opacity: overlayOpacity.value,\n    }),\n    [],\n  );\n\n  const overlayContext = {\n    overlay,\n    setOverlay,\n    style: value?.style,\n    translucentStatusBar,\n  };\n\n  if (loadingTranslators) return null;\n\n  return (\n    <TranslationProvider value={{ ...translators, userLanguage: DEFAULT_USER_LANGUAGE }}>\n      <OverlayContext.Provider value={overlayContext}>\n        <MessageOverlayProvider<StreamChatGenerics>>\n          <AttachmentPickerProvider value={attachmentPickerContext}>\n            <ImageGalleryProvider>\n              <ChannelsStateProvider<StreamChatGenerics>>{children}</ChannelsStateProvider>\n              <ThemeProvider style={overlayContext.style}>\n                <Animated.View\n                  pointerEvents={overlay === 'none' ? 'none' : 'auto'}\n                  style={[StyleSheet.absoluteFill, overlayStyle]}\n                >\n                  <OverlayBackdrop style={[StyleSheet.absoluteFill, { height, width }]} />\n                </Animated.View>\n                {overlay === 'message' && (\n                  <MessageOverlay<StreamChatGenerics>\n                    MessageActionList={MessageActionList}\n                    MessageActionListItem={MessageActionListItem}\n                    messageTextNumberOfLines={messageTextNumberOfLines}\n                    overlayOpacity={overlayOpacity}\n                    OverlayReactionList={OverlayReactionList}\n                    OverlayReactions={OverlayReactions}\n                    OverlayReactionsAvatar={OverlayReactionsAvatar}\n                  />\n                )}\n                {overlay === 'gallery' && (\n                  <ImageGallery<StreamChatGenerics>\n                    giphyVersion={giphyVersion}\n                    imageGalleryCustomComponents={imageGalleryCustomComponents}\n                    imageGalleryGridHandleHeight={imageGalleryGridHandleHeight}\n                    imageGalleryGridSnapPoints={imageGalleryGridSnapPoints}\n                    numberOfImageGalleryGridColumns={numberOfImageGalleryGridColumns}\n                    overlayOpacity={overlayOpacity}\n                  />\n                )}\n                <AttachmentPicker ref={bottomSheetRef} {...attachmentPickerProps} />\n              </ThemeProvider>\n            </ImageGalleryProvider>\n          </AttachmentPickerProvider>\n        </MessageOverlayProvider>\n      </OverlayContext.Provider>\n    </TranslationProvider>\n  );\n};\n"]}
+{"version":3,"sources":["OverlayProvider.tsx"],"names":["OverlayProvider","props","AttachmentPickerBottomSheetHandle","DefaultAttachmentPickerBottomSheetHandle","attachmentPickerBottomSheetHandleHeight","attachmentPickerBottomSheetHeight","AttachmentPickerError","DefaultAttachmentPickerError","attachmentPickerErrorButtonText","AttachmentPickerErrorImage","DefaultAttachmentPickerErrorImage","attachmentPickerErrorText","attachmentSelectionBarHeight","bottomInset","CameraSelectorIcon","DefaultCameraSelectorIcon","children","closePicker","ref","current","close","FileSelectorIcon","DefaultFileSelectorIcon","giphyVersion","i18nInstance","imageGalleryCustomComponents","imageGalleryGridHandleHeight","imageGalleryGridSnapPoints","ImageOverlaySelectedComponent","DefaultImageOverlaySelectedComponent","ImageSelectorIcon","DefaultImageSelectorIcon","MessageActionList","MessageActionListItem","messageTextNumberOfLines","numberOfAttachmentImagesToLoadPerCall","numberOfAttachmentPickerImageColumns","numberOfImageGalleryGridColumns","openPicker","snapToIndex","console","warn","topInset","translucentStatusBar","OverlayReactionList","OverlayReactions","OverlayReactionsAvatar","value","attachmentPickerProps","bottomSheetRef","t","key","tDateTimeParser","input","translators","setTranslators","overlay","setOverlay","overlayOpacity","Dimensions","get","height","width","loadingTranslators","backAction","backHandler","BackHandler","addEventListener","remove","attachmentPickerContext","overlayStyle","opacity","overlayContext","style","userLanguage","DEFAULT_USER_LANGUAGE","StyleSheet","absoluteFill"],"mappings":"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","sourcesContent":["import React, { PropsWithChildren, useEffect, useRef, useState } from 'react';\n\nimport { BackHandler, Dimensions, StyleSheet, ViewStyle } from 'react-native';\n\nimport Animated, {\n  cancelAnimation,\n  useAnimatedStyle,\n  useSharedValue,\n  withTiming,\n} from 'react-native-reanimated';\n\nimport type BottomSheet from '@gorhom/bottom-sheet';\nimport Dayjs from 'dayjs';\n\nimport { OverlayContext, OverlayProviderProps } from './OverlayContext';\n\nimport { AttachmentPicker } from '../../components/AttachmentPicker/AttachmentPicker';\n\nimport { AttachmentPickerBottomSheetHandle as DefaultAttachmentPickerBottomSheetHandle } from '../../components/AttachmentPicker/components/AttachmentPickerBottomSheetHandle';\nimport { AttachmentPickerError as DefaultAttachmentPickerError } from '../../components/AttachmentPicker/components/AttachmentPickerError';\nimport { AttachmentPickerErrorImage as DefaultAttachmentPickerErrorImage } from '../../components/AttachmentPicker/components/AttachmentPickerErrorImage';\nimport { CameraSelectorIcon as DefaultCameraSelectorIcon } from '../../components/AttachmentPicker/components/CameraSelectorIcon';\nimport { FileSelectorIcon as DefaultFileSelectorIcon } from '../../components/AttachmentPicker/components/FileSelectorIcon';\nimport { ImageOverlaySelectedComponent as DefaultImageOverlaySelectedComponent } from '../../components/AttachmentPicker/components/ImageOverlaySelectedComponent';\nimport { ImageSelectorIcon as DefaultImageSelectorIcon } from '../../components/AttachmentPicker/components/ImageSelectorIcon';\nimport { ImageGallery } from '../../components/ImageGallery/ImageGallery';\nimport { MessageOverlay } from '../../components/MessageOverlay/MessageOverlay';\nimport { OverlayBackdrop } from '../../components/MessageOverlay/OverlayBackdrop';\nimport { useStreami18n } from '../../hooks/useStreami18n';\n\nimport type { DefaultStreamChatGenerics } from '../../types/types';\nimport { AttachmentPickerProvider } from '../attachmentPickerContext/AttachmentPickerContext';\nimport { ImageGalleryProvider } from '../imageGalleryContext/ImageGalleryContext';\nimport { MessageOverlayProvider } from '../messageOverlayContext/MessageOverlayContext';\nimport { ThemeProvider } from '../themeContext/ThemeContext';\nimport {\n  DEFAULT_USER_LANGUAGE,\n  TranslationProvider,\n  TranslatorFunctions,\n} from '../translationContext/TranslationContext';\n\n/**\n * - The highest level of these components is the `OverlayProvider`. The `OverlayProvider` allows users to interact with messages on long press above the underlying views, use the full screen image viewer, and use the `AttachmentPicker` as a keyboard-esk view.\n *  Because these views must exist above all others `OverlayProvider` should wrap your navigation stack as well. Assuming [`React Navigation`](https://reactnavigation.org/) is being used, your highest level navigation stack should be wrapped in the provider:\n *\n *    ```js\n *    <NavigationContainer>\n *      <OverlayProvider>\n *        <Stack.Navigator>\n *          <Stack.Screen />\n *        </Stack.Navigator>\n *      </OverlayProvider>\n *    </NavigationContainer>\n *    ```\n *\n * - Don't forget to check our cookbook section of [OverlayProvider](https://github.com/GetStream/stream-chat-react-native/wiki/Cookbook-v3.0#overlayprovider)\n *\n * - Also check the [visual component guide](https://github.com/GetStream/stream-chat-react-native/wiki/Cookbook-v3.0#custom-components), to learn about component customizations.\n *\n * @example ./OverlayProvider.md\n */\nexport const OverlayProvider = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: PropsWithChildren<OverlayProviderProps<StreamChatGenerics>>,\n) => {\n  const {\n    AttachmentPickerBottomSheetHandle = DefaultAttachmentPickerBottomSheetHandle,\n    attachmentPickerBottomSheetHandleHeight,\n    attachmentPickerBottomSheetHeight,\n    AttachmentPickerError = DefaultAttachmentPickerError,\n    attachmentPickerErrorButtonText,\n    AttachmentPickerErrorImage = DefaultAttachmentPickerErrorImage,\n    attachmentPickerErrorText,\n    attachmentSelectionBarHeight,\n    bottomInset,\n    CameraSelectorIcon = DefaultCameraSelectorIcon,\n    children,\n    closePicker = (ref) => {\n      if (ref.current) {\n        ref.current.close();\n      }\n    },\n    FileSelectorIcon = DefaultFileSelectorIcon,\n    giphyVersion,\n    i18nInstance,\n    imageGalleryCustomComponents,\n    imageGalleryGridHandleHeight,\n    imageGalleryGridSnapPoints,\n    ImageOverlaySelectedComponent = DefaultImageOverlaySelectedComponent,\n    ImageSelectorIcon = DefaultImageSelectorIcon,\n    MessageActionList,\n    MessageActionListItem,\n    messageTextNumberOfLines,\n    numberOfAttachmentImagesToLoadPerCall,\n    numberOfAttachmentPickerImageColumns,\n    numberOfImageGalleryGridColumns,\n    openPicker = (ref) => {\n      if (ref.current?.snapToIndex) {\n        ref.current.snapToIndex(0);\n      } else {\n        console.warn('bottom and top insets must be set for the image picker to work correctly');\n      }\n    },\n    topInset,\n    translucentStatusBar,\n    OverlayReactionList,\n    OverlayReactions,\n    OverlayReactionsAvatar,\n    value,\n  } = props;\n\n  const attachmentPickerProps = {\n    AttachmentPickerBottomSheetHandle,\n    attachmentPickerBottomSheetHandleHeight,\n    attachmentPickerBottomSheetHeight,\n    AttachmentPickerError,\n    attachmentPickerErrorButtonText,\n    AttachmentPickerErrorImage,\n    attachmentPickerErrorText,\n    attachmentSelectionBarHeight,\n    ImageOverlaySelectedComponent,\n    numberOfAttachmentImagesToLoadPerCall,\n    numberOfAttachmentPickerImageColumns,\n    translucentStatusBar,\n  };\n\n  const bottomSheetRef = useRef<BottomSheet>(null);\n\n  const [translators, setTranslators] = useState<TranslatorFunctions>({\n    t: (key: string) => key,\n    tDateTimeParser: (input?: string | number | Date) => Dayjs(input),\n  });\n  const [overlay, setOverlay] = useState(value?.overlay || 'none');\n\n  const overlayOpacity = useSharedValue(0);\n  const { height, width } = Dimensions.get('screen');\n\n  // Setup translators\n  const loadingTranslators = useStreami18n({ i18nInstance, setTranslators });\n\n  useEffect(() => {\n    const backAction = () => {\n      if (overlay !== 'none') {\n        setOverlay('none');\n        return true;\n      }\n\n      return false;\n    };\n\n    const backHandler = BackHandler.addEventListener('hardwareBackPress', backAction);\n\n    return () => backHandler.remove();\n  }, [overlay]);\n\n  useEffect(() => {\n    if (bottomSheetRef.current) {\n      bottomSheetRef.current.close?.();\n    }\n    cancelAnimation(overlayOpacity);\n    if (overlay !== 'none') {\n      overlayOpacity.value = withTiming(1);\n    } else {\n      overlayOpacity.value = withTiming(0);\n    }\n  }, [overlay]);\n\n  const attachmentPickerContext = {\n    attachmentPickerBottomSheetHeight,\n    attachmentSelectionBarHeight,\n    bottomInset,\n    CameraSelectorIcon,\n    closePicker: () => closePicker(bottomSheetRef),\n    FileSelectorIcon,\n    ImageSelectorIcon,\n    openPicker: () => openPicker(bottomSheetRef),\n    topInset,\n  };\n\n  const overlayStyle = useAnimatedStyle<ViewStyle>(\n    () => ({\n      opacity: overlayOpacity.value,\n    }),\n    [],\n  );\n\n  const overlayContext = {\n    overlay,\n    setOverlay,\n    style: value?.style,\n    translucentStatusBar,\n  };\n\n  if (loadingTranslators) return null;\n\n  return (\n    <TranslationProvider value={{ ...translators, userLanguage: DEFAULT_USER_LANGUAGE }}>\n      <OverlayContext.Provider value={overlayContext}>\n        <MessageOverlayProvider<StreamChatGenerics>>\n          <AttachmentPickerProvider value={attachmentPickerContext}>\n            <ImageGalleryProvider>\n              {children}\n              <ThemeProvider style={overlayContext.style}>\n                <Animated.View\n                  pointerEvents={overlay === 'none' ? 'none' : 'auto'}\n                  style={[StyleSheet.absoluteFill, overlayStyle]}\n                >\n                  <OverlayBackdrop style={[StyleSheet.absoluteFill, { height, width }]} />\n                </Animated.View>\n                {overlay === 'message' && (\n                  <MessageOverlay<StreamChatGenerics>\n                    MessageActionList={MessageActionList}\n                    MessageActionListItem={MessageActionListItem}\n                    messageTextNumberOfLines={messageTextNumberOfLines}\n                    overlayOpacity={overlayOpacity}\n                    OverlayReactionList={OverlayReactionList}\n                    OverlayReactions={OverlayReactions}\n                    OverlayReactionsAvatar={OverlayReactionsAvatar}\n                  />\n                )}\n                {overlay === 'gallery' && (\n                  <ImageGallery<StreamChatGenerics>\n                    giphyVersion={giphyVersion}\n                    imageGalleryCustomComponents={imageGalleryCustomComponents}\n                    imageGalleryGridHandleHeight={imageGalleryGridHandleHeight}\n                    imageGalleryGridSnapPoints={imageGalleryGridSnapPoints}\n                    numberOfImageGalleryGridColumns={numberOfImageGalleryGridColumns}\n                    overlayOpacity={overlayOpacity}\n                  />\n                )}\n                <AttachmentPicker ref={bottomSheetRef} {...attachmentPickerProps} />\n              </ThemeProvider>\n            </ImageGalleryProvider>\n          </AttachmentPickerProvider>\n        </MessageOverlayProvider>\n      </OverlayContext.Provider>\n    </TranslationProvider>\n  );\n};\n"]}

package/lib/module/contexts/ownCapabilitiesContext/OwnCapabilitiesContext.js

@@ -12,7 +12,7 @@ var _defaultBaseContextValue = require("../utils/defaultBaseContextValue");
 var _isTestEnvironment = require("../utils/isTestEnvironment");
 
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/contexts/ownCapabilitiesContext/OwnCapabilitiesContext.tsx";
+    _jsxFileName = "/Users/vishalnarkhede/projects/stream-chat-react-native/package/src/contexts/ownCapabilitiesContext/OwnCapabilitiesContext.tsx";
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 

package/lib/module/contexts/paginatedMessageListContext/PaginatedMessageListContext.js

@@ -18,7 +18,7 @@ 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/paginatedMessageListContext/PaginatedMessageListContext.tsx";
+    _jsxFileName = "/Users/vishalnarkhede/projects/stream-chat-react-native/package/src/contexts/paginatedMessageListContext/PaginatedMessageListContext.tsx";
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -36,7 +36,7 @@ var PaginatedMessageListProvider = function PaginatedMessageListProvider(_ref) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 60,
+      lineNumber: 64,
       columnNumber: 3
     }
   }, children);
@@ -63,7 +63,7 @@ var withPaginatedMessageListContext = function withPaginatedMessageListContext(C
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 99,
+        lineNumber: 103,
         columnNumber: 12
       }
     }));

package/lib/module/contexts/paginatedMessageListContext/PaginatedMessageListContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["PaginatedMessageListContext.tsx"],"names":["PaginatedMessageListContext","React","createContext","DEFAULT_BASE_CONTEXT_VALUE","PaginatedMessageListProvider","children","value","usePaginatedMessageListContext","contextValue","Error","withPaginatedMessageListContext","Component","WithPaginatedMessageListContextComponent","props","paginatedMessageListContext","displayName"],"mappings":";;;;;;;;;;;AAAA;;AAKA;;AAEA;;AACA;;;;;;;;;AAuCO,IAAMA,2BAA2B,GAAGC,kBAAMC,aAAN,CACzCC,mDADyC,CAApC;;;;AAIA,IAAMC,4BAA4B,GAAG,SAA/BA,4BAA+B;AAAA,MAG1CC,QAH0C,QAG1CA,QAH0C;AAAA,MAI1CC,KAJ0C,QAI1CA,KAJ0C;AAAA,SAQ1C,gCAAC,2BAAD,CAA6B,QAA7B;AACE,IAAA,KAAK,EAAEA,KADT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAGGD,QAHH,CAR0C;AAAA,CAArC;;;;AAeA,IAAME,8BAA8B,GAAG,SAAjCA,8BAAiC,GAEvC;AACL,MAAMC,YAAY,GAAG,uBACnBR,2BADmB,CAArB;;AAIA,MAAIQ,YAAY,KAAKL,mDAAjB,IAA+C,CAAC,2CAApD,EAAyE;AACvE,UAAM,IAAIM,KAAJ,iPAAN;AAGD;;AAED,SAAOD,YAAP;AACD,CAdM;;;;AAqBA,IAAME,+BAA+B,GAAG,SAAlCA,+BAAkC,CAI7CC,SAJ6C,EAKqC;AAClF,MAAMC,wCAAwC,GAAG,SAA3CA,wCAA2C,CAC/CC,KAD+C,EAE5C;AACH,QAAMC,2BAA2B,GAAGP,8BAA8B,EAAlE;AAEA,WAAO,gCAAC,SAAD,gCAAgBM,KAAhB,EAAiCC,2BAAjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAP;AACD,GAND;;AAOAF,EAAAA,wCAAwC,CAACG,WAAzC,uCAAyF,oCACvFJ,SADuF,CAAzF;AAGA,SAAOC,wCAAP;AACD,CAjBM","sourcesContent":["import React, { PropsWithChildren, useContext } from 'react';\n\nimport type { ChannelState } 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 PaginatedMessageListContextValue<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = {\n  /**\n   * Has more messages to load\n   */\n  hasMore: boolean;\n  /**\n   * Is loading more messages\n   */\n  loadingMore: boolean;\n  /**\n   * Is loading more recent messages\n   */\n  loadingMoreRecent: boolean;\n  /**\n   * Load more messages\n   */\n  loadMore: (limit?: number) => Promise<void>;\n  /**\n   * Load more recent messages\n   */\n  loadMoreRecent: (limit?: number) => Promise<void>;\n  /**\n   * Messages from client state\n   */\n  messages: ChannelState<StreamChatGenerics>['messages'];\n  /**\n   * Set loadingMore\n   */\n  setLoadingMore: React.Dispatch<React.SetStateAction<boolean>>;\n  /**\n   * Set loadingMoreRecent\n   */\n  setLoadingMoreRecent: React.Dispatch<React.SetStateAction<boolean>>;\n};\n\nexport const PaginatedMessageListContext = React.createContext(\n  DEFAULT_BASE_CONTEXT_VALUE as PaginatedMessageListContextValue,\n);\n\nexport const PaginatedMessageListProvider = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  children,\n  value,\n}: PropsWithChildren<{\n  value?: PaginatedMessageListContextValue<StreamChatGenerics>;\n}>) => (\n  <PaginatedMessageListContext.Provider\n    value={value as unknown as PaginatedMessageListContextValue}\n  >\n    {children}\n  </PaginatedMessageListContext.Provider>\n);\n\nexport const usePaginatedMessageListContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>() => {\n  const contextValue = useContext(\n    PaginatedMessageListContext,\n  ) as unknown as PaginatedMessageListContextValue<StreamChatGenerics>;\n\n  if (contextValue === DEFAULT_BASE_CONTEXT_VALUE && !isTestEnvironment()) {\n    throw new Error(\n      `The usePaginatedMessageListContext hook was called outside of the PaginatedMessageList provider. Make sure you have configured Channel component correctly - https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#channel`,\n    );\n  }\n\n  return contextValue;\n};\n\n/**\n * Typescript currently does not support partial inference so if MessageListContextValue\n * typing is desired while using the HOC withMessageListContext the Props for the\n * wrapped component must be provided as the first generic.\n */\nexport const withPaginatedMessageListContext = <\n  P extends UnknownType,\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  Component: React.ComponentType<P>,\n): React.FC<Omit<P, keyof PaginatedMessageListContextValue<StreamChatGenerics>>> => {\n  const WithPaginatedMessageListContextComponent = (\n    props: Omit<P, keyof PaginatedMessageListContextValue<StreamChatGenerics>>,\n  ) => {\n    const paginatedMessageListContext = usePaginatedMessageListContext<StreamChatGenerics>();\n\n    return <Component {...(props as P)} {...paginatedMessageListContext} />;\n  };\n  WithPaginatedMessageListContextComponent.displayName = `WithPaginatedMessageListContext${getDisplayName(\n    Component,\n  )}`;\n  return WithPaginatedMessageListContextComponent;\n};\n"]}
+{"version":3,"sources":["PaginatedMessageListContext.tsx"],"names":["PaginatedMessageListContext","React","createContext","DEFAULT_BASE_CONTEXT_VALUE","PaginatedMessageListProvider","children","value","usePaginatedMessageListContext","contextValue","Error","withPaginatedMessageListContext","Component","WithPaginatedMessageListContextComponent","props","paginatedMessageListContext","displayName"],"mappings":";;;;;;;;;;;AAAA;;AAKA;;AAEA;;AACA;;;;;;;;;AA2CO,IAAMA,2BAA2B,GAAGC,kBAAMC,aAAN,CACzCC,mDADyC,CAApC;;;;AAIA,IAAMC,4BAA4B,GAAG,SAA/BA,4BAA+B;AAAA,MAG1CC,QAH0C,QAG1CA,QAH0C;AAAA,MAI1CC,KAJ0C,QAI1CA,KAJ0C;AAAA,SAQ1C,gCAAC,2BAAD,CAA6B,QAA7B;AACE,IAAA,KAAK,EAAEA,KADT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAGGD,QAHH,CAR0C;AAAA,CAArC;;;;AAeA,IAAME,8BAA8B,GAAG,SAAjCA,8BAAiC,GAEvC;AACL,MAAMC,YAAY,GAAG,uBACnBR,2BADmB,CAArB;;AAIA,MAAIQ,YAAY,KAAKL,mDAAjB,IAA+C,CAAC,2CAApD,EAAyE;AACvE,UAAM,IAAIM,KAAJ,iPAAN;AAGD;;AAED,SAAOD,YAAP;AACD,CAdM;;;;AAqBA,IAAME,+BAA+B,GAAG,SAAlCA,+BAAkC,CAI7CC,SAJ6C,EAKqC;AAClF,MAAMC,wCAAwC,GAAG,SAA3CA,wCAA2C,CAC/CC,KAD+C,EAE5C;AACH,QAAMC,2BAA2B,GAAGP,8BAA8B,EAAlE;AAEA,WAAO,gCAAC,SAAD,gCAAgBM,KAAhB,EAAiCC,2BAAjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAP;AACD,GAND;;AAOAF,EAAAA,wCAAwC,CAACG,WAAzC,uCAAyF,oCACvFJ,SADuF,CAAzF;AAGA,SAAOC,wCAAP;AACD,CAjBM","sourcesContent":["import React, { PropsWithChildren, useContext } from 'react';\n\nimport type { ChannelState } 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 PaginatedMessageListContextValue<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = {\n  /**\n   * Has more messages to load\n   */\n  hasMore: boolean;\n  /**\n   * Flag to indicate that are no more recent messages to be loaded\n   */\n  hasNoMoreRecentMessagesToLoad: boolean;\n  /**\n   * Is loading more messages\n   */\n  loadingMore: boolean;\n  /**\n   * Is loading more recent messages\n   */\n  loadingMoreRecent: boolean;\n  /**\n   * Load more messages\n   */\n  loadMore: (limit?: number) => Promise<void>;\n  /**\n   * Load more recent messages\n   */\n  loadMoreRecent: (limit?: number) => Promise<void>;\n  /**\n   * Messages from client state\n   */\n  messages: ChannelState<StreamChatGenerics>['messages'];\n  /**\n   * Set loadingMore\n   */\n  setLoadingMore: React.Dispatch<React.SetStateAction<boolean>>;\n  /**\n   * Set loadingMoreRecent\n   */\n  setLoadingMoreRecent: React.Dispatch<React.SetStateAction<boolean>>;\n};\n\nexport const PaginatedMessageListContext = React.createContext(\n  DEFAULT_BASE_CONTEXT_VALUE as PaginatedMessageListContextValue,\n);\n\nexport const PaginatedMessageListProvider = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  children,\n  value,\n}: PropsWithChildren<{\n  value?: PaginatedMessageListContextValue<StreamChatGenerics>;\n}>) => (\n  <PaginatedMessageListContext.Provider\n    value={value as unknown as PaginatedMessageListContextValue}\n  >\n    {children}\n  </PaginatedMessageListContext.Provider>\n);\n\nexport const usePaginatedMessageListContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>() => {\n  const contextValue = useContext(\n    PaginatedMessageListContext,\n  ) as unknown as PaginatedMessageListContextValue<StreamChatGenerics>;\n\n  if (contextValue === DEFAULT_BASE_CONTEXT_VALUE && !isTestEnvironment()) {\n    throw new Error(\n      `The usePaginatedMessageListContext hook was called outside of the PaginatedMessageList provider. Make sure you have configured Channel component correctly - https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#channel`,\n    );\n  }\n\n  return contextValue;\n};\n\n/**\n * Typescript currently does not support partial inference so if MessageListContextValue\n * typing is desired while using the HOC withMessageListContext the Props for the\n * wrapped component must be provided as the first generic.\n */\nexport const withPaginatedMessageListContext = <\n  P extends UnknownType,\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  Component: React.ComponentType<P>,\n): React.FC<Omit<P, keyof PaginatedMessageListContextValue<StreamChatGenerics>>> => {\n  const WithPaginatedMessageListContextComponent = (\n    props: Omit<P, keyof PaginatedMessageListContextValue<StreamChatGenerics>>,\n  ) => {\n    const paginatedMessageListContext = usePaginatedMessageListContext<StreamChatGenerics>();\n\n    return <Component {...(props as P)} {...paginatedMessageListContext} />;\n  };\n  WithPaginatedMessageListContextComponent.displayName = `WithPaginatedMessageListContext${getDisplayName(\n    Component,\n  )}`;\n  return WithPaginatedMessageListContextComponent;\n};\n"]}

package/lib/module/contexts/suggestionsContext/SuggestionsContext.js

@@ -20,7 +20,7 @@ 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/suggestionsContext/SuggestionsContext.tsx";
+    _jsxFileName = "/Users/vishalnarkhede/projects/stream-chat-react-native/package/src/contexts/suggestionsContext/SuggestionsContext.tsx";
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 

package/lib/module/contexts/themeContext/ThemeContext.js

@@ -18,7 +18,7 @@ var _defaultBaseContextValue = require("../utils/defaultBaseContextValue");
 var _isTestEnvironment = require("../utils/isTestEnvironment");
 
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/contexts/themeContext/ThemeContext.tsx";
+    _jsxFileName = "/Users/vishalnarkhede/projects/stream-chat-react-native/package/src/contexts/themeContext/ThemeContext.tsx";
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 

package/lib/module/contexts/threadContext/ThreadContext.js

@@ -18,7 +18,7 @@ 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/threadContext/ThreadContext.tsx";
+    _jsxFileName = "/Users/vishalnarkhede/projects/stream-chat-react-native/package/src/contexts/threadContext/ThreadContext.tsx";
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 

package/lib/module/contexts/translationContext/TranslationContext.js

@@ -18,7 +18,7 @@ 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/translationContext/TranslationContext.tsx";
+    _jsxFileName = "/Users/vishalnarkhede/projects/stream-chat-react-native/package/src/contexts/translationContext/TranslationContext.tsx";
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 

package/lib/module/contexts/typingContext/TypingContext.js

@@ -18,7 +18,7 @@ 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/typingContext/TypingContext.tsx";
+    _jsxFileName = "/Users/vishalnarkhede/projects/stream-chat-react-native/package/src/contexts/typingContext/TypingContext.tsx";
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 

package/lib/module/{components/Attachment/hooks → hooks}/useLoadingImage.js

@@ -9,6 +9,8 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 
 var _react = require("react");
 
+var _netinfo = require("@react-native-community/netinfo");
+
 var useLoadingImage = function useLoadingImage() {
   var _useState = (0, _react.useState)(true),
       _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
@@ -20,6 +22,14 @@ var useLoadingImage = function useLoadingImage() {
       isLoadingImageError = _useState4[0],
       setLoadingImageError = _useState4[1];
 
+  var _useNetInfo = (0, _netinfo.useNetInfo)(),
+      isConnected = _useNetInfo.isConnected;
+
+  (0, _react.useEffect)(function () {
+    if (isConnected) {
+      setLoadingImageError(false);
+    }
+  }, [isConnected]);
   return {
     isLoadingImage: isLoadingImage,
     isLoadingImageError: isLoadingImageError,

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

@@ -0,0 +1 @@
+{"version":3,"sources":["useLoadingImage.tsx"],"names":["useLoadingImage","isLoadingImage","setLoadingImage","isLoadingImageError","setLoadingImageError","isConnected"],"mappings":";;;;;;;;;AAAA;;AAEA;;AAEO,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,GAAM;AACnC,kBAA0C,qBAAS,IAAT,CAA1C;AAAA;AAAA,MAAOC,cAAP;AAAA,MAAuBC,eAAvB;;AACA,mBAAoD,qBAAS,KAAT,CAApD;AAAA;AAAA,MAAOC,mBAAP;AAAA,MAA4BC,oBAA5B;;AACA,oBAAwB,0BAAxB;AAAA,MAAQC,WAAR,eAAQA,WAAR;;AACA,wBAAU,YAAM;AACd,QAAIA,WAAJ,EAAiB;AACfD,MAAAA,oBAAoB,CAAC,KAAD,CAApB;AACD;AACF,GAJD,EAIG,CAACC,WAAD,CAJH;AAMA,SAAO;AAAEJ,IAAAA,cAAc,EAAdA,cAAF;AAAkBE,IAAAA,mBAAmB,EAAnBA,mBAAlB;AAAuCD,IAAAA,eAAe,EAAfA,eAAvC;AAAwDE,IAAAA,oBAAoB,EAApBA;AAAxD,GAAP;AACD,CAXM","sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { useNetInfo } from '@react-native-community/netinfo';\n\nexport const useLoadingImage = () => {\n  const [isLoadingImage, setLoadingImage] = useState(true);\n  const [isLoadingImageError, setLoadingImageError] = useState(false);\n  const { isConnected } = useNetInfo();\n  useEffect(() => {\n    if (isConnected) {\n      setLoadingImageError(false);\n    }\n  }, [isConnected]);\n\n  return { isLoadingImage, isLoadingImageError, setLoadingImage, setLoadingImageError };\n};\n"]}

package/lib/module/icons/ArrowRight.js

@@ -12,7 +12,7 @@ var _react = _interopRequireDefault(require("react"));
 var _base = require("./utils/base");
 
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/icons/ArrowRight.tsx";
+    _jsxFileName = "/Users/vishalnarkhede/projects/stream-chat-react-native/package/src/icons/ArrowRight.tsx";
 
 var ArrowRight = function ArrowRight(props) {
   return _react["default"].createElement(_base.RootSvg, (0, _extends2["default"])({}, props, {

package/lib/module/icons/AtMentions.js

@@ -12,7 +12,7 @@ var _react = _interopRequireDefault(require("react"));
 var _base = require("./utils/base");
 
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/icons/AtMentions.tsx";
+    _jsxFileName = "/Users/vishalnarkhede/projects/stream-chat-react-native/package/src/icons/AtMentions.tsx";
 
 var AtMentions = function AtMentions(props) {
   return _react["default"].createElement(_base.RootSvg, (0, _extends2["default"])({}, props, {

package/lib/module/icons/Attach.js

@@ -12,7 +12,7 @@ var _react = _interopRequireDefault(require("react"));
 var _base = require("./utils/base");
 
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/icons/Attach.tsx";
+    _jsxFileName = "/Users/vishalnarkhede/projects/stream-chat-react-native/package/src/icons/Attach.tsx";
 
 var Attach = function Attach(props) {
   return _react["default"].createElement(_base.RootSvg, (0, _extends2["default"])({}, props, {

package/lib/module/icons/Audio.js

@@ -14,7 +14,7 @@ var _reactNativeSvg = require("react-native-svg");
 var _base = require("./utils/base");
 
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/icons/Audio.tsx";
+    _jsxFileName = "/Users/vishalnarkhede/projects/stream-chat-react-native/package/src/icons/Audio.tsx";
 
 var Audio = function Audio(props) {
   return _react["default"].createElement(_base.RootSvg, (0, _extends2["default"])({

package/lib/module/icons/CSV.js

@@ -12,7 +12,7 @@ var _react = _interopRequireDefault(require("react"));
 var _base = require("./utils/base");
 
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/icons/CSV.tsx";
+    _jsxFileName = "/Users/vishalnarkhede/projects/stream-chat-react-native/package/src/icons/CSV.tsx";
 
 var CSV = function CSV(props) {
   return _react["default"].createElement(_base.RootSvg, (0, _extends2["default"])({

package/lib/module/icons/Camera.js

@@ -12,7 +12,7 @@ var _react = _interopRequireDefault(require("react"));
 var _base = require("./utils/base");
 
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/icons/Camera.tsx";
+    _jsxFileName = "/Users/vishalnarkhede/projects/stream-chat-react-native/package/src/icons/Camera.tsx";
 
 var Camera = function Camera(props) {
   return _react["default"].createElement(_base.RootSvg, (0, _extends2["default"])({}, props, {

package/lib/module/icons/Check.js

@@ -12,7 +12,7 @@ var _react = _interopRequireDefault(require("react"));
 var _base = require("./utils/base");
 
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/icons/Check.tsx";
+    _jsxFileName = "/Users/vishalnarkhede/projects/stream-chat-react-native/package/src/icons/Check.tsx";
 
 var Check = function Check(props) {
   return _react["default"].createElement(_base.RootSvg, (0, _extends2["default"])({}, props, {

package/lib/module/icons/CheckAll.js

@@ -12,7 +12,7 @@ var _react = _interopRequireDefault(require("react"));
 var _base = require("./utils/base");
 
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/icons/CheckAll.tsx";
+    _jsxFileName = "/Users/vishalnarkhede/projects/stream-chat-react-native/package/src/icons/CheckAll.tsx";
 
 var CheckAll = function CheckAll(props) {
   return _react["default"].createElement(_base.RootSvg, (0, _extends2["default"])({}, props, {

package/lib/module/icons/CheckSend.js

@@ -12,7 +12,7 @@ var _react = _interopRequireDefault(require("react"));
 var _base = require("./utils/base");
 
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/icons/CheckSend.tsx";
+    _jsxFileName = "/Users/vishalnarkhede/projects/stream-chat-react-native/package/src/icons/CheckSend.tsx";
 
 var CheckSend = function CheckSend(props) {
   return _react["default"].createElement(_base.RootSvg, (0, _extends2["default"])({}, props, {

package/lib/module/icons/CircleClose.js

@@ -12,7 +12,7 @@ var _react = _interopRequireDefault(require("react"));
 var _base = require("./utils/base");
 
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/icons/CircleClose.tsx";
+    _jsxFileName = "/Users/vishalnarkhede/projects/stream-chat-react-native/package/src/icons/CircleClose.tsx";
 
 var CircleClose = function CircleClose(props) {
   return _react["default"].createElement(_base.RootSvg, (0, _extends2["default"])({}, props, {

package/lib/module/icons/CirclePlus.js

@@ -12,7 +12,7 @@ var _react = _interopRequireDefault(require("react"));
 var _base = require("./utils/base");
 
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/icons/CirclePlus.tsx";
+    _jsxFileName = "/Users/vishalnarkhede/projects/stream-chat-react-native/package/src/icons/CirclePlus.tsx";
 
 var CirclePlus = function CirclePlus(props) {
   return _react["default"].createElement(_base.RootSvg, (0, _extends2["default"])({}, props, {

package/lib/module/icons/CircleRight.js

@@ -12,7 +12,7 @@ var _react = _interopRequireDefault(require("react"));
 var _base = require("./utils/base");
 
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/icons/CircleRight.tsx";
+    _jsxFileName = "/Users/vishalnarkhede/projects/stream-chat-react-native/package/src/icons/CircleRight.tsx";
 
 var CircleRight = function CircleRight(props) {
   return _react["default"].createElement(_base.RootSvg, (0, _extends2["default"])({}, props, {

package/lib/module/icons/Close.js

@@ -12,7 +12,7 @@ var _react = _interopRequireDefault(require("react"));
 var _base = require("./utils/base");
 
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/icons/Close.tsx";
+    _jsxFileName = "/Users/vishalnarkhede/projects/stream-chat-react-native/package/src/icons/Close.tsx";
 
 var Close = function Close(props) {
   return _react["default"].createElement(_base.RootSvg, (0, _extends2["default"])({}, props, {

package/lib/module/icons/Copy.js

@@ -12,7 +12,7 @@ var _react = _interopRequireDefault(require("react"));
 var _base = require("./utils/base");
 
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/icons/Copy.tsx";
+    _jsxFileName = "/Users/vishalnarkhede/projects/stream-chat-react-native/package/src/icons/Copy.tsx";
 
 var Copy = function Copy(props) {
   return _react["default"].createElement(_base.RootSvg, (0, _extends2["default"])({}, props, {

package/lib/module/icons/CurveLineLeftUp.js

@@ -12,7 +12,7 @@ var _react = _interopRequireDefault(require("react"));
 var _base = require("./utils/base");
 
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/icons/CurveLineLeftUp.tsx";
+    _jsxFileName = "/Users/vishalnarkhede/projects/stream-chat-react-native/package/src/icons/CurveLineLeftUp.tsx";
 
 var CurveLineLeftUp = function CurveLineLeftUp(props) {
   return _react["default"].createElement(_base.RootSvg, (0, _extends2["default"])({}, props, {

package/lib/module/icons/DOC.js

@@ -14,7 +14,7 @@ var _reactNativeSvg = require("react-native-svg");
 var _base = require("./utils/base");
 
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/icons/DOC.tsx";
+    _jsxFileName = "/Users/vishalnarkhede/projects/stream-chat-react-native/package/src/icons/DOC.tsx";
 
 var DOC = function DOC(props) {
   return _react["default"].createElement(_base.RootSvg, (0, _extends2["default"])({

package/lib/module/icons/DOCX.js

@@ -14,7 +14,7 @@ var _reactNativeSvg = require("react-native-svg");
 var _base = require("./utils/base");
 
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/icons/DOCX.tsx";
+    _jsxFileName = "/Users/vishalnarkhede/projects/stream-chat-react-native/package/src/icons/DOCX.tsx";
 
 var DOCX = function DOCX(props) {
   return _react["default"].createElement(_base.RootSvg, (0, _extends2["default"])({

package/lib/module/icons/Delete.js

@@ -12,7 +12,7 @@ var _react = _interopRequireDefault(require("react"));
 var _base = require("./utils/base");
 
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/icons/Delete.tsx";
+    _jsxFileName = "/Users/vishalnarkhede/projects/stream-chat-react-native/package/src/icons/Delete.tsx";
 
 var Delete = function Delete(props) {
   return _react["default"].createElement(_base.RootSvg, (0, _extends2["default"])({}, props, {

package/lib/module/icons/Down.js

@@ -12,7 +12,7 @@ var _react = _interopRequireDefault(require("react"));
 var _base = require("./utils/base");
 
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/icons/Down.tsx";
+    _jsxFileName = "/Users/vishalnarkhede/projects/stream-chat-react-native/package/src/icons/Down.tsx";
 
 var Down = function Down(props) {
   return _react["default"].createElement(_base.RootSvg, (0, _extends2["default"])({}, props, {

package/lib/module/icons/DownloadArrow.js

@@ -12,7 +12,7 @@ var _react = _interopRequireDefault(require("react"));
 var _base = require("./utils/base");
 
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/icons/DownloadArrow.tsx";
+    _jsxFileName = "/Users/vishalnarkhede/projects/stream-chat-react-native/package/src/icons/DownloadArrow.tsx";
 
 var DownloadArrow = function DownloadArrow(props) {
   return _react["default"].createElement(_base.RootSvg, (0, _extends2["default"])({}, props, {

package/lib/module/icons/DownloadCloud.js

@@ -12,7 +12,7 @@ var _react = _interopRequireDefault(require("react"));
 var _base = require("./utils/base");
 
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/icons/DownloadCloud.tsx";
+    _jsxFileName = "/Users/vishalnarkhede/projects/stream-chat-react-native/package/src/icons/DownloadCloud.tsx";
 
 var DownloadCloud = function DownloadCloud(props) {
   return _react["default"].createElement(_base.RootSvg, (0, _extends2["default"])({}, props, {

package/lib/module/icons/Edit.js

@@ -12,7 +12,7 @@ var _react = _interopRequireDefault(require("react"));
 var _base = require("./utils/base");
 
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/icons/Edit.tsx";
+    _jsxFileName = "/Users/vishalnarkhede/projects/stream-chat-react-native/package/src/icons/Edit.tsx";
 
 var Edit = function Edit(props) {
   return _react["default"].createElement(_base.RootSvg, (0, _extends2["default"])({}, props, {