stream-chat-react-native-core 4.7.3 → 4.9.0-beta.1

package/lib/module/components/Attachment/hooks/useLoadingImage.js

@@ -0,0 +1,32 @@
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useLoadingImage = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = require("react");
+
+var useLoadingImage = function useLoadingImage() {
+  var _useState = (0, _react.useState)(true),
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      isLoadingImage = _useState2[0],
+      setLoadingImage = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+      isLoadingImageError = _useState4[0],
+      setLoadingImageError = _useState4[1];
+
+  return {
+    isLoadingImage: isLoadingImage,
+    isLoadingImageError: isLoadingImageError,
+    setLoadingImage: setLoadingImage,
+    setLoadingImageError: setLoadingImageError
+  };
+};
+
+exports.useLoadingImage = useLoadingImage;
+//# sourceMappingURL=useLoadingImage.js.map

package/lib/module/components/Attachment/hooks/useLoadingImage.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useLoadingImage.tsx"],"names":["useLoadingImage","isLoadingImage","setLoadingImage","isLoadingImageError","setLoadingImageError"],"mappings":";;;;;;;;;AAAA;;AAEO,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,GAAM;AACnC,kBAA0C,qBAAS,IAAT,CAA1C;AAAA;AAAA,MAAOC,cAAP;AAAA,MAAuBC,eAAvB;;AACA,mBAAoD,qBAAS,KAAT,CAApD;AAAA;AAAA,MAAOC,mBAAP;AAAA,MAA4BC,oBAA5B;;AAEA,SAAO;AAAEH,IAAAA,cAAc,EAAdA,cAAF;AAAkBE,IAAAA,mBAAmB,EAAnBA,mBAAlB;AAAuCD,IAAAA,eAAe,EAAfA,eAAvC;AAAwDE,IAAAA,oBAAoB,EAApBA;AAAxD,GAAP;AACD,CALM","sourcesContent":["import { useState } from 'react';\n\nexport const useLoadingImage = () => {\n  const [isLoadingImage, setLoadingImage] = useState(true);\n  const [isLoadingImageError, setLoadingImageError] = useState(false);\n\n  return { isLoadingImage, isLoadingImageError, setLoadingImage, setLoadingImageError };\n};\n"]}

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

@@ -93,6 +93,10 @@ var _Gallery = require("../Attachment/Gallery");
 
 var _Giphy = require("../Attachment/Giphy");
 
+var _ImageLoadingFailedIndicator = require("../Attachment/ImageLoadingFailedIndicator");
+
+var _ImageLoadingIndicator = require("../Attachment/ImageLoadingIndicator");
+
 var _VideoThumbnail = require("../Attachment/VideoThumbnail");
 
 var _AutoCompleteSuggestionHeader = require("../AutoCompleteInput/AutoCompleteSuggestionHeader");
@@ -358,6 +362,10 @@ var ChannelWithContext = function ChannelWithContext(props) {
       LoadingIndicator = _props$LoadingIndicat === void 0 ? _LoadingIndicator.LoadingIndicator : _props$LoadingIndicat,
       loadingMoreProp = props.loadingMore,
       loadingMoreRecentProp = props.loadingMoreRecent,
+      _props$ImageLoadingFa = props.ImageLoadingFailedIndicator,
+      ImageLoadingFailedIndicator = _props$ImageLoadingFa === void 0 ? _ImageLoadingFailedIndicator.ImageLoadingFailedIndicator : _props$ImageLoadingFa,
+      _props$ImageLoadingIn = props.ImageLoadingIndicator,
+      ImageLoadingIndicator = _props$ImageLoadingIn === void 0 ? _ImageLoadingIndicator.ImageLoadingIndicator : _props$ImageLoadingIn,
       markdownRules = props.markdownRules,
       maxMessageLengthProp = props.maxMessageLength,
       _props$maxNumberOfFil = props.maxNumberOfFiles,
@@ -1978,6 +1986,8 @@ var ChannelWithContext = function ChannelWithContext(props) {
     handleReaction: handleReaction,
     handleRetry: handleRetry,
     handleThreadReply: handleThreadReply,
+    ImageLoadingFailedIndicator: ImageLoadingFailedIndicator,
+    ImageLoadingIndicator: ImageLoadingIndicator,
     initialScrollToFirstUnreadMessage: initialScrollToFirstUnreadMessage,
     InlineDateSeparator: InlineDateSeparator,
     InlineUnreadIndicator: InlineUnreadIndicator,
@@ -2051,7 +2061,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 1774,
+        lineNumber: 1782,
         columnNumber: 12
       }
     });
@@ -2066,7 +2076,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 1779,
+        lineNumber: 1787,
         columnNumber: 7
       }
     }, t('Please select a channel first'));
@@ -2080,7 +2090,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1786,
+      lineNumber: 1794,
       columnNumber: 5
     }
   }), _react["default"].createElement(_ChannelContext.ChannelProvider, {
@@ -2088,7 +2098,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1792,
+      lineNumber: 1800,
       columnNumber: 7
     }
   }, _react["default"].createElement(_OwnCapabilitiesContext.OwnCapabilitiesProvider, {
@@ -2096,7 +2106,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1793,
+      lineNumber: 1801,
       columnNumber: 9
     }
   }, _react["default"].createElement(_TypingContext.TypingProvider, {
@@ -2104,7 +2114,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1794,
+      lineNumber: 1802,
       columnNumber: 11
     }
   }, _react["default"].createElement(_PaginatedMessageListContext.PaginatedMessageListProvider, {
@@ -2112,7 +2122,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1795,
+      lineNumber: 1803,
       columnNumber: 13
     }
   }, _react["default"].createElement(_MessagesContext.MessagesProvider, {
@@ -2120,7 +2130,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1796,
+      lineNumber: 1804,
       columnNumber: 15
     }
   }, _react["default"].createElement(_ThreadContext.ThreadProvider, {
@@ -2128,7 +2138,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1797,
+      lineNumber: 1805,
       columnNumber: 17
     }
   }, _react["default"].createElement(_SuggestionsContext.SuggestionsProvider, {
@@ -2136,7 +2146,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1798,
+      lineNumber: 1806,
       columnNumber: 19
     }
   }, _react["default"].createElement(_MessageInputContext.MessageInputProvider, {
@@ -2144,7 +2154,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1799,
+      lineNumber: 1807,
       columnNumber: 21
     }
   }, _react["default"].createElement(_reactNative.View, {
@@ -2154,7 +2164,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1800,
+      lineNumber: 1808,
       columnNumber: 23
     }
   }, children))))))))));
@@ -2209,7 +2219,7 @@ var Channel = function Channel(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1857,
+      lineNumber: 1865,
       columnNumber: 5
     }
   }));