@plusscommunities/pluss-core-app 1.4.8 → 1.5.2

package/dist/module/colours.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["colours.js"],"names":["TEXT_DARKEST","TEXT_DARK","TEXT_BLUEGREY","TEXT_MID","TEXT_LIGHT","TEXT_LIGHTER","TEXT_SUPER_LIGHT","BG_GREY","LINEGREY","BOXGREY","PINKISH_GREY","INACTIVE_BUTTON","INACTIVE_TEXT","COLOUR_TEAL","COLOUR_GRAPEFRUIT","COLOUR_GREEN","COLOUR_GREEN_LIGHT","COLOUR_TANGERINE","COLOUR_TRANSPARENT","COLOUR_BRANDING_MAIN","COLOUR_BRANDING_LIGHT","COLOUR_BRANDING_DARK","COLOUR_TAN","hexToRGBAstring","hex","opacity","shorthandRegex","replace","m","r","g","b","result","exec","parseInt","getMainBrandingColourFromState","state","user","siteBranding","MainBrandingColour","getDarkBrandingColourFromState","DarkBrandingColour","getLightBrandingColourFromState","LightBrandingColour"],"mappings":"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","sourcesContent":["// const COLOUR_1 = '#011d5c';\n// const COLOUR_2 = '#3179cb';\n// const COLOUR_3 = '#1bb7ee';\nconst TEXT_DARKEST = '#3e4245';\nconst TEXT_DARK = TEXT_DARKEST;\nconst TEXT_BLUEGREY = '#6c7a90';\n// const TEXT_DARK_ALPHA50 = 'rgba(60, 60, 80, .5)';\n// const TEXT_DARK_ALPHA20 = 'rgba(60, 60, 80, .2)';\n// const TEXT_DARK_ALPHA10 = 'rgba(60, 60, 80, .1)';\nconst TEXT_MID = '#5a5a6e';\n// const TEXT_MID_ALPHA50 = 'rgba(90, 90, 110, .5)';\nconst TEXT_LIGHT = '#717b81';\nconst TEXT_LIGHTER = 'rgba(113, 123, 129, 0.8)';\nconst TEXT_SUPER_LIGHT = '#d1d1d1';\nconst BG_GREY = '#e9e9ef';\nconst LINEGREY = '#d5dde4';\nconst BOXGREY = '#ebeff2';\nconst PINKISH_GREY = '#c4c4c4';\n// const PALE_GREY = '#f6f7f9';\nconst INACTIVE_BUTTON = '#d5d9e1';\nconst INACTIVE_TEXT = 'rgba(113, 123, 130, 0.8)';\nconst COLOUR_TEAL = '#82d6e5';\n// const COLOUR_TEAL_ALPHA50 = 'rgba(4, 196, 169, 0.2)';\n// const COLOUR_BLUE = '#0083ee';\n// const COLOUR_BLUE_LIVE = 'rgb(0, 173, 238)';\n// const COLOUR_BLUE_ALPHA10 = 'rgba(0, 131, 238, 0.1)';\n// const COLOUR_DARKBLUE = '#191e78';\n// const COLOUR_PURPLE = '#8e44ad';\n// const COLOUR_RED = '#C52F40';\nconst COLOUR_GRAPEFRUIT = '#FF6363';\nconst COLOUR_GREEN = '#00cc76';\nconst COLOUR_GREEN_LIGHT = '#58dba4';\nconst COLOUR_TANGERINE = '#ff8c75';\n// const COLOUR_CITRON = '#bdbd27';\n// const DARK_OVERLAY = 'rgba(19,19,26,.6)';\n// const FACEBOOK_BLUE = '#3B5998';\n// const COLOUR_NAV_GREY = '#f6f6f6';\nconst COLOUR_TRANSPARENT = 'rgba(0,0,0,0)';\n// const COLOUR_SIDEBAR = '#303030';\nconst COLOUR_BRANDING_MAIN = '#FF6363';\n// const COLOUR_BRANDING_OFF = '#FCE1E1';\nconst COLOUR_BRANDING_LIGHT = '#FCE1E1';\n// const COLOUR_BRANDING_SECONDARY = COLOUR_BRANDING_MAIN;\nconst COLOUR_BRANDING_DARK = '#D13636';\n// const COLOUR_DAY = '#89c4f4';\n// const COLOUR_NIGHT = '#003159';\nconst COLOUR_TAN = '#fff3d1';\n\n// const hexToRGB = hex => {\n//   // Expand shorthand form (e.g. \"03F\") to full form (e.g. \"0033FF\")\n//   const shorthandRegex = /^#?([a-f\\d])([a-f\\d])([a-f\\d])$/i;\n//   hex = hex.replace(shorthandRegex, (m, r, g, b) => {\n//     return r + r + g + g + b + b;\n//   });\n\n//   const result = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i.exec(hex);\n//   return result\n//     ? {\n//         r: parseInt(result[1], 16),\n//         g: parseInt(result[2], 16),\n//         b: parseInt(result[3], 16),\n//       }\n//     : null;\n// };\n\nconst hexToRGBAstring = (hex, opacity) => {\n  // Expand shorthand form (e.g. \"03F\") to full form (e.g. \"0033FF\")\n  const shorthandRegex = /^#?([a-f\\d])([a-f\\d])([a-f\\d])$/i;\n  hex = hex.replace(shorthandRegex, (m, r, g, b) => {\n    return r + r + g + g + b + b;\n  });\n\n  const result = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i.exec(hex);\n  return result ? `rgba(${parseInt(result[1], 16)}, ${parseInt(result[2], 16)}, ${parseInt(result[3], 16)}, ${opacity})` : null;\n};\n\n// const pctBtwnColours = (c1, c2, percentage) => {\n//   const rgbC1 = hexToRGB(c1);\n//   const rgbC2 = hexToRGB(c2);\n//   const r = rgbC2.r + (rgbC1.r - rgbC2.r) * percentage;\n//   const g = rgbC2.g + (rgbC1.g - rgbC2.g) * percentage;\n//   const b = rgbC2.b + (rgbC1.b - rgbC2.b) * percentage;\n//   return `rgb(${r}, ${g}, ${b})`;\n// };\n\n// const getTabIconColour = (mainColour, footerType, selected) => {\n//   if (footerType !== 'white') {\n//     return '#fff';\n//   }\n//   if (selected) {\n//     return mainColour;\n//   }\n//   return TEXT_BLUEGREY;\n// };\n\n// const getHeaderBrandingColourFromState = state => {\n//   return (state && state.user && state.user.siteBranding && state.user.siteBranding.HeaderBrandingColour) || null;\n// };\n\nconst getMainBrandingColourFromState = state => {\n  return (state && state.user && state.user.siteBranding && state.user.siteBranding.MainBrandingColour) || COLOUR_BRANDING_MAIN;\n};\n\nconst getDarkBrandingColourFromState = state => {\n  return (state && state.user && state.user.siteBranding && state.user.siteBranding.DarkBrandingColour) || COLOUR_BRANDING_DARK;\n};\n\nconst getLightBrandingColourFromState = state => {\n  return (state && state.user && state.user.siteBranding && state.user.siteBranding.LightBrandingColour) || COLOUR_BRANDING_LIGHT;\n};\n\n// const getSecondaryBrandingColourFromState = state => {\n//   return (state && state.user && state.user.siteBranding && state.user.siteBranding.SecondaryBrandingColour) || COLOUR_BRANDING_SECONDARY;\n// };\n\n// const getMainBrandingColourFromSite = site => {\n//   return (site.Branding && site.Branding.MainBrandingColour) || COLOUR_BRANDING_MAIN;\n// };\n\n// const getDarkBrandingColourFromSite = site => {\n//   return (site.Branding && site.Branding.DarkBrandingColour) || COLOUR_BRANDING_DARK;\n// };\n\n// const getLightBrandingColourFromSite = site => {\n//   return (site.Branding && site.Branding.LightBrandingColour) || COLOUR_BRANDING_LIGHT;\n// };\n\nexport {\n  // COLOUR_1,\n  // COLOUR_2,\n  // COLOUR_3,\n  TEXT_DARKEST,\n  TEXT_BLUEGREY,\n  TEXT_DARK,\n  // TEXT_DARK_ALPHA50,\n  // TEXT_DARK_ALPHA20,\n  // TEXT_DARK_ALPHA10,\n  TEXT_MID,\n  // TEXT_MID_ALPHA50,\n  TEXT_LIGHT,\n  TEXT_LIGHTER,\n  TEXT_SUPER_LIGHT,\n  BG_GREY,\n  LINEGREY,\n  PINKISH_GREY,\n  BOXGREY,\n  // PALE_GREY,\n  INACTIVE_BUTTON,\n  INACTIVE_TEXT,\n  COLOUR_TEAL,\n  // COLOUR_TEAL_ALPHA50,\n  // COLOUR_BLUE,\n  // COLOUR_BLUE_LIVE,\n  // COLOUR_BLUE_ALPHA10,\n  // COLOUR_DARKBLUE,\n  // COLOUR_PURPLE,\n  // COLOUR_RED,\n  COLOUR_TANGERINE,\n  // COLOUR_CITRON,\n  // DARK_OVERLAY,\n  // hexToRGB,\n  hexToRGBAstring,\n  // pctBtwnColours,\n  // FACEBOOK_BLUE,\n  // COLOUR_NAV_GREY,\n  COLOUR_TRANSPARENT,\n  // COLOUR_SIDEBAR,\n  COLOUR_BRANDING_MAIN,\n  // COLOUR_BRANDING_OFF,\n  COLOUR_BRANDING_LIGHT,\n  COLOUR_BRANDING_DARK,\n  COLOUR_GREEN,\n  COLOUR_GREEN_LIGHT,\n  COLOUR_GRAPEFRUIT,\n  // COLOUR_DAY,\n  // COLOUR_NIGHT,\n  COLOUR_TAN,\n  // getHeaderBrandingColourFromState,\n  getMainBrandingColourFromState,\n  getDarkBrandingColourFromState,\n  getLightBrandingColourFromState,\n  // getSecondaryBrandingColourFromState,\n  // getMainBrandingColourFromSite,\n  // getDarkBrandingColourFromSite,\n  // getLightBrandingColourFromSite,\n  // getTabIconColour,\n};\n"]}

package/dist/module/components/AddButton.js

@@ -0,0 +1,45 @@
+import React, { PureComponent } from 'react';
+import { TouchableOpacity } from 'react-native';
+import { connect } from 'react-redux';
+import Styles from '../styles';
+import { Pl60Icon } from '../fonts';
+import { getMainBrandingColourFromState } from '../colours';
+/* 
+Props- 
+    onPress - onPress action
+    diameter - size of button
+    iconSize - size of inner plus
+    color - default will be aveoMain
+*/
+
+class AddButton extends PureComponent {
+  render() {
+    const size = this.props.diameter || 48;
+    const radius = size / 2;
+    return /*#__PURE__*/React.createElement(TouchableOpacity, {
+      style: [Styles.addButton, {
+        height: size,
+        width: size,
+        borderRadius: radius,
+        backgroundColor: this.props.colourBrandingMain
+      }, this.props.color && {
+        backgroundColor: this.props.color
+      }, this.props.style],
+      onPress: this.props.onPress
+    }, /*#__PURE__*/React.createElement(Pl60Icon, {
+      name: "pluss",
+      style: Styles.addButtonIcon
+    }));
+  }
+
+}
+
+const mapStateToProps = state => {
+  return {
+    colourBrandingMain: getMainBrandingColourFromState(state)
+  };
+};
+
+const addButton = connect(mapStateToProps, {})(AddButton);
+export { addButton as AddButton };
+//# sourceMappingURL=AddButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["AddButton.js"],"names":["React","PureComponent","TouchableOpacity","connect","Styles","Pl60Icon","getMainBrandingColourFromState","AddButton","render","size","props","diameter","radius","addButton","height","width","borderRadius","backgroundColor","colourBrandingMain","color","style","onPress","addButtonIcon","mapStateToProps","state"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,aAAhB,QAAqC,OAArC;AACA,SAASC,gBAAT,QAAiC,cAAjC;AACA,SAASC,OAAT,QAAwB,aAAxB;AACA,OAAOC,MAAP,MAAmB,WAAnB;AACA,SAASC,QAAT,QAAyB,UAAzB;AACA,SAASC,8BAAT,QAA+C,YAA/C;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,MAAMC,SAAN,SAAwBN,aAAxB,CAAsC;AACpCO,EAAAA,MAAM,GAAG;AACP,UAAMC,IAAI,GAAG,KAAKC,KAAL,CAAWC,QAAX,IAAuB,EAApC;AACA,UAAMC,MAAM,GAAGH,IAAI,GAAG,CAAtB;AACA,wBACE,oBAAC,gBAAD;AACE,MAAA,KAAK,EAAE,CACLL,MAAM,CAACS,SADF,EAEL;AAAEC,QAAAA,MAAM,EAAEL,IAAV;AAAgBM,QAAAA,KAAK,EAAEN,IAAvB;AAA6BO,QAAAA,YAAY,EAAEJ,MAA3C;AAAmDK,QAAAA,eAAe,EAAE,KAAKP,KAAL,CAAWQ;AAA/E,OAFK,EAGL,KAAKR,KAAL,CAAWS,KAAX,IAAoB;AAAEF,QAAAA,eAAe,EAAE,KAAKP,KAAL,CAAWS;AAA9B,OAHf,EAIL,KAAKT,KAAL,CAAWU,KAJN,CADT;AAOE,MAAA,OAAO,EAAE,KAAKV,KAAL,CAAWW;AAPtB,oBASE,oBAAC,QAAD;AAAU,MAAA,IAAI,EAAC,OAAf;AAAuB,MAAA,KAAK,EAAEjB,MAAM,CAACkB;AAArC,MATF,CADF;AAaD;;AAjBmC;;AAoBtC,MAAMC,eAAe,GAAGC,KAAK,IAAI;AAC/B,SAAO;AACLN,IAAAA,kBAAkB,EAAEZ,8BAA8B,CAACkB,KAAD;AAD7C,GAAP;AAGD,CAJD;;AAMA,MAAMX,SAAS,GAAGV,OAAO,CAACoB,eAAD,EAAkB,EAAlB,CAAP,CAA6BhB,SAA7B,CAAlB;AACA,SAASM,SAAS,IAAIN,SAAtB","sourcesContent":["import React, { PureComponent } from 'react';\nimport { TouchableOpacity } from 'react-native';\nimport { connect } from 'react-redux';\nimport Styles from '../styles';\nimport { Pl60Icon } from '../fonts';\nimport { getMainBrandingColourFromState } from '../colours';\n\n/* \nProps- \n    onPress - onPress action\n    diameter - size of button\n    iconSize - size of inner plus\n    color - default will be aveoMain\n*/\n\nclass AddButton extends PureComponent {\n  render() {\n    const size = this.props.diameter || 48;\n    const radius = size / 2;\n    return (\n      <TouchableOpacity\n        style={[\n          Styles.addButton,\n          { height: size, width: size, borderRadius: radius, backgroundColor: this.props.colourBrandingMain },\n          this.props.color && { backgroundColor: this.props.color },\n          this.props.style,\n        ]}\n        onPress={this.props.onPress}\n      >\n        <Pl60Icon name=\"pluss\" style={Styles.addButtonIcon} />\n      </TouchableOpacity>\n    );\n  }\n}\n\nconst mapStateToProps = state => {\n  return {\n    colourBrandingMain: getMainBrandingColourFromState(state),\n  };\n};\n\nconst addButton = connect(mapStateToProps, {})(AddButton);\nexport { addButton as AddButton };\n"]}

package/dist/module/components/Attachment.js

@@ -0,0 +1,59 @@
+import React, { PureComponent } from 'react';
+import { TouchableOpacity, View, Text } from 'react-native';
+import { connect } from 'react-redux';
+import { Icon } from 'react-native-elements';
+import { getLightBrandingColourFromState, getMainBrandingColourFromState } from '../colours';
+
+class Attachment extends PureComponent {
+  render() {
+    return /*#__PURE__*/React.createElement(TouchableOpacity, {
+      key: this.props.key,
+      onPress: this.props.onPress
+    }, /*#__PURE__*/React.createElement(View, {
+      style: [styles.pdfAttachment, {
+        backgroundColor: this.props.colourBrandingLight
+      }]
+    }, /*#__PURE__*/React.createElement(Icon, {
+      name: "paperclip",
+      type: "font-awesome",
+      iconStyle: [styles.pdfAttachmentIcon, {
+        color: this.props.colourBrandingMain
+      }]
+    }), /*#__PURE__*/React.createElement(Text, {
+      style: [styles.pdfAttachmentText, {
+        color: this.props.colourBrandingMain
+      }]
+    }, this.props.title)));
+  }
+
+}
+
+const styles = {
+  pdfAttachment: {
+    padding: 4,
+    flexDirection: 'row',
+    borderRadius: 2,
+    marginTop: 8,
+    alignItems: 'center',
+    alignSelf: 'flex-start'
+  },
+  pdfAttachmentIcon: {
+    fontSize: 16,
+    marginRight: 4
+  },
+  pdfAttachmentText: {
+    fontFamily: 'sf-semibold',
+    fontSize: 13
+  }
+};
+
+const mapStateToProps = state => {
+  return {
+    colourBrandingMain: getMainBrandingColourFromState(state),
+    colourBrandingLight: getLightBrandingColourFromState(state)
+  };
+};
+
+const attachment = connect(mapStateToProps, {})(Attachment);
+export { attachment as Attachment };
+//# sourceMappingURL=Attachment.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Attachment.js"],"names":["React","PureComponent","TouchableOpacity","View","Text","connect","Icon","getLightBrandingColourFromState","getMainBrandingColourFromState","Attachment","render","props","key","onPress","styles","pdfAttachment","backgroundColor","colourBrandingLight","pdfAttachmentIcon","color","colourBrandingMain","pdfAttachmentText","title","padding","flexDirection","borderRadius","marginTop","alignItems","alignSelf","fontSize","marginRight","fontFamily","mapStateToProps","state","attachment"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,aAAhB,QAAqC,OAArC;AACA,SAASC,gBAAT,EAA2BC,IAA3B,EAAiCC,IAAjC,QAA6C,cAA7C;AACA,SAASC,OAAT,QAAwB,aAAxB;AACA,SAASC,IAAT,QAAqB,uBAArB;AACA,SAASC,+BAAT,EAA0CC,8BAA1C,QAAgF,YAAhF;;AAEA,MAAMC,UAAN,SAAyBR,aAAzB,CAAuC;AACrCS,EAAAA,MAAM,GAAG;AACP,wBACE,oBAAC,gBAAD;AAAkB,MAAA,GAAG,EAAE,KAAKC,KAAL,CAAWC,GAAlC;AAAuC,MAAA,OAAO,EAAE,KAAKD,KAAL,CAAWE;AAA3D,oBACE,oBAAC,IAAD;AAAM,MAAA,KAAK,EAAE,CAACC,MAAM,CAACC,aAAR,EAAuB;AAAEC,QAAAA,eAAe,EAAE,KAAKL,KAAL,CAAWM;AAA9B,OAAvB;AAAb,oBACE,oBAAC,IAAD;AAAM,MAAA,IAAI,EAAC,WAAX;AAAuB,MAAA,IAAI,EAAC,cAA5B;AAA2C,MAAA,SAAS,EAAE,CAACH,MAAM,CAACI,iBAAR,EAA2B;AAAEC,QAAAA,KAAK,EAAE,KAAKR,KAAL,CAAWS;AAApB,OAA3B;AAAtD,MADF,eAEE,oBAAC,IAAD;AAAM,MAAA,KAAK,EAAE,CAACN,MAAM,CAACO,iBAAR,EAA2B;AAAEF,QAAAA,KAAK,EAAE,KAAKR,KAAL,CAAWS;AAApB,OAA3B;AAAb,OAAoF,KAAKT,KAAL,CAAWW,KAA/F,CAFF,CADF,CADF;AAQD;;AAVoC;;AAavC,MAAMR,MAAM,GAAG;AACbC,EAAAA,aAAa,EAAE;AACbQ,IAAAA,OAAO,EAAE,CADI;AAEbC,IAAAA,aAAa,EAAE,KAFF;AAGbC,IAAAA,YAAY,EAAE,CAHD;AAIbC,IAAAA,SAAS,EAAE,CAJE;AAKbC,IAAAA,UAAU,EAAE,QALC;AAMbC,IAAAA,SAAS,EAAE;AANE,GADF;AASbV,EAAAA,iBAAiB,EAAE;AACjBW,IAAAA,QAAQ,EAAE,EADO;AAEjBC,IAAAA,WAAW,EAAE;AAFI,GATN;AAabT,EAAAA,iBAAiB,EAAE;AACjBU,IAAAA,UAAU,EAAE,aADK;AAEjBF,IAAAA,QAAQ,EAAE;AAFO;AAbN,CAAf;;AAmBA,MAAMG,eAAe,GAAGC,KAAK,IAAI;AAC/B,SAAO;AACLb,IAAAA,kBAAkB,EAAEZ,8BAA8B,CAACyB,KAAD,CAD7C;AAELhB,IAAAA,mBAAmB,EAAEV,+BAA+B,CAAC0B,KAAD;AAF/C,GAAP;AAID,CALD;;AAOA,MAAMC,UAAU,GAAG7B,OAAO,CAAC2B,eAAD,EAAkB,EAAlB,CAAP,CAA6BvB,UAA7B,CAAnB;AACA,SAASyB,UAAU,IAAIzB,UAAvB","sourcesContent":["import React, { PureComponent } from 'react';\nimport { TouchableOpacity, View, Text } from 'react-native';\nimport { connect } from 'react-redux';\nimport { Icon } from 'react-native-elements';\nimport { getLightBrandingColourFromState, getMainBrandingColourFromState } from '../colours';\n\nclass Attachment extends PureComponent {\n  render() {\n    return (\n      <TouchableOpacity key={this.props.key} onPress={this.props.onPress}>\n        <View style={[styles.pdfAttachment, { backgroundColor: this.props.colourBrandingLight }]}>\n          <Icon name=\"paperclip\" type=\"font-awesome\" iconStyle={[styles.pdfAttachmentIcon, { color: this.props.colourBrandingMain }]} />\n          <Text style={[styles.pdfAttachmentText, { color: this.props.colourBrandingMain }]}>{this.props.title}</Text>\n        </View>\n      </TouchableOpacity>\n    );\n  }\n}\n\nconst styles = {\n  pdfAttachment: {\n    padding: 4,\n    flexDirection: 'row',\n    borderRadius: 2,\n    marginTop: 8,\n    alignItems: 'center',\n    alignSelf: 'flex-start',\n  },\n  pdfAttachmentIcon: {\n    fontSize: 16,\n    marginRight: 4,\n  },\n  pdfAttachmentText: {\n    fontFamily: 'sf-semibold',\n    fontSize: 13,\n  },\n};\n\nconst mapStateToProps = state => {\n  return {\n    colourBrandingMain: getMainBrandingColourFromState(state),\n    colourBrandingLight: getLightBrandingColourFromState(state),\n  };\n};\n\nconst attachment = connect(mapStateToProps, {})(Attachment);\nexport { attachment as Attachment };\n"]}

package/dist/module/components/AudienceSelectorLauncher.js

@@ -0,0 +1,70 @@
+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, { PureComponent } from 'react';
+import { StyleSheet } from 'react-native';
+import { connect } from 'react-redux';
+import { FormCardSectionOptionLauncher } from './FormCardSectionOptionLauncher';
+import { getMainBrandingColourFromState, TEXT_DARK } from '../colours';
+import { Services } from '../config';
+
+class AudienceSelectorLauncher extends PureComponent {
+  constructor() {
+    super(...arguments);
+
+    _defineProperty(this, "onPressAudience", () => {
+      const {
+        user,
+        audienceType,
+        audienceTypeSelection
+      } = this.props;
+      Services.navigation.navigate('audienceSelectorPage', {
+        site: user.site,
+        audienceType: audienceType || 'Custom',
+        audienceTypeSelection: audienceTypeSelection || [],
+        onChange: (audienceType, audienceTypeSelection) => {
+          if (this.props.onChange) this.props.onChange(audienceType, audienceTypeSelection);
+        }
+      });
+    });
+  }
+
+  render() {
+    const {
+      style,
+      textStyle,
+      audienceTypeSelection
+    } = this.props;
+    const selected = audienceTypeSelection && audienceTypeSelection.length > 0 ? `Current selection: ${audienceTypeSelection.map(i => i.Title).join(', ')}` : '';
+    return /*#__PURE__*/React.createElement(FormCardSectionOptionLauncher, {
+      sectionStyle: [styles.audienceSection, style],
+      textStyle: [styles.audienceText, textStyle],
+      onPress: this.onPressAudience,
+      title: "Audience",
+      description: selected,
+      value: selected ? 'Custom' : 'All Users'
+    });
+  }
+
+}
+
+const styles = StyleSheet.create({
+  audienceSection: {
+    paddingHorizontal: 0
+  },
+  audienceText: {
+    fontFamily: 'sf-semibold',
+    fontSize: 16,
+    color: TEXT_DARK
+  }
+});
+
+const mapStateToProps = state => {
+  return {
+    user: state.user,
+    colourBrandingMain: getMainBrandingColourFromState(state)
+  };
+};
+
+const audienceSelectorLauncher = connect(mapStateToProps, {})(AudienceSelectorLauncher);
+export { audienceSelectorLauncher as AudienceSelectorLauncher };
+//# sourceMappingURL=AudienceSelectorLauncher.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["AudienceSelectorLauncher.js"],"names":["React","PureComponent","StyleSheet","connect","FormCardSectionOptionLauncher","getMainBrandingColourFromState","TEXT_DARK","Services","AudienceSelectorLauncher","user","audienceType","audienceTypeSelection","props","navigation","navigate","site","onChange","render","style","textStyle","selected","length","map","i","Title","join","styles","audienceSection","audienceText","onPressAudience","create","paddingHorizontal","fontFamily","fontSize","color","mapStateToProps","state","colourBrandingMain","audienceSelectorLauncher"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,aAAhB,QAAqC,OAArC;AACA,SAASC,UAAT,QAA2B,cAA3B;AACA,SAASC,OAAT,QAAwB,aAAxB;AACA,SAASC,6BAAT,QAA8C,iCAA9C;AACA,SAASC,8BAAT,EAAyCC,SAAzC,QAA0D,YAA1D;AACA,SAASC,QAAT,QAAyB,WAAzB;;AAEA,MAAMC,wBAAN,SAAuCP,aAAvC,CAAqD;AAAA;AAAA;;AAAA,6CACjC,MAAM;AACtB,YAAM;AAAEQ,QAAAA,IAAF;AAAQC,QAAAA,YAAR;AAAsBC,QAAAA;AAAtB,UAAgD,KAAKC,KAA3D;AAEAL,MAAAA,QAAQ,CAACM,UAAT,CAAoBC,QAApB,CAA6B,sBAA7B,EAAqD;AACnDC,QAAAA,IAAI,EAAEN,IAAI,CAACM,IADwC;AAEnDL,QAAAA,YAAY,EAAEA,YAAY,IAAI,QAFqB;AAGnDC,QAAAA,qBAAqB,EAAEA,qBAAqB,IAAI,EAHG;AAInDK,QAAAA,QAAQ,EAAE,CAACN,YAAD,EAAeC,qBAAf,KAAyC;AACjD,cAAI,KAAKC,KAAL,CAAWI,QAAf,EAAyB,KAAKJ,KAAL,CAAWI,QAAX,CAAoBN,YAApB,EAAkCC,qBAAlC;AAC1B;AANkD,OAArD;AAQD,KAZkD;AAAA;;AAcnDM,EAAAA,MAAM,GAAG;AACP,UAAM;AAAEC,MAAAA,KAAF;AAASC,MAAAA,SAAT;AAAoBR,MAAAA;AAApB,QAA8C,KAAKC,KAAzD;AACA,UAAMQ,QAAQ,GACZT,qBAAqB,IAAIA,qBAAqB,CAACU,MAAtB,GAA+B,CAAxD,GACK,sBAAqBV,qBAAqB,CAACW,GAAtB,CAA0BC,CAAC,IAAIA,CAAC,CAACC,KAAjC,EAAwCC,IAAxC,CAA6C,IAA7C,CAAmD,EAD7E,GAEI,EAHN;AAKA,wBACE,oBAAC,6BAAD;AACE,MAAA,YAAY,EAAE,CAACC,MAAM,CAACC,eAAR,EAAyBT,KAAzB,CADhB;AAEE,MAAA,SAAS,EAAE,CAACQ,MAAM,CAACE,YAAR,EAAsBT,SAAtB,CAFb;AAGE,MAAA,OAAO,EAAE,KAAKU,eAHhB;AAIE,MAAA,KAAK,EAAC,UAJR;AAKE,MAAA,WAAW,EAAET,QALf;AAME,MAAA,KAAK,EAAEA,QAAQ,GAAG,QAAH,GAAc;AAN/B,MADF;AAUD;;AA/BkD;;AAkCrD,MAAMM,MAAM,GAAGxB,UAAU,CAAC4B,MAAX,CAAkB;AAC/BH,EAAAA,eAAe,EAAE;AACfI,IAAAA,iBAAiB,EAAE;AADJ,GADc;AAI/BH,EAAAA,YAAY,EAAE;AACZI,IAAAA,UAAU,EAAE,aADA;AAEZC,IAAAA,QAAQ,EAAE,EAFE;AAGZC,IAAAA,KAAK,EAAE5B;AAHK;AAJiB,CAAlB,CAAf;;AAWA,MAAM6B,eAAe,GAAGC,KAAK,IAAI;AAC/B,SAAO;AACL3B,IAAAA,IAAI,EAAE2B,KAAK,CAAC3B,IADP;AAEL4B,IAAAA,kBAAkB,EAAEhC,8BAA8B,CAAC+B,KAAD;AAF7C,GAAP;AAID,CALD;;AAOA,MAAME,wBAAwB,GAAGnC,OAAO,CAACgC,eAAD,EAAkB,EAAlB,CAAP,CAA6B3B,wBAA7B,CAAjC;AACA,SAAS8B,wBAAwB,IAAI9B,wBAArC","sourcesContent":["import React, { PureComponent } from 'react';\nimport { StyleSheet } from 'react-native';\nimport { connect } from 'react-redux';\nimport { FormCardSectionOptionLauncher } from './FormCardSectionOptionLauncher';\nimport { getMainBrandingColourFromState, TEXT_DARK } from '../colours';\nimport { Services } from '../config';\n\nclass AudienceSelectorLauncher extends PureComponent {\n  onPressAudience = () => {\n    const { user, audienceType, audienceTypeSelection } = this.props;\n\n    Services.navigation.navigate('audienceSelectorPage', {\n      site: user.site,\n      audienceType: audienceType || 'Custom',\n      audienceTypeSelection: audienceTypeSelection || [],\n      onChange: (audienceType, audienceTypeSelection) => {\n        if (this.props.onChange) this.props.onChange(audienceType, audienceTypeSelection);\n      },\n    });\n  };\n\n  render() {\n    const { style, textStyle, audienceTypeSelection } = this.props;\n    const selected =\n      audienceTypeSelection && audienceTypeSelection.length > 0\n        ? `Current selection: ${audienceTypeSelection.map(i => i.Title).join(', ')}`\n        : '';\n\n    return (\n      <FormCardSectionOptionLauncher\n        sectionStyle={[styles.audienceSection, style]}\n        textStyle={[styles.audienceText, textStyle]}\n        onPress={this.onPressAudience}\n        title=\"Audience\"\n        description={selected}\n        value={selected ? 'Custom' : 'All Users'}\n      />\n    );\n  }\n}\n\nconst styles = StyleSheet.create({\n  audienceSection: {\n    paddingHorizontal: 0,\n  },\n  audienceText: {\n    fontFamily: 'sf-semibold',\n    fontSize: 16,\n    color: TEXT_DARK,\n  },\n});\n\nconst mapStateToProps = state => {\n  return {\n    user: state.user,\n    colourBrandingMain: getMainBrandingColourFromState(state),\n  };\n};\n\nconst audienceSelectorLauncher = connect(mapStateToProps, {})(AudienceSelectorLauncher);\nexport { audienceSelectorLauncher as AudienceSelectorLauncher };\n"]}

package/dist/module/components/AudienceSelectorPage.js

@@ -0,0 +1,376 @@
+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 { 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) {
+    let key = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
+    let hasUnderline = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 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,"sources":["AudienceSelectorPage.js"],"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","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","styles","labelContainer","labelText","color","fontSize","renderSelectAll","allSelected","selectAllContainer","onSelectAll","renderSelection","selectedText","join","hasSelected","isEmpty","selectionContainer","selectionContainerInner","selectionTitle","onSeeAll","seeAllButton","selectionText","renderTips","tipContainer","tipText","fontFamily","renderAvailableAudiences","availableScrollContainer","availabelScrollContent","index","notLast","onToggleAudienceOption","renderButtons","doneButtonContainer","colourBrandingMain","onDone","doneButton","render","container","onPressBack","create","flex","position","backgroundColor","marginTop","padding","flexDirection","justifyContent","marginLeft","flexGrow","description","paddingTop","paddingBottom","marginHorizontal","mapStateToProps"],"mappings":"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","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"]}