stream-chat-react-native-core 5.27.0-beta.10 → 5.27.0-beta.12

package/lib/commonjs/components/AttachmentPicker/AttachmentPicker.js

@@ -235,7 +235,7 @@ var AttachmentPicker = _react["default"].forwardRef(function (props, ref) {
   var initialSnapPoint = getInitialSnapPoint();
   var finalSnapPoint = _reactNative.Platform.OS === 'android' ? fullScreenHeight - topInset - handleHeight : fullScreenHeight - topInset;
   var snapPoints = (0, _react.useMemo)(function () {
-    return [initialSnapPoint, finalSnapPoint];
+    return [Math.max(0, initialSnapPoint), Math.max(0, finalSnapPoint)];
   }, [initialSnapPoint, finalSnapPoint]);
   return _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement(_bottomSheet["default"], {
     containerHeight: fullScreenHeight,

package/lib/commonjs/components/AttachmentPicker/AttachmentPicker.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_bottomSheet","_dayjs","_interopRequireDefault","_duration","_AttachmentPickerItem","_AttachmentPickerContext","_ThemeContext","_useViewport2","_native","_this","_jsxFileName","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","dayjs","extend","duration","styles","StyleSheet","create","container","flexGrow","fullScreenHeight","Dimensions","height","AttachmentPicker","React","forwardRef","props","ref","AttachmentPickerBottomSheetHandle","attachmentPickerBottomSheetHandleHeight","attachmentPickerBottomSheetHeight","AttachmentPickerError","attachmentPickerErrorButtonText","AttachmentPickerErrorImage","attachmentPickerErrorText","AttachmentPickerIOSSelectMorePhotos","ImageOverlaySelectedComponent","numberOfAttachmentImagesToLoadPerCall","numberOfAttachmentPickerImageColumns","translucentStatusBar","_useTheme","useTheme","_useTheme$theme","theme","bottomSheetContentContainer","attachmentPicker","white","colors","_useAttachmentPickerC","useAttachmentPickerContext","closePicker","maxNumberOfFiles","selectedFiles","selectedImages","selectedPicker","setSelectedFiles","setSelectedImages","setSelectedPicker","topInset","_useViewport","useViewport","vh","screenHeight","_useState","useState","_useState2","_slicedToArray2","currentIndex","setCurrentIndex","endCursorRef","useRef","_useState3","_useState4","photoError","setPhotoError","_useState5","_useState6","iOSLimited","setIosLimited","hasNextPageRef","_useState7","_useState8","loadingPhotos","setLoadingPhotos","_useState9","_useState10","photos","setPhotos","attemptedToLoadPhotosOnOpenRef","getMorePhotos","useCallback","_asyncToGenerator2","_regenerator","mark","_callee","endCursor","results","wrap","_callee$","_context","prev","next","current","getPhotos","after","first","sent","prevPhotos","concat","_toConsumableArray2","assets","hasNextPage","t0","stop","getMorePhotosRef","useEffect","_oniOS14GalleryLibrar","oniOS14GalleryLibrarySelectionChange","undefined","unsubscribe","backAction","backHandler","BackHandler","addEventListener","remove","onKeyboardOpenHandler","keyboardShowEvent","Platform","OS","keyboardSubscription","Keyboard","addListener","removeListener","selectedPhotos","map","asset","numberOfUploads","length","selected","some","image","id","uri","file","handleHeight","getAndroidBottomBarHeightAdjustment","_StatusBar$currentHei","statusBarHeight","StatusBar","currentHeight","bottomBarHeight","getInitialSnapPoint","initialSnapPoint","finalSnapPoint","snapPoints","useMemo","createElement","Fragment","containerHeight","enablePanDownToClose","handleComponent","index","onChange","__self","__source","fileName","lineNumber","columnNumber","BottomSheetFlatList","contentContainerStyle","backgroundColor","opacity","data","keyExtractor","item","numColumns","onEndReached","renderItem","renderAttachmentPickerItem","exports","displayName"],"sources":["AttachmentPicker.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { BackHandler, Dimensions, Keyboard, Platform, StatusBar, StyleSheet } from 'react-native';\n\nimport BottomSheet, { BottomSheetFlatList, BottomSheetHandleProps } from '@gorhom/bottom-sheet';\nimport dayjs from 'dayjs';\nimport duration from 'dayjs/plugin/duration';\n\nimport type { AttachmentPickerErrorProps } from './components/AttachmentPickerError';\n\nimport { renderAttachmentPickerItem } from './components/AttachmentPickerItem';\n\nimport { useAttachmentPickerContext } from '../../contexts/attachmentPickerContext/AttachmentPickerContext';\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { useViewport } from '../../hooks/useViewport';\nimport { getPhotos, oniOS14GalleryLibrarySelectionChange } from '../../native';\nimport type { Asset } from '../../types/types';\n\ndayjs.extend(duration);\n\nconst styles = StyleSheet.create({\n  container: {\n    flexGrow: 1,\n  },\n});\n\nconst fullScreenHeight = Dimensions.get('window').height;\n\nexport type AttachmentPickerProps = {\n  /**\n   * Custom UI component to render [draggable handle](https://github.com/GetStream/stream-chat-react-native/blob/main/screenshots/docs/1.png) of attachment picker.\n   *\n   * **Default** [AttachmentPickerBottomSheetHandle](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/AttachmentPicker/components/AttachmentPickerBottomSheetHandle.tsx)\n   */\n  AttachmentPickerBottomSheetHandle: React.FC<BottomSheetHandleProps>;\n  /**\n   * Custom UI component to render error component while opening attachment picker.\n   *\n   * **Default** [AttachmentPickerError](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/AttachmentPicker/components/AttachmentPickerError.tsx)\n   */\n  AttachmentPickerError: React.ComponentType<AttachmentPickerErrorProps>;\n  /**\n   * Custom UI component to render error image for attachment picker\n   *\n   * **Default** [AttachmentPickerErrorImage](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/AttachmentPicker/components/AttachmentPickerErrorImage.tsx)\n   */\n  AttachmentPickerErrorImage: React.ComponentType;\n  /**\n   * Custom UI Component to render select more photos for selected gallery access in iOS.\n   */\n  AttachmentPickerIOSSelectMorePhotos: React.ComponentType;\n  /**\n   * Custom UI component to render overlay component, that shows up on top of [selected image](https://github.com/GetStream/stream-chat-react-native/blob/main/screenshots/docs/1.png) (with tick mark)\n   *\n   * **Default** [ImageOverlaySelectedComponent](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/AttachmentPicker/components/ImageOverlaySelectedComponent.tsx)\n   */\n  ImageOverlaySelectedComponent: React.ComponentType;\n  attachmentPickerBottomSheetHandleHeight?: number;\n  attachmentPickerBottomSheetHeight?: number;\n  attachmentPickerErrorButtonText?: string;\n  attachmentPickerErrorText?: string;\n  numberOfAttachmentImagesToLoadPerCall?: number;\n  numberOfAttachmentPickerImageColumns?: number;\n  translucentStatusBar?: boolean;\n};\n\nexport const AttachmentPicker = React.forwardRef(\n  (props: AttachmentPickerProps, ref: React.ForwardedRef<BottomSheet>) => {\n    const {\n      AttachmentPickerBottomSheetHandle,\n      attachmentPickerBottomSheetHandleHeight,\n      attachmentPickerBottomSheetHeight,\n      AttachmentPickerError,\n      attachmentPickerErrorButtonText,\n      AttachmentPickerErrorImage,\n      attachmentPickerErrorText,\n      AttachmentPickerIOSSelectMorePhotos,\n      ImageOverlaySelectedComponent,\n      numberOfAttachmentImagesToLoadPerCall,\n      numberOfAttachmentPickerImageColumns,\n      translucentStatusBar,\n    } = props;\n\n    const {\n      theme: {\n        attachmentPicker: { bottomSheetContentContainer },\n        colors: { white },\n      },\n    } = useTheme();\n    const {\n      closePicker,\n      maxNumberOfFiles,\n      selectedFiles,\n      selectedImages,\n      selectedPicker,\n      setSelectedFiles,\n      setSelectedImages,\n      setSelectedPicker,\n      topInset,\n    } = useAttachmentPickerContext();\n    const { vh } = useViewport();\n\n    const screenHeight = vh(100);\n\n    const [currentIndex, setCurrentIndex] = useState(-1);\n    const endCursorRef = useRef<string>();\n    const [photoError, setPhotoError] = useState(false);\n    const [iOSLimited, setIosLimited] = useState(false);\n    const hasNextPageRef = useRef(true);\n    const [loadingPhotos, setLoadingPhotos] = useState(false);\n    const [photos, setPhotos] = useState<Asset[]>([]);\n    const attemptedToLoadPhotosOnOpenRef = useRef(false);\n\n    const getMorePhotos = useCallback(async () => {\n      if (\n        hasNextPageRef.current &&\n        !loadingPhotos &&\n        currentIndex > -1 &&\n        selectedPicker === 'images'\n      ) {\n        setPhotoError(false);\n        setLoadingPhotos(true);\n        const endCursor = endCursorRef.current;\n        try {\n          const results = await getPhotos({\n            after: endCursor,\n            first: numberOfAttachmentImagesToLoadPerCall ?? 60,\n          });\n          endCursorRef.current = results.endCursor;\n          setPhotos((prevPhotos) =>\n            endCursor ? [...prevPhotos, ...results.assets] : results.assets,\n          );\n          setIosLimited(results.iOSLimited);\n          hasNextPageRef.current = !!results.hasNextPage;\n        } catch (error) {\n          setPhotoError(true);\n        }\n        setLoadingPhotos(false);\n      }\n    }, [currentIndex, selectedPicker, loadingPhotos]);\n\n    // we need to use ref here to avoid running effect when getMorePhotos changes\n    const getMorePhotosRef = useRef(getMorePhotos);\n    getMorePhotosRef.current = getMorePhotos;\n\n    useEffect(() => {\n      if (selectedPicker !== 'images') return;\n      // ios 14 library selection change event is fired when user reselects the images that are permitted to be readable by the app\n      const { unsubscribe } = oniOS14GalleryLibrarySelectionChange(() => {\n        // we reset the cursor and has next page to true to facilitate fetching of the first page of photos again\n        hasNextPageRef.current = true;\n        endCursorRef.current = undefined;\n        // fetch the first page of photos again\n        getMorePhotosRef.current();\n      });\n      return unsubscribe;\n    }, [selectedPicker]);\n\n    useEffect(() => {\n      const backAction = () => {\n        if (selectedPicker) {\n          setSelectedPicker(undefined);\n          closePicker();\n          return true;\n        }\n\n        return false;\n      };\n\n      const backHandler = BackHandler.addEventListener('hardwareBackPress', backAction);\n\n      return () => backHandler.remove();\n    }, [selectedPicker, closePicker]);\n\n    useEffect(() => {\n      const onKeyboardOpenHandler = () => {\n        if (selectedPicker) {\n          setSelectedPicker(undefined);\n        }\n        closePicker();\n      };\n      const keyboardShowEvent = Platform.OS === 'ios' ? 'keyboardWillShow' : 'keyboardDidShow';\n      const keyboardSubscription = Keyboard.addListener(keyboardShowEvent, onKeyboardOpenHandler);\n\n      return () => {\n        if (keyboardSubscription?.remove) {\n          keyboardSubscription.remove();\n          return;\n        }\n\n        // To keep compatibility with older versions of React Native, where `remove()` is not available\n        Keyboard.removeListener(keyboardShowEvent, onKeyboardOpenHandler);\n      };\n    }, [closePicker, selectedPicker]);\n\n    useEffect(() => {\n      if (currentIndex < 0) {\n        setSelectedPicker(undefined);\n        if (!loadingPhotos) {\n          endCursorRef.current = undefined;\n          hasNextPageRef.current = true;\n          attemptedToLoadPhotosOnOpenRef.current = false;\n          setPhotoError(false);\n        }\n      }\n    }, [currentIndex, loadingPhotos]);\n\n    useEffect(() => {\n      if (\n        !attemptedToLoadPhotosOnOpenRef.current &&\n        selectedPicker === 'images' &&\n        endCursorRef.current === undefined &&\n        currentIndex > -1 &&\n        !loadingPhotos\n      ) {\n        getMorePhotos();\n        // we do this only once on open for avoiding to request permissions in rationale dialog again and again on Android\n        attemptedToLoadPhotosOnOpenRef.current = true;\n      }\n    }, [currentIndex, selectedPicker, getMorePhotos, loadingPhotos]);\n\n    const selectedPhotos = photos.map((asset) => ({\n      asset,\n      ImageOverlaySelectedComponent,\n      maxNumberOfFiles,\n      numberOfAttachmentPickerImageColumns,\n      numberOfUploads: selectedFiles.length + selectedImages.length,\n      // `id` is available for Expo MediaLibrary while Cameraroll doesn't share id therefore we use `uri`\n      selected:\n        selectedImages.some((image) =>\n          image.id ? image.id === asset.id : image.uri === asset.uri,\n        ) ||\n        selectedFiles.some((file) => (file.id ? file.id === asset.id : file.uri === asset.uri)),\n      selectedFiles,\n      selectedImages,\n      setSelectedFiles,\n      setSelectedImages,\n    }));\n\n    const handleHeight = attachmentPickerBottomSheetHandleHeight || 20;\n\n    /**\n     * This is to handle issues with Android measurements coming back incorrect.\n     * If the StatusBar height is perfectly 1/2 of the difference between the two\n     * dimensions for screen and window, it is incorrect and we need to account for\n     * this. If you use a translucent header bar more adjustments are needed.\n     */\n    const getAndroidBottomBarHeightAdjustment = (): number => {\n      if (Platform.OS === 'android') {\n        const statusBarHeight = StatusBar.currentHeight ?? 0;\n        const bottomBarHeight = fullScreenHeight - screenHeight - statusBarHeight;\n        if (bottomBarHeight === statusBarHeight) {\n          return translucentStatusBar ? 0 : statusBarHeight;\n        } else {\n          if (translucentStatusBar) {\n            if (bottomBarHeight > statusBarHeight) {\n              return -bottomBarHeight + statusBarHeight;\n            } else {\n              return bottomBarHeight > 0 ? -statusBarHeight : 0;\n            }\n          } else {\n            return bottomBarHeight > 0 ? 0 : statusBarHeight;\n          }\n        }\n      }\n      return 0;\n    };\n\n    const getInitialSnapPoint = (): number => {\n      if (attachmentPickerBottomSheetHeight !== undefined) {\n        return attachmentPickerBottomSheetHeight;\n      }\n      if (Platform.OS === 'android') {\n        return (\n          308 +\n          (fullScreenHeight - screenHeight + getAndroidBottomBarHeightAdjustment()) -\n          handleHeight\n        );\n      } else {\n        return 308 + (fullScreenHeight - screenHeight);\n      }\n    };\n\n    const initialSnapPoint = getInitialSnapPoint();\n\n    const finalSnapPoint =\n      Platform.OS === 'android'\n        ? fullScreenHeight - topInset - handleHeight\n        : fullScreenHeight - topInset;\n\n    /**\n     * Snap points changing cause a rerender of the position,\n     * this is an issue if you are calling close on the bottom sheet.\n     */\n    const snapPoints = useMemo(\n      () => [initialSnapPoint, finalSnapPoint],\n      [initialSnapPoint, finalSnapPoint],\n    );\n\n    return (\n      <>\n        <BottomSheet\n          containerHeight={fullScreenHeight}\n          enablePanDownToClose={true}\n          handleComponent={\n            /**\n             * using `null` here instead of `style={{ opacity: photoError ? 0 : 1 }}`\n             * as opacity is not an allowed style\n             */\n            photoError ? null : AttachmentPickerBottomSheetHandle\n          }\n          handleHeight={handleHeight}\n          index={-1}\n          onChange={setCurrentIndex}\n          ref={ref}\n          snapPoints={snapPoints}\n        >\n          {iOSLimited && <AttachmentPickerIOSSelectMorePhotos />}\n          <BottomSheetFlatList\n            contentContainerStyle={[\n              styles.container,\n              { backgroundColor: white },\n              bottomSheetContentContainer,\n              { opacity: photoError ? 0 : 1 },\n            ]}\n            data={selectedPhotos}\n            keyExtractor={(item) => item.asset.uri}\n            numColumns={numberOfAttachmentPickerImageColumns ?? 3}\n            onEndReached={photoError ? undefined : getMorePhotos}\n            renderItem={renderAttachmentPickerItem}\n          />\n        </BottomSheet>\n        {selectedPicker === 'images' && photoError && (\n          <AttachmentPickerError\n            attachmentPickerBottomSheetHeight={initialSnapPoint}\n            attachmentPickerErrorButtonText={attachmentPickerErrorButtonText}\n            AttachmentPickerErrorImage={AttachmentPickerErrorImage}\n            attachmentPickerErrorText={attachmentPickerErrorText}\n          />\n        )}\n      </>\n    );\n  },\n);\n\nAttachmentPicker.displayName = 'AttachmentPicker';\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_bottomSheet","_dayjs","_interopRequireDefault","_duration","_AttachmentPickerItem","_AttachmentPickerContext","_ThemeContext","_useViewport2","_native","_this","_jsxFileName","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","dayjs","extend","duration","styles","StyleSheet","create","container","flexGrow","fullScreenHeight","Dimensions","height","AttachmentPicker","React","forwardRef","props","ref","AttachmentPickerBottomSheetHandle","attachmentPickerBottomSheetHandleHeight","attachmentPickerBottomSheetHeight","AttachmentPickerError","attachmentPickerErrorButtonText","AttachmentPickerErrorImage","attachmentPickerErrorText","AttachmentPickerIOSSelectMorePhotos","ImageOverlaySelectedComponent","numberOfAttachmentImagesToLoadPerCall","numberOfAttachmentPickerImageColumns","translucentStatusBar","_useTheme","useTheme","_useTheme$theme","theme","bottomSheetContentContainer","attachmentPicker","white","colors","_useAttachmentPickerC","useAttachmentPickerContext","closePicker","maxNumberOfFiles","selectedFiles","selectedImages","selectedPicker","setSelectedFiles","setSelectedImages","setSelectedPicker","topInset","_useViewport","useViewport","vh","screenHeight","_useState","useState","_useState2","_slicedToArray2","currentIndex","setCurrentIndex","endCursorRef","useRef","_useState3","_useState4","photoError","setPhotoError","_useState5","_useState6","iOSLimited","setIosLimited","hasNextPageRef","_useState7","_useState8","loadingPhotos","setLoadingPhotos","_useState9","_useState10","photos","setPhotos","attemptedToLoadPhotosOnOpenRef","getMorePhotos","useCallback","_asyncToGenerator2","_regenerator","mark","_callee","endCursor","results","wrap","_callee$","_context","prev","next","current","getPhotos","after","first","sent","prevPhotos","concat","_toConsumableArray2","assets","hasNextPage","t0","stop","getMorePhotosRef","useEffect","_oniOS14GalleryLibrar","oniOS14GalleryLibrarySelectionChange","undefined","unsubscribe","backAction","backHandler","BackHandler","addEventListener","remove","onKeyboardOpenHandler","keyboardShowEvent","Platform","OS","keyboardSubscription","Keyboard","addListener","removeListener","selectedPhotos","map","asset","numberOfUploads","length","selected","some","image","id","uri","file","handleHeight","getAndroidBottomBarHeightAdjustment","_StatusBar$currentHei","statusBarHeight","StatusBar","currentHeight","bottomBarHeight","getInitialSnapPoint","initialSnapPoint","finalSnapPoint","snapPoints","useMemo","Math","max","createElement","Fragment","containerHeight","enablePanDownToClose","handleComponent","index","onChange","__self","__source","fileName","lineNumber","columnNumber","BottomSheetFlatList","contentContainerStyle","backgroundColor","opacity","data","keyExtractor","item","numColumns","onEndReached","renderItem","renderAttachmentPickerItem","exports","displayName"],"sources":["AttachmentPicker.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { BackHandler, Dimensions, Keyboard, Platform, StatusBar, StyleSheet } from 'react-native';\n\nimport BottomSheet, { BottomSheetFlatList, BottomSheetHandleProps } from '@gorhom/bottom-sheet';\nimport dayjs from 'dayjs';\nimport duration from 'dayjs/plugin/duration';\n\nimport type { AttachmentPickerErrorProps } from './components/AttachmentPickerError';\n\nimport { renderAttachmentPickerItem } from './components/AttachmentPickerItem';\n\nimport { useAttachmentPickerContext } from '../../contexts/attachmentPickerContext/AttachmentPickerContext';\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { useViewport } from '../../hooks/useViewport';\nimport { getPhotos, oniOS14GalleryLibrarySelectionChange } from '../../native';\nimport type { Asset } from '../../types/types';\n\ndayjs.extend(duration);\n\nconst styles = StyleSheet.create({\n  container: {\n    flexGrow: 1,\n  },\n});\n\nconst fullScreenHeight = Dimensions.get('window').height;\n\nexport type AttachmentPickerProps = {\n  /**\n   * Custom UI component to render [draggable handle](https://github.com/GetStream/stream-chat-react-native/blob/main/screenshots/docs/1.png) of attachment picker.\n   *\n   * **Default** [AttachmentPickerBottomSheetHandle](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/AttachmentPicker/components/AttachmentPickerBottomSheetHandle.tsx)\n   */\n  AttachmentPickerBottomSheetHandle: React.FC<BottomSheetHandleProps>;\n  /**\n   * Custom UI component to render error component while opening attachment picker.\n   *\n   * **Default** [AttachmentPickerError](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/AttachmentPicker/components/AttachmentPickerError.tsx)\n   */\n  AttachmentPickerError: React.ComponentType<AttachmentPickerErrorProps>;\n  /**\n   * Custom UI component to render error image for attachment picker\n   *\n   * **Default** [AttachmentPickerErrorImage](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/AttachmentPicker/components/AttachmentPickerErrorImage.tsx)\n   */\n  AttachmentPickerErrorImage: React.ComponentType;\n  /**\n   * Custom UI Component to render select more photos for selected gallery access in iOS.\n   */\n  AttachmentPickerIOSSelectMorePhotos: React.ComponentType;\n  /**\n   * Custom UI component to render overlay component, that shows up on top of [selected image](https://github.com/GetStream/stream-chat-react-native/blob/main/screenshots/docs/1.png) (with tick mark)\n   *\n   * **Default** [ImageOverlaySelectedComponent](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/AttachmentPicker/components/ImageOverlaySelectedComponent.tsx)\n   */\n  ImageOverlaySelectedComponent: React.ComponentType;\n  attachmentPickerBottomSheetHandleHeight?: number;\n  attachmentPickerBottomSheetHeight?: number;\n  attachmentPickerErrorButtonText?: string;\n  attachmentPickerErrorText?: string;\n  numberOfAttachmentImagesToLoadPerCall?: number;\n  numberOfAttachmentPickerImageColumns?: number;\n  translucentStatusBar?: boolean;\n};\n\nexport const AttachmentPicker = React.forwardRef(\n  (props: AttachmentPickerProps, ref: React.ForwardedRef<BottomSheet>) => {\n    const {\n      AttachmentPickerBottomSheetHandle,\n      attachmentPickerBottomSheetHandleHeight,\n      attachmentPickerBottomSheetHeight,\n      AttachmentPickerError,\n      attachmentPickerErrorButtonText,\n      AttachmentPickerErrorImage,\n      attachmentPickerErrorText,\n      AttachmentPickerIOSSelectMorePhotos,\n      ImageOverlaySelectedComponent,\n      numberOfAttachmentImagesToLoadPerCall,\n      numberOfAttachmentPickerImageColumns,\n      translucentStatusBar,\n    } = props;\n\n    const {\n      theme: {\n        attachmentPicker: { bottomSheetContentContainer },\n        colors: { white },\n      },\n    } = useTheme();\n    const {\n      closePicker,\n      maxNumberOfFiles,\n      selectedFiles,\n      selectedImages,\n      selectedPicker,\n      setSelectedFiles,\n      setSelectedImages,\n      setSelectedPicker,\n      topInset,\n    } = useAttachmentPickerContext();\n    const { vh } = useViewport();\n\n    const screenHeight = vh(100);\n\n    const [currentIndex, setCurrentIndex] = useState(-1);\n    const endCursorRef = useRef<string>();\n    const [photoError, setPhotoError] = useState(false);\n    const [iOSLimited, setIosLimited] = useState(false);\n    const hasNextPageRef = useRef(true);\n    const [loadingPhotos, setLoadingPhotos] = useState(false);\n    const [photos, setPhotos] = useState<Asset[]>([]);\n    const attemptedToLoadPhotosOnOpenRef = useRef(false);\n\n    const getMorePhotos = useCallback(async () => {\n      if (\n        hasNextPageRef.current &&\n        !loadingPhotos &&\n        currentIndex > -1 &&\n        selectedPicker === 'images'\n      ) {\n        setPhotoError(false);\n        setLoadingPhotos(true);\n        const endCursor = endCursorRef.current;\n        try {\n          const results = await getPhotos({\n            after: endCursor,\n            first: numberOfAttachmentImagesToLoadPerCall ?? 60,\n          });\n          endCursorRef.current = results.endCursor;\n          setPhotos((prevPhotos) =>\n            endCursor ? [...prevPhotos, ...results.assets] : results.assets,\n          );\n          setIosLimited(results.iOSLimited);\n          hasNextPageRef.current = !!results.hasNextPage;\n        } catch (error) {\n          setPhotoError(true);\n        }\n        setLoadingPhotos(false);\n      }\n    }, [currentIndex, selectedPicker, loadingPhotos]);\n\n    // we need to use ref here to avoid running effect when getMorePhotos changes\n    const getMorePhotosRef = useRef(getMorePhotos);\n    getMorePhotosRef.current = getMorePhotos;\n\n    useEffect(() => {\n      if (selectedPicker !== 'images') return;\n      // ios 14 library selection change event is fired when user reselects the images that are permitted to be readable by the app\n      const { unsubscribe } = oniOS14GalleryLibrarySelectionChange(() => {\n        // we reset the cursor and has next page to true to facilitate fetching of the first page of photos again\n        hasNextPageRef.current = true;\n        endCursorRef.current = undefined;\n        // fetch the first page of photos again\n        getMorePhotosRef.current();\n      });\n      return unsubscribe;\n    }, [selectedPicker]);\n\n    useEffect(() => {\n      const backAction = () => {\n        if (selectedPicker) {\n          setSelectedPicker(undefined);\n          closePicker();\n          return true;\n        }\n\n        return false;\n      };\n\n      const backHandler = BackHandler.addEventListener('hardwareBackPress', backAction);\n\n      return () => backHandler.remove();\n    }, [selectedPicker, closePicker]);\n\n    useEffect(() => {\n      const onKeyboardOpenHandler = () => {\n        if (selectedPicker) {\n          setSelectedPicker(undefined);\n        }\n        closePicker();\n      };\n      const keyboardShowEvent = Platform.OS === 'ios' ? 'keyboardWillShow' : 'keyboardDidShow';\n      const keyboardSubscription = Keyboard.addListener(keyboardShowEvent, onKeyboardOpenHandler);\n\n      return () => {\n        if (keyboardSubscription?.remove) {\n          keyboardSubscription.remove();\n          return;\n        }\n\n        // To keep compatibility with older versions of React Native, where `remove()` is not available\n        Keyboard.removeListener(keyboardShowEvent, onKeyboardOpenHandler);\n      };\n    }, [closePicker, selectedPicker]);\n\n    useEffect(() => {\n      if (currentIndex < 0) {\n        setSelectedPicker(undefined);\n        if (!loadingPhotos) {\n          endCursorRef.current = undefined;\n          hasNextPageRef.current = true;\n          attemptedToLoadPhotosOnOpenRef.current = false;\n          setPhotoError(false);\n        }\n      }\n    }, [currentIndex, loadingPhotos]);\n\n    useEffect(() => {\n      if (\n        !attemptedToLoadPhotosOnOpenRef.current &&\n        selectedPicker === 'images' &&\n        endCursorRef.current === undefined &&\n        currentIndex > -1 &&\n        !loadingPhotos\n      ) {\n        getMorePhotos();\n        // we do this only once on open for avoiding to request permissions in rationale dialog again and again on Android\n        attemptedToLoadPhotosOnOpenRef.current = true;\n      }\n    }, [currentIndex, selectedPicker, getMorePhotos, loadingPhotos]);\n\n    const selectedPhotos = photos.map((asset) => ({\n      asset,\n      ImageOverlaySelectedComponent,\n      maxNumberOfFiles,\n      numberOfAttachmentPickerImageColumns,\n      numberOfUploads: selectedFiles.length + selectedImages.length,\n      // `id` is available for Expo MediaLibrary while Cameraroll doesn't share id therefore we use `uri`\n      selected:\n        selectedImages.some((image) =>\n          image.id ? image.id === asset.id : image.uri === asset.uri,\n        ) ||\n        selectedFiles.some((file) => (file.id ? file.id === asset.id : file.uri === asset.uri)),\n      selectedFiles,\n      selectedImages,\n      setSelectedFiles,\n      setSelectedImages,\n    }));\n\n    const handleHeight = attachmentPickerBottomSheetHandleHeight || 20;\n\n    /**\n     * This is to handle issues with Android measurements coming back incorrect.\n     * If the StatusBar height is perfectly 1/2 of the difference between the two\n     * dimensions for screen and window, it is incorrect and we need to account for\n     * this. If you use a translucent header bar more adjustments are needed.\n     */\n    const getAndroidBottomBarHeightAdjustment = (): number => {\n      if (Platform.OS === 'android') {\n        const statusBarHeight = StatusBar.currentHeight ?? 0;\n        const bottomBarHeight = fullScreenHeight - screenHeight - statusBarHeight;\n        if (bottomBarHeight === statusBarHeight) {\n          return translucentStatusBar ? 0 : statusBarHeight;\n        } else {\n          if (translucentStatusBar) {\n            if (bottomBarHeight > statusBarHeight) {\n              return -bottomBarHeight + statusBarHeight;\n            } else {\n              return bottomBarHeight > 0 ? -statusBarHeight : 0;\n            }\n          } else {\n            return bottomBarHeight > 0 ? 0 : statusBarHeight;\n          }\n        }\n      }\n      return 0;\n    };\n\n    const getInitialSnapPoint = (): number => {\n      if (attachmentPickerBottomSheetHeight !== undefined) {\n        return attachmentPickerBottomSheetHeight;\n      }\n      if (Platform.OS === 'android') {\n        return (\n          308 +\n          (fullScreenHeight - screenHeight + getAndroidBottomBarHeightAdjustment()) -\n          handleHeight\n        );\n      } else {\n        return 308 + (fullScreenHeight - screenHeight);\n      }\n    };\n\n    const initialSnapPoint = getInitialSnapPoint();\n\n    const finalSnapPoint =\n      Platform.OS === 'android'\n        ? fullScreenHeight - topInset - handleHeight\n        : fullScreenHeight - topInset;\n\n    /**\n     * Snap points changing cause a rerender of the position,\n     * this is an issue if you are calling close on the bottom sheet.\n     */\n    const snapPoints = useMemo(\n      () => [Math.max(0, initialSnapPoint), Math.max(0, finalSnapPoint)],\n      [initialSnapPoint, finalSnapPoint],\n    );\n\n    return (\n      <>\n        <BottomSheet\n          containerHeight={fullScreenHeight}\n          enablePanDownToClose={true}\n          handleComponent={\n            /**\n             * using `null` here instead of `style={{ opacity: photoError ? 0 : 1 }}`\n             * as opacity is not an allowed style\n             */\n            photoError ? null : AttachmentPickerBottomSheetHandle\n          }\n          handleHeight={handleHeight}\n          index={-1}\n          onChange={setCurrentIndex}\n          ref={ref}\n          snapPoints={snapPoints}\n        >\n          {iOSLimited && <AttachmentPickerIOSSelectMorePhotos />}\n          <BottomSheetFlatList\n            contentContainerStyle={[\n              styles.container,\n              { backgroundColor: white },\n              bottomSheetContentContainer,\n              { opacity: photoError ? 0 : 1 },\n            ]}\n            data={selectedPhotos}\n            keyExtractor={(item) => item.asset.uri}\n            numColumns={numberOfAttachmentPickerImageColumns ?? 3}\n            onEndReached={photoError ? undefined : getMorePhotos}\n            renderItem={renderAttachmentPickerItem}\n          />\n        </BottomSheet>\n        {selectedPicker === 'images' && photoError && (\n          <AttachmentPickerError\n            attachmentPickerBottomSheetHeight={initialSnapPoint}\n            attachmentPickerErrorButtonText={attachmentPickerErrorButtonText}\n            AttachmentPickerErrorImage={AttachmentPickerErrorImage}\n            attachmentPickerErrorText={attachmentPickerErrorText}\n          />\n        )}\n      </>\n    );\n  },\n);\n\nAttachmentPicker.displayName = 'AttachmentPicker';\n"],"mappings":"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"}

package/lib/commonjs/components/Chat/hooks/handleEventToSyncDB.js

@@ -1,61 +1,116 @@
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.handleEventToSyncDB = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _deleteChannel = require("../../../store/apis/deleteChannel");
 var _deleteMember = require("../../../store/apis/deleteMember");
 var _deleteMessagesForChannel = require("../../../store/apis/deleteMessagesForChannel");
 var _updateMessage = require("../../../store/apis/updateMessage");
 var _upsertChannelData = require("../../../store/apis/upsertChannelData");
+var _upsertChannelDataFromChannel = require("../../../store/apis/upsertChannelDataFromChannel");
 var _upsertChannels = require("../../../store/apis/upsertChannels");
 var _upsertMembers = require("../../../store/apis/upsertMembers");
 var _upsertMessages = require("../../../store/apis/upsertMessages");
 var _upsertReads = require("../../../store/apis/upsertReads");
-var handleEventToSyncDB = function handleEventToSyncDB(event, flush) {
+var _QuickSqliteClient = require("../../../store/QuickSqliteClient");
+var _createSelectQuery = require("../../../store/sqlite-utils/createSelectQuery");
+var handleEventToSyncDB = function handleEventToSyncDB(event, client, flush) {
   var type = event.type;
+  var queriesWithChannelGuard = function queriesWithChannelGuard(createQueries) {
+    var _event$channel;
+    var cid = event.cid || ((_event$channel = event.channel) == null ? void 0 : _event$channel.cid);
+    if (!cid) return createQueries(flush);
+    var channels = _QuickSqliteClient.QuickSqliteClient.executeSql.apply(null, (0, _createSelectQuery.createSelectQuery)('channels', ['cid'], {
+      cid: cid
+    }));
+    if (channels.length === 0) {
+      var channel = event.channel_type && event.channel_id ? client.channel(event.channel_type, event.channel_id) : undefined;
+      if (channel && channel.initialized && !channel.disconnected) {
+        var channelQuery = (0, _upsertChannelDataFromChannel.upsertChannelDataFromChannel)({
+          channel: channel,
+          flush: flush
+        });
+        if (channelQuery) {
+          var newQueries = [].concat((0, _toConsumableArray2["default"])(channelQuery), (0, _toConsumableArray2["default"])(createQueries(false)));
+          if (flush !== false) {
+            _QuickSqliteClient.QuickSqliteClient.executeSqlBatch(newQueries);
+          }
+          return newQueries;
+        } else {
+          console.warn("Couldnt create channel queries on " + type + " event for an initialized channel that is not in DB, skipping event", {
+            event: event
+          });
+          return [];
+        }
+      } else {
+        console.warn("Received " + type + " event for a non initialized channel that is not in DB, skipping event", {
+          event: event
+        });
+        return [];
+      }
+    }
+    return createQueries(flush);
+  };
   if (type === 'message.read') {
-    var _event$user;
-    if ((_event$user = event.user) != null && _event$user.id && event.cid) {
-      return (0, _upsertReads.upsertReads)({
-        cid: event.cid,
-        flush: flush,
-        reads: [{
-          last_read: event.received_at,
-          unread_messages: 0,
-          user: event.user
-        }]
+    var cid = event.cid;
+    var user = event.user;
+    if (user != null && user.id && cid) {
+      return queriesWithChannelGuard(function (flushOverride) {
+        return (0, _upsertReads.upsertReads)({
+          cid: cid,
+          flush: flushOverride,
+          reads: [{
+            last_read: event.received_at,
+            unread_messages: 0,
+            user: user
+          }]
+        });
       });
     }
   }
   if (type === 'message.new') {
-    if (event.message && (!event.message.parent_id || event.message.show_in_channel)) {
-      return (0, _upsertMessages.upsertMessages)({
-        flush: flush,
-        messages: [event.message]
+    var message = event.message;
+    if (message && (!message.parent_id || message.show_in_channel)) {
+      return queriesWithChannelGuard(function (flushOverride) {
+        return (0, _upsertMessages.upsertMessages)({
+          flush: flushOverride,
+          messages: [message]
+        });
       });
     }
   }
   if (type === 'message.updated' || type === 'message.deleted') {
-    if (event.message && !event.message.parent_id) {
-      return (0, _updateMessage.updateMessage)({
-        flush: flush,
-        message: event.message
+    var _message = event.message;
+    if (_message && !_message.parent_id) {
+      return queriesWithChannelGuard(function (flushOverride) {
+        return (0, _updateMessage.updateMessage)({
+          flush: flushOverride,
+          message: _message
+        });
       });
     }
   }
   if (type === 'reaction.updated') {
-    if (event.message && event.reaction) {
-      return (0, _updateMessage.updateMessage)({
-        flush: flush,
-        message: event.message
+    var _message2 = event.message;
+    if (_message2 && event.reaction) {
+      return queriesWithChannelGuard(function (flushOverride) {
+        return (0, _updateMessage.updateMessage)({
+          flush: flushOverride,
+          message: _message2
+        });
       });
     }
   }
   if (type === 'reaction.new' || type === 'reaction.deleted') {
-    if (event.message && !event.message.parent_id) {
-      return (0, _updateMessage.updateMessage)({
-        flush: flush,
-        message: event.message
+    var _message3 = event.message;
+    if (_message3 && !_message3.parent_id) {
+      return queriesWithChannelGuard(function (flushOverride) {
+        return (0, _updateMessage.updateMessage)({
+          flush: flushOverride,
+          message: _message3
+        });
       });
     }
   }
@@ -95,20 +150,28 @@ var handleEventToSyncDB = function handleEventToSyncDB(event, flush) {
     }
   }
   if (type === 'member.added' || type === 'member.updated') {
-    if (event.member && event.cid) {
-      return (0, _upsertMembers.upsertMembers)({
-        cid: event.cid,
-        flush: flush,
-        members: [event.member]
+    var member = event.member;
+    var _cid = event.cid;
+    if (member && _cid) {
+      return queriesWithChannelGuard(function (flushOverride) {
+        return (0, _upsertMembers.upsertMembers)({
+          cid: _cid,
+          flush: flushOverride,
+          members: [member]
+        });
       });
     }
   }
   if (type === 'member.removed') {
-    if (event.member && event.cid) {
-      return (0, _deleteMember.deleteMember)({
-        cid: event.cid,
-        flush: flush,
-        member: event.member
+    var _member = event.member;
+    var _cid2 = event.cid;
+    if (_member && _cid2) {
+      return queriesWithChannelGuard(function (flushOverride) {
+        return (0, _deleteMember.deleteMember)({
+          cid: _cid2,
+          flush: flushOverride,
+          member: _member
+        });
       });
     }
   }

package/lib/commonjs/components/Chat/hooks/handleEventToSyncDB.js.map

@@ -1 +1 @@
-{"version":3,"names":["_deleteChannel","require","_deleteMember","_deleteMessagesForChannel","_updateMessage","_upsertChannelData","_upsertChannels","_upsertMembers","_upsertMessages","_upsertReads","handleEventToSyncDB","event","flush","type","_event$user","user","id","cid","upsertReads","reads","last_read","received_at","unread_messages","message","parent_id","show_in_channel","upsertMessages","messages","updateMessage","reaction","channel","upsertChannelData","deleteChannel","deleteMessagesForChannel","_event$queriedChannel","_event$queriedChannel2","queriedChannels","channels","length","_event$queriedChannel3","_event$queriedChannel4","upsertChannels","isLatestMessagesSet","isLatestMessageSet","member","upsertMembers","members","deleteMember","exports"],"sources":["handleEventToSyncDB.ts"],"sourcesContent":["import type { Event } from 'stream-chat';\n\nimport { deleteChannel } from '../../../store/apis/deleteChannel';\nimport { deleteMember } from '../../../store/apis/deleteMember';\nimport { deleteMessagesForChannel } from '../../../store/apis/deleteMessagesForChannel';\nimport { updateMessage } from '../../../store/apis/updateMessage';\nimport { upsertChannelData } from '../../../store/apis/upsertChannelData';\nimport { upsertChannels } from '../../../store/apis/upsertChannels';\nimport { upsertMembers } from '../../../store/apis/upsertMembers';\nimport { upsertMessages } from '../../../store/apis/upsertMessages';\nimport { upsertReads } from '../../../store/apis/upsertReads';\n\nexport const handleEventToSyncDB = (event: Event, flush?: boolean) => {\n  const { type } = event;\n\n  if (type === 'message.read') {\n    if (event.user?.id && event.cid) {\n      return upsertReads({\n        cid: event.cid,\n        flush,\n        reads: [\n          {\n            last_read: event.received_at as string,\n            unread_messages: 0,\n            user: event.user,\n          },\n        ],\n      });\n    }\n  }\n\n  if (type === 'message.new') {\n    if (event.message && (!event.message.parent_id || event.message.show_in_channel)) {\n      return upsertMessages({\n        flush,\n        messages: [event.message],\n      });\n    }\n  }\n\n  if (type === 'message.updated' || type === 'message.deleted') {\n    if (event.message && !event.message.parent_id) {\n      // Update only if it exists, otherwise event could be related\n      // to a message which is not in database.\n      return updateMessage({\n        flush,\n        message: event.message,\n      });\n    }\n  }\n\n  if (type === 'reaction.updated') {\n    if (event.message && event.reaction) {\n      // We update the entire message to make sure we also update\n      // reaction_counts.\n      return updateMessage({\n        flush,\n        message: event.message,\n      });\n    }\n  }\n\n  if (type === 'reaction.new' || type === 'reaction.deleted') {\n    if (event.message && !event.message.parent_id) {\n      // Here we are relying on the fact message.latest_reactions always includes\n      // the new reaction. So we first delete all the existing reactions and populate\n      // the reactions table with message.latest_reactions\n      return updateMessage({\n        flush,\n        message: event.message,\n      });\n    }\n  }\n\n  if (\n    type === 'channel.updated' ||\n    type === 'channel.visible' ||\n    type === 'notification.added_to_channel' ||\n    type === 'notification.message_new'\n  ) {\n    if (event.channel) {\n      return upsertChannelData({\n        channel: event.channel,\n        flush,\n      });\n    }\n  }\n\n  if (\n    type === 'channel.hidden' ||\n    type === 'channel.deleted' ||\n    type === 'notification.removed_from_channel'\n  ) {\n    if (event.channel) {\n      return deleteChannel({\n        cid: event.channel.cid,\n        flush,\n      });\n    }\n  }\n\n  if (type === 'channel.truncated') {\n    if (event.channel) {\n      return deleteMessagesForChannel({\n        cid: event.channel.cid,\n        flush,\n      });\n    }\n  }\n\n  if (type === 'channels.queried') {\n    if (event.queriedChannels?.channels?.length) {\n      return upsertChannels({\n        channels: event.queriedChannels?.channels,\n        flush,\n        isLatestMessagesSet: event.queriedChannels?.isLatestMessageSet,\n      });\n    }\n  }\n\n  if (type === 'member.added' || type === 'member.updated') {\n    if (event.member && event.cid) {\n      return upsertMembers({\n        cid: event.cid,\n        flush,\n        members: [event.member],\n      });\n    }\n  }\n\n  if (type === 'member.removed') {\n    if (event.member && event.cid) {\n      return deleteMember({\n        cid: event.cid,\n        flush,\n        member: event.member,\n      });\n    }\n  }\n\n  return [];\n};\n"],"mappings":"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"}
+{"version":3,"names":["_deleteChannel","require","_deleteMember","_deleteMessagesForChannel","_updateMessage","_upsertChannelData","_upsertChannelDataFromChannel","_upsertChannels","_upsertMembers","_upsertMessages","_upsertReads","_QuickSqliteClient","_createSelectQuery","handleEventToSyncDB","event","client","flush","type","queriesWithChannelGuard","createQueries","_event$channel","cid","channel","channels","QuickSqliteClient","executeSql","apply","createSelectQuery","length","channel_type","channel_id","undefined","initialized","disconnected","channelQuery","upsertChannelDataFromChannel","newQueries","concat","_toConsumableArray2","executeSqlBatch","console","warn","user","id","flushOverride","upsertReads","reads","last_read","received_at","unread_messages","message","parent_id","show_in_channel","upsertMessages","messages","updateMessage","reaction","upsertChannelData","deleteChannel","deleteMessagesForChannel","_event$queriedChannel","_event$queriedChannel2","queriedChannels","_event$queriedChannel3","_event$queriedChannel4","upsertChannels","isLatestMessagesSet","isLatestMessageSet","member","upsertMembers","members","deleteMember","exports"],"sources":["handleEventToSyncDB.ts"],"sourcesContent":["import { DefaultStreamChatGenerics } from 'src/types/types';\nimport type { Event, StreamChat } from 'stream-chat';\n\nimport { deleteChannel } from '../../../store/apis/deleteChannel';\nimport { deleteMember } from '../../../store/apis/deleteMember';\nimport { deleteMessagesForChannel } from '../../../store/apis/deleteMessagesForChannel';\nimport { updateMessage } from '../../../store/apis/updateMessage';\nimport { upsertChannelData } from '../../../store/apis/upsertChannelData';\nimport { upsertChannelDataFromChannel } from '../../../store/apis/upsertChannelDataFromChannel';\nimport { upsertChannels } from '../../../store/apis/upsertChannels';\nimport { upsertMembers } from '../../../store/apis/upsertMembers';\nimport { upsertMessages } from '../../../store/apis/upsertMessages';\nimport { upsertReads } from '../../../store/apis/upsertReads';\nimport { QuickSqliteClient } from '../../../store/QuickSqliteClient';\nimport { createSelectQuery } from '../../../store/sqlite-utils/createSelectQuery';\nimport { PreparedQueries } from '../../../store/types';\n\nexport const handleEventToSyncDB = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  event: Event,\n  client: StreamChat<StreamChatGenerics>,\n  flush?: boolean,\n) => {\n  const { type } = event;\n\n  // This function is used to guard the queries that require channel to be present in the db first\n  // If channel is not present in the db, we first fetch the channel data from the channel object\n  // and then add the queries with a channel create query first\n  const queriesWithChannelGuard = (\n    createQueries: (flushOverride?: boolean) => PreparedQueries[],\n  ) => {\n    const cid = event.cid || event.channel?.cid;\n\n    if (!cid) return createQueries(flush);\n    const channels = QuickSqliteClient.executeSql.apply(\n      null,\n      createSelectQuery('channels', ['cid'], {\n        cid,\n      }),\n    );\n    // a channel is not present in the db, we first fetch the channel data from the channel object.\n    // this can happen for example when a message.new event is received for a channel that is not in the db due to a channel being hidden.\n    if (channels.length === 0) {\n      const channel =\n        event.channel_type && event.channel_id\n          ? client.channel(event.channel_type, event.channel_id)\n          : undefined;\n      if (channel && channel.initialized && !channel.disconnected) {\n        const channelQuery = upsertChannelDataFromChannel({\n          channel,\n          flush,\n        });\n        if (channelQuery) {\n          const newQueries = [...channelQuery, ...createQueries(false)];\n          if (flush !== false) {\n            QuickSqliteClient.executeSqlBatch(newQueries);\n          }\n          return newQueries;\n        } else {\n          console.warn(\n            `Couldnt create channel queries on ${type} event for an initialized channel that is not in DB, skipping event`,\n            { event },\n          );\n          return [];\n        }\n      } else {\n        console.warn(\n          `Received ${type} event for a non initialized channel that is not in DB, skipping event`,\n          { event },\n        );\n        return [];\n      }\n    }\n    return createQueries(flush);\n  };\n\n  if (type === 'message.read') {\n    const cid = event.cid;\n    const user = event.user;\n    if (user?.id && cid) {\n      return queriesWithChannelGuard((flushOverride) =>\n        upsertReads({\n          cid,\n          flush: flushOverride,\n          reads: [\n            {\n              last_read: event.received_at as string,\n              unread_messages: 0,\n              user,\n            },\n          ],\n        }),\n      );\n    }\n  }\n\n  if (type === 'message.new') {\n    const message = event.message;\n    if (message && (!message.parent_id || message.show_in_channel)) {\n      return queriesWithChannelGuard((flushOverride) =>\n        upsertMessages({\n          flush: flushOverride,\n          messages: [message],\n        }),\n      );\n    }\n  }\n\n  if (type === 'message.updated' || type === 'message.deleted') {\n    const message = event.message;\n    if (message && !message.parent_id) {\n      // Update only if it exists, otherwise event could be related\n      // to a message which is not in database.\n      return queriesWithChannelGuard((flushOverride) =>\n        updateMessage({\n          flush: flushOverride,\n          message,\n        }),\n      );\n    }\n  }\n\n  if (type === 'reaction.updated') {\n    const message = event.message;\n    if (message && event.reaction) {\n      // We update the entire message to make sure we also update\n      // reaction_counts.\n      return queriesWithChannelGuard((flushOverride) =>\n        updateMessage({\n          flush: flushOverride,\n          message,\n        }),\n      );\n    }\n  }\n\n  if (type === 'reaction.new' || type === 'reaction.deleted') {\n    const message = event.message;\n    if (message && !message.parent_id) {\n      // Here we are relying on the fact message.latest_reactions always includes\n      // the new reaction. So we first delete all the existing reactions and populate\n      // the reactions table with message.latest_reactions\n      return queriesWithChannelGuard((flushOverride) =>\n        updateMessage({\n          flush: flushOverride,\n          message,\n        }),\n      );\n    }\n  }\n\n  if (\n    type === 'channel.updated' ||\n    type === 'channel.visible' ||\n    type === 'notification.added_to_channel' ||\n    type === 'notification.message_new'\n  ) {\n    if (event.channel) {\n      return upsertChannelData({\n        channel: event.channel,\n        flush,\n      });\n    }\n  }\n\n  if (\n    type === 'channel.hidden' ||\n    type === 'channel.deleted' ||\n    type === 'notification.removed_from_channel'\n  ) {\n    if (event.channel) {\n      return deleteChannel({\n        cid: event.channel.cid,\n        flush,\n      });\n    }\n  }\n\n  if (type === 'channel.truncated') {\n    if (event.channel) {\n      return deleteMessagesForChannel({\n        cid: event.channel.cid,\n        flush,\n      });\n    }\n  }\n\n  if (type === 'channels.queried') {\n    if (event.queriedChannels?.channels?.length) {\n      return upsertChannels({\n        channels: event.queriedChannels?.channels,\n        flush,\n        isLatestMessagesSet: event.queriedChannels?.isLatestMessageSet,\n      });\n    }\n  }\n\n  if (type === 'member.added' || type === 'member.updated') {\n    const member = event.member;\n    const cid = event.cid;\n    if (member && cid) {\n      return queriesWithChannelGuard((flushOverride) =>\n        upsertMembers({\n          cid,\n          flush: flushOverride,\n          members: [member],\n        }),\n      );\n    }\n  }\n\n  if (type === 'member.removed') {\n    const member = event.member;\n    const cid = event.cid;\n    if (member && cid) {\n      return queriesWithChannelGuard((flushOverride) =>\n        deleteMember({\n          cid,\n          flush: flushOverride,\n          member,\n        }),\n      );\n    }\n  }\n\n  return [];\n};\n"],"mappings":"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"}

package/lib/commonjs/components/Chat/hooks/useSyncDatabase.js

@@ -11,7 +11,9 @@ var useSyncDatabase = function useSyncDatabase(_ref) {
   (0, _react.useEffect)(function () {
     var listener;
     if (enableOfflineSupport && initialisedDatabase) {
-      listener = client == null ? void 0 : client.on(_handleEventToSyncDB.handleEventToSyncDB);
+      listener = client == null ? void 0 : client.on(function (event) {
+        return (0, _handleEventToSyncDB.handleEventToSyncDB)(event, client);
+      });
     }
     return function () {
       var _listener;

package/lib/commonjs/components/Chat/hooks/useSyncDatabase.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_handleEventToSyncDB","useSyncDatabase","_ref","client","enableOfflineSupport","initialisedDatabase","useEffect","listener","on","handleEventToSyncDB","_listener","unsubscribe","exports"],"sources":["useSyncDatabase.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport type { StreamChat } from 'stream-chat';\n\nimport { handleEventToSyncDB } from './handleEventToSyncDB';\n\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\n\ntype Params<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {\n  client: StreamChat<StreamChatGenerics>;\n  enableOfflineSupport: boolean;\n  initialisedDatabase: boolean;\n};\nexport const useSyncDatabase = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  client,\n  enableOfflineSupport,\n  initialisedDatabase,\n}: Params<StreamChatGenerics>) => {\n  useEffect(() => {\n    let listener: ReturnType<StreamChat['on']> | undefined;\n\n    if (enableOfflineSupport && initialisedDatabase) {\n      listener = client?.on(handleEventToSyncDB);\n    }\n\n    return () => {\n      listener?.unsubscribe();\n    };\n  }, [client, initialisedDatabase]);\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAIA,IAAAC,oBAAA,GAAAD,OAAA;AASO,IAAME,eAAe,GAAG,SAAlBA,eAAeA,CAAAC,IAAA,EAMM;EAAA,IAHhCC,MAAM,GAAAD,IAAA,CAANC,MAAM;IACNC,oBAAoB,GAAAF,IAAA,CAApBE,oBAAoB;IACpBC,mBAAmB,GAAAH,IAAA,CAAnBG,mBAAmB;EAEnB,IAAAC,gBAAS,EAAC,YAAM;IACd,IAAIC,QAAkD;IAEtD,IAAIH,oBAAoB,IAAIC,mBAAmB,EAAE;MAC/CE,QAAQ,GAAGJ,MAAM,oBAANA,MAAM,CAAEK,EAAE,CAACC,wCAAmB,CAAC;IAC5C;IAEA,OAAO,YAAM;MAAA,IAAAC,SAAA;MACX,CAAAA,SAAA,GAAAH,QAAQ,qBAARG,SAAA,CAAUC,WAAW,CAAC,CAAC;IACzB,CAAC;EACH,CAAC,EAAE,CAACR,MAAM,EAAEE,mBAAmB,CAAC,CAAC;AACnC,CAAC;AAACO,OAAA,CAAAX,eAAA,GAAAA,eAAA"}
+{"version":3,"names":["_react","require","_handleEventToSyncDB","useSyncDatabase","_ref","client","enableOfflineSupport","initialisedDatabase","useEffect","listener","on","event","handleEventToSyncDB","_listener","unsubscribe","exports"],"sources":["useSyncDatabase.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport type { StreamChat } from 'stream-chat';\n\nimport { handleEventToSyncDB } from './handleEventToSyncDB';\n\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\n\ntype Params<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {\n  client: StreamChat<StreamChatGenerics>;\n  enableOfflineSupport: boolean;\n  initialisedDatabase: boolean;\n};\nexport const useSyncDatabase = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  client,\n  enableOfflineSupport,\n  initialisedDatabase,\n}: Params<StreamChatGenerics>) => {\n  useEffect(() => {\n    let listener: ReturnType<StreamChat['on']> | undefined;\n\n    if (enableOfflineSupport && initialisedDatabase) {\n      listener = client?.on((event) => handleEventToSyncDB(event, client));\n    }\n\n    return () => {\n      listener?.unsubscribe();\n    };\n  }, [client, initialisedDatabase]);\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAIA,IAAAC,oBAAA,GAAAD,OAAA;AASO,IAAME,eAAe,GAAG,SAAlBA,eAAeA,CAAAC,IAAA,EAMM;EAAA,IAHhCC,MAAM,GAAAD,IAAA,CAANC,MAAM;IACNC,oBAAoB,GAAAF,IAAA,CAApBE,oBAAoB;IACpBC,mBAAmB,GAAAH,IAAA,CAAnBG,mBAAmB;EAEnB,IAAAC,gBAAS,EAAC,YAAM;IACd,IAAIC,QAAkD;IAEtD,IAAIH,oBAAoB,IAAIC,mBAAmB,EAAE;MAC/CE,QAAQ,GAAGJ,MAAM,oBAANA,MAAM,CAAEK,EAAE,CAAC,UAACC,KAAK;QAAA,OAAK,IAAAC,wCAAmB,EAACD,KAAK,EAAEN,MAAM,CAAC;MAAA,EAAC;IACtE;IAEA,OAAO,YAAM;MAAA,IAAAQ,SAAA;MACX,CAAAA,SAAA,GAAAJ,QAAQ,qBAARI,SAAA,CAAUC,WAAW,CAAC,CAAC;IACzB,CAAC;EACH,CAAC,EAAE,CAACT,MAAM,EAAEE,mBAAmB,CAAC,CAAC;AACnC,CAAC;AAACQ,OAAA,CAAAZ,eAAA,GAAAA,eAAA"}

package/lib/commonjs/components/ImageGallery/ImageGallery.js

@@ -48,6 +48,24 @@ var IsSwiping = function (IsSwiping) {
   return IsSwiping;
 }({});
 exports.IsSwiping = IsSwiping;
+var normalizeSnapPoints = function normalizeSnapPoints(input) {
+  var snapPoints = input ? 'value' in input ? input.value : input : [];
+  return snapPoints.map(function (snapPoint) {
+    if (typeof snapPoint === 'number') {
+      return Math.max(0, snapPoint);
+    } else {
+      var numericValue = Number(snapPoint.replace('%', ''));
+      var isPercentage = snapPoint.includes('%');
+      if (isNaN(numericValue)) {
+        return 0;
+      } else if (isPercentage) {
+        return Math.max(0, numericValue) + "%";
+      } else {
+        return Math.max(0, numericValue);
+      }
+    }
+  });
+};
 var ImageGallery = function ImageGallery(props) {
   var _StatusBar$currentHei, _imageGalleryAttachme;
   var _props$autoPlayVideo = props.autoPlayVideo,
@@ -329,7 +347,7 @@ var ImageGallery = function ImageGallery(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 540,
+      lineNumber: 563,
       columnNumber: 5
     }
   }, _react["default"].createElement(_reactNativeReanimated["default"].View, {
@@ -337,7 +355,7 @@ var ImageGallery = function ImageGallery(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 545,
+      lineNumber: 568,
       columnNumber: 7
     }
   }), _react["default"].createElement(_reactNativeGestureHandler.TapGestureHandler, {
@@ -349,7 +367,7 @@ var ImageGallery = function ImageGallery(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 546,
+      lineNumber: 569,
       columnNumber: 7
     }
   }, _react["default"].createElement(_reactNativeReanimated["default"].View, {
@@ -357,7 +375,7 @@ var ImageGallery = function ImageGallery(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 553,
+      lineNumber: 576,
       columnNumber: 9
     }
   }, _react["default"].createElement(_reactNativeGestureHandler.TapGestureHandler, {
@@ -371,7 +389,7 @@ var ImageGallery = function ImageGallery(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 554,
+      lineNumber: 577,
       columnNumber: 11
     }
   }, _react["default"].createElement(_reactNativeReanimated["default"].View, {
@@ -379,7 +397,7 @@ var ImageGallery = function ImageGallery(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 563,
+      lineNumber: 586,
       columnNumber: 13
     }
   }, _react["default"].createElement(_reactNativeGestureHandler.PinchGestureHandler, {
@@ -389,7 +407,7 @@ var ImageGallery = function ImageGallery(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 564,
+      lineNumber: 587,
       columnNumber: 15
     }
   }, _react["default"].createElement(_reactNativeReanimated["default"].View, {
@@ -397,7 +415,7 @@ var ImageGallery = function ImageGallery(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 569,
+      lineNumber: 592,
       columnNumber: 17
     }
   }, _react["default"].createElement(_reactNativeGestureHandler.PanGestureHandler, {
@@ -410,7 +428,7 @@ var ImageGallery = function ImageGallery(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 570,
+      lineNumber: 593,
       columnNumber: 19
     }
   }, _react["default"].createElement(_reactNativeReanimated["default"].View, {
@@ -418,7 +436,7 @@ var ImageGallery = function ImageGallery(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 578,
+      lineNumber: 601,
       columnNumber: 21
     }
   }, _react["default"].createElement(_reactNativeReanimated["default"].View, {
@@ -426,7 +444,7 @@ var ImageGallery = function ImageGallery(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 579,
+      lineNumber: 602,
       columnNumber: 23
     }
   }, imageGalleryAttachments.map(function (photo, i) {
@@ -459,7 +477,7 @@ var ImageGallery = function ImageGallery(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 582,
+        lineNumber: 605,
         columnNumber: 29
       }
     }) : _react["default"].createElement(_AnimatedGalleryImage.AnimatedGalleryImage, {
@@ -483,7 +501,7 @@ var ImageGallery = function ImageGallery(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 611,
+        lineNumber: 634,
         columnNumber: 29
       }
     });
@@ -495,7 +513,7 @@ var ImageGallery = function ImageGallery(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 644,
+      lineNumber: 667,
       columnNumber: 7
     }
   })), imageGalleryAttachments[selectedIndex] && _react["default"].createElement(_ImageGalleryFooter.ImageGalleryFooter, (0, _extends2["default"])({
@@ -515,7 +533,7 @@ var ImageGallery = function ImageGallery(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 652,
+      lineNumber: 675,
       columnNumber: 9
     }
   })), _react["default"].createElement(_ImageGalleryOverlay.ImageGalleryOverlay, {
@@ -525,14 +543,14 @@ var ImageGallery = function ImageGallery(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 669,
+      lineNumber: 692,
       columnNumber: 7
     }
   }), _react["default"].createElement(_bottomSheet.BottomSheetModalProvider, {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 674,
+      lineNumber: 697,
       columnNumber: 7
     }
   }, _react["default"].createElement(_bottomSheet.BottomSheetModal, {
@@ -545,7 +563,7 @@ var ImageGallery = function ImageGallery(props) {
         __self: _this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 679,
+          lineNumber: 702,
           columnNumber: 13
         }
       }));
@@ -556,11 +574,11 @@ var ImageGallery = function ImageGallery(props) {
       return setCurrentBottomSheetIndex(index);
     },
     ref: bottomSheetModalRef,
-    snapPoints: imageGalleryGridSnapPoints || snapPoints,
+    snapPoints: normalizeSnapPoints(imageGalleryGridSnapPoints || snapPoints),
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 675,
+      lineNumber: 698,
       columnNumber: 9
     }
   }, _react["default"].createElement(_ImageGrid.ImageGrid, (0, _extends2["default"])({
@@ -572,7 +590,7 @@ var ImageGallery = function ImageGallery(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 690,
+      lineNumber: 713,
       columnNumber: 11
     }
   })))));