@plusscommunities/pluss-core-app 4.0.4-auth.0 → 6.0.0-auth.0

package/dist/module/components/AudienceSelectorPage.js

@@ -0,0 +1,350 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import React, { Component } from 'react';
+import { connect } from 'react-redux';
+import _ from 'lodash';
+import { TouchableOpacity, View, ScrollView, Text, StyleSheet } from 'react-native';
+import { Icon } from 'react-native-elements';
+import { Services } from '../config';
+import { FormCard } from './FormCard';
+import { FormCardSection } from './FormCardSection';
+import { InlineButton } from './InlineButton';
+import Header from './Header';
+import { Spinner } from './Spinner';
+import { TEXT_DARK, COLOUR_GREEN, BG_GREY, INACTIVE_BUTTON, TEXT_LIGHT, getMainBrandingColourFromState } from '../colours';
+import { typeActions, profileActions } from '../apis';
+class AudienceSelectorPage extends Component {
+  constructor(props) {
+    super(props);
+    _defineProperty(this, "componentDidMount", async () => {
+      try {
+        this.setState({
+          loading: true
+        });
+        await this.getUserTypes();
+        await this.getUserTags();
+        this.setState({
+          loading: false,
+          combinedList: this.getAvailableAudienceTags()
+        });
+      } catch (error) {
+        console.error('loading types error', error);
+        this.setState({
+          loading: false
+        });
+      }
+    });
+    _defineProperty(this, "getUserTypes", async () => {
+      const {
+        data
+      } = await typeActions.getUserTypes(this.props.site);
+      data.forEach(e => {
+        e.name = e.category ? `(${e.category[0].toUpperCase() + e.category.substring(1)}) ${e.displayName}` : e.displayName;
+        e.key = e.typeName;
+      });
+      // console.log('getUserTypes', data);
+      this.setState({
+        types: data
+      });
+    });
+    _defineProperty(this, "getUserTags", async () => {
+      const {
+        data
+      } = await profileActions.getUserTagsBySite(this.props.site);
+      data.forEach(e => {
+        e.name = e.Title;
+        e.key = e.Id;
+      });
+      // console.log('getUserTags', data);
+      this.setState({
+        tags: data
+      });
+    });
+    _defineProperty(this, "getAvailableAudienceTags", () => {
+      const {
+        categories,
+        types,
+        tags
+      } = this.state;
+      const {
+        audienceTypeSelection
+      } = this.props;
+      const categoryTags = categories.map(c => {
+        const Id = `category_${c.key}`;
+        return {
+          AudienceType: 'Category',
+          AudienceTypeSelection: c.key,
+          Id,
+          Title: c.name,
+          Selected: audienceTypeSelection.some(i => i.Id === Id)
+        };
+      });
+      const userTypeTags = types.map(t => {
+        const Id = `userType_${t.typeName}`;
+        return {
+          AudienceType: 'UserType',
+          AudienceTypeSelection: t.typeName,
+          Id,
+          Title: `User Type: ${t.displayName}`,
+          Selected: audienceTypeSelection.some(i => i.Id === Id)
+        };
+      });
+      const userTagTags = tags.map(t => {
+        const Id = `userTag_${t.Id}`;
+        return {
+          AudienceType: 'UserTags',
+          AudienceTypeSelection: t.Id,
+          Id,
+          Title: `User Tag: ${t.Title}`,
+          Selected: audienceTypeSelection.some(i => i.Id === Id)
+        };
+      });
+      return [...categoryTags, ...userTypeTags, ...userTagTags];
+    });
+    _defineProperty(this, "onPressBack", () => {
+      Services.navigation.goBack();
+    });
+    _defineProperty(this, "onSelectAll", () => {
+      const newList = [...this.state.combinedList];
+      newList.forEach(i => i.Selected = false);
+      this.setState({
+        combinedList: newList
+      });
+    });
+    _defineProperty(this, "onSeeAll", () => {
+      this.setState({
+        seeAll: !this.state.seeAll
+      });
+    });
+    _defineProperty(this, "onToggleAudienceOption", option => {
+      const newList = [...this.state.combinedList];
+      const selected = newList.find(i => i.Id === option.Id);
+      if (selected) {
+        selected.Selected = !selected.Selected;
+        this.setState({
+          combinedList: newList
+        });
+      }
+    });
+    _defineProperty(this, "onDone", () => {
+      if (this.props.onChange) {
+        const {
+          combinedList
+        } = this.state;
+        const selected = combinedList.filter(i => i.Selected);
+        if (selected && selected.length > 0) {
+          this.props.onChange('Custom', selected);
+        } else {
+          this.props.onChange(null, null);
+        }
+      }
+      Services.navigation.goBack();
+    });
+    this.state = {
+      loading: false,
+      categories: [{
+        name: 'All Primary Users',
+        key: 'resident'
+      }, {
+        name: 'All Staff Users',
+        key: 'staff'
+      }, {
+        name: 'All Linked Users',
+        key: 'family'
+      }],
+      types: [],
+      tags: [],
+      combinedList: [],
+      seeAll: false
+    };
+  }
+  renderOption(label, selected, onSelect, key = null, hasUnderline = true) {
+    return /*#__PURE__*/React.createElement(TouchableOpacity, {
+      key: key,
+      onPress: onSelect
+    }, /*#__PURE__*/React.createElement(FormCardSection, {
+      hasUnderline: hasUnderline,
+      hasContent: true
+    }, /*#__PURE__*/React.createElement(View, {
+      style: styles.labelContainer
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: styles.labelText
+    }, label), /*#__PURE__*/React.createElement(Icon, {
+      name: "check-circle",
+      type: "font-awesome",
+      iconStyle: [{
+        color: INACTIVE_BUTTON,
+        fontSize: 20
+      }, selected && {
+        color: COLOUR_GREEN
+      }]
+    }))));
+  }
+  renderSelectAll() {
+    const {
+      combinedList,
+      loading
+    } = this.state;
+    const allSelected = !combinedList.find(i => i.Selected);
+    if (loading) return null;
+    return /*#__PURE__*/React.createElement(FormCard, {
+      style: styles.selectAllContainer
+    }, this.renderOption('All Users', allSelected, this.onSelectAll, null, false));
+  }
+  renderSelection() {
+    const {
+      loading,
+      combinedList,
+      seeAll
+    } = this.state;
+    if (loading) return null;
+    const selectedText = combinedList.filter(i => i.Selected).map(i => i.Title).join(', ');
+    const hasSelected = !_.isEmpty(selectedText);
+    return /*#__PURE__*/React.createElement(View, {
+      style: styles.selectionContainer
+    }, /*#__PURE__*/React.createElement(View, {
+      style: styles.selectionContainerInner
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: styles.selectionTitle
+    }, "or select from below"), hasSelected ? /*#__PURE__*/React.createElement(TouchableOpacity, {
+      onPress: this.onSeeAll
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: styles.seeAllButton
+    }, seeAll ? 'See less' : 'See all')) : null), hasSelected ? /*#__PURE__*/React.createElement(Text, {
+      style: styles.selectionText,
+      numberOfLines: seeAll ? null : 1
+    }, `Current selection: ${selectedText}`) : null);
+  }
+  renderTips() {
+    return /*#__PURE__*/React.createElement(View, {
+      style: styles.tipContainer
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: styles.tipText
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: {
+        fontFamily: 'sf-semibold'
+      }
+    }, "Tip: "), "Group your users using User Tags from your website Community Manager"));
+  }
+  renderAvailableAudiences() {
+    const {
+      loading,
+      combinedList
+    } = this.state;
+    return /*#__PURE__*/React.createElement(ScrollView, {
+      style: styles.availableScrollContainer,
+      contentContainerStyle: styles.availabelScrollContent
+    }, /*#__PURE__*/React.createElement(FormCard, null, combinedList.map((option, index) => {
+      const notLast = index < combinedList.length - 1;
+      return this.renderOption(option.Title, option.Selected, () => this.onToggleAudienceOption(option), index, notLast);
+    })), loading ? /*#__PURE__*/React.createElement(Spinner, null) : null, this.renderTips());
+  }
+  renderButtons() {
+    const {
+      loading
+    } = this.state;
+    return /*#__PURE__*/React.createElement(View, {
+      style: styles.doneButtonContainer
+    }, /*#__PURE__*/React.createElement(InlineButton, {
+      color: loading ? INACTIVE_BUTTON : this.props.colourBrandingMain,
+      onPress: this.onDone,
+      touchableStyle: styles.doneButton,
+      fillTouchable: true,
+      large: true,
+      disabled: loading
+    }, "Done"));
+  }
+  render() {
+    return /*#__PURE__*/React.createElement(View, {
+      style: styles.container
+    }, /*#__PURE__*/React.createElement(Header, {
+      leftIcon: "angle-left",
+      onPressLeft: this.onPressBack,
+      text: 'Select Audience'
+    }), this.renderSelectAll(), this.renderSelection(), this.renderAvailableAudiences(), this.renderButtons());
+  }
+}
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    position: 'relative',
+    backgroundColor: BG_GREY
+  },
+  selectAllContainer: {
+    marginTop: 20
+  },
+  selectionContainer: {
+    padding: 20
+  },
+  selectionContainerInner: {
+    flexDirection: 'row',
+    justifyContent: 'space-between'
+  },
+  selectionTitle: {
+    fontFamily: 'sf-bold',
+    fontSize: 14,
+    color: TEXT_DARK
+  },
+  selectionText: {
+    fontFamily: 'sf-bold',
+    fontSize: 14,
+    color: TEXT_DARK,
+    marginTop: 10
+  },
+  seeAllButton: {
+    marginLeft: 10,
+    fontFamily: 'sf-bold',
+    fontSize: 14,
+    color: TEXT_LIGHT
+  },
+  availableScrollContainer: {
+    flex: 1
+  },
+  availabelScrollContent: {
+    flexGrow: 1,
+    justifyContent: 'space-between',
+    flexDirection: 'column'
+  },
+  tipContainer: {
+    padding: 10
+  },
+  tipText: {
+    fontSize: 14,
+    fontFamily: 'sf-regular',
+    color: TEXT_DARK
+  },
+  labelContainer: {
+    flexDirection: 'row',
+    justifyContent: 'space-between'
+  },
+  labelText: {
+    fontFamily: 'sf-medium',
+    fontSize: 16,
+    color: TEXT_DARK
+  },
+  description: {
+    marginTop: 5,
+    fontSize: 14,
+    fontFamily: 'sf-regular',
+    color: TEXT_DARK
+  },
+  doneButtonContainer: {
+    backgroundColor: '#fff',
+    marginTop: 1,
+    flexDirection: 'row',
+    paddingTop: 10,
+    paddingBottom: 20
+  },
+  doneButton: {
+    flex: 1,
+    marginHorizontal: 6
+  }
+});
+const mapStateToProps = state => {
+  return {
+    colourBrandingMain: getMainBrandingColourFromState(state)
+  };
+};
+export default connect(mapStateToProps, {})(AudienceSelectorPage);
+//# sourceMappingURL=AudienceSelectorPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Component","connect","_","TouchableOpacity","View","ScrollView","Text","StyleSheet","Icon","Services","FormCard","FormCardSection","InlineButton","Header","Spinner","TEXT_DARK","COLOUR_GREEN","BG_GREY","INACTIVE_BUTTON","TEXT_LIGHT","getMainBrandingColourFromState","typeActions","profileActions","AudienceSelectorPage","constructor","props","_defineProperty","setState","loading","getUserTypes","getUserTags","combinedList","getAvailableAudienceTags","error","console","data","site","forEach","e","name","category","toUpperCase","substring","displayName","key","typeName","types","getUserTagsBySite","Title","Id","tags","categories","state","audienceTypeSelection","categoryTags","map","c","AudienceType","AudienceTypeSelection","Selected","some","i","userTypeTags","t","userTagTags","navigation","goBack","newList","seeAll","option","selected","find","onChange","filter","length","renderOption","label","onSelect","hasUnderline","createElement","onPress","hasContent","style","styles","labelContainer","labelText","type","iconStyle","color","fontSize","renderSelectAll","allSelected","selectAllContainer","onSelectAll","renderSelection","selectedText","join","hasSelected","isEmpty","selectionContainer","selectionContainerInner","selectionTitle","onSeeAll","seeAllButton","selectionText","numberOfLines","renderTips","tipContainer","tipText","fontFamily","renderAvailableAudiences","availableScrollContainer","contentContainerStyle","availabelScrollContent","index","notLast","onToggleAudienceOption","renderButtons","doneButtonContainer","colourBrandingMain","onDone","touchableStyle","doneButton","fillTouchable","large","disabled","render","container","leftIcon","onPressLeft","onPressBack","text","create","flex","position","backgroundColor","marginTop","padding","flexDirection","justifyContent","marginLeft","flexGrow","description","paddingTop","paddingBottom","marginHorizontal","mapStateToProps"],"sources":["AudienceSelectorPage.js"],"sourcesContent":["import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport _ from 'lodash';\nimport { TouchableOpacity, View, ScrollView, Text, StyleSheet } from 'react-native';\nimport { Icon } from 'react-native-elements';\nimport { Services } from '../config';\nimport { FormCard } from './FormCard';\nimport { FormCardSection } from './FormCardSection';\nimport { InlineButton } from './InlineButton';\nimport Header from './Header';\nimport { Spinner } from './Spinner';\nimport { TEXT_DARK, COLOUR_GREEN, BG_GREY, INACTIVE_BUTTON, TEXT_LIGHT, getMainBrandingColourFromState } from '../colours';\nimport { typeActions, profileActions } from '../apis';\n\nclass AudienceSelectorPage extends Component {\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      loading: false,\n      categories: [\n        {\n          name: 'All Primary Users',\n          key: 'resident',\n        },\n        {\n          name: 'All Staff Users',\n          key: 'staff',\n        },\n        {\n          name: 'All Linked Users',\n          key: 'family',\n        },\n      ],\n      types: [],\n      tags: [],\n      combinedList: [],\n      seeAll: false,\n    };\n  }\n\n  componentDidMount = async () => {\n    try {\n      this.setState({ loading: true });\n      await this.getUserTypes();\n      await this.getUserTags();\n      this.setState({ loading: false, combinedList: this.getAvailableAudienceTags() });\n    } catch (error) {\n      console.error('loading types error', error);\n      this.setState({ loading: false });\n    }\n  };\n\n  getUserTypes = async () => {\n    const { data } = await typeActions.getUserTypes(this.props.site);\n    data.forEach(e => {\n      e.name = e.category ? `(${e.category[0].toUpperCase() + e.category.substring(1)}) ${e.displayName}` : e.displayName;\n      e.key = e.typeName;\n    });\n    // console.log('getUserTypes', data);\n    this.setState({ types: data });\n  };\n\n  getUserTags = async () => {\n    const { data } = await profileActions.getUserTagsBySite(this.props.site);\n    data.forEach(e => {\n      e.name = e.Title;\n      e.key = e.Id;\n    });\n    // console.log('getUserTags', data);\n    this.setState({ tags: data });\n  };\n\n  getAvailableAudienceTags = () => {\n    const { categories, types, tags } = this.state;\n    const { audienceTypeSelection } = this.props;\n\n    const categoryTags = categories.map(c => {\n      const Id = `category_${c.key}`;\n      return {\n        AudienceType: 'Category',\n        AudienceTypeSelection: c.key,\n        Id,\n        Title: c.name,\n        Selected: audienceTypeSelection.some(i => i.Id === Id),\n      };\n    });\n    const userTypeTags = types.map(t => {\n      const Id = `userType_${t.typeName}`;\n      return {\n        AudienceType: 'UserType',\n        AudienceTypeSelection: t.typeName,\n        Id,\n        Title: `User Type: ${t.displayName}`,\n        Selected: audienceTypeSelection.some(i => i.Id === Id),\n      };\n    });\n    const userTagTags = tags.map(t => {\n      const Id = `userTag_${t.Id}`;\n      return {\n        AudienceType: 'UserTags',\n        AudienceTypeSelection: t.Id,\n        Id,\n        Title: `User Tag: ${t.Title}`,\n        Selected: audienceTypeSelection.some(i => i.Id === Id),\n      };\n    });\n    return [...categoryTags, ...userTypeTags, ...userTagTags];\n  };\n\n  onPressBack = () => {\n    Services.navigation.goBack();\n  };\n\n  onSelectAll = () => {\n    const newList = [...this.state.combinedList];\n    newList.forEach(i => (i.Selected = false));\n    this.setState({ combinedList: newList });\n  };\n\n  onSeeAll = () => {\n    this.setState({ seeAll: !this.state.seeAll });\n  };\n\n  onToggleAudienceOption = option => {\n    const newList = [...this.state.combinedList];\n    const selected = newList.find(i => i.Id === option.Id);\n    if (selected) {\n      selected.Selected = !selected.Selected;\n      this.setState({ combinedList: newList });\n    }\n  };\n\n  onDone = () => {\n    if (this.props.onChange) {\n      const { combinedList } = this.state;\n      const selected = combinedList.filter(i => i.Selected);\n      if (selected && selected.length > 0) {\n        this.props.onChange('Custom', selected);\n      } else {\n        this.props.onChange(null, null);\n      }\n    }\n    Services.navigation.goBack();\n  };\n\n  renderOption(label, selected, onSelect, key = null, hasUnderline = true) {\n    return (\n      <TouchableOpacity key={key} onPress={onSelect}>\n        <FormCardSection hasUnderline={hasUnderline} hasContent>\n          <View style={styles.labelContainer}>\n            <Text style={styles.labelText}>{label}</Text>\n            <Icon\n              name=\"check-circle\"\n              type=\"font-awesome\"\n              iconStyle={[{ color: INACTIVE_BUTTON, fontSize: 20 }, selected && { color: COLOUR_GREEN }]}\n            />\n          </View>\n        </FormCardSection>\n      </TouchableOpacity>\n    );\n  }\n\n  renderSelectAll() {\n    const { combinedList, loading } = this.state;\n    const allSelected = !combinedList.find(i => i.Selected);\n    if (loading) return null;\n\n    return (\n      <FormCard style={styles.selectAllContainer}>{this.renderOption('All Users', allSelected, this.onSelectAll, null, false)}</FormCard>\n    );\n  }\n\n  renderSelection() {\n    const { loading, combinedList, seeAll } = this.state;\n    if (loading) return null;\n\n    const selectedText = combinedList\n      .filter(i => i.Selected)\n      .map(i => i.Title)\n      .join(', ');\n    const hasSelected = !_.isEmpty(selectedText);\n\n    return (\n      <View style={styles.selectionContainer}>\n        <View style={styles.selectionContainerInner}>\n          <Text style={styles.selectionTitle}>or select from below</Text>\n          {hasSelected ? (\n            <TouchableOpacity onPress={this.onSeeAll}>\n              <Text style={styles.seeAllButton}>{seeAll ? 'See less' : 'See all'}</Text>\n            </TouchableOpacity>\n          ) : null}\n        </View>\n        {hasSelected ? (\n          <Text style={styles.selectionText} numberOfLines={seeAll ? null : 1}>{`Current selection: ${selectedText}`}</Text>\n        ) : null}\n      </View>\n    );\n  }\n\n  renderTips() {\n    return (\n      <View style={styles.tipContainer}>\n        <Text style={styles.tipText}>\n          <Text style={{ fontFamily: 'sf-semibold' }}>Tip: </Text>\n          Group your users using User Tags from your website Community Manager\n        </Text>\n      </View>\n    );\n  }\n\n  renderAvailableAudiences() {\n    const { loading, combinedList } = this.state;\n\n    return (\n      <ScrollView style={styles.availableScrollContainer} contentContainerStyle={styles.availabelScrollContent}>\n        <FormCard>\n          {combinedList.map((option, index) => {\n            const notLast = index < combinedList.length - 1;\n            return this.renderOption(option.Title, option.Selected, () => this.onToggleAudienceOption(option), index, notLast);\n          })}\n        </FormCard>\n        {loading ? <Spinner /> : null}\n        {this.renderTips()}\n      </ScrollView>\n    );\n  }\n\n  renderButtons() {\n    const { loading } = this.state;\n\n    return (\n      <View style={styles.doneButtonContainer}>\n        <InlineButton\n          color={loading ? INACTIVE_BUTTON : this.props.colourBrandingMain}\n          onPress={this.onDone}\n          touchableStyle={styles.doneButton}\n          fillTouchable\n          large\n          disabled={loading}\n        >\n          Done\n        </InlineButton>\n      </View>\n    );\n  }\n\n  render() {\n    return (\n      <View style={styles.container}>\n        <Header leftIcon=\"angle-left\" onPressLeft={this.onPressBack} text={'Select Audience'} />\n        {this.renderSelectAll()}\n        {this.renderSelection()}\n        {this.renderAvailableAudiences()}\n        {this.renderButtons()}\n      </View>\n    );\n  }\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n    position: 'relative',\n    backgroundColor: BG_GREY,\n  },\n  selectAllContainer: {\n    marginTop: 20,\n  },\n  selectionContainer: {\n    padding: 20,\n  },\n  selectionContainerInner: {\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n  },\n  selectionTitle: {\n    fontFamily: 'sf-bold',\n    fontSize: 14,\n    color: TEXT_DARK,\n  },\n  selectionText: {\n    fontFamily: 'sf-bold',\n    fontSize: 14,\n    color: TEXT_DARK,\n    marginTop: 10,\n  },\n  seeAllButton: {\n    marginLeft: 10,\n    fontFamily: 'sf-bold',\n    fontSize: 14,\n    color: TEXT_LIGHT,\n  },\n  availableScrollContainer: {\n    flex: 1,\n  },\n  availabelScrollContent: {\n    flexGrow: 1,\n    justifyContent: 'space-between',\n    flexDirection: 'column',\n  },\n  tipContainer: {\n    padding: 10,\n  },\n  tipText: {\n    fontSize: 14,\n    fontFamily: 'sf-regular',\n    color: TEXT_DARK,\n  },\n  labelContainer: {\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n  },\n  labelText: {\n    fontFamily: 'sf-medium',\n    fontSize: 16,\n    color: TEXT_DARK,\n  },\n  description: {\n    marginTop: 5,\n    fontSize: 14,\n    fontFamily: 'sf-regular',\n    color: TEXT_DARK,\n  },\n  doneButtonContainer: {\n    backgroundColor: '#fff',\n    marginTop: 1,\n    flexDirection: 'row',\n    paddingTop: 10,\n    paddingBottom: 20,\n  },\n  doneButton: {\n    flex: 1,\n    marginHorizontal: 6,\n  },\n});\n\nconst mapStateToProps = state => {\n  return {\n    colourBrandingMain: getMainBrandingColourFromState(state),\n  };\n};\n\nexport default connect(mapStateToProps, {})(AudienceSelectorPage);\n"],"mappings":"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"}

package/dist/module/components/AutoOffsetImage.js

@@ -0,0 +1,186 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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(View, {
+        style: [styles.container, {
+          width: this.props.width,
+          height: this.props.height
+        }, this.props.style]
+      }, /*#__PURE__*/React.createElement(Image, {
+        source: {
+          uri: this.state.imageSource
+        },
+        style: [styles.image, this.state.imageStyle],
+        onLoad: this.onLoad
+      }), this.props.children);
+    }
+    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,"names":["React","Component","View","Image","Animated","StyleSheet","connect","moment","findLandmarkRange","getScaledOffset","get300","detectFaces","saveImagePosition","AutoOffsetImage","constructor","props","_defineProperty","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","createElement","style","styles","container","onLoad","children","create","overflow","position","resizeMode","staticImage","mapStateToProps","media","positions","autoOffsetImage"],"sources":["AutoOffsetImage.js"],"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        <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          <Image source={{ uri: this.state.imageSource }} style={[styles.image, this.state.imageStyle]} onLoad={this.onLoad} />\n          {this.props.children}\n        </View>\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"],"mappings":"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"}

package/dist/module/components/BackButton.js

@@ -0,0 +1,58 @@
+import React, { PureComponent } from 'react';
+import { View, TouchableOpacity } from 'react-native';
+import { connect } from 'react-redux';
+import stylez from '../styles';
+import { Pl60Icon } from '../fonts';
+import { getMainBrandingColourFromState } from '../colours';
+
+/* 
+Props- 
+    onPress - onPress action
+    diameter - size of button
+    color - default will be aveoMain
+    style - custom style for container
+*/
+
+class BackButton extends PureComponent {
+  render() {
+    const size = this.props.diameter || 32;
+    const radius = size / 2;
+    if (this.props.noClick) {
+      return /*#__PURE__*/React.createElement(View, {
+        style: [stylez.backButton, {
+          backgroundColor: this.props.colourBrandingMain,
+          height: size,
+          width: size,
+          borderRadius: radius
+        }, this.props.color && {
+          backgroundColor: this.props.color
+        }, this.props.style]
+      }, /*#__PURE__*/React.createElement(Pl60Icon, {
+        name: this.props.flipped ? 'chevron_right' : 'chevron_left',
+        style: [stylez.backButtonIcon, this.props.iconStyle]
+      }));
+    }
+    return /*#__PURE__*/React.createElement(TouchableOpacity, {
+      style: [stylez.backButton, {
+        backgroundColor: this.props.colourBrandingMain,
+        height: size,
+        width: size,
+        borderRadius: radius
+      }, this.props.color && {
+        backgroundColor: this.props.color
+      }, this.props.style],
+      onPress: this.props.onPress
+    }, /*#__PURE__*/React.createElement(Pl60Icon, {
+      name: this.props.flipped ? 'chevron_right' : 'chevron_left',
+      style: [stylez.backButtonIcon, this.props.iconStyle]
+    }));
+  }
+}
+const mapStateToProps = state => {
+  return {
+    colourBrandingMain: getMainBrandingColourFromState(state)
+  };
+};
+const backButton = connect(mapStateToProps, {})(BackButton);
+export { backButton as BackButton };
+//# sourceMappingURL=BackButton.js.map