@plusscommunities/pluss-core-app 2.0.0 → 3.0.1

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/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';

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","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,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 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"]}
+{"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/apis/index.js

@@ -5,6 +5,7 @@ export * from './contactActions';
 export * from './eventActions';
 export * from './analyticsActions';
 export * from './notificationActions';
+export * from './stringActions';
 export * from './typeActions';
 export { default as userActions } from './userActions';
 export { default as profileActions } from './profileActions';

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

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"names":["default","userActions","profileActions"],"mappings":"AAAA,cAAc,mBAAd;AACA,cAAc,eAAd;AACA,cAAc,mBAAd;AACA,cAAc,kBAAd;AACA,cAAc,gBAAd;AACA,cAAc,oBAAd;AACA,cAAc,uBAAd;AACA,cAAc,eAAd;AACA,SAASA,OAAO,IAAIC,WAApB,QAAuC,eAAvC;AACA,SAASD,OAAO,IAAIE,cAApB,QAA0C,kBAA1C","sourcesContent":["export * from './reactionActions';\nexport * from './fileActions';\nexport * from './followerActions';\nexport * from './contactActions';\nexport * from './eventActions';\nexport * from './analyticsActions';\nexport * from './notificationActions';\nexport * from './typeActions';\nexport { default as userActions } from './userActions';\nexport { default as profileActions } from './profileActions';\n"]}
+{"version":3,"sources":["index.js"],"names":["default","userActions","profileActions"],"mappings":"AAAA,cAAc,mBAAd;AACA,cAAc,eAAd;AACA,cAAc,mBAAd;AACA,cAAc,kBAAd;AACA,cAAc,gBAAd;AACA,cAAc,oBAAd;AACA,cAAc,uBAAd;AACA,cAAc,iBAAd;AACA,cAAc,eAAd;AACA,SAASA,OAAO,IAAIC,WAApB,QAAuC,eAAvC;AACA,SAASD,OAAO,IAAIE,cAApB,QAA0C,kBAA1C","sourcesContent":["export * from './reactionActions';\nexport * from './fileActions';\nexport * from './followerActions';\nexport * from './contactActions';\nexport * from './eventActions';\nexport * from './analyticsActions';\nexport * from './notificationActions';\nexport * from './stringActions';\nexport * from './typeActions';\nexport { default as userActions } from './userActions';\nexport { default as profileActions } from './profileActions';\n"]}

package/dist/module/apis/stringActions.js

@@ -0,0 +1,30 @@
+import axios from 'axios';
+import { authedFunction } from '../session';
+import { getUrl } from '../helper';
+export const stringActions = {
+  getString: (site, id, useDefault) => {
+    const url = getUrl('strings', `get/${site}_${id}`, useDefault ? {
+      useDefault
+    } : undefined);
+    return axios({
+      method: 'GET',
+      url
+    }).catch(error => {
+      console.log('getString error', error);
+      throw error;
+    });
+  },
+  setString: (site, key, value) => {
+    const url = getUrl('strings', 'set');
+    return authedFunction({
+      method: 'POST',
+      url,
+      data: {
+        site,
+        key,
+        value
+      }
+    });
+  }
+};
+//# sourceMappingURL=stringActions.js.map

package/dist/module/apis/stringActions.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["stringActions.js"],"names":["axios","authedFunction","getUrl","stringActions","getString","site","id","useDefault","url","undefined","method","catch","error","console","log","setString","key","value","data"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,cAAT,QAA+B,YAA/B;AACA,SAASC,MAAT,QAAuB,WAAvB;AAEA,OAAO,MAAMC,aAAa,GAAG;AAC3BC,EAAAA,SAAS,EAAE,CAACC,IAAD,EAAOC,EAAP,EAAWC,UAAX,KAA0B;AACnC,UAAMC,GAAG,GAAGN,MAAM,CAAC,SAAD,EAAa,OAAMG,IAAK,IAAGC,EAAG,EAA9B,EAAiCC,UAAU,GAAG;AAAEA,MAAAA;AAAF,KAAH,GAAoBE,SAA/D,CAAlB;AACA,WAAOT,KAAK,CAAC;AACXU,MAAAA,MAAM,EAAE,KADG;AAEXF,MAAAA;AAFW,KAAD,CAAL,CAGJG,KAHI,CAGEC,KAAK,IAAI;AAChBC,MAAAA,OAAO,CAACC,GAAR,CAAY,iBAAZ,EAA+BF,KAA/B;AACA,YAAMA,KAAN;AACD,KANM,CAAP;AAOD,GAV0B;AAW3BG,EAAAA,SAAS,EAAE,CAACV,IAAD,EAAOW,GAAP,EAAYC,KAAZ,KAAsB;AAC/B,UAAMT,GAAG,GAAGN,MAAM,CAAC,SAAD,EAAY,KAAZ,CAAlB;AACA,WAAOD,cAAc,CAAC;AACpBS,MAAAA,MAAM,EAAE,MADY;AAEpBF,MAAAA,GAFoB;AAGpBU,MAAAA,IAAI,EAAE;AACJb,QAAAA,IADI;AAEJW,QAAAA,GAFI;AAGJC,QAAAA;AAHI;AAHc,KAAD,CAArB;AASD;AAtB0B,CAAtB","sourcesContent":["import axios from 'axios';\nimport { authedFunction } from '../session';\nimport { getUrl } from '../helper';\n\nexport const stringActions = {\n  getString: (site, id, useDefault) => {\n    const url = getUrl('strings', `get/${site}_${id}`, useDefault ? { useDefault } : undefined);\n    return axios({\n      method: 'GET',\n      url,\n    }).catch(error => {\n      console.log('getString error', error);\n      throw error;\n    });\n  },\n  setString: (site, key, value) => {\n    const url = getUrl('strings', 'set');\n    return authedFunction({\n      method: 'POST',\n      url,\n      data: {\n        site,\n        key,\n        value,\n      },\n    });\n  },\n};\n"]}

package/dist/module/components/AutoOffsetImage.js

@@ -0,0 +1,202 @@
+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, Image, Animated, StyleSheet } from 'react-native';
+import { connect } from 'react-redux';
+import moment from 'moment';
+import { findLandmarkRange, getScaledOffset, get300, detectFaces } from '../helper';
+import { saveImagePosition } from '../actions';
+
+class AutoOffsetImage extends Component {
+  constructor(props) {
+    super(props);
+
+    _defineProperty(this, "onLoad", event => {
+      if (event.nativeEvent.source.uri !== this.props.uri) {
+        this.setState({
+          imageSource: this.props.uri
+        });
+      } // if (event.nativeEvent.source.uri === this.props.uri && !this.state.imageLoaded) {
+      //   //unblur
+      //   this.setState({
+      //     imageLoaded: true,
+      //   });
+      //   Animated.sequence([
+      //     Animated.delay(200),
+      //     Animated.timing(this.state.blurRadius, {
+      //       toValue: 0,
+      //       duration: 500,
+      //       useNativeDriver: false,
+      //     }),
+      //   ]).start();
+      // }
+
+    });
+
+    _defineProperty(this, "positionImage", async () => {
+      if (this.state.disabled) {
+        return;
+      }
+
+      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,
+          cachedValues
+        });
+        const scaledOffset = getScaledOffset(image.width, image.height, this.props.width, this.props.height);
+        const {
+          start: landmarkStart,
+          end: landmarkEnd
+        } = image;
+        const {
+          bounds: imageBounds,
+          offset,
+          width,
+          height
+        } = scaledOffset;
+
+        if (landmarkStart.y < imageBounds.start.y) {
+          // move up
+          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 + this.props.height * this.paddingFactor - this.props.height, 0); // move bottom to 5% below end of landmark
+        }
+
+        if (landmarkStart.x < imageBounds.start.x) {
+          // 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 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({
+          imageStyle: {
+            width,
+            height,
+            top: offset.y,
+            left: offset.x
+          },
+          imageSource: this.props.uri
+        });
+        const endTime = moment().valueOf();
+
+        if (endTime - startTime < 500) {
+          Animated.timing(this.state.blurRadius, {
+            toValue: 0,
+            duration: 0,
+            useNativeDriver: false
+          }).start();
+        }
+      } catch (e) {
+        this.setState({
+          imageSource: this.props.uri
+        });
+      }
+    });
+
+    this.paddingFactor = this.props.paddingFactor || 0.1;
+    this.state = {
+      imageStyle: {
+        width: this.props.width,
+        height: this.props.height
+      },
+      blurRadius: new Animated.Value(100),
+      imageSource: get300(this.props.uri),
+      disabled: true
+    };
+  }
+
+  componentDidMount() {
+    this.positionImage();
+  }
+
+  componentDidUpdate(prevProps) {
+    if (prevProps.uri !== this.props.uri || prevProps.height !== this.props.height || prevProps.width !== this.props.width) {
+      this.positionImage();
+    }
+  }
+
+  render() {
+    if (this.state.disabled) {
+      return /*#__PURE__*/React.createElement(Image, {
+        source: {
+          uri: this.state.imageSource
+        },
+        style: [styles.container, styles.staticImage, {
+          width: this.props.width,
+          height: this.props.height
+        }, this.props.style],
+        onLoad: this.onLoad
+      });
+    }
+
+    return /*#__PURE__*/React.createElement(View, {
+      style: [styles.container, {
+        width: this.props.width,
+        height: this.props.height
+      }, this.props.style]
+    }, /*#__PURE__*/React.createElement(Animated.Image, {
+      blurRadius: this.state.blurRadius,
+      source: {
+        uri: this.state.imageSource
+      },
+      style: [styles.image, this.state.imageStyle],
+      onLoad: this.onLoad
+    }), this.props.children);
+  }
+
+}
+
+const styles = StyleSheet.create({
+  container: {
+    overflow: 'hidden'
+  },
+  image: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    resizeMode: 'cover'
+  },
+  staticImage: {
+    resizeMode: 'cover'
+  }
+});
+
+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

@@ -0,0 +1 @@
+{"version":3,"sources":["AutoOffsetImage.js"],"names":["React","Component","View","Image","Animated","StyleSheet","connect","moment","findLandmarkRange","getScaledOffset","get300","detectFaces","saveImagePosition","AutoOffsetImage","constructor","props","event","nativeEvent","source","uri","setState","imageSource","state","disabled","startTime","valueOf","cachedValues","imagePositions","response","stringActions","getString","encodeURIComponent","data","e","console","log","faces","image","_","isEmpty","add","timestamp","targetWidth","width","targetHeight","height","scaledOffset","start","landmarkStart","end","landmarkEnd","bounds","imageBounds","offset","y","Math","max","paddingFactor","x","imageStyle","top","left","endTime","timing","blurRadius","toValue","duration","useNativeDriver","Value","componentDidMount","positionImage","componentDidUpdate","prevProps","render","styles","container","staticImage","style","onLoad","children","create","overflow","position","resizeMode","mapStateToProps","media","positions","autoOffsetImage"],"mappings":"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","sourcesContent":["import React, { Component } from 'react';\nimport { View, Image, 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      disabled: true,\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) {\n      this.setState({\n        imageSource: this.props.uri,\n      });\n    }\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    if (this.state.disabled) {\n      return;\n    }\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    if (this.state.disabled) {\n      return (\n        <Image\n          source={{ uri: this.state.imageSource }}\n          style={[\n            styles.container,\n            styles.staticImage,\n            {\n              width: this.props.width,\n              height: this.props.height,\n            },\n            this.props.style,\n          ]}\n          onLoad={this.onLoad}\n        />\n      );\n    }\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  staticImage: {\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

@@ -331,7 +331,9 @@ class CommentSection extends Component {
   }
 
   onGoToAdd() {
-    this.props.commentReply.focusInput();
+    var _this$props$commentRe, _this$props$commentRe2;
+
+    (_this$props$commentRe = this.props.commentReply) === null || _this$props$commentRe === void 0 ? void 0 : (_this$props$commentRe2 = _this$props$commentRe.current) === null || _this$props$commentRe2 === void 0 ? void 0 : _this$props$commentRe2.focusInput();
   }
 
   getAdjustedSize(size) {
@@ -344,13 +346,13 @@ class CommentSection extends Component {
 
   getComments() {
     if (!this.state.commentsLoadStarted) {
-      var _this$props$commentRe, _this$props$commentRe2;
+      var _this$props$commentRe3, _this$props$commentRe4;
 
       this.setState({
         commentsLoadStarted: true,
         commentsLoading: true
       });
-      (_this$props$commentRe = this.props.commentReply) === null || _this$props$commentRe === void 0 ? void 0 : (_this$props$commentRe2 = _this$props$commentRe.current) === null || _this$props$commentRe2 === void 0 ? void 0 : _this$props$commentRe2.loadingStarted();
+      (_this$props$commentRe3 = this.props.commentReply) === null || _this$props$commentRe3 === void 0 ? void 0 : (_this$props$commentRe4 = _this$props$commentRe3.current) === null || _this$props$commentRe4 === void 0 ? void 0 : _this$props$commentRe4.loadingStarted();
       this.loadComments();
     }
   }
@@ -364,7 +366,7 @@ class CommentSection extends Component {
       return c.Timestamp;
     }).Timestamp;
     reactionActions.getComments(this.props.entityId, this.props.entityType, minTime).then(res => {
-      var _this$props$commentRe3, _this$props$commentRe4;
+      var _this$props$commentRe5, _this$props$commentRe6;
 
       this.setState({
         comments: _.sortBy(_.uniqBy(_.filter(_.concat(this.state.comments, res.data), c => {
@@ -383,7 +385,7 @@ class CommentSection extends Component {
         }
       }); //if (this.props.commentReply) {
 
-      (_this$props$commentRe3 = this.props.commentReply) === null || _this$props$commentRe3 === void 0 ? void 0 : (_this$props$commentRe4 = _this$props$commentRe3.current) === null || _this$props$commentRe4 === void 0 ? void 0 : _this$props$commentRe4.loadingCompleted(); //}
+      (_this$props$commentRe5 = this.props.commentReply) === null || _this$props$commentRe5 === void 0 ? void 0 : (_this$props$commentRe6 = _this$props$commentRe5.current) === null || _this$props$commentRe6 === void 0 ? void 0 : _this$props$commentRe6.loadingCompleted(); //}
 
       if (this.props.live) {
         this.loadTimer = setTimeout(() => {