authscape 1.0.143 → 1.0.144

package/index.js

@@ -977,7 +977,7 @@ var AutoCompleteDialog = function AutoCompleteDialog(_ref) {
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
     ref: txtAddressField,
     autoFocus: true,
-    autoComplete: "new-password",
+    name: "address",
     label: placeholder,
     variant: "outlined",
     fullWidth: true,
@@ -994,9 +994,7 @@ var AutoCompleteDialog = function AutoCompleteDialog(_ref) {
   }, renderSuggestions()));
 };
 var GooglePlacesModal = function GooglePlacesModal(_ref3) {
-  var onSave = _ref3.onSave,
-    _ref3$createButtonTex = _ref3.createButtonText,
-    createButtonText = _ref3$createButtonTex === void 0 ? "Save" : _ref3$createButtonTex,
+  var onAddressSelected = _ref3.onAddressSelected,
     _ref3$_address = _ref3._address,
     _address = _ref3$_address === void 0 ? "" : _ref3$_address,
     _ref3$_city = _ref3._city,
@@ -1039,6 +1037,7 @@ var GooglePlacesModal = function GooglePlacesModal(_ref3) {
       setPostalcode(data.postalCode);
       setLat(data.lat);
       setLng(data["long"]);
+      onAddressSelected(data.address, data.city, data.state, data.postalCode, data.lat, data["long"]);
     },
     onChange: function onChange(address) {
       setAddress(address);
@@ -1055,6 +1054,7 @@ var GooglePlacesModal = function GooglePlacesModal(_ref3) {
   }, /*#__PURE__*/_react["default"].createElement(_system.Box, null, /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
     id: "outlined-basic",
     label: "City",
+    name: "city",
     variant: "outlined",
     fullWidth: true,
     value: city,
@@ -1067,6 +1067,7 @@ var GooglePlacesModal = function GooglePlacesModal(_ref3) {
   }, /*#__PURE__*/_react["default"].createElement(_system.Box, null, /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
     id: "outlined-basic",
     label: "State",
+    name: "state",
     variant: "outlined",
     fullWidth: true,
     value: state,
@@ -1080,35 +1081,14 @@ var GooglePlacesModal = function GooglePlacesModal(_ref3) {
   }, /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
     id: "outlined-basic",
     label: "Postal code",
+    name: "postalCode",
     variant: "outlined",
     fullWidth: true,
     value: zip,
     onChange: function onChange(val) {
       setPostalcode(val.currentTarget.value);
     }
-  })), /*#__PURE__*/_react["default"].createElement(_system.Box, {
-    sx: {
-      marginTop: 1,
-      textAlign: "right"
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    variant: "contained",
-    onClick: function onClick() {
-      if (lat == null || lng == null) {
-        var addressInfo = address + " " + city + " " + state + " " + zip;
-        (0, _usePlacesAutocomplete.getGeocode)({
-          address: addressInfo
-        }).then(function (results) {
-          var _getLatLng = (0, _usePlacesAutocomplete.getLatLng)(results[0]),
-            lat = _getLatLng.lat,
-            lng = _getLatLng.lng;
-          setLat(lat);
-          setLng(lng);
-        });
-      }
-      onSave(address, city, state, zip, lat, lng);
-    }
-  }, createButtonText))));
+  }))));
 };
 exports.GooglePlacesModal = GooglePlacesModal;
 "use strict";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "authscape",
-  "version": "1.0.143",
+  "version": "1.0.144",
   "description": "",
   "main": "index.js",
   "scripts": {

package/src/components/GoogleMapsAutoComplete.js

@@ -322,7 +322,7 @@ const AutoCompleteDialog = ({placeholder, onSelected, defaultValue, onChange}) =
   
     return (
       <>
-        <TextField ref={txtAddressField} autoFocus={true} autoComplete="new-password" label={placeholder} variant="outlined" fullWidth={true} value={value} onChange={handleInput} />
+        <TextField ref={txtAddressField} autoFocus={true} name="address" label={placeholder} variant="outlined" fullWidth={true} value={value} onChange={handleInput} />
   
         {status == "OK" &&
           <MenuList ref={ref} sx={{position:"absolute", zIndex:9999, backgroundColor:"white", border:"1px solid black"}}>
@@ -334,9 +334,7 @@ const AutoCompleteDialog = ({placeholder, onSelected, defaultValue, onChange}) =
   };
 
 export const GooglePlacesModal = ({
-  onSave,
-  createButtonText = "Save",
-
+  onAddressSelected,
   _address = "",
   _city = "",
   _state = "",
@@ -363,6 +361,8 @@ export const GooglePlacesModal = ({
             setPostalcode(data.postalCode);
             setLat(data.lat);
             setLng(data.long);
+
+            onAddressSelected(data.address, data.city, data.state, data.postalCode, data.lat, data.long);
         }}
         onChange={(address) => {
             setAddress(address);
@@ -375,6 +375,7 @@ export const GooglePlacesModal = ({
             <TextField
                 id="outlined-basic"
                 label="City"
+                name="city"
                 variant="outlined"
                 fullWidth={true}
                 value={city}
@@ -390,6 +391,7 @@ export const GooglePlacesModal = ({
             <TextField
                 id="outlined-basic"
                 label="State"
+                name="state"
                 variant="outlined"
                 fullWidth={true}
                 value={state}
@@ -405,6 +407,7 @@ export const GooglePlacesModal = ({
         <TextField
             id="outlined-basic"
             label="Postal code"
+            name="postalCode"
             variant="outlined"
             fullWidth={true}
             value={zip}
@@ -414,7 +417,7 @@ export const GooglePlacesModal = ({
         />
         </Box>
 
-        <Box sx={{ marginTop: 1, textAlign: "right" }}>
+        {/* <Box sx={{ marginTop: 1, textAlign: "right" }}>
         <Button
             variant="contained"
             onClick={() => {
@@ -432,7 +435,7 @@ export const GooglePlacesModal = ({
             }}>
             {createButtonText}
         </Button>
-        </Box>
+        </Box> */}
     </Box>
     </>
   );