stream-chat-react-native-core 4.0.0 → 4.1.0

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

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

package/lib/commonjs/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","i18nInstance","imageGalleryCustomComponents","imageGalleryGridHandleHeight","imageGalleryGridSnapPoints","ImageOverlaySelectedComponent","DefaultImageOverlaySelectedComponent","ImageSelectorIcon","DefaultImageSelectorIcon","MessageActions","numberOfAttachmentImagesToLoadPerCall","numberOfAttachmentPickerImageColumns","numberOfImageGalleryGridColumns","openPicker","snapTo","console","warn","topInset","translucentStatusBar","OverlayReactionList","OverlayReactions","value","attachmentPickerProps","bottomSheetRef","t","key","tDateTimeParser","input","translators","setTranslators","blurType","setBlurType","overlay","setOverlay","overlayOpacity","Dimensions","get","height","width","loadingTranslators","backAction","undefined","backHandler","BackHandler","addEventListener","remove","attachmentPickerContext","overlayStyle","opacity","overlayContext","style","StyleSheet","absoluteFill"],"mappings":"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","sourcesContent":["import React, { PropsWithChildren, useEffect, useRef, useState } from 'react';\nimport { BackHandler, Dimensions, StyleSheet, ViewStyle } from 'react-native';\nimport Dayjs from 'dayjs';\nimport Animated, {\n  cancelAnimation,\n  useAnimatedStyle,\n  useSharedValue,\n  withTiming,\n} from 'react-native-reanimated';\n\nimport { AttachmentPickerProvider } from '../attachmentPickerContext/AttachmentPickerContext';\nimport { ImageGalleryProvider } from '../imageGalleryContext/ImageGalleryContext';\nimport { MessageOverlayProvider } from '../messageOverlayContext/MessageOverlayContext';\nimport { ThemeProvider } from '../themeContext/ThemeContext';\nimport {\n  TranslationContextValue,\n  TranslationProvider,\n} from '../translationContext/TranslationContext';\n\nimport { AttachmentPicker } from '../../components/AttachmentPicker/AttachmentPicker';\nimport { AttachmentPickerError as DefaultAttachmentPickerError } from '../../components/AttachmentPicker/components/AttachmentPickerError';\nimport { AttachmentPickerBottomSheetHandle as DefaultAttachmentPickerBottomSheetHandle } from '../../components/AttachmentPicker/components/AttachmentPickerBottomSheetHandle';\nimport { AttachmentPickerErrorImage as DefaultAttachmentPickerErrorImage } from '../../components/AttachmentPicker/components/AttachmentPickerErrorImage';\nimport { CameraSelectorIcon as DefaultCameraSelectorIcon } from '../../components/AttachmentPicker/components/CameraSelectorIcon';\nimport { ChannelsStateProvider } from '../../contexts/channelsStateContext/ChannelsStateContext';\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 { useStreami18n } from '../../hooks/useStreami18n';\nimport { BlurView } from '../../native';\n\nimport type BottomSheet from '@gorhom/bottom-sheet';\n\nimport { BlurType, OverlayContext, OverlayProviderProps } from './OverlayContext';\n\nimport type {\n  DefaultAttachmentType,\n  DefaultChannelType,\n  DefaultCommandType,\n  DefaultEventType,\n  DefaultMessageType,\n  DefaultReactionType,\n  DefaultUserType,\n  UnknownType,\n} from '../../types/types';\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  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  props: PropsWithChildren<OverlayProviderProps<At, Ch, Co, Ev, Me, Re, Us>>,\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    i18nInstance,\n    imageGalleryCustomComponents,\n    imageGalleryGridHandleHeight,\n    imageGalleryGridSnapPoints,\n    ImageOverlaySelectedComponent = DefaultImageOverlaySelectedComponent,\n    ImageSelectorIcon = DefaultImageSelectorIcon,\n    MessageActions,\n    numberOfAttachmentImagesToLoadPerCall,\n    numberOfAttachmentPickerImageColumns,\n    numberOfImageGalleryGridColumns,\n    openPicker = (ref) => {\n      if (ref.current) {\n        ref.current.snapTo(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    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<TranslationContextValue>({\n    t: (key: string) => key,\n    tDateTimeParser: (input?: string | number | Date) => Dayjs(input),\n  });\n  const [blurType, setBlurType] = useState<BlurType>();\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        setBlurType(undefined);\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    setBlurType,\n    setOverlay,\n    style: value?.style,\n    translucentStatusBar,\n  };\n\n  if (loadingTranslators) return null;\n\n  return (\n    <TranslationProvider value={translators}>\n      <OverlayContext.Provider value={overlayContext}>\n        <MessageOverlayProvider<At, Ch, Co, Ev, Me, Re, Us>>\n          <AttachmentPickerProvider value={attachmentPickerContext}>\n            <ImageGalleryProvider>\n              <ChannelsStateProvider<At, Ch, Co, Ev, Me, Re, Us>>{children}</ChannelsStateProvider>\n              <ThemeProvider style={overlayContext.style}>\n                <Animated.View\n                  pointerEvents={overlay === 'none' ? 'none' : 'auto'}\n                  style={[StyleSheet.absoluteFill, overlayStyle]}\n                >\n                  <BlurView\n                    blurType={blurType}\n                    style={[StyleSheet.absoluteFill, { height, width }]}\n                  />\n                </Animated.View>\n                <MessageOverlay<At, Ch, Co, Ev, Me, Re, Us>\n                  MessageActions={MessageActions}\n                  overlayOpacity={overlayOpacity}\n                  OverlayReactionList={OverlayReactionList}\n                  OverlayReactions={OverlayReactions}\n                  visible={overlay === 'message'}\n                />\n                <ImageGallery<At, Ch, Co, Ev, Me, Re, Us>\n                  imageGalleryCustomComponents={imageGalleryCustomComponents}\n                  imageGalleryGridHandleHeight={imageGalleryGridHandleHeight}\n                  imageGalleryGridSnapPoints={imageGalleryGridSnapPoints}\n                  numberOfImageGalleryGridColumns={numberOfImageGalleryGridColumns}\n                  overlayOpacity={overlayOpacity}\n                  visible={overlay === 'gallery'}\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","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","StyleSheet","absoluteFill"],"mappings":"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","sourcesContent":["import React, { PropsWithChildren, useEffect, useRef, useState } from 'react';\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  TranslationContextValue,\n  TranslationProvider,\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    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<TranslationContextValue>({\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}>\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                    visible={overlay === 'message'}\n                  />\n                )}\n                {overlay === 'gallery' && (\n                  <ImageGallery<StreamChatGenerics>\n                    imageGalleryCustomComponents={imageGalleryCustomComponents}\n                    imageGalleryGridHandleHeight={imageGalleryGridHandleHeight}\n                    imageGalleryGridSnapPoints={imageGalleryGridSnapPoints}\n                    numberOfImageGalleryGridColumns={numberOfImageGalleryGridColumns}\n                    overlayOpacity={overlayOpacity}\n                    visible={overlay === 'gallery'}\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/commonjs/contexts/ownCapabilitiesContext/OwnCapabilitiesContext.js

@@ -0,0 +1,61 @@
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useOwnCapabilitiesContext = exports.allOwnCapabilities = exports.OwnCapabilitiesProvider = exports.OwnCapabilitiesContext = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _this = this,
+    _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); }
+
+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 allOwnCapabilities = {
+  banChannelMembers: 'ban-channel-members',
+  deleteAnyMessage: 'delete-any-message',
+  deleteOwnMessage: 'delete-own-message',
+  flagMessage: 'flag-message',
+  pinMessage: 'pin-message',
+  quoteMessage: 'quote-message',
+  readEvents: 'read-events',
+  sendLinks: 'send-links',
+  sendMessage: 'send-message',
+  sendReaction: 'send-reaction',
+  sendReply: 'send-reply',
+  sendTypingEvents: 'send-typing-events',
+  updateAnyMessage: 'update-any-message',
+  updateOwnMessage: 'update-own-message',
+  uploadFile: 'upload-file'
+};
+exports.allOwnCapabilities = allOwnCapabilities;
+
+var OwnCapabilitiesContext = _react["default"].createContext({});
+
+exports.OwnCapabilitiesContext = OwnCapabilitiesContext;
+
+var OwnCapabilitiesProvider = function OwnCapabilitiesProvider(_ref) {
+  var children = _ref.children,
+      value = _ref.value;
+  return _react["default"].createElement(OwnCapabilitiesContext.Provider, {
+    value: value,
+    __self: _this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 32,
+      columnNumber: 3
+    }
+  }, children);
+};
+
+exports.OwnCapabilitiesProvider = OwnCapabilitiesProvider;
+
+var useOwnCapabilitiesContext = function useOwnCapabilitiesContext() {
+  return (0, _react.useContext)(OwnCapabilitiesContext);
+};
+
+exports.useOwnCapabilitiesContext = useOwnCapabilitiesContext;
+//# sourceMappingURL=OwnCapabilitiesContext.js.map

package/lib/commonjs/contexts/ownCapabilitiesContext/OwnCapabilitiesContext.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["OwnCapabilitiesContext.tsx"],"names":["allOwnCapabilities","banChannelMembers","deleteAnyMessage","deleteOwnMessage","flagMessage","pinMessage","quoteMessage","readEvents","sendLinks","sendMessage","sendReaction","sendReply","sendTypingEvents","updateAnyMessage","updateOwnMessage","uploadFile","OwnCapabilitiesContext","React","createContext","OwnCapabilitiesProvider","children","value","useOwnCapabilitiesContext"],"mappings":";;;;;;;AAAA;;;;;;;;;AAEO,IAAMA,kBAAkB,GAAG;AAChCC,EAAAA,iBAAiB,EAAE,qBADa;AAEhCC,EAAAA,gBAAgB,EAAE,oBAFc;AAGhCC,EAAAA,gBAAgB,EAAE,oBAHc;AAIhCC,EAAAA,WAAW,EAAE,cAJmB;AAKhCC,EAAAA,UAAU,EAAE,aALoB;AAMhCC,EAAAA,YAAY,EAAE,eANkB;AAOhCC,EAAAA,UAAU,EAAE,aAPoB;AAQhCC,EAAAA,SAAS,EAAE,YARqB;AAShCC,EAAAA,WAAW,EAAE,cATmB;AAUhCC,EAAAA,YAAY,EAAE,eAVkB;AAWhCC,EAAAA,SAAS,EAAE,YAXqB;AAYhCC,EAAAA,gBAAgB,EAAE,oBAZc;AAahCC,EAAAA,gBAAgB,EAAE,oBAbc;AAchCC,EAAAA,gBAAgB,EAAE,oBAdc;AAehCC,EAAAA,UAAU,EAAE;AAfoB,CAA3B;;;AAqBA,IAAMC,sBAAsB,GAAGC,kBAAMC,aAAN,CAAoB,EAApB,CAA/B;;;;AAEA,IAAMC,uBAAuB,GAAG,SAA1BA,uBAA0B;AAAA,MACrCC,QADqC,QACrCA,QADqC;AAAA,MAErCC,KAFqC,QAErCA,KAFqC;AAAA,SAMrC,gCAAC,sBAAD,CAAwB,QAAxB;AAAiC,IAAA,KAAK,EAAEA,KAAxC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGD,QADH,CANqC;AAAA,CAAhC;;;;AAWA,IAAME,yBAAyB,GAAG,SAA5BA,yBAA4B;AAAA,SACvC,uBAAWN,sBAAX,CADuC;AAAA,CAAlC","sourcesContent":["import React, { PropsWithChildren, useContext } from 'react';\n\nexport const allOwnCapabilities = {\n  banChannelMembers: 'ban-channel-members',\n  deleteAnyMessage: 'delete-any-message',\n  deleteOwnMessage: 'delete-own-message',\n  flagMessage: 'flag-message',\n  pinMessage: 'pin-message',\n  quoteMessage: 'quote-message',\n  readEvents: 'read-events',\n  sendLinks: 'send-links',\n  sendMessage: 'send-message',\n  sendReaction: 'send-reaction',\n  sendReply: 'send-reply',\n  sendTypingEvents: 'send-typing-events',\n  updateAnyMessage: 'update-any-message',\n  updateOwnMessage: 'update-own-message',\n  uploadFile: 'upload-file',\n};\n\nexport type OwnCapability = keyof typeof allOwnCapabilities;\n\nexport type OwnCapabilitiesContextValue = Record<OwnCapability, boolean>;\nexport const OwnCapabilitiesContext = React.createContext({} as OwnCapabilitiesContextValue);\n\nexport const OwnCapabilitiesProvider = ({\n  children,\n  value,\n}: PropsWithChildren<{\n  value: OwnCapabilitiesContextValue;\n}>) => (\n  <OwnCapabilitiesContext.Provider value={value as unknown as OwnCapabilitiesContextValue}>\n    {children}\n  </OwnCapabilitiesContext.Provider>\n);\n\nexport const useOwnCapabilitiesContext = () =>\n  useContext(OwnCapabilitiesContext) as unknown as OwnCapabilitiesContextValue;\n"]}

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

@@ -14,7 +14,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _getDisplayName = require("../utils/getDisplayName");
 
 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); }
 
@@ -32,7 +32,7 @@ var PaginatedMessageListProvider = function PaginatedMessageListProvider(_ref) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 79,
+      lineNumber: 57,
       columnNumber: 3
     }
   }, children);
@@ -53,7 +53,7 @@ var withPaginatedMessageListContext = function withPaginatedMessageListContext(C
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 128,
+        lineNumber: 87,
         columnNumber: 12
       }
     }));

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

@@ -1 +1 @@
-{"version":3,"sources":["PaginatedMessageListContext.tsx"],"names":["PaginatedMessageListContext","React","createContext","PaginatedMessageListProvider","children","value","usePaginatedMessageListContext","withPaginatedMessageListContext","Component","WithPaginatedMessageListContextComponent","props","paginatedMessageListContext","displayName"],"mappings":";;;;;;;;;;;AAAA;;AAEA;;;;;;;;;AA0DO,IAAMA,2BAA2B,GAAGC,kBAAMC,aAAN,CACzC,EADyC,CAApC;;;;AAIA,IAAMC,4BAA4B,GAAG,SAA/BA,4BAA+B;AAAA,MAS1CC,QAT0C,QAS1CA,QAT0C;AAAA,MAU1CC,KAV0C,QAU1CA,KAV0C;AAAA,SAc1C,gCAAC,2BAAD,CAA6B,QAA7B;AACE,IAAA,KAAK,EAAEA,KADT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAGGD,QAHH,CAd0C;AAAA,CAArC;;;;AAqBA,IAAME,8BAA8B,GAAG,SAAjCA,8BAAiC;AAAA,SAS5C,uBAAWN,2BAAX,CAT4C;AAAA,CAAvC;;;;AAwBA,IAAMO,+BAA+B,GAAG,SAAlCA,+BAAkC,CAU7CC,SAV6C,EAW6C;AAC1F,MAAMC,wCAAwC,GAAG,SAA3CA,wCAA2C,CAC/CC,KAD+C,EAE5C;AACH,QAAMC,2BAA2B,GAC/BL,8BAA8B,EADhC;AAGA,WAAO,gCAAC,SAAD,gCAAgBI,KAAhB,EAAiCC,2BAAjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAP;AACD,GAPD;;AAQAF,EAAAA,wCAAwC,CAACG,WAAzC,uCAAyF,oCACvFJ,SADuF,CAAzF;AAGA,SAAOC,wCAAP;AACD,CAxBM","sourcesContent":["import React, { PropsWithChildren, useContext } from 'react';\n\nimport { getDisplayName } from '../utils/getDisplayName';\n\nimport type { ChannelState } from 'stream-chat';\n\nimport type {\n  DefaultAttachmentType,\n  DefaultChannelType,\n  DefaultCommandType,\n  DefaultEventType,\n  DefaultMessageType,\n  DefaultReactionType,\n  DefaultUserType,\n  UnknownType,\n} from '../../types/types';\n\nexport type PaginatedMessageListContextValue<\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n> = {\n  /**\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<At, Ch, Co, Ev, Me, Re, Us>['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  {} as PaginatedMessageListContextValue,\n);\n\nexport const PaginatedMessageListProvider = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>({\n  children,\n  value,\n}: PropsWithChildren<{\n  value?: PaginatedMessageListContextValue<At, Ch, Co, Ev, Me, Re, Us>;\n}>) => (\n  <PaginatedMessageListContext.Provider\n    value={value as unknown as PaginatedMessageListContextValue}\n  >\n    {children}\n  </PaginatedMessageListContext.Provider>\n);\n\nexport const usePaginatedMessageListContext = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>() =>\n  useContext(PaginatedMessageListContext) as unknown as PaginatedMessageListContextValue<\n    At,\n    Ch,\n    Co,\n    Ev,\n    Me,\n    Re,\n    Us\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  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  Component: React.ComponentType<P>,\n): React.FC<Omit<P, keyof PaginatedMessageListContextValue<At, Ch, Co, Ev, Me, Re, Us>>> => {\n  const WithPaginatedMessageListContextComponent = (\n    props: Omit<P, keyof PaginatedMessageListContextValue<At, Ch, Co, Ev, Me, Re, Us>>,\n  ) => {\n    const paginatedMessageListContext =\n      usePaginatedMessageListContext<At, Ch, Co, Ev, Me, Re, Us>();\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","PaginatedMessageListProvider","children","value","usePaginatedMessageListContext","withPaginatedMessageListContext","Component","WithPaginatedMessageListContextComponent","props","paginatedMessageListContext","displayName"],"mappings":";;;;;;;;;;;AAAA;;AAKA;;;;;;;;;AAuCO,IAAMA,2BAA2B,GAAGC,kBAAMC,aAAN,CACzC,EADyC,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;AAAA,SAG5C,uBACEN,2BADF,CAH4C;AAAA,CAAvC;;;;AAYA,IAAMO,+BAA+B,GAAG,SAAlCA,+BAAkC,CAI7CC,SAJ6C,EAKqC;AAClF,MAAMC,wCAAwC,GAAG,SAA3CA,wCAA2C,CAC/CC,KAD+C,EAE5C;AACH,QAAMC,2BAA2B,GAAGL,8BAA8B,EAAlE;AAEA,WAAO,gCAAC,SAAD,gCAAgBI,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 { getDisplayName } from '../utils/getDisplayName';\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  {} 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  useContext(\n    PaginatedMessageListContext,\n  ) as unknown as PaginatedMessageListContextValue<StreamChatGenerics>;\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/commonjs/contexts/suggestionsContext/SuggestionsContext.js

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.withSuggestionsContext = exports.useSuggestionsContext = exports.SuggestionsProvider = exports.SuggestionsContext = exports.isSuggestionUser = exports.isSuggestionEmoji = exports.isSuggestionCommand = void 0;
+exports.withSuggestionsContext = exports.useSuggestionsContext = exports.isSuggestionUser = exports.isSuggestionEmoji = exports.isSuggestionCommand = exports.SuggestionsProvider = exports.SuggestionsContext = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -16,7 +16,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _getDisplayName = require("../utils/getDisplayName");
 
 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); }
 
@@ -48,64 +48,51 @@ var SuggestionsProvider = function SuggestionsProvider(_ref) {
   var children = _ref.children,
       value = _ref.value;
 
-  var _useState = (0, _react.useState)(''),
+  var _useState = (0, _react.useState)(null),
       _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      componentType = _useState2[0],
-      setComponentType = _useState2[1];
+      triggerType = _useState2[0],
+      setTriggerType = _useState2[1];
 
   var _useState3 = (0, _react.useState)(),
       _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
       suggestions = _useState4[0],
       setSuggestions = _useState4[1];
 
-  var _useState5 = (0, _react.useState)(),
+  var _useState5 = (0, _react.useState)(false),
       _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-      suggestionsTitle = _useState6[0],
-      setSuggestionsTitle = _useState6[1];
+      suggestionsViewActive = _useState6[0],
+      setSuggestionsViewActive = _useState6[1];
 
-  var _useState7 = (0, _react.useState)(false),
-      _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
-      suggestionsViewActive = _useState8[0],
-      setSuggestionsViewActive = _useState8[1];
-
-  var openSuggestions = function openSuggestions(component, title) {
-    setComponentType(component);
-    setSuggestionsTitle(title);
+  var openSuggestions = function openSuggestions(component) {
+    setTriggerType(component);
     setSuggestionsViewActive(true);
   };
 
-  var updateSuggestions = function updateSuggestions(newSuggestions, newSuggestionsTitle) {
+  var updateSuggestions = function updateSuggestions(newSuggestions) {
     setSuggestions(newSuggestions);
-
-    if (newSuggestionsTitle) {
-      setSuggestionsTitle(newSuggestionsTitle);
-    }
-
-    setSuggestionsViewActive(!!componentType);
+    setSuggestionsViewActive(!!triggerType);
   };
 
   var closeSuggestions = function closeSuggestions() {
-    setComponentType('');
+    setTriggerType(null);
     setSuggestions(undefined);
-    setSuggestionsTitle(undefined);
     setSuggestionsViewActive(false);
   };
 
-  var suggestionsContext = {
-    closeSuggestions: (value == null ? void 0 : value.closeSuggestions) || closeSuggestions,
-    componentType: componentType,
-    openSuggestions: (value == null ? void 0 : value.openSuggestions) || openSuggestions,
+  var suggestionsContext = (0, _extends2["default"])({}, value, {
+    closeSuggestions: closeSuggestions,
+    openSuggestions: openSuggestions,
     suggestions: suggestions,
-    suggestionsTitle: suggestionsTitle,
     suggestionsViewActive: suggestionsViewActive,
-    updateSuggestions: (value == null ? void 0 : value.updateSuggestions) || updateSuggestions
-  };
+    triggerType: triggerType,
+    updateSuggestions: updateSuggestions
+  });
   return _react["default"].createElement(SuggestionsContext.Provider, {
     value: suggestionsContext,
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 144,
+      lineNumber: 125,
       columnNumber: 5
     }
   }, children);
@@ -126,7 +113,7 @@ var withSuggestionsContext = function withSuggestionsContext(Component) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 167,
+        lineNumber: 146,
         columnNumber: 12
       }
     }));