stream-chat-react-native-core 5.0.0-offline-support.5 → 5.0.0-offline-support.8

package/lib/commonjs/{components/Attachment/hooks → hooks}/useLoadingImage.js

@@ -9,6 +9,8 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 
 var _react = require("react");
 
+var _netinfo = require("@react-native-community/netinfo");
+
 var useLoadingImage = function useLoadingImage() {
   var _useState = (0, _react.useState)(true),
       _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
@@ -20,6 +22,14 @@ var useLoadingImage = function useLoadingImage() {
       isLoadingImageError = _useState4[0],
       setLoadingImageError = _useState4[1];
 
+  var _useNetInfo = (0, _netinfo.useNetInfo)(),
+      isConnected = _useNetInfo.isConnected;
+
+  (0, _react.useEffect)(function () {
+    if (isConnected && isLoadingImageError) {
+      setLoadingImageError(false);
+    }
+  }, [isConnected]);
   return {
     isLoadingImage: isLoadingImage,
     isLoadingImageError: isLoadingImageError,

package/lib/commonjs/hooks/useLoadingImage.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useLoadingImage.tsx"],"names":["useLoadingImage","isLoadingImage","setLoadingImage","isLoadingImageError","setLoadingImageError","isConnected"],"mappings":";;;;;;;;;AAAA;;AAEA;;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;;AACA,oBAAwB,0BAAxB;AAAA,MAAQC,WAAR,eAAQA,WAAR;;AACA,wBAAU,YAAM;AACd,QAAIA,WAAW,IAAIF,mBAAnB,EAAwC;AACtCC,MAAAA,oBAAoB,CAAC,KAAD,CAApB;AACD;AACF,GAJD,EAIG,CAACC,WAAD,CAJH;AAMA,SAAO;AAAEJ,IAAAA,cAAc,EAAdA,cAAF;AAAkBE,IAAAA,mBAAmB,EAAnBA,mBAAlB;AAAuCD,IAAAA,eAAe,EAAfA,eAAvC;AAAwDE,IAAAA,oBAAoB,EAApBA;AAAxD,GAAP;AACD,CAXM","sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { useNetInfo } from '@react-native-community/netinfo';\n\nexport const useLoadingImage = () => {\n  const [isLoadingImage, setLoadingImage] = useState(true);\n  const [isLoadingImageError, setLoadingImageError] = useState(false);\n  const { isConnected } = useNetInfo();\n  useEffect(() => {\n    if (isConnected && isLoadingImageError) {\n      setLoadingImageError(false);\n    }\n  }, [isConnected]);\n\n  return { isLoadingImage, isLoadingImageError, setLoadingImage, setLoadingImageError };\n};\n"]}

package/lib/commonjs/i18n/en.json

@@ -37,7 +37,7 @@
     "Ok": "Ok",
     "Only visible to you": "Only visible to you",
     "Photo": "Photo",
-    "Photos": "Photos",
+    "Photos and Videos": "Photos and Videos",
     "Pin to Conversation": "Pin to Conversation",
     "Please enable access to your photos and videos so you can share them.": "Please enable access to your photos and videos so you can share them.",
     "Please select a channel first": "Please select a channel first",
@@ -56,6 +56,7 @@
     "Unmute User": "Unmute User",
     "Unpin from Conversation": "Unpin from Conversation",
     "Unread Messages": "Unread Messages",
+    "Video": "Video",
     "You": "You",
     "You can't send messages in this channel": "You can't send messages in this channel",
     "{{ firstUser }} and {{ nonSelfUserLength }} more are typing": "{{ firstUser }} and {{ nonSelfUserLength }} more are typing",

package/lib/commonjs/i18n/fr.json

@@ -37,7 +37,7 @@
     "Ok": "Ok",
     "Only visible to you": "Seulement visible par vous",
     "Photo": "Photo",
-    "Photos": "Photos",
+    "Photos and Videos": "Photos et vidéos",
     "Pin to Conversation": "Épingler à la conversation",
     "Please enable access to your photos and videos so you can share them.": "Veuillez autoriser l'accès à vos photos et vidéos afin de pouvoir les partager.",
     "Please select a channel first": "Veuillez d'abord selectionnez un canal",
@@ -56,6 +56,7 @@
     "Unmute User": "Activer le son de Utilisateur",
     "Unpin from Conversation": "Décrocher de la conversation",
     "Unread Messages": "Messages non lus",
+    "Video": "Vidéo",
     "You": "Toi",
     "You can't send messages in this channel": "You can't send messages in this channel",
     "{{ firstUser }} and {{ nonSelfUserLength }} more are typing": "{{ firstUser }} et {{ nonSelfUserLength }} autres sont en train d'écrire",

package/lib/commonjs/i18n/he.json

@@ -38,6 +38,7 @@
   "Only visible to you": "גלוי רק לך",
   "Photo": "תמונה",
   "Photos": "תמונות",
+  "Photos and Videos": "תמונות ווידאו",
   "Pin to Conversation": "הצמד/י לשיחה",
   "Please enable access to your photos and videos so you can share them.": "אפשר/י גישה לתמונות ולסרטונים שלך כדי שתוכל/י לשתף אותם.",
   "Please select a channel first": "אנא בחר/י שיחה תחילה",
@@ -56,6 +57,7 @@
   "Unmute User": "בטל/י השתקת משתמש",
   "Unpin from Conversation": "בטל/י הצמדה לשיחה",
   "Unread Messages": "הודעות שטרם נקרו",
+  "Video": "וִידֵאוֹ",
   "You": "את/ה",
   "You can't send messages in this channel": "את/ב לא יכול/ה לשלוח הודעות בשיחה זו",
   "{{ firstUser }} and {{ nonSelfUserLength }} more are typing": "{{ firstUser }} ו-{{ nonSelfUserLength }} משתמש/ים אחר/ים מקלידים",

package/lib/commonjs/i18n/hi.json

@@ -37,7 +37,7 @@
     "Ok": "ठीक",
     "Only visible to you": "केवल आपको दिखाई दे रहा है",
     "Photo": "तस्वीर",
-    "Photos": "तस्वीरें",
+    "Photos and Videos": "तस्वीरें और वीडियों",
     "Pin to Conversation": "बातचीत में पिन करें",
     "Please enable access to your photos and videos so you can share them.": "कृपया अपनी फ़ोटो और वीडियो तक पहुंच सक्षम करें ताकि आप उन्हें साझा कर सकें।",
     "Please select a channel first": "कृपया पहले एक चैनल चुनें",
@@ -56,6 +56,7 @@
     "Unmute User": "उपयोगकर्ता को अनम्यूट करें",
     "Unpin from Conversation": "बातचीत से अनपिन करें",
     "Unread Messages": "अपठित संदेश",
+    "Video": "वीडियो",
     "You": "आप",
     "You can't send messages in this channel": "आप इस चैनल में संदेश नहीं भेज सकते",
     "{{ firstUser }} and {{ nonSelfUserLength }} more are typing": "{{ firstUser }} और {{ nonSelfUserLength }} अधिक टाइप कर रहे हैं",

package/lib/commonjs/i18n/it.json

@@ -37,7 +37,7 @@
     "Ok": "Ok",
     "Only visible to you": "Visibile solo a te",
     "Photo": "Foto",
-    "Photos": "Fotografie",
+    "Photos and Videos": "Foto e Video",
     "Pin to Conversation": "Metti in evidenza",
     "Please enable access to your photos and videos so you can share them.": "Abilita l'accesso alle tue foto e ai tuoi video in modo da poterli condividere.",
     "Please select a channel first": "Seleziona un canale",
@@ -56,6 +56,7 @@
     "Unmute User": "Riattiva utente",
     "Unpin from Conversation": "Rimuovi dagli elementi in evidenza",
     "Unread Messages": "Messaggi non letti",
+    "Video": "Video",
     "You": "Tu",
     "You can't send messages in this channel": "Non puoi inviare messaggi in questo canale",
     "{{ firstUser }} and {{ nonSelfUserLength }} more are typing": "{{ firstUser }} e altri {{ nonSelfUserLength }} stanno scrivendo",

package/lib/commonjs/i18n/ja.json

@@ -29,6 +29,7 @@
   "Ok": "確認",
   "Photo": "写真",
   "Photos": "写真",
+  "Photos and Videos": "写真と動画",
   "Pin to Conversation": "会話にピンする",
   "Please enable access to your photos and videos so you can share them.": "写真やビデオへのアクセスを有効にして、共有できるようにしてください。",
   "Please select a channel first": "最初にチャンネルを選択してください",
@@ -46,6 +47,7 @@
   "Unmute User": "ユーザーのミュートを解除する",
   "Unpin from Conversation": "会話のピンを外す",
   "Unread Messages": "未読メッセージ",
+  "Video": "ビデオ",
   "You": "あなた",
   "{{ firstUser }} and {{ nonSelfUserLength }} more are typing": "{{ firstUser }}と{{ nonSelfUserLength }}人がタイピングしています",
   "{{ index }} of {{ photoLength }}": "{{ index }} / {{ photoLength }}",

package/lib/commonjs/i18n/ko.json

@@ -29,6 +29,7 @@
   "Ok": "확인",
   "Photo": "사진",
   "Photos": "사진",
+  "Photos and Videos": "사진과 동영상",
   "Pin to Conversation": "대화에 고정합니다",
   "Please enable access to your photos and videos so you can share them.": "사진 및 비디오에 대한 액세스를 사용하여 공유 할 수 있도록합니다.",
   "Please select a channel first": "먼저 채널을 선택하십시오",
@@ -46,6 +47,7 @@
   "Unmute User": "사용자 음소거 해제",
   "Unpin from Conversation": "대화의 핀을 분리합니다",
   "Unread Messages": "읽지 않은 메시지",
+  "Video": "동영상",
   "You": "당신",
   "{{ firstUser }} and {{ nonSelfUserLength }} more are typing": "{{ firstUser }} 외 {{ nonSelfUserLength }}명이 입력 중입니다",
   "{{ index }} of {{ photoLength }}": "{{ index }} / {{ photoLength }}",

package/lib/commonjs/i18n/nl.json

@@ -37,7 +37,7 @@
     "Ok": "Oké",
     "Only visible to you": "Alleen zichtbaar voor jou",
     "Photo": "Foto",
-    "Photos": "Foto's",
+    "Photos and Videos": "Foto's en video's",
     "Pin to Conversation": "Vastmaken aan gesprek",
     "Please enable access to your photos and videos so you can share them.": "Schakel toegang tot uw foto's en video's in zodat u ze kunt delen.",
     "Please select a channel first": "Selecteer eerst een kanaal",
@@ -56,6 +56,7 @@
     "Unmute User": "Dempen van gebruiker opheffen",
     "Unpin from Conversation": "Losmaken van gesprek",
     "Unread Messages": "Ongelezen Berichten",
+    "Video": "Video",
     "You": "U",
     "You can't send messages in this channel": "Je kan geen berichten sturen in dit kanaal",
     "{{ firstUser }} and {{ nonSelfUserLength }} more are typing": "{{ firstUser }} en {{ nonSelfUserLength }} anderen zijn aan het typen",

package/lib/commonjs/i18n/ru.json

@@ -37,7 +37,7 @@
     "Ok": "Oк",
     "Only visible to you": "Видно только вам",
     "Photo": "Фото",
-    "Photos": "Фото",
+    "Photos and Videos": "Фото и видео",
     "Pin to Conversation": "Закрепить к беседе",
     "Please enable access to your photos and videos so you can share them.": "Разрешите доступ к своим фотографиям и видео, чтобы вы могли ими поделиться.",
     "Please select a channel first": "Пожалуйста, сначала выберите канал",
@@ -56,6 +56,7 @@
     "Unmute User": "Включить микрофон",
     "Unpin from Conversation": "Открепить от беседы",
     "Unread Messages": "Непрочитанные Сообщения",
+    "Video": "видео",
     "You": "Вы",
     "You can't send messages in this channel": "Вы не можете отправлять сообщения в этот канал",
     "{{ firstUser }} and {{ nonSelfUserLength }} more are typing": "{{ firstUser }} и еще {{ nonSelfUserLength }} пишут",

package/lib/commonjs/i18n/tr.json

@@ -37,7 +37,7 @@
     "Ok": "Tamam",
     "Only visible to you": "Sadece siz görebilirsiniz",
     "Photo": "Fotoğraf",
-    "Photos": "Fotoğraflar",
+    "Photos and Videos": "Fotoğraflar ve Videolar",
     "Pin to Conversation": "Konuşmaya sabitle",
     "Please enable access to your photos and videos so you can share them.": "Lütfen paylaşabilmek için fotoğraflarınıza ve videolarınıza erişimi etkinleştirin.",
     "Please select a channel first": "Lütfen önce bir kanal seçin",
@@ -56,6 +56,7 @@
     "Unmute User": "Kullanıcının sesini aç",
     "Unpin from Conversation": "Sabitlenmeyi kaldır",
     "Unread Messages": "Okunmamış Mesajlar",
+    "Video": "Video",
     "You": "Sen",
     "You can't send messages in this channel": "Bu konuşmaya mesaj gönderemezsiniz",
     "{{ firstUser }} and {{ nonSelfUserLength }} more are typing": "{{ firstUser }} ve {{ nonSelfUserLength }} kişi daha yazıyor",

package/lib/commonjs/version.json

@@ -1,3 +1,3 @@
 {
-  "version": "5.0.0-offline-support.5"
+  "version": "5.0.0-offline-support.8"
 }

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

@@ -17,8 +17,6 @@ var _reactNative = require("react-native");
 
 var _GallaryImage = require("./GallaryImage");
 
-var _useLoadingImage2 = require("./hooks/useLoadingImage");
-
 var _buildGallery = require("./utils/buildGallery/buildGallery");
 
 var _getGalleryImageBorderRadius = require("./utils/getGalleryImageBorderRadius");
@@ -35,6 +33,8 @@ var _OverlayContext = require("../../contexts/overlayContext/OverlayContext");
 
 var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
 
+var _useLoadingImage2 = require("../../hooks/useLoadingImage");
+
 var _native = require("../../native");
 
 var _utils = require("../../utils/utils");
@@ -73,6 +73,11 @@ var styles = _reactNative.StyleSheet.create({
     flex: 1,
     justifyContent: 'center'
   },
+  imageLoadingErrorIndicatorStyle: {
+    bottom: 4,
+    left: 4,
+    position: 'absolute'
+  },
   imageLoadingIndicatorStyle: {
     alignItems: 'center',
     justifyContent: 'center',
@@ -156,7 +161,7 @@ var GalleryWithContext = function GalleryWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 181,
+      lineNumber: 187,
       columnNumber: 5
     }
   }, thumbnailGrid.map(function (rows, colIndex) {
@@ -170,7 +175,7 @@ var GalleryWithContext = function GalleryWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 198,
+        lineNumber: 204,
         columnNumber: 11
       }
     }, rows.map(function (thumbnail, rowIndex) {
@@ -220,7 +225,7 @@ var GalleryWithContext = function GalleryWithContext(props) {
         __self: _this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 230,
+          lineNumber: 236,
           columnNumber: 17
         }
       });
@@ -251,12 +256,6 @@ var GalleryThumbnail = function GalleryThumbnail(_ref) {
       thumbnail = _ref.thumbnail,
       VideoThumbnail = _ref.VideoThumbnail;
 
-  var _useLoadingImage = (0, _useLoadingImage2.useLoadingImage)(),
-      isLoadingImage = _useLoadingImage.isLoadingImage,
-      isLoadingImageError = _useLoadingImage.isLoadingImageError,
-      setLoadingImage = _useLoadingImage.setLoadingImage,
-      setLoadingImageError = _useLoadingImage.setLoadingImageError;
-
   var _useTheme2 = (0, _ThemeContext.useTheme)(),
       _useTheme2$theme = _useTheme2.theme,
       overlay = _useTheme2$theme.colors.overlay,
@@ -330,7 +329,7 @@ var GalleryThumbnail = function GalleryThumbnail(_ref) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 357,
+      lineNumber: 360,
       columnNumber: 5
     }
   }), thumbnail.type === 'video' ? _react["default"].createElement(VideoThumbnail, {
@@ -342,7 +341,7 @@ var GalleryThumbnail = function GalleryThumbnail(_ref) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 399,
+      lineNumber: 402,
       columnNumber: 9
     }
   }) : _react["default"].createElement(_reactNative.View, {
@@ -350,10 +349,76 @@ var GalleryThumbnail = function GalleryThumbnail(_ref) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 411,
+      lineNumber: 414,
+      columnNumber: 9
+    }
+  }, _react["default"].createElement(GalleryImageThumbnail, {
+    borderRadius: borderRadius,
+    ImageLoadingFailedIndicator: ImageLoadingFailedIndicator,
+    ImageLoadingIndicator: ImageLoadingIndicator,
+    thumbnail: thumbnail,
+    __self: _this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 415,
+      columnNumber: 11
+    }
+  })), colIndex === numOfColumns - 1 && rowIndex === numOfRows - 1 && imagesAndVideos.length > 4 ? _react["default"].createElement(_reactNative.View, {
+    style: [_reactNative.StyleSheet.absoluteFillObject, styles.moreImagesContainer, {
+      backgroundColor: overlay
+    }, moreImagesContainer],
+    __self: _this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 424,
+      columnNumber: 9
+    }
+  }, _react["default"].createElement(_reactNative.Text, {
+    style: [styles.moreImagesText, moreImagesText],
+    __self: _this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 432,
+      columnNumber: 11
+    }
+  }, "+" + (imagesAndVideos.length - 4))) : null);
+};
+
+var GalleryImageThumbnail = function GalleryImageThumbnail(_ref2) {
+  var borderRadius = _ref2.borderRadius,
+      ImageLoadingFailedIndicator = _ref2.ImageLoadingFailedIndicator,
+      ImageLoadingIndicator = _ref2.ImageLoadingIndicator,
+      thumbnail = _ref2.thumbnail;
+
+  var _useLoadingImage = (0, _useLoadingImage2.useLoadingImage)(),
+      isLoadingImage = _useLoadingImage.isLoadingImage,
+      isLoadingImageError = _useLoadingImage.isLoadingImageError,
+      setLoadingImage = _useLoadingImage.setLoadingImage,
+      setLoadingImageError = _useLoadingImage.setLoadingImageError;
+
+  var _useTheme3 = (0, _ThemeContext.useTheme)(),
+      image = _useTheme3.theme.messageSimple.gallery.image;
+
+  return _react["default"].createElement(_reactNative.View, {
+    style: {
+      height: thumbnail.height - 1,
+      width: thumbnail.width - 1
+    },
+    __self: _this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 464,
+      columnNumber: 5
+    }
+  }, isLoadingImageError ? _react["default"].createElement(ImageLoadingFailedIndicator, {
+    style: [styles.imageLoadingErrorIndicatorStyle],
+    __self: _this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 471,
       columnNumber: 9
     }
-  }, _react["default"].createElement(MemoizedGalleryImage, {
+  }) : _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement(MemoizedGalleryImage, {
     onError: function onError(error) {
       console.warn(error);
       setLoadingImage(false);
@@ -374,7 +439,7 @@ var GalleryThumbnail = function GalleryThumbnail(_ref) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 412,
+      lineNumber: 474,
       columnNumber: 11
     }
   }), isLoadingImage && _react["default"].createElement(_reactNative.View, {
@@ -384,7 +449,7 @@ var GalleryThumbnail = function GalleryThumbnail(_ref) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 432,
+      lineNumber: 494,
       columnNumber: 13
     }
   }, _react["default"].createElement(ImageLoadingIndicator, {
@@ -392,46 +457,10 @@ var GalleryThumbnail = function GalleryThumbnail(_ref) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 433,
+      lineNumber: 495,
       columnNumber: 15
     }
-  })), isLoadingImageError && _react["default"].createElement(_reactNative.View, {
-    style: {
-      position: 'absolute'
-    },
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 437,
-      columnNumber: 13
-    }
-  }, _react["default"].createElement(ImageLoadingFailedIndicator, {
-    style: styles.imageLoadingIndicatorStyle,
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 438,
-      columnNumber: 15
-    }
-  }))), colIndex === numOfColumns - 1 && rowIndex === numOfRows - 1 && imagesAndVideos.length > 4 ? _react["default"].createElement(_reactNative.View, {
-    style: [_reactNative.StyleSheet.absoluteFillObject, styles.moreImagesContainer, {
-      backgroundColor: overlay
-    }, moreImagesContainer],
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 444,
-      columnNumber: 9
-    }
-  }, _react["default"].createElement(_reactNative.Text, {
-    style: [styles.moreImagesText, moreImagesText],
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 452,
-      columnNumber: 11
-    }
-  }, "+" + (imagesAndVideos.length - 4))) : null);
+  }))));
 };
 
 var areEqual = function areEqual(prevProps, nextProps) {
@@ -548,7 +577,7 @@ var Gallery = function Gallery(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 588,
+      lineNumber: 631,
       columnNumber: 5
     }
   });