stream-chat-react-native-core 4.12.0-beta.1 → 4.12.0-beta.4

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

@@ -1 +1 @@
-{"version":3,"sources":["VideoThumbnail.tsx"],"names":["styles","StyleSheet","create","container","alignItems","backgroundColor","display","height","justifyContent","width","roundedView","borderRadius","elevation","shadowColor","shadowOffset","shadowOpacity","shadowRadius","VideoThumbnail","props","theme","messageSimple","videoThumbnail","imageStyle","style","thumb_url","uri"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;AAEA,IAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,SAAS,EAAE;AACTC,IAAAA,UAAU,EAAE,QADH;AAETC,IAAAA,eAAe,EAAE,OAFR;AAGTC,IAAAA,OAAO,EAAE,MAHA;AAITC,IAAAA,MAAM,EAAE,MAJC;AAKTC,IAAAA,cAAc,EAAE,QALP;AAMTC,IAAAA,KAAK,EAAE;AANE,GADoB;AAS/BC,EAAAA,WAAW,EAAE;AACXN,IAAAA,UAAU,EAAE,QADD;AAEXO,IAAAA,YAAY,EAAE,EAFH;AAGXL,IAAAA,OAAO,EAAE,MAHE;AAIXM,IAAAA,SAAS,EAAE,CAJA;AAKXL,IAAAA,MAAM,EAAE,EALG;AAMXC,IAAAA,cAAc,EAAE,QANL;AAOXK,IAAAA,WAAW,EAAE,MAPF;AAQXC,IAAAA,YAAY,EAAE;AACZP,MAAAA,MAAM,EAAE,CADI;AAEZE,MAAAA,KAAK,EAAE;AAFK,KARH;AAYXM,IAAAA,aAAa,EAAE,IAZJ;AAaXC,IAAAA,YAAY,EAAE,IAbH;AAcXP,IAAAA,KAAK,EAAE;AAdI;AATkB,CAAlB,CAAf;;AAiCO,IAAMQ,cAA6C,GAAG,SAAhDA,cAAgD,CAACC,KAAD,EAAW;AACtE,kBAMI,6BANJ;AAAA,wCACEC,KADF,CAEIC,aAFJ,CAGMC,cAHN;AAAA,MAGwBlB,SAHxB,yBAGwBA,SAHxB;AAAA,MAGmCO,WAHnC,yBAGmCA,WAHnC;;AAOA,MAAQY,UAAR,GAAyCJ,KAAzC,CAAQI,UAAR;AAAA,MAAoBC,KAApB,GAAyCL,KAAzC,CAAoBK,KAApB;AAAA,MAA2BC,SAA3B,GAAyCN,KAAzC,CAA2BM,SAA3B;AACA,SACE,gCAAC,4BAAD;AACE,IAAA,kBAAkB,EAAC,iBADrB;AAEE,IAAA,UAAU,EAAEF,UAFd;AAGE,IAAA,MAAM,EAAE;AAAEG,MAAAA,GAAG,EAAED;AAAP,KAHV;AAIE,IAAA,KAAK,EAAE,CAACxB,MAAM,CAACG,SAAR,EAAmBA,SAAnB,EAA8BoB,KAA9B,CAJT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAME,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAACvB,MAAM,CAACU,WAAR,EAAqBA,WAArB,CAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,gCAAC,WAAD;AAAM,IAAA,MAAM,EAAE,EAAd;AAAkB,IAAA,QAAQ,EAAE,MAA5B;AAAoC,IAAA,KAAK,EAAE,EAA3C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADF,CANF,CADF;AAYD,CArBM","sourcesContent":["import React from 'react';\nimport { ImageBackground, ImageStyle, StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { Play } from '../../icons';\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    backgroundColor: 'black',\n    display: 'flex',\n    height: '100%',\n    justifyContent: 'center',\n    width: '100%',\n  },\n  roundedView: {\n    alignItems: 'center',\n    borderRadius: 50,\n    display: 'flex',\n    elevation: 6,\n    height: 36,\n    justifyContent: 'center',\n    shadowColor: '#000',\n    shadowOffset: {\n      height: 3,\n      width: 0,\n    },\n    shadowOpacity: 0.27,\n    shadowRadius: 4.65,\n    width: 36,\n  },\n});\n\nexport type VideoThumbnailProps = {\n  imageStyle?: StyleProp<ImageStyle>;\n  style?: StyleProp<ViewStyle>;\n  thumb_url?: string;\n};\n\nexport const VideoThumbnail: React.FC<VideoThumbnailProps> = (props) => {\n  const {\n    theme: {\n      messageSimple: {\n        videoThumbnail: { container, roundedView },\n      },\n    },\n  } = useTheme();\n  const { imageStyle, style, thumb_url } = props;\n  return (\n    <ImageBackground\n      accessibilityLabel='Video Thumbnail'\n      imageStyle={imageStyle}\n      source={{ uri: thumb_url }}\n      style={[styles.container, container, style]}\n    >\n      <View style={[styles.roundedView, roundedView]}>\n        <Play height={24} pathFill={'#000'} width={24} />\n      </View>\n    </ImageBackground>\n  );\n};\n"]}
+{"version":3,"sources":["VideoThumbnail.tsx"],"names":["styles","StyleSheet","create","container","alignItems","backgroundColor","display","height","justifyContent","width","roundedView","borderRadius","elevation","shadowColor","shadowOffset","shadowOpacity","shadowRadius","VideoThumbnail","props","theme","colors","static_black","static_white","messageSimple","videoThumbnail","imageStyle","style","thumb_url","uri"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;AAEA,IAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,SAAS,EAAE;AACTC,IAAAA,UAAU,EAAE,QADH;AAETC,IAAAA,eAAe,EAAE,OAFR;AAGTC,IAAAA,OAAO,EAAE,MAHA;AAITC,IAAAA,MAAM,EAAE,MAJC;AAKTC,IAAAA,cAAc,EAAE,QALP;AAMTC,IAAAA,KAAK,EAAE;AANE,GADoB;AAS/BC,EAAAA,WAAW,EAAE;AACXN,IAAAA,UAAU,EAAE,QADD;AAEXO,IAAAA,YAAY,EAAE,EAFH;AAGXL,IAAAA,OAAO,EAAE,MAHE;AAIXM,IAAAA,SAAS,EAAE,CAJA;AAKXL,IAAAA,MAAM,EAAE,EALG;AAMXC,IAAAA,cAAc,EAAE,QANL;AAOXK,IAAAA,WAAW,EAAE,MAPF;AAQXC,IAAAA,YAAY,EAAE;AACZP,MAAAA,MAAM,EAAE,CADI;AAEZE,MAAAA,KAAK,EAAE;AAFK,KARH;AAYXM,IAAAA,aAAa,EAAE,IAZJ;AAaXC,IAAAA,YAAY,EAAE,IAbH;AAcXP,IAAAA,KAAK,EAAE;AAdI;AATkB,CAAlB,CAAf;;AAiCO,IAAMQ,cAA6C,GAAG,SAAhDA,cAAgD,CAACC,KAAD,EAAW;AACtE,kBAOI,6BAPJ;AAAA,kCACEC,KADF;AAAA,8CAEIC,MAFJ;AAAA,MAEcC,YAFd,yBAEcA,YAFd;AAAA,MAE4BC,YAF5B,yBAE4BA,YAF5B;AAAA,8CAGIC,aAHJ,CAIMC,cAJN;AAAA,MAIwBrB,SAJxB,yBAIwBA,SAJxB;AAAA,MAImCO,WAJnC,yBAImCA,WAJnC;;AAQA,MAAQe,UAAR,GAAyCP,KAAzC,CAAQO,UAAR;AAAA,MAAoBC,KAApB,GAAyCR,KAAzC,CAAoBQ,KAApB;AAAA,MAA2BC,SAA3B,GAAyCT,KAAzC,CAA2BS,SAA3B;AACA,SACE,gCAAC,4BAAD;AACE,IAAA,kBAAkB,EAAC,iBADrB;AAEE,IAAA,UAAU,EAAEF,UAFd;AAGE,IAAA,MAAM,EAAE;AAAEG,MAAAA,GAAG,EAAED;AAAP,KAHV;AAIE,IAAA,KAAK,EAAE,CAAC3B,MAAM,CAACG,SAAR,EAAmBA,SAAnB,EAA8BuB,KAA9B,CAJT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAME,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAAC1B,MAAM,CAACU,WAAR,EAAqBA,WAArB,EAAkC;AAAEL,MAAAA,eAAe,EAAEiB;AAAnB,KAAlC,CAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,gCAAC,WAAD;AAAM,IAAA,MAAM,EAAE,EAAd;AAAkB,IAAA,QAAQ,EAAED,YAA5B;AAA0C,IAAA,KAAK,EAAE,EAAjD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADF,CANF,CADF;AAYD,CAtBM","sourcesContent":["import React from 'react';\nimport { ImageBackground, ImageStyle, StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { Play } from '../../icons';\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    backgroundColor: 'black',\n    display: 'flex',\n    height: '100%',\n    justifyContent: 'center',\n    width: '100%',\n  },\n  roundedView: {\n    alignItems: 'center',\n    borderRadius: 50,\n    display: 'flex',\n    elevation: 6,\n    height: 36,\n    justifyContent: 'center',\n    shadowColor: '#000',\n    shadowOffset: {\n      height: 3,\n      width: 0,\n    },\n    shadowOpacity: 0.27,\n    shadowRadius: 4.65,\n    width: 36,\n  },\n});\n\nexport type VideoThumbnailProps = {\n  imageStyle?: StyleProp<ImageStyle>;\n  style?: StyleProp<ViewStyle>;\n  thumb_url?: string;\n};\n\nexport const VideoThumbnail: React.FC<VideoThumbnailProps> = (props) => {\n  const {\n    theme: {\n      colors: { static_black, static_white },\n      messageSimple: {\n        videoThumbnail: { container, roundedView },\n      },\n    },\n  } = useTheme();\n  const { imageStyle, style, thumb_url } = props;\n  return (\n    <ImageBackground\n      accessibilityLabel='Video Thumbnail'\n      imageStyle={imageStyle}\n      source={{ uri: thumb_url }}\n      style={[styles.container, container, style]}\n    >\n      <View style={[styles.roundedView, roundedView, { backgroundColor: static_white }]}>\n        <Play height={24} pathFill={static_black} width={24} />\n      </View>\n    </ImageBackground>\n  );\n};\n"]}

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

@@ -81,6 +81,8 @@ var _Attachment = require("../Attachment/Attachment");
 
 var _AttachmentActions = require("../Attachment/AttachmentActions");
 
+var _AudioAttachment = require("../Attachment/AudioAttachment");
+
 var _Card = require("../Attachment/Card");
 
 var _FileAttachment = require("../Attachment/FileAttachment");
@@ -137,8 +139,6 @@ var _ReactionList = require("../Message/MessageSimple/ReactionList");
 
 var _AttachButton = require("../MessageInput/AttachButton");
 
-var _AudioAttachmentUploadPreview = require("../MessageInput/AudioAttachmentUploadPreview");
-
 var _CommandsButton = require("../MessageInput/CommandsButton");
 
 var _InputEditingStateHeader = require("../MessageInput/components/InputEditingStateHeader");
@@ -248,8 +248,8 @@ var ChannelWithContext = function ChannelWithContext(props) {
       Attachment = _props$Attachment === void 0 ? _Attachment.Attachment : _props$Attachment,
       _props$AttachmentActi = props.AttachmentActions,
       AttachmentActions = _props$AttachmentActi === void 0 ? _AttachmentActions.AttachmentActions : _props$AttachmentActi,
-      _props$AudioAttachmen = props.AudioAttachmentUploadPreview,
-      AudioAttachmentUploadPreview = _props$AudioAttachmen === void 0 ? _AudioAttachmentUploadPreview.AudioAttachmentUploadPreview : _props$AudioAttachmen,
+      _props$AudioAttachmen = props.AudioAttachment,
+      AudioAttachment = _props$AudioAttachmen === void 0 ? _AudioAttachment.AudioAttachment : _props$AudioAttachmen,
       _props$AutoCompleteSu = props.AutoCompleteSuggestionHeader,
       AutoCompleteSuggestionHeader = _props$AutoCompleteSu === void 0 ? _AutoCompleteSuggestionHeader.AutoCompleteSuggestionHeader : _props$AutoCompleteSu,
       _props$AutoCompleteSu2 = props.AutoCompleteSuggestionItem,
@@ -1905,7 +1905,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
   var inputMessageInputContext = (0, _useCreateInputMessageInputContext.useCreateInputMessageInputContext)({
     additionalTextInputProps: additionalTextInputProps,
     AttachButton: AttachButton,
-    AudioAttachmentUploadPreview: AudioAttachmentUploadPreview,
+    AudioAttachment: AudioAttachment,
     autoCompleteSuggestionsLimit: autoCompleteSuggestionsLimit,
     autoCompleteTriggerSettings: autoCompleteTriggerSettings,
     channelId: channelId,