authscape 1.0.147 → 1.0.149

package/index.js

@@ -729,7 +729,6 @@ var _ListItemIcon = _interopRequireDefault(require("@mui/material/ListItemIcon")
 var _LocationOnRounded = _interopRequireDefault(require("@mui/icons-material/LocationOnRounded"));
 var _ListItemText = _interopRequireDefault(require("@mui/material/ListItemText"));
 var _reactCoolOnclickoutside = _interopRequireDefault(require("react-cool-onclickoutside"));
-var _reactHookForm = require("react-hook-form");
 var _Stack = _interopRequireDefault(require("@mui/material/Stack"));
 var _usePlacesAutocomplete = _interopRequireWildcard(require("use-places-autocomplete"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -987,11 +986,11 @@ var AutoCompleteDialog = function AutoCompleteDialog(_ref) {
     fullWidth: true,
     value: value,
     onChange: handleInput
-  }), errors.address && errors.address.type === 'required' && /*#__PURE__*/_react["default"].createElement(Typography, {
+  }), react_hook_form_errors != null && react_hook_form_errors.address && react_hook_form_errors.address.type === 'required' && /*#__PURE__*/_react["default"].createElement(Typography, {
     sx: {
       color: "red"
     }
-  }, "Address is required.")), react_hook_form_Control != null && /*#__PURE__*/_react["default"].createElement(_reactHookForm.Controller, {
+  }, "Address is required.")), react_hook_form_Control != null && /*#__PURE__*/_react["default"].createElement(Controller, {
     control: react_hook_form_Control,
     rules: {
       required: true
@@ -1009,7 +1008,7 @@ var AutoCompleteDialog = function AutoCompleteDialog(_ref) {
         fullWidth: true,
         value: value,
         onChange: handleInput
-      })), errors.address && errors.address.type === 'required' && /*#__PURE__*/_react["default"].createElement(Typography, {
+      })), react_hook_form_errors != null && react_hook_form_errors.address && react_hook_form_errors.address.type === 'required' && /*#__PURE__*/_react["default"].createElement(Typography, {
         sx: {
           color: "red"
         }
@@ -1034,9 +1033,7 @@ var GooglePlacesModal = function GooglePlacesModal(_ref4) {
     _ref4$_state = _ref4._state,
     _state = _ref4$_state === void 0 ? "" : _ref4$_state,
     _ref4$_postalCode = _ref4._postalCode,
-    _postalCode = _ref4$_postalCode === void 0 ? "" : _ref4$_postalCode,
-    _ref4$react_hook_form = _ref4.react_hook_form_Control,
-    react_hook_form_Control = _ref4$react_hook_form === void 0 ? null : _ref4$react_hook_form;
+    _postalCode = _ref4$_postalCode === void 0 ? "" : _ref4$_postalCode;
   var _useState = (0, _react.useState)(_address),
     _useState2 = _slicedToArray(_useState, 2),
     address = _useState2[0],
@@ -1063,7 +1060,6 @@ var GooglePlacesModal = function GooglePlacesModal(_ref4) {
     setLng = _useState12[1];
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_system.Box, null, /*#__PURE__*/_react["default"].createElement(AutoCompleteDialog, {
     placeholder: "Address",
-    react_hook_form_Control: react_hook_form_Control,
     defaultValue: address,
     onSelected: function onSelected(data) {
       setAddress(data.address);
@@ -1086,79 +1082,35 @@ var GooglePlacesModal = function GooglePlacesModal(_ref4) {
   }, /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
     item: true,
     xs: 6
-  }, /*#__PURE__*/_react["default"].createElement(_system.Box, null, react_hook_form_Control == null && /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
+  }, /*#__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,
+    InputProps: {
+      readOnly: true
+    },
     onChange: function onChange(val) {
       setCity(val.currentTarget.value);
     }
-  }), react_hook_form_Control != null && /*#__PURE__*/_react["default"].createElement(_reactHookForm.Controller, {
-    control: react_hook_form_Control,
-    rules: {
-      required: true
-    },
-    name: "city",
-    render: function render(_ref5) {
-      var field = _ref5.field;
-      return /*#__PURE__*/_react["default"].createElement(_Stack["default"], null, /*#__PURE__*/_react["default"].createElement(_TextField["default"], _extends({
-        id: "outlined-basic",
-        label: "City",
-        name: "city",
-        variant: "outlined"
-      }, field, {
-        fullWidth: true,
-        value: city,
-        onChange: function onChange(val) {
-          setCity(val.currentTarget.value);
-        }
-      })), errors.city && errors.city.type === 'required' && /*#__PURE__*/_react["default"].createElement(Typography, {
-        sx: {
-          color: "red"
-        }
-      }, "City is required."));
-    }
   }))), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
     item: true,
     xs: 6
-  }, /*#__PURE__*/_react["default"].createElement(_system.Box, null, react_hook_form_Control == null && /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
+  }, /*#__PURE__*/_react["default"].createElement(_system.Box, null, /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
     id: "outlined-basic",
     label: "State",
     name: "state",
     variant: "outlined",
     fullWidth: true,
+    InputProps: {
+      readOnly: true
+    },
     value: state,
     onChange: function onChange(val) {
       setState(val.currentTarget.value);
     }
-  }), react_hook_form_Control != null && /*#__PURE__*/_react["default"].createElement(_reactHookForm.Controller, {
-    control: react_hook_form_Control,
-    rules: {
-      required: true
-    },
-    name: "state",
-    render: function render(_ref6) {
-      var field = _ref6.field;
-      return /*#__PURE__*/_react["default"].createElement(_Stack["default"], null, /*#__PURE__*/_react["default"].createElement(_TextField["default"], _extends({
-        id: "outlined-basic",
-        label: "State"
-      }, field, {
-        name: "state",
-        variant: "outlined",
-        fullWidth: true,
-        value: state,
-        onChange: function onChange(val) {
-          setState(val.currentTarget.value);
-        }
-      })), errors.state && errors.state.type === 'required' && /*#__PURE__*/_react["default"].createElement(Typography, {
-        sx: {
-          color: "red"
-        }
-      }, "State is required."));
-    }
   })))), /*#__PURE__*/_react["default"].createElement(_system.Box, {
     sx: {
       marginTop: 2
@@ -1170,17 +1122,20 @@ var GooglePlacesModal = function GooglePlacesModal(_ref4) {
     variant: "outlined",
     fullWidth: true,
     value: zip,
+    InputProps: {
+      readOnly: true
+    },
     onChange: function onChange(val) {
       setPostalcode(val.currentTarget.value);
     }
-  }), react_hook_form_Control != null && /*#__PURE__*/_react["default"].createElement(_reactHookForm.Controller, {
+  }), react_hook_form_Control != null && /*#__PURE__*/_react["default"].createElement(Controller, {
     control: react_hook_form_Control,
     rules: {
       required: true
     },
     name: "postalCode",
-    render: function render(_ref7) {
-      var field = _ref7.field;
+    render: function render(_ref5) {
+      var field = _ref5.field;
       return /*#__PURE__*/_react["default"].createElement(_Stack["default"], null, /*#__PURE__*/_react["default"].createElement(_TextField["default"], _extends({
         id: "outlined-basic",
         label: "Postal code"
@@ -1192,7 +1147,7 @@ var GooglePlacesModal = function GooglePlacesModal(_ref4) {
         onChange: function onChange(val) {
           setPostalcode(val.currentTarget.value);
         }
-      })), errors.postalCode && errors.postalCode.type === 'required' && /*#__PURE__*/_react["default"].createElement(Typography, {
+      })), react_hook_form_errors != null && react_hook_form_errors.postalCode && react_hook_form_errors.postalCode.type === 'required' && /*#__PURE__*/_react["default"].createElement(Typography, {
         sx: {
           color: "red"
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "authscape",
-  "version": "1.0.147",
+  "version": "1.0.149",
   "description": "",
   "main": "index.js",
   "scripts": {
@@ -40,6 +40,7 @@
     "query-string": "^7.1.1",
     "react-cool-onclickoutside": "^1.7.0",
     "react-data-table-component": "^7.5.2",
+    "react-hook-form": "^7.44.2",
     "use-places-autocomplete": "^4.0.0"
   }
 }

package/src/components/GoogleMapsAutoComplete.js

@@ -9,7 +9,6 @@ import ListItemIcon from '@mui/material/ListItemIcon';
 import LocationOnRoundedIcon from '@mui/icons-material/LocationOnRounded';
 import ListItemText from '@mui/material/ListItemText';
 import useOnclickOutside from "react-cool-onclickoutside";
-import { useForm, Controller, useFieldArray } from "react-hook-form";
 import Stack from "@mui/material/Stack";
 
 import usePlacesAutocomplete, {
@@ -328,8 +327,8 @@ const AutoCompleteDialog = ({placeholder, onSelected, defaultValue, react_hook_f
         {react_hook_form_Control == null &&
             <Stack>
                     <TextField ref={txtAddressField} name="address" autoComplete="new-password" label={placeholder} variant="outlined" fullWidth={true} value={value} onChange={handleInput} />
-                    {errors.address && 
-                errors.address.type === 'required' 
+                    {react_hook_form_errors != null && react_hook_form_errors.address && 
+                react_hook_form_errors.address.type === 'required' 
                 && <Typography sx={{color: "red"}}>Address is required.</Typography>}
             </Stack>
         }
@@ -342,8 +341,8 @@ const AutoCompleteDialog = ({placeholder, onSelected, defaultValue, react_hook_f
                 render={({ field }) => (
                 <Stack>
                     <TextField ref={txtAddressField} name="address" {...field} autoComplete="new-password" label={placeholder} variant="outlined" fullWidth={true} value={value} onChange={handleInput} />
-                    {errors.address && 
-                errors.address.type === 'required' 
+                    {react_hook_form_errors != null && react_hook_form_errors.address && 
+                react_hook_form_errors.address.type === 'required' 
                 && <Typography sx={{color: "red"}}>Address is required.</Typography>}
                 </Stack>
                 )}
@@ -370,8 +369,7 @@ export const GooglePlacesModal = ({
   _address = "",
   _city = "",
   _state = "",
-  _postalCode = "",
-  react_hook_form_Control = null
+  _postalCode = ""
 }) => {
   const [address, setAddress] = useState(_address);
   const [city, setCity] = useState(_city);
@@ -386,7 +384,6 @@ export const GooglePlacesModal = ({
     <Box>
         <AutoCompleteDialog
         placeholder={"Address"}
-        react_hook_form_Control={react_hook_form_Control}
         defaultValue={address}
         onSelected={(data) => {
             setAddress(data.address);
@@ -406,8 +403,7 @@ export const GooglePlacesModal = ({
         <Grid container spacing={1} sx={{ marginTop: 1 }}>
         <Grid item xs={6}>
             <Box>
-
-            {react_hook_form_Control == null &&
+            
                 <TextField
                     id="outlined-basic"
                     label="City"
@@ -415,40 +411,13 @@ export const GooglePlacesModal = ({
                     variant="outlined"
                     fullWidth={true}
                     value={city}
+                    InputProps={{
+                        readOnly: true,
+                      }}
                     onChange={(val) => {
                     setCity(val.currentTarget.value);
                     }}
                 />
-            }
-
-            {react_hook_form_Control != null &&
-                <Controller
-                    control={react_hook_form_Control}
-                    rules={{ required: true }}
-                    name="city"
-                    render={({ field }) => (
-                    <Stack>
-                        <TextField
-                            id="outlined-basic"
-                            label="City"
-                            name="city"
-                            variant="outlined"
-                            {...field}
-                            fullWidth={true}
-                            value={city}
-                            onChange={(val) => {
-                            setCity(val.currentTarget.value);
-                            }}
-                        />
-
-                        {errors.city && 
-                    errors.city.type === 'required' 
-                    && <Typography sx={{color: "red"}}>City is required.</Typography>}
-                    </Stack>
-                    )}
-                />
-            }
-                
             
             </Box>
         </Grid>
@@ -456,51 +425,21 @@ export const GooglePlacesModal = ({
         <Grid item xs={6}>
             <Box>
 
-            {react_hook_form_Control == null &&
-
                 <TextField
                     id="outlined-basic"
                     label="State"
                     name="state"
                     variant="outlined"
                     fullWidth={true}
+                    InputProps={{
+                        readOnly: true,
+                    }}
                     value={state}
                     onChange={(val) => {
                     setState(val.currentTarget.value);
                     }}
                 />
-            }
-
-            {react_hook_form_Control != null &&
-                <Controller
-                    control={react_hook_form_Control}
-                    rules={{ required: true }}
-                    name="state"
-                    render={({ field }) => (
-                    <Stack>
-
-                        <TextField
-                            id="outlined-basic"
-                            label="State"
-                            {...field}
-                            name="state"
-                            variant="outlined"
-                            fullWidth={true}
-                            value={state}
-                            onChange={(val) => {
-                            setState(val.currentTarget.value);
-                            }}
-                        />
-                        
-                        {errors.state && 
-                    errors.state.type === 'required' 
-                    && <Typography sx={{color: "red"}}>State is required.</Typography>}
-                    </Stack>
-                    )}
-                />
-            }
-
-
+           
 
             
             </Box>
@@ -519,6 +458,9 @@ export const GooglePlacesModal = ({
                 variant="outlined"
                 fullWidth={true}
                 value={zip}
+                InputProps={{
+                    readOnly: true,
+                }}
                 onChange={(val) => {
                     setPostalcode(val.currentTarget.value);
                 }}
@@ -546,8 +488,8 @@ export const GooglePlacesModal = ({
                         }}
                     />
 
-                    {errors.postalCode && 
-                errors.postalCode.type === 'required' 
+                    {react_hook_form_errors != null && react_hook_form_errors.postalCode && 
+                react_hook_form_errors.postalCode.type === 'required' 
                 && <Typography sx={{color: "red"}}>Postal Code is required.</Typography>}
                 </Stack>
                 )}