@plusscommunities/pluss-core-app 8.0.24 → 8.0.26-beta.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/module/components/CommentReply.js +8 -4
- package/dist/module/components/CommentReply.js.map +1 -1
- package/dist/module/components/ImageUploader.js +22 -3
- package/dist/module/components/ImageUploader.js.map +1 -1
- package/dist/module/components/MiddlePopup.js +8 -2
- package/dist/module/components/MiddlePopup.js.map +1 -1
- package/dist/module/components/PDFPopup.js +0 -4
- package/dist/module/components/PDFPopup.js.map +1 -1
- package/dist/module/components/PlussChat.js +5 -3
- package/dist/module/components/PlussChat.js.map +1 -1
- package/dist/module/components/react-native-expo-image-cropper/ExpoImageManipulator.js +12 -12
- package/dist/module/components/react-native-expo-image-cropper/ExpoImageManipulator.js.map +1 -1
- package/dist/module/components/react-native-expo-image-cropper/ImageCropOverlay.js +1 -1
- package/dist/module/components/react-native-expo-image-cropper/ImageCropOverlay.js.map +1 -1
- package/dist/module/constants.js +1 -2
- package/dist/module/constants.js.map +1 -1
- package/package.json +3 -9
- package/src/components/CommentReply.js +4 -4
- package/src/components/ImageUploader.js +39 -22
- package/src/components/MiddlePopup.js +13 -2
- package/src/components/PDFPopup.js +0 -4
- package/src/components/PlussChat.js +4 -3
- package/src/components/react-native-expo-image-cropper/ExpoImageManipulator.js +14 -12
- package/src/components/react-native-expo-image-cropper/ImageCropOverlay.js +1 -1
- package/src/constants.js +1 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Component","Text","Dimensions","Image","ScrollView","Modal","View","SafeAreaView","TouchableOpacity","StyleSheet","Platform","LogBox","Alert","ImageManipulator","MediaLibrary","File","Paths","PropTypes","AutoHeightImage","isIphoneX","getStatusBarHeight","ImageCropOverlay","width","get","topMargin","OS","ignoreLogs","ExpoImageManipulator","constructor","props","_defineProperty","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","resolvedUri","startsWith","assetId","replace","assetInfo","getAssetInfoAsync","shouldDownloadFromNetwork","localUri","_rawUri$split$pop","ext","split","pop","file","downloadFileAsync","cache","Date","now","idempotent","manipulatePromise","resize","timeoutPromise","Promise","_","reject","setTimeout","Error","race","e","console","log","alert","UNSAFE_componentWillReceiveProps","render","isVisible","onPictureChoosed","cropRatio","cropWidth","cropHeight","cropInitialTop","cropInitialLeft","createElement","animationType","transparent","visible","hardwareAccelerated","onRequestClose","undefined","style","styles","container","headerContainer","headerButtonContainer","justifyContent","onPress","headerButton","headerButtonText","onCropImage","contentContainer","position","flex","contentContainerStyle","backgroundColor","maximumZoomScale","minimumZoomScale","onScroll","onHandleScroll","bounces","showsHorizontalScrollIndicator","showsVerticalScrollIndicator","ref","c","scrollView","scrollEventThrottle","scrollEnabled","pinchGestureEnabled","source","resizeMode","onLayout","calculateMaxSizes","onLayoutChanged","initialWidth","initialHeight","initialTop","initialLeft","minHeight","minWidth","prepareMessageText","create","flexDirection","marginHorizontal","alignItems","fontWeight","color","fontSize","fontFamily","defaultProps","dragVelocity","resizeVelocity","compress","format","SaveFormat","PNG","propTypes","bool","isRequired","func","object","number"],"sources":["ExpoImageManipulator.js"],"sourcesContent":["import React, { Component } from \"react\";\nimport { Text } from \"@plusscommunities/pluss-core-app/components\";\nimport {\n\tDimensions,\n\tImage,\n\tScrollView,\n\tModal,\n\tView,\n\tSafeAreaView,\n\tTouchableOpacity,\n\tStyleSheet,\n\tPlatform,\n\tLogBox,\n\tAlert,\n} from \"react-native\";\nimport * as ImageManipulator from \"expo-image-manipulator\";\nimport * as MediaLibrary from \"expo-media-library\";\nimport { File, Paths } from \"expo-file-system\";\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([\n\t\"componentWillReceiveProps\",\n\t\"componentWillUpdate\",\n\t\"componentWillMount\",\n]);\nLogBox.ignoreLogs([\n\t\"Warning: componentWillMount is deprecated\",\n\t\"Warning: componentWillReceiveProps is deprecated\",\n\t\"Module RCTImageLoader requires\",\n]);\n\nclass ExpoImageManipulator extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tconst { squareAspect } = this.props;\n\t\tthis.state = {\n\t\t\tcropMode: false,\n\t\t\tprocessing: false,\n\t\t\tsquareAspect,\n\t\t};\n\n\t\tthis.scrollOffset = 0;\n\t\tthis.currentPos = { left: 0, top: 0 };\n\t\tthis.currentSize = { width: 0, height: 0 };\n\t\tthis.maxSizes = { width: 0, height: 0 };\n\t\tthis.actualSize = { width: 0, height: 0 };\n\t}\n\n\tasync componentDidMount() {\n\t\tawait this.onConvertImageToEditableSize();\n\n\t\t// Set cropping by default\n\t\tthis.setState({ cropMode: true });\n\t}\n\n\tasync onConvertImageToEditableSize() {\n\t\ttry {\n\t\t\tconst {\n\t\t\t\tphoto: { uri: rawUri },\n\t\t\t} = this.props;\n\n\t\t\t// expo-image-manipulator only works with file:// URIs.\n\t\t\t// Resolve ph:// (iOS Photo Library) and https:// (remote/stock images) first.\n\t\t\tlet resolvedUri = rawUri;\n\t\t\tif (rawUri?.startsWith(\"ph://\")) {\n\t\t\t\tconst assetId = rawUri.replace(\"ph://\", \"\");\n\t\t\t\tconst assetInfo = await MediaLibrary.getAssetInfoAsync(assetId, {\n\t\t\t\t\tshouldDownloadFromNetwork: true,\n\t\t\t\t});\n\t\t\t\tresolvedUri = assetInfo.localUri || rawUri;\n\t\t\t} else if (rawUri?.startsWith(\"http\")) {\n\t\t\t\tconst ext = rawUri.split(\".\").pop()?.split(\"?\")[0] || \"jpg\";\n\t\t\t\tconst file = await File.downloadFileAsync(\n\t\t\t\t\trawUri,\n\t\t\t\t\tnew File(Paths.cache, `crop_${Date.now()}.${ext}`),\n\t\t\t\t\t{ idempotent: true },\n\t\t\t\t);\n\t\t\t\tresolvedUri = file.uri;\n\t\t\t}\n\n\t\t\tconst manipulatePromise = ImageManipulator.manipulateAsync(resolvedUri, [\n\t\t\t\t{ resize: { width: 1080 } },\n\t\t\t]);\n\t\t\t// manipulateAsync can hang forever on non-file:// URIs (promise never settles).\n\t\t\t// Promise.race with a timeout ensures the catch block fires.\n\t\t\tconst timeoutPromise = new Promise((_, reject) =>\n\t\t\t\tsetTimeout(\n\t\t\t\t\t() => reject(new Error(\"Image processing timed out\")),\n\t\t\t\t\t15000,\n\t\t\t\t),\n\t\t\t);\n\t\t\tconst { uri, width, height } = await Promise.race([\n\t\t\t\tmanipulatePromise,\n\t\t\t\ttimeoutPromise,\n\t\t\t]);\n\t\t\tthis.setState({ uri });\n\t\t\tthis.actualSize.width = width;\n\t\t\tthis.actualSize.height = height;\n\t\t} catch (e) {\n\t\t\tconsole.log(\"onConvertImageToEditableSize error\", e);\n\t\t\tthis.onToggleModal();\n\t\t\tAlert.alert(\n\t\t\t\t\"Error\",\n\t\t\t\t\"Unable to prepare this image for editing. Please try a different image.\",\n\t\t\t);\n\t\t}\n\t}\n\n\tonToggleModal = () => {\n\t\tthis.props.onToggleModal();\n\t\tthis.setState({ cropMode: false });\n\t};\n\n\tonCropImage = (callback = null) => {\n\t\tthis.setState({ processing: true });\n\t\tconst { uri } = this.state;\n\t\tImage.getSize(uri, async (actualWidth, actualHeight) => {\n\t\t\tlet cropObj = this.getCropBounds(actualWidth, actualHeight);\n\t\t\tif (cropObj.height > 0 && cropObj.width > 0) {\n\t\t\t\tlet uriToCrop = uri;\n\t\t\t\tconst {\n\t\t\t\t\turi: uriCroped,\n\t\t\t\t\tbase64,\n\t\t\t\t\twidth: croppedWidth,\n\t\t\t\t\theight: croppedHeight,\n\t\t\t\t} = await this.crop(cropObj, uriToCrop);\n\n\t\t\t\tthis.actualSize.width = croppedWidth;\n\t\t\t\tthis.actualSize.height = croppedHeight;\n\n\t\t\t\tthis.setState(\n\t\t\t\t\t{\n\t\t\t\t\t\turi: uriCroped,\n\t\t\t\t\t\tbase64,\n\t\t\t\t\t\tcropMode: false,\n\t\t\t\t\t\tprocessing: false,\n\t\t\t\t\t},\n\t\t\t\t\t() => {\n\t\t\t\t\t\tif (callback) callback();\n\t\t\t\t\t},\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\tthis.setState({ cropMode: false, processing: false }, () => {\n\t\t\t\t\tif (callback) callback();\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t};\n\n\tonHandleScroll = (event) => {\n\t\tthis.scrollOffset = event.nativeEvent.contentOffset.y;\n\t};\n\n\tgetCropBounds = (actualWidth, actualHeight) => {\n\t\tlet imageRatio = actualHeight / actualWidth;\n\t\tvar originalHeight = Dimensions.get(\"window\").height - 64;\n\t\tif (isIphoneX()) {\n\t\t\toriginalHeight = Dimensions.get(\"window\").height - 122;\n\t\t}\n\t\tlet renderedImageWidth =\n\t\t\timageRatio < originalHeight / width ? width : originalHeight / imageRatio;\n\t\tlet renderedImageHeight =\n\t\t\timageRatio < originalHeight / width ? width * imageRatio : originalHeight;\n\n\t\tlet renderedImageY = (originalHeight - renderedImageHeight) / 2.0;\n\t\tlet renderedImageX = (width - renderedImageWidth) / 2.0;\n\n\t\tconst renderImageObj = {\n\t\t\tleft: renderedImageX,\n\t\t\ttop: renderedImageY,\n\t\t\twidth: renderedImageWidth,\n\t\t\theight: renderedImageHeight,\n\t\t};\n\t\tconst cropOverlayObj = {\n\t\t\tleft: this.currentPos.left,\n\t\t\ttop: this.currentPos.top,\n\t\t\twidth: this.currentSize.width,\n\t\t\theight: this.currentSize.height,\n\t\t};\n\n\t\tvar intersectAreaObj = {};\n\n\t\tlet x = Math.max(renderImageObj.left, cropOverlayObj.left);\n\t\tlet num1 = Math.min(\n\t\t\trenderImageObj.left + renderImageObj.width,\n\t\t\tcropOverlayObj.left + cropOverlayObj.width,\n\t\t);\n\t\tlet y = Math.max(renderImageObj.top, cropOverlayObj.top);\n\t\tlet num2 = Math.min(\n\t\t\trenderImageObj.top + renderImageObj.height,\n\t\t\tcropOverlayObj.top + cropOverlayObj.height,\n\t\t);\n\t\tif (num1 >= x && num2 >= y)\n\t\t\tintersectAreaObj = {\n\t\t\t\toriginX: (x - renderedImageX) * (actualWidth / renderedImageWidth),\n\t\t\t\toriginY: (y - renderedImageY) * (actualWidth / renderedImageWidth),\n\t\t\t\twidth: (num1 - x) * (actualWidth / renderedImageWidth),\n\t\t\t\theight: (num2 - y) * (actualWidth / renderedImageWidth),\n\t\t\t};\n\t\telse {\n\t\t\tintersectAreaObj = {\n\t\t\t\toriginX: x - renderedImageX,\n\t\t\t\toriginY: y - renderedImageY,\n\t\t\t\twidth: 0,\n\t\t\t\theight: 0,\n\t\t\t};\n\t\t}\n\t\treturn intersectAreaObj;\n\t};\n\n\tcrop = async (cropObj, uri) => {\n\t\tconst { saveOptions } = this.props;\n\t\tif (cropObj.height > 0 && cropObj.width > 0) {\n\t\t\tconst manipResult = await ImageManipulator.manipulateAsync(\n\t\t\t\turi,\n\t\t\t\t[\n\t\t\t\t\t{\n\t\t\t\t\t\tcrop: cropObj,\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t\tsaveOptions,\n\t\t\t);\n\t\t\treturn manipResult;\n\t\t}\n\t\treturn {\n\t\t\turi: null,\n\t\t\tbase64: null,\n\t\t};\n\t};\n\n\tcalculateMaxSizes = (event) => {\n\t\tlet w1 = event.nativeEvent.layout.width || 100;\n\t\tlet h1 = event.nativeEvent.layout.height || 100;\n\t\tif (this.state.squareAspect) {\n\t\t\tif (w1 < h1) h1 = w1;\n\t\t\telse w1 = h1;\n\t\t}\n\t\tthis.maxSizes.width = w1;\n\t\tthis.maxSizes.height = h1;\n\t};\n\n\t// eslint-disable-next-line camelcase\n\tasync UNSAFE_componentWillReceiveProps() {\n\t\tawait this.onConvertImageToEditableSize();\n\t}\n\n\trender() {\n\t\tconst { isVisible, onPictureChoosed } = this.props;\n\t\tconst { uri, base64, cropMode, processing } = this.state;\n\n\t\tlet imageRatio = this.actualSize.height / this.actualSize.width;\n\t\tvar originalHeight = Dimensions.get(\"window\").height - 64;\n\t\tif (isIphoneX()) {\n\t\t\toriginalHeight = Dimensions.get(\"window\").height - 122;\n\t\t}\n\n\t\tlet cropRatio = originalHeight / width;\n\n\t\tlet cropWidth =\n\t\t\timageRatio < cropRatio ? width : originalHeight / imageRatio;\n\t\tlet cropHeight =\n\t\t\timageRatio < cropRatio ? width * imageRatio : originalHeight;\n\n\t\tlet cropInitialTop = (originalHeight - cropHeight) / 2.0;\n\t\tlet cropInitialLeft = (width - cropWidth) / 2.0;\n\n\t\tif (this.currentSize.width == 0 && cropMode) {\n\t\t\tthis.currentSize.width = cropWidth;\n\t\t\tthis.currentSize.height = cropHeight;\n\n\t\t\tthis.currentPos.top = cropInitialTop;\n\t\t\tthis.currentPos.left = cropInitialLeft;\n\t\t}\n\n\t\treturn (\n\t\t\t<Modal\n\t\t\t\tanimationType=\"slide\"\n\t\t\t\ttransparent={true}\n\t\t\t\tvisible={isVisible}\n\t\t\t\thardwareAccelerated\n\t\t\t\tonRequestClose={() => {\n\t\t\t\t\tthis.onToggleModal();\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{uri !== undefined ? (\n\t\t\t\t\t<View style={styles.container}>\n\t\t\t\t\t\t<SafeAreaView style={[{ width }, styles.headerContainer]}>\n\t\t\t\t\t\t\t{!cropMode ? (\n\t\t\t\t\t\t\t\t<View\n\t\t\t\t\t\t\t\t\tstyle={[\n\t\t\t\t\t\t\t\t\t\tstyles.headerButtonContainer,\n\t\t\t\t\t\t\t\t\t\t{ justifyContent: \"flex-end\" },\n\t\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<TouchableOpacity\n\t\t\t\t\t\t\t\t\t\tonPress={() => {\n\t\t\t\t\t\t\t\t\t\t\tonPictureChoosed({ uri, base64 });\n\t\t\t\t\t\t\t\t\t\t\tthis.onToggleModal();\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tstyle={styles.headerButton}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<Text style={styles.headerButtonText}>{\"Done\"}</Text>\n\t\t\t\t\t\t\t\t\t</TouchableOpacity>\n\t\t\t\t\t\t\t\t</View>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<View style={styles.headerButtonContainer}>\n\t\t\t\t\t\t\t\t\t<TouchableOpacity\n\t\t\t\t\t\t\t\t\t\tonPress={this.onToggleModal}\n\t\t\t\t\t\t\t\t\t\tstyle={styles.headerButton}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<Text style={styles.headerButtonText}>{\"Cancel\"}</Text>\n\t\t\t\t\t\t\t\t\t</TouchableOpacity>\n\t\t\t\t\t\t\t\t\t<TouchableOpacity\n\t\t\t\t\t\t\t\t\t\tonPress={() => {\n\t\t\t\t\t\t\t\t\t\t\tthis.onCropImage(() => {\n\t\t\t\t\t\t\t\t\t\t\t\tonPictureChoosed({\n\t\t\t\t\t\t\t\t\t\t\t\t\turi: this.state.uri,\n\t\t\t\t\t\t\t\t\t\t\t\t\tbase64: this.state.base64,\n\t\t\t\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\t\t\t\tthis.onToggleModal();\n\t\t\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tstyle={styles.headerButton}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<Text style={styles.headerButtonText}>\n\t\t\t\t\t\t\t\t\t\t\t{processing ? \"Processing\" : \"Done\"}\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t</TouchableOpacity>\n\t\t\t\t\t\t\t\t</View>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</SafeAreaView>\n\t\t\t\t\t\t<View\n\t\t\t\t\t\t\tstyle={[\n\t\t\t\t\t\t\t\tstyles.contentContainer,\n\t\t\t\t\t\t\t\t{ width: Dimensions.get(\"window\").width },\n\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<ScrollView\n\t\t\t\t\t\t\t\tstyle={{ position: \"relative\", flex: 1 }}\n\t\t\t\t\t\t\t\tcontentContainerStyle={{ backgroundColor: \"black\" }}\n\t\t\t\t\t\t\t\tmaximumZoomScale={5}\n\t\t\t\t\t\t\t\tminimumZoomScale={0.5}\n\t\t\t\t\t\t\t\tonScroll={this.onHandleScroll}\n\t\t\t\t\t\t\t\tbounces={false}\n\t\t\t\t\t\t\t\tshowsHorizontalScrollIndicator={false}\n\t\t\t\t\t\t\t\tshowsVerticalScrollIndicator={false}\n\t\t\t\t\t\t\t\tref={(c) => (this.scrollView = c)}\n\t\t\t\t\t\t\t\tscrollEventThrottle={16}\n\t\t\t\t\t\t\t\tscrollEnabled={false}\n\t\t\t\t\t\t\t\tpinchGestureEnabled={false}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<AutoHeightImage\n\t\t\t\t\t\t\t\t\tstyle={{ backgroundColor: \"black\" }}\n\t\t\t\t\t\t\t\t\tsource={{ uri }}\n\t\t\t\t\t\t\t\t\tresizeMode={imageRatio >= 1 ? \"contain\" : \"contain\"}\n\t\t\t\t\t\t\t\t\twidth={width}\n\t\t\t\t\t\t\t\t\theight={originalHeight}\n\t\t\t\t\t\t\t\t\tonLayout={this.calculateMaxSizes}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t{!!cropMode && (\n\t\t\t\t\t\t\t\t\t<ImageCropOverlay\n\t\t\t\t\t\t\t\t\t\tonLayoutChanged={(top, left, width, height) => {\n\t\t\t\t\t\t\t\t\t\t\tthis.currentSize.width = width;\n\t\t\t\t\t\t\t\t\t\t\tthis.currentSize.height = height;\n\t\t\t\t\t\t\t\t\t\t\tthis.currentPos.top = top;\n\t\t\t\t\t\t\t\t\t\t\tthis.currentPos.left = left;\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tinitialWidth={cropWidth}\n\t\t\t\t\t\t\t\t\t\tinitialHeight={cropHeight}\n\t\t\t\t\t\t\t\t\t\tinitialTop={cropInitialTop}\n\t\t\t\t\t\t\t\t\t\tinitialLeft={cropInitialLeft}\n\t\t\t\t\t\t\t\t\t\tminHeight={100}\n\t\t\t\t\t\t\t\t\t\tminWidth={100}\n\t\t\t\t\t\t\t\t\t\ttopMargin={topMargin}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</ScrollView>\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</View>\n\t\t\t\t) : (\n\t\t\t\t\t<View style={styles.container}>\n\t\t\t\t\t\t<Text style={styles.prepareMessageText}>Preparing...</Text>\n\t\t\t\t\t</View>\n\t\t\t\t)}\n\t\t\t</Modal>\n\t\t);\n\t\t// }\n\t}\n}\n\nconst styles = StyleSheet.create({\n\theaderContainer: {\n\t\tflexDirection: \"row\",\n\t\tbackgroundColor: \"black\",\n\t\tjustifyContent: \"space-between\",\n\t},\n\theaderButtonContainer: {\n\t\tflex: 1,\n\t\tflexDirection: \"row\",\n\t\tjustifyContent: \"space-between\",\n\t},\n\theaderButton: {\n\t\tmarginHorizontal: 10,\n\t\twidth: 60,\n\t\theight: 40,\n\t\talignItems: \"center\",\n\t\tjustifyContent: \"center\",\n\t},\n\theaderButtonText: {\n\t\tfontWeight: \"500\",\n\t\tcolor: \"white\",\n\t\tfontSize: 18,\n\t},\n\tcontentContainer: {\n\t\tflex: 1,\n\t\tbackgroundColor: \"black\",\n\t},\n\tcontainer: {\n\t\tflex: 1,\n\t\tbackgroundColor: \"#000d\",\n\t\talignItems: \"center\",\n\t\tjustifyContent: \"center\",\n\t},\n\tprepareMessageText: {\n\t\tfontFamily: \"sf-bold\",\n\t\tfontSize: 20,\n\t\tcolor: \"#fff\",\n\t},\n});\n\nexport default ExpoImageManipulator;\n\nExpoImageManipulator.defaultProps = {\n\tonPictureChoosed: ({ uri, base64 }) => console.log(\"URI:\", uri, base64),\n\tdragVelocity: 100,\n\tresizeVelocity: 50,\n\tsaveOptions: {\n\t\tcompress: 1,\n\t\tformat: ImageManipulator.SaveFormat.PNG,\n\t\tbase64: false,\n\t},\n};\n\nExpoImageManipulator.propTypes = {\n\tisVisible: PropTypes.bool.isRequired,\n\tonPictureChoosed: PropTypes.func,\n\tsaveOptions: PropTypes.object,\n\tphoto: PropTypes.object.isRequired,\n\tonToggleModal: PropTypes.func.isRequired,\n\tdragVelocity: PropTypes.number,\n\tresizeVelocity: PropTypes.number,\n};\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["React","Component","Text","Dimensions","Image","ScrollView","Modal","View","TouchableOpacity","StyleSheet","Platform","LogBox","Alert","ImageManipulator","MediaLibrary","File","Paths","PropTypes","AutoHeightImage","withSafeAreaInsets","SafeAreaView","ImageCropOverlay","width","get","ignoreLogs","ExpoImageManipulator","constructor","props","_defineProperty","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","_this$props$insets","_this$props$insets2","imageRatio","topInset","insets","top","bottomInset","bottom","originalHeight","renderedImageWidth","renderedImageHeight","renderedImageY","renderedImageX","renderImageObj","left","cropOverlayObj","currentPos","currentSize","intersectAreaObj","x","Math","max","num1","min","num2","originX","originY","saveOptions","manipResult","manipulateAsync","w1","layout","h1","squareAspect","maxSizes","componentDidMount","onConvertImageToEditableSize","photo","rawUri","resolvedUri","startsWith","assetId","replace","assetInfo","getAssetInfoAsync","shouldDownloadFromNetwork","localUri","_rawUri$split$pop","ext","split","pop","file","downloadFileAsync","cache","Date","now","idempotent","manipulatePromise","resize","timeoutPromise","Promise","_","reject","setTimeout","Error","race","e","console","log","alert","UNSAFE_componentWillReceiveProps","render","_this$props$insets3","_this$props$insets4","isVisible","onPictureChoosed","topMargin","OS","cropRatio","cropWidth","cropHeight","cropInitialTop","cropInitialLeft","createElement","animationType","transparent","visible","hardwareAccelerated","onRequestClose","undefined","style","styles","container","headerContainer","headerButtonContainer","justifyContent","onPress","headerButton","headerButtonText","onCropImage","contentContainer","position","flex","contentContainerStyle","backgroundColor","maximumZoomScale","minimumZoomScale","onScroll","onHandleScroll","bounces","showsHorizontalScrollIndicator","showsVerticalScrollIndicator","ref","c","scrollView","scrollEventThrottle","scrollEnabled","pinchGestureEnabled","source","resizeMode","onLayout","calculateMaxSizes","onLayoutChanged","initialWidth","initialHeight","initialTop","initialLeft","minHeight","minWidth","prepareMessageText","create","flexDirection","marginHorizontal","alignItems","fontWeight","color","fontSize","fontFamily","defaultProps","dragVelocity","resizeVelocity","compress","format","SaveFormat","PNG","propTypes","bool","isRequired","func","object","number"],"sources":["ExpoImageManipulator.js"],"sourcesContent":["import React, { Component } from \"react\";\nimport { Text } from \"@plusscommunities/pluss-core-app/components\";\nimport {\n\tDimensions,\n\tImage,\n\tScrollView,\n\tModal,\n\tView,\n\tTouchableOpacity,\n\tStyleSheet,\n\tPlatform,\n\tLogBox,\n\tAlert,\n} from \"react-native\";\nimport * as ImageManipulator from \"expo-image-manipulator\";\nimport * as MediaLibrary from \"expo-media-library\";\nimport { File, Paths } from \"expo-file-system\";\nimport PropTypes from \"prop-types\";\nimport AutoHeightImage from \"react-native-auto-height-image\";\nimport {\n\twithSafeAreaInsets,\n\tSafeAreaView,\n} from \"react-native-safe-area-context\";\nimport ImageCropOverlay from \"./ImageCropOverlay\";\n\nconst { width } = Dimensions.get(\"window\");\n\nLogBox.ignoreLogs([\n\t\"componentWillReceiveProps\",\n\t\"componentWillUpdate\",\n\t\"componentWillMount\",\n]);\nLogBox.ignoreLogs([\n\t\"Warning: componentWillMount is deprecated\",\n\t\"Warning: componentWillReceiveProps is deprecated\",\n\t\"Module RCTImageLoader requires\",\n]);\n\nclass ExpoImageManipulator extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tconst { squareAspect } = this.props;\n\t\tthis.state = {\n\t\t\tcropMode: false,\n\t\t\tprocessing: false,\n\t\t\tsquareAspect,\n\t\t};\n\n\t\tthis.scrollOffset = 0;\n\t\tthis.currentPos = { left: 0, top: 0 };\n\t\tthis.currentSize = { width: 0, height: 0 };\n\t\tthis.maxSizes = { width: 0, height: 0 };\n\t\tthis.actualSize = { width: 0, height: 0 };\n\t}\n\n\tasync componentDidMount() {\n\t\tawait this.onConvertImageToEditableSize();\n\n\t\t// Set cropping by default\n\t\tthis.setState({ cropMode: true });\n\t}\n\n\tasync onConvertImageToEditableSize() {\n\t\ttry {\n\t\t\tconst {\n\t\t\t\tphoto: { uri: rawUri },\n\t\t\t} = this.props;\n\n\t\t\t// expo-image-manipulator only works with file:// URIs.\n\t\t\t// Resolve ph:// (iOS Photo Library) and https:// (remote/stock images) first.\n\t\t\tlet resolvedUri = rawUri;\n\t\t\tif (rawUri?.startsWith(\"ph://\")) {\n\t\t\t\tconst assetId = rawUri.replace(\"ph://\", \"\");\n\t\t\t\tconst assetInfo = await MediaLibrary.getAssetInfoAsync(assetId, {\n\t\t\t\t\tshouldDownloadFromNetwork: true,\n\t\t\t\t});\n\t\t\t\tresolvedUri = assetInfo.localUri || rawUri;\n\t\t\t} else if (rawUri?.startsWith(\"http\")) {\n\t\t\t\tconst ext = rawUri.split(\".\").pop()?.split(\"?\")[0] || \"jpg\";\n\t\t\t\tconst file = await File.downloadFileAsync(\n\t\t\t\t\trawUri,\n\t\t\t\t\tnew File(Paths.cache, `crop_${Date.now()}.${ext}`),\n\t\t\t\t\t{ idempotent: true },\n\t\t\t\t);\n\t\t\t\tresolvedUri = file.uri;\n\t\t\t}\n\n\t\t\tconst manipulatePromise = ImageManipulator.manipulateAsync(resolvedUri, [\n\t\t\t\t{ resize: { width: 1080 } },\n\t\t\t]);\n\t\t\t// manipulateAsync can hang forever on non-file:// URIs (promise never settles).\n\t\t\t// Promise.race with a timeout ensures the catch block fires.\n\t\t\tconst timeoutPromise = new Promise((_, reject) =>\n\t\t\t\tsetTimeout(\n\t\t\t\t\t() => reject(new Error(\"Image processing timed out\")),\n\t\t\t\t\t15000,\n\t\t\t\t),\n\t\t\t);\n\t\t\tconst { uri, width, height } = await Promise.race([\n\t\t\t\tmanipulatePromise,\n\t\t\t\ttimeoutPromise,\n\t\t\t]);\n\t\t\tthis.setState({ uri });\n\t\t\tthis.actualSize.width = width;\n\t\t\tthis.actualSize.height = height;\n\t\t} catch (e) {\n\t\t\tconsole.log(\"onConvertImageToEditableSize error\", e);\n\t\t\tthis.onToggleModal();\n\t\t\tAlert.alert(\n\t\t\t\t\"Error\",\n\t\t\t\t\"Unable to prepare this image for editing. Please try a different image.\",\n\t\t\t);\n\t\t}\n\t}\n\n\tonToggleModal = () => {\n\t\tthis.props.onToggleModal();\n\t\tthis.setState({ cropMode: false });\n\t};\n\n\tonCropImage = (callback = null) => {\n\t\tthis.setState({ processing: true });\n\t\tconst { uri } = this.state;\n\t\tImage.getSize(uri, async (actualWidth, actualHeight) => {\n\t\t\tlet cropObj = this.getCropBounds(actualWidth, actualHeight);\n\t\t\tif (cropObj.height > 0 && cropObj.width > 0) {\n\t\t\t\tlet uriToCrop = uri;\n\t\t\t\tconst {\n\t\t\t\t\turi: uriCroped,\n\t\t\t\t\tbase64,\n\t\t\t\t\twidth: croppedWidth,\n\t\t\t\t\theight: croppedHeight,\n\t\t\t\t} = await this.crop(cropObj, uriToCrop);\n\n\t\t\t\tthis.actualSize.width = croppedWidth;\n\t\t\t\tthis.actualSize.height = croppedHeight;\n\n\t\t\t\tthis.setState(\n\t\t\t\t\t{\n\t\t\t\t\t\turi: uriCroped,\n\t\t\t\t\t\tbase64,\n\t\t\t\t\t\tcropMode: false,\n\t\t\t\t\t\tprocessing: false,\n\t\t\t\t\t},\n\t\t\t\t\t() => {\n\t\t\t\t\t\tif (callback) callback();\n\t\t\t\t\t},\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\tthis.setState({ cropMode: false, processing: false }, () => {\n\t\t\t\t\tif (callback) callback();\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t};\n\n\tonHandleScroll = (event) => {\n\t\tthis.scrollOffset = event.nativeEvent.contentOffset.y;\n\t};\n\n\tgetCropBounds = (actualWidth, actualHeight) => {\n\t\tlet imageRatio = actualHeight / actualWidth;\n\t\tconst topInset = this.props.insets?.top ?? 0;\n\t\tconst bottomInset = this.props.insets?.bottom ?? 0;\n\t\tvar originalHeight =\n\t\t\tDimensions.get(\"window\").height - topInset - bottomInset - 44\n\t\tlet renderedImageWidth =\n\t\t\timageRatio < originalHeight / width ? width : originalHeight / imageRatio;\n\t\tlet renderedImageHeight =\n\t\t\timageRatio < originalHeight / width ? width * imageRatio : originalHeight;\n\n\t\tlet renderedImageY = (originalHeight - renderedImageHeight) / 2.0;\n\t\tlet renderedImageX = (width - renderedImageWidth) / 2.0;\n\n\t\tconst renderImageObj = {\n\t\t\tleft: renderedImageX,\n\t\t\ttop: renderedImageY,\n\t\t\twidth: renderedImageWidth,\n\t\t\theight: renderedImageHeight,\n\t\t};\n\t\tconst cropOverlayObj = {\n\t\t\tleft: this.currentPos.left,\n\t\t\ttop: this.currentPos.top,\n\t\t\twidth: this.currentSize.width,\n\t\t\theight: this.currentSize.height,\n\t\t};\n\n\t\tvar intersectAreaObj = {};\n\n\t\tlet x = Math.max(renderImageObj.left, cropOverlayObj.left);\n\t\tlet num1 = Math.min(\n\t\t\trenderImageObj.left + renderImageObj.width,\n\t\t\tcropOverlayObj.left + cropOverlayObj.width,\n\t\t);\n\t\tlet y = Math.max(renderImageObj.top, cropOverlayObj.top);\n\t\tlet num2 = Math.min(\n\t\t\trenderImageObj.top + renderImageObj.height,\n\t\t\tcropOverlayObj.top + cropOverlayObj.height,\n\t\t);\n\t\tif (num1 >= x && num2 >= y)\n\t\t\tintersectAreaObj = {\n\t\t\t\toriginX: (x - renderedImageX) * (actualWidth / renderedImageWidth),\n\t\t\t\toriginY: (y - renderedImageY) * (actualWidth / renderedImageWidth),\n\t\t\t\twidth: (num1 - x) * (actualWidth / renderedImageWidth),\n\t\t\t\theight: (num2 - y) * (actualWidth / renderedImageWidth),\n\t\t\t};\n\t\telse {\n\t\t\tintersectAreaObj = {\n\t\t\t\toriginX: x - renderedImageX,\n\t\t\t\toriginY: y - renderedImageY,\n\t\t\t\twidth: 0,\n\t\t\t\theight: 0,\n\t\t\t};\n\t\t}\n\t\treturn intersectAreaObj;\n\t};\n\n\tcrop = async (cropObj, uri) => {\n\t\tconst { saveOptions } = this.props;\n\t\tif (cropObj.height > 0 && cropObj.width > 0) {\n\t\t\tconst manipResult = await ImageManipulator.manipulateAsync(\n\t\t\t\turi,\n\t\t\t\t[\n\t\t\t\t\t{\n\t\t\t\t\t\tcrop: cropObj,\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t\tsaveOptions,\n\t\t\t);\n\t\t\treturn manipResult;\n\t\t}\n\t\treturn {\n\t\t\turi: null,\n\t\t\tbase64: null,\n\t\t};\n\t};\n\n\tcalculateMaxSizes = (event) => {\n\t\tlet w1 = event.nativeEvent.layout.width || 100;\n\t\tlet h1 = event.nativeEvent.layout.height || 100;\n\t\tif (this.state.squareAspect) {\n\t\t\tif (w1 < h1) h1 = w1;\n\t\t\telse w1 = h1;\n\t\t}\n\t\tthis.maxSizes.width = w1;\n\t\tthis.maxSizes.height = h1;\n\t};\n\n\t// eslint-disable-next-line camelcase\n\tasync UNSAFE_componentWillReceiveProps() {\n\t\tawait this.onConvertImageToEditableSize();\n\t}\n\n\trender() {\n\t\tconst { isVisible, onPictureChoosed } = this.props;\n\t\tconst { uri, base64, cropMode, processing } = this.state;\n\n\t\tlet imageRatio = this.actualSize.height / this.actualSize.width;\n\t\tconst topInset = this.props.insets?.top ?? 0;\n\t\tconst bottomInset = this.props.insets?.bottom ?? 0;\n\t\tvar originalHeight =\n\t\t\tDimensions.get(\"window\").height - topInset - bottomInset - 44;\n\t\tconst topMargin = topInset + (Platform.OS === \"ios\" ? 50 : 20);\n\n\t\tlet cropRatio = originalHeight / width;\n\n\t\tlet cropWidth =\n\t\t\timageRatio < cropRatio ? width : originalHeight / imageRatio;\n\t\tlet cropHeight =\n\t\t\timageRatio < cropRatio ? width * imageRatio : originalHeight;\n\n\t\tlet cropInitialTop = (originalHeight - cropHeight) / 2.0;\n\t\tlet cropInitialLeft = (width - cropWidth) / 2.0;\n\n\t\tif (this.currentSize.width == 0 && cropMode) {\n\t\t\tthis.currentSize.width = cropWidth;\n\t\t\tthis.currentSize.height = cropHeight;\n\n\t\t\tthis.currentPos.top = cropInitialTop;\n\t\t\tthis.currentPos.left = cropInitialLeft;\n\t\t}\n\n\t\treturn (\n\t\t\t<Modal\n\t\t\t\tanimationType=\"slide\"\n\t\t\t\ttransparent={true}\n\t\t\t\tvisible={isVisible}\n\t\t\t\thardwareAccelerated\n\t\t\t\tonRequestClose={() => {\n\t\t\t\t\tthis.onToggleModal();\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{uri !== undefined ? (\n\t\t\t\t\t<View style={styles.container}>\n\t\t\t\t\t\t<SafeAreaView style={[{ width }, styles.headerContainer]}>\n\t\t\t\t\t\t\t{!cropMode ? (\n\t\t\t\t\t\t\t\t<View\n\t\t\t\t\t\t\t\t\tstyle={[\n\t\t\t\t\t\t\t\t\t\tstyles.headerButtonContainer,\n\t\t\t\t\t\t\t\t\t\t{ justifyContent: \"flex-end\" },\n\t\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<TouchableOpacity\n\t\t\t\t\t\t\t\t\t\tonPress={() => {\n\t\t\t\t\t\t\t\t\t\t\tonPictureChoosed({ uri, base64 });\n\t\t\t\t\t\t\t\t\t\t\tthis.onToggleModal();\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tstyle={styles.headerButton}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<Text style={styles.headerButtonText}>{\"Done\"}</Text>\n\t\t\t\t\t\t\t\t\t</TouchableOpacity>\n\t\t\t\t\t\t\t\t</View>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<View style={styles.headerButtonContainer}>\n\t\t\t\t\t\t\t\t\t<TouchableOpacity\n\t\t\t\t\t\t\t\t\t\tonPress={this.onToggleModal}\n\t\t\t\t\t\t\t\t\t\tstyle={styles.headerButton}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<Text style={styles.headerButtonText}>{\"Cancel\"}</Text>\n\t\t\t\t\t\t\t\t\t</TouchableOpacity>\n\t\t\t\t\t\t\t\t\t<TouchableOpacity\n\t\t\t\t\t\t\t\t\t\tonPress={() => {\n\t\t\t\t\t\t\t\t\t\t\tthis.onCropImage(() => {\n\t\t\t\t\t\t\t\t\t\t\t\tonPictureChoosed({\n\t\t\t\t\t\t\t\t\t\t\t\t\turi: this.state.uri,\n\t\t\t\t\t\t\t\t\t\t\t\t\tbase64: this.state.base64,\n\t\t\t\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\t\t\t\tthis.onToggleModal();\n\t\t\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tstyle={styles.headerButton}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<Text style={styles.headerButtonText}>\n\t\t\t\t\t\t\t\t\t\t\t{processing ? \"Processing\" : \"Done\"}\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t</TouchableOpacity>\n\t\t\t\t\t\t\t\t</View>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</SafeAreaView>\n\t\t\t\t\t\t<View\n\t\t\t\t\t\t\tstyle={[\n\t\t\t\t\t\t\t\tstyles.contentContainer,\n\t\t\t\t\t\t\t\t{ width: Dimensions.get(\"window\").width },\n\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<ScrollView\n\t\t\t\t\t\t\t\tstyle={{ position: \"relative\", flex: 1 }}\n\t\t\t\t\t\t\t\tcontentContainerStyle={{ backgroundColor: \"black\" }}\n\t\t\t\t\t\t\t\tmaximumZoomScale={5}\n\t\t\t\t\t\t\t\tminimumZoomScale={0.5}\n\t\t\t\t\t\t\t\tonScroll={this.onHandleScroll}\n\t\t\t\t\t\t\t\tbounces={false}\n\t\t\t\t\t\t\t\tshowsHorizontalScrollIndicator={false}\n\t\t\t\t\t\t\t\tshowsVerticalScrollIndicator={false}\n\t\t\t\t\t\t\t\tref={(c) => (this.scrollView = c)}\n\t\t\t\t\t\t\t\tscrollEventThrottle={16}\n\t\t\t\t\t\t\t\tscrollEnabled={false}\n\t\t\t\t\t\t\t\tpinchGestureEnabled={false}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<AutoHeightImage\n\t\t\t\t\t\t\t\t\tstyle={{ backgroundColor: \"black\" }}\n\t\t\t\t\t\t\t\t\tsource={{ uri }}\n\t\t\t\t\t\t\t\t\tresizeMode={imageRatio >= 1 ? \"contain\" : \"contain\"}\n\t\t\t\t\t\t\t\t\twidth={width}\n\t\t\t\t\t\t\t\t\theight={originalHeight}\n\t\t\t\t\t\t\t\t\tonLayout={this.calculateMaxSizes}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t{!!cropMode && (\n\t\t\t\t\t\t\t\t\t<ImageCropOverlay\n\t\t\t\t\t\t\t\t\t\tonLayoutChanged={(top, left, width, height) => {\n\t\t\t\t\t\t\t\t\t\t\tthis.currentSize.width = width;\n\t\t\t\t\t\t\t\t\t\t\tthis.currentSize.height = height;\n\t\t\t\t\t\t\t\t\t\t\tthis.currentPos.top = top;\n\t\t\t\t\t\t\t\t\t\t\tthis.currentPos.left = left;\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tinitialWidth={cropWidth}\n\t\t\t\t\t\t\t\t\t\tinitialHeight={cropHeight}\n\t\t\t\t\t\t\t\t\t\tinitialTop={cropInitialTop}\n\t\t\t\t\t\t\t\t\t\tinitialLeft={cropInitialLeft}\n\t\t\t\t\t\t\t\t\t\tminHeight={100}\n\t\t\t\t\t\t\t\t\t\tminWidth={100}\n\t\t\t\t\t\t\t\t\t\ttopMargin={topMargin}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</ScrollView>\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</View>\n\t\t\t\t) : (\n\t\t\t\t\t<View style={styles.container}>\n\t\t\t\t\t\t<Text style={styles.prepareMessageText}>Preparing...</Text>\n\t\t\t\t\t</View>\n\t\t\t\t)}\n\t\t\t</Modal>\n\t\t);\n\t\t// }\n\t}\n}\n\nconst styles = StyleSheet.create({\n\theaderContainer: {\n\t\tflexDirection: \"row\",\n\t\tbackgroundColor: \"black\",\n\t\tjustifyContent: \"space-between\",\n\t},\n\theaderButtonContainer: {\n\t\tflex: 1,\n\t\tflexDirection: \"row\",\n\t\tjustifyContent: \"space-between\",\n\t},\n\theaderButton: {\n\t\tmarginHorizontal: 10,\n\t\twidth: 60,\n\t\theight: 40,\n\t\talignItems: \"center\",\n\t\tjustifyContent: \"center\",\n\t},\n\theaderButtonText: {\n\t\tfontWeight: \"500\",\n\t\tcolor: \"white\",\n\t\tfontSize: 18,\n\t},\n\tcontentContainer: {\n\t\tflex: 1,\n\t\tbackgroundColor: \"black\",\n\t},\n\tcontainer: {\n\t\tflex: 1,\n\t\tbackgroundColor: \"#000d\",\n\t\talignItems: \"center\",\n\t\tjustifyContent: \"center\",\n\t},\n\tprepareMessageText: {\n\t\tfontFamily: \"sf-bold\",\n\t\tfontSize: 20,\n\t\tcolor: \"#fff\",\n\t},\n});\n\nexport default withSafeAreaInsets(ExpoImageManipulator);\n\nExpoImageManipulator.defaultProps = {\n\tonPictureChoosed: ({ uri, base64 }) => console.log(\"URI:\", uri, base64),\n\tdragVelocity: 100,\n\tresizeVelocity: 50,\n\tsaveOptions: {\n\t\tcompress: 1,\n\t\tformat: ImageManipulator.SaveFormat.PNG,\n\t\tbase64: false,\n\t},\n};\n\nExpoImageManipulator.propTypes = {\n\tisVisible: PropTypes.bool.isRequired,\n\tonPictureChoosed: PropTypes.func,\n\tsaveOptions: PropTypes.object,\n\tphoto: PropTypes.object.isRequired,\n\tonToggleModal: PropTypes.func.isRequired,\n\tdragVelocity: PropTypes.number,\n\tresizeVelocity: PropTypes.number,\n};\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -183,7 +183,7 @@ class ImageCropOverlay extends Component {
|
|
|
183
183
|
borderStyle: "solid",
|
|
184
184
|
borderWidth: 2,
|
|
185
185
|
borderColor: "#a4a4a4",
|
|
186
|
-
backgroundColor: "
|
|
186
|
+
backgroundColor: "rgba(0,0,0,0.5)"
|
|
187
187
|
}, style]
|
|
188
188
|
}), /*#__PURE__*/React.createElement(View, {
|
|
189
189
|
style: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Component","View","PanResponder","ImageCropOverlay","constructor","props","_defineProperty","event","selectedItem","getTappedItem","nativeEvent","pageX","pageY","setState","draggingTL","draggingTM","draggingTR","draggingML","draggingMM","draggingMR","draggingBL","draggingBM","draggingBR","e","gestureState","offsetTop","dy","offsetLeft","dx","initialTop","initialLeft","initialWidth","initialHeight","state","minWidth","minHeight","onLayoutChanged","panResponder","UNSAFE_componentWillMount","create","onStartShouldSetPanResponder","handleStartShouldSetPanResponder","onPanResponderGrant","handlePanResponderGrant","onPanResponderMove","handlePanResponderMove","onPanResponderRelease","handlePanResponderEnd","onPanResponderTerminate","render","style","dragging","dragWidth","top","left","width","height","createElement","_extends","panHandlers","flex","justifyContent","alignItems","position","borderStyle","borderWidth","borderColor","backgroundColor","flexDirection","borderRightWidth","borderBottomWidth","borderLeftWidth","borderTopWidth","right","bottom","x","y","paddingX","paddingY","cropX1","cropX2","cropY1","topMargin","cropY2","inLeft","inMidX","inRight","inTop","inMidY","inBottom"],"sources":["ImageCropOverlay.js"],"sourcesContent":["import React, { Component } from \"react\";\nimport { View, PanResponder } from \"react-native\";\n\nclass ImageCropOverlay extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tdraggingTL: false,\n\t\t\tdraggingTM: false,\n\t\t\tdraggingTR: false,\n\t\t\tdraggingML: false,\n\t\t\tdraggingMM: false,\n\t\t\tdraggingMR: false,\n\t\t\tdraggingBL: false,\n\t\t\tdraggingBM: false,\n\t\t\tdraggingBR: false,\n\t\t\tinitialTop: this.props.initialTop,\n\t\t\tinitialLeft: this.props.initialLeft,\n\t\t\tinitialWidth: this.props.initialWidth,\n\t\t\tinitialHeight: this.props.initialHeight,\n\t\t\toffsetTop: 0,\n\t\t\toffsetLeft: 0,\n\t\t};\n\n\t\tthis.panResponder = {};\n\t}\n\n\tUNSAFE_componentWillMount() {\n\t\tthis.panResponder = PanResponder.create({\n\t\t\tonStartShouldSetPanResponder: this.handleStartShouldSetPanResponder,\n\t\t\tonPanResponderGrant: this.handlePanResponderGrant,\n\t\t\tonPanResponderMove: this.handlePanResponderMove,\n\t\t\tonPanResponderRelease: this.handlePanResponderEnd,\n\t\t\tonPanResponderTerminate: this.handlePanResponderEnd,\n\t\t});\n\t}\n\n\trender() {\n\t\tconst {\n\t\t\tdraggingTL,\n\t\t\tdraggingTM,\n\t\t\tdraggingTR,\n\t\t\tdraggingML,\n\t\t\tdraggingMM,\n\t\t\tdraggingMR,\n\t\t\tdraggingBL,\n\t\t\tdraggingBM,\n\t\t\tdraggingBR,\n\t\t\tinitialTop,\n\t\t\tinitialLeft,\n\t\t\tinitialHeight,\n\t\t\tinitialWidth,\n\t\t\toffsetTop,\n\t\t\toffsetLeft,\n\t\t} = this.state;\n\t\tconst style = {};\n\t\tconst dragging =\n\t\t\tdraggingTL ||\n\t\t\tdraggingTM ||\n\t\t\tdraggingTR ||\n\t\t\tdraggingML ||\n\t\t\tdraggingMM ||\n\t\t\tdraggingMR ||\n\t\t\tdraggingBL ||\n\t\t\tdraggingBM ||\n\t\t\tdraggingBR;\n\t\tconst dragWidth = dragging ? 1 : 0;\n\n\t\tstyle.top =\n\t\t\tinitialTop +\n\t\t\t(draggingTL || draggingTM || draggingTR || draggingMM ? offsetTop : 0);\n\t\tstyle.left =\n\t\t\tinitialLeft +\n\t\t\t(draggingTL || draggingML || draggingBL || draggingMM ? offsetLeft : 0);\n\t\tstyle.width =\n\t\t\tinitialWidth +\n\t\t\t(draggingTL || draggingML || draggingBL\n\t\t\t\t? -offsetLeft\n\t\t\t\t: draggingTM || draggingMM || draggingBM\n\t\t\t\t\t? 0\n\t\t\t\t\t: offsetLeft);\n\t\tstyle.height =\n\t\t\tinitialHeight +\n\t\t\t(draggingTL || draggingTM || draggingTR\n\t\t\t\t? -offsetTop\n\t\t\t\t: draggingML || draggingMM || draggingMR\n\t\t\t\t\t? 0\n\t\t\t\t\t: offsetTop);\n\n\t\tif (style.width > this.props.initialWidth) {\n\t\t\tstyle.width = this.props.initialWidth;\n\t\t}\n\t\tif (style.width < this.props.minWidth) {\n\t\t\tstyle.width = this.props.minWidth;\n\t\t}\n\t\tif (style.height > this.props.initialHeight) {\n\t\t\tstyle.height = this.props.initialHeight;\n\t\t}\n\t\tif (style.height < this.props.minHeight) {\n\t\t\tstyle.height = this.props.minHeight;\n\t\t}\n\t\treturn (\n\t\t\t<View\n\t\t\t\t{...this.panResponder.panHandlers}\n\t\t\t\tstyle={[\n\t\t\t\t\t{\n\t\t\t\t\t\tflex: 1,\n\t\t\t\t\t\tjustifyContent: \"center\",\n\t\t\t\t\t\talignItems: \"center\",\n\t\t\t\t\t\tposition: \"absolute\",\n\t\t\t\t\t\tborderStyle: \"solid\",\n\t\t\t\t\t\tborderWidth: 2,\n\t\t\t\t\t\tborderColor: \"#a4a4a4\",\n\t\t\t\t\t\tbackgroundColor: \"rgb(0,0,0,0.5)\",\n\t\t\t\t\t},\n\t\t\t\t\tstyle,\n\t\t\t\t]}\n\t\t\t>\n\t\t\t\t<View\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\ttop: 0,\n\t\t\t\t\t\tleft: 0,\n\t\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\t\theight: \"100%\",\n\t\t\t\t\t\tposition: \"absolute\",\n\t\t\t\t\t\tbackgroundColor: \"rgba(0, 0, 0, 0.5)\",\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<View style={{ flex: 1 / 3, flexDirection: \"row\" }}>\n\t\t\t\t\t\t<View\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tflex: 3,\n\t\t\t\t\t\t\t\tborderRightWidth: dragWidth,\n\t\t\t\t\t\t\t\tborderBottomWidth: dragWidth,\n\t\t\t\t\t\t\t\tborderColor: \"#a4a4a4\",\n\t\t\t\t\t\t\t\tborderStyle: \"solid\",\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<View\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tposition: \"absolute\",\n\t\t\t\t\t\t\t\t\tleft: 5,\n\t\t\t\t\t\t\t\t\ttop: 5,\n\t\t\t\t\t\t\t\t\tborderLeftWidth: 2,\n\t\t\t\t\t\t\t\t\tborderTopWidth: 2,\n\t\t\t\t\t\t\t\t\theight: 24,\n\t\t\t\t\t\t\t\t\twidth: 24,\n\t\t\t\t\t\t\t\t\tborderColor: \"#f4f4f4\",\n\t\t\t\t\t\t\t\t\tborderStyle: \"solid\",\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</View>\n\t\t\t\t\t\t<View\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tflex: 3,\n\t\t\t\t\t\t\t\tborderRightWidth: dragWidth,\n\t\t\t\t\t\t\t\tborderBottomWidth: dragWidth,\n\t\t\t\t\t\t\t\tborderColor: \"#a4a4a4\",\n\t\t\t\t\t\t\t\tborderStyle: \"solid\",\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t></View>\n\t\t\t\t\t\t<View\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tflex: 3,\n\t\t\t\t\t\t\t\tborderBottomWidth: dragWidth,\n\t\t\t\t\t\t\t\tborderColor: \"#a4a4a4\",\n\t\t\t\t\t\t\t\tborderStyle: \"solid\",\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<View\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tposition: \"absolute\",\n\t\t\t\t\t\t\t\t\tright: 5,\n\t\t\t\t\t\t\t\t\ttop: 5,\n\t\t\t\t\t\t\t\t\tborderRightWidth: 2,\n\t\t\t\t\t\t\t\t\tborderTopWidth: 2,\n\t\t\t\t\t\t\t\t\theight: 24,\n\t\t\t\t\t\t\t\t\twidth: 24,\n\t\t\t\t\t\t\t\t\tborderColor: \"#f4f4f4\",\n\t\t\t\t\t\t\t\t\tborderStyle: \"solid\",\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</View>\n\t\t\t\t\t<View style={{ flex: 1 / 3, flexDirection: \"row\" }}>\n\t\t\t\t\t\t<View\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tflex: 3,\n\t\t\t\t\t\t\t\tborderRightWidth: dragWidth,\n\t\t\t\t\t\t\t\tborderBottomWidth: dragWidth,\n\t\t\t\t\t\t\t\tborderColor: \"#a4a4a4\",\n\t\t\t\t\t\t\t\tborderStyle: \"solid\",\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t></View>\n\t\t\t\t\t\t<View\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tflex: 3,\n\t\t\t\t\t\t\t\tborderRightWidth: dragWidth,\n\t\t\t\t\t\t\t\tborderBottomWidth: dragWidth,\n\t\t\t\t\t\t\t\tborderColor: \"#a4a4a4\",\n\t\t\t\t\t\t\t\tborderStyle: \"solid\",\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t></View>\n\t\t\t\t\t\t<View\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tflex: 3,\n\t\t\t\t\t\t\t\tborderBottomWidth: dragWidth,\n\t\t\t\t\t\t\t\tborderColor: \"#a4a4a4\",\n\t\t\t\t\t\t\t\tborderStyle: \"solid\",\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t></View>\n\t\t\t\t\t</View>\n\t\t\t\t\t<View style={{ flex: 1 / 3, flexDirection: \"row\" }}>\n\t\t\t\t\t\t<View\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tflex: 3,\n\t\t\t\t\t\t\t\tborderRightWidth: dragWidth,\n\t\t\t\t\t\t\t\tborderColor: \"#a4a4a4\",\n\t\t\t\t\t\t\t\tborderStyle: \"solid\",\n\t\t\t\t\t\t\t\tposition: \"relative\",\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<View\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tposition: \"absolute\",\n\t\t\t\t\t\t\t\t\tleft: 5,\n\t\t\t\t\t\t\t\t\tbottom: 5,\n\t\t\t\t\t\t\t\t\tborderLeftWidth: 2,\n\t\t\t\t\t\t\t\t\tborderBottomWidth: 2,\n\t\t\t\t\t\t\t\t\theight: 24,\n\t\t\t\t\t\t\t\t\twidth: 24,\n\t\t\t\t\t\t\t\t\tborderColor: \"#f4f4f4\",\n\t\t\t\t\t\t\t\t\tborderStyle: \"solid\",\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</View>\n\t\t\t\t\t\t<View\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tflex: 3,\n\t\t\t\t\t\t\t\tborderRightWidth: dragWidth,\n\t\t\t\t\t\t\t\tborderColor: \"#a4a4a4\",\n\t\t\t\t\t\t\t\tborderStyle: \"solid\",\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t></View>\n\t\t\t\t\t\t<View style={{ flex: 3, position: \"relative\" }}>\n\t\t\t\t\t\t\t<View\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tposition: \"absolute\",\n\t\t\t\t\t\t\t\t\tright: 5,\n\t\t\t\t\t\t\t\t\tbottom: 5,\n\t\t\t\t\t\t\t\t\tborderRightWidth: 2,\n\t\t\t\t\t\t\t\t\tborderBottomWidth: 2,\n\t\t\t\t\t\t\t\t\theight: 24,\n\t\t\t\t\t\t\t\t\twidth: 24,\n\t\t\t\t\t\t\t\t\tborderColor: \"#f4f4f4\",\n\t\t\t\t\t\t\t\t\tborderStyle: \"solid\",\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</View>\n\t\t\t\t</View>\n\t\t\t</View>\n\t\t);\n\t}\n\n\tgetTappedItem(x, y) {\n\t\tconst { initialLeft, initialTop, initialWidth, initialHeight } = this.state;\n\t\tconst paddingX = initialWidth / 6;\n\t\tconst paddingY = initialHeight / 6;\n\t\tconst cropX1 = initialLeft;\n\t\tconst cropX2 = cropX1 + initialWidth;\n\t\tconst cropY1 = initialTop + this.props.topMargin;\n\t\tconst cropY2 = cropY1 + initialHeight;\n\t\tconst inLeft = x > cropX1 - paddingX && x < cropX1 + paddingX;\n\t\tconst inMidX = x > cropX1 + paddingX && x < cropX2 - paddingX;\n\t\tconst inRight = x > cropX2 - paddingX && x < cropX2 + paddingX;\n\t\tconst inTop = y > cropY1 - paddingY && y < cropY1 + paddingY;\n\t\tconst inMidY = y > cropY1 + paddingY && y < cropY2 - paddingY;\n\t\tconst inBottom = y > cropY2 - paddingY && y < cropY2 + paddingY;\n\t\t// console.log('getTappedItem', {\n\t\t// topMargin: this.props.topMargin,\n\t\t// x,\n\t\t// y,\n\t\t// cropX1,\n\t\t// cropX2,\n\t\t// cropY1,\n\t\t// cropY2,\n\t\t// inLeft,\n\t\t// inMidX,\n\t\t// inRight,\n\t\t// inTop,\n\t\t// inMidY,\n\t\t// inBottom,\n\t\t// });\n\n\t\tif (inTop && inLeft) {\n\t\t\treturn \"tl\";\n\t\t} else if (inTop && inMidX) {\n\t\t\treturn \"tm\";\n\t\t} else if (inTop && inRight) {\n\t\t\treturn \"tr\";\n\t\t} else if (inMidY && inLeft) {\n\t\t\treturn \"ml\";\n\t\t} else if (inMidX && inMidY) {\n\t\t\treturn \"mm\";\n\t\t} else if (inMidY && inRight) {\n\t\t\treturn \"mr\";\n\t\t} else if (inBottom && inLeft) {\n\t\t\treturn \"bl\";\n\t\t} else if (inBottom && inMidX) {\n\t\t\treturn \"bm\";\n\t\t} else if (inBottom && inRight) {\n\t\t\treturn \"br\";\n\t\t} else {\n\t\t\treturn \"\";\n\t\t}\n\t}\n\n\t// Should we become active when the user presses down on the square?\n\thandleStartShouldSetPanResponder = (event) => {\n\t\treturn true;\n\t};\n\n\t// We were granted responder status! Let's update the UI\n\thandlePanResponderGrant = (event) => {\n\t\tlet selectedItem = this.getTappedItem(\n\t\t\tevent.nativeEvent.pageX,\n\t\t\tevent.nativeEvent.pageY,\n\t\t);\n\t\tif (selectedItem == \"tl\") {\n\t\t\tthis.setState({ draggingTL: true });\n\t\t} else if (selectedItem == \"tm\") {\n\t\t\tthis.setState({ draggingTM: true });\n\t\t} else if (selectedItem == \"tr\") {\n\t\t\tthis.setState({ draggingTR: true });\n\t\t} else if (selectedItem == \"ml\") {\n\t\t\tthis.setState({ draggingML: true });\n\t\t} else if (selectedItem == \"mm\") {\n\t\t\tthis.setState({ draggingMM: true });\n\t\t} else if (selectedItem == \"mr\") {\n\t\t\tthis.setState({ draggingMR: true });\n\t\t} else if (selectedItem == \"bl\") {\n\t\t\tthis.setState({ draggingBL: true });\n\t\t} else if (selectedItem == \"bm\") {\n\t\t\tthis.setState({ draggingBM: true });\n\t\t} else if (selectedItem == \"br\") {\n\t\t\tthis.setState({ draggingBR: true });\n\t\t}\n\t};\n\n\t// Every time the touch/mouse moves\n\thandlePanResponderMove = (e, gestureState) => {\n\t\t// Keep track of how far we've moved in total (dx and dy)\n\t\tthis.setState({\n\t\t\toffsetTop: gestureState.dy,\n\t\t\toffsetLeft: gestureState.dx,\n\t\t});\n\t};\n\n\t// When the touch/mouse is lifted\n\thandlePanResponderEnd = (e, gestureState) => {\n\t\tconst {\n\t\t\tinitialTop,\n\t\t\tinitialLeft,\n\t\t\tinitialWidth,\n\t\t\tinitialHeight,\n\t\t\tdraggingTL,\n\t\t\tdraggingTM,\n\t\t\tdraggingTR,\n\t\t\tdraggingML,\n\t\t\tdraggingMM,\n\t\t\tdraggingMR,\n\t\t\tdraggingBL,\n\t\t\tdraggingBM,\n\t\t\tdraggingBR,\n\t\t} = this.state;\n\n\t\tconst state = {\n\t\t\tdraggingTL: false,\n\t\t\tdraggingTM: false,\n\t\t\tdraggingTR: false,\n\t\t\tdraggingML: false,\n\t\t\tdraggingMM: false,\n\t\t\tdraggingMR: false,\n\t\t\tdraggingBL: false,\n\t\t\tdraggingBM: false,\n\t\t\tdraggingBR: false,\n\t\t\toffsetTop: 0,\n\t\t\toffsetLeft: 0,\n\t\t};\n\n\t\tstate.initialTop =\n\t\t\tinitialTop +\n\t\t\t(draggingTL || draggingTM || draggingTR || draggingMM\n\t\t\t\t? gestureState.dy\n\t\t\t\t: 0);\n\t\tstate.initialLeft =\n\t\t\tinitialLeft +\n\t\t\t(draggingTL || draggingML || draggingBL || draggingMM\n\t\t\t\t? gestureState.dx\n\t\t\t\t: 0);\n\t\tstate.initialWidth =\n\t\t\tinitialWidth +\n\t\t\t(draggingTL || draggingML || draggingBL\n\t\t\t\t? -gestureState.dx\n\t\t\t\t: draggingTM || draggingMM || draggingBM\n\t\t\t\t\t? 0\n\t\t\t\t\t: gestureState.dx);\n\t\tstate.initialHeight =\n\t\t\tinitialHeight +\n\t\t\t(draggingTL || draggingTM || draggingTR\n\t\t\t\t? -gestureState.dy\n\t\t\t\t: draggingML || draggingMM || draggingMR\n\t\t\t\t\t? 0\n\t\t\t\t\t: gestureState.dy);\n\n\t\tif (state.initialWidth > this.props.initialWidth) {\n\t\t\tstate.initialWidth = this.props.initialWidth;\n\t\t}\n\t\tif (state.initialWidth < this.props.minWidth) {\n\t\t\tstate.initialWidth = this.props.minWidth;\n\t\t}\n\t\tif (state.initialHeight > this.props.initialHeight) {\n\t\t\tstate.initialHeight = this.props.initialHeight;\n\t\t}\n\t\tif (state.initialHeight < this.props.minHeight) {\n\t\t\tstate.initialHeight = this.props.minHeight;\n\t\t}\n\n\t\tthis.setState(state);\n\t\tthis.props.onLayoutChanged(\n\t\t\tstate.initialTop,\n\t\t\tstate.initialLeft,\n\t\t\tstate.initialWidth,\n\t\t\tstate.initialHeight,\n\t\t);\n\t};\n}\n\nexport default ImageCropOverlay;\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["React","Component","View","PanResponder","ImageCropOverlay","constructor","props","_defineProperty","event","selectedItem","getTappedItem","nativeEvent","pageX","pageY","setState","draggingTL","draggingTM","draggingTR","draggingML","draggingMM","draggingMR","draggingBL","draggingBM","draggingBR","e","gestureState","offsetTop","dy","offsetLeft","dx","initialTop","initialLeft","initialWidth","initialHeight","state","minWidth","minHeight","onLayoutChanged","panResponder","UNSAFE_componentWillMount","create","onStartShouldSetPanResponder","handleStartShouldSetPanResponder","onPanResponderGrant","handlePanResponderGrant","onPanResponderMove","handlePanResponderMove","onPanResponderRelease","handlePanResponderEnd","onPanResponderTerminate","render","style","dragging","dragWidth","top","left","width","height","createElement","_extends","panHandlers","flex","justifyContent","alignItems","position","borderStyle","borderWidth","borderColor","backgroundColor","flexDirection","borderRightWidth","borderBottomWidth","borderLeftWidth","borderTopWidth","right","bottom","x","y","paddingX","paddingY","cropX1","cropX2","cropY1","topMargin","cropY2","inLeft","inMidX","inRight","inTop","inMidY","inBottom"],"sources":["ImageCropOverlay.js"],"sourcesContent":["import React, { Component } from \"react\";\nimport { View, PanResponder } from \"react-native\";\n\nclass ImageCropOverlay extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tdraggingTL: false,\n\t\t\tdraggingTM: false,\n\t\t\tdraggingTR: false,\n\t\t\tdraggingML: false,\n\t\t\tdraggingMM: false,\n\t\t\tdraggingMR: false,\n\t\t\tdraggingBL: false,\n\t\t\tdraggingBM: false,\n\t\t\tdraggingBR: false,\n\t\t\tinitialTop: this.props.initialTop,\n\t\t\tinitialLeft: this.props.initialLeft,\n\t\t\tinitialWidth: this.props.initialWidth,\n\t\t\tinitialHeight: this.props.initialHeight,\n\t\t\toffsetTop: 0,\n\t\t\toffsetLeft: 0,\n\t\t};\n\n\t\tthis.panResponder = {};\n\t}\n\n\tUNSAFE_componentWillMount() {\n\t\tthis.panResponder = PanResponder.create({\n\t\t\tonStartShouldSetPanResponder: this.handleStartShouldSetPanResponder,\n\t\t\tonPanResponderGrant: this.handlePanResponderGrant,\n\t\t\tonPanResponderMove: this.handlePanResponderMove,\n\t\t\tonPanResponderRelease: this.handlePanResponderEnd,\n\t\t\tonPanResponderTerminate: this.handlePanResponderEnd,\n\t\t});\n\t}\n\n\trender() {\n\t\tconst {\n\t\t\tdraggingTL,\n\t\t\tdraggingTM,\n\t\t\tdraggingTR,\n\t\t\tdraggingML,\n\t\t\tdraggingMM,\n\t\t\tdraggingMR,\n\t\t\tdraggingBL,\n\t\t\tdraggingBM,\n\t\t\tdraggingBR,\n\t\t\tinitialTop,\n\t\t\tinitialLeft,\n\t\t\tinitialHeight,\n\t\t\tinitialWidth,\n\t\t\toffsetTop,\n\t\t\toffsetLeft,\n\t\t} = this.state;\n\t\tconst style = {};\n\t\tconst dragging =\n\t\t\tdraggingTL ||\n\t\t\tdraggingTM ||\n\t\t\tdraggingTR ||\n\t\t\tdraggingML ||\n\t\t\tdraggingMM ||\n\t\t\tdraggingMR ||\n\t\t\tdraggingBL ||\n\t\t\tdraggingBM ||\n\t\t\tdraggingBR;\n\t\tconst dragWidth = dragging ? 1 : 0;\n\n\t\tstyle.top =\n\t\t\tinitialTop +\n\t\t\t(draggingTL || draggingTM || draggingTR || draggingMM ? offsetTop : 0);\n\t\tstyle.left =\n\t\t\tinitialLeft +\n\t\t\t(draggingTL || draggingML || draggingBL || draggingMM ? offsetLeft : 0);\n\t\tstyle.width =\n\t\t\tinitialWidth +\n\t\t\t(draggingTL || draggingML || draggingBL\n\t\t\t\t? -offsetLeft\n\t\t\t\t: draggingTM || draggingMM || draggingBM\n\t\t\t\t\t? 0\n\t\t\t\t\t: offsetLeft);\n\t\tstyle.height =\n\t\t\tinitialHeight +\n\t\t\t(draggingTL || draggingTM || draggingTR\n\t\t\t\t? -offsetTop\n\t\t\t\t: draggingML || draggingMM || draggingMR\n\t\t\t\t\t? 0\n\t\t\t\t\t: offsetTop);\n\n\t\tif (style.width > this.props.initialWidth) {\n\t\t\tstyle.width = this.props.initialWidth;\n\t\t}\n\t\tif (style.width < this.props.minWidth) {\n\t\t\tstyle.width = this.props.minWidth;\n\t\t}\n\t\tif (style.height > this.props.initialHeight) {\n\t\t\tstyle.height = this.props.initialHeight;\n\t\t}\n\t\tif (style.height < this.props.minHeight) {\n\t\t\tstyle.height = this.props.minHeight;\n\t\t}\n\t\treturn (\n\t\t\t<View\n\t\t\t\t{...this.panResponder.panHandlers}\n\t\t\t\tstyle={[\n\t\t\t\t\t{\n\t\t\t\t\t\tflex: 1,\n\t\t\t\t\t\tjustifyContent: \"center\",\n\t\t\t\t\t\talignItems: \"center\",\n\t\t\t\t\t\tposition: \"absolute\",\n\t\t\t\t\t\tborderStyle: \"solid\",\n\t\t\t\t\t\tborderWidth: 2,\n\t\t\t\t\t\tborderColor: \"#a4a4a4\",\n\t\t\t\t\t\tbackgroundColor: \"rgba(0,0,0,0.5)\",\n\t\t\t\t\t},\n\t\t\t\t\tstyle,\n\t\t\t\t]}\n\t\t\t>\n\t\t\t\t<View\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\ttop: 0,\n\t\t\t\t\t\tleft: 0,\n\t\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\t\theight: \"100%\",\n\t\t\t\t\t\tposition: \"absolute\",\n\t\t\t\t\t\tbackgroundColor: \"rgba(0, 0, 0, 0.5)\",\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<View style={{ flex: 1 / 3, flexDirection: \"row\" }}>\n\t\t\t\t\t\t<View\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tflex: 3,\n\t\t\t\t\t\t\t\tborderRightWidth: dragWidth,\n\t\t\t\t\t\t\t\tborderBottomWidth: dragWidth,\n\t\t\t\t\t\t\t\tborderColor: \"#a4a4a4\",\n\t\t\t\t\t\t\t\tborderStyle: \"solid\",\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<View\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tposition: \"absolute\",\n\t\t\t\t\t\t\t\t\tleft: 5,\n\t\t\t\t\t\t\t\t\ttop: 5,\n\t\t\t\t\t\t\t\t\tborderLeftWidth: 2,\n\t\t\t\t\t\t\t\t\tborderTopWidth: 2,\n\t\t\t\t\t\t\t\t\theight: 24,\n\t\t\t\t\t\t\t\t\twidth: 24,\n\t\t\t\t\t\t\t\t\tborderColor: \"#f4f4f4\",\n\t\t\t\t\t\t\t\t\tborderStyle: \"solid\",\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</View>\n\t\t\t\t\t\t<View\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tflex: 3,\n\t\t\t\t\t\t\t\tborderRightWidth: dragWidth,\n\t\t\t\t\t\t\t\tborderBottomWidth: dragWidth,\n\t\t\t\t\t\t\t\tborderColor: \"#a4a4a4\",\n\t\t\t\t\t\t\t\tborderStyle: \"solid\",\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t></View>\n\t\t\t\t\t\t<View\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tflex: 3,\n\t\t\t\t\t\t\t\tborderBottomWidth: dragWidth,\n\t\t\t\t\t\t\t\tborderColor: \"#a4a4a4\",\n\t\t\t\t\t\t\t\tborderStyle: \"solid\",\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<View\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tposition: \"absolute\",\n\t\t\t\t\t\t\t\t\tright: 5,\n\t\t\t\t\t\t\t\t\ttop: 5,\n\t\t\t\t\t\t\t\t\tborderRightWidth: 2,\n\t\t\t\t\t\t\t\t\tborderTopWidth: 2,\n\t\t\t\t\t\t\t\t\theight: 24,\n\t\t\t\t\t\t\t\t\twidth: 24,\n\t\t\t\t\t\t\t\t\tborderColor: \"#f4f4f4\",\n\t\t\t\t\t\t\t\t\tborderStyle: \"solid\",\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</View>\n\t\t\t\t\t<View style={{ flex: 1 / 3, flexDirection: \"row\" }}>\n\t\t\t\t\t\t<View\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tflex: 3,\n\t\t\t\t\t\t\t\tborderRightWidth: dragWidth,\n\t\t\t\t\t\t\t\tborderBottomWidth: dragWidth,\n\t\t\t\t\t\t\t\tborderColor: \"#a4a4a4\",\n\t\t\t\t\t\t\t\tborderStyle: \"solid\",\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t></View>\n\t\t\t\t\t\t<View\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tflex: 3,\n\t\t\t\t\t\t\t\tborderRightWidth: dragWidth,\n\t\t\t\t\t\t\t\tborderBottomWidth: dragWidth,\n\t\t\t\t\t\t\t\tborderColor: \"#a4a4a4\",\n\t\t\t\t\t\t\t\tborderStyle: \"solid\",\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t></View>\n\t\t\t\t\t\t<View\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tflex: 3,\n\t\t\t\t\t\t\t\tborderBottomWidth: dragWidth,\n\t\t\t\t\t\t\t\tborderColor: \"#a4a4a4\",\n\t\t\t\t\t\t\t\tborderStyle: \"solid\",\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t></View>\n\t\t\t\t\t</View>\n\t\t\t\t\t<View style={{ flex: 1 / 3, flexDirection: \"row\" }}>\n\t\t\t\t\t\t<View\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tflex: 3,\n\t\t\t\t\t\t\t\tborderRightWidth: dragWidth,\n\t\t\t\t\t\t\t\tborderColor: \"#a4a4a4\",\n\t\t\t\t\t\t\t\tborderStyle: \"solid\",\n\t\t\t\t\t\t\t\tposition: \"relative\",\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<View\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tposition: \"absolute\",\n\t\t\t\t\t\t\t\t\tleft: 5,\n\t\t\t\t\t\t\t\t\tbottom: 5,\n\t\t\t\t\t\t\t\t\tborderLeftWidth: 2,\n\t\t\t\t\t\t\t\t\tborderBottomWidth: 2,\n\t\t\t\t\t\t\t\t\theight: 24,\n\t\t\t\t\t\t\t\t\twidth: 24,\n\t\t\t\t\t\t\t\t\tborderColor: \"#f4f4f4\",\n\t\t\t\t\t\t\t\t\tborderStyle: \"solid\",\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</View>\n\t\t\t\t\t\t<View\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tflex: 3,\n\t\t\t\t\t\t\t\tborderRightWidth: dragWidth,\n\t\t\t\t\t\t\t\tborderColor: \"#a4a4a4\",\n\t\t\t\t\t\t\t\tborderStyle: \"solid\",\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t></View>\n\t\t\t\t\t\t<View style={{ flex: 3, position: \"relative\" }}>\n\t\t\t\t\t\t\t<View\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tposition: \"absolute\",\n\t\t\t\t\t\t\t\t\tright: 5,\n\t\t\t\t\t\t\t\t\tbottom: 5,\n\t\t\t\t\t\t\t\t\tborderRightWidth: 2,\n\t\t\t\t\t\t\t\t\tborderBottomWidth: 2,\n\t\t\t\t\t\t\t\t\theight: 24,\n\t\t\t\t\t\t\t\t\twidth: 24,\n\t\t\t\t\t\t\t\t\tborderColor: \"#f4f4f4\",\n\t\t\t\t\t\t\t\t\tborderStyle: \"solid\",\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</View>\n\t\t\t\t</View>\n\t\t\t</View>\n\t\t);\n\t}\n\n\tgetTappedItem(x, y) {\n\t\tconst { initialLeft, initialTop, initialWidth, initialHeight } = this.state;\n\t\tconst paddingX = initialWidth / 6;\n\t\tconst paddingY = initialHeight / 6;\n\t\tconst cropX1 = initialLeft;\n\t\tconst cropX2 = cropX1 + initialWidth;\n\t\tconst cropY1 = initialTop + this.props.topMargin;\n\t\tconst cropY2 = cropY1 + initialHeight;\n\t\tconst inLeft = x > cropX1 - paddingX && x < cropX1 + paddingX;\n\t\tconst inMidX = x > cropX1 + paddingX && x < cropX2 - paddingX;\n\t\tconst inRight = x > cropX2 - paddingX && x < cropX2 + paddingX;\n\t\tconst inTop = y > cropY1 - paddingY && y < cropY1 + paddingY;\n\t\tconst inMidY = y > cropY1 + paddingY && y < cropY2 - paddingY;\n\t\tconst inBottom = y > cropY2 - paddingY && y < cropY2 + paddingY;\n\t\t// console.log('getTappedItem', {\n\t\t// topMargin: this.props.topMargin,\n\t\t// x,\n\t\t// y,\n\t\t// cropX1,\n\t\t// cropX2,\n\t\t// cropY1,\n\t\t// cropY2,\n\t\t// inLeft,\n\t\t// inMidX,\n\t\t// inRight,\n\t\t// inTop,\n\t\t// inMidY,\n\t\t// inBottom,\n\t\t// });\n\n\t\tif (inTop && inLeft) {\n\t\t\treturn \"tl\";\n\t\t} else if (inTop && inMidX) {\n\t\t\treturn \"tm\";\n\t\t} else if (inTop && inRight) {\n\t\t\treturn \"tr\";\n\t\t} else if (inMidY && inLeft) {\n\t\t\treturn \"ml\";\n\t\t} else if (inMidX && inMidY) {\n\t\t\treturn \"mm\";\n\t\t} else if (inMidY && inRight) {\n\t\t\treturn \"mr\";\n\t\t} else if (inBottom && inLeft) {\n\t\t\treturn \"bl\";\n\t\t} else if (inBottom && inMidX) {\n\t\t\treturn \"bm\";\n\t\t} else if (inBottom && inRight) {\n\t\t\treturn \"br\";\n\t\t} else {\n\t\t\treturn \"\";\n\t\t}\n\t}\n\n\t// Should we become active when the user presses down on the square?\n\thandleStartShouldSetPanResponder = (event) => {\n\t\treturn true;\n\t};\n\n\t// We were granted responder status! Let's update the UI\n\thandlePanResponderGrant = (event) => {\n\t\tlet selectedItem = this.getTappedItem(\n\t\t\tevent.nativeEvent.pageX,\n\t\t\tevent.nativeEvent.pageY,\n\t\t);\n\t\tif (selectedItem == \"tl\") {\n\t\t\tthis.setState({ draggingTL: true });\n\t\t} else if (selectedItem == \"tm\") {\n\t\t\tthis.setState({ draggingTM: true });\n\t\t} else if (selectedItem == \"tr\") {\n\t\t\tthis.setState({ draggingTR: true });\n\t\t} else if (selectedItem == \"ml\") {\n\t\t\tthis.setState({ draggingML: true });\n\t\t} else if (selectedItem == \"mm\") {\n\t\t\tthis.setState({ draggingMM: true });\n\t\t} else if (selectedItem == \"mr\") {\n\t\t\tthis.setState({ draggingMR: true });\n\t\t} else if (selectedItem == \"bl\") {\n\t\t\tthis.setState({ draggingBL: true });\n\t\t} else if (selectedItem == \"bm\") {\n\t\t\tthis.setState({ draggingBM: true });\n\t\t} else if (selectedItem == \"br\") {\n\t\t\tthis.setState({ draggingBR: true });\n\t\t}\n\t};\n\n\t// Every time the touch/mouse moves\n\thandlePanResponderMove = (e, gestureState) => {\n\t\t// Keep track of how far we've moved in total (dx and dy)\n\t\tthis.setState({\n\t\t\toffsetTop: gestureState.dy,\n\t\t\toffsetLeft: gestureState.dx,\n\t\t});\n\t};\n\n\t// When the touch/mouse is lifted\n\thandlePanResponderEnd = (e, gestureState) => {\n\t\tconst {\n\t\t\tinitialTop,\n\t\t\tinitialLeft,\n\t\t\tinitialWidth,\n\t\t\tinitialHeight,\n\t\t\tdraggingTL,\n\t\t\tdraggingTM,\n\t\t\tdraggingTR,\n\t\t\tdraggingML,\n\t\t\tdraggingMM,\n\t\t\tdraggingMR,\n\t\t\tdraggingBL,\n\t\t\tdraggingBM,\n\t\t\tdraggingBR,\n\t\t} = this.state;\n\n\t\tconst state = {\n\t\t\tdraggingTL: false,\n\t\t\tdraggingTM: false,\n\t\t\tdraggingTR: false,\n\t\t\tdraggingML: false,\n\t\t\tdraggingMM: false,\n\t\t\tdraggingMR: false,\n\t\t\tdraggingBL: false,\n\t\t\tdraggingBM: false,\n\t\t\tdraggingBR: false,\n\t\t\toffsetTop: 0,\n\t\t\toffsetLeft: 0,\n\t\t};\n\n\t\tstate.initialTop =\n\t\t\tinitialTop +\n\t\t\t(draggingTL || draggingTM || draggingTR || draggingMM\n\t\t\t\t? gestureState.dy\n\t\t\t\t: 0);\n\t\tstate.initialLeft =\n\t\t\tinitialLeft +\n\t\t\t(draggingTL || draggingML || draggingBL || draggingMM\n\t\t\t\t? gestureState.dx\n\t\t\t\t: 0);\n\t\tstate.initialWidth =\n\t\t\tinitialWidth +\n\t\t\t(draggingTL || draggingML || draggingBL\n\t\t\t\t? -gestureState.dx\n\t\t\t\t: draggingTM || draggingMM || draggingBM\n\t\t\t\t\t? 0\n\t\t\t\t\t: gestureState.dx);\n\t\tstate.initialHeight =\n\t\t\tinitialHeight +\n\t\t\t(draggingTL || draggingTM || draggingTR\n\t\t\t\t? -gestureState.dy\n\t\t\t\t: draggingML || draggingMM || draggingMR\n\t\t\t\t\t? 0\n\t\t\t\t\t: gestureState.dy);\n\n\t\tif (state.initialWidth > this.props.initialWidth) {\n\t\t\tstate.initialWidth = this.props.initialWidth;\n\t\t}\n\t\tif (state.initialWidth < this.props.minWidth) {\n\t\t\tstate.initialWidth = this.props.minWidth;\n\t\t}\n\t\tif (state.initialHeight > this.props.initialHeight) {\n\t\t\tstate.initialHeight = this.props.initialHeight;\n\t\t}\n\t\tif (state.initialHeight < this.props.minHeight) {\n\t\t\tstate.initialHeight = this.props.minHeight;\n\t\t}\n\n\t\tthis.setState(state);\n\t\tthis.props.onLayoutChanged(\n\t\t\tstate.initialTop,\n\t\t\tstate.initialLeft,\n\t\t\tstate.initialWidth,\n\t\t\tstate.initialHeight,\n\t\t);\n\t};\n}\n\nexport default ImageCropOverlay;\n"],"mappings":"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","ignoreList":[]}
|
package/dist/module/constants.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["FOOTER_HEIGHT","HEADER_HEIGHT","TIMESTAMP_FORMAT","DATE_FORMAT"],"sources":["constants.js"],"sourcesContent":["const FOOTER_HEIGHT = 62; // bottom inset applied dynamically where used\nconst HEADER_HEIGHT = 70;\n\n// const getFooterIcons = () => {\n// return {\n// events: require(`./assets/icons/footer/whats-on.png`),\n// foryou: require(`./assets/icons/footer/hub.png`),\n// friends: require(`./assets/icons/footer/people.png`),\n// home: require(`./assets/icons/footer/home.png`),\n// };\n// };\n\nconst TIMESTAMP_FORMAT = \"D MMM • h:mma\";\nconst DATE_FORMAT = \"D MMM YYYY\";\n\nexport {\n\tHEADER_HEIGHT,\n\tFOOTER_HEIGHT,\n\t// getFooterIcons,\n\tTIMESTAMP_FORMAT,\n\tDATE_FORMAT,\n};\n"],"mappings":"AAAA,MAAMA,aAAa,GAAG,EAAE,CAAC,CAAC;AAC1B,MAAMC,aAAa,GAAG,EAAE;;AAExB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,MAAMC,gBAAgB,GAAG,eAAe;AACxC,MAAMC,WAAW,GAAG,YAAY;AAEhC,SACCF,aAAa,EACbD,aAAa;AACb;AACAE,gBAAgB,EAChBC,WAAW","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@plusscommunities/pluss-core-app",
|
|
3
|
-
"version": "8.0.
|
|
3
|
+
"version": "8.0.26-beta.0",
|
|
4
4
|
"description": "Core extension package for Pluss Communities platform",
|
|
5
5
|
"exports": {
|
|
6
6
|
".": {
|
|
@@ -12,10 +12,7 @@
|
|
|
12
12
|
"default": "./dist/module/components/index.js"
|
|
13
13
|
}
|
|
14
14
|
},
|
|
15
|
-
"files": [
|
|
16
|
-
"dist/",
|
|
17
|
-
"src/"
|
|
18
|
-
],
|
|
15
|
+
"files": ["dist/", "src/"],
|
|
19
16
|
"scripts": {
|
|
20
17
|
"build": "npm i && bob build",
|
|
21
18
|
"betapatch": "npm version prepatch --preid=beta",
|
|
@@ -59,7 +56,6 @@
|
|
|
59
56
|
"@rneui/themed": "*",
|
|
60
57
|
"react-native-gifted-chat": "*",
|
|
61
58
|
"react-native-image-zoom-viewer": "*",
|
|
62
|
-
"react-native-iphone-x-helper": "*",
|
|
63
59
|
"react-native-vimeo-iframe": "*",
|
|
64
60
|
"react-native-webview": "*",
|
|
65
61
|
"react-native-youtube-iframe": "*",
|
|
@@ -71,8 +67,6 @@
|
|
|
71
67
|
"react-native-builder-bob": {
|
|
72
68
|
"source": "src",
|
|
73
69
|
"output": "dist",
|
|
74
|
-
"targets": [
|
|
75
|
-
"module"
|
|
76
|
-
]
|
|
70
|
+
"targets": ["module"]
|
|
77
71
|
}
|
|
78
72
|
}
|
|
@@ -9,7 +9,7 @@ import {
|
|
|
9
9
|
Dimensions,
|
|
10
10
|
} from "react-native";
|
|
11
11
|
import { Icon } from "@rneui/themed";
|
|
12
|
-
import {
|
|
12
|
+
import { withSafeAreaInsets } from "react-native-safe-area-context";
|
|
13
13
|
import _ from "lodash";
|
|
14
14
|
import { getApiError } from "../session";
|
|
15
15
|
import { getShadowStyle } from "../helper";
|
|
@@ -219,7 +219,7 @@ class CommentReply extends Component {
|
|
|
219
219
|
return null;
|
|
220
220
|
}
|
|
221
221
|
return (
|
|
222
|
-
<View style={[styles.inputContainer, getShadowStyle(), this.props.style]}>
|
|
222
|
+
<View style={[styles.inputContainer, getShadowStyle(), { paddingBottom: 8 + (this.props.insets?.bottom ?? 0) }, this.props.style]}>
|
|
223
223
|
<View
|
|
224
224
|
style={[
|
|
225
225
|
styles.input,
|
|
@@ -343,7 +343,7 @@ const styles = {
|
|
|
343
343
|
backgroundColor: "#fff",
|
|
344
344
|
paddingVertical: 8,
|
|
345
345
|
paddingHorizontal: 8,
|
|
346
|
-
paddingBottom: 8
|
|
346
|
+
paddingBottom: 8, // bottom inset added dynamically via props
|
|
347
347
|
flexGrow: 1,
|
|
348
348
|
},
|
|
349
349
|
inputText: {
|
|
@@ -384,6 +384,6 @@ const mapStateToProps = (state) => {
|
|
|
384
384
|
};
|
|
385
385
|
|
|
386
386
|
const commentReply = connect(mapStateToProps, {}, null, { forwardRef: true })(
|
|
387
|
-
CommentReply,
|
|
387
|
+
withSafeAreaInsets(CommentReply),
|
|
388
388
|
);
|
|
389
389
|
export { commentReply as CommentReply };
|
|
@@ -12,6 +12,7 @@ import {
|
|
|
12
12
|
ImageBackground,
|
|
13
13
|
} from "react-native";
|
|
14
14
|
import { connect } from "react-redux";
|
|
15
|
+
import { withSafeAreaInsets } from "react-native-safe-area-context";
|
|
15
16
|
import { Icon } from "@rneui/themed";
|
|
16
17
|
import _ from "lodash";
|
|
17
18
|
import { Camera } from "expo-camera";
|
|
@@ -648,18 +649,23 @@ class ImageUploader extends Component {
|
|
|
648
649
|
const { selected, selectedType } = this.state;
|
|
649
650
|
const canAttach = selected.length > 0 && !_.isEmpty(selectedType);
|
|
650
651
|
const attachText = `Attach ${canAttach ? selected.length : ""} ${canAttach ? selectedType : ""}${selected.length > 1 ? "s" : ""}`;
|
|
652
|
+
const bottom =
|
|
653
|
+
Platform.OS === "android" ? (this.props.insets?.bottom ?? 0) : 0;
|
|
651
654
|
|
|
652
655
|
return (
|
|
653
|
-
<View style={
|
|
654
|
-
<
|
|
655
|
-
|
|
656
|
-
|
|
657
|
-
|
|
658
|
-
|
|
659
|
-
|
|
660
|
-
|
|
661
|
-
|
|
662
|
-
|
|
656
|
+
<View style={{ backgroundColor: "#fff" }}>
|
|
657
|
+
<View style={styles.buttonContainer}>
|
|
658
|
+
<InlineButton
|
|
659
|
+
color={canAttach ? this.props.colourBrandingMain : INACTIVE_BUTTON}
|
|
660
|
+
onPress={this.state.onAttach}
|
|
661
|
+
fillTouchable
|
|
662
|
+
large
|
|
663
|
+
disabled={!canAttach}
|
|
664
|
+
>
|
|
665
|
+
{attachText}
|
|
666
|
+
</InlineButton>
|
|
667
|
+
</View>
|
|
668
|
+
{bottom > 0 && <View style={{ height: bottom }} />}
|
|
663
669
|
</View>
|
|
664
670
|
);
|
|
665
671
|
}
|
|
@@ -705,7 +711,13 @@ class ImageUploader extends Component {
|
|
|
705
711
|
</ScrollView>
|
|
706
712
|
<TouchableOpacity onPress={this.onSelectAlbumClosed}>
|
|
707
713
|
<View
|
|
708
|
-
style={[
|
|
714
|
+
style={[
|
|
715
|
+
styles.albumOptionContainer,
|
|
716
|
+
{ marginHorizontal: 0 },
|
|
717
|
+
Platform.OS === "android" && {
|
|
718
|
+
paddingBottom: 16 + (this.props.insets?.bottom ?? 0),
|
|
719
|
+
},
|
|
720
|
+
]}
|
|
709
721
|
>
|
|
710
722
|
<Text
|
|
711
723
|
style={[
|
|
@@ -731,17 +743,19 @@ class ImageUploader extends Component {
|
|
|
731
743
|
animationType="slide"
|
|
732
744
|
onRequestClose={this.hidePhotos}
|
|
733
745
|
>
|
|
734
|
-
<
|
|
735
|
-
|
|
736
|
-
|
|
737
|
-
|
|
738
|
-
|
|
739
|
-
|
|
740
|
-
{
|
|
741
|
-
|
|
742
|
-
|
|
746
|
+
<View style={styles.modalContainer}>
|
|
747
|
+
<Header
|
|
748
|
+
leftIcon="angle-left"
|
|
749
|
+
onPressLeft={this.hidePhotos}
|
|
750
|
+
text={this.props.popupTitle || "Attach image"}
|
|
751
|
+
/>
|
|
752
|
+
<View style={styles.contentContainer}>
|
|
753
|
+
{this.renderSelectionPreview()}
|
|
754
|
+
{this.renderSelectedAlbum()}
|
|
755
|
+
{this.renderBrowser()}
|
|
756
|
+
</View>
|
|
757
|
+
{this.renderAttachButton()}
|
|
743
758
|
</View>
|
|
744
|
-
{this.renderAttachButton()}
|
|
745
759
|
{this.renderSelectAlbumPopup()}
|
|
746
760
|
</Modal>
|
|
747
761
|
);
|
|
@@ -803,6 +817,9 @@ class ImageUploader extends Component {
|
|
|
803
817
|
}
|
|
804
818
|
|
|
805
819
|
const styles = StyleSheet.create({
|
|
820
|
+
modalContainer: {
|
|
821
|
+
flex: 1,
|
|
822
|
+
},
|
|
806
823
|
contentContainer: {
|
|
807
824
|
flex: 1,
|
|
808
825
|
backgroundColor: BOXGREY,
|
|
@@ -964,4 +981,4 @@ export default connect(
|
|
|
964
981
|
{ stockImagesLoaded, imageLibraryLoaded },
|
|
965
982
|
null,
|
|
966
983
|
{ forwardRef: true },
|
|
967
|
-
)(ImageUploader);
|
|
984
|
+
)(withSafeAreaInsets(ImageUploader));
|
|
@@ -6,9 +6,13 @@ import {
|
|
|
6
6
|
KeyboardAvoidingView,
|
|
7
7
|
Platform,
|
|
8
8
|
} from "react-native";
|
|
9
|
+
import { withSafeAreaInsets } from "react-native-safe-area-context";
|
|
9
10
|
|
|
10
11
|
class MiddlePopup extends PureComponent {
|
|
11
12
|
render() {
|
|
13
|
+
const bottom =
|
|
14
|
+
Platform.OS === "android" ? (this.props.insets?.bottom ?? 0) : 0;
|
|
15
|
+
|
|
12
16
|
return (
|
|
13
17
|
<Modal
|
|
14
18
|
visible={this.props.visible}
|
|
@@ -25,7 +29,13 @@ class MiddlePopup extends PureComponent {
|
|
|
25
29
|
<TouchableWithoutFeedback onPress={this.props.onClose}>
|
|
26
30
|
<View style={styles.popupOverlay} />
|
|
27
31
|
</TouchableWithoutFeedback>
|
|
28
|
-
<View
|
|
32
|
+
<View
|
|
33
|
+
style={[
|
|
34
|
+
styles.popupContent,
|
|
35
|
+
this.props.style,
|
|
36
|
+
bottom > 0 && { paddingBottom: bottom },
|
|
37
|
+
]}
|
|
38
|
+
>
|
|
29
39
|
{this.props.children}
|
|
30
40
|
</View>
|
|
31
41
|
</KeyboardAvoidingView>
|
|
@@ -55,4 +65,5 @@ const styles = {
|
|
|
55
65
|
},
|
|
56
66
|
};
|
|
57
67
|
|
|
58
|
-
|
|
68
|
+
const MiddlePopupWithInsets = withSafeAreaInsets(MiddlePopup);
|
|
69
|
+
export { MiddlePopupWithInsets as MiddlePopup };
|
|
@@ -144,10 +144,6 @@ class PDFPopup extends Component {
|
|
|
144
144
|
source={{
|
|
145
145
|
uri: this.getUrl(),
|
|
146
146
|
}}
|
|
147
|
-
javaScriptEnabled
|
|
148
|
-
domStorageEnabled
|
|
149
|
-
originWhitelist={["*"]}
|
|
150
|
-
mixedContentMode="always"
|
|
151
147
|
renderError={(e) => {
|
|
152
148
|
console.log("errored");
|
|
153
149
|
console.log(e);
|
|
@@ -21,7 +21,7 @@ import { connect } from "react-redux";
|
|
|
21
21
|
import _ from "lodash";
|
|
22
22
|
import moment from "moment";
|
|
23
23
|
import { Icon } from "@rneui/themed";
|
|
24
|
-
import {
|
|
24
|
+
import { withSafeAreaInsets } from "react-native-safe-area-context";
|
|
25
25
|
import { Spinner } from "./Spinner";
|
|
26
26
|
import { ProfilePic } from "./ProfilePic";
|
|
27
27
|
import PlussChatTime from "./PlussChatTime";
|
|
@@ -64,7 +64,8 @@ const IMAGE_PREVIEW_SIZE = IMAGE_PREVIEW_AREA_HEIGHT - 25;
|
|
|
64
64
|
class PlussChat extends Component {
|
|
65
65
|
constructor(props) {
|
|
66
66
|
super(props);
|
|
67
|
-
const
|
|
67
|
+
const bottomInset = this.props.insets?.bottom ?? 0;
|
|
68
|
+
const isSingleTab = this.props.tabCount === 1 && bottomInset > 0;
|
|
68
69
|
this.MIN_COMPOSER_HEIGHT = Platform.select({
|
|
69
70
|
ios: isSingleTab ? 42 : 33,
|
|
70
71
|
android: 41,
|
|
@@ -1289,4 +1290,4 @@ const mapStateToProps = (state) => {
|
|
|
1289
1290
|
};
|
|
1290
1291
|
};
|
|
1291
1292
|
|
|
1292
|
-
export default connect(mapStateToProps, {})(PlussChat);
|
|
1293
|
+
export default connect(mapStateToProps, {})(withSafeAreaInsets(PlussChat));
|
|
@@ -6,7 +6,6 @@ import {
|
|
|
6
6
|
ScrollView,
|
|
7
7
|
Modal,
|
|
8
8
|
View,
|
|
9
|
-
SafeAreaView,
|
|
10
9
|
TouchableOpacity,
|
|
11
10
|
StyleSheet,
|
|
12
11
|
Platform,
|
|
@@ -18,11 +17,13 @@ import * as MediaLibrary from "expo-media-library";
|
|
|
18
17
|
import { File, Paths } from "expo-file-system";
|
|
19
18
|
import PropTypes from "prop-types";
|
|
20
19
|
import AutoHeightImage from "react-native-auto-height-image";
|
|
21
|
-
import {
|
|
20
|
+
import {
|
|
21
|
+
withSafeAreaInsets,
|
|
22
|
+
SafeAreaView,
|
|
23
|
+
} from "react-native-safe-area-context";
|
|
22
24
|
import ImageCropOverlay from "./ImageCropOverlay";
|
|
23
25
|
|
|
24
26
|
const { width } = Dimensions.get("window");
|
|
25
|
-
const topMargin = getStatusBarHeight() + (Platform.OS === "ios" ? 50 : 20);
|
|
26
27
|
|
|
27
28
|
LogBox.ignoreLogs([
|
|
28
29
|
"componentWillReceiveProps",
|
|
@@ -159,10 +160,10 @@ class ExpoImageManipulator extends Component {
|
|
|
159
160
|
|
|
160
161
|
getCropBounds = (actualWidth, actualHeight) => {
|
|
161
162
|
let imageRatio = actualHeight / actualWidth;
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
163
|
+
const topInset = this.props.insets?.top ?? 0;
|
|
164
|
+
const bottomInset = this.props.insets?.bottom ?? 0;
|
|
165
|
+
var originalHeight =
|
|
166
|
+
Dimensions.get("window").height - topInset - bottomInset - 44
|
|
166
167
|
let renderedImageWidth =
|
|
167
168
|
imageRatio < originalHeight / width ? width : originalHeight / imageRatio;
|
|
168
169
|
let renderedImageHeight =
|
|
@@ -255,10 +256,11 @@ class ExpoImageManipulator extends Component {
|
|
|
255
256
|
const { uri, base64, cropMode, processing } = this.state;
|
|
256
257
|
|
|
257
258
|
let imageRatio = this.actualSize.height / this.actualSize.width;
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
259
|
+
const topInset = this.props.insets?.top ?? 0;
|
|
260
|
+
const bottomInset = this.props.insets?.bottom ?? 0;
|
|
261
|
+
var originalHeight =
|
|
262
|
+
Dimensions.get("window").height - topInset - bottomInset - 44;
|
|
263
|
+
const topMargin = topInset + (Platform.OS === "ios" ? 50 : 20);
|
|
262
264
|
|
|
263
265
|
let cropRatio = originalHeight / width;
|
|
264
266
|
|
|
@@ -434,7 +436,7 @@ const styles = StyleSheet.create({
|
|
|
434
436
|
},
|
|
435
437
|
});
|
|
436
438
|
|
|
437
|
-
export default ExpoImageManipulator;
|
|
439
|
+
export default withSafeAreaInsets(ExpoImageManipulator);
|
|
438
440
|
|
|
439
441
|
ExpoImageManipulator.defaultProps = {
|
|
440
442
|
onPictureChoosed: ({ uri, base64 }) => console.log("URI:", uri, base64),
|