authscape 1.0.142 → 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,
@@ -988,29 +988,34 @@ var AutoCompleteDialog = function AutoCompleteDialog(_ref) {
     sx: {
       position: "absolute",
       zIndex: 9999,
-      top: 125,
       backgroundColor: "white",
       border: "1px solid black"
     }
   }, renderSuggestions()));
 };
 var GooglePlacesModal = function GooglePlacesModal(_ref3) {
-  var onSave = _ref3.onSave,
-    _ref3$createButtonTex = _ref3.createButtonText,
-    createButtonText = _ref3$createButtonTex === void 0 ? "Save" : _ref3$createButtonTex;
-  var _useState = (0, _react.useState)(""),
+  var onAddressSelected = _ref3.onAddressSelected,
+    _ref3$_address = _ref3._address,
+    _address = _ref3$_address === void 0 ? "" : _ref3$_address,
+    _ref3$_city = _ref3._city,
+    _city = _ref3$_city === void 0 ? "" : _ref3$_city,
+    _ref3$_state = _ref3._state,
+    _state = _ref3$_state === void 0 ? "" : _ref3$_state,
+    _ref3$_postalCode = _ref3._postalCode,
+    _postalCode = _ref3$_postalCode === void 0 ? "" : _ref3$_postalCode;
+  var _useState = (0, _react.useState)(_address),
     _useState2 = _slicedToArray(_useState, 2),
     address = _useState2[0],
     setAddress = _useState2[1];
-  var _useState3 = (0, _react.useState)(""),
+  var _useState3 = (0, _react.useState)(_city),
     _useState4 = _slicedToArray(_useState3, 2),
     city = _useState4[0],
     setCity = _useState4[1];
-  var _useState5 = (0, _react.useState)(""),
+  var _useState5 = (0, _react.useState)(_state),
     _useState6 = _slicedToArray(_useState5, 2),
     state = _useState6[0],
     setState = _useState6[1];
-  var _useState7 = (0, _react.useState)(""),
+  var _useState7 = (0, _react.useState)(_postalCode),
     _useState8 = _slicedToArray(_useState7, 2),
     zip = _useState8[0],
     setPostalcode = _useState8[1];
@@ -1032,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);
@@ -1048,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,
@@ -1060,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,
@@ -1073,37 +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))), /*#__PURE__*/_react["default"].createElement(_script["default"], {
-    src: "https://maps.googleapis.com/maps/api/js?key=" + process.env.googleMapsKey + "&libraries=places"
-  }));
+  }))));
 };
 exports.GooglePlacesModal = GooglePlacesModal;
 "use strict";

package/package.json

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

package/src/components/GoogleMapsAutoComplete.js

@@ -322,10 +322,10 @@ 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, top:125, backgroundColor:"white", border:"1px solid black"}}>
+          <MenuList ref={ref} sx={{position:"absolute", zIndex:9999, backgroundColor:"white", border:"1px solid black"}}>
             {renderSuggestions()}
           </MenuList>
         }
@@ -334,13 +334,17 @@ const AutoCompleteDialog = ({placeholder, onSelected, defaultValue, onChange}) =
   };
 
 export const GooglePlacesModal = ({
-  onSave,
-  createButtonText = "Save"
+  onAddressSelected,
+  _address = "",
+  _city = "",
+  _state = "",
+  _postalCode = ""
 }) => {
-  const [address, setAddress] = useState("");
-  const [city, setCity] = useState("");
-  const [state, setState] = useState("");
-  const [zip, setPostalcode] = useState("");
+  const [address, setAddress] = useState(_address);
+  const [city, setCity] = useState(_city);
+  const [state, setState] = useState(_state);
+  const [zip, setPostalcode] = useState(_postalCode);
+
   const [lat, setLat] = useState(null);
   const [lng, setLng] = useState(null);
 
@@ -357,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);
@@ -369,6 +375,7 @@ export const GooglePlacesModal = ({
             <TextField
                 id="outlined-basic"
                 label="City"
+                name="city"
                 variant="outlined"
                 fullWidth={true}
                 value={city}
@@ -384,6 +391,7 @@ export const GooglePlacesModal = ({
             <TextField
                 id="outlined-basic"
                 label="State"
+                name="state"
                 variant="outlined"
                 fullWidth={true}
                 value={state}
@@ -399,6 +407,7 @@ export const GooglePlacesModal = ({
         <TextField
             id="outlined-basic"
             label="Postal code"
+            name="postalCode"
             variant="outlined"
             fullWidth={true}
             value={zip}
@@ -408,7 +417,7 @@ export const GooglePlacesModal = ({
         />
         </Box>
 
-        <Box sx={{ marginTop: 1, textAlign: "right" }}>
+        {/* <Box sx={{ marginTop: 1, textAlign: "right" }}>
         <Button
             variant="contained"
             onClick={() => {
@@ -426,10 +435,8 @@ export const GooglePlacesModal = ({
             }}>
             {createButtonText}
         </Button>
-        </Box>
+        </Box> */}
     </Box>
-
-    <Script src={"https://maps.googleapis.com/maps/api/js?key=" + process.env.googleMapsKey + "&libraries=places"}></Script>
     </>
   );
 }