authscape 1.0.146 → 1.0.148

package/index.js

@@ -730,6 +730,7 @@ var _LocationOnRounded = _interopRequireDefault(require("@mui/icons-material/Loc
 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 }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -977,7 +978,20 @@ var AutoCompleteDialog = function AutoCompleteDialog(_ref) {
       })), /*#__PURE__*/_react["default"].createElement(_ListItemText["default"], null, /*#__PURE__*/_react["default"].createElement("strong", null, main_text), " ", /*#__PURE__*/_react["default"].createElement("small", null, secondary_text)));
     });
   };
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_reactHookForm.Controller, {
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, react_hook_form_Control == null && /*#__PURE__*/_react["default"].createElement(_Stack["default"], null, /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
+    ref: txtAddressField,
+    name: "address",
+    autoComplete: "new-password",
+    label: placeholder,
+    variant: "outlined",
+    fullWidth: true,
+    value: value,
+    onChange: handleInput
+  }), 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, {
     control: react_hook_form_Control,
     rules: {
       required: true
@@ -985,7 +999,7 @@ var AutoCompleteDialog = function AutoCompleteDialog(_ref) {
     name: "address",
     render: function render(_ref3) {
       var field = _ref3.field;
-      return /*#__PURE__*/_react["default"].createElement(Stack, null, /*#__PURE__*/_react["default"].createElement(_TextField["default"], _extends({
+      return /*#__PURE__*/_react["default"].createElement(_Stack["default"], null, /*#__PURE__*/_react["default"].createElement(_TextField["default"], _extends({
         ref: txtAddressField,
         name: "address"
       }, field, {
@@ -995,7 +1009,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"
         }
@@ -1022,7 +1036,9 @@ var GooglePlacesModal = function GooglePlacesModal(_ref4) {
     _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;
+    react_hook_form_Control = _ref4$react_hook_form === void 0 ? null : _ref4$react_hook_form,
+    _ref4$react_hook_form2 = _ref4.react_hook_form_errors,
+    react_hook_form_errors = _ref4$react_hook_form2 === void 0 ? null : _ref4$react_hook_form2;
   var _useState = (0, _react.useState)(_address),
     _useState2 = _slicedToArray(_useState, 2),
     address = _useState2[0],
@@ -1072,7 +1088,17 @@ var GooglePlacesModal = function GooglePlacesModal(_ref4) {
   }, /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
     item: true,
     xs: 6
-  }, /*#__PURE__*/_react["default"].createElement(_system.Box, null, /*#__PURE__*/_react["default"].createElement(_reactHookForm.Controller, {
+  }, /*#__PURE__*/_react["default"].createElement(_system.Box, null, react_hook_form_Control == null && /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
+    id: "outlined-basic",
+    label: "City",
+    name: "city",
+    variant: "outlined",
+    fullWidth: true,
+    value: city,
+    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
@@ -1080,7 +1106,7 @@ var GooglePlacesModal = function GooglePlacesModal(_ref4) {
     name: "city",
     render: function render(_ref5) {
       var field = _ref5.field;
-      return /*#__PURE__*/_react["default"].createElement(Stack, null, /*#__PURE__*/_react["default"].createElement(_TextField["default"], _extends({
+      return /*#__PURE__*/_react["default"].createElement(_Stack["default"], null, /*#__PURE__*/_react["default"].createElement(_TextField["default"], _extends({
         id: "outlined-basic",
         label: "City",
         name: "city",
@@ -1091,7 +1117,7 @@ var GooglePlacesModal = function GooglePlacesModal(_ref4) {
         onChange: function onChange(val) {
           setCity(val.currentTarget.value);
         }
-      })), errors.city && errors.city.type === 'required' && /*#__PURE__*/_react["default"].createElement(Typography, {
+      })), react_hook_form_errors != null && react_hook_form_errors.city && react_hook_form_errors.city.type === 'required' && /*#__PURE__*/_react["default"].createElement(Typography, {
         sx: {
           color: "red"
         }
@@ -1100,7 +1126,17 @@ var GooglePlacesModal = function GooglePlacesModal(_ref4) {
   }))), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
     item: true,
     xs: 6
-  }, /*#__PURE__*/_react["default"].createElement(_system.Box, null, /*#__PURE__*/_react["default"].createElement(_reactHookForm.Controller, {
+  }, /*#__PURE__*/_react["default"].createElement(_system.Box, null, react_hook_form_Control == null && /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
+    id: "outlined-basic",
+    label: "State",
+    name: "state",
+    variant: "outlined",
+    fullWidth: 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
@@ -1108,7 +1144,7 @@ var GooglePlacesModal = function GooglePlacesModal(_ref4) {
     name: "state",
     render: function render(_ref6) {
       var field = _ref6.field;
-      return /*#__PURE__*/_react["default"].createElement(Stack, null, /*#__PURE__*/_react["default"].createElement(_TextField["default"], _extends({
+      return /*#__PURE__*/_react["default"].createElement(_Stack["default"], null, /*#__PURE__*/_react["default"].createElement(_TextField["default"], _extends({
         id: "outlined-basic",
         label: "State"
       }, field, {
@@ -1119,7 +1155,7 @@ var GooglePlacesModal = function GooglePlacesModal(_ref4) {
         onChange: function onChange(val) {
           setState(val.currentTarget.value);
         }
-      })), errors.state && errors.state.type === 'required' && /*#__PURE__*/_react["default"].createElement(Typography, {
+      })), react_hook_form_errors != null && react_hook_form_errors.state && react_hook_form_errors.state.type === 'required' && /*#__PURE__*/_react["default"].createElement(Typography, {
         sx: {
           color: "red"
         }
@@ -1129,7 +1165,17 @@ var GooglePlacesModal = function GooglePlacesModal(_ref4) {
     sx: {
       marginTop: 2
     }
-  }, /*#__PURE__*/_react["default"].createElement(_reactHookForm.Controller, {
+  }, react_hook_form_Control == null && /*#__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);
+    }
+  }), react_hook_form_Control != null && /*#__PURE__*/_react["default"].createElement(_reactHookForm.Controller, {
     control: react_hook_form_Control,
     rules: {
       required: true
@@ -1137,7 +1183,7 @@ var GooglePlacesModal = function GooglePlacesModal(_ref4) {
     name: "postalCode",
     render: function render(_ref7) {
       var field = _ref7.field;
-      return /*#__PURE__*/_react["default"].createElement(Stack, null, /*#__PURE__*/_react["default"].createElement(_TextField["default"], _extends({
+      return /*#__PURE__*/_react["default"].createElement(_Stack["default"], null, /*#__PURE__*/_react["default"].createElement(_TextField["default"], _extends({
         id: "outlined-basic",
         label: "Postal code"
       }, field, {
@@ -1148,7 +1194,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.146",
+  "version": "1.0.148",
   "description": "",
   "main": "index.js",
   "scripts": {

package/src/components/GoogleMapsAutoComplete.js

@@ -10,6 +10,7 @@ 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, {
   getGeocode,
@@ -324,19 +325,30 @@ const AutoCompleteDialog = ({placeholder, onSelected, defaultValue, react_hook_f
     return (
       <>
 
-        <Controller
-            control={react_hook_form_Control}
-            rules={{ required: true }}
-            name="address"
-            render={({ field }) => (
+        {react_hook_form_Control == null &&
             <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' 
-            && <Typography sx={{color: "red"}}>Address is required.</Typography>}
+                    <TextField ref={txtAddressField} name="address" autoComplete="new-password" label={placeholder} variant="outlined" fullWidth={true} value={value} onChange={handleInput} />
+                    {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>
-            )}
-        />
+        }
+
+        {react_hook_form_Control != null &&
+            <Controller
+                control={react_hook_form_Control}
+                rules={{ required: true }}
+                name="address"
+                render={({ field }) => (
+                <Stack>
+                    <TextField ref={txtAddressField} name="address" {...field} autoComplete="new-password" label={placeholder} variant="outlined" fullWidth={true} value={value} onChange={handleInput} />
+                    {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>
+                )}
+            />
+        }
 
 
 
@@ -359,7 +371,8 @@ export const GooglePlacesModal = ({
   _city = "",
   _state = "",
   _postalCode = "",
-  react_hook_form_Control = null
+  react_hook_form_Control = null,
+  react_hook_form_errors = null
 }) => {
   const [address, setAddress] = useState(_address);
   const [city, setCity] = useState(_city);
@@ -395,32 +408,47 @@ export const GooglePlacesModal = ({
         <Grid item xs={6}>
             <Box>
 
+            {react_hook_form_Control == null &&
+                <TextField
+                    id="outlined-basic"
+                    label="City"
+                    name="city"
+                    variant="outlined"
+                    fullWidth={true}
+                    value={city}
+                    onChange={(val) => {
+                    setCity(val.currentTarget.value);
+                    }}
+                />
+            }
 
-            <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>
-                )}
-            />
+            {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);
+                            }}
+                        />
+
+                        {react_hook_form_errors != null && react_hook_form_errors.city && 
+                    react_hook_form_errors.city.type === 'required' 
+                    && <Typography sx={{color: "red"}}>City is required.</Typography>}
+                    </Stack>
+                    )}
+                />
+            }
                 
             
             </Box>
@@ -429,85 +457,105 @@ export const GooglePlacesModal = ({
         <Grid item xs={6}>
             <Box>
 
-
-            <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>
-        </Grid>
-        </Grid>
-
-        <Box sx={{ marginTop: 2 }}>
-
-
-
-        <Controller
-            control={react_hook_form_Control}
-            rules={{ required: true }}
-            name="postalCode"
-            render={({ field }) => (
-            <Stack>
+            {react_hook_form_Control == null &&
 
                 <TextField
                     id="outlined-basic"
-                    label="Postal code"
-                    {...field}
-                    name="postalCode"
+                    label="State"
+                    name="state"
                     variant="outlined"
                     fullWidth={true}
-                    value={zip}
+                    value={state}
                     onChange={(val) => {
-                    setPostalcode(val.currentTarget.value);
+                    setState(val.currentTarget.value);
                     }}
                 />
+            }
 
-                {errors.postalCode && 
-            errors.postalCode.type === 'required' 
-            && <Typography sx={{color: "red"}}>Postal Code is required.</Typography>}
-            </Stack>
-            )}
-        />
+            {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);
+                            }}
+                        />
+                        
+                        {react_hook_form_errors != null && react_hook_form_errors.state && 
+                    react_hook_form_errors.state.type === 'required' 
+                    && <Typography sx={{color: "red"}}>State is required.</Typography>}
+                    </Stack>
+                    )}
+                />
+            }
 
 
 
+            
+            </Box>
+        </Grid>
+        </Grid>
 
+        <Box sx={{ marginTop: 2 }}>
 
 
+        {react_hook_form_Control == null &&
 
+            <TextField
+                id="outlined-basic"
+                label="Postal code"
+                name="postalCode"
+                variant="outlined"
+                fullWidth={true}
+                value={zip}
+                onChange={(val) => {
+                    setPostalcode(val.currentTarget.value);
+                }}
+            />
+        }
 
+        {react_hook_form_Control != null &&
+            <Controller
+                control={react_hook_form_Control}
+                rules={{ required: true }}
+                name="postalCode"
+                render={({ field }) => (
+                <Stack>
 
+                    <TextField
+                        id="outlined-basic"
+                        label="Postal code"
+                        {...field}
+                        name="postalCode"
+                        variant="outlined"
+                        fullWidth={true}
+                        value={zip}
+                        onChange={(val) => {
+                        setPostalcode(val.currentTarget.value);
+                        }}
+                    />
 
+                    {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>
+                )}
+            />
+        }
 
 
-        
         </Box>
 
         {/* <Box sx={{ marginTop: 1, textAlign: "right" }}>