ordering-ui-react-native 0.24.1 → 0.24.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ordering-ui-react-native",
-  "version": "0.24.1",
+  "version": "0.24.2",
   "description": "Reusable components made in react native",
   "main": "src/index.tsx",
   "author": "ordering.inc",

package/themes/original/src/components/AddressForm/index.tsx

@@ -349,15 +349,50 @@ const AddressFormUI = (props: AddressFormParams) => {
 	};
 
 	const handleChangeAddress = (data: any, details: any) => {
-		const addressSelected = {
-			address: data?.description || data?.address,
-			location: details?.geometry?.location,
-			utc_offset: details?.utc_offset || null,
-			map_data: { library: 'google', place_id: data.place_id },
-			zip_code: data?.zip_code || null,
-		};
-		updateChanges(addressSelected);
-	};
+		const addressObj : any = {}
+    if (details?.address_components) {
+      details.address_components.map((component: any) => {
+        const addressType = component.types[0]
+        if (addressType === 'postal_code') {
+          addressObj.zipcode = component.short_name
+        }
+        if (addressType === 'street_number') {
+          addressObj.street_number = component.long_name
+        }
+        if (addressType === 'neighborhood') {
+          addressObj.neighborhood = component.long_name
+        }
+        if (addressType === 'route') {
+          addressObj.route = component.short_name
+        }
+        if (addressType === 'locality') {
+          addressObj.locality = component.long_name
+        }
+        if (component.types?.includes('sublocality')) {
+          addressObj.sublocality = component.long_name
+        }
+        if (addressType === 'country') {
+          addressObj.country = component.long_name
+          addressObj.country_code = component.short_name
+        }
+        if (addressType === 'administrative_area_level_1') {
+          addressObj.state = component.long_name
+        }
+        if (addressType === 'administrative_area_level_2') {
+          addressObj.city = component.long_name
+        }
+      })
+    }
+    const addressSelected = {
+      address: data?.description || data?.address,
+      location: details?.geometry?.location,
+      utc_offset: details?.utc_offset || null,
+      map_data: { library: 'google', place_id: data.place_id },
+      zipcode: data?.zipcode || null,
+      ...addressObj
+    };
+    updateChanges(addressSelected);
+  };
 
 	const handleAddressTag = (tag: string) => {
 		setAddressTag(tag);

package/themes/original/src/components/GPSButton/index.tsx

@@ -34,7 +34,8 @@ export const GPSButton = (props: any) => {
         }
         let data : any
         const details = {
-          geometry: { location: { lat: pos.latitude, lng: pos.longitude } }
+          geometry: { location: { lat: pos.latitude, lng: pos.longitude } },
+          address_components: results[0]?.address_components
         }
         // if (isSetInputs) {
           data = {

package/themes/original/src/components/GoogleMap/index.tsx

@@ -82,7 +82,8 @@ export const GoogleMap = (props: GoogleMapsParams) => {
           place_id: results[0]?.place_id,
         }
         const details = {
-          geometry: { location: { lat: pos.latitude, lng: pos.longitude } }
+          geometry: { location: { lat: pos.latitude, lng: pos.longitude } },
+          address_components: results[0]?.address_components,
         }
         handleChangeAddressMap && handleChangeAddressMap(address, details)
         setSaveLocation && setSaveLocation(false)