@plusscommunities/pluss-core-app 1.4.9 → 1.5.0

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

@@ -0,0 +1,405 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+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 { View, PanResponder } from 'react-native';
+
+class ImageCropOverlay extends Component {
+  constructor(props) {
+    super(props);
+
+    _defineProperty(this, "handleStartShouldSetPanResponder", event => {
+      return true;
+    });
+
+    _defineProperty(this, "handlePanResponderGrant", event => {
+      let selectedItem = this.getTappedItem(event.nativeEvent.pageX, event.nativeEvent.pageY);
+
+      if (selectedItem == 'tl') {
+        this.setState({
+          draggingTL: true
+        });
+      } else if (selectedItem == 'tm') {
+        this.setState({
+          draggingTM: true
+        });
+      } else if (selectedItem == 'tr') {
+        this.setState({
+          draggingTR: true
+        });
+      } else if (selectedItem == 'ml') {
+        this.setState({
+          draggingML: true
+        });
+      } else if (selectedItem == 'mm') {
+        this.setState({
+          draggingMM: true
+        });
+      } else if (selectedItem == 'mr') {
+        this.setState({
+          draggingMR: true
+        });
+      } else if (selectedItem == 'bl') {
+        this.setState({
+          draggingBL: true
+        });
+      } else if (selectedItem == 'bm') {
+        this.setState({
+          draggingBM: true
+        });
+      } else if (selectedItem == 'br') {
+        this.setState({
+          draggingBR: true
+        });
+      }
+    });
+
+    _defineProperty(this, "handlePanResponderMove", (e, gestureState) => {
+      // Keep track of how far we've moved in total (dx and dy)
+      this.setState({
+        offsetTop: gestureState.dy,
+        offsetLeft: gestureState.dx
+      });
+    });
+
+    _defineProperty(this, "handlePanResponderEnd", (e, gestureState) => {
+      const {
+        initialTop,
+        initialLeft,
+        initialWidth,
+        initialHeight,
+        draggingTL,
+        draggingTM,
+        draggingTR,
+        draggingML,
+        draggingMM,
+        draggingMR,
+        draggingBL,
+        draggingBM,
+        draggingBR
+      } = this.state;
+      const state = {
+        draggingTL: false,
+        draggingTM: false,
+        draggingTR: false,
+        draggingML: false,
+        draggingMM: false,
+        draggingMR: false,
+        draggingBL: false,
+        draggingBM: false,
+        draggingBR: false,
+        offsetTop: 0,
+        offsetLeft: 0
+      };
+      state.initialTop = initialTop + (draggingTL || draggingTM || draggingTR || draggingMM ? gestureState.dy : 0);
+      state.initialLeft = initialLeft + (draggingTL || draggingML || draggingBL || draggingMM ? gestureState.dx : 0);
+      state.initialWidth = initialWidth + (draggingTL || draggingML || draggingBL ? -gestureState.dx : draggingTM || draggingMM || draggingBM ? 0 : gestureState.dx);
+      state.initialHeight = initialHeight + (draggingTL || draggingTM || draggingTR ? -gestureState.dy : draggingML || draggingMM || draggingMR ? 0 : gestureState.dy);
+
+      if (state.initialWidth > this.props.initialWidth) {
+        state.initialWidth = this.props.initialWidth;
+      }
+
+      if (state.initialWidth < this.props.minWidth) {
+        state.initialWidth = this.props.minWidth;
+      }
+
+      if (state.initialHeight > this.props.initialHeight) {
+        state.initialHeight = this.props.initialHeight;
+      }
+
+      if (state.initialHeight < this.props.minHeight) {
+        state.initialHeight = this.props.minHeight;
+      }
+
+      this.setState(state);
+      this.props.onLayoutChanged(state.initialTop, state.initialLeft, state.initialWidth, state.initialHeight);
+    });
+
+    this.state = {
+      draggingTL: false,
+      draggingTM: false,
+      draggingTR: false,
+      draggingML: false,
+      draggingMM: false,
+      draggingMR: false,
+      draggingBL: false,
+      draggingBM: false,
+      draggingBR: false,
+      initialTop: this.props.initialTop,
+      initialLeft: this.props.initialLeft,
+      initialWidth: this.props.initialWidth,
+      initialHeight: this.props.initialHeight,
+      offsetTop: 0,
+      offsetLeft: 0
+    };
+    this.panResponder = {};
+  }
+
+  UNSAFE_componentWillMount() {
+    this.panResponder = PanResponder.create({
+      onStartShouldSetPanResponder: this.handleStartShouldSetPanResponder,
+      onPanResponderGrant: this.handlePanResponderGrant,
+      onPanResponderMove: this.handlePanResponderMove,
+      onPanResponderRelease: this.handlePanResponderEnd,
+      onPanResponderTerminate: this.handlePanResponderEnd
+    });
+  }
+
+  render() {
+    const {
+      draggingTL,
+      draggingTM,
+      draggingTR,
+      draggingML,
+      draggingMM,
+      draggingMR,
+      draggingBL,
+      draggingBM,
+      draggingBR,
+      initialTop,
+      initialLeft,
+      initialHeight,
+      initialWidth,
+      offsetTop,
+      offsetLeft
+    } = this.state;
+    const style = {};
+    const dragging = draggingTL || draggingTM || draggingTR || draggingML || draggingMM || draggingMR || draggingBL || draggingBM || draggingBR;
+    const dragWidth = dragging ? 1 : 0;
+    style.top = initialTop + (draggingTL || draggingTM || draggingTR || draggingMM ? offsetTop : 0);
+    style.left = initialLeft + (draggingTL || draggingML || draggingBL || draggingMM ? offsetLeft : 0);
+    style.width = initialWidth + (draggingTL || draggingML || draggingBL ? -offsetLeft : draggingTM || draggingMM || draggingBM ? 0 : offsetLeft);
+    style.height = initialHeight + (draggingTL || draggingTM || draggingTR ? -offsetTop : draggingML || draggingMM || draggingMR ? 0 : offsetTop);
+
+    if (style.width > this.props.initialWidth) {
+      style.width = this.props.initialWidth;
+    }
+
+    if (style.width < this.props.minWidth) {
+      style.width = this.props.minWidth;
+    }
+
+    if (style.height > this.props.initialHeight) {
+      style.height = this.props.initialHeight;
+    }
+
+    if (style.height < this.props.minHeight) {
+      style.height = this.props.minHeight;
+    }
+
+    return /*#__PURE__*/React.createElement(View, _extends({}, this.panResponder.panHandlers, {
+      style: [{
+        flex: 1,
+        justifyContent: 'center',
+        alignItems: 'center',
+        position: 'absolute',
+        borderStyle: 'solid',
+        borderWidth: 2,
+        borderColor: '#a4a4a4',
+        backgroundColor: 'rgb(0,0,0,0.5)'
+      }, style]
+    }), /*#__PURE__*/React.createElement(View, {
+      style: {
+        top: 0,
+        left: 0,
+        width: '100%',
+        height: '100%',
+        position: 'absolute',
+        backgroundColor: 'rgba(0, 0, 0, 0.5)'
+      }
+    }, /*#__PURE__*/React.createElement(View, {
+      style: {
+        flex: 1 / 3,
+        flexDirection: 'row'
+      }
+    }, /*#__PURE__*/React.createElement(View, {
+      style: {
+        flex: 3,
+        borderRightWidth: dragWidth,
+        borderBottomWidth: dragWidth,
+        borderColor: '#a4a4a4',
+        borderStyle: 'solid'
+      }
+    }, /*#__PURE__*/React.createElement(View, {
+      style: {
+        position: 'absolute',
+        left: 5,
+        top: 5,
+        borderLeftWidth: 2,
+        borderTopWidth: 2,
+        height: 24,
+        width: 24,
+        borderColor: '#f4f4f4',
+        borderStyle: 'solid'
+      }
+    })), /*#__PURE__*/React.createElement(View, {
+      style: {
+        flex: 3,
+        borderRightWidth: dragWidth,
+        borderBottomWidth: dragWidth,
+        borderColor: '#a4a4a4',
+        borderStyle: 'solid'
+      }
+    }), /*#__PURE__*/React.createElement(View, {
+      style: {
+        flex: 3,
+        borderBottomWidth: dragWidth,
+        borderColor: '#a4a4a4',
+        borderStyle: 'solid'
+      }
+    }, /*#__PURE__*/React.createElement(View, {
+      style: {
+        position: 'absolute',
+        right: 5,
+        top: 5,
+        borderRightWidth: 2,
+        borderTopWidth: 2,
+        height: 24,
+        width: 24,
+        borderColor: '#f4f4f4',
+        borderStyle: 'solid'
+      }
+    }))), /*#__PURE__*/React.createElement(View, {
+      style: {
+        flex: 1 / 3,
+        flexDirection: 'row'
+      }
+    }, /*#__PURE__*/React.createElement(View, {
+      style: {
+        flex: 3,
+        borderRightWidth: dragWidth,
+        borderBottomWidth: dragWidth,
+        borderColor: '#a4a4a4',
+        borderStyle: 'solid'
+      }
+    }), /*#__PURE__*/React.createElement(View, {
+      style: {
+        flex: 3,
+        borderRightWidth: dragWidth,
+        borderBottomWidth: dragWidth,
+        borderColor: '#a4a4a4',
+        borderStyle: 'solid'
+      }
+    }), /*#__PURE__*/React.createElement(View, {
+      style: {
+        flex: 3,
+        borderBottomWidth: dragWidth,
+        borderColor: '#a4a4a4',
+        borderStyle: 'solid'
+      }
+    })), /*#__PURE__*/React.createElement(View, {
+      style: {
+        flex: 1 / 3,
+        flexDirection: 'row'
+      }
+    }, /*#__PURE__*/React.createElement(View, {
+      style: {
+        flex: 3,
+        borderRightWidth: dragWidth,
+        borderColor: '#a4a4a4',
+        borderStyle: 'solid',
+        position: 'relative'
+      }
+    }, /*#__PURE__*/React.createElement(View, {
+      style: {
+        position: 'absolute',
+        left: 5,
+        bottom: 5,
+        borderLeftWidth: 2,
+        borderBottomWidth: 2,
+        height: 24,
+        width: 24,
+        borderColor: '#f4f4f4',
+        borderStyle: 'solid'
+      }
+    })), /*#__PURE__*/React.createElement(View, {
+      style: {
+        flex: 3,
+        borderRightWidth: dragWidth,
+        borderColor: '#a4a4a4',
+        borderStyle: 'solid'
+      }
+    }), /*#__PURE__*/React.createElement(View, {
+      style: {
+        flex: 3,
+        position: 'relative'
+      }
+    }, /*#__PURE__*/React.createElement(View, {
+      style: {
+        position: 'absolute',
+        right: 5,
+        bottom: 5,
+        borderRightWidth: 2,
+        borderBottomWidth: 2,
+        height: 24,
+        width: 24,
+        borderColor: '#f4f4f4',
+        borderStyle: 'solid'
+      }
+    })))));
+  }
+
+  getTappedItem(x, y) {
+    const {
+      initialLeft,
+      initialTop,
+      initialWidth,
+      initialHeight
+    } = this.state;
+    const paddingX = initialWidth / 6;
+    const paddingY = initialHeight / 6;
+    const cropX1 = initialLeft;
+    const cropX2 = cropX1 + initialWidth;
+    const cropY1 = initialTop + this.props.topMargin;
+    const cropY2 = cropY1 + initialHeight;
+    const inLeft = x > cropX1 - paddingX && x < cropX1 + paddingX;
+    const inMidX = x > cropX1 + paddingX && x < cropX2 - paddingX;
+    const inRight = x > cropX2 - paddingX && x < cropX2 + paddingX;
+    const inTop = y > cropY1 - paddingY && y < cropY1 + paddingY;
+    const inMidY = y > cropY1 + paddingY && y < cropY2 - paddingY;
+    const inBottom = y > cropY2 - paddingY && y < cropY2 + paddingY; // console.log('getTappedItem', {
+    //   topMargin: this.props.topMargin,
+    //   x,
+    //   y,
+    //   cropX1,
+    //   cropX2,
+    //   cropY1,
+    //   cropY2,
+    //   inLeft,
+    //   inMidX,
+    //   inRight,
+    //   inTop,
+    //   inMidY,
+    //   inBottom,
+    // });
+
+    if (inTop && inLeft) {
+      return 'tl';
+    } else if (inTop && inMidX) {
+      return 'tm';
+    } else if (inTop && inRight) {
+      return 'tr';
+    } else if (inMidY && inLeft) {
+      return 'ml';
+    } else if (inMidX && inMidY) {
+      return 'mm';
+    } else if (inMidY && inRight) {
+      return 'mr';
+    } else if (inBottom && inLeft) {
+      return 'bl';
+    } else if (inBottom && inMidX) {
+      return 'bm';
+    } else if (inBottom && inRight) {
+      return 'br';
+    } else {
+      return '';
+    }
+  } // Should we become active when the user presses down on the square?
+
+
+}
+
+export default ImageCropOverlay;
+//# sourceMappingURL=ImageCropOverlay.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["ImageCropOverlay.js"],"names":["React","Component","View","PanResponder","ImageCropOverlay","constructor","props","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","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"],"mappings":"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","sourcesContent":["import React, { Component } from 'react';\nimport { View, PanResponder } from 'react-native';\n\nclass ImageCropOverlay extends Component {\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      draggingTL: false,\n      draggingTM: false,\n      draggingTR: false,\n      draggingML: false,\n      draggingMM: false,\n      draggingMR: false,\n      draggingBL: false,\n      draggingBM: false,\n      draggingBR: false,\n      initialTop: this.props.initialTop,\n      initialLeft: this.props.initialLeft,\n      initialWidth: this.props.initialWidth,\n      initialHeight: this.props.initialHeight,\n      offsetTop: 0,\n      offsetLeft: 0,\n    };\n\n    this.panResponder = {};\n  }\n\n  UNSAFE_componentWillMount() {\n    this.panResponder = PanResponder.create({\n      onStartShouldSetPanResponder: this.handleStartShouldSetPanResponder,\n      onPanResponderGrant: this.handlePanResponderGrant,\n      onPanResponderMove: this.handlePanResponderMove,\n      onPanResponderRelease: this.handlePanResponderEnd,\n      onPanResponderTerminate: this.handlePanResponderEnd,\n    });\n  }\n\n  render() {\n    const {\n      draggingTL,\n      draggingTM,\n      draggingTR,\n      draggingML,\n      draggingMM,\n      draggingMR,\n      draggingBL,\n      draggingBM,\n      draggingBR,\n      initialTop,\n      initialLeft,\n      initialHeight,\n      initialWidth,\n      offsetTop,\n      offsetLeft,\n    } = this.state;\n    const style = {};\n    const dragging =\n      draggingTL || draggingTM || draggingTR || draggingML || draggingMM || draggingMR || draggingBL || draggingBM || draggingBR;\n    const dragWidth = dragging ? 1 : 0;\n\n    style.top = initialTop + (draggingTL || draggingTM || draggingTR || draggingMM ? offsetTop : 0);\n    style.left = initialLeft + (draggingTL || draggingML || draggingBL || draggingMM ? offsetLeft : 0);\n    style.width =\n      initialWidth + (draggingTL || draggingML || draggingBL ? -offsetLeft : draggingTM || draggingMM || draggingBM ? 0 : offsetLeft);\n    style.height =\n      initialHeight + (draggingTL || draggingTM || draggingTR ? -offsetTop : draggingML || draggingMM || draggingMR ? 0 : offsetTop);\n\n    if (style.width > this.props.initialWidth) {\n      style.width = this.props.initialWidth;\n    }\n    if (style.width < this.props.minWidth) {\n      style.width = this.props.minWidth;\n    }\n    if (style.height > this.props.initialHeight) {\n      style.height = this.props.initialHeight;\n    }\n    if (style.height < this.props.minHeight) {\n      style.height = this.props.minHeight;\n    }\n    return (\n      <View\n        {...this.panResponder.panHandlers}\n        style={[\n          {\n            flex: 1,\n            justifyContent: 'center',\n            alignItems: 'center',\n            position: 'absolute',\n            borderStyle: 'solid',\n            borderWidth: 2,\n            borderColor: '#a4a4a4',\n            backgroundColor: 'rgb(0,0,0,0.5)',\n          },\n          style,\n        ]}\n      >\n        <View style={{ top: 0, left: 0, width: '100%', height: '100%', position: 'absolute', backgroundColor: 'rgba(0, 0, 0, 0.5)' }}>\n          <View style={{ flex: 1 / 3, flexDirection: 'row' }}>\n            <View\n              style={{\n                flex: 3,\n                borderRightWidth: dragWidth,\n                borderBottomWidth: dragWidth,\n                borderColor: '#a4a4a4',\n                borderStyle: 'solid',\n              }}\n            >\n              <View\n                style={{\n                  position: 'absolute',\n                  left: 5,\n                  top: 5,\n                  borderLeftWidth: 2,\n                  borderTopWidth: 2,\n                  height: 24,\n                  width: 24,\n                  borderColor: '#f4f4f4',\n                  borderStyle: 'solid',\n                }}\n              />\n            </View>\n            <View\n              style={{\n                flex: 3,\n                borderRightWidth: dragWidth,\n                borderBottomWidth: dragWidth,\n                borderColor: '#a4a4a4',\n                borderStyle: 'solid',\n              }}\n            ></View>\n            <View style={{ flex: 3, borderBottomWidth: dragWidth, borderColor: '#a4a4a4', borderStyle: 'solid' }}>\n              <View\n                style={{\n                  position: 'absolute',\n                  right: 5,\n                  top: 5,\n                  borderRightWidth: 2,\n                  borderTopWidth: 2,\n                  height: 24,\n                  width: 24,\n                  borderColor: '#f4f4f4',\n                  borderStyle: 'solid',\n                }}\n              />\n            </View>\n          </View>\n          <View style={{ flex: 1 / 3, flexDirection: 'row' }}>\n            <View\n              style={{ flex: 3, borderRightWidth: dragWidth, borderBottomWidth: dragWidth, borderColor: '#a4a4a4', borderStyle: 'solid' }}\n            ></View>\n            <View\n              style={{ flex: 3, borderRightWidth: dragWidth, borderBottomWidth: dragWidth, borderColor: '#a4a4a4', borderStyle: 'solid' }}\n            ></View>\n            <View style={{ flex: 3, borderBottomWidth: dragWidth, borderColor: '#a4a4a4', borderStyle: 'solid' }}></View>\n          </View>\n          <View style={{ flex: 1 / 3, flexDirection: 'row' }}>\n            <View style={{ flex: 3, borderRightWidth: dragWidth, borderColor: '#a4a4a4', borderStyle: 'solid', position: 'relative' }}>\n              <View\n                style={{\n                  position: 'absolute',\n                  left: 5,\n                  bottom: 5,\n                  borderLeftWidth: 2,\n                  borderBottomWidth: 2,\n                  height: 24,\n                  width: 24,\n                  borderColor: '#f4f4f4',\n                  borderStyle: 'solid',\n                }}\n              />\n            </View>\n            <View style={{ flex: 3, borderRightWidth: dragWidth, borderColor: '#a4a4a4', borderStyle: 'solid' }}></View>\n            <View style={{ flex: 3, position: 'relative' }}>\n              <View\n                style={{\n                  position: 'absolute',\n                  right: 5,\n                  bottom: 5,\n                  borderRightWidth: 2,\n                  borderBottomWidth: 2,\n                  height: 24,\n                  width: 24,\n                  borderColor: '#f4f4f4',\n                  borderStyle: 'solid',\n                }}\n              />\n            </View>\n          </View>\n        </View>\n      </View>\n    );\n  }\n\n  getTappedItem(x, y) {\n    const { initialLeft, initialTop, initialWidth, initialHeight } = this.state;\n    const paddingX = initialWidth / 6;\n    const paddingY = initialHeight / 6;\n    const cropX1 = initialLeft;\n    const cropX2 = cropX1 + initialWidth;\n    const cropY1 = initialTop + this.props.topMargin;\n    const cropY2 = cropY1 + initialHeight;\n    const inLeft = x > cropX1 - paddingX && x < cropX1 + paddingX;\n    const inMidX = x > cropX1 + paddingX && x < cropX2 - paddingX;\n    const inRight = x > cropX2 - paddingX && x < cropX2 + paddingX;\n    const inTop = y > cropY1 - paddingY && y < cropY1 + paddingY;\n    const inMidY = y > cropY1 + paddingY && y < cropY2 - paddingY;\n    const inBottom = y > cropY2 - paddingY && y < cropY2 + paddingY;\n    // console.log('getTappedItem', {\n    //   topMargin: this.props.topMargin,\n    //   x,\n    //   y,\n    //   cropX1,\n    //   cropX2,\n    //   cropY1,\n    //   cropY2,\n    //   inLeft,\n    //   inMidX,\n    //   inRight,\n    //   inTop,\n    //   inMidY,\n    //   inBottom,\n    // });\n\n    if (inTop && inLeft) {\n      return 'tl';\n    } else if (inTop && inMidX) {\n      return 'tm';\n    } else if (inTop && inRight) {\n      return 'tr';\n    } else if (inMidY && inLeft) {\n      return 'ml';\n    } else if (inMidX && inMidY) {\n      return 'mm';\n    } else if (inMidY && inRight) {\n      return 'mr';\n    } else if (inBottom && inLeft) {\n      return 'bl';\n    } else if (inBottom && inMidX) {\n      return 'bm';\n    } else if (inBottom && inRight) {\n      return 'br';\n    } else {\n      return '';\n    }\n  }\n\n  // Should we become active when the user presses down on the square?\n  handleStartShouldSetPanResponder = event => {\n    return true;\n  };\n\n  // We were granted responder status! Let's update the UI\n  handlePanResponderGrant = event => {\n    let selectedItem = this.getTappedItem(event.nativeEvent.pageX, event.nativeEvent.pageY);\n    if (selectedItem == 'tl') {\n      this.setState({ draggingTL: true });\n    } else if (selectedItem == 'tm') {\n      this.setState({ draggingTM: true });\n    } else if (selectedItem == 'tr') {\n      this.setState({ draggingTR: true });\n    } else if (selectedItem == 'ml') {\n      this.setState({ draggingML: true });\n    } else if (selectedItem == 'mm') {\n      this.setState({ draggingMM: true });\n    } else if (selectedItem == 'mr') {\n      this.setState({ draggingMR: true });\n    } else if (selectedItem == 'bl') {\n      this.setState({ draggingBL: true });\n    } else if (selectedItem == 'bm') {\n      this.setState({ draggingBM: true });\n    } else if (selectedItem == 'br') {\n      this.setState({ draggingBR: true });\n    }\n  };\n\n  // Every time the touch/mouse moves\n  handlePanResponderMove = (e, gestureState) => {\n    // Keep track of how far we've moved in total (dx and dy)\n    this.setState({\n      offsetTop: gestureState.dy,\n      offsetLeft: gestureState.dx,\n    });\n  };\n\n  // When the touch/mouse is lifted\n  handlePanResponderEnd = (e, gestureState) => {\n    const {\n      initialTop,\n      initialLeft,\n      initialWidth,\n      initialHeight,\n      draggingTL,\n      draggingTM,\n      draggingTR,\n      draggingML,\n      draggingMM,\n      draggingMR,\n      draggingBL,\n      draggingBM,\n      draggingBR,\n    } = this.state;\n\n    const state = {\n      draggingTL: false,\n      draggingTM: false,\n      draggingTR: false,\n      draggingML: false,\n      draggingMM: false,\n      draggingMR: false,\n      draggingBL: false,\n      draggingBM: false,\n      draggingBR: false,\n      offsetTop: 0,\n      offsetLeft: 0,\n    };\n\n    state.initialTop = initialTop + (draggingTL || draggingTM || draggingTR || draggingMM ? gestureState.dy : 0);\n    state.initialLeft = initialLeft + (draggingTL || draggingML || draggingBL || draggingMM ? gestureState.dx : 0);\n    state.initialWidth =\n      initialWidth +\n      (draggingTL || draggingML || draggingBL ? -gestureState.dx : draggingTM || draggingMM || draggingBM ? 0 : gestureState.dx);\n    state.initialHeight =\n      initialHeight +\n      (draggingTL || draggingTM || draggingTR ? -gestureState.dy : draggingML || draggingMM || draggingMR ? 0 : gestureState.dy);\n\n    if (state.initialWidth > this.props.initialWidth) {\n      state.initialWidth = this.props.initialWidth;\n    }\n    if (state.initialWidth < this.props.minWidth) {\n      state.initialWidth = this.props.minWidth;\n    }\n    if (state.initialHeight > this.props.initialHeight) {\n      state.initialHeight = this.props.initialHeight;\n    }\n    if (state.initialHeight < this.props.minHeight) {\n      state.initialHeight = this.props.minHeight;\n    }\n\n    this.setState(state);\n    this.props.onLayoutChanged(state.initialTop, state.initialLeft, state.initialWidth, state.initialHeight);\n  };\n}\n\nexport default ImageCropOverlay;\n"]}

package/dist/module/config.js

@@ -0,0 +1,27 @@
+export const Services = {
+  navigation: null
+};
+const CoreConfig = {
+  env: {
+    baseStage: '',
+    baseAPIUrl: '',
+    hasGradientHeader: false,
+    defaultProfileImage: '',
+    tinyChatDefault: '',
+    baseUploadsUrl: '',
+    allowMediaDownload: false,
+    allowMediaSharing: false,
+    awsUploadsBucket: '',
+    awsStorageBucket: '',
+    preferredSite: '',
+    strings: {},
+    newEventDefaults: '',
+    defaultAllowComments: true
+  },
+  init: (environment, navigation) => {
+    CoreConfig.env = environment;
+    Services.navigation = navigation;
+  }
+};
+export default CoreConfig;
+//# sourceMappingURL=config.js.map

package/dist/module/config.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["config.js"],"names":["Services","navigation","CoreConfig","env","baseStage","baseAPIUrl","hasGradientHeader","defaultProfileImage","tinyChatDefault","baseUploadsUrl","allowMediaDownload","allowMediaSharing","awsUploadsBucket","awsStorageBucket","preferredSite","strings","newEventDefaults","defaultAllowComments","init","environment"],"mappings":"AAAA,OAAO,MAAMA,QAAQ,GAAG;AACtBC,EAAAA,UAAU,EAAE;AADU,CAAjB;AAIP,MAAMC,UAAU,GAAG;AACjBC,EAAAA,GAAG,EAAE;AACHC,IAAAA,SAAS,EAAE,EADR;AAEHC,IAAAA,UAAU,EAAE,EAFT;AAGHC,IAAAA,iBAAiB,EAAE,KAHhB;AAIHC,IAAAA,mBAAmB,EAAE,EAJlB;AAKHC,IAAAA,eAAe,EAAE,EALd;AAMHC,IAAAA,cAAc,EAAE,EANb;AAOHC,IAAAA,kBAAkB,EAAE,KAPjB;AAQHC,IAAAA,iBAAiB,EAAE,KARhB;AASHC,IAAAA,gBAAgB,EAAE,EATf;AAUHC,IAAAA,gBAAgB,EAAE,EAVf;AAWHC,IAAAA,aAAa,EAAE,EAXZ;AAYHC,IAAAA,OAAO,EAAE,EAZN;AAaHC,IAAAA,gBAAgB,EAAE,EAbf;AAcHC,IAAAA,oBAAoB,EAAE;AAdnB,GADY;AAiBjBC,EAAAA,IAAI,EAAE,CAACC,WAAD,EAAclB,UAAd,KAA6B;AACjCC,IAAAA,UAAU,CAACC,GAAX,GAAiBgB,WAAjB;AACAnB,IAAAA,QAAQ,CAACC,UAAT,GAAsBA,UAAtB;AACD;AApBgB,CAAnB;AAsBA,eAAeC,UAAf","sourcesContent":["export const Services = {\n  navigation: null,\n};\n\nconst CoreConfig = {\n  env: {\n    baseStage: '',\n    baseAPIUrl: '',\n    hasGradientHeader: false,\n    defaultProfileImage: '',\n    tinyChatDefault: '',\n    baseUploadsUrl: '',\n    allowMediaDownload: false,\n    allowMediaSharing: false,\n    awsUploadsBucket: '',\n    awsStorageBucket: '',\n    preferredSite: '',\n    strings: {},\n    newEventDefaults: '',\n    defaultAllowComments: true,\n  },\n  init: (environment, navigation) => {\n    CoreConfig.env = environment;\n    Services.navigation = navigation;\n  },\n};\nexport default CoreConfig;\n"]}

package/dist/module/constants.js

@@ -0,0 +1,16 @@
+import { getBottomSpace } from 'react-native-iphone-x-helper';
+const FOOTER_HEIGHT = 62 + getBottomSpace();
+const HEADER_HEIGHT = 70; // const getFooterIcons = () => {
+//   return {
+//     events: require(`./assets/icons/footer/whats-on.png`),
+//     foryou: require(`./assets/icons/footer/hub.png`),
+//     friends: require(`./assets/icons/footer/people.png`),
+//     home: require(`./assets/icons/footer/home.png`),
+//   };
+// };
+
+const TIMESTAMP_FORMAT = 'D MMM • h:mma';
+const DATE_FORMAT = 'D MMM YYYY';
+export { HEADER_HEIGHT, FOOTER_HEIGHT, // getFooterIcons,
+TIMESTAMP_FORMAT, DATE_FORMAT };
+//# sourceMappingURL=constants.js.map

package/dist/module/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["constants.js"],"names":["getBottomSpace","FOOTER_HEIGHT","HEADER_HEIGHT","TIMESTAMP_FORMAT","DATE_FORMAT"],"mappings":"AAAA,SAASA,cAAT,QAA+B,8BAA/B;AAEA,MAAMC,aAAa,GAAG,KAAKD,cAAc,EAAzC;AACA,MAAME,aAAa,GAAG,EAAtB,C,CAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,MAAMC,gBAAgB,GAAG,eAAzB;AACA,MAAMC,WAAW,GAAG,YAApB;AAEA,SACEF,aADF,EAEED,aAFF,EAGE;AACAE,gBAJF,EAKEC,WALF","sourcesContent":["import { getBottomSpace } from 'react-native-iphone-x-helper';\n\nconst FOOTER_HEIGHT = 62 + getBottomSpace();\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  HEADER_HEIGHT,\n  FOOTER_HEIGHT,\n  // getFooterIcons,\n  TIMESTAMP_FORMAT,\n  DATE_FORMAT,\n};\n"]}

package/dist/module/fonts/index.js

@@ -0,0 +1,2 @@
+export * from './pluss60-icons';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.js"],"names":[],"mappings":"AAAA,cAAc,iBAAd","sourcesContent":["export * from './pluss60-icons';\n"]}

package/dist/module/fonts/pluss60-icons.js

@@ -0,0 +1,5 @@
+import { createIconSetFromIcoMoon } from '@expo/vector-icons';
+import icoMoonConfig from './pluss60-icons.json';
+const Pl60Icon = createIconSetFromIcoMoon(icoMoonConfig, 'pluss60-icons');
+export { Pl60Icon };
+//# sourceMappingURL=pluss60-icons.js.map

package/dist/module/fonts/pluss60-icons.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["pluss60-icons.js"],"names":["createIconSetFromIcoMoon","icoMoonConfig","Pl60Icon"],"mappings":"AAAA,SAASA,wBAAT,QAAyC,oBAAzC;AACA,OAAOC,aAAP,MAA0B,sBAA1B;AAEA,MAAMC,QAAQ,GAAGF,wBAAwB,CAACC,aAAD,EAAgB,eAAhB,CAAzC;AAEA,SAASC,QAAT","sourcesContent":["import { createIconSetFromIcoMoon } from '@expo/vector-icons';\nimport icoMoonConfig from './pluss60-icons.json';\n\nconst Pl60Icon = createIconSetFromIcoMoon(icoMoonConfig, 'pluss60-icons');\n\nexport { Pl60Icon };\n"]}