@plusscommunities/pluss-core-app 8.0.29 → 8.0.35

package/dist/module/components/Spinner.js

@@ -0,0 +1,22 @@
+import React from "react";
+import { View } from "react-native";
+import { LoadingCircles } from "./LoadingCircles";
+const Spinner = ({
+  color,
+  style
+}) => {
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.spinnerStyle, style]
+  }, /*#__PURE__*/React.createElement(LoadingCircles, {
+    color: color
+  }));
+};
+const styles = {
+  spinnerStyle: {
+    flex: 1,
+    justifyContent: "center",
+    alignItems: "center"
+  }
+};
+export { Spinner };
+//# sourceMappingURL=Spinner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","LoadingCircles","Spinner","color","style","createElement","styles","spinnerStyle","flex","justifyContent","alignItems"],"sources":["Spinner.js"],"sourcesContent":["import React from \"react\";\nimport { View } from \"react-native\";\nimport { LoadingCircles } from \"./LoadingCircles\";\n\nconst Spinner = ({ color, style }) => {\n\treturn (\n\t\t<View style={[styles.spinnerStyle, style]}>\n\t\t\t<LoadingCircles color={color} />\n\t\t</View>\n\t);\n};\n\nconst styles = {\n\tspinnerStyle: {\n\t\tflex: 1,\n\t\tjustifyContent: \"center\",\n\t\talignItems: \"center\",\n\t},\n};\n\nexport { Spinner };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,cAAc,QAAQ,kBAAkB;AAEjD,MAAMC,OAAO,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAAM,CAAC,KAAK;EACrC,oBACCL,KAAA,CAAAM,aAAA,CAACL,IAAI;IAACI,KAAK,EAAE,CAACE,MAAM,CAACC,YAAY,EAAEH,KAAK;EAAE,gBACzCL,KAAA,CAAAM,aAAA,CAACJ,cAAc;IAACE,KAAK,EAAEA;EAAM,CAAE,CAC1B,CAAC;AAET,CAAC;AAED,MAAMG,MAAM,GAAG;EACdC,YAAY,EAAE;IACbC,IAAI,EAAE,CAAC;IACPC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACb;AACD,CAAC;AAED,SAASR,OAAO","ignoreList":[]}

package/dist/module/components/StickyFooter.js

@@ -0,0 +1,34 @@
+import React, { PureComponent } from "react";
+import { View } from "react-native";
+import { LINEGREY } from "../colours";
+import { FOOTER_HEIGHT } from "../constants";
+class StickyFooter extends PureComponent {
+  render() {
+    return /*#__PURE__*/React.createElement(View, {
+      style: [styles.section, this.props.lineSeparated && styles.lineSeparated, this.props.style]
+    }, this.props.children);
+  }
+}
+const styles = {
+  section: {
+    backgroundColor: "#fff",
+    height: FOOTER_HEIGHT,
+    borderTopWidth: 0,
+    shadowColor: "#000",
+    shadowOffset: {
+      width: 0,
+      height: -1
+    },
+    shadowOpacity: 0.1,
+    shadowRadius: 6,
+    elevation: 16
+  },
+  lineSeparated: {
+    borderTopWidth: 1,
+    borderColor: LINEGREY,
+    shadowOpacity: 0,
+    elevation: 0
+  }
+};
+export { StickyFooter };
+//# sourceMappingURL=StickyFooter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","PureComponent","View","LINEGREY","FOOTER_HEIGHT","StickyFooter","render","createElement","style","styles","section","props","lineSeparated","children","backgroundColor","height","borderTopWidth","shadowColor","shadowOffset","width","shadowOpacity","shadowRadius","elevation","borderColor"],"sources":["StickyFooter.js"],"sourcesContent":["import React, { PureComponent } from \"react\";\nimport { View } from \"react-native\";\nimport { LINEGREY } from \"../colours\";\nimport { FOOTER_HEIGHT } from \"../constants\";\n\nclass StickyFooter extends PureComponent {\n\trender() {\n\t\treturn (\n\t\t\t<View\n\t\t\t\tstyle={[\n\t\t\t\t\tstyles.section,\n\t\t\t\t\tthis.props.lineSeparated && styles.lineSeparated,\n\t\t\t\t\tthis.props.style,\n\t\t\t\t]}\n\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 = {\n\tsection: {\n\t\tbackgroundColor: \"#fff\",\n\t\theight: FOOTER_HEIGHT,\n\t\tborderTopWidth: 0,\n\t\tshadowColor: \"#000\",\n\t\tshadowOffset: {\n\t\t\twidth: 0,\n\t\t\theight: -1,\n\t\t},\n\t\tshadowOpacity: 0.1,\n\t\tshadowRadius: 6,\n\t\televation: 16,\n\t},\n\tlineSeparated: {\n\t\tborderTopWidth: 1,\n\t\tborderColor: LINEGREY,\n\t\tshadowOpacity: 0,\n\t\televation: 0,\n\t},\n};\n\nexport { StickyFooter };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,QAAQ,OAAO;AAC5C,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,QAAQ,QAAQ,YAAY;AACrC,SAASC,aAAa,QAAQ,cAAc;AAE5C,MAAMC,YAAY,SAASJ,aAAa,CAAC;EACxCK,MAAMA,CAAA,EAAG;IACR,oBACCN,KAAA,CAAAO,aAAA,CAACL,IAAI;MACJM,KAAK,EAAE,CACNC,MAAM,CAACC,OAAO,EACd,IAAI,CAACC,KAAK,CAACC,aAAa,IAAIH,MAAM,CAACG,aAAa,EAChD,IAAI,CAACD,KAAK,CAACH,KAAK;IACf,GAED,IAAI,CAACG,KAAK,CAACE,QACP,CAAC;EAET;AACD;AAEA,MAAMJ,MAAM,GAAG;EACdC,OAAO,EAAE;IACRI,eAAe,EAAE,MAAM;IACvBC,MAAM,EAAEX,aAAa;IACrBY,cAAc,EAAE,CAAC;IACjBC,WAAW,EAAE,MAAM;IACnBC,YAAY,EAAE;MACbC,KAAK,EAAE,CAAC;MACRJ,MAAM,EAAE,CAAC;IACV,CAAC;IACDK,aAAa,EAAE,GAAG;IAClBC,YAAY,EAAE,CAAC;IACfC,SAAS,EAAE;EACZ,CAAC;EACDV,aAAa,EAAE;IACdI,cAAc,EAAE,CAAC;IACjBO,WAAW,EAAEpB,QAAQ;IACrBiB,aAAa,EAAE,CAAC;IAChBE,SAAS,EAAE;EACZ;AACD,CAAC;AAED,SAASjB,YAAY","ignoreList":[]}

package/dist/module/components/Text.js

@@ -0,0 +1,57 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React, { PureComponent } from "react";
+import { StyleSheet, Text as TextNative } from "react-native";
+import { TEXT_DARKEST, COLOUR_RED } from "../colours";
+
+/**
+ * A wrapper around the react-native Text component that applies a
+ * maximum font size multiplier (1.2) to prevent layout breaking.
+ *
+ * * @typedef {Object} TextProps
+ * @property {'pageHeading' | 'heading' | 'label' | 'detailLabel' | 'input' | 'error'} [type] - The style preset to apply.
+ * * @example
+ * <Text type="pageHeading" className="myClass">Welcome</Text>
+ */
+
+class Text extends PureComponent {
+  render() {
+    return /*#__PURE__*/React.createElement(TextNative, _extends({}, this.props, {
+      style: [styles[this.props.type], this.props.style],
+      maxFontSizeMultiplier: this.props.maxFontSizeMultiplier || 1.2
+    }), this.props.children);
+  }
+}
+const styles = StyleSheet.create({
+  pageHeading: {
+    fontFamily: "sf-bold",
+    fontSize: 24,
+    color: TEXT_DARKEST
+  },
+  body: {
+    fontFamily: "sf-regular",
+    fontSize: 14,
+    color: TEXT_DARKEST
+  },
+  label: {
+    fontFamily: "sf-semibold",
+    color: TEXT_DARKEST,
+    fontSize: 16
+  },
+  detailLabel: {
+    fontFamily: "sf-bold",
+    color: TEXT_DARKEST,
+    fontSize: 16
+  },
+  input: {
+    color: TEXT_DARKEST,
+    fontFamily: "sf-regular",
+    fontSize: 16
+  },
+  error: {
+    fontFamily: "sf-bold",
+    color: COLOUR_RED,
+    fontSize: 16
+  }
+});
+export { Text };
+//# sourceMappingURL=Text.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","PureComponent","StyleSheet","Text","TextNative","TEXT_DARKEST","COLOUR_RED","render","createElement","_extends","props","style","styles","type","maxFontSizeMultiplier","children","create","pageHeading","fontFamily","fontSize","color","body","label","detailLabel","input","error"],"sources":["Text.js"],"sourcesContent":["import React, { PureComponent } from \"react\";\nimport { StyleSheet, Text as TextNative } from \"react-native\";\nimport { TEXT_DARKEST, COLOUR_RED } from \"../colours\";\n\n/**\n * A wrapper around the react-native Text component that applies a\n * maximum font size multiplier (1.2) to prevent layout breaking.\n *\n * * @typedef {Object} TextProps\n * @property {'pageHeading' | 'heading' | 'label' | 'detailLabel' | 'input' | 'error'} [type] - The style preset to apply.\n * * @example\n * <Text type=\"pageHeading\" className=\"myClass\">Welcome</Text>\n */\n\nclass Text extends PureComponent {\n\trender() {\n\t\treturn (\n\t\t\t<TextNative\n\t\t\t\t{...this.props}\n\t\t\t\tstyle={[styles[this.props.type], this.props.style]}\n\t\t\t\tmaxFontSizeMultiplier={this.props.maxFontSizeMultiplier || 1.2}\n\t\t\t>\n\t\t\t\t{this.props.children}\n\t\t\t</TextNative>\n\t\t);\n\t}\n}\n\nconst styles = StyleSheet.create({\n\tpageHeading: {\n\t\tfontFamily: \"sf-bold\",\n\t\tfontSize: 24,\n\t\tcolor: TEXT_DARKEST,\n\t},\n\tbody: {\n\t\tfontFamily: \"sf-regular\",\n\t\tfontSize: 14,\n\t\tcolor: TEXT_DARKEST,\n\t},\n\tlabel: {\n\t\tfontFamily: \"sf-semibold\",\n\t\tcolor: TEXT_DARKEST,\n\t\tfontSize: 16,\n\t},\n\tdetailLabel: {\n\t\tfontFamily: \"sf-bold\",\n\t\tcolor: TEXT_DARKEST,\n\t\tfontSize: 16,\n\t},\n\tinput: {\n\t\tcolor: TEXT_DARKEST,\n\t\tfontFamily: \"sf-regular\",\n\t\tfontSize: 16,\n\t},\n\terror: {\n\t\tfontFamily: \"sf-bold\",\n\t\tcolor: COLOUR_RED,\n\t\tfontSize: 16,\n\t},\n});\n\nexport { Text };\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,aAAa,QAAQ,OAAO;AAC5C,SAASC,UAAU,EAAEC,IAAI,IAAIC,UAAU,QAAQ,cAAc;AAC7D,SAASC,YAAY,EAAEC,UAAU,QAAQ,YAAY;;AAErD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,MAAMH,IAAI,SAASF,aAAa,CAAC;EAChCM,MAAMA,CAAA,EAAG;IACR,oBACCP,KAAA,CAAAQ,aAAA,CAACJ,UAAU,EAAAK,QAAA,KACN,IAAI,CAACC,KAAK;MACdC,KAAK,EAAE,CAACC,MAAM,CAAC,IAAI,CAACF,KAAK,CAACG,IAAI,CAAC,EAAE,IAAI,CAACH,KAAK,CAACC,KAAK,CAAE;MACnDG,qBAAqB,EAAE,IAAI,CAACJ,KAAK,CAACI,qBAAqB,IAAI;IAAI,IAE9D,IAAI,CAACJ,KAAK,CAACK,QACD,CAAC;EAEf;AACD;AAEA,MAAMH,MAAM,GAAGV,UAAU,CAACc,MAAM,CAAC;EAChCC,WAAW,EAAE;IACZC,UAAU,EAAE,SAAS;IACrBC,QAAQ,EAAE,EAAE;IACZC,KAAK,EAAEf;EACR,CAAC;EACDgB,IAAI,EAAE;IACLH,UAAU,EAAE,YAAY;IACxBC,QAAQ,EAAE,EAAE;IACZC,KAAK,EAAEf;EACR,CAAC;EACDiB,KAAK,EAAE;IACNJ,UAAU,EAAE,aAAa;IACzBE,KAAK,EAAEf,YAAY;IACnBc,QAAQ,EAAE;EACX,CAAC;EACDI,WAAW,EAAE;IACZL,UAAU,EAAE,SAAS;IACrBE,KAAK,EAAEf,YAAY;IACnBc,QAAQ,EAAE;EACX,CAAC;EACDK,KAAK,EAAE;IACNJ,KAAK,EAAEf,YAAY;IACnBa,UAAU,EAAE,YAAY;IACxBC,QAAQ,EAAE;EACX,CAAC;EACDM,KAAK,EAAE;IACNP,UAAU,EAAE,SAAS;IACrBE,KAAK,EAAEd,UAAU;IACjBa,QAAQ,EAAE;EACX;AACD,CAAC,CAAC;AAEF,SAAShB,IAAI","ignoreList":[]}

package/dist/module/components/TickIcon.js

@@ -0,0 +1,24 @@
+import React, { PureComponent } from "react";
+import { View } from "react-native";
+import stylez from "../styles";
+import { FontAwesome } from "./Icon";
+class TickIcon extends PureComponent {
+  render() {
+    const size = this.props.diameter || 20;
+    const radius = size / 2;
+    return /*#__PURE__*/React.createElement(View, {
+      style: [stylez.tickBox, {
+        height: size,
+        width: size,
+        borderRadius: radius
+      }, this.props.color && {
+        backgroundColor: this.props.color
+      }, this.props.style]
+    }, /*#__PURE__*/React.createElement(FontAwesome, {
+      name: "check",
+      style: stylez.tickIcon
+    }));
+  }
+}
+export { TickIcon };
+//# sourceMappingURL=TickIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","PureComponent","View","stylez","FontAwesome","TickIcon","render","size","props","diameter","radius","createElement","style","tickBox","height","width","borderRadius","color","backgroundColor","name","tickIcon"],"sources":["TickIcon.js"],"sourcesContent":["import React, { PureComponent } from \"react\";\nimport { View } from \"react-native\";\nimport stylez from \"../styles\";\nimport { FontAwesome } from \"./Icon\";\n\nclass TickIcon extends PureComponent {\n\trender() {\n\t\tconst size = this.props.diameter || 20;\n\t\tconst radius = size / 2;\n\t\treturn (\n\t\t\t<View\n\t\t\t\tstyle={[\n\t\t\t\t\tstylez.tickBox,\n\t\t\t\t\t{ height: size, width: size, borderRadius: radius },\n\t\t\t\t\tthis.props.color && { backgroundColor: this.props.color },\n\t\t\t\t\tthis.props.style,\n\t\t\t\t]}\n\t\t\t>\n\t\t\t\t<FontAwesome name=\"check\" style={stylez.tickIcon} />\n\t\t\t</View>\n\t\t);\n\t}\n}\n\nexport { TickIcon };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,QAAQ,OAAO;AAC5C,SAASC,IAAI,QAAQ,cAAc;AACnC,OAAOC,MAAM,MAAM,WAAW;AAC9B,SAASC,WAAW,QAAQ,QAAQ;AAEpC,MAAMC,QAAQ,SAASJ,aAAa,CAAC;EACpCK,MAAMA,CAAA,EAAG;IACR,MAAMC,IAAI,GAAG,IAAI,CAACC,KAAK,CAACC,QAAQ,IAAI,EAAE;IACtC,MAAMC,MAAM,GAAGH,IAAI,GAAG,CAAC;IACvB,oBACCP,KAAA,CAAAW,aAAA,CAACT,IAAI;MACJU,KAAK,EAAE,CACNT,MAAM,CAACU,OAAO,EACd;QAAEC,MAAM,EAAEP,IAAI;QAAEQ,KAAK,EAAER,IAAI;QAAES,YAAY,EAAEN;MAAO,CAAC,EACnD,IAAI,CAACF,KAAK,CAACS,KAAK,IAAI;QAAEC,eAAe,EAAE,IAAI,CAACV,KAAK,CAACS;MAAM,CAAC,EACzD,IAAI,CAACT,KAAK,CAACI,KAAK;IACf,gBAEFZ,KAAA,CAAAW,aAAA,CAACP,WAAW;MAACe,IAAI,EAAC,OAAO;MAACP,KAAK,EAAET,MAAM,CAACiB;IAAS,CAAE,CAC9C,CAAC;EAET;AACD;AAEA,SAASf,QAAQ","ignoreList":[]}

package/dist/module/components/Toggle.js

@@ -0,0 +1,66 @@
+import React, { PureComponent } from "react";
+import { View, TouchableOpacity } from "react-native";
+import { Text } from "./Text";
+import { connect } from "react-redux";
+import { getMainBrandingColourFromState } from "../colours";
+class Toggle extends PureComponent {
+  render() {
+    return /*#__PURE__*/React.createElement(View, {
+      style: [styles.container, this.props.style]
+    }, this.props.options.map((option, index) => {
+      return /*#__PURE__*/React.createElement(TouchableOpacity, {
+        onPress: () => {
+          this.props.onPress(option);
+        },
+        style: [styles.tag, {
+          borderColor: this.props.colourBrandingMain
+        }, option.val === this.props.activeVal && {
+          borderColor: this.props.colourBrandingMain,
+          backgroundColor: this.props.colourBrandingMain
+        }, index === 0 && styles.firstTag, index === this.props.options.length - 1 && styles.lastTag, this.props.tagStyle],
+        key: option.val
+      }, /*#__PURE__*/React.createElement(Text, {
+        style: [styles.text, {
+          color: this.props.colourBrandingMain
+        }, option.val === this.props.activeVal && styles.activeText, this.props.textStyle]
+      }, option.text));
+    }));
+  }
+}
+const styles = {
+  container: {
+    flexDirection: "row"
+  },
+  text: {
+    fontFamily: "sf-semibold",
+    fontSize: 14,
+    textAlign: "center"
+  },
+  activeText: {
+    color: "#fff"
+  },
+  tag: {
+    flex: 1,
+    height: 34,
+    borderWidth: 1,
+    borderLeftWidth: 0,
+    justifyContent: "center"
+  },
+  firstTag: {
+    borderLeftWidth: 1,
+    borderTopLeftRadius: 4,
+    borderBottomLeftRadius: 4
+  },
+  lastTag: {
+    borderTopRightRadius: 4,
+    borderBottomRightRadius: 4
+  }
+};
+const mapStateToProps = state => {
+  return {
+    colourBrandingMain: getMainBrandingColourFromState(state)
+  };
+};
+const toggle = connect(mapStateToProps, {})(Toggle);
+export { toggle as Toggle };
+//# sourceMappingURL=Toggle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","PureComponent","View","TouchableOpacity","Text","connect","getMainBrandingColourFromState","Toggle","render","createElement","style","styles","container","props","options","map","option","index","onPress","tag","borderColor","colourBrandingMain","val","activeVal","backgroundColor","firstTag","length","lastTag","tagStyle","key","text","color","activeText","textStyle","flexDirection","fontFamily","fontSize","textAlign","flex","height","borderWidth","borderLeftWidth","justifyContent","borderTopLeftRadius","borderBottomLeftRadius","borderTopRightRadius","borderBottomRightRadius","mapStateToProps","state","toggle"],"sources":["Toggle.js"],"sourcesContent":["import React, { PureComponent } from \"react\";\nimport { View, TouchableOpacity } from \"react-native\";\nimport { Text } from \"./Text\";\nimport { connect } from \"react-redux\";\nimport { getMainBrandingColourFromState } from \"../colours\";\n\nclass Toggle extends PureComponent {\n\trender() {\n\t\treturn (\n\t\t\t<View style={[styles.container, this.props.style]}>\n\t\t\t\t{this.props.options.map((option, index) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<TouchableOpacity\n\t\t\t\t\t\t\tonPress={() => {\n\t\t\t\t\t\t\t\tthis.props.onPress(option);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tstyle={[\n\t\t\t\t\t\t\t\tstyles.tag,\n\t\t\t\t\t\t\t\t{ borderColor: this.props.colourBrandingMain },\n\t\t\t\t\t\t\t\toption.val === this.props.activeVal && {\n\t\t\t\t\t\t\t\t\tborderColor: this.props.colourBrandingMain,\n\t\t\t\t\t\t\t\t\tbackgroundColor: this.props.colourBrandingMain,\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\tindex === 0 && styles.firstTag,\n\t\t\t\t\t\t\t\tindex === this.props.options.length - 1 && styles.lastTag,\n\t\t\t\t\t\t\t\tthis.props.tagStyle,\n\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\tkey={option.val}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\tstyle={[\n\t\t\t\t\t\t\t\t\tstyles.text,\n\t\t\t\t\t\t\t\t\t{ color: this.props.colourBrandingMain },\n\t\t\t\t\t\t\t\t\toption.val === this.props.activeVal && styles.activeText,\n\t\t\t\t\t\t\t\t\tthis.props.textStyle,\n\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{option.text}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t</TouchableOpacity>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</View>\n\t\t);\n\t}\n}\n\nconst styles = {\n\tcontainer: {\n\t\tflexDirection: \"row\",\n\t},\n\ttext: {\n\t\tfontFamily: \"sf-semibold\",\n\t\tfontSize: 14,\n\t\ttextAlign: \"center\",\n\t},\n\tactiveText: {\n\t\tcolor: \"#fff\",\n\t},\n\ttag: {\n\t\tflex: 1,\n\t\theight: 34,\n\t\tborderWidth: 1,\n\t\tborderLeftWidth: 0,\n\t\tjustifyContent: \"center\",\n\t},\n\tfirstTag: {\n\t\tborderLeftWidth: 1,\n\t\tborderTopLeftRadius: 4,\n\t\tborderBottomLeftRadius: 4,\n\t},\n\tlastTag: {\n\t\tborderTopRightRadius: 4,\n\t\tborderBottomRightRadius: 4,\n\t},\n};\n\nconst mapStateToProps = (state) => {\n\treturn {\n\t\tcolourBrandingMain: getMainBrandingColourFromState(state),\n\t};\n};\n\nconst toggle = connect(mapStateToProps, {})(Toggle);\nexport { toggle as Toggle };\n"],"mappings":"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","ignoreList":[]}

package/dist/module/components/TouchableSearchBar.js

@@ -0,0 +1,68 @@
+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, TouchableWithoutFeedback } from "react-native";
+import { Text } from "./Text";
+import { connect } from "react-redux";
+import { getSiteSettingFromState } from "../helper";
+import { TEXT_LIGHT, BOXGREY } from "../colours";
+import { FontAwesome } from "./Icon";
+import Config, { Services } from "../config";
+class TouchableSearchBar extends Component {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "onPressSearch", () => {
+      Services.navigation.navigate("search", {
+        priorityType: this.props.priorityType,
+        searchName: this.props.searchName
+      });
+    });
+  }
+  render() {
+    return /*#__PURE__*/React.createElement(TouchableWithoutFeedback, {
+      onPress: this.onPressSearch
+    }, /*#__PURE__*/React.createElement(View, {
+      style: [styles.searchInputContainer, this.props.headerType !== "white" && {
+        backgroundColor: "#fff"
+      }, this.props.style]
+    }, /*#__PURE__*/React.createElement(FontAwesome, {
+      name: "magnifying-glass",
+      style: styles.searchIcon
+    }), /*#__PURE__*/React.createElement(Text, {
+      style: styles.searchText
+    }, `Search ${this.props.searchName}`)));
+  }
+}
+const styles = {
+  searchInputContainer: {
+    flex: 1,
+    height: 36,
+    marginHorizontal: 16,
+    marginVertical: 17,
+    borderRadius: 25,
+    backgroundColor: BOXGREY,
+    alignItems: "center",
+    justifyContent: "center",
+    flexDirection: "row",
+    paddingHorizontal: 16
+  },
+  searchIcon: {
+    fontSize: 14,
+    color: TEXT_LIGHT,
+    marginRight: 8
+  },
+  searchText: {
+    fontSize: 14,
+    color: TEXT_LIGHT,
+    fontFamily: "sf-medium"
+  }
+};
+const mapStateToProps = state => {
+  return {
+    headerType: getSiteSettingFromState(state, "HeaderType", getSiteSettingFromState(state, "UseGradientHeader", Config.env.hasGradientHeader) ? "gradient" : "white")
+  };
+};
+const touchableSearchBar = connect(mapStateToProps, {})(TouchableSearchBar);
+export { touchableSearchBar as TouchableSearchBar };
+//# sourceMappingURL=TouchableSearchBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Component","View","TouchableWithoutFeedback","Text","connect","getSiteSettingFromState","TEXT_LIGHT","BOXGREY","FontAwesome","Config","Services","TouchableSearchBar","constructor","args","_defineProperty","navigation","navigate","priorityType","props","searchName","render","createElement","onPress","onPressSearch","style","styles","searchInputContainer","headerType","backgroundColor","name","searchIcon","searchText","flex","height","marginHorizontal","marginVertical","borderRadius","alignItems","justifyContent","flexDirection","paddingHorizontal","fontSize","color","marginRight","fontFamily","mapStateToProps","state","env","hasGradientHeader","touchableSearchBar"],"sources":["TouchableSearchBar.js"],"sourcesContent":["import React, { Component } from \"react\";\nimport { View, TouchableWithoutFeedback } from \"react-native\";\nimport { Text } from \"./Text\";\nimport { connect } from \"react-redux\";\nimport { getSiteSettingFromState } from \"../helper\";\nimport { TEXT_LIGHT, BOXGREY } from \"../colours\";\nimport { FontAwesome } from \"./Icon\";\nimport Config, { Services } from \"../config\";\n\nclass TouchableSearchBar extends Component {\n\tonPressSearch = () => {\n\t\tServices.navigation.navigate(\"search\", {\n\t\t\tpriorityType: this.props.priorityType,\n\t\t\tsearchName: this.props.searchName,\n\t\t});\n\t};\n\n\trender() {\n\t\treturn (\n\t\t\t<TouchableWithoutFeedback onPress={this.onPressSearch}>\n\t\t\t\t<View\n\t\t\t\t\tstyle={[\n\t\t\t\t\t\tstyles.searchInputContainer,\n\t\t\t\t\t\tthis.props.headerType !== \"white\" && { backgroundColor: \"#fff\" },\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<FontAwesome name=\"magnifying-glass\" style={styles.searchIcon} />\n\t\t\t\t\t<Text\n\t\t\t\t\t\tstyle={styles.searchText}\n\t\t\t\t\t>{`Search ${this.props.searchName}`}</Text>\n\t\t\t\t</View>\n\t\t\t</TouchableWithoutFeedback>\n\t\t);\n\t}\n}\n\nconst styles = {\n\tsearchInputContainer: {\n\t\tflex: 1,\n\t\theight: 36,\n\t\tmarginHorizontal: 16,\n\t\tmarginVertical: 17,\n\t\tborderRadius: 25,\n\t\tbackgroundColor: BOXGREY,\n\t\talignItems: \"center\",\n\t\tjustifyContent: \"center\",\n\t\tflexDirection: \"row\",\n\t\tpaddingHorizontal: 16,\n\t},\n\tsearchIcon: {\n\t\tfontSize: 14,\n\t\tcolor: TEXT_LIGHT,\n\t\tmarginRight: 8,\n\t},\n\tsearchText: {\n\t\tfontSize: 14,\n\t\tcolor: TEXT_LIGHT,\n\t\tfontFamily: \"sf-medium\",\n\t},\n};\n\nconst mapStateToProps = (state) => {\n\treturn {\n\t\theaderType: getSiteSettingFromState(\n\t\t\tstate,\n\t\t\t\"HeaderType\",\n\t\t\tgetSiteSettingFromState(\n\t\t\t\tstate,\n\t\t\t\t\"UseGradientHeader\",\n\t\t\t\tConfig.env.hasGradientHeader,\n\t\t\t)\n\t\t\t\t? \"gradient\"\n\t\t\t\t: \"white\",\n\t\t),\n\t};\n};\n\nconst touchableSearchBar = connect(mapStateToProps, {})(TouchableSearchBar);\nexport { touchableSearchBar as TouchableSearchBar };\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,IAAI,EAAEC,wBAAwB,QAAQ,cAAc;AAC7D,SAASC,IAAI,QAAQ,QAAQ;AAC7B,SAASC,OAAO,QAAQ,aAAa;AACrC,SAASC,uBAAuB,QAAQ,WAAW;AACnD,SAASC,UAAU,EAAEC,OAAO,QAAQ,YAAY;AAChD,SAASC,WAAW,QAAQ,QAAQ;AACpC,OAAOC,MAAM,IAAIC,QAAQ,QAAQ,WAAW;AAE5C,MAAMC,kBAAkB,SAASX,SAAS,CAAC;EAAAY,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,wBAC1B,MAAM;MACrBJ,QAAQ,CAACK,UAAU,CAACC,QAAQ,CAAC,QAAQ,EAAE;QACtCC,YAAY,EAAE,IAAI,CAACC,KAAK,CAACD,YAAY;QACrCE,UAAU,EAAE,IAAI,CAACD,KAAK,CAACC;MACxB,CAAC,CAAC;IACH,CAAC;EAAA;EAEDC,MAAMA,CAAA,EAAG;IACR,oBACCrB,KAAA,CAAAsB,aAAA,CAACnB,wBAAwB;MAACoB,OAAO,EAAE,IAAI,CAACC;IAAc,gBACrDxB,KAAA,CAAAsB,aAAA,CAACpB,IAAI;MACJuB,KAAK,EAAE,CACNC,MAAM,CAACC,oBAAoB,EAC3B,IAAI,CAACR,KAAK,CAACS,UAAU,KAAK,OAAO,IAAI;QAAEC,eAAe,EAAE;MAAO,CAAC,EAChE,IAAI,CAACV,KAAK,CAACM,KAAK;IACf,gBAEFzB,KAAA,CAAAsB,aAAA,CAACb,WAAW;MAACqB,IAAI,EAAC,kBAAkB;MAACL,KAAK,EAAEC,MAAM,CAACK;IAAW,CAAE,CAAC,eACjE/B,KAAA,CAAAsB,aAAA,CAAClB,IAAI;MACJqB,KAAK,EAAEC,MAAM,CAACM;IAAW,GACxB,UAAU,IAAI,CAACb,KAAK,CAACC,UAAU,EAAS,CACrC,CACmB,CAAC;EAE7B;AACD;AAEA,MAAMM,MAAM,GAAG;EACdC,oBAAoB,EAAE;IACrBM,IAAI,EAAE,CAAC;IACPC,MAAM,EAAE,EAAE;IACVC,gBAAgB,EAAE,EAAE;IACpBC,cAAc,EAAE,EAAE;IAClBC,YAAY,EAAE,EAAE;IAChBR,eAAe,EAAErB,OAAO;IACxB8B,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,aAAa,EAAE,KAAK;IACpBC,iBAAiB,EAAE;EACpB,CAAC;EACDV,UAAU,EAAE;IACXW,QAAQ,EAAE,EAAE;IACZC,KAAK,EAAEpC,UAAU;IACjBqC,WAAW,EAAE;EACd,CAAC;EACDZ,UAAU,EAAE;IACXU,QAAQ,EAAE,EAAE;IACZC,KAAK,EAAEpC,UAAU;IACjBsC,UAAU,EAAE;EACb;AACD,CAAC;AAED,MAAMC,eAAe,GAAIC,KAAK,IAAK;EAClC,OAAO;IACNnB,UAAU,EAAEtB,uBAAuB,CAClCyC,KAAK,EACL,YAAY,EACZzC,uBAAuB,CACtByC,KAAK,EACL,mBAAmB,EACnBrC,MAAM,CAACsC,GAAG,CAACC,iBACZ,CAAC,GACE,UAAU,GACV,OACJ;EACD,CAAC;AACF,CAAC;AAED,MAAMC,kBAAkB,GAAG7C,OAAO,CAACyC,eAAe,EAAE,CAAC,CAAC,CAAC,CAAClC,kBAAkB,CAAC;AAC3E,SAASsC,kBAAkB,IAAItC,kBAAkB","ignoreList":[]}

package/dist/module/components/UserListPopup.js

@@ -0,0 +1,136 @@
+import React, { Component } from "react";
+import { Text } from "@plusscommunities/pluss-core-app/components";
+import { View, Dimensions, Modal, ScrollView, TouchableWithoutFeedback, Platform } from "react-native";
+import { connect } from "react-redux";
+import { TEXT_DARK, LINEGREY, getMainBrandingColourFromState } from "../colours";
+import UserListing from "./UserListing";
+import { InlineButton } from "./InlineButton";
+const SCREEN_HEIGHT = Dimensions.get("window").height;
+class UserListPopup extends Component {
+  getRenderKey(user, userKey) {
+    if (user.id) {
+      return `${user.id}${userKey}`;
+    }
+    if (user.userId) {
+      return `${user.userId}${userKey}`;
+    }
+    return userKey;
+  }
+  renderHeader() {
+    return /*#__PURE__*/React.createElement(View, {
+      style: styles.titleContainer
+    }, /*#__PURE__*/React.createElement(View, {
+      style: styles.titleContent
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: styles.title
+    }, this.props.title)));
+  }
+  renderScrollContainer() {
+    return /*#__PURE__*/React.createElement(ScrollView, {
+      style: styles.optionsContainer,
+      keyboardShouldPersistTaps: "handled"
+    }, this.props.users.map((user, userIndex) => {
+      return /*#__PURE__*/React.createElement(UserListing, {
+        user: user,
+        key: this.getRenderKey(user, userIndex),
+        index: userIndex
+      });
+    }), /*#__PURE__*/React.createElement(View, {
+      style: styles.scrollFooterSpace
+    }));
+  }
+  renderFooter() {
+    return /*#__PURE__*/React.createElement(View, {
+      style: styles.footer
+    }, /*#__PURE__*/React.createElement(InlineButton, {
+      onPress: this.props.onClose.bind(this),
+      color: this.props.colourBrandingMain,
+      style: [styles.footerButton]
+    }, "Done"));
+  }
+  render() {
+    return /*#__PURE__*/React.createElement(Modal, {
+      visible: this.props.visible,
+      transparent: true,
+      animationType: "slide",
+      onRequestClose: this.props.onClose
+    }, /*#__PURE__*/React.createElement(ScrollView, {
+      keyboardShouldPersistTaps: "always"
+    }, /*#__PURE__*/React.createElement(View, {
+      style: styles.popup
+    }, /*#__PURE__*/React.createElement(TouchableWithoutFeedback, {
+      onPress: this.props.onClose
+    }, /*#__PURE__*/React.createElement(View, {
+      style: styles.popupOverlay
+    })), /*#__PURE__*/React.createElement(View, {
+      style: [styles.popupContent, {
+        minHeight: SCREEN_HEIGHT - (Platform.OS === "android" ? 175 : 150)
+      }, {
+        marginTop: 60,
+        minHeight: SCREEN_HEIGHT - (Platform.OS === "android" ? 85 : 60)
+      }]
+    }, this.renderHeader(), this.renderScrollContainer(), this.renderFooter()))));
+  }
+}
+const styles = {
+  popup: {
+    flex: 1,
+    justifyContent: "center"
+  },
+  popupOverlay: {
+    position: "absolute",
+    backgroundColor: "rgba(19, 19, 26, .25)",
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0
+  },
+  popupContent: {
+    borderRadius: 3,
+    marginTop: 150,
+    backgroundColor: "#fff",
+    flex: 1,
+    borderTopLeftRadius: 15,
+    borderTopRightRadius: 15
+  },
+  footer: {
+    padding: 8,
+    borderTopWidth: 1,
+    borderColor: LINEGREY,
+    backgroundColor: "#fff"
+  },
+  footerButton: {
+    width: "100%",
+    height: 40
+  },
+  titleContainer: {
+    alignSelf: "stretch",
+    padding: 24,
+    paddingTop: 16,
+    paddingBottom: 0
+  },
+  titleContent: {
+    borderColor: LINEGREY,
+    borderBottomWidth: 1,
+    flexDirection: "row",
+    justifyContent: "space-between",
+    paddingBottom: 15
+  },
+  title: {
+    fontSize: 15,
+    fontFamily: "sf-semibold",
+    color: TEXT_DARK
+  },
+  optionsContainer: {
+    flex: 1,
+    paddingVertical: 8
+  }
+};
+const mapStateToProps = state => {
+  return {
+    colourBrandingMain: getMainBrandingColourFromState(state)
+  };
+};
+const userListPopup = connect(mapStateToProps, {})(UserListPopup);
+export { userListPopup as UserListPopup };
+//# sourceMappingURL=UserListPopup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Component","Text","View","Dimensions","Modal","ScrollView","TouchableWithoutFeedback","Platform","connect","TEXT_DARK","LINEGREY","getMainBrandingColourFromState","UserListing","InlineButton","SCREEN_HEIGHT","get","height","UserListPopup","getRenderKey","user","userKey","id","userId","renderHeader","createElement","style","styles","titleContainer","titleContent","title","props","renderScrollContainer","optionsContainer","keyboardShouldPersistTaps","users","map","userIndex","key","index","scrollFooterSpace","renderFooter","footer","onPress","onClose","bind","color","colourBrandingMain","footerButton","render","visible","transparent","animationType","onRequestClose","popup","popupOverlay","popupContent","minHeight","OS","marginTop","flex","justifyContent","position","backgroundColor","top","left","right","bottom","borderRadius","borderTopLeftRadius","borderTopRightRadius","padding","borderTopWidth","borderColor","width","alignSelf","paddingTop","paddingBottom","borderBottomWidth","flexDirection","fontSize","fontFamily","paddingVertical","mapStateToProps","state","userListPopup"],"sources":["UserListPopup.js"],"sourcesContent":["import React, { Component } from \"react\";\nimport { Text } from \"@plusscommunities/pluss-core-app/components\";\nimport {\n\tView,\n\tDimensions,\n\tModal,\n\tScrollView,\n\tTouchableWithoutFeedback,\n\tPlatform,\n} from \"react-native\";\nimport { connect } from \"react-redux\";\nimport {\n\tTEXT_DARK,\n\tLINEGREY,\n\tgetMainBrandingColourFromState,\n} from \"../colours\";\nimport UserListing from \"./UserListing\";\nimport { InlineButton } from \"./InlineButton\";\n\nconst SCREEN_HEIGHT = Dimensions.get(\"window\").height;\n\nclass UserListPopup extends Component {\n\tgetRenderKey(user, userKey) {\n\t\tif (user.id) {\n\t\t\treturn `${user.id}${userKey}`;\n\t\t}\n\t\tif (user.userId) {\n\t\t\treturn `${user.userId}${userKey}`;\n\t\t}\n\t\treturn userKey;\n\t}\n\n\trenderHeader() {\n\t\treturn (\n\t\t\t<View style={styles.titleContainer}>\n\t\t\t\t<View style={styles.titleContent}>\n\t\t\t\t\t<Text style={styles.title}>{this.props.title}</Text>\n\t\t\t\t</View>\n\t\t\t</View>\n\t\t);\n\t}\n\n\trenderScrollContainer() {\n\t\treturn (\n\t\t\t<ScrollView\n\t\t\t\tstyle={styles.optionsContainer}\n\t\t\t\tkeyboardShouldPersistTaps=\"handled\"\n\t\t\t>\n\t\t\t\t{this.props.users.map((user, userIndex) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<UserListing\n\t\t\t\t\t\t\tuser={user}\n\t\t\t\t\t\t\tkey={this.getRenderKey(user, userIndex)}\n\t\t\t\t\t\t\tindex={userIndex}\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t\t<View style={styles.scrollFooterSpace} />\n\t\t\t</ScrollView>\n\t\t);\n\t}\n\n\trenderFooter() {\n\t\treturn (\n\t\t\t<View style={styles.footer}>\n\t\t\t\t<InlineButton\n\t\t\t\t\tonPress={this.props.onClose.bind(this)}\n\t\t\t\t\tcolor={this.props.colourBrandingMain}\n\t\t\t\t\tstyle={[styles.footerButton]}\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<Modal\n\t\t\t\tvisible={this.props.visible}\n\t\t\t\ttransparent\n\t\t\t\tanimationType=\"slide\"\n\t\t\t\tonRequestClose={this.props.onClose}\n\t\t\t>\n\t\t\t\t<ScrollView keyboardShouldPersistTaps=\"always\">\n\t\t\t\t\t<View style={styles.popup}>\n\t\t\t\t\t\t<TouchableWithoutFeedback onPress={this.props.onClose}>\n\t\t\t\t\t\t\t<View style={styles.popupOverlay} />\n\t\t\t\t\t\t</TouchableWithoutFeedback>\n\t\t\t\t\t\t<View\n\t\t\t\t\t\t\tstyle={[\n\t\t\t\t\t\t\t\tstyles.popupContent,\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\tminHeight:\n\t\t\t\t\t\t\t\t\t\tSCREEN_HEIGHT - (Platform.OS === \"android\" ? 175 : 150),\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\tmarginTop: 60,\n\t\t\t\t\t\t\t\t\tminHeight:\n\t\t\t\t\t\t\t\t\t\tSCREEN_HEIGHT - (Platform.OS === \"android\" ? 85 : 60),\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{this.renderHeader()}\n\t\t\t\t\t\t\t{this.renderScrollContainer()}\n\t\t\t\t\t\t\t{this.renderFooter()}\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</View>\n\t\t\t\t</ScrollView>\n\t\t\t</Modal>\n\t\t);\n\t}\n}\n\nconst styles = {\n\tpopup: {\n\t\tflex: 1,\n\t\tjustifyContent: \"center\",\n\t},\n\tpopupOverlay: {\n\t\tposition: \"absolute\",\n\t\tbackgroundColor: \"rgba(19, 19, 26, .25)\",\n\t\ttop: 0,\n\t\tleft: 0,\n\t\tright: 0,\n\t\tbottom: 0,\n\t},\n\tpopupContent: {\n\t\tborderRadius: 3,\n\t\tmarginTop: 150,\n\t\tbackgroundColor: \"#fff\",\n\t\tflex: 1,\n\t\tborderTopLeftRadius: 15,\n\t\tborderTopRightRadius: 15,\n\t},\n\tfooter: {\n\t\tpadding: 8,\n\t\tborderTopWidth: 1,\n\t\tborderColor: LINEGREY,\n\t\tbackgroundColor: \"#fff\",\n\t},\n\tfooterButton: {\n\t\twidth: \"100%\",\n\t\theight: 40,\n\t},\n\ttitleContainer: {\n\t\talignSelf: \"stretch\",\n\t\tpadding: 24,\n\t\tpaddingTop: 16,\n\t\tpaddingBottom: 0,\n\t},\n\ttitleContent: {\n\t\tborderColor: LINEGREY,\n\t\tborderBottomWidth: 1,\n\t\tflexDirection: \"row\",\n\t\tjustifyContent: \"space-between\",\n\t\tpaddingBottom: 15,\n\t},\n\ttitle: {\n\t\tfontSize: 15,\n\t\tfontFamily: \"sf-semibold\",\n\t\tcolor: TEXT_DARK,\n\t},\n\toptionsContainer: {\n\t\tflex: 1,\n\t\tpaddingVertical: 8,\n\t},\n};\n\nconst mapStateToProps = (state) => {\n\treturn {\n\t\tcolourBrandingMain: getMainBrandingColourFromState(state),\n\t};\n};\n\nconst userListPopup = connect(mapStateToProps, {})(UserListPopup);\nexport { userListPopup as UserListPopup };\n"],"mappings":"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","ignoreList":[]}