@developer_tribe/react-native-comnyx 0.13.11 → 0.14.0

package/lib/module/components/LinkifyText.js.map

@@ -1 +1 @@
-{"version":3,"names":["AppText","jsx","_jsx","parseText","text","patterns","matches","forEach","p","re","regex","RegExp","source","flags","includes","m","matchAll","index","push","start","end","length","pattern","value","matchedText","sort","a","b","segments","cursor","type","slice","LinkifyText","children","containerStyle","props","parts","style","map","part","idx","color","onPress","navigate"],"sourceRoot":"../../../src","sources":["components/LinkifyText.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["AppText","jsx","_jsx","parseText","text","patterns","type","value","matches","forEach","p","re","regex","RegExp","source","flags","includes","m","matchAll","index","push","start","end","length","pattern","matchedText","sort","a","b","segments","cursor","slice","LinkifyText","children","containerStyle","props","parts","style","map","part","idx","color","onPress","navigate"],"sourceRoot":"../../../src","sources":["components/LinkifyText.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/MediaMessageItem.js

@@ -0,0 +1,330 @@
+"use strict";
+
+import { View, Image, TouchableOpacity } from 'react-native';
+import { useState, useEffect } from 'react';
+import { useThemeColors } from "../hooks/useThemeColors.js";
+import { AppText } from "./AppText.js";
+import { ScaledSheet } from "./ScaledSheet.js";
+import { activeOpacity } from "../constants/activeOpacity.js";
+import { MediaViewerModal } from "./MediaViewerModal.js";
+import { openVideo, generateThumbnail } from "../NativeComnyxMediaPicker.js";
+import { LinkifyText } from "./LinkifyText.js";
+import { Linking } from 'react-native';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const infoIcon = require('../assets/info-circle.png');
+const clockIcon = require('../assets/iconamoon_clock-fill.png');
+function MediaThumbnail({
+  file,
+  isUploading,
+  onImagePress,
+  onVideoPress,
+  single
+}) {
+  const [generatedThumb, setGeneratedThumb] = useState(null);
+  const displayUri = file.local_uri || file.url;
+  const isVideo = file.type === 'video';
+  useEffect(() => {
+    if (isVideo && !file.thumbnail_uri && !isUploading && displayUri) {
+      generateThumbnail(displayUri).then(thumb => {
+        if (thumb) setGeneratedThumb(thumb);
+      }).catch(err => {
+        console.warn('[Comnyx] Could not generate thumbnail:', err);
+      });
+    }
+  }, [isVideo, file.thumbnail_uri, isUploading, displayUri]);
+  const effectiveThumb = file.thumbnail_uri || generatedThumb;
+  const thumbSource = isVideo ? effectiveThumb ? {
+    uri: effectiveThumb
+  } : undefined : {
+    uri: displayUri
+  };
+  const handlePress = () => {
+    if (isUploading) return;
+    if (isVideo) {
+      onVideoPress(displayUri);
+    } else {
+      onImagePress(displayUri);
+    }
+  };
+  const wrapperStyle = single ? styles.singleMediaWrapper : styles.gridItem;
+  const imageStyle = single ? styles.singleMediaImage : styles.gridImage;
+  const placeholderStyle = single ? [styles.singleMediaImage, {
+    backgroundColor: '#1a1a2e'
+  }] : [styles.videoPlaceholder, {
+    backgroundColor: '#1a1a2e'
+  }];
+  return /*#__PURE__*/_jsxs(TouchableOpacity, {
+    style: wrapperStyle,
+    onPress: handlePress,
+    activeOpacity: activeOpacity,
+    disabled: isUploading,
+    children: [thumbSource ? /*#__PURE__*/_jsx(Image, {
+      source: thumbSource,
+      style: imageStyle,
+      resizeMode: "cover"
+    }) : /*#__PURE__*/_jsx(View, {
+      style: placeholderStyle
+    }), isVideo && !isUploading && /*#__PURE__*/_jsx(View, {
+      style: styles.playOverlay,
+      children: /*#__PURE__*/_jsx(AppText, {
+        style: styles.playIcon,
+        children: "\u25B6"
+      })
+    })]
+  });
+}
+export function MediaMessageItem({
+  item,
+  onShowPopup
+}) {
+  const themeColors = useThemeColors();
+  const isDeviceOwner = !item.user && !item.bot;
+  const isUploading = item.is_uploading;
+  const uploadProgress = item.upload_progress ?? 0;
+  const [viewerVisible, setViewerVisible] = useState(false);
+  const [viewerUri, setViewerUri] = useState('');
+  const mediaFiles = (() => {
+    if (item.media_files && item.media_files.length > 0) {
+      return item.media_files.map(f => ({
+        url: f.url,
+        type: f.type,
+        local_uri: f.local_uri,
+        thumbnail_uri: f.thumbnail_uri
+      }));
+    }
+    const singleUri = item.media_local_uri || item.media_url;
+    if (singleUri) {
+      return [{
+        url: item.media_url || singleUri,
+        type: item.media_type || 'image',
+        local_uri: item.media_local_uri || undefined,
+        thumbnail_uri: item.media_thumbnail_uri || undefined
+      }];
+    }
+    return [];
+  })();
+  const isMultiMedia = mediaFiles.length > 1;
+  const hasContent = !!(typeof item.content === 'string' && item.content.trim());
+  const formattedDate = new Date(item.created_at).toLocaleTimeString([], {
+    hour: '2-digit',
+    minute: '2-digit'
+  });
+  const handleImagePress = uri => {
+    setViewerUri(uri);
+    setViewerVisible(true);
+  };
+  const handleVideoPress = uri => {
+    openVideo(uri).catch(err => console.warn('[Comnyx] Could not open video:', err));
+  };
+  const renderFooter = () => {
+    if (isDeviceOwner && item.error) {
+      return /*#__PURE__*/_jsx(Image, {
+        source: infoIcon,
+        style: styles.infoIcon
+      });
+    } else if (isDeviceOwner && (isUploading || !item.approved)) {
+      return /*#__PURE__*/_jsxs(View, {
+        style: styles.footerRow,
+        children: [isUploading && /*#__PURE__*/_jsxs(AppText, {
+          style: styles.uploadPercentText,
+          children: ["%", uploadProgress]
+        }), /*#__PURE__*/_jsx(Image, {
+          source: clockIcon,
+          style: styles.clockIcon
+        })]
+      });
+    } else {
+      return /*#__PURE__*/_jsx(AppText, {
+        style: [styles.timestamp, isDeviceOwner ? styles.rightTimestamp : [styles.leftTimestamp, {
+          color: themeColors.text
+        }]],
+        children: formattedDate
+      });
+    }
+  };
+  return /*#__PURE__*/_jsxs(TouchableOpacity, {
+    activeOpacity: isDeviceOwner && item.error ? 0.8 : 1,
+    onLongPress: onShowPopup,
+    onPress: () => {
+      isDeviceOwner && item.error ? onShowPopup() : {};
+    },
+    style: [styles.container, isDeviceOwner ? styles.rightMessage : styles.leftMessage],
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: [styles.mediaBubble, isDeviceOwner ? {
+        backgroundColor: themeColors.light_green
+      } : {
+        backgroundColor: themeColors.ghost
+      }],
+      children: [isMultiMedia ? /*#__PURE__*/_jsx(View, {
+        style: styles.gridContent,
+        children: mediaFiles.map((file, index) => /*#__PURE__*/_jsx(MediaThumbnail, {
+          file: file,
+          isUploading: isUploading,
+          onImagePress: handleImagePress,
+          onVideoPress: handleVideoPress
+        }, `${file.url}-${index}`))
+      }) : mediaFiles.length === 1 ? /*#__PURE__*/_jsx(MediaThumbnail, {
+        file: mediaFiles[0],
+        isUploading: isUploading,
+        onImagePress: handleImagePress,
+        onVideoPress: handleVideoPress,
+        single: true
+      }) : null, hasContent && /*#__PURE__*/_jsx(View, {
+        style: styles.contentContainer,
+        children: /*#__PURE__*/_jsx(AppText, {
+          selectable: true,
+          style: [styles.contentText, isDeviceOwner ? styles.rightContentText : [styles.leftContentText, {
+            color: themeColors.text
+          }]],
+          children: /*#__PURE__*/_jsx(LinkifyText, {
+            patterns: [{
+              regex: /https?:\/\/(?:[-\w.])+(?::[0-9]+)?(?:\/(?:[\w/_.])*(?:\?(?:[\w&=%.])*)?(?:#(?:[\w.])*)?)?/g,
+              color: '#0066CC',
+              navigate: url => {
+                if (url) {
+                  Linking.openURL(url);
+                }
+              }
+            }],
+            children: typeof item.content === 'string' ? item.content : ''
+          })
+        })
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.footer,
+        children: renderFooter()
+      })]
+    }), viewerVisible && /*#__PURE__*/_jsx(MediaViewerModal, {
+      visible: viewerVisible,
+      onClose: () => {
+        setViewerVisible(false);
+        setViewerUri('');
+      },
+      mediaUri: viewerUri,
+      mediaType: 'image'
+    })]
+  });
+}
+const styles = ScaledSheet.create({
+  container: {
+    maxWidth: '80%',
+    minWidth: 100,
+    marginVertical: '5@vs'
+  },
+  leftMessage: {
+    alignSelf: 'flex-start'
+  },
+  rightMessage: {
+    alignSelf: 'flex-end'
+  },
+  mediaBubble: {
+    borderRadius: '16@vs',
+    overflow: 'hidden',
+    paddingTop: '4@vs',
+    paddingHorizontal: '4@vs'
+  },
+  gridContent: {
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    gap: '3@s'
+  },
+  gridItem: {
+    position: 'relative',
+    width: '40@vs',
+    height: '40@vs',
+    borderRadius: '10@vs',
+    overflow: 'hidden'
+  },
+  gridImage: {
+    width: '100%',
+    height: '100%',
+    borderRadius: '10@vs'
+  },
+  singleMediaWrapper: {
+    position: 'relative',
+    borderRadius: '12@vs',
+    overflow: 'hidden',
+    alignSelf: 'flex-start'
+  },
+  singleMediaImage: {
+    width: '40@s',
+    aspectRatio: 1,
+    borderRadius: '12@vs'
+  },
+  videoPlaceholder: {
+    width: '100%',
+    height: '100%',
+    borderRadius: '10@vs',
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  playOverlay: {
+    ...{
+      position: 'absolute',
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      justifyContent: 'center',
+      alignItems: 'center'
+    }
+  },
+  playIcon: {
+    fontSize: '20@vs',
+    color: '#E0E0E0',
+    marginLeft: '2@s'
+  },
+  // Text content
+  contentContainer: {
+    paddingHorizontal: '8@s',
+    paddingTop: '4@vs'
+  },
+  contentText: {
+    fontSize: '16@vs'
+  },
+  leftContentText: {
+    color: '#000000'
+  },
+  rightContentText: {
+    color: '#000000'
+  },
+  // Footer
+  footer: {
+    flexDirection: 'row',
+    justifyContent: 'flex-end',
+    alignItems: 'center',
+    marginTop: '4@vs',
+    paddingHorizontal: '8@s',
+    paddingBottom: '4@vs'
+  },
+  footerRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: '4@s'
+  },
+  uploadPercentText: {
+    fontSize: '10@vs',
+    opacity: 0.7,
+    color: '#000000'
+  },
+  timestamp: {
+    fontSize: '10@vs',
+    opacity: 0.7
+  },
+  leftTimestamp: {
+    color: '#666666'
+  },
+  rightTimestamp: {
+    color: '#000000'
+  },
+  infoIcon: {
+    width: '12@vs',
+    height: '12@vs',
+    marginLeft: '4@s'
+  },
+  clockIcon: {
+    width: '12@vs',
+    height: '12@vs',
+    marginLeft: '4@s'
+  }
+});
+//# sourceMappingURL=MediaMessageItem.js.map

package/lib/module/components/MediaMessageItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","Image","TouchableOpacity","useState","useEffect","useThemeColors","AppText","ScaledSheet","activeOpacity","MediaViewerModal","openVideo","generateThumbnail","LinkifyText","Linking","jsx","_jsx","jsxs","_jsxs","infoIcon","require","clockIcon","MediaThumbnail","file","isUploading","onImagePress","onVideoPress","single","generatedThumb","setGeneratedThumb","displayUri","local_uri","url","isVideo","type","thumbnail_uri","then","thumb","catch","err","console","warn","effectiveThumb","thumbSource","uri","undefined","handlePress","wrapperStyle","styles","singleMediaWrapper","gridItem","imageStyle","singleMediaImage","gridImage","placeholderStyle","backgroundColor","videoPlaceholder","style","onPress","disabled","children","source","resizeMode","playOverlay","playIcon","MediaMessageItem","item","onShowPopup","themeColors","isDeviceOwner","user","bot","is_uploading","uploadProgress","upload_progress","viewerVisible","setViewerVisible","viewerUri","setViewerUri","mediaFiles","media_files","length","map","f","singleUri","media_local_uri","media_url","media_type","media_thumbnail_uri","isMultiMedia","hasContent","content","trim","formattedDate","Date","created_at","toLocaleTimeString","hour","minute","handleImagePress","handleVideoPress","renderFooter","error","approved","footerRow","uploadPercentText","timestamp","rightTimestamp","leftTimestamp","color","text","onLongPress","container","rightMessage","leftMessage","mediaBubble","light_green","ghost","gridContent","index","contentContainer","selectable","contentText","rightContentText","leftContentText","patterns","regex","navigate","openURL","footer","visible","onClose","mediaUri","mediaType","create","maxWidth","minWidth","marginVertical","alignSelf","borderRadius","overflow","paddingTop","paddingHorizontal","flexDirection","flexWrap","gap","position","width","height","aspectRatio","justifyContent","alignItems","top","left","right","bottom","fontSize","marginLeft","marginTop","paddingBottom","opacity"],"sourceRoot":"../../../src","sources":["components/MediaMessageItem.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/MediaPickerButton.js

@@ -0,0 +1,43 @@
+"use strict";
+
+import { TouchableOpacity, Image } from 'react-native';
+import { useCallback } from 'react';
+import { useThemeColors } from "../hooks/useThemeColors.js";
+import { ScaledSheet } from "./ScaledSheet.js";
+import { activeOpacity } from "../constants/activeOpacity.js";
+import { pickMedia } from "../NativeComnyxMediaPicker.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const paperclipIcon = require('../assets/attachment-01.png');
+export function MediaPickerButton({
+  onMediaSelected
+}) {
+  const themeColors = useThemeColors();
+  const showPicker = useCallback(async () => {
+    const assets = await pickMedia();
+    if (assets.length > 0) onMediaSelected(assets);
+  }, [onMediaSelected]);
+  return /*#__PURE__*/_jsx(TouchableOpacity, {
+    style: styles.button,
+    onPress: showPicker,
+    activeOpacity: activeOpacity,
+    children: /*#__PURE__*/_jsx(Image, {
+      source: paperclipIcon,
+      style: [styles.icon, {
+        tintColor: themeColors.text
+      }]
+    })
+  });
+}
+const styles = ScaledSheet.create({
+  button: {
+    justifyContent: 'center',
+    alignItems: 'center',
+    marginRight: '6@s',
+    paddingVertical: '6@vs'
+  },
+  icon: {
+    width: '28@vs',
+    height: '28@vs'
+  }
+});
+//# sourceMappingURL=MediaPickerButton.js.map

package/lib/module/components/MediaPickerButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TouchableOpacity","Image","useCallback","useThemeColors","ScaledSheet","activeOpacity","pickMedia","jsx","_jsx","paperclipIcon","require","MediaPickerButton","onMediaSelected","themeColors","showPicker","assets","length","style","styles","button","onPress","children","source","icon","tintColor","text","create","justifyContent","alignItems","marginRight","paddingVertical","width","height"],"sourceRoot":"../../../src","sources":["components/MediaPickerButton.tsx"],"mappings":";;AAAA,SAASA,gBAAgB,EAAEC,KAAK,QAAQ,cAAc;AACtD,SAASC,WAAW,QAAQ,OAAO;AACnC,SAASC,cAAc,QAAQ,4BAAyB;AACxD,SAASC,WAAW,QAAQ,kBAAe;AAC3C,SAASC,aAAa,QAAQ,+BAA4B;AAC1D,SAASC,SAAS,QAAQ,+BAA4B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGvD,MAAMC,aAAa,GAAGC,OAAO,CAAC,6BAA6B,CAAC;AAE5D,OAAO,SAASC,iBAAiBA,CAAC;EAChCC;AAGF,CAAC,EAAE;EACD,MAAMC,WAAW,GAAGV,cAAc,CAAC,CAAC;EAEpC,MAAMW,UAAU,GAAGZ,WAAW,CAAC,YAAY;IACzC,MAAMa,MAAM,GAAG,MAAMT,SAAS,CAAC,CAAC;IAChC,IAAIS,MAAM,CAACC,MAAM,GAAG,CAAC,EAAEJ,eAAe,CAACG,MAAM,CAAC;EAChD,CAAC,EAAE,CAACH,eAAe,CAAC,CAAC;EAErB,oBACEJ,IAAA,CAACR,gBAAgB;IACfiB,KAAK,EAAEC,MAAM,CAACC,MAAO;IACrBC,OAAO,EAAEN,UAAW;IACpBT,aAAa,EAAEA,aAAc;IAAAgB,QAAA,eAE7Bb,IAAA,CAACP,KAAK;MACJqB,MAAM,EAAEb,aAAc;MACtBQ,KAAK,EAAE,CAACC,MAAM,CAACK,IAAI,EAAE;QAAEC,SAAS,EAAEX,WAAW,CAACY;MAAK,CAAC;IAAE,CACvD;EAAC,CACc,CAAC;AAEvB;AAEA,MAAMP,MAAM,GAAGd,WAAW,CAACsB,MAAM,CAAC;EAChCP,MAAM,EAAE;IACNQ,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,WAAW,EAAE,KAAK;IAClBC,eAAe,EAAE;EACnB,CAAC;EACDP,IAAI,EAAE;IACJQ,KAAK,EAAE,OAAO;IACdC,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/MediaViewerModal.js

@@ -0,0 +1,153 @@
+"use strict";
+
+import { Modal, View, Image, TouchableOpacity, StatusBar, useWindowDimensions } from 'react-native';
+import { useState } from 'react';
+import { AppText } from "./AppText.js";
+import { ScaledSheet } from "./ScaledSheet.js";
+import { activeOpacity } from "../constants/activeOpacity.js";
+import { openVideo } from "../NativeComnyxMediaPicker.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function MediaViewerModal({
+  visible,
+  onClose,
+  mediaUri,
+  mediaType,
+  thumbnailUri
+}) {
+  const {
+    width,
+    height
+  } = useWindowDimensions();
+  const [imageError, setImageError] = useState(false);
+  const isVideo = mediaType === 'video';
+  const displayUri = isVideo ? thumbnailUri || undefined : mediaUri;
+  const handlePlayVideo = () => {
+    if (mediaUri) {
+      openVideo(mediaUri).catch(err => console.warn('[Comnyx] Could not open video:', err));
+    }
+  };
+  return /*#__PURE__*/_jsxs(Modal, {
+    visible: visible,
+    transparent: true,
+    animationType: "fade",
+    onRequestClose: onClose,
+    statusBarTranslucent: true,
+    children: [/*#__PURE__*/_jsx(StatusBar, {
+      backgroundColor: "rgba(0,0,0,0.95)",
+      barStyle: "light-content"
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.overlay,
+      children: [/*#__PURE__*/_jsx(TouchableOpacity, {
+        style: styles.closeButton,
+        onPress: onClose,
+        activeOpacity: activeOpacity,
+        children: /*#__PURE__*/_jsx(AppText, {
+          style: styles.closeIcon,
+          children: "\u2715"
+        })
+      }), /*#__PURE__*/_jsxs(View, {
+        style: [styles.mediaContainer, {
+          width,
+          height: height * 0.7
+        }],
+        children: [displayUri && !imageError ? /*#__PURE__*/_jsx(Image, {
+          source: {
+            uri: displayUri
+          },
+          style: {
+            width,
+            height: height * 0.9
+          },
+          resizeMode: "contain",
+          onError: () => setImageError(true)
+        }) : /*#__PURE__*/_jsx(View, {
+          style: [styles.placeholder, {
+            width: width * 0.6,
+            height: width * 0.6
+          }],
+          children: /*#__PURE__*/_jsx(AppText, {
+            style: styles.placeholderIcon,
+            children: isVideo ? '🎬' : '🖼️'
+          })
+        }), isVideo && /*#__PURE__*/_jsx(TouchableOpacity, {
+          style: styles.playOverlay,
+          onPress: handlePlayVideo,
+          activeOpacity: activeOpacity,
+          children: /*#__PURE__*/_jsx(View, {
+            style: styles.playButton,
+            children: /*#__PURE__*/_jsx(AppText, {
+              style: styles.playIcon,
+              children: "\u25B6"
+            })
+          })
+        })]
+      })]
+    })]
+  });
+}
+const styles = ScaledSheet.create({
+  overlay: {
+    flex: 1,
+    backgroundColor: 'rgba(0,0,0,0.95)',
+    justifyContent: 'center'
+  },
+  closeButton: {
+    ...{
+      position: 'absolute',
+      top: '50@vs',
+      left: '20@s',
+      zIndex: 10,
+      width: '40@vs',
+      height: '40@vs',
+      borderRadius: 20,
+      backgroundColor: 'rgba(255,255,255,0.2)',
+      justifyContent: 'center',
+      alignItems: 'center'
+    }
+  },
+  closeIcon: {
+    color: '#FFFFFF',
+    fontSize: '20@vs',
+    fontWeight: '300'
+  },
+  mediaContainer: {
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  placeholder: {
+    backgroundColor: 'rgba(255,255,255,0.1)',
+    borderRadius: 12,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  placeholderIcon: {
+    fontSize: '60@vs'
+  },
+  playOverlay: {
+    ...{
+      position: 'absolute',
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      justifyContent: 'center',
+      alignItems: 'center'
+    }
+  },
+  playButton: {
+    width: '70@vs',
+    height: '70@vs',
+    borderRadius: '35@vs',
+    backgroundColor: 'rgba(0,0,0,0.6)',
+    justifyContent: 'center',
+    alignItems: 'center',
+    borderWidth: 2,
+    borderColor: 'rgba(255,255,255,0.8)'
+  },
+  playIcon: {
+    fontSize: '30@vs',
+    color: '#FFFFFF',
+    marginLeft: '4@s'
+  }
+});
+//# sourceMappingURL=MediaViewerModal.js.map

package/lib/module/components/MediaViewerModal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Modal","View","Image","TouchableOpacity","StatusBar","useWindowDimensions","useState","AppText","ScaledSheet","activeOpacity","openVideo","jsx","_jsx","jsxs","_jsxs","MediaViewerModal","visible","onClose","mediaUri","mediaType","thumbnailUri","width","height","imageError","setImageError","isVideo","displayUri","undefined","handlePlayVideo","catch","err","console","warn","transparent","animationType","onRequestClose","statusBarTranslucent","children","backgroundColor","barStyle","style","styles","overlay","closeButton","onPress","closeIcon","mediaContainer","source","uri","resizeMode","onError","placeholder","placeholderIcon","playOverlay","playButton","playIcon","create","flex","justifyContent","position","top","left","zIndex","borderRadius","alignItems","color","fontSize","fontWeight","right","bottom","borderWidth","borderColor","marginLeft"],"sourceRoot":"../../../src","sources":["components/MediaViewerModal.tsx"],"mappings":"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","ignoreList":[]}