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

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

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.clamp = exports.IsSwiping = exports.ImageGallery = exports.HasPinched = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
@@ -28,10 +27,11 @@ var _native = require("../../native");
 var _getResizedImageUrl = require("../../utils/getResizedImageUrl");
 var _getUrlOfImageAttachment = require("../../utils/getUrlOfImageAttachment");
 var _getGiphyMimeType = require("../Attachment/utils/getGiphyMimeType");
+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/ImageGallery.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 isAndroid = _reactNative.Platform.OS === 'android';
 var fullScreenHeight = _reactNative.Dimensions.get('screen').height;
 var MARGIN = 32;
@@ -48,6 +48,24 @@ var IsSwiping = function (IsSwiping) {
   return IsSwiping;
 }({});
 exports.IsSwiping = IsSwiping;
+var normalizeSnapPoints = function normalizeSnapPoints(input) {
+  var snapPoints = input ? 'value' in input ? input.value : input : [];
+  return snapPoints.map(function (snapPoint) {
+    if (typeof snapPoint === 'number') {
+      return Math.max(0, snapPoint);
+    } else {
+      var numericValue = Number(snapPoint.replace('%', ''));
+      var isPercentage = snapPoint.includes('%');
+      if (isNaN(numericValue)) {
+        return 0;
+      } else if (isPercentage) {
+        return "".concat(Math.max(0, numericValue), "%");
+      } else {
+        return Math.max(0, numericValue);
+      }
+    }
+  });
+};
 var ImageGallery = function ImageGallery(props) {
   var _StatusBar$currentHei, _imageGalleryAttachme;
   var _props$autoPlayVideo = props.autoPlayVideo,
@@ -149,7 +167,7 @@ var ImageGallery = function ImageGallery(props) {
         channelId: cur.cid,
         created_at: cur.created_at,
         duration: 0,
-        id: "photoId-" + cur.id + "-" + imageUrl,
+        id: "photoId-".concat(cur.id, "-").concat(imageUrl),
         messageId: cur.id,
         mime_type: a.type === 'giphy' ? (0, _getGiphyMimeType.getGiphyMimeType)(giphyURL != null ? giphyURL : '') : a.mime_type,
         original_height: a.original_height,
@@ -277,7 +295,7 @@ var ImageGallery = function ImageGallery(props) {
   var handleLoad = function handleLoad(index, duration) {
     setImageGalleryAttachments(function (prevImageGalleryAttachment) {
       return prevImageGalleryAttachment.map(function (imageGalleryAttachment) {
-        return (0, _extends2["default"])({}, imageGalleryAttachment, {
+        return Object.assign({}, imageGalleryAttachment, {
           duration: imageGalleryAttachment.id === index ? duration : imageGalleryAttachment.duration
         });
       });
@@ -286,7 +304,7 @@ var ImageGallery = function ImageGallery(props) {
   var handleProgress = function handleProgress(index, progress, hasEnd) {
     setImageGalleryAttachments(function (prevImageGalleryAttachments) {
       return prevImageGalleryAttachments.map(function (imageGalleryAttachment) {
-        return (0, _extends2["default"])({}, imageGalleryAttachment, {
+        return Object.assign({}, imageGalleryAttachment, {
           progress: imageGalleryAttachment.id === index ? hasEnd ? 1 : progress : imageGalleryAttachment.progress
         });
       });
@@ -296,7 +314,7 @@ var ImageGallery = function ImageGallery(props) {
     if (pausedStatus === false) {
       setImageGalleryAttachments(function (prevImageGalleryAttachment) {
         return prevImageGalleryAttachment.map(function (imageGalleryAttachment) {
-          return (0, _extends2["default"])({}, imageGalleryAttachment, {
+          return Object.assign({}, imageGalleryAttachment, {
             paused: imageGalleryAttachment.id === index ? false : true
           });
         });
@@ -304,7 +322,7 @@ var ImageGallery = function ImageGallery(props) {
     } else {
       setImageGalleryAttachments(function (prevImageGalleryAttachment) {
         return prevImageGalleryAttachment.map(function (imageGalleryAttachment) {
-          return (0, _extends2["default"])({}, imageGalleryAttachment, {
+          return Object.assign({}, imageGalleryAttachment, {
             paused: true
           });
         });
@@ -322,260 +340,146 @@ var ImageGallery = function ImageGallery(props) {
       handlePlayPause(imageGalleryAttachments[selectedIndex].id, status);
     }
   };
-  return _react["default"].createElement(_reactNativeReanimated["default"].View, {
+  return (0, _jsxRuntime.jsxs)(_reactNativeReanimated["default"].View, {
     accessibilityLabel: "Image Gallery",
     pointerEvents: 'auto',
     style: [_reactNative.StyleSheet.absoluteFillObject, showScreenStyle],
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 540,
-      columnNumber: 5
-    }
-  }, _react["default"].createElement(_reactNativeReanimated["default"].View, {
-    style: [_reactNative.StyleSheet.absoluteFillObject, containerBackground],
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 545,
-      columnNumber: 7
-    }
-  }), _react["default"].createElement(_reactNativeGestureHandler.TapGestureHandler, {
-    minPointers: 1,
-    numberOfTaps: 1,
-    onGestureEvent: onSingleTap,
-    ref: singleTapRef,
-    waitFor: [panRef, pinchRef, doubleTapRef],
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 546,
-      columnNumber: 7
-    }
-  }, _react["default"].createElement(_reactNativeReanimated["default"].View, {
-    style: _reactNative.StyleSheet.absoluteFillObject,
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 553,
-      columnNumber: 9
-    }
-  }, _react["default"].createElement(_reactNativeGestureHandler.TapGestureHandler, {
-    maxDeltaX: 8,
-    maxDeltaY: 8,
-    maxDist: 8,
-    minPointers: 1,
-    numberOfTaps: 2,
-    onGestureEvent: onDoubleTap,
-    ref: doubleTapRef,
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 554,
-      columnNumber: 11
-    }
-  }, _react["default"].createElement(_reactNativeReanimated["default"].View, {
-    style: _reactNative.StyleSheet.absoluteFillObject,
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 563,
-      columnNumber: 13
-    }
-  }, _react["default"].createElement(_reactNativeGestureHandler.PinchGestureHandler, {
-    onGestureEvent: onPinch,
-    ref: pinchRef,
-    simultaneousHandlers: [panRef],
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 564,
-      columnNumber: 15
-    }
-  }, _react["default"].createElement(_reactNativeReanimated["default"].View, {
-    style: _reactNative.StyleSheet.absoluteFill,
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 569,
-      columnNumber: 17
-    }
-  }, _react["default"].createElement(_reactNativeGestureHandler.PanGestureHandler, {
-    enabled: overlay === 'gallery',
-    maxPointers: isAndroid ? undefined : 1,
-    minDist: 10,
-    onGestureEvent: onPan,
-    ref: panRef,
-    simultaneousHandlers: [pinchRef],
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 570,
-      columnNumber: 19
-    }
-  }, _react["default"].createElement(_reactNativeReanimated["default"].View, {
-    style: _reactNative.StyleSheet.absoluteFill,
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 578,
-      columnNumber: 21
-    }
-  }, _react["default"].createElement(_reactNativeReanimated["default"].View, {
-    style: [styles.animatedContainer, pagerStyle, pager],
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 579,
-      columnNumber: 23
-    }
-  }, imageGalleryAttachments.map(function (photo, i) {
-    return photo.type === 'video' ? _react["default"].createElement(_AnimatedGalleryVideo.AnimatedGalleryVideo, {
-      attachmentId: photo.id,
-      handleEnd: handleEnd,
-      handleLoad: handleLoad,
-      handleProgress: handleProgress,
-      index: i,
-      key: photo.uri + "-" + i,
-      offsetScale: offsetScale,
-      paused: photo.paused || false,
-      previous: selectedIndex > i,
-      repeat: true,
-      scale: scale,
-      screenHeight: screenHeight,
-      selected: selectedIndex === i,
-      shouldRender: Math.abs(selectedIndex - i) < 4,
-      source: {
-        uri: photo.uri
-      },
-      style: [{
-        height: screenHeight * 8,
-        marginRight: MARGIN,
-        width: screenWidth * 8
-      }, slide],
-      translateX: translateX,
-      translateY: translateY,
+    children: [(0, _jsxRuntime.jsx)(_reactNativeReanimated["default"].View, {
+      style: [_reactNative.StyleSheet.absoluteFillObject, containerBackground]
+    }), (0, _jsxRuntime.jsx)(_reactNativeGestureHandler.TapGestureHandler, {
+      minPointers: 1,
+      numberOfTaps: 1,
+      onGestureEvent: onSingleTap,
+      ref: singleTapRef,
+      waitFor: [panRef, pinchRef, doubleTapRef],
+      children: (0, _jsxRuntime.jsx)(_reactNativeReanimated["default"].View, {
+        style: _reactNative.StyleSheet.absoluteFillObject,
+        children: (0, _jsxRuntime.jsx)(_reactNativeGestureHandler.TapGestureHandler, {
+          maxDeltaX: 8,
+          maxDeltaY: 8,
+          maxDist: 8,
+          minPointers: 1,
+          numberOfTaps: 2,
+          onGestureEvent: onDoubleTap,
+          ref: doubleTapRef,
+          children: (0, _jsxRuntime.jsx)(_reactNativeReanimated["default"].View, {
+            style: _reactNative.StyleSheet.absoluteFillObject,
+            children: (0, _jsxRuntime.jsx)(_reactNativeGestureHandler.PinchGestureHandler, {
+              onGestureEvent: onPinch,
+              ref: pinchRef,
+              simultaneousHandlers: [panRef],
+              children: (0, _jsxRuntime.jsx)(_reactNativeReanimated["default"].View, {
+                style: _reactNative.StyleSheet.absoluteFill,
+                children: (0, _jsxRuntime.jsx)(_reactNativeGestureHandler.PanGestureHandler, {
+                  enabled: overlay === 'gallery',
+                  maxPointers: isAndroid ? undefined : 1,
+                  minDist: 10,
+                  onGestureEvent: onPan,
+                  ref: panRef,
+                  simultaneousHandlers: [pinchRef],
+                  children: (0, _jsxRuntime.jsx)(_reactNativeReanimated["default"].View, {
+                    style: _reactNative.StyleSheet.absoluteFill,
+                    children: (0, _jsxRuntime.jsx)(_reactNativeReanimated["default"].View, {
+                      style: [styles.animatedContainer, pagerStyle, pager],
+                      children: imageGalleryAttachments.map(function (photo, i) {
+                        return photo.type === 'video' ? (0, _jsxRuntime.jsx)(_AnimatedGalleryVideo.AnimatedGalleryVideo, {
+                          attachmentId: photo.id,
+                          handleEnd: handleEnd,
+                          handleLoad: handleLoad,
+                          handleProgress: handleProgress,
+                          index: i,
+                          offsetScale: offsetScale,
+                          paused: photo.paused || false,
+                          previous: selectedIndex > i,
+                          repeat: true,
+                          scale: scale,
+                          screenHeight: screenHeight,
+                          selected: selectedIndex === i,
+                          shouldRender: Math.abs(selectedIndex - i) < 4,
+                          source: {
+                            uri: photo.uri
+                          },
+                          style: [{
+                            height: screenHeight * 8,
+                            marginRight: MARGIN,
+                            width: screenWidth * 8
+                          }, slide],
+                          translateX: translateX,
+                          translateY: translateY,
+                          videoRef: videoRef
+                        }, "".concat(photo.uri, "-").concat(i)) : (0, _jsxRuntime.jsx)(_AnimatedGalleryImage.AnimatedGalleryImage, {
+                          accessibilityLabel: 'Image Item',
+                          index: i,
+                          offsetScale: offsetScale,
+                          photo: photo,
+                          previous: selectedIndex > i,
+                          scale: scale,
+                          screenHeight: screenHeight,
+                          selected: selectedIndex === i,
+                          shouldRender: Math.abs(selectedIndex - i) < 4,
+                          style: [{
+                            height: screenHeight * 8,
+                            marginRight: MARGIN,
+                            width: screenWidth * 8
+                          }, slide],
+                          translateX: translateX,
+                          translateY: translateY
+                        }, "".concat(photo.uri, "-").concat(i));
+                      })
+                    })
+                  })
+                })
+              })
+            })
+          })
+        })
+      })
+    }), (0, _jsxRuntime.jsx)(_ImageGalleryHeader.ImageGalleryHeader, Object.assign({
+      opacity: headerFooterOpacity,
+      photo: imageGalleryAttachments[selectedIndex],
+      visible: headerFooterVisible
+    }, imageGalleryCustomComponents == null ? void 0 : imageGalleryCustomComponents.header)), imageGalleryAttachments[selectedIndex] && (0, _jsxRuntime.jsx)(_ImageGalleryFooter.ImageGalleryFooter, Object.assign({
+      accessibilityLabel: 'Image Gallery Footer',
+      duration: imageGalleryAttachments[selectedIndex].duration || 0,
+      onPlayPause: onPlayPause,
+      opacity: headerFooterOpacity,
+      openGridView: openGridView,
+      paused: imageGalleryAttachments[selectedIndex].paused || false,
+      photo: imageGalleryAttachments[selectedIndex],
+      photoLength: imageGalleryAttachments.length,
+      progress: imageGalleryAttachments[selectedIndex].progress || 0,
+      selectedIndex: selectedIndex,
       videoRef: videoRef,
-      __self: _this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 582,
-        columnNumber: 29
-      }
-    }) : _react["default"].createElement(_AnimatedGalleryImage.AnimatedGalleryImage, {
-      accessibilityLabel: 'Image Item',
-      index: i,
-      key: photo.uri + "-" + i,
-      offsetScale: offsetScale,
-      photo: photo,
-      previous: selectedIndex > i,
-      scale: scale,
-      screenHeight: screenHeight,
-      selected: selectedIndex === i,
-      shouldRender: Math.abs(selectedIndex - i) < 4,
-      style: [{
-        height: screenHeight * 8,
-        marginRight: MARGIN,
-        width: screenWidth * 8
-      }, slide],
-      translateX: translateX,
-      translateY: translateY,
-      __self: _this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 611,
-        columnNumber: 29
-      }
-    });
-  })))))))))), _react["default"].createElement(_ImageGalleryHeader.ImageGalleryHeader, (0, _extends2["default"])({
-    opacity: headerFooterOpacity,
-    photo: imageGalleryAttachments[selectedIndex],
-    visible: headerFooterVisible
-  }, imageGalleryCustomComponents == null ? void 0 : imageGalleryCustomComponents.header, {
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 644,
-      columnNumber: 7
-    }
-  })), imageGalleryAttachments[selectedIndex] && _react["default"].createElement(_ImageGalleryFooter.ImageGalleryFooter, (0, _extends2["default"])({
-    accessibilityLabel: 'Image Gallery Footer',
-    duration: imageGalleryAttachments[selectedIndex].duration || 0,
-    onPlayPause: onPlayPause,
-    opacity: headerFooterOpacity,
-    openGridView: openGridView,
-    paused: imageGalleryAttachments[selectedIndex].paused || false,
-    photo: imageGalleryAttachments[selectedIndex],
-    photoLength: imageGalleryAttachments.length,
-    progress: imageGalleryAttachments[selectedIndex].progress || 0,
-    selectedIndex: selectedIndex,
-    videoRef: videoRef,
-    visible: headerFooterVisible
-  }, imageGalleryCustomComponents == null ? void 0 : imageGalleryCustomComponents.footer, {
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 652,
-      columnNumber: 9
-    }
-  })), _react["default"].createElement(_ImageGalleryOverlay.ImageGalleryOverlay, {
-    animatedBottomSheetIndex: animatedBottomSheetIndex,
-    closeGridView: closeGridView,
-    currentBottomSheetIndex: currentBottomSheetIndex,
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 669,
-      columnNumber: 7
-    }
-  }), _react["default"].createElement(_bottomSheet.BottomSheetModalProvider, {
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 674,
-      columnNumber: 7
-    }
-  }, _react["default"].createElement(_bottomSheet.BottomSheetModal, {
-    animatedIndex: animatedBottomSheetIndex,
-    enablePanDownToClose: true,
-    handleComponent: function handleComponent() {
-      return _react["default"].createElement(_ImageGridHandle.ImageGridHandle, (0, _extends2["default"])({
-        closeGridView: closeGridView
-      }, imageGalleryCustomComponents == null ? void 0 : imageGalleryCustomComponents.gridHandle, {
-        __self: _this,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 679,
-          columnNumber: 13
-        }
-      }));
-    },
-    handleHeight: imageGalleryGridHandleHeight != null ? imageGalleryGridHandleHeight : 40,
-    index: 0,
-    onChange: function onChange(index) {
-      return setCurrentBottomSheetIndex(index);
-    },
-    ref: bottomSheetModalRef,
-    snapPoints: imageGalleryGridSnapPoints || snapPoints,
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 675,
-      columnNumber: 9
-    }
-  }, _react["default"].createElement(_ImageGrid.ImageGrid, (0, _extends2["default"])({
-    closeGridView: closeGridView,
-    numberOfImageGalleryGridColumns: numberOfImageGalleryGridColumns,
-    photos: gridPhotos,
-    setSelectedMessage: setSelectedMessage
-  }, imageGalleryCustomComponents == null ? void 0 : imageGalleryCustomComponents.grid, {
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 690,
-      columnNumber: 11
-    }
-  })))));
+      visible: headerFooterVisible
+    }, imageGalleryCustomComponents == null ? void 0 : imageGalleryCustomComponents.footer)), (0, _jsxRuntime.jsx)(_ImageGalleryOverlay.ImageGalleryOverlay, {
+      animatedBottomSheetIndex: animatedBottomSheetIndex,
+      closeGridView: closeGridView,
+      currentBottomSheetIndex: currentBottomSheetIndex
+    }), (0, _jsxRuntime.jsx)(_bottomSheet.BottomSheetModalProvider, {
+      children: (0, _jsxRuntime.jsx)(_bottomSheet.BottomSheetModal, {
+        animatedIndex: animatedBottomSheetIndex,
+        enablePanDownToClose: true,
+        handleComponent: function handleComponent() {
+          return (0, _jsxRuntime.jsx)(_ImageGridHandle.ImageGridHandle, Object.assign({
+            closeGridView: closeGridView
+          }, imageGalleryCustomComponents == null ? void 0 : imageGalleryCustomComponents.gridHandle));
+        },
+        handleHeight: imageGalleryGridHandleHeight != null ? imageGalleryGridHandleHeight : 40,
+        index: 0,
+        onChange: function onChange(index) {
+          return setCurrentBottomSheetIndex(index);
+        },
+        ref: bottomSheetModalRef,
+        snapPoints: normalizeSnapPoints(imageGalleryGridSnapPoints || snapPoints),
+        children: (0, _jsxRuntime.jsx)(_ImageGrid.ImageGrid, Object.assign({
+          closeGridView: closeGridView,
+          numberOfImageGalleryGridColumns: numberOfImageGalleryGridColumns,
+          photos: gridPhotos,
+          setSelectedMessage: setSelectedMessage
+        }, imageGalleryCustomComponents == null ? void 0 : imageGalleryCustomComponents.grid))
+      })
+    })]
+  });
 };
 exports.ImageGallery = ImageGallery;
 var clamp = function clamp(value, lowerBound, upperBound) {