stream-chat-react-native-core 4.6.0 → 4.7.0-beta.1

package/lib/commonjs/components/Attachment/hooks/useGoToURL.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useGoToURL.ts"],"names":["useGoToURL","url","error","setError","finalUrl","pattern","RegExp","test","openURL","Linking","canOpenURL","then","supported","console","log"],"mappings":";;;;;;;;;AAAA;;AACA;;AAIO,IAAMA,UAA0B,GAAG,SAA7BA,UAA6B,CAACC,GAAD,EAAkB;AAC1D,kBAA0B,qBAAkB,KAAlB,CAA1B;AAAA;AAAA,MAAOC,KAAP;AAAA,MAAcC,QAAd;;AAEA,MAAIC,QAAQ,GAAGH,GAAf;AACA,MAAMI,OAAO,GAAG,IAAIC,MAAJ,CAAW,WAAX,CAAhB;;AAEA,MAAI,CAACD,OAAO,CAACE,IAAR,CAAaH,QAAb,CAAL,EAA6B;AAC3BA,IAAAA,QAAQ,GAAG,YAAYH,GAAvB;AACD;;AAED,MAAMO,OAAO,GAAG,SAAVA,OAAU;AAAA,WACdC,qBAAQC,UAAR,CAAmBN,QAAnB,EAA6BO,IAA7B,CAAkC,UAACC,SAAD,EAAe;AAC/C,UAAIA,SAAJ,EAAe;AACbH,6BAAQD,OAAR,CAAgBJ,QAAhB;AACD,OAFD,MAEO;AACLD,QAAAA,QAAQ,CAAC,IAAD,CAAR;AACAU,QAAAA,OAAO,CAACC,GAAR,kCAA2CV,QAA3C;AACD;AACF,KAPD,CADc;AAAA,GAAhB;;AAUA,SAAO,CAACF,KAAD,EAAQM,OAAR,CAAP;AACD,CArBM","sourcesContent":["import { useState } from 'react';\nimport { Linking } from 'react-native';\n\nexport type UseGoToURLType = (url?: string) => [boolean, () => Promise<void>];\n\nexport const useGoToURL: UseGoToURLType = (url?: string) => {\n  const [error, setError] = useState<boolean>(false);\n\n  let finalUrl = url as string;\n  const pattern = new RegExp(/^\\S+:\\/\\//);\n\n  if (!pattern.test(finalUrl)) {\n    finalUrl = 'http://' + url;\n  }\n\n  const openURL = () =>\n    Linking.canOpenURL(finalUrl).then((supported) => {\n      if (supported) {\n        Linking.openURL(finalUrl);\n      } else {\n        setError(true);\n        console.log(`Don't know how to open URI: ${finalUrl}`);\n      }\n    });\n\n  return [error, openURL];\n};\n"]}
+{"version":3,"sources":["useGoToURL.ts"],"names":["useGoToURL","url","error","setError","finalUrl","pattern","RegExp","test","openURL","Linking","canOpenURL","then","supported","console","warn"],"mappings":";;;;;;;;;AAAA;;AACA;;AAIO,IAAMA,UAA0B,GAAG,SAA7BA,UAA6B,CAACC,GAAD,EAAkB;AAC1D,kBAA0B,qBAAkB,KAAlB,CAA1B;AAAA;AAAA,MAAOC,KAAP;AAAA,MAAcC,QAAd;;AAEA,MAAIC,QAAQ,GAAGH,GAAf;AACA,MAAMI,OAAO,GAAG,IAAIC,MAAJ,CAAW,WAAX,CAAhB;;AAEA,MAAI,CAACD,OAAO,CAACE,IAAR,CAAaH,QAAb,CAAL,EAA6B;AAC3BA,IAAAA,QAAQ,GAAG,YAAYH,GAAvB;AACD;;AAED,MAAMO,OAAO,GAAG,SAAVA,OAAU;AAAA,WACdC,qBAAQC,UAAR,CAAmBN,QAAnB,EAA6BO,IAA7B,CAAkC,UAACC,SAAD,EAAe;AAC/C,UAAIA,SAAJ,EAAe;AACbH,6BAAQD,OAAR,CAAgBJ,QAAhB;AACD,OAFD,MAEO;AACLD,QAAAA,QAAQ,CAAC,IAAD,CAAR;AACAU,QAAAA,OAAO,CAACC,IAAR,kCAA4CV,QAA5C;AACD;AACF,KAPD,CADc;AAAA,GAAhB;;AAUA,SAAO,CAACF,KAAD,EAAQM,OAAR,CAAP;AACD,CArBM","sourcesContent":["import { useState } from 'react';\nimport { Linking } from 'react-native';\n\nexport type UseGoToURLType = (url?: string) => [boolean, () => Promise<void>];\n\nexport const useGoToURL: UseGoToURLType = (url?: string) => {\n  const [error, setError] = useState<boolean>(false);\n\n  let finalUrl = url as string;\n  const pattern = new RegExp(/^\\S+:\\/\\//);\n\n  if (!pattern.test(finalUrl)) {\n    finalUrl = 'http://' + url;\n  }\n\n  const openURL = () =>\n    Linking.canOpenURL(finalUrl).then((supported) => {\n      if (supported) {\n        Linking.openURL(finalUrl);\n      } else {\n        setError(true);\n        console.warn(`Don't know how to open URI: ${finalUrl}`);\n      }\n    });\n\n  return [error, openURL];\n};\n"]}

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

@@ -19,6 +19,7 @@ function buildThumbnail(_ref) {
   return {
     height: height,
     resizeMode: resizeMode ? resizeMode : image.original_height && image.original_width ? 'contain' : 'cover',
+    type: image.type,
     url: shouldResize ? (0, _getResizedImageUrl.getResizedImageUrl)({
       height: height,
       url: imageUrl,

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

@@ -1 +1 @@
-{"version":3,"sources":["buildThumbnail.ts"],"names":["buildThumbnail","height","image","resizeMode","width","originalImageHeight","original_height","originalImageWidth","original_width","shouldResize","imageUrl","url"],"mappings":";;;;;AAQA;;AACA;;AAEO,SAASA,cAAT,OAYO;AAAA,MATZC,MASY,QATZA,MASY;AAAA,MARZC,KAQY,QARZA,KAQY;AAAA,MAPZC,UAOY,QAPZA,UAOY;AAAA,MANZC,KAMY,QANZA,KAMY;AACZ,MAAyBC,mBAAzB,GAAqFH,KAArF,CAAQI,eAAR;AAAA,MAA8DC,kBAA9D,GAAqFL,KAArF,CAA8CM,cAA9C;AAGA,MAAMC,YAAY,GAChBJ,mBAAmB,IAAIE,kBAAvB,GACIF,mBAAmB,GAAGE,kBAAtB,GAA2CN,MAAM,GAAGG,KADxD,GAEI,IAHN;AAIA,MAAMM,QAAQ,GAAG,sDAAwBR,KAAxB,CAAjB;AAEA,SAAO;AACLD,IAAAA,MAAM,EAANA,MADK;AAELE,IAAAA,UAAU,EAAEA,UAAU,GAClBA,UADkB,GAEhBD,KAAK,CAACI,eAAN,IAAyBJ,KAAK,CAACM,cAA/B,GAAgD,SAAhD,GAA4D,OAJ7D;AAKLG,IAAAA,GAAG,EAAEF,YAAY,GACb,4CAAmB;AACjBR,MAAAA,MAAM,EAANA,MADiB;AAEjBU,MAAAA,GAAG,EAAED,QAFY;AAGjBN,MAAAA,KAAK,EAALA;AAHiB,KAAnB,CADa,GAMbM,QAXC;AAYLN,IAAAA,KAAK,EAALA;AAZK,GAAP;AAcD","sourcesContent":["import type { ImageResizeMode } from 'react-native';\n\nimport type { Attachment } from 'stream-chat';\n\nimport type { Thumbnail } from './types';\n\nimport type { DefaultStreamChatGenerics } from '../../../../types/types';\n\nimport { getResizedImageUrl } from '../../../../utils/getResizedImageUrl';\nimport { getUrlOfImageAttachment } from '../../../../utils/getUrlOfImageAttachment';\n\nexport function buildThumbnail<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  height,\n  image,\n  resizeMode,\n  width,\n}: {\n  height: number;\n  image: Attachment<StreamChatGenerics>;\n  width: number;\n  resizeMode?: ImageResizeMode;\n}): Thumbnail {\n  const { original_height: originalImageHeight, original_width: originalImageWidth } = image;\n\n  // Only resize if the original image is larger than the thumbnail container size.\n  const shouldResize =\n    originalImageHeight && originalImageWidth\n      ? originalImageHeight + originalImageWidth > height + width\n      : true;\n  const imageUrl = getUrlOfImageAttachment(image) as string;\n\n  return {\n    height,\n    resizeMode: resizeMode\n      ? resizeMode\n      : ((image.original_height && image.original_width ? 'contain' : 'cover') as ImageResizeMode),\n    url: shouldResize\n      ? getResizedImageUrl({\n          height,\n          url: imageUrl,\n          width,\n        })\n      : imageUrl,\n    width,\n  };\n}\n"]}
+{"version":3,"sources":["buildThumbnail.ts"],"names":["buildThumbnail","height","image","resizeMode","width","originalImageHeight","original_height","originalImageWidth","original_width","shouldResize","imageUrl","type","url"],"mappings":";;;;;AAQA;;AACA;;AAEO,SAASA,cAAT,OAYO;AAAA,MATZC,MASY,QATZA,MASY;AAAA,MARZC,KAQY,QARZA,KAQY;AAAA,MAPZC,UAOY,QAPZA,UAOY;AAAA,MANZC,KAMY,QANZA,KAMY;AACZ,MAAyBC,mBAAzB,GAAqFH,KAArF,CAAQI,eAAR;AAAA,MAA8DC,kBAA9D,GAAqFL,KAArF,CAA8CM,cAA9C;AAGA,MAAMC,YAAY,GAChBJ,mBAAmB,IAAIE,kBAAvB,GACIF,mBAAmB,GAAGE,kBAAtB,GAA2CN,MAAM,GAAGG,KADxD,GAEI,IAHN;AAIA,MAAMM,QAAQ,GAAG,sDAAwBR,KAAxB,CAAjB;AAEA,SAAO;AACLD,IAAAA,MAAM,EAANA,MADK;AAELE,IAAAA,UAAU,EAAEA,UAAU,GAClBA,UADkB,GAEhBD,KAAK,CAACI,eAAN,IAAyBJ,KAAK,CAACM,cAA/B,GAAgD,SAAhD,GAA4D,OAJ7D;AAKLG,IAAAA,IAAI,EAAET,KAAK,CAACS,IALP;AAMLC,IAAAA,GAAG,EAAEH,YAAY,GACb,4CAAmB;AACjBR,MAAAA,MAAM,EAANA,MADiB;AAEjBW,MAAAA,GAAG,EAAEF,QAFY;AAGjBN,MAAAA,KAAK,EAALA;AAHiB,KAAnB,CADa,GAMbM,QAZC;AAaLN,IAAAA,KAAK,EAALA;AAbK,GAAP;AAeD","sourcesContent":["import type { ImageResizeMode } from 'react-native';\n\nimport type { Attachment } from 'stream-chat';\n\nimport type { Thumbnail } from './types';\n\nimport type { DefaultStreamChatGenerics } from '../../../../types/types';\n\nimport { getResizedImageUrl } from '../../../../utils/getResizedImageUrl';\nimport { getUrlOfImageAttachment } from '../../../../utils/getUrlOfImageAttachment';\n\nexport function buildThumbnail<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  height,\n  image,\n  resizeMode,\n  width,\n}: {\n  height: number;\n  image: Attachment<StreamChatGenerics>;\n  width: number;\n  resizeMode?: ImageResizeMode;\n}): Thumbnail {\n  const { original_height: originalImageHeight, original_width: originalImageWidth } = image;\n\n  // Only resize if the original image is larger than the thumbnail container size.\n  const shouldResize =\n    originalImageHeight && originalImageWidth\n      ? originalImageHeight + originalImageWidth > height + width\n      : true;\n  const imageUrl = getUrlOfImageAttachment(image) as string;\n\n  return {\n    height,\n    resizeMode: resizeMode\n      ? resizeMode\n      : ((image.original_height && image.original_width ? 'contain' : 'cover') as ImageResizeMode),\n    type: image.type,\n    url: shouldResize\n      ? getResizedImageUrl({\n          height,\n          url: imageUrl,\n          width,\n        })\n      : imageUrl,\n    width,\n  };\n}\n"]}

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["getAspectRatio.ts"],"names":["getAspectRatio","image","type","Error","original_width","original_height"],"mappings":";;;;;AAUO,SAASA,cAAT,CAELC,KAFK,EAEkC;AACvC,MAAIA,KAAK,CAACC,IAAN,KAAe,OAAnB,EAA4B;AAC1B,UAAM,IAAIC,KAAJ,CAAU,4DAAV,CAAN;AACD;;AAED,MAAI,CAACF,KAAK,CAACG,cAAP,IAAyB,CAACH,KAAK,CAACI,eAApC,EAAqD,OAAO,CAAP;AAErD,SAAOJ,KAAK,CAACG,cAAN,GAAuBH,KAAK,CAACI,eAApC;AACD","sourcesContent":["import type { Attachment } from 'stream-chat';\n\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\n\n/**\n * Returns the aspect ratio of an image attachment.\n *\n * @param image Image attachment.\n * @returns {number}\n */\nexport function getAspectRatio<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(image: Attachment<StreamChatGenerics>) {\n  if (image.type !== 'image') {\n    throw new Error('getAspectRatio() can only be called on an image attachment');\n  }\n\n  if (!image.original_width || !image.original_height) return 1;\n\n  return image.original_width / image.original_height;\n}\n"]}
+{"version":3,"sources":["getAspectRatio.ts"],"names":["getAspectRatio","attachment","type","Error","original_width","original_height"],"mappings":";;;;;AAUO,SAASA,cAAT,CAELC,UAFK,EAEuC;AAC5C,MAAI,EAAEA,UAAU,CAACC,IAAX,KAAoB,OAApB,IAA+BD,UAAU,CAACC,IAAX,KAAoB,OAArD,CAAJ,EAAmE;AACjE,UAAM,IAAIC,KAAJ,CACJ,+EADI,CAAN;AAGD;;AAED,MAAI,CAACF,UAAU,CAACG,cAAZ,IAA8B,CAACH,UAAU,CAACI,eAA9C,EAA+D,OAAO,CAAP;AAE/D,SAAOJ,UAAU,CAACG,cAAX,GAA4BH,UAAU,CAACI,eAA9C;AACD","sourcesContent":["import type { Attachment } from 'stream-chat';\n\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\n\n/**\n * Returns the aspect ratio of an image attachment.\n *\n * @param image Image attachment.\n * @returns {number}\n */\nexport function getAspectRatio<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(attachment: Attachment<StreamChatGenerics>) {\n  if (!(attachment.type === 'image' || attachment.type === 'video')) {\n    throw new Error(\n      'getAspectRatio() can only be called on an image attachment or video thumbnail',\n    );\n  }\n\n  if (!attachment.original_width || !attachment.original_height) return 1;\n\n  return attachment.original_width / attachment.original_height;\n}\n"]}

package/lib/commonjs/components/Channel/Channel.js

@@ -93,6 +93,8 @@ var _Gallery = require("../Attachment/Gallery");
 
 var _Giphy = require("../Attachment/Giphy");
 
+var _VideoThumbnail = require("../Attachment/VideoThumbnail");
+
 var _AutoCompleteSuggestionHeader = require("../AutoCompleteInput/AutoCompleteSuggestionHeader");
 
 var _AutoCompleteSuggestionItem = require("../AutoCompleteInput/AutoCompleteSuggestionItem");
@@ -455,6 +457,8 @@ var ChannelWithContext = function ChannelWithContext(props) {
       UploadProgressIndicator = _props$UploadProgress === void 0 ? _UploadProgressIndicator.UploadProgressIndicator : _props$UploadProgress,
       _props$UrlPreview = props.UrlPreview,
       UrlPreview = _props$UrlPreview === void 0 ? _Card.Card : _props$UrlPreview,
+      _props$VideoThumbnail = props.VideoThumbnail,
+      VideoThumbnail = _props$VideoThumbnail === void 0 ? _VideoThumbnail.VideoThumbnail : _props$VideoThumbnail,
       watcherCount = props.watcherCount,
       watchers = props.watchers;
 
@@ -2014,7 +2018,8 @@ var ChannelWithContext = function ChannelWithContext(props) {
     TypingIndicator: TypingIndicator,
     TypingIndicatorContainer: TypingIndicatorContainer,
     updateMessage: updateMessage,
-    UrlPreview: UrlPreview
+    UrlPreview: UrlPreview,
+    VideoThumbnail: VideoThumbnail
   });
   var suggestionsContext = {
     AutoCompleteSuggestionHeader: AutoCompleteSuggestionHeader,
@@ -2046,7 +2051,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 1770,
+        lineNumber: 1774,
         columnNumber: 12
       }
     });
@@ -2061,7 +2066,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 1775,
+        lineNumber: 1779,
         columnNumber: 7
       }
     }, t('Please select a channel first'));
@@ -2075,7 +2080,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1782,
+      lineNumber: 1786,
       columnNumber: 5
     }
   }), _react["default"].createElement(_ChannelContext.ChannelProvider, {
@@ -2083,7 +2088,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1788,
+      lineNumber: 1792,
       columnNumber: 7
     }
   }, _react["default"].createElement(_OwnCapabilitiesContext.OwnCapabilitiesProvider, {
@@ -2091,7 +2096,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1789,
+      lineNumber: 1793,
       columnNumber: 9
     }
   }, _react["default"].createElement(_TypingContext.TypingProvider, {
@@ -2099,7 +2104,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1790,
+      lineNumber: 1794,
       columnNumber: 11
     }
   }, _react["default"].createElement(_PaginatedMessageListContext.PaginatedMessageListProvider, {
@@ -2107,7 +2112,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1791,
+      lineNumber: 1795,
       columnNumber: 13
     }
   }, _react["default"].createElement(_MessagesContext.MessagesProvider, {
@@ -2115,7 +2120,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1792,
+      lineNumber: 1796,
       columnNumber: 15
     }
   }, _react["default"].createElement(_ThreadContext.ThreadProvider, {
@@ -2123,7 +2128,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1793,
+      lineNumber: 1797,
       columnNumber: 17
     }
   }, _react["default"].createElement(_SuggestionsContext.SuggestionsProvider, {
@@ -2131,7 +2136,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1794,
+      lineNumber: 1798,
       columnNumber: 19
     }
   }, _react["default"].createElement(_MessageInputContext.MessageInputProvider, {
@@ -2139,7 +2144,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1795,
+      lineNumber: 1799,
       columnNumber: 21
     }
   }, _react["default"].createElement(_reactNative.View, {
@@ -2149,7 +2154,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1796,
+      lineNumber: 1800,
       columnNumber: 23
     }
   }, children))))))))));
@@ -2204,7 +2209,7 @@ var Channel = function Channel(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1853,
+      lineNumber: 1857,
       columnNumber: 5
     }
   }));