stream-chat-react-native-core 5.27.0-beta.9 → 5.27.1-beta.1

package/lib/module/components/ImageGallery/components/ImageGalleryOverlay.js

@@ -10,10 +10,11 @@ var _reactNative = require("react-native");
 var _reactNativeGestureHandler = require("react-native-gesture-handler");
 var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
 var _ThemeContext = require("../../../contexts/themeContext/ThemeContext");
+var _jsxRuntime = require("react/jsx-runtime");
 var _this = this,
   _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/ImageGallery/components/ImageGalleryOverlay.tsx";
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 var ImageGalleryOverlay = function ImageGalleryOverlay(props) {
   var animatedBottomSheetIndex = props.animatedBottomSheetIndex,
     closeGridView = props.closeGridView,
@@ -59,28 +60,17 @@ var ImageGalleryOverlay = function ImageGalleryOverlay(props) {
   if (!visible) {
     return null;
   }
-  return _react["default"].createElement(_reactNativeGestureHandler.TapGestureHandler, {
+  return (0, _jsxRuntime.jsx)(_reactNativeGestureHandler.TapGestureHandler, {
     maxDeltaX: 16,
     maxDeltaY: 16,
     onHandlerStateChange: tapEvent,
     testID: "image-gallery-overlay",
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 77,
-      columnNumber: 5
-    }
-  }, _react["default"].createElement(_reactNativeReanimated["default"].View, {
-    style: [_reactNative.StyleSheet.absoluteFillObject, {
-      backgroundColor: overlayColor
-    }, overlay, showOverlayStyle],
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 83,
-      columnNumber: 7
-    }
-  }));
+    children: (0, _jsxRuntime.jsx)(_reactNativeReanimated["default"].View, {
+      style: [_reactNative.StyleSheet.absoluteFillObject, {
+        backgroundColor: overlayColor
+      }, overlay, showOverlayStyle]
+    })
+  });
 };
 exports.ImageGalleryOverlay = ImageGalleryOverlay;
 ImageGalleryOverlay.displayName = 'ImageGrid{imageGallery{grid{overlay}}}';

package/lib/module/components/ImageGallery/components/ImageGalleryOverlay.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeGestureHandler","_reactNativeReanimated","_ThemeContext","_this","_jsxFileName","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ImageGalleryOverlay","props","animatedBottomSheetIndex","closeGridView","currentBottomSheetIndex","_useTheme","useTheme","_useTheme$theme","theme","overlayColor","colors","overlay","imageGallery","grid","_useState","useState","_useState2","_slicedToArray2","visible","setVisible","_useState3","_useState4","fadedIn","setFadedIn","opacity","useSharedValue","useEffect","value","withTiming","duration","easing","Easing","out","ease","runOnJS","showOverlayStyle","useAnimatedStyle","tapEvent","event","nativeEvent","state","State","END","createElement","TapGestureHandler","maxDeltaX","maxDeltaY","onHandlerStateChange","testID","__self","__source","fileName","lineNumber","columnNumber","View","style","StyleSheet","absoluteFillObject","backgroundColor","exports","displayName"],"sources":["ImageGalleryOverlay.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { StyleSheet, ViewStyle } from 'react-native';\nimport {\n  State,\n  TapGestureHandler,\n  TapGestureHandlerStateChangeEvent,\n} from 'react-native-gesture-handler';\nimport Animated, {\n  Easing,\n  runOnJS,\n  useAnimatedStyle,\n  useSharedValue,\n  withTiming,\n} from 'react-native-reanimated';\n\nimport { useTheme } from '../../../contexts/themeContext/ThemeContext';\n\ntype Props = {\n  animatedBottomSheetIndex: Animated.SharedValue<number>;\n  closeGridView: () => void;\n  currentBottomSheetIndex: number;\n};\n\nexport const ImageGalleryOverlay: React.FC<Props> = (props) => {\n  const { animatedBottomSheetIndex, closeGridView, currentBottomSheetIndex } = props;\n\n  const {\n    theme: {\n      colors: { overlay: overlayColor },\n      imageGallery: {\n        grid: { overlay },\n      },\n    },\n  } = useTheme();\n\n  const [visible, setVisible] = useState(false);\n  const [fadedIn, setFadedIn] = useState(false);\n\n  const opacity = useSharedValue(0);\n\n  useEffect(() => {\n    if (currentBottomSheetIndex > 0) {\n      setVisible(true);\n      opacity.value = withTiming(\n        1,\n        {\n          duration: 200,\n          easing: Easing.out(Easing.ease),\n        },\n        () => runOnJS(setFadedIn)(true),\n      );\n    } else {\n      setVisible(false);\n      opacity.value = 0;\n      setFadedIn(false);\n    }\n  }, [currentBottomSheetIndex]);\n\n  const showOverlayStyle = useAnimatedStyle<ViewStyle>(\n    () => ({\n      opacity: fadedIn ? animatedBottomSheetIndex.value : opacity.value,\n    }),\n    [fadedIn],\n  );\n\n  const tapEvent = (event: TapGestureHandlerStateChangeEvent) => {\n    if (event.nativeEvent.state === State.END) {\n      closeGridView();\n    }\n  };\n\n  if (!visible) {\n    return null;\n  }\n\n  return (\n    <TapGestureHandler\n      maxDeltaX={16}\n      maxDeltaY={16}\n      onHandlerStateChange={tapEvent}\n      testID='image-gallery-overlay'\n    >\n      <Animated.View\n        style={[\n          StyleSheet.absoluteFillObject,\n          { backgroundColor: overlayColor },\n          overlay,\n          showOverlayStyle,\n        ]}\n      />\n    </TapGestureHandler>\n  );\n};\n\nImageGalleryOverlay.displayName = 'ImageGrid{imageGallery{grid{overlay}}}';\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeGestureHandler","_reactNativeReanimated","_ThemeContext","_jsxRuntime","_this","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ImageGalleryOverlay","props","animatedBottomSheetIndex","closeGridView","currentBottomSheetIndex","_useTheme","useTheme","_useTheme$theme","theme","overlayColor","colors","overlay","imageGallery","grid","_useState","useState","_useState2","_slicedToArray2","visible","setVisible","_useState3","_useState4","fadedIn","setFadedIn","opacity","useSharedValue","useEffect","value","withTiming","duration","easing","Easing","out","ease","runOnJS","showOverlayStyle","useAnimatedStyle","tapEvent","event","nativeEvent","state","State","END","jsx","TapGestureHandler","maxDeltaX","maxDeltaY","onHandlerStateChange","testID","children","View","style","StyleSheet","absoluteFillObject","backgroundColor","exports","displayName"],"sourceRoot":"../../../../../src","sources":["components/ImageGallery/components/ImageGalleryOverlay.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/ImageGallery/components/ImageGalleryVideoControl.js

@@ -11,6 +11,7 @@ var _dayjs = _interopRequireDefault(require("dayjs"));
 var _ThemeContext = require("../../../contexts/themeContext/ThemeContext");
 var _icons = require("../../../icons");
 var _ProgressControl = require("../../ProgressControl/ProgressControl");
+var _jsxRuntime = require("react/jsx-runtime");
 var _this = this,
   _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/ImageGallery/components/ImageGalleryVideoControl.tsx";
 var styles = _reactNative.StyleSheet.create({
@@ -83,91 +84,48 @@ var ImageGalleryVideoControl = _react["default"].memo(function (props) {
       return _ref.apply(this, arguments);
     };
   }();
-  return _react["default"].createElement(_reactNative.View, {
+  return (0, _jsxRuntime.jsxs)(_reactNative.View, {
     style: [styles.videoContainer, videoContainer],
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 74,
-      columnNumber: 7
-    }
-  }, _react["default"].createElement(_reactNative.TouchableOpacity, {
-    accessibilityLabel: "Play Pause Button",
-    onPress: handlePlayPause,
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 75,
-      columnNumber: 9
-    }
-  }, _react["default"].createElement(_reactNative.View, {
-    style: [styles.roundedView, roundedView, {
-      backgroundColor: static_white
-    }],
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 76,
-      columnNumber: 11
-    }
-  }, paused ? _react["default"].createElement(_icons.Play, {
-    accessibilityLabel: "Play Icon",
-    height: 24,
-    pathFill: static_black,
-    width: 24,
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 78,
-      columnNumber: 15
-    }
-  }) : _react["default"].createElement(_icons.Pause, {
-    accessibilityLabel: "Pause Icon",
-    height: 24,
-    pathFill: static_black,
-    width: 24,
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 80,
-      columnNumber: 15
-    }
-  }))), _react["default"].createElement(_reactNative.Text, {
-    accessibilityLabel: "Progress Duration",
-    style: [styles.durationTextStyle, durationTextStyle, {
-      color: black
-    }],
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 89,
-      columnNumber: 9
-    }
-  }, progressDuration ? progressDuration : '00:00'), _react["default"].createElement(_ProgressControl.ProgressControl, {
-    duration: duration,
-    filledColor: accent_blue,
-    onPlayPause: onPlayPause,
-    progress: progress,
-    testID: 'progress-control',
-    width: 180,
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 95,
-      columnNumber: 9
-    }
-  }), _react["default"].createElement(_reactNative.Text, {
-    accessibilityLabel: "Video Duration",
-    style: [styles.durationTextStyle, durationTextStyle, {
-      color: black
-    }],
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 103,
-      columnNumber: 9
-    }
-  }, videoDuration ? videoDuration : '00:00'));
+    children: [(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+      accessibilityLabel: "Play Pause Button",
+      onPress: handlePlayPause,
+      children: (0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: [styles.roundedView, roundedView, {
+          backgroundColor: static_white
+        }],
+        children: paused ? (0, _jsxRuntime.jsx)(_icons.Play, {
+          accessibilityLabel: "Play Icon",
+          height: 24,
+          pathFill: static_black,
+          width: 24
+        }) : (0, _jsxRuntime.jsx)(_icons.Pause, {
+          accessibilityLabel: "Pause Icon",
+          height: 24,
+          pathFill: static_black,
+          width: 24
+        })
+      })
+    }), (0, _jsxRuntime.jsx)(_reactNative.Text, {
+      accessibilityLabel: "Progress Duration",
+      style: [styles.durationTextStyle, durationTextStyle, {
+        color: black
+      }],
+      children: progressDuration ? progressDuration : '00:00'
+    }), (0, _jsxRuntime.jsx)(_ProgressControl.ProgressControl, {
+      duration: duration,
+      filledColor: accent_blue,
+      onPlayPause: onPlayPause,
+      progress: progress,
+      testID: 'progress-control',
+      width: 180
+    }), (0, _jsxRuntime.jsx)(_reactNative.Text, {
+      accessibilityLabel: "Video Duration",
+      style: [styles.durationTextStyle, durationTextStyle, {
+        color: black
+      }],
+      children: videoDuration ? videoDuration : '00:00'
+    })]
+  });
 }, function (prevProps, nextProps) {
   if (prevProps.duration === nextProps.duration && prevProps.paused === nextProps.paused && prevProps.progress === nextProps.progress) {
     return true;

package/lib/module/components/ImageGallery/components/ImageGalleryVideoControl.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_dayjs","_ThemeContext","_icons","_ProgressControl","_this","_jsxFileName","styles","StyleSheet","create","durationTextStyle","fontWeight","roundedView","alignItems","borderRadius","display","elevation","height","justifyContent","width","videoContainer","backgroundColor","flexDirection","padding","ImageGalleryVideoControl","React","memo","props","duration","onPlayPause","paused","progress","videoRef","videoDuration","dayjs","format","progressValueInSeconds","progressDuration","_useTheme","useTheme","_useTheme$theme","theme","_useTheme$theme$color","colors","accent_blue","black","static_black","static_white","_useTheme$theme$image","imageGallery","videoControl","handlePlayPause","_ref","_asyncToGenerator2","_regenerator","mark","_callee","_videoRef$current","wrap","_callee$","_context","prev","next","current","setPositionAsync","stop","apply","arguments","createElement","View","style","__self","__source","fileName","lineNumber","columnNumber","TouchableOpacity","accessibilityLabel","onPress","Play","pathFill","Pause","Text","color","ProgressControl","filledColor","testID","prevProps","nextProps","exports","displayName"],"sources":["ImageGalleryVideoControl.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, TouchableOpacity, View } from 'react-native';\n\nimport dayjs from 'dayjs';\n\nimport type { ImageGalleryFooterVideoControlProps } from './ImageGalleryFooter';\n\nimport { useTheme } from '../../../contexts/themeContext/ThemeContext';\n\nimport { Pause, Play } from '../../../icons';\nimport { ProgressControl } from '../../ProgressControl/ProgressControl';\n\nconst styles = StyleSheet.create({\n  durationTextStyle: {\n    fontWeight: 'bold',\n  },\n  roundedView: {\n    alignItems: 'center',\n    borderRadius: 50,\n    display: 'flex',\n    elevation: 2,\n    height: 36,\n    justifyContent: 'center',\n    width: 36,\n  },\n  videoContainer: {\n    alignItems: 'center',\n    backgroundColor: 'rgba(52, 52, 52, 0.1)',\n    display: 'flex',\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    padding: 10,\n  },\n});\n\nexport const ImageGalleryVideoControl: React.FC<ImageGalleryFooterVideoControlProps> = React.memo(\n  (props) => {\n    const { duration, onPlayPause, paused, progress, videoRef } = props;\n\n    const videoDuration = duration\n      ? duration / 3600 >= 1\n        ? dayjs.duration(duration, 'second').format('HH:mm:ss')\n        : dayjs.duration(duration, 'second').format('mm:ss')\n      : null;\n\n    const progressValueInSeconds = progress * duration;\n\n    const progressDuration = progressValueInSeconds\n      ? progressValueInSeconds / 3600 >= 1\n        ? dayjs.duration(progressValueInSeconds, 'second').format('HH:mm:ss')\n        : dayjs.duration(progressValueInSeconds, 'second').format('mm:ss')\n      : null;\n\n    const {\n      theme: {\n        colors: { accent_blue, black, static_black, static_white },\n        imageGallery: {\n          videoControl: { durationTextStyle, roundedView, videoContainer },\n        },\n      },\n    } = useTheme();\n\n    const handlePlayPause = async () => {\n      if (progress === 1) {\n        // For expo CLI\n        if (videoRef.current?.setPositionAsync) {\n          await videoRef.current.setPositionAsync(0);\n        }\n      }\n      onPlayPause();\n    };\n\n    return (\n      <View style={[styles.videoContainer, videoContainer]}>\n        <TouchableOpacity accessibilityLabel='Play Pause Button' onPress={handlePlayPause}>\n          <View style={[styles.roundedView, roundedView, { backgroundColor: static_white }]}>\n            {paused ? (\n              <Play accessibilityLabel='Play Icon' height={24} pathFill={static_black} width={24} />\n            ) : (\n              <Pause\n                accessibilityLabel='Pause Icon'\n                height={24}\n                pathFill={static_black}\n                width={24}\n              />\n            )}\n          </View>\n        </TouchableOpacity>\n        <Text\n          accessibilityLabel='Progress Duration'\n          style={[styles.durationTextStyle, durationTextStyle, { color: black }]}\n        >\n          {progressDuration ? progressDuration : '00:00'}\n        </Text>\n        <ProgressControl\n          duration={duration}\n          filledColor={accent_blue}\n          onPlayPause={onPlayPause}\n          progress={progress}\n          testID={'progress-control'}\n          width={180}\n        />\n        <Text\n          accessibilityLabel='Video Duration'\n          style={[styles.durationTextStyle, durationTextStyle, { color: black }]}\n        >\n          {videoDuration ? videoDuration : '00:00'}\n        </Text>\n      </View>\n    );\n  },\n  (prevProps, nextProps) => {\n    if (\n      prevProps.duration === nextProps.duration &&\n      prevProps.paused === nextProps.paused &&\n      prevProps.progress === nextProps.progress\n    ) {\n      return true;\n    } else {\n      return false;\n    }\n  },\n);\n\nImageGalleryVideoControl.displayName = 'ImageGalleryVideoControl{imageGallery{videoControl}}';\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_dayjs","_ThemeContext","_icons","_ProgressControl","_jsxRuntime","_this","_jsxFileName","styles","StyleSheet","create","durationTextStyle","fontWeight","roundedView","alignItems","borderRadius","display","elevation","height","justifyContent","width","videoContainer","backgroundColor","flexDirection","padding","ImageGalleryVideoControl","React","memo","props","duration","onPlayPause","paused","progress","videoRef","videoDuration","dayjs","format","progressValueInSeconds","progressDuration","_useTheme","useTheme","_useTheme$theme","theme","_useTheme$theme$color","colors","accent_blue","black","static_black","static_white","_useTheme$theme$image","imageGallery","videoControl","handlePlayPause","_ref","_asyncToGenerator2","_regenerator","mark","_callee","_videoRef$current","wrap","_callee$","_context","prev","next","current","setPositionAsync","stop","apply","arguments","jsxs","View","style","children","jsx","TouchableOpacity","accessibilityLabel","onPress","Play","pathFill","Pause","Text","color","ProgressControl","filledColor","testID","prevProps","nextProps","exports","displayName"],"sourceRoot":"../../../../../src","sources":["components/ImageGallery/components/ImageGalleryVideoControl.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/ImageGallery/components/ImageGrid.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ImageGrid = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
@@ -11,6 +10,7 @@ var _bottomSheet = require("@gorhom/bottom-sheet");
 var _VideoThumbnail = require("../../../components/Attachment/VideoThumbnail");
 var _ThemeContext = require("../../../contexts/themeContext/ThemeContext");
 var _useViewport2 = require("../../../hooks/useViewport");
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["imageComponent"];
 var _this = this,
   _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/ImageGallery/components/ImageGrid.tsx";
@@ -53,60 +53,32 @@ var GridImage = function GridImage(_ref) {
       item: restItem
     });
   }
-  return _react["default"].createElement(_bottomSheet.TouchableOpacity, {
+  return (0, _jsxRuntime.jsx)(_bottomSheet.TouchableOpacity, {
     accessibilityLabel: "Grid Image",
     onPress: selectAndClose,
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 86,
-      columnNumber: 5
-    }
-  }, type === 'video' ? _react["default"].createElement(_reactNative.View, {
-    style: [styles.image, {
-      height: size,
-      width: size
-    }, gridImage],
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 88,
-      columnNumber: 9
-    }
-  }, _react["default"].createElement(_VideoThumbnail.VideoThumbnail, {
-    thumb_url: thumb_url,
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 89,
-      columnNumber: 11
-    }
-  })) : _react["default"].createElement(_reactNative.Image, {
-    source: {
-      uri: uri
-    },
-    style: [styles.image, {
-      height: size,
-      width: size
-    }],
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 92,
-      columnNumber: 9
-    }
-  }));
+    children: type === 'video' ? (0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.image, {
+        height: size,
+        width: size
+      }, gridImage],
+      children: (0, _jsxRuntime.jsx)(_VideoThumbnail.VideoThumbnail, {
+        thumb_url: thumb_url
+      })
+    }) : (0, _jsxRuntime.jsx)(_reactNative.Image, {
+      source: {
+        uri: uri
+      },
+      style: [styles.image, {
+        height: size,
+        width: size
+      }]
+    })
+  });
 };
 var renderItem = function renderItem(_ref2) {
   var item = _ref2.item;
-  return _react["default"].createElement(GridImage, {
-    item: item,
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 104,
-      columnNumber: 7
-    }
+  return (0, _jsxRuntime.jsx)(GridImage, {
+    item: item
   });
 };
 var ImageGrid = function ImageGrid(props) {
@@ -123,7 +95,7 @@ var ImageGrid = function ImageGrid(props) {
     container = _useTheme2$theme$imag.container,
     contentContainer = _useTheme2$theme$imag.contentContainer;
   var imageGridItems = photos.map(function (photo) {
-    return (0, _extends2["default"])({}, photo, {
+    return Object.assign({}, photo, {
       avatarComponent: avatarComponent,
       imageComponent: imageComponent,
       numberOfImageGalleryGridColumns: numberOfImageGalleryGridColumns,
@@ -136,24 +108,18 @@ var ImageGrid = function ImageGrid(props) {
       }
     });
   });
-  return _react["default"].createElement(_bottomSheet.BottomSheetFlatList, {
+  return (0, _jsxRuntime.jsx)(_bottomSheet.BottomSheetFlatList, {
     accessibilityLabel: "Image Grid",
     contentContainerStyle: [styles.contentContainer, {
       backgroundColor: white
     }, contentContainer],
     data: imageGridItems,
     keyExtractor: function keyExtractor(item, index) {
-      return item.uri + "-" + index;
+      return "".concat(item.uri, "-").concat(index);
     },
     numColumns: numberOfImageGalleryGridColumns || 3,
     renderItem: renderItem,
-    style: container,
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 158,
-      columnNumber: 5
-    }
+    style: container
   });
 };
 exports.ImageGrid = ImageGrid;

package/lib/module/components/ImageGallery/components/ImageGrid.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_bottomSheet","_VideoThumbnail","_ThemeContext","_useViewport2","_excluded","_this","_jsxFileName","styles","StyleSheet","create","avatarImage","borderRadius","height","width","avatarImageWrapper","borderWidth","margin","contentContainer","flexGrow","image","GridImage","_ref","item","_useTheme","useTheme","gridImage","theme","imageGallery","grid","_useViewport","useViewport","vw","imageComponent","restItem","_objectWithoutProperties2","numberOfImageGalleryGridColumns","selectAndClose","thumb_url","type","uri","size","createElement","TouchableOpacity","accessibilityLabel","onPress","__self","__source","fileName","lineNumber","columnNumber","View","style","VideoThumbnail","Image","source","renderItem","_ref2","ImageGrid","props","avatarComponent","closeGridView","photos","setSelectedMessage","_useTheme2","_useTheme2$theme","white","colors","_useTheme2$theme$imag","container","imageGridItems","map","photo","_extends2","messageId","url","BottomSheetFlatList","contentContainerStyle","backgroundColor","data","keyExtractor","index","numColumns","exports","displayName"],"sources":["ImageGrid.tsx"],"sourcesContent":["import React from 'react';\nimport { Image, StyleSheet, View } from 'react-native';\n\nimport { BottomSheetFlatList, TouchableOpacity } from '@gorhom/bottom-sheet';\n\nimport { VideoThumbnail } from '../../../components/Attachment/VideoThumbnail';\nimport { useTheme } from '../../../contexts/themeContext/ThemeContext';\nimport { useViewport } from '../../../hooks/useViewport';\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\n\nimport type { Photo } from '../ImageGallery';\n\nconst styles = StyleSheet.create({\n  avatarImage: {\n    borderRadius: 22,\n    height: 22,\n    width: 22,\n  },\n  avatarImageWrapper: {\n    borderRadius: 24,\n    borderWidth: 1,\n    height: 24,\n    margin: 8,\n    width: 24,\n  },\n  contentContainer: {\n    flexGrow: 1,\n  },\n  image: {\n    margin: 1,\n  },\n});\n\nexport type ImageGalleryGridImageComponent<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = ({\n  item,\n}: {\n  item: Photo<StreamChatGenerics> & {\n    selectAndClose: () => void;\n    numberOfImageGalleryGridColumns?: number;\n  };\n}) => React.ReactElement | null;\n\nexport type ImageGalleryGridImageComponents<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = {\n  avatarComponent?: ImageGalleryGridImageComponent<StreamChatGenerics>;\n  imageComponent?: ImageGalleryGridImageComponent<StreamChatGenerics>;\n};\n\nexport type GridImageItem<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Photo<StreamChatGenerics> &\n  ImageGalleryGridImageComponents<StreamChatGenerics> & {\n    selectAndClose: () => void;\n    numberOfImageGalleryGridColumns?: number;\n  };\n\nconst GridImage = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  item,\n}: {\n  item: GridImageItem<StreamChatGenerics>;\n}) => {\n  const {\n    theme: {\n      imageGallery: {\n        grid: { gridImage },\n      },\n    },\n  } = useTheme();\n  const { vw } = useViewport();\n  const { imageComponent, ...restItem } = item;\n\n  const { numberOfImageGalleryGridColumns, selectAndClose, thumb_url, type, uri } = restItem;\n\n  const size = vw(100) / (numberOfImageGalleryGridColumns || 3) - 2;\n\n  if (imageComponent) {\n    return imageComponent({ item: restItem });\n  }\n\n  return (\n    <TouchableOpacity accessibilityLabel='Grid Image' onPress={selectAndClose}>\n      {type === 'video' ? (\n        <View style={[styles.image, { height: size, width: size }, gridImage]}>\n          <VideoThumbnail thumb_url={thumb_url} />\n        </View>\n      ) : (\n        <Image source={{ uri }} style={[styles.image, { height: size, width: size }]} />\n      )}\n    </TouchableOpacity>\n  );\n};\n\nconst renderItem = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  item,\n}: {\n  item: GridImageItem<StreamChatGenerics>;\n}) => <GridImage item={item} />;\n\nexport type ImageGridType<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = ImageGalleryGridImageComponents<StreamChatGenerics> & {\n  closeGridView: () => void;\n  photos: Photo<StreamChatGenerics>[];\n  setSelectedMessage: React.Dispatch<\n    React.SetStateAction<\n      | {\n          messageId?: string | undefined;\n          url?: string | undefined;\n        }\n      | undefined\n    >\n  >;\n  numberOfImageGalleryGridColumns?: number;\n};\n\nexport const ImageGrid = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: ImageGridType<StreamChatGenerics>,\n) => {\n  const {\n    avatarComponent,\n    closeGridView,\n    imageComponent,\n    numberOfImageGalleryGridColumns,\n    photos,\n    setSelectedMessage,\n  } = props;\n\n  const {\n    theme: {\n      colors: { white },\n      imageGallery: {\n        grid: { container, contentContainer },\n      },\n    },\n  } = useTheme();\n\n  const imageGridItems = photos.map((photo) => ({\n    ...photo,\n    avatarComponent,\n    imageComponent,\n    numberOfImageGalleryGridColumns,\n    selectAndClose: () => {\n      setSelectedMessage({ messageId: photo.messageId, url: photo.uri });\n      closeGridView();\n    },\n  }));\n\n  return (\n    <BottomSheetFlatList<GridImageItem<StreamChatGenerics>>\n      accessibilityLabel='Image Grid'\n      contentContainerStyle={[\n        styles.contentContainer,\n        { backgroundColor: white },\n        contentContainer,\n      ]}\n      data={imageGridItems as GridImageItem<StreamChatGenerics>[]}\n      keyExtractor={(item, index) => `${item.uri}-${index}`}\n      numColumns={numberOfImageGalleryGridColumns || 3}\n      renderItem={renderItem}\n      style={container}\n    />\n  );\n};\n\nImageGrid.displayName = 'ImageGrid{imageGallery{grid}}';\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_bottomSheet","_VideoThumbnail","_ThemeContext","_useViewport2","_jsxRuntime","_excluded","_this","_jsxFileName","styles","StyleSheet","create","avatarImage","borderRadius","height","width","avatarImageWrapper","borderWidth","margin","contentContainer","flexGrow","image","GridImage","_ref","item","_useTheme","useTheme","gridImage","theme","imageGallery","grid","_useViewport","useViewport","vw","imageComponent","restItem","_objectWithoutProperties2","numberOfImageGalleryGridColumns","selectAndClose","thumb_url","type","uri","size","jsx","TouchableOpacity","accessibilityLabel","onPress","children","View","style","VideoThumbnail","Image","source","renderItem","_ref2","ImageGrid","props","avatarComponent","closeGridView","photos","setSelectedMessage","_useTheme2","_useTheme2$theme","white","colors","_useTheme2$theme$imag","container","imageGridItems","map","photo","Object","assign","messageId","url","BottomSheetFlatList","contentContainerStyle","backgroundColor","data","keyExtractor","index","concat","numColumns","exports","displayName"],"sourceRoot":"../../../../../src","sources":["components/ImageGallery/components/ImageGrid.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/ImageGallery/components/ImageGridHandle.js

@@ -9,6 +9,7 @@ var _bottomSheet = require("@gorhom/bottom-sheet");
 var _ThemeContext = require("../../../contexts/themeContext/ThemeContext");
 var _TranslationContext = require("../../../contexts/translationContext/TranslationContext");
 var _icons = require("../../../icons");
+var _jsxRuntime = require("react/jsx-runtime");
 var _this = this,
   _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/ImageGallery/components/ImageGridHandle.tsx";
 var styles = _reactNative.StyleSheet.create({
@@ -49,58 +50,31 @@ var ImageGridHandle = function ImageGridHandle(props) {
     handleText = _useTheme$theme$image.handleText;
   var _useTranslationContex = (0, _TranslationContext.useTranslationContext)(),
     t = _useTranslationContex.t;
-  return _react["default"].createElement(_reactNative.View, {
+  return (0, _jsxRuntime.jsxs)(_reactNative.View, {
     accessibilityLabel: "Image Grid Handle",
     style: [styles.handle, {
       backgroundColor: white
     }, handle],
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 63,
-      columnNumber: 5
-    }
-  }, leftComponent ? leftComponent({
-    closeGridView: closeGridView
-  }) : _react["default"].createElement(_reactNative.View, {
-    style: styles.leftContainer,
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 67,
-      columnNumber: 59
-    }
-  }), centerComponent ? centerComponent({
-    closeGridView: closeGridView
-  }) : _react["default"].createElement(_reactNative.Text, {
-    style: [styles.text, {
-      color: black
-    }, handleText],
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 71,
-      columnNumber: 9
-    }
-  }, t('Photos and Videos')), rightComponent ? rightComponent({
-    closeGridView: closeGridView
-  }) : _react["default"].createElement(_bottomSheet.TouchableOpacity, {
-    onPress: closeGridView,
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 76,
-      columnNumber: 9
-    }
-  }, _react["default"].createElement(_icons.Close, {
-    style: styles.closeButton,
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 77,
-      columnNumber: 11
-    }
-  })));
+    children: [leftComponent ? leftComponent({
+      closeGridView: closeGridView
+    }) : (0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.leftContainer
+    }), centerComponent ? centerComponent({
+      closeGridView: closeGridView
+    }) : (0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: [styles.text, {
+        color: black
+      }, handleText],
+      children: t('Photos and Videos')
+    }), rightComponent ? rightComponent({
+      closeGridView: closeGridView
+    }) : (0, _jsxRuntime.jsx)(_bottomSheet.TouchableOpacity, {
+      onPress: closeGridView,
+      children: (0, _jsxRuntime.jsx)(_icons.Close, {
+        style: styles.closeButton
+      })
+    })]
+  });
 };
 exports.ImageGridHandle = ImageGridHandle;
 ImageGridHandle.displayName = 'ImageGridHandle{imageGallery{grid{handle}}}';

package/lib/module/components/ImageGallery/components/ImageGridHandle.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_bottomSheet","_ThemeContext","_TranslationContext","_icons","_this","_jsxFileName","styles","StyleSheet","create","closeButton","marginRight","handle","alignItems","borderTopLeftRadius","borderTopRightRadius","flexDirection","height","justifyContent","leftContainer","marginLeft","width","text","flex","fontSize","fontWeight","textAlign","ImageGridHandle","props","centerComponent","closeGridView","leftComponent","rightComponent","_useTheme","useTheme","_useTheme$theme","theme","_useTheme$theme$color","colors","black","white","_useTheme$theme$image","imageGallery","grid","handleText","_useTranslationContex","useTranslationContext","t","createElement","View","accessibilityLabel","style","backgroundColor","__self","__source","fileName","lineNumber","columnNumber","Text","color","TouchableOpacity","onPress","Close","exports","displayName"],"sources":["ImageGridHandle.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, View } from 'react-native';\n\nimport { TouchableOpacity } from '@gorhom/bottom-sheet';\n\nimport { useTheme } from '../../../contexts/themeContext/ThemeContext';\nimport { useTranslationContext } from '../../../contexts/translationContext/TranslationContext';\nimport { Close } from '../../../icons';\n\nconst styles = StyleSheet.create({\n  closeButton: {\n    marginRight: 16,\n  },\n  handle: {\n    alignItems: 'center',\n    borderTopLeftRadius: 12,\n    borderTopRightRadius: 12,\n    flexDirection: 'row',\n    height: 40,\n    justifyContent: 'center',\n  },\n  leftContainer: {\n    marginLeft: 16,\n    width: 24, // Close icon width on right\n  },\n  text: {\n    flex: 1,\n    fontSize: 16,\n    fontWeight: '600',\n    textAlign: 'center',\n  },\n});\n\nexport type ImageGalleryGridHandleCustomComponent = ({\n  closeGridView,\n}: {\n  closeGridView: () => void;\n}) => React.ReactElement | null;\n\nexport type ImageGalleryGridHandleCustomComponentProps = {\n  centerComponent?: ImageGalleryGridHandleCustomComponent;\n  leftComponent?: ImageGalleryGridHandleCustomComponent;\n  rightComponent?: ImageGalleryGridHandleCustomComponent;\n};\n\ntype Props = ImageGalleryGridHandleCustomComponentProps & {\n  closeGridView: () => void;\n};\n\nexport const ImageGridHandle: React.FC<Props> = (props) => {\n  const { centerComponent, closeGridView, leftComponent, rightComponent } = props;\n  const {\n    theme: {\n      colors: { black, white },\n      imageGallery: {\n        grid: { handle, handleText },\n      },\n    },\n  } = useTheme();\n  const { t } = useTranslationContext();\n\n  return (\n    <View\n      accessibilityLabel='Image Grid Handle'\n      style={[styles.handle, { backgroundColor: white }, handle]}\n    >\n      {leftComponent ? leftComponent({ closeGridView }) : <View style={styles.leftContainer} />}\n      {centerComponent ? (\n        centerComponent({ closeGridView })\n      ) : (\n        <Text style={[styles.text, { color: black }, handleText]}>{t('Photos and Videos')}</Text>\n      )}\n      {rightComponent ? (\n        rightComponent({ closeGridView })\n      ) : (\n        <TouchableOpacity onPress={closeGridView}>\n          <Close style={styles.closeButton} />\n        </TouchableOpacity>\n      )}\n    </View>\n  );\n};\n\nImageGridHandle.displayName = 'ImageGridHandle{imageGallery{grid{handle}}}';\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_bottomSheet","_ThemeContext","_TranslationContext","_icons","_jsxRuntime","_this","_jsxFileName","styles","StyleSheet","create","closeButton","marginRight","handle","alignItems","borderTopLeftRadius","borderTopRightRadius","flexDirection","height","justifyContent","leftContainer","marginLeft","width","text","flex","fontSize","fontWeight","textAlign","ImageGridHandle","props","centerComponent","closeGridView","leftComponent","rightComponent","_useTheme","useTheme","_useTheme$theme","theme","_useTheme$theme$color","colors","black","white","_useTheme$theme$image","imageGallery","grid","handleText","_useTranslationContex","useTranslationContext","t","jsxs","View","accessibilityLabel","style","backgroundColor","children","jsx","Text","color","TouchableOpacity","onPress","Close","exports","displayName"],"sourceRoot":"../../../../../src","sources":["components/ImageGallery/components/ImageGridHandle.tsx"],"mappings":"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","ignoreList":[]}