stream-chat-react-native-core 5.6.0-beta.0 → 5.6.0-beta.1

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

@@ -1 +1 @@
-{"version":3,"sources":["GalleryImage.tsx"],"names":["GalleryImageWithContext","props","ImageComponent","Image","uri","rest","MemoizedGalleryImage","React","memo","prevProps","nextProps","GalleryImage"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA;;AAGA;;;;;;;AAMO,IAAMA,uBAA+D,GAAG,SAAlEA,uBAAkE,CAACC,KAAD,EAAW;AACxF,8BAAiDA,KAAjD,CAAQC,cAAR;AAAA,MAAQA,cAAR,sCAAyBC,kBAAzB;AAAA,MAAgCC,GAAhC,GAAiDH,KAAjD,CAAgCG,GAAhC;AAAA,MAAwCC,IAAxC,6CAAiDJ,KAAjD;;AAEA,MAAI,CAAC,uBAAWG,GAAX,CAAL,EAAsB;AACpB,WACE,gCAAC,cAAD,gCACMC,IADN;AAEE,MAAA,kBAAkB,EAAC,eAFrB;AAGE,MAAA,MAAM,EAAE;AACND,QAAAA,GAAG,EAAE,mCAAuBA,GAAvB;AADC,OAHV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OADF;AASD;;AAED,SACE,gCAAC,kBAAD,gCACMC,IADN;AAEE,IAAA,kBAAkB,EAAC,eAFrB;AAGE,IAAA,MAAM,EAAE;AACND,MAAAA,GAAG,EAAE,mCAAuBA,GAAvB;AADC,KAHV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KADF;AASD,CAxBM;;;;AA0BA,IAAME,oBAAoB,GAAGC,kBAAMC,IAAN,CAClCR,uBADkC,EAElC,UAACS,SAAD,EAAYC,SAAZ;AAAA,SACE,gCAAoBD,SAAS,CAACL,GAA9B,MAAuC,gCAAoBM,SAAS,CAACN,GAA9B,CADzC;AAAA,CAFkC,CAA7B;;;;AASA,IAAMO,YAAY,GAAG,SAAfA,YAAe,CAG1BV,KAH0B,EAIvB;AACH,wBAA2B,kCAA3B;AAAA,MAAQC,cAAR,mBAAQA,cAAR;;AAEA,SAAO,gCAAC,oBAAD;AAAsB,IAAA,cAAc,EAAEA;AAAtC,KAA0DD,KAA1D;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAAP;AACD,CARM","sourcesContent":["import React from 'react';\nimport { Image, ImageProps } from 'react-native';\n\nimport { ChatContextValue, useChatContext } from '../../contexts/chatContext/ChatContext';\n\nimport type { DefaultStreamChatGenerics } from '../../types/types';\nimport { getUrlWithoutParams, isLocalUrl, makeImageCompatibleUrl } from '../../utils/utils';\n\nexport type GalleryImageWithContextProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = GalleryImageProps & Pick<ChatContextValue<StreamChatGenerics>, 'ImageComponent'>;\n\nexport const GalleryImageWithContext: React.FC<GalleryImageWithContextProps> = (props) => {\n  const { ImageComponent = Image, uri, ...rest } = props;\n\n  if (!isLocalUrl(uri)) {\n    return (\n      <ImageComponent\n        {...rest}\n        accessibilityLabel='Gallery Image'\n        source={{\n          uri: makeImageCompatibleUrl(uri),\n        }}\n      />\n    );\n  }\n\n  return (\n    <Image\n      {...rest}\n      accessibilityLabel='Gallery Image'\n      source={{\n        uri: makeImageCompatibleUrl(uri),\n      }}\n    />\n  );\n};\n\nexport const MemoizedGalleryImage = React.memo(\n  GalleryImageWithContext,\n  (prevProps, nextProps) =>\n    getUrlWithoutParams(prevProps.uri) === getUrlWithoutParams(nextProps.uri),\n);\nexport type GalleryImageProps = Omit<ImageProps, 'height' | 'source'> & {\n  uri: string;\n};\n\nexport const GalleryImage = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: GalleryImageProps,\n) => {\n  const { ImageComponent } = useChatContext<StreamChatGenerics>();\n\n  return <MemoizedGalleryImage ImageComponent={ImageComponent} {...props} />;\n};\n"]}
+{"version":3,"sources":["GalleryImage.tsx"],"names":["GalleryImageWithContext","props","ImageComponent","Image","uri","rest","MemoizedGalleryImage","React","memo","prevProps","nextProps","GalleryImage"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA;;AAGA;;;;;;;AAMO,IAAMA,uBAA+D,GAAG,SAAlEA,uBAAkE,CAACC,KAAD,EAAW;AACxF,8BAAiDA,KAAjD,CAAQC,cAAR;AAAA,MAAQA,cAAR,sCAAyBC,kBAAzB;AAAA,MAAgCC,GAAhC,GAAiDH,KAAjD,CAAgCG,GAAhC;AAAA,MAAwCC,IAAxC,6CAAiDJ,KAAjD;;AAIA,MAAI,CAAC,uBAAWG,GAAX,CAAL,EAAsB;AACpB,WACE,gCAAC,cAAD,gCACMC,IADN;AAEE,MAAA,kBAAkB,EAAC,eAFrB;AAGE,MAAA,MAAM,EAAE;AACND,QAAAA,GAAG,EAAE,mCAAuBA,GAAvB;AADC,OAHV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OADF;AASD;;AAED,SACE,gCAAC,kBAAD,gCACMC,IADN;AAEE,IAAA,kBAAkB,EAAC,eAFrB;AAGE,IAAA,MAAM,EAAE;AACND,MAAAA,GAAG,EAAE,mCAAuBA,GAAvB;AADC,KAHV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KADF;AASD,CA1BM;;;;AA4BA,IAAME,oBAAoB,GAAGC,kBAAMC,IAAN,CAClCR,uBADkC,EAElC,UAACS,SAAD,EAAYC,SAAZ;AAAA,SACE,gCAAoBD,SAAS,CAACL,GAA9B,MAAuC,gCAAoBM,SAAS,CAACN,GAA9B,CADzC;AAAA,CAFkC,CAA7B;;;;AASA,IAAMO,YAAY,GAAG,SAAfA,YAAe,CAG1BV,KAH0B,EAIvB;AACH,wBAA2B,kCAA3B;AAAA,MAAQC,cAAR,mBAAQA,cAAR;;AAEA,SAAO,gCAAC,oBAAD;AAAsB,IAAA,cAAc,EAAEA;AAAtC,KAA0DD,KAA1D;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAAP;AACD,CARM","sourcesContent":["import React from 'react';\nimport { Image, ImageProps } from 'react-native';\n\nimport { ChatContextValue, useChatContext } from '../../contexts/chatContext/ChatContext';\n\nimport type { DefaultStreamChatGenerics } from '../../types/types';\nimport { getUrlWithoutParams, isLocalUrl, makeImageCompatibleUrl } from '../../utils/utils';\n\nexport type GalleryImageWithContextProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = GalleryImageProps & Pick<ChatContextValue<StreamChatGenerics>, 'ImageComponent'>;\n\nexport const GalleryImageWithContext: React.FC<GalleryImageWithContextProps> = (props) => {\n  const { ImageComponent = Image, uri, ...rest } = props;\n\n  // Caching image components such as FastImage will not work with local images.\n  // This for the case of local uris, we use the default Image component.\n  if (!isLocalUrl(uri)) {\n    return (\n      <ImageComponent\n        {...rest}\n        accessibilityLabel='Gallery Image'\n        source={{\n          uri: makeImageCompatibleUrl(uri),\n        }}\n      />\n    );\n  }\n\n  return (\n    <Image\n      {...rest}\n      accessibilityLabel='Gallery Image'\n      source={{\n        uri: makeImageCompatibleUrl(uri),\n      }}\n    />\n  );\n};\n\nexport const MemoizedGalleryImage = React.memo(\n  GalleryImageWithContext,\n  (prevProps, nextProps) =>\n    getUrlWithoutParams(prevProps.uri) === getUrlWithoutParams(nextProps.uri),\n);\nexport type GalleryImageProps = Omit<ImageProps, 'height' | 'source'> & {\n  uri: string;\n};\n\nexport const GalleryImage = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: GalleryImageProps,\n) => {\n  const { ImageComponent } = useChatContext<StreamChatGenerics>();\n\n  return <MemoizedGalleryImage ImageComponent={ImageComponent} {...props} />;\n};\n"]}

package/lib/module/components/Channel/Channel.js

@@ -83,8 +83,6 @@ var _addReactionToLocalState = require("../../utils/addReactionToLocalState");
 
 var _DBSyncManager = require("../../utils/DBSyncManager");
 
-var _pendingTaskUtils = require("../../utils/pendingTaskUtils");
-
 var _removeReactionFromLocalState = require("../../utils/removeReactionFromLocalState");
 
 var _utils = require("../../utils/utils");
@@ -241,7 +239,7 @@ var throttleOptions = {
   trailing: true
 };
 var debounceOptions = {
-  leading: false,
+  leading: true,
   trailing: true
 };
 
@@ -634,11 +632,11 @@ var ChannelWithContext = function ChannelWithContext(props) {
       (0, _streamChat.logChatPromiseExecution)(channel.markRead(), 'mark read');
     }
   }, defaultThrottleInterval, throttleOptions)).current;
-  var copyMessagesState = (0, _react.useRef)((0, _debounce["default"])(function () {
+  var copyMessagesState = (0, _react.useRef)((0, _throttle["default"])(function () {
     if (channel) {
       setMessages((0, _toConsumableArray2["default"])(channel.state.messages));
     }
-  }, newMessageStateUpdateThrottleInterval, debounceOptions)).current;
+  }, newMessageStateUpdateThrottleInterval, throttleOptions)).current;
   var copyTypingState = (0, _react.useRef)((0, _throttle["default"])(function () {
     if (channel) {
       setTyping((0, _extends2["default"])({}, channel.state.typing));
@@ -649,7 +647,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
       setRead((0, _extends2["default"])({}, channel.state.read));
     }
   }, stateUpdateThrottleInterval, throttleOptions)).current;
-  var copyChannelState = (0, _react.useRef)((0, _debounce["default"])(function () {
+  var copyChannelState = (0, _react.useRef)((0, _throttle["default"])(function () {
     setLoading(false);
 
     if (channel) {
@@ -660,7 +658,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
       setWatcherCount(channel.state.watcher_count);
       setWatchers((0, _extends2["default"])({}, channel.state.watchers));
     }
-  }, stateUpdateThrottleInterval, debounceOptions)).current;
+  }, stateUpdateThrottleInterval, throttleOptions)).current;
 
   var connectionChangedHandler = function connectionChangedHandler() {
     if (shouldSyncChannel) {
@@ -1384,7 +1382,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
               updatedMessage = (0, _extends2["default"])({}, message);
 
               if (!((_updatedMessage$attac = updatedMessage.attachments) != null && _updatedMessage$attac.length)) {
-                _context12.next = 39;
+                _context12.next = 40;
                 break;
               }
 
@@ -1392,7 +1390,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
 
             case 3:
               if (!(i < ((_updatedMessage$attac2 = updatedMessage.attachments) == null ? void 0 : _updatedMessage$attac2.length))) {
-                _context12.next = 39;
+                _context12.next = 40;
                 break;
               }
 
@@ -1439,7 +1437,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
 
             case 22:
               if (!((attachment.type === 'file' || attachment.type === 'audio' || attachment.type === 'video') && attachment.asset_url && (0, _utils.isLocalUrl)(attachment.asset_url) && file != null && file.uri)) {
-                _context12.next = 36;
+                _context12.next = 37;
                 break;
               }
 
@@ -1466,6 +1464,11 @@ var ChannelWithContext = function ChannelWithContext(props) {
             case 32:
               response = _context12.t1;
               attachment.asset_url = response.file;
+
+              if (response.thumb_url) {
+                attachment.thumb_url = response.thumb_url;
+              }
+
               delete attachment.originalFile;
               dbApi.updateMessage({
                 message: (0, _extends2["default"])({}, updatedMessage, {
@@ -1473,15 +1476,15 @@ var ChannelWithContext = function ChannelWithContext(props) {
                 })
               });
 
-            case 36:
+            case 37:
               i++;
               _context12.next = 3;
               break;
 
-            case 39:
+            case 40:
               return _context12.abrupt("return", updatedMessage);
 
-            case 40:
+            case 41:
             case "end":
               return _context12.stop();
           }
@@ -1958,7 +1961,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
               });
               setMessages(channel.state.messages);
               _context18.next = 11;
-              return (0, _pendingTaskUtils.queueTask)({
+              return _DBSyncManager.DBSyncManager.queueTask({
                 client: client,
                 task: {
                   channelId: channel.id,
@@ -2014,9 +2017,10 @@ var ChannelWithContext = function ChannelWithContext(props) {
                 break;
               }
 
-              (0, _pendingTaskUtils.dropPendingTasks)({
+              _DBSyncManager.DBSyncManager.dropPendingTasks({
                 messageId: message.id
               });
+
               removeMessage(message);
               _context19.next = 16;
               break;
@@ -2028,7 +2032,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
                 type: 'deleted'
               }));
               _context19.next = 14;
-              return (0, _pendingTaskUtils.queueTask)({
+              return _DBSyncManager.DBSyncManager.queueTask({
                 client: client,
                 task: {
                   channelId: channel.id,
@@ -2096,7 +2100,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
               });
               setMessages(channel.state.messages);
               _context20.next = 11;
-              return (0, _pendingTaskUtils.queueTask)({
+              return _DBSyncManager.DBSyncManager.queueTask({
                 client: client,
                 task: {
                   channelId: channel.id,
@@ -2418,7 +2422,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 1961,
+        lineNumber: 1962,
         columnNumber: 12
       }
     });
@@ -2433,7 +2437,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 1966,
+        lineNumber: 1967,
         columnNumber: 7
       }
     }, t('Please select a channel first'));
@@ -2447,7 +2451,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1973,
+      lineNumber: 1974,
       columnNumber: 5
     }
   }), _react["default"].createElement(_ChannelContext.ChannelProvider, {
@@ -2455,7 +2459,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1979,
+      lineNumber: 1980,
       columnNumber: 7
     }
   }, _react["default"].createElement(_OwnCapabilitiesContext.OwnCapabilitiesProvider, {
@@ -2463,7 +2467,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1980,
+      lineNumber: 1981,
       columnNumber: 9
     }
   }, _react["default"].createElement(_TypingContext.TypingProvider, {
@@ -2471,7 +2475,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1981,
+      lineNumber: 1982,
       columnNumber: 11
     }
   }, _react["default"].createElement(_PaginatedMessageListContext.PaginatedMessageListProvider, {
@@ -2479,7 +2483,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1982,
+      lineNumber: 1983,
       columnNumber: 13
     }
   }, _react["default"].createElement(_MessagesContext.MessagesProvider, {
@@ -2487,7 +2491,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1983,
+      lineNumber: 1984,
       columnNumber: 15
     }
   }, _react["default"].createElement(_ThreadContext.ThreadProvider, {
@@ -2495,7 +2499,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1984,
+      lineNumber: 1985,
       columnNumber: 17
     }
   }, _react["default"].createElement(_SuggestionsContext.SuggestionsProvider, {
@@ -2503,7 +2507,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1985,
+      lineNumber: 1986,
       columnNumber: 19
     }
   }, _react["default"].createElement(_MessageInputContext.MessageInputProvider, {
@@ -2511,7 +2515,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1986,
+      lineNumber: 1987,
       columnNumber: 21
     }
   }, _react["default"].createElement(_reactNative.View, {
@@ -2521,7 +2525,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1987,
+      lineNumber: 1988,
       columnNumber: 23
     }
   }, children))))))))));
@@ -2578,7 +2582,7 @@ var Channel = function Channel(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 2044,
+      lineNumber: 2045,
       columnNumber: 5
     }
   }));