@plusscommunities/pluss-core-app 8.0.0 → 8.0.1-auth.0

package/dist/module/components/ImagePopup.js

@@ -1,28 +1,29 @@
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import React, { Component } from 'react';
-import _ from 'lodash';
-import moment from 'moment';
-import { Dimensions, Modal, TouchableOpacity, StyleSheet, View, Text } from 'react-native';
-import ImageViewer from 'react-native-image-zoom-viewer';
-import { Icon } from '@rneui/themed';
-import AutoHeightImage from 'react-native-auto-height-image';
-import { TEXT_DARK } from '../colours';
-import { StatusBarHeight, isVideo, get1400 } from '../helper';
-import { Pl60Icon } from '../fonts';
-import { SharingTools } from './SharingTools';
-import { VideoPopup } from './VideoPopup';
-import { ProfilePic } from './ProfilePic';
-const SCREEN_WIDTH = Dimensions.get('window').width;
-const SCREEN_HEIGHT = Dimensions.get('window').height;
+import React, { Component } from "react";
+import { Text } from "@plusscommunities/pluss-core-app/components";
+import _ from "lodash";
+import moment from "moment";
+import { Dimensions, Modal, TouchableOpacity, StyleSheet, View, Image } from "react-native";
+import ImageViewer from "react-native-image-zoom-viewer";
+import { Icon } from "@rneui/themed";
+import { StatusBarHeight, isVideo, get1400 } from "../helper";
+import { FontAwesome } from "./Icon";
+import { SharingTools } from "./SharingTools";
+import { VideoPopup } from "./VideoPopup";
+import { ProfilePic } from "./ProfilePic";
+import { LoadingIndicator } from "./";
+const SCREEN_WIDTH = Dimensions.get("window").width;
+const SCREEN_HEIGHT = Dimensions.get("window").height;
+const MAX_IMAGE_HEIGHT = SCREEN_HEIGHT * 0.65;
 class ImagePopup extends Component {
   constructor(_props) {
     super(_props);
-    _defineProperty(this, "setupUrls", () => {
+    _defineProperty(this, "setupUrls", async () => {
       if (!this.props.images) return;
       const images = this.props.images.map(image => {
-        if (typeof image === 'string') {
+        if (typeof image === "string") {
           return {
             url: get1400(image),
             original: image,
@@ -34,12 +35,43 @@ class ImagePopup extends Component {
           original: image === null || image === void 0 ? void 0 : image.uri,
           isVideo: isVideo(image === null || image === void 0 ? void 0 : image.uri),
           date: image === null || image === void 0 ? void 0 : image.date,
-          user: image === null || image === void 0 ? void 0 : image.user
+          user: image === null || image === void 0 ? void 0 : image.user,
+          caption: image === null || image === void 0 ? void 0 : image.caption
         };
       });
+      this.setState({
+        isLoadingDimensions: true
+      });
+      const dimensions = {};
+      await Promise.all(images.map(async image => {
+        if (!image.url) return;
+        try {
+          const {
+            width,
+            height
+          } = await new Promise((resolve, reject) => {
+            Image.getSize(image.url, (w, h) => resolve({
+              width: w,
+              height: h
+            }), reject);
+          });
+          dimensions[image.url] = {
+            width,
+            height
+          };
+        } catch (err) {
+          console.log("Failed to get dimensions for", image.url, err);
+          dimensions[image.url] = {
+            width: SCREEN_WIDTH,
+            height: SCREEN_HEIGHT
+          };
+        }
+      }));
       this.setState({
         images,
-        index: this.state.index || this.props.index || 0
+        index: this.state.index || this.props.index || 0,
+        imageDimensions: dimensions,
+        isLoadingDimensions: false
       });
     });
     _defineProperty(this, "onChange", index => {
@@ -48,25 +80,25 @@ class ImagePopup extends Component {
       });
     });
     _defineProperty(this, "toggleFullscreenVideo", url => {
-      if (typeof url !== 'string') url = '';
+      if (typeof url !== "string") url = "";
       this.setState({
         showFullscreenVideo: url.length > 0,
         currentVideoUrl: url
       });
     });
-    _defineProperty(this, "renderImageFooter", (media, style) => {
+    _defineProperty(this, "renderImageFooter", media => {
       var _media$user, _media$user2;
       if (!media.user || !media.date) return null;
       let dateText, timeText;
       if (!_.isNil(media.date)) {
         const imageDate = moment(media.date);
-        dateText = imageDate.format('MMMM D, YYYY');
-        timeText = imageDate.format('hh:mm A');
+        dateText = imageDate.format("MMMM D, YYYY");
+        timeText = imageDate.format("hh:mm A");
       }
       return /*#__PURE__*/React.createElement(View, {
-        style: [styles.imageInfoContainer, style]
+        style: styles.imageInfoContainer
       }, /*#__PURE__*/React.createElement(ProfilePic, {
-        Diameter: 42,
+        Diameter: 36,
         ProfilePic: media === null || media === void 0 || (_media$user = media.user) === null || _media$user === void 0 ? void 0 : _media$user.profilePic
       }), /*#__PURE__*/React.createElement(View, {
         style: styles.imageTextContainer
@@ -77,32 +109,98 @@ class ImagePopup extends Component {
         style: styles.iamgeTextDate
       }, `Uploaded ${dateText} • ${timeText}`)));
     });
+    _defineProperty(this, "renderCaption", media => {
+      if (!media.caption) return null;
+      return /*#__PURE__*/React.createElement(View, {
+        style: styles.captionContainer
+      }, /*#__PURE__*/React.createElement(Text, {
+        numberOfLines: 3,
+        style: styles.captionText
+      }, media.caption));
+    });
+    _defineProperty(this, "getImageDimensions", media => {
+      const cachedDimensions = this.state.imageDimensions[media === null || media === void 0 ? void 0 : media.url] || {
+        width: SCREEN_WIDTH,
+        height: SCREEN_HEIGHT
+      };
+      const aspectRatio = cachedDimensions.width / cachedDimensions.height;
+      let imageWidth = SCREEN_WIDTH;
+      let imageHeight = imageWidth / aspectRatio;
+
+      // Cap at 70% of screen height
+      if (imageHeight > MAX_IMAGE_HEIGHT) {
+        imageHeight = MAX_IMAGE_HEIGHT;
+        imageWidth = imageHeight * aspectRatio;
+      }
+      return {
+        imageWidth,
+        imageHeight
+      };
+    });
     _defineProperty(this, "renderImage", props => {
       const media = this.state.images.find(image => image.url === props.source.uri);
-      const isVideo = !_.isNil(media) && media.isVideo;
+      const isVideoMedia = !_.isNil(media) && media.isVideo;
+      const {
+        imageWidth,
+        imageHeight
+      } = this.getImageDimensions(media);
       return /*#__PURE__*/React.createElement(View, {
         style: styles.imageContainer
-      }, /*#__PURE__*/React.createElement(AutoHeightImage, {
+      }, /*#__PURE__*/React.createElement(Image, {
         source: {
-          uri: media.url
+          uri: media === null || media === void 0 ? void 0 : media.url
+        },
+        style: {
+          width: imageWidth,
+          height: imageHeight
         },
-        width: SCREEN_WIDTH,
         resizeMode: "contain"
-      }), isVideo && /*#__PURE__*/React.createElement(View, {
-        style: styles.videoOverlay
+      }), isVideoMedia && /*#__PURE__*/React.createElement(View, {
+        style: [styles.videoOverlay, {
+          width: imageWidth,
+          height: imageHeight
+        }]
       }, /*#__PURE__*/React.createElement(TouchableOpacity, {
         onPress: this.toggleFullscreenVideo.bind(this, media.original)
       }, /*#__PURE__*/React.createElement(Icon, {
         name: "play",
         type: "font-awesome",
         iconStyle: styles.videoPlayIcon
-      }))), this.renderImageFooter(media));
+      }))));
+    });
+    _defineProperty(this, "renderBottomContent", () => {
+      const {
+        index,
+        images
+      } = this.state;
+      const media = images[index];
+      if (!media) return null;
+      const hasCaption = !_.isNil(media.caption);
+      const hasUserInfo = !_.isNil(media.user) || !_.isNil(media.date);
+      if (!hasCaption && !hasUserInfo) return null;
+
+      // Calculate where the image ends (for caption positioning)
+      const {
+        imageHeight
+      } = this.getImageDimensions(media);
+      const imageTop = (SCREEN_HEIGHT - imageHeight) / 2;
+      const imageBottom = imageTop + imageHeight;
+      const captionTop = imageBottom + 16;
+      return /*#__PURE__*/React.createElement(React.Fragment, null, hasCaption && /*#__PURE__*/React.createElement(View, {
+        style: [styles.captionWrapper, {
+          top: captionTop
+        }]
+      }, this.renderCaption(media)), hasUserInfo && /*#__PURE__*/React.createElement(View, {
+        style: styles.userInfoWrapper
+      }, this.renderImageFooter(media)));
     });
     this.state = {
       index: 0,
       images: [],
       showFullscreenVideo: false,
-      currentVideoUrl: ''
+      currentVideoUrl: "",
+      imageDimensions: {},
+      isLoadingDimensions: false
     };
   }
   componentDidMount() {
@@ -128,8 +226,8 @@ class ImagePopup extends Component {
       style: styles.menuIconContainer,
       onPress: this.props.onClose,
       activeOpacity: 0.6
-    }, /*#__PURE__*/React.createElement(Pl60Icon, {
-      name: "close",
+    }, /*#__PURE__*/React.createElement(FontAwesome, {
+      name: "x",
       style: [styles.menuIcon]
     }));
   }
@@ -146,19 +244,29 @@ class ImagePopup extends Component {
     });
   }
   render() {
+    var _images$index;
     const {
       visible,
       onClose
     } = this.props;
     const {
       index,
-      images
+      images,
+      isLoadingDimensions
     } = this.state;
     if (_.isEmpty(images)) {
       return null;
     }
-
-    // This is required for the ImageViewer to render the image info section properly
+    if (isLoadingDimensions) {
+      return /*#__PURE__*/React.createElement(Modal, {
+        visible: visible,
+        animationType: "slide",
+        onRequestClose: onClose,
+        style: styles.modal
+      }, /*#__PURE__*/React.createElement(LoadingIndicator, {
+        visible: true
+      }));
+    }
     const imagesWithSizes = images.map(image => {
       return {
         ...image,
@@ -171,36 +279,56 @@ class ImagePopup extends Component {
       animationType: "slide",
       onRequestClose: onClose,
       style: styles.modal
+    }, /*#__PURE__*/React.createElement(View, {
+      style: styles.container
     }, /*#__PURE__*/React.createElement(ImageViewer, {
-      style: styles.scrollable,
+      style: styles.imageViewer,
       index: index,
       onChange: this.onChange,
       onSwipeDown: onClose,
       enableSwipeDown: true,
       imageUrls: imagesWithSizes,
       saveToLocalByLongPress: false,
-      renderImage: this.renderImage
-    }), this.renderClose(), /*#__PURE__*/React.createElement(SharingTools, {
-      uri: images[index].original
-    }), this.renderVideoPlayerPopup());
+      renderImage: this.renderImage,
+      backgroundColor: "#000"
+    }), this.renderBottomContent(), this.renderClose(), /*#__PURE__*/React.createElement(SharingTools, {
+      uri: (_images$index = images[index]) === null || _images$index === void 0 ? void 0 : _images$index.original
+    })), this.renderVideoPlayerPopup());
   }
 }
 const styles = StyleSheet.create({
   modal: {
-    backgroundColor: '#000'
+    backgroundColor: "#000"
   },
-  scrollable: {
-    width: SCREEN_WIDTH,
-    height: SCREEN_HEIGHT,
-    backgroundColor: '#000'
+  container: {
+    flex: 1,
+    backgroundColor: "#000"
+  },
+  imageViewer: {
+    flex: 1,
+    backgroundColor: "#000"
   },
   imageContainer: {
     flex: 1,
-    justifyContent: 'center',
-    alignItems: 'center'
+    justifyContent: "center",
+    alignItems: "center"
+  },
+  captionWrapper: {
+    position: "absolute",
+    left: 16,
+    right: 16,
+    zIndex: 10
+  },
+  userInfoWrapper: {
+    position: "absolute",
+    bottom: 40,
+    // Safe area padding
+    left: 16,
+    right: 16,
+    zIndex: 10
   },
   menuIconContainer: {
-    position: 'absolute',
+    position: "absolute",
     top: StatusBarHeight(0),
     right: 0,
     width: 55,
@@ -211,51 +339,61 @@ const styles = StyleSheet.create({
     fontSize: 25,
     padding: 15,
     width: 55,
-    textAlign: 'center',
-    color: '#fff',
+    textAlign: "center",
+    color: "#fff",
     zIndex: 3
   },
   videoOverlay: {
-    position: 'absolute',
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    alignItems: 'center',
-    justifyContent: 'center'
+    position: "absolute",
+    alignItems: "center",
+    justifyContent: "center"
   },
   videoPlayIcon: {
-    color: '#fff',
+    color: "#fff",
     fontSize: 30,
-    textShadowColor: 'rgba(0,0,0,0.3)',
+    textShadowColor: "rgba(0,0,0,0.3)",
     textShadowOffset: {
       width: 2,
       height: 2
     }
   },
   imageInfoContainer: {
-    flexDirection: 'row',
+    flexDirection: "row",
     paddingHorizontal: 12,
-    height: 70,
-    backgroundColor: '#fff',
-    alignItems: 'center'
+    paddingVertical: 12,
+    gap: 4,
+    borderRadius: 8,
+    alignItems: "center"
   },
   imageTextContainer: {
     marginLeft: 12,
-    flexDirection: 'column',
+    flexDirection: "column",
+    gap: 4,
     flex: 1,
-    height: 42,
-    justifyContent: 'space-around'
+    justifyContent: "space-around"
   },
   imageTextName: {
-    fontFamily: 'sf-semibold',
+    fontFamily: "sf-semibold",
     fontSize: 14,
-    color: TEXT_DARK
+    color: "#fff"
   },
   iamgeTextDate: {
-    fontFamily: 'sf-regular',
+    fontFamily: "sf-regular",
     fontSize: 12,
-    color: TEXT_DARK
+    color: "rgba(255, 255, 255, 0.8)"
+  },
+  captionContainer: {
+    borderRadius: 16,
+    padding: 0,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  captionText: {
+    fontFamily: "sf-regular",
+    fontSize: 15,
+    color: "#fff",
+    textAlign: "center",
+    lineHeight: 20
   }
 });
 export { ImagePopup };

package/dist/module/components/ImagePopup.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Component","_","moment","Dimensions","Modal","TouchableOpacity","StyleSheet","View","Text","ImageViewer","Icon","AutoHeightImage","TEXT_DARK","StatusBarHeight","isVideo","get1400","Pl60Icon","SharingTools","VideoPopup","ProfilePic","SCREEN_WIDTH","get","width","SCREEN_HEIGHT","height","ImagePopup","constructor","props","_defineProperty","images","map","image","url","original","uri","date","user","setState","index","state","showFullscreenVideo","length","currentVideoUrl","media","style","_media$user","_media$user2","dateText","timeText","isNil","imageDate","format","createElement","styles","imageInfoContainer","Diameter","profilePic","imageTextContainer","imageTextName","displayName","numberOfLines","iamgeTextDate","find","source","imageContainer","resizeMode","videoOverlay","onPress","toggleFullscreenVideo","bind","name","type","iconStyle","videoPlayIcon","renderImageFooter","componentDidMount","setupUrls","componentDidUpdate","prevProps","visible","scrollTo","renderClose","menuIconContainer","onClose","activeOpacity","menuIcon","renderVideoPlayerPopup","render","isEmpty","imagesWithSizes","animationType","onRequestClose","modal","scrollable","onChange","onSwipeDown","enableSwipeDown","imageUrls","saveToLocalByLongPress","renderImage","create","backgroundColor","flex","justifyContent","alignItems","position","top","right","zIndex","fontSize","padding","textAlign","color","left","bottom","textShadowColor","textShadowOffset","flexDirection","paddingHorizontal","marginLeft","fontFamily"],"sources":["ImagePopup.js"],"sourcesContent":["import React, { Component } from 'react';\nimport _ from 'lodash';\nimport moment from 'moment';\nimport { Dimensions, Modal, TouchableOpacity, StyleSheet, View, Text } from 'react-native';\nimport ImageViewer from 'react-native-image-zoom-viewer';\nimport { Icon } from '@rneui/themed';\nimport AutoHeightImage from 'react-native-auto-height-image';\nimport { TEXT_DARK } from '../colours';\nimport { StatusBarHeight, isVideo, get1400 } from '../helper';\nimport { Pl60Icon } from '../fonts';\nimport { SharingTools } from './SharingTools';\nimport { VideoPopup } from './VideoPopup';\nimport { ProfilePic } from './ProfilePic';\n\nconst SCREEN_WIDTH = Dimensions.get('window').width;\nconst SCREEN_HEIGHT = Dimensions.get('window').height;\n\nclass ImagePopup extends Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      index: 0,\n      images: [],\n      showFullscreenVideo: false,\n      currentVideoUrl: '',\n    };\n  }\n\n  componentDidMount() {\n    this.setupUrls();\n  }\n\n  componentDidUpdate(prevProps) {\n    const { visible, index } = this.props;\n    if (!prevProps.visible && visible) this.setupUrls();\n    if (prevProps.index !== index) this.setState({ index });\n  }\n\n  setupUrls = () => {\n    if (!this.props.images) return;\n\n    const images = this.props.images.map(image => {\n      if (typeof image === 'string') {\n        return { url: get1400(image), original: image, isVideo: isVideo(image) };\n      }\n      return { url: get1400(image?.uri), original: image?.uri, isVideo: isVideo(image?.uri), date: image?.date, user: image?.user };\n    });\n\n    this.setState({ images, index: this.state.index || this.props.index || 0 });\n  };\n\n  onChange = index => {\n    this.setState({ index });\n  };\n\n  scrollTo(index) {\n    this.setState({\n      index,\n    });\n  }\n\n  toggleFullscreenVideo = url => {\n    if (typeof url !== 'string') url = '';\n    this.setState({ showFullscreenVideo: url.length > 0, currentVideoUrl: url });\n  };\n\n  renderClose() {\n    return (\n      <TouchableOpacity style={styles.menuIconContainer} onPress={this.props.onClose} activeOpacity={0.6}>\n        <Pl60Icon name=\"close\" style={[styles.menuIcon]} />\n      </TouchableOpacity>\n    );\n  }\n\n  renderImageFooter = (media, style) => {\n    if (!media.user || !media.date) return null;\n\n    let dateText, timeText;\n    if (!_.isNil(media.date)) {\n      const imageDate = moment(media.date);\n      dateText = imageDate.format('MMMM D, YYYY');\n      timeText = imageDate.format('hh:mm A');\n    }\n\n    return (\n      <View style={[styles.imageInfoContainer, style]}>\n        <ProfilePic Diameter={42} ProfilePic={media?.user?.profilePic} />\n        <View style={styles.imageTextContainer}>\n          <Text style={styles.imageTextName}>{media?.user?.displayName}</Text>\n          <Text numberOfLines={2} style={styles.iamgeTextDate}>{`Uploaded ${dateText} • ${timeText}`}</Text>\n        </View>\n      </View>\n    );\n  };\n\n  renderImage = props => {\n    const media = this.state.images.find(image => image.url === props.source.uri);\n    const isVideo = !_.isNil(media) && media.isVideo;\n\n    return (\n      <View style={styles.imageContainer}>\n        <AutoHeightImage source={{ uri: media.url }} width={SCREEN_WIDTH} resizeMode=\"contain\" />\n        {isVideo && (\n          <View style={styles.videoOverlay}>\n            <TouchableOpacity onPress={this.toggleFullscreenVideo.bind(this, media.original)}>\n              <Icon name=\"play\" type=\"font-awesome\" iconStyle={styles.videoPlayIcon} />\n            </TouchableOpacity>\n          </View>\n        )}\n        {this.renderImageFooter(media)}\n      </View>\n    );\n  };\n\n  renderVideoPlayerPopup() {\n    const { showFullscreenVideo, currentVideoUrl } = this.state;\n    if (!currentVideoUrl) return;\n\n    return <VideoPopup uri={currentVideoUrl} visible={showFullscreenVideo} onClose={this.toggleFullscreenVideo} />;\n  }\n\n  render() {\n    const { visible, onClose } = this.props;\n    const { index, images } = this.state;\n\n    if (_.isEmpty(images)) {\n      return null;\n    }\n\n    // This is required for the ImageViewer to render the image info section properly\n    const imagesWithSizes = images.map(image => {\n      return {\n        ...image,\n        width: SCREEN_WIDTH,\n        height: SCREEN_HEIGHT,\n      };\n    });\n    return (\n      <Modal visible={visible} animationType=\"slide\" onRequestClose={onClose} style={styles.modal}>\n        <ImageViewer\n          style={styles.scrollable}\n          index={index}\n          onChange={this.onChange}\n          onSwipeDown={onClose}\n          enableSwipeDown\n          imageUrls={imagesWithSizes}\n          saveToLocalByLongPress={false}\n          renderImage={this.renderImage}\n        />\n        {this.renderClose()}\n        <SharingTools uri={images[index].original} />\n        {this.renderVideoPlayerPopup()}\n      </Modal>\n    );\n  }\n}\n\nconst styles = StyleSheet.create({\n  modal: {\n    backgroundColor: '#000',\n  },\n  scrollable: {\n    width: SCREEN_WIDTH,\n    height: SCREEN_HEIGHT,\n    backgroundColor: '#000',\n  },\n  imageContainer: {\n    flex: 1,\n    justifyContent: 'center',\n    alignItems: 'center',\n  },\n  menuIconContainer: {\n    position: 'absolute',\n    top: StatusBarHeight(0),\n    right: 0,\n    width: 55,\n    height: 55,\n    zIndex: 3,\n  },\n  menuIcon: {\n    fontSize: 25,\n    padding: 15,\n    width: 55,\n    textAlign: 'center',\n    color: '#fff',\n    zIndex: 3,\n  },\n  videoOverlay: {\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    right: 0,\n    bottom: 0,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  videoPlayIcon: {\n    color: '#fff',\n    fontSize: 30,\n    textShadowColor: 'rgba(0,0,0,0.3)',\n    textShadowOffset: { width: 2, height: 2 },\n  },\n  imageInfoContainer: {\n    flexDirection: 'row',\n    paddingHorizontal: 12,\n    height: 70,\n    backgroundColor: '#fff',\n    alignItems: 'center',\n  },\n  imageTextContainer: {\n    marginLeft: 12,\n    flexDirection: 'column',\n    flex: 1,\n    height: 42,\n    justifyContent: 'space-around',\n  },\n  imageTextName: {\n    fontFamily: 'sf-semibold',\n    fontSize: 14,\n    color: TEXT_DARK,\n  },\n  iamgeTextDate: {\n    fontFamily: 'sf-regular',\n    fontSize: 12,\n    color: TEXT_DARK,\n  },\n});\n\nexport { ImagePopup };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Component","Text","_","moment","Dimensions","Modal","TouchableOpacity","StyleSheet","View","Image","ImageViewer","Icon","StatusBarHeight","isVideo","get1400","FontAwesome","SharingTools","VideoPopup","ProfilePic","LoadingIndicator","SCREEN_WIDTH","get","width","SCREEN_HEIGHT","height","MAX_IMAGE_HEIGHT","ImagePopup","constructor","props","_defineProperty","images","map","image","url","original","uri","date","user","caption","setState","isLoadingDimensions","dimensions","Promise","all","resolve","reject","getSize","w","h","err","console","log","index","state","imageDimensions","showFullscreenVideo","length","currentVideoUrl","media","_media$user","_media$user2","dateText","timeText","isNil","imageDate","format","createElement","style","styles","imageInfoContainer","Diameter","profilePic","imageTextContainer","imageTextName","displayName","numberOfLines","iamgeTextDate","captionContainer","captionText","cachedDimensions","aspectRatio","imageWidth","imageHeight","find","source","isVideoMedia","getImageDimensions","imageContainer","resizeMode","videoOverlay","onPress","toggleFullscreenVideo","bind","name","type","iconStyle","videoPlayIcon","hasCaption","hasUserInfo","imageTop","imageBottom","captionTop","Fragment","captionWrapper","top","renderCaption","userInfoWrapper","renderImageFooter","componentDidMount","setupUrls","componentDidUpdate","prevProps","visible","scrollTo","renderClose","menuIconContainer","onClose","activeOpacity","menuIcon","renderVideoPlayerPopup","render","_images$index","isEmpty","animationType","onRequestClose","modal","imagesWithSizes","container","imageViewer","onChange","onSwipeDown","enableSwipeDown","imageUrls","saveToLocalByLongPress","renderImage","backgroundColor","renderBottomContent","create","flex","justifyContent","alignItems","position","left","right","zIndex","bottom","fontSize","padding","textAlign","color","textShadowColor","textShadowOffset","flexDirection","paddingHorizontal","paddingVertical","gap","borderRadius","marginLeft","fontFamily","lineHeight"],"sources":["ImagePopup.js"],"sourcesContent":["import React, { Component } from \"react\";\nimport { Text } from \"@plusscommunities/pluss-core-app/components\";\nimport _ from \"lodash\";\nimport moment from \"moment\";\nimport {\n\tDimensions,\n\tModal,\n\tTouchableOpacity,\n\tStyleSheet,\n\tView,\n\tImage,\n} from \"react-native\";\nimport ImageViewer from \"react-native-image-zoom-viewer\";\nimport { Icon } from \"@rneui/themed\";\nimport { StatusBarHeight, isVideo, get1400 } from \"../helper\";\nimport { FontAwesome } from \"./Icon\";\nimport { SharingTools } from \"./SharingTools\";\nimport { VideoPopup } from \"./VideoPopup\";\nimport { ProfilePic } from \"./ProfilePic\";\nimport { LoadingIndicator } from \"./\";\n\nconst SCREEN_WIDTH = Dimensions.get(\"window\").width;\nconst SCREEN_HEIGHT = Dimensions.get(\"window\").height;\nconst MAX_IMAGE_HEIGHT = SCREEN_HEIGHT * 0.65;\n\nclass ImagePopup extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tindex: 0,\n\t\t\timages: [],\n\t\t\tshowFullscreenVideo: false,\n\t\t\tcurrentVideoUrl: \"\",\n\t\t\timageDimensions: {},\n\t\t\tisLoadingDimensions: false,\n\t\t};\n\t}\n\n\tcomponentDidMount() {\n\t\tthis.setupUrls();\n\t}\n\n\tcomponentDidUpdate(prevProps) {\n\t\tconst { visible, index } = this.props;\n\t\tif (!prevProps.visible && visible) this.setupUrls();\n\t\tif (prevProps.index !== index) this.setState({ index });\n\t}\n\n\tsetupUrls = async () => {\n\t\tif (!this.props.images) return;\n\n\t\tconst images = this.props.images.map((image) => {\n\t\t\tif (typeof image === \"string\") {\n\t\t\t\treturn {\n\t\t\t\t\turl: get1400(image),\n\t\t\t\t\toriginal: image,\n\t\t\t\t\tisVideo: isVideo(image),\n\t\t\t\t};\n\t\t\t}\n\t\t\treturn {\n\t\t\t\turl: get1400(image?.uri),\n\t\t\t\toriginal: image?.uri,\n\t\t\t\tisVideo: isVideo(image?.uri),\n\t\t\t\tdate: image?.date,\n\t\t\t\tuser: image?.user,\n\t\t\t\tcaption: image?.caption,\n\t\t\t};\n\t\t});\n\n\t\tthis.setState({ isLoadingDimensions: true });\n\n\t\tconst dimensions = {};\n\t\tawait Promise.all(\n\t\t\timages.map(async (image) => {\n\t\t\t\tif (!image.url) return;\n\t\t\t\ttry {\n\t\t\t\t\tconst { width, height } = await new Promise((resolve, reject) => {\n\t\t\t\t\t\tImage.getSize(\n\t\t\t\t\t\t\timage.url,\n\t\t\t\t\t\t\t(w, h) => resolve({ width: w, height: h }),\n\t\t\t\t\t\t\treject,\n\t\t\t\t\t\t);\n\t\t\t\t\t});\n\t\t\t\t\tdimensions[image.url] = { width, height };\n\t\t\t\t} catch (err) {\n\t\t\t\t\tconsole.log(\"Failed to get dimensions for\", image.url, err);\n\t\t\t\t\tdimensions[image.url] = {\n\t\t\t\t\t\twidth: SCREEN_WIDTH,\n\t\t\t\t\t\theight: SCREEN_HEIGHT,\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t}),\n\t\t);\n\n\t\tthis.setState({\n\t\t\timages,\n\t\t\tindex: this.state.index || this.props.index || 0,\n\t\t\timageDimensions: dimensions,\n\t\t\tisLoadingDimensions: false,\n\t\t});\n\t};\n\n\tonChange = (index) => {\n\t\tthis.setState({ index });\n\t};\n\n\tscrollTo(index) {\n\t\tthis.setState({\n\t\t\tindex,\n\t\t});\n\t}\n\n\ttoggleFullscreenVideo = (url) => {\n\t\tif (typeof url !== \"string\") url = \"\";\n\t\tthis.setState({\n\t\t\tshowFullscreenVideo: url.length > 0,\n\t\t\tcurrentVideoUrl: url,\n\t\t});\n\t};\n\n\trenderClose() {\n\t\treturn (\n\t\t\t<TouchableOpacity\n\t\t\t\tstyle={styles.menuIconContainer}\n\t\t\t\tonPress={this.props.onClose}\n\t\t\t\tactiveOpacity={0.6}\n\t\t\t>\n\t\t\t\t<FontAwesome name=\"x\" style={[styles.menuIcon]} />\n\t\t\t</TouchableOpacity>\n\t\t);\n\t}\n\n\trenderImageFooter = (media) => {\n\t\tif (!media.user || !media.date) return null;\n\n\t\tlet dateText, timeText;\n\t\tif (!_.isNil(media.date)) {\n\t\t\tconst imageDate = moment(media.date);\n\t\t\tdateText = imageDate.format(\"MMMM D, YYYY\");\n\t\t\ttimeText = imageDate.format(\"hh:mm A\");\n\t\t}\n\n\t\treturn (\n\t\t\t<View style={styles.imageInfoContainer}>\n\t\t\t\t<ProfilePic Diameter={36} ProfilePic={media?.user?.profilePic} />\n\t\t\t\t<View style={styles.imageTextContainer}>\n\t\t\t\t\t<Text style={styles.imageTextName}>{media?.user?.displayName}</Text>\n\t\t\t\t\t<Text\n\t\t\t\t\t\tnumberOfLines={2}\n\t\t\t\t\t\tstyle={styles.iamgeTextDate}\n\t\t\t\t\t>{`Uploaded ${dateText} • ${timeText}`}</Text>\n\t\t\t\t</View>\n\t\t\t</View>\n\t\t);\n\t};\n\n\trenderCaption = (media) => {\n\t\tif (!media.caption) return null;\n\n\t\treturn (\n\t\t\t<View style={styles.captionContainer}>\n\t\t\t\t<Text numberOfLines={3} style={styles.captionText}>\n\t\t\t\t\t{media.caption}\n\t\t\t\t</Text>\n\t\t\t</View>\n\t\t);\n\t};\n\n\tgetImageDimensions = (media) => {\n\t\tconst cachedDimensions = this.state.imageDimensions[media?.url] || {\n\t\t\twidth: SCREEN_WIDTH,\n\t\t\theight: SCREEN_HEIGHT,\n\t\t};\n\n\t\tconst aspectRatio = cachedDimensions.width / cachedDimensions.height;\n\t\tlet imageWidth = SCREEN_WIDTH;\n\t\tlet imageHeight = imageWidth / aspectRatio;\n\n\t\t// Cap at 70% of screen height\n\t\tif (imageHeight > MAX_IMAGE_HEIGHT) {\n\t\t\timageHeight = MAX_IMAGE_HEIGHT;\n\t\t\timageWidth = imageHeight * aspectRatio;\n\t\t}\n\n\t\treturn { imageWidth, imageHeight };\n\t};\n\n\trenderImage = (props) => {\n\t\tconst media = this.state.images.find(\n\t\t\t(image) => image.url === props.source.uri,\n\t\t);\n\t\tconst isVideoMedia = !_.isNil(media) && media.isVideo;\n\t\tconst { imageWidth, imageHeight } = this.getImageDimensions(media);\n\n\t\treturn (\n\t\t\t<View style={styles.imageContainer}>\n\t\t\t\t<Image\n\t\t\t\t\tsource={{ uri: media?.url }}\n\t\t\t\t\tstyle={{ width: imageWidth, height: imageHeight }}\n\t\t\t\t\tresizeMode=\"contain\"\n\t\t\t\t/>\n\t\t\t\t{isVideoMedia && (\n\t\t\t\t\t<View\n\t\t\t\t\t\tstyle={[\n\t\t\t\t\t\t\tstyles.videoOverlay,\n\t\t\t\t\t\t\t{ width: imageWidth, height: imageHeight },\n\t\t\t\t\t\t]}\n\t\t\t\t\t>\n\t\t\t\t\t\t<TouchableOpacity\n\t\t\t\t\t\t\tonPress={this.toggleFullscreenVideo.bind(this, media.original)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\tname=\"play\"\n\t\t\t\t\t\t\t\ttype=\"font-awesome\"\n\t\t\t\t\t\t\t\ticonStyle={styles.videoPlayIcon}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</TouchableOpacity>\n\t\t\t\t\t</View>\n\t\t\t\t)}\n\t\t\t</View>\n\t\t);\n\t};\n\n\trenderVideoPlayerPopup() {\n\t\tconst { showFullscreenVideo, currentVideoUrl } = this.state;\n\t\tif (!currentVideoUrl) return;\n\n\t\treturn (\n\t\t\t<VideoPopup\n\t\t\t\turi={currentVideoUrl}\n\t\t\t\tvisible={showFullscreenVideo}\n\t\t\t\tonClose={this.toggleFullscreenVideo}\n\t\t\t/>\n\t\t);\n\t}\n\n\trenderBottomContent = () => {\n\t\tconst { index, images } = this.state;\n\t\tconst media = images[index];\n\n\t\tif (!media) return null;\n\n\t\tconst hasCaption = !_.isNil(media.caption);\n\t\tconst hasUserInfo = !_.isNil(media.user) || !_.isNil(media.date);\n\n\t\tif (!hasCaption && !hasUserInfo) return null;\n\n\t\t// Calculate where the image ends (for caption positioning)\n\t\tconst { imageHeight } = this.getImageDimensions(media);\n\t\tconst imageTop = (SCREEN_HEIGHT - imageHeight) / 2;\n\t\tconst imageBottom = imageTop + imageHeight;\n\t\tconst captionTop = imageBottom + 16;\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{/* Caption positioned below the image */}\n\t\t\t\t{hasCaption && (\n\t\t\t\t\t<View style={[styles.captionWrapper, { top: captionTop }]}>\n\t\t\t\t\t\t{this.renderCaption(media)}\n\t\t\t\t\t</View>\n\t\t\t\t)}\n\n\t\t\t\t{/* User info anchored to bottom of screen */}\n\t\t\t\t{hasUserInfo && (\n\t\t\t\t\t<View style={styles.userInfoWrapper}>\n\t\t\t\t\t\t{this.renderImageFooter(media)}\n\t\t\t\t\t</View>\n\t\t\t\t)}\n\t\t\t</>\n\t\t);\n\t};\n\n\trender() {\n\t\tconst { visible, onClose } = this.props;\n\t\tconst { index, images, isLoadingDimensions } = this.state;\n\n\t\tif (_.isEmpty(images)) {\n\t\t\treturn null;\n\t\t}\n\n\t\tif (isLoadingDimensions) {\n\t\t\treturn (\n\t\t\t\t<Modal\n\t\t\t\t\tvisible={visible}\n\t\t\t\t\tanimationType=\"slide\"\n\t\t\t\t\tonRequestClose={onClose}\n\t\t\t\t\tstyle={styles.modal}\n\t\t\t\t>\n\t\t\t\t\t<LoadingIndicator visible={true} />\n\t\t\t\t</Modal>\n\t\t\t);\n\t\t}\n\n\t\tconst imagesWithSizes = images.map((image) => {\n\t\t\treturn {\n\t\t\t\t...image,\n\t\t\t\twidth: SCREEN_WIDTH,\n\t\t\t\theight: SCREEN_HEIGHT,\n\t\t\t};\n\t\t});\n\n\t\treturn (\n\t\t\t<Modal\n\t\t\t\tvisible={visible}\n\t\t\t\tanimationType=\"slide\"\n\t\t\t\tonRequestClose={onClose}\n\t\t\t\tstyle={styles.modal}\n\t\t\t>\n\t\t\t\t<View style={styles.container}>\n\t\t\t\t\t{/* Full screen image viewer */}\n\t\t\t\t\t<ImageViewer\n\t\t\t\t\t\tstyle={styles.imageViewer}\n\t\t\t\t\t\tindex={index}\n\t\t\t\t\t\tonChange={this.onChange}\n\t\t\t\t\t\tonSwipeDown={onClose}\n\t\t\t\t\t\tenableSwipeDown\n\t\t\t\t\t\timageUrls={imagesWithSizes}\n\t\t\t\t\t\tsaveToLocalByLongPress={false}\n\t\t\t\t\t\trenderImage={this.renderImage}\n\t\t\t\t\t\tbackgroundColor=\"#000\"\n\t\t\t\t\t/>\n\n\t\t\t\t\t{/* Absolutely positioned bottom content */}\n\t\t\t\t\t{this.renderBottomContent()}\n\n\t\t\t\t\t{/* Overlay controls */}\n\t\t\t\t\t{this.renderClose()}\n\t\t\t\t\t<SharingTools uri={images[index]?.original} />\n\t\t\t\t</View>\n\t\t\t\t{this.renderVideoPlayerPopup()}\n\t\t\t</Modal>\n\t\t);\n\t}\n}\n\nconst styles = StyleSheet.create({\n\tmodal: {\n\t\tbackgroundColor: \"#000\",\n\t},\n\tcontainer: {\n\t\tflex: 1,\n\t\tbackgroundColor: \"#000\",\n\t},\n\timageViewer: {\n\t\tflex: 1,\n\t\tbackgroundColor: \"#000\",\n\t},\n\timageContainer: {\n\t\tflex: 1,\n\t\tjustifyContent: \"center\",\n\t\talignItems: \"center\",\n\t},\n\tcaptionWrapper: {\n\t\tposition: \"absolute\",\n\t\tleft: 16,\n\t\tright: 16,\n\t\tzIndex: 10,\n\t},\n\tuserInfoWrapper: {\n\t\tposition: \"absolute\",\n\t\tbottom: 40, // Safe area padding\n\t\tleft: 16,\n\t\tright: 16,\n\t\tzIndex: 10,\n\t},\n\tmenuIconContainer: {\n\t\tposition: \"absolute\",\n\t\ttop: StatusBarHeight(0),\n\t\tright: 0,\n\t\twidth: 55,\n\t\theight: 55,\n\t\tzIndex: 3,\n\t},\n\tmenuIcon: {\n\t\tfontSize: 25,\n\t\tpadding: 15,\n\t\twidth: 55,\n\t\ttextAlign: \"center\",\n\t\tcolor: \"#fff\",\n\t\tzIndex: 3,\n\t},\n\tvideoOverlay: {\n\t\tposition: \"absolute\",\n\t\talignItems: \"center\",\n\t\tjustifyContent: \"center\",\n\t},\n\tvideoPlayIcon: {\n\t\tcolor: \"#fff\",\n\t\tfontSize: 30,\n\t\ttextShadowColor: \"rgba(0,0,0,0.3)\",\n\t\ttextShadowOffset: { width: 2, height: 2 },\n\t},\n\timageInfoContainer: {\n\t\tflexDirection: \"row\",\n\t\tpaddingHorizontal: 12,\n\t\tpaddingVertical: 12,\n\t\tgap: 4,\n\t\tborderRadius: 8,\n\t\talignItems: \"center\",\n\t},\n\timageTextContainer: {\n\t\tmarginLeft: 12,\n\t\tflexDirection: \"column\",\n\t\tgap: 4,\n\t\tflex: 1,\n\t\tjustifyContent: \"space-around\",\n\t},\n\timageTextName: {\n\t\tfontFamily: \"sf-semibold\",\n\t\tfontSize: 14,\n\t\tcolor: \"#fff\",\n\t},\n\tiamgeTextDate: {\n\t\tfontFamily: \"sf-regular\",\n\t\tfontSize: 12,\n\t\tcolor: \"rgba(255, 255, 255, 0.8)\",\n\t},\n\tcaptionContainer: {\n\t\tborderRadius: 16,\n\t\tpadding: 0,\n\t\talignItems: \"center\",\n\t\tjustifyContent: \"center\",\n\t},\n\tcaptionText: {\n\t\tfontFamily: \"sf-regular\",\n\t\tfontSize: 15,\n\t\tcolor: \"#fff\",\n\t\ttextAlign: \"center\",\n\t\tlineHeight: 20,\n\t},\n});\n\nexport { ImagePopup };\n"],"mappings":"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","ignoreList":[]}

package/dist/module/components/ImageUploadProgress.js

@@ -1,10 +1,11 @@
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import React, { Component } from 'react';
-import { View, Text, StyleSheet } from 'react-native';
-import { InlineButton } from './InlineButton';
-import { Spinner } from './Spinner';
+import React, { Component } from "react";
+import { View, StyleSheet } from "react-native";
+import { Text } from "./Text";
+import { InlineButton } from "./InlineButton";
+import { Spinner } from "./Spinner";
 class ImageUploadProgress extends Component {
   constructor(...args) {
     super(...args);
@@ -45,22 +46,22 @@ class ImageUploadProgress extends Component {
 }
 const styles = StyleSheet.create({
   container: {
-    alignItems: 'center',
-    justifyContent: 'center'
+    alignItems: "center",
+    justifyContent: "center"
   },
   spinner: {
     flex: 0
   },
   uploadProgressText: {
-    textAlign: 'center',
-    fontFamily: 'sf-semibold',
+    textAlign: "center",
+    fontFamily: "sf-semibold",
     fontSize: 12
   },
   retryButton: {
     marginTop: 10
   },
   retryText: {
-    fontFamily: 'sf-semibold',
+    fontFamily: "sf-semibold",
     fontSize: 12
   }
 });

package/dist/module/components/ImageUploadProgress.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Component","View","Text","StyleSheet","InlineButton","Spinner","ImageUploadProgress","constructor","args","_defineProperty","imageUri","uploadUri","props","uploader","retryUpload","render","color","image","style","progressTextStyle","retryTextStyle","uploadProgress","allowRetry","createElement","styles","container","spinner","uploadProgressText","onPress","onRetryUpload","touchableStyle","retryButton","retryText","create","alignItems","justifyContent","flex","textAlign","fontFamily","fontSize","marginTop"],"sources":["ImageUploadProgress.js"],"sourcesContent":["import React, { Component } from 'react';\nimport { View, Text, StyleSheet } from 'react-native';\nimport { InlineButton } from './InlineButton';\nimport { Spinner } from './Spinner';\n\nclass ImageUploadProgress extends Component {\n  onRetryUpload = (imageUri, uploadUri) => {\n    this.props.uploader.retryUpload(imageUri, uploadUri);\n  };\n\n  render() {\n    const { color, image, style, progressTextStyle, retryTextStyle } = this.props;\n    const { imageUri, uploadUri, uploadProgress, allowRetry } = image;\n\n    return (\n      <View style={[styles.container, style]}>\n        <Spinner style={styles.spinner} />\n        <Text style={[styles.uploadProgressText, progressTextStyle, { color }]}>{uploadProgress}</Text>\n        {allowRetry && (\n          <InlineButton color={color} onPress={() => this.onRetryUpload(imageUri, uploadUri)} touchableStyle={styles.retryButton}>\n            <Text style={[styles.retryText, retryTextStyle]}>Retry</Text>\n          </InlineButton>\n        )}\n      </View>\n    );\n  }\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  spinner: {\n    flex: 0,\n  },\n  uploadProgressText: {\n    textAlign: 'center',\n    fontFamily: 'sf-semibold',\n    fontSize: 12,\n  },\n  retryButton: {\n    marginTop: 10,\n  },\n  retryText: {\n    fontFamily: 'sf-semibold',\n    fontSize: 12,\n  },\n});\n\nexport default ImageUploadProgress;\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,IAAI,EAAEC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AACrD,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,OAAO,QAAQ,WAAW;AAEnC,MAAMC,mBAAmB,SAASN,SAAS,CAAC;EAAAO,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,wBAC1B,CAACC,QAAQ,EAAEC,SAAS,KAAK;MACvC,IAAI,CAACC,KAAK,CAACC,QAAQ,CAACC,WAAW,CAACJ,QAAQ,EAAEC,SAAS,CAAC;IACtD,CAAC;EAAA;EAEDI,MAAMA,CAAA,EAAG;IACP,MAAM;MAAEC,KAAK;MAAEC,KAAK;MAAEC,KAAK;MAAEC,iBAAiB;MAAEC;IAAe,CAAC,GAAG,IAAI,CAACR,KAAK;IAC7E,MAAM;MAAEF,QAAQ;MAAEC,SAAS;MAAEU,cAAc;MAAEC;IAAW,CAAC,GAAGL,KAAK;IAEjE,oBACElB,KAAA,CAAAwB,aAAA,CAACtB,IAAI;MAACiB,KAAK,EAAE,CAACM,MAAM,CAACC,SAAS,EAAEP,KAAK;IAAE,gBACrCnB,KAAA,CAAAwB,aAAA,CAAClB,OAAO;MAACa,KAAK,EAAEM,MAAM,CAACE;IAAQ,CAAE,CAAC,eAClC3B,KAAA,CAAAwB,aAAA,CAACrB,IAAI;MAACgB,KAAK,EAAE,CAACM,MAAM,CAACG,kBAAkB,EAAER,iBAAiB,EAAE;QAAEH;MAAM,CAAC;IAAE,GAAEK,cAAqB,CAAC,EAC9FC,UAAU,iBACTvB,KAAA,CAAAwB,aAAA,CAACnB,YAAY;MAACY,KAAK,EAAEA,KAAM;MAACY,OAAO,EAAEA,CAAA,KAAM,IAAI,CAACC,aAAa,CAACnB,QAAQ,EAAEC,SAAS,CAAE;MAACmB,cAAc,EAAEN,MAAM,CAACO;IAAY,gBACrHhC,KAAA,CAAAwB,aAAA,CAACrB,IAAI;MAACgB,KAAK,EAAE,CAACM,MAAM,CAACQ,SAAS,EAAEZ,cAAc;IAAE,GAAC,OAAW,CAChD,CAEZ,CAAC;EAEX;AACF;AAEA,MAAMI,MAAM,GAAGrB,UAAU,CAAC8B,MAAM,CAAC;EAC/BR,SAAS,EAAE;IACTS,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDT,OAAO,EAAE;IACPU,IAAI,EAAE;EACR,CAAC;EACDT,kBAAkB,EAAE;IAClBU,SAAS,EAAE,QAAQ;IACnBC,UAAU,EAAE,aAAa;IACzBC,QAAQ,EAAE;EACZ,CAAC;EACDR,WAAW,EAAE;IACXS,SAAS,EAAE;EACb,CAAC;EACDR,SAAS,EAAE;IACTM,UAAU,EAAE,aAAa;IACzBC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC;AAEF,eAAejC,mBAAmB","ignoreList":[]}
+{"version":3,"names":["React","Component","View","StyleSheet","Text","InlineButton","Spinner","ImageUploadProgress","constructor","args","_defineProperty","imageUri","uploadUri","props","uploader","retryUpload","render","color","image","style","progressTextStyle","retryTextStyle","uploadProgress","allowRetry","createElement","styles","container","spinner","uploadProgressText","onPress","onRetryUpload","touchableStyle","retryButton","retryText","create","alignItems","justifyContent","flex","textAlign","fontFamily","fontSize","marginTop"],"sources":["ImageUploadProgress.js"],"sourcesContent":["import React, { Component } from \"react\";\nimport { View, StyleSheet } from \"react-native\";\nimport { Text } from \"./Text\";\nimport { InlineButton } from \"./InlineButton\";\nimport { Spinner } from \"./Spinner\";\n\nclass ImageUploadProgress extends Component {\n\tonRetryUpload = (imageUri, uploadUri) => {\n\t\tthis.props.uploader.retryUpload(imageUri, uploadUri);\n\t};\n\n\trender() {\n\t\tconst { color, image, style, progressTextStyle, retryTextStyle } =\n\t\t\tthis.props;\n\t\tconst { imageUri, uploadUri, uploadProgress, allowRetry } = image;\n\n\t\treturn (\n\t\t\t<View style={[styles.container, style]}>\n\t\t\t\t<Spinner style={styles.spinner} />\n\t\t\t\t<Text style={[styles.uploadProgressText, progressTextStyle, { color }]}>\n\t\t\t\t\t{uploadProgress}\n\t\t\t\t</Text>\n\t\t\t\t{allowRetry && (\n\t\t\t\t\t<InlineButton\n\t\t\t\t\t\tcolor={color}\n\t\t\t\t\t\tonPress={() => this.onRetryUpload(imageUri, uploadUri)}\n\t\t\t\t\t\ttouchableStyle={styles.retryButton}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Text style={[styles.retryText, retryTextStyle]}>Retry</Text>\n\t\t\t\t\t</InlineButton>\n\t\t\t\t)}\n\t\t\t</View>\n\t\t);\n\t}\n}\n\nconst styles = StyleSheet.create({\n\tcontainer: {\n\t\talignItems: \"center\",\n\t\tjustifyContent: \"center\",\n\t},\n\tspinner: {\n\t\tflex: 0,\n\t},\n\tuploadProgressText: {\n\t\ttextAlign: \"center\",\n\t\tfontFamily: \"sf-semibold\",\n\t\tfontSize: 12,\n\t},\n\tretryButton: {\n\t\tmarginTop: 10,\n\t},\n\tretryText: {\n\t\tfontFamily: \"sf-semibold\",\n\t\tfontSize: 12,\n\t},\n});\n\nexport default ImageUploadProgress;\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAC/C,SAASC,IAAI,QAAQ,QAAQ;AAC7B,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,OAAO,QAAQ,WAAW;AAEnC,MAAMC,mBAAmB,SAASN,SAAS,CAAC;EAAAO,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,wBAC3B,CAACC,QAAQ,EAAEC,SAAS,KAAK;MACxC,IAAI,CAACC,KAAK,CAACC,QAAQ,CAACC,WAAW,CAACJ,QAAQ,EAAEC,SAAS,CAAC;IACrD,CAAC;EAAA;EAEDI,MAAMA,CAAA,EAAG;IACR,MAAM;MAAEC,KAAK;MAAEC,KAAK;MAAEC,KAAK;MAAEC,iBAAiB;MAAEC;IAAe,CAAC,GAC/D,IAAI,CAACR,KAAK;IACX,MAAM;MAAEF,QAAQ;MAAEC,SAAS;MAAEU,cAAc;MAAEC;IAAW,CAAC,GAAGL,KAAK;IAEjE,oBACClB,KAAA,CAAAwB,aAAA,CAACtB,IAAI;MAACiB,KAAK,EAAE,CAACM,MAAM,CAACC,SAAS,EAAEP,KAAK;IAAE,gBACtCnB,KAAA,CAAAwB,aAAA,CAAClB,OAAO;MAACa,KAAK,EAAEM,MAAM,CAACE;IAAQ,CAAE,CAAC,eAClC3B,KAAA,CAAAwB,aAAA,CAACpB,IAAI;MAACe,KAAK,EAAE,CAACM,MAAM,CAACG,kBAAkB,EAAER,iBAAiB,EAAE;QAAEH;MAAM,CAAC;IAAE,GACrEK,cACI,CAAC,EACNC,UAAU,iBACVvB,KAAA,CAAAwB,aAAA,CAACnB,YAAY;MACZY,KAAK,EAAEA,KAAM;MACbY,OAAO,EAAEA,CAAA,KAAM,IAAI,CAACC,aAAa,CAACnB,QAAQ,EAAEC,SAAS,CAAE;MACvDmB,cAAc,EAAEN,MAAM,CAACO;IAAY,gBAEnChC,KAAA,CAAAwB,aAAA,CAACpB,IAAI;MAACe,KAAK,EAAE,CAACM,MAAM,CAACQ,SAAS,EAAEZ,cAAc;IAAE,GAAC,OAAW,CAC/C,CAEV,CAAC;EAET;AACD;AAEA,MAAMI,MAAM,GAAGtB,UAAU,CAAC+B,MAAM,CAAC;EAChCR,SAAS,EAAE;IACVS,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EACjB,CAAC;EACDT,OAAO,EAAE;IACRU,IAAI,EAAE;EACP,CAAC;EACDT,kBAAkB,EAAE;IACnBU,SAAS,EAAE,QAAQ;IACnBC,UAAU,EAAE,aAAa;IACzBC,QAAQ,EAAE;EACX,CAAC;EACDR,WAAW,EAAE;IACZS,SAAS,EAAE;EACZ,CAAC;EACDR,SAAS,EAAE;IACVM,UAAU,EAAE,aAAa;IACzBC,QAAQ,EAAE;EACX;AACD,CAAC,CAAC;AAEF,eAAejC,mBAAmB","ignoreList":[]}