@plusscommunities/pluss-core-app 8.0.0 → 8.0.1-auth.0

package/dist/module/components/SharingTools.js

@@ -1,81 +1,116 @@
 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 _ from 'lodash';
-import { TouchableOpacity, StyleSheet, View, Text } from 'react-native';
-import { Icon } from '@rneui/themed';
-import * as FileSystem from 'expo-file-system';
-import * as Sharing from 'expo-sharing';
-import * as MediaLibrary from 'expo-media-library';
-import { StatusBarHeight, isVideo, getMimeType } from '../helper';
-import { MiddlePopup } from './MiddlePopup';
-import Config from '../config';
+import React, { Component } from "react";
+import _ from "lodash";
+import { TouchableOpacity, StyleSheet, View, Alert } from "react-native";
+import { Text } from "./Text";
+import { Icon } from "@rneui/themed";
+import { File, Paths } from "expo-file-system";
+import * as Sharing from "expo-sharing";
+import * as MediaLibrary from "expo-media-library";
+import { StatusBarHeight, isVideo, getMimeType } from "../helper";
+import { MiddlePopup } from "./MiddlePopup";
+import Config from "../config";
 class SharingTools extends Component {
   constructor(props) {
     super(props);
     _defineProperty(this, "downloadMedia", async () => {
+      var _parts$;
       const remoteUrl = this.props.uri;
-      const parts = remoteUrl.split('/').splice(-2);
+      if (!remoteUrl) {
+        throw new Error("No media URL provided");
+      }
+      const parts = remoteUrl.split("/").splice(-2);
       const mediaId = parts[0];
-      const extension = parts[1].split('.').splice(-1)[0];
-      const downloadPath = `${FileSystem.cacheDirectory}${mediaId}.${extension}`;
-      const {
-        uri: localUrl
-      } = await FileSystem.downloadAsync(remoteUrl, downloadPath);
+      const extension = ((_parts$ = parts[1]) === null || _parts$ === void 0 ? void 0 : _parts$.split(".").splice(-1)[0]) || "jpg";
+      const file = await File.downloadFileAsync(remoteUrl, new File(Paths.cache, `${mediaId}.${extension}`), {
+        idempotent: true
+      });
       return {
-        localUrl,
+        localUrl: file.uri,
         extension
       };
     });
-    _defineProperty(this, "onSave", () => {
-      this.setState({
-        message: 'Saving...'
-      }, async () => {
+    _defineProperty(this, "onSave", async () => {
+      try {
+        // Request permissions first
+        const {
+          status
+        } = await MediaLibrary.requestPermissionsAsync();
+        if (status !== "granted") {
+          Alert.alert("Permission Required", "Please allow access to your photo library to save photos.", [{
+            text: "OK"
+          }]);
+          return;
+        }
+        this.setState({
+          message: "Saving..."
+        });
         const {
           localUrl
         } = await this.downloadMedia();
         await MediaLibrary.saveToLibraryAsync(localUrl);
         this.setState({
-          message: 'Saved'
+          message: "Saved"
         }, () => {
           setTimeout(() => {
             this.setState({
-              message: ''
+              message: ""
             });
           }, 2000);
         });
-      });
+      } catch (error) {
+        console.log("SharingTools onSave error:", error);
+        this.setState({
+          message: ""
+        });
+        Alert.alert("Save Failed", "Unable to save photo. Please try again.", [{
+          text: "OK"
+        }]);
+      }
     });
     _defineProperty(this, "onShare", async () => {
-      if (!(await Sharing.isAvailableAsync())) return;
-      this.setState({
-        message: 'Preparing...'
-      }, async () => {
+      if (!(await Sharing.isAvailableAsync())) {
+        Alert.alert("Sharing Unavailable", "Sharing is not available on this device.", [{
+          text: "OK"
+        }]);
+        return;
+      }
+      try {
+        this.setState({
+          message: "Preparing..."
+        });
         const {
           localUrl,
           extension
         } = await this.downloadMedia();
-        // console.log('sharing...', localUrl);
-
         const video = isVideo(localUrl);
         const mimeType = getMimeType(localUrl);
         const fileDetails = {
           extension: `.${extension}`,
           shareOptions: {
             mimeType,
-            dialogTitle: video ? 'Share video' : 'Share photo',
+            dialogTitle: video ? "Share video" : "Share photo",
             UTI: mimeType
           }
         };
         await Sharing.shareAsync(localUrl, fileDetails.shareOptions);
         this.setState({
-          message: ''
+          message: ""
         });
-      });
+      } catch (error) {
+        console.log("SharingTools onShare error:", error);
+        this.setState({
+          message: ""
+        });
+        Alert.alert("Share Failed", "Unable to share photo. Please try again.", [{
+          text: "OK"
+        }]);
+      }
     });
     this.state = {
-      message: ''
+      message: ""
     };
   }
   renderTools() {
@@ -116,12 +151,12 @@ class SharingTools extends Component {
 }
 const styles = StyleSheet.create({
   container: {
-    position: 'absolute'
+    position: "absolute"
   },
   toolsContainer: {
-    position: 'absolute',
-    flexDirection: 'row',
-    justifyContent: 'space-between',
+    position: "absolute",
+    flexDirection: "row",
+    justifyContent: "space-between",
     left: 0,
     zIndex: 3,
     top: StatusBarHeight(0)
@@ -134,20 +169,20 @@ const styles = StyleSheet.create({
     fontSize: 25,
     padding: 15,
     width: 55,
-    textAlign: 'center',
-    color: '#fff',
+    textAlign: "center",
+    color: "#fff",
     zIndex: 3
   },
   messageContainer: {
-    backgroundColor: '#000',
+    backgroundColor: "#000",
     borderRadius: 10,
     paddingVertical: 10,
     paddingHorizontal: 30
   },
   messageText: {
-    fontFamily: 'sf-bold',
+    fontFamily: "sf-bold",
     fontSize: 24,
-    color: '#fff'
+    color: "#fff"
   }
 });
 export { SharingTools };

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

@@ -1 +1 @@
-{"version":3,"names":["React","Component","_","TouchableOpacity","StyleSheet","View","Text","Icon","FileSystem","Sharing","MediaLibrary","StatusBarHeight","isVideo","getMimeType","MiddlePopup","Config","SharingTools","constructor","props","_defineProperty","remoteUrl","uri","parts","split","splice","mediaId","extension","downloadPath","cacheDirectory","localUrl","downloadAsync","setState","message","downloadMedia","saveToLibraryAsync","setTimeout","isAvailableAsync","video","mimeType","fileDetails","shareOptions","dialogTitle","UTI","shareAsync","state","renderTools","createElement","style","styles","toolsContainer","env","allowMediaDownload","onPress","onSave","activeOpacity","name","type","iconStyle","toolIcon","toolIconContainer","allowMediaSharing","onShare","renderMessage","visible","isEmpty","messageContainer","messageText","render","container","create","position","flexDirection","justifyContent","left","zIndex","top","width","height","fontSize","padding","textAlign","color","backgroundColor","borderRadius","paddingVertical","paddingHorizontal","fontFamily"],"sources":["SharingTools.js"],"sourcesContent":["import React, { Component } from 'react';\nimport _ from 'lodash';\nimport { TouchableOpacity, StyleSheet, View, Text } from 'react-native';\nimport { Icon } from '@rneui/themed';\nimport * as FileSystem from 'expo-file-system';\nimport * as Sharing from 'expo-sharing';\nimport * as MediaLibrary from 'expo-media-library';\nimport { StatusBarHeight, isVideo, getMimeType } from '../helper';\nimport { MiddlePopup } from './MiddlePopup';\nimport Config from '../config';\n\nclass SharingTools extends Component {\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      message: '',\n    };\n  }\n\n  downloadMedia = async () => {\n    const remoteUrl = this.props.uri;\n    const parts = remoteUrl.split('/').splice(-2);\n    const mediaId = parts[0];\n    const extension = parts[1].split('.').splice(-1)[0];\n\n    const downloadPath = `${FileSystem.cacheDirectory}${mediaId}.${extension}`;\n    const { uri: localUrl } = await FileSystem.downloadAsync(remoteUrl, downloadPath);\n    return { localUrl, extension };\n  };\n\n  onSave = () => {\n    this.setState({ message: 'Saving...' }, async () => {\n      const { localUrl } = await this.downloadMedia();\n      await MediaLibrary.saveToLibraryAsync(localUrl);\n\n      this.setState({ message: 'Saved' }, () => {\n        setTimeout(() => {\n          this.setState({ message: '' });\n        }, 2000);\n      });\n    });\n  };\n\n  onShare = async () => {\n    if (!(await Sharing.isAvailableAsync())) return;\n\n    this.setState({ message: 'Preparing...' }, async () => {\n      const { localUrl, extension } = await this.downloadMedia();\n      // console.log('sharing...', localUrl);\n\n      const video = isVideo(localUrl);\n      const mimeType = getMimeType(localUrl);\n      const fileDetails = {\n        extension: `.${extension}`,\n        shareOptions: {\n          mimeType,\n          dialogTitle: video ? 'Share video' : 'Share photo',\n          UTI: mimeType,\n        },\n      };\n\n      await Sharing.shareAsync(localUrl, fileDetails.shareOptions);\n      this.setState({ message: '' });\n    });\n  };\n\n  renderTools() {\n    return (\n      <View style={styles.toolsContainer}>\n        {Config.env.allowMediaDownload && (\n          <TouchableOpacity onPress={this.onSave} activeOpacity={0.6}>\n            <Icon name=\"download\" type=\"font-awesome\" iconStyle={styles.toolIcon} style={styles.toolIconContainer} />\n          </TouchableOpacity>\n        )}\n        {Config.env.allowMediaSharing && (\n          <TouchableOpacity onPress={this.onShare} activeOpacity={0.6}>\n            <Icon name=\"share-square-o\" type=\"font-awesome\" iconStyle={styles.toolIcon} style={styles.toolIconContainer} />\n          </TouchableOpacity>\n        )}\n      </View>\n    );\n  }\n\n  renderMessage() {\n    return (\n      <MiddlePopup visible={!_.isEmpty(this.state.message)}>\n        <View style={styles.messageContainer}>\n          <Text style={styles.messageText}>{this.state.message}</Text>\n        </View>\n      </MiddlePopup>\n    );\n  }\n\n  render() {\n    return (\n      <View style={styles.container}>\n        {this.renderTools()}\n        {this.renderMessage()}\n      </View>\n    );\n  }\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    position: 'absolute',\n  },\n  toolsContainer: {\n    position: 'absolute',\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    left: 0,\n    zIndex: 3,\n    top: StatusBarHeight(0),\n  },\n  toolIconContainer: {\n    width: 55,\n    height: 55,\n  },\n  toolIcon: {\n    fontSize: 25,\n    padding: 15,\n    width: 55,\n    textAlign: 'center',\n    color: '#fff',\n    zIndex: 3,\n  },\n  messageContainer: {\n    backgroundColor: '#000',\n    borderRadius: 10,\n    paddingVertical: 10,\n    paddingHorizontal: 30,\n  },\n  messageText: {\n    fontFamily: 'sf-bold',\n    fontSize: 24,\n    color: '#fff',\n  },\n});\n\nexport { SharingTools };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Component","_","TouchableOpacity","StyleSheet","View","Alert","Text","Icon","File","Paths","Sharing","MediaLibrary","StatusBarHeight","isVideo","getMimeType","MiddlePopup","Config","SharingTools","constructor","props","_defineProperty","_parts$","remoteUrl","uri","Error","parts","split","splice","mediaId","extension","file","downloadFileAsync","cache","idempotent","localUrl","status","requestPermissionsAsync","alert","text","setState","message","downloadMedia","saveToLibraryAsync","setTimeout","error","console","log","isAvailableAsync","video","mimeType","fileDetails","shareOptions","dialogTitle","UTI","shareAsync","state","renderTools","createElement","style","styles","toolsContainer","env","allowMediaDownload","onPress","onSave","activeOpacity","name","type","iconStyle","toolIcon","toolIconContainer","allowMediaSharing","onShare","renderMessage","visible","isEmpty","messageContainer","messageText","render","container","create","position","flexDirection","justifyContent","left","zIndex","top","width","height","fontSize","padding","textAlign","color","backgroundColor","borderRadius","paddingVertical","paddingHorizontal","fontFamily"],"sources":["SharingTools.js"],"sourcesContent":["import React, { Component } from \"react\";\nimport _ from \"lodash\";\nimport { TouchableOpacity, StyleSheet, View, Alert } from \"react-native\";\nimport { Text } from \"./Text\";\nimport { Icon } from \"@rneui/themed\";\nimport { File, Paths } from \"expo-file-system\";\nimport * as Sharing from \"expo-sharing\";\nimport * as MediaLibrary from \"expo-media-library\";\nimport { StatusBarHeight, isVideo, getMimeType } from \"../helper\";\nimport { MiddlePopup } from \"./MiddlePopup\";\nimport Config from \"../config\";\n\nclass SharingTools extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tmessage: \"\",\n\t\t};\n\t}\n\n\tdownloadMedia = async () => {\n\t\tconst remoteUrl = this.props.uri;\n\t\tif (!remoteUrl) {\n\t\t\tthrow new Error(\"No media URL provided\");\n\t\t}\n\n\t\tconst parts = remoteUrl.split(\"/\").splice(-2);\n\t\tconst mediaId = parts[0];\n\t\tconst extension = parts[1]?.split(\".\").splice(-1)[0] || \"jpg\";\n\n\t\tconst file = await File.downloadFileAsync(\n\t\t\tremoteUrl,\n\t\t\tnew File(Paths.cache, `${mediaId}.${extension}`),\n\t\t\t{ idempotent: true },\n\t\t);\n\t\treturn { localUrl: file.uri, extension };\n\t};\n\n\tonSave = async () => {\n\t\ttry {\n\t\t\t// Request permissions first\n\t\t\tconst { status } = await MediaLibrary.requestPermissionsAsync();\n\t\t\tif (status !== \"granted\") {\n\t\t\t\tAlert.alert(\n\t\t\t\t\t\"Permission Required\",\n\t\t\t\t\t\"Please allow access to your photo library to save photos.\",\n\t\t\t\t\t[{ text: \"OK\" }],\n\t\t\t\t);\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tthis.setState({ message: \"Saving...\" });\n\n\t\t\tconst { localUrl } = await this.downloadMedia();\n\t\t\tawait MediaLibrary.saveToLibraryAsync(localUrl);\n\n\t\t\tthis.setState({ message: \"Saved\" }, () => {\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\tthis.setState({ message: \"\" });\n\t\t\t\t}, 2000);\n\t\t\t});\n\t\t} catch (error) {\n\t\t\tconsole.log(\"SharingTools onSave error:\", error);\n\t\t\tthis.setState({ message: \"\" });\n\t\t\tAlert.alert(\"Save Failed\", \"Unable to save photo. Please try again.\", [\n\t\t\t\t{ text: \"OK\" },\n\t\t\t]);\n\t\t}\n\t};\n\n\tonShare = async () => {\n\t\tif (!(await Sharing.isAvailableAsync())) {\n\t\t\tAlert.alert(\n\t\t\t\t\"Sharing Unavailable\",\n\t\t\t\t\"Sharing is not available on this device.\",\n\t\t\t\t[{ text: \"OK\" }],\n\t\t\t);\n\t\t\treturn;\n\t\t}\n\n\t\ttry {\n\t\t\tthis.setState({ message: \"Preparing...\" });\n\n\t\t\tconst { localUrl, extension } = await this.downloadMedia();\n\n\t\t\tconst video = isVideo(localUrl);\n\t\t\tconst mimeType = getMimeType(localUrl);\n\t\t\tconst fileDetails = {\n\t\t\t\textension: `.${extension}`,\n\t\t\t\tshareOptions: {\n\t\t\t\t\tmimeType,\n\t\t\t\t\tdialogTitle: video ? \"Share video\" : \"Share photo\",\n\t\t\t\t\tUTI: mimeType,\n\t\t\t\t},\n\t\t\t};\n\n\t\t\tawait Sharing.shareAsync(localUrl, fileDetails.shareOptions);\n\t\t\tthis.setState({ message: \"\" });\n\t\t} catch (error) {\n\t\t\tconsole.log(\"SharingTools onShare error:\", error);\n\t\t\tthis.setState({ message: \"\" });\n\t\t\tAlert.alert(\"Share Failed\", \"Unable to share photo. Please try again.\", [\n\t\t\t\t{ text: \"OK\" },\n\t\t\t]);\n\t\t}\n\t};\n\n\trenderTools() {\n\t\treturn (\n\t\t\t<View style={styles.toolsContainer}>\n\t\t\t\t{Config.env.allowMediaDownload && (\n\t\t\t\t\t<TouchableOpacity onPress={this.onSave} activeOpacity={0.6}>\n\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\tname=\"download\"\n\t\t\t\t\t\t\ttype=\"font-awesome\"\n\t\t\t\t\t\t\ticonStyle={styles.toolIcon}\n\t\t\t\t\t\t\tstyle={styles.toolIconContainer}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</TouchableOpacity>\n\t\t\t\t)}\n\t\t\t\t{Config.env.allowMediaSharing && (\n\t\t\t\t\t<TouchableOpacity onPress={this.onShare} activeOpacity={0.6}>\n\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\tname=\"share-square-o\"\n\t\t\t\t\t\t\ttype=\"font-awesome\"\n\t\t\t\t\t\t\ticonStyle={styles.toolIcon}\n\t\t\t\t\t\t\tstyle={styles.toolIconContainer}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</TouchableOpacity>\n\t\t\t\t)}\n\t\t\t</View>\n\t\t);\n\t}\n\n\trenderMessage() {\n\t\treturn (\n\t\t\t<MiddlePopup visible={!_.isEmpty(this.state.message)}>\n\t\t\t\t<View style={styles.messageContainer}>\n\t\t\t\t\t<Text style={styles.messageText}>{this.state.message}</Text>\n\t\t\t\t</View>\n\t\t\t</MiddlePopup>\n\t\t);\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<View style={styles.container}>\n\t\t\t\t{this.renderTools()}\n\t\t\t\t{this.renderMessage()}\n\t\t\t</View>\n\t\t);\n\t}\n}\n\nconst styles = StyleSheet.create({\n\tcontainer: {\n\t\tposition: \"absolute\",\n\t},\n\ttoolsContainer: {\n\t\tposition: \"absolute\",\n\t\tflexDirection: \"row\",\n\t\tjustifyContent: \"space-between\",\n\t\tleft: 0,\n\t\tzIndex: 3,\n\t\ttop: StatusBarHeight(0),\n\t},\n\ttoolIconContainer: {\n\t\twidth: 55,\n\t\theight: 55,\n\t},\n\ttoolIcon: {\n\t\tfontSize: 25,\n\t\tpadding: 15,\n\t\twidth: 55,\n\t\ttextAlign: \"center\",\n\t\tcolor: \"#fff\",\n\t\tzIndex: 3,\n\t},\n\tmessageContainer: {\n\t\tbackgroundColor: \"#000\",\n\t\tborderRadius: 10,\n\t\tpaddingVertical: 10,\n\t\tpaddingHorizontal: 30,\n\t},\n\tmessageText: {\n\t\tfontFamily: \"sf-bold\",\n\t\tfontSize: 24,\n\t\tcolor: \"#fff\",\n\t},\n});\n\nexport { SharingTools };\n"],"mappings":"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","ignoreList":[]}

package/dist/module/components/Spinner.js

@@ -1,6 +1,6 @@
-import React from 'react';
-import { View } from 'react-native';
-import { LoadingCircles } from './LoadingCircles';
+import React from "react";
+import { View } from "react-native";
+import { LoadingCircles } from "./LoadingCircles";
 const Spinner = ({
   color,
   style
@@ -14,8 +14,8 @@ const Spinner = ({
 const styles = {
   spinnerStyle: {
     flex: 1,
-    justifyContent: 'center',
-    alignItems: 'center'
+    justifyContent: "center",
+    alignItems: "center"
   }
 };
 export { Spinner };

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

@@ -1 +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  return (\n    <View style={[styles.spinnerStyle, style]}>\n      <LoadingCircles color={color} />\n    </View>\n  );\n};\n\nconst styles = {\n  spinnerStyle: {\n    flex: 1,\n    justifyContent: 'center',\n    alignItems: 'center',\n  },\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;EACpC,oBACEL,KAAA,CAAAM,aAAA,CAACL,IAAI;IAACI,KAAK,EAAE,CAACE,MAAM,CAACC,YAAY,EAAEH,KAAK;EAAE,gBACxCL,KAAA,CAAAM,aAAA,CAACJ,cAAc;IAACE,KAAK,EAAEA;EAAM,CAAE,CAC3B,CAAC;AAEX,CAAC;AAED,MAAMG,MAAM,GAAG;EACbC,YAAY,EAAE;IACZC,IAAI,EAAE,CAAC;IACPC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd;AACF,CAAC;AAED,SAASR,OAAO","ignoreList":[]}
+{"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

@@ -1,7 +1,7 @@
-import React, { PureComponent } from 'react';
-import { View } from 'react-native';
-import { LINEGREY } from '../colours';
-import { FOOTER_HEIGHT } from '../constants';
+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, {
@@ -11,10 +11,10 @@ class StickyFooter extends PureComponent {
 }
 const styles = {
   section: {
-    backgroundColor: '#fff',
+    backgroundColor: "#fff",
     height: FOOTER_HEIGHT,
     borderTopWidth: 0,
-    shadowColor: '#000',
+    shadowColor: "#000",
     shadowOffset: {
       width: 0,
       height: -1

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

@@ -1 +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  render() {\n    return <View style={[styles.section, this.props.lineSeparated && styles.lineSeparated, this.props.style]}>{this.props.children}</View>;\n  }\n}\n\nconst styles = {\n  section: {\n    backgroundColor: '#fff',\n    height: FOOTER_HEIGHT,\n    borderTopWidth: 0,\n    shadowColor: '#000',\n    shadowOffset: {\n      width: 0,\n      height: -1,\n    },\n    shadowOpacity: 0.1,\n    shadowRadius: 6,\n    elevation: 16,\n  },\n  lineSeparated: {\n    borderTopWidth: 1,\n    borderColor: LINEGREY,\n    shadowOpacity: 0,\n    elevation: 0,\n  },\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;EACvCK,MAAMA,CAAA,EAAG;IACP,oBAAON,KAAA,CAAAO,aAAA,CAACL,IAAI;MAACM,KAAK,EAAE,CAACC,MAAM,CAACC,OAAO,EAAE,IAAI,CAACC,KAAK,CAACC,aAAa,IAAIH,MAAM,CAACG,aAAa,EAAE,IAAI,CAACD,KAAK,CAACH,KAAK;IAAE,GAAE,IAAI,CAACG,KAAK,CAACE,QAAe,CAAC;EACxI;AACF;AAEA,MAAMJ,MAAM,GAAG;EACbC,OAAO,EAAE;IACPI,eAAe,EAAE,MAAM;IACvBC,MAAM,EAAEX,aAAa;IACrBY,cAAc,EAAE,CAAC;IACjBC,WAAW,EAAE,MAAM;IACnBC,YAAY,EAAE;MACZC,KAAK,EAAE,CAAC;MACRJ,MAAM,EAAE,CAAC;IACX,CAAC;IACDK,aAAa,EAAE,GAAG;IAClBC,YAAY,EAAE,CAAC;IACfC,SAAS,EAAE;EACb,CAAC;EACDV,aAAa,EAAE;IACbI,cAAc,EAAE,CAAC;IACjBO,WAAW,EAAEpB,QAAQ;IACrBiB,aAAa,EAAE,CAAC;IAChBE,SAAS,EAAE;EACb;AACF,CAAC;AAED,SAASjB,YAAY","ignoreList":[]}
+{"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

@@ -1,7 +1,7 @@
-import React, { PureComponent } from 'react';
-import { View } from 'react-native';
-import stylez from '../styles';
-import { Pl60Icon } from '../fonts';
+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;
@@ -14,8 +14,8 @@ class TickIcon extends PureComponent {
       }, this.props.color && {
         backgroundColor: this.props.color
       }, this.props.style]
-    }, /*#__PURE__*/React.createElement(Pl60Icon, {
-      name: "tick",
+    }, /*#__PURE__*/React.createElement(FontAwesome, {
+      name: "check",
       style: stylez.tickIcon
     }));
   }

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

@@ -1 +1 @@
-{"version":3,"names":["React","PureComponent","View","stylez","Pl60Icon","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 { Pl60Icon } from '../fonts';\n\nclass TickIcon extends PureComponent {\n  render() {\n    const size = this.props.diameter || 20;\n    const radius = size / 2;\n    return (\n      <View\n        style={[\n          stylez.tickBox,\n          { height: size, width: size, borderRadius: radius },\n          this.props.color && { backgroundColor: this.props.color },\n          this.props.style,\n        ]}\n      >\n        <Pl60Icon name=\"tick\" style={stylez.tickIcon} />\n      </View>\n    );\n  }\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,QAAQ,QAAQ,UAAU;AAEnC,MAAMC,QAAQ,SAASJ,aAAa,CAAC;EACnCK,MAAMA,CAAA,EAAG;IACP,MAAMC,IAAI,GAAG,IAAI,CAACC,KAAK,CAACC,QAAQ,IAAI,EAAE;IACtC,MAAMC,MAAM,GAAGH,IAAI,GAAG,CAAC;IACvB,oBACEP,KAAA,CAAAW,aAAA,CAACT,IAAI;MACHU,KAAK,EAAE,CACLT,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;IAChB,gBAEFZ,KAAA,CAAAW,aAAA,CAACP,QAAQ;MAACe,IAAI,EAAC,MAAM;MAACP,KAAK,EAAET,MAAM,CAACiB;IAAS,CAAE,CAC3C,CAAC;EAEX;AACF;AAEA,SAASf,QAAQ","ignoreList":[]}
+{"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

@@ -1,7 +1,8 @@
-import React, { PureComponent } from 'react';
-import { Text, View, TouchableOpacity } from 'react-native';
-import { connect } from 'react-redux';
-import { getMainBrandingColourFromState } from '../colours';
+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, {
@@ -28,22 +29,22 @@ class Toggle extends PureComponent {
 }
 const styles = {
   container: {
-    flexDirection: 'row'
+    flexDirection: "row"
   },
   text: {
-    fontFamily: 'sf-semibold',
+    fontFamily: "sf-semibold",
     fontSize: 14,
-    textAlign: 'center'
+    textAlign: "center"
   },
   activeText: {
-    color: '#fff'
+    color: "#fff"
   },
   tag: {
     flex: 1,
     height: 34,
     borderWidth: 1,
     borderLeftWidth: 0,
-    justifyContent: 'center'
+    justifyContent: "center"
   },
   firstTag: {
     borderLeftWidth: 1,

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

@@ -1 +1 @@
-{"version":3,"names":["React","PureComponent","Text","View","TouchableOpacity","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 { Text, View, TouchableOpacity } from 'react-native';\nimport { connect } from 'react-redux';\nimport { getMainBrandingColourFromState } from '../colours';\n\nclass Toggle extends PureComponent {\n  render() {\n    return (\n      <View style={[styles.container, this.props.style]}>\n        {this.props.options.map((option, index) => {\n          return (\n            <TouchableOpacity\n              onPress={() => {\n                this.props.onPress(option);\n              }}\n              style={[\n                styles.tag,\n                { borderColor: this.props.colourBrandingMain },\n                option.val === this.props.activeVal && {\n                  borderColor: this.props.colourBrandingMain,\n                  backgroundColor: this.props.colourBrandingMain,\n                },\n                index === 0 && styles.firstTag,\n                index === this.props.options.length - 1 && styles.lastTag,\n                this.props.tagStyle,\n              ]}\n              key={option.val}\n            >\n              <Text\n                style={[\n                  styles.text,\n                  { color: this.props.colourBrandingMain },\n                  option.val === this.props.activeVal && styles.activeText,\n                  this.props.textStyle,\n                ]}\n              >\n                {option.text}\n              </Text>\n            </TouchableOpacity>\n          );\n        })}\n      </View>\n    );\n  }\n}\n\nconst styles = {\n  container: {\n    flexDirection: 'row',\n  },\n  text: {\n    fontFamily: 'sf-semibold',\n    fontSize: 14,\n    textAlign: 'center',\n  },\n  activeText: {\n    color: '#fff',\n  },\n  tag: {\n    flex: 1,\n    height: 34,\n    borderWidth: 1,\n    borderLeftWidth: 0,\n    justifyContent: 'center',\n  },\n  firstTag: {\n    borderLeftWidth: 1,\n    borderTopLeftRadius: 4,\n    borderBottomLeftRadius: 4,\n  },\n  lastTag: {\n    borderTopRightRadius: 4,\n    borderBottomRightRadius: 4,\n  },\n};\n\nconst mapStateToProps = state => {\n  return {\n    colourBrandingMain: getMainBrandingColourFromState(state),\n  };\n};\n\nconst toggle = connect(mapStateToProps, {})(Toggle);\nexport { toggle as Toggle };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,QAAQ,OAAO;AAC5C,SAASC,IAAI,EAAEC,IAAI,EAAEC,gBAAgB,QAAQ,cAAc;AAC3D,SAASC,OAAO,QAAQ,aAAa;AACrC,SAASC,8BAA8B,QAAQ,YAAY;AAE3D,MAAMC,MAAM,SAASN,aAAa,CAAC;EACjCO,MAAMA,CAAA,EAAG;IACP,oBACER,KAAA,CAAAS,aAAA,CAACN,IAAI;MAACO,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAE,IAAI,CAACC,KAAK,CAACH,KAAK;IAAE,GAC/C,IAAI,CAACG,KAAK,CAACC,OAAO,CAACC,GAAG,CAAC,CAACC,MAAM,EAAEC,KAAK,KAAK;MACzC,oBACEjB,KAAA,CAAAS,aAAA,CAACL,gBAAgB;QACfc,OAAO,EAAEA,CAAA,KAAM;UACb,IAAI,CAACL,KAAK,CAACK,OAAO,CAACF,MAAM,CAAC;QAC5B,CAAE;QACFN,KAAK,EAAE,CACLC,MAAM,CAACQ,GAAG,EACV;UAAEC,WAAW,EAAE,IAAI,CAACP,KAAK,CAACQ;QAAmB,CAAC,EAC9CL,MAAM,CAACM,GAAG,KAAK,IAAI,CAACT,KAAK,CAACU,SAAS,IAAI;UACrCH,WAAW,EAAE,IAAI,CAACP,KAAK,CAACQ,kBAAkB;UAC1CG,eAAe,EAAE,IAAI,CAACX,KAAK,CAACQ;QAC9B,CAAC,EACDJ,KAAK,KAAK,CAAC,IAAIN,MAAM,CAACc,QAAQ,EAC9BR,KAAK,KAAK,IAAI,CAACJ,KAAK,CAACC,OAAO,CAACY,MAAM,GAAG,CAAC,IAAIf,MAAM,CAACgB,OAAO,EACzD,IAAI,CAACd,KAAK,CAACe,QAAQ,CACnB;QACFC,GAAG,EAAEb,MAAM,CAACM;MAAI,gBAEhBtB,KAAA,CAAAS,aAAA,CAACP,IAAI;QACHQ,KAAK,EAAE,CACLC,MAAM,CAACmB,IAAI,EACX;UAAEC,KAAK,EAAE,IAAI,CAAClB,KAAK,CAACQ;QAAmB,CAAC,EACxCL,MAAM,CAACM,GAAG,KAAK,IAAI,CAACT,KAAK,CAACU,SAAS,IAAIZ,MAAM,CAACqB,UAAU,EACxD,IAAI,CAACnB,KAAK,CAACoB,SAAS;MACpB,GAEDjB,MAAM,CAACc,IACJ,CACU,CAAC;IAEvB,CAAC,CACG,CAAC;EAEX;AACF;AAEA,MAAMnB,MAAM,GAAG;EACbC,SAAS,EAAE;IACTsB,aAAa,EAAE;EACjB,CAAC;EACDJ,IAAI,EAAE;IACJK,UAAU,EAAE,aAAa;IACzBC,QAAQ,EAAE,EAAE;IACZC,SAAS,EAAE;EACb,CAAC;EACDL,UAAU,EAAE;IACVD,KAAK,EAAE;EACT,CAAC;EACDZ,GAAG,EAAE;IACHmB,IAAI,EAAE,CAAC;IACPC,MAAM,EAAE,EAAE;IACVC,WAAW,EAAE,CAAC;IACdC,eAAe,EAAE,CAAC;IAClBC,cAAc,EAAE;EAClB,CAAC;EACDjB,QAAQ,EAAE;IACRgB,eAAe,EAAE,CAAC;IAClBE,mBAAmB,EAAE,CAAC;IACtBC,sBAAsB,EAAE;EAC1B,CAAC;EACDjB,OAAO,EAAE;IACPkB,oBAAoB,EAAE,CAAC;IACvBC,uBAAuB,EAAE;EAC3B;AACF,CAAC;AAED,MAAMC,eAAe,GAAGC,KAAK,IAAI;EAC/B,OAAO;IACL3B,kBAAkB,EAAEf,8BAA8B,CAAC0C,KAAK;EAC1D,CAAC;AACH,CAAC;AAED,MAAMC,MAAM,GAAG5C,OAAO,CAAC0C,eAAe,EAAE,CAAC,CAAC,CAAC,CAACxC,MAAM,CAAC;AACnD,SAAS0C,MAAM,IAAI1C,MAAM","ignoreList":[]}
+{"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

@@ -1,18 +1,19 @@
 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, Text } from 'react-native';
-import { connect } from 'react-redux';
-import { getSiteSettingFromState } from '../helper';
-import { TEXT_LIGHT, BOXGREY } from '../colours';
-import { Pl60Icon } from '../fonts';
-import Config, { Services } from '../config';
+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', {
+      Services.navigation.navigate("search", {
         priorityType: this.props.priorityType,
         searchName: this.props.searchName
       });
@@ -22,11 +23,11 @@ class TouchableSearchBar extends Component {
     return /*#__PURE__*/React.createElement(TouchableWithoutFeedback, {
       onPress: this.onPressSearch
     }, /*#__PURE__*/React.createElement(View, {
-      style: [styles.searchInputContainer, this.props.headerType !== 'white' && {
-        backgroundColor: '#fff'
+      style: [styles.searchInputContainer, this.props.headerType !== "white" && {
+        backgroundColor: "#fff"
       }, this.props.style]
-    }, /*#__PURE__*/React.createElement(Pl60Icon, {
-      name: "Ellipse",
+    }, /*#__PURE__*/React.createElement(FontAwesome, {
+      name: "magnifying-glass",
       style: styles.searchIcon
     }), /*#__PURE__*/React.createElement(Text, {
       style: styles.searchText
@@ -41,9 +42,9 @@ const styles = {
     marginVertical: 17,
     borderRadius: 25,
     backgroundColor: BOXGREY,
-    alignItems: 'center',
-    justifyContent: 'center',
-    flexDirection: 'row',
+    alignItems: "center",
+    justifyContent: "center",
+    flexDirection: "row",
     paddingHorizontal: 16
   },
   searchIcon: {
@@ -54,12 +55,12 @@ const styles = {
   searchText: {
     fontSize: 14,
     color: TEXT_LIGHT,
-    fontFamily: 'sf-medium'
+    fontFamily: "sf-medium"
   }
 };
 const mapStateToProps = state => {
   return {
-    headerType: getSiteSettingFromState(state, 'HeaderType', getSiteSettingFromState(state, 'UseGradientHeader', Config.env.hasGradientHeader) ? 'gradient' : 'white')
+    headerType: getSiteSettingFromState(state, "HeaderType", getSiteSettingFromState(state, "UseGradientHeader", Config.env.hasGradientHeader) ? "gradient" : "white")
   };
 };
 const touchableSearchBar = connect(mapStateToProps, {})(TouchableSearchBar);

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

@@ -1 +1 @@
-{"version":3,"names":["React","Component","View","TouchableWithoutFeedback","Text","connect","getSiteSettingFromState","TEXT_LIGHT","BOXGREY","Pl60Icon","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, Text } from 'react-native';\nimport { connect } from 'react-redux';\nimport { getSiteSettingFromState } from '../helper';\nimport { TEXT_LIGHT, BOXGREY } from '../colours';\nimport { Pl60Icon } from '../fonts';\nimport Config, { Services } from '../config';\n\nclass TouchableSearchBar extends Component {\n  onPressSearch = () => {\n    Services.navigation.navigate('search', { priorityType: this.props.priorityType, searchName: this.props.searchName });\n  };\n\n  render() {\n    return (\n      <TouchableWithoutFeedback onPress={this.onPressSearch}>\n        <View style={[styles.searchInputContainer, this.props.headerType !== 'white' && { backgroundColor: '#fff' }, this.props.style]}>\n          <Pl60Icon name=\"Ellipse\" style={styles.searchIcon} />\n          <Text style={styles.searchText}>{`Search ${this.props.searchName}`}</Text>\n        </View>\n      </TouchableWithoutFeedback>\n    );\n  }\n}\n\nconst styles = {\n  searchInputContainer: {\n    flex: 1,\n    height: 36,\n    marginHorizontal: 16,\n    marginVertical: 17,\n    borderRadius: 25,\n    backgroundColor: BOXGREY,\n    alignItems: 'center',\n    justifyContent: 'center',\n    flexDirection: 'row',\n    paddingHorizontal: 16,\n  },\n  searchIcon: {\n    fontSize: 14,\n    color: TEXT_LIGHT,\n    marginRight: 8,\n  },\n  searchText: {\n    fontSize: 14,\n    color: TEXT_LIGHT,\n    fontFamily: 'sf-medium',\n  },\n};\n\nconst mapStateToProps = state => {\n  return {\n    headerType: getSiteSettingFromState(\n      state,\n      'HeaderType',\n      getSiteSettingFromState(state, 'UseGradientHeader', Config.env.hasGradientHeader) ? 'gradient' : 'white',\n    ),\n  };\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,EAAEC,IAAI,QAAQ,cAAc;AACnE,SAASC,OAAO,QAAQ,aAAa;AACrC,SAASC,uBAAuB,QAAQ,WAAW;AACnD,SAASC,UAAU,EAAEC,OAAO,QAAQ,YAAY;AAChD,SAASC,QAAQ,QAAQ,UAAU;AACnC,OAAOC,MAAM,IAAIC,QAAQ,QAAQ,WAAW;AAE5C,MAAMC,kBAAkB,SAASX,SAAS,CAAC;EAAAY,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,wBACzB,MAAM;MACpBJ,QAAQ,CAACK,UAAU,CAACC,QAAQ,CAAC,QAAQ,EAAE;QAAEC,YAAY,EAAE,IAAI,CAACC,KAAK,CAACD,YAAY;QAAEE,UAAU,EAAE,IAAI,CAACD,KAAK,CAACC;MAAW,CAAC,CAAC;IACtH,CAAC;EAAA;EAEDC,MAAMA,CAAA,EAAG;IACP,oBACErB,KAAA,CAAAsB,aAAA,CAACnB,wBAAwB;MAACoB,OAAO,EAAE,IAAI,CAACC;IAAc,gBACpDxB,KAAA,CAAAsB,aAAA,CAACpB,IAAI;MAACuB,KAAK,EAAE,CAACC,MAAM,CAACC,oBAAoB,EAAE,IAAI,CAACR,KAAK,CAACS,UAAU,KAAK,OAAO,IAAI;QAAEC,eAAe,EAAE;MAAO,CAAC,EAAE,IAAI,CAACV,KAAK,CAACM,KAAK;IAAE,gBAC7HzB,KAAA,CAAAsB,aAAA,CAACb,QAAQ;MAACqB,IAAI,EAAC,SAAS;MAACL,KAAK,EAAEC,MAAM,CAACK;IAAW,CAAE,CAAC,eACrD/B,KAAA,CAAAsB,aAAA,CAAClB,IAAI;MAACqB,KAAK,EAAEC,MAAM,CAACM;IAAW,GAAE,UAAU,IAAI,CAACb,KAAK,CAACC,UAAU,EAAS,CACrE,CACkB,CAAC;EAE/B;AACF;AAEA,MAAMM,MAAM,GAAG;EACbC,oBAAoB,EAAE;IACpBM,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;EACrB,CAAC;EACDV,UAAU,EAAE;IACVW,QAAQ,EAAE,EAAE;IACZC,KAAK,EAAEpC,UAAU;IACjBqC,WAAW,EAAE;EACf,CAAC;EACDZ,UAAU,EAAE;IACVU,QAAQ,EAAE,EAAE;IACZC,KAAK,EAAEpC,UAAU;IACjBsC,UAAU,EAAE;EACd;AACF,CAAC;AAED,MAAMC,eAAe,GAAGC,KAAK,IAAI;EAC/B,OAAO;IACLnB,UAAU,EAAEtB,uBAAuB,CACjCyC,KAAK,EACL,YAAY,EACZzC,uBAAuB,CAACyC,KAAK,EAAE,mBAAmB,EAAErC,MAAM,CAACsC,GAAG,CAACC,iBAAiB,CAAC,GAAG,UAAU,GAAG,OACnG;EACF,CAAC;AACH,CAAC;AAED,MAAMC,kBAAkB,GAAG7C,OAAO,CAACyC,eAAe,EAAE,CAAC,CAAC,CAAC,CAAClC,kBAAkB,CAAC;AAC3E,SAASsC,kBAAkB,IAAItC,kBAAkB","ignoreList":[]}
+{"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":[]}