stream-chat-react-native-core 5.27.0-beta.1 → 5.27.0-beta.11

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeGestureHandler","_reactNativeReanimated","_bottomSheet","_AnimatedGalleryImage","_AnimatedGalleryVideo","_ImageGalleryFooter","_ImageGalleryHeader","_ImageGalleryOverlay","_ImageGrid","_ImageGridHandle","_useImageGalleryGestures","_ImageGalleryContext","_OverlayContext","_ThemeContext","_useViewport2","_native","_getResizedImageUrl","_getUrlOfImageAttachment","_getGiphyMimeType","_this","_jsxFileName","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","isAndroid","Platform","OS","fullScreenHeight","Dimensions","height","MARGIN","HasPinched","exports","IsSwiping","ImageGallery","props","_StatusBar$currentHei","_imageGalleryAttachme","_props$autoPlayVideo","autoPlayVideo","_props$giphyVersion","giphyVersion","imageGalleryCustomComponents","imageGalleryGridHandleHeight","imageGalleryGridSnapPoints","numberOfImageGalleryGridColumns","overlayOpacity","_useState","useState","_useState2","_slicedToArray2","imageGalleryAttachments","setImageGalleryAttachments","_useTheme","useTheme","_useTheme$theme","theme","white_snow","colors","_useTheme$theme$image","imageGallery","backgroundColor","pager","slide","_useState3","_useState4","gridPhotos","setGridPhotos","_useOverlayContext","useOverlayContext","overlay","translucentStatusBar","_useImageGalleryConte","useImageGalleryContext","messages","selectedMessage","setSelectedMessage","_useViewport","useViewport","vh","vw","measuredScreenHeight","screenWidth","halfScreenWidth","statusBarHeight","StatusBar","currentHeight","bottomBarHeight","androidScreenHeightAdjustment","screenHeight","halfScreenHeight","quarterScreenHeight","snapPoints","React","useMemo","bottomSheetModalRef","useRef","_useState5","_useState6","currentBottomSheetIndex","setCurrentBottomSheetIndex","animatedBottomSheetIndex","useSharedValue","screenTranslateY","showScreen","value","withTiming","duration","easing","Easing","out","ease","useEffect","Keyboard","dismiss","_useState7","_useState8","currentImageHeight","setCurrentImageHeight","_useState9","_useState10","selectedIndex","setSelectedIndex","index","headerFooterVisible","doubleTapRef","panRef","pinchRef","singleTapRef","translateX","translateY","offsetScale","scale","translationX","photos","reduce","acc","cur","_cur$attachments","attachmentImages","attachments","filter","attachment","_attachment$giphy","_attachment$giphy$gip","type","giphy","url","thumb_url","image_url","title_link","og_scrape_url","getUrlOfImageAttachment","isVideoPackageAvailable","reverse","attachmentPhotos","map","a","_a$giphy","_a$giphy$giphyVersion","imageUrl","giphyURL","isInitiallyPaused","channelId","cid","created_at","id","messageId","mime_type","getGiphyMimeType","original_height","original_width","paused","progress","uri","getResizedImageUrl","width","user","user_id","concat","_toConsumableArray2","photoLength","length","stripQueryFromUrl","split","updatePosition","newIndex","runOnJS","findIndex","photo","runOnUI","uriForCurrentImage","imageHeight","Math","floor","Image","getSize","_useImageGalleryGestu","useImageGalleryGestures","onDoubleTap","onPan","onPinch","onSingleTap","headerFooterOpacity","useDerivedValue","pagerStyle","useAnimatedStyle","transform","scaleX","containerBackground","opacity","showScreenStyle","closeGridView","_bottomSheetModalRef$","current","close","openGridView","_bottomSheetModalRef$2","present","handleEnd","handlePlayPause","handleProgress","videoRef","handleLoad","prevImageGalleryAttachment","imageGalleryAttachment","_extends2","hasEnd","prevImageGalleryAttachments","pausedStatus","onPlayPause","status","undefined","createElement","View","accessibilityLabel","pointerEvents","style","StyleSheet","absoluteFillObject","__self","__source","fileName","lineNumber","columnNumber","TapGestureHandler","minPointers","numberOfTaps","onGestureEvent","ref","waitFor","maxDeltaX","maxDeltaY","maxDist","PinchGestureHandler","simultaneousHandlers","absoluteFill","PanGestureHandler","enabled","maxPointers","minDist","styles","animatedContainer","i","AnimatedGalleryVideo","attachmentId","previous","repeat","selected","shouldRender","abs","source","marginRight","AnimatedGalleryImage","ImageGalleryHeader","visible","header","ImageGalleryFooter","footer","ImageGalleryOverlay","BottomSheetModalProvider","BottomSheetModal","animatedIndex","enablePanDownToClose","handleComponent","ImageGridHandle","gridHandle","handleHeight","onChange","ImageGrid","grid","clamp","lowerBound","upperBound","min","max","create","alignItems","flexDirection","displayName"],"sources":["ImageGallery.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport {\n  Dimensions,\n  Image,\n  ImageStyle,\n  Keyboard,\n  Platform,\n  StatusBar,\n  StyleSheet,\n  ViewStyle,\n} from 'react-native';\n\nimport {\n  PanGestureHandler,\n  PinchGestureHandler,\n  TapGestureHandler,\n} from 'react-native-gesture-handler';\n\nimport Animated, {\n  Easing,\n  runOnJS,\n  runOnUI,\n  useAnimatedStyle,\n  useDerivedValue,\n  useSharedValue,\n  withTiming,\n} from 'react-native-reanimated';\n\nimport { BottomSheetModal, BottomSheetModalProvider } from '@gorhom/bottom-sheet';\n\nimport type { UserResponse } from 'stream-chat';\n\nimport { AnimatedGalleryImage } from './components/AnimatedGalleryImage';\nimport { AnimatedGalleryVideo } from './components/AnimatedGalleryVideo';\nimport {\n  ImageGalleryFooter,\n  ImageGalleryFooterCustomComponentProps,\n} from './components/ImageGalleryFooter';\nimport {\n  ImageGalleryHeader,\n  ImageGalleryHeaderCustomComponentProps,\n} from './components/ImageGalleryHeader';\nimport { ImageGalleryOverlay } from './components/ImageGalleryOverlay';\nimport { ImageGalleryGridImageComponents, ImageGrid } from './components/ImageGrid';\nimport {\n  ImageGalleryGridHandleCustomComponentProps,\n  ImageGridHandle,\n} from './components/ImageGridHandle';\n\nimport { useImageGalleryGestures } from './hooks/useImageGalleryGestures';\n\nimport { useImageGalleryContext } from '../../contexts/imageGalleryContext/ImageGalleryContext';\nimport {\n  OverlayProviderProps,\n  useOverlayContext,\n} from '../../contexts/overlayContext/OverlayContext';\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { useViewport } from '../../hooks/useViewport';\nimport { isVideoPackageAvailable, VideoType } from '../../native';\nimport type { DefaultStreamChatGenerics } from '../../types/types';\nimport { getResizedImageUrl } from '../../utils/getResizedImageUrl';\nimport { getUrlOfImageAttachment } from '../../utils/getUrlOfImageAttachment';\nimport { getGiphyMimeType } from '../Attachment/utils/getGiphyMimeType';\n\nconst isAndroid = Platform.OS === 'android';\nconst fullScreenHeight = Dimensions.get('screen').height;\n\nconst MARGIN = 32;\n\nexport enum HasPinched {\n  FALSE = 0,\n  TRUE,\n}\n\nexport enum IsSwiping {\n  UNDETERMINED = 0,\n  TRUE,\n  FALSE,\n}\n\nexport type ImageGalleryCustomComponents<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = {\n  /**\n   * Override props for following UI components, which are part of [image gallery](https://github.com/GetStream/stream-chat-react-native/wiki/Cookbook-v3.0#gallery-components).\n   *\n   * - [ImageGalleryFooter](#ImageGalleryFooter)\n   *\n   * - [ImageGrid](#ImageGrid)\n   *\n   * - [ImageGridHandle](#ImageGridHandle)\n   *\n   * - [ImageGalleryHeader](#ImageGalleryHeader)\n   *\n   * e.g.,\n   *\n   * ```js\n   * {\n   *  footer: {\n   *    ShareIcon: CustomShareIconComponent\n   *  },\n   *  grid: {\n   *    avatarComponent: CustomAvatarComponent\n   *  },\n   *  gridHandle: {\n   *    centerComponent: CustomCenterComponent\n   *  },\n   *  header: {\n   *    CloseIcon: CustomCloseButtonComponent\n   *  },\n   * }\n   * ```\n   * @overrideType object\n   */\n  imageGalleryCustomComponents?: {\n    footer?: ImageGalleryFooterCustomComponentProps<StreamChatGenerics>;\n    grid?: ImageGalleryGridImageComponents<StreamChatGenerics>;\n    gridHandle?: ImageGalleryGridHandleCustomComponentProps;\n    header?: ImageGalleryHeaderCustomComponentProps<StreamChatGenerics>;\n  };\n};\n\ntype Props<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> =\n  ImageGalleryCustomComponents<StreamChatGenerics> & {\n    overlayOpacity: Animated.SharedValue<number>;\n  } & Pick<\n      OverlayProviderProps<StreamChatGenerics>,\n      | 'giphyVersion'\n      | 'imageGalleryGridSnapPoints'\n      | 'imageGalleryGridHandleHeight'\n      | 'numberOfImageGalleryGridColumns'\n      | 'autoPlayVideo'\n    >;\n\nexport const ImageGallery = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: Props<StreamChatGenerics>,\n) => {\n  const {\n    autoPlayVideo = false,\n    giphyVersion = 'fixed_height',\n    imageGalleryCustomComponents,\n    imageGalleryGridHandleHeight,\n    imageGalleryGridSnapPoints,\n    numberOfImageGalleryGridColumns,\n    overlayOpacity,\n  } = props;\n  const [imageGalleryAttachments, setImageGalleryAttachments] = useState<\n    Photo<StreamChatGenerics>[]\n  >([]);\n  const {\n    theme: {\n      colors: { white_snow },\n      imageGallery: { backgroundColor, pager, slide },\n    },\n  } = useTheme();\n  const [gridPhotos, setGridPhotos] = useState<Photo<StreamChatGenerics>[]>([]);\n  const { overlay, translucentStatusBar } = useOverlayContext();\n  const { messages, selectedMessage, setSelectedMessage } =\n    useImageGalleryContext<StreamChatGenerics>();\n\n  const { vh, vw } = useViewport();\n\n  const measuredScreenHeight = vh(100);\n  const screenWidth = vw(100);\n  const halfScreenWidth = vw(50);\n\n  /**\n   * Height constants\n   */\n  const statusBarHeight = StatusBar.currentHeight ?? 0;\n  const bottomBarHeight = fullScreenHeight - measuredScreenHeight - statusBarHeight;\n  const androidScreenHeightAdjustment = translucentStatusBar\n    ? bottomBarHeight === statusBarHeight || bottomBarHeight < 0\n      ? 0\n      : statusBarHeight\n    : bottomBarHeight === statusBarHeight || bottomBarHeight < 0\n    ? -statusBarHeight\n    : 0;\n  const screenHeight = isAndroid\n    ? Dimensions.get('window').height + androidScreenHeightAdjustment\n    : vh(100);\n  const halfScreenHeight = screenHeight / 2;\n  const quarterScreenHeight = screenHeight / 4;\n  const snapPoints = React.useMemo(\n    () => [(screenHeight * 3) / 4, screenHeight - (imageGalleryGridHandleHeight ?? 40)],\n    [],\n  );\n\n  /**\n   * BottomSheetModal ref\n   */\n  const bottomSheetModalRef = useRef<BottomSheetModal>(null);\n\n  /**\n   * BottomSheetModal state\n   */\n  const [currentBottomSheetIndex, setCurrentBottomSheetIndex] = useState(0);\n  const animatedBottomSheetIndex = useSharedValue(0);\n\n  /**\n   * Fade animation for screen, it is always rendered with pointerEvents\n   * set to none for fast opening\n   */\n  const screenTranslateY = useSharedValue(screenHeight);\n  const showScreen = () => {\n    'worklet';\n    screenTranslateY.value = withTiming(0, {\n      duration: 250,\n      easing: Easing.out(Easing.ease),\n    });\n  };\n\n  /**\n   * Run the fade animation on visible change\n   */\n  useEffect(() => {\n    Keyboard.dismiss();\n    showScreen();\n  }, []);\n\n  /**\n   * Image height from URL or default to full screen height\n   */\n  const [currentImageHeight, setCurrentImageHeight] = useState<number>(screenHeight);\n\n  /**\n   * JS and UI index values, the JS follows the UI but is needed\n   * for rendering the virtualized image list\n   */\n  const [selectedIndex, setSelectedIndex] = useState(0);\n  const index = useSharedValue(0);\n\n  /**\n   * Header visible value for animating in out\n   */\n  const headerFooterVisible = useSharedValue(1);\n\n  /**\n   * Gesture handler refs\n   */\n  const doubleTapRef = useRef<TapGestureHandler>(null);\n  const panRef = useRef<PanGestureHandler>(null);\n  const pinchRef = useRef<PinchGestureHandler>(null);\n  const singleTapRef = useRef<TapGestureHandler>(null);\n\n  /**\n   * Shared values for movement\n   */\n  const translateX = useSharedValue(0);\n  const translateY = useSharedValue(0);\n  const offsetScale = useSharedValue(1);\n  const scale = useSharedValue(1);\n  const translationX = useSharedValue(0);\n\n  /**\n   * Photos array created from all currently available\n   * photo attachments\n   */\n\n  const photos = messages.reduce((acc: Photo<StreamChatGenerics>[], cur) => {\n    const attachmentImages =\n      cur.attachments\n        ?.filter(\n          (attachment) =>\n            (attachment.type === 'giphy' &&\n              (attachment.giphy?.[giphyVersion]?.url ||\n                attachment.thumb_url ||\n                attachment.image_url)) ||\n            (attachment.type === 'image' &&\n              !attachment.title_link &&\n              !attachment.og_scrape_url &&\n              getUrlOfImageAttachment(attachment)) ||\n            ((isVideoPackageAvailable() && attachment.type) === 'video' && attachment.thumb_url),\n        )\n        .reverse() || [];\n\n    const attachmentPhotos = attachmentImages.map((a) => {\n      const imageUrl = getUrlOfImageAttachment(a) as string;\n      const giphyURL = a.giphy?.[giphyVersion]?.url || a.thumb_url || a.image_url;\n      const isInitiallyPaused = !autoPlayVideo;\n\n      return {\n        channelId: cur.cid,\n        created_at: cur.created_at,\n        duration: 0,\n        id: `photoId-${cur.id}-${imageUrl}`,\n        messageId: cur.id,\n        mime_type: a.type === 'giphy' ? getGiphyMimeType(giphyURL ?? '') : a.mime_type,\n        original_height: a.original_height,\n        original_width: a.original_width,\n        paused: isInitiallyPaused,\n        progress: 0,\n        thumb_url: a.thumb_url,\n        type: a.type,\n        uri:\n          a.type === 'giphy'\n            ? giphyURL\n            : getResizedImageUrl({\n                height: screenHeight,\n                url: imageUrl,\n                width: screenWidth,\n              }),\n        user: cur.user,\n        user_id: cur.user_id,\n      };\n    });\n\n    return [...attachmentPhotos, ...acc] as Photo<StreamChatGenerics>[];\n  }, []);\n\n  /**\n   * Photos length needs to be kept as a const here so if the length\n   * changes it causes the pan gesture handler function to refresh. This\n   * does not work if the calculation for the length of the array is left\n   * inside the gesture handler as it will have an array as a dependency\n   */\n  const photoLength = photos.length;\n\n  useEffect(() => {\n    setImageGalleryAttachments(photos);\n  }, []);\n\n  /**\n   * The URL for the images may differ because of dimensions passed as\n   * part of the query.\n   */\n  const stripQueryFromUrl = (url: string) => url.split('?')[0];\n\n  /**\n   * Set selected photo when changed via pressing in the message list\n   */\n  useEffect(() => {\n    const updatePosition = (newIndex: number) => {\n      'worklet';\n\n      if (newIndex > -1) {\n        index.value = newIndex;\n        translationX.value = -(screenWidth + MARGIN) * newIndex;\n        runOnJS(setSelectedIndex)(newIndex);\n      }\n    };\n\n    const newIndex = photos.findIndex(\n      (photo) =>\n        photo.messageId === selectedMessage?.messageId &&\n        stripQueryFromUrl(photo.uri) === stripQueryFromUrl(selectedMessage?.url || ''),\n    );\n\n    runOnUI(updatePosition)(newIndex);\n  }, [selectedMessage, photoLength]);\n\n  /**\n   * Image heights are not provided and therefore need to be calculated.\n   * We start by allowing the image to be the full height then reduce it\n   * to the proper scaled height based on the width being restricted to the\n   * screen width when the dimensions are received.\n   */\n  const uriForCurrentImage = imageGalleryAttachments[selectedIndex]?.uri;\n\n  useEffect(() => {\n    setCurrentImageHeight(screenHeight);\n    const photo = imageGalleryAttachments[index.value];\n    const height = photo?.original_height;\n    const width = photo?.original_width;\n\n    if (height && width) {\n      const imageHeight = Math.floor(height * (screenWidth / width));\n      setCurrentImageHeight(imageHeight > screenHeight ? screenHeight : imageHeight);\n    } else if (photo?.uri) {\n      if (photo.type === 'image') {\n        Image.getSize(photo.uri, (width, height) => {\n          const imageHeight = Math.floor(height * (screenWidth / width));\n          setCurrentImageHeight(imageHeight > screenHeight ? screenHeight : imageHeight);\n        });\n      }\n    }\n  }, [uriForCurrentImage]);\n\n  const { onDoubleTap, onPan, onPinch, onSingleTap } = useImageGalleryGestures({\n    currentImageHeight,\n    halfScreenHeight,\n    halfScreenWidth,\n    headerFooterVisible,\n    offsetScale,\n    overlayOpacity,\n    photoLength,\n    scale,\n    screenHeight,\n    screenWidth,\n    selectedIndex,\n    setSelectedIndex,\n    translateX,\n    translateY,\n    translationX,\n  });\n\n  /**\n   * If the header is visible we scale down the opacity of it as the\n   * image is swiped downward\n   */\n  const headerFooterOpacity = useDerivedValue(\n    () =>\n      currentImageHeight * scale.value < screenHeight && translateY.value > 0\n        ? 1 - translateY.value / quarterScreenHeight\n        : currentImageHeight * scale.value > screenHeight &&\n          translateY.value > (currentImageHeight / 2) * scale.value - halfScreenHeight\n        ? 1 -\n          (translateY.value - ((currentImageHeight / 2) * scale.value - halfScreenHeight)) /\n            quarterScreenHeight\n        : 1,\n    [currentImageHeight],\n  );\n\n  /**\n   * This transition and scaleX reverse lets use scroll left\n   */\n  const pagerStyle = useAnimatedStyle<ImageStyle>(\n    () => ({\n      transform: [\n        { scaleX: -1 },\n        {\n          translateX: translationX.value,\n        },\n      ],\n    }),\n    [],\n  );\n\n  /**\n   * Simple background color animation on Y movement\n   */\n  const containerBackground = useAnimatedStyle<ViewStyle>(\n    () => ({\n      backgroundColor: backgroundColor || white_snow,\n      opacity: headerFooterOpacity.value,\n    }),\n    [headerFooterOpacity],\n  );\n\n  /**\n   * Show screen style as component is always rendered we hide it\n   * down and up and set opacity to 0 for good measure\n   */\n  const showScreenStyle = useAnimatedStyle<ViewStyle>(\n    () => ({\n      transform: [\n        {\n          translateY: screenTranslateY.value,\n        },\n      ],\n    }),\n    [],\n  );\n\n  /**\n   * Functions toclose BottomSheetModal with image grid\n   */\n  const closeGridView = () => {\n    if (bottomSheetModalRef.current?.close) {\n      bottomSheetModalRef.current.close();\n      setGridPhotos([]);\n    }\n  };\n\n  /**\n   * Function to open BottomSheetModal with image grid\n   */\n  const openGridView = () => {\n    if (bottomSheetModalRef.current?.present) {\n      bottomSheetModalRef.current.present();\n      setGridPhotos(imageGalleryAttachments);\n    }\n  };\n\n  const handleEnd = () => {\n    handlePlayPause(imageGalleryAttachments[selectedIndex].id, true);\n    handleProgress(imageGalleryAttachments[selectedIndex].id, 1, true);\n  };\n\n  const videoRef = useRef<VideoType>(null);\n\n  const handleLoad = (index: string, duration: number) => {\n    setImageGalleryAttachments((prevImageGalleryAttachment) =>\n      prevImageGalleryAttachment.map((imageGalleryAttachment) => ({\n        ...imageGalleryAttachment,\n        duration: imageGalleryAttachment.id === index ? duration : imageGalleryAttachment.duration,\n      })),\n    );\n  };\n\n  const handleProgress = (index: string, progress: number, hasEnd?: boolean) => {\n    setImageGalleryAttachments((prevImageGalleryAttachments) =>\n      prevImageGalleryAttachments.map((imageGalleryAttachment) => ({\n        ...imageGalleryAttachment,\n        progress:\n          imageGalleryAttachment.id === index\n            ? hasEnd\n              ? 1\n              : progress\n            : imageGalleryAttachment.progress,\n      })),\n    );\n  };\n\n  const handlePlayPause = (index: string, pausedStatus?: boolean) => {\n    if (pausedStatus === false) {\n      // If the status is false we set the audio with the index as playing and the others as paused.\n      setImageGalleryAttachments((prevImageGalleryAttachment) =>\n        prevImageGalleryAttachment.map((imageGalleryAttachment) => ({\n          ...imageGalleryAttachment,\n          paused: imageGalleryAttachment.id === index ? false : true,\n        })),\n      );\n    } else {\n      // If the status is true we simply set all the audio's paused state as true.\n      setImageGalleryAttachments((prevImageGalleryAttachment) =>\n        prevImageGalleryAttachment.map((imageGalleryAttachment) => ({\n          ...imageGalleryAttachment,\n          paused: true,\n        })),\n      );\n    }\n  };\n\n  const onPlayPause = (status?: boolean) => {\n    if (status === undefined) {\n      if (imageGalleryAttachments[selectedIndex].paused) {\n        handlePlayPause(imageGalleryAttachments[selectedIndex].id, false);\n      } else {\n        handlePlayPause(imageGalleryAttachments[selectedIndex].id, true);\n      }\n    } else {\n      handlePlayPause(imageGalleryAttachments[selectedIndex].id, status);\n    }\n  };\n\n  return (\n    <Animated.View\n      accessibilityLabel='Image Gallery'\n      pointerEvents={'auto'}\n      style={[StyleSheet.absoluteFillObject, showScreenStyle]}\n    >\n      <Animated.View style={[StyleSheet.absoluteFillObject, containerBackground]} />\n      <TapGestureHandler\n        minPointers={1}\n        numberOfTaps={1}\n        onGestureEvent={onSingleTap}\n        ref={singleTapRef}\n        waitFor={[panRef, pinchRef, doubleTapRef]}\n      >\n        <Animated.View style={StyleSheet.absoluteFillObject}>\n          <TapGestureHandler\n            maxDeltaX={8}\n            maxDeltaY={8}\n            maxDist={8}\n            minPointers={1}\n            numberOfTaps={2}\n            onGestureEvent={onDoubleTap}\n            ref={doubleTapRef}\n          >\n            <Animated.View style={StyleSheet.absoluteFillObject}>\n              <PinchGestureHandler\n                onGestureEvent={onPinch}\n                ref={pinchRef}\n                simultaneousHandlers={[panRef]}\n              >\n                <Animated.View style={StyleSheet.absoluteFill}>\n                  <PanGestureHandler\n                    enabled={overlay === 'gallery'}\n                    maxPointers={isAndroid ? undefined : 1}\n                    minDist={10}\n                    onGestureEvent={onPan}\n                    ref={panRef}\n                    simultaneousHandlers={[pinchRef]}\n                  >\n                    <Animated.View style={StyleSheet.absoluteFill}>\n                      <Animated.View style={[styles.animatedContainer, pagerStyle, pager]}>\n                        {imageGalleryAttachments.map((photo, i) =>\n                          photo.type === 'video' ? (\n                            <AnimatedGalleryVideo\n                              attachmentId={photo.id}\n                              handleEnd={handleEnd}\n                              handleLoad={handleLoad}\n                              handleProgress={handleProgress}\n                              index={i}\n                              key={`${photo.uri}-${i}`}\n                              offsetScale={offsetScale}\n                              paused={photo.paused || false}\n                              previous={selectedIndex > i}\n                              repeat={true}\n                              scale={scale}\n                              screenHeight={screenHeight}\n                              selected={selectedIndex === i}\n                              shouldRender={Math.abs(selectedIndex - i) < 4}\n                              source={{ uri: photo.uri }}\n                              style={[\n                                {\n                                  height: screenHeight * 8,\n                                  marginRight: MARGIN,\n                                  width: screenWidth * 8,\n                                },\n                                slide,\n                              ]}\n                              translateX={translateX}\n                              translateY={translateY}\n                              videoRef={videoRef}\n                            />\n                          ) : (\n                            <AnimatedGalleryImage\n                              accessibilityLabel={'Image Item'}\n                              index={i}\n                              key={`${photo.uri}-${i}`}\n                              offsetScale={offsetScale}\n                              photo={photo}\n                              previous={selectedIndex > i}\n                              scale={scale}\n                              screenHeight={screenHeight}\n                              selected={selectedIndex === i}\n                              shouldRender={Math.abs(selectedIndex - i) < 4}\n                              style={[\n                                {\n                                  height: screenHeight * 8,\n                                  marginRight: MARGIN,\n                                  width: screenWidth * 8,\n                                },\n                                slide,\n                              ]}\n                              translateX={translateX}\n                              translateY={translateY}\n                            />\n                          ),\n                        )}\n                      </Animated.View>\n                    </Animated.View>\n                  </PanGestureHandler>\n                </Animated.View>\n              </PinchGestureHandler>\n            </Animated.View>\n          </TapGestureHandler>\n        </Animated.View>\n      </TapGestureHandler>\n      <ImageGalleryHeader<StreamChatGenerics>\n        opacity={headerFooterOpacity}\n        photo={imageGalleryAttachments[selectedIndex]}\n        visible={headerFooterVisible}\n        {...imageGalleryCustomComponents?.header}\n      />\n\n      {imageGalleryAttachments[selectedIndex] && (\n        <ImageGalleryFooter<StreamChatGenerics>\n          accessibilityLabel={'Image Gallery Footer'}\n          duration={imageGalleryAttachments[selectedIndex].duration || 0}\n          onPlayPause={onPlayPause}\n          opacity={headerFooterOpacity}\n          openGridView={openGridView}\n          paused={imageGalleryAttachments[selectedIndex].paused || false}\n          photo={imageGalleryAttachments[selectedIndex]}\n          photoLength={imageGalleryAttachments.length}\n          progress={imageGalleryAttachments[selectedIndex].progress || 0}\n          selectedIndex={selectedIndex}\n          videoRef={videoRef}\n          visible={headerFooterVisible}\n          {...imageGalleryCustomComponents?.footer}\n        />\n      )}\n\n      <ImageGalleryOverlay\n        animatedBottomSheetIndex={animatedBottomSheetIndex}\n        closeGridView={closeGridView}\n        currentBottomSheetIndex={currentBottomSheetIndex}\n      />\n      <BottomSheetModalProvider>\n        <BottomSheetModal\n          animatedIndex={animatedBottomSheetIndex}\n          enablePanDownToClose={true}\n          handleComponent={() => (\n            <ImageGridHandle\n              closeGridView={closeGridView}\n              {...imageGalleryCustomComponents?.gridHandle}\n            />\n          )}\n          handleHeight={imageGalleryGridHandleHeight ?? 40}\n          index={0}\n          onChange={(index: number) => setCurrentBottomSheetIndex(index)}\n          ref={bottomSheetModalRef}\n          snapPoints={imageGalleryGridSnapPoints || snapPoints}\n        >\n          <ImageGrid\n            closeGridView={closeGridView}\n            numberOfImageGalleryGridColumns={numberOfImageGalleryGridColumns}\n            photos={gridPhotos}\n            setSelectedMessage={setSelectedMessage}\n            {...imageGalleryCustomComponents?.grid}\n          />\n        </BottomSheetModal>\n      </BottomSheetModalProvider>\n    </Animated.View>\n  );\n};\n\n/**\n * Clamping worklet to clamp the scaling\n */\nexport const clamp = (value: number, lowerBound: number, upperBound: number) => {\n  'worklet';\n  return Math.min(Math.max(lowerBound, value), upperBound);\n};\n\nconst styles = StyleSheet.create({\n  animatedContainer: {\n    alignItems: 'center',\n    flexDirection: 'row',\n  },\n});\n\nexport type Photo<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = {\n  id: string;\n  uri: string;\n  channelId?: string;\n  created_at?: string | Date;\n  duration?: number;\n  messageId?: string;\n  mime_type?: string;\n  original_height?: number;\n  original_width?: number;\n  paused?: boolean;\n  progress?: number;\n  thumb_url?: string;\n  type?: string;\n  user?: UserResponse<StreamChatGenerics> | null;\n  user_id?: string;\n};\n\nImageGallery.displayName = 'ImageGallery{imageGallery}';\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeGestureHandler","_reactNativeReanimated","_bottomSheet","_AnimatedGalleryImage","_AnimatedGalleryVideo","_ImageGalleryFooter","_ImageGalleryHeader","_ImageGalleryOverlay","_ImageGrid","_ImageGridHandle","_useImageGalleryGestures","_ImageGalleryContext","_OverlayContext","_ThemeContext","_useViewport2","_native","_getResizedImageUrl","_getUrlOfImageAttachment","_getGiphyMimeType","_this","_jsxFileName","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","isAndroid","Platform","OS","fullScreenHeight","Dimensions","height","MARGIN","HasPinched","exports","IsSwiping","normalizeSnapPoints","input","snapPoints","value","map","snapPoint","Math","max","numericValue","Number","replace","isPercentage","includes","isNaN","ImageGallery","props","_StatusBar$currentHei","_imageGalleryAttachme","_props$autoPlayVideo","autoPlayVideo","_props$giphyVersion","giphyVersion","imageGalleryCustomComponents","imageGalleryGridHandleHeight","imageGalleryGridSnapPoints","numberOfImageGalleryGridColumns","overlayOpacity","_useState","useState","_useState2","_slicedToArray2","imageGalleryAttachments","setImageGalleryAttachments","_useTheme","useTheme","_useTheme$theme","theme","white_snow","colors","_useTheme$theme$image","imageGallery","backgroundColor","pager","slide","_useState3","_useState4","gridPhotos","setGridPhotos","_useOverlayContext","useOverlayContext","overlay","translucentStatusBar","_useImageGalleryConte","useImageGalleryContext","messages","selectedMessage","setSelectedMessage","_useViewport","useViewport","vh","vw","measuredScreenHeight","screenWidth","halfScreenWidth","statusBarHeight","StatusBar","currentHeight","bottomBarHeight","androidScreenHeightAdjustment","screenHeight","halfScreenHeight","quarterScreenHeight","React","useMemo","bottomSheetModalRef","useRef","_useState5","_useState6","currentBottomSheetIndex","setCurrentBottomSheetIndex","animatedBottomSheetIndex","useSharedValue","screenTranslateY","showScreen","withTiming","duration","easing","Easing","out","ease","useEffect","Keyboard","dismiss","_useState7","_useState8","currentImageHeight","setCurrentImageHeight","_useState9","_useState10","selectedIndex","setSelectedIndex","index","headerFooterVisible","doubleTapRef","panRef","pinchRef","singleTapRef","translateX","translateY","offsetScale","scale","translationX","photos","reduce","acc","cur","_cur$attachments","attachmentImages","attachments","filter","attachment","_attachment$giphy","_attachment$giphy$gip","type","giphy","url","thumb_url","image_url","title_link","og_scrape_url","getUrlOfImageAttachment","isVideoPackageAvailable","reverse","attachmentPhotos","a","_a$giphy","_a$giphy$giphyVersion","imageUrl","giphyURL","isInitiallyPaused","channelId","cid","created_at","id","messageId","mime_type","getGiphyMimeType","original_height","original_width","paused","progress","uri","getResizedImageUrl","width","user","user_id","concat","_toConsumableArray2","photoLength","length","stripQueryFromUrl","split","updatePosition","newIndex","runOnJS","findIndex","photo","runOnUI","uriForCurrentImage","imageHeight","floor","Image","getSize","_useImageGalleryGestu","useImageGalleryGestures","onDoubleTap","onPan","onPinch","onSingleTap","headerFooterOpacity","useDerivedValue","pagerStyle","useAnimatedStyle","transform","scaleX","containerBackground","opacity","showScreenStyle","closeGridView","_bottomSheetModalRef$","current","close","openGridView","_bottomSheetModalRef$2","present","handleEnd","handlePlayPause","handleProgress","videoRef","handleLoad","prevImageGalleryAttachment","imageGalleryAttachment","_extends2","hasEnd","prevImageGalleryAttachments","pausedStatus","onPlayPause","status","undefined","createElement","View","accessibilityLabel","pointerEvents","style","StyleSheet","absoluteFillObject","__self","__source","fileName","lineNumber","columnNumber","TapGestureHandler","minPointers","numberOfTaps","onGestureEvent","ref","waitFor","maxDeltaX","maxDeltaY","maxDist","PinchGestureHandler","simultaneousHandlers","absoluteFill","PanGestureHandler","enabled","maxPointers","minDist","styles","animatedContainer","i","AnimatedGalleryVideo","attachmentId","previous","repeat","selected","shouldRender","abs","source","marginRight","AnimatedGalleryImage","ImageGalleryHeader","visible","header","ImageGalleryFooter","footer","ImageGalleryOverlay","BottomSheetModalProvider","BottomSheetModal","animatedIndex","enablePanDownToClose","handleComponent","ImageGridHandle","gridHandle","handleHeight","onChange","ImageGrid","grid","clamp","lowerBound","upperBound","min","create","alignItems","flexDirection","displayName"],"sources":["ImageGallery.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport {\n  Dimensions,\n  Image,\n  ImageStyle,\n  Keyboard,\n  Platform,\n  StatusBar,\n  StyleSheet,\n  ViewStyle,\n} from 'react-native';\n\nimport {\n  PanGestureHandler,\n  PinchGestureHandler,\n  TapGestureHandler,\n} from 'react-native-gesture-handler';\n\nimport Animated, {\n  Easing,\n  runOnJS,\n  runOnUI,\n  useAnimatedStyle,\n  useDerivedValue,\n  useSharedValue,\n  withTiming,\n} from 'react-native-reanimated';\n\nimport { BottomSheetModal, BottomSheetModalProvider, BottomSheetProps } from '@gorhom/bottom-sheet';\n\nimport type { UserResponse } from 'stream-chat';\n\nimport { AnimatedGalleryImage } from './components/AnimatedGalleryImage';\nimport { AnimatedGalleryVideo } from './components/AnimatedGalleryVideo';\nimport {\n  ImageGalleryFooter,\n  ImageGalleryFooterCustomComponentProps,\n} from './components/ImageGalleryFooter';\nimport {\n  ImageGalleryHeader,\n  ImageGalleryHeaderCustomComponentProps,\n} from './components/ImageGalleryHeader';\nimport { ImageGalleryOverlay } from './components/ImageGalleryOverlay';\nimport { ImageGalleryGridImageComponents, ImageGrid } from './components/ImageGrid';\nimport {\n  ImageGalleryGridHandleCustomComponentProps,\n  ImageGridHandle,\n} from './components/ImageGridHandle';\n\nimport { useImageGalleryGestures } from './hooks/useImageGalleryGestures';\n\nimport { useImageGalleryContext } from '../../contexts/imageGalleryContext/ImageGalleryContext';\nimport {\n  OverlayProviderProps,\n  useOverlayContext,\n} from '../../contexts/overlayContext/OverlayContext';\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { useViewport } from '../../hooks/useViewport';\nimport { isVideoPackageAvailable, VideoType } from '../../native';\nimport type { DefaultStreamChatGenerics } from '../../types/types';\nimport { getResizedImageUrl } from '../../utils/getResizedImageUrl';\nimport { getUrlOfImageAttachment } from '../../utils/getUrlOfImageAttachment';\nimport { getGiphyMimeType } from '../Attachment/utils/getGiphyMimeType';\n\nconst isAndroid = Platform.OS === 'android';\nconst fullScreenHeight = Dimensions.get('screen').height;\n\nconst MARGIN = 32;\n\nexport enum HasPinched {\n  FALSE = 0,\n  TRUE,\n}\n\nexport enum IsSwiping {\n  UNDETERMINED = 0,\n  TRUE,\n  FALSE,\n}\n\nexport type ImageGalleryCustomComponents<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = {\n  /**\n   * Override props for following UI components, which are part of [image gallery](https://github.com/GetStream/stream-chat-react-native/wiki/Cookbook-v3.0#gallery-components).\n   *\n   * - [ImageGalleryFooter](#ImageGalleryFooter)\n   *\n   * - [ImageGrid](#ImageGrid)\n   *\n   * - [ImageGridHandle](#ImageGridHandle)\n   *\n   * - [ImageGalleryHeader](#ImageGalleryHeader)\n   *\n   * e.g.,\n   *\n   * ```js\n   * {\n   *  footer: {\n   *    ShareIcon: CustomShareIconComponent\n   *  },\n   *  grid: {\n   *    avatarComponent: CustomAvatarComponent\n   *  },\n   *  gridHandle: {\n   *    centerComponent: CustomCenterComponent\n   *  },\n   *  header: {\n   *    CloseIcon: CustomCloseButtonComponent\n   *  },\n   * }\n   * ```\n   * @overrideType object\n   */\n  imageGalleryCustomComponents?: {\n    footer?: ImageGalleryFooterCustomComponentProps<StreamChatGenerics>;\n    grid?: ImageGalleryGridImageComponents<StreamChatGenerics>;\n    gridHandle?: ImageGalleryGridHandleCustomComponentProps;\n    header?: ImageGalleryHeaderCustomComponentProps<StreamChatGenerics>;\n  };\n};\n\ntype Props<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> =\n  ImageGalleryCustomComponents<StreamChatGenerics> & {\n    overlayOpacity: Animated.SharedValue<number>;\n  } & Pick<\n      OverlayProviderProps<StreamChatGenerics>,\n      | 'giphyVersion'\n      | 'imageGalleryGridSnapPoints'\n      | 'imageGalleryGridHandleHeight'\n      | 'numberOfImageGalleryGridColumns'\n      | 'autoPlayVideo'\n    >;\n\ntype SnapPoints = BottomSheetProps['snapPoints'];\n\nconst normalizeSnapPoints = (input: SnapPoints): SnapPoints => {\n  const snapPoints = input ? ('value' in input ? input.value : input) : [];\n\n  return snapPoints.map((snapPoint) => {\n    if (typeof snapPoint === 'number') {\n      return Math.max(0, snapPoint);\n    } else {\n      const numericValue = Number(snapPoint.replace('%', ''));\n      const isPercentage = snapPoint.includes('%');\n\n      if (isNaN(numericValue)) {\n        return 0;\n      } else if (isPercentage) {\n        return `${Math.max(0, numericValue)}%`;\n      } else {\n        return Math.max(0, numericValue);\n      }\n    }\n  });\n};\n\nexport const ImageGallery = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: Props<StreamChatGenerics>,\n) => {\n  const {\n    autoPlayVideo = false,\n    giphyVersion = 'fixed_height',\n    imageGalleryCustomComponents,\n    imageGalleryGridHandleHeight,\n    imageGalleryGridSnapPoints,\n    numberOfImageGalleryGridColumns,\n    overlayOpacity,\n  } = props;\n  const [imageGalleryAttachments, setImageGalleryAttachments] = useState<\n    Photo<StreamChatGenerics>[]\n  >([]);\n  const {\n    theme: {\n      colors: { white_snow },\n      imageGallery: { backgroundColor, pager, slide },\n    },\n  } = useTheme();\n  const [gridPhotos, setGridPhotos] = useState<Photo<StreamChatGenerics>[]>([]);\n  const { overlay, translucentStatusBar } = useOverlayContext();\n  const { messages, selectedMessage, setSelectedMessage } =\n    useImageGalleryContext<StreamChatGenerics>();\n\n  const { vh, vw } = useViewport();\n\n  const measuredScreenHeight = vh(100);\n  const screenWidth = vw(100);\n  const halfScreenWidth = vw(50);\n\n  /**\n   * Height constants\n   */\n  const statusBarHeight = StatusBar.currentHeight ?? 0;\n  const bottomBarHeight = fullScreenHeight - measuredScreenHeight - statusBarHeight;\n  const androidScreenHeightAdjustment = translucentStatusBar\n    ? bottomBarHeight === statusBarHeight || bottomBarHeight < 0\n      ? 0\n      : statusBarHeight\n    : bottomBarHeight === statusBarHeight || bottomBarHeight < 0\n    ? -statusBarHeight\n    : 0;\n  const screenHeight = isAndroid\n    ? Dimensions.get('window').height + androidScreenHeightAdjustment\n    : vh(100);\n  const halfScreenHeight = screenHeight / 2;\n  const quarterScreenHeight = screenHeight / 4;\n  const snapPoints = React.useMemo(\n    () => [(screenHeight * 3) / 4, screenHeight - (imageGalleryGridHandleHeight ?? 40)],\n    [],\n  );\n\n  /**\n   * BottomSheetModal ref\n   */\n  const bottomSheetModalRef = useRef<BottomSheetModal>(null);\n\n  /**\n   * BottomSheetModal state\n   */\n  const [currentBottomSheetIndex, setCurrentBottomSheetIndex] = useState(0);\n  const animatedBottomSheetIndex = useSharedValue(0);\n\n  /**\n   * Fade animation for screen, it is always rendered with pointerEvents\n   * set to none for fast opening\n   */\n  const screenTranslateY = useSharedValue(screenHeight);\n  const showScreen = () => {\n    'worklet';\n    screenTranslateY.value = withTiming(0, {\n      duration: 250,\n      easing: Easing.out(Easing.ease),\n    });\n  };\n\n  /**\n   * Run the fade animation on visible change\n   */\n  useEffect(() => {\n    Keyboard.dismiss();\n    showScreen();\n  }, []);\n\n  /**\n   * Image height from URL or default to full screen height\n   */\n  const [currentImageHeight, setCurrentImageHeight] = useState<number>(screenHeight);\n\n  /**\n   * JS and UI index values, the JS follows the UI but is needed\n   * for rendering the virtualized image list\n   */\n  const [selectedIndex, setSelectedIndex] = useState(0);\n  const index = useSharedValue(0);\n\n  /**\n   * Header visible value for animating in out\n   */\n  const headerFooterVisible = useSharedValue(1);\n\n  /**\n   * Gesture handler refs\n   */\n  const doubleTapRef = useRef<TapGestureHandler>(null);\n  const panRef = useRef<PanGestureHandler>(null);\n  const pinchRef = useRef<PinchGestureHandler>(null);\n  const singleTapRef = useRef<TapGestureHandler>(null);\n\n  /**\n   * Shared values for movement\n   */\n  const translateX = useSharedValue(0);\n  const translateY = useSharedValue(0);\n  const offsetScale = useSharedValue(1);\n  const scale = useSharedValue(1);\n  const translationX = useSharedValue(0);\n\n  /**\n   * Photos array created from all currently available\n   * photo attachments\n   */\n\n  const photos = messages.reduce((acc: Photo<StreamChatGenerics>[], cur) => {\n    const attachmentImages =\n      cur.attachments\n        ?.filter(\n          (attachment) =>\n            (attachment.type === 'giphy' &&\n              (attachment.giphy?.[giphyVersion]?.url ||\n                attachment.thumb_url ||\n                attachment.image_url)) ||\n            (attachment.type === 'image' &&\n              !attachment.title_link &&\n              !attachment.og_scrape_url &&\n              getUrlOfImageAttachment(attachment)) ||\n            (isVideoPackageAvailable() && attachment.type === 'video'),\n        )\n        .reverse() || [];\n\n    const attachmentPhotos = attachmentImages.map((a) => {\n      const imageUrl = getUrlOfImageAttachment(a) as string;\n      const giphyURL = a.giphy?.[giphyVersion]?.url || a.thumb_url || a.image_url;\n      const isInitiallyPaused = !autoPlayVideo;\n\n      return {\n        channelId: cur.cid,\n        created_at: cur.created_at,\n        duration: 0,\n        id: `photoId-${cur.id}-${imageUrl}`,\n        messageId: cur.id,\n        mime_type: a.type === 'giphy' ? getGiphyMimeType(giphyURL ?? '') : a.mime_type,\n        original_height: a.original_height,\n        original_width: a.original_width,\n        paused: isInitiallyPaused,\n        progress: 0,\n        thumb_url: a.thumb_url,\n        type: a.type,\n        uri:\n          a.type === 'giphy'\n            ? giphyURL\n            : getResizedImageUrl({\n                height: screenHeight,\n                url: imageUrl,\n                width: screenWidth,\n              }),\n        user: cur.user,\n        user_id: cur.user_id,\n      };\n    });\n\n    return [...attachmentPhotos, ...acc] as Photo<StreamChatGenerics>[];\n  }, []);\n\n  /**\n   * Photos length needs to be kept as a const here so if the length\n   * changes it causes the pan gesture handler function to refresh. This\n   * does not work if the calculation for the length of the array is left\n   * inside the gesture handler as it will have an array as a dependency\n   */\n  const photoLength = photos.length;\n\n  useEffect(() => {\n    setImageGalleryAttachments(photos);\n  }, []);\n\n  /**\n   * The URL for the images may differ because of dimensions passed as\n   * part of the query.\n   */\n  const stripQueryFromUrl = (url: string) => url.split('?')[0];\n\n  /**\n   * Set selected photo when changed via pressing in the message list\n   */\n  useEffect(() => {\n    const updatePosition = (newIndex: number) => {\n      'worklet';\n\n      if (newIndex > -1) {\n        index.value = newIndex;\n        translationX.value = -(screenWidth + MARGIN) * newIndex;\n        runOnJS(setSelectedIndex)(newIndex);\n      }\n    };\n\n    const newIndex = photos.findIndex(\n      (photo) =>\n        photo.messageId === selectedMessage?.messageId &&\n        stripQueryFromUrl(photo.uri) === stripQueryFromUrl(selectedMessage?.url || ''),\n    );\n\n    runOnUI(updatePosition)(newIndex);\n  }, [selectedMessage, photoLength]);\n\n  /**\n   * Image heights are not provided and therefore need to be calculated.\n   * We start by allowing the image to be the full height then reduce it\n   * to the proper scaled height based on the width being restricted to the\n   * screen width when the dimensions are received.\n   */\n  const uriForCurrentImage = imageGalleryAttachments[selectedIndex]?.uri;\n\n  useEffect(() => {\n    setCurrentImageHeight(screenHeight);\n    const photo = imageGalleryAttachments[index.value];\n    const height = photo?.original_height;\n    const width = photo?.original_width;\n\n    if (height && width) {\n      const imageHeight = Math.floor(height * (screenWidth / width));\n      setCurrentImageHeight(imageHeight > screenHeight ? screenHeight : imageHeight);\n    } else if (photo?.uri) {\n      if (photo.type === 'image') {\n        Image.getSize(photo.uri, (width, height) => {\n          const imageHeight = Math.floor(height * (screenWidth / width));\n          setCurrentImageHeight(imageHeight > screenHeight ? screenHeight : imageHeight);\n        });\n      }\n    }\n  }, [uriForCurrentImage]);\n\n  const { onDoubleTap, onPan, onPinch, onSingleTap } = useImageGalleryGestures({\n    currentImageHeight,\n    halfScreenHeight,\n    halfScreenWidth,\n    headerFooterVisible,\n    offsetScale,\n    overlayOpacity,\n    photoLength,\n    scale,\n    screenHeight,\n    screenWidth,\n    selectedIndex,\n    setSelectedIndex,\n    translateX,\n    translateY,\n    translationX,\n  });\n\n  /**\n   * If the header is visible we scale down the opacity of it as the\n   * image is swiped downward\n   */\n  const headerFooterOpacity = useDerivedValue(\n    () =>\n      currentImageHeight * scale.value < screenHeight && translateY.value > 0\n        ? 1 - translateY.value / quarterScreenHeight\n        : currentImageHeight * scale.value > screenHeight &&\n          translateY.value > (currentImageHeight / 2) * scale.value - halfScreenHeight\n        ? 1 -\n          (translateY.value - ((currentImageHeight / 2) * scale.value - halfScreenHeight)) /\n            quarterScreenHeight\n        : 1,\n    [currentImageHeight],\n  );\n\n  /**\n   * This transition and scaleX reverse lets use scroll left\n   */\n  const pagerStyle = useAnimatedStyle<ImageStyle>(\n    () => ({\n      transform: [\n        { scaleX: -1 },\n        {\n          translateX: translationX.value,\n        },\n      ],\n    }),\n    [],\n  );\n\n  /**\n   * Simple background color animation on Y movement\n   */\n  const containerBackground = useAnimatedStyle<ViewStyle>(\n    () => ({\n      backgroundColor: backgroundColor || white_snow,\n      opacity: headerFooterOpacity.value,\n    }),\n    [headerFooterOpacity],\n  );\n\n  /**\n   * Show screen style as component is always rendered we hide it\n   * down and up and set opacity to 0 for good measure\n   */\n  const showScreenStyle = useAnimatedStyle<ViewStyle>(\n    () => ({\n      transform: [\n        {\n          translateY: screenTranslateY.value,\n        },\n      ],\n    }),\n    [],\n  );\n\n  /**\n   * Functions toclose BottomSheetModal with image grid\n   */\n  const closeGridView = () => {\n    if (bottomSheetModalRef.current?.close) {\n      bottomSheetModalRef.current.close();\n      setGridPhotos([]);\n    }\n  };\n\n  /**\n   * Function to open BottomSheetModal with image grid\n   */\n  const openGridView = () => {\n    if (bottomSheetModalRef.current?.present) {\n      bottomSheetModalRef.current.present();\n      setGridPhotos(imageGalleryAttachments);\n    }\n  };\n\n  const handleEnd = () => {\n    handlePlayPause(imageGalleryAttachments[selectedIndex].id, true);\n    handleProgress(imageGalleryAttachments[selectedIndex].id, 1, true);\n  };\n\n  const videoRef = useRef<VideoType>(null);\n\n  const handleLoad = (index: string, duration: number) => {\n    setImageGalleryAttachments((prevImageGalleryAttachment) =>\n      prevImageGalleryAttachment.map((imageGalleryAttachment) => ({\n        ...imageGalleryAttachment,\n        duration: imageGalleryAttachment.id === index ? duration : imageGalleryAttachment.duration,\n      })),\n    );\n  };\n\n  const handleProgress = (index: string, progress: number, hasEnd?: boolean) => {\n    setImageGalleryAttachments((prevImageGalleryAttachments) =>\n      prevImageGalleryAttachments.map((imageGalleryAttachment) => ({\n        ...imageGalleryAttachment,\n        progress:\n          imageGalleryAttachment.id === index\n            ? hasEnd\n              ? 1\n              : progress\n            : imageGalleryAttachment.progress,\n      })),\n    );\n  };\n\n  const handlePlayPause = (index: string, pausedStatus?: boolean) => {\n    if (pausedStatus === false) {\n      // If the status is false we set the audio with the index as playing and the others as paused.\n      setImageGalleryAttachments((prevImageGalleryAttachment) =>\n        prevImageGalleryAttachment.map((imageGalleryAttachment) => ({\n          ...imageGalleryAttachment,\n          paused: imageGalleryAttachment.id === index ? false : true,\n        })),\n      );\n    } else {\n      // If the status is true we simply set all the audio's paused state as true.\n      setImageGalleryAttachments((prevImageGalleryAttachment) =>\n        prevImageGalleryAttachment.map((imageGalleryAttachment) => ({\n          ...imageGalleryAttachment,\n          paused: true,\n        })),\n      );\n    }\n  };\n\n  const onPlayPause = (status?: boolean) => {\n    if (status === undefined) {\n      if (imageGalleryAttachments[selectedIndex].paused) {\n        handlePlayPause(imageGalleryAttachments[selectedIndex].id, false);\n      } else {\n        handlePlayPause(imageGalleryAttachments[selectedIndex].id, true);\n      }\n    } else {\n      handlePlayPause(imageGalleryAttachments[selectedIndex].id, status);\n    }\n  };\n\n  return (\n    <Animated.View\n      accessibilityLabel='Image Gallery'\n      pointerEvents={'auto'}\n      style={[StyleSheet.absoluteFillObject, showScreenStyle]}\n    >\n      <Animated.View style={[StyleSheet.absoluteFillObject, containerBackground]} />\n      <TapGestureHandler\n        minPointers={1}\n        numberOfTaps={1}\n        onGestureEvent={onSingleTap}\n        ref={singleTapRef}\n        waitFor={[panRef, pinchRef, doubleTapRef]}\n      >\n        <Animated.View style={StyleSheet.absoluteFillObject}>\n          <TapGestureHandler\n            maxDeltaX={8}\n            maxDeltaY={8}\n            maxDist={8}\n            minPointers={1}\n            numberOfTaps={2}\n            onGestureEvent={onDoubleTap}\n            ref={doubleTapRef}\n          >\n            <Animated.View style={StyleSheet.absoluteFillObject}>\n              <PinchGestureHandler\n                onGestureEvent={onPinch}\n                ref={pinchRef}\n                simultaneousHandlers={[panRef]}\n              >\n                <Animated.View style={StyleSheet.absoluteFill}>\n                  <PanGestureHandler\n                    enabled={overlay === 'gallery'}\n                    maxPointers={isAndroid ? undefined : 1}\n                    minDist={10}\n                    onGestureEvent={onPan}\n                    ref={panRef}\n                    simultaneousHandlers={[pinchRef]}\n                  >\n                    <Animated.View style={StyleSheet.absoluteFill}>\n                      <Animated.View style={[styles.animatedContainer, pagerStyle, pager]}>\n                        {imageGalleryAttachments.map((photo, i) =>\n                          photo.type === 'video' ? (\n                            <AnimatedGalleryVideo\n                              attachmentId={photo.id}\n                              handleEnd={handleEnd}\n                              handleLoad={handleLoad}\n                              handleProgress={handleProgress}\n                              index={i}\n                              key={`${photo.uri}-${i}`}\n                              offsetScale={offsetScale}\n                              paused={photo.paused || false}\n                              previous={selectedIndex > i}\n                              repeat={true}\n                              scale={scale}\n                              screenHeight={screenHeight}\n                              selected={selectedIndex === i}\n                              shouldRender={Math.abs(selectedIndex - i) < 4}\n                              source={{ uri: photo.uri }}\n                              style={[\n                                {\n                                  height: screenHeight * 8,\n                                  marginRight: MARGIN,\n                                  width: screenWidth * 8,\n                                },\n                                slide,\n                              ]}\n                              translateX={translateX}\n                              translateY={translateY}\n                              videoRef={videoRef}\n                            />\n                          ) : (\n                            <AnimatedGalleryImage\n                              accessibilityLabel={'Image Item'}\n                              index={i}\n                              key={`${photo.uri}-${i}`}\n                              offsetScale={offsetScale}\n                              photo={photo}\n                              previous={selectedIndex > i}\n                              scale={scale}\n                              screenHeight={screenHeight}\n                              selected={selectedIndex === i}\n                              shouldRender={Math.abs(selectedIndex - i) < 4}\n                              style={[\n                                {\n                                  height: screenHeight * 8,\n                                  marginRight: MARGIN,\n                                  width: screenWidth * 8,\n                                },\n                                slide,\n                              ]}\n                              translateX={translateX}\n                              translateY={translateY}\n                            />\n                          ),\n                        )}\n                      </Animated.View>\n                    </Animated.View>\n                  </PanGestureHandler>\n                </Animated.View>\n              </PinchGestureHandler>\n            </Animated.View>\n          </TapGestureHandler>\n        </Animated.View>\n      </TapGestureHandler>\n      <ImageGalleryHeader<StreamChatGenerics>\n        opacity={headerFooterOpacity}\n        photo={imageGalleryAttachments[selectedIndex]}\n        visible={headerFooterVisible}\n        {...imageGalleryCustomComponents?.header}\n      />\n\n      {imageGalleryAttachments[selectedIndex] && (\n        <ImageGalleryFooter<StreamChatGenerics>\n          accessibilityLabel={'Image Gallery Footer'}\n          duration={imageGalleryAttachments[selectedIndex].duration || 0}\n          onPlayPause={onPlayPause}\n          opacity={headerFooterOpacity}\n          openGridView={openGridView}\n          paused={imageGalleryAttachments[selectedIndex].paused || false}\n          photo={imageGalleryAttachments[selectedIndex]}\n          photoLength={imageGalleryAttachments.length}\n          progress={imageGalleryAttachments[selectedIndex].progress || 0}\n          selectedIndex={selectedIndex}\n          videoRef={videoRef}\n          visible={headerFooterVisible}\n          {...imageGalleryCustomComponents?.footer}\n        />\n      )}\n\n      <ImageGalleryOverlay\n        animatedBottomSheetIndex={animatedBottomSheetIndex}\n        closeGridView={closeGridView}\n        currentBottomSheetIndex={currentBottomSheetIndex}\n      />\n      <BottomSheetModalProvider>\n        <BottomSheetModal\n          animatedIndex={animatedBottomSheetIndex}\n          enablePanDownToClose={true}\n          handleComponent={() => (\n            <ImageGridHandle\n              closeGridView={closeGridView}\n              {...imageGalleryCustomComponents?.gridHandle}\n            />\n          )}\n          handleHeight={imageGalleryGridHandleHeight ?? 40}\n          index={0}\n          onChange={(index: number) => setCurrentBottomSheetIndex(index)}\n          ref={bottomSheetModalRef}\n          snapPoints={normalizeSnapPoints(imageGalleryGridSnapPoints || snapPoints)}\n        >\n          <ImageGrid\n            closeGridView={closeGridView}\n            numberOfImageGalleryGridColumns={numberOfImageGalleryGridColumns}\n            photos={gridPhotos}\n            setSelectedMessage={setSelectedMessage}\n            {...imageGalleryCustomComponents?.grid}\n          />\n        </BottomSheetModal>\n      </BottomSheetModalProvider>\n    </Animated.View>\n  );\n};\n\n/**\n * Clamping worklet to clamp the scaling\n */\nexport const clamp = (value: number, lowerBound: number, upperBound: number) => {\n  'worklet';\n  return Math.min(Math.max(lowerBound, value), upperBound);\n};\n\nconst styles = StyleSheet.create({\n  animatedContainer: {\n    alignItems: 'center',\n    flexDirection: 'row',\n  },\n});\n\nexport type Photo<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = {\n  id: string;\n  uri: string;\n  channelId?: string;\n  created_at?: string | Date;\n  duration?: number;\n  messageId?: string;\n  mime_type?: string;\n  original_height?: number;\n  original_width?: number;\n  paused?: boolean;\n  progress?: number;\n  thumb_url?: string;\n  type?: string;\n  user?: UserResponse<StreamChatGenerics> | null;\n  user_id?: string;\n};\n\nImageGallery.displayName = 'ImageGallery{imageGallery}';\n"],"mappings":"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"}

package/lib/commonjs/components/Indicators/LoadingIndicator.js

@@ -26,12 +26,16 @@ var LoadingIndicatorWrapper = function LoadingIndicatorWrapper(_ref) {
   var text = _ref.text;
   var _useTheme = (0, _ThemeContext.useTheme)(),
     _useTheme$theme = _useTheme.theme,
-    black = _useTheme$theme.colors.black,
+    _useTheme$theme$color = _useTheme$theme.colors,
+    black = _useTheme$theme$color.black,
+    white_snow = _useTheme$theme$color.white_snow,
     _useTheme$theme$loadi = _useTheme$theme.loadingIndicator,
     container = _useTheme$theme$loadi.container,
     loadingText = _useTheme$theme$loadi.loadingText;
   return _react["default"].createElement(_reactNative.View, {
-    style: [styles.container, container],
+    style: [styles.container, {
+      backgroundColor: white_snow
+    }, container],
     __self: _this,
     __source: {
       fileName: _jsxFileName,
@@ -39,6 +43,8 @@ var LoadingIndicatorWrapper = function LoadingIndicatorWrapper(_ref) {
       columnNumber: 5
     }
   }, _react["default"].createElement(_Spinner.Spinner, {
+    height: 20,
+    width: 20,
     __self: _this,
     __source: {
       fileName: _jsxFileName,

package/lib/commonjs/components/Indicators/LoadingIndicator.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ThemeContext","_TranslationContext","_Spinner","_this","_jsxFileName","styles","StyleSheet","create","container","alignItems","flex","justifyContent","loadingText","fontSize","fontWeight","marginTop","LoadingIndicatorWrapper","_ref","text","_useTheme","useTheme","_useTheme$theme","theme","black","colors","_useTheme$theme$loadi","loadingIndicator","createElement","View","style","__self","__source","fileName","lineNumber","columnNumber","Spinner","Text","color","testID","LoadingIndicator","props","listType","_useTranslationContex","useTranslationContext","t","exports","displayName"],"sources":["LoadingIndicator.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, View } from 'react-native';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { useTranslationContext } from '../../contexts/translationContext/TranslationContext';\nimport { Spinner } from '../Spinner/Spinner';\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    flex: 1,\n    justifyContent: 'center',\n  },\n  loadingText: {\n    fontSize: 14,\n    fontWeight: '600',\n    marginTop: 20,\n  },\n});\n\nconst LoadingIndicatorWrapper: React.FC<{ text: string }> = ({ text }) => {\n  const {\n    theme: {\n      colors: { black },\n      loadingIndicator: { container, loadingText },\n    },\n  } = useTheme();\n\n  return (\n    <View style={[styles.container, container]}>\n      <Spinner />\n      <Text style={[styles.loadingText, { color: black }, loadingText]} testID='loading'>\n        {text}\n      </Text>\n    </View>\n  );\n};\n\nexport type LoadingProps = {\n  listType?: 'channel' | 'message' | 'default';\n  loadingText?: string;\n};\n\n/**\n * UI Component for LoadingIndicator\n */\nexport const LoadingIndicator: React.FC<LoadingProps> = (props) => {\n  const { listType, loadingText } = props;\n\n  const { t } = useTranslationContext();\n\n  if (loadingText) {\n    return <LoadingIndicatorWrapper text={loadingText} />;\n  }\n\n  switch (listType) {\n    case 'channel':\n      return <LoadingIndicatorWrapper text={t('Loading channels...')} />;\n    case 'message':\n      return <LoadingIndicatorWrapper text={t('Loading messages...')} />;\n    default:\n      return <LoadingIndicatorWrapper text={t('Loading...')} />;\n  }\n};\n\nLoadingIndicator.displayName = 'LoadingIndicator{loadingIndicator}';\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ThemeContext","_TranslationContext","_Spinner","_this","_jsxFileName","styles","StyleSheet","create","container","alignItems","flex","justifyContent","loadingText","fontSize","fontWeight","marginTop","LoadingIndicatorWrapper","_ref","text","_useTheme","useTheme","_useTheme$theme","theme","_useTheme$theme$color","colors","black","white_snow","_useTheme$theme$loadi","loadingIndicator","createElement","View","style","backgroundColor","__self","__source","fileName","lineNumber","columnNumber","Spinner","height","width","Text","color","testID","LoadingIndicator","props","listType","_useTranslationContex","useTranslationContext","t","exports","displayName"],"sources":["LoadingIndicator.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, View } from 'react-native';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { useTranslationContext } from '../../contexts/translationContext/TranslationContext';\nimport { Spinner } from '../Spinner/Spinner';\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    flex: 1,\n    justifyContent: 'center',\n  },\n  loadingText: {\n    fontSize: 14,\n    fontWeight: '600',\n    marginTop: 20,\n  },\n});\n\nconst LoadingIndicatorWrapper: React.FC<{ text: string }> = ({ text }) => {\n  const {\n    theme: {\n      colors: { black, white_snow },\n      loadingIndicator: { container, loadingText },\n    },\n  } = useTheme();\n\n  return (\n    <View style={[styles.container, { backgroundColor: white_snow }, container]}>\n      <Spinner height={20} width={20} />\n      <Text style={[styles.loadingText, { color: black }, loadingText]} testID='loading'>\n        {text}\n      </Text>\n    </View>\n  );\n};\n\nexport type LoadingProps = {\n  listType?: 'channel' | 'message' | 'default';\n  loadingText?: string;\n};\n\n/**\n * UI Component for LoadingIndicator\n */\nexport const LoadingIndicator: React.FC<LoadingProps> = (props) => {\n  const { listType, loadingText } = props;\n\n  const { t } = useTranslationContext();\n\n  if (loadingText) {\n    return <LoadingIndicatorWrapper text={loadingText} />;\n  }\n\n  switch (listType) {\n    case 'channel':\n      return <LoadingIndicatorWrapper text={t('Loading channels...')} />;\n    case 'message':\n      return <LoadingIndicatorWrapper text={t('Loading messages...')} />;\n    default:\n      return <LoadingIndicatorWrapper text={t('Loading...')} />;\n  }\n};\n\nLoadingIndicator.displayName = 'LoadingIndicator{loadingIndicator}';\n"],"mappings":"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"}

package/lib/commonjs/components/MessageInput/SendButton.js

@@ -33,7 +33,7 @@ var SendButtonWithContext = function SendButtonWithContext(props) {
     onPress: disabled ? function () {
       return null;
     } : function () {
-      return sendMessage(undefined);
+      return sendMessage();
     },
     style: [sendButton],
     testID: "send-button",

package/lib/commonjs/components/MessageInput/SendButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_MessageInputContext","_ThemeContext","_Search","_SendRight","_SendUp","_this","_jsxFileName","SendButtonWithContext","props","_props$disabled","disabled","giphyActive","sendMessage","_useTheme","useTheme","_useTheme$theme","theme","_useTheme$theme$color","colors","accent_blue","grey_gainsboro","_useTheme$theme$messa","messageInput","searchIcon","sendButton","sendRightIcon","sendUpIcon","createElement","Pressable","onPress","undefined","style","testID","__self","__source","fileName","lineNumber","columnNumber","Search","_extends2","pathFill","SendRight","SendUp","areEqual","prevProps","nextProps","prevDisabled","prevGiphyActive","prevSendMessage","nextDisabled","nextGiphyActive","nextSendMessage","disabledEqual","giphyActiveEqual","sendMessageEqual","MemoizedSendButton","React","memo","SendButton","_useMessageInputConte","useMessageInputContext","exports","displayName"],"sources":["SendButton.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Pressable } from 'react-native';\n\nimport {\n  MessageInputContextValue,\n  useMessageInputContext,\n} from '../../contexts/messageInputContext/MessageInputContext';\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { Search } from '../../icons/Search';\nimport { SendRight } from '../../icons/SendRight';\nimport { SendUp } from '../../icons/SendUp';\n\nimport type { DefaultStreamChatGenerics } from '../../types/types';\n\ntype SendButtonPropsWithContext<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<MessageInputContextValue<StreamChatGenerics>, 'giphyActive' | 'sendMessage'> & {\n  /** Disables the button */ disabled: boolean;\n};\n\nconst SendButtonWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: SendButtonPropsWithContext<StreamChatGenerics>,\n) => {\n  const { disabled = false, giphyActive, sendMessage } = props;\n  const {\n    theme: {\n      colors: { accent_blue, grey_gainsboro },\n      messageInput: { searchIcon, sendButton, sendRightIcon, sendUpIcon },\n    },\n  } = useTheme();\n\n  return (\n    <Pressable\n      disabled={disabled}\n      onPress={disabled ? () => null : () => sendMessage(undefined)}\n      style={[sendButton]}\n      testID='send-button'\n    >\n      {giphyActive && <Search pathFill={disabled ? grey_gainsboro : accent_blue} {...searchIcon} />}\n      {!giphyActive && disabled && <SendRight pathFill={grey_gainsboro} {...sendRightIcon} />}\n      {!giphyActive && !disabled && <SendUp pathFill={accent_blue} {...sendUpIcon} />}\n    </Pressable>\n  );\n};\n\nconst areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(\n  prevProps: SendButtonPropsWithContext<StreamChatGenerics>,\n  nextProps: SendButtonPropsWithContext<StreamChatGenerics>,\n) => {\n  const {\n    disabled: prevDisabled,\n    giphyActive: prevGiphyActive,\n    sendMessage: prevSendMessage,\n  } = prevProps;\n  const {\n    disabled: nextDisabled,\n    giphyActive: nextGiphyActive,\n    sendMessage: nextSendMessage,\n  } = nextProps;\n\n  const disabledEqual = prevDisabled === nextDisabled;\n  if (!disabledEqual) return false;\n\n  const giphyActiveEqual = prevGiphyActive === nextGiphyActive;\n  if (!giphyActiveEqual) return false;\n\n  const sendMessageEqual = prevSendMessage === nextSendMessage;\n  if (!sendMessageEqual) return false;\n\n  return true;\n};\n\nconst MemoizedSendButton = React.memo(\n  SendButtonWithContext,\n  areEqual,\n) as typeof SendButtonWithContext;\n\nexport type SendButtonProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Partial<SendButtonPropsWithContext<StreamChatGenerics>>;\n\n/**\n * UI Component for send button in MessageInput component.\n */\nexport const SendButton = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: SendButtonProps<StreamChatGenerics>,\n) => {\n  const { giphyActive, sendMessage } = useMessageInputContext<StreamChatGenerics>();\n\n  return (\n    <MemoizedSendButton\n      {...{ giphyActive, sendMessage }}\n      {...props}\n      {...{ disabled: props.disabled || false }}\n    />\n  );\n};\n\nSendButton.displayName = 'SendButton{messageInput}';\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_MessageInputContext","_ThemeContext","_Search","_SendRight","_SendUp","_this","_jsxFileName","SendButtonWithContext","props","_props$disabled","disabled","giphyActive","sendMessage","_useTheme","useTheme","_useTheme$theme","theme","_useTheme$theme$color","colors","accent_blue","grey_gainsboro","_useTheme$theme$messa","messageInput","searchIcon","sendButton","sendRightIcon","sendUpIcon","createElement","Pressable","onPress","style","testID","__self","__source","fileName","lineNumber","columnNumber","Search","_extends2","pathFill","SendRight","SendUp","areEqual","prevProps","nextProps","prevDisabled","prevGiphyActive","prevSendMessage","nextDisabled","nextGiphyActive","nextSendMessage","disabledEqual","giphyActiveEqual","sendMessageEqual","MemoizedSendButton","React","memo","SendButton","_useMessageInputConte","useMessageInputContext","exports","displayName"],"sources":["SendButton.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Pressable } from 'react-native';\n\nimport {\n  MessageInputContextValue,\n  useMessageInputContext,\n} from '../../contexts/messageInputContext/MessageInputContext';\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { Search } from '../../icons/Search';\nimport { SendRight } from '../../icons/SendRight';\nimport { SendUp } from '../../icons/SendUp';\n\nimport type { DefaultStreamChatGenerics } from '../../types/types';\n\ntype SendButtonPropsWithContext<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<MessageInputContextValue<StreamChatGenerics>, 'giphyActive' | 'sendMessage'> & {\n  /** Disables the button */ disabled: boolean;\n};\n\nconst SendButtonWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: SendButtonPropsWithContext<StreamChatGenerics>,\n) => {\n  const { disabled = false, giphyActive, sendMessage } = props;\n  const {\n    theme: {\n      colors: { accent_blue, grey_gainsboro },\n      messageInput: { searchIcon, sendButton, sendRightIcon, sendUpIcon },\n    },\n  } = useTheme();\n\n  return (\n    <Pressable\n      disabled={disabled}\n      onPress={disabled ? () => null : () => sendMessage()}\n      style={[sendButton]}\n      testID='send-button'\n    >\n      {giphyActive && <Search pathFill={disabled ? grey_gainsboro : accent_blue} {...searchIcon} />}\n      {!giphyActive && disabled && <SendRight pathFill={grey_gainsboro} {...sendRightIcon} />}\n      {!giphyActive && !disabled && <SendUp pathFill={accent_blue} {...sendUpIcon} />}\n    </Pressable>\n  );\n};\n\nconst areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(\n  prevProps: SendButtonPropsWithContext<StreamChatGenerics>,\n  nextProps: SendButtonPropsWithContext<StreamChatGenerics>,\n) => {\n  const {\n    disabled: prevDisabled,\n    giphyActive: prevGiphyActive,\n    sendMessage: prevSendMessage,\n  } = prevProps;\n  const {\n    disabled: nextDisabled,\n    giphyActive: nextGiphyActive,\n    sendMessage: nextSendMessage,\n  } = nextProps;\n\n  const disabledEqual = prevDisabled === nextDisabled;\n  if (!disabledEqual) return false;\n\n  const giphyActiveEqual = prevGiphyActive === nextGiphyActive;\n  if (!giphyActiveEqual) return false;\n\n  const sendMessageEqual = prevSendMessage === nextSendMessage;\n  if (!sendMessageEqual) return false;\n\n  return true;\n};\n\nconst MemoizedSendButton = React.memo(\n  SendButtonWithContext,\n  areEqual,\n) as typeof SendButtonWithContext;\n\nexport type SendButtonProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Partial<SendButtonPropsWithContext<StreamChatGenerics>>;\n\n/**\n * UI Component for send button in MessageInput component.\n */\nexport const SendButton = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: SendButtonProps<StreamChatGenerics>,\n) => {\n  const { giphyActive, sendMessage } = useMessageInputContext<StreamChatGenerics>();\n\n  return (\n    <MemoizedSendButton\n      {...{ giphyActive, sendMessage }}\n      {...props}\n      {...{ disabled: props.disabled || false }}\n    />\n  );\n};\n\nSendButton.displayName = 'SendButton{messageInput}';\n"],"mappings":"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"}

package/lib/commonjs/components/MessageInput/SendMessageDisallowedIndicator.js

@@ -29,11 +29,13 @@ var SendMessageDisallowedIndicator = function SendMessageDisallowedIndicator() {
     _useTheme$theme$color = _useTheme$theme.colors,
     border = _useTheme$theme$color.border,
     grey_dark = _useTheme$theme$color.grey_dark,
+    white = _useTheme$theme$color.white,
     _useTheme$theme$messa = _useTheme$theme.messageInput.sendMessageDisallowedIndicator,
     container = _useTheme$theme$messa.container,
     text = _useTheme$theme$messa.text;
   return _react["default"].createElement(_reactNative.View, {
     style: [styles.container, {
+      backgroundColor: white,
       borderTopColor: border,
       height: 50
     }, container],
@@ -51,7 +53,7 @@ var SendMessageDisallowedIndicator = function SendMessageDisallowedIndicator() {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 43,
+      lineNumber: 44,
       columnNumber: 7
     }
   }, t("You can't send messages in this channel")));

package/lib/commonjs/components/MessageInput/SendMessageDisallowedIndicator.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ThemeContext","_TranslationContext","_this","_jsxFileName","styles","StyleSheet","create","container","alignItems","borderTopWidth","height","justifyContent","text","fontSize","fontWeight","SendMessageDisallowedIndicator","_useTranslationContex","useTranslationContext","t","_useTheme","useTheme","_useTheme$theme","theme","_useTheme$theme$color","colors","border","grey_dark","_useTheme$theme$messa","messageInput","sendMessageDisallowedIndicator","createElement","View","style","borderTopColor","testID","__self","__source","fileName","lineNumber","columnNumber","Text","color","exports"],"sources":["SendMessageDisallowedIndicator.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, View } from 'react-native';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { useTranslationContext } from '../../contexts/translationContext/TranslationContext';\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    borderTopWidth: 1,\n    height: 50,\n    justifyContent: 'center',\n  },\n  text: {\n    fontSize: 17,\n    fontWeight: '400',\n  },\n});\n\nexport const SendMessageDisallowedIndicator = () => {\n  const { t } = useTranslationContext();\n  const {\n    theme: {\n      colors: { border, grey_dark },\n      messageInput: {\n        sendMessageDisallowedIndicator: { container, text },\n      },\n    },\n  } = useTheme();\n\n  return (\n    <View\n      style={[\n        styles.container,\n        {\n          borderTopColor: border,\n          height: 50,\n        },\n        container,\n      ]}\n      testID='send-message-disallowed-indicator'\n    >\n      <Text style={[styles.text, { color: grey_dark }, text]}>\n        {t(\"You can't send messages in this channel\")}\n      </Text>\n    </View>\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,mBAAA,GAAAH,OAAA;AAA6F,IAAAI,KAAA;EAAAC,YAAA;AAE7F,IAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,CAAC;IACjBC,MAAM,EAAE,EAAE;IACVC,cAAc,EAAE;EAClB,CAAC;EACDC,IAAI,EAAE;IACJC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAEK,IAAMC,8BAA8B,GAAG,SAAjCA,8BAA8BA,CAAA,EAAS;EAClD,IAAAC,qBAAA,GAAc,IAAAC,yCAAqB,EAAC,CAAC;IAA7BC,CAAC,GAAAF,qBAAA,CAADE,CAAC;EACT,IAAAC,SAAA,GAOI,IAAAC,sBAAQ,EAAC,CAAC;IAAAC,eAAA,GAAAF,SAAA,CANZG,KAAK;IAAAC,qBAAA,GAAAF,eAAA,CACHG,MAAM;IAAIC,MAAM,GAAAF,qBAAA,CAANE,MAAM;IAAEC,SAAS,GAAAH,qBAAA,CAATG,SAAS;IAAAC,qBAAA,GAAAN,eAAA,CAC3BO,YAAY,CACVC,8BAA8B;IAAItB,SAAS,GAAAoB,qBAAA,CAATpB,SAAS;IAAEK,IAAI,GAAAe,qBAAA,CAAJf,IAAI;EAKvD,OACEhB,MAAA,YAAAkC,aAAA,CAAC/B,YAAA,CAAAgC,IAAI;IACHC,KAAK,EAAE,CACL5B,MAAM,CAACG,SAAS,EAChB;MACE0B,cAAc,EAAER,MAAM;MACtBf,MAAM,EAAE;IACV,CAAC,EACDH,SAAS,CACT;IACF2B,MAAM,EAAC,mCAAmC;IAAAC,MAAA,EAAAjC,KAAA;IAAAkC,QAAA;MAAAC,QAAA,EAAAlC,YAAA;MAAAmC,UAAA;MAAAC,YAAA;IAAA;EAAA,GAE1C3C,MAAA,YAAAkC,aAAA,CAAC/B,YAAA,CAAAyC,IAAI;IAACR,KAAK,EAAE,CAAC5B,MAAM,CAACQ,IAAI,EAAE;MAAE6B,KAAK,EAAEf;IAAU,CAAC,EAAEd,IAAI,CAAE;IAAAuB,MAAA,EAAAjC,KAAA;IAAAkC,QAAA;MAAAC,QAAA,EAAAlC,YAAA;MAAAmC,UAAA;MAAAC,YAAA;IAAA;EAAA,GACpDrB,CAAC,CAAC,yCAAyC,CACxC,CACF,CAAC;AAEX,CAAC;AAACwB,OAAA,CAAA3B,8BAAA,GAAAA,8BAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ThemeContext","_TranslationContext","_this","_jsxFileName","styles","StyleSheet","create","container","alignItems","borderTopWidth","height","justifyContent","text","fontSize","fontWeight","SendMessageDisallowedIndicator","_useTranslationContex","useTranslationContext","t","_useTheme","useTheme","_useTheme$theme","theme","_useTheme$theme$color","colors","border","grey_dark","white","_useTheme$theme$messa","messageInput","sendMessageDisallowedIndicator","createElement","View","style","backgroundColor","borderTopColor","testID","__self","__source","fileName","lineNumber","columnNumber","Text","color","exports"],"sources":["SendMessageDisallowedIndicator.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, View } from 'react-native';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { useTranslationContext } from '../../contexts/translationContext/TranslationContext';\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    borderTopWidth: 1,\n    height: 50,\n    justifyContent: 'center',\n  },\n  text: {\n    fontSize: 17,\n    fontWeight: '400',\n  },\n});\n\nexport const SendMessageDisallowedIndicator = () => {\n  const { t } = useTranslationContext();\n  const {\n    theme: {\n      colors: { border, grey_dark, white },\n      messageInput: {\n        sendMessageDisallowedIndicator: { container, text },\n      },\n    },\n  } = useTheme();\n\n  return (\n    <View\n      style={[\n        styles.container,\n        {\n          backgroundColor: white,\n          borderTopColor: border,\n          height: 50,\n        },\n        container,\n      ]}\n      testID='send-message-disallowed-indicator'\n    >\n      <Text style={[styles.text, { color: grey_dark }, text]}>\n        {t(\"You can't send messages in this channel\")}\n      </Text>\n    </View>\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,mBAAA,GAAAH,OAAA;AAA6F,IAAAI,KAAA;EAAAC,YAAA;AAE7F,IAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,CAAC;IACjBC,MAAM,EAAE,EAAE;IACVC,cAAc,EAAE;EAClB,CAAC;EACDC,IAAI,EAAE;IACJC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAEK,IAAMC,8BAA8B,GAAG,SAAjCA,8BAA8BA,CAAA,EAAS;EAClD,IAAAC,qBAAA,GAAc,IAAAC,yCAAqB,EAAC,CAAC;IAA7BC,CAAC,GAAAF,qBAAA,CAADE,CAAC;EACT,IAAAC,SAAA,GAOI,IAAAC,sBAAQ,EAAC,CAAC;IAAAC,eAAA,GAAAF,SAAA,CANZG,KAAK;IAAAC,qBAAA,GAAAF,eAAA,CACHG,MAAM;IAAIC,MAAM,GAAAF,qBAAA,CAANE,MAAM;IAAEC,SAAS,GAAAH,qBAAA,CAATG,SAAS;IAAEC,KAAK,GAAAJ,qBAAA,CAALI,KAAK;IAAAC,qBAAA,GAAAP,eAAA,CAClCQ,YAAY,CACVC,8BAA8B;IAAIvB,SAAS,GAAAqB,qBAAA,CAATrB,SAAS;IAAEK,IAAI,GAAAgB,qBAAA,CAAJhB,IAAI;EAKvD,OACEhB,MAAA,YAAAmC,aAAA,CAAChC,YAAA,CAAAiC,IAAI;IACHC,KAAK,EAAE,CACL7B,MAAM,CAACG,SAAS,EAChB;MACE2B,eAAe,EAAEP,KAAK;MACtBQ,cAAc,EAAEV,MAAM;MACtBf,MAAM,EAAE;IACV,CAAC,EACDH,SAAS,CACT;IACF6B,MAAM,EAAC,mCAAmC;IAAAC,MAAA,EAAAnC,KAAA;IAAAoC,QAAA;MAAAC,QAAA,EAAApC,YAAA;MAAAqC,UAAA;MAAAC,YAAA;IAAA;EAAA,GAE1C7C,MAAA,YAAAmC,aAAA,CAAChC,YAAA,CAAA2C,IAAI;IAACT,KAAK,EAAE,CAAC7B,MAAM,CAACQ,IAAI,EAAE;MAAE+B,KAAK,EAAEjB;IAAU,CAAC,EAAEd,IAAI,CAAE;IAAAyB,MAAA,EAAAnC,KAAA;IAAAoC,QAAA;MAAAC,QAAA,EAAApC,YAAA;MAAAqC,UAAA;MAAAC,YAAA;IAAA;EAAA,GACpDvB,CAAC,CAAC,yCAAyC,CACxC,CACF,CAAC;AAEX,CAAC;AAAC0B,OAAA,CAAA7B,8BAAA,GAAAA,8BAAA"}