@plusscommunities/pluss-core-app 8.0.29 → 8.0.31

package/dist/module/colours.js

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

package/dist/module/colours.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TEXT_DARKEST","TEXT_DARK","TEXT_BLUEGREY","TEXT_DARK_ALPHA10","TEXT_MID","TEXT_MID_ALPHA50","TEXT_LIGHT","TEXT_LIGHTER","TEXT_SUPER_LIGHT","BG_GREY","LINEGREY","BOXGREY","PINKISH_GREY","INACTIVE_BUTTON","INACTIVE_TEXT","COLOUR_TEAL","COLOUR_RED","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"],"sources":["colours.js"],"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)';\nconst TEXT_DARK_ALPHA10 = \"rgba(60, 60, 80, .1)\";\nconst TEXT_MID = \"#5a5a6e\";\nconst 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';\nconst 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\t// Expand shorthand form (e.g. \"03F\") to full form (e.g. \"0033FF\")\n\tconst shorthandRegex = /^#?([a-f\\d])([a-f\\d])([a-f\\d])$/i;\n\thex = hex.replace(shorthandRegex, (m, r, g, b) => {\n\t\treturn r + r + g + g + b + b;\n\t});\n\n\tconst result = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i.exec(hex);\n\treturn result\n\t\t? `rgba(${parseInt(result[1], 16)}, ${parseInt(result[2], 16)}, ${parseInt(result[3], 16)}, ${opacity})`\n\t\t: 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\treturn (\n\t\t(state &&\n\t\t\tstate.user &&\n\t\t\tstate.user.siteBranding &&\n\t\t\tstate.user.siteBranding.MainBrandingColour) ||\n\t\tCOLOUR_BRANDING_MAIN\n\t);\n};\n\nconst getDarkBrandingColourFromState = (state) => {\n\treturn (\n\t\t(state &&\n\t\t\tstate.user &&\n\t\t\tstate.user.siteBranding &&\n\t\t\tstate.user.siteBranding.DarkBrandingColour) ||\n\t\tCOLOUR_BRANDING_DARK\n\t);\n};\n\nconst getLightBrandingColourFromState = (state) => {\n\treturn (\n\t\t(state &&\n\t\t\tstate.user &&\n\t\t\tstate.user.siteBranding &&\n\t\t\tstate.user.siteBranding.LightBrandingColour) ||\n\t\tCOLOUR_BRANDING_LIGHT\n\t);\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\t// COLOUR_1,\n\t// COLOUR_2,\n\t// COLOUR_3,\n\tTEXT_DARKEST,\n\tTEXT_BLUEGREY,\n\tTEXT_DARK,\n\t// TEXT_DARK_ALPHA50,\n\t// TEXT_DARK_ALPHA20,\n\tTEXT_DARK_ALPHA10,\n\tTEXT_MID,\n\tTEXT_MID_ALPHA50,\n\tTEXT_LIGHT,\n\tTEXT_LIGHTER,\n\tTEXT_SUPER_LIGHT,\n\tBG_GREY,\n\tLINEGREY,\n\tPINKISH_GREY,\n\tBOXGREY,\n\t// PALE_GREY,\n\tINACTIVE_BUTTON,\n\tINACTIVE_TEXT,\n\tCOLOUR_TEAL,\n\t// COLOUR_TEAL_ALPHA50,\n\t// COLOUR_BLUE,\n\t// COLOUR_BLUE_LIVE,\n\t// COLOUR_BLUE_ALPHA10,\n\t// COLOUR_DARKBLUE,\n\t// COLOUR_PURPLE,\n\tCOLOUR_RED,\n\tCOLOUR_TANGERINE,\n\t// COLOUR_CITRON,\n\t// DARK_OVERLAY,\n\t// hexToRGB,\n\thexToRGBAstring,\n\t// pctBtwnColours,\n\t// FACEBOOK_BLUE,\n\t// COLOUR_NAV_GREY,\n\tCOLOUR_TRANSPARENT,\n\t// COLOUR_SIDEBAR,\n\tCOLOUR_BRANDING_MAIN,\n\t// COLOUR_BRANDING_OFF,\n\tCOLOUR_BRANDING_LIGHT,\n\tCOLOUR_BRANDING_DARK,\n\tCOLOUR_GREEN,\n\tCOLOUR_GREEN_LIGHT,\n\tCOLOUR_GRAPEFRUIT,\n\t// COLOUR_DAY,\n\t// COLOUR_NIGHT,\n\tCOLOUR_TAN,\n\t// getHeaderBrandingColourFromState,\n\tgetMainBrandingColourFromState,\n\tgetDarkBrandingColourFromState,\n\tgetLightBrandingColourFromState,\n\t// getSecondaryBrandingColourFromState,\n\t// getMainBrandingColourFromSite,\n\t// getDarkBrandingColourFromSite,\n\t// getLightBrandingColourFromSite,\n\t// getTabIconColour,\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/module/components/AddButton.js

@@ -0,0 +1,43 @@
+import React, { PureComponent } from "react";
+import { TouchableOpacity } from "react-native";
+import { connect } from "react-redux";
+import Styles from "../styles";
+import { FontAwesome } from "./Icon";
+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(FontAwesome, {
+      name: "plus",
+      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,"names":["React","PureComponent","TouchableOpacity","connect","Styles","FontAwesome","getMainBrandingColourFromState","AddButton","render","size","props","diameter","radius","createElement","style","addButton","height","width","borderRadius","backgroundColor","colourBrandingMain","color","onPress","name","addButtonIcon","mapStateToProps","state"],"sources":["AddButton.js"],"sourcesContent":["import React, { PureComponent } from \"react\";\nimport { TouchableOpacity } from \"react-native\";\nimport { connect } from \"react-redux\";\nimport Styles from \"../styles\";\nimport { FontAwesome } from \"./Icon\";\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\trender() {\n\t\tconst size = this.props.diameter || 48;\n\t\tconst radius = size / 2;\n\t\treturn (\n\t\t\t<TouchableOpacity\n\t\t\t\tstyle={[\n\t\t\t\t\tStyles.addButton,\n\t\t\t\t\t{\n\t\t\t\t\t\theight: size,\n\t\t\t\t\t\twidth: size,\n\t\t\t\t\t\tborderRadius: radius,\n\t\t\t\t\t\tbackgroundColor: this.props.colourBrandingMain,\n\t\t\t\t\t},\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\tonPress={this.props.onPress}\n\t\t\t>\n\t\t\t\t<FontAwesome name=\"plus\" style={Styles.addButtonIcon} />\n\t\t\t</TouchableOpacity>\n\t\t);\n\t}\n}\n\nconst mapStateToProps = (state) => {\n\treturn {\n\t\tcolourBrandingMain: getMainBrandingColourFromState(state),\n\t};\n};\n\nconst addButton = connect(mapStateToProps, {})(AddButton);\nexport { addButton as AddButton };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,QAAQ,OAAO;AAC5C,SAASC,gBAAgB,QAAQ,cAAc;AAC/C,SAASC,OAAO,QAAQ,aAAa;AACrC,OAAOC,MAAM,MAAM,WAAW;AAC9B,SAASC,WAAW,QAAQ,QAAQ;AACpC,SAASC,8BAA8B,QAAQ,YAAY;;AAE3D;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,MAAMC,SAAS,SAASN,aAAa,CAAC;EACrCO,MAAMA,CAAA,EAAG;IACR,MAAMC,IAAI,GAAG,IAAI,CAACC,KAAK,CAACC,QAAQ,IAAI,EAAE;IACtC,MAAMC,MAAM,GAAGH,IAAI,GAAG,CAAC;IACvB,oBACCT,KAAA,CAAAa,aAAA,CAACX,gBAAgB;MAChBY,KAAK,EAAE,CACNV,MAAM,CAACW,SAAS,EAChB;QACCC,MAAM,EAAEP,IAAI;QACZQ,KAAK,EAAER,IAAI;QACXS,YAAY,EAAEN,MAAM;QACpBO,eAAe,EAAE,IAAI,CAACT,KAAK,CAACU;MAC7B,CAAC,EACD,IAAI,CAACV,KAAK,CAACW,KAAK,IAAI;QAAEF,eAAe,EAAE,IAAI,CAACT,KAAK,CAACW;MAAM,CAAC,EACzD,IAAI,CAACX,KAAK,CAACI,KAAK,CACf;MACFQ,OAAO,EAAE,IAAI,CAACZ,KAAK,CAACY;IAAQ,gBAE5BtB,KAAA,CAAAa,aAAA,CAACR,WAAW;MAACkB,IAAI,EAAC,MAAM;MAACT,KAAK,EAAEV,MAAM,CAACoB;IAAc,CAAE,CACtC,CAAC;EAErB;AACD;AAEA,MAAMC,eAAe,GAAIC,KAAK,IAAK;EAClC,OAAO;IACNN,kBAAkB,EAAEd,8BAA8B,CAACoB,KAAK;EACzD,CAAC;AACF,CAAC;AAED,MAAMX,SAAS,GAAGZ,OAAO,CAACsB,eAAe,EAAE,CAAC,CAAC,CAAC,CAAClB,SAAS,CAAC;AACzD,SAASQ,SAAS,IAAIR,SAAS","ignoreList":[]}

package/dist/module/components/AddToCalendarButton.js

@@ -0,0 +1,225 @@
+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); }
+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 { Platform, Linking, StyleSheet, View, TouchableOpacity, ScrollView } from "react-native";
+import { connect } from "react-redux";
+import _ from "lodash";
+import * as Calendar from "expo-calendar";
+import { TEXT_DARK, getMainBrandingColourFromState } from "../colours";
+import { InlineButton } from "./InlineButton";
+import { Popup } from "./Popup";
+import { MiddlePopup } from "./MiddlePopup";
+const DEFAULT_TITLE = "Add to Calendar";
+const ERROR_EVENT_ADD = "There was a problem adding a calendar event.";
+
+// Required: eventToAdd
+// Documentation: https://docs.expo.dev/versions/latest/sdk/calendar/#event
+class AddToCalendarButton extends Component {
+  constructor(props) {
+    super(props);
+    _defineProperty(this, "showWarningPopup", () => {
+      if (Platform.OS !== "ios") return;
+      this.setState({
+        showPermissionWarning: true
+      });
+    });
+    _defineProperty(this, "closeWarningPopup", () => {
+      this.setState({
+        showPermissionWarning: false
+      });
+    });
+    _defineProperty(this, "goToPermissionSettings", () => {
+      Linking.openURL("app-settings:");
+      this.setState({
+        showPermissionWarning: false
+      });
+    });
+    _defineProperty(this, "onAdd", async () => {
+      if (!this.props.eventToAdd) {
+        this.setState({
+          message: "There is no event to add"
+        });
+        return;
+      }
+      const {
+        status
+      } = await Calendar.requestCalendarPermissionsAsync();
+      if (status !== "granted") {
+        this.showWarningPopup();
+      } else {
+        let calendars = await Calendar.getCalendarsAsync(Calendar.EntityTypes.EVENT);
+        // console.log('all calendars', calendars);
+        if (calendars && calendars.length > 0) {
+          calendars = calendars.filter(c => c.allowsModifications).map(c => {
+            return {
+              id: c.id,
+              title: c.title,
+              source: c.source.name,
+              color: c.color,
+              type: c.type
+            };
+          });
+          calendars = _.orderBy(calendars, ["source", "title"]);
+          // console.log('sorted calendars', calendars);
+        }
+        this.setState({
+          calendars
+        });
+      }
+    });
+    _defineProperty(this, "onCloseCalendars", () => {
+      this.setState({
+        calendars: null
+      });
+    });
+    _defineProperty(this, "onSelectCalendar", async calendar => {
+      try {
+        const {
+          eventToAdd
+        } = this.props;
+        if (!eventToAdd) return;
+        const eventId = await Calendar.createEventAsync(calendar.id, eventToAdd);
+        this.setState({
+          calendars: null,
+          message: eventId ? `${eventToAdd.title} was added to ${calendar.title} successfully.` : ERROR_EVENT_ADD
+        });
+      } catch (error) {
+        console.log("onSelectCalendar", error);
+        this.setState({
+          calendars: null,
+          message: ERROR_EVENT_ADD
+        });
+      }
+    });
+    _defineProperty(this, "onCloseMessage", () => {
+      this.setState({
+        message: null
+      });
+    });
+    this.state = {
+      showPermissionWarning: false,
+      calendars: null,
+      message: null
+    };
+  }
+  renderPermission() {
+    return /*#__PURE__*/React.createElement(Popup, {
+      title: "Permissions missing",
+      text: "You must grant access to the Calendars. Tap Go to settings to change your permission settings.",
+      options: [{
+        text: "Go to settings",
+        action: this.goToPermissionSettings,
+        bold: true
+      }, {
+        text: "Ignore",
+        action: this.closeWarningPopup
+      }]
+    });
+  }
+  renderCalendars(calendars) {
+    return /*#__PURE__*/React.createElement(MiddlePopup, {
+      style: [styles.calendarsPopup, {
+        height: calendars.length * 60 + 120
+      }],
+      onClose: this.onCloseCalendars
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: styles.calendarPopupTitle
+    }, "Select Calendar"), /*#__PURE__*/React.createElement(View, {
+      style: styles.calendarPopupContainer
+    }, /*#__PURE__*/React.createElement(ScrollView, {
+      style: {
+        flex: 1
+      },
+      showsVerticalScrollIndicator: false
+    }, calendars.map(cal => {
+      return /*#__PURE__*/React.createElement(TouchableOpacity, {
+        key: cal.id,
+        onPress: () => this.onSelectCalendar(cal)
+      }, /*#__PURE__*/React.createElement(View, {
+        style: [styles.calendarContainer, {
+          backgroundColor: cal.color
+        }]
+      }, /*#__PURE__*/React.createElement(Text, {
+        style: styles.calendarText
+      }, `${cal.source}${cal.source === cal.title ? "" : `\n${cal.title}`}`)));
+    })), /*#__PURE__*/React.createElement(TouchableOpacity, {
+      key: "cancel",
+      onPress: this.onCloseCalendars
+    }, /*#__PURE__*/React.createElement(View, {
+      style: [styles.calendarContainer, {
+        marginTop: 20,
+        backgroundColor: this.props.colourBrandingMain
+      }]
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: styles.calendarText
+    }, "Cancel")))));
+  }
+  renderMessage(message) {
+    return /*#__PURE__*/React.createElement(Popup, {
+      title: "Add to Calendar",
+      text: message,
+      options: [{
+        text: "Ok",
+        action: this.onCloseMessage
+      }]
+    });
+  }
+  render() {
+    const {
+      showPermissionWarning,
+      calendars,
+      message
+    } = this.state;
+    if (showPermissionWarning) return this.renderPermission();
+    if (calendars && calendars.length > 0) return this.renderCalendars(calendars);
+    if (message) return this.renderMessage(message);
+    return /*#__PURE__*/React.createElement(InlineButton, _extends({}, this.props, {
+      onPress: this.onAdd
+    }), this.props.children || DEFAULT_TITLE);
+  }
+}
+const styles = StyleSheet.create({
+  calendarsPopup: {
+    width: 250,
+    maxHeight: 400,
+    padding: 16,
+    borderRadius: 12
+  },
+  calendarPopupTitle: {
+    fontFamily: "sf-bold",
+    color: TEXT_DARK,
+    fontSize: 18,
+    marginBottom: 16
+  },
+  calendarPopupContainer: {
+    flex: 1,
+    justifyContent: "space-between"
+  },
+  calendarContainer: {
+    flexDirection: "row",
+    alignItems: "center",
+    width: 200,
+    height: 40,
+    paddingHorizontal: 8,
+    borderRadius: 4,
+    marginBottom: 10
+  },
+  calendarText: {
+    color: "#fff",
+    textAlign: "center",
+    fontFamily: "sf-semibold",
+    fontSize: 13,
+    flex: 1
+  }
+});
+const mapStateToProps = state => {
+  return {
+    colourBrandingMain: getMainBrandingColourFromState(state)
+  };
+};
+const button = connect(mapStateToProps, {})(AddToCalendarButton);
+export { button as AddToCalendarButton };
+//# sourceMappingURL=AddToCalendarButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Component","Text","Platform","Linking","StyleSheet","View","TouchableOpacity","ScrollView","connect","_","Calendar","TEXT_DARK","getMainBrandingColourFromState","InlineButton","Popup","MiddlePopup","DEFAULT_TITLE","ERROR_EVENT_ADD","AddToCalendarButton","constructor","props","_defineProperty","OS","setState","showPermissionWarning","openURL","eventToAdd","message","status","requestCalendarPermissionsAsync","showWarningPopup","calendars","getCalendarsAsync","EntityTypes","EVENT","length","filter","c","allowsModifications","map","id","title","source","name","color","type","orderBy","calendar","eventId","createEventAsync","error","console","log","state","renderPermission","createElement","text","options","action","goToPermissionSettings","bold","closeWarningPopup","renderCalendars","style","styles","calendarsPopup","height","onClose","onCloseCalendars","calendarPopupTitle","calendarPopupContainer","flex","showsVerticalScrollIndicator","cal","key","onPress","onSelectCalendar","calendarContainer","backgroundColor","calendarText","marginTop","colourBrandingMain","renderMessage","onCloseMessage","render","_extends","onAdd","children","create","width","maxHeight","padding","borderRadius","fontFamily","fontSize","marginBottom","justifyContent","flexDirection","alignItems","paddingHorizontal","textAlign","mapStateToProps","button"],"sources":["AddToCalendarButton.js"],"sourcesContent":["import React, { Component } from \"react\";\nimport { Text } from \"@plusscommunities/pluss-core-app/components\";\nimport {\n\tPlatform,\n\tLinking,\n\tStyleSheet,\n\tView,\n\tTouchableOpacity,\n\tScrollView,\n} from \"react-native\";\nimport { connect } from \"react-redux\";\nimport _ from \"lodash\";\nimport * as Calendar from \"expo-calendar\";\nimport { TEXT_DARK, getMainBrandingColourFromState } from \"../colours\";\nimport { InlineButton } from \"./InlineButton\";\nimport { Popup } from \"./Popup\";\nimport { MiddlePopup } from \"./MiddlePopup\";\n\nconst DEFAULT_TITLE = \"Add to Calendar\";\nconst ERROR_EVENT_ADD = \"There was a problem adding a calendar event.\";\n\n// Required: eventToAdd\n// Documentation: https://docs.expo.dev/versions/latest/sdk/calendar/#event\nclass AddToCalendarButton extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tshowPermissionWarning: false,\n\t\t\tcalendars: null,\n\t\t\tmessage: null,\n\t\t};\n\t}\n\n\tshowWarningPopup = () => {\n\t\tif (Platform.OS !== \"ios\") return;\n\t\tthis.setState({ showPermissionWarning: true });\n\t};\n\n\tcloseWarningPopup = () => {\n\t\tthis.setState({ showPermissionWarning: false });\n\t};\n\n\tgoToPermissionSettings = () => {\n\t\tLinking.openURL(\"app-settings:\");\n\t\tthis.setState({ showPermissionWarning: false });\n\t};\n\n\tonAdd = async () => {\n\t\tif (!this.props.eventToAdd) {\n\t\t\tthis.setState({ message: \"There is no event to add\" });\n\t\t\treturn;\n\t\t}\n\n\t\tconst { status } = await Calendar.requestCalendarPermissionsAsync();\n\t\tif (status !== \"granted\") {\n\t\t\tthis.showWarningPopup();\n\t\t} else {\n\t\t\tlet calendars = await Calendar.getCalendarsAsync(\n\t\t\t\tCalendar.EntityTypes.EVENT,\n\t\t\t);\n\t\t\t// console.log('all calendars', calendars);\n\t\t\tif (calendars && calendars.length > 0) {\n\t\t\t\tcalendars = calendars\n\t\t\t\t\t.filter((c) => c.allowsModifications)\n\t\t\t\t\t.map((c) => {\n\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\tid: c.id,\n\t\t\t\t\t\t\ttitle: c.title,\n\t\t\t\t\t\t\tsource: c.source.name,\n\t\t\t\t\t\t\tcolor: c.color,\n\t\t\t\t\t\t\ttype: c.type,\n\t\t\t\t\t\t};\n\t\t\t\t\t});\n\t\t\t\tcalendars = _.orderBy(calendars, [\"source\", \"title\"]);\n\t\t\t\t// console.log('sorted calendars', calendars);\n\t\t\t}\n\t\t\tthis.setState({ calendars });\n\t\t}\n\t};\n\n\tonCloseCalendars = () => {\n\t\tthis.setState({ calendars: null });\n\t};\n\n\tonSelectCalendar = async (calendar) => {\n\t\ttry {\n\t\t\tconst { eventToAdd } = this.props;\n\t\t\tif (!eventToAdd) return;\n\n\t\t\tconst eventId = await Calendar.createEventAsync(calendar.id, eventToAdd);\n\n\t\t\tthis.setState({\n\t\t\t\tcalendars: null,\n\t\t\t\tmessage: eventId\n\t\t\t\t\t? `${eventToAdd.title} was added to ${calendar.title} successfully.`\n\t\t\t\t\t: ERROR_EVENT_ADD,\n\t\t\t});\n\t\t} catch (error) {\n\t\t\tconsole.log(\"onSelectCalendar\", error);\n\t\t\tthis.setState({ calendars: null, message: ERROR_EVENT_ADD });\n\t\t}\n\t};\n\n\tonCloseMessage = () => {\n\t\tthis.setState({ message: null });\n\t};\n\n\trenderPermission() {\n\t\treturn (\n\t\t\t<Popup\n\t\t\t\ttitle=\"Permissions missing\"\n\t\t\t\ttext=\"You must grant access to the Calendars. Tap Go to settings to change your permission settings.\"\n\t\t\t\toptions={[\n\t\t\t\t\t{\n\t\t\t\t\t\ttext: \"Go to settings\",\n\t\t\t\t\t\taction: this.goToPermissionSettings,\n\t\t\t\t\t\tbold: true,\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\ttext: \"Ignore\",\n\t\t\t\t\t\taction: this.closeWarningPopup,\n\t\t\t\t\t},\n\t\t\t\t]}\n\t\t\t/>\n\t\t);\n\t}\n\n\trenderCalendars(calendars) {\n\t\treturn (\n\t\t\t<MiddlePopup\n\t\t\t\tstyle={[styles.calendarsPopup, { height: calendars.length * 60 + 120 }]}\n\t\t\t\tonClose={this.onCloseCalendars}\n\t\t\t>\n\t\t\t\t<Text style={styles.calendarPopupTitle}>Select Calendar</Text>\n\t\t\t\t<View style={styles.calendarPopupContainer}>\n\t\t\t\t\t<ScrollView style={{ flex: 1 }} showsVerticalScrollIndicator={false}>\n\t\t\t\t\t\t{calendars.map((cal) => {\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<TouchableOpacity\n\t\t\t\t\t\t\t\t\tkey={cal.id}\n\t\t\t\t\t\t\t\t\tonPress={() => this.onSelectCalendar(cal)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<View\n\t\t\t\t\t\t\t\t\t\tstyle={[\n\t\t\t\t\t\t\t\t\t\t\tstyles.calendarContainer,\n\t\t\t\t\t\t\t\t\t\t\t{ backgroundColor: cal.color },\n\t\t\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\t\tstyle={styles.calendarText}\n\t\t\t\t\t\t\t\t\t\t>{`${cal.source}${cal.source === cal.title ? \"\" : `\\n${cal.title}`}`}</Text>\n\t\t\t\t\t\t\t\t\t</View>\n\t\t\t\t\t\t\t\t</TouchableOpacity>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\t\t\t\t\t</ScrollView>\n\t\t\t\t\t<TouchableOpacity key={\"cancel\"} onPress={this.onCloseCalendars}>\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.calendarContainer,\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\tmarginTop: 20,\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]}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Text style={styles.calendarText}>Cancel</Text>\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</TouchableOpacity>\n\t\t\t\t</View>\n\t\t\t</MiddlePopup>\n\t\t);\n\t}\n\n\trenderMessage(message) {\n\t\treturn (\n\t\t\t<Popup\n\t\t\t\ttitle=\"Add to Calendar\"\n\t\t\t\ttext={message}\n\t\t\t\toptions={[\n\t\t\t\t\t{\n\t\t\t\t\t\ttext: \"Ok\",\n\t\t\t\t\t\taction: this.onCloseMessage,\n\t\t\t\t\t},\n\t\t\t\t]}\n\t\t\t/>\n\t\t);\n\t}\n\n\trender() {\n\t\tconst { showPermissionWarning, calendars, message } = this.state;\n\n\t\tif (showPermissionWarning) return this.renderPermission();\n\t\tif (calendars && calendars.length > 0)\n\t\t\treturn this.renderCalendars(calendars);\n\t\tif (message) return this.renderMessage(message);\n\n\t\treturn (\n\t\t\t<InlineButton {...this.props} onPress={this.onAdd}>\n\t\t\t\t{this.props.children || DEFAULT_TITLE}\n\t\t\t</InlineButton>\n\t\t);\n\t}\n}\n\nconst styles = StyleSheet.create({\n\tcalendarsPopup: {\n\t\twidth: 250,\n\t\tmaxHeight: 400,\n\t\tpadding: 16,\n\t\tborderRadius: 12,\n\t},\n\tcalendarPopupTitle: {\n\t\tfontFamily: \"sf-bold\",\n\t\tcolor: TEXT_DARK,\n\t\tfontSize: 18,\n\t\tmarginBottom: 16,\n\t},\n\tcalendarPopupContainer: {\n\t\tflex: 1,\n\t\tjustifyContent: \"space-between\",\n\t},\n\tcalendarContainer: {\n\t\tflexDirection: \"row\",\n\t\talignItems: \"center\",\n\t\twidth: 200,\n\t\theight: 40,\n\t\tpaddingHorizontal: 8,\n\t\tborderRadius: 4,\n\t\tmarginBottom: 10,\n\t},\n\tcalendarText: {\n\t\tcolor: \"#fff\",\n\t\ttextAlign: \"center\",\n\t\tfontFamily: \"sf-semibold\",\n\t\tfontSize: 13,\n\t\tflex: 1,\n\t},\n});\n\nconst mapStateToProps = (state) => {\n\treturn {\n\t\tcolourBrandingMain: getMainBrandingColourFromState(state),\n\t};\n};\n\nconst button = connect(mapStateToProps, {})(AddToCalendarButton);\nexport { button as AddToCalendarButton };\n"],"mappings":"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","ignoreList":[]}

package/dist/module/components/Attachment.js

@@ -0,0 +1,55 @@
+import React, { PureComponent } from "react";
+import { TouchableOpacity, View } from "react-native";
+import { Text } from "./Text";
+import { connect } from "react-redux";
+import { Icon } from "@rneui/themed";
+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,"names":["React","PureComponent","TouchableOpacity","View","Text","connect","Icon","getLightBrandingColourFromState","getMainBrandingColourFromState","Attachment","render","createElement","key","props","onPress","style","styles","pdfAttachment","backgroundColor","colourBrandingLight","name","type","iconStyle","pdfAttachmentIcon","color","colourBrandingMain","pdfAttachmentText","title","padding","flexDirection","borderRadius","marginTop","alignItems","alignSelf","fontSize","marginRight","fontFamily","mapStateToProps","state","attachment"],"sources":["Attachment.js"],"sourcesContent":["import React, { PureComponent } from \"react\";\nimport { TouchableOpacity, View } from \"react-native\";\nimport { Text } from \"./Text\";\nimport { connect } from \"react-redux\";\nimport { Icon } from \"@rneui/themed\";\nimport {\n\tgetLightBrandingColourFromState,\n\tgetMainBrandingColourFromState,\n} from \"../colours\";\n\nclass Attachment extends PureComponent {\n\trender() {\n\t\treturn (\n\t\t\t<TouchableOpacity key={this.props.key} onPress={this.props.onPress}>\n\t\t\t\t<View\n\t\t\t\t\tstyle={[\n\t\t\t\t\t\tstyles.pdfAttachment,\n\t\t\t\t\t\t{ backgroundColor: this.props.colourBrandingLight },\n\t\t\t\t\t]}\n\t\t\t\t>\n\t\t\t\t\t<Icon\n\t\t\t\t\t\tname=\"paperclip\"\n\t\t\t\t\t\ttype=\"font-awesome\"\n\t\t\t\t\t\ticonStyle={[\n\t\t\t\t\t\t\tstyles.pdfAttachmentIcon,\n\t\t\t\t\t\t\t{ color: this.props.colourBrandingMain },\n\t\t\t\t\t\t]}\n\t\t\t\t\t/>\n\t\t\t\t\t<Text\n\t\t\t\t\t\tstyle={[\n\t\t\t\t\t\t\tstyles.pdfAttachmentText,\n\t\t\t\t\t\t\t{ color: this.props.colourBrandingMain },\n\t\t\t\t\t\t]}\n\t\t\t\t\t>\n\t\t\t\t\t\t{this.props.title}\n\t\t\t\t\t</Text>\n\t\t\t\t</View>\n\t\t\t</TouchableOpacity>\n\t\t);\n\t}\n}\n\nconst styles = {\n\tpdfAttachment: {\n\t\tpadding: 4,\n\t\tflexDirection: \"row\",\n\t\tborderRadius: 2,\n\t\tmarginTop: 8,\n\t\talignItems: \"center\",\n\t\talignSelf: \"flex-start\",\n\t},\n\tpdfAttachmentIcon: {\n\t\tfontSize: 16,\n\t\tmarginRight: 4,\n\t},\n\tpdfAttachmentText: {\n\t\tfontFamily: \"sf-semibold\",\n\t\tfontSize: 13,\n\t},\n};\n\nconst mapStateToProps = (state) => {\n\treturn {\n\t\tcolourBrandingMain: getMainBrandingColourFromState(state),\n\t\tcolourBrandingLight: getLightBrandingColourFromState(state),\n\t};\n};\n\nconst attachment = connect(mapStateToProps, {})(Attachment);\nexport { attachment as Attachment };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,QAAQ,OAAO;AAC5C,SAASC,gBAAgB,EAAEC,IAAI,QAAQ,cAAc;AACrD,SAASC,IAAI,QAAQ,QAAQ;AAC7B,SAASC,OAAO,QAAQ,aAAa;AACrC,SAASC,IAAI,QAAQ,eAAe;AACpC,SACCC,+BAA+B,EAC/BC,8BAA8B,QACxB,YAAY;AAEnB,MAAMC,UAAU,SAASR,aAAa,CAAC;EACtCS,MAAMA,CAAA,EAAG;IACR,oBACCV,KAAA,CAAAW,aAAA,CAACT,gBAAgB;MAACU,GAAG,EAAE,IAAI,CAACC,KAAK,CAACD,GAAI;MAACE,OAAO,EAAE,IAAI,CAACD,KAAK,CAACC;IAAQ,gBAClEd,KAAA,CAAAW,aAAA,CAACR,IAAI;MACJY,KAAK,EAAE,CACNC,MAAM,CAACC,aAAa,EACpB;QAAEC,eAAe,EAAE,IAAI,CAACL,KAAK,CAACM;MAAoB,CAAC;IAClD,gBAEFnB,KAAA,CAAAW,aAAA,CAACL,IAAI;MACJc,IAAI,EAAC,WAAW;MAChBC,IAAI,EAAC,cAAc;MACnBC,SAAS,EAAE,CACVN,MAAM,CAACO,iBAAiB,EACxB;QAAEC,KAAK,EAAE,IAAI,CAACX,KAAK,CAACY;MAAmB,CAAC;IACvC,CACF,CAAC,eACFzB,KAAA,CAAAW,aAAA,CAACP,IAAI;MACJW,KAAK,EAAE,CACNC,MAAM,CAACU,iBAAiB,EACxB;QAAEF,KAAK,EAAE,IAAI,CAACX,KAAK,CAACY;MAAmB,CAAC;IACvC,GAED,IAAI,CAACZ,KAAK,CAACc,KACP,CACD,CACW,CAAC;EAErB;AACD;AAEA,MAAMX,MAAM,GAAG;EACdC,aAAa,EAAE;IACdW,OAAO,EAAE,CAAC;IACVC,aAAa,EAAE,KAAK;IACpBC,YAAY,EAAE,CAAC;IACfC,SAAS,EAAE,CAAC;IACZC,UAAU,EAAE,QAAQ;IACpBC,SAAS,EAAE;EACZ,CAAC;EACDV,iBAAiB,EAAE;IAClBW,QAAQ,EAAE,EAAE;IACZC,WAAW,EAAE;EACd,CAAC;EACDT,iBAAiB,EAAE;IAClBU,UAAU,EAAE,aAAa;IACzBF,QAAQ,EAAE;EACX;AACD,CAAC;AAED,MAAMG,eAAe,GAAIC,KAAK,IAAK;EAClC,OAAO;IACNb,kBAAkB,EAAEjB,8BAA8B,CAAC8B,KAAK,CAAC;IACzDnB,mBAAmB,EAAEZ,+BAA+B,CAAC+B,KAAK;EAC3D,CAAC;AACF,CAAC;AAED,MAAMC,UAAU,GAAGlC,OAAO,CAACgC,eAAe,EAAE,CAAC,CAAC,CAAC,CAAC5B,UAAU,CAAC;AAC3D,SAAS8B,UAAU,IAAI9B,UAAU","ignoreList":[]}

package/dist/module/components/AudienceSelectorLauncher.js

@@ -0,0 +1,64 @@
+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, { 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(...args) {
+    super(...args);
+    _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,"names":["React","PureComponent","StyleSheet","connect","FormCardSectionOptionLauncher","getMainBrandingColourFromState","TEXT_DARK","Services","AudienceSelectorLauncher","constructor","args","_defineProperty","user","audienceType","audienceTypeSelection","props","navigation","navigate","site","onChange","render","style","textStyle","selected","length","map","i","Title","join","createElement","sectionStyle","styles","audienceSection","audienceText","onPress","onPressAudience","title","description","value","create","paddingHorizontal","fontFamily","fontSize","color","mapStateToProps","state","colourBrandingMain","audienceSelectorLauncher"],"sources":["AudienceSelectorLauncher.js"],"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\tonPressAudience = () => {\n\t\tconst { user, audienceType, audienceTypeSelection } = this.props;\n\n\t\tServices.navigation.navigate(\"audienceSelectorPage\", {\n\t\t\tsite: user.site,\n\t\t\taudienceType: audienceType || \"Custom\",\n\t\t\taudienceTypeSelection: audienceTypeSelection || [],\n\t\t\tonChange: (audienceType, audienceTypeSelection) => {\n\t\t\t\tif (this.props.onChange)\n\t\t\t\t\tthis.props.onChange(audienceType, audienceTypeSelection);\n\t\t\t},\n\t\t});\n\t};\n\n\trender() {\n\t\tconst { style, textStyle, audienceTypeSelection } = this.props;\n\t\tconst selected =\n\t\t\taudienceTypeSelection && audienceTypeSelection.length > 0\n\t\t\t\t? `Current selection: ${audienceTypeSelection.map((i) => i.Title).join(\", \")}`\n\t\t\t\t: \"\";\n\n\t\treturn (\n\t\t\t<FormCardSectionOptionLauncher\n\t\t\t\tsectionStyle={[styles.audienceSection, style]}\n\t\t\t\ttextStyle={[styles.audienceText, textStyle]}\n\t\t\t\tonPress={this.onPressAudience}\n\t\t\t\ttitle=\"Audience\"\n\t\t\t\tdescription={selected}\n\t\t\t\tvalue={selected ? \"Custom\" : \"All Users\"}\n\t\t\t/>\n\t\t);\n\t}\n}\n\nconst styles = StyleSheet.create({\n\taudienceSection: {\n\t\tpaddingHorizontal: 0,\n\t},\n\taudienceText: {\n\t\tfontFamily: \"sf-semibold\",\n\t\tfontSize: 16,\n\t\tcolor: TEXT_DARK,\n\t},\n});\n\nconst mapStateToProps = (state) => {\n\treturn {\n\t\tuser: state.user,\n\t\tcolourBrandingMain: getMainBrandingColourFromState(state),\n\t};\n};\n\nconst audienceSelectorLauncher = connect(\n\tmapStateToProps,\n\t{},\n)(AudienceSelectorLauncher);\nexport { audienceSelectorLauncher as AudienceSelectorLauncher };\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,aAAa,QAAQ,OAAO;AAC5C,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,OAAO,QAAQ,aAAa;AACrC,SAASC,6BAA6B,QAAQ,iCAAiC;AAC/E,SAASC,8BAA8B,EAAEC,SAAS,QAAQ,YAAY;AACtE,SAASC,QAAQ,QAAQ,WAAW;AAEpC,MAAMC,wBAAwB,SAASP,aAAa,CAAC;EAAAQ,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,0BAClC,MAAM;MACvB,MAAM;QAAEC,IAAI;QAAEC,YAAY;QAAEC;MAAsB,CAAC,GAAG,IAAI,CAACC,KAAK;MAEhER,QAAQ,CAACS,UAAU,CAACC,QAAQ,CAAC,sBAAsB,EAAE;QACpDC,IAAI,EAAEN,IAAI,CAACM,IAAI;QACfL,YAAY,EAAEA,YAAY,IAAI,QAAQ;QACtCC,qBAAqB,EAAEA,qBAAqB,IAAI,EAAE;QAClDK,QAAQ,EAAEA,CAACN,YAAY,EAAEC,qBAAqB,KAAK;UAClD,IAAI,IAAI,CAACC,KAAK,CAACI,QAAQ,EACtB,IAAI,CAACJ,KAAK,CAACI,QAAQ,CAACN,YAAY,EAAEC,qBAAqB,CAAC;QAC1D;MACD,CAAC,CAAC;IACH,CAAC;EAAA;EAEDM,MAAMA,CAAA,EAAG;IACR,MAAM;MAAEC,KAAK;MAAEC,SAAS;MAAER;IAAsB,CAAC,GAAG,IAAI,CAACC,KAAK;IAC9D,MAAMQ,QAAQ,GACbT,qBAAqB,IAAIA,qBAAqB,CAACU,MAAM,GAAG,CAAC,GACtD,sBAAsBV,qBAAqB,CAACW,GAAG,CAAEC,CAAC,IAAKA,CAAC,CAACC,KAAK,CAAC,CAACC,IAAI,CAAC,IAAI,CAAC,EAAE,GAC5E,EAAE;IAEN,oBACC5B,KAAA,CAAA6B,aAAA,CAACzB,6BAA6B;MAC7B0B,YAAY,EAAE,CAACC,MAAM,CAACC,eAAe,EAAEX,KAAK,CAAE;MAC9CC,SAAS,EAAE,CAACS,MAAM,CAACE,YAAY,EAAEX,SAAS,CAAE;MAC5CY,OAAO,EAAE,IAAI,CAACC,eAAgB;MAC9BC,KAAK,EAAC,UAAU;MAChBC,WAAW,EAAEd,QAAS;MACtBe,KAAK,EAAEf,QAAQ,GAAG,QAAQ,GAAG;IAAY,CACzC,CAAC;EAEJ;AACD;AAEA,MAAMQ,MAAM,GAAG7B,UAAU,CAACqC,MAAM,CAAC;EAChCP,eAAe,EAAE;IAChBQ,iBAAiB,EAAE;EACpB,CAAC;EACDP,YAAY,EAAE;IACbQ,UAAU,EAAE,aAAa;IACzBC,QAAQ,EAAE,EAAE;IACZC,KAAK,EAAErC;EACR;AACD,CAAC,CAAC;AAEF,MAAMsC,eAAe,GAAIC,KAAK,IAAK;EAClC,OAAO;IACNjC,IAAI,EAAEiC,KAAK,CAACjC,IAAI;IAChBkC,kBAAkB,EAAEzC,8BAA8B,CAACwC,KAAK;EACzD,CAAC;AACF,CAAC;AAED,MAAME,wBAAwB,GAAG5C,OAAO,CACvCyC,eAAe,EACf,CAAC,CACF,CAAC,CAACpC,wBAAwB,CAAC;AAC3B,SAASuC,wBAAwB,IAAIvC,wBAAwB","ignoreList":[]}