stream-chat-react-native-core 5.0.0-offline-support.11 → 5.0.0-offline-support.15

package/lib/commonjs/components/{MessageInput/AudioAttachmentUploadPreview.js → Attachment/AudioAttachment.js}

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.AudioAttachmentUploadPreview = void 0;
+exports.AudioAttachment = void 0;
 
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 
@@ -30,7 +30,7 @@ var _native = require("../../native");
 var _ProgressControl = require("../ProgressControl/ProgressControl");
 
 var _this = this,
-    _jsxFileName = "/Users/vishalnarkhede/projects/stream-chat-react-native/package/src/components/MessageInput/AudioAttachmentUploadPreview.tsx";
+    _jsxFileName = "/Users/vishalnarkhede/projects/stream-chat-react-native/package/src/components/Attachment/AudioAttachment.tsx";
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -50,7 +50,8 @@ var styles = _reactNative.StyleSheet.create({
     paddingRight: 8
   },
   fileContentContainer: {
-    flexDirection: 'row'
+    flexDirection: 'row',
+    paddingRight: 40
   },
   filenameText: {
     fontSize: 14,
@@ -96,12 +97,10 @@ var styles = _reactNative.StyleSheet.create({
   }
 });
 
-var AudioAttachmentUploadPreviewWithContext = function AudioAttachmentUploadPreviewWithContext(props) {
+var AudioAttachmentWithContext = function AudioAttachmentWithContext(props) {
   var soundRef = _react["default"].useRef(null);
 
-  var fileUploads = props.fileUploads,
-      index = props.index,
-      item = props.item,
+  var item = props.item,
       onLoad = props.onLoad,
       onPlayPause = props.onPlayPause,
       onProgress = props.onProgress;
@@ -354,15 +353,13 @@ var AudioAttachmentUploadPreviewWithContext = function AudioAttachmentUploadPrev
       accent_blue = _useTheme$theme$color.accent_blue,
       black = _useTheme$theme$color.black,
       grey_dark = _useTheme$theme$color.grey_dark,
-      grey_whisper = _useTheme$theme$color.grey_whisper,
       static_black = _useTheme$theme$color.static_black,
       static_white = _useTheme$theme$color.static_white,
       _useTheme$theme$messa = _useTheme$theme.messageInput.fileUploadPreview,
-      _useTheme$theme$messa2 = _useTheme$theme$messa.audioAttachmentUploadPreview,
+      _useTheme$theme$messa2 = _useTheme$theme$messa.audioAttachment,
       progressControlView = _useTheme$theme$messa2.progressControlView,
       progressDurationText = _useTheme$theme$messa2.progressDurationText,
       roundedView = _useTheme$theme$messa2.roundedView,
-      fileContainer = _useTheme$theme$messa.fileContainer,
       fileContentContainer = _useTheme$theme$messa.fileContentContainer,
       filenameText = _useTheme$theme$messa.filenameText,
       fileTextContainer = _useTheme$theme$messa.fileTextContainer;
@@ -371,26 +368,12 @@ var AudioAttachmentUploadPreviewWithContext = function AudioAttachmentUploadPrev
   var progressDuration = progressValueInSeconds ? progressValueInSeconds / 3600 >= 1 ? _dayjs["default"].duration(progressValueInSeconds, 'second').format('HH:mm:ss') : _dayjs["default"].duration(progressValueInSeconds, 'second').format('mm:ss') : '00:00';
   var lastIndexOfDot = item.file.name.lastIndexOf('.');
   return _react["default"].createElement(_reactNative.View, {
-    style: [styles.fileContainer, index === fileUploads.length - 1 ? {
-      marginBottom: 0
-    } : {}, {
-      borderColor: grey_whisper,
-      width: -16
-    }, fileContainer],
-    testID: "audio-attachment-upload-preview",
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 239,
-      columnNumber: 5
-    }
-  }, _react["default"].createElement(_reactNative.View, {
     style: [styles.fileContentContainer, fileContentContainer],
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 255,
-      columnNumber: 7
+      lineNumber: 222,
+      columnNumber: 5
     }
   }, _react["default"].createElement(_reactNative.TouchableOpacity, {
     accessibilityLabel: "Play Pause Button",
@@ -404,8 +387,8 @@ var AudioAttachmentUploadPreviewWithContext = function AudioAttachmentUploadPrev
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 256,
-      columnNumber: 9
+      lineNumber: 223,
+      columnNumber: 7
     }
   }, item.paused ? _react["default"].createElement(_icons.Play, {
     height: 24,
@@ -414,8 +397,8 @@ var AudioAttachmentUploadPreviewWithContext = function AudioAttachmentUploadPrev
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 266,
-      columnNumber: 13
+      lineNumber: 233,
+      columnNumber: 11
     }
   }) : _react["default"].createElement(_icons.Pause, {
     height: 24,
@@ -424,16 +407,16 @@ var AudioAttachmentUploadPreviewWithContext = function AudioAttachmentUploadPrev
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 268,
-      columnNumber: 13
+      lineNumber: 235,
+      columnNumber: 11
     }
   })), _react["default"].createElement(_reactNative.View, {
     style: [styles.fileTextContainer, fileTextContainer],
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 271,
-      columnNumber: 9
+      lineNumber: 238,
+      columnNumber: 7
     }
   }, _react["default"].createElement(_reactNative.Text, {
     accessibilityLabel: "File Name",
@@ -449,8 +432,8 @@ var AudioAttachmentUploadPreviewWithContext = function AudioAttachmentUploadPrev
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 272,
-      columnNumber: 11
+      lineNumber: 239,
+      columnNumber: 9
     }
   }, item.file.name.slice(0, 12) + '...' + item.file.name.slice(lastIndexOfDot)), _react["default"].createElement(_reactNative.View, {
     style: {
@@ -461,8 +444,8 @@ var AudioAttachmentUploadPreviewWithContext = function AudioAttachmentUploadPrev
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 291,
-      columnNumber: 11
+      lineNumber: 258,
+      columnNumber: 9
     }
   }, _native.Sound.Player && _react["default"].createElement(_native.Sound.Player, {
     onEnd: handleEnd,
@@ -475,8 +458,8 @@ var AudioAttachmentUploadPreviewWithContext = function AudioAttachmentUploadPrev
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 300,
-      columnNumber: 15
+      lineNumber: 267,
+      columnNumber: 13
     }
   }), _react["default"].createElement(_reactNative.Text, {
     style: [styles.progressDurationText, {
@@ -485,16 +468,16 @@ var AudioAttachmentUploadPreviewWithContext = function AudioAttachmentUploadPrev
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 310,
-      columnNumber: 13
+      lineNumber: 277,
+      columnNumber: 11
     }
   }, progressDuration), _react["default"].createElement(_reactNative.View, {
     style: [styles.progressControlView, progressControlView],
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 313,
-      columnNumber: 13
+      lineNumber: 280,
+      columnNumber: 11
     }
   }, _react["default"].createElement(_ProgressControl.ProgressControl, {
     duration: item.duration,
@@ -503,36 +486,27 @@ var AudioAttachmentUploadPreviewWithContext = function AudioAttachmentUploadPrev
     onProgressDrag: handleProgressDrag,
     progress: item.progress,
     testID: "progress-control",
-    width: 110,
+    width: 120,
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 314,
-      columnNumber: 15
+      lineNumber: 281,
+      columnNumber: 13
     }
-  }))))));
+  })))));
 };
 
-var AudioAttachmentUploadPreview = function AudioAttachmentUploadPreview(props) {
-  var _useMessageInputConte = (0, _contexts.useMessageInputContext)(),
-      fileUploads = _useMessageInputConte.fileUploads,
-      removeFile = _useMessageInputConte.removeFile,
-      uploadFile = _useMessageInputConte.uploadFile;
-
-  return _react["default"].createElement(AudioAttachmentUploadPreviewWithContext, (0, _extends2["default"])({
-    fileUploads: fileUploads,
-    removeFile: removeFile,
-    uploadFile: uploadFile
-  }, props, {
+var AudioAttachment = function AudioAttachment(props) {
+  return _react["default"].createElement(AudioAttachmentWithContext, (0, _extends2["default"])({}, props, {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 354,
-      columnNumber: 5
+      lineNumber: 310,
+      columnNumber: 3
     }
   }));
 };
 
-exports.AudioAttachmentUploadPreview = AudioAttachmentUploadPreview;
-AudioAttachmentUploadPreview.displayName = 'AudioAttachmentUploadPreview{messageInput{autoAttachmentUploadPreview}}';
-//# sourceMappingURL=AudioAttachmentUploadPreview.js.map
+exports.AudioAttachment = AudioAttachment;
+AudioAttachment.displayName = 'AudioAttachment{messageInput{autoAttachment}}';
+//# sourceMappingURL=AudioAttachment.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["AudioAttachment.tsx"],"names":["dayjs","extend","duration","FILE_PREVIEW_HEIGHT","styles","StyleSheet","create","fileContainer","borderRadius","borderWidth","flexDirection","height","paddingLeft","paddingRight","fileContentContainer","filenameText","fontSize","fontWeight","fileTextContainer","justifyContent","flatList","marginBottom","maxHeight","overlay","marginLeft","marginRight","progressControlView","flex","progressDurationText","roundedView","alignItems","alignSelf","display","elevation","shadowOffset","width","shadowOpacity","shadowRadius","AudioAttachmentWithContext","props","soundRef","React","useRef","item","onLoad","onPlayPause","onProgress","handleLoad","payload","id","handleProgress","data","currentTime","seekableDuration","handlePlayPause","isPausedStatusAvailable","current","undefined","progress","seek","setPositionAsync","paused","playAsync","pauseAsync","handleProgressDrag","position","handleEnd","onPlaybackStatusUpdate","playbackStatus","isLoaded","error","console","log","durationMillis","positionMillis","isPlaying","isBuffering","didJustFinish","isLooping","Sound","Player","initiateSound","file","uri","initializeSound","stopAsync","unloadAsync","initalPlayPause","theme","colors","accent_blue","black","grey_dark","static_black","static_white","messageInput","fileUploadPreview","audioAttachment","progressValueInSeconds","progressDuration","format","lastIndexOfDot","name","lastIndexOf","backgroundColor","shadowColor","color","I18nManager","isRTL","writingDirection","slice","AudioAttachment","displayName"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AAEA;;AACA;;AACA;;AAOA;;;;;;;;;AAEAA,kBAAMC,MAAN,CAAaC,oBAAb;;AAEA,IAAMC,mBAAmB,GAAG,EAA5B;;AAEA,IAAMC,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,aAAa,EAAE;AACbC,IAAAA,YAAY,EAAE,EADD;AAEbC,IAAAA,WAAW,EAAE,CAFA;AAGbC,IAAAA,aAAa,EAAE,KAHF;AAIbC,IAAAA,MAAM,EAAER,mBAJK;AAKbS,IAAAA,WAAW,EAAE,CALA;AAMbC,IAAAA,YAAY,EAAE;AAND,GADgB;AAS/BC,EAAAA,oBAAoB,EAAE;AAAEJ,IAAAA,aAAa,EAAE,KAAjB;AAAwBG,IAAAA,YAAY,EAAE;AAAtC,GATS;AAU/BE,EAAAA,YAAY,EAAE;AACZC,IAAAA,QAAQ,EAAE,EADE;AAEZC,IAAAA,UAAU,EAAE,MAFA;AAGZL,IAAAA,WAAW,EAAE;AAHD,GAViB;AAe/BM,EAAAA,iBAAiB,EAAE;AACjBC,IAAAA,cAAc,EAAE;AADC,GAfY;AAkB/BC,EAAAA,QAAQ,EAAE;AAAEC,IAAAA,YAAY,EAAE,EAAhB;AAAoBC,IAAAA,SAAS,EAAEnB,mBAAmB,GAAG,GAAtB,GAA4B;AAA3D,GAlBqB;AAmB/BoB,EAAAA,OAAO,EAAE;AACPf,IAAAA,YAAY,EAAE,EADP;AAEPgB,IAAAA,UAAU,EAAE,CAFL;AAGPC,IAAAA,WAAW,EAAE;AAHN,GAnBsB;AAwB/BC,EAAAA,mBAAmB,EAAE;AACnBC,IAAAA,IAAI,EAAE;AADa,GAxBU;AA2B/BC,EAAAA,oBAAoB,EAAE;AACpBD,IAAAA,IAAI,EAAE,CADc;AAEpBX,IAAAA,QAAQ,EAAE,EAFU;AAGpBJ,IAAAA,WAAW,EAAE,EAHO;AAIpBC,IAAAA,YAAY,EAAE;AAJM,GA3BS;AAiC/BgB,EAAAA,WAAW,EAAE;AACXC,IAAAA,UAAU,EAAE,QADD;AAEXC,IAAAA,SAAS,EAAE,QAFA;AAGXvB,IAAAA,YAAY,EAAE,EAHH;AAIXwB,IAAAA,OAAO,EAAE,MAJE;AAKXC,IAAAA,SAAS,EAAE,CALA;AAMXtB,IAAAA,MAAM,EAAE,EANG;AAOXQ,IAAAA,cAAc,EAAE,QAPL;AAQXe,IAAAA,YAAY,EAAE;AACZvB,MAAAA,MAAM,EAAE,CADI;AAEZwB,MAAAA,KAAK,EAAE;AAFK,KARH;AAYXC,IAAAA,aAAa,EAAE,IAZJ;AAaXC,IAAAA,YAAY,EAAE,IAbH;AAcXF,IAAAA,KAAK,EAAE;AAdI;AAjCkB,CAAlB,CAAf;;AA2DA,IAAMG,0BAA0B,GAAG,SAA7BA,0BAA6B,CAACC,KAAD,EAA4C;AAC7E,MAAMC,QAAQ,GAAGC,kBAAMC,MAAN,CAAqC,IAArC,CAAjB;;AACA,MAAQC,IAAR,GAAkDJ,KAAlD,CAAQI,IAAR;AAAA,MAAcC,MAAd,GAAkDL,KAAlD,CAAcK,MAAd;AAAA,MAAsBC,WAAtB,GAAkDN,KAAlD,CAAsBM,WAAtB;AAAA,MAAmCC,UAAnC,GAAkDP,KAAlD,CAAmCO,UAAnC;;AAEA,MAAMC,UAAU,GAAG,SAAbA,UAAa,CAACC,OAAD,EAA+B;AAChDJ,IAAAA,MAAM,CAACD,IAAI,CAACM,EAAN,EAAUD,OAAO,CAAC9C,QAAlB,CAAN;AACD,GAFD;;AAIA,MAAMgD,cAAc,GAAG,SAAjBA,cAAiB,CAACC,IAAD,EAA6B;AAClD,QAAIA,IAAI,CAACC,WAAL,IAAoBD,IAAI,CAACE,gBAA7B,EAA+C;AAC7CP,MAAAA,UAAU,CAACH,IAAI,CAACM,EAAN,EAAUE,IAAI,CAACC,WAAf,CAAV;AACD;AACF,GAJD;;AAMA,MAAME,eAAe;AAAA,+EAAG,iBAAOC,uBAAP;AAAA;AAAA;AAAA;AAAA;AAAA,mBAClBf,QAAQ,CAACgB,OADS;AAAA;AAAA;AAAA;;AAAA,oBAEhBD,uBAAuB,KAAKE,SAFZ;AAAA;AAAA;AAAA;;AAGlB,kBAAId,IAAI,CAACe,QAAL,KAAkB,CAAtB,EAAyB;AAEvB,oBAAIlB,QAAQ,CAACgB,OAAT,CAAiBG,IAArB,EAA2BnB,QAAQ,CAACgB,OAAT,CAAiBG,IAAjB,CAAsB,CAAtB;AAE3B,oBAAInB,QAAQ,CAACgB,OAAT,CAAiBI,gBAArB,EAAuCpB,QAAQ,CAACgB,OAAT,CAAiBI,gBAAjB,CAAkC,CAAlC;AACxC;;AARiB,mBASdjB,IAAI,CAACkB,MATS;AAAA;AAAA;AAAA;;AAAA,mBAUZrB,QAAQ,CAACgB,OAAT,CAAiBM,SAVL;AAAA;AAAA;AAAA;;AAAA;AAAA,qBAUsBtB,QAAQ,CAACgB,OAAT,CAAiBM,SAAjB,EAVtB;;AAAA;AAWhBjB,cAAAA,WAAW,CAACF,IAAI,CAACM,EAAN,EAAU,KAAV,CAAX;AAXgB;AAAA;;AAAA;AAAA,mBAaZT,QAAQ,CAACgB,OAAT,CAAiBO,UAbL;AAAA;AAAA;AAAA;;AAAA;AAAA,qBAauBvB,QAAQ,CAACgB,OAAT,CAAiBO,UAAjB,EAbvB;;AAAA;AAchBlB,cAAAA,WAAW,CAACF,IAAI,CAACM,EAAN,EAAU,IAAV,CAAX;;AAdgB;AAAA;AAAA;;AAAA;AAiBlBJ,cAAAA,WAAW,CAACF,IAAI,CAACM,EAAN,EAAUM,uBAAV,CAAX;;AAjBkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAAH;;AAAA,oBAAfD,eAAe;AAAA;AAAA;AAAA,KAArB;;AAsBA,MAAMU,kBAAkB;AAAA,gFAAG,kBAAOC,QAAP;AAAA;;AAAA;AAAA;AAAA;AAAA;AACzBnB,cAAAA,UAAU,CAACH,IAAI,CAACM,EAAN,EAAUgB,QAAV,CAAV;AACA,uCAAIzB,QAAQ,CAACgB,OAAb,aAAI,kBAAkBG,IAAtB,EAA4BnB,QAAQ,CAACgB,OAAT,CAAiBG,IAAjB,CAAsBM,QAAtB;;AAFH,0CAGrBzB,QAAQ,CAACgB,OAHY,aAGrB,mBAAkBI,gBAHG;AAAA;AAAA;AAAA;;AAAA;AAAA,qBAIjBpB,QAAQ,CAACgB,OAAT,CAAiBI,gBAAjB,CAAkCK,QAAQ,GAAG,IAA7C,CAJiB;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAAH;;AAAA,oBAAlBD,kBAAkB;AAAA;AAAA;AAAA,KAAxB;;AAQA,MAAME,SAAS,GAAG,SAAZA,SAAY,GAAM;AACtBrB,IAAAA,WAAW,CAACF,IAAI,CAACM,EAAN,EAAU,IAAV,CAAX;AACAH,IAAAA,UAAU,CAACH,IAAI,CAACM,EAAN,EAAUN,IAAI,CAACzC,QAAf,EAAyB,IAAzB,CAAV;AACD,GAHD;;AAKA,MAAMiE,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACC,cAAD,EAAoC;AACjE,QAAI,CAACA,cAAc,CAACC,QAApB,EAA8B;AAE5B,UAAID,cAAc,CAACE,KAAnB,EAA0B;AACxBC,QAAAA,OAAO,CAACC,GAAR,iDAA0DJ,cAAc,CAACE,KAAzE;AACD;AACF,KALD,MAKO;AACL,UAAQG,cAAR,GAA2CL,cAA3C,CAAQK,cAAR;AAAA,UAAwBC,cAAxB,GAA2CN,cAA3C,CAAwBM,cAAxB;AACA9B,MAAAA,MAAM,CAACD,IAAI,CAACM,EAAN,EAAUwB,cAAc,GAAG,IAA3B,CAAN;;AAEA,UAAIL,cAAc,CAACO,SAAnB,EAA8B;AAE5B7B,QAAAA,UAAU,CAACH,IAAI,CAACM,EAAN,EAAUyB,cAAc,GAAG,IAA3B,CAAV;AACD,OAHD,MAGO,CAEN;;AAED,UAAIN,cAAc,CAACQ,WAAnB,EAAgC,CAE/B;;AAED,UAAIR,cAAc,CAACS,aAAf,IAAgC,CAACT,cAAc,CAACU,SAApD,EAA+D;AAG7DZ,QAAAA,SAAS;AACV;AACF;AACF,GA3BD;;AA6BA,wBAAU,YAAM;AACd,QAAIa,cAAMC,MAAN,KAAiB,IAArB,EAA2B;AACzB,UAAMC,aAAa;AAAA,oFAAG;AAAA;AAAA;AAAA;AAAA;AAAA,wBAChBtC,IAAI,IAAIA,IAAI,CAACuC,IAAb,IAAqBvC,IAAI,CAACuC,IAAL,CAAUC,GADf;AAAA;AAAA;AAAA;;AAAA;AAAA,yBAEOJ,cAAMK,eAAN,CACvB;AAAED,oBAAAA,GAAG,EAAExC,IAAI,CAACuC,IAAL,CAAUC;AAAjB,mBADuB,EAEvB,EAFuB,EAGvBhB,sBAHuB,CAFP;;AAAA;AAElB3B,kBAAAA,QAAQ,CAACgB,OAFS;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAAH;;AAAA,wBAAbyB,aAAa;AAAA;AAAA;AAAA,SAAnB;;AASAA,MAAAA,aAAa;AACd;;AAED,WAAO,YAAM;AAAA;;AACX,UAAI,sBAAAzC,QAAQ,CAACgB,OAAT,gCAAkB6B,SAAlB,IAA+B7C,QAAQ,CAACgB,OAAT,CAAiB8B,WAApD,EAAiE;AAC/D9C,QAAAA,QAAQ,CAACgB,OAAT,CAAiB6B,SAAjB;AACA7C,QAAAA,QAAQ,CAACgB,OAAT,CAAiB8B,WAAjB;AACD;AACF,KALD;AAMD,GApBD,EAoBG,EApBH;AAuBA,wBAAU,YAAM;AACd,QAAMC,eAAe;AAAA,kFAAG;AAAA;AAAA;AAAA;AAAA;AAAA,qBAClB/C,QAAQ,CAACgB,OADS;AAAA;AAAA;AAAA;;AAAA,qBAEhBb,IAAI,CAACkB,MAFW;AAAA;AAAA;AAAA;;AAAA,qBAGdrB,QAAQ,CAACgB,OAAT,CAAiBO,UAHH;AAAA;AAAA;AAAA;;AAAA;AAAA,uBAGqBvB,QAAQ,CAACgB,OAAT,CAAiBO,UAAjB,EAHrB;;AAAA;AAAA;AAAA;;AAAA;AAAA,qBAKdvB,QAAQ,CAACgB,OAAT,CAAiBM,SALH;AAAA;AAAA;AAAA;;AAAA;AAAA,uBAKoBtB,QAAQ,CAACgB,OAAT,CAAiBM,SAAjB,EALpB;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAH;;AAAA,sBAAfyB,eAAe;AAAA;AAAA;AAAA,OAArB;;AASA,QAAI,CAACR,cAAMC,MAAX,EAAmB;AACjBO,MAAAA,eAAe;AAChB;AACF,GAbD,EAaG,CAAC5C,IAAI,CAACkB,MAAN,CAbH;;AAeA,kBAYI,yBAZJ;AAAA,kCACE2B,KADF;AAAA,8CAEIC,MAFJ;AAAA,MAEcC,WAFd,yBAEcA,WAFd;AAAA,MAE2BC,KAF3B,yBAE2BA,KAF3B;AAAA,MAEkCC,SAFlC,yBAEkCA,SAFlC;AAAA,MAE6CC,YAF7C,yBAE6CA,YAF7C;AAAA,MAE2DC,YAF3D,yBAE2DA,YAF3D;AAAA,8CAGIC,YAHJ,CAIMC,iBAJN;AAAA,qDAKQC,eALR;AAAA,MAK2BvE,mBAL3B,0BAK2BA,mBAL3B;AAAA,MAKgDE,oBALhD,0BAKgDA,oBALhD;AAAA,MAKsEC,WALtE,0BAKsEA,WALtE;AAAA,MAMQf,oBANR,yBAMQA,oBANR;AAAA,MAOQC,YAPR,yBAOQA,YAPR;AAAA,MAQQG,iBARR,yBAQQA,iBARR;;AAcA,MAAMgF,sBAAsB,GAAIvD,IAAI,CAACzC,QAAN,GAA6ByC,IAAI,CAACe,QAAjE;AAEA,MAAMyC,gBAAgB,GAAGD,sBAAsB,GAC3CA,sBAAsB,GAAG,IAAzB,IAAiC,CAAjC,GACElG,kBAAME,QAAN,CAAegG,sBAAf,EAAuC,QAAvC,EAAiDE,MAAjD,CAAwD,UAAxD,CADF,GAEEpG,kBAAME,QAAN,CAAegG,sBAAf,EAAuC,QAAvC,EAAiDE,MAAjD,CAAwD,OAAxD,CAHyC,GAI3C,OAJJ;AAMA,MAAMC,cAAc,GAAG1D,IAAI,CAACuC,IAAL,CAAUoB,IAAV,CAAeC,WAAf,CAA2B,GAA3B,CAAvB;AAEA,SACE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAACnG,MAAM,CAACU,oBAAR,EAA8BA,oBAA9B,CAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,gCAAC,6BAAD;AACE,IAAA,kBAAkB,EAAC,mBADrB;AAEE,IAAA,OAAO,EAAE;AAAA,aAAMwC,eAAe,EAArB;AAAA,KAFX;AAGE,IAAA,KAAK,EAAE,CACLlD,MAAM,CAACyB,WADF,EAELA,WAFK,EAGL;AAAE2E,MAAAA,eAAe,EAAEV,YAAnB;AAAiCW,MAAAA,WAAW,EAAEd;AAA9C,KAHK,CAHT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KASGhD,IAAI,CAACkB,MAAL,GACC,gCAAC,WAAD;AAAM,IAAA,MAAM,EAAE,EAAd;AAAkB,IAAA,QAAQ,EAAEgC,YAA5B;AAA0C,IAAA,KAAK,EAAE,EAAjD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADD,GAGC,gCAAC,YAAD;AAAO,IAAA,MAAM,EAAE,EAAf;AAAmB,IAAA,QAAQ,EAAEA,YAA7B;AAA2C,IAAA,KAAK,EAAE,EAAlD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAZJ,CADF,EAgBE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAACzF,MAAM,CAACc,iBAAR,EAA2BA,iBAA3B,CAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,gCAAC,iBAAD;AACE,IAAA,kBAAkB,EAAC,WADrB;AAEE,IAAA,aAAa,EAAE,CAFjB;AAGE,IAAA,KAAK,EAAE,CACLd,MAAM,CAACW,YADF,EAEL;AACE2F,MAAAA,KAAK,EAAEf,KADT;AAEExD,MAAAA,KAAK,EACH,KACA,EADA,GAEA,EAFA,GAGA;AANJ,KAFK,EAULwE,yBAAYC,KAAZ,GAAoB;AAAEC,MAAAA,gBAAgB,EAAE;AAApB,KAApB,GAAkD;AAAEA,MAAAA,gBAAgB,EAAE;AAApB,KAV7C,EAWL9F,YAXK,CAHT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAiBG4B,IAAI,CAACuC,IAAL,CAAUoB,IAAV,CAAeQ,KAAf,CAAqB,CAArB,EAAwB,EAAxB,IAA8B,KAA9B,GAAsCnE,IAAI,CAACuC,IAAL,CAAUoB,IAAV,CAAeQ,KAAf,CAAqBT,cAArB,CAjBzC,CADF,EAoBE,gCAAC,iBAAD;AACE,IAAA,KAAK,EAAE;AACLvE,MAAAA,UAAU,EAAE,QADP;AAELE,MAAAA,OAAO,EAAE,MAFJ;AAGLtB,MAAAA,aAAa,EAAE;AAHV,KADT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAQGqE,cAAMC,MAAN,IACC,gCAAC,aAAD,CAAO,MAAP;AACE,IAAA,KAAK,EAAEd,SADT;AAEE,IAAA,MAAM,EAAEnB,UAFV;AAGE,IAAA,UAAU,EAAEG,cAHd;AAIE,IAAA,MAAM,EAAEP,IAAI,CAACkB,MAJf;AAKE,IAAA,QAAQ,EAAErB,QALZ;AAME,IAAA,MAAM,EAAC,cANT;AAOE,IAAA,GAAG,EAAEG,IAAI,CAACuC,IAAL,CAAUC,GAPjB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IATJ,EAmBE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAAC/E,MAAM,CAACwB,oBAAR,EAA8B;AAAE8E,MAAAA,KAAK,EAAEd;AAAT,KAA9B,EAAoDhE,oBAApD,CAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGuE,gBADH,CAnBF,EAsBE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAAC/F,MAAM,CAACsB,mBAAR,EAA6BA,mBAA7B,CAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,gCAAC,gCAAD;AACE,IAAA,QAAQ,EAAEiB,IAAI,CAACzC,QADjB;AAEE,IAAA,WAAW,EAAEwF,WAFf;AAGE,IAAA,WAAW,EAAEpC,eAHf;AAIE,IAAA,cAAc,EAAEU,kBAJlB;AAKE,IAAA,QAAQ,EAAErB,IAAI,CAACe,QALjB;AAME,IAAA,MAAM,EAAC,kBANT;AAOE,IAAA,KAAK,EAAE,GAPT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADF,CAtBF,CApBF,CAhBF,CADF;AA0ED,CAtND;;AAoOO,IAAMqD,eAAe,GAAG,SAAlBA,eAAkB,CAACxE,KAAD;AAAA,SAC7B,gCAAC,0BAAD,gCAAgCA,KAAhC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAD6B;AAAA,CAAxB;;;AAIPwE,eAAe,CAACC,WAAhB,GAA8B,+CAA9B","sourcesContent":["import React, { useEffect } from 'react';\nimport { I18nManager, StyleSheet, Text, TouchableOpacity, View } from 'react-native';\n\nimport dayjs from 'dayjs';\nimport duration from 'dayjs/plugin/duration';\n\nimport { FileUpload, useTheme } from '../../contexts';\nimport { Pause, Play } from '../../icons';\nimport {\n  PlaybackStatus,\n  Sound,\n  SoundReturnType,\n  VideoPayloadData,\n  VideoProgressData,\n} from '../../native';\nimport { ProgressControl } from '../ProgressControl/ProgressControl';\n\ndayjs.extend(duration);\n\nconst FILE_PREVIEW_HEIGHT = 70;\n\nconst styles = StyleSheet.create({\n  fileContainer: {\n    borderRadius: 12,\n    borderWidth: 1,\n    flexDirection: 'row',\n    height: FILE_PREVIEW_HEIGHT,\n    paddingLeft: 8,\n    paddingRight: 8,\n  },\n  fileContentContainer: { flexDirection: 'row', paddingRight: 40 },\n  filenameText: {\n    fontSize: 14,\n    fontWeight: 'bold',\n    paddingLeft: 10,\n  },\n  fileTextContainer: {\n    justifyContent: 'space-around',\n  },\n  flatList: { marginBottom: 12, maxHeight: FILE_PREVIEW_HEIGHT * 2.5 + 16 },\n  overlay: {\n    borderRadius: 12,\n    marginLeft: 8,\n    marginRight: 8,\n  },\n  progressControlView: {\n    flex: 8,\n  },\n  progressDurationText: {\n    flex: 4,\n    fontSize: 12,\n    paddingLeft: 10,\n    paddingRight: 8,\n  },\n  roundedView: {\n    alignItems: 'center',\n    alignSelf: 'center',\n    borderRadius: 50,\n    display: 'flex',\n    elevation: 4,\n    height: 36,\n    justifyContent: 'center',\n    shadowOffset: {\n      height: 2,\n      width: 0,\n    },\n    shadowOpacity: 0.23,\n    shadowRadius: 2.62,\n    width: 36,\n  },\n});\n\nexport type AudioAttachmentPropsWithContext = {\n  item: Omit<FileUpload, 'state'>;\n  onLoad: (index: string, duration: number) => void;\n  onPlayPause: (index: string, pausedStatus?: boolean) => void;\n  onProgress: (index: string, currentTime?: number, hasEnd?: boolean) => void;\n  testID?: string;\n};\n\nconst AudioAttachmentWithContext = (props: AudioAttachmentPropsWithContext) => {\n  const soundRef = React.useRef<SoundReturnType | null>(null);\n  const { item, onLoad, onPlayPause, onProgress } = props;\n\n  const handleLoad = (payload: VideoPayloadData) => {\n    onLoad(item.id, payload.duration);\n  };\n\n  const handleProgress = (data: VideoProgressData) => {\n    if (data.currentTime && data.seekableDuration) {\n      onProgress(item.id, data.currentTime);\n    }\n  };\n\n  const handlePlayPause = async (isPausedStatusAvailable?: boolean) => {\n    if (soundRef.current) {\n      if (isPausedStatusAvailable === undefined) {\n        if (item.progress === 1) {\n          // For native CLI\n          if (soundRef.current.seek) soundRef.current.seek(0);\n          // For expo CLI\n          if (soundRef.current.setPositionAsync) soundRef.current.setPositionAsync(0);\n        }\n        if (item.paused) {\n          if (soundRef.current.playAsync) await soundRef.current.playAsync();\n          onPlayPause(item.id, false);\n        } else {\n          if (soundRef.current.pauseAsync) await soundRef.current.pauseAsync();\n          onPlayPause(item.id, true);\n        }\n      } else {\n        onPlayPause(item.id, isPausedStatusAvailable);\n      }\n    }\n  };\n\n  const handleProgressDrag = async (position: number) => {\n    onProgress(item.id, position);\n    if (soundRef.current?.seek) soundRef.current.seek(position);\n    if (soundRef.current?.setPositionAsync) {\n      await soundRef.current.setPositionAsync(position * 1000);\n    }\n  };\n\n  const handleEnd = () => {\n    onPlayPause(item.id, true);\n    onProgress(item.id, item.duration, true);\n  };\n\n  const onPlaybackStatusUpdate = (playbackStatus: PlaybackStatus) => {\n    if (!playbackStatus.isLoaded) {\n      // Update your UI for the unloaded state\n      if (playbackStatus.error) {\n        console.log(`Encountered a fatal error during playback: ${playbackStatus.error}`);\n      }\n    } else {\n      const { durationMillis, positionMillis } = playbackStatus;\n      onLoad(item.id, durationMillis / 1000);\n      // Update your UI for the loaded state\n      if (playbackStatus.isPlaying) {\n        // Update your UI for the playing state\n        onProgress(item.id, positionMillis / 1000);\n      } else {\n        // Update your UI for the paused state\n      }\n\n      if (playbackStatus.isBuffering) {\n        // Update your UI for the buffering state\n      }\n\n      if (playbackStatus.didJustFinish && !playbackStatus.isLooping) {\n        // The player has just finished playing and will stop. Maybe you want to play something else?\n        // status: opposite of pause,says i am playing\n        handleEnd();\n      }\n    }\n  };\n\n  useEffect(() => {\n    if (Sound.Player === null) {\n      const initiateSound = async () => {\n        if (item && item.file && item.file.uri) {\n          soundRef.current = await Sound.initializeSound(\n            { uri: item.file.uri },\n            {},\n            onPlaybackStatusUpdate,\n          );\n        }\n      };\n      initiateSound();\n    }\n\n    return () => {\n      if (soundRef.current?.stopAsync && soundRef.current.unloadAsync) {\n        soundRef.current.stopAsync();\n        soundRef.current.unloadAsync();\n      }\n    };\n  }, []);\n\n  // This is needed for expo applications where the rerender doesn't occur on time thefore you need to update the state of the sound.\n  useEffect(() => {\n    const initalPlayPause = async () => {\n      if (soundRef.current) {\n        if (item.paused) {\n          if (soundRef.current.pauseAsync) await soundRef.current.pauseAsync();\n        } else {\n          if (soundRef.current.playAsync) await soundRef.current.playAsync();\n        }\n      }\n    };\n    if (!Sound.Player) {\n      initalPlayPause();\n    }\n  }, [item.paused]);\n\n  const {\n    theme: {\n      colors: { accent_blue, black, grey_dark, static_black, static_white },\n      messageInput: {\n        fileUploadPreview: {\n          audioAttachment: { progressControlView, progressDurationText, roundedView },\n          fileContentContainer,\n          filenameText,\n          fileTextContainer,\n        },\n      },\n    },\n  } = useTheme();\n\n  const progressValueInSeconds = (item.duration as number) * (item.progress as number);\n\n  const progressDuration = progressValueInSeconds\n    ? progressValueInSeconds / 3600 >= 1\n      ? dayjs.duration(progressValueInSeconds, 'second').format('HH:mm:ss')\n      : dayjs.duration(progressValueInSeconds, 'second').format('mm:ss')\n    : '00:00';\n\n  const lastIndexOfDot = item.file.name.lastIndexOf('.');\n\n  return (\n    <View style={[styles.fileContentContainer, fileContentContainer]}>\n      <TouchableOpacity\n        accessibilityLabel='Play Pause Button'\n        onPress={() => handlePlayPause()}\n        style={[\n          styles.roundedView,\n          roundedView,\n          { backgroundColor: static_white, shadowColor: black },\n        ]}\n      >\n        {item.paused ? (\n          <Play height={24} pathFill={static_black} width={24} />\n        ) : (\n          <Pause height={24} pathFill={static_black} width={24} />\n        )}\n      </TouchableOpacity>\n      <View style={[styles.fileTextContainer, fileTextContainer]}>\n        <Text\n          accessibilityLabel='File Name'\n          numberOfLines={1}\n          style={[\n            styles.filenameText,\n            {\n              color: black,\n              width:\n                16 - // 16 = horizontal padding\n                40 - // 40 = file icon size\n                24 - // 24 = close icon size\n                24, // 24 = internal padding\n            },\n            I18nManager.isRTL ? { writingDirection: 'rtl' } : { writingDirection: 'ltr' },\n            filenameText,\n          ]}\n        >\n          {item.file.name.slice(0, 12) + '...' + item.file.name.slice(lastIndexOfDot)}\n        </Text>\n        <View\n          style={{\n            alignItems: 'center',\n            display: 'flex',\n            flexDirection: 'row',\n          }}\n        >\n          {/* <ExpoSoundPlayer filePaused={!!item.paused} soundRef={soundRef} /> */}\n          {Sound.Player && (\n            <Sound.Player\n              onEnd={handleEnd}\n              onLoad={handleLoad}\n              onProgress={handleProgress}\n              paused={item.paused as boolean}\n              soundRef={soundRef}\n              testID='sound-player'\n              uri={item.file.uri}\n            />\n          )}\n          <Text style={[styles.progressDurationText, { color: grey_dark }, progressDurationText]}>\n            {progressDuration}\n          </Text>\n          <View style={[styles.progressControlView, progressControlView]}>\n            <ProgressControl\n              duration={item.duration as number}\n              filledColor={accent_blue}\n              onPlayPause={handlePlayPause}\n              onProgressDrag={handleProgressDrag}\n              progress={item.progress as number}\n              testID='progress-control'\n              width={120}\n            />\n          </View>\n        </View>\n      </View>\n    </View>\n  );\n};\n\nexport type AudioAttachmentProps = Partial<AudioAttachmentPropsWithContext> & {\n  item: Omit<FileUpload, 'state'>;\n  onLoad: (index: string, duration: number) => void;\n  onPlayPause: (index: string, pausedStatus?: boolean) => void;\n  onProgress: (index: string, currentTime?: number, hasEnd?: boolean) => void;\n  testID: string;\n};\n\n/**\n * AudioAttachment\n * UI Component to preview the audio files\n */\nexport const AudioAttachment = (props: AudioAttachmentProps) => (\n  <AudioAttachmentWithContext {...props} />\n);\n\nAudioAttachment.displayName = 'AudioAttachment{messageInput{autoAttachment}}';\n"]}

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

@@ -345,6 +345,7 @@ var Card = function Card(props) {
       CardHeader = _useMessagesContext.CardHeader;
 
   return _react["default"].createElement(MemoizedCard, (0, _extends2["default"])({
+    key: "" + (message == null ? void 0 : message.id) + (message == null ? void 0 : message.updated_at),
     additionalTouchableProps: additionalTouchableProps,
     CardCover: CardCover,
     CardFooter: CardFooter,

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

@@ -1 +1 @@
-{"version":3,"sources":["Card.tsx"],"names":["styles","StyleSheet","create","authorName","fontSize","fontWeight","authorNameContainer","borderTopRightRadius","paddingHorizontal","paddingTop","authorNameFooter","padding","authorNameMask","bottom","left","position","cardCover","alignItems","borderRadius","height","justifyContent","marginHorizontal","cardFooter","flexDirection","container","overflow","width","description","playButtonStyle","elevation","title","CardWithContext","props","additionalTouchableProps","author_name","CardCover","CardFooter","CardHeader","image_url","og_scrape_url","onLongPress","onPress","onPressIn","preventPress","stylesProp","text","thumb_url","type","theme","colors","accent_blue","black","blue_alice","transparent","white","messageSimple","card","authorNameFooterContainer","cover","footer","titleStyle","footerStyle","noURI","roundedView","playIcon","uri","defaultOnPress","isVideoCard","event","additionalInfo","url","emitter","defaultHandler","backgroundColor","color","borderLeftColor","MemoizedCard","React","memo","Card","message","channelId","cid","messageId","id","displayName"],"mappings":"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","sourcesContent":["import React from 'react';\nimport {\n  ImageBackground,\n  ImageStyle,\n  StyleProp,\n  StyleSheet,\n  Text,\n  TextStyle,\n  TouchableOpacity,\n  View,\n  ViewStyle,\n} from 'react-native';\n\nimport type { Attachment } from 'stream-chat';\n\nimport { openUrlSafely } from './utils/openUrlSafely';\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 { Play } from '../../icons/Play';\nimport type { DefaultStreamChatGenerics } from '../../types/types';\nimport { makeImageCompatibleUrl } from '../../utils/utils';\n\nconst styles = StyleSheet.create({\n  authorName: { fontSize: 14.5, fontWeight: '600' },\n  authorNameContainer: {\n    borderTopRightRadius: 15,\n    paddingHorizontal: 8,\n    paddingTop: 8,\n  },\n  authorNameFooter: {\n    fontSize: 14.5,\n    fontWeight: '600',\n    padding: 8,\n  },\n  authorNameMask: {\n    bottom: 0,\n    left: 2,\n    position: 'absolute',\n  },\n  cardCover: {\n    alignItems: 'center',\n    borderRadius: 8,\n    height: 140,\n    justifyContent: 'center',\n    marginHorizontal: 2,\n  },\n  cardFooter: {\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    padding: 10,\n  },\n  container: {\n    overflow: 'hidden',\n    width: 256,\n  },\n  description: {\n    fontSize: 12,\n    marginHorizontal: 8,\n  },\n  playButtonStyle: {\n    alignItems: 'center',\n    borderRadius: 50,\n    elevation: 2,\n    height: 36,\n    justifyContent: 'center',\n    width: 36,\n  },\n  title: {\n    fontSize: 12,\n    marginHorizontal: 8,\n  },\n});\n\nexport type CardPropsWithContext<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Attachment<StreamChatGenerics> &\n  Pick<\n    MessageContextValue<StreamChatGenerics>,\n    'onLongPress' | 'onPress' | 'onPressIn' | 'preventPress'\n  > &\n  Pick<\n    MessagesContextValue<StreamChatGenerics>,\n    'additionalTouchableProps' | 'CardCover' | 'CardFooter' | 'CardHeader'\n  > & {\n    channelId: string | undefined;\n    messageId: string | undefined;\n    styles?: Partial<{\n      authorName: StyleProp<TextStyle>;\n      authorNameContainer: StyleProp<ViewStyle>;\n      authorNameFooter: StyleProp<TextStyle>;\n      authorNameFooterContainer: StyleProp<ViewStyle>;\n      authorNameMask: StyleProp<ViewStyle>;\n      cardCover: StyleProp<ImageStyle>;\n      cardFooter: StyleProp<ViewStyle>;\n      container: StyleProp<ViewStyle>;\n      description: StyleProp<TextStyle>;\n      title: StyleProp<TextStyle>;\n    }>;\n  };\n\nconst CardWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: CardPropsWithContext<StreamChatGenerics>,\n) => {\n  const {\n    additionalTouchableProps,\n    author_name,\n    CardCover,\n    CardFooter,\n    CardHeader,\n    image_url,\n    og_scrape_url,\n    onLongPress,\n    onPress,\n    onPressIn,\n    preventPress,\n    styles: stylesProp = {},\n    text,\n    thumb_url,\n    title,\n    type,\n  } = props;\n\n  const {\n    theme: {\n      colors: { accent_blue, black, blue_alice, transparent, white },\n      messageSimple: {\n        card: {\n          authorName,\n          authorNameContainer,\n          authorNameFooter,\n          authorNameFooterContainer,\n          authorNameMask,\n          container,\n          cover,\n          footer: { description, title: titleStyle, ...footerStyle },\n          noURI,\n          playButtonStyle: { roundedView },\n          playIcon: { height, width },\n        },\n      },\n    },\n  } = useTheme();\n\n  const uri = image_url || thumb_url;\n\n  const defaultOnPress = () => openUrlSafely(og_scrape_url || uri);\n\n  const isVideoCard = type === 'video' && og_scrape_url;\n\n  return (\n    <TouchableOpacity\n      disabled={preventPress}\n      onLongPress={(event) => {\n        if (onLongPress) {\n          onLongPress({\n            additionalInfo: { url: og_scrape_url },\n            emitter: 'card',\n            event,\n          });\n        }\n      }}\n      onPress={(event) => {\n        if (onPress) {\n          onPress({\n            additionalInfo: { url: og_scrape_url },\n            defaultHandler: defaultOnPress,\n            emitter: 'card',\n            event,\n          });\n        }\n      }}\n      onPressIn={(event) => {\n        if (onPressIn) {\n          onPressIn({\n            additionalInfo: { url: og_scrape_url },\n            defaultHandler: defaultOnPress,\n            emitter: 'card',\n            event,\n          });\n        }\n      }}\n      style={[styles.container, container, stylesProp.container]}\n      testID='card-attachment'\n      {...additionalTouchableProps}\n    >\n      {CardHeader && <CardHeader {...props} />}\n      {CardCover && <CardCover {...props} />}\n      {uri && !CardCover && (\n        <View>\n          <ImageBackground\n            imageStyle={styles.cardCover}\n            resizeMode='cover'\n            source={{ uri: makeImageCompatibleUrl(uri) }}\n            style={[styles.cardCover, cover, stylesProp.cardCover]}\n          >\n            {isVideoCard ? (\n              <View style={[styles.playButtonStyle, roundedView, { backgroundColor: white }]}>\n                <Play height={height} pathFill={black} width={width} />\n              </View>\n            ) : null}\n          </ImageBackground>\n          {author_name && (\n            <View style={[styles.authorNameMask, authorNameMask, stylesProp.authorNameMask]}>\n              <View\n                style={[\n                  styles.authorNameContainer,\n                  { backgroundColor: blue_alice },\n                  authorNameContainer,\n                  stylesProp.authorNameContainer,\n                ]}\n              >\n                <Text\n                  style={[\n                    styles.authorName,\n                    { color: accent_blue },\n                    authorName,\n                    stylesProp.authorName,\n                  ]}\n                >\n                  {author_name}\n                </Text>\n              </View>\n            </View>\n          )}\n        </View>\n      )}\n      {CardFooter ? (\n        <CardFooter {...props} />\n      ) : (\n        <View style={[styles.cardFooter, footerStyle, stylesProp.cardFooter]}>\n          <View\n            style={[\n              authorNameFooterContainer,\n              { backgroundColor: transparent },\n              !uri ? { borderLeftColor: accent_blue, ...noURI } : {},\n              stylesProp.authorNameFooterContainer,\n            ]}\n          >\n            {!uri && author_name && (\n              <Text\n                style={[\n                  styles.authorNameFooter,\n                  { color: accent_blue },\n                  authorNameFooter,\n                  stylesProp.authorNameFooter,\n                ]}\n              >\n                {author_name}\n              </Text>\n            )}\n            {title && (\n              <Text\n                numberOfLines={1}\n                style={[styles.title, { color: black }, titleStyle, stylesProp.title]}\n              >\n                {title}\n              </Text>\n            )}\n            {text && (\n              <Text\n                numberOfLines={3}\n                style={[styles.description, { color: black }, description, stylesProp.description]}\n              >\n                {text}\n              </Text>\n            )}\n          </View>\n        </View>\n      )}\n    </TouchableOpacity>\n  );\n};\n\nconst MemoizedCard = React.memo(CardWithContext, () => true) as typeof CardWithContext;\n\nexport type CardProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Attachment<StreamChatGenerics> &\n  Partial<\n    Pick<MessageContextValue<StreamChatGenerics>, 'onLongPress' | 'onPress' | 'onPressIn'> &\n      Pick<\n        MessagesContextValue<StreamChatGenerics>,\n        'additionalTouchableProps' | 'CardCover' | 'CardFooter' | 'CardHeader'\n      >\n  >;\n\n/**\n * UI component for card in attachments.\n */\nexport const Card = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: CardProps<StreamChatGenerics>,\n) => {\n  const { message, onLongPress, onPress, onPressIn, preventPress } =\n    useMessageContext<StreamChatGenerics>();\n  const { additionalTouchableProps, CardCover, CardFooter, CardHeader } =\n    useMessagesContext<StreamChatGenerics>();\n\n  return (\n    <MemoizedCard\n      {...{\n        additionalTouchableProps,\n        CardCover,\n        CardFooter,\n        CardHeader,\n        channelId: message.cid,\n        messageId: message.id,\n        onLongPress,\n        onPress,\n        onPressIn,\n        preventPress,\n      }}\n      {...props}\n    />\n  );\n};\n\nCard.displayName = 'Card{messageSimple{card}}';\n"]}
+{"version":3,"sources":["Card.tsx"],"names":["styles","StyleSheet","create","authorName","fontSize","fontWeight","authorNameContainer","borderTopRightRadius","paddingHorizontal","paddingTop","authorNameFooter","padding","authorNameMask","bottom","left","position","cardCover","alignItems","borderRadius","height","justifyContent","marginHorizontal","cardFooter","flexDirection","container","overflow","width","description","playButtonStyle","elevation","title","CardWithContext","props","additionalTouchableProps","author_name","CardCover","CardFooter","CardHeader","image_url","og_scrape_url","onLongPress","onPress","onPressIn","preventPress","stylesProp","text","thumb_url","type","theme","colors","accent_blue","black","blue_alice","transparent","white","messageSimple","card","authorNameFooterContainer","cover","footer","titleStyle","footerStyle","noURI","roundedView","playIcon","uri","defaultOnPress","isVideoCard","event","additionalInfo","url","emitter","defaultHandler","backgroundColor","color","borderLeftColor","MemoizedCard","React","memo","Card","message","id","updated_at","channelId","cid","messageId","displayName"],"mappings":"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","sourcesContent":["import React from 'react';\nimport {\n  ImageBackground,\n  ImageStyle,\n  StyleProp,\n  StyleSheet,\n  Text,\n  TextStyle,\n  TouchableOpacity,\n  View,\n  ViewStyle,\n} from 'react-native';\n\nimport type { Attachment } from 'stream-chat';\n\nimport { openUrlSafely } from './utils/openUrlSafely';\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 { Play } from '../../icons/Play';\nimport type { DefaultStreamChatGenerics } from '../../types/types';\nimport { makeImageCompatibleUrl } from '../../utils/utils';\n\nconst styles = StyleSheet.create({\n  authorName: { fontSize: 14.5, fontWeight: '600' },\n  authorNameContainer: {\n    borderTopRightRadius: 15,\n    paddingHorizontal: 8,\n    paddingTop: 8,\n  },\n  authorNameFooter: {\n    fontSize: 14.5,\n    fontWeight: '600',\n    padding: 8,\n  },\n  authorNameMask: {\n    bottom: 0,\n    left: 2,\n    position: 'absolute',\n  },\n  cardCover: {\n    alignItems: 'center',\n    borderRadius: 8,\n    height: 140,\n    justifyContent: 'center',\n    marginHorizontal: 2,\n  },\n  cardFooter: {\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    padding: 10,\n  },\n  container: {\n    overflow: 'hidden',\n    width: 256,\n  },\n  description: {\n    fontSize: 12,\n    marginHorizontal: 8,\n  },\n  playButtonStyle: {\n    alignItems: 'center',\n    borderRadius: 50,\n    elevation: 2,\n    height: 36,\n    justifyContent: 'center',\n    width: 36,\n  },\n  title: {\n    fontSize: 12,\n    marginHorizontal: 8,\n  },\n});\n\nexport type CardPropsWithContext<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Attachment<StreamChatGenerics> &\n  Pick<\n    MessageContextValue<StreamChatGenerics>,\n    'onLongPress' | 'onPress' | 'onPressIn' | 'preventPress'\n  > &\n  Pick<\n    MessagesContextValue<StreamChatGenerics>,\n    'additionalTouchableProps' | 'CardCover' | 'CardFooter' | 'CardHeader'\n  > & {\n    channelId: string | undefined;\n    messageId: string | undefined;\n    styles?: Partial<{\n      authorName: StyleProp<TextStyle>;\n      authorNameContainer: StyleProp<ViewStyle>;\n      authorNameFooter: StyleProp<TextStyle>;\n      authorNameFooterContainer: StyleProp<ViewStyle>;\n      authorNameMask: StyleProp<ViewStyle>;\n      cardCover: StyleProp<ImageStyle>;\n      cardFooter: StyleProp<ViewStyle>;\n      container: StyleProp<ViewStyle>;\n      description: StyleProp<TextStyle>;\n      title: StyleProp<TextStyle>;\n    }>;\n  };\n\nconst CardWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: CardPropsWithContext<StreamChatGenerics>,\n) => {\n  const {\n    additionalTouchableProps,\n    author_name,\n    CardCover,\n    CardFooter,\n    CardHeader,\n    image_url,\n    og_scrape_url,\n    onLongPress,\n    onPress,\n    onPressIn,\n    preventPress,\n    styles: stylesProp = {},\n    text,\n    thumb_url,\n    title,\n    type,\n  } = props;\n\n  const {\n    theme: {\n      colors: { accent_blue, black, blue_alice, transparent, white },\n      messageSimple: {\n        card: {\n          authorName,\n          authorNameContainer,\n          authorNameFooter,\n          authorNameFooterContainer,\n          authorNameMask,\n          container,\n          cover,\n          footer: { description, title: titleStyle, ...footerStyle },\n          noURI,\n          playButtonStyle: { roundedView },\n          playIcon: { height, width },\n        },\n      },\n    },\n  } = useTheme();\n\n  const uri = image_url || thumb_url;\n\n  const defaultOnPress = () => openUrlSafely(og_scrape_url || uri);\n\n  const isVideoCard = type === 'video' && og_scrape_url;\n\n  return (\n    <TouchableOpacity\n      disabled={preventPress}\n      onLongPress={(event) => {\n        if (onLongPress) {\n          onLongPress({\n            additionalInfo: { url: og_scrape_url },\n            emitter: 'card',\n            event,\n          });\n        }\n      }}\n      onPress={(event) => {\n        if (onPress) {\n          onPress({\n            additionalInfo: { url: og_scrape_url },\n            defaultHandler: defaultOnPress,\n            emitter: 'card',\n            event,\n          });\n        }\n      }}\n      onPressIn={(event) => {\n        if (onPressIn) {\n          onPressIn({\n            additionalInfo: { url: og_scrape_url },\n            defaultHandler: defaultOnPress,\n            emitter: 'card',\n            event,\n          });\n        }\n      }}\n      style={[styles.container, container, stylesProp.container]}\n      testID='card-attachment'\n      {...additionalTouchableProps}\n    >\n      {CardHeader && <CardHeader {...props} />}\n      {CardCover && <CardCover {...props} />}\n      {uri && !CardCover && (\n        <View>\n          <ImageBackground\n            imageStyle={styles.cardCover}\n            resizeMode='cover'\n            source={{ uri: makeImageCompatibleUrl(uri) }}\n            style={[styles.cardCover, cover, stylesProp.cardCover]}\n          >\n            {isVideoCard ? (\n              <View style={[styles.playButtonStyle, roundedView, { backgroundColor: white }]}>\n                <Play height={height} pathFill={black} width={width} />\n              </View>\n            ) : null}\n          </ImageBackground>\n          {author_name && (\n            <View style={[styles.authorNameMask, authorNameMask, stylesProp.authorNameMask]}>\n              <View\n                style={[\n                  styles.authorNameContainer,\n                  { backgroundColor: blue_alice },\n                  authorNameContainer,\n                  stylesProp.authorNameContainer,\n                ]}\n              >\n                <Text\n                  style={[\n                    styles.authorName,\n                    { color: accent_blue },\n                    authorName,\n                    stylesProp.authorName,\n                  ]}\n                >\n                  {author_name}\n                </Text>\n              </View>\n            </View>\n          )}\n        </View>\n      )}\n      {CardFooter ? (\n        <CardFooter {...props} />\n      ) : (\n        <View style={[styles.cardFooter, footerStyle, stylesProp.cardFooter]}>\n          <View\n            style={[\n              authorNameFooterContainer,\n              { backgroundColor: transparent },\n              !uri ? { borderLeftColor: accent_blue, ...noURI } : {},\n              stylesProp.authorNameFooterContainer,\n            ]}\n          >\n            {!uri && author_name && (\n              <Text\n                style={[\n                  styles.authorNameFooter,\n                  { color: accent_blue },\n                  authorNameFooter,\n                  stylesProp.authorNameFooter,\n                ]}\n              >\n                {author_name}\n              </Text>\n            )}\n            {title && (\n              <Text\n                numberOfLines={1}\n                style={[styles.title, { color: black }, titleStyle, stylesProp.title]}\n              >\n                {title}\n              </Text>\n            )}\n            {text && (\n              <Text\n                numberOfLines={3}\n                style={[styles.description, { color: black }, description, stylesProp.description]}\n              >\n                {text}\n              </Text>\n            )}\n          </View>\n        </View>\n      )}\n    </TouchableOpacity>\n  );\n};\n\nconst MemoizedCard = React.memo(CardWithContext, () => true) as typeof CardWithContext;\n\nexport type CardProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Attachment<StreamChatGenerics> &\n  Partial<\n    Pick<MessageContextValue<StreamChatGenerics>, 'onLongPress' | 'onPress' | 'onPressIn'> &\n      Pick<\n        MessagesContextValue<StreamChatGenerics>,\n        'additionalTouchableProps' | 'CardCover' | 'CardFooter' | 'CardHeader'\n      >\n  >;\n\n/**\n * UI component for card in attachments.\n */\nexport const Card = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: CardProps<StreamChatGenerics>,\n) => {\n  const { message, onLongPress, onPress, onPressIn, preventPress } =\n    useMessageContext<StreamChatGenerics>();\n  const { additionalTouchableProps, CardCover, CardFooter, CardHeader } =\n    useMessagesContext<StreamChatGenerics>();\n\n  return (\n    <MemoizedCard\n      key={`${message?.id}${message?.updated_at}`} // press listeners must change on message update, updating key ensures this\n      {...{\n        additionalTouchableProps,\n        CardCover,\n        CardFooter,\n        CardHeader,\n        channelId: message.cid,\n        messageId: message.id,\n        onLongPress,\n        onPress,\n        onPressIn,\n        preventPress,\n      }}\n      {...props}\n    />\n  );\n};\n\nCard.displayName = 'Card{messageSimple{card}}';\n"]}

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

@@ -1,11 +1,17 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.FileAttachmentGroup = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
 
 var _reactNative = require("react-native");
 
@@ -17,34 +23,111 @@ var _MessagesContext = require("../../contexts/messagesContext/MessagesContext")
 
 var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
 
+var _native = require("../../native");
+
 var _this = this,
     _jsxFileName = "/Users/vishalnarkhede/projects/stream-chat-react-native/package/src/components/Attachment/FileAttachmentGroup.tsx";
 
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var FILE_PREVIEW_HEIGHT = 60;
+
 var styles = _reactNative.StyleSheet.create({
   container: {
     padding: 4
+  },
+  fileContainer: {
+    borderRadius: 12,
+    borderWidth: 1,
+    flexDirection: 'row',
+    height: FILE_PREVIEW_HEIGHT,
+    justifyContent: 'space-between',
+    paddingLeft: 8,
+    paddingRight: 8
   }
 });
 
 var FileAttachmentGroupWithContext = function FileAttachmentGroupWithContext(props) {
   var Attachment = props.Attachment,
+      AudioAttachment = props.AudioAttachment,
       files = props.files,
       messageId = props.messageId,
       _props$styles = props.styles,
       stylesProp = _props$styles === void 0 ? {} : _props$styles;
 
+  var _useState = (0, _react.useState)([]),
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      filesToDisplay = _useState2[0],
+      setFilesToDisplay = _useState2[1];
+
+  (0, _react.useEffect)(function () {
+    setFilesToDisplay(files.map(function (file) {
+      return (0, _extends2["default"])({}, file, {
+        duration: 0,
+        paused: true,
+        progress: 0
+      });
+    }));
+  }, [files]);
+
+  var onLoad = function onLoad(index, duration) {
+    setFilesToDisplay(function (prevFilesToDisplay) {
+      return prevFilesToDisplay.map(function (fileToDisplay, id) {
+        return (0, _extends2["default"])({}, fileToDisplay, {
+          duration: id.toString() === index ? duration : fileToDisplay.duration
+        });
+      });
+    });
+  };
+
+  var onProgress = function onProgress(index, currentTime, hasEnd) {
+    setFilesToDisplay(function (prevFileUploads) {
+      return prevFileUploads.map(function (fileUpload, id) {
+        return (0, _extends2["default"])({}, fileUpload, {
+          progress: id.toString() === index ? hasEnd ? 1 : currentTime ? currentTime / fileUpload.duration : 0 : fileUpload.progress
+        });
+      });
+    });
+  };
+
+  var onPlayPause = function onPlayPause(index, pausedStatus) {
+    if (pausedStatus === false) {
+      setFilesToDisplay(function (prevFileUploads) {
+        return prevFileUploads.map(function (fileUpload, id) {
+          return (0, _extends2["default"])({}, fileUpload, {
+            paused: id.toString() === index ? false : true
+          });
+        });
+      });
+    } else {
+      setFilesToDisplay(function (prevFileUploads) {
+        return prevFileUploads.map(function (fileUpload) {
+          return (0, _extends2["default"])({}, fileUpload, {
+            paused: true
+          });
+        });
+      });
+    }
+  };
+
   var _useTheme = (0, _ThemeContext.useTheme)(),
-      container = _useTheme.theme.messageSimple.fileAttachmentGroup.container;
+      _useTheme$theme = _useTheme.theme,
+      _useTheme$theme$color = _useTheme$theme.colors,
+      grey_whisper = _useTheme$theme$color.grey_whisper,
+      white = _useTheme$theme$color.white,
+      container = _useTheme$theme.messageSimple.fileAttachmentGroup.container;
 
   return _react["default"].createElement(_reactNative.View, {
     style: [styles.container, container, stylesProp.container],
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 54,
+      lineNumber: 131,
       columnNumber: 5
     }
-  }, files.map(function (file, index) {
+  }, filesToDisplay.map(function (file, index) {
     return _react["default"].createElement(_reactNative.View, {
       key: messageId + "-" + index,
       style: [{
@@ -53,16 +136,52 @@ var FileAttachmentGroupWithContext = function FileAttachmentGroupWithContext(pro
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 56,
+        lineNumber: 133,
         columnNumber: 9
       }
-    }, _react["default"].createElement(Attachment, {
+    }, file.type === 'audio' && (0, _native.isAudioPackageAvailable)() ? _react["default"].createElement(_reactNative.View, {
+      accessibilityLabel: "audio-attachment-preview",
+      style: [styles.fileContainer, index === filesToDisplay.length - 1 ? {
+        marginBottom: 0
+      } : {}, {
+        backgroundColor: white,
+        borderColor: grey_whisper,
+        width: -16
+      }],
+      __self: _this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 141,
+        columnNumber: 13
+      }
+    }, _react["default"].createElement(AudioAttachment, {
+      item: {
+        duration: file.duration,
+        file: {
+          name: file.title,
+          uri: file.asset_url
+        },
+        id: index.toString(),
+        paused: file.paused,
+        progress: file.progress
+      },
+      onLoad: onLoad,
+      onPlayPause: onPlayPause,
+      onProgress: onProgress,
+      testID: "audio-attachment-preview",
+      __self: _this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 157,
+        columnNumber: 15
+      }
+    })) : _react["default"].createElement(Attachment, {
       attachment: file,
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 63,
-        columnNumber: 11
+        lineNumber: 172,
+        columnNumber: 13
       }
     }));
   }));
@@ -71,8 +190,7 @@ var FileAttachmentGroupWithContext = function FileAttachmentGroupWithContext(pro
 var areEqual = function areEqual(prevProps, nextProps) {
   var prevFiles = prevProps.files;
   var nextFiles = nextProps.files;
-  var filesEqual = prevFiles.length === nextFiles.length;
-  return filesEqual;
+  return prevFiles.length === nextFiles.length;
 };
 
 var MemoizedFileAttachmentGroup = _react["default"].memo(FileAttachmentGroupWithContext, areEqual);
@@ -86,18 +204,20 @@ var FileAttachmentGroup = function FileAttachmentGroup(props) {
 
   var _useMessagesContext = (0, _MessagesContext.useMessagesContext)(),
       _useMessagesContext$A = _useMessagesContext.Attachment,
-      Attachment = _useMessagesContext$A === void 0 ? _Attachment.Attachment : _useMessagesContext$A;
+      Attachment = _useMessagesContext$A === void 0 ? _Attachment.Attachment : _useMessagesContext$A,
+      AudioAttachment = _useMessagesContext.AudioAttachment;
 
   var files = propFiles || contextFiles;
   if (!files.length) return null;
   return _react["default"].createElement(MemoizedFileAttachmentGroup, {
     Attachment: Attachment,
+    AudioAttachment: AudioAttachment,
     files: files,
     messageId: messageId,
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 108,
+      lineNumber: 217,
       columnNumber: 5
     }
   });