authscape 1.0.145 → 1.0.146

package/index.js

@@ -745,6 +745,7 @@ var AutoCompleteDialog = function AutoCompleteDialog(_ref) {
   var placeholder = _ref.placeholder,
     onSelected = _ref.onSelected,
     defaultValue = _ref.defaultValue,
+    react_hook_form_Control = _ref.react_hook_form_Control,
     onChange = _ref.onChange;
   var txtAddressField = (0, _react.useRef)(null);
   var dismissSuggestions = function dismissSuggestions() {
@@ -977,7 +978,7 @@ var AutoCompleteDialog = function AutoCompleteDialog(_ref) {
     });
   };
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_reactHookForm.Controller, {
-    control: control,
+    control: react_hook_form_Control,
     rules: {
       required: true
     },
@@ -1019,7 +1020,9 @@ 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;
+    _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;
   var _useState = (0, _react.useState)(_address),
     _useState2 = _slicedToArray(_useState, 2),
     address = _useState2[0],
@@ -1046,6 +1049,7 @@ 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);
@@ -1069,7 +1073,7 @@ var GooglePlacesModal = function GooglePlacesModal(_ref4) {
     item: true,
     xs: 6
   }, /*#__PURE__*/_react["default"].createElement(_system.Box, null, /*#__PURE__*/_react["default"].createElement(_reactHookForm.Controller, {
-    control: control,
+    control: react_hook_form_Control,
     rules: {
       required: true
     },
@@ -1097,7 +1101,7 @@ var GooglePlacesModal = function GooglePlacesModal(_ref4) {
     item: true,
     xs: 6
   }, /*#__PURE__*/_react["default"].createElement(_system.Box, null, /*#__PURE__*/_react["default"].createElement(_reactHookForm.Controller, {
-    control: control,
+    control: react_hook_form_Control,
     rules: {
       required: true
     },
@@ -1126,7 +1130,7 @@ var GooglePlacesModal = function GooglePlacesModal(_ref4) {
       marginTop: 2
     }
   }, /*#__PURE__*/_react["default"].createElement(_reactHookForm.Controller, {
-    control: control,
+    control: react_hook_form_Control,
     rules: {
       required: true
     },

package/package.json

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

package/src/components/GoogleMapsAutoComplete.js

@@ -18,7 +18,7 @@ import usePlacesAutocomplete, {
   getLatLng,
 } from "use-places-autocomplete";
 
-const AutoCompleteDialog = ({placeholder, onSelected, defaultValue, onChange}) => {
+const AutoCompleteDialog = ({placeholder, onSelected, defaultValue, react_hook_form_Control, onChange}) => {
 
     const txtAddressField = useRef(null);
   
@@ -325,7 +325,7 @@ const AutoCompleteDialog = ({placeholder, onSelected, defaultValue, onChange}) =
       <>
 
         <Controller
-            control={control}
+            control={react_hook_form_Control}
             rules={{ required: true }}
             name="address"
             render={({ field }) => (
@@ -358,7 +358,8 @@ export const GooglePlacesModal = ({
   _address = "",
   _city = "",
   _state = "",
-  _postalCode = ""
+  _postalCode = "",
+  react_hook_form_Control = null
 }) => {
   const [address, setAddress] = useState(_address);
   const [city, setCity] = useState(_city);
@@ -373,6 +374,7 @@ export const GooglePlacesModal = ({
     <Box>
         <AutoCompleteDialog
         placeholder={"Address"}
+        react_hook_form_Control={react_hook_form_Control}
         defaultValue={address}
         onSelected={(data) => {
             setAddress(data.address);
@@ -395,7 +397,7 @@ export const GooglePlacesModal = ({
 
 
             <Controller
-                control={control}
+                control={react_hook_form_Control}
                 rules={{ required: true }}
                 name="city"
                 render={({ field }) => (
@@ -429,7 +431,7 @@ export const GooglePlacesModal = ({
 
 
             <Controller
-                control={control}
+                control={react_hook_form_Control}
                 rules={{ required: true }}
                 name="state"
                 render={({ field }) => (
@@ -468,7 +470,7 @@ export const GooglePlacesModal = ({
 
 
         <Controller
-            control={control}
+            control={react_hook_form_Control}
             rules={{ required: true }}
             name="postalCode"
             render={({ field }) => (