authscape 1.0.142 → 1.0.143

package/index.js

@@ -988,7 +988,6 @@ var AutoCompleteDialog = function AutoCompleteDialog(_ref) {
     sx: {
       position: "absolute",
       zIndex: 9999,
-      top: 125,
       backgroundColor: "white",
       border: "1px solid black"
     }
@@ -997,20 +996,28 @@ var AutoCompleteDialog = function AutoCompleteDialog(_ref) {
 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)(""),
+    createButtonText = _ref3$createButtonTex === void 0 ? "Save" : _ref3$createButtonTex,
+    _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];
@@ -1101,9 +1108,7 @@ var GooglePlacesModal = function GooglePlacesModal(_ref3) {
       }
       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"
-  }));
+  }, createButtonText))));
 };
 exports.GooglePlacesModal = GooglePlacesModal;
 "use strict";

package/package.json

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

package/src/components/GoogleMapsAutoComplete.js

@@ -325,7 +325,7 @@ const AutoCompleteDialog = ({placeholder, onSelected, defaultValue, onChange}) =
         <TextField ref={txtAddressField} autoFocus={true} autoComplete="new-password" 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>
         }
@@ -335,12 +335,18 @@ const AutoCompleteDialog = ({placeholder, onSelected, defaultValue, onChange}) =
 
 export const GooglePlacesModal = ({
   onSave,
-  createButtonText = "Save"
+  createButtonText = "Save",
+
+  _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);
 
@@ -428,8 +434,6 @@ export const GooglePlacesModal = ({
         </Button>
         </Box>
     </Box>
-
-    <Script src={"https://maps.googleapis.com/maps/api/js?key=" + process.env.googleMapsKey + "&libraries=places"}></Script>
     </>
   );
 }