@plusscommunities/pluss-core-app 1.6.1-beta.0 → 1.6.4-beta.0

package/dist/module/actions/MediaActions.js

@@ -1,4 +1,4 @@
-import { IMAGE_LIBRARY_LOADED, STOCK_IMAGES_LOADED, IMAGE_FOLDER_UPDATED } from './types';
+import { IMAGE_LIBRARY_LOADED, STOCK_IMAGES_LOADED, IMAGE_FOLDER_UPDATED, SAVE_IMAGE_POSITION } from './types';
 export const stockImagesLoaded = images => {
   return {
     type: STOCK_IMAGES_LOADED,
@@ -17,4 +17,13 @@ export const imageFolderUpdated = folder => {
     payload: folder
   };
 };
+export const saveImagePosition = (uri, positions) => {
+  return {
+    type: SAVE_IMAGE_POSITION,
+    payload: {
+      uri,
+      positions
+    }
+  };
+};
 //# sourceMappingURL=MediaActions.js.map

package/dist/module/actions/MediaActions.js.map

@@ -1 +1 @@
-{"version":3,"sources":["MediaActions.js"],"names":["IMAGE_LIBRARY_LOADED","STOCK_IMAGES_LOADED","IMAGE_FOLDER_UPDATED","stockImagesLoaded","images","type","payload","imageLibraryLoaded","library","imageFolderUpdated","folder"],"mappings":"AAAA,SAASA,oBAAT,EAA+BC,mBAA/B,EAAoDC,oBAApD,QAAgF,SAAhF;AAEA,OAAO,MAAMC,iBAAiB,GAAGC,MAAM,IAAI;AACzC,SAAO;AACLC,IAAAA,IAAI,EAAEJ,mBADD;AAELK,IAAAA,OAAO,EAAEF;AAFJ,GAAP;AAID,CALM;AAOP,OAAO,MAAMG,kBAAkB,GAAGC,OAAO,IAAI;AAC3C,SAAO;AACLH,IAAAA,IAAI,EAAEL,oBADD;AAELM,IAAAA,OAAO,EAAEE;AAFJ,GAAP;AAID,CALM;AAOP,OAAO,MAAMC,kBAAkB,GAAGC,MAAM,IAAI;AAC1C,SAAO;AACLL,IAAAA,IAAI,EAAEH,oBADD;AAELI,IAAAA,OAAO,EAAEI;AAFJ,GAAP;AAID,CALM","sourcesContent":["import { IMAGE_LIBRARY_LOADED, STOCK_IMAGES_LOADED, IMAGE_FOLDER_UPDATED } from './types';\n\nexport const stockImagesLoaded = images => {\n  return {\n    type: STOCK_IMAGES_LOADED,\n    payload: images,\n  };\n};\n\nexport const imageLibraryLoaded = library => {\n  return {\n    type: IMAGE_LIBRARY_LOADED,\n    payload: library,\n  };\n};\n\nexport const imageFolderUpdated = folder => {\n  return {\n    type: IMAGE_FOLDER_UPDATED,\n    payload: folder,\n  };\n};\n"]}
+{"version":3,"sources":["MediaActions.js"],"names":["IMAGE_LIBRARY_LOADED","STOCK_IMAGES_LOADED","IMAGE_FOLDER_UPDATED","SAVE_IMAGE_POSITION","stockImagesLoaded","images","type","payload","imageLibraryLoaded","library","imageFolderUpdated","folder","saveImagePosition","uri","positions"],"mappings":"AAAA,SAASA,oBAAT,EAA+BC,mBAA/B,EAAoDC,oBAApD,EAA0EC,mBAA1E,QAAqG,SAArG;AAEA,OAAO,MAAMC,iBAAiB,GAAGC,MAAM,IAAI;AACzC,SAAO;AACLC,IAAAA,IAAI,EAAEL,mBADD;AAELM,IAAAA,OAAO,EAAEF;AAFJ,GAAP;AAID,CALM;AAOP,OAAO,MAAMG,kBAAkB,GAAGC,OAAO,IAAI;AAC3C,SAAO;AACLH,IAAAA,IAAI,EAAEN,oBADD;AAELO,IAAAA,OAAO,EAAEE;AAFJ,GAAP;AAID,CALM;AAOP,OAAO,MAAMC,kBAAkB,GAAGC,MAAM,IAAI;AAC1C,SAAO;AACLL,IAAAA,IAAI,EAAEJ,oBADD;AAELK,IAAAA,OAAO,EAAEI;AAFJ,GAAP;AAID,CALM;AAOP,OAAO,MAAMC,iBAAiB,GAAG,CAACC,GAAD,EAAMC,SAAN,KAAoB;AACnD,SAAO;AACLR,IAAAA,IAAI,EAAEH,mBADD;AAELI,IAAAA,OAAO,EAAE;AAAEM,MAAAA,GAAF;AAAOC,MAAAA;AAAP;AAFJ,GAAP;AAID,CALM","sourcesContent":["import { IMAGE_LIBRARY_LOADED, STOCK_IMAGES_LOADED, IMAGE_FOLDER_UPDATED, SAVE_IMAGE_POSITION } from './types';\n\nexport const stockImagesLoaded = images => {\n  return {\n    type: STOCK_IMAGES_LOADED,\n    payload: images,\n  };\n};\n\nexport const imageLibraryLoaded = library => {\n  return {\n    type: IMAGE_LIBRARY_LOADED,\n    payload: library,\n  };\n};\n\nexport const imageFolderUpdated = folder => {\n  return {\n    type: IMAGE_FOLDER_UPDATED,\n    payload: folder,\n  };\n};\n\nexport const saveImagePosition = (uri, positions) => {\n  return {\n    type: SAVE_IMAGE_POSITION,\n    payload: { uri, positions },\n  };\n};\n"]}

package/dist/module/actions/UserSettingsActions.js

@@ -0,0 +1,14 @@
+import { BLOCK_USER, UNBLOCK_USER } from './types';
+export const blockUser = userId => {
+  return {
+    type: BLOCK_USER,
+    payload: userId
+  };
+};
+export const unblockUser = userId => {
+  return {
+    type: UNBLOCK_USER,
+    payload: userId
+  };
+};
+//# sourceMappingURL=UserSettingsActions.js.map

package/dist/module/actions/UserSettingsActions.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["UserSettingsActions.js"],"names":["BLOCK_USER","UNBLOCK_USER","blockUser","userId","type","payload","unblockUser"],"mappings":"AAAA,SAASA,UAAT,EAAqBC,YAArB,QAAyC,SAAzC;AAEA,OAAO,MAAMC,SAAS,GAAGC,MAAM,IAAI;AACjC,SAAO;AACLC,IAAAA,IAAI,EAAEJ,UADD;AAELK,IAAAA,OAAO,EAAEF;AAFJ,GAAP;AAID,CALM;AAOP,OAAO,MAAMG,WAAW,GAAGH,MAAM,IAAI;AACnC,SAAO;AACLC,IAAAA,IAAI,EAAEH,YADD;AAELI,IAAAA,OAAO,EAAEF;AAFJ,GAAP;AAID,CALM","sourcesContent":["import { BLOCK_USER, UNBLOCK_USER } from './types';\n\nexport const blockUser = userId => {\n  return {\n    type: BLOCK_USER,\n    payload: userId,\n  };\n};\n\nexport const unblockUser = userId => {\n  return {\n    type: UNBLOCK_USER,\n    payload: userId,\n  };\n};\n"]}

package/dist/module/actions/index.js

@@ -2,4 +2,5 @@ export * from './MediaActions';
 export * from './FollowerActions';
 export * from './ResidentActions';
 export * from './UserActions';
+export * from './UserSettingsActions';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"names":[],"mappings":"AAAA,cAAc,gBAAd;AACA,cAAc,mBAAd;AACA,cAAc,mBAAd;AACA,cAAc,eAAd","sourcesContent":["export * from './MediaActions';\nexport * from './FollowerActions';\nexport * from './ResidentActions';\nexport * from './UserActions';\n"]}
+{"version":3,"sources":["index.js"],"names":[],"mappings":"AAAA,cAAc,gBAAd;AACA,cAAc,mBAAd;AACA,cAAc,mBAAd;AACA,cAAc,eAAd;AACA,cAAc,uBAAd","sourcesContent":["export * from './MediaActions';\nexport * from './FollowerActions';\nexport * from './ResidentActions';\nexport * from './UserActions';\nexport * from './UserSettingsActions';\n"]}

package/dist/module/actions/types.js

@@ -3,6 +3,7 @@ export const CHANGE_ROLE = 'CHANGE_ROLE';
 export const IMAGE_LIBRARY_LOADED = 'IMAGE_LIBRARY_LOADED';
 export const STOCK_IMAGES_LOADED = 'STOCK_IMAGES_LOADED';
 export const IMAGE_FOLDER_UPDATED = 'IMAGE_FOLDER_UPDATED';
+export const SAVE_IMAGE_POSITION = 'SAVE_IMAGE_POSITION';
 export const LOAD_FOLLOWERS = 'LOAD_FOLLOWERS';
 export const ADD_FOLLOWER = 'ADD_FOLLOWER';
 export const REMOVE_FOLLOWER = 'REMOVE_FOLLOWER';
@@ -11,4 +12,6 @@ export const LOADED_RESIDENTS = 'LOADED_RESIDENTS';
 export const LOADED_LINKED_USERS = 'LOADED_LINKED_USERS';
 export const LOADED_LINKED_TO_USERS = 'LOADED_LINKED_TO_USERS';
 export const UPDATE_USER_STATE = 'UPDATE_USER_STATE';
+export const BLOCK_USER = 'BLOCK_USER';
+export const UNBLOCK_USER = 'UNBLOCK_USER';
 //# sourceMappingURL=types.js.map

package/dist/module/actions/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["types.js"],"names":["LOGOUT","CHANGE_ROLE","IMAGE_LIBRARY_LOADED","STOCK_IMAGES_LOADED","IMAGE_FOLDER_UPDATED","LOAD_FOLLOWERS","ADD_FOLLOWER","REMOVE_FOLLOWER","UPDATE_RESIDENTS","LOADED_RESIDENTS","LOADED_LINKED_USERS","LOADED_LINKED_TO_USERS","UPDATE_USER_STATE"],"mappings":"AAAA,OAAO,MAAMA,MAAM,GAAG,QAAf;AACP,OAAO,MAAMC,WAAW,GAAG,aAApB;AACP,OAAO,MAAMC,oBAAoB,GAAG,sBAA7B;AACP,OAAO,MAAMC,mBAAmB,GAAG,qBAA5B;AACP,OAAO,MAAMC,oBAAoB,GAAG,sBAA7B;AACP,OAAO,MAAMC,cAAc,GAAG,gBAAvB;AACP,OAAO,MAAMC,YAAY,GAAG,cAArB;AACP,OAAO,MAAMC,eAAe,GAAG,iBAAxB;AACP,OAAO,MAAMC,gBAAgB,GAAG,kBAAzB;AACP,OAAO,MAAMC,gBAAgB,GAAG,kBAAzB;AACP,OAAO,MAAMC,mBAAmB,GAAG,qBAA5B;AACP,OAAO,MAAMC,sBAAsB,GAAG,wBAA/B;AACP,OAAO,MAAMC,iBAAiB,GAAG,mBAA1B","sourcesContent":["export const LOGOUT = 'LOGOUT';\nexport const CHANGE_ROLE = 'CHANGE_ROLE';\nexport const IMAGE_LIBRARY_LOADED = 'IMAGE_LIBRARY_LOADED';\nexport const STOCK_IMAGES_LOADED = 'STOCK_IMAGES_LOADED';\nexport const IMAGE_FOLDER_UPDATED = 'IMAGE_FOLDER_UPDATED';\nexport const LOAD_FOLLOWERS = 'LOAD_FOLLOWERS';\nexport const ADD_FOLLOWER = 'ADD_FOLLOWER';\nexport const REMOVE_FOLLOWER = 'REMOVE_FOLLOWER';\nexport const UPDATE_RESIDENTS = 'UPDATE_RESIDENTS';\nexport const LOADED_RESIDENTS = 'LOADED_RESIDENTS';\nexport const LOADED_LINKED_USERS = 'LOADED_LINKED_USERS';\nexport const LOADED_LINKED_TO_USERS = 'LOADED_LINKED_TO_USERS';\nexport const UPDATE_USER_STATE = 'UPDATE_USER_STATE';\n"]}
+{"version":3,"sources":["types.js"],"names":["LOGOUT","CHANGE_ROLE","IMAGE_LIBRARY_LOADED","STOCK_IMAGES_LOADED","IMAGE_FOLDER_UPDATED","SAVE_IMAGE_POSITION","LOAD_FOLLOWERS","ADD_FOLLOWER","REMOVE_FOLLOWER","UPDATE_RESIDENTS","LOADED_RESIDENTS","LOADED_LINKED_USERS","LOADED_LINKED_TO_USERS","UPDATE_USER_STATE","BLOCK_USER","UNBLOCK_USER"],"mappings":"AAAA,OAAO,MAAMA,MAAM,GAAG,QAAf;AACP,OAAO,MAAMC,WAAW,GAAG,aAApB;AACP,OAAO,MAAMC,oBAAoB,GAAG,sBAA7B;AACP,OAAO,MAAMC,mBAAmB,GAAG,qBAA5B;AACP,OAAO,MAAMC,oBAAoB,GAAG,sBAA7B;AACP,OAAO,MAAMC,mBAAmB,GAAG,qBAA5B;AACP,OAAO,MAAMC,cAAc,GAAG,gBAAvB;AACP,OAAO,MAAMC,YAAY,GAAG,cAArB;AACP,OAAO,MAAMC,eAAe,GAAG,iBAAxB;AACP,OAAO,MAAMC,gBAAgB,GAAG,kBAAzB;AACP,OAAO,MAAMC,gBAAgB,GAAG,kBAAzB;AACP,OAAO,MAAMC,mBAAmB,GAAG,qBAA5B;AACP,OAAO,MAAMC,sBAAsB,GAAG,wBAA/B;AACP,OAAO,MAAMC,iBAAiB,GAAG,mBAA1B;AACP,OAAO,MAAMC,UAAU,GAAG,YAAnB;AACP,OAAO,MAAMC,YAAY,GAAG,cAArB","sourcesContent":["export const LOGOUT = 'LOGOUT';\nexport const CHANGE_ROLE = 'CHANGE_ROLE';\nexport const IMAGE_LIBRARY_LOADED = 'IMAGE_LIBRARY_LOADED';\nexport const STOCK_IMAGES_LOADED = 'STOCK_IMAGES_LOADED';\nexport const IMAGE_FOLDER_UPDATED = 'IMAGE_FOLDER_UPDATED';\nexport const SAVE_IMAGE_POSITION = 'SAVE_IMAGE_POSITION';\nexport const LOAD_FOLLOWERS = 'LOAD_FOLLOWERS';\nexport const ADD_FOLLOWER = 'ADD_FOLLOWER';\nexport const REMOVE_FOLLOWER = 'REMOVE_FOLLOWER';\nexport const UPDATE_RESIDENTS = 'UPDATE_RESIDENTS';\nexport const LOADED_RESIDENTS = 'LOADED_RESIDENTS';\nexport const LOADED_LINKED_USERS = 'LOADED_LINKED_USERS';\nexport const LOADED_LINKED_TO_USERS = 'LOADED_LINKED_TO_USERS';\nexport const UPDATE_USER_STATE = 'UPDATE_USER_STATE';\nexport const BLOCK_USER = 'BLOCK_USER';\nexport const UNBLOCK_USER = 'UNBLOCK_USER';\n"]}

package/dist/module/components/AutoOffsetImage.js

@@ -2,8 +2,10 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 import React, { Component } from 'react';
 import { View, Animated, StyleSheet } from 'react-native';
+import { connect } from 'react-redux';
 import moment from 'moment';
-import { findLandmarkRange, getScaledOffset, get300 } from '../helper';
+import { findLandmarkRange, getScaledOffset, get300, detectFaces } from '../helper';
+import { saveImagePosition } from '../actions';
 
 class AutoOffsetImage extends Component {
   constructor(props) {
@@ -26,9 +28,33 @@ class AutoOffsetImage extends Component {
     _defineProperty(this, "positionImage", async () => {
       try {
         const startTime = moment().valueOf();
+        let cachedValues; // check local cache
+
+        if (this.props.imagePositions && this.props.imagePositions[this.props.uri]) {
+          cachedValues = this.props.imagePositions[this.props.uri];
+        } // check remote cache
+
+
+        if (!cachedValues) {
+          try {
+            const response = await stringActions.getString('plussSpace', `imagefaces_${encodeURIComponent(this.props.uri)}`);
+            cachedValues = response.data;
+          } catch (e) {
+            console.log('errored from cache');
+          } // run face detection locally
+
+
+          if (!cachedValues || !cachedValues.faces || !cachedValues.image || _.isEmpty(cachedValues.faces) && moment().add(-1, 'w').valueOf() > moment(cachedValues.timestamp).valueOf()) {
+            cachedValues = await detectFaces(this.props.uri);
+          }
+
+          this.props.saveImagePosition(this.props.uri, cachedValues);
+        }
+
         const image = await findLandmarkRange(this.props.uri, {
           targetWidth: this.props.width,
-          targetHeight: this.props.height
+          targetHeight: this.props.height,
+          cachedValues
         });
         const scaledOffset = getScaledOffset(image.width, image.height, this.props.width, this.props.height);
         const {
@@ -44,18 +70,18 @@ class AutoOffsetImage extends Component {
 
         if (landmarkStart.y < imageBounds.start.y) {
           // move up
-          offset.y = -Math.max(landmarkStart.y - height * this.paddingFactor, 0); // move top to 5% above start of landmark
+          offset.y = -Math.max(landmarkStart.y - this.props.height * this.paddingFactor, 0); // move top to 5% above start of landmark
         } else if (landmarkEnd.y > imageBounds.end.y) {
           // move down
-          offset.y = -Math.max(landmarkEnd.y + height * this.paddingFactor - height, 0); // move bottom to 5% below end of landmark
+          offset.y = -Math.max(landmarkEnd.y + this.props.height * this.paddingFactor - this.props.height, 0); // move bottom to 5% below end of landmark
         }
 
         if (landmarkStart.x < imageBounds.start.x) {
-          // move up
-          offset.x = -Math.max(landmarkStart.x - width * this.paddingFactor, 0); // move left edge to 5% left of start of landmark
+          // move right
+          offset.x = -Math.max(landmarkStart.x - this.props.width * this.paddingFactor, 0); // move left edge to 5% left of start of landmark
         } else if (landmarkEnd.x > imageBounds.end.x) {
-          // move down
-          offset.x = -Math.max(landmarkEnd.x + width * this.paddingFactor - width, 0); // move right edge to 5% left of end of landmark
+          // move left
+          offset.x = -Math.max(landmarkEnd.x + this.props.width * this.paddingFactor - this.props.width, 0); // move right edge to 5% left of end of landmark
         }
 
         this.setState({
@@ -69,7 +95,7 @@ class AutoOffsetImage extends Component {
         });
         const endTime = moment().valueOf();
 
-        if (endTime - startTime < 300) {
+        if (endTime - startTime < 500) {
           Animated.timing(this.state.blurRadius, {
             toValue: 0,
             duration: 0,
@@ -133,5 +159,15 @@ const styles = StyleSheet.create({
     resizeMode: 'cover'
   }
 });
-export default AutoOffsetImage;
+
+const mapStateToProps = state => {
+  return {
+    imagePositions: state.media.positions
+  };
+};
+
+const autoOffsetImage = connect(mapStateToProps, {
+  saveImagePosition
+})(AutoOffsetImage);
+export { autoOffsetImage as AutoOffsetImage };
 //# sourceMappingURL=AutoOffsetImage.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["AutoOffsetImage.js"],"names":["React","Component","View","Animated","StyleSheet","moment","findLandmarkRange","getScaledOffset","get300","AutoOffsetImage","constructor","props","event","nativeEvent","source","uri","state","imageLoaded","setState","sequence","delay","timing","blurRadius","toValue","duration","useNativeDriver","start","startTime","valueOf","image","targetWidth","width","targetHeight","height","scaledOffset","landmarkStart","end","landmarkEnd","bounds","imageBounds","offset","y","Math","max","paddingFactor","x","imageStyle","top","left","imageSource","endTime","e","Value","componentDidMount","positionImage","componentDidUpdate","prevProps","render","styles","container","style","onLoad","children","create","overflow","position","resizeMode"],"mappings":"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","sourcesContent":["import React, { Component } from 'react';\nimport { View, Animated, StyleSheet } from 'react-native';\nimport moment from 'moment';\nimport { findLandmarkRange, getScaledOffset, get300 } from '../helper';\n\nclass AutoOffsetImage extends Component {\n  constructor(props) {\n    super(props);\n\n    this.paddingFactor = this.props.paddingFactor || 0.1;\n\n    this.state = {\n      imageStyle: {\n        width: this.props.width,\n        height: this.props.height,\n      },\n      blurRadius: new Animated.Value(100),\n      imageSource: get300(this.props.uri),\n    };\n  }\n\n  componentDidMount() {\n    this.positionImage();\n  }\n\n  componentDidUpdate(prevProps) {\n    if (prevProps.uri !== this.props.uri || prevProps.height !== this.props.height || prevProps.width !== this.props.width) {\n      this.positionImage();\n    }\n  }\n\n  onLoad = event => {\n    if (event.nativeEvent.source.uri === this.props.uri && !this.state.imageLoaded) {\n      //unblur\n      this.setState({\n        imageLoaded: true,\n      });\n      Animated.sequence([\n        Animated.delay(200),\n        Animated.timing(this.state.blurRadius, {\n          toValue: 0,\n          duration: 500,\n          useNativeDriver: false,\n        }),\n      ]).start();\n    }\n  };\n\n  positionImage = async () => {\n    try {\n      const startTime = moment().valueOf();\n      const image = await findLandmarkRange(this.props.uri, { targetWidth: this.props.width, targetHeight: this.props.height });\n      const scaledOffset = getScaledOffset(image.width, image.height, this.props.width, this.props.height);\n\n      const { start: landmarkStart, end: landmarkEnd } = image;\n      const { bounds: imageBounds, offset, width, height } = scaledOffset;\n\n      if (landmarkStart.y < imageBounds.start.y) {\n        // move up\n        offset.y = -Math.max(landmarkStart.y - height * this.paddingFactor, 0); // move top to 5% above start of landmark\n      } else if (landmarkEnd.y > imageBounds.end.y) {\n        // move down\n        offset.y = -Math.max(landmarkEnd.y + height * this.paddingFactor - height, 0); // move bottom to 5% below end of landmark\n      }\n\n      if (landmarkStart.x < imageBounds.start.x) {\n        // move up\n        offset.x = -Math.max(landmarkStart.x - width * this.paddingFactor, 0); // move left edge to 5% left of start of landmark\n      } else if (landmarkEnd.x > imageBounds.end.x) {\n        // move down\n        offset.x = -Math.max(landmarkEnd.x + width * this.paddingFactor - width, 0); // move right edge to 5% left of end of landmark\n      }\n\n      this.setState({\n        imageStyle: {\n          width,\n          height,\n          top: offset.y,\n          left: offset.x,\n        },\n        imageSource: this.props.uri,\n      });\n\n      const endTime = moment().valueOf();\n      if (endTime - startTime < 300) {\n        Animated.timing(this.state.blurRadius, {\n          toValue: 0,\n          duration: 0,\n          useNativeDriver: false,\n        }).start();\n      }\n    } catch (e) {\n      this.setState({\n        imageSource: this.props.uri,\n      });\n    }\n  };\n\n  render() {\n    return (\n      <View\n        style={[\n          styles.container,\n          {\n            width: this.props.width,\n            height: this.props.height,\n          },\n          this.props.style,\n        ]}\n      >\n        <Animated.Image\n          blurRadius={this.state.blurRadius}\n          source={{ uri: this.state.imageSource }}\n          style={[styles.image, this.state.imageStyle]}\n          onLoad={this.onLoad}\n        />\n        {this.props.children}\n      </View>\n    );\n  }\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    overflow: 'hidden',\n  },\n  image: {\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    resizeMode: 'cover',\n  },\n});\n\nexport default AutoOffsetImage;\n"]}
+{"version":3,"sources":["AutoOffsetImage.js"],"names":["React","Component","View","Animated","StyleSheet","connect","moment","findLandmarkRange","getScaledOffset","get300","detectFaces","saveImagePosition","AutoOffsetImage","constructor","props","event","nativeEvent","source","uri","state","imageLoaded","setState","sequence","delay","timing","blurRadius","toValue","duration","useNativeDriver","start","startTime","valueOf","cachedValues","imagePositions","response","stringActions","getString","encodeURIComponent","data","e","console","log","faces","image","_","isEmpty","add","timestamp","targetWidth","width","targetHeight","height","scaledOffset","landmarkStart","end","landmarkEnd","bounds","imageBounds","offset","y","Math","max","paddingFactor","x","imageStyle","top","left","imageSource","endTime","Value","componentDidMount","positionImage","componentDidUpdate","prevProps","render","styles","container","style","onLoad","children","create","overflow","position","resizeMode","mapStateToProps","media","positions","autoOffsetImage"],"mappings":"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","sourcesContent":["import React, { Component } from 'react';\nimport { View, Animated, StyleSheet } from 'react-native';\nimport { connect } from 'react-redux';\nimport moment from 'moment';\nimport { findLandmarkRange, getScaledOffset, get300, detectFaces } from '../helper';\nimport { saveImagePosition } from '../actions';\n\nclass AutoOffsetImage extends Component {\n  constructor(props) {\n    super(props);\n\n    this.paddingFactor = this.props.paddingFactor || 0.1;\n\n    this.state = {\n      imageStyle: {\n        width: this.props.width,\n        height: this.props.height,\n      },\n      blurRadius: new Animated.Value(100),\n      imageSource: get300(this.props.uri),\n    };\n  }\n\n  componentDidMount() {\n    this.positionImage();\n  }\n\n  componentDidUpdate(prevProps) {\n    if (prevProps.uri !== this.props.uri || prevProps.height !== this.props.height || prevProps.width !== this.props.width) {\n      this.positionImage();\n    }\n  }\n\n  onLoad = event => {\n    if (event.nativeEvent.source.uri === this.props.uri && !this.state.imageLoaded) {\n      //unblur\n      this.setState({\n        imageLoaded: true,\n      });\n      Animated.sequence([\n        Animated.delay(200),\n        Animated.timing(this.state.blurRadius, {\n          toValue: 0,\n          duration: 500,\n          useNativeDriver: false,\n        }),\n      ]).start();\n    }\n  };\n\n  positionImage = async () => {\n    try {\n      const startTime = moment().valueOf();\n\n      let cachedValues;\n      // check local cache\n      if (this.props.imagePositions && this.props.imagePositions[this.props.uri]) {\n        cachedValues = this.props.imagePositions[this.props.uri];\n      }\n      // check remote cache\n      if (!cachedValues) {\n        try {\n          const response = await stringActions.getString('plussSpace', `imagefaces_${encodeURIComponent(this.props.uri)}`);\n          cachedValues = response.data;\n        } catch (e) {\n          console.log('errored from cache');\n        }\n        // run face detection locally\n        if (\n          !cachedValues ||\n          !cachedValues.faces ||\n          !cachedValues.image ||\n          (_.isEmpty(cachedValues.faces) &&\n            moment()\n              .add(-1, 'w')\n              .valueOf() > moment(cachedValues.timestamp).valueOf())\n        ) {\n          cachedValues = await detectFaces(this.props.uri);\n        }\n        this.props.saveImagePosition(this.props.uri, cachedValues);\n      }\n\n      const image = await findLandmarkRange(this.props.uri, {\n        targetWidth: this.props.width,\n        targetHeight: this.props.height,\n        cachedValues,\n      });\n      const scaledOffset = getScaledOffset(image.width, image.height, this.props.width, this.props.height);\n\n      const { start: landmarkStart, end: landmarkEnd } = image;\n      const { bounds: imageBounds, offset, width, height } = scaledOffset;\n\n      if (landmarkStart.y < imageBounds.start.y) {\n        // move up\n        offset.y = -Math.max(landmarkStart.y - this.props.height * this.paddingFactor, 0); // move top to 5% above start of landmark\n      } else if (landmarkEnd.y > imageBounds.end.y) {\n        // move down\n        offset.y = -Math.max(landmarkEnd.y + this.props.height * this.paddingFactor - this.props.height, 0); // move bottom to 5% below end of landmark\n      }\n\n      if (landmarkStart.x < imageBounds.start.x) {\n        // move right\n        offset.x = -Math.max(landmarkStart.x - this.props.width * this.paddingFactor, 0); // move left edge to 5% left of start of landmark\n      } else if (landmarkEnd.x > imageBounds.end.x) {\n        // move left\n        offset.x = -Math.max(landmarkEnd.x + this.props.width * this.paddingFactor - this.props.width, 0); // move right edge to 5% left of end of landmark\n      }\n\n      this.setState({\n        imageStyle: {\n          width,\n          height,\n          top: offset.y,\n          left: offset.x,\n        },\n        imageSource: this.props.uri,\n      });\n\n      const endTime = moment().valueOf();\n      if (endTime - startTime < 500) {\n        Animated.timing(this.state.blurRadius, {\n          toValue: 0,\n          duration: 0,\n          useNativeDriver: false,\n        }).start();\n      }\n    } catch (e) {\n      this.setState({\n        imageSource: this.props.uri,\n      });\n    }\n  };\n\n  render() {\n    return (\n      <View\n        style={[\n          styles.container,\n          {\n            width: this.props.width,\n            height: this.props.height,\n          },\n          this.props.style,\n        ]}\n      >\n        <Animated.Image\n          blurRadius={this.state.blurRadius}\n          source={{ uri: this.state.imageSource }}\n          style={[styles.image, this.state.imageStyle]}\n          onLoad={this.onLoad}\n        />\n        {this.props.children}\n      </View>\n    );\n  }\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    overflow: 'hidden',\n  },\n  image: {\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    resizeMode: 'cover',\n  },\n});\n\nconst mapStateToProps = state => {\n  return {\n    imagePositions: state.media.positions,\n  };\n};\n\nconst autoOffsetImage = connect(mapStateToProps, { saveImagePosition })(AutoOffsetImage);\nexport { autoOffsetImage as AutoOffsetImage };\n"]}

package/dist/module/components/CommentSection.js

@@ -9,6 +9,7 @@ import { Icon } from 'react-native-elements';
 import { getPluralS, getThumb300, get1400, getSiteSettingFromState, getFirstName, getPluralOptions } from '../helper';
 import { getMainBrandingColourFromState, TEXT_DARKEST, BG_GREY, TEXT_LIGHT, LINEGREY } from '../colours';
 import { reactionActions, notificationActions } from '../apis';
+import { blockUser, unblockUser } from '../actions';
 import { ConfirmPopup } from './ConfirmPopup';
 import { ProfilePic } from './ProfilePic';
 import { ImagePopup } from './ImagePopup';
@@ -53,6 +54,46 @@ class CommentSection extends Component {
       });
     });
 
+    _defineProperty(this, "onPressBlockUser", c => {
+      this.setState({
+        commentToBlock: c
+      });
+    });
+
+    _defineProperty(this, "onPressConfirmBlock", () => {
+      const userId = this.state.commentToBlock.UserId;
+      this.props.blockUser(userId);
+      this.setState({
+        commentToBlock: null
+      });
+    });
+
+    _defineProperty(this, "onPressCancelBlock", () => {
+      this.setState({
+        commentToBlock: null
+      });
+    });
+
+    _defineProperty(this, "onPressUnblockUser", c => {
+      this.setState({
+        commentToUnblock: c
+      });
+    });
+
+    _defineProperty(this, "onPressConfirmUnblock", () => {
+      const userId = this.state.commentToUnblock.UserId;
+      this.props.unblockUser(userId);
+      this.setState({
+        commentToUnblock: null
+      });
+    });
+
+    _defineProperty(this, "onPressCancelUnblock", () => {
+      this.setState({
+        commentToUnblock: null
+      });
+    });
+
     _defineProperty(this, "onPressConfirmReport", () => {
       const commentId = this.state.commentToReport.Id;
       this.setState({
@@ -197,7 +238,15 @@ class CommentSection extends Component {
       return this.state.commentsLoading;
     });
 
-    _defineProperty(this, "renderReplyText", c => {
+    _defineProperty(this, "isUserBlocked", c => {
+      return _.includes(this.props.blockedUsers, c.UserId);
+    });
+
+    _defineProperty(this, "canBlockComment", c => {
+      return this.props.user.uid !== c.UserId;
+    });
+
+    _defineProperty(this, "renderReplyText", (c, isUserBlocked) => {
       if (this.props.threadId || this.props.hideReplyButton) {
         return null;
       }
@@ -214,7 +263,7 @@ class CommentSection extends Component {
           style: [styles.commentRepliesText, {
             color: this.props.colourBrandingMain
           }]
-        }, `Reply to ${getFirstName(c.User ? c.User.displayName : 'comment')}`);
+        }, `Reply to ${getFirstName(!isUserBlocked && c.User ? c.User.displayName : 'comment')}`);
       } else {
         // existing replies
         const profilePics = _.take(_.uniqBy(threadComments, c => c.UserId), 3);
@@ -401,6 +450,32 @@ class CommentSection extends Component {
     });
   }
 
+  renderCommentBlockConfirm() {
+    return /*#__PURE__*/React.createElement(ConfirmPopup, {
+      visible: !!this.state.commentToBlock,
+      onConfirm: this.onPressConfirmBlock,
+      onCancel: this.onPressCancelBlock,
+      onClose: this.onPressCancelBlock,
+      text: "Are you sure you want to block this user?",
+      extraContent: /*#__PURE__*/React.createElement(Text, {
+        style: styles.commentReportText
+      }, "You will no longer see comments made by this user")
+    });
+  }
+
+  renderCommentUnblockConfirm() {
+    return /*#__PURE__*/React.createElement(ConfirmPopup, {
+      visible: !!this.state.commentToUnblock,
+      onConfirm: this.onPressConfirmUnblock,
+      onCancel: this.onPressCancelUnblock,
+      onClose: this.onPressCancelUnblock,
+      text: "Are you sure you want to unblock this user?",
+      extraContent: /*#__PURE__*/React.createElement(Text, {
+        style: styles.commentReportText
+      }, "You will once again see comments made by this user")
+    });
+  }
+
   renderCommentReportStatus() {
     const {
       commentReportedStatus
@@ -414,7 +489,7 @@ class CommentSection extends Component {
         style: styles.commentReportText
       }, isSuccess ? 'We will review the comment within 24 hours' : 'There was a problem reporting the comment please try again later'),
       hideNo: true,
-      yesText: 'Back to Article'
+      yesText: 'Done'
     });
   }
 
@@ -435,13 +510,14 @@ class CommentSection extends Component {
   }
 
   renderComment(c) {
+    const isUserBlocked = this.isUserBlocked(c);
     return /*#__PURE__*/React.createElement(View, {
       style: styles.comment,
       key: c.Id
     }, /*#__PURE__*/React.createElement(View, {
       style: styles.commentFlex
     }, /*#__PURE__*/React.createElement(ProfilePic, {
-      ProfilePic: c.User.profilePic,
+      ProfilePic: isUserBlocked ? null : c.User.profilePic,
       Diameter: 40,
       style: styles.commentProfilePic
     }), /*#__PURE__*/React.createElement(View, {
@@ -468,21 +544,47 @@ class CommentSection extends Component {
       name: "flag",
       type: "font-awesome",
       iconStyle: styles.commentButtonIcon
-    }))), /*#__PURE__*/React.createElement(Text, {
+    }))), !this.props.disableFlag && this.canBlockComment(c) && (isUserBlocked ? /*#__PURE__*/React.createElement(TouchableOpacity, {
+      style: {
+        marginRight: 8
+      },
+      onPress: this.onPressUnblockUser.bind(this, c)
+    }, /*#__PURE__*/React.createElement(View, {
+      style: [styles.commentButtonContainer, {
+        backgroundColor: this.props.colourBrandingMain
+      }]
+    }, /*#__PURE__*/React.createElement(Icon, {
+      name: "user-plus",
+      type: "font-awesome",
+      iconStyle: styles.commentButtonIcon
+    }))) : /*#__PURE__*/React.createElement(TouchableOpacity, {
+      style: {
+        marginRight: 8
+      },
+      onPress: this.onPressBlockUser.bind(this, c)
+    }, /*#__PURE__*/React.createElement(View, {
+      style: [styles.commentButtonContainer, {
+        backgroundColor: this.props.colourBrandingMain
+      }]
+    }, /*#__PURE__*/React.createElement(Icon, {
+      name: "user-times",
+      type: "font-awesome",
+      iconStyle: styles.commentButtonIcon
+    })))), /*#__PURE__*/React.createElement(Text, {
       style: [styles.commentName, {
         fontSize: this.getAdjustedSize(13)
       }]
-    }, c.User.displayName)), !_.isEmpty(c.Comment) && /*#__PURE__*/React.createElement(Text, {
+    }, isUserBlocked ? '[blocked user]' : c.User.displayName)), !_.isEmpty(c.Comment) && /*#__PURE__*/React.createElement(Text, {
       style: [styles.commentText, {
         fontSize: this.getAdjustedSize(13)
       }]
-    }, c.Comment), this.renderCommentImage(c))), /*#__PURE__*/React.createElement(View, {
+    }, isUserBlocked ? '[hidden]' : c.Comment), !isUserBlocked && this.renderCommentImage(c))), /*#__PURE__*/React.createElement(View, {
       style: styles.commentBottom
     }, /*#__PURE__*/React.createElement(Text, {
       style: [styles.commentTime, {
         fontSize: this.getAdjustedSize(13)
       }]
-    }, moment.utc(c.Timestamp).local().format('D MMM • h:mma')), this.renderReplyText(c)));
+    }, moment.utc(c.Timestamp).local().format('D MMM • h:mma')), this.renderReplyText(c, isUserBlocked)));
   }
 
   renderMute() {
@@ -623,7 +725,7 @@ class CommentSection extends Component {
 
     return /*#__PURE__*/React.createElement(View, {
       style: [styles.commentSectionOuter, this.props.style]
-    }, this.renderComments(), this.renderReportLoading(), this.renderCommentDeleteConfirm(), this.renderCommentReportConfirm(), this.renderCommentReportStatus(), this.renderCommentImagePopup());
+    }, this.renderComments(), this.renderReportLoading(), this.renderCommentDeleteConfirm(), this.renderCommentReportConfirm(), this.renderCommentBlockConfirm(), this.renderCommentUnblockConfirm(), this.renderCommentReportStatus(), this.renderCommentImagePopup());
   }
 
 }
@@ -775,11 +877,15 @@ const mapStateToProps = state => {
   return {
     colourBrandingMain: getMainBrandingColourFromState(state),
     user: state.user,
-    notificationsForComments: getSiteSettingFromState(state, 'NotificationsForComments', false)
+    notificationsForComments: getSiteSettingFromState(state, 'NotificationsForComments', false),
+    blockedUsers: state.userSettings.blockedUsers || []
   };
 };
 
-const commentSection = connect(mapStateToProps, {}, null, {
+const commentSection = connect(mapStateToProps, {
+  blockUser,
+  unblockUser
+}, null, {
   forwardRef: true
 })(CommentSection);
 export { commentSection as CommentSection };