stream-chat-react-native-core 4.0.0-beta.5 → 4.0.0-beta.6

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

@@ -1 +1 @@
-{"version":3,"sources":["FileAttachmentGroup.tsx"],"names":["styles","StyleSheet","create","container","padding","FileAttachmentGroupWithContext","props","Attachment","files","messageId","stylesProp","theme","messageSimple","fileAttachmentGroup","map","file","index","paddingBottom","length","attachmentContainer","areEqual","prevProps","nextProps","prevFiles","nextFiles","filesEqual","MemoizedFileAttachmentGroup","React","memo","FileAttachmentGroup","propFiles","contextFiles","AttachmentDefault","displayName"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AAEA;;AAIA;;AAIA;;;;;AAaA,IAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,SAAS,EAAE;AACTC,IAAAA,OAAO,EAAE;AADA;AADoB,CAAlB,CAAf;;AA0BA,IAAMC,8BAA8B,GAAG,SAAjCA,8BAAiC,CASrCC,KATqC,EAUlC;AACH,MAAQC,UAAR,GAAkED,KAAlE,CAAQC,UAAR;AAAA,MAAoBC,KAApB,GAAkEF,KAAlE,CAAoBE,KAApB;AAAA,MAA2BC,SAA3B,GAAkEH,KAAlE,CAA2BG,SAA3B;AAAA,sBAAkEH,KAAlE,CAAsCN,MAAtC;AAAA,MAA8CU,UAA9C,8BAA2D,EAA3D;;AAEA,kBAMI,6BANJ;AAAA,MAG6BP,SAH7B,aACEQ,KADF,CAEIC,aAFJ,CAGMC,mBAHN,CAG6BV,SAH7B;;AAQA,SACE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAACH,MAAM,CAACG,SAAR,EAAmBA,SAAnB,EAA8BO,UAAU,CAACP,SAAzC,CAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGK,KAAK,CAACM,GAAN,CAAU,UAACC,IAAD,EAAOC,KAAP;AAAA,WACT,gCAAC,iBAAD;AACE,MAAA,GAAG,EAAKP,SAAL,SAAkBO,KADvB;AAEE,MAAA,KAAK,EAAE,CACL;AAAEC,QAAAA,aAAa,EAAED,KAAK,KAAKR,KAAK,CAACU,MAAN,GAAe,CAAzB,GAA6B,CAA7B,GAAiC;AAAlD,OADK,EAELR,UAAU,CAACS,mBAFN,CAFT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAOE,gCAAC,UAAD;AAAY,MAAA,UAAU,EAAEJ,IAAxB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAPF,CADS;AAAA,GAAV,CADH,CADF;AAeD,CApCD;;AAsCA,IAAMK,QAAQ,GAAG,SAAXA,QAAW,CASfC,SATe,EAUfC,SAVe,EAWZ;AACH,MAAeC,SAAf,GAA6BF,SAA7B,CAAQb,KAAR;AACA,MAAegB,SAAf,GAA6BF,SAA7B,CAAQd,KAAR;AAEA,MAAMiB,UAAU,GAAGF,SAAS,CAACL,MAAV,KAAqBM,SAAS,CAACN,MAAlD;AAEA,SAAOO,UAAP;AACD,CAlBD;;AAoBA,IAAMC,2BAA2B,GAAGC,kBAAMC,IAAN,CAClCvB,8BADkC,EAElCe,QAFkC,CAApC;;AAgBO,IAAMS,mBAAmB,GAAG,SAAtBA,mBAAsB,CASjCvB,KATiC,EAU9B;AACH,MAAewB,SAAf,GAAwCxB,KAAxC,CAAQE,KAAR;AAAA,MAA0BC,SAA1B,GAAwCH,KAAxC,CAA0BG,SAA1B;;AAEA,2BAAgC,wCAAhC;AAAA,MAAesB,YAAf,sBAAQvB,KAAR;;AAEA,4BAA2C,0CAA3C;AAAA,kDAAQD,UAAR;AAAA,MAAQA,UAAR,sCAAqByB,sBAArB;;AAEA,MAAMxB,KAAK,GAAGsB,SAAS,IAAIC,YAA3B;AAEA,MAAI,CAACvB,KAAK,CAACU,MAAX,EAAmB,OAAO,IAAP;AAEnB,SACE,gCAAC,2BAAD;AAEIX,IAAAA,UAAU,EAAVA,UAFJ;AAGIC,IAAAA,KAAK,EAALA,KAHJ;AAIIC,IAAAA,SAAS,EAATA,SAJJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADF;AASD,CA9BM;;;AAgCPoB,mBAAmB,CAACI,WAApB,GAAkC,yDAAlC","sourcesContent":["import React from 'react';\nimport { StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\n\nimport { Attachment as AttachmentDefault } from './Attachment';\n\nimport {\n  MessageContextValue,\n  useMessageContext,\n} from '../../contexts/messageContext/MessageContext';\nimport {\n  MessagesContextValue,\n  useMessagesContext,\n} from '../../contexts/messagesContext/MessagesContext';\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\n\nimport type {\n  DefaultAttachmentType,\n  DefaultChannelType,\n  DefaultCommandType,\n  DefaultEventType,\n  DefaultMessageType,\n  DefaultReactionType,\n  DefaultUserType,\n  UnknownType,\n} from '../../types/types';\n\nconst styles = StyleSheet.create({\n  container: {\n    padding: 4,\n  },\n});\n\nexport type FileAttachmentGroupPropsWithContext<\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<MessageContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'files'> &\n  Pick<MessagesContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'Attachment'> & {\n    /**\n     * The unique id for the message with file attachments\n     */\n    messageId: string;\n    styles?: Partial<{\n      attachmentContainer: StyleProp<ViewStyle>;\n      container: StyleProp<ViewStyle>;\n    }>;\n  };\n\nconst FileAttachmentGroupWithContext = <\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: FileAttachmentGroupPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const { Attachment, files, messageId, styles: stylesProp = {} } = props;\n\n  const {\n    theme: {\n      messageSimple: {\n        fileAttachmentGroup: { container },\n      },\n    },\n  } = useTheme();\n\n  return (\n    <View style={[styles.container, container, stylesProp.container]}>\n      {files.map((file, index) => (\n        <View\n          key={`${messageId}-${index}`}\n          style={[\n            { paddingBottom: index !== files.length - 1 ? 4 : 0 },\n            stylesProp.attachmentContainer,\n          ]}\n        >\n          <Attachment attachment={file} />\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: FileAttachmentGroupPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n  nextProps: FileAttachmentGroupPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const { files: prevFiles } = prevProps;\n  const { files: nextFiles } = nextProps;\n\n  const filesEqual = prevFiles.length === nextFiles.length;\n\n  return filesEqual;\n};\n\nconst MemoizedFileAttachmentGroup = React.memo(\n  FileAttachmentGroupWithContext,\n  areEqual,\n) as typeof FileAttachmentGroupWithContext;\n\nexport type FileAttachmentGroupProps<\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<Omit<FileAttachmentGroupPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>, 'messageId'>> &\n  Pick<FileAttachmentGroupPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>, 'messageId'>;\n\nexport const FileAttachmentGroup = <\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: FileAttachmentGroupProps<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const { files: propFiles, messageId } = props;\n\n  const { files: contextFiles } = useMessageContext<At, Ch, Co, Ev, Me, Re, Us>();\n\n  const { Attachment = AttachmentDefault } = useMessagesContext<At, Ch, Co, Ev, Me, Re, Us>();\n\n  const files = propFiles || contextFiles;\n\n  if (!files.length) return null;\n\n  return (\n    <MemoizedFileAttachmentGroup\n      {...{\n        Attachment,\n        files,\n        messageId,\n      }}\n    />\n  );\n};\n\nFileAttachmentGroup.displayName = 'FileAttachmentGroup{messageSimple{fileAttachmentGroup}}';\n"]}
+{"version":3,"sources":["FileAttachmentGroup.tsx"],"names":["styles","StyleSheet","create","container","padding","FileAttachmentGroupWithContext","props","Attachment","files","messageId","stylesProp","theme","messageSimple","fileAttachmentGroup","map","file","index","paddingBottom","length","attachmentContainer","areEqual","prevProps","nextProps","prevFiles","nextFiles","filesEqual","MemoizedFileAttachmentGroup","React","memo","FileAttachmentGroup","propFiles","contextFiles","AttachmentDefault","displayName"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AAEA;;AAIA;;AAIA;;;;;AAIA,IAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,SAAS,EAAE;AACTC,IAAAA,OAAO,EAAE;AADA;AADoB,CAAlB,CAAf;;AAoBA,IAAMC,8BAA8B,GAAG,SAAjCA,8BAAiC,CAGrCC,KAHqC,EAIlC;AACH,MAAQC,UAAR,GAAkED,KAAlE,CAAQC,UAAR;AAAA,MAAoBC,KAApB,GAAkEF,KAAlE,CAAoBE,KAApB;AAAA,MAA2BC,SAA3B,GAAkEH,KAAlE,CAA2BG,SAA3B;AAAA,sBAAkEH,KAAlE,CAAsCN,MAAtC;AAAA,MAA8CU,UAA9C,8BAA2D,EAA3D;;AAEA,kBAMI,6BANJ;AAAA,MAG6BP,SAH7B,aACEQ,KADF,CAEIC,aAFJ,CAGMC,mBAHN,CAG6BV,SAH7B;;AAQA,SACE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAACH,MAAM,CAACG,SAAR,EAAmBA,SAAnB,EAA8BO,UAAU,CAACP,SAAzC,CAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGK,KAAK,CAACM,GAAN,CAAU,UAACC,IAAD,EAAOC,KAAP;AAAA,WACT,gCAAC,iBAAD;AACE,MAAA,GAAG,EAAKP,SAAL,SAAkBO,KADvB;AAEE,MAAA,KAAK,EAAE,CACL;AAAEC,QAAAA,aAAa,EAAED,KAAK,KAAKR,KAAK,CAACU,MAAN,GAAe,CAAzB,GAA6B,CAA7B,GAAiC;AAAlD,OADK,EAELR,UAAU,CAACS,mBAFN,CAFT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAOE,gCAAC,UAAD;AAAY,MAAA,UAAU,EAAEJ,IAAxB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAPF,CADS;AAAA,GAAV,CADH,CADF;AAeD,CA9BD;;AAgCA,IAAMK,QAAQ,GAAG,SAAXA,QAAW,CACfC,SADe,EAEfC,SAFe,EAGZ;AACH,MAAeC,SAAf,GAA6BF,SAA7B,CAAQb,KAAR;AACA,MAAegB,SAAf,GAA6BF,SAA7B,CAAQd,KAAR;AAEA,MAAMiB,UAAU,GAAGF,SAAS,CAACL,MAAV,KAAqBM,SAAS,CAACN,MAAlD;AAEA,SAAOO,UAAP;AACD,CAVD;;AAYA,IAAMC,2BAA2B,GAAGC,kBAAMC,IAAN,CAClCvB,8BADkC,EAElCe,QAFkC,CAApC;;AAUO,IAAMS,mBAAmB,GAAG,SAAtBA,mBAAsB,CAGjCvB,KAHiC,EAI9B;AACH,MAAewB,SAAf,GAAwCxB,KAAxC,CAAQE,KAAR;AAAA,MAA0BC,SAA1B,GAAwCH,KAAxC,CAA0BG,SAA1B;;AAEA,2BAAgC,wCAAhC;AAAA,MAAesB,YAAf,sBAAQvB,KAAR;;AAEA,4BAA2C,0CAA3C;AAAA,kDAAQD,UAAR;AAAA,MAAQA,UAAR,sCAAqByB,sBAArB;;AAEA,MAAMxB,KAAK,GAAGsB,SAAS,IAAIC,YAA3B;AAEA,MAAI,CAACvB,KAAK,CAACU,MAAX,EAAmB,OAAO,IAAP;AAEnB,SACE,gCAAC,2BAAD;AAEIX,IAAAA,UAAU,EAAVA,UAFJ;AAGIC,IAAAA,KAAK,EAALA,KAHJ;AAIIC,IAAAA,SAAS,EAATA,SAJJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADF;AASD,CAxBM;;;AA0BPoB,mBAAmB,CAACI,WAApB,GAAkC,yDAAlC","sourcesContent":["import React from 'react';\nimport { StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\n\nimport { Attachment as AttachmentDefault } from './Attachment';\n\nimport {\n  MessageContextValue,\n  useMessageContext,\n} from '../../contexts/messageContext/MessageContext';\nimport {\n  MessagesContextValue,\n  useMessagesContext,\n} from '../../contexts/messagesContext/MessagesContext';\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\n\nimport type { DefaultStreamChatGenerics } from '../../types/types';\n\nconst styles = StyleSheet.create({\n  container: {\n    padding: 4,\n  },\n});\n\nexport type FileAttachmentGroupPropsWithContext<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<MessageContextValue<StreamChatGenerics>, 'files'> &\n  Pick<MessagesContextValue<StreamChatGenerics>, 'Attachment'> & {\n    /**\n     * The unique id for the message with file attachments\n     */\n    messageId: string;\n    styles?: Partial<{\n      attachmentContainer: StyleProp<ViewStyle>;\n      container: StyleProp<ViewStyle>;\n    }>;\n  };\n\nconst FileAttachmentGroupWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: FileAttachmentGroupPropsWithContext<StreamChatGenerics>,\n) => {\n  const { Attachment, files, messageId, styles: stylesProp = {} } = props;\n\n  const {\n    theme: {\n      messageSimple: {\n        fileAttachmentGroup: { container },\n      },\n    },\n  } = useTheme();\n\n  return (\n    <View style={[styles.container, container, stylesProp.container]}>\n      {files.map((file, index) => (\n        <View\n          key={`${messageId}-${index}`}\n          style={[\n            { paddingBottom: index !== files.length - 1 ? 4 : 0 },\n            stylesProp.attachmentContainer,\n          ]}\n        >\n          <Attachment attachment={file} />\n        </View>\n      ))}\n    </View>\n  );\n};\n\nconst areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(\n  prevProps: FileAttachmentGroupPropsWithContext<StreamChatGenerics>,\n  nextProps: FileAttachmentGroupPropsWithContext<StreamChatGenerics>,\n) => {\n  const { files: prevFiles } = prevProps;\n  const { files: nextFiles } = nextProps;\n\n  const filesEqual = prevFiles.length === nextFiles.length;\n\n  return filesEqual;\n};\n\nconst MemoizedFileAttachmentGroup = React.memo(\n  FileAttachmentGroupWithContext,\n  areEqual,\n) as typeof FileAttachmentGroupWithContext;\n\nexport type FileAttachmentGroupProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Partial<Omit<FileAttachmentGroupPropsWithContext<StreamChatGenerics>, 'messageId'>> &\n  Pick<FileAttachmentGroupPropsWithContext<StreamChatGenerics>, 'messageId'>;\n\nexport const FileAttachmentGroup = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: FileAttachmentGroupProps<StreamChatGenerics>,\n) => {\n  const { files: propFiles, messageId } = props;\n\n  const { files: contextFiles } = useMessageContext<StreamChatGenerics>();\n\n  const { Attachment = AttachmentDefault } = useMessagesContext<StreamChatGenerics>();\n\n  const files = propFiles || contextFiles;\n\n  if (!files.length) return null;\n\n  return (\n    <MemoizedFileAttachmentGroup\n      {...{\n        Attachment,\n        files,\n        messageId,\n      }}\n    />\n  );\n};\n\nFileAttachmentGroup.displayName = 'FileAttachmentGroup{messageSimple{fileAttachmentGroup}}';\n"]}

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

@@ -51,7 +51,7 @@ var GalleryImage = function GalleryImage(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 46,
+      lineNumber: 37,
       columnNumber: 5
     }
   }));
@@ -156,7 +156,7 @@ var GalleryWithContext = function GalleryWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 197,
+      lineNumber: 176,
       columnNumber: 5
     }
   }, thumbnailGrid.map(function (rows, colIndex) {
@@ -170,7 +170,7 @@ var GalleryWithContext = function GalleryWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 214,
+        lineNumber: 193,
         columnNumber: 11
       }
     }, rows.map(function (_ref, rowIndex) {
@@ -235,7 +235,7 @@ var GalleryWithContext = function GalleryWithContext(props) {
         __self: _this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 239,
+          lineNumber: 218,
           columnNumber: 17
         }
       }), _react["default"].createElement(MemoizedGalleryImage, {
@@ -262,7 +262,7 @@ var GalleryWithContext = function GalleryWithContext(props) {
         __self: _this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 282,
+          lineNumber: 261,
           columnNumber: 19
         }
       }), colIndex === numOfColumns - 1 && rowIndex === numOfRows - 1 && images.length > 4 ? _react["default"].createElement(_reactNative.View, {
@@ -272,7 +272,7 @@ var GalleryWithContext = function GalleryWithContext(props) {
         __self: _this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 311,
+          lineNumber: 290,
           columnNumber: 21
         }
       }, _react["default"].createElement(_reactNative.Text, {
@@ -280,7 +280,7 @@ var GalleryWithContext = function GalleryWithContext(props) {
         __self: _this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 319,
+          lineNumber: 298,
           columnNumber: 23
         }
       }, "+" + (images.length - 4))) : null);
@@ -380,7 +380,7 @@ var Gallery = function Gallery(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 457,
+      lineNumber: 416,
       columnNumber: 5
     }
   });

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

@@ -1 +1 @@
-{"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"]}
+{"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 { DefaultStreamChatGenerics } 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  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<ImageGalleryContextValue<StreamChatGenerics>, 'setImage' | 'setImages'> &\n  Pick<\n    MessageContextValue<StreamChatGenerics>,\n    | 'alignment'\n    | 'groupStyles'\n    | 'images'\n    | 'onLongPress'\n    | 'onPress'\n    | 'onPressIn'\n    | 'preventPress'\n    | 'threadList'\n  > &\n  Pick<\n    MessagesContextValue<StreamChatGenerics>,\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<StreamChatGenerics>;\n  };\n\nconst GalleryWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: GalleryPropsWithContext<StreamChatGenerics>,\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 = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(\n  prevProps: GalleryPropsWithContext<StreamChatGenerics>,\n  nextProps: GalleryPropsWithContext<StreamChatGenerics>,\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  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Partial<GalleryPropsWithContext<StreamChatGenerics>>;\n\n/**\n * UI component for card in attachments.\n */\nexport const Gallery = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: GalleryProps<StreamChatGenerics>,\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<StreamChatGenerics>();\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<StreamChatGenerics>();\n  const {\n    additionalTouchableProps: contextAdditionalTouchableProps,\n    legacyImageViewerSwipeBehaviour,\n  } = useMessagesContext<StreamChatGenerics>();\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"]}

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

@@ -159,7 +159,7 @@ var GiphyWithContext = function GiphyWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 171,
+      lineNumber: 150,
       columnNumber: 5
     }
   }, _react["default"].createElement(_reactNative.View, {
@@ -167,14 +167,14 @@ var GiphyWithContext = function GiphyWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 178,
+      lineNumber: 157,
       columnNumber: 7
     }
   }, _react["default"].createElement(_icons.GiphyIcon, {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 179,
+      lineNumber: 158,
       columnNumber: 9
     }
   }), _react["default"].createElement(_reactNative.Text, {
@@ -182,7 +182,7 @@ var GiphyWithContext = function GiphyWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 180,
+      lineNumber: 159,
       columnNumber: 9
     }
   }, "Giphy"), _react["default"].createElement(_reactNative.Text, {
@@ -192,7 +192,7 @@ var GiphyWithContext = function GiphyWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 181,
+      lineNumber: 160,
       columnNumber: 9
     }
   }, "/giphy " + title)), _react["default"].createElement(_reactNative.View, {
@@ -200,7 +200,7 @@ var GiphyWithContext = function GiphyWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 185,
+      lineNumber: 164,
       columnNumber: 7
     }
   }, _react["default"].createElement(_reactNative.Image, {
@@ -212,14 +212,14 @@ var GiphyWithContext = function GiphyWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 186,
+      lineNumber: 165,
       columnNumber: 9
     }
   })), _react["default"].createElement(_reactNative.View, {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 192,
+      lineNumber: 171,
       columnNumber: 7
     }
   }, _react["default"].createElement(_reactNative.View, {
@@ -227,7 +227,7 @@ var GiphyWithContext = function GiphyWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 193,
+      lineNumber: 172,
       columnNumber: 9
     }
   }, _react["default"].createElement(_reactNative.TouchableOpacity, {
@@ -243,7 +243,7 @@ var GiphyWithContext = function GiphyWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 194,
+      lineNumber: 173,
       columnNumber: 11
     }
   }, _react["default"].createElement(_reactNative.Text, {
@@ -253,7 +253,7 @@ var GiphyWithContext = function GiphyWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 206,
+      lineNumber: 185,
       columnNumber: 13
     }
   }, actions == null ? void 0 : actions[2].text)), _react["default"].createElement(_reactNative.TouchableOpacity, {
@@ -269,7 +269,7 @@ var GiphyWithContext = function GiphyWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 208,
+      lineNumber: 187,
       columnNumber: 11
     }
   }, _react["default"].createElement(_reactNative.Text, {
@@ -279,7 +279,7 @@ var GiphyWithContext = function GiphyWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 220,
+      lineNumber: 199,
       columnNumber: 13
     }
   }, actions == null ? void 0 : actions[1].text)), _react["default"].createElement(_reactNative.TouchableOpacity, {
@@ -294,7 +294,7 @@ var GiphyWithContext = function GiphyWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 222,
+      lineNumber: 201,
       columnNumber: 11
     }
   }, _react["default"].createElement(_reactNative.Text, {
@@ -304,7 +304,7 @@ var GiphyWithContext = function GiphyWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 230,
+      lineNumber: 209,
       columnNumber: 13
     }
   }, actions == null ? void 0 : actions[0].text))))) : _react["default"].createElement(_reactNative.TouchableOpacity, (0, _extends2["default"])({
@@ -339,14 +339,14 @@ var GiphyWithContext = function GiphyWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 236,
+      lineNumber: 215,
       columnNumber: 5
     }
   }), _react["default"].createElement(_reactNative.View, {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 266,
+      lineNumber: 245,
       columnNumber: 7
     }
   }, _react["default"].createElement(_reactNative.Image, {
@@ -358,7 +358,7 @@ var GiphyWithContext = function GiphyWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 267,
+      lineNumber: 246,
       columnNumber: 9
     }
   }), _react["default"].createElement(_reactNative.View, {
@@ -366,7 +366,7 @@ var GiphyWithContext = function GiphyWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 272,
+      lineNumber: 251,
       columnNumber: 9
     }
   }, _react["default"].createElement(_reactNative.View, {
@@ -376,7 +376,7 @@ var GiphyWithContext = function GiphyWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 273,
+      lineNumber: 252,
       columnNumber: 11
     }
   }, _react["default"].createElement(_Lightning.Lightning, {
@@ -386,7 +386,7 @@ var GiphyWithContext = function GiphyWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 274,
+      lineNumber: 253,
       columnNumber: 13
     }
   }), _react["default"].createElement(_reactNative.Text, {
@@ -396,7 +396,7 @@ var GiphyWithContext = function GiphyWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 275,
+      lineNumber: 254,
       columnNumber: 13
     }
   }, type == null ? void 0 : type.toUpperCase())))));
@@ -444,7 +444,7 @@ var Giphy = function Giphy(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 357,
+      lineNumber: 316,
       columnNumber: 5
     }
   }));

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

@@ -1 +1 @@
-{"version":3,"sources":["Giphy.tsx"],"names":["styles","StyleSheet","create","buttonContainer","alignItems","borderTopWidth","flex","justifyContent","cancel","fontSize","fontWeight","paddingVertical","container","overflow","width","giphy","borderRadius","height","giphyContainer","flexDirection","giphyHeaderText","giphyHeaderTitle","giphyMask","bottom","left","position","giphyMaskText","header","display","padding","margin","row","selectionContainer","borderBottomLeftRadius","borderWidth","send","shuffle","shuffleButton","GiphyWithContext","props","additionalTouchableProps","attachment","handleAction","onLongPress","onPress","onPressIn","preventPress","actions","image_url","thumb_url","title","type","theme","colors","accent_blue","black","grey","grey_dark","grey_gainsboro","white","messageSimple","uri","backgroundColor","borderColor","color","name","value","borderRightWidth","text","event","emitter","toUpperCase","areEqual","prevProps","nextProps","prevActions","prevImageUrl","prevThumbUrl","nextActions","nextImageUrl","nextThumbUrl","imageUrlEqual","thumbUrlEqual","actionsEqual","Array","isArray","length","MemoizedGiphy","React","memo","Giphy","displayName"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Image, StyleSheet, Text, TouchableOpacity, View } from 'react-native';\n\nimport type { Attachment } from 'stream-chat';\n\nimport {\n  MessageContextValue,\n  useMessageContext,\n} from '../../contexts/messageContext/MessageContext';\nimport {\n  MessagesContextValue,\n  useMessagesContext,\n} from '../../contexts/messagesContext/MessagesContext';\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { GiphyIcon } from '../../icons';\nimport { Lightning } from '../../icons/Lightning';\nimport type {\n  DefaultAttachmentType,\n  DefaultChannelType,\n  DefaultCommandType,\n  DefaultEventType,\n  DefaultMessageType,\n  DefaultReactionType,\n  DefaultUserType,\n  UnknownType,\n} from '../../types/types';\nimport { makeImageCompatibleUrl } from '../../utils/utils';\n\nconst styles = StyleSheet.create({\n  buttonContainer: { alignItems: 'center', borderTopWidth: 1, flex: 1, justifyContent: 'center' },\n  cancel: {\n    fontSize: 14,\n    fontWeight: '600',\n    paddingVertical: 16,\n  },\n  container: {\n    overflow: 'hidden',\n    width: 270,\n  },\n  giphy: {\n    borderRadius: 2,\n    height: 170,\n    width: 270,\n  },\n  giphyContainer: {\n    alignItems: 'center',\n    borderRadius: 12,\n    flexDirection: 'row',\n    height: 24,\n    justifyContent: 'center',\n    width: 68,\n  },\n  giphyHeaderText: {\n    fontSize: 16,\n    fontWeight: '600',\n  },\n  giphyHeaderTitle: {\n    fontSize: 14,\n  },\n  giphyMask: {\n    bottom: 8,\n    left: 8,\n    position: 'absolute',\n  },\n  giphyMaskText: { fontSize: 13, fontWeight: '600' },\n  header: {\n    alignItems: 'center',\n    display: 'flex',\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    padding: 8,\n    width: '60%',\n  },\n  margin: {\n    margin: 1,\n  },\n  row: { flexDirection: 'row' },\n  selectionContainer: {\n    borderBottomLeftRadius: 8,\n    borderWidth: 1,\n    overflow: 'hidden',\n    width: 272,\n  },\n  send: {\n    fontSize: 14,\n    fontWeight: '600',\n    paddingVertical: 16,\n  },\n  shuffle: {\n    fontSize: 14,\n    fontWeight: '600',\n    paddingVertical: 16,\n  },\n  shuffleButton: {\n    alignItems: 'center',\n    borderRadius: 16,\n    borderWidth: 1,\n    height: 32,\n    justifyContent: 'center',\n    width: 32,\n  },\n});\n\nexport type GiphyPropsWithContext<\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<\n  MessageContextValue<At, Ch, Co, Ev, Me, Re, Us>,\n  'handleAction' | 'onLongPress' | 'onPress' | 'onPressIn' | 'preventPress'\n> &\n  Pick<MessagesContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'additionalTouchableProps'> & {\n    attachment: Attachment<At>;\n  };\n\nconst GiphyWithContext = <\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: GiphyPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const {\n    additionalTouchableProps,\n    attachment,\n    handleAction,\n    onLongPress,\n    onPress,\n    onPressIn,\n    preventPress,\n  } = props;\n\n  const { actions, image_url, thumb_url, title, type } = attachment;\n\n  const {\n    theme: {\n      colors: { accent_blue, black, grey, grey_dark, grey_gainsboro, white },\n      messageSimple: {\n        giphy: {\n          buttonContainer,\n          cancel,\n          container,\n          giphy,\n          giphyContainer,\n          giphyHeaderText,\n          giphyHeaderTitle,\n          giphyMask,\n          giphyMaskText,\n          header,\n          selectionContainer,\n          send,\n          shuffle,\n        },\n      },\n    },\n  } = useTheme();\n\n  const uri = image_url || thumb_url;\n\n  if (!uri) return null;\n\n  return actions ? (\n    <View\n      style={[\n        styles.selectionContainer,\n        { backgroundColor: white, borderColor: `${black}0D` },\n        selectionContainer,\n      ]}\n    >\n      <View style={[styles.header, header]}>\n        <GiphyIcon />\n        <Text style={[styles.giphyHeaderText, giphyHeaderText]}>Giphy</Text>\n        <Text\n          style={[styles.giphyHeaderTitle, giphyHeaderTitle, { color: grey_dark }]}\n        >{`/giphy ${title}`}</Text>\n      </View>\n      <View style={styles.margin}>\n        <Image\n          resizeMode='cover'\n          source={{ uri: makeImageCompatibleUrl(uri) }}\n          style={[styles.giphy, giphy]}\n        />\n      </View>\n      <View>\n        <View style={styles.row}>\n          <TouchableOpacity\n            onPress={() => {\n              if (actions?.[2].name && actions?.[2].value && handleAction) {\n                handleAction(actions[2].name, actions[2].value);\n              }\n            }}\n            style={[\n              styles.buttonContainer,\n              { borderColor: grey_gainsboro, borderRightWidth: 1 },\n              buttonContainer,\n            ]}\n          >\n            <Text style={[styles.cancel, { color: grey }, cancel]}>{actions?.[2].text}</Text>\n          </TouchableOpacity>\n          <TouchableOpacity\n            onPress={() => {\n              if (actions?.[1].name && actions?.[1].value && handleAction) {\n                handleAction(actions[1].name, actions[1].value);\n              }\n            }}\n            style={[\n              styles.buttonContainer,\n              { borderColor: grey_gainsboro, borderRightWidth: 1 },\n              buttonContainer,\n            ]}\n          >\n            <Text style={[styles.shuffle, { color: grey }, shuffle]}>{actions?.[1].text}</Text>\n          </TouchableOpacity>\n          <TouchableOpacity\n            onPress={() => {\n              if (actions?.[0].name && actions?.[0].value && handleAction) {\n                handleAction(actions[0].name, actions[0].value);\n              }\n            }}\n            style={[styles.buttonContainer, { borderColor: grey_gainsboro }, buttonContainer]}\n          >\n            <Text style={[styles.send, { color: accent_blue }, send]}>{actions?.[0].text}</Text>\n          </TouchableOpacity>\n        </View>\n      </View>\n    </View>\n  ) : (\n    <TouchableOpacity\n      disabled={preventPress}\n      onLongPress={(event) => {\n        if (onLongPress) {\n          onLongPress({\n            emitter: 'giphy',\n            event,\n          });\n        }\n      }}\n      onPress={(event) => {\n        if (onPress) {\n          onPress({\n            emitter: 'giphy',\n            event,\n          });\n        }\n      }}\n      onPressIn={(event) => {\n        if (onPressIn) {\n          onPressIn({\n            emitter: 'giphy',\n            event,\n          });\n        }\n      }}\n      style={[styles.container, container]}\n      testID='giphy-attachment'\n      {...additionalTouchableProps}\n    >\n      <View>\n        <Image\n          resizeMode='cover'\n          source={{ uri: makeImageCompatibleUrl(uri) }}\n          style={[styles.giphy, giphy]}\n        />\n        <View style={[styles.giphyMask, giphyMask]}>\n          <View style={[styles.giphyContainer, { backgroundColor: grey_dark }, giphyContainer]}>\n            <Lightning height={16} pathFill={white} width={16} />\n            <Text style={[styles.giphyMaskText, { color: white }, giphyMaskText]}>\n              {type?.toUpperCase()}\n            </Text>\n          </View>\n        </View>\n      </View>\n    </TouchableOpacity>\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: GiphyPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n  nextProps: GiphyPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const {\n    attachment: { actions: prevActions, image_url: prevImageUrl, thumb_url: prevThumbUrl },\n  } = prevProps;\n  const {\n    attachment: { actions: nextActions, image_url: nextImageUrl, thumb_url: nextThumbUrl },\n  } = nextProps;\n\n  const imageUrlEqual = prevImageUrl === nextImageUrl;\n  if (!imageUrlEqual) return false;\n\n  const thumbUrlEqual = prevThumbUrl === nextThumbUrl;\n  if (!thumbUrlEqual) return false;\n\n  const actionsEqual =\n    Array.isArray(prevActions) === Array.isArray(nextActions) &&\n    ((Array.isArray(prevActions) &&\n      Array.isArray(nextActions) &&\n      prevActions.length === nextActions.length) ||\n      prevActions === nextActions);\n  if (!actionsEqual) return false;\n\n  return true;\n};\n\nconst MemoizedGiphy = React.memo(GiphyWithContext, areEqual) as typeof GiphyWithContext;\n\nexport type GiphyProps<\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<\n  Pick<MessageContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'onLongPress' | 'onPressIn'> &\n    Pick<MessagesContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'additionalTouchableProps'>\n> & {\n  attachment: Attachment<At>;\n};\n\n/**\n * UI component for card in attachments.\n */\nexport const Giphy = <\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: GiphyProps<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const { handleAction, onLongPress, onPress, onPressIn, preventPress } =\n    useMessageContext<At, Ch, Co, Ev, Me, Re, Us>();\n  const { additionalTouchableProps } = useMessagesContext<At, Ch, Co, Ev, Me, Re, Us>();\n\n  return (\n    <MemoizedGiphy\n      {...{\n        additionalTouchableProps,\n        handleAction,\n        onLongPress,\n        onPress,\n        onPressIn,\n        preventPress,\n      }}\n      {...props}\n    />\n  );\n};\n\nGiphy.displayName = 'Giphy{messageSimple{giphy}}';\n"]}
+{"version":3,"sources":["Giphy.tsx"],"names":["styles","StyleSheet","create","buttonContainer","alignItems","borderTopWidth","flex","justifyContent","cancel","fontSize","fontWeight","paddingVertical","container","overflow","width","giphy","borderRadius","height","giphyContainer","flexDirection","giphyHeaderText","giphyHeaderTitle","giphyMask","bottom","left","position","giphyMaskText","header","display","padding","margin","row","selectionContainer","borderBottomLeftRadius","borderWidth","send","shuffle","shuffleButton","GiphyWithContext","props","additionalTouchableProps","attachment","handleAction","onLongPress","onPress","onPressIn","preventPress","actions","image_url","thumb_url","title","type","theme","colors","accent_blue","black","grey","grey_dark","grey_gainsboro","white","messageSimple","uri","backgroundColor","borderColor","color","name","value","borderRightWidth","text","event","emitter","toUpperCase","areEqual","prevProps","nextProps","prevActions","prevImageUrl","prevThumbUrl","nextActions","nextImageUrl","nextThumbUrl","imageUrlEqual","thumbUrlEqual","actionsEqual","Array","isArray","length","MemoizedGiphy","React","memo","Giphy","displayName"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Image, StyleSheet, Text, TouchableOpacity, View } from 'react-native';\n\nimport type { Attachment } from 'stream-chat';\n\nimport {\n  MessageContextValue,\n  useMessageContext,\n} from '../../contexts/messageContext/MessageContext';\nimport {\n  MessagesContextValue,\n  useMessagesContext,\n} from '../../contexts/messagesContext/MessagesContext';\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { GiphyIcon } from '../../icons';\nimport { Lightning } from '../../icons/Lightning';\nimport type { DefaultStreamChatGenerics } from '../../types/types';\nimport { makeImageCompatibleUrl } from '../../utils/utils';\n\nconst styles = StyleSheet.create({\n  buttonContainer: { alignItems: 'center', borderTopWidth: 1, flex: 1, justifyContent: 'center' },\n  cancel: {\n    fontSize: 14,\n    fontWeight: '600',\n    paddingVertical: 16,\n  },\n  container: {\n    overflow: 'hidden',\n    width: 270,\n  },\n  giphy: {\n    borderRadius: 2,\n    height: 170,\n    width: 270,\n  },\n  giphyContainer: {\n    alignItems: 'center',\n    borderRadius: 12,\n    flexDirection: 'row',\n    height: 24,\n    justifyContent: 'center',\n    width: 68,\n  },\n  giphyHeaderText: {\n    fontSize: 16,\n    fontWeight: '600',\n  },\n  giphyHeaderTitle: {\n    fontSize: 14,\n  },\n  giphyMask: {\n    bottom: 8,\n    left: 8,\n    position: 'absolute',\n  },\n  giphyMaskText: { fontSize: 13, fontWeight: '600' },\n  header: {\n    alignItems: 'center',\n    display: 'flex',\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    padding: 8,\n    width: '60%',\n  },\n  margin: {\n    margin: 1,\n  },\n  row: { flexDirection: 'row' },\n  selectionContainer: {\n    borderBottomLeftRadius: 8,\n    borderWidth: 1,\n    overflow: 'hidden',\n    width: 272,\n  },\n  send: {\n    fontSize: 14,\n    fontWeight: '600',\n    paddingVertical: 16,\n  },\n  shuffle: {\n    fontSize: 14,\n    fontWeight: '600',\n    paddingVertical: 16,\n  },\n  shuffleButton: {\n    alignItems: 'center',\n    borderRadius: 16,\n    borderWidth: 1,\n    height: 32,\n    justifyContent: 'center',\n    width: 32,\n  },\n});\n\nexport type GiphyPropsWithContext<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<\n  MessageContextValue<StreamChatGenerics>,\n  'handleAction' | 'onLongPress' | 'onPress' | 'onPressIn' | 'preventPress'\n> &\n  Pick<MessagesContextValue<StreamChatGenerics>, 'additionalTouchableProps'> & {\n    attachment: Attachment<StreamChatGenerics>;\n  };\n\nconst GiphyWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: GiphyPropsWithContext<StreamChatGenerics>,\n) => {\n  const {\n    additionalTouchableProps,\n    attachment,\n    handleAction,\n    onLongPress,\n    onPress,\n    onPressIn,\n    preventPress,\n  } = props;\n\n  const { actions, image_url, thumb_url, title, type } = attachment;\n\n  const {\n    theme: {\n      colors: { accent_blue, black, grey, grey_dark, grey_gainsboro, white },\n      messageSimple: {\n        giphy: {\n          buttonContainer,\n          cancel,\n          container,\n          giphy,\n          giphyContainer,\n          giphyHeaderText,\n          giphyHeaderTitle,\n          giphyMask,\n          giphyMaskText,\n          header,\n          selectionContainer,\n          send,\n          shuffle,\n        },\n      },\n    },\n  } = useTheme();\n\n  const uri = image_url || thumb_url;\n\n  if (!uri) return null;\n\n  return actions ? (\n    <View\n      style={[\n        styles.selectionContainer,\n        { backgroundColor: white, borderColor: `${black}0D` },\n        selectionContainer,\n      ]}\n    >\n      <View style={[styles.header, header]}>\n        <GiphyIcon />\n        <Text style={[styles.giphyHeaderText, giphyHeaderText]}>Giphy</Text>\n        <Text\n          style={[styles.giphyHeaderTitle, giphyHeaderTitle, { color: grey_dark }]}\n        >{`/giphy ${title}`}</Text>\n      </View>\n      <View style={styles.margin}>\n        <Image\n          resizeMode='cover'\n          source={{ uri: makeImageCompatibleUrl(uri) }}\n          style={[styles.giphy, giphy]}\n        />\n      </View>\n      <View>\n        <View style={styles.row}>\n          <TouchableOpacity\n            onPress={() => {\n              if (actions?.[2].name && actions?.[2].value && handleAction) {\n                handleAction(actions[2].name, actions[2].value);\n              }\n            }}\n            style={[\n              styles.buttonContainer,\n              { borderColor: grey_gainsboro, borderRightWidth: 1 },\n              buttonContainer,\n            ]}\n          >\n            <Text style={[styles.cancel, { color: grey }, cancel]}>{actions?.[2].text}</Text>\n          </TouchableOpacity>\n          <TouchableOpacity\n            onPress={() => {\n              if (actions?.[1].name && actions?.[1].value && handleAction) {\n                handleAction(actions[1].name, actions[1].value);\n              }\n            }}\n            style={[\n              styles.buttonContainer,\n              { borderColor: grey_gainsboro, borderRightWidth: 1 },\n              buttonContainer,\n            ]}\n          >\n            <Text style={[styles.shuffle, { color: grey }, shuffle]}>{actions?.[1].text}</Text>\n          </TouchableOpacity>\n          <TouchableOpacity\n            onPress={() => {\n              if (actions?.[0].name && actions?.[0].value && handleAction) {\n                handleAction(actions[0].name, actions[0].value);\n              }\n            }}\n            style={[styles.buttonContainer, { borderColor: grey_gainsboro }, buttonContainer]}\n          >\n            <Text style={[styles.send, { color: accent_blue }, send]}>{actions?.[0].text}</Text>\n          </TouchableOpacity>\n        </View>\n      </View>\n    </View>\n  ) : (\n    <TouchableOpacity\n      disabled={preventPress}\n      onLongPress={(event) => {\n        if (onLongPress) {\n          onLongPress({\n            emitter: 'giphy',\n            event,\n          });\n        }\n      }}\n      onPress={(event) => {\n        if (onPress) {\n          onPress({\n            emitter: 'giphy',\n            event,\n          });\n        }\n      }}\n      onPressIn={(event) => {\n        if (onPressIn) {\n          onPressIn({\n            emitter: 'giphy',\n            event,\n          });\n        }\n      }}\n      style={[styles.container, container]}\n      testID='giphy-attachment'\n      {...additionalTouchableProps}\n    >\n      <View>\n        <Image\n          resizeMode='cover'\n          source={{ uri: makeImageCompatibleUrl(uri) }}\n          style={[styles.giphy, giphy]}\n        />\n        <View style={[styles.giphyMask, giphyMask]}>\n          <View style={[styles.giphyContainer, { backgroundColor: grey_dark }, giphyContainer]}>\n            <Lightning height={16} pathFill={white} width={16} />\n            <Text style={[styles.giphyMaskText, { color: white }, giphyMaskText]}>\n              {type?.toUpperCase()}\n            </Text>\n          </View>\n        </View>\n      </View>\n    </TouchableOpacity>\n  );\n};\n\nconst areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(\n  prevProps: GiphyPropsWithContext<StreamChatGenerics>,\n  nextProps: GiphyPropsWithContext<StreamChatGenerics>,\n) => {\n  const {\n    attachment: { actions: prevActions, image_url: prevImageUrl, thumb_url: prevThumbUrl },\n  } = prevProps;\n  const {\n    attachment: { actions: nextActions, image_url: nextImageUrl, thumb_url: nextThumbUrl },\n  } = nextProps;\n\n  const imageUrlEqual = prevImageUrl === nextImageUrl;\n  if (!imageUrlEqual) return false;\n\n  const thumbUrlEqual = prevThumbUrl === nextThumbUrl;\n  if (!thumbUrlEqual) return false;\n\n  const actionsEqual =\n    Array.isArray(prevActions) === Array.isArray(nextActions) &&\n    ((Array.isArray(prevActions) &&\n      Array.isArray(nextActions) &&\n      prevActions.length === nextActions.length) ||\n      prevActions === nextActions);\n  if (!actionsEqual) return false;\n\n  return true;\n};\n\nconst MemoizedGiphy = React.memo(GiphyWithContext, areEqual) as typeof GiphyWithContext;\n\nexport type GiphyProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Partial<\n  Pick<MessageContextValue<StreamChatGenerics>, 'onLongPress' | 'onPressIn'> &\n    Pick<MessagesContextValue<StreamChatGenerics>, 'additionalTouchableProps'>\n> & {\n  attachment: Attachment<StreamChatGenerics>;\n};\n\n/**\n * UI component for card in attachments.\n */\nexport const Giphy = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: GiphyProps<StreamChatGenerics>,\n) => {\n  const { handleAction, onLongPress, onPress, onPressIn, preventPress } =\n    useMessageContext<StreamChatGenerics>();\n  const { additionalTouchableProps } = useMessagesContext<StreamChatGenerics>();\n\n  return (\n    <MemoizedGiphy\n      {...{\n        additionalTouchableProps,\n        handleAction,\n        onLongPress,\n        onPress,\n        onPressIn,\n        preventPress,\n      }}\n      {...props}\n    />\n  );\n};\n\nGiphy.displayName = 'Giphy{messageSimple{giphy}}';\n"]}

package/lib/commonjs/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,OAMyB;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,KANI;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 { DefaultAttachmentType, UnknownType } 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<At extends UnknownType = DefaultAttachmentType>({\n  images,\n  sizeConfig,\n}: {\n  images: Attachment<At>[];\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: false,\n    sizeConfig,\n  });\n}\n"]}
+{"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,KANI;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: false,\n    sizeConfig,\n  });\n}\n"]}

package/lib/commonjs/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,OAMG;AAAA,MALDC,KAKC,QALDA,KAKC;AAAA,MAJDC,UAIC,QAJDA,UAIC;AACD,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 { DefaultAttachmentType } 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<At extends DefaultAttachmentType = DefaultAttachmentType>({\n  image,\n  sizeConfig,\n}: {\n  image: Attachment<At>;\n  sizeConfig: GallerySizeConfig;\n}) {\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  At extends DefaultAttachmentType = DefaultAttachmentType,\n>({\n  image,\n  sizeConfig,\n}: {\n  image: Attachment<At>;\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,"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"]}

package/lib/commonjs/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 { DefaultAttachmentType } 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  At extends DefaultAttachmentType = DefaultAttachmentType,\n>({\n  images,\n  sizeConfig,\n}: {\n  images: Attachment<At>[];\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<At>;\n        landscapeImageAspectRatio: number;\n        portraitImage: Attachment<At>;\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,"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"]}