npm - stream-chat-react-native-core - Versions diffs - 3.10.2 → 4.0.0-beta.4 - Mend

stream-chat-react-native-core 3.10.2 → 4.0.0-beta.4

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

Files changed (1099) hide show

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

	@@ -1 +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 { 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 {children}\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"]}
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","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 {\n DefaultAttachmentType,\n DefaultChannelType,\n DefaultCommandType,\n DefaultEventType,\n DefaultMessageType,\n DefaultReactionType,\n DefaultUserType,\n UnknownType,\n} 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 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 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<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 <OverlayBackdrop style={[StyleSheet.absoluteFill, { height, width }]} />\n </Animated.View>\n {overlay === 'message' && (\n <MessageOverlay<At, Ch, Co, Ev, Me, Re, Us>\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<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 )}\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 ADDED Viewed

@@ -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 = "/home/runner/work/stream-chat-react-native/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 ADDED Viewed

@@ -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 CHANGED Viewed

@@ -32,7 +32,7 @@ var PaginatedMessageListProvider = function PaginatedMessageListProvider(_ref) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 79,
+      lineNumber: 78,
       columnNumber: 3
     }
   }, children);
@@ -53,7 +53,7 @@ var withPaginatedMessageListContext = function withPaginatedMessageListContext(C
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 128,
+        lineNumber: 127,
         columnNumber: 12
       }
     }));

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

	@@ -1 +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"]}
1	+ {"version":3,"sources":["PaginatedMessageListContext.tsx"],"names":["PaginatedMessageListContext","React","createContext","PaginatedMessageListProvider","children","value","usePaginatedMessageListContext","withPaginatedMessageListContext","Component","WithPaginatedMessageListContextComponent","props","paginatedMessageListContext","displayName"],"mappings":";;;;;;;;;;;AAAA;;AAcA;;;;;;;;;AA6CO,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 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';\nimport { getDisplayName } from '../utils/getDisplayName';\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"]}

package/lib/commonjs/contexts/suggestionsContext/SuggestionsContext.js CHANGED Viewed

@@ -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"));
@@ -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: 124,
       columnNumber: 5
     }
   }, children);
@@ -126,7 +113,7 @@ var withSuggestionsContext = function withSuggestionsContext(Component) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 167,
+        lineNumber: 147,
         columnNumber: 12
       }
     }));

package/lib/commonjs/contexts/suggestionsContext/SuggestionsContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["SuggestionsContext.tsx"],"names":["isSuggestionCommand","suggestion","isSuggestionEmoji","isSuggestionUser","SuggestionsContext","React","createContext","SuggestionsProvider","children","value","~~componentType~~","~~setComponentType~~","suggestions","setSuggestions","~~suggestionsTitle","setSuggestionsTitle","~~suggestionsViewActive","setSuggestionsViewActive","openSuggestions","component","~~title","~~updateSuggestions","newSuggestions","~~newSuggestionsTitle","~~closeSuggestions","undefined","suggestionsContext","useSuggestionsContext","withSuggestionsContext","Component","WithSuggestionsContextComponent","props","displayName"],"mappings":";;;;;;;;;;;;;AAAA;;~~AAEA~~;;;;;;;;;~~AAYO~~,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAsB,CAIjCC,UAJiC;AAAA,SAKO,UAAUA,UALjB;AAAA,CAA5B;;;;AAOA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAI/BD,UAJ+B;AAAA,SAKP,aAAaA,UALN;AAAA,CAA1B;;;;AAOA,IAAME,gBAAgB,GAAG,SAAnBA,gBAAmB,CAI9BF,UAJ8B;AAAA,SAKO,QAAQA,UALf;AAAA,CAAzB;;;;~~AA4DA~~,IAAMG,kBAAkB,GAAGC,kBAAMC,aAAN,CAAoB,EAApB,CAA3B;;;;AAKA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,OAM4C;AAAA,MAF7EC,QAE6E,QAF7EA,QAE6E;AAAA,MAD7EC,KAC6E,QAD7EA,KAC6E;;AAC7E,~~kBAA0C~~,~~qBAA0C~~,~~EAA1C~~,~~CAA1C~~;AAAA;AAAA,MAAOC,~~aAAP~~;AAAA,~~MAAsBC~~,~~gBAAtB~~;;AACA,mBAAsC,sBAAtC;AAAA;AAAA,MAAOC,WAAP;AAAA,MAAoBC,cAApB;;AACA,~~mBAAgD,sBAAhD;AAAA;AAAA,MAAOC,gBAAP;AAAA,MAAyBC,mBAAzB;;AACA,~~mBAA0D,qBAAS,KAAT,CAA1D;AAAA;AAAA,MAAOC,qBAAP;AAAA,MAA8BC,wBAA9B;;AAEA,MAAMC,eAAe,GAAG,SAAlBA,eAAkB,~~CACtBC~~,~~SADsB~~,~~EAEtBC,KAFsB,EAGnB~~;~~AACHT~~,IAAAA,~~gBAAgB~~,~~CAACQ~~,SAAD,~~CAAhB~~;~~AACAJ~~,IAAAA,~~mBAAmB,CAACK,KAAD,CAAnB;AACAH,IAAAA,~~wBAAwB,CAAC,IAAD,CAAxB;AACD,~~GAPD~~;;~~AASA~~,~~MAAMI~~,iBAAiB,GAAG,SAApBA,iBAAoB,~~CACxBC~~,~~cADwB~~,~~EAExBC,mBAFwB,EAGrB~~;~~AACHV~~,IAAAA,cAAc,~~CAACS~~,cAAD,CAAd~~;;AACA,QAAIC,mBAAJ,EAAyB~~;~~AACvBR~~,~~MAAAA,mBAAmB,CAACQ,mBAAD,CAAnB;AACD;;AACDN,~~IAAAA,wBAAwB,CAAC,CAAC,~~CAACP~~,~~aAAH~~,CAAxB;AACD,~~GATD~~;;~~AAWA~~,~~MAAMc~~,gBAAgB,GAAG,SAAnBA,gBAAmB,GAAM;~~AAC7Bb~~,IAAAA,~~gBAAgB~~,CAAC,~~EAAD~~,~~CAAhB~~;AACAE,IAAAA,cAAc,~~CAACY~~,SAAD,CAAd;~~AACAV~~,IAAAA,~~mBAAmB,CAACU,SAAD,CAAnB;AACAR,IAAAA,~~wBAAwB,CAAC,KAAD,CAAxB;AACD,~~GALD~~;;~~AAOA~~,~~MAAMS~~,kBAAkB,~~GAAG~~;~~AACzBF~~,IAAAA,gBAAgB,~~EAAE~~,~~CAAAf,KAAK,QAAL,YAAAA,KAAK,CAAEe,gBAAP,KAA2BA,gBADpB~~;~~AAEzBd~~,IAAAA,~~aAAa,EAAbA,aAFyB;AAGzBQ,IAAAA,~~eAAe,~~EAAE~~,~~CAAAT,KAAK,QAAL,YAAAA,KAAK,CAAES,eAAP,KAA0BA,eAHlB~~;~~AAIzBN~~,IAAAA,WAAW,EAAXA,~~WAJyB~~;~~AAKzBE~~,IAAAA,~~gBAAgB~~,~~EAAhBA~~,~~gBALyB~~;~~AAMzBE~~,IAAAA,~~qBAAqB~~,~~EAArBA~~,~~qBANyB~~;~~AAOzBK~~,IAAAA,iBAAiB,~~EAAE,CAAAZ,KAAK,QAAL,YAAAA,KAAK,CAAEY,iBAAP,KAA4BA~~;~~AAPtB~~,~~GAA3B~~;AAUA,SACE,gCAAC,kBAAD,CAAoB,QAApB;AAA6B,IAAA,KAAK,~~EAAEK~~,kBAApC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,~~KACGlB~~,QADH,CADF;AAKD,~~CAtDM~~;;;;~~AAwDA~~,~~IAAMmB~~,qBAAqB,GAAG,SAAxBA,qBAAwB;AAAA,SAG9B,~~uBAAWvB~~,kBAAX,CAH8B;AAAA,CAA9B;;;;AAKA,~~IAAMwB~~,sBAAsB,GAAG,SAAzBA,sBAAyB,CAKpCC,SALoC,EAMyB;AAC7D,MAAMC,+BAA+B,GAAG,SAAlCA,+BAAkC,CACtCC,KADsC,EAEnC;AACH,QAAML,kBAAkB,GAAGC,qBAAqB,EAAhD;AAEA,WAAO,gCAAC,SAAD,gCAAgBI,KAAhB,EAAiCL,kBAAjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAP;AACD,GAND;;AAOAI,EAAAA,+BAA+B,CAACE,WAAhC,8BAAuE,oCACrEH,SADqE,CAAvE;AAGA,SAAOC,+BAAP;AACD,CAlBM","sourcesContent":["import React, { PropsWithChildren, useContext, useState } from 'react';\n\nimport { ~~getDisplayName~~ } from '~~../utils/getDisplayName~~';\n\nimport type { ~~CommandResponse,~~ ~~UserResponse~~ } from '~~stream-chat~~';\n\nimport type { Emoji } from '../../emoji-data/compiled';\nimport type { DefaultCommandType, DefaultUserType, UnknownType } from '../../types/types';\~~n\nexport~~ ~~type~~ ~~SuggestionComponentType<\n Co~~ ~~extends~~ ~~string~~ ~~= DefaultCommandType,\~~n Us ~~extends~~ ~~UnknownType~~ = ~~DefaultUserType,\n>~~ = ~~string~~ \| ~~React.ReactElement<{ item: Suggestion<Co, Us> }>;\~~n\nexport const isSuggestionCommand = <\n Co extends string = DefaultCommandType,\n Us extends UnknownType = DefaultUserType,\n>(\n suggestion: Suggestion<Co, Us>,\n): suggestion is SuggestionCommand<Co> => 'args' in suggestion;\n\nexport const isSuggestionEmoji = <\n Co extends string = DefaultCommandType,\n Us extends UnknownType = DefaultUserType,\n>(\n suggestion: Suggestion<Co, Us>,\n): suggestion is Emoji => 'unicode' in suggestion;\n\nexport const isSuggestionUser = <\n Co extends string = DefaultCommandType,\n Us extends UnknownType = DefaultUserType,\n>(\n suggestion: Suggestion<Co, Us>,\n): suggestion is SuggestionUser<Us> => 'id' in suggestion;\n\nexport type Suggestion<\n Co extends string = DefaultCommandType,\n Us extends UnknownType = DefaultUserType,\n> = SuggestionCommand<Co> \| SuggestionUser<Us~~> \| Emoji;\~~n\nexport type SuggestionCommand<Co extends string = DefaultCommandType> = CommandResponse<Co>;\n\nexport type SuggestionUser<Us extends UnknownType = DefaultUserType> = UserResponse<Us>;\n\nexport type Suggestions<\n Co extends string = DefaultCommandType,\n Us extends UnknownType = DefaultUserType,\n> = {\n data: Suggestion<Co, Us>[];\n onSelect: (item: Suggestion<Co, Us>) => void;\n};\n\nexport type SuggestionsContextValue<\n Co extends string = DefaultCommandType,\n Us extends UnknownType = DefaultUserType,\n> = {\n /** Override handler for closing suggestions (mentions, command autocomplete etc) /\n closeSuggestions: () => void;\n /\n Override handler for opening suggestions (mentions, command autocomplete etc)\n \n @param component {Component\|element} UI Component for suggestion item.\n * @~~param title {string} Title for suggestions box\n \n @~~overrideType Function\n /\n openSuggestions: (\n component: SuggestionComponentType~~<Co, Us>,\n title?: React.ReactElement,\n~~ ) => Promise<void>;\n /\n Override handler for updating suggestions (mentions, command autocomplete etc)\n \n @param newSuggestions {Component\|element} UI Component for suggestion item.\n * @~~param newSuggestionsTitle {string} Title for suggestions box\n \n @~~overrideType Function\n /\n updateSuggestions: (\n newSuggestions: Suggestions<Co, Us~~>,\n newSuggestionsTitle?: React.ReactElement,\n~~ ) => void;\n ~~componentType~~?: ~~SuggestionComponentType<Co, Us>;\n suggestions?: Suggestions<Co, Us>;\n suggestionsTitle?: React.ReactElement~~;\n suggestionsViewActive?: boolean;\n};\n\nexport const SuggestionsContext = React.createContext({} as SuggestionsContextValue);\n\n/\n This provider component exposes the properties stored within the SuggestionsContext.\n */\nexport const SuggestionsProvider = <\n Co extends string = DefaultCommandType,\n Us extends UnknownType = DefaultUserType,\n>({\n children,\n value,\n}: PropsWithChildren<{ value?: Partial<SuggestionsContextValue<Co, Us>> }>) => {\n const [~~componentType~~, ~~setComponentType~~] = useState<SuggestionComponentType~~<Co,~~ ~~Us>>~~('');\n const [suggestions, setSuggestions] = useState<Suggestions<Co, Us>>();\n const [~~suggestionsTitle, setSuggestionsTitle] = useState<React.ReactElement>();\n const [~~suggestionsViewActive, setSuggestionsViewActive] = useState(false);\n\n const openSuggestions = (\n component: SuggestionComponentType~~<Co, Us>,\n title?: React.ReactElement,\n~~ ) => {\n ~~setComponentType~~(component);\n ~~setSuggestionsTitle(title);\n~~ setSuggestionsViewActive(true);\n };\n\n const updateSuggestions = (\n newSuggestions: Suggestions<Co, Us~~>,\n newSuggestionsTitle?: React.ReactElement,\n~~ ) => {\n setSuggestions(newSuggestions);\n ~~if (newSuggestionsTitle) {\n setSuggestionsTitle(newSuggestionsTitle);\n }\n~~ setSuggestionsViewActive(!!~~componentType~~);\n };\n\n const closeSuggestions = () => {\n ~~setComponentType~~('');\n setSuggestions(undefined);\n ~~setSuggestionsTitle(undefined);\n~~ setSuggestionsViewActive(false);\n };\n\n const suggestionsContext = {\n ~~closeSuggestions:~~ value~~?.closeSuggestions \|\| closeSuggestions~~,\n ~~componentType~~,\n openSuggestions~~: value?.openSuggestions \|\| openSuggestions~~,\n suggestions,\n ~~suggestionsTitle~~,\n ~~suggestionsViewActive~~,\n updateSuggestions~~: value?.updateSuggestions \|\| updateSuggestions~~,\n };\n\n return (\n <SuggestionsContext.Provider value={suggestionsContext as unknown as SuggestionsContextValue}>\n {children}\n </SuggestionsContext.Provider>\n );\n};\n\nexport const useSuggestionsContext = <\n Co extends string = DefaultCommandType,\n Us extends UnknownType = DefaultUserType,\n>() => useContext(SuggestionsContext) as unknown as SuggestionsContextValue<Co, Us>;\n\nexport const withSuggestionsContext = <\n P extends UnknownType,\n Co extends string = DefaultCommandType,\n Us extends UnknownType = DefaultUserType,\n>(\n Component: React.ComponentType<P>,\n): React.FC<Omit<P, keyof SuggestionsContextValue<Co, Us>>> => {\n const WithSuggestionsContextComponent = (\n props: Omit<P, keyof SuggestionsContextValue<Co, Us>>,\n ) => {\n const suggestionsContext = useSuggestionsContext<Co, Us>();\n\n return <Component {...(props as P)} {...suggestionsContext} />;\n };\n WithSuggestionsContextComponent.displayName = `WithSuggestionsContext${getDisplayName(\n Component,\n )}`;\n return WithSuggestionsContextComponent;\n};\n"]}
1	+ {"version":3,"sources":["SuggestionsContext.tsx"],"names":["isSuggestionCommand","suggestion","isSuggestionEmoji","isSuggestionUser","SuggestionsContext","React","createContext","SuggestionsProvider","children","value","triggerType","setTriggerType","suggestions","setSuggestions","suggestionsViewActive","setSuggestionsViewActive","openSuggestions","component","updateSuggestions","newSuggestions","closeSuggestions","undefined","suggestionsContext","useSuggestionsContext","withSuggestionsContext","Component","WithSuggestionsContextComponent","props","displayName"],"mappings":";;;;;;;;;;;;;AAAA;;AASA;;;;;;;;;AAIO,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAsB,CAIjCC,UAJiC;AAAA,SAKO,UAAUA,UALjB;AAAA,CAA5B;;;;AAOA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAI/BD,UAJ+B;AAAA,SAKP,aAAaA,UALN;AAAA,CAA1B;;;;AAOA,IAAME,gBAAgB,GAAG,SAAnBA,gBAAmB,CAI9BF,UAJ8B;AAAA,SAKO,QAAQA,UALf;AAAA,CAAzB;;;;AAqDA,IAAMG,kBAAkB,GAAGC,kBAAMC,aAAN,CAAoB,EAApB,CAA3B;;;;AAKA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,OAM4C;AAAA,MAF7EC,QAE6E,QAF7EA,QAE6E;AAAA,MAD7EC,KAC6E,QAD7EA,KAC6E;;AAC7E,kBAAsC,qBAAyC,IAAzC,CAAtC;AAAA;AAAA,MAAOC,WAAP;AAAA,MAAoBC,cAApB;;AACA,mBAAsC,sBAAtC;AAAA;AAAA,MAAOC,WAAP;AAAA,MAAoBC,cAApB;;AACA,mBAA0D,qBAAS,KAAT,CAA1D;AAAA;AAAA,MAAOC,qBAAP;AAAA,MAA8BC,wBAA9B;;AAEA,MAAMC,eAAe,GAAG,SAAlBA,eAAkB,CAACC,SAAD,EAAwC;AAC9DN,IAAAA,cAAc,CAACM,SAAD,CAAd;AACAF,IAAAA,wBAAwB,CAAC,IAAD,CAAxB;AACD,GAHD;;AAKA,MAAMG,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,cAAD,EAAyC;AACjEN,IAAAA,cAAc,CAACM,cAAD,CAAd;AACAJ,IAAAA,wBAAwB,CAAC,CAAC,CAACL,WAAH,CAAxB;AACD,GAHD;;AAKA,MAAMU,gBAAgB,GAAG,SAAnBA,gBAAmB,GAAM;AAC7BT,IAAAA,cAAc,CAAC,IAAD,CAAd;AACAE,IAAAA,cAAc,CAACQ,SAAD,CAAd;AACAN,IAAAA,wBAAwB,CAAC,KAAD,CAAxB;AACD,GAJD;;AAMA,MAAMO,kBAAkB,iCACnBb,KADmB;AAEtBW,IAAAA,gBAAgB,EAAhBA,gBAFsB;AAGtBJ,IAAAA,eAAe,EAAfA,eAHsB;AAItBJ,IAAAA,WAAW,EAAXA,WAJsB;AAKtBE,IAAAA,qBAAqB,EAArBA,qBALsB;AAMtBJ,IAAAA,WAAW,EAAXA,WANsB;AAOtBQ,IAAAA,iBAAiB,EAAjBA;AAPsB,IAAxB;AAUA,SACE,gCAAC,kBAAD,CAAoB,QAApB;AAA6B,IAAA,KAAK,EAAEI,kBAApC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGd,QADH,CADF;AAKD,CA1CM;;;;AA4CA,IAAMe,qBAAqB,GAAG,SAAxBA,qBAAwB;AAAA,SAG9B,uBAAWnB,kBAAX,CAH8B;AAAA,CAA9B;;;;AAKA,IAAMoB,sBAAsB,GAAG,SAAzBA,sBAAyB,CAKpCC,SALoC,EAMyB;AAC7D,MAAMC,+BAA+B,GAAG,SAAlCA,+BAAkC,CACtCC,KADsC,EAEnC;AACH,QAAML,kBAAkB,GAAGC,qBAAqB,EAAhD;AAEA,WAAO,gCAAC,SAAD,gCAAgBI,KAAhB,EAAiCL,kBAAjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAP;AACD,GAND;;AAOAI,EAAAA,+BAA+B,CAACE,WAAhC,8BAAuE,oCACrEH,SADqE,CAAvE;AAGA,SAAOC,+BAAP;AACD,CAlBM","sourcesContent":["import React, { PropsWithChildren, useContext, useState } from 'react';\n\nimport type { CommandResponse, UserResponse } from 'stream-chat';\n\nimport type { AutoCompleteSuggestionHeaderProps } from '../../components/AutoCompleteInput/AutoCompleteSuggestionHeader';\nimport type { AutoCompleteSuggestionItemProps } from '../../components/AutoCompleteInput/AutoCompleteSuggestionItem';\nimport type { AutoCompleteSuggestionListProps } from '../../components/AutoCompleteInput/AutoCompleteSuggestionList';\nimport type { Emoji } from '../../emoji-data/compiled';\nimport type { DefaultCommandType, DefaultUserType, UnknownType } from '../../types/types';\nimport { getDisplayName } from '../utils/getDisplayName';\n\nexport type SuggestionComponentType = 'command' \| 'emoji' \| 'mention';\n\nexport const isSuggestionCommand = <\n Co extends string = DefaultCommandType,\n Us extends UnknownType = DefaultUserType,\n>(\n suggestion: Suggestion<Co, Us>,\n): suggestion is SuggestionCommand<Co> => 'args' in suggestion;\n\nexport const isSuggestionEmoji = <\n Co extends string = DefaultCommandType,\n Us extends UnknownType = DefaultUserType,\n>(\n suggestion: Suggestion<Co, Us>,\n): suggestion is Emoji => 'unicode' in suggestion;\n\nexport const isSuggestionUser = <\n Co extends string = DefaultCommandType,\n Us extends UnknownType = DefaultUserType,\n>(\n suggestion: Suggestion<Co, Us>,\n): suggestion is SuggestionUser<Us> => 'id' in suggestion;\n\nexport type Suggestion<\n Co extends string = DefaultCommandType,\n Us extends UnknownType = DefaultUserType,\n> = Emoji \| SuggestionCommand<Co> \| SuggestionUser<Us>;\n\nexport type SuggestionCommand<Co extends string = DefaultCommandType> = CommandResponse<Co>;\nexport type SuggestionUser<Us extends UnknownType = DefaultUserType> = UserResponse<Us>;\n\nexport type Suggestions<\n Co extends string = DefaultCommandType,\n Us extends UnknownType = DefaultUserType,\n> = {\n data: Suggestion<Co, Us>[];\n onSelect: (item: Suggestion<Co, Us>) => void;\n queryText?: string;\n};\n\nexport type SuggestionsContextValue<\n Co extends string = DefaultCommandType,\n Us extends UnknownType = DefaultUserType,\n> = {\n AutoCompleteSuggestionHeader: React.ComponentType<AutoCompleteSuggestionHeaderProps>;\n AutoCompleteSuggestionItem: React.ComponentType<AutoCompleteSuggestionItemProps<Co, Us>>;\n AutoCompleteSuggestionList: React.ComponentType<AutoCompleteSuggestionListProps<Co, Us>>;\n /** Override handler for closing suggestions (mentions, command autocomplete etc) /\n closeSuggestions: () => void;\n /\n Override handler for opening suggestions (mentions, command autocomplete etc)\n \n @param component {Component\|element} UI Component for suggestion item.\n * @overrideType Function\n /\n openSuggestions: (component: SuggestionComponentType) => Promise<void>;\n suggestions: Suggestions<Co, Us>;\n triggerType: SuggestionComponentType;\n /\n Override handler for updating suggestions (mentions, command autocomplete etc)\n \n @param newSuggestions {Component\|element} UI Component for suggestion item.\n * @overrideType Function\n /\n updateSuggestions: (newSuggestions: Suggestions<Co, Us>) => void;\n queryText?: string;\n suggestionsViewActive?: boolean;\n};\n\nexport const SuggestionsContext = React.createContext({} as SuggestionsContextValue);\n\n/\n This provider component exposes the properties stored within the SuggestionsContext.\n */\nexport const SuggestionsProvider = <\n Co extends string = DefaultCommandType,\n Us extends UnknownType = DefaultUserType,\n>({\n children,\n value,\n}: PropsWithChildren<{ value?: Partial<SuggestionsContextValue<Co, Us>> }>) => {\n const [triggerType, setTriggerType] = useState<SuggestionComponentType \| null>(null);\n const [suggestions, setSuggestions] = useState<Suggestions<Co, Us>>();\n const [suggestionsViewActive, setSuggestionsViewActive] = useState(false);\n\n const openSuggestions = (component: SuggestionComponentType) => {\n setTriggerType(component);\n setSuggestionsViewActive(true);\n };\n\n const updateSuggestions = (newSuggestions: Suggestions<Co, Us>) => {\n setSuggestions(newSuggestions);\n setSuggestionsViewActive(!!triggerType);\n };\n\n const closeSuggestions = () => {\n setTriggerType(null);\n setSuggestions(undefined);\n setSuggestionsViewActive(false);\n };\n\n const suggestionsContext = {\n ...value,\n closeSuggestions,\n openSuggestions,\n suggestions,\n suggestionsViewActive,\n triggerType,\n updateSuggestions,\n };\n\n return (\n <SuggestionsContext.Provider value={suggestionsContext as unknown as SuggestionsContextValue}>\n {children}\n </SuggestionsContext.Provider>\n );\n};\n\nexport const useSuggestionsContext = <\n Co extends string = DefaultCommandType,\n Us extends UnknownType = DefaultUserType,\n>() => useContext(SuggestionsContext) as unknown as SuggestionsContextValue<Co, Us>;\n\nexport const withSuggestionsContext = <\n P extends UnknownType,\n Co extends string = DefaultCommandType,\n Us extends UnknownType = DefaultUserType,\n>(\n Component: React.ComponentType<P>,\n): React.FC<Omit<P, keyof SuggestionsContextValue<Co, Us>>> => {\n const WithSuggestionsContextComponent = (\n props: Omit<P, keyof SuggestionsContextValue<Co, Us>>,\n ) => {\n const suggestionsContext = useSuggestionsContext<Co, Us>();\n\n return <Component {...(props as P)} {...suggestionsContext} />;\n };\n WithSuggestionsContextComponent.displayName = `WithSuggestionsContext${getDisplayName(\n Component,\n )}`;\n return WithSuggestionsContextComponent;\n};\n"]}

package/lib/commonjs/contexts/themeContext/ThemeContext.js CHANGED Viewed

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useTheme = exports.ThemeProvider = exports.ThemeContext = exports.mergeThemes = void 0;
+exports.useTheme = exports.mergeThemes = exports.ThemeProvider = exports.ThemeContext = void 0;
 var _react = _interopRequireWildcard(require("react"));
@@ -61,7 +61,7 @@ var ThemeProvider = function ThemeProvider(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 48,
+      lineNumber: 49,
       columnNumber: 10
     }
   }, children);

package/lib/commonjs/contexts/themeContext/ThemeContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["ThemeContext.tsx"],"names":["mergeThemes","params","style","theme","finalTheme","Object","keys","length","JSON","parse","stringify","defaultTheme","ThemeContext","React","createContext","ThemeProvider","props","children","mergedStyle","useTheme","modifiedTheme"],"mappings":";;;;;;;;;AAAA;;~~AACA~~;;AAEA;;;;;;;;;AAgBO,IAAMA,WAAW,GAAG,SAAdA,WAAc,CAACC,MAAD,EAAgC;AACzD,MAAQC,KAAR,GAAyBD,MAAzB,CAAQC,KAAR;AAAA,MAAeC,KAAf,GAAyBF,MAAzB,CAAeE,KAAf;AACA,MAAMC,UAAU,GACd,CAACD,KAAD,IAAUE,MAAM,CAACC,IAAP,CAAYH,KAAZ,EAAmBI,MAAnB,KAA8B,CAAxC,GACIC,IAAI,CAACC,KAAL,CAAWD,IAAI,CAACE,SAAL,CAAeC,mBAAf,CAAX,CADJ,GAEIH,IAAI,CAACC,KAAL,CAAWD,IAAI,CAACE,SAAL,CAAeP,KAAf,CAAX,CAHN;;AAMA,MAAID,KAAJ,EAAW;AACT,2BAAME,UAAN,EAAkBF,KAAlB;AACD;;AAED,SAAOE,UAAP;AACD,CAbM;;;;AAeA,IAAMQ,YAAY,GAAGC,kBAAMC,aAAN,CAAoB,EAApB,CAArB;;;;AAEA,IAAMC,aAAgD,GAAG,SAAnDA,aAAmD,CAACC,KAAD,EAAW;AACzE,MAAQC,QAAR,GAAyCD,KAAzC,CAAQC,QAAR;AAAA,MAAkBC,WAAlB,GAAyCF,KAAzC,CAAkBE,WAAlB;AAAA,MAA+BhB,KAA/B,GAAyCc,KAAzC,CAA+Bd,KAA/B;;AACA,kBAAkBiB,QAAQ,EAA1B;AAAA,MAAQhB,KAAR,aAAQA,KAAR;;AACA,MAAMiB,aAAa,GAAG,oBAAQ,YAAM;AAClC,QAAIF,WAAJ,EAAiB;AACf,aAAOA,WAAP;AACD;;AAED,WAAOlB,WAAW,CAAC;AAAEE,MAAAA,KAAK,EAALA,KAAF;AAASC,MAAAA,KAAK,EAALA;AAAT,KAAD,CAAlB;AACD,GANqB,EAMnB,CAACe,WAAD,EAAchB,KAAd,EAAqBC,KAArB,CANmB,CAAtB;AAQA,SAAO,gCAAC,YAAD,CAAc,QAAd;AAAuB,IAAA,KAAK,EAAEiB,aAA9B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAA8CH,QAA9C,CAAP;AACD,CAZM;;;;AAcA,IAAME,QAAQ,GAAG,SAAXA,QAAW,GAAM;AAC5B,MAAMhB,KAAK,GAAG,uBAAWS,YAAX,CAAd;AAEA,SAAO;AAAET,IAAAA,KAAK,EAALA;AAAF,GAAP;AACD,CAJM","sourcesContent":["import React, { useContext, useMemo } from 'react';\nimport merge from 'lodash/merge';\n\nimport { defaultTheme, Theme } from './utils/theme';\n\nexport type DeepPartial<T> = {\n [P in keyof T]?: DeepPartial<T[P]>;\n};\n\nexport type ThemeProviderInputValue = {\n mergedStyle?: Theme;\n style?: DeepPartial<Theme>;\n};\n\nexport type MergedThemesParams = {\n style?: DeepPartial<Theme>;\n theme?: Theme;\n};\n\nexport const mergeThemes = (params: MergedThemesParams) => {\n const { style, theme } = params;\n const finalTheme = (\n !theme \|\| Object.keys(theme).length === 0\n ? JSON.parse(JSON.stringify(defaultTheme))\n : JSON.parse(JSON.stringify(theme))\n ) as Theme;\n\n if (style) {\n merge(finalTheme, style);\n }\n\n return finalTheme;\n};\n\nexport const ThemeContext = React.createContext({} as Theme);\n\nexport const ThemeProvider: React.FC<ThemeProviderInputValue> = (props) => {\n const { children, mergedStyle, style } = props;\n const { theme } = useTheme();\n const modifiedTheme = useMemo(() => {\n if (mergedStyle) {\n return mergedStyle;\n }\n\n return mergeThemes({ style, theme });\n }, [mergedStyle, style, theme]);\n\n return <ThemeContext.Provider value={modifiedTheme}>{children}</ThemeContext.Provider>;\n};\n\nexport const useTheme = () => {\n const theme = useContext(ThemeContext);\n\n return { theme };\n};\n"]}
1	+ {"version":3,"sources":["ThemeContext.tsx"],"names":["mergeThemes","params","style","theme","finalTheme","Object","keys","length","JSON","parse","stringify","defaultTheme","ThemeContext","React","createContext","ThemeProvider","props","children","mergedStyle","useTheme","modifiedTheme"],"mappings":";;;;;;;;;AAAA;;AAEA;;AAEA;;;;;;;;;AAgBO,IAAMA,WAAW,GAAG,SAAdA,WAAc,CAACC,MAAD,EAAgC;AACzD,MAAQC,KAAR,GAAyBD,MAAzB,CAAQC,KAAR;AAAA,MAAeC,KAAf,GAAyBF,MAAzB,CAAeE,KAAf;AACA,MAAMC,UAAU,GACd,CAACD,KAAD,IAAUE,MAAM,CAACC,IAAP,CAAYH,KAAZ,EAAmBI,MAAnB,KAA8B,CAAxC,GACIC,IAAI,CAACC,KAAL,CAAWD,IAAI,CAACE,SAAL,CAAeC,mBAAf,CAAX,CADJ,GAEIH,IAAI,CAACC,KAAL,CAAWD,IAAI,CAACE,SAAL,CAAeP,KAAf,CAAX,CAHN;;AAMA,MAAID,KAAJ,EAAW;AACT,2BAAME,UAAN,EAAkBF,KAAlB;AACD;;AAED,SAAOE,UAAP;AACD,CAbM;;;;AAeA,IAAMQ,YAAY,GAAGC,kBAAMC,aAAN,CAAoB,EAApB,CAArB;;;;AAEA,IAAMC,aAAgD,GAAG,SAAnDA,aAAmD,CAACC,KAAD,EAAW;AACzE,MAAQC,QAAR,GAAyCD,KAAzC,CAAQC,QAAR;AAAA,MAAkBC,WAAlB,GAAyCF,KAAzC,CAAkBE,WAAlB;AAAA,MAA+BhB,KAA/B,GAAyCc,KAAzC,CAA+Bd,KAA/B;;AACA,kBAAkBiB,QAAQ,EAA1B;AAAA,MAAQhB,KAAR,aAAQA,KAAR;;AACA,MAAMiB,aAAa,GAAG,oBAAQ,YAAM;AAClC,QAAIF,WAAJ,EAAiB;AACf,aAAOA,WAAP;AACD;;AAED,WAAOlB,WAAW,CAAC;AAAEE,MAAAA,KAAK,EAALA,KAAF;AAASC,MAAAA,KAAK,EAALA;AAAT,KAAD,CAAlB;AACD,GANqB,EAMnB,CAACe,WAAD,EAAchB,KAAd,EAAqBC,KAArB,CANmB,CAAtB;AAQA,SAAO,gCAAC,YAAD,CAAc,QAAd;AAAuB,IAAA,KAAK,EAAEiB,aAA9B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAA8CH,QAA9C,CAAP;AACD,CAZM;;;;AAcA,IAAME,QAAQ,GAAG,SAAXA,QAAW,GAAM;AAC5B,MAAMhB,KAAK,GAAG,uBAAWS,YAAX,CAAd;AAEA,SAAO;AAAET,IAAAA,KAAK,EAALA;AAAF,GAAP;AACD,CAJM","sourcesContent":["import React, { useContext, useMemo } from 'react';\n\nimport merge from 'lodash/merge';\n\nimport { defaultTheme, Theme } from './utils/theme';\n\nexport type DeepPartial<T> = {\n [P in keyof T]?: DeepPartial<T[P]>;\n};\n\nexport type ThemeProviderInputValue = {\n mergedStyle?: Theme;\n style?: DeepPartial<Theme>;\n};\n\nexport type MergedThemesParams = {\n style?: DeepPartial<Theme>;\n theme?: Theme;\n};\n\nexport const mergeThemes = (params: MergedThemesParams) => {\n const { style, theme } = params;\n const finalTheme = (\n !theme \|\| Object.keys(theme).length === 0\n ? JSON.parse(JSON.stringify(defaultTheme))\n : JSON.parse(JSON.stringify(theme))\n ) as Theme;\n\n if (style) {\n merge(finalTheme, style);\n }\n\n return finalTheme;\n};\n\nexport const ThemeContext = React.createContext({} as Theme);\n\nexport const ThemeProvider: React.FC<ThemeProviderInputValue> = (props) => {\n const { children, mergedStyle, style } = props;\n const { theme } = useTheme();\n const modifiedTheme = useMemo(() => {\n if (mergedStyle) {\n return mergedStyle;\n }\n\n return mergeThemes({ style, theme });\n }, [mergedStyle, style, theme]);\n\n return <ThemeContext.Provider value={modifiedTheme}>{children}</ThemeContext.Provider>;\n};\n\nexport const useTheme = () => {\n const theme = useContext(ThemeContext);\n\n return { theme };\n};\n"]}

package/lib/commonjs/contexts/themeContext/utils/theme.js CHANGED Viewed

@@ -3,7 +3,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.defaultTheme = exports.Colors = exports.DEFAULT_STATUS_ICON_SIZE = void 0;
+exports.defaultTheme = exports.DEFAULT_STATUS_ICON_SIZE = exports.Colors = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
@@ -21,12 +21,12 @@ var Colors = {
   blue_alice: '#E9F2FF',
   border: '#00000014',
   grey: '#7A7A7A',
+  grey_dark: '#72767E',
   grey_gainsboro: '#DBDBDB',
   grey_whisper: '#ECEBEB',
   icon_background: '#FFFFFF',
   modal_shadow: '#00000099',
-  overlay: '#00000033',
-  overlay_dark: '#00000099',
+  overlay: '#000000CC',
   shadow_icon: '#00000040',
   targetedMessageBackground: '#FBF4DD',
   transparent: 'transparent',
@@ -111,6 +111,11 @@ var defaultTheme = {
     message: {
       fontWeight: '400'
     },
+    mutedStatus: {
+      height: 20,
+      iconStyle: {},
+      width: 20
+    },
     row: {},
     title: {},
     unreadContainer: {},
@@ -142,7 +147,6 @@ var defaultTheme = {
     image: {}
   },
   imageGallery: {
-    blurType: 'light',
     footer: {
       centerContainer: {},
       container: {},
@@ -197,6 +201,10 @@ var defaultTheme = {
     commandsButtonContainer: {},
     composerContainer: {},
     container: {},
+    cooldownTimer: {
+      container: {},
+      text: {}
+    },
     editingBoxContainer: {},
     editingBoxHeader: {},
     editingBoxHeaderTitle: {},
@@ -224,6 +232,10 @@ var defaultTheme = {
     replyContainer: {},
     sendButton: {},
     sendButtonContainer: {},
+    sendMessageDisallowedIndicator: {
+      container: {},
+      text: {}
+    },
     showThreadMessageInChannelButton: {
       check: {},
       checkBoxActive: {},
@@ -239,10 +251,6 @@ var defaultTheme = {
         iconContainer: {},
         title: {}
       },
-      commandsHeader: {
-        container: {},
-        title: {}
-      },
       container: {
         maxHeight: (0, _utils.vh)(25)
       },
@@ -250,7 +258,7 @@ var defaultTheme = {
         container: {},
         text: {}
       },
-      emojisHeader: {
+      header: {
         container: {},
         title: {}
       },
@@ -263,7 +271,10 @@ var defaultTheme = {
         tag: {}
       }
     },
-    suggestionsListContainer: {},
+    suggestionsListContainer: {
+      container: {},
+      flatlist: {}
+    },
     uploadProgressIndicator: {
       container: {},
       overlay: {}
@@ -343,7 +354,7 @@ var defaultTheme = {
       deletedContainer: {},
       deletedContainerInner: {},
       deletedMetaText: {
-        paddingHorizontal: 10
+        paddingHorizontal: 5
       },
       deletedText: {
         em: {
@@ -406,29 +417,37 @@ var defaultTheme = {
     gallery: {
       galleryContainer: {},
       galleryItemColumn: {},
-      halfSize: 100,
+      gridHeight: 195,
+      gridWidth: 256,
       image: {},
       imageContainer: {},
+      maxHeight: 300,
+      maxWidth: 256,
+      minHeight: 100,
+      minWidth: 170,
       moreImagesContainer: {},
-      moreImagesText: {},
-      size: 200,
-      width: 250
+      moreImagesText: {}
     },
     giphy: {
+      buttonContainer: {},
       cancel: {},
-      cancelContainer: {},
       container: {},
       giphy: {},
       giphyContainer: {},
+      giphyHeaderText: {},
+      giphyHeaderTitle: {},
       giphyMask: {},
-      giphyText: {},
+      giphyMaskText: {},
+      header: {},
       selectionContainer: {},
-      selector: {},
       send: {},
-      sendContainer: {},
-      shuffleButton: {},
+      shuffle: {},
       title: {}
     },
+    pinnedHeader: {
+      container: {},
+      label: {}
+    },
     reactionList: {
       container: {},
       middleIcon: {},
@@ -468,6 +487,12 @@ var defaultTheme = {
     targetedMessageUnderlay: {}
   },
   overlay: {
+    container: {},
+    messageActions: {
+      actionContainer: {},
+      icon: {},
+      title: {}
+    },
     padding: 8,
     reactions: {
       avatarContainer: {},