@plusscommunities/pluss-core-app 1.4.9 → 1.5.0

package/dist/module/components/expo-image-picker-multiple/ImageTile.js

@@ -0,0 +1,123 @@
+import React from 'react';
+import { Dimensions, ImageBackground, TouchableHighlight, View, Text, StyleSheet } from 'react-native';
+import * as MediaLibrary from 'expo-media-library';
+import { Icon } from 'react-native-elements';
+import moment from 'moment';
+import { getThumb300 } from '../../helper';
+const screenWidth = Dimensions.get('window').width;
+
+class ImageTile extends React.PureComponent {
+  renderVideoOverlay() {
+    const {
+      item
+    } = this.props;
+    if (item.mediaType !== MediaLibrary.MediaType.video) return null;
+    let durationText = '';
+
+    if (item.duration) {
+      const duration = moment.duration(item.duration, 'seconds').asMilliseconds();
+      durationText = moment.utc(duration).format('HH:mm:ss');
+    }
+
+    return /*#__PURE__*/React.createElement(View, {
+      style: styles.defaultVideoOverlay
+    }, /*#__PURE__*/React.createElement(Icon, {
+      name: "video-camera",
+      type: "font-awesome",
+      iconStyle: styles.videoIcon,
+      style: styles.videoIconContainer
+    }), /*#__PURE__*/React.createElement(Text, {
+      style: styles.videoDurationText
+    }, durationText));
+  }
+
+  renderSelectedOverlay() {
+    const {
+      selected,
+      selectedItemNumber,
+      renderSelectedComponent
+    } = this.props;
+    if (!selected) return null;
+    if (renderSelectedComponent) return renderSelectedComponent(selectedItemNumber);
+    return /*#__PURE__*/React.createElement(View, {
+      style: [styles.defaultSelectedOverlay, {
+        opacity: selected ? 0.5 : 1
+      }]
+    });
+  }
+
+  render() {
+    const {
+      item,
+      index,
+      selectImage,
+      width,
+      height,
+      style,
+      isRemote
+    } = this.props;
+    if (!item) return null;
+    const actualWidth = width || screenWidth / 4;
+    const actualHeight = height || screenWidth / 4;
+    const uri = isRemote ? getThumb300(item.uri) : item.uri;
+    return /*#__PURE__*/React.createElement(TouchableHighlight, {
+      underlayColor: "transparent",
+      onPress: () => selectImage(item, index)
+    }, /*#__PURE__*/React.createElement(View, {
+      style: [{
+        width: actualWidth,
+        height: actualHeight
+      }, style]
+    }, /*#__PURE__*/React.createElement(View, {
+      style: styles.imageContainer
+    }, /*#__PURE__*/React.createElement(ImageBackground, {
+      style: styles.imageBackground,
+      source: {
+        uri
+      }
+    }, this.renderVideoOverlay(), this.renderSelectedOverlay()))));
+  }
+
+}
+
+const styles = StyleSheet.create({
+  imageContainer: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  imageBackground: {
+    width: '100%',
+    height: '100%'
+  },
+  defaultSelectedOverlay: {
+    flex: 1,
+    backgroundColor: '#000'
+  },
+  defaultVideoOverlay: {
+    position: 'absolute',
+    left: 3,
+    bottom: 3,
+    right: 3,
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center'
+  },
+  videoIconContainer: {
+    flex: 1,
+    paddingRight: 8,
+    paddingBottom: 1
+  },
+  videoIcon: {
+    fontSize: 12,
+    color: '#fff',
+    textAlign: 'right'
+  },
+  videoDurationText: {
+    fontFamily: 'sf-semibold',
+    fontSize: 12,
+    color: '#fff'
+  }
+});
+export default ImageTile;
+//# sourceMappingURL=ImageTile.js.map

package/dist/module/components/expo-image-picker-multiple/ImageTile.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ImageTile.js"],"names":["React","Dimensions","ImageBackground","TouchableHighlight","View","Text","StyleSheet","MediaLibrary","Icon","moment","getThumb300","screenWidth","get","width","ImageTile","PureComponent","renderVideoOverlay","item","props","mediaType","MediaType","video","durationText","duration","asMilliseconds","utc","format","styles","defaultVideoOverlay","videoIcon","videoIconContainer","videoDurationText","renderSelectedOverlay","selected","selectedItemNumber","renderSelectedComponent","defaultSelectedOverlay","opacity","render","index","selectImage","height","style","isRemote","actualWidth","actualHeight","uri","imageContainer","imageBackground","create","flex","alignItems","justifyContent","backgroundColor","position","left","bottom","right","flexDirection","paddingRight","paddingBottom","fontSize","color","textAlign","fontFamily"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Dimensions, ImageBackground, TouchableHighlight, View, Text, StyleSheet } from 'react-native';\nimport * as MediaLibrary from 'expo-media-library';\nimport { Icon } from 'react-native-elements';\nimport moment from 'moment';\nimport { getThumb300 } from '../../helper';\n\nconst screenWidth = Dimensions.get('window').width;\n\nclass ImageTile extends React.PureComponent {\n  renderVideoOverlay() {\n    const { item } = this.props;\n    if (item.mediaType !== MediaLibrary.MediaType.video) return null;\n\n    let durationText = '';\n    if (item.duration) {\n      const duration = moment.duration(item.duration, 'seconds').asMilliseconds();\n      durationText = moment.utc(duration).format('HH:mm:ss');\n    }\n    return (\n      <View style={styles.defaultVideoOverlay}>\n        <Icon name=\"video-camera\" type=\"font-awesome\" iconStyle={styles.videoIcon} style={styles.videoIconContainer} />\n        <Text style={styles.videoDurationText}>{durationText}</Text>\n      </View>\n    );\n  }\n\n  renderSelectedOverlay() {\n    const { selected, selectedItemNumber, renderSelectedComponent } = this.props;\n    if (!selected) return null;\n    if (renderSelectedComponent) return renderSelectedComponent(selectedItemNumber);\n    return <View style={[styles.defaultSelectedOverlay, { opacity: selected ? 0.5 : 1 }]} />;\n  }\n\n  render() {\n    const { item, index, selectImage, width, height, style, isRemote } = this.props;\n    if (!item) return null;\n\n    const actualWidth = width || screenWidth / 4;\n    const actualHeight = height || screenWidth / 4;\n    const uri = isRemote ? getThumb300(item.uri) : item.uri;\n\n    return (\n      <TouchableHighlight underlayColor=\"transparent\" onPress={() => selectImage(item, index)}>\n        <View style={[{ width: actualWidth, height: actualHeight }, style]}>\n          <View style={styles.imageContainer}>\n            <ImageBackground style={styles.imageBackground} source={{ uri }}>\n              {this.renderVideoOverlay()}\n              {this.renderSelectedOverlay()}\n            </ImageBackground>\n          </View>\n        </View>\n      </TouchableHighlight>\n    );\n  }\n}\n\nconst styles = StyleSheet.create({\n  imageContainer: {\n    flex: 1,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  imageBackground: {\n    width: '100%',\n    height: '100%',\n  },\n  defaultSelectedOverlay: {\n    flex: 1,\n    backgroundColor: '#000',\n  },\n  defaultVideoOverlay: {\n    position: 'absolute',\n    left: 3,\n    bottom: 3,\n    right: 3,\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n  },\n  videoIconContainer: {\n    flex: 1,\n    paddingRight: 8,\n    paddingBottom: 1,\n  },\n  videoIcon: {\n    fontSize: 12,\n    color: '#fff',\n    textAlign: 'right',\n  },\n  videoDurationText: {\n    fontFamily: 'sf-semibold',\n    fontSize: 12,\n    color: '#fff',\n  },\n});\n\nexport default ImageTile;\n"]}

package/dist/module/components/index.js

@@ -0,0 +1,53 @@
+export * from './InlineButton';
+export * from './FormCard';
+export * from './FormCardSection';
+export * from './FormCardSectionOptionLauncher';
+export * from './ProfilePic';
+export * from './Spinner';
+export * from './LoadingCircles';
+export * from './Popup';
+export * from './ImagePopup';
+export * from './VideoPopup';
+export * from './SharingTools';
+export * from './MiddlePopup';
+export * from './ConfirmPopup';
+export * from './ConfirmationPopup';
+export * from './CommentSection';
+export * from './CommentReply';
+export * from './PopupMenu';
+export * from './AddButton';
+export * from './Attachment';
+export * from './GenericInputSection';
+export * from './GenericInput';
+export * from './RadioButton';
+export * from './PDFPopup';
+export * from './TextStyle';
+export * from './Toggle';
+export * from './Input';
+export * from './StickyFooter';
+export * from './CategoryTabs';
+export * from './DropDownMenu';
+export * from './DropDownItem';
+export * from './BackButton';
+export * from './Reaction';
+export * from './TouchableSearchBar';
+export * from './WarningPopup';
+export * from './FontScalePopup';
+export * from './FontScaleButton';
+export * from './UserListPopup';
+export * from './Reactions';
+export * from './AudienceSelectorLauncher';
+export { default as EmptyStateWidget } from './EmptyStateWidget';
+export { default as EmptyStateMain } from './EmptyStateMain';
+export { default as LoadingStateWidget } from './LoadingStateWidget';
+export { default as Header } from './Header';
+export { default as LoadingIndicator } from './LoadingIndicator';
+export { default as ImageUploader } from './ImageUploader';
+export { default as ImageUploadProgress } from './ImageUploadProgress';
+export { default as UserListing } from './UserListing';
+export { default as PlussChat } from './PlussChat';
+export { default as PositionedImage } from './PositionedImage';
+export { default as FormattedText } from './FormattedText';
+export { default as MediaPlayer } from './MediaPlayer';
+export { default as AudienceSelectorPage } from './AudienceSelectorPage';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.js"],"names":["default","EmptyStateWidget","EmptyStateMain","LoadingStateWidget","Header","LoadingIndicator","ImageUploader","ImageUploadProgress","UserListing","PlussChat","PositionedImage","FormattedText","MediaPlayer","AudienceSelectorPage"],"mappings":"AAAA,cAAc,gBAAd;AACA,cAAc,YAAd;AACA,cAAc,mBAAd;AACA,cAAc,iCAAd;AACA,cAAc,cAAd;AACA,cAAc,WAAd;AACA,cAAc,kBAAd;AACA,cAAc,SAAd;AACA,cAAc,cAAd;AACA,cAAc,cAAd;AACA,cAAc,gBAAd;AACA,cAAc,eAAd;AACA,cAAc,gBAAd;AACA,cAAc,qBAAd;AACA,cAAc,kBAAd;AACA,cAAc,gBAAd;AACA,cAAc,aAAd;AACA,cAAc,aAAd;AACA,cAAc,cAAd;AACA,cAAc,uBAAd;AACA,cAAc,gBAAd;AACA,cAAc,eAAd;AACA,cAAc,YAAd;AACA,cAAc,aAAd;AACA,cAAc,UAAd;AACA,cAAc,SAAd;AACA,cAAc,gBAAd;AACA,cAAc,gBAAd;AACA,cAAc,gBAAd;AACA,cAAc,gBAAd;AACA,cAAc,cAAd;AACA,cAAc,YAAd;AACA,cAAc,sBAAd;AACA,cAAc,gBAAd;AACA,cAAc,kBAAd;AACA,cAAc,mBAAd;AACA,cAAc,iBAAd;AACA,cAAc,aAAd;AACA,cAAc,4BAAd;AACA,SAASA,OAAO,IAAIC,gBAApB,QAA4C,oBAA5C;AACA,SAASD,OAAO,IAAIE,cAApB,QAA0C,kBAA1C;AACA,SAASF,OAAO,IAAIG,kBAApB,QAA8C,sBAA9C;AACA,SAASH,OAAO,IAAII,MAApB,QAAkC,UAAlC;AACA,SAASJ,OAAO,IAAIK,gBAApB,QAA4C,oBAA5C;AACA,SAASL,OAAO,IAAIM,aAApB,QAAyC,iBAAzC;AACA,SAASN,OAAO,IAAIO,mBAApB,QAA+C,uBAA/C;AACA,SAASP,OAAO,IAAIQ,WAApB,QAAuC,eAAvC;AACA,SAASR,OAAO,IAAIS,SAApB,QAAqC,aAArC;AACA,SAAST,OAAO,IAAIU,eAApB,QAA2C,mBAA3C;AACA,SAASV,OAAO,IAAIW,aAApB,QAAyC,iBAAzC;AACA,SAASX,OAAO,IAAIY,WAApB,QAAuC,eAAvC;AACA,SAASZ,OAAO,IAAIa,oBAApB,QAAgD,wBAAhD","sourcesContent":["export * from './InlineButton';\nexport * from './FormCard';\nexport * from './FormCardSection';\nexport * from './FormCardSectionOptionLauncher';\nexport * from './ProfilePic';\nexport * from './Spinner';\nexport * from './LoadingCircles';\nexport * from './Popup';\nexport * from './ImagePopup';\nexport * from './VideoPopup';\nexport * from './SharingTools';\nexport * from './MiddlePopup';\nexport * from './ConfirmPopup';\nexport * from './ConfirmationPopup';\nexport * from './CommentSection';\nexport * from './CommentReply';\nexport * from './PopupMenu';\nexport * from './AddButton';\nexport * from './Attachment';\nexport * from './GenericInputSection';\nexport * from './GenericInput';\nexport * from './RadioButton';\nexport * from './PDFPopup';\nexport * from './TextStyle';\nexport * from './Toggle';\nexport * from './Input';\nexport * from './StickyFooter';\nexport * from './CategoryTabs';\nexport * from './DropDownMenu';\nexport * from './DropDownItem';\nexport * from './BackButton';\nexport * from './Reaction';\nexport * from './TouchableSearchBar';\nexport * from './WarningPopup';\nexport * from './FontScalePopup';\nexport * from './FontScaleButton';\nexport * from './UserListPopup';\nexport * from './Reactions';\nexport * from './AudienceSelectorLauncher';\nexport { default as EmptyStateWidget } from './EmptyStateWidget';\nexport { default as EmptyStateMain } from './EmptyStateMain';\nexport { default as LoadingStateWidget } from './LoadingStateWidget';\nexport { default as Header } from './Header';\nexport { default as LoadingIndicator } from './LoadingIndicator';\nexport { default as ImageUploader } from './ImageUploader';\nexport { default as ImageUploadProgress } from './ImageUploadProgress';\nexport { default as UserListing } from './UserListing';\nexport { default as PlussChat } from './PlussChat';\nexport { default as PositionedImage } from './PositionedImage';\nexport { default as FormattedText } from './FormattedText';\nexport { default as MediaPlayer } from './MediaPlayer';\nexport { default as AudienceSelectorPage } from './AudienceSelectorPage';\n"]}

package/dist/module/components/react-native-expo-image-cropper/ExpoImageManipulator.js

@@ -0,0 +1,416 @@
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import React, { Component } from 'react';
+import { Dimensions, Image, ScrollView, Modal, View, Text, SafeAreaView, TouchableOpacity, StyleSheet, Platform, LogBox } from 'react-native';
+import * as ImageManipulator from 'expo-image-manipulator';
+import PropTypes from 'prop-types';
+import AutoHeightImage from 'react-native-auto-height-image';
+import { isIphoneX, getStatusBarHeight } from 'react-native-iphone-x-helper';
+import ImageCropOverlay from './ImageCropOverlay';
+const {
+  width
+} = Dimensions.get('window');
+const topMargin = getStatusBarHeight() + (Platform.OS === 'ios' ? 50 : 20);
+LogBox.ignoreLogs(['componentWillReceiveProps', 'componentWillUpdate', 'componentWillMount']);
+LogBox.ignoreLogs(['Warning: componentWillMount is deprecated', 'Warning: componentWillReceiveProps is deprecated', 'Module RCTImageLoader requires']);
+
+class ExpoImageManipulator extends Component {
+  constructor(props) {
+    var _this;
+
+    super(props);
+    _this = this;
+
+    _defineProperty(this, "onToggleModal", () => {
+      this.props.onToggleModal();
+      this.setState({
+        cropMode: false
+      });
+    });
+
+    _defineProperty(this, "onCropImage", function () {
+      let callback = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+
+      _this.setState({
+        processing: true
+      });
+
+      const {
+        uri
+      } = _this.state;
+      Image.getSize(uri, async (actualWidth, actualHeight) => {
+        let cropObj = _this.getCropBounds(actualWidth, actualHeight);
+
+        if (cropObj.height > 0 && cropObj.width > 0) {
+          let uriToCrop = uri;
+          const {
+            uri: uriCroped,
+            base64,
+            width: croppedWidth,
+            height: croppedHeight
+          } = await _this.crop(cropObj, uriToCrop);
+          _this.actualSize.width = croppedWidth;
+          _this.actualSize.height = croppedHeight;
+
+          _this.setState({
+            uri: uriCroped,
+            base64,
+            cropMode: false,
+            processing: false
+          }, () => {
+            if (callback) callback();
+          });
+        } else {
+          _this.setState({
+            cropMode: false,
+            processing: false
+          }, () => {
+            if (callback) callback();
+          });
+        }
+      });
+    });
+
+    _defineProperty(this, "onHandleScroll", event => {
+      this.scrollOffset = event.nativeEvent.contentOffset.y;
+    });
+
+    _defineProperty(this, "getCropBounds", (actualWidth, actualHeight) => {
+      let imageRatio = actualHeight / actualWidth;
+      var originalHeight = Dimensions.get('window').height - 64;
+
+      if (isIphoneX()) {
+        originalHeight = Dimensions.get('window').height - 122;
+      }
+
+      let renderedImageWidth = imageRatio < originalHeight / width ? width : originalHeight / imageRatio;
+      let renderedImageHeight = imageRatio < originalHeight / width ? width * imageRatio : originalHeight;
+      let renderedImageY = (originalHeight - renderedImageHeight) / 2.0;
+      let renderedImageX = (width - renderedImageWidth) / 2.0;
+      const renderImageObj = {
+        left: renderedImageX,
+        top: renderedImageY,
+        width: renderedImageWidth,
+        height: renderedImageHeight
+      };
+      const cropOverlayObj = {
+        left: this.currentPos.left,
+        top: this.currentPos.top,
+        width: this.currentSize.width,
+        height: this.currentSize.height
+      };
+      var intersectAreaObj = {};
+      let x = Math.max(renderImageObj.left, cropOverlayObj.left);
+      let num1 = Math.min(renderImageObj.left + renderImageObj.width, cropOverlayObj.left + cropOverlayObj.width);
+      let y = Math.max(renderImageObj.top, cropOverlayObj.top);
+      let num2 = Math.min(renderImageObj.top + renderImageObj.height, cropOverlayObj.top + cropOverlayObj.height);
+      if (num1 >= x && num2 >= y) intersectAreaObj = {
+        originX: (x - renderedImageX) * (actualWidth / renderedImageWidth),
+        originY: (y - renderedImageY) * (actualWidth / renderedImageWidth),
+        width: (num1 - x) * (actualWidth / renderedImageWidth),
+        height: (num2 - y) * (actualWidth / renderedImageWidth)
+      };else {
+        intersectAreaObj = {
+          originX: x - renderedImageX,
+          originY: y - renderedImageY,
+          width: 0,
+          height: 0
+        };
+      }
+      return intersectAreaObj;
+    });
+
+    _defineProperty(this, "crop", async (cropObj, uri) => {
+      const {
+        saveOptions
+      } = this.props;
+
+      if (cropObj.height > 0 && cropObj.width > 0) {
+        const manipResult = await ImageManipulator.manipulateAsync(uri, [{
+          crop: cropObj
+        }], saveOptions);
+        return manipResult;
+      }
+
+      return {
+        uri: null,
+        base64: null
+      };
+    });
+
+    _defineProperty(this, "calculateMaxSizes", event => {
+      let w1 = event.nativeEvent.layout.width || 100;
+      let h1 = event.nativeEvent.layout.height || 100;
+
+      if (this.state.squareAspect) {
+        if (w1 < h1) h1 = w1;else w1 = h1;
+      }
+
+      this.maxSizes.width = w1;
+      this.maxSizes.height = h1;
+    });
+
+    const {
+      squareAspect
+    } = this.props;
+    this.state = {
+      cropMode: false,
+      processing: false,
+      squareAspect
+    };
+    this.scrollOffset = 0;
+    this.currentPos = {
+      left: 0,
+      top: 0
+    };
+    this.currentSize = {
+      width: 0,
+      height: 0
+    };
+    this.maxSizes = {
+      width: 0,
+      height: 0
+    };
+    this.actualSize = {
+      width: 0,
+      height: 0
+    };
+  }
+
+  async componentDidMount() {
+    await this.onConvertImageToEditableSize(); // Set cropping by default
+
+    this.setState({
+      cropMode: true
+    });
+  }
+
+  async onConvertImageToEditableSize() {
+    const {
+      photo: {
+        uri: rawUri
+      }
+    } = this.props;
+    const {
+      uri,
+      width,
+      height
+    } = await ImageManipulator.manipulateAsync(rawUri, [{
+      resize: {
+        width: 1080
+      }
+    }]);
+    this.setState({
+      uri
+    });
+    this.actualSize.width = width;
+    this.actualSize.height = height;
+  }
+
+  // eslint-disable-next-line camelcase
+  async UNSAFE_componentWillReceiveProps() {
+    await this.onConvertImageToEditableSize();
+  }
+
+  render() {
+    const {
+      isVisible,
+      onPictureChoosed
+    } = this.props;
+    const {
+      uri,
+      base64,
+      cropMode,
+      processing
+    } = this.state;
+    let imageRatio = this.actualSize.height / this.actualSize.width;
+    var originalHeight = Dimensions.get('window').height - 64;
+
+    if (isIphoneX()) {
+      originalHeight = Dimensions.get('window').height - 122;
+    }
+
+    let cropRatio = originalHeight / width;
+    let cropWidth = imageRatio < cropRatio ? width : originalHeight / imageRatio;
+    let cropHeight = imageRatio < cropRatio ? width * imageRatio : originalHeight;
+    let cropInitialTop = (originalHeight - cropHeight) / 2.0;
+    let cropInitialLeft = (width - cropWidth) / 2.0;
+
+    if (this.currentSize.width == 0 && cropMode) {
+      this.currentSize.width = cropWidth;
+      this.currentSize.height = cropHeight;
+      this.currentPos.top = cropInitialTop;
+      this.currentPos.left = cropInitialLeft;
+    }
+
+    return /*#__PURE__*/React.createElement(Modal, {
+      animationType: "slide",
+      transparent: true,
+      visible: isVisible,
+      hardwareAccelerated: true,
+      onRequestClose: () => {
+        this.onToggleModal();
+      }
+    }, uri !== undefined ? /*#__PURE__*/React.createElement(View, {
+      style: styles.container
+    }, /*#__PURE__*/React.createElement(SafeAreaView, {
+      style: [{
+        width
+      }, styles.headerContainer]
+    }, !cropMode ? /*#__PURE__*/React.createElement(View, {
+      style: [styles.headerButtonContainer, {
+        justifyContent: 'flex-end'
+      }]
+    }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+      onPress: () => {
+        onPictureChoosed({
+          uri,
+          base64
+        });
+        this.onToggleModal();
+      },
+      style: styles.headerButton
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: styles.headerButtonText
+    }, 'Done'))) : /*#__PURE__*/React.createElement(View, {
+      style: styles.headerButtonContainer
+    }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+      onPress: this.onToggleModal,
+      style: styles.headerButton
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: styles.headerButtonText
+    }, 'Cancel')), /*#__PURE__*/React.createElement(TouchableOpacity, {
+      onPress: () => {
+        this.onCropImage(() => {
+          onPictureChoosed({
+            uri: this.state.uri,
+            base64: this.state.base64
+          });
+          this.onToggleModal();
+        });
+      },
+      style: styles.headerButton
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: styles.headerButtonText
+    }, processing ? 'Processing' : 'Done')))), /*#__PURE__*/React.createElement(View, {
+      style: [styles.contentContainer, {
+        width: Dimensions.get('window').width
+      }]
+    }, /*#__PURE__*/React.createElement(ScrollView, {
+      style: {
+        position: 'relative',
+        flex: 1
+      },
+      contentContainerStyle: {
+        backgroundColor: 'black'
+      },
+      maximumZoomScale: 5,
+      minimumZoomScale: 0.5,
+      onScroll: this.onHandleScroll,
+      bounces: false,
+      showsHorizontalScrollIndicator: false,
+      showsVerticalScrollIndicator: false,
+      ref: c => this.scrollView = c,
+      scrollEventThrottle: 16,
+      scrollEnabled: false,
+      pinchGestureEnabled: false
+    }, /*#__PURE__*/React.createElement(AutoHeightImage, {
+      style: {
+        backgroundColor: 'black'
+      },
+      source: {
+        uri
+      },
+      resizeMode: imageRatio >= 1 ? 'contain' : 'contain',
+      width: width,
+      height: originalHeight,
+      onLayout: this.calculateMaxSizes
+    }), !!cropMode && /*#__PURE__*/React.createElement(ImageCropOverlay, {
+      onLayoutChanged: (top, left, width, height) => {
+        this.currentSize.width = width;
+        this.currentSize.height = height;
+        this.currentPos.top = top;
+        this.currentPos.left = left;
+      },
+      initialWidth: cropWidth,
+      initialHeight: cropHeight,
+      initialTop: cropInitialTop,
+      initialLeft: cropInitialLeft,
+      minHeight: 100,
+      minWidth: 100,
+      topMargin: topMargin
+    })))) : /*#__PURE__*/React.createElement(View, {
+      style: styles.container
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: styles.prepareMessageText
+    }, "Preparing..."))); // }
+  }
+
+}
+
+const styles = StyleSheet.create({
+  headerContainer: {
+    flexDirection: 'row',
+    backgroundColor: 'black',
+    justifyContent: 'space-between'
+  },
+  headerButtonContainer: {
+    flex: 1,
+    flexDirection: 'row',
+    justifyContent: 'space-between'
+  },
+  headerButton: {
+    marginHorizontal: 10,
+    width: 60,
+    height: 40,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  headerButtonText: {
+    fontWeight: '500',
+    color: 'white',
+    fontSize: 18
+  },
+  contentContainer: {
+    flex: 1,
+    backgroundColor: 'black'
+  },
+  container: {
+    flex: 1,
+    backgroundColor: '#000d',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  prepareMessageText: {
+    fontFamily: 'sf-bold',
+    fontSize: 20,
+    color: '#fff'
+  }
+});
+export default ExpoImageManipulator;
+ExpoImageManipulator.defaultProps = {
+  onPictureChoosed: _ref => {
+    let {
+      uri,
+      base64
+    } = _ref;
+    return console.log('URI:', uri, base64);
+  },
+  dragVelocity: 100,
+  resizeVelocity: 50,
+  saveOptions: {
+    compress: 1,
+    format: ImageManipulator.SaveFormat.PNG,
+    base64: false
+  }
+};
+ExpoImageManipulator.propTypes = {
+  isVisible: PropTypes.bool.isRequired,
+  onPictureChoosed: PropTypes.func,
+  saveOptions: PropTypes.object,
+  photo: PropTypes.object.isRequired,
+  onToggleModal: PropTypes.func.isRequired,
+  dragVelocity: PropTypes.number,
+  resizeVelocity: PropTypes.number
+};
+//# sourceMappingURL=ExpoImageManipulator.js.map

package/dist/module/components/react-native-expo-image-cropper/ExpoImageManipulator.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ExpoImageManipulator.js"],"names":["React","Component","Dimensions","Image","ScrollView","Modal","View","Text","SafeAreaView","TouchableOpacity","StyleSheet","Platform","LogBox","ImageManipulator","PropTypes","AutoHeightImage","isIphoneX","getStatusBarHeight","ImageCropOverlay","width","get","topMargin","OS","ignoreLogs","ExpoImageManipulator","constructor","props","onToggleModal","setState","cropMode","callback","processing","uri","state","getSize","actualWidth","actualHeight","cropObj","getCropBounds","height","uriToCrop","uriCroped","base64","croppedWidth","croppedHeight","crop","actualSize","event","scrollOffset","nativeEvent","contentOffset","y","imageRatio","originalHeight","renderedImageWidth","renderedImageHeight","renderedImageY","renderedImageX","renderImageObj","left","top","cropOverlayObj","currentPos","currentSize","intersectAreaObj","x","Math","max","num1","min","num2","originX","originY","saveOptions","manipResult","manipulateAsync","w1","layout","h1","squareAspect","maxSizes","componentDidMount","onConvertImageToEditableSize","photo","rawUri","resize","UNSAFE_componentWillReceiveProps","render","isVisible","onPictureChoosed","cropRatio","cropWidth","cropHeight","cropInitialTop","cropInitialLeft","undefined","styles","container","headerContainer","headerButtonContainer","justifyContent","headerButton","headerButtonText","onCropImage","contentContainer","position","flex","backgroundColor","onHandleScroll","c","scrollView","calculateMaxSizes","prepareMessageText","create","flexDirection","marginHorizontal","alignItems","fontWeight","color","fontSize","fontFamily","defaultProps","console","log","dragVelocity","resizeVelocity","compress","format","SaveFormat","PNG","propTypes","bool","isRequired","func","object","number"],"mappings":"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","sourcesContent":["import React, { Component } from 'react';\nimport {\n  Dimensions,\n  Image,\n  ScrollView,\n  Modal,\n  View,\n  Text,\n  SafeAreaView,\n  TouchableOpacity,\n  StyleSheet,\n  Platform,\n  LogBox,\n} from 'react-native';\nimport * as ImageManipulator from 'expo-image-manipulator';\nimport PropTypes from 'prop-types';\nimport AutoHeightImage from 'react-native-auto-height-image';\nimport { isIphoneX, getStatusBarHeight } from 'react-native-iphone-x-helper';\nimport ImageCropOverlay from './ImageCropOverlay';\n\nconst { width } = Dimensions.get('window');\nconst topMargin = getStatusBarHeight() + (Platform.OS === 'ios' ? 50 : 20);\n\nLogBox.ignoreLogs(['componentWillReceiveProps', 'componentWillUpdate', 'componentWillMount']);\nLogBox.ignoreLogs([\n  'Warning: componentWillMount is deprecated',\n  'Warning: componentWillReceiveProps is deprecated',\n  'Module RCTImageLoader requires',\n]);\n\nclass ExpoImageManipulator extends Component {\n  constructor(props) {\n    super(props);\n    const { squareAspect } = this.props;\n    this.state = {\n      cropMode: false,\n      processing: false,\n      squareAspect,\n    };\n\n    this.scrollOffset = 0;\n    this.currentPos = { left: 0, top: 0 };\n    this.currentSize = { width: 0, height: 0 };\n    this.maxSizes = { width: 0, height: 0 };\n    this.actualSize = { width: 0, height: 0 };\n  }\n\n  async componentDidMount() {\n    await this.onConvertImageToEditableSize();\n\n    // Set cropping by default\n    this.setState({ cropMode: true });\n  }\n\n  async onConvertImageToEditableSize() {\n    const {\n      photo: { uri: rawUri },\n    } = this.props;\n    const { uri, width, height } = await ImageManipulator.manipulateAsync(rawUri, [{ resize: { width: 1080 } }]);\n    this.setState({ uri });\n    this.actualSize.width = width;\n    this.actualSize.height = height;\n  }\n\n  onToggleModal = () => {\n    this.props.onToggleModal();\n    this.setState({ cropMode: false });\n  };\n\n  onCropImage = (callback = null) => {\n    this.setState({ processing: true });\n    const { uri } = this.state;\n    Image.getSize(uri, async (actualWidth, actualHeight) => {\n      let cropObj = this.getCropBounds(actualWidth, actualHeight);\n      if (cropObj.height > 0 && cropObj.width > 0) {\n        let uriToCrop = uri;\n        const { uri: uriCroped, base64, width: croppedWidth, height: croppedHeight } = await this.crop(cropObj, uriToCrop);\n\n        this.actualSize.width = croppedWidth;\n        this.actualSize.height = croppedHeight;\n\n        this.setState(\n          {\n            uri: uriCroped,\n            base64,\n            cropMode: false,\n            processing: false,\n          },\n          () => {\n            if (callback) callback();\n          },\n        );\n      } else {\n        this.setState({ cropMode: false, processing: false }, () => {\n          if (callback) callback();\n        });\n      }\n    });\n  };\n\n  onHandleScroll = event => {\n    this.scrollOffset = event.nativeEvent.contentOffset.y;\n  };\n\n  getCropBounds = (actualWidth, actualHeight) => {\n    let imageRatio = actualHeight / actualWidth;\n    var originalHeight = Dimensions.get('window').height - 64;\n    if (isIphoneX()) {\n      originalHeight = Dimensions.get('window').height - 122;\n    }\n    let renderedImageWidth = imageRatio < originalHeight / width ? width : originalHeight / imageRatio;\n    let renderedImageHeight = imageRatio < originalHeight / width ? width * imageRatio : originalHeight;\n\n    let renderedImageY = (originalHeight - renderedImageHeight) / 2.0;\n    let renderedImageX = (width - renderedImageWidth) / 2.0;\n\n    const renderImageObj = {\n      left: renderedImageX,\n      top: renderedImageY,\n      width: renderedImageWidth,\n      height: renderedImageHeight,\n    };\n    const cropOverlayObj = {\n      left: this.currentPos.left,\n      top: this.currentPos.top,\n      width: this.currentSize.width,\n      height: this.currentSize.height,\n    };\n\n    var intersectAreaObj = {};\n\n    let x = Math.max(renderImageObj.left, cropOverlayObj.left);\n    let num1 = Math.min(renderImageObj.left + renderImageObj.width, cropOverlayObj.left + cropOverlayObj.width);\n    let y = Math.max(renderImageObj.top, cropOverlayObj.top);\n    let num2 = Math.min(renderImageObj.top + renderImageObj.height, cropOverlayObj.top + cropOverlayObj.height);\n    if (num1 >= x && num2 >= y)\n      intersectAreaObj = {\n        originX: (x - renderedImageX) * (actualWidth / renderedImageWidth),\n        originY: (y - renderedImageY) * (actualWidth / renderedImageWidth),\n        width: (num1 - x) * (actualWidth / renderedImageWidth),\n        height: (num2 - y) * (actualWidth / renderedImageWidth),\n      };\n    else {\n      intersectAreaObj = {\n        originX: x - renderedImageX,\n        originY: y - renderedImageY,\n        width: 0,\n        height: 0,\n      };\n    }\n    return intersectAreaObj;\n  };\n\n  crop = async (cropObj, uri) => {\n    const { saveOptions } = this.props;\n    if (cropObj.height > 0 && cropObj.width > 0) {\n      const manipResult = await ImageManipulator.manipulateAsync(\n        uri,\n        [\n          {\n            crop: cropObj,\n          },\n        ],\n        saveOptions,\n      );\n      return manipResult;\n    }\n    return {\n      uri: null,\n      base64: null,\n    };\n  };\n\n  calculateMaxSizes = event => {\n    let w1 = event.nativeEvent.layout.width || 100;\n    let h1 = event.nativeEvent.layout.height || 100;\n    if (this.state.squareAspect) {\n      if (w1 < h1) h1 = w1;\n      else w1 = h1;\n    }\n    this.maxSizes.width = w1;\n    this.maxSizes.height = h1;\n  };\n\n  // eslint-disable-next-line camelcase\n  async UNSAFE_componentWillReceiveProps() {\n    await this.onConvertImageToEditableSize();\n  }\n\n  render() {\n    const { isVisible, onPictureChoosed } = this.props;\n    const { uri, base64, cropMode, processing } = this.state;\n\n    let imageRatio = this.actualSize.height / this.actualSize.width;\n    var originalHeight = Dimensions.get('window').height - 64;\n    if (isIphoneX()) {\n      originalHeight = Dimensions.get('window').height - 122;\n    }\n\n    let cropRatio = originalHeight / width;\n\n    let cropWidth = imageRatio < cropRatio ? width : originalHeight / imageRatio;\n    let cropHeight = imageRatio < cropRatio ? width * imageRatio : originalHeight;\n\n    let cropInitialTop = (originalHeight - cropHeight) / 2.0;\n    let cropInitialLeft = (width - cropWidth) / 2.0;\n\n    if (this.currentSize.width == 0 && cropMode) {\n      this.currentSize.width = cropWidth;\n      this.currentSize.height = cropHeight;\n\n      this.currentPos.top = cropInitialTop;\n      this.currentPos.left = cropInitialLeft;\n    }\n\n    return (\n      <Modal\n        animationType=\"slide\"\n        transparent={true}\n        visible={isVisible}\n        hardwareAccelerated\n        onRequestClose={() => {\n          this.onToggleModal();\n        }}\n      >\n        {uri !== undefined ? (\n          <View style={styles.container}>\n            <SafeAreaView style={[{ width }, styles.headerContainer]}>\n              {!cropMode ? (\n                <View style={[styles.headerButtonContainer, { justifyContent: 'flex-end' }]}>\n                  <TouchableOpacity\n                    onPress={() => {\n                      onPictureChoosed({ uri, base64 });\n                      this.onToggleModal();\n                    }}\n                    style={styles.headerButton}\n                  >\n                    <Text style={styles.headerButtonText}>{'Done'}</Text>\n                  </TouchableOpacity>\n                </View>\n              ) : (\n                <View style={styles.headerButtonContainer}>\n                  <TouchableOpacity onPress={this.onToggleModal} style={styles.headerButton}>\n                    <Text style={styles.headerButtonText}>{'Cancel'}</Text>\n                  </TouchableOpacity>\n                  <TouchableOpacity\n                    onPress={() => {\n                      this.onCropImage(() => {\n                        onPictureChoosed({ uri: this.state.uri, base64: this.state.base64 });\n                        this.onToggleModal();\n                      });\n                    }}\n                    style={styles.headerButton}\n                  >\n                    <Text style={styles.headerButtonText}>{processing ? 'Processing' : 'Done'}</Text>\n                  </TouchableOpacity>\n                </View>\n              )}\n            </SafeAreaView>\n            <View style={[styles.contentContainer, { width: Dimensions.get('window').width }]}>\n              <ScrollView\n                style={{ position: 'relative', flex: 1 }}\n                contentContainerStyle={{ backgroundColor: 'black' }}\n                maximumZoomScale={5}\n                minimumZoomScale={0.5}\n                onScroll={this.onHandleScroll}\n                bounces={false}\n                showsHorizontalScrollIndicator={false}\n                showsVerticalScrollIndicator={false}\n                ref={c => (this.scrollView = c)}\n                scrollEventThrottle={16}\n                scrollEnabled={false}\n                pinchGestureEnabled={false}\n              >\n                <AutoHeightImage\n                  style={{ backgroundColor: 'black' }}\n                  source={{ uri }}\n                  resizeMode={imageRatio >= 1 ? 'contain' : 'contain'}\n                  width={width}\n                  height={originalHeight}\n                  onLayout={this.calculateMaxSizes}\n                />\n                {!!cropMode && (\n                  <ImageCropOverlay\n                    onLayoutChanged={(top, left, width, height) => {\n                      this.currentSize.width = width;\n                      this.currentSize.height = height;\n                      this.currentPos.top = top;\n                      this.currentPos.left = left;\n                    }}\n                    initialWidth={cropWidth}\n                    initialHeight={cropHeight}\n                    initialTop={cropInitialTop}\n                    initialLeft={cropInitialLeft}\n                    minHeight={100}\n                    minWidth={100}\n                    topMargin={topMargin}\n                  />\n                )}\n              </ScrollView>\n            </View>\n          </View>\n        ) : (\n          <View style={styles.container}>\n            <Text style={styles.prepareMessageText}>Preparing...</Text>\n          </View>\n        )}\n      </Modal>\n    );\n    // }\n  }\n}\n\nconst styles = StyleSheet.create({\n  headerContainer: {\n    flexDirection: 'row',\n    backgroundColor: 'black',\n    justifyContent: 'space-between',\n  },\n  headerButtonContainer: {\n    flex: 1,\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n  },\n  headerButton: {\n    marginHorizontal: 10,\n    width: 60,\n    height: 40,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  headerButtonText: {\n    fontWeight: '500',\n    color: 'white',\n    fontSize: 18,\n  },\n  contentContainer: {\n    flex: 1,\n    backgroundColor: 'black',\n  },\n  container: {\n    flex: 1,\n    backgroundColor: '#000d',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  prepareMessageText: {\n    fontFamily: 'sf-bold',\n    fontSize: 20,\n    color: '#fff',\n  },\n});\n\nexport default ExpoImageManipulator;\n\nExpoImageManipulator.defaultProps = {\n  onPictureChoosed: ({ uri, base64 }) => console.log('URI:', uri, base64),\n  dragVelocity: 100,\n  resizeVelocity: 50,\n  saveOptions: {\n    compress: 1,\n    format: ImageManipulator.SaveFormat.PNG,\n    base64: false,\n  },\n};\n\nExpoImageManipulator.propTypes = {\n  isVisible: PropTypes.bool.isRequired,\n  onPictureChoosed: PropTypes.func,\n  saveOptions: PropTypes.object,\n  photo: PropTypes.object.isRequired,\n  onToggleModal: PropTypes.func.isRequired,\n  dragVelocity: PropTypes.number,\n  resizeVelocity: PropTypes.number,\n};\n"]}