stream-chat-react-native-core 5.8.0-beta.4 → 5.8.0-beta.6

package/lib/module/components/Attachment/ImageLoadingIndicator.js

@@ -1,25 +1,16 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ImageLoadingIndicator = 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");
-
 var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
-
 var _excluded = ["style"];
-
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Attachment/ImageLoadingIndicator.tsx";
-
+  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Attachment/ImageLoadingIndicator.tsx";
 var styles = _reactNative.StyleSheet.create({
   container: {
     alignItems: 'center',
@@ -28,13 +19,11 @@ var styles = _reactNative.StyleSheet.create({
     width: '100%'
   }
 });
-
 var ImageLoadingIndicator = function ImageLoadingIndicator(props) {
   var _useTheme = (0, _ThemeContext.useTheme)(),
-      container = _useTheme.theme.messageSimple.loadingIndicator.container;
-
+    container = _useTheme.theme.messageSimple.loadingIndicator.container;
   var style = props.style,
-      rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
+    rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
   return _react["default"].createElement(_reactNative.View, (0, _extends2["default"])({}, rest, {
     accessibilityHint: "image-loading",
     style: [styles.container, container, style],
@@ -53,6 +42,5 @@ var ImageLoadingIndicator = function ImageLoadingIndicator(props) {
     }
   }));
 };
-
 exports.ImageLoadingIndicator = ImageLoadingIndicator;
 //# sourceMappingURL=ImageLoadingIndicator.js.map

package/lib/module/components/Attachment/ImageLoadingIndicator.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ImageLoadingIndicator.tsx"],"names":["styles","StyleSheet","create","container","alignItems","display","justifyContent","width","ImageLoadingIndicator","props","theme","messageSimple","loadingIndicator","style","rest"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA;;;;;;;AAEA,IAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,SAAS,EAAE;AACTC,IAAAA,UAAU,EAAE,QADH;AAETC,IAAAA,OAAO,EAAE,MAFA;AAGTC,IAAAA,cAAc,EAAE,QAHP;AAITC,IAAAA,KAAK,EAAE;AAJE;AADoB,CAAlB,CAAf;;AAWO,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAwB,CAACC,KAAD,EAAuC;AAC1E,kBAMI,6BANJ;AAAA,MAG0BN,SAH1B,aACEO,KADF,CAEIC,aAFJ,CAGMC,gBAHN,CAG0BT,SAH1B;;AAOA,MAAQU,KAAR,GAA2BJ,KAA3B,CAAQI,KAAR;AAAA,MAAkBC,IAAlB,6CAA2BL,KAA3B;AACA,SACE,gCAAC,iBAAD,gCAAUK,IAAV;AAAgB,IAAA,iBAAiB,EAAC,eAAlC;AAAkD,IAAA,KAAK,EAAE,CAACd,MAAM,CAACG,SAAR,EAAmBA,SAAnB,EAA8BU,KAA9B,CAAzD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MACE,gCAAC,8BAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADF,CADF;AAKD,CAdM","sourcesContent":["import React from 'react';\nimport { ActivityIndicator, StyleSheet, View, ViewProps } from 'react-native';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    display: 'flex',\n    justifyContent: 'center',\n    width: '100%',\n  },\n});\n\nexport type ImageLoadingIndicatorProps = ViewProps;\n\nexport const ImageLoadingIndicator = (props: ImageLoadingIndicatorProps) => {\n  const {\n    theme: {\n      messageSimple: {\n        loadingIndicator: { container },\n      },\n    },\n  } = useTheme();\n  const { style, ...rest } = props;\n  return (\n    <View {...rest} accessibilityHint='image-loading' style={[styles.container, container, style]}>\n      <ActivityIndicator />\n    </View>\n  );\n};\n"]}
+{"version":3,"names":["styles","StyleSheet","create","container","alignItems","display","justifyContent","width","ImageLoadingIndicator","props","useTheme","theme","messageSimple","loadingIndicator","style","rest"],"sources":["ImageLoadingIndicator.tsx"],"sourcesContent":["import React from 'react';\nimport { ActivityIndicator, StyleSheet, View, ViewProps } from 'react-native';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    display: 'flex',\n    justifyContent: 'center',\n    width: '100%',\n  },\n});\n\nexport type ImageLoadingIndicatorProps = ViewProps;\n\nexport const ImageLoadingIndicator = (props: ImageLoadingIndicatorProps) => {\n  const {\n    theme: {\n      messageSimple: {\n        loadingIndicator: { container },\n      },\n    },\n  } = useTheme();\n  const { style, ...rest } = props;\n  return (\n    <View {...rest} accessibilityHint='image-loading' style={[styles.container, container, style]}>\n      <ActivityIndicator />\n    </View>\n  );\n};\n"],"mappings":";;;;;;;AAAA;AACA;AAEA;AAAoE;AAAA;EAAA;AAEpE,IAAMA,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,UAAU,EAAE,QAAQ;IACpBC,OAAO,EAAE,MAAM;IACfC,cAAc,EAAE,QAAQ;IACxBC,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAIK,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAqB,CAAIC,KAAiC,EAAK;EAC1E,gBAMI,IAAAC,sBAAQ,GAAE;IAHYP,SAAS,aAFjCQ,KAAK,CACHC,aAAa,CACXC,gBAAgB,CAAIV,SAAS;EAInC,IAAQW,KAAK,GAAcL,KAAK,CAAxBK,KAAK;IAAKC,IAAI,6CAAKN,KAAK;EAChC,OACE,gCAAC,iBAAI,gCAAKM,IAAI;IAAE,iBAAiB,EAAC,eAAe;IAAC,KAAK,EAAE,CAACf,MAAM,CAACG,SAAS,EAAEA,SAAS,EAAEW,KAAK,CAAE;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,IAC5F,gCAAC,8BAAiB;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,EAAG,CAChB;AAEX,CAAC;AAAC"}

package/lib/module/components/Attachment/VideoThumbnail.js

@@ -1,21 +1,14 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.VideoThumbnail = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNative = require("react-native");
-
 var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
-
 var _icons = require("../../icons");
-
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Attachment/VideoThumbnail.tsx";
-
+  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Attachment/VideoThumbnail.tsx";
 var styles = _reactNative.StyleSheet.create({
   container: {
     alignItems: 'center',
@@ -42,20 +35,18 @@ var styles = _reactNative.StyleSheet.create({
     width: 36
   }
 });
-
 var VideoThumbnail = function VideoThumbnail(props) {
   var _useTheme = (0, _ThemeContext.useTheme)(),
-      _useTheme$theme = _useTheme.theme,
-      _useTheme$theme$color = _useTheme$theme.colors,
-      static_black = _useTheme$theme$color.static_black,
-      static_white = _useTheme$theme$color.static_white,
-      _useTheme$theme$messa = _useTheme$theme.messageSimple.videoThumbnail,
-      container = _useTheme$theme$messa.container,
-      roundedView = _useTheme$theme$messa.roundedView;
-
+    _useTheme$theme = _useTheme.theme,
+    _useTheme$theme$color = _useTheme$theme.colors,
+    static_black = _useTheme$theme$color.static_black,
+    static_white = _useTheme$theme$color.static_white,
+    _useTheme$theme$messa = _useTheme$theme.messageSimple.videoThumbnail,
+    container = _useTheme$theme$messa.container,
+    roundedView = _useTheme$theme$messa.roundedView;
   var imageStyle = props.imageStyle,
-      style = props.style,
-      thumb_url = props.thumb_url;
+    style = props.style,
+    thumb_url = props.thumb_url;
   return _react["default"].createElement(_reactNative.ImageBackground, {
     accessibilityLabel: "Video Thumbnail",
     imageStyle: imageStyle,
@@ -91,6 +82,5 @@ var VideoThumbnail = function VideoThumbnail(props) {
     }
   })));
 };
-
 exports.VideoThumbnail = VideoThumbnail;
 //# sourceMappingURL=VideoThumbnail.js.map

package/lib/module/components/Attachment/VideoThumbnail.js.map

@@ -1 +1 @@
-{"version":3,"sources":["VideoThumbnail.tsx"],"names":["styles","StyleSheet","create","container","alignItems","backgroundColor","display","height","justifyContent","width","roundedView","borderRadius","elevation","shadowColor","shadowOffset","shadowOpacity","shadowRadius","VideoThumbnail","props","theme","colors","static_black","static_white","messageSimple","videoThumbnail","imageStyle","style","thumb_url","uri"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;AAEA,IAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,SAAS,EAAE;AACTC,IAAAA,UAAU,EAAE,QADH;AAETC,IAAAA,eAAe,EAAE,OAFR;AAGTC,IAAAA,OAAO,EAAE,MAHA;AAITC,IAAAA,MAAM,EAAE,MAJC;AAKTC,IAAAA,cAAc,EAAE,QALP;AAMTC,IAAAA,KAAK,EAAE;AANE,GADoB;AAS/BC,EAAAA,WAAW,EAAE;AACXN,IAAAA,UAAU,EAAE,QADD;AAEXO,IAAAA,YAAY,EAAE,EAFH;AAGXL,IAAAA,OAAO,EAAE,MAHE;AAIXM,IAAAA,SAAS,EAAE,CAJA;AAKXL,IAAAA,MAAM,EAAE,EALG;AAMXC,IAAAA,cAAc,EAAE,QANL;AAOXK,IAAAA,WAAW,EAAE,MAPF;AAQXC,IAAAA,YAAY,EAAE;AACZP,MAAAA,MAAM,EAAE,CADI;AAEZE,MAAAA,KAAK,EAAE;AAFK,KARH;AAYXM,IAAAA,aAAa,EAAE,IAZJ;AAaXC,IAAAA,YAAY,EAAE,IAbH;AAcXP,IAAAA,KAAK,EAAE;AAdI;AATkB,CAAlB,CAAf;;AAiCO,IAAMQ,cAA6C,GAAG,SAAhDA,cAAgD,CAACC,KAAD,EAAW;AACtE,kBAOI,6BAPJ;AAAA,kCACEC,KADF;AAAA,8CAEIC,MAFJ;AAAA,MAEcC,YAFd,yBAEcA,YAFd;AAAA,MAE4BC,YAF5B,yBAE4BA,YAF5B;AAAA,8CAGIC,aAHJ,CAIMC,cAJN;AAAA,MAIwBrB,SAJxB,yBAIwBA,SAJxB;AAAA,MAImCO,WAJnC,yBAImCA,WAJnC;;AAQA,MAAQe,UAAR,GAAyCP,KAAzC,CAAQO,UAAR;AAAA,MAAoBC,KAApB,GAAyCR,KAAzC,CAAoBQ,KAApB;AAAA,MAA2BC,SAA3B,GAAyCT,KAAzC,CAA2BS,SAA3B;AACA,SACE,gCAAC,4BAAD;AACE,IAAA,kBAAkB,EAAC,iBADrB;AAEE,IAAA,UAAU,EAAEF,UAFd;AAGE,IAAA,MAAM,EAAE;AAAEG,MAAAA,GAAG,EAAED;AAAP,KAHV;AAIE,IAAA,KAAK,EAAE,CAAC3B,MAAM,CAACG,SAAR,EAAmBA,SAAnB,EAA8BuB,KAA9B,CAJT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAME,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAAC1B,MAAM,CAACU,WAAR,EAAqBA,WAArB,EAAkC;AAAEL,MAAAA,eAAe,EAAEiB;AAAnB,KAAlC,CAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,gCAAC,WAAD;AAAM,IAAA,MAAM,EAAE,EAAd;AAAkB,IAAA,QAAQ,EAAED,YAA5B;AAA0C,IAAA,KAAK,EAAE,EAAjD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADF,CANF,CADF;AAYD,CAtBM","sourcesContent":["import React from 'react';\nimport { ImageBackground, ImageStyle, StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { Play } from '../../icons';\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    backgroundColor: 'black',\n    display: 'flex',\n    height: '100%',\n    justifyContent: 'center',\n    width: '100%',\n  },\n  roundedView: {\n    alignItems: 'center',\n    borderRadius: 50,\n    display: 'flex',\n    elevation: 6,\n    height: 36,\n    justifyContent: 'center',\n    shadowColor: '#000',\n    shadowOffset: {\n      height: 3,\n      width: 0,\n    },\n    shadowOpacity: 0.27,\n    shadowRadius: 4.65,\n    width: 36,\n  },\n});\n\nexport type VideoThumbnailProps = {\n  imageStyle?: StyleProp<ImageStyle>;\n  style?: StyleProp<ViewStyle>;\n  thumb_url?: string;\n};\n\nexport const VideoThumbnail: React.FC<VideoThumbnailProps> = (props) => {\n  const {\n    theme: {\n      colors: { static_black, static_white },\n      messageSimple: {\n        videoThumbnail: { container, roundedView },\n      },\n    },\n  } = useTheme();\n  const { imageStyle, style, thumb_url } = props;\n  return (\n    <ImageBackground\n      accessibilityLabel='Video Thumbnail'\n      imageStyle={imageStyle}\n      source={{ uri: thumb_url }}\n      style={[styles.container, container, style]}\n    >\n      <View style={[styles.roundedView, roundedView, { backgroundColor: static_white }]}>\n        <Play height={24} pathFill={static_black} width={24} />\n      </View>\n    </ImageBackground>\n  );\n};\n"]}
+{"version":3,"names":["styles","StyleSheet","create","container","alignItems","backgroundColor","display","height","justifyContent","width","roundedView","borderRadius","elevation","shadowColor","shadowOffset","shadowOpacity","shadowRadius","VideoThumbnail","props","useTheme","theme","colors","static_black","static_white","messageSimple","videoThumbnail","imageStyle","style","thumb_url","uri"],"sources":["VideoThumbnail.tsx"],"sourcesContent":["import React from 'react';\nimport { ImageBackground, ImageStyle, StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { Play } from '../../icons';\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    backgroundColor: 'black',\n    display: 'flex',\n    height: '100%',\n    justifyContent: 'center',\n    width: '100%',\n  },\n  roundedView: {\n    alignItems: 'center',\n    borderRadius: 50,\n    display: 'flex',\n    elevation: 6,\n    height: 36,\n    justifyContent: 'center',\n    shadowColor: '#000',\n    shadowOffset: {\n      height: 3,\n      width: 0,\n    },\n    shadowOpacity: 0.27,\n    shadowRadius: 4.65,\n    width: 36,\n  },\n});\n\nexport type VideoThumbnailProps = {\n  imageStyle?: StyleProp<ImageStyle>;\n  style?: StyleProp<ViewStyle>;\n  thumb_url?: string;\n};\n\nexport const VideoThumbnail: React.FC<VideoThumbnailProps> = (props) => {\n  const {\n    theme: {\n      colors: { static_black, static_white },\n      messageSimple: {\n        videoThumbnail: { container, roundedView },\n      },\n    },\n  } = useTheme();\n  const { imageStyle, style, thumb_url } = props;\n  return (\n    <ImageBackground\n      accessibilityLabel='Video Thumbnail'\n      imageStyle={imageStyle}\n      source={{ uri: thumb_url }}\n      style={[styles.container, container, style]}\n    >\n      <View style={[styles.roundedView, roundedView, { backgroundColor: static_white }]}>\n        <Play height={24} pathFill={static_black} width={24} />\n      </View>\n    </ImageBackground>\n  );\n};\n"],"mappings":";;;;;AAAA;AACA;AAEA;AACA;AAAmC;EAAA;AAEnC,IAAMA,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,UAAU,EAAE,QAAQ;IACpBC,eAAe,EAAE,OAAO;IACxBC,OAAO,EAAE,MAAM;IACfC,MAAM,EAAE,MAAM;IACdC,cAAc,EAAE,QAAQ;IACxBC,KAAK,EAAE;EACT,CAAC;EACDC,WAAW,EAAE;IACXN,UAAU,EAAE,QAAQ;IACpBO,YAAY,EAAE,EAAE;IAChBL,OAAO,EAAE,MAAM;IACfM,SAAS,EAAE,CAAC;IACZL,MAAM,EAAE,EAAE;IACVC,cAAc,EAAE,QAAQ;IACxBK,WAAW,EAAE,MAAM;IACnBC,YAAY,EAAE;MACZP,MAAM,EAAE,CAAC;MACTE,KAAK,EAAE;IACT,CAAC;IACDM,aAAa,EAAE,IAAI;IACnBC,YAAY,EAAE,IAAI;IAClBP,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAQK,IAAMQ,cAA6C,GAAG,SAAhDA,cAA6C,CAAIC,KAAK,EAAK;EACtE,gBAOI,IAAAC,sBAAQ,GAAE;IAAA,4BANZC,KAAK;IAAA,wCACHC,MAAM;IAAIC,YAAY,yBAAZA,YAAY;IAAEC,YAAY,yBAAZA,YAAY;IAAA,wCACpCC,aAAa,CACXC,cAAc;IAAItB,SAAS,yBAATA,SAAS;IAAEO,WAAW,yBAAXA,WAAW;EAI9C,IAAQgB,UAAU,GAAuBR,KAAK,CAAtCQ,UAAU;IAAEC,KAAK,GAAgBT,KAAK,CAA1BS,KAAK;IAAEC,SAAS,GAAKV,KAAK,CAAnBU,SAAS;EACpC,OACE,gCAAC,4BAAe;IACd,kBAAkB,EAAC,iBAAiB;IACpC,UAAU,EAAEF,UAAW;IACvB,MAAM,EAAE;MAAEG,GAAG,EAAED;IAAU,CAAE;IAC3B,KAAK,EAAE,CAAC5B,MAAM,CAACG,SAAS,EAAEA,SAAS,EAAEwB,KAAK,CAAE;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GAE5C,gCAAC,iBAAI;IAAC,KAAK,EAAE,CAAC3B,MAAM,CAACU,WAAW,EAAEA,WAAW,EAAE;MAAEL,eAAe,EAAEkB;IAAa,CAAC,CAAE;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GAChF,gCAAC,WAAI;IAAC,MAAM,EAAE,EAAG;IAAC,QAAQ,EAAED,YAAa;IAAC,KAAK,EAAE,EAAG;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,EAAG,CAClD,CACS;AAEtB,CAAC;AAAC"}

package/lib/module/components/Attachment/utils/buildGallery/buildGallery.js

@@ -2,40 +2,31 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.buildGallery = buildGallery;
-
 var _buildGalleryOfSingleImage = require("./buildGalleryOfSingleImage");
-
 var _buildGalleryOfThreeImages = require("./buildGalleryOfThreeImages");
-
 var _buildGalleryOfTwoImages = require("./buildGalleryOfTwoImages");
-
 var _buildThumbnailGrid = require("./buildThumbnailGrid");
-
 function buildGallery(_ref) {
   var images = _ref.images,
-      sizeConfig = _ref.sizeConfig;
-
+    sizeConfig = _ref.sizeConfig;
   if (images.length === 1) {
     return (0, _buildGalleryOfSingleImage.buildGalleryOfSingleImage)({
       image: images[0],
       sizeConfig: sizeConfig
     });
   }
-
   if (images.length === 2) {
     return (0, _buildGalleryOfTwoImages.buildGalleryOfTwoImages)({
       images: images,
       sizeConfig: sizeConfig
     });
   }
-
   if (images.length === 3) {
     return (0, _buildGalleryOfThreeImages.buildGalleryOfThreeImages)({
       images: images,
       sizeConfig: sizeConfig
     });
   }
-
   return (0, _buildThumbnailGrid.buildThumbnailGrid)({
     grid: [[1, 1], [1, 1]],
     images: images.slice(0, 4),

package/lib/module/components/Attachment/utils/buildGallery/buildGallery.js.map

@@ -1 +1 @@
-{"version":3,"sources":["buildGallery.ts"],"names":["buildGallery","images","sizeConfig","length","image","grid","slice","invertedDirections"],"mappings":";;;;;AAEA;;AACA;;AACA;;AAEA;;AAsBO,SAASA,YAAT,OAQyB;AAAA,MAL9BC,MAK8B,QAL9BA,MAK8B;AAAA,MAJ9BC,UAI8B,QAJ9BA,UAI8B;;AAC9B,MAAID,MAAM,CAACE,MAAP,KAAkB,CAAtB,EAAyB;AACvB,WAAO,0DAA0B;AAC/BC,MAAAA,KAAK,EAAEH,MAAM,CAAC,CAAD,CADkB;AAE/BC,MAAAA,UAAU,EAAVA;AAF+B,KAA1B,CAAP;AAID;;AAED,MAAID,MAAM,CAACE,MAAP,KAAkB,CAAtB,EAAyB;AACvB,WAAO,sDAAwB;AAC7BF,MAAAA,MAAM,EAANA,MAD6B;AAE7BC,MAAAA,UAAU,EAAVA;AAF6B,KAAxB,CAAP;AAID;;AAED,MAAID,MAAM,CAACE,MAAP,KAAkB,CAAtB,EAAyB;AACvB,WAAO,0DAA0B;AAC/BF,MAAAA,MAAM,EAANA,MAD+B;AAE/BC,MAAAA,UAAU,EAAVA;AAF+B,KAA1B,CAAP;AAID;;AAWD,SAAO,4CAAmB;AACxBG,IAAAA,IAAI,EAAE,CACJ,CAAC,CAAD,EAAI,CAAJ,CADI,EAEJ,CAAC,CAAD,EAAI,CAAJ,CAFI,CADkB;AAKxBJ,IAAAA,MAAM,EAAEA,MAAM,CAACK,KAAP,CAAa,CAAb,EAAgB,CAAhB,CALgB;AAMxBC,IAAAA,kBAAkB,EAAE,IANI;AAOxBL,IAAAA,UAAU,EAAVA;AAPwB,GAAnB,CAAP;AASD","sourcesContent":["import type { Attachment } from 'stream-chat';\n\nimport { buildGalleryOfSingleImage } from './buildGalleryOfSingleImage';\nimport { buildGalleryOfThreeImages } from './buildGalleryOfThreeImages';\nimport { buildGalleryOfTwoImages } from './buildGalleryOfTwoImages';\n\nimport { buildThumbnailGrid } from './buildThumbnailGrid';\n\nimport type { GallerySizeAndThumbnailGrid, GallerySizeConfig } from './types';\n\nimport type { DefaultStreamChatGenerics } from '../../../../types/types';\n\n/**\n * Builds and returns a gallery of optimized images to be rendered on UI.\n * This function take a object parameter with following properties:\n *\n * @param {Attachment[]} images - Array of image attachments\n * @param {GallerySizeConfig} sizeConfig - Theme config for the gallery\n *\n * The returned object contains following properties:\n *\n * - height {number[]} - Height of the gallery\n * - width {number[]} - Width of the gallery\n * - thumbnailGrid {number[][]} - Grid of thumbnail images\n * - invertedDirections {boolean} - Whether to invert the direction of the grid. By default grid is rendered with column as primary direction and row as secondary direction.\n *\n * @return {GallerySizeAndThumbnailGrid}\n */\nexport function buildGallery<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  images,\n  sizeConfig,\n}: {\n  images: Attachment<StreamChatGenerics>[];\n  sizeConfig: GallerySizeConfig;\n}): GallerySizeAndThumbnailGrid {\n  if (images.length === 1) {\n    return buildGalleryOfSingleImage({\n      image: images[0],\n      sizeConfig,\n    });\n  }\n\n  if (images.length === 2) {\n    return buildGalleryOfTwoImages({\n      images,\n      sizeConfig,\n    });\n  }\n\n  if (images.length === 3) {\n    return buildGalleryOfThreeImages({\n      images,\n      sizeConfig,\n    });\n  }\n\n  /**\n   * -----------\n   * |    |    |\n   * |    |    |\n   * -----------\n   * |    |    |\n   * |    |    |\n   * -----------\n   */\n  return buildThumbnailGrid({\n    grid: [\n      [1, 1],\n      [1, 1],\n    ],\n    images: images.slice(0, 4),\n    invertedDirections: true,\n    sizeConfig,\n  });\n}\n"]}
+{"version":3,"names":["buildGallery","images","sizeConfig","length","buildGalleryOfSingleImage","image","buildGalleryOfTwoImages","buildGalleryOfThreeImages","buildThumbnailGrid","grid","slice","invertedDirections"],"sources":["buildGallery.ts"],"sourcesContent":["import type { Attachment } from 'stream-chat';\n\nimport { buildGalleryOfSingleImage } from './buildGalleryOfSingleImage';\nimport { buildGalleryOfThreeImages } from './buildGalleryOfThreeImages';\nimport { buildGalleryOfTwoImages } from './buildGalleryOfTwoImages';\n\nimport { buildThumbnailGrid } from './buildThumbnailGrid';\n\nimport type { GallerySizeAndThumbnailGrid, GallerySizeConfig } from './types';\n\nimport type { DefaultStreamChatGenerics } from '../../../../types/types';\n\n/**\n * Builds and returns a gallery of optimized images to be rendered on UI.\n * This function take a object parameter with following properties:\n *\n * @param {Attachment[]} images - Array of image attachments\n * @param {GallerySizeConfig} sizeConfig - Theme config for the gallery\n *\n * The returned object contains following properties:\n *\n * - height {number[]} - Height of the gallery\n * - width {number[]} - Width of the gallery\n * - thumbnailGrid {number[][]} - Grid of thumbnail images\n * - invertedDirections {boolean} - Whether to invert the direction of the grid. By default grid is rendered with column as primary direction and row as secondary direction.\n *\n * @return {GallerySizeAndThumbnailGrid}\n */\nexport function buildGallery<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  images,\n  sizeConfig,\n}: {\n  images: Attachment<StreamChatGenerics>[];\n  sizeConfig: GallerySizeConfig;\n}): GallerySizeAndThumbnailGrid {\n  if (images.length === 1) {\n    return buildGalleryOfSingleImage({\n      image: images[0],\n      sizeConfig,\n    });\n  }\n\n  if (images.length === 2) {\n    return buildGalleryOfTwoImages({\n      images,\n      sizeConfig,\n    });\n  }\n\n  if (images.length === 3) {\n    return buildGalleryOfThreeImages({\n      images,\n      sizeConfig,\n    });\n  }\n\n  /**\n   * -----------\n   * |    |    |\n   * |    |    |\n   * -----------\n   * |    |    |\n   * |    |    |\n   * -----------\n   */\n  return buildThumbnailGrid({\n    grid: [\n      [1, 1],\n      [1, 1],\n    ],\n    images: images.slice(0, 4),\n    invertedDirections: true,\n    sizeConfig,\n  });\n}\n"],"mappings":";;;;AAEA;AACA;AACA;AAEA;AAsBO,SAASA,YAAY,OAQI;EAAA,IAL9BC,MAAM,QAANA,MAAM;IACNC,UAAU,QAAVA,UAAU;EAKV,IAAID,MAAM,CAACE,MAAM,KAAK,CAAC,EAAE;IACvB,OAAO,IAAAC,oDAAyB,EAAC;MAC/BC,KAAK,EAAEJ,MAAM,CAAC,CAAC,CAAC;MAChBC,UAAU,EAAVA;IACF,CAAC,CAAC;EACJ;EAEA,IAAID,MAAM,CAACE,MAAM,KAAK,CAAC,EAAE;IACvB,OAAO,IAAAG,gDAAuB,EAAC;MAC7BL,MAAM,EAANA,MAAM;MACNC,UAAU,EAAVA;IACF,CAAC,CAAC;EACJ;EAEA,IAAID,MAAM,CAACE,MAAM,KAAK,CAAC,EAAE;IACvB,OAAO,IAAAI,oDAAyB,EAAC;MAC/BN,MAAM,EAANA,MAAM;MACNC,UAAU,EAAVA;IACF,CAAC,CAAC;EACJ;EAWA,OAAO,IAAAM,sCAAkB,EAAC;IACxBC,IAAI,EAAE,CACJ,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAAC,CAAC,EAAE,CAAC,CAAC,CACP;IACDR,MAAM,EAAEA,MAAM,CAACS,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;IAC1BC,kBAAkB,EAAE,IAAI;IACxBT,UAAU,EAAVA;EACF,CAAC,CAAC;AACJ"}

package/lib/module/components/Attachment/utils/buildGallery/buildGalleryOfSingleImage.js

@@ -1,78 +1,62 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.buildGalleryOfSingleImage = buildGalleryOfSingleImage;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _buildThumbnail = require("./buildThumbnail");
-
 var _getAspectRatio = require("../getAspectRatio");
-
 function clamp(number, min, max) {
   return Math.min(Math.max(number, min), max);
 }
-
 function getContainerSize(_ref) {
   var image = _ref.image,
-      sizeConfig = _ref.sizeConfig;
+    sizeConfig = _ref.sizeConfig;
   var height = image.original_height,
-      width = image.original_width;
+    width = image.original_width;
   var gridHeight = sizeConfig.gridHeight,
-      gridWidth = sizeConfig.gridWidth,
-      maxHeight = sizeConfig.maxHeight,
-      maxWidth = sizeConfig.maxWidth,
-      minHeight = sizeConfig.minHeight,
-      minWidth = sizeConfig.minWidth;
-
+    gridWidth = sizeConfig.gridWidth,
+    maxHeight = sizeConfig.maxHeight,
+    maxWidth = sizeConfig.maxWidth,
+    minHeight = sizeConfig.minHeight,
+    minWidth = sizeConfig.minWidth;
   if (!height || !width) {
     return {
       height: gridHeight,
       width: gridWidth
     };
   }
-
   var aspectRatio = (0, _getAspectRatio.getAspectRatio)(image);
-
   if (aspectRatio <= 1) {
     var _containerHeight = clamp(height, minHeight, maxHeight);
-
     var _containerWidth = clamp(_containerHeight * aspectRatio, minWidth, maxWidth);
-
     if (_containerWidth === maxWidth) {
       return {
         height: clamp(_containerWidth / aspectRatio, minHeight, maxHeight),
         width: _containerWidth
       };
     }
-
     return {
       height: _containerHeight,
       width: _containerWidth
     };
   }
-
   var containerWidth = clamp(width, minWidth, maxWidth);
   var containerHeight = clamp(containerWidth / aspectRatio, minHeight, maxHeight);
-
   if (containerHeight === maxHeight) {
     return {
       height: containerHeight,
       width: clamp(containerHeight * aspectRatio, minHeight, maxHeight)
     };
   }
-
   return {
     height: containerHeight,
     width: containerWidth
   };
 }
-
 function buildGalleryOfSingleImage(_ref2) {
   var image = _ref2.image,
-      sizeConfig = _ref2.sizeConfig;
+    sizeConfig = _ref2.sizeConfig;
   var container = getContainerSize({
     image: image,
     sizeConfig: sizeConfig

package/lib/module/components/Attachment/utils/buildGallery/buildGalleryOfSingleImage.js.map

@@ -1 +1 @@
-{"version":3,"sources":["buildGalleryOfSingleImage.ts"],"names":["clamp","number","min","max","Math","getContainerSize","image","sizeConfig","height","original_height","width","original_width","gridHeight","gridWidth","maxHeight","maxWidth","minHeight","minWidth","aspectRatio","containerHeight","containerWidth","buildGalleryOfSingleImage","container","thumbnail","column","thumbnailGrid"],"mappings":";;;;;;;;;AAEA;;AAKA;;AAUA,SAASA,KAAT,CAAeC,MAAf,EAA+BC,GAA/B,EAA4CC,GAA5C,EAAyD;AACvD,SAAOC,IAAI,CAACF,GAAL,CAASE,IAAI,CAACD,GAAL,CAASF,MAAT,EAAiBC,GAAjB,CAAT,EAAgCC,GAAhC,CAAP;AACD;;AAED,SAASE,gBAAT,OAEmG;AAAA,MAA/FC,KAA+F,QAA/FA,KAA+F;AAAA,MAAxFC,UAAwF,QAAxFA,UAAwF;AACjG,MAAyBC,MAAzB,GAA2DF,KAA3D,CAAQG,eAAR;AAAA,MAAiDC,KAAjD,GAA2DJ,KAA3D,CAAiCK,cAAjC;AACA,MAAQC,UAAR,GAA4EL,UAA5E,CAAQK,UAAR;AAAA,MAAoBC,SAApB,GAA4EN,UAA5E,CAAoBM,SAApB;AAAA,MAA+BC,SAA/B,GAA4EP,UAA5E,CAA+BO,SAA/B;AAAA,MAA0CC,QAA1C,GAA4ER,UAA5E,CAA0CQ,QAA1C;AAAA,MAAoDC,SAApD,GAA4ET,UAA5E,CAAoDS,SAApD;AAAA,MAA+DC,QAA/D,GAA4EV,UAA5E,CAA+DU,QAA/D;;AAEA,MAAI,CAACT,MAAD,IAAW,CAACE,KAAhB,EAAuB;AACrB,WAAO;AAAEF,MAAAA,MAAM,EAAEI,UAAV;AAAsBF,MAAAA,KAAK,EAAEG;AAA7B,KAAP;AACD;;AAED,MAAMK,WAAW,GAAG,oCAAeZ,KAAf,CAApB;;AAEA,MAAIY,WAAW,IAAI,CAAnB,EAAsB;AACpB,QAAMC,gBAAe,GAAGnB,KAAK,CAACQ,MAAD,EAASQ,SAAT,EAAoBF,SAApB,CAA7B;;AACA,QAAMM,eAAc,GAAGpB,KAAK,CAACmB,gBAAe,GAAGD,WAAnB,EAAgCD,QAAhC,EAA0CF,QAA1C,CAA5B;;AAEA,QAAIK,eAAc,KAAKL,QAAvB,EAAiC;AAC/B,aAAO;AACLP,QAAAA,MAAM,EAAER,KAAK,CAACoB,eAAc,GAAGF,WAAlB,EAA+BF,SAA/B,EAA0CF,SAA1C,CADR;AAELJ,QAAAA,KAAK,EAAEU;AAFF,OAAP;AAID;;AACD,WAAO;AACLZ,MAAAA,MAAM,EAAEW,gBADH;AAELT,MAAAA,KAAK,EAAEU;AAFF,KAAP;AAID;;AAED,MAAMA,cAAc,GAAGpB,KAAK,CAACU,KAAD,EAAQO,QAAR,EAAkBF,QAAlB,CAA5B;AACA,MAAMI,eAAe,GAAGnB,KAAK,CAACoB,cAAc,GAAGF,WAAlB,EAA+BF,SAA/B,EAA0CF,SAA1C,CAA7B;;AAEA,MAAIK,eAAe,KAAKL,SAAxB,EAAmC;AACjC,WAAO;AACLN,MAAAA,MAAM,EAAEW,eADH;AAELT,MAAAA,KAAK,EAAEV,KAAK,CAACmB,eAAe,GAAGD,WAAnB,EAAgCF,SAAhC,EAA2CF,SAA3C;AAFP,KAAP;AAID;;AAED,SAAO;AACLN,IAAAA,MAAM,EAAEW,eADH;AAELT,IAAAA,KAAK,EAAEU;AAFF,GAAP;AAID;;AAEM,SAASC,yBAAT,QAQyB;AAAA,MAL9Bf,KAK8B,SAL9BA,KAK8B;AAAA,MAJ9BC,UAI8B,SAJ9BA,UAI8B;AAC9B,MAAMe,SAAS,GAAGjB,gBAAgB,CAAC;AACjCC,IAAAA,KAAK,EAALA,KADiC;AAEjCC,IAAAA,UAAU,EAAVA;AAFiC,GAAD,CAAlC;AAKA,MAAMgB,SAAS,GAAG;AAChBjB,IAAAA,KAAK,EAALA;AADgB,KAEbgB,SAFa,EAAlB;AAKA,MAAME,MAAM,GAAG,CAACD,SAAD,CAAf;AAEA,uCACKD,SADL;AAEEG,IAAAA,aAAa,EAAE,CAACD,MAAD;AAFjB;AAID","sourcesContent":["import type { Attachment } from 'stream-chat';\n\nimport { buildThumbnail } from './buildThumbnail';\n\nimport type { GallerySizeAndThumbnailGrid, GallerySizeConfig } from './types';\n\nimport type { DefaultStreamChatGenerics } from '../../../../types/types';\nimport { getAspectRatio } from '../getAspectRatio';\n\n/**\n * Bound a number to a range.\n * @param number The number to bound.\n * @param min The minimum value.\n * @param max The maximum value.\n *\n * @returns The bounded number.\n */\nfunction clamp(number: number, min: number, max: number) {\n  return Math.min(Math.max(number, min), max);\n}\n\nfunction getContainerSize<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({ image, sizeConfig }: { image: Attachment<StreamChatGenerics>; sizeConfig: GallerySizeConfig }) {\n  const { original_height: height, original_width: width } = image;\n  const { gridHeight, gridWidth, maxHeight, maxWidth, minHeight, minWidth } = sizeConfig;\n\n  if (!height || !width) {\n    return { height: gridHeight, width: gridWidth };\n  }\n\n  const aspectRatio = getAspectRatio(image);\n\n  if (aspectRatio <= 1) {\n    const containerHeight = clamp(height, minHeight, maxHeight);\n    const containerWidth = clamp(containerHeight * aspectRatio, minWidth, maxWidth);\n\n    if (containerWidth === maxWidth) {\n      return {\n        height: clamp(containerWidth / aspectRatio, minHeight, maxHeight),\n        width: containerWidth,\n      };\n    }\n    return {\n      height: containerHeight,\n      width: containerWidth,\n    };\n  }\n\n  const containerWidth = clamp(width, minWidth, maxWidth);\n  const containerHeight = clamp(containerWidth / aspectRatio, minHeight, maxHeight);\n\n  if (containerHeight === maxHeight) {\n    return {\n      height: containerHeight,\n      width: clamp(containerHeight * aspectRatio, minHeight, maxHeight),\n    };\n  }\n\n  return {\n    height: containerHeight,\n    width: containerWidth,\n  };\n}\n\nexport function buildGalleryOfSingleImage<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  image,\n  sizeConfig,\n}: {\n  image: Attachment<StreamChatGenerics>;\n  sizeConfig: GallerySizeConfig;\n}): GallerySizeAndThumbnailGrid {\n  const container = getContainerSize({\n    image,\n    sizeConfig,\n  });\n\n  const thumbnail = buildThumbnail({\n    image,\n    ...container,\n  });\n\n  const column = [thumbnail];\n\n  return {\n    ...container,\n    thumbnailGrid: [column],\n  };\n}\n"]}
+{"version":3,"names":["clamp","number","min","max","Math","getContainerSize","image","sizeConfig","height","original_height","width","original_width","gridHeight","gridWidth","maxHeight","maxWidth","minHeight","minWidth","aspectRatio","getAspectRatio","containerHeight","containerWidth","buildGalleryOfSingleImage","container","thumbnail","buildThumbnail","column","thumbnailGrid"],"sources":["buildGalleryOfSingleImage.ts"],"sourcesContent":["import type { Attachment } from 'stream-chat';\n\nimport { buildThumbnail } from './buildThumbnail';\n\nimport type { GallerySizeAndThumbnailGrid, GallerySizeConfig } from './types';\n\nimport type { DefaultStreamChatGenerics } from '../../../../types/types';\nimport { getAspectRatio } from '../getAspectRatio';\n\n/**\n * Bound a number to a range.\n * @param number The number to bound.\n * @param min The minimum value.\n * @param max The maximum value.\n *\n * @returns The bounded number.\n */\nfunction clamp(number: number, min: number, max: number) {\n  return Math.min(Math.max(number, min), max);\n}\n\nfunction getContainerSize<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({ image, sizeConfig }: { image: Attachment<StreamChatGenerics>; sizeConfig: GallerySizeConfig }) {\n  const { original_height: height, original_width: width } = image;\n  const { gridHeight, gridWidth, maxHeight, maxWidth, minHeight, minWidth } = sizeConfig;\n\n  if (!height || !width) {\n    return { height: gridHeight, width: gridWidth };\n  }\n\n  const aspectRatio = getAspectRatio(image);\n\n  if (aspectRatio <= 1) {\n    const containerHeight = clamp(height, minHeight, maxHeight);\n    const containerWidth = clamp(containerHeight * aspectRatio, minWidth, maxWidth);\n\n    if (containerWidth === maxWidth) {\n      return {\n        height: clamp(containerWidth / aspectRatio, minHeight, maxHeight),\n        width: containerWidth,\n      };\n    }\n    return {\n      height: containerHeight,\n      width: containerWidth,\n    };\n  }\n\n  const containerWidth = clamp(width, minWidth, maxWidth);\n  const containerHeight = clamp(containerWidth / aspectRatio, minHeight, maxHeight);\n\n  if (containerHeight === maxHeight) {\n    return {\n      height: containerHeight,\n      width: clamp(containerHeight * aspectRatio, minHeight, maxHeight),\n    };\n  }\n\n  return {\n    height: containerHeight,\n    width: containerWidth,\n  };\n}\n\nexport function buildGalleryOfSingleImage<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  image,\n  sizeConfig,\n}: {\n  image: Attachment<StreamChatGenerics>;\n  sizeConfig: GallerySizeConfig;\n}): GallerySizeAndThumbnailGrid {\n  const container = getContainerSize({\n    image,\n    sizeConfig,\n  });\n\n  const thumbnail = buildThumbnail({\n    image,\n    ...container,\n  });\n\n  const column = [thumbnail];\n\n  return {\n    ...container,\n    thumbnailGrid: [column],\n  };\n}\n"],"mappings":";;;;;;AAEA;AAKA;AAUA,SAASA,KAAK,CAACC,MAAc,EAAEC,GAAW,EAAEC,GAAW,EAAE;EACvD,OAAOC,IAAI,CAACF,GAAG,CAACE,IAAI,CAACD,GAAG,CAACF,MAAM,EAAEC,GAAG,CAAC,EAAEC,GAAG,CAAC;AAC7C;AAEA,SAASE,gBAAgB,OAE0E;EAAA,IAA/FC,KAAK,QAALA,KAAK;IAAEC,UAAU,QAAVA,UAAU;EACnB,IAAyBC,MAAM,GAA4BF,KAAK,CAAxDG,eAAe;IAA0BC,KAAK,GAAKJ,KAAK,CAA/BK,cAAc;EAC/C,IAAQC,UAAU,GAA0DL,UAAU,CAA9EK,UAAU;IAAEC,SAAS,GAA+CN,UAAU,CAAlEM,SAAS;IAAEC,SAAS,GAAoCP,UAAU,CAAvDO,SAAS;IAAEC,QAAQ,GAA0BR,UAAU,CAA5CQ,QAAQ;IAAEC,SAAS,GAAeT,UAAU,CAAlCS,SAAS;IAAEC,QAAQ,GAAKV,UAAU,CAAvBU,QAAQ;EAEvE,IAAI,CAACT,MAAM,IAAI,CAACE,KAAK,EAAE;IACrB,OAAO;MAAEF,MAAM,EAAEI,UAAU;MAAEF,KAAK,EAAEG;IAAU,CAAC;EACjD;EAEA,IAAMK,WAAW,GAAG,IAAAC,8BAAc,EAACb,KAAK,CAAC;EAEzC,IAAIY,WAAW,IAAI,CAAC,EAAE;IACpB,IAAME,gBAAe,GAAGpB,KAAK,CAACQ,MAAM,EAAEQ,SAAS,EAAEF,SAAS,CAAC;IAC3D,IAAMO,eAAc,GAAGrB,KAAK,CAACoB,gBAAe,GAAGF,WAAW,EAAED,QAAQ,EAAEF,QAAQ,CAAC;IAE/E,IAAIM,eAAc,KAAKN,QAAQ,EAAE;MAC/B,OAAO;QACLP,MAAM,EAAER,KAAK,CAACqB,eAAc,GAAGH,WAAW,EAAEF,SAAS,EAAEF,SAAS,CAAC;QACjEJ,KAAK,EAAEW;MACT,CAAC;IACH;IACA,OAAO;MACLb,MAAM,EAAEY,gBAAe;MACvBV,KAAK,EAAEW;IACT,CAAC;EACH;EAEA,IAAMA,cAAc,GAAGrB,KAAK,CAACU,KAAK,EAAEO,QAAQ,EAAEF,QAAQ,CAAC;EACvD,IAAMK,eAAe,GAAGpB,KAAK,CAACqB,cAAc,GAAGH,WAAW,EAAEF,SAAS,EAAEF,SAAS,CAAC;EAEjF,IAAIM,eAAe,KAAKN,SAAS,EAAE;IACjC,OAAO;MACLN,MAAM,EAAEY,eAAe;MACvBV,KAAK,EAAEV,KAAK,CAACoB,eAAe,GAAGF,WAAW,EAAEF,SAAS,EAAEF,SAAS;IAClE,CAAC;EACH;EAEA,OAAO;IACLN,MAAM,EAAEY,eAAe;IACvBV,KAAK,EAAEW;EACT,CAAC;AACH;AAEO,SAASC,yBAAyB,QAQT;EAAA,IAL9BhB,KAAK,SAALA,KAAK;IACLC,UAAU,SAAVA,UAAU;EAKV,IAAMgB,SAAS,GAAGlB,gBAAgB,CAAC;IACjCC,KAAK,EAALA,KAAK;IACLC,UAAU,EAAVA;EACF,CAAC,CAAC;EAEF,IAAMiB,SAAS,GAAG,IAAAC,8BAAc;IAC9BnB,KAAK,EAALA;EAAK,GACFiB,SAAS,EACZ;EAEF,IAAMG,MAAM,GAAG,CAACF,SAAS,CAAC;EAE1B,qCACKD,SAAS;IACZI,aAAa,EAAE,CAACD,MAAM;EAAC;AAE3B"}

package/lib/module/components/Attachment/utils/buildGallery/buildGalleryOfThreeImages.js

@@ -1,61 +1,48 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.buildGalleryOfThreeImages = buildGalleryOfThreeImages;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _buildThumbnailGrid = require("./buildThumbnailGrid");
-
 var _getAspectRatio = require("../getAspectRatio");
-
 function moveToFront(array, item) {
   var index = array.indexOf(item);
-
   if (index === -1) {
     return array;
   }
-
   var newArray = (0, _toConsumableArray2["default"])(array);
   newArray.splice(index, 1);
   newArray.unshift(item);
   return newArray;
 }
-
 function buildGalleryOfThreeImages(_ref) {
   var images = _ref.images,
-      sizeConfig = _ref.sizeConfig;
-
+    sizeConfig = _ref.sizeConfig;
   var _images$reduce = images.reduce(function (acc, image) {
-    var aspectRatio = (0, _getAspectRatio.getAspectRatio)(image);
-    var o = (0, _extends2["default"])({}, acc);
-
-    if (aspectRatio > 1) {
-      if (!o.landscapeImage || aspectRatio > o.landscapeImageAspectRatio) {
-        o.landscapeImage = image;
-        o.landscapeImageAspectRatio = aspectRatio;
+      var aspectRatio = (0, _getAspectRatio.getAspectRatio)(image);
+      var o = (0, _extends2["default"])({}, acc);
+      if (aspectRatio > 1) {
+        if (!o.landscapeImage || aspectRatio > o.landscapeImageAspectRatio) {
+          o.landscapeImage = image;
+          o.landscapeImageAspectRatio = aspectRatio;
+        }
+      } else {
+        if (!o.portraitImage || aspectRatio < o.portraitImageAspectRatio) {
+          o.portraitImage = image;
+          o.portraitImageAspectRatio = aspectRatio;
+        }
       }
-    } else {
-      if (!o.portraitImage || aspectRatio < o.portraitImageAspectRatio) {
-        o.portraitImage = image;
-        o.portraitImageAspectRatio = aspectRatio;
-      }
-    }
-
-    return o;
-  }, {
-    landscapeImageAspectRatio: 1,
-    portraitImageAspectRatio: 1
-  }),
-      landscapeImage = _images$reduce.landscapeImage,
-      landscapeImageAspectRatio = _images$reduce.landscapeImageAspectRatio,
-      portraitImage = _images$reduce.portraitImage,
-      portraitImageAspectRatio = _images$reduce.portraitImageAspectRatio;
-
+      return o;
+    }, {
+      landscapeImageAspectRatio: 1,
+      portraitImageAspectRatio: 1
+    }),
+    landscapeImage = _images$reduce.landscapeImage,
+    landscapeImageAspectRatio = _images$reduce.landscapeImageAspectRatio,
+    portraitImage = _images$reduce.portraitImage,
+    portraitImageAspectRatio = _images$reduce.portraitImageAspectRatio;
   if (landscapeImageAspectRatio > 1 / portraitImageAspectRatio) {
     return (0, _buildThumbnailGrid.buildThumbnailGrid)({
       grid: [[1], [1, 1]],

package/lib/module/components/Attachment/utils/buildGallery/buildGalleryOfThreeImages.js.map

@@ -1 +1 @@
-{"version":3,"sources":["buildGalleryOfThreeImages.ts"],"names":["moveToFront","array","item","index","indexOf","newArray","splice","unshift","buildGalleryOfThreeImages","images","sizeConfig","reduce","acc","image","aspectRatio","o","landscapeImage","landscapeImageAspectRatio","portraitImage","portraitImageAspectRatio","grid","invertedDirections"],"mappings":";;;;;;;;;;;AAEA;;AAKA;;AAGA,SAASA,WAAT,CAAwBC,KAAxB,EAAoCC,IAApC,EAAkD;AAChD,MAAMC,KAAK,GAAGF,KAAK,CAACG,OAAN,CAAcF,IAAd,CAAd;;AACA,MAAIC,KAAK,KAAK,CAAC,CAAf,EAAkB;AAChB,WAAOF,KAAP;AACD;;AACD,MAAMI,QAAQ,uCAAOJ,KAAP,CAAd;AACAI,EAAAA,QAAQ,CAACC,MAAT,CAAgBH,KAAhB,EAAuB,CAAvB;AACAE,EAAAA,QAAQ,CAACE,OAAT,CAAiBL,IAAjB;AACA,SAAOG,QAAP;AACD;;AAEM,SAASG,yBAAT,OAQyB;AAAA,MAL9BC,MAK8B,QAL9BA,MAK8B;AAAA,MAJ9BC,UAI8B,QAJ9BA,UAI8B;;AAE9B,uBACED,MAAM,CAACE,MAAP,CACE,UAACC,GAAD,EAAMC,KAAN,EAAgB;AACd,QAAMC,WAAW,GAAG,oCAAeD,KAAf,CAApB;AACA,QAAME,CAAC,iCAAQH,GAAR,CAAP;;AAIA,QAAIE,WAAW,GAAG,CAAlB,EAAqB;AACnB,UAAI,CAACC,CAAC,CAACC,cAAH,IAAqBF,WAAW,GAAGC,CAAC,CAACE,yBAAzC,EAAoE;AAClEF,QAAAA,CAAC,CAACC,cAAF,GAAmBH,KAAnB;AACAE,QAAAA,CAAC,CAACE,yBAAF,GAA8BH,WAA9B;AACD;AACF,KALD,MAKO;AACL,UAAI,CAACC,CAAC,CAACG,aAAH,IAAoBJ,WAAW,GAAGC,CAAC,CAACI,wBAAxC,EAAkE;AAChEJ,QAAAA,CAAC,CAACG,aAAF,GAAkBL,KAAlB;AACAE,QAAAA,CAAC,CAACI,wBAAF,GAA6BL,WAA7B;AACD;AACF;;AAED,WAAOC,CAAP;AACD,GApBH,EAqBE;AACEE,IAAAA,yBAAyB,EAAE,CAD7B;AAEEE,IAAAA,wBAAwB,EAAE;AAF5B,GArBF,CADF;AAAA,MAAQH,cAAR,kBAAQA,cAAR;AAAA,MAAwBC,yBAAxB,kBAAwBA,yBAAxB;AAAA,MAAmDC,aAAnD,kBAAmDA,aAAnD;AAAA,MAAkEC,wBAAlE,kBAAkEA,wBAAlE;;AAkCA,MAAIF,yBAAyB,GAAG,IAAIE,wBAApC,EAA8D;AAU5D,WAAO,4CAAmB;AACxBC,MAAAA,IAAI,EAAE,CAAC,CAAC,CAAD,CAAD,EAAM,CAAC,CAAD,EAAI,CAAJ,CAAN,CADkB;AAExBX,MAAAA,MAAM,EAAEO,cAAc,GAAGhB,WAAW,CAACS,MAAD,EAASO,cAAT,CAAd,GAAyCP,MAFvC;AAGxBY,MAAAA,kBAAkB,EAAE,IAHI;AAIxBX,MAAAA,UAAU,EAAVA;AAJwB,KAAnB,CAAP;AAMD,GAhBD,MAgBO;AAUL,WAAO,4CAAmB;AACxBU,MAAAA,IAAI,EAAE,CAAC,CAAC,CAAD,CAAD,EAAM,CAAC,CAAD,EAAI,CAAJ,CAAN,CADkB;AAExBX,MAAAA,MAAM,EAAES,aAAa,GAAGlB,WAAW,CAACS,MAAD,EAASS,aAAT,CAAd,GAAwCT,MAFrC;AAGxBY,MAAAA,kBAAkB,EAAE,KAHI;AAIxBX,MAAAA,UAAU,EAAVA;AAJwB,KAAnB,CAAP;AAMD;AACF","sourcesContent":["import type { Attachment } from 'stream-chat';\n\nimport { buildThumbnailGrid } from './buildThumbnailGrid';\n\nimport type { GallerySizeAndThumbnailGrid, GallerySizeConfig } from './types';\n\nimport type { DefaultStreamChatGenerics } from '../../../../types/types';\nimport { getAspectRatio } from '../getAspectRatio';\n\n/** function to move item to the front of the array */\nfunction moveToFront<T>(array: T[], item: T): T[] {\n  const index = array.indexOf(item);\n  if (index === -1) {\n    return array;\n  }\n  const newArray = [...array];\n  newArray.splice(index, 1);\n  newArray.unshift(item);\n  return newArray;\n}\n\nexport function buildGalleryOfThreeImages<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  images,\n  sizeConfig,\n}: {\n  images: Attachment<StreamChatGenerics>[];\n  sizeConfig: GallerySizeConfig;\n}): GallerySizeAndThumbnailGrid {\n  // Find the most ladscape and most portrait image.\n  const { landscapeImage, landscapeImageAspectRatio, portraitImage, portraitImageAspectRatio } =\n    images.reduce(\n      (acc, image) => {\n        const aspectRatio = getAspectRatio(image);\n        const o = { ...acc };\n\n        // Following nested if conditions can be combined, but have been kept\n        // separate intentionally for the sake of readability.\n        if (aspectRatio > 1) {\n          if (!o.landscapeImage || aspectRatio > o.landscapeImageAspectRatio) {\n            o.landscapeImage = image;\n            o.landscapeImageAspectRatio = aspectRatio;\n          }\n        } else {\n          if (!o.portraitImage || aspectRatio < o.portraitImageAspectRatio) {\n            o.portraitImage = image;\n            o.portraitImageAspectRatio = aspectRatio;\n          }\n        }\n\n        return o;\n      },\n      {\n        landscapeImageAspectRatio: 1,\n        portraitImageAspectRatio: 1,\n      } as {\n        landscapeImage: Attachment<StreamChatGenerics>;\n        landscapeImageAspectRatio: number;\n        portraitImage: Attachment<StreamChatGenerics>;\n        portraitImageAspectRatio: number;\n      },\n    );\n\n  // Check weather landscape image gets preference or portrait, by comparing aspect ratio.\n  if (landscapeImageAspectRatio > 1 / portraitImageAspectRatio) {\n    /**\n     * -----------\n     * |         |\n     * |         |\n     * |---------|\n     * |    |    |\n     * |    |    |\n     * -----------\n     */\n    return buildThumbnailGrid({\n      grid: [[1], [1, 1]],\n      images: landscapeImage ? moveToFront(images, landscapeImage) : images,\n      invertedDirections: true,\n      sizeConfig,\n    });\n  } else {\n    /**\n     * -----------\n     * |    |    |\n     * |    |    |\n     * |    |----|\n     * |    |    |\n     * |    |    |\n     * -----------\n     */\n    return buildThumbnailGrid({\n      grid: [[1], [1, 1]],\n      images: portraitImage ? moveToFront(images, portraitImage) : images,\n      invertedDirections: false,\n      sizeConfig,\n    });\n  }\n}\n"]}
+{"version":3,"names":["moveToFront","array","item","index","indexOf","newArray","splice","unshift","buildGalleryOfThreeImages","images","sizeConfig","reduce","acc","image","aspectRatio","getAspectRatio","o","landscapeImage","landscapeImageAspectRatio","portraitImage","portraitImageAspectRatio","buildThumbnailGrid","grid","invertedDirections"],"sources":["buildGalleryOfThreeImages.ts"],"sourcesContent":["import type { Attachment } from 'stream-chat';\n\nimport { buildThumbnailGrid } from './buildThumbnailGrid';\n\nimport type { GallerySizeAndThumbnailGrid, GallerySizeConfig } from './types';\n\nimport type { DefaultStreamChatGenerics } from '../../../../types/types';\nimport { getAspectRatio } from '../getAspectRatio';\n\n/** function to move item to the front of the array */\nfunction moveToFront<T>(array: T[], item: T): T[] {\n  const index = array.indexOf(item);\n  if (index === -1) {\n    return array;\n  }\n  const newArray = [...array];\n  newArray.splice(index, 1);\n  newArray.unshift(item);\n  return newArray;\n}\n\nexport function buildGalleryOfThreeImages<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  images,\n  sizeConfig,\n}: {\n  images: Attachment<StreamChatGenerics>[];\n  sizeConfig: GallerySizeConfig;\n}): GallerySizeAndThumbnailGrid {\n  // Find the most ladscape and most portrait image.\n  const { landscapeImage, landscapeImageAspectRatio, portraitImage, portraitImageAspectRatio } =\n    images.reduce(\n      (acc, image) => {\n        const aspectRatio = getAspectRatio(image);\n        const o = { ...acc };\n\n        // Following nested if conditions can be combined, but have been kept\n        // separate intentionally for the sake of readability.\n        if (aspectRatio > 1) {\n          if (!o.landscapeImage || aspectRatio > o.landscapeImageAspectRatio) {\n            o.landscapeImage = image;\n            o.landscapeImageAspectRatio = aspectRatio;\n          }\n        } else {\n          if (!o.portraitImage || aspectRatio < o.portraitImageAspectRatio) {\n            o.portraitImage = image;\n            o.portraitImageAspectRatio = aspectRatio;\n          }\n        }\n\n        return o;\n      },\n      {\n        landscapeImageAspectRatio: 1,\n        portraitImageAspectRatio: 1,\n      } as {\n        landscapeImage: Attachment<StreamChatGenerics>;\n        landscapeImageAspectRatio: number;\n        portraitImage: Attachment<StreamChatGenerics>;\n        portraitImageAspectRatio: number;\n      },\n    );\n\n  // Check weather landscape image gets preference or portrait, by comparing aspect ratio.\n  if (landscapeImageAspectRatio > 1 / portraitImageAspectRatio) {\n    /**\n     * -----------\n     * |         |\n     * |         |\n     * |---------|\n     * |    |    |\n     * |    |    |\n     * -----------\n     */\n    return buildThumbnailGrid({\n      grid: [[1], [1, 1]],\n      images: landscapeImage ? moveToFront(images, landscapeImage) : images,\n      invertedDirections: true,\n      sizeConfig,\n    });\n  } else {\n    /**\n     * -----------\n     * |    |    |\n     * |    |    |\n     * |    |----|\n     * |    |    |\n     * |    |    |\n     * -----------\n     */\n    return buildThumbnailGrid({\n      grid: [[1], [1, 1]],\n      images: portraitImage ? moveToFront(images, portraitImage) : images,\n      invertedDirections: false,\n      sizeConfig,\n    });\n  }\n}\n"],"mappings":";;;;;;;AAEA;AAKA;AAGA,SAASA,WAAW,CAAIC,KAAU,EAAEC,IAAO,EAAO;EAChD,IAAMC,KAAK,GAAGF,KAAK,CAACG,OAAO,CAACF,IAAI,CAAC;EACjC,IAAIC,KAAK,KAAK,CAAC,CAAC,EAAE;IAChB,OAAOF,KAAK;EACd;EACA,IAAMI,QAAQ,uCAAOJ,KAAK,CAAC;EAC3BI,QAAQ,CAACC,MAAM,CAACH,KAAK,EAAE,CAAC,CAAC;EACzBE,QAAQ,CAACE,OAAO,CAACL,IAAI,CAAC;EACtB,OAAOG,QAAQ;AACjB;AAEO,SAASG,yBAAyB,OAQT;EAAA,IAL9BC,MAAM,QAANA,MAAM;IACNC,UAAU,QAAVA,UAAU;EAMV,qBACED,MAAM,CAACE,MAAM,CACX,UAACC,GAAG,EAAEC,KAAK,EAAK;MACd,IAAMC,WAAW,GAAG,IAAAC,8BAAc,EAACF,KAAK,CAAC;MACzC,IAAMG,CAAC,iCAAQJ,GAAG,CAAE;MAIpB,IAAIE,WAAW,GAAG,CAAC,EAAE;QACnB,IAAI,CAACE,CAAC,CAACC,cAAc,IAAIH,WAAW,GAAGE,CAAC,CAACE,yBAAyB,EAAE;UAClEF,CAAC,CAACC,cAAc,GAAGJ,KAAK;UACxBG,CAAC,CAACE,yBAAyB,GAAGJ,WAAW;QAC3C;MACF,CAAC,MAAM;QACL,IAAI,CAACE,CAAC,CAACG,aAAa,IAAIL,WAAW,GAAGE,CAAC,CAACI,wBAAwB,EAAE;UAChEJ,CAAC,CAACG,aAAa,GAAGN,KAAK;UACvBG,CAAC,CAACI,wBAAwB,GAAGN,WAAW;QAC1C;MACF;MAEA,OAAOE,CAAC;IACV,CAAC,EACD;MACEE,yBAAyB,EAAE,CAAC;MAC5BE,wBAAwB,EAAE;IAC5B,CAAC,CAMF;IA/BKH,cAAc,kBAAdA,cAAc;IAAEC,yBAAyB,kBAAzBA,yBAAyB;IAAEC,aAAa,kBAAbA,aAAa;IAAEC,wBAAwB,kBAAxBA,wBAAwB;EAkC1F,IAAIF,yBAAyB,GAAG,CAAC,GAAGE,wBAAwB,EAAE;IAU5D,OAAO,IAAAC,sCAAkB,EAAC;MACxBC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;MACnBb,MAAM,EAAEQ,cAAc,GAAGjB,WAAW,CAACS,MAAM,EAAEQ,cAAc,CAAC,GAAGR,MAAM;MACrEc,kBAAkB,EAAE,IAAI;MACxBb,UAAU,EAAVA;IACF,CAAC,CAAC;EACJ,CAAC,MAAM;IAUL,OAAO,IAAAW,sCAAkB,EAAC;MACxBC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;MACnBb,MAAM,EAAEU,aAAa,GAAGnB,WAAW,CAACS,MAAM,EAAEU,aAAa,CAAC,GAAGV,MAAM;MACnEc,kBAAkB,EAAE,KAAK;MACzBb,UAAU,EAAVA;IACF,CAAC,CAAC;EACJ;AACF"}

package/lib/module/components/Attachment/utils/buildGallery/buildGalleryOfTwoImages.js

@@ -2,19 +2,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.buildGalleryOfTwoImages = buildGalleryOfTwoImages;
-
 var _buildThumbnailGrid = require("./buildThumbnailGrid");
-
 var _getAspectRatio = require("../getAspectRatio");
-
 function buildGalleryOfTwoImages(_ref) {
   var images = _ref.images,
-      sizeConfig = _ref.sizeConfig;
+    sizeConfig = _ref.sizeConfig;
   var aspectRatio1 = (0, _getAspectRatio.getAspectRatio)(images[0]);
   var aspectRatio2 = (0, _getAspectRatio.getAspectRatio)(images[1]);
   var isLandscape1 = aspectRatio1 > 1;
   var isLandscape2 = aspectRatio2 > 1;
-
   if (isLandscape1 && isLandscape2) {
     return (0, _buildThumbnailGrid.buildThumbnailGrid)({
       grid: [[1], [1]],
@@ -23,7 +19,6 @@ function buildGalleryOfTwoImages(_ref) {
       sizeConfig: sizeConfig
     });
   }
-
   if (!isLandscape1 && !isLandscape2) {
     return (0, _buildThumbnailGrid.buildThumbnailGrid)({
       grid: [[1, 1]],
@@ -32,7 +27,6 @@ function buildGalleryOfTwoImages(_ref) {
       sizeConfig: sizeConfig
     });
   }
-
   return (0, _buildThumbnailGrid.buildThumbnailGrid)({
     grid: [[2, 1]],
     images: isLandscape1 ? images : images.reverse(),

package/lib/module/components/Attachment/utils/buildGallery/buildGalleryOfTwoImages.js.map

@@ -1 +1 @@
-{"version":3,"sources":["buildGalleryOfTwoImages.ts"],"names":["buildGalleryOfTwoImages","images","sizeConfig","aspectRatio1","aspectRatio2","isLandscape1","isLandscape2","grid","invertedDirections","reverse"],"mappings":";;;;;AAEA;;AAKA;;AAEO,SAASA,uBAAT,OAQyB;AAAA,MAL9BC,MAK8B,QAL9BA,MAK8B;AAAA,MAJ9BC,UAI8B,QAJ9BA,UAI8B;AAC9B,MAAMC,YAAY,GAAG,oCAAeF,MAAM,CAAC,CAAD,CAArB,CAArB;AACA,MAAMG,YAAY,GAAG,oCAAeH,MAAM,CAAC,CAAD,CAArB,CAArB;AAGA,MAAMI,YAAY,GAAGF,YAAY,GAAG,CAApC;AACA,MAAMG,YAAY,GAAGF,YAAY,GAAG,CAApC;;AAGA,MAAIC,YAAY,IAAIC,YAApB,EAAkC;AAQhC,WAAO,4CAAmB;AACxBC,MAAAA,IAAI,EAAE,CAAC,CAAC,CAAD,CAAD,EAAM,CAAC,CAAD,CAAN,CADkB;AAExBN,MAAAA,MAAM,EAANA,MAFwB;AAGxBO,MAAAA,kBAAkB,EAAE,IAHI;AAIxBN,MAAAA,UAAU,EAAVA;AAJwB,KAAnB,CAAP;AAMD;;AAED,MAAI,CAACG,YAAD,IAAiB,CAACC,YAAtB,EAAoC;AASlC,WAAO,4CAAmB;AACxBC,MAAAA,IAAI,EAAE,CAAC,CAAC,CAAD,EAAI,CAAJ,CAAD,CADkB;AAExBN,MAAAA,MAAM,EAANA,MAFwB;AAGxBO,MAAAA,kBAAkB,EAAE,IAHI;AAIxBN,MAAAA,UAAU,EAAVA;AAJwB,KAAnB,CAAP;AAMD;;AAED,SAAO,4CAAmB;AACxBK,IAAAA,IAAI,EAAE,CAAC,CAAC,CAAD,EAAI,CAAJ,CAAD,CADkB;AAExBN,IAAAA,MAAM,EAAEI,YAAY,GAAGJ,MAAH,GAAYA,MAAM,CAACQ,OAAP,EAFR;AAGxBD,IAAAA,kBAAkB,EAAE,IAHI;AAIxBN,IAAAA,UAAU,EAAVA;AAJwB,GAAnB,CAAP;AAMD","sourcesContent":["import type { Attachment } from 'stream-chat';\n\nimport { buildThumbnailGrid } from './buildThumbnailGrid';\n\nimport type { GallerySizeAndThumbnailGrid, GallerySizeConfig } from './types';\n\nimport type { DefaultStreamChatGenerics } from '../../../../types/types';\nimport { getAspectRatio } from '../getAspectRatio';\n\nexport function buildGalleryOfTwoImages<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  images,\n  sizeConfig,\n}: {\n  images: Attachment<StreamChatGenerics>[];\n  sizeConfig: GallerySizeConfig;\n}): GallerySizeAndThumbnailGrid {\n  const aspectRatio1 = getAspectRatio(images[0]);\n  const aspectRatio2 = getAspectRatio(images[1]);\n\n  // check if one image is landscape and other is portrait or vice versa\n  const isLandscape1 = aspectRatio1 > 1;\n  const isLandscape2 = aspectRatio2 > 1;\n\n  // Both the images are landscape\n  if (isLandscape1 && isLandscape2) {\n    /**\n     * ----------\n     * |        |\n     * ----------\n     * |        |\n     * ----------\n     */\n    return buildThumbnailGrid({\n      grid: [[1], [1]],\n      images,\n      invertedDirections: true,\n      sizeConfig,\n    });\n  }\n\n  if (!isLandscape1 && !isLandscape2) {\n    /**\n     * -----------\n     * |    |    |\n     * |    |    |\n     * |    |    |\n     * |    |    |\n     * -----------\n     */\n    return buildThumbnailGrid({\n      grid: [[1, 1]],\n      images,\n      invertedDirections: true,\n      sizeConfig,\n    });\n  }\n\n  return buildThumbnailGrid({\n    grid: [[2, 1]],\n    images: isLandscape1 ? images : images.reverse(),\n    invertedDirections: true,\n    sizeConfig,\n  });\n}\n"]}
+{"version":3,"names":["buildGalleryOfTwoImages","images","sizeConfig","aspectRatio1","getAspectRatio","aspectRatio2","isLandscape1","isLandscape2","buildThumbnailGrid","grid","invertedDirections","reverse"],"sources":["buildGalleryOfTwoImages.ts"],"sourcesContent":["import type { Attachment } from 'stream-chat';\n\nimport { buildThumbnailGrid } from './buildThumbnailGrid';\n\nimport type { GallerySizeAndThumbnailGrid, GallerySizeConfig } from './types';\n\nimport type { DefaultStreamChatGenerics } from '../../../../types/types';\nimport { getAspectRatio } from '../getAspectRatio';\n\nexport function buildGalleryOfTwoImages<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  images,\n  sizeConfig,\n}: {\n  images: Attachment<StreamChatGenerics>[];\n  sizeConfig: GallerySizeConfig;\n}): GallerySizeAndThumbnailGrid {\n  const aspectRatio1 = getAspectRatio(images[0]);\n  const aspectRatio2 = getAspectRatio(images[1]);\n\n  // check if one image is landscape and other is portrait or vice versa\n  const isLandscape1 = aspectRatio1 > 1;\n  const isLandscape2 = aspectRatio2 > 1;\n\n  // Both the images are landscape\n  if (isLandscape1 && isLandscape2) {\n    /**\n     * ----------\n     * |        |\n     * ----------\n     * |        |\n     * ----------\n     */\n    return buildThumbnailGrid({\n      grid: [[1], [1]],\n      images,\n      invertedDirections: true,\n      sizeConfig,\n    });\n  }\n\n  if (!isLandscape1 && !isLandscape2) {\n    /**\n     * -----------\n     * |    |    |\n     * |    |    |\n     * |    |    |\n     * |    |    |\n     * -----------\n     */\n    return buildThumbnailGrid({\n      grid: [[1, 1]],\n      images,\n      invertedDirections: true,\n      sizeConfig,\n    });\n  }\n\n  return buildThumbnailGrid({\n    grid: [[2, 1]],\n    images: isLandscape1 ? images : images.reverse(),\n    invertedDirections: true,\n    sizeConfig,\n  });\n}\n"],"mappings":";;;;AAEA;AAKA;AAEO,SAASA,uBAAuB,OAQP;EAAA,IAL9BC,MAAM,QAANA,MAAM;IACNC,UAAU,QAAVA,UAAU;EAKV,IAAMC,YAAY,GAAG,IAAAC,8BAAc,EAACH,MAAM,CAAC,CAAC,CAAC,CAAC;EAC9C,IAAMI,YAAY,GAAG,IAAAD,8BAAc,EAACH,MAAM,CAAC,CAAC,CAAC,CAAC;EAG9C,IAAMK,YAAY,GAAGH,YAAY,GAAG,CAAC;EACrC,IAAMI,YAAY,GAAGF,YAAY,GAAG,CAAC;EAGrC,IAAIC,YAAY,IAAIC,YAAY,EAAE;IAQhC,OAAO,IAAAC,sCAAkB,EAAC;MACxBC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;MAChBR,MAAM,EAANA,MAAM;MACNS,kBAAkB,EAAE,IAAI;MACxBR,UAAU,EAAVA;IACF,CAAC,CAAC;EACJ;EAEA,IAAI,CAACI,YAAY,IAAI,CAACC,YAAY,EAAE;IASlC,OAAO,IAAAC,sCAAkB,EAAC;MACxBC,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;MACdR,MAAM,EAANA,MAAM;MACNS,kBAAkB,EAAE,IAAI;MACxBR,UAAU,EAAVA;IACF,CAAC,CAAC;EACJ;EAEA,OAAO,IAAAM,sCAAkB,EAAC;IACxBC,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACdR,MAAM,EAAEK,YAAY,GAAGL,MAAM,GAAGA,MAAM,CAACU,OAAO,EAAE;IAChDD,kBAAkB,EAAE,IAAI;IACxBR,UAAU,EAAVA;EACF,CAAC,CAAC;AACJ"}

package/lib/module/components/Attachment/utils/buildGallery/buildThumbnail.js

@@ -2,18 +2,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.buildThumbnail = buildThumbnail;
-
 var _getResizedImageUrl = require("../../../../utils/getResizedImageUrl");
-
 var _getUrlOfImageAttachment = require("../../../../utils/getUrlOfImageAttachment");
-
 function buildThumbnail(_ref) {
   var height = _ref.height,
-      image = _ref.image,
-      resizeMode = _ref.resizeMode,
-      width = _ref.width;
+    image = _ref.image,
+    resizeMode = _ref.resizeMode,
+    width = _ref.width;
   var originalImageHeight = image.original_height,
-      originalImageWidth = image.original_width;
+    originalImageWidth = image.original_width;
   var shouldResize = originalImageHeight && originalImageWidth ? originalImageHeight + originalImageWidth > height + width : true;
   var imageUrl = (0, _getUrlOfImageAttachment.getUrlOfImageAttachment)(image);
   return {

package/lib/module/components/Attachment/utils/buildGallery/buildThumbnail.js.map

@@ -1 +1 @@
-{"version":3,"sources":["buildThumbnail.ts"],"names":["buildThumbnail","height","image","resizeMode","width","originalImageHeight","original_height","originalImageWidth","original_width","shouldResize","imageUrl","thumb_url","type","url"],"mappings":";;;;;AAQA;;AACA;;AAEO,SAASA,cAAT,OAYO;AAAA,MATZC,MASY,QATZA,MASY;AAAA,MARZC,KAQY,QARZA,KAQY;AAAA,MAPZC,UAOY,QAPZA,UAOY;AAAA,MANZC,KAMY,QANZA,KAMY;AACZ,MAAyBC,mBAAzB,GAAqFH,KAArF,CAAQI,eAAR;AAAA,MAA8DC,kBAA9D,GAAqFL,KAArF,CAA8CM,cAA9C;AAGA,MAAMC,YAAY,GAChBJ,mBAAmB,IAAIE,kBAAvB,GACIF,mBAAmB,GAAGE,kBAAtB,GAA2CN,MAAM,GAAGG,KADxD,GAEI,IAHN;AAIA,MAAMM,QAAQ,GAAG,sDAAwBR,KAAxB,CAAjB;AAEA,SAAO;AACLD,IAAAA,MAAM,EAANA,MADK;AAELE,IAAAA,UAAU,EAAEA,UAAU,GAClBA,UADkB,GAEhBD,KAAK,CAACI,eAAN,IAAyBJ,KAAK,CAACM,cAA/B,GAAgD,SAAhD,GAA4D,OAJ7D;AAKLG,IAAAA,SAAS,EAAET,KAAK,CAACS,SALZ;AAMLC,IAAAA,IAAI,EAAEV,KAAK,CAACU,IANP;AAOLC,IAAAA,GAAG,EAAEJ,YAAY,GACb,4CAAmB;AACjBR,MAAAA,MAAM,EAANA,MADiB;AAEjBY,MAAAA,GAAG,EAAEH,QAFY;AAGjBN,MAAAA,KAAK,EAALA;AAHiB,KAAnB,CADa,GAMbM,QAbC;AAcLN,IAAAA,KAAK,EAALA;AAdK,GAAP;AAgBD","sourcesContent":["import type { ImageResizeMode } from 'react-native';\n\nimport type { Attachment } from 'stream-chat';\n\nimport type { Thumbnail } from './types';\n\nimport type { DefaultStreamChatGenerics } from '../../../../types/types';\n\nimport { getResizedImageUrl } from '../../../../utils/getResizedImageUrl';\nimport { getUrlOfImageAttachment } from '../../../../utils/getUrlOfImageAttachment';\n\nexport function buildThumbnail<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  height,\n  image,\n  resizeMode,\n  width,\n}: {\n  height: number;\n  image: Attachment<StreamChatGenerics>;\n  width: number;\n  resizeMode?: ImageResizeMode;\n}): Thumbnail {\n  const { original_height: originalImageHeight, original_width: originalImageWidth } = image;\n\n  // Only resize if the original image is larger than the thumbnail container size.\n  const shouldResize =\n    originalImageHeight && originalImageWidth\n      ? originalImageHeight + originalImageWidth > height + width\n      : true;\n  const imageUrl = getUrlOfImageAttachment(image) as string;\n\n  return {\n    height,\n    resizeMode: resizeMode\n      ? resizeMode\n      : ((image.original_height && image.original_width ? 'contain' : 'cover') as ImageResizeMode),\n    thumb_url: image.thumb_url,\n    type: image.type,\n    url: shouldResize\n      ? getResizedImageUrl({\n          height,\n          url: imageUrl,\n          width,\n        })\n      : imageUrl,\n    width,\n  };\n}\n"]}
+{"version":3,"names":["buildThumbnail","height","image","resizeMode","width","originalImageHeight","original_height","originalImageWidth","original_width","shouldResize","imageUrl","getUrlOfImageAttachment","thumb_url","type","url","getResizedImageUrl"],"sources":["buildThumbnail.ts"],"sourcesContent":["import type { ImageResizeMode } from 'react-native';\n\nimport type { Attachment } from 'stream-chat';\n\nimport type { Thumbnail } from './types';\n\nimport type { DefaultStreamChatGenerics } from '../../../../types/types';\n\nimport { getResizedImageUrl } from '../../../../utils/getResizedImageUrl';\nimport { getUrlOfImageAttachment } from '../../../../utils/getUrlOfImageAttachment';\n\nexport function buildThumbnail<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  height,\n  image,\n  resizeMode,\n  width,\n}: {\n  height: number;\n  image: Attachment<StreamChatGenerics>;\n  width: number;\n  resizeMode?: ImageResizeMode;\n}): Thumbnail {\n  const { original_height: originalImageHeight, original_width: originalImageWidth } = image;\n\n  // Only resize if the original image is larger than the thumbnail container size.\n  const shouldResize =\n    originalImageHeight && originalImageWidth\n      ? originalImageHeight + originalImageWidth > height + width\n      : true;\n  const imageUrl = getUrlOfImageAttachment(image) as string;\n\n  return {\n    height,\n    resizeMode: resizeMode\n      ? resizeMode\n      : ((image.original_height && image.original_width ? 'contain' : 'cover') as ImageResizeMode),\n    thumb_url: image.thumb_url,\n    type: image.type,\n    url: shouldResize\n      ? getResizedImageUrl({\n          height,\n          url: imageUrl,\n          width,\n        })\n      : imageUrl,\n    width,\n  };\n}\n"],"mappings":";;;;AAQA;AACA;AAEO,SAASA,cAAc,OAYhB;EAAA,IATZC,MAAM,QAANA,MAAM;IACNC,KAAK,QAALA,KAAK;IACLC,UAAU,QAAVA,UAAU;IACVC,KAAK,QAALA,KAAK;EAOL,IAAyBC,mBAAmB,GAAyCH,KAAK,CAAlFI,eAAe;IAAuCC,kBAAkB,GAAKL,KAAK,CAA5CM,cAAc;EAG5D,IAAMC,YAAY,GAChBJ,mBAAmB,IAAIE,kBAAkB,GACrCF,mBAAmB,GAAGE,kBAAkB,GAAGN,MAAM,GAAGG,KAAK,GACzD,IAAI;EACV,IAAMM,QAAQ,GAAG,IAAAC,gDAAuB,EAACT,KAAK,CAAW;EAEzD,OAAO;IACLD,MAAM,EAANA,MAAM;IACNE,UAAU,EAAEA,UAAU,GAClBA,UAAU,GACRD,KAAK,CAACI,eAAe,IAAIJ,KAAK,CAACM,cAAc,GAAG,SAAS,GAAG,OAA4B;IAC9FI,SAAS,EAAEV,KAAK,CAACU,SAAS;IAC1BC,IAAI,EAAEX,KAAK,CAACW,IAAI;IAChBC,GAAG,EAAEL,YAAY,GACb,IAAAM,sCAAkB,EAAC;MACjBd,MAAM,EAANA,MAAM;MACNa,GAAG,EAAEJ,QAAQ;MACbN,KAAK,EAALA;IACF,CAAC,CAAC,GACFM,QAAQ;IACZN,KAAK,EAALA;EACF,CAAC;AACH"}

package/lib/module/components/Attachment/utils/buildGallery/buildThumbnailGrid.js

@@ -2,17 +2,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.buildThumbnailGrid = buildThumbnailGrid;
-
 var _buildThumbnail = require("./buildThumbnail");
-
 function buildThumbnailGrid(_ref) {
   var grid = _ref.grid,
-      images = _ref.images,
-      _ref$invertedDirectio = _ref.invertedDirections,
-      invertedDirections = _ref$invertedDirectio === void 0 ? false : _ref$invertedDirectio,
-      sizeConfig = _ref.sizeConfig;
+    images = _ref.images,
+    _ref$invertedDirectio = _ref.invertedDirections,
+    invertedDirections = _ref$invertedDirectio === void 0 ? false : _ref$invertedDirectio,
+    sizeConfig = _ref.sizeConfig;
   var gridHeight = sizeConfig.gridHeight,
-      gridWidth = sizeConfig.gridWidth;
+    gridWidth = sizeConfig.gridWidth;
   var imageIndex = 0;
   var thumbnailGrid = [];
   var numOfColumns = grid.length;
@@ -30,11 +28,9 @@ function buildThumbnailGrid(_ref) {
         resizeMode: 'cover',
         width: tWidth
       });
-
       if (!thumbnailGrid[colIndex]) {
         thumbnailGrid[colIndex] = [];
       }
-
       thumbnailGrid[colIndex].push(thumbnail);
       imageIndex++;
     });

package/lib/module/components/Attachment/utils/buildGallery/buildThumbnailGrid.js.map

@@ -1 +1 @@
-{"version":3,"sources":["buildThumbnailGrid.ts"],"names":["buildThumbnailGrid","grid","images","invertedDirections","sizeConfig","gridHeight","gridWidth","imageIndex","thumbnailGrid","numOfColumns","length","forEach","rows","colIndex","totalFlexValue","reduce","acc","curr","flexValue","tHeight","tWidth","currentImage","thumbnail","height","image","resizeMode","width","push"],"mappings":";;;;;AAEA;;AAqIO,SAASA,kBAAT,OAYyB;AAAA,MAT9BC,IAS8B,QAT9BA,IAS8B;AAAA,MAR9BC,MAQ8B,QAR9BA,MAQ8B;AAAA,mCAP9BC,kBAO8B;AAAA,MAP9BA,kBAO8B,sCAPT,KAOS;AAAA,MAN9BC,UAM8B,QAN9BA,UAM8B;AAC9B,MAAQC,UAAR,GAAkCD,UAAlC,CAAQC,UAAR;AAAA,MAAoBC,SAApB,GAAkCF,UAAlC,CAAoBE,SAApB;AAEA,MAAIC,UAAU,GAAG,CAAjB;AACA,MAAMC,aAA4B,GAAG,EAArC;AACA,MAAMC,YAAY,GAAGR,IAAI,CAACS,MAA1B;AACAT,EAAAA,IAAI,CAACU,OAAL,CAAa,UAACC,IAAD,EAAOC,QAAP,EAAoB;AAC/B,QAAMC,cAAc,GAAGF,IAAI,CAACG,MAAL,CAAY,UAACC,GAAD,EAAMC,IAAN;AAAA,aAAeD,GAAG,GAAGC,IAArB;AAAA,KAAZ,EAAuC,CAAvC,CAAvB;AAEAL,IAAAA,IAAI,CAACD,OAAL,CAAa,UAACO,SAAD,EAAe;AAC1B,UAAMC,OAAO,GAAGhB,kBAAkB,GAC9BE,UAAU,GAAGI,YADiB,GAE9BJ,UAAU,IAAIa,SAAS,GAAGJ,cAAhB,CAFd;AAIA,UAAMM,MAAM,GAAGjB,kBAAkB,GAC7BG,SAAS,IAAIY,SAAS,GAAGJ,cAAhB,CADoB,GAE7BR,SAAS,GAAGG,YAFhB;AAIA,UAAMY,YAAY,GAAGnB,MAAM,CAACK,UAAD,CAA3B;AACA,UAAMe,SAAS,GAAG,oCAAe;AAC/BC,QAAAA,MAAM,EAAEJ,OADuB;AAE/BK,QAAAA,KAAK,EAAEH,YAFwB;AAG/BI,QAAAA,UAAU,EAAE,OAHmB;AAI/BC,QAAAA,KAAK,EAAEN;AAJwB,OAAf,CAAlB;;AAOA,UAAI,CAACZ,aAAa,CAACK,QAAD,CAAlB,EAA8B;AAC5BL,QAAAA,aAAa,CAACK,QAAD,CAAb,GAA0B,EAA1B;AACD;;AAEDL,MAAAA,aAAa,CAACK,QAAD,CAAb,CAAwBc,IAAxB,CAA6BL,SAA7B;AACAf,MAAAA,UAAU;AACX,KAvBD;AAwBD,GA3BD;AA4BA,SAAO;AACLgB,IAAAA,MAAM,EAAElB,UADH;AAELF,IAAAA,kBAAkB,EAAlBA,kBAFK;AAGLK,IAAAA,aAAa,EAAbA,aAHK;AAILkB,IAAAA,KAAK,EAAEpB;AAJF,GAAP;AAMD","sourcesContent":["import type { Attachment } from 'stream-chat';\n\nimport { buildThumbnail } from './buildThumbnail';\nimport type { GallerySizeAndThumbnailGrid, GallerySizeConfig, ThumbnailGrid } from './types';\n\nimport type { DefaultStreamChatGenerics } from '../../../../types/types';\n\n/**\n * Builds a grid of thumbnail images from image attachments.\n * This function take a object parameter with following properties:\n *\n * @params\n *\n * - {number[][]} grid - Grid pattern of the gallery. Each numeric value in the array represents the flex value of corresponding image in grid.\n * - {Attachment[]} images - Array of image attachments.\n * - {GallerySizeConfig} sizeConfig - Theme config for the gallery.\n * - {boolean} invertedDirections - Whether to invert the direction of the grid. By default grid is rendered with column as primary direction and row as secondary direction.\n *\n * @usage\n *\n * ```\n * const { thumbnailGrid, invertedDirection } = buildThumbnailGrid({\n *  grid: [[1], [1]],\n *  images: [image1, image2],\n *  sizeConfig: {\n *    gridHeight: 200,\n *    gridWidth: 200,\n *    maxHeight: 200,\n *    maxWidth: 200,\n *    minHeight: 200,\n *    minWidth: 200,\n *  },\n * })\n *\n * Rendering logic on UI:\n *\n * ```\n * <View style={{ flexDirection: invertedDirection ? 'row' : 'column }}>\n * {\n *  thumbnailGrid.forEach(rows => {\n *    return (\n *      <View style={{ flexDirection: invertedDirection ? 'column' : 'row' }}>\n *       {\n *        rows.forEach(thumbnail => (\n *          <Image\n *            source={{ uri: thumbnail.url }}\n *            resizeMode={thumbnail.resizeMode}\n *            width={thumbnail.width}\n *            height={thumbnail.height}\n *          />\n *       ))}\n *      </View>\n *    )});\n * }\n * </View>\n * ```\n *\n * Lets look at different examples of grid and invertedDirections param:\n *\n * EXAMPLE 1:\n *\n * ```\n * {\n *  grid: [[2, 1], [2, 1]]\n *  invertedDirections: false\n * }\n * ```\n *\n * Resulting thumbnail grid on rendered UI:\n *\n *  __________________\n * |            |     |\n * |            |     |\n * |------------------|\n * |            |     |\n * |            |     |\n *  ------------------\n *\n * EXAMPLE 2:\n *\n * ```\n * {\n *  grid: [[2, 1], [2, 1]]\n *  invertedDirections: true\n * }\n * ```\n * Resulting thumbnail grid on rendered UI:\n *  __________________\n * |         |        |\n * |         |        |\n * |         |        |\n * |         |        |\n * |------------------|\n * |         |        |\n * |         |        |\n *  ------------------\n *\n * EXAMPLE 3:\n *\n * ```\n * {\n *  grid: [[2, 1]]\n *  invertedDirections: false\n * }\n * ```\n * Resulting thumbnail grid on rendered UI:\n *  __________________\n * |                  |\n * |                  |\n * |                  |\n * |                  |\n * |------------------|\n * |                  |\n * |                  |\n *  ------------------\n *\n * EXAMPLE 4:\n *\n * ```\n * {\n *  grid: [[2, 1]]\n *  invertedDirections: true\n * }\n * ```\n * Resulting thumbnail grid on rendered UI:\n *  __________________\n * |            |     |\n * |            |     |\n * |            |     |\n * |            |     |\n * |            |     |\n *  ------------------\n *\n * @return {GallerySizeAndThumbnailGrid}\n */\nexport function buildThumbnailGrid<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  grid,\n  images,\n  invertedDirections = false,\n  sizeConfig,\n}: {\n  grid: number[][];\n  images: Attachment<StreamChatGenerics>[];\n  invertedDirections: boolean;\n  sizeConfig: GallerySizeConfig;\n}): GallerySizeAndThumbnailGrid {\n  const { gridHeight, gridWidth } = sizeConfig;\n\n  let imageIndex = 0;\n  const thumbnailGrid: ThumbnailGrid = [];\n  const numOfColumns = grid.length;\n  grid.forEach((rows, colIndex) => {\n    const totalFlexValue = rows.reduce((acc, curr) => acc + curr, 0);\n\n    rows.forEach((flexValue) => {\n      const tHeight = invertedDirections\n        ? gridHeight / numOfColumns\n        : gridHeight * (flexValue / totalFlexValue);\n\n      const tWidth = invertedDirections\n        ? gridWidth * (flexValue / totalFlexValue)\n        : gridWidth / numOfColumns;\n\n      const currentImage = images[imageIndex];\n      const thumbnail = buildThumbnail({\n        height: tHeight,\n        image: currentImage,\n        resizeMode: 'cover',\n        width: tWidth,\n      });\n\n      if (!thumbnailGrid[colIndex]) {\n        thumbnailGrid[colIndex] = [];\n      }\n\n      thumbnailGrid[colIndex].push(thumbnail);\n      imageIndex++;\n    });\n  });\n  return {\n    height: gridHeight,\n    invertedDirections,\n    thumbnailGrid,\n    width: gridWidth,\n  };\n}\n"]}
+{"version":3,"names":["buildThumbnailGrid","grid","images","invertedDirections","sizeConfig","gridHeight","gridWidth","imageIndex","thumbnailGrid","numOfColumns","length","forEach","rows","colIndex","totalFlexValue","reduce","acc","curr","flexValue","tHeight","tWidth","currentImage","thumbnail","buildThumbnail","height","image","resizeMode","width","push"],"sources":["buildThumbnailGrid.ts"],"sourcesContent":["import type { Attachment } from 'stream-chat';\n\nimport { buildThumbnail } from './buildThumbnail';\nimport type { GallerySizeAndThumbnailGrid, GallerySizeConfig, ThumbnailGrid } from './types';\n\nimport type { DefaultStreamChatGenerics } from '../../../../types/types';\n\n/**\n * Builds a grid of thumbnail images from image attachments.\n * This function take a object parameter with following properties:\n *\n * @params\n *\n * - {number[][]} grid - Grid pattern of the gallery. Each numeric value in the array represents the flex value of corresponding image in grid.\n * - {Attachment[]} images - Array of image attachments.\n * - {GallerySizeConfig} sizeConfig - Theme config for the gallery.\n * - {boolean} invertedDirections - Whether to invert the direction of the grid. By default grid is rendered with column as primary direction and row as secondary direction.\n *\n * @usage\n *\n * ```\n * const { thumbnailGrid, invertedDirection } = buildThumbnailGrid({\n *  grid: [[1], [1]],\n *  images: [image1, image2],\n *  sizeConfig: {\n *    gridHeight: 200,\n *    gridWidth: 200,\n *    maxHeight: 200,\n *    maxWidth: 200,\n *    minHeight: 200,\n *    minWidth: 200,\n *  },\n * })\n *\n * Rendering logic on UI:\n *\n * ```\n * <View style={{ flexDirection: invertedDirection ? 'row' : 'column }}>\n * {\n *  thumbnailGrid.forEach(rows => {\n *    return (\n *      <View style={{ flexDirection: invertedDirection ? 'column' : 'row' }}>\n *       {\n *        rows.forEach(thumbnail => (\n *          <Image\n *            source={{ uri: thumbnail.url }}\n *            resizeMode={thumbnail.resizeMode}\n *            width={thumbnail.width}\n *            height={thumbnail.height}\n *          />\n *       ))}\n *      </View>\n *    )});\n * }\n * </View>\n * ```\n *\n * Lets look at different examples of grid and invertedDirections param:\n *\n * EXAMPLE 1:\n *\n * ```\n * {\n *  grid: [[2, 1], [2, 1]]\n *  invertedDirections: false\n * }\n * ```\n *\n * Resulting thumbnail grid on rendered UI:\n *\n *  __________________\n * |            |     |\n * |            |     |\n * |------------------|\n * |            |     |\n * |            |     |\n *  ------------------\n *\n * EXAMPLE 2:\n *\n * ```\n * {\n *  grid: [[2, 1], [2, 1]]\n *  invertedDirections: true\n * }\n * ```\n * Resulting thumbnail grid on rendered UI:\n *  __________________\n * |         |        |\n * |         |        |\n * |         |        |\n * |         |        |\n * |------------------|\n * |         |        |\n * |         |        |\n *  ------------------\n *\n * EXAMPLE 3:\n *\n * ```\n * {\n *  grid: [[2, 1]]\n *  invertedDirections: false\n * }\n * ```\n * Resulting thumbnail grid on rendered UI:\n *  __________________\n * |                  |\n * |                  |\n * |                  |\n * |                  |\n * |------------------|\n * |                  |\n * |                  |\n *  ------------------\n *\n * EXAMPLE 4:\n *\n * ```\n * {\n *  grid: [[2, 1]]\n *  invertedDirections: true\n * }\n * ```\n * Resulting thumbnail grid on rendered UI:\n *  __________________\n * |            |     |\n * |            |     |\n * |            |     |\n * |            |     |\n * |            |     |\n *  ------------------\n *\n * @return {GallerySizeAndThumbnailGrid}\n */\nexport function buildThumbnailGrid<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  grid,\n  images,\n  invertedDirections = false,\n  sizeConfig,\n}: {\n  grid: number[][];\n  images: Attachment<StreamChatGenerics>[];\n  invertedDirections: boolean;\n  sizeConfig: GallerySizeConfig;\n}): GallerySizeAndThumbnailGrid {\n  const { gridHeight, gridWidth } = sizeConfig;\n\n  let imageIndex = 0;\n  const thumbnailGrid: ThumbnailGrid = [];\n  const numOfColumns = grid.length;\n  grid.forEach((rows, colIndex) => {\n    const totalFlexValue = rows.reduce((acc, curr) => acc + curr, 0);\n\n    rows.forEach((flexValue) => {\n      const tHeight = invertedDirections\n        ? gridHeight / numOfColumns\n        : gridHeight * (flexValue / totalFlexValue);\n\n      const tWidth = invertedDirections\n        ? gridWidth * (flexValue / totalFlexValue)\n        : gridWidth / numOfColumns;\n\n      const currentImage = images[imageIndex];\n      const thumbnail = buildThumbnail({\n        height: tHeight,\n        image: currentImage,\n        resizeMode: 'cover',\n        width: tWidth,\n      });\n\n      if (!thumbnailGrid[colIndex]) {\n        thumbnailGrid[colIndex] = [];\n      }\n\n      thumbnailGrid[colIndex].push(thumbnail);\n      imageIndex++;\n    });\n  });\n  return {\n    height: gridHeight,\n    invertedDirections,\n    thumbnailGrid,\n    width: gridWidth,\n  };\n}\n"],"mappings":";;;;AAEA;AAqIO,SAASA,kBAAkB,OAYF;EAAA,IAT9BC,IAAI,QAAJA,IAAI;IACJC,MAAM,QAANA,MAAM;IAAA,6BACNC,kBAAkB;IAAlBA,kBAAkB,sCAAG,KAAK;IAC1BC,UAAU,QAAVA,UAAU;EAOV,IAAQC,UAAU,GAAgBD,UAAU,CAApCC,UAAU;IAAEC,SAAS,GAAKF,UAAU,CAAxBE,SAAS;EAE7B,IAAIC,UAAU,GAAG,CAAC;EAClB,IAAMC,aAA4B,GAAG,EAAE;EACvC,IAAMC,YAAY,GAAGR,IAAI,CAACS,MAAM;EAChCT,IAAI,CAACU,OAAO,CAAC,UAACC,IAAI,EAAEC,QAAQ,EAAK;IAC/B,IAAMC,cAAc,GAAGF,IAAI,CAACG,MAAM,CAAC,UAACC,GAAG,EAAEC,IAAI;MAAA,OAAKD,GAAG,GAAGC,IAAI;IAAA,GAAE,CAAC,CAAC;IAEhEL,IAAI,CAACD,OAAO,CAAC,UAACO,SAAS,EAAK;MAC1B,IAAMC,OAAO,GAAGhB,kBAAkB,GAC9BE,UAAU,GAAGI,YAAY,GACzBJ,UAAU,IAAIa,SAAS,GAAGJ,cAAc,CAAC;MAE7C,IAAMM,MAAM,GAAGjB,kBAAkB,GAC7BG,SAAS,IAAIY,SAAS,GAAGJ,cAAc,CAAC,GACxCR,SAAS,GAAGG,YAAY;MAE5B,IAAMY,YAAY,GAAGnB,MAAM,CAACK,UAAU,CAAC;MACvC,IAAMe,SAAS,GAAG,IAAAC,8BAAc,EAAC;QAC/BC,MAAM,EAAEL,OAAO;QACfM,KAAK,EAAEJ,YAAY;QACnBK,UAAU,EAAE,OAAO;QACnBC,KAAK,EAAEP;MACT,CAAC,CAAC;MAEF,IAAI,CAACZ,aAAa,CAACK,QAAQ,CAAC,EAAE;QAC5BL,aAAa,CAACK,QAAQ,CAAC,GAAG,EAAE;MAC9B;MAEAL,aAAa,CAACK,QAAQ,CAAC,CAACe,IAAI,CAACN,SAAS,CAAC;MACvCf,UAAU,EAAE;IACd,CAAC,CAAC;EACJ,CAAC,CAAC;EACF,OAAO;IACLiB,MAAM,EAAEnB,UAAU;IAClBF,kBAAkB,EAAlBA,kBAAkB;IAClBK,aAAa,EAAbA,aAAa;IACbmB,KAAK,EAAErB;EACT,CAAC;AACH"}

package/lib/module/components/Attachment/utils/buildGallery/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { ImageResizeMode } from 'react-native';\n\nexport type Thumbnail = {\n  height: number;\n  resizeMode: ImageResizeMode;\n  url: string;\n  width: number;\n  id?: string;\n  thumb_url?: string;\n  type?: string;\n};\n\nexport type GallerySizeConfig = {\n  gridHeight: number;\n  gridWidth: number;\n  maxHeight: number;\n  maxWidth: number;\n  minHeight: number;\n  minWidth: number;\n};\n\nexport type ThumbnailGrid = Thumbnail[][];\n\nexport type GallerySizeAndThumbnailGrid = {\n  height: number;\n  thumbnailGrid: ThumbnailGrid;\n  width: number;\n  invertedDirections?: boolean;\n};\n"],"mappings":""}

package/lib/module/components/Attachment/utils/getAspectRatio.js

@@ -2,12 +2,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getAspectRatio = getAspectRatio;
-
 function getAspectRatio(attachment) {
   if (!(attachment.type === 'image' || attachment.type === 'video')) {
     throw new Error('getAspectRatio() can only be called on an image attachment or video thumbnail');
   }
-
   if (!attachment.original_width || !attachment.original_height) return 1;
   return attachment.original_width / attachment.original_height;
 }

package/lib/module/components/Attachment/utils/getAspectRatio.js.map

@@ -1 +1 @@
-{"version":3,"sources":["getAspectRatio.ts"],"names":["getAspectRatio","attachment","type","Error","original_width","original_height"],"mappings":";;;;;AAUO,SAASA,cAAT,CAELC,UAFK,EAEuC;AAC5C,MAAI,EAAEA,UAAU,CAACC,IAAX,KAAoB,OAApB,IAA+BD,UAAU,CAACC,IAAX,KAAoB,OAArD,CAAJ,EAAmE;AACjE,UAAM,IAAIC,KAAJ,CACJ,+EADI,CAAN;AAGD;;AAED,MAAI,CAACF,UAAU,CAACG,cAAZ,IAA8B,CAACH,UAAU,CAACI,eAA9C,EAA+D,OAAO,CAAP;AAE/D,SAAOJ,UAAU,CAACG,cAAX,GAA4BH,UAAU,CAACI,eAA9C;AACD","sourcesContent":["import type { Attachment } from 'stream-chat';\n\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\n\n/**\n * Returns the aspect ratio of an image attachment.\n *\n * @param image Image attachment.\n * @returns {number}\n */\nexport function getAspectRatio<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(attachment: Attachment<StreamChatGenerics>) {\n  if (!(attachment.type === 'image' || attachment.type === 'video')) {\n    throw new Error(\n      'getAspectRatio() can only be called on an image attachment or video thumbnail',\n    );\n  }\n\n  if (!attachment.original_width || !attachment.original_height) return 1;\n\n  return attachment.original_width / attachment.original_height;\n}\n"]}
+{"version":3,"names":["getAspectRatio","attachment","type","Error","original_width","original_height"],"sources":["getAspectRatio.ts"],"sourcesContent":["import type { Attachment } from 'stream-chat';\n\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\n\n/**\n * Returns the aspect ratio of an image attachment.\n *\n * @param image Image attachment.\n * @returns {number}\n */\nexport function getAspectRatio<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(attachment: Attachment<StreamChatGenerics>) {\n  if (!(attachment.type === 'image' || attachment.type === 'video')) {\n    throw new Error(\n      'getAspectRatio() can only be called on an image attachment or video thumbnail',\n    );\n  }\n\n  if (!attachment.original_width || !attachment.original_height) return 1;\n\n  return attachment.original_width / attachment.original_height;\n}\n"],"mappings":";;;;AAUO,SAASA,cAAc,CAE5BC,UAA0C,EAAE;EAC5C,IAAI,EAAEA,UAAU,CAACC,IAAI,KAAK,OAAO,IAAID,UAAU,CAACC,IAAI,KAAK,OAAO,CAAC,EAAE;IACjE,MAAM,IAAIC,KAAK,CACb,+EAA+E,CAChF;EACH;EAEA,IAAI,CAACF,UAAU,CAACG,cAAc,IAAI,CAACH,UAAU,CAACI,eAAe,EAAE,OAAO,CAAC;EAEvE,OAAOJ,UAAU,CAACG,cAAc,GAAGH,UAAU,CAACI,eAAe;AAC/D"}