stream-chat-react-native-core 4.0.0-beta.2 → 4.0.0-beta.3

package/lib/commonjs/components/Attachment/Gallery.js

@@ -7,18 +7,18 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Gallery = void 0;
 
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
 var _react = _interopRequireWildcard(require("react"));
 
 var _reactNative = require("react-native");
 
+var _buildGallery = require("./utils/buildGallery/buildGallery");
+
+var _getGalleryImageBorderRadius = require("./utils/getGalleryImageBorderRadius");
+
 var _ImageGalleryContext = require("../../contexts/imageGalleryContext/ImageGalleryContext");
 
 var _MessageContext = require("../../contexts/messageContext/MessageContext");
@@ -31,7 +31,7 @@ var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
 
 var _utils = require("../../utils/utils");
 
-var _excluded = ["height", "uri"];
+var _excluded = ["uri"];
 
 var _this = this,
     _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Attachment/Gallery.tsx";
@@ -41,34 +41,24 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 var GalleryImage = function GalleryImage(props) {
-  var height = props.height,
-      uri = props.uri,
+  var uri = props.uri,
       rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
-
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      error = _useState2[0],
-      setError = _useState2[1];
-
   return _react["default"].createElement(_reactNative.Image, (0, _extends2["default"])({}, rest, {
-    onError: function onError() {
-      return setError(true);
-    },
     source: {
-      uri: uri.includes('&h=%2A') ? error ? uri : uri.replace('h=%2A', "h=" + _reactNative.PixelRatio.getPixelSizeForLayoutSize(Number(height))) : uri
+      uri: (0, _utils.makeImageCompatibleUrl)(uri)
     },
     testID: "image-attachment-single",
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 54,
+      lineNumber: 46,
       columnNumber: 5
     }
   }));
 };
 
 var MemoizedGalleryImage = _react["default"].memo(GalleryImage, function (prevProps, nextProps) {
-  return prevProps.height === nextProps.height && (0, _utils.getUrlWithoutParams)(prevProps.uri) === (0, _utils.getUrlWithoutParams)(nextProps.uri);
+  return (0, _utils.getUrlWithoutParams)(prevProps.uri) === (0, _utils.getUrlWithoutParams)(nextProps.uri);
 });
 
 var styles = _reactNative.StyleSheet.create({
@@ -83,7 +73,6 @@ var styles = _reactNative.StyleSheet.create({
     overflow: 'hidden'
   },
   imageContainer: {
-    flex: 1,
     padding: 1
   },
   moreImagesContainer: {
@@ -99,8 +88,6 @@ var styles = _reactNative.StyleSheet.create({
 });
 
 var GalleryWithContext = function GalleryWithContext(props) {
-  var _groupStyles$;
-
   var additionalTouchableProps = props.additionalTouchableProps,
       alignment = props.alignment,
       groupStyles = props.groupStyles,
@@ -108,8 +95,6 @@ var GalleryWithContext = function GalleryWithContext(props) {
       images = props.images,
       legacyImageViewerSwipeBehaviour = props.legacyImageViewerSwipeBehaviour,
       message = props.message,
-      messageId = props.messageId,
-      messageTextProp = props.messageText,
       _onLongPress = props.onLongPress,
       _onPress = props.onPress,
       _onPressIn = props.onPressIn,
@@ -125,88 +110,86 @@ var GalleryWithContext = function GalleryWithContext(props) {
       _useTheme$theme$messa = _useTheme$theme.messageSimple.gallery,
       galleryContainer = _useTheme$theme$messa.galleryContainer,
       galleryItemColumn = _useTheme$theme$messa.galleryItemColumn,
-      halfSize = _useTheme$theme$messa.halfSize,
+      gridHeight = _useTheme$theme$messa.gridHeight,
+      gridWidth = _useTheme$theme$messa.gridWidth,
       image = _useTheme$theme$messa.image,
       imageContainer = _useTheme$theme$messa.imageContainer,
+      maxHeight = _useTheme$theme$messa.maxHeight,
+      maxWidth = _useTheme$theme$messa.maxWidth,
+      minHeight = _useTheme$theme$messa.minHeight,
+      minWidth = _useTheme$theme$messa.minWidth,
       moreImagesContainer = _useTheme$theme$messa.moreImagesContainer,
-      moreImagesText = _useTheme$theme$messa.moreImagesText,
-      size = _useTheme$theme$messa.size,
-      width = _useTheme$theme$messa.width;
+      moreImagesText = _useTheme$theme$messa.moreImagesText;
+
+  var sizeConfig = {
+    gridHeight: gridHeight,
+    gridWidth: gridWidth,
+    maxHeight: maxHeight,
+    maxWidth: maxWidth,
+    minHeight: minHeight,
+    minWidth: minWidth
+  };
+
+  var _useMemo = (0, _react.useMemo)(function () {
+    return (0, _buildGallery.buildGallery)({
+      images: images,
+      sizeConfig: sizeConfig
+    });
+  }, [images.length]),
+      height = _useMemo.height,
+      invertedDirections = _useMemo.invertedDirections,
+      thumbnailGrid = _useMemo.thumbnailGrid,
+      width = _useMemo.width;
 
   if (!(images != null && images.length)) return null;
-  var galleryImages = images.slice(0, 4).reduce(function (returnArray, currentImage, index) {
-    var attachmentUrl = currentImage.image_url || currentImage.thumb_url;
-
-    if (attachmentUrl) {
-      var url = (0, _utils.makeImageCompatibleUrl)(attachmentUrl);
-
-      if (images.length <= 2) {
-        returnArray[0] = [].concat((0, _toConsumableArray2["default"])(returnArray[0] || []), [{
-          height: size || 200,
-          url: url
-        }]);
-      } else if (images.length === 3) {
-        if (index === 0) {
-          returnArray[0] = [{
-            height: size || 200,
-            url: url
-          }];
-        } else {
-          returnArray[1] = [].concat((0, _toConsumableArray2["default"])(returnArray[1] || []), [{
-            height: halfSize || 100,
-            url: url
-          }]);
-        }
-      } else {
-        returnArray[index % 2] = [].concat((0, _toConsumableArray2["default"])(returnArray[index % 2] || []), [{
-          height: halfSize || 100,
-          url: url
-        }]);
-      }
-    }
-
-    return returnArray;
-  }, []);
-  var groupStyle = alignment + "_" + (groupStyles == null ? void 0 : (_groupStyles$ = groupStyles[0]) == null ? void 0 : _groupStyles$.toLowerCase == null ? void 0 : _groupStyles$.toLowerCase());
-  var messageText = messageTextProp || (message == null ? void 0 : message.text);
+  var messageText = message == null ? void 0 : message.text;
+  var messageId = message == null ? void 0 : message.id;
+  var numOfColumns = thumbnailGrid.length;
   return _react["default"].createElement(_reactNative.View, {
     style: [styles.galleryContainer, {
+      height: height,
       width: width
-    }, galleryContainer],
-    testID: "image-multiple-container",
+    }, galleryContainer, {
+      flexDirection: invertedDirections ? 'column' : 'row'
+    }],
+    testID: "gallery-container",
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 218,
+      lineNumber: 197,
       columnNumber: 5
     }
-  }, galleryImages.map(function (column, colIndex) {
+  }, thumbnailGrid.map(function (rows, colIndex) {
+    var numOfRows = rows.length;
     return _react["default"].createElement(_reactNative.View, {
-      key: "gallery-item-column-" + colIndex,
-      style: [styles.flex, {
-        flexDirection: images.length === 2 ? 'row' : 'column'
+      key: "gallery-" + (invertedDirections ? 'row' : 'column') + "-" + colIndex,
+      style: [{
+        flexDirection: invertedDirections ? 'row' : 'column'
       }, galleryItemColumn],
+      testID: "gallery-" + (invertedDirections ? 'row' : 'column') + "-" + colIndex,
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 229,
-        columnNumber: 9
+        lineNumber: 214,
+        columnNumber: 11
       }
-    }, column.map(function (_ref, rowIndex) {
+    }, rows.map(function (_ref, rowIndex) {
       var height = _ref.height,
-          url = _ref.url;
+          resizeMode = _ref.resizeMode,
+          url = _ref.url,
+          width = _ref.width;
 
       var defaultOnPress = function defaultOnPress() {
         if (!legacyImageViewerSwipeBehaviour && message) {
           setImages([message]);
           setImage({
-            messageId: messageId || message.id,
+            messageId: message.id,
             url: url
           });
           setOverlay('gallery');
         } else if (legacyImageViewerSwipeBehaviour) {
           setImage({
-            messageId: messageId || (message == null ? void 0 : message.id),
+            messageId: message == null ? void 0 : message.id,
             url: url
           });
           setOverlay('gallery');
@@ -244,51 +227,63 @@ var GalleryWithContext = function GalleryWithContext(props) {
           }
         },
         style: [styles.imageContainer, {
-          height: height
+          height: height,
+          width: width
         }, imageContainer],
-        testID: "image-multiple"
+        testID: "gallery-" + (invertedDirections ? 'row' : 'column') + "-" + colIndex + "-item-" + rowIndex
       }, additionalTouchableProps, {
         __self: _this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 255,
-          columnNumber: 15
+          lineNumber: 239,
+          columnNumber: 17
         }
       }), _react["default"].createElement(MemoizedGalleryImage, {
-        height: height,
-        resizeMode: "cover",
-        style: [styles.flex, {
-          borderBottomLeftRadius: (images.length === 1 || images.length === 2 && rowIndex === 0 || images.length === 3 && colIndex === 0 && rowIndex === 0 || images.length === 4 && colIndex === 0 && rowIndex === 1) && !messageText && (groupStyle !== 'left_bottom' && groupStyle !== 'left_single' || hasThreadReplies && !threadList) ? 14 : 0,
-          borderBottomRightRadius: (images.length === 1 || colIndex === 1 && (images.length === 2 || rowIndex === 1)) && !messageText && (groupStyle !== 'right_bottom' && groupStyle !== 'right_single' || hasThreadReplies && !threadList) ? 14 : 0,
-          borderTopLeftRadius: colIndex === 0 && rowIndex === 0 ? 14 : 0,
-          borderTopRightRadius: (colIndex === 1 || images.length === 1) && rowIndex === 0 || images.length === 3 && colIndex === 0 && rowIndex === 1 || images.length === 2 && rowIndex === 1 ? 14 : 0
-        }, image],
+        resizeMode: resizeMode,
+        style: [(0, _getGalleryImageBorderRadius.getGalleryImageBorderRadius)({
+          alignment: alignment,
+          colIndex: colIndex,
+          groupStyles: groupStyles,
+          hasThreadReplies: hasThreadReplies,
+          height: height,
+          invertedDirections: invertedDirections,
+          messageText: messageText,
+          numOfColumns: numOfColumns,
+          numOfRows: numOfRows,
+          rowIndex: rowIndex,
+          sizeConfig: sizeConfig,
+          threadList: threadList,
+          width: width
+        }), image, {
+          height: height - 1,
+          width: width - 1
+        }],
         uri: url,
         __self: _this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 295,
-          columnNumber: 17
+          lineNumber: 282,
+          columnNumber: 19
         }
-      }), colIndex === 1 && rowIndex === 1 && images.length > 3 ? _react["default"].createElement(_reactNative.View, {
+      }), colIndex === numOfColumns - 1 && rowIndex === numOfRows - 1 && images.length > 4 ? _react["default"].createElement(_reactNative.View, {
         style: [_reactNative.StyleSheet.absoluteFillObject, styles.moreImagesContainer, {
           backgroundColor: overlay
         }, moreImagesContainer],
         __self: _this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 332,
-          columnNumber: 19
+          lineNumber: 311,
+          columnNumber: 21
         }
       }, _react["default"].createElement(_reactNative.Text, {
         style: [styles.moreImagesText, moreImagesText],
         __self: _this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 340,
-          columnNumber: 21
+          lineNumber: 319,
+          columnNumber: 23
         }
-      }, "+" + (images.length - 3))) : null);
+      }, "+" + (images.length - 4))) : null);
     }));
   }));
 };
@@ -297,13 +292,13 @@ var areEqual = function areEqual(prevProps, nextProps) {
   var prevGroupStyles = prevProps.groupStyles,
       prevHasThreadReplies = prevProps.hasThreadReplies,
       prevImages = prevProps.images,
-      prevMessageText = prevProps.messageText;
+      prevMessage = prevProps.message;
   var nextGroupStyles = nextProps.groupStyles,
       nextHasThreadReplies = nextProps.hasThreadReplies,
       nextImages = nextProps.images,
-      nextMessageText = nextProps.messageText;
-  var messageTextEqual = prevMessageText === nextMessageText;
-  if (!messageTextEqual) return false;
+      nextMessage = nextProps.message;
+  var messageEqual = (prevMessage == null ? void 0 : prevMessage.id) === (nextMessage == null ? void 0 : nextMessage.id);
+  if (!messageEqual) return false;
   var groupStylesEqual = prevGroupStyles.length === nextGroupStyles.length && prevGroupStyles[0] === nextGroupStyles[0];
   if (!groupStylesEqual) return false;
   var hasThreadRepliesEqual = prevHasThreadReplies === nextHasThreadReplies;
@@ -323,8 +318,6 @@ var Gallery = function Gallery(props) {
       propGroupStyles = props.groupStyles,
       hasThreadReplies = props.hasThreadReplies,
       propImages = props.images,
-      messageId = props.messageId,
-      messageText = props.messageText,
       propOnLongPress = props.onLongPress,
       propOnPress = props.onPress,
       propOnPressIn = props.onPressIn,
@@ -370,14 +363,12 @@ var Gallery = function Gallery(props) {
   return _react["default"].createElement(MemoizedGallery, {
     additionalTouchableProps: additionalTouchableProps,
     alignment: alignment,
-    channelId: message.cid,
+    channelId: message == null ? void 0 : message.cid,
     groupStyles: groupStyles,
     hasThreadReplies: hasThreadReplies || !!(message != null && message.reply_count),
     images: images,
     legacyImageViewerSwipeBehaviour: legacyImageViewerSwipeBehaviour,
     message: message,
-    messageId: messageId || (message == null ? void 0 : message.id),
-    messageText: messageText || (message == null ? void 0 : message.text),
     onLongPress: onLongPress,
     onPress: onPress,
     onPressIn: onPressIn,
@@ -389,7 +380,7 @@ var Gallery = function Gallery(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 479,
+      lineNumber: 457,
       columnNumber: 5
     }
   });

package/lib/commonjs/components/Attachment/Gallery.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Gallery.tsx"],"names":["GalleryImage","props","height","uri","rest","error","setError","includes","replace","PixelRatio","getPixelSizeForLayoutSize","Number","MemoizedGalleryImage","React","memo","prevProps","nextProps","styles","StyleSheet","create","flex","galleryContainer","borderTopLeftRadius","borderTopRightRadius","flexDirection","flexWrap","overflow","imageContainer","padding","moreImagesContainer","alignItems","justifyContent","margin","moreImagesText","color","fontSize","fontWeight","GalleryWithContext","additionalTouchableProps","alignment","groupStyles","hasThreadReplies","images","legacyImageViewerSwipeBehaviour","message","messageId","messageTextProp","messageText","onLongPress","onPress","onPressIn","preventPress","setImage","setImages","setOverlay","threadList","theme","overlay","colors","messageSimple","gallery","galleryItemColumn","halfSize","image","size","width","length","galleryImages","slice","reduce","returnArray","currentImage","index","attachmentUrl","image_url","thumb_url","url","groupStyle","toLowerCase","text","map","column","colIndex","rowIndex","defaultOnPress","id","event","emitter","defaultHandler","borderBottomLeftRadius","borderBottomRightRadius","absoluteFillObject","backgroundColor","areEqual","prevGroupStyles","prevHasThreadReplies","prevImages","prevMessageText","nextGroupStyles","nextHasThreadReplies","nextImages","nextMessageText","messageTextEqual","groupStylesEqual","hasThreadRepliesEqual","imagesEqual","every","MemoizedGallery","Gallery","propAdditionalTouchableProps","propAlignment","propGroupStyles","propImages","propOnLongPress","propOnPress","propOnPressIn","propPreventPress","propSetImage","propSetOverlay","propThreadList","contextSetImage","contextAlignment","contextGroupStyles","contextImages","contextOnLongPress","contextOnPress","contextOnPressIn","contextPreventPress","contextThreadList","contextAdditionalTouchableProps","contextSetOverlay","channelId","cid","reply_count","displayName"],"mappings":"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","sourcesContent":["import React, { useState } from 'react';\nimport {\n  Image,\n  ImageProps,\n  PixelRatio,\n  StyleSheet,\n  Text,\n  TouchableOpacity,\n  View,\n} from 'react-native';\n\nimport {\n  ImageGalleryContextValue,\n  useImageGalleryContext,\n} from '../../contexts/imageGalleryContext/ImageGalleryContext';\nimport {\n  MessageContextValue,\n  useMessageContext,\n} from '../../contexts/messageContext/MessageContext';\nimport {\n  MessagesContextValue,\n  useMessagesContext,\n} from '../../contexts/messagesContext/MessagesContext';\nimport {\n  OverlayContextValue,\n  useOverlayContext,\n} from '../../contexts/overlayContext/OverlayContext';\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { getUrlWithoutParams, makeImageCompatibleUrl } from '../../utils/utils';\n\nimport type { MessageType } from '../../components/MessageList/hooks/useMessageList';\nimport type {\n  DefaultAttachmentType,\n  DefaultChannelType,\n  DefaultCommandType,\n  DefaultEventType,\n  DefaultMessageType,\n  DefaultReactionType,\n  DefaultUserType,\n  UnknownType,\n} from '../../types/types';\n\nconst GalleryImage: React.FC<\n  Omit<ImageProps, 'height' | 'source'> & {\n    height: number | string;\n    uri: string;\n  }\n> = (props) => {\n  const { height, uri, ...rest } = props;\n\n  const [error, setError] = useState(false);\n\n  return (\n    <Image\n      {...rest}\n      onError={() => setError(true)}\n      source={{\n        uri: uri.includes('&h=%2A')\n          ? error\n            ? uri\n            : uri.replace('h=%2A', `h=${PixelRatio.getPixelSizeForLayoutSize(Number(height))}`)\n          : uri,\n      }}\n      testID='image-attachment-single'\n    />\n  );\n};\n\nconst MemoizedGalleryImage = React.memo(\n  GalleryImage,\n  (prevProps, nextProps) =>\n    prevProps.height === nextProps.height &&\n    getUrlWithoutParams(prevProps.uri) === getUrlWithoutParams(nextProps.uri),\n) as typeof GalleryImage;\n\nconst styles = StyleSheet.create({\n  flex: { flex: 1 },\n  galleryContainer: {\n    borderTopLeftRadius: 13,\n    borderTopRightRadius: 13,\n    flexDirection: 'row',\n    flexWrap: 'wrap',\n    overflow: 'hidden',\n  },\n  imageContainer: { flex: 1, padding: 1 },\n  moreImagesContainer: {\n    alignItems: 'center',\n    justifyContent: 'center',\n    margin: 1,\n  },\n  moreImagesText: { color: '#FFFFFF', fontSize: 26, fontWeight: '700' },\n});\n\nexport type GalleryPropsWithContext<\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n> = Pick<ImageGalleryContextValue, 'setImage' | 'setImages'> &\n  Pick<\n    MessageContextValue<At, Ch, Co, Ev, Me, Re, Us>,\n    | 'alignment'\n    | 'groupStyles'\n    | 'images'\n    | 'onLongPress'\n    | 'onPress'\n    | 'onPressIn'\n    | 'preventPress'\n    | 'threadList'\n  > &\n  Pick<\n    MessagesContextValue<At, Ch, Co, Ev, Me, Re, Us>,\n    'additionalTouchableProps' | 'legacyImageViewerSwipeBehaviour'\n  > &\n  Pick<OverlayContextValue, 'setOverlay'> & {\n    channelId: string | undefined;\n    hasThreadReplies?: boolean;\n    /**\n     * `message` prop has been introduced here as part of `legacyImageViewerSwipeBehaviour` prop.\n     * https://github.com/GetStream/stream-chat-react-native/commit/d5eac6193047916f140efe8e396a671675c9a63f\n     * messageId and messageText may seem redundant now, but to avoid breaking change as part\n     * of minor release, we are keeping those props.\n     *\n     * Also `message` type should ideally be imported from MessageContextValue and not be explicitely mentioned\n     * here, but due to some circular dependencies within the SDK, it causes \"exccesive deep nesting\" issue with\n     * typescript within Channel component. We should take it as a mini-project and resolve all these circular imports.\n     *\n     * TODO[major]: remove messageId and messageText\n     * TODO: Fix circular dependencies of imports\n     */\n    message?: MessageType<At, Ch, Co, Ev, Me, Re, Us>;\n    messageId?: string;\n    messageText?: string;\n  };\n\nconst GalleryWithContext = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  props: GalleryPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const {\n    additionalTouchableProps,\n    alignment,\n    groupStyles,\n    hasThreadReplies,\n    images,\n    legacyImageViewerSwipeBehaviour,\n    message,\n    messageId,\n    messageText: messageTextProp,\n    onLongPress,\n    onPress,\n    onPressIn,\n    preventPress,\n    setImage,\n    setImages,\n    setOverlay,\n    threadList,\n  } = props;\n\n  const {\n    theme: {\n      colors: { overlay },\n      messageSimple: {\n        gallery: {\n          galleryContainer,\n          galleryItemColumn,\n          halfSize,\n          image,\n          imageContainer,\n          moreImagesContainer,\n          moreImagesText,\n          size,\n          width,\n        },\n      },\n    },\n  } = useTheme();\n\n  if (!images?.length) return null;\n\n  // [[{ height: number; url: string; }], [{ height: number; url: string; }, { height: number; url: string; }]]\n  const galleryImages = images.slice(0, 4).reduce((returnArray, currentImage, index) => {\n    const attachmentUrl = currentImage.image_url || currentImage.thumb_url;\n    if (attachmentUrl) {\n      const url = makeImageCompatibleUrl(attachmentUrl);\n      if (images.length <= 2) {\n        returnArray[0] = [...(returnArray[0] || []), { height: size || 200, url }];\n      } else if (images.length === 3) {\n        if (index === 0) {\n          returnArray[0] = [{ height: size || 200, url }];\n        } else {\n          returnArray[1] = [...(returnArray[1] || []), { height: halfSize || 100, url }];\n        }\n      } else {\n        returnArray[index % 2] = [\n          ...(returnArray[index % 2] || []),\n          { height: halfSize || 100, url },\n        ];\n      }\n    }\n    return returnArray;\n  }, [] as { height: number | string; url: string }[][]);\n\n  const groupStyle = `${alignment}_${groupStyles?.[0]?.toLowerCase?.()}`;\n  const messageText = messageTextProp || message?.text;\n\n  return (\n    <View\n      style={[\n        styles.galleryContainer,\n        {\n          width,\n        },\n        galleryContainer,\n      ]}\n      testID='image-multiple-container'\n    >\n      {galleryImages.map((column, colIndex) => (\n        <View\n          key={`gallery-item-column-${colIndex}`}\n          style={[\n            styles.flex,\n            {\n              flexDirection: images.length === 2 ? 'row' : 'column',\n            },\n            galleryItemColumn,\n          ]}\n        >\n          {column.map(({ height, url }, rowIndex) => {\n            const defaultOnPress = () => {\n              // Added if-else to keep the logic readable, instead of DRY.\n              // if - legacyImageViewerSwipeBehaviour is disabled\n              // else - legacyImageViewerSwipeBehaviour is enabled\n              if (!legacyImageViewerSwipeBehaviour && message) {\n                setImages([message]);\n                setImage({ messageId: messageId || message.id, url });\n                setOverlay('gallery');\n              } else if (legacyImageViewerSwipeBehaviour) {\n                setImage({ messageId: messageId || message?.id, url });\n                setOverlay('gallery');\n              }\n            };\n\n            return (\n              <TouchableOpacity\n                activeOpacity={0.8}\n                disabled={preventPress}\n                key={`gallery-item-${messageId}/${colIndex}/${rowIndex}/${images.length}`}\n                onLongPress={(event) => {\n                  if (onLongPress) {\n                    onLongPress({\n                      emitter: 'gallery',\n                      event,\n                    });\n                  }\n                }}\n                onPress={(event) => {\n                  if (onPress) {\n                    onPress({\n                      defaultHandler: defaultOnPress,\n                      emitter: 'gallery',\n                      event,\n                    });\n                  }\n                }}\n                onPressIn={(event) => {\n                  if (onPressIn) {\n                    onPressIn({\n                      defaultHandler: defaultOnPress,\n                      emitter: 'gallery',\n                      event,\n                    });\n                  }\n                }}\n                style={[\n                  styles.imageContainer,\n                  {\n                    height,\n                  },\n                  imageContainer,\n                ]}\n                testID='image-multiple'\n                {...additionalTouchableProps}\n              >\n                <MemoizedGalleryImage\n                  height={height}\n                  resizeMode='cover'\n                  style={[\n                    styles.flex,\n                    {\n                      borderBottomLeftRadius:\n                        (images.length === 1 ||\n                          (images.length === 2 && rowIndex === 0) ||\n                          (images.length === 3 && colIndex === 0 && rowIndex === 0) ||\n                          (images.length === 4 && colIndex === 0 && rowIndex === 1)) &&\n                        !messageText &&\n                        ((groupStyle !== 'left_bottom' && groupStyle !== 'left_single') ||\n                          (hasThreadReplies && !threadList))\n                          ? 14\n                          : 0,\n                      borderBottomRightRadius:\n                        (images.length === 1 ||\n                          (colIndex === 1 && (images.length === 2 || rowIndex === 1))) &&\n                        !messageText &&\n                        ((groupStyle !== 'right_bottom' && groupStyle !== 'right_single') ||\n                          (hasThreadReplies && !threadList))\n                          ? 14\n                          : 0,\n                      borderTopLeftRadius: colIndex === 0 && rowIndex === 0 ? 14 : 0,\n                      borderTopRightRadius:\n                        ((colIndex === 1 || images.length === 1) && rowIndex === 0) ||\n                        (images.length === 3 && colIndex === 0 && rowIndex === 1) ||\n                        (images.length === 2 && rowIndex === 1)\n                          ? 14\n                          : 0,\n                    },\n                    image,\n                  ]}\n                  uri={url}\n                />\n                {colIndex === 1 && rowIndex === 1 && images.length > 3 ? (\n                  <View\n                    style={[\n                      StyleSheet.absoluteFillObject,\n                      styles.moreImagesContainer,\n                      { backgroundColor: overlay },\n                      moreImagesContainer,\n                    ]}\n                  >\n                    <Text style={[styles.moreImagesText, moreImagesText]}>\n                      {`+${images.length - 3}`}\n                    </Text>\n                  </View>\n                ) : null}\n              </TouchableOpacity>\n            );\n          })}\n        </View>\n      ))}\n    </View>\n  );\n};\n\nconst areEqual = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  prevProps: GalleryPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n  nextProps: GalleryPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const {\n    groupStyles: prevGroupStyles,\n    hasThreadReplies: prevHasThreadReplies,\n    images: prevImages,\n    messageText: prevMessageText,\n  } = prevProps;\n  const {\n    groupStyles: nextGroupStyles,\n    hasThreadReplies: nextHasThreadReplies,\n    images: nextImages,\n    messageText: nextMessageText,\n  } = nextProps;\n\n  const messageTextEqual = prevMessageText === nextMessageText;\n  if (!messageTextEqual) return false;\n\n  const groupStylesEqual =\n    prevGroupStyles.length === nextGroupStyles.length && prevGroupStyles[0] === nextGroupStyles[0];\n  if (!groupStylesEqual) return false;\n\n  const hasThreadRepliesEqual = prevHasThreadReplies === nextHasThreadReplies;\n  if (!hasThreadRepliesEqual) return false;\n\n  const imagesEqual =\n    prevImages.length === nextImages.length &&\n    prevImages.every(\n      (image, index) =>\n        getUrlWithoutParams(image.image_url) === getUrlWithoutParams(nextImages[index].image_url) &&\n        getUrlWithoutParams(image.thumb_url) === getUrlWithoutParams(nextImages[index].thumb_url),\n    );\n  if (!imagesEqual) return false;\n\n  return true;\n};\n\nconst MemoizedGallery = React.memo(GalleryWithContext, areEqual) as typeof GalleryWithContext;\n\nexport type GalleryProps<\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n> = Partial<GalleryPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>>;\n\n/**\n * UI component for card in attachments.\n */\nexport const Gallery = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  props: GalleryProps<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const {\n    additionalTouchableProps: propAdditionalTouchableProps,\n    alignment: propAlignment,\n    groupStyles: propGroupStyles,\n    hasThreadReplies,\n    images: propImages,\n    messageId,\n    messageText,\n    onLongPress: propOnLongPress,\n    onPress: propOnPress,\n    onPressIn: propOnPressIn,\n    preventPress: propPreventPress,\n    setImage: propSetImage,\n    setOverlay: propSetOverlay,\n    threadList: propThreadList,\n  } = props;\n\n  const { setImage: contextSetImage, setImages } = useImageGalleryContext();\n  const {\n    alignment: contextAlignment,\n    groupStyles: contextGroupStyles,\n    images: contextImages,\n    message,\n    onLongPress: contextOnLongPress,\n    onPress: contextOnPress,\n    onPressIn: contextOnPressIn,\n    preventPress: contextPreventPress,\n    threadList: contextThreadList,\n  } = useMessageContext<At, Ch, Co, Ev, Me, Re, Us>();\n  const {\n    additionalTouchableProps: contextAdditionalTouchableProps,\n    legacyImageViewerSwipeBehaviour,\n  } = useMessagesContext<At, Ch, Co, Ev, Me, Re, Us>();\n  const { setOverlay: contextSetOverlay } = useOverlayContext();\n\n  const images = propImages || contextImages;\n\n  if (!images.length) return null;\n\n  const additionalTouchableProps = propAdditionalTouchableProps || contextAdditionalTouchableProps;\n  const alignment = propAlignment || contextAlignment;\n  const groupStyles = propGroupStyles || contextGroupStyles;\n  const onLongPress = propOnLongPress || contextOnLongPress;\n  const onPressIn = propOnPressIn || contextOnPressIn;\n  const onPress = propOnPress || contextOnPress;\n  const preventPress =\n    typeof propPreventPress === 'boolean' ? propPreventPress : contextPreventPress;\n  const setImage = propSetImage || contextSetImage;\n  const setOverlay = propSetOverlay || contextSetOverlay;\n  const threadList = propThreadList || contextThreadList;\n\n  return (\n    <MemoizedGallery\n      {...{\n        additionalTouchableProps,\n        alignment,\n        channelId: message.cid,\n        groupStyles,\n        hasThreadReplies: hasThreadReplies || !!message?.reply_count,\n        images,\n        legacyImageViewerSwipeBehaviour,\n        message,\n        messageId: messageId || message?.id,\n        messageText: messageText || message?.text,\n        onLongPress,\n        onPress,\n        onPressIn,\n        preventPress,\n        setImage,\n        setImages,\n        setOverlay,\n        threadList,\n      }}\n    />\n  );\n};\n\nGallery.displayName = 'Gallery{messageSimple{gallery}}';\n"]}
+{"version":3,"sources":["Gallery.tsx"],"names":["GalleryImage","props","uri","rest","MemoizedGalleryImage","React","memo","prevProps","nextProps","styles","StyleSheet","create","flex","galleryContainer","borderTopLeftRadius","borderTopRightRadius","flexDirection","flexWrap","overflow","imageContainer","padding","moreImagesContainer","alignItems","justifyContent","margin","moreImagesText","color","fontSize","fontWeight","GalleryWithContext","additionalTouchableProps","alignment","groupStyles","hasThreadReplies","images","legacyImageViewerSwipeBehaviour","message","onLongPress","onPress","onPressIn","preventPress","setImage","setImages","setOverlay","threadList","theme","overlay","colors","messageSimple","gallery","galleryItemColumn","gridHeight","gridWidth","image","maxHeight","maxWidth","minHeight","minWidth","sizeConfig","length","height","invertedDirections","thumbnailGrid","width","messageText","text","messageId","id","numOfColumns","map","rows","colIndex","numOfRows","rowIndex","resizeMode","url","defaultOnPress","event","emitter","defaultHandler","absoluteFillObject","backgroundColor","areEqual","prevGroupStyles","prevHasThreadReplies","prevImages","prevMessage","nextGroupStyles","nextHasThreadReplies","nextImages","nextMessage","messageEqual","groupStylesEqual","hasThreadRepliesEqual","imagesEqual","every","index","image_url","thumb_url","MemoizedGallery","Gallery","propAdditionalTouchableProps","propAlignment","propGroupStyles","propImages","propOnLongPress","propOnPress","propOnPressIn","propPreventPress","propSetImage","propSetOverlay","propThreadList","contextSetImage","contextAlignment","contextGroupStyles","contextImages","contextOnLongPress","contextOnPress","contextOnPressIn","contextPreventPress","contextThreadList","contextAdditionalTouchableProps","contextSetOverlay","channelId","cid","reply_count","displayName"],"mappings":"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","sourcesContent":["import React, { useMemo } from 'react';\nimport { Image, ImageProps, StyleSheet, Text, TouchableOpacity, View } from 'react-native';\n\nimport { buildGallery } from './utils/buildGallery/buildGallery';\n\nimport { getGalleryImageBorderRadius } from './utils/getGalleryImageBorderRadius';\n\nimport type { MessageType } from '../../components/MessageList/hooks/useMessageList';\nimport {\n  ImageGalleryContextValue,\n  useImageGalleryContext,\n} from '../../contexts/imageGalleryContext/ImageGalleryContext';\nimport {\n  MessageContextValue,\n  useMessageContext,\n} from '../../contexts/messageContext/MessageContext';\nimport {\n  MessagesContextValue,\n  useMessagesContext,\n} from '../../contexts/messagesContext/MessagesContext';\nimport {\n  OverlayContextValue,\n  useOverlayContext,\n} from '../../contexts/overlayContext/OverlayContext';\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport type {\n  DefaultAttachmentType,\n  DefaultChannelType,\n  DefaultCommandType,\n  DefaultEventType,\n  DefaultMessageType,\n  DefaultReactionType,\n  DefaultUserType,\n  UnknownType,\n} from '../../types/types';\nimport { getUrlWithoutParams, makeImageCompatibleUrl } from '../../utils/utils';\n\nconst GalleryImage: React.FC<\n  Omit<ImageProps, 'height' | 'source'> & {\n    uri: string;\n  }\n> = (props) => {\n  const { uri, ...rest } = props;\n\n  return (\n    <Image\n      {...rest}\n      source={{\n        uri: makeImageCompatibleUrl(uri),\n      }}\n      testID='image-attachment-single'\n    />\n  );\n};\n\nconst MemoizedGalleryImage = React.memo(\n  GalleryImage,\n  (prevProps, nextProps) =>\n    getUrlWithoutParams(prevProps.uri) === getUrlWithoutParams(nextProps.uri),\n) as typeof GalleryImage;\n\nconst styles = StyleSheet.create({\n  flex: { flex: 1 },\n  galleryContainer: {\n    borderTopLeftRadius: 13,\n    borderTopRightRadius: 13,\n    flexDirection: 'row',\n    flexWrap: 'wrap',\n    overflow: 'hidden',\n  },\n  imageContainer: { padding: 1 },\n  moreImagesContainer: {\n    alignItems: 'center',\n    justifyContent: 'center',\n    margin: 1,\n  },\n  moreImagesText: { color: '#FFFFFF', fontSize: 26, fontWeight: '700' },\n});\n\nexport type GalleryPropsWithContext<\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n> = Pick<ImageGalleryContextValue, 'setImage' | 'setImages'> &\n  Pick<\n    MessageContextValue<At, Ch, Co, Ev, Me, Re, Us>,\n    | 'alignment'\n    | 'groupStyles'\n    | 'images'\n    | 'onLongPress'\n    | 'onPress'\n    | 'onPressIn'\n    | 'preventPress'\n    | 'threadList'\n  > &\n  Pick<\n    MessagesContextValue<At, Ch, Co, Ev, Me, Re, Us>,\n    'additionalTouchableProps' | 'legacyImageViewerSwipeBehaviour'\n  > &\n  Pick<OverlayContextValue, 'setOverlay'> & {\n    channelId: string | undefined;\n    hasThreadReplies?: boolean;\n    /**\n     * `message` prop has been introduced here as part of `legacyImageViewerSwipeBehaviour` prop.\n     * https://github.com/GetStream/stream-chat-react-native/commit/d5eac6193047916f140efe8e396a671675c9a63f\n     * messageId and messageText may seem redundant now, but to avoid breaking change as part\n     * of minor release, we are keeping those props.\n     *\n     * Also `message` type should ideally be imported from MessageContextValue and not be explicitely mentioned\n     * here, but due to some circular dependencies within the SDK, it causes \"exccesive deep nesting\" issue with\n     * typescript within Channel component. We should take it as a mini-project and resolve all these circular imports.\n     *\n     * TODO: Fix circular dependencies of imports\n     */\n    message?: MessageType<At, Ch, Co, Ev, Me, Re, Us>;\n  };\n\nconst GalleryWithContext = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  props: GalleryPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const {\n    additionalTouchableProps,\n    alignment,\n    groupStyles,\n    hasThreadReplies,\n    images,\n    legacyImageViewerSwipeBehaviour,\n    message,\n    onLongPress,\n    onPress,\n    onPressIn,\n    preventPress,\n    setImage,\n    setImages,\n    setOverlay,\n    threadList,\n  } = props;\n\n  const {\n    theme: {\n      colors: { overlay },\n      messageSimple: {\n        gallery: {\n          galleryContainer,\n          galleryItemColumn,\n          gridHeight,\n          gridWidth,\n          image,\n          imageContainer,\n          maxHeight,\n          maxWidth,\n          minHeight,\n          minWidth,\n          moreImagesContainer,\n          moreImagesText,\n        },\n      },\n    },\n  } = useTheme();\n\n  const sizeConfig = {\n    gridHeight,\n    gridWidth,\n    maxHeight,\n    maxWidth,\n    minHeight,\n    minWidth,\n  };\n\n  const { height, invertedDirections, thumbnailGrid, width } = useMemo(\n    () =>\n      buildGallery({\n        images,\n        sizeConfig,\n      }),\n    [images.length],\n  );\n\n  if (!images?.length) return null;\n  const messageText = message?.text;\n  const messageId = message?.id;\n  const numOfColumns = thumbnailGrid.length;\n\n  return (\n    <View\n      style={[\n        styles.galleryContainer,\n        {\n          height,\n          width,\n        },\n        galleryContainer,\n        {\n          flexDirection: invertedDirections ? 'column' : 'row',\n        },\n      ]}\n      testID='gallery-container'\n    >\n      {thumbnailGrid.map((rows, colIndex) => {\n        const numOfRows = rows.length;\n        return (\n          <View\n            key={`gallery-${invertedDirections ? 'row' : 'column'}-${colIndex}`}\n            style={[\n              {\n                flexDirection: invertedDirections ? 'row' : 'column',\n              },\n              galleryItemColumn,\n            ]}\n            testID={`gallery-${invertedDirections ? 'row' : 'column'}-${colIndex}`}\n          >\n            {rows.map(({ height, resizeMode, url, width }, rowIndex) => {\n              const defaultOnPress = () => {\n                // Added if-else to keep the logic readable, instead of DRY.\n                // if - legacyImageViewerSwipeBehaviour is disabled\n                // else - legacyImageViewerSwipeBehaviour is enabled\n                if (!legacyImageViewerSwipeBehaviour && message) {\n                  setImages([message]);\n                  setImage({ messageId: message.id, url });\n                  setOverlay('gallery');\n                } else if (legacyImageViewerSwipeBehaviour) {\n                  setImage({ messageId: message?.id, url });\n                  setOverlay('gallery');\n                }\n              };\n              return (\n                <TouchableOpacity\n                  activeOpacity={0.8}\n                  disabled={preventPress}\n                  key={`gallery-item-${messageId}/${colIndex}/${rowIndex}/${images.length}`}\n                  onLongPress={(event) => {\n                    if (onLongPress) {\n                      onLongPress({\n                        emitter: 'gallery',\n                        event,\n                      });\n                    }\n                  }}\n                  onPress={(event) => {\n                    if (onPress) {\n                      onPress({\n                        defaultHandler: defaultOnPress,\n                        emitter: 'gallery',\n                        event,\n                      });\n                    }\n                  }}\n                  onPressIn={(event) => {\n                    if (onPressIn) {\n                      onPressIn({\n                        defaultHandler: defaultOnPress,\n                        emitter: 'gallery',\n                        event,\n                      });\n                    }\n                  }}\n                  style={[\n                    styles.imageContainer,\n                    {\n                      height,\n                      width,\n                    },\n                    imageContainer,\n                  ]}\n                  testID={`gallery-${\n                    invertedDirections ? 'row' : 'column'\n                  }-${colIndex}-item-${rowIndex}`}\n                  {...additionalTouchableProps}\n                >\n                  <MemoizedGalleryImage\n                    resizeMode={resizeMode}\n                    style={[\n                      getGalleryImageBorderRadius({\n                        alignment,\n                        colIndex,\n                        groupStyles,\n                        hasThreadReplies,\n                        height,\n                        invertedDirections,\n                        messageText,\n                        numOfColumns,\n                        numOfRows,\n                        rowIndex,\n                        sizeConfig,\n                        threadList,\n                        width,\n                      }),\n                      image,\n                      {\n                        height: height - 1,\n                        width: width - 1,\n                      },\n                    ]}\n                    uri={url}\n                  />\n                  {colIndex === numOfColumns - 1 &&\n                  rowIndex === numOfRows - 1 &&\n                  images.length > 4 ? (\n                    <View\n                      style={[\n                        StyleSheet.absoluteFillObject,\n                        styles.moreImagesContainer,\n                        { backgroundColor: overlay },\n                        moreImagesContainer,\n                      ]}\n                    >\n                      <Text style={[styles.moreImagesText, moreImagesText]}>\n                        {`+${images.length - 4}`}\n                      </Text>\n                    </View>\n                  ) : null}\n                </TouchableOpacity>\n              );\n            })}\n          </View>\n        );\n      })}\n    </View>\n  );\n};\n\nconst areEqual = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  prevProps: GalleryPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n  nextProps: GalleryPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const {\n    groupStyles: prevGroupStyles,\n    hasThreadReplies: prevHasThreadReplies,\n    images: prevImages,\n    message: prevMessage,\n  } = prevProps;\n  const {\n    groupStyles: nextGroupStyles,\n    hasThreadReplies: nextHasThreadReplies,\n    images: nextImages,\n    message: nextMessage,\n  } = nextProps;\n\n  const messageEqual = prevMessage?.id === nextMessage?.id;\n  if (!messageEqual) return false;\n\n  const groupStylesEqual =\n    prevGroupStyles.length === nextGroupStyles.length && prevGroupStyles[0] === nextGroupStyles[0];\n  if (!groupStylesEqual) return false;\n\n  const hasThreadRepliesEqual = prevHasThreadReplies === nextHasThreadReplies;\n  if (!hasThreadRepliesEqual) return false;\n\n  const imagesEqual =\n    prevImages.length === nextImages.length &&\n    prevImages.every(\n      (image, index) =>\n        getUrlWithoutParams(image.image_url) === getUrlWithoutParams(nextImages[index].image_url) &&\n        getUrlWithoutParams(image.thumb_url) === getUrlWithoutParams(nextImages[index].thumb_url),\n    );\n  if (!imagesEqual) return false;\n\n  return true;\n};\n\nconst MemoizedGallery = React.memo(GalleryWithContext, areEqual) as typeof GalleryWithContext;\n\nexport type GalleryProps<\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n> = Partial<GalleryPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>>;\n\n/**\n * UI component for card in attachments.\n */\nexport const Gallery = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  props: GalleryProps<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const {\n    additionalTouchableProps: propAdditionalTouchableProps,\n    alignment: propAlignment,\n    groupStyles: propGroupStyles,\n    hasThreadReplies,\n    images: propImages,\n    onLongPress: propOnLongPress,\n    onPress: propOnPress,\n    onPressIn: propOnPressIn,\n    preventPress: propPreventPress,\n    setImage: propSetImage,\n    setOverlay: propSetOverlay,\n    threadList: propThreadList,\n  } = props;\n\n  const { setImage: contextSetImage, setImages } = useImageGalleryContext();\n  const {\n    alignment: contextAlignment,\n    groupStyles: contextGroupStyles,\n    images: contextImages,\n    message,\n    onLongPress: contextOnLongPress,\n    onPress: contextOnPress,\n    onPressIn: contextOnPressIn,\n    preventPress: contextPreventPress,\n    threadList: contextThreadList,\n  } = useMessageContext<At, Ch, Co, Ev, Me, Re, Us>();\n  const {\n    additionalTouchableProps: contextAdditionalTouchableProps,\n    legacyImageViewerSwipeBehaviour,\n  } = useMessagesContext<At, Ch, Co, Ev, Me, Re, Us>();\n  const { setOverlay: contextSetOverlay } = useOverlayContext();\n\n  const images = propImages || contextImages;\n\n  if (!images.length) return null;\n\n  const additionalTouchableProps = propAdditionalTouchableProps || contextAdditionalTouchableProps;\n  const alignment = propAlignment || contextAlignment;\n  const groupStyles = propGroupStyles || contextGroupStyles;\n  const onLongPress = propOnLongPress || contextOnLongPress;\n  const onPressIn = propOnPressIn || contextOnPressIn;\n  const onPress = propOnPress || contextOnPress;\n  const preventPress =\n    typeof propPreventPress === 'boolean' ? propPreventPress : contextPreventPress;\n  const setImage = propSetImage || contextSetImage;\n  const setOverlay = propSetOverlay || contextSetOverlay;\n  const threadList = propThreadList || contextThreadList;\n\n  return (\n    <MemoizedGallery\n      {...{\n        additionalTouchableProps,\n        alignment,\n        channelId: message?.cid,\n        groupStyles,\n        hasThreadReplies: hasThreadReplies || !!message?.reply_count,\n        images,\n        legacyImageViewerSwipeBehaviour,\n        message,\n        onLongPress,\n        onPress,\n        onPressIn,\n        preventPress,\n        setImage,\n        setImages,\n        setOverlay,\n        threadList,\n      }}\n    />\n  );\n};\n\nGallery.displayName = 'Gallery{messageSimple{gallery}}';\n"]}