@plusscommunities/pluss-core-app 8.0.29 → 8.0.35

package/dist/module/components/AudienceSelectorPage.js

@@ -0,0 +1,351 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React, { Component } from "react";
+import { Text } from "@plusscommunities/pluss-core-app/components";
+import { connect } from "react-redux";
+import _ from "lodash";
+import { TouchableOpacity, View, ScrollView, StyleSheet } from "react-native";
+import { Icon } from "@rneui/themed";
+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","Text","connect","_","TouchableOpacity","View","ScrollView","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 { Text } from \"@plusscommunities/pluss-core-app/components\";\nimport { connect } from \"react-redux\";\nimport _ from \"lodash\";\nimport { TouchableOpacity, View, ScrollView, StyleSheet } from \"react-native\";\nimport { Icon } from \"@rneui/themed\";\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 {\n\tTEXT_DARK,\n\tCOLOUR_GREEN,\n\tBG_GREY,\n\tINACTIVE_BUTTON,\n\tTEXT_LIGHT,\n\tgetMainBrandingColourFromState,\n} from \"../colours\";\nimport { typeActions, profileActions } from \"../apis\";\n\nclass AudienceSelectorPage extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tloading: false,\n\t\t\tcategories: [\n\t\t\t\t{\n\t\t\t\t\tname: \"All Primary Users\",\n\t\t\t\t\tkey: \"resident\",\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tname: \"All Staff Users\",\n\t\t\t\t\tkey: \"staff\",\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tname: \"All Linked Users\",\n\t\t\t\t\tkey: \"family\",\n\t\t\t\t},\n\t\t\t],\n\t\t\ttypes: [],\n\t\t\ttags: [],\n\t\t\tcombinedList: [],\n\t\t\tseeAll: false,\n\t\t};\n\t}\n\n\tcomponentDidMount = async () => {\n\t\ttry {\n\t\t\tthis.setState({ loading: true });\n\t\t\tawait this.getUserTypes();\n\t\t\tawait this.getUserTags();\n\t\t\tthis.setState({\n\t\t\t\tloading: false,\n\t\t\t\tcombinedList: this.getAvailableAudienceTags(),\n\t\t\t});\n\t\t} catch (error) {\n\t\t\tconsole.error(\"loading types error\", error);\n\t\t\tthis.setState({ loading: false });\n\t\t}\n\t};\n\n\tgetUserTypes = async () => {\n\t\tconst { data } = await typeActions.getUserTypes(this.props.site);\n\t\tdata.forEach((e) => {\n\t\t\te.name = e.category\n\t\t\t\t? `(${e.category[0].toUpperCase() + e.category.substring(1)}) ${e.displayName}`\n\t\t\t\t: e.displayName;\n\t\t\te.key = e.typeName;\n\t\t});\n\t\t// console.log('getUserTypes', data);\n\t\tthis.setState({ types: data });\n\t};\n\n\tgetUserTags = async () => {\n\t\tconst { data } = await profileActions.getUserTagsBySite(this.props.site);\n\t\tdata.forEach((e) => {\n\t\t\te.name = e.Title;\n\t\t\te.key = e.Id;\n\t\t});\n\t\t// console.log('getUserTags', data);\n\t\tthis.setState({ tags: data });\n\t};\n\n\tgetAvailableAudienceTags = () => {\n\t\tconst { categories, types, tags } = this.state;\n\t\tconst { audienceTypeSelection } = this.props;\n\n\t\tconst categoryTags = categories.map((c) => {\n\t\t\tconst Id = `category_${c.key}`;\n\t\t\treturn {\n\t\t\t\tAudienceType: \"Category\",\n\t\t\t\tAudienceTypeSelection: c.key,\n\t\t\t\tId,\n\t\t\t\tTitle: c.name,\n\t\t\t\tSelected: audienceTypeSelection.some((i) => i.Id === Id),\n\t\t\t};\n\t\t});\n\t\tconst userTypeTags = types.map((t) => {\n\t\t\tconst Id = `userType_${t.typeName}`;\n\t\t\treturn {\n\t\t\t\tAudienceType: \"UserType\",\n\t\t\t\tAudienceTypeSelection: t.typeName,\n\t\t\t\tId,\n\t\t\t\tTitle: `User Type: ${t.displayName}`,\n\t\t\t\tSelected: audienceTypeSelection.some((i) => i.Id === Id),\n\t\t\t};\n\t\t});\n\t\tconst userTagTags = tags.map((t) => {\n\t\t\tconst Id = `userTag_${t.Id}`;\n\t\t\treturn {\n\t\t\t\tAudienceType: \"UserTags\",\n\t\t\t\tAudienceTypeSelection: t.Id,\n\t\t\t\tId,\n\t\t\t\tTitle: `User Tag: ${t.Title}`,\n\t\t\t\tSelected: audienceTypeSelection.some((i) => i.Id === Id),\n\t\t\t};\n\t\t});\n\t\treturn [...categoryTags, ...userTypeTags, ...userTagTags];\n\t};\n\n\tonPressBack = () => {\n\t\tServices.navigation.goBack();\n\t};\n\n\tonSelectAll = () => {\n\t\tconst newList = [...this.state.combinedList];\n\t\tnewList.forEach((i) => (i.Selected = false));\n\t\tthis.setState({ combinedList: newList });\n\t};\n\n\tonSeeAll = () => {\n\t\tthis.setState({ seeAll: !this.state.seeAll });\n\t};\n\n\tonToggleAudienceOption = (option) => {\n\t\tconst newList = [...this.state.combinedList];\n\t\tconst selected = newList.find((i) => i.Id === option.Id);\n\t\tif (selected) {\n\t\t\tselected.Selected = !selected.Selected;\n\t\t\tthis.setState({ combinedList: newList });\n\t\t}\n\t};\n\n\tonDone = () => {\n\t\tif (this.props.onChange) {\n\t\t\tconst { combinedList } = this.state;\n\t\t\tconst selected = combinedList.filter((i) => i.Selected);\n\t\t\tif (selected && selected.length > 0) {\n\t\t\t\tthis.props.onChange(\"Custom\", selected);\n\t\t\t} else {\n\t\t\t\tthis.props.onChange(null, null);\n\t\t\t}\n\t\t}\n\t\tServices.navigation.goBack();\n\t};\n\n\trenderOption(label, selected, onSelect, key = null, hasUnderline = true) {\n\t\treturn (\n\t\t\t<TouchableOpacity key={key} onPress={onSelect}>\n\t\t\t\t<FormCardSection hasUnderline={hasUnderline} hasContent>\n\t\t\t\t\t<View style={styles.labelContainer}>\n\t\t\t\t\t\t<Text style={styles.labelText}>{label}</Text>\n\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\tname=\"check-circle\"\n\t\t\t\t\t\t\ttype=\"font-awesome\"\n\t\t\t\t\t\t\ticonStyle={[\n\t\t\t\t\t\t\t\t{ color: INACTIVE_BUTTON, fontSize: 20 },\n\t\t\t\t\t\t\t\tselected && { color: COLOUR_GREEN },\n\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</View>\n\t\t\t\t</FormCardSection>\n\t\t\t</TouchableOpacity>\n\t\t);\n\t}\n\n\trenderSelectAll() {\n\t\tconst { combinedList, loading } = this.state;\n\t\tconst allSelected = !combinedList.find((i) => i.Selected);\n\t\tif (loading) return null;\n\n\t\treturn (\n\t\t\t<FormCard style={styles.selectAllContainer}>\n\t\t\t\t{this.renderOption(\n\t\t\t\t\t\"All Users\",\n\t\t\t\t\tallSelected,\n\t\t\t\t\tthis.onSelectAll,\n\t\t\t\t\tnull,\n\t\t\t\t\tfalse,\n\t\t\t\t)}\n\t\t\t</FormCard>\n\t\t);\n\t}\n\n\trenderSelection() {\n\t\tconst { loading, combinedList, seeAll } = this.state;\n\t\tif (loading) return null;\n\n\t\tconst selectedText = combinedList\n\t\t\t.filter((i) => i.Selected)\n\t\t\t.map((i) => i.Title)\n\t\t\t.join(\", \");\n\t\tconst hasSelected = !_.isEmpty(selectedText);\n\n\t\treturn (\n\t\t\t<View style={styles.selectionContainer}>\n\t\t\t\t<View style={styles.selectionContainerInner}>\n\t\t\t\t\t<Text style={styles.selectionTitle}>or select from below</Text>\n\t\t\t\t\t{hasSelected ? (\n\t\t\t\t\t\t<TouchableOpacity onPress={this.onSeeAll}>\n\t\t\t\t\t\t\t<Text style={styles.seeAllButton}>\n\t\t\t\t\t\t\t\t{seeAll ? \"See less\" : \"See all\"}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t</TouchableOpacity>\n\t\t\t\t\t) : null}\n\t\t\t\t</View>\n\t\t\t\t{hasSelected ? (\n\t\t\t\t\t<Text\n\t\t\t\t\t\tstyle={styles.selectionText}\n\t\t\t\t\t\tnumberOfLines={seeAll ? null : 1}\n\t\t\t\t\t>{`Current selection: ${selectedText}`}</Text>\n\t\t\t\t) : null}\n\t\t\t</View>\n\t\t);\n\t}\n\n\trenderTips() {\n\t\treturn (\n\t\t\t<View style={styles.tipContainer}>\n\t\t\t\t<Text style={styles.tipText}>\n\t\t\t\t\t<Text style={{ fontFamily: \"sf-semibold\" }}>Tip: </Text>\n\t\t\t\t\tGroup your users using User Tags from your website Community Manager\n\t\t\t\t</Text>\n\t\t\t</View>\n\t\t);\n\t}\n\n\trenderAvailableAudiences() {\n\t\tconst { loading, combinedList } = this.state;\n\n\t\treturn (\n\t\t\t<ScrollView\n\t\t\t\tstyle={styles.availableScrollContainer}\n\t\t\t\tcontentContainerStyle={styles.availabelScrollContent}\n\t\t\t>\n\t\t\t\t<FormCard>\n\t\t\t\t\t{combinedList.map((option, index) => {\n\t\t\t\t\t\tconst notLast = index < combinedList.length - 1;\n\t\t\t\t\t\treturn this.renderOption(\n\t\t\t\t\t\t\toption.Title,\n\t\t\t\t\t\t\toption.Selected,\n\t\t\t\t\t\t\t() => this.onToggleAudienceOption(option),\n\t\t\t\t\t\t\tindex,\n\t\t\t\t\t\t\tnotLast,\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t</FormCard>\n\t\t\t\t{loading ? <Spinner /> : null}\n\t\t\t\t{this.renderTips()}\n\t\t\t</ScrollView>\n\t\t);\n\t}\n\n\trenderButtons() {\n\t\tconst { loading } = this.state;\n\n\t\treturn (\n\t\t\t<View style={styles.doneButtonContainer}>\n\t\t\t\t<InlineButton\n\t\t\t\t\tcolor={loading ? INACTIVE_BUTTON : this.props.colourBrandingMain}\n\t\t\t\t\tonPress={this.onDone}\n\t\t\t\t\ttouchableStyle={styles.doneButton}\n\t\t\t\t\tfillTouchable\n\t\t\t\t\tlarge\n\t\t\t\t\tdisabled={loading}\n\t\t\t\t>\n\t\t\t\t\tDone\n\t\t\t\t</InlineButton>\n\t\t\t</View>\n\t\t);\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<View style={styles.container}>\n\t\t\t\t<Header\n\t\t\t\t\tleftIcon=\"angle-left\"\n\t\t\t\t\tonPressLeft={this.onPressBack}\n\t\t\t\t\ttext={\"Select Audience\"}\n\t\t\t\t/>\n\t\t\t\t{this.renderSelectAll()}\n\t\t\t\t{this.renderSelection()}\n\t\t\t\t{this.renderAvailableAudiences()}\n\t\t\t\t{this.renderButtons()}\n\t\t\t</View>\n\t\t);\n\t}\n}\n\nconst styles = StyleSheet.create({\n\tcontainer: {\n\t\tflex: 1,\n\t\tposition: \"relative\",\n\t\tbackgroundColor: BG_GREY,\n\t},\n\tselectAllContainer: {\n\t\tmarginTop: 20,\n\t},\n\tselectionContainer: {\n\t\tpadding: 20,\n\t},\n\tselectionContainerInner: {\n\t\tflexDirection: \"row\",\n\t\tjustifyContent: \"space-between\",\n\t},\n\tselectionTitle: {\n\t\tfontFamily: \"sf-bold\",\n\t\tfontSize: 14,\n\t\tcolor: TEXT_DARK,\n\t},\n\tselectionText: {\n\t\tfontFamily: \"sf-bold\",\n\t\tfontSize: 14,\n\t\tcolor: TEXT_DARK,\n\t\tmarginTop: 10,\n\t},\n\tseeAllButton: {\n\t\tmarginLeft: 10,\n\t\tfontFamily: \"sf-bold\",\n\t\tfontSize: 14,\n\t\tcolor: TEXT_LIGHT,\n\t},\n\tavailableScrollContainer: {\n\t\tflex: 1,\n\t},\n\tavailabelScrollContent: {\n\t\tflexGrow: 1,\n\t\tjustifyContent: \"space-between\",\n\t\tflexDirection: \"column\",\n\t},\n\ttipContainer: {\n\t\tpadding: 10,\n\t},\n\ttipText: {\n\t\tfontSize: 14,\n\t\tfontFamily: \"sf-regular\",\n\t\tcolor: TEXT_DARK,\n\t},\n\tlabelContainer: {\n\t\tflexDirection: \"row\",\n\t\tjustifyContent: \"space-between\",\n\t},\n\tlabelText: {\n\t\tfontFamily: \"sf-medium\",\n\t\tfontSize: 16,\n\t\tcolor: TEXT_DARK,\n\t},\n\tdescription: {\n\t\tmarginTop: 5,\n\t\tfontSize: 14,\n\t\tfontFamily: \"sf-regular\",\n\t\tcolor: TEXT_DARK,\n\t},\n\tdoneButtonContainer: {\n\t\tbackgroundColor: \"#fff\",\n\t\tmarginTop: 1,\n\t\tflexDirection: \"row\",\n\t\tpaddingTop: 10,\n\t\tpaddingBottom: 20,\n\t},\n\tdoneButton: {\n\t\tflex: 1,\n\t\tmarginHorizontal: 6,\n\t},\n});\n\nconst mapStateToProps = (state) => {\n\treturn {\n\t\tcolourBrandingMain: getMainBrandingColourFromState(state),\n\t};\n};\n\nexport default connect(mapStateToProps, {})(AudienceSelectorPage);\n"],"mappings":"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","ignoreList":[]}

package/dist/module/components/AutoOffsetImage.js

@@ -0,0 +1,184 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+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 {\n\tfindLandmarkRange,\n\tgetScaledOffset,\n\tget300,\n\tdetectFaces,\n} from \"../helper\";\nimport { saveImagePosition } from \"../actions\";\n\nclass AutoOffsetImage extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.paddingFactor = this.props.paddingFactor || 0.1;\n\n\t\tthis.state = {\n\t\t\timageStyle: {\n\t\t\t\twidth: this.props.width,\n\t\t\t\theight: this.props.height,\n\t\t\t},\n\t\t\tblurRadius: new Animated.Value(100),\n\t\t\timageSource: get300(this.props.uri),\n\t\t\tdisabled: true,\n\t\t};\n\t}\n\n\tcomponentDidMount() {\n\t\tthis.positionImage();\n\t}\n\n\tcomponentDidUpdate(prevProps) {\n\t\tif (\n\t\t\tprevProps.uri !== this.props.uri ||\n\t\t\tprevProps.height !== this.props.height ||\n\t\t\tprevProps.width !== this.props.width\n\t\t) {\n\t\t\tthis.positionImage();\n\t\t}\n\t}\n\n\tonLoad = (event) => {\n\t\tif (event.nativeEvent.source.uri !== this.props.uri) {\n\t\t\tthis.setState({\n\t\t\t\timageSource: this.props.uri,\n\t\t\t});\n\t\t}\n\t\t// if (event.nativeEvent.source.uri === this.props.uri && !this.state.imageLoaded) {\n\t\t//   //unblur\n\t\t//   this.setState({\n\t\t//     imageLoaded: true,\n\t\t//   });\n\t\t//   Animated.sequence([\n\t\t//     Animated.delay(200),\n\t\t//     Animated.timing(this.state.blurRadius, {\n\t\t//       toValue: 0,\n\t\t//       duration: 500,\n\t\t//       useNativeDriver: false,\n\t\t//     }),\n\t\t//   ]).start();\n\t\t// }\n\t};\n\n\tpositionImage = async () => {\n\t\tif (this.state.disabled) {\n\t\t\treturn;\n\t\t}\n\t\ttry {\n\t\t\tconst startTime = moment().valueOf();\n\n\t\t\tlet cachedValues;\n\t\t\t// check local cache\n\t\t\tif (\n\t\t\t\tthis.props.imagePositions &&\n\t\t\t\tthis.props.imagePositions[this.props.uri]\n\t\t\t) {\n\t\t\t\tcachedValues = this.props.imagePositions[this.props.uri];\n\t\t\t}\n\t\t\t// check remote cache\n\t\t\tif (!cachedValues) {\n\t\t\t\ttry {\n\t\t\t\t\tconst response = await stringActions.getString(\n\t\t\t\t\t\t\"plussSpace\",\n\t\t\t\t\t\t`imagefaces_${encodeURIComponent(this.props.uri)}`,\n\t\t\t\t\t);\n\t\t\t\t\tcachedValues = response.data;\n\t\t\t\t} catch (e) {\n\t\t\t\t\tconsole.log(\"errored from cache\");\n\t\t\t\t}\n\t\t\t\t// run face detection locally\n\t\t\t\tif (\n\t\t\t\t\t!cachedValues ||\n\t\t\t\t\t!cachedValues.faces ||\n\t\t\t\t\t!cachedValues.image ||\n\t\t\t\t\t(_.isEmpty(cachedValues.faces) &&\n\t\t\t\t\t\tmoment().add(-1, \"w\").valueOf() >\n\t\t\t\t\t\t\tmoment(cachedValues.timestamp).valueOf())\n\t\t\t\t) {\n\t\t\t\t\tcachedValues = await detectFaces(this.props.uri);\n\t\t\t\t}\n\t\t\t\tthis.props.saveImagePosition(this.props.uri, cachedValues);\n\t\t\t}\n\n\t\t\tconst image = await findLandmarkRange(this.props.uri, {\n\t\t\t\ttargetWidth: this.props.width,\n\t\t\t\ttargetHeight: this.props.height,\n\t\t\t\tcachedValues,\n\t\t\t});\n\t\t\tconst scaledOffset = getScaledOffset(\n\t\t\t\timage.width,\n\t\t\t\timage.height,\n\t\t\t\tthis.props.width,\n\t\t\t\tthis.props.height,\n\t\t\t);\n\n\t\t\tconst { start: landmarkStart, end: landmarkEnd } = image;\n\t\t\tconst { bounds: imageBounds, offset, width, height } = scaledOffset;\n\n\t\t\tif (landmarkStart.y < imageBounds.start.y) {\n\t\t\t\t// move up\n\t\t\t\toffset.y = -Math.max(\n\t\t\t\t\tlandmarkStart.y - this.props.height * this.paddingFactor,\n\t\t\t\t\t0,\n\t\t\t\t); // move top to 5% above start of landmark\n\t\t\t} else if (landmarkEnd.y > imageBounds.end.y) {\n\t\t\t\t// move down\n\t\t\t\toffset.y = -Math.max(\n\t\t\t\t\tlandmarkEnd.y +\n\t\t\t\t\t\tthis.props.height * this.paddingFactor -\n\t\t\t\t\t\tthis.props.height,\n\t\t\t\t\t0,\n\t\t\t\t); // move bottom to 5% below end of landmark\n\t\t\t}\n\n\t\t\tif (landmarkStart.x < imageBounds.start.x) {\n\t\t\t\t// move right\n\t\t\t\toffset.x = -Math.max(\n\t\t\t\t\tlandmarkStart.x - this.props.width * this.paddingFactor,\n\t\t\t\t\t0,\n\t\t\t\t); // move left edge to 5% left of start of landmark\n\t\t\t} else if (landmarkEnd.x > imageBounds.end.x) {\n\t\t\t\t// move left\n\t\t\t\toffset.x = -Math.max(\n\t\t\t\t\tlandmarkEnd.x +\n\t\t\t\t\t\tthis.props.width * this.paddingFactor -\n\t\t\t\t\t\tthis.props.width,\n\t\t\t\t\t0,\n\t\t\t\t); // move right edge to 5% left of end of landmark\n\t\t\t}\n\n\t\t\tthis.setState({\n\t\t\t\timageStyle: {\n\t\t\t\t\twidth,\n\t\t\t\t\theight,\n\t\t\t\t\ttop: offset.y,\n\t\t\t\t\tleft: offset.x,\n\t\t\t\t},\n\t\t\t\timageSource: this.props.uri,\n\t\t\t});\n\n\t\t\tconst endTime = moment().valueOf();\n\t\t\tif (endTime - startTime < 500) {\n\t\t\t\tAnimated.timing(this.state.blurRadius, {\n\t\t\t\t\ttoValue: 0,\n\t\t\t\t\tduration: 0,\n\t\t\t\t\tuseNativeDriver: false,\n\t\t\t\t}).start();\n\t\t\t}\n\t\t} catch (e) {\n\t\t\tthis.setState({\n\t\t\t\timageSource: this.props.uri,\n\t\t\t});\n\t\t}\n\t};\n\n\trender() {\n\t\tif (this.state.disabled) {\n\t\t\treturn (\n\t\t\t\t<View\n\t\t\t\t\tstyle={[\n\t\t\t\t\t\tstyles.container,\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\twidth: this.props.width,\n\t\t\t\t\t\t\theight: this.props.height,\n\t\t\t\t\t\t},\n\t\t\t\t\t\tthis.props.style,\n\t\t\t\t\t]}\n\t\t\t\t>\n\t\t\t\t\t<Image\n\t\t\t\t\t\tsource={{ uri: this.state.imageSource }}\n\t\t\t\t\t\tstyle={[styles.image, this.state.imageStyle]}\n\t\t\t\t\t\tonLoad={this.onLoad}\n\t\t\t\t\t/>\n\t\t\t\t\t{this.props.children}\n\t\t\t\t</View>\n\t\t\t);\n\t\t}\n\t\treturn (\n\t\t\t<View\n\t\t\t\tstyle={[\n\t\t\t\t\tstyles.container,\n\t\t\t\t\t{\n\t\t\t\t\t\twidth: this.props.width,\n\t\t\t\t\t\theight: this.props.height,\n\t\t\t\t\t},\n\t\t\t\t\tthis.props.style,\n\t\t\t\t]}\n\t\t\t>\n\t\t\t\t<Animated.Image\n\t\t\t\t\tblurRadius={this.state.blurRadius}\n\t\t\t\t\tsource={{ uri: this.state.imageSource }}\n\t\t\t\t\tstyle={[styles.image, this.state.imageStyle]}\n\t\t\t\t\tonLoad={this.onLoad}\n\t\t\t\t/>\n\t\t\t\t{this.props.children}\n\t\t\t</View>\n\t\t);\n\t}\n}\n\nconst styles = StyleSheet.create({\n\tcontainer: {\n\t\toverflow: \"hidden\",\n\t},\n\timage: {\n\t\tposition: \"absolute\",\n\t\ttop: 0,\n\t\tleft: 0,\n\t\tresizeMode: \"cover\",\n\t},\n\tstaticImage: {\n\t\tresizeMode: \"cover\",\n\t},\n});\n\nconst mapStateToProps = (state) => {\n\treturn {\n\t\timagePositions: state.media.positions,\n\t};\n};\n\nconst autoOffsetImage = connect(mapStateToProps, { saveImagePosition })(\n\tAutoOffsetImage,\n);\nexport { autoOffsetImage as AutoOffsetImage };\n"],"mappings":"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","ignoreList":[]}

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 { FontAwesome } from "./Icon";
+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(FontAwesome, {
+        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(FontAwesome, {
+      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