From 0dde19254f81b109246884a30f3adb710e0fbd7a Mon Sep 17 00:00:00 2001
From: KyleCole01 <kyle@misfitselectronics.com>
Date: Mon, 3 Feb 2020 13:39:50 -0500
Subject: [PATCH 1/3] createTicket component added

---
 dev-desk-queue/src/components/CreateTicket.js | 52 +++++++++++++++++++
 dev-desk-queue/src/components/Home.js         |  2 +
 package-lock.json                             |  3 ++
 3 files changed, 57 insertions(+)
 create mode 100644 dev-desk-queue/src/components/CreateTicket.js
 create mode 100644 package-lock.json

diff --git a/dev-desk-queue/src/components/CreateTicket.js b/dev-desk-queue/src/components/CreateTicket.js
new file mode 100644
index 0000000..397850e
--- /dev/null
+++ b/dev-desk-queue/src/components/CreateTicket.js
@@ -0,0 +1,52 @@
+import React, {useState} from "react";
+
+
+const CreateTicket = props => {
+    const [ticket,setTicket] = useState({title:'',description:'',category:'',tried:'',resolved:false})
+    const handleChange = event => {
+        event.preventDefault();
+        console.log(ticket);
+        setTicket({...ticket,[event.target.name]:event.target.value})
+    }
+
+return (
+  <div className="form">
+    <label htmlFor="title">Ticket Title</label>
+    <input
+      id="title"
+      name="title"
+      type="text"
+      placeholder="Ticket Title"
+      onChange={event => handleChange(event)}
+    />{" "}
+    <br />
+    <label htmlFor="description">Ticket Description</label>
+    <input
+      id="description"
+      name="description"
+      type="text"
+      placeholder="Description"
+      onChange={event => handleChange(event)}
+    />
+    <br />
+    <label htmlFor="category">Ticket Category</label>
+    <input
+      id="category"
+      name="category"
+      type="text"
+      placeholder="Category"
+      onChange={event => handleChange(event)}
+    />
+    <br />
+    <label htmlFor='tried'>What have you Tried</label>
+    <textarea
+      id="tried"
+      name="tried"
+      type="textarea"
+      placeholder="what have you tried"
+      onChange={event => handleChange(event)}
+    />
+  </div>
+);
+}
+export default CreateTicket;
diff --git a/dev-desk-queue/src/components/Home.js b/dev-desk-queue/src/components/Home.js
index b9f38ef..e78d901 100644
--- a/dev-desk-queue/src/components/Home.js
+++ b/dev-desk-queue/src/components/Home.js
@@ -1,10 +1,12 @@
 import React from 'react';
 import Ticket from './Ticket';
+import CreateTicket from './CreateTicket';
 
 const Home = () => {
     return (
         <div>
             <Ticket />
+            <CreateTicket />
         </div>
     )
 }
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..48e341a
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,3 @@
+{
+  "lockfileVersion": 1
+}

From 9f87a1c5b08a91b9d952975414880e436aa9976c Mon Sep 17 00:00:00 2001
From: KyleCole01 <kyle@misfitselectronics.com>
Date: Mon, 3 Feb 2020 13:53:53 -0500
Subject: [PATCH 2/3] move CreateTicket.js to the create_ticket foler in
 components

---
 dev-desk-queue/src/components/Home.js                    | 2 +-
 .../src/components/{ => create_ticket}/CreateTicket.js   | 9 ++++++++-
 2 files changed, 9 insertions(+), 2 deletions(-)
 rename dev-desk-queue/src/components/{ => create_ticket}/CreateTicket.js (86%)

diff --git a/dev-desk-queue/src/components/Home.js b/dev-desk-queue/src/components/Home.js
index e78d901..b6d96ec 100644
--- a/dev-desk-queue/src/components/Home.js
+++ b/dev-desk-queue/src/components/Home.js
@@ -1,6 +1,6 @@
 import React from 'react';
 import Ticket from './Ticket';
-import CreateTicket from './CreateTicket';
+import CreateTicket from './create_ticket/CreateTicket'
 
 const Home = () => {
     return (
diff --git a/dev-desk-queue/src/components/CreateTicket.js b/dev-desk-queue/src/components/create_ticket/CreateTicket.js
similarity index 86%
rename from dev-desk-queue/src/components/CreateTicket.js
rename to dev-desk-queue/src/components/create_ticket/CreateTicket.js
index 397850e..4cd6b9f 100644
--- a/dev-desk-queue/src/components/CreateTicket.js
+++ b/dev-desk-queue/src/components/create_ticket/CreateTicket.js
@@ -8,6 +8,9 @@ const CreateTicket = props => {
         console.log(ticket);
         setTicket({...ticket,[event.target.name]:event.target.value})
     }
+    function submit(){
+        // submit the form
+    }
 
 return (
   <div className="form">
@@ -38,7 +41,7 @@ return (
       onChange={event => handleChange(event)}
     />
     <br />
-    <label htmlFor='tried'>What have you Tried</label>
+    <label htmlFor="tried">What have you Tried</label>
     <textarea
       id="tried"
       name="tried"
@@ -46,6 +49,10 @@ return (
       placeholder="what have you tried"
       onChange={event => handleChange(event)}
     />
+    <br />
+    <button type="submit" onClick={submit}>
+      Submit Ticket
+    </button>
   </div>
 );
 }

From f643abc40e064dc3fc73f5e6609c680318e2ccd4 Mon Sep 17 00:00:00 2001
From: KyleCole01 <kyle@misfitselectronics.com>
Date: Mon, 3 Feb 2020 14:34:55 -0500
Subject: [PATCH 3/3] convert the CreateTicket.js file over to react-hook-form

---
 .../components/create_ticket/CreateTicket.js  |   70 +-
 node_modules/react-hook-form/LICENSE          |   21 +
 node_modules/react-hook-form/README.md        |  103 +
 .../react-hook-form/dist/constants.d.ts       |   24 +
 .../react-hook-form/dist/contextTypes.d.ts    |   43 +
 .../react-hook-form/dist/controller.d.ts      |    3 +
 .../react-hook-form/dist/controller.test.d.ts |    1 +
 .../react-hook-form/dist/errorMessage.d.ts    |    4 +
 .../dist/errorMessage.test.d.ts               |    1 +
 node_modules/react-hook-form/dist/index.d.ts  |    7 +
 .../dist/logic/appendErrors.d.ts              |    3 +
 .../dist/logic/assignWatchFields.d.ts         |    3 +
 .../dist/logic/assignWatchFields.test.d.ts    |    1 +
 .../dist/logic/attachEventListeners.d.ts      |    6 +
 .../dist/logic/attachEventListeners.test.d.ts |    1 +
 .../findRemovedFieldAndRemoveListener.d.ts    |    2 +
 ...indRemovedFieldAndRemoveListener.test.d.ts |    1 +
 .../dist/logic/focusErrorField.d.ts           |    2 +
 .../dist/logic/focusErrorField.test.d.ts      |    1 +
 .../dist/logic/generateId.d.ts                |    2 +
 .../dist/logic/generateId.test.d.ts           |    1 +
 .../dist/logic/getCheckboxValue.d.ts          |    7 +
 .../dist/logic/getCheckboxValue.test.d.ts     |    1 +
 .../dist/logic/getDefaultValue.d.ts           |    3 +
 .../dist/logic/getFieldValue.d.ts             |    2 +
 .../dist/logic/getFieldValue.test.d.ts        |    1 +
 .../dist/logic/getFieldValueByName.d.ts       |    3 +
 .../dist/logic/getFieldValueByName.test.d.ts  |    1 +
 .../dist/logic/getFieldsValues.d.ts           |    3 +
 .../dist/logic/getFieldsValues.test.d.ts      |    1 +
 .../dist/logic/getInputValue.d.ts             |    2 +
 .../dist/logic/getInputValue.test.d.ts        |    1 +
 .../dist/logic/getIsFieldsDifferent.d.ts      |    1 +
 .../dist/logic/getIsFieldsDifferent.test.d.ts |    1 +
 .../dist/logic/getMultipleSelectValue.d.ts    |    2 +
 .../logic/getMultipleSelectValue.test.d.ts    |    1 +
 .../dist/logic/getRadioValue.d.ts             |    7 +
 .../dist/logic/getRadioValue.test.d.ts        |    1 +
 .../dist/logic/getValidateError.d.ts          |    2 +
 .../dist/logic/getValidateError.test.d.ts     |    1 +
 .../dist/logic/getValueAndMessage.d.ts        |   10 +
 .../dist/logic/getValueAndMessage.test.d.ts   |    1 +
 .../dist/logic/isNameInFieldArray.d.ts        |    3 +
 .../react-hook-form/dist/logic/mapIds.d.ts    |    9 +
 .../dist/logic/removeAllEventListeners.d.ts   |    2 +
 .../logic/removeAllEventListeners.test.d.ts   |    1 +
 .../dist/logic/shouldUpdateWithError.d.ts     |    8 +
 .../logic/shouldUpdateWithError.test.d.ts     |    1 +
 .../dist/logic/skipValidation.d.ts            |   10 +
 .../dist/logic/skipValidation.test.d.ts       |    1 +
 .../dist/logic/transformToNestObject.d.ts     |    2 +
 .../logic/transformToNestObject.test.d.ts     |    1 +
 .../dist/logic/validateField.d.ts             |    4 +
 .../dist/logic/validateField.test.d.ts        |    1 +
 .../dist/logic/validateWithSchema.d.ts        |   21 +
 .../dist/logic/validateWithSchema.test.d.ts   |    1 +
 .../dist/react-hook-form.es.js                | 1599 ++++++++++++++
 .../dist/react-hook-form.ie11.js              | 1916 +++++++++++++++++
 .../react-hook-form/dist/react-hook-form.js   | 1607 ++++++++++++++
 node_modules/react-hook-form/dist/types.d.ts  |  186 ++
 .../react-hook-form/dist/useFieldArray.d.ts   |   10 +
 .../dist/useFieldArray.test.d.ts              |    1 +
 .../react-hook-form/dist/useForm.d.ts         |    3 +
 .../react-hook-form/dist/useForm.test.d.ts    |    2 +
 .../react-hook-form/dist/useFormContext.d.ts  |    4 +
 .../dist/useFormContext.test.d.ts             |    1 +
 .../dist/utils/compareObject.d.ts             |    2 +
 .../dist/utils/compareObject.test.d.ts        |    1 +
 .../dist/utils/fillEmptyArray.d.ts            |    2 +
 .../react-hook-form/dist/utils/flatArray.d.ts |    1 +
 .../dist/utils/flatArray.test.d.ts            |    1 +
 .../react-hook-form/dist/utils/get.d.ts       |    2 +
 .../react-hook-form/dist/utils/get.test.d.ts  |    1 +
 .../react-hook-form/dist/utils/getPath.d.ts   |    3 +
 .../dist/utils/getPath.test.d.ts              |    1 +
 .../react-hook-form/dist/utils/insert.d.ts    |    2 +
 .../react-hook-form/dist/utils/isArray.d.ts   |    2 +
 .../dist/utils/isArray.test.d.ts              |    1 +
 .../react-hook-form/dist/utils/isBoolean.d.ts |    2 +
 .../dist/utils/isBoolean.test.d.ts            |    1 +
 .../dist/utils/isCheckBoxInput.d.ts           |    2 +
 .../dist/utils/isDetached.d.ts                |    2 +
 .../dist/utils/isDetached.test.d.ts           |    1 +
 .../dist/utils/isEmptyObject.d.ts             |    2 +
 .../dist/utils/isEmptyObject.test.d.ts        |    1 +
 .../dist/utils/isEmptyString.d.ts             |    2 +
 .../dist/utils/isFileInput.d.ts               |    2 +
 .../dist/utils/isFileInput.test.d.ts          |    1 +
 .../dist/utils/isFileListObject.d.ts          |    2 +
 .../dist/utils/isFunction.d.ts                |    2 +
 .../dist/utils/isFunction.test.d.ts           |    1 +
 .../dist/utils/isMultipleSelect.d.ts          |    2 +
 .../dist/utils/isNullOrUndefined.d.ts         |    2 +
 .../dist/utils/isNullOrUndefined.test.d.ts    |    1 +
 .../react-hook-form/dist/utils/isObject.d.ts  |    3 +
 .../dist/utils/isObject.test.d.ts             |    1 +
 .../dist/utils/isPrimitive.d.ts               |    3 +
 .../dist/utils/isPrimitive.test.d.ts          |    1 +
 .../dist/utils/isRadioInput.d.ts              |    2 +
 .../dist/utils/isRadioInput.test.d.ts         |    1 +
 .../react-hook-form/dist/utils/isRegex.d.ts   |    2 +
 .../dist/utils/isSameError.d.ts               |    7 +
 .../dist/utils/isSameError.test.d.ts          |    1 +
 .../react-hook-form/dist/utils/isString.d.ts  |    2 +
 .../dist/utils/isString.test.d.ts             |    1 +
 .../dist/utils/isUndefined.d.ts               |    2 +
 .../react-hook-form/dist/utils/move.d.ts      |    2 +
 .../dist/utils/omitObject.d.ts                |    5 +
 .../dist/utils/omitObject.test.d.ts           |    1 +
 .../dist/utils/onDomRemove.d.ts               |    2 +
 .../dist/utils/onDomRemove.test.d.ts          |    1 +
 .../react-hook-form/dist/utils/prepend.d.ts   |    2 +
 .../react-hook-form/dist/utils/remove.d.ts    |    2 +
 .../react-hook-form/dist/utils/set.d.ts       |    3 +
 .../react-hook-form/dist/utils/set.test.d.ts  |    1 +
 .../react-hook-form/dist/utils/swap.d.ts      |    2 +
 .../react-hook-form/dist/utils/unset.d.ts     |    2 +
 .../dist/utils/unset.test.d.ts                |    1 +
 .../dist/utils/validationModeChecker.d.ts     |    6 +
 .../utils/validationModeChecker.test.d.ts     |    1 +
 node_modules/react-hook-form/package.json     |  127 ++
 package-lock.json                             |   10 +-
 122 files changed, 5940 insertions(+), 45 deletions(-)
 create mode 100644 node_modules/react-hook-form/LICENSE
 create mode 100644 node_modules/react-hook-form/README.md
 create mode 100644 node_modules/react-hook-form/dist/constants.d.ts
 create mode 100644 node_modules/react-hook-form/dist/contextTypes.d.ts
 create mode 100644 node_modules/react-hook-form/dist/controller.d.ts
 create mode 100644 node_modules/react-hook-form/dist/controller.test.d.ts
 create mode 100644 node_modules/react-hook-form/dist/errorMessage.d.ts
 create mode 100644 node_modules/react-hook-form/dist/errorMessage.test.d.ts
 create mode 100644 node_modules/react-hook-form/dist/index.d.ts
 create mode 100644 node_modules/react-hook-form/dist/logic/appendErrors.d.ts
 create mode 100644 node_modules/react-hook-form/dist/logic/assignWatchFields.d.ts
 create mode 100644 node_modules/react-hook-form/dist/logic/assignWatchFields.test.d.ts
 create mode 100644 node_modules/react-hook-form/dist/logic/attachEventListeners.d.ts
 create mode 100644 node_modules/react-hook-form/dist/logic/attachEventListeners.test.d.ts
 create mode 100644 node_modules/react-hook-form/dist/logic/findRemovedFieldAndRemoveListener.d.ts
 create mode 100644 node_modules/react-hook-form/dist/logic/findRemovedFieldAndRemoveListener.test.d.ts
 create mode 100644 node_modules/react-hook-form/dist/logic/focusErrorField.d.ts
 create mode 100644 node_modules/react-hook-form/dist/logic/focusErrorField.test.d.ts
 create mode 100644 node_modules/react-hook-form/dist/logic/generateId.d.ts
 create mode 100644 node_modules/react-hook-form/dist/logic/generateId.test.d.ts
 create mode 100644 node_modules/react-hook-form/dist/logic/getCheckboxValue.d.ts
 create mode 100644 node_modules/react-hook-form/dist/logic/getCheckboxValue.test.d.ts
 create mode 100644 node_modules/react-hook-form/dist/logic/getDefaultValue.d.ts
 create mode 100644 node_modules/react-hook-form/dist/logic/getFieldValue.d.ts
 create mode 100644 node_modules/react-hook-form/dist/logic/getFieldValue.test.d.ts
 create mode 100644 node_modules/react-hook-form/dist/logic/getFieldValueByName.d.ts
 create mode 100644 node_modules/react-hook-form/dist/logic/getFieldValueByName.test.d.ts
 create mode 100644 node_modules/react-hook-form/dist/logic/getFieldsValues.d.ts
 create mode 100644 node_modules/react-hook-form/dist/logic/getFieldsValues.test.d.ts
 create mode 100644 node_modules/react-hook-form/dist/logic/getInputValue.d.ts
 create mode 100644 node_modules/react-hook-form/dist/logic/getInputValue.test.d.ts
 create mode 100644 node_modules/react-hook-form/dist/logic/getIsFieldsDifferent.d.ts
 create mode 100644 node_modules/react-hook-form/dist/logic/getIsFieldsDifferent.test.d.ts
 create mode 100644 node_modules/react-hook-form/dist/logic/getMultipleSelectValue.d.ts
 create mode 100644 node_modules/react-hook-form/dist/logic/getMultipleSelectValue.test.d.ts
 create mode 100644 node_modules/react-hook-form/dist/logic/getRadioValue.d.ts
 create mode 100644 node_modules/react-hook-form/dist/logic/getRadioValue.test.d.ts
 create mode 100644 node_modules/react-hook-form/dist/logic/getValidateError.d.ts
 create mode 100644 node_modules/react-hook-form/dist/logic/getValidateError.test.d.ts
 create mode 100644 node_modules/react-hook-form/dist/logic/getValueAndMessage.d.ts
 create mode 100644 node_modules/react-hook-form/dist/logic/getValueAndMessage.test.d.ts
 create mode 100644 node_modules/react-hook-form/dist/logic/isNameInFieldArray.d.ts
 create mode 100644 node_modules/react-hook-form/dist/logic/mapIds.d.ts
 create mode 100644 node_modules/react-hook-form/dist/logic/removeAllEventListeners.d.ts
 create mode 100644 node_modules/react-hook-form/dist/logic/removeAllEventListeners.test.d.ts
 create mode 100644 node_modules/react-hook-form/dist/logic/shouldUpdateWithError.d.ts
 create mode 100644 node_modules/react-hook-form/dist/logic/shouldUpdateWithError.test.d.ts
 create mode 100644 node_modules/react-hook-form/dist/logic/skipValidation.d.ts
 create mode 100644 node_modules/react-hook-form/dist/logic/skipValidation.test.d.ts
 create mode 100644 node_modules/react-hook-form/dist/logic/transformToNestObject.d.ts
 create mode 100644 node_modules/react-hook-form/dist/logic/transformToNestObject.test.d.ts
 create mode 100644 node_modules/react-hook-form/dist/logic/validateField.d.ts
 create mode 100644 node_modules/react-hook-form/dist/logic/validateField.test.d.ts
 create mode 100644 node_modules/react-hook-form/dist/logic/validateWithSchema.d.ts
 create mode 100644 node_modules/react-hook-form/dist/logic/validateWithSchema.test.d.ts
 create mode 100644 node_modules/react-hook-form/dist/react-hook-form.es.js
 create mode 100644 node_modules/react-hook-form/dist/react-hook-form.ie11.js
 create mode 100644 node_modules/react-hook-form/dist/react-hook-form.js
 create mode 100644 node_modules/react-hook-form/dist/types.d.ts
 create mode 100644 node_modules/react-hook-form/dist/useFieldArray.d.ts
 create mode 100644 node_modules/react-hook-form/dist/useFieldArray.test.d.ts
 create mode 100644 node_modules/react-hook-form/dist/useForm.d.ts
 create mode 100644 node_modules/react-hook-form/dist/useForm.test.d.ts
 create mode 100644 node_modules/react-hook-form/dist/useFormContext.d.ts
 create mode 100644 node_modules/react-hook-form/dist/useFormContext.test.d.ts
 create mode 100644 node_modules/react-hook-form/dist/utils/compareObject.d.ts
 create mode 100644 node_modules/react-hook-form/dist/utils/compareObject.test.d.ts
 create mode 100644 node_modules/react-hook-form/dist/utils/fillEmptyArray.d.ts
 create mode 100644 node_modules/react-hook-form/dist/utils/flatArray.d.ts
 create mode 100644 node_modules/react-hook-form/dist/utils/flatArray.test.d.ts
 create mode 100644 node_modules/react-hook-form/dist/utils/get.d.ts
 create mode 100644 node_modules/react-hook-form/dist/utils/get.test.d.ts
 create mode 100644 node_modules/react-hook-form/dist/utils/getPath.d.ts
 create mode 100644 node_modules/react-hook-form/dist/utils/getPath.test.d.ts
 create mode 100644 node_modules/react-hook-form/dist/utils/insert.d.ts
 create mode 100644 node_modules/react-hook-form/dist/utils/isArray.d.ts
 create mode 100644 node_modules/react-hook-form/dist/utils/isArray.test.d.ts
 create mode 100644 node_modules/react-hook-form/dist/utils/isBoolean.d.ts
 create mode 100644 node_modules/react-hook-form/dist/utils/isBoolean.test.d.ts
 create mode 100644 node_modules/react-hook-form/dist/utils/isCheckBoxInput.d.ts
 create mode 100644 node_modules/react-hook-form/dist/utils/isDetached.d.ts
 create mode 100644 node_modules/react-hook-form/dist/utils/isDetached.test.d.ts
 create mode 100644 node_modules/react-hook-form/dist/utils/isEmptyObject.d.ts
 create mode 100644 node_modules/react-hook-form/dist/utils/isEmptyObject.test.d.ts
 create mode 100644 node_modules/react-hook-form/dist/utils/isEmptyString.d.ts
 create mode 100644 node_modules/react-hook-form/dist/utils/isFileInput.d.ts
 create mode 100644 node_modules/react-hook-form/dist/utils/isFileInput.test.d.ts
 create mode 100644 node_modules/react-hook-form/dist/utils/isFileListObject.d.ts
 create mode 100644 node_modules/react-hook-form/dist/utils/isFunction.d.ts
 create mode 100644 node_modules/react-hook-form/dist/utils/isFunction.test.d.ts
 create mode 100644 node_modules/react-hook-form/dist/utils/isMultipleSelect.d.ts
 create mode 100644 node_modules/react-hook-form/dist/utils/isNullOrUndefined.d.ts
 create mode 100644 node_modules/react-hook-form/dist/utils/isNullOrUndefined.test.d.ts
 create mode 100644 node_modules/react-hook-form/dist/utils/isObject.d.ts
 create mode 100644 node_modules/react-hook-form/dist/utils/isObject.test.d.ts
 create mode 100644 node_modules/react-hook-form/dist/utils/isPrimitive.d.ts
 create mode 100644 node_modules/react-hook-form/dist/utils/isPrimitive.test.d.ts
 create mode 100644 node_modules/react-hook-form/dist/utils/isRadioInput.d.ts
 create mode 100644 node_modules/react-hook-form/dist/utils/isRadioInput.test.d.ts
 create mode 100644 node_modules/react-hook-form/dist/utils/isRegex.d.ts
 create mode 100644 node_modules/react-hook-form/dist/utils/isSameError.d.ts
 create mode 100644 node_modules/react-hook-form/dist/utils/isSameError.test.d.ts
 create mode 100644 node_modules/react-hook-form/dist/utils/isString.d.ts
 create mode 100644 node_modules/react-hook-form/dist/utils/isString.test.d.ts
 create mode 100644 node_modules/react-hook-form/dist/utils/isUndefined.d.ts
 create mode 100644 node_modules/react-hook-form/dist/utils/move.d.ts
 create mode 100644 node_modules/react-hook-form/dist/utils/omitObject.d.ts
 create mode 100644 node_modules/react-hook-form/dist/utils/omitObject.test.d.ts
 create mode 100644 node_modules/react-hook-form/dist/utils/onDomRemove.d.ts
 create mode 100644 node_modules/react-hook-form/dist/utils/onDomRemove.test.d.ts
 create mode 100644 node_modules/react-hook-form/dist/utils/prepend.d.ts
 create mode 100644 node_modules/react-hook-form/dist/utils/remove.d.ts
 create mode 100644 node_modules/react-hook-form/dist/utils/set.d.ts
 create mode 100644 node_modules/react-hook-form/dist/utils/set.test.d.ts
 create mode 100644 node_modules/react-hook-form/dist/utils/swap.d.ts
 create mode 100644 node_modules/react-hook-form/dist/utils/unset.d.ts
 create mode 100644 node_modules/react-hook-form/dist/utils/unset.test.d.ts
 create mode 100644 node_modules/react-hook-form/dist/utils/validationModeChecker.d.ts
 create mode 100644 node_modules/react-hook-form/dist/utils/validationModeChecker.test.d.ts
 create mode 100644 node_modules/react-hook-form/package.json

diff --git a/dev-desk-queue/src/components/create_ticket/CreateTicket.js b/dev-desk-queue/src/components/create_ticket/CreateTicket.js
index 4cd6b9f..47a60d6 100644
--- a/dev-desk-queue/src/components/create_ticket/CreateTicket.js
+++ b/dev-desk-queue/src/components/create_ticket/CreateTicket.js
@@ -1,59 +1,41 @@
 import React, {useState} from "react";
+import {useForm} from 'react-hook-form';
 
 
 const CreateTicket = props => {
-    const [ticket,setTicket] = useState({title:'',description:'',category:'',tried:'',resolved:false})
-    const handleChange = event => {
-        event.preventDefault();
-        console.log(ticket);
-        setTicket({...ticket,[event.target.name]:event.target.value})
-    }
-    function submit(){
-        // submit the form
-    }
+    const {register, handleSubmit, watch, errors } = useForm();
+        
 
+    const onSubmit = data => 
+    { 
+      console.log(data,"is the data")
+    }
+    
+    
 return (
-  <div className="form">
-    <label htmlFor="title">Ticket Title</label>
+  <form onSubmit={handleSubmit(onSubmit)}>
+    <label>Title</label>
     <input
-      id="title"
       name="title"
-      type="text"
-      placeholder="Ticket Title"
-      onChange={event => handleChange(event)}
-    />{" "}
-    <br />
-    <label htmlFor="description">Ticket Description</label>
-    <input
-      id="description"
-      name="description"
-      type="text"
-      placeholder="Description"
-      onChange={event => handleChange(event)}
+      defaultValue=""
+      ref={register({ required: true, maxLength: 20 })}
     />
+    {errors.title && <p className="error">Title is required</p>}
     <br />
-    <label htmlFor="category">Ticket Category</label>
-    <input
-      id="category"
-      name="category"
-      type="text"
-      placeholder="Category"
-      onChange={event => handleChange(event)}
-    />
+    <label>Description</label>
+    <input name="description" ref={register({ required: true })} />
+    {errors.description && <p className="error">Description is required</p>}
     <br />
-    <label htmlFor="tried">What have you Tried</label>
-    <textarea
-      id="tried"
-      name="tried"
-      type="textarea"
-      placeholder="what have you tried"
-      onChange={event => handleChange(event)}
-    />
+    <label>Category</label>
+    <input name="category" ref={register({ required: true })} />
+    {errors.category && <p className="error">Description is required</p>}
+    <br />
+    <label>What have you Tried?</label>
+    <input name="tried" ref={register({ required: true })} />
+    {errors.tried && <p className="error">Tell us What you have Tried</p>}
     <br />
-    <button type="submit" onClick={submit}>
-      Submit Ticket
-    </button>
-  </div>
+    <input type="submit" />
+  </form>
 );
 }
 export default CreateTicket;
diff --git a/node_modules/react-hook-form/LICENSE b/node_modules/react-hook-form/LICENSE
new file mode 100644
index 0000000..139faf4
--- /dev/null
+++ b/node_modules/react-hook-form/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2019-present Beier(Bill) Luo
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/node_modules/react-hook-form/README.md b/node_modules/react-hook-form/README.md
new file mode 100644
index 0000000..a4f61b3
--- /dev/null
+++ b/node_modules/react-hook-form/README.md
@@ -0,0 +1,103 @@
+<div align="center">
+    <p align="center">
+        <a href="https://react-hook-form.com" title="React Hook Form - Simple React forms validation">
+            <img src="https://raw.githubusercontent.com/bluebill1049/react-hook-form/master/website/logo.png" alt="React Hook Form Logo - React hook custom hook for form validation" width="300px" />
+        </a>
+    </p>
+</div>
+
+<p align="center">Performant, flexible and extensible forms with easy to use validation.</p>
+
+<div align="center">
+
+[![CircleCI](https://badgen.net/circleci/github/react-hook-form/react-hook-form)](https://circleci.com/gh/react-hook-form/react-hook-form)
+[![npm downloads](https://img.shields.io/npm/dm/react-hook-form.svg?style=flat-square)](https://www.npmjs.com/package/react-hook-form)
+[![npm](https://img.shields.io/npm/dt/react-hook-form.svg?style=flat-square)](https://www.npmjs.com/package/react-hook-form)
+![dep](https://badgen.net/david/dep/bluebill1049/react-hook-form)
+[![npm](https://badgen.net/bundlephobia/minzip/react-hook-form)](https://badgen.net/bundlephobia/minzip/react-hook-form)
+[![Coverage Status](https://coveralls.io/repos/github/bluebill1049/react-hook-form/badge.svg?branch=master)](https://coveralls.io/github/bluebill1049/react-hook-form?branch=master)
+
+[![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social)](https://twitter.com/intent/tweet?text=React+hooks+for+form+validation+without+the+hassle&url=https://github.com/bluebill1049/react-hook-form)&nbsp;[![Join the community on Spectrum](https://withspectrum.github.io/badge/badge.svg)](https://spectrum.chat/react-hook-form)
+
+</div>
+
+<div align="center">
+    <p align="center">
+        <a href="https://react-hook-form.com" title="React Hook Form - Simple React forms validation">
+            <img src="https://raw.githubusercontent.com/bluebill1049/react-hook-form/master/website/example.gif" alt="React Hook Form video - React custom hook for form validation" width="100%" />
+        </a>
+    </p>
+</div>
+
+🇦🇺English | <a href="./docs/README.zh-CN.md">🇨🇳 简体中文</a> | <a href="./docs/README.ja-JP.md">🇯🇵 日本語</a> | <a href="./docs/README.ko-KR.md">🇰🇷한국어</a> | <a href="./docs/README.fr-FR.md">🇫🇷Français</a> | <a href="./docs/README.it-IT.md">🇮🇹Italiano</a> | <a href="./docs/README.pt-BR.md">🇧🇷Português</a> | <a href="./docs/README.es-ES.md">🇪🇸Español</a> | <a href="./docs/README.ru-RU.md">🇷🇺Русский</a>
+
+## Features
+
+- Built with performance and DX in mind
+- Embrace uncontrolled form validation
+- Improve controlled form's performance
+- [Tiny size](https://bundlephobia.com/result?p=react-hook-form@latest) without any dependency
+- Follows HTML standard for validation
+- Compatible with React Native
+- Supports [Yup](https://github.com/jquense/yup) schema-based validation
+- Supports native browser validation
+- Build forms quickly with the [form builder](https://react-hook-form.com/form-builder)
+
+## Install
+
+    $ npm install react-hook-form
+
+## Links
+
+- [Motivation](https://medium.com/@bruce1049/form-validation-with-hook-in-3kb-c5414edf7d64)
+- [Video tutorial](https://www.youtube.com/watch?v=-mFXqOaqgZk&t)
+- [Get started](https://react-hook-form.com/get-started)
+- [API](https://react-hook-form.com/api)
+- [Examples](https://github.com/bluebill1049/react-hook-form/tree/master/examples)
+- [Demo](https://react-hook-form.com)
+- [Form Builder](https://react-hook-form.com/form-builder)
+- [FAQs](https://react-hook-form.com/faqs)
+
+## Quickstart
+
+```jsx
+import React from 'react';
+import { useForm } from 'react-hook-form';
+
+function App() {
+  const { register, handleSubmit, errors } = useForm(); // initialise the hook
+  const onSubmit = data => {
+    console.log(data);
+  };
+
+  return (
+    <form onSubmit={handleSubmit(onSubmit)}>
+      <input name="firstname" ref={register} /> {/* register an input */}
+
+      <input name="lastname" ref={register({ required: true })} />
+      {errors.lastname && 'Last name is required.'}
+
+      <input name="age" ref={register({ pattern: /\d+/ })} />
+      {errors.age && 'Please enter number for age.'}
+
+      <input type="submit" />
+    </form>
+  );
+}
+```
+
+## Backers
+
+Thanks goes to all our backers! [[Become a backer](https://opencollective.com/react-hook-form#backer)].
+
+<a href="https://opencollective.com/react-hook-form#backers">
+    <img src="https://opencollective.com/react-hook-form/backers.svg?width=950" />
+</a>
+
+## Contributors
+
+Thanks goes to these wonderful people. [[Become a contributor](CONTRIBUTING.md)].
+
+<a href="https://github.com/react-hook-form/react-hook-form/graphs/contributors">
+    <img src="https://opencollective.com/react-hook-form/contributors.svg?width=950" />
+</a>
diff --git a/node_modules/react-hook-form/dist/constants.d.ts b/node_modules/react-hook-form/dist/constants.d.ts
new file mode 100644
index 0000000..345d22e
--- /dev/null
+++ b/node_modules/react-hook-form/dist/constants.d.ts
@@ -0,0 +1,24 @@
+import { ValidationMode } from './types';
+export declare const VALIDATION_MODE: ValidationMode;
+export declare const RADIO_INPUT = "radio";
+export declare const FILE_INPUT = "file";
+export declare const VALUE = "value";
+export declare const UNDEFINED = "undefined";
+export declare const EVENTS: {
+    BLUR: string;
+    CHANGE: string;
+    INPUT: string;
+};
+export declare const INPUT_VALIDATION_RULES: {
+    max: string;
+    min: string;
+    maxLength: string;
+    minLength: string;
+    pattern: string;
+    required: string;
+    validate: string;
+};
+export declare const REGEX_IS_DEEP_PROP: RegExp;
+export declare const REGEX_IS_PLAIN_PROP: RegExp;
+export declare const REGEX_PROP_NAME: RegExp;
+export declare const REGEX_ESCAPE_CHAR: RegExp;
diff --git a/node_modules/react-hook-form/dist/contextTypes.d.ts b/node_modules/react-hook-form/dist/contextTypes.d.ts
new file mode 100644
index 0000000..4aeeac5
--- /dev/null
+++ b/node_modules/react-hook-form/dist/contextTypes.d.ts
@@ -0,0 +1,43 @@
+import * as React from 'react';
+import { DeepPartial, FieldValues, FormStateProxy, FieldErrors, OnSubmit, ElementLike, ValidationOptions, FieldName, FieldValue, ManualFieldError, MultipleFieldErrors, Control } from './types';
+export declare type FormProps<FormValues extends FieldValues = FieldValues> = {
+    children: React.ReactNode;
+} & FormContextValues<FormValues>;
+export declare type FormContextValues<FormValues extends FieldValues = FieldValues> = {
+    register<Element extends ElementLike = ElementLike>(): (ref: Element | null) => void;
+    register<Element extends ElementLike = ElementLike>(validationOptions: ValidationOptions): (ref: Element | null) => void;
+    register<Element extends ElementLike = ElementLike>(name: FieldName<FormValues>, validationOptions?: ValidationOptions): void;
+    register<Element extends ElementLike = ElementLike>(namesWithValidationOptions: Record<FieldName<FormValues>, ValidationOptions>): void;
+    register<Element extends ElementLike = ElementLike>(ref: Element, validationOptions?: ValidationOptions): void;
+    register<Element extends ElementLike = ElementLike>(refOrValidationOptions: ValidationOptions | Element | null, validationOptions?: ValidationOptions): ((ref: Element | null) => void) | void;
+    unregister(name: FieldName<FormValues>): void;
+    unregister(names: FieldName<FormValues>[]): void;
+    unregister(names: FieldName<FormValues> | FieldName<FormValues>[]): void;
+    watch(): FormValues;
+    watch(option: {
+        nest: boolean;
+    }): FormValues;
+    watch<T extends FieldName<FormValues>>(field: T & string, defaultValue?: string): FormValues[T];
+    watch(fields: FieldName<FormValues>[] | string[], defaultValues?: DeepPartial<FormValues>): DeepPartial<FormValues>;
+    watch(fieldNames?: FieldName<FormValues> | FieldName<FormValues>[] | {
+        nest: boolean;
+    }, defaultValue?: string | DeepPartial<FormValues>): FieldValue<FormValues> | DeepPartial<FormValues> | string | undefined;
+    setError(name: ManualFieldError<FormValues>[]): void;
+    setError(name: FieldName<FormValues>, type: MultipleFieldErrors): void;
+    setError(name: FieldName<FormValues>, type: string, message?: string): void;
+    setError(name: FieldName<FormValues> | ManualFieldError<FormValues>[], type: string | MultipleFieldErrors, message?: string): void;
+    clearError(): void;
+    clearError(name: FieldName<FormValues>): void;
+    clearError(names: FieldName<FormValues>[]): void;
+    clearError(name?: FieldName<FormValues> | FieldName<FormValues>[]): void;
+    setValue: <Name extends FieldName<FormValues>>(name: Name, value: FormValues[Name], shouldValidate?: boolean) => void | Promise<boolean>;
+    triggerValidation: (payload?: FieldName<FormValues> | FieldName<FormValues>[] | string, shouldRender?: boolean) => Promise<boolean>;
+    errors: FieldErrors<FormValues>;
+    formState: FormStateProxy<FormValues>;
+    reset: (values?: DeepPartial<FormValues>) => void;
+    getValues: (payload?: {
+        nest: boolean;
+    }) => FormValues;
+    handleSubmit: (callback: OnSubmit<FormValues>) => (e?: React.BaseSyntheticEvent) => Promise<void>;
+    control: Control<FormValues>;
+};
diff --git a/node_modules/react-hook-form/dist/controller.d.ts b/node_modules/react-hook-form/dist/controller.d.ts
new file mode 100644
index 0000000..125ccb4
--- /dev/null
+++ b/node_modules/react-hook-form/dist/controller.d.ts
@@ -0,0 +1,3 @@
+import { Control, ControllerProps } from './types';
+declare const Controller: <ControlProp extends Control<Record<string, any>> = Control<Record<string, any>>>({ name, rules, as: InnerComponent, onBlur, onChange, onChangeName, onBlurName, valueName, defaultValue, control, ...rest }: ControllerProps<ControlProp>) => JSX.Element;
+export { Controller };
diff --git a/node_modules/react-hook-form/dist/controller.test.d.ts b/node_modules/react-hook-form/dist/controller.test.d.ts
new file mode 100644
index 0000000..cb0ff5c
--- /dev/null
+++ b/node_modules/react-hook-form/dist/controller.test.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/node_modules/react-hook-form/dist/errorMessage.d.ts b/node_modules/react-hook-form/dist/errorMessage.d.ts
new file mode 100644
index 0000000..ee8c5ea
--- /dev/null
+++ b/node_modules/react-hook-form/dist/errorMessage.d.ts
@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { FieldErrors, FieldName, FormValuesFromErrors, ErrorMessageProps } from './types';
+declare function ErrorMessage<Errors extends FieldErrors<any>, Name extends FieldName<FormValuesFromErrors<Errors>>, As extends undefined | React.ReactElement | keyof JSX.IntrinsicElements = undefined>({ as: InnerComponent, errors, name, message, children, ...rest }: ErrorMessageProps<Errors, Name, As>): JSX.Element | null;
+export { ErrorMessage };
diff --git a/node_modules/react-hook-form/dist/errorMessage.test.d.ts b/node_modules/react-hook-form/dist/errorMessage.test.d.ts
new file mode 100644
index 0000000..cb0ff5c
--- /dev/null
+++ b/node_modules/react-hook-form/dist/errorMessage.test.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/node_modules/react-hook-form/dist/index.d.ts b/node_modules/react-hook-form/dist/index.d.ts
new file mode 100644
index 0000000..5d47749
--- /dev/null
+++ b/node_modules/react-hook-form/dist/index.d.ts
@@ -0,0 +1,7 @@
+export * from './useForm';
+export * from './useFieldArray';
+export * from './controller';
+export * from './errorMessage';
+export * from './useFormContext';
+export * from './types';
+export * from './contextTypes';
diff --git a/node_modules/react-hook-form/dist/logic/appendErrors.d.ts b/node_modules/react-hook-form/dist/logic/appendErrors.d.ts
new file mode 100644
index 0000000..8d2ec12
--- /dev/null
+++ b/node_modules/react-hook-form/dist/logic/appendErrors.d.ts
@@ -0,0 +1,3 @@
+import { ValidateResult } from '../types';
+declare const _default: (name: string, validateAllFieldCriteria: boolean, errors: Record<string, any>, type: string, message: ValidateResult) => any;
+export default _default;
diff --git a/node_modules/react-hook-form/dist/logic/assignWatchFields.d.ts b/node_modules/react-hook-form/dist/logic/assignWatchFields.d.ts
new file mode 100644
index 0000000..b303507
--- /dev/null
+++ b/node_modules/react-hook-form/dist/logic/assignWatchFields.d.ts
@@ -0,0 +1,3 @@
+import { DeepPartial, FieldName } from '../types';
+declare const _default: <FormValues extends Record<string, any>>(fieldValues: FormValues, fieldName: FieldName<FormValues>, watchFields: Set<FieldName<FormValues>>, combinedDefaultValues: DeepPartial<FormValues>, watchFieldArray?: Record<FieldName<FormValues>, Record<string, any>> | undefined) => DeepPartial<FormValues> | FormValues[FieldName<FormValues>] | undefined;
+export default _default;
diff --git a/node_modules/react-hook-form/dist/logic/assignWatchFields.test.d.ts b/node_modules/react-hook-form/dist/logic/assignWatchFields.test.d.ts
new file mode 100644
index 0000000..cb0ff5c
--- /dev/null
+++ b/node_modules/react-hook-form/dist/logic/assignWatchFields.test.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/node_modules/react-hook-form/dist/logic/attachEventListeners.d.ts b/node_modules/react-hook-form/dist/logic/attachEventListeners.d.ts
new file mode 100644
index 0000000..7a29faf
--- /dev/null
+++ b/node_modules/react-hook-form/dist/logic/attachEventListeners.d.ts
@@ -0,0 +1,6 @@
+import { Field } from '../types';
+export default function attachEventListeners({ field, handleChange, isRadioOrCheckbox, }: {
+    field: Field;
+    isRadioOrCheckbox: boolean;
+    handleChange?: Function;
+}): void;
diff --git a/node_modules/react-hook-form/dist/logic/attachEventListeners.test.d.ts b/node_modules/react-hook-form/dist/logic/attachEventListeners.test.d.ts
new file mode 100644
index 0000000..cb0ff5c
--- /dev/null
+++ b/node_modules/react-hook-form/dist/logic/attachEventListeners.test.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/node_modules/react-hook-form/dist/logic/findRemovedFieldAndRemoveListener.d.ts b/node_modules/react-hook-form/dist/logic/findRemovedFieldAndRemoveListener.d.ts
new file mode 100644
index 0000000..26cb1f0
--- /dev/null
+++ b/node_modules/react-hook-form/dist/logic/findRemovedFieldAndRemoveListener.d.ts
@@ -0,0 +1,2 @@
+import { Field, FieldRefs, FieldValues } from '../types';
+export default function findRemovedFieldAndRemoveListener<FormValues extends FieldValues>(fields: FieldRefs<FormValues>, handleChange: ({ type, target }: MouseEvent) => Promise<void | boolean>, field: Field, forceDelete?: boolean): void;
diff --git a/node_modules/react-hook-form/dist/logic/findRemovedFieldAndRemoveListener.test.d.ts b/node_modules/react-hook-form/dist/logic/findRemovedFieldAndRemoveListener.test.d.ts
new file mode 100644
index 0000000..cb0ff5c
--- /dev/null
+++ b/node_modules/react-hook-form/dist/logic/findRemovedFieldAndRemoveListener.test.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/node_modules/react-hook-form/dist/logic/focusErrorField.d.ts b/node_modules/react-hook-form/dist/logic/focusErrorField.d.ts
new file mode 100644
index 0000000..c3e8b58
--- /dev/null
+++ b/node_modules/react-hook-form/dist/logic/focusErrorField.d.ts
@@ -0,0 +1,2 @@
+declare const _default: <FormValues>(fields: Partial<Record<import("../types").FieldName<FormValues>, import("../types").Field>>, fieldErrors: import("../types").NestDataObject<FormValues>) => void;
+export default _default;
diff --git a/node_modules/react-hook-form/dist/logic/focusErrorField.test.d.ts b/node_modules/react-hook-form/dist/logic/focusErrorField.test.d.ts
new file mode 100644
index 0000000..cb0ff5c
--- /dev/null
+++ b/node_modules/react-hook-form/dist/logic/focusErrorField.test.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/node_modules/react-hook-form/dist/logic/generateId.d.ts b/node_modules/react-hook-form/dist/logic/generateId.d.ts
new file mode 100644
index 0000000..8c74a7e
--- /dev/null
+++ b/node_modules/react-hook-form/dist/logic/generateId.d.ts
@@ -0,0 +1,2 @@
+declare const _default: () => string;
+export default _default;
diff --git a/node_modules/react-hook-form/dist/logic/generateId.test.d.ts b/node_modules/react-hook-form/dist/logic/generateId.test.d.ts
new file mode 100644
index 0000000..cb0ff5c
--- /dev/null
+++ b/node_modules/react-hook-form/dist/logic/generateId.test.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/node_modules/react-hook-form/dist/logic/getCheckboxValue.d.ts b/node_modules/react-hook-form/dist/logic/getCheckboxValue.d.ts
new file mode 100644
index 0000000..e8b0002
--- /dev/null
+++ b/node_modules/react-hook-form/dist/logic/getCheckboxValue.d.ts
@@ -0,0 +1,7 @@
+import { RadioOrCheckboxOption } from '../types';
+declare type CheckboxFieldResult = {
+    isValid: boolean;
+    value: string | string[] | boolean;
+};
+declare const _default: (options?: RadioOrCheckboxOption[] | undefined) => CheckboxFieldResult;
+export default _default;
diff --git a/node_modules/react-hook-form/dist/logic/getCheckboxValue.test.d.ts b/node_modules/react-hook-form/dist/logic/getCheckboxValue.test.d.ts
new file mode 100644
index 0000000..cb0ff5c
--- /dev/null
+++ b/node_modules/react-hook-form/dist/logic/getCheckboxValue.test.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/node_modules/react-hook-form/dist/logic/getDefaultValue.d.ts b/node_modules/react-hook-form/dist/logic/getDefaultValue.d.ts
new file mode 100644
index 0000000..a0f25b5
--- /dev/null
+++ b/node_modules/react-hook-form/dist/logic/getDefaultValue.d.ts
@@ -0,0 +1,3 @@
+import { DeepPartial, FieldName } from '../types';
+declare const _default: <FormValues extends Record<string, any>>(defaultValues: DeepPartial<FormValues>, name: FieldName<FormValues>, defaultValue?: Record<string, any> | undefined) => DeepPartial<FormValues> | FormValues[FieldName<FormValues>] | undefined;
+export default _default;
diff --git a/node_modules/react-hook-form/dist/logic/getFieldValue.d.ts b/node_modules/react-hook-form/dist/logic/getFieldValue.d.ts
new file mode 100644
index 0000000..3c8438e
--- /dev/null
+++ b/node_modules/react-hook-form/dist/logic/getFieldValue.d.ts
@@ -0,0 +1,2 @@
+import { FieldRefs, Ref, FieldValues } from '../types';
+export default function getFieldValue<FormValues extends FieldValues>(fields: FieldRefs<FormValues>, ref: Ref): any;
diff --git a/node_modules/react-hook-form/dist/logic/getFieldValue.test.d.ts b/node_modules/react-hook-form/dist/logic/getFieldValue.test.d.ts
new file mode 100644
index 0000000..cb0ff5c
--- /dev/null
+++ b/node_modules/react-hook-form/dist/logic/getFieldValue.test.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/node_modules/react-hook-form/dist/logic/getFieldValueByName.d.ts b/node_modules/react-hook-form/dist/logic/getFieldValueByName.d.ts
new file mode 100644
index 0000000..0d19265
--- /dev/null
+++ b/node_modules/react-hook-form/dist/logic/getFieldValueByName.d.ts
@@ -0,0 +1,3 @@
+import { FieldName } from '../types';
+declare const _default: <FormValues extends Record<string, any> = Record<string, any>>(fields: Partial<Record<FieldName<FormValues>, import("../types").Field>>, name?: string | undefined) => any;
+export default _default;
diff --git a/node_modules/react-hook-form/dist/logic/getFieldValueByName.test.d.ts b/node_modules/react-hook-form/dist/logic/getFieldValueByName.test.d.ts
new file mode 100644
index 0000000..cb0ff5c
--- /dev/null
+++ b/node_modules/react-hook-form/dist/logic/getFieldValueByName.test.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/node_modules/react-hook-form/dist/logic/getFieldsValues.d.ts b/node_modules/react-hook-form/dist/logic/getFieldsValues.d.ts
new file mode 100644
index 0000000..1d74295
--- /dev/null
+++ b/node_modules/react-hook-form/dist/logic/getFieldsValues.d.ts
@@ -0,0 +1,3 @@
+import { FieldName } from '../types';
+declare const _default: <FormValues extends Record<string, any>>(fields: Partial<Record<FieldName<FormValues>, import("../types").Field>>, search?: unknown) => FormValues;
+export default _default;
diff --git a/node_modules/react-hook-form/dist/logic/getFieldsValues.test.d.ts b/node_modules/react-hook-form/dist/logic/getFieldsValues.test.d.ts
new file mode 100644
index 0000000..cb0ff5c
--- /dev/null
+++ b/node_modules/react-hook-form/dist/logic/getFieldsValues.test.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/node_modules/react-hook-form/dist/logic/getInputValue.d.ts b/node_modules/react-hook-form/dist/logic/getInputValue.d.ts
new file mode 100644
index 0000000..371df45
--- /dev/null
+++ b/node_modules/react-hook-form/dist/logic/getInputValue.d.ts
@@ -0,0 +1,2 @@
+declare const _default: (target: any, isCheckbox: boolean) => any;
+export default _default;
diff --git a/node_modules/react-hook-form/dist/logic/getInputValue.test.d.ts b/node_modules/react-hook-form/dist/logic/getInputValue.test.d.ts
new file mode 100644
index 0000000..cb0ff5c
--- /dev/null
+++ b/node_modules/react-hook-form/dist/logic/getInputValue.test.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/node_modules/react-hook-form/dist/logic/getIsFieldsDifferent.d.ts b/node_modules/react-hook-form/dist/logic/getIsFieldsDifferent.d.ts
new file mode 100644
index 0000000..3745eb1
--- /dev/null
+++ b/node_modules/react-hook-form/dist/logic/getIsFieldsDifferent.d.ts
@@ -0,0 +1 @@
+export default function getIsFieldsDifferent(referenceArray: any[], differenceArray: any[]): boolean;
diff --git a/node_modules/react-hook-form/dist/logic/getIsFieldsDifferent.test.d.ts b/node_modules/react-hook-form/dist/logic/getIsFieldsDifferent.test.d.ts
new file mode 100644
index 0000000..cb0ff5c
--- /dev/null
+++ b/node_modules/react-hook-form/dist/logic/getIsFieldsDifferent.test.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/node_modules/react-hook-form/dist/logic/getMultipleSelectValue.d.ts b/node_modules/react-hook-form/dist/logic/getMultipleSelectValue.d.ts
new file mode 100644
index 0000000..666646c
--- /dev/null
+++ b/node_modules/react-hook-form/dist/logic/getMultipleSelectValue.d.ts
@@ -0,0 +1,2 @@
+declare const _default: (options: HTMLOptionsCollection | HTMLOptionElement[]) => string[];
+export default _default;
diff --git a/node_modules/react-hook-form/dist/logic/getMultipleSelectValue.test.d.ts b/node_modules/react-hook-form/dist/logic/getMultipleSelectValue.test.d.ts
new file mode 100644
index 0000000..cb0ff5c
--- /dev/null
+++ b/node_modules/react-hook-form/dist/logic/getMultipleSelectValue.test.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/node_modules/react-hook-form/dist/logic/getRadioValue.d.ts b/node_modules/react-hook-form/dist/logic/getRadioValue.d.ts
new file mode 100644
index 0000000..df4bafb
--- /dev/null
+++ b/node_modules/react-hook-form/dist/logic/getRadioValue.d.ts
@@ -0,0 +1,7 @@
+import { RadioOrCheckboxOption } from '../types';
+declare type RadioFieldResult = {
+    isValid: boolean;
+    value: number | string;
+};
+declare const _default: (options?: RadioOrCheckboxOption[] | undefined) => RadioFieldResult;
+export default _default;
diff --git a/node_modules/react-hook-form/dist/logic/getRadioValue.test.d.ts b/node_modules/react-hook-form/dist/logic/getRadioValue.test.d.ts
new file mode 100644
index 0000000..cb0ff5c
--- /dev/null
+++ b/node_modules/react-hook-form/dist/logic/getRadioValue.test.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/node_modules/react-hook-form/dist/logic/getValidateError.d.ts b/node_modules/react-hook-form/dist/logic/getValidateError.d.ts
new file mode 100644
index 0000000..78cba60
--- /dev/null
+++ b/node_modules/react-hook-form/dist/logic/getValidateError.d.ts
@@ -0,0 +1,2 @@
+import { FieldError, ValidateResult, Ref } from '../types';
+export default function getValidateError(result: ValidateResult, ref: Ref, type?: string): FieldError | void;
diff --git a/node_modules/react-hook-form/dist/logic/getValidateError.test.d.ts b/node_modules/react-hook-form/dist/logic/getValidateError.test.d.ts
new file mode 100644
index 0000000..cb0ff5c
--- /dev/null
+++ b/node_modules/react-hook-form/dist/logic/getValidateError.test.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/node_modules/react-hook-form/dist/logic/getValueAndMessage.d.ts b/node_modules/react-hook-form/dist/logic/getValueAndMessage.d.ts
new file mode 100644
index 0000000..40db701
--- /dev/null
+++ b/node_modules/react-hook-form/dist/logic/getValueAndMessage.d.ts
@@ -0,0 +1,10 @@
+import { ValidationValue } from '../types';
+declare type ValidationValueMessage = {
+    value: ValidationValue;
+    message: string;
+};
+declare const _default: (validationData?: string | number | boolean | RegExp | ValidationValueMessage | undefined) => {
+    value: ValidationValue;
+    message: string;
+};
+export default _default;
diff --git a/node_modules/react-hook-form/dist/logic/getValueAndMessage.test.d.ts b/node_modules/react-hook-form/dist/logic/getValueAndMessage.test.d.ts
new file mode 100644
index 0000000..cb0ff5c
--- /dev/null
+++ b/node_modules/react-hook-form/dist/logic/getValueAndMessage.test.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/node_modules/react-hook-form/dist/logic/isNameInFieldArray.d.ts b/node_modules/react-hook-form/dist/logic/isNameInFieldArray.d.ts
new file mode 100644
index 0000000..4313108
--- /dev/null
+++ b/node_modules/react-hook-form/dist/logic/isNameInFieldArray.d.ts
@@ -0,0 +1,3 @@
+export declare const isMatchFieldArrayName: (name: string, searchName: string) => boolean;
+declare const _default: (names: Set<string>, name: string) => boolean;
+export default _default;
diff --git a/node_modules/react-hook-form/dist/logic/mapIds.d.ts b/node_modules/react-hook-form/dist/logic/mapIds.d.ts
new file mode 100644
index 0000000..15169f4
--- /dev/null
+++ b/node_modules/react-hook-form/dist/logic/mapIds.d.ts
@@ -0,0 +1,9 @@
+export declare const appendId: <FormArrayValues extends {
+    id?: string | undefined;
+} & Record<string, any> = Record<string, any>>(value: FormArrayValues) => (FormArrayValues & {
+    id: string;
+}) | {
+    id: string;
+    value: never;
+};
+export declare const mapIds: (data: any) => any[];
diff --git a/node_modules/react-hook-form/dist/logic/removeAllEventListeners.d.ts b/node_modules/react-hook-form/dist/logic/removeAllEventListeners.d.ts
new file mode 100644
index 0000000..5ea4bcf
--- /dev/null
+++ b/node_modules/react-hook-form/dist/logic/removeAllEventListeners.d.ts
@@ -0,0 +1,2 @@
+declare const _default: (ref: any, validateWithStateUpdate: Function) => void;
+export default _default;
diff --git a/node_modules/react-hook-form/dist/logic/removeAllEventListeners.test.d.ts b/node_modules/react-hook-form/dist/logic/removeAllEventListeners.test.d.ts
new file mode 100644
index 0000000..cb0ff5c
--- /dev/null
+++ b/node_modules/react-hook-form/dist/logic/removeAllEventListeners.test.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/node_modules/react-hook-form/dist/logic/shouldUpdateWithError.d.ts b/node_modules/react-hook-form/dist/logic/shouldUpdateWithError.d.ts
new file mode 100644
index 0000000..cbc9393
--- /dev/null
+++ b/node_modules/react-hook-form/dist/logic/shouldUpdateWithError.d.ts
@@ -0,0 +1,8 @@
+import { FieldValues, FieldName, FieldErrors } from '../types';
+export default function shouldUpdateWithError<FormValues extends FieldValues>({ errors, name, error, validFields, fieldsWithValidation, }: {
+    errors: FieldErrors<FormValues>;
+    error: FieldErrors<FormValues>;
+    name: FieldName<FormValues>;
+    validFields: Set<FieldName<FormValues>>;
+    fieldsWithValidation: Set<FieldName<FormValues>>;
+}): boolean;
diff --git a/node_modules/react-hook-form/dist/logic/shouldUpdateWithError.test.d.ts b/node_modules/react-hook-form/dist/logic/shouldUpdateWithError.test.d.ts
new file mode 100644
index 0000000..cb0ff5c
--- /dev/null
+++ b/node_modules/react-hook-form/dist/logic/shouldUpdateWithError.test.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/node_modules/react-hook-form/dist/logic/skipValidation.d.ts b/node_modules/react-hook-form/dist/logic/skipValidation.d.ts
new file mode 100644
index 0000000..0b56fcc
--- /dev/null
+++ b/node_modules/react-hook-form/dist/logic/skipValidation.d.ts
@@ -0,0 +1,10 @@
+declare const _default: ({ hasError, isBlurEvent, isOnSubmit, isReValidateOnSubmit, isOnBlur, isReValidateOnBlur, isSubmitted, }: {
+    hasError: boolean;
+    isBlurEvent?: boolean | undefined;
+    isOnSubmit: boolean;
+    isReValidateOnSubmit: boolean;
+    isOnBlur: boolean;
+    isReValidateOnBlur: boolean;
+    isSubmitted: boolean;
+}) => boolean;
+export default _default;
diff --git a/node_modules/react-hook-form/dist/logic/skipValidation.test.d.ts b/node_modules/react-hook-form/dist/logic/skipValidation.test.d.ts
new file mode 100644
index 0000000..cb0ff5c
--- /dev/null
+++ b/node_modules/react-hook-form/dist/logic/skipValidation.test.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/node_modules/react-hook-form/dist/logic/transformToNestObject.d.ts b/node_modules/react-hook-form/dist/logic/transformToNestObject.d.ts
new file mode 100644
index 0000000..8689996
--- /dev/null
+++ b/node_modules/react-hook-form/dist/logic/transformToNestObject.d.ts
@@ -0,0 +1,2 @@
+declare const _default: (data: Record<string, any>) => any;
+export default _default;
diff --git a/node_modules/react-hook-form/dist/logic/transformToNestObject.test.d.ts b/node_modules/react-hook-form/dist/logic/transformToNestObject.test.d.ts
new file mode 100644
index 0000000..cb0ff5c
--- /dev/null
+++ b/node_modules/react-hook-form/dist/logic/transformToNestObject.test.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/node_modules/react-hook-form/dist/logic/validateField.d.ts b/node_modules/react-hook-form/dist/logic/validateField.d.ts
new file mode 100644
index 0000000..b758393
--- /dev/null
+++ b/node_modules/react-hook-form/dist/logic/validateField.d.ts
@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { Field } from '../types';
+declare const _default: <FormValues extends Record<string, any>>(fieldsRef: React.MutableRefObject<Partial<Record<import("../types").FieldName<FormValues>, Field>>>, validateAllFieldCriteria: boolean, { ref, ref: { type, value, name, valueAsNumber, valueAsDate }, options, required, maxLength, minLength, min, max, pattern, validate, }: Field) => Promise<import("../types").NestDataObject<FormValues>>;
+export default _default;
diff --git a/node_modules/react-hook-form/dist/logic/validateField.test.d.ts b/node_modules/react-hook-form/dist/logic/validateField.test.d.ts
new file mode 100644
index 0000000..cb0ff5c
--- /dev/null
+++ b/node_modules/react-hook-form/dist/logic/validateField.test.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/node_modules/react-hook-form/dist/logic/validateWithSchema.d.ts b/node_modules/react-hook-form/dist/logic/validateWithSchema.d.ts
new file mode 100644
index 0000000..37f7032
--- /dev/null
+++ b/node_modules/react-hook-form/dist/logic/validateWithSchema.d.ts
@@ -0,0 +1,21 @@
+import { FieldValues, SchemaValidateOptions, FieldErrors } from '../types';
+declare type SchemaValidationResult<FormValues> = {
+    errors: FieldErrors<FormValues>;
+    values: FieldValues;
+};
+declare type YupValidationError = {
+    inner: {
+        path: string;
+        message: string;
+        type: string;
+    }[];
+    path: string;
+    message: string;
+    type: string;
+};
+declare type Schema<Data> = {
+    validate(value: FieldValues, options?: SchemaValidateOptions): Promise<Data>;
+};
+export declare const parseErrorSchema: <FormValues>(error: YupValidationError, validateAllFieldCriteria: boolean) => import("../types").NestDataObject<FormValues>;
+export default function validateWithSchema<FormValues>(validationSchema: Schema<FormValues>, validateAllFieldCriteria: boolean, data: FieldValues): Promise<SchemaValidationResult<FormValues>>;
+export {};
diff --git a/node_modules/react-hook-form/dist/logic/validateWithSchema.test.d.ts b/node_modules/react-hook-form/dist/logic/validateWithSchema.test.d.ts
new file mode 100644
index 0000000..cb0ff5c
--- /dev/null
+++ b/node_modules/react-hook-form/dist/logic/validateWithSchema.test.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/node_modules/react-hook-form/dist/react-hook-form.es.js b/node_modules/react-hook-form/dist/react-hook-form.es.js
new file mode 100644
index 0000000..83a74cc
--- /dev/null
+++ b/node_modules/react-hook-form/dist/react-hook-form.es.js
@@ -0,0 +1,1599 @@
+import * as React from 'react';
+import { createContext, useContext, createElement, useState as useState$2, useRef as useRef$2, useEffect as useEffect$2, isValidElement, cloneElement, Fragment } from 'react';
+
+const VALIDATION_MODE = {
+    onBlur: 'onBlur',
+    onChange: 'onChange',
+    onSubmit: 'onSubmit',
+};
+const RADIO_INPUT = 'radio';
+const FILE_INPUT = 'file';
+const VALUE = 'value';
+const UNDEFINED = 'undefined';
+const EVENTS = {
+    BLUR: 'blur',
+    CHANGE: 'change',
+    INPUT: 'input',
+};
+const INPUT_VALIDATION_RULES = {
+    max: 'max',
+    min: 'min',
+    maxLength: 'maxLength',
+    minLength: 'minLength',
+    pattern: 'pattern',
+    required: 'required',
+    validate: 'validate',
+};
+const REGEX_IS_DEEP_PROP = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/;
+const REGEX_IS_PLAIN_PROP = /^\w*$/;
+const REGEX_PROP_NAME = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g;
+const REGEX_ESCAPE_CHAR = /\\(\\)?/g;
+
+function attachEventListeners({ field, handleChange, isRadioOrCheckbox, }) {
+    const { ref } = field;
+    if (ref.addEventListener) {
+        ref.addEventListener(isRadioOrCheckbox ? EVENTS.CHANGE : EVENTS.INPUT, handleChange);
+        ref.addEventListener(EVENTS.BLUR, handleChange);
+    }
+}
+
+var isUndefined = (val) => val === undefined;
+
+var isNullOrUndefined = (value) => value === null || isUndefined(value);
+
+var isArray = (value) => Array.isArray(value);
+
+const isObjectType = (value) => typeof value === 'object';
+var isObject = (value) => !isNullOrUndefined(value) && !isArray(value) && isObjectType(value);
+
+const isKey = (value) => !isArray(value) &&
+    (REGEX_IS_PLAIN_PROP.test(value) || !REGEX_IS_DEEP_PROP.test(value));
+const stringToPath = (string) => {
+    const result = [];
+    string.replace(REGEX_PROP_NAME, (match, number, quote, string) => {
+        result.push(quote ? string.replace(REGEX_ESCAPE_CHAR, '$1') : number || match);
+    });
+    return result;
+};
+function set(object, path, value) {
+    let index = -1;
+    const tempPath = isKey(path) ? [path] : stringToPath(path);
+    const length = tempPath.length;
+    const lastIndex = length - 1;
+    while (++index < length) {
+        const key = tempPath[index];
+        let newValue = value;
+        if (index !== lastIndex) {
+            const objValue = object[key];
+            newValue =
+                isObject(objValue) || isArray(objValue)
+                    ? objValue
+                    : !isNaN(tempPath[index + 1])
+                        ? []
+                        : {};
+        }
+        object[key] = newValue;
+        object = object[key];
+    }
+    return object;
+}
+
+var transformToNestObject = (data) => Object.entries(data).reduce((previous, [key, value]) => {
+    if (REGEX_IS_DEEP_PROP.test(key)) {
+        set(previous, key, value);
+        return previous;
+    }
+    return Object.assign(Object.assign({}, previous), { [key]: value });
+}, {});
+
+var get = (obj, path, defaultValue) => {
+    const result = path
+        .split(/[,[\].]+?/)
+        .filter(Boolean)
+        .reduce((result, key) => (isNullOrUndefined(result) ? result : result[key]), obj);
+    return isUndefined(result) || result === obj
+        ? obj[path] || defaultValue
+        : result;
+};
+
+var focusErrorField = (fields, fieldErrors) => {
+    for (const key in fields) {
+        if (get(fieldErrors, key)) {
+            const field = fields[key];
+            if (field) {
+                if (field.ref.focus) {
+                    field.ref.focus();
+                    break;
+                }
+                else if (field.options) {
+                    field.options[0].ref.focus();
+                    break;
+                }
+            }
+        }
+    }
+};
+
+var removeAllEventListeners = (ref, validateWithStateUpdate) => {
+    if (ref.removeEventListener) {
+        ref.removeEventListener(EVENTS.INPUT, validateWithStateUpdate);
+        ref.removeEventListener(EVENTS.CHANGE, validateWithStateUpdate);
+        ref.removeEventListener(EVENTS.BLUR, validateWithStateUpdate);
+    }
+};
+
+var isRadioInput = (type) => type === RADIO_INPUT;
+
+var isCheckBoxInput = (type) => type === 'checkbox';
+
+function isDetached(element) {
+    if (!element) {
+        return true;
+    }
+    if (!(element instanceof HTMLElement) ||
+        element.nodeType === Node.DOCUMENT_NODE) {
+        return false;
+    }
+    return isDetached(element.parentNode);
+}
+
+function findRemovedFieldAndRemoveListener(fields, handleChange, field, forceDelete) {
+    if (!field) {
+        return;
+    }
+    const { ref, ref: { name, type }, mutationWatcher, } = field;
+    if (!type) {
+        delete fields[name];
+        return;
+    }
+    const fieldValue = fields[name];
+    if ((isRadioInput(type) || isCheckBoxInput(type)) && fieldValue) {
+        const { options } = fieldValue;
+        if (isArray(options) && options.length) {
+            options.forEach(({ ref, mutationWatcher }, index) => {
+                if ((ref && isDetached(ref)) || forceDelete) {
+                    removeAllEventListeners(ref, handleChange);
+                    if (mutationWatcher) {
+                        mutationWatcher.disconnect();
+                    }
+                    options.splice(index, 1);
+                }
+            });
+            if (options && !options.length) {
+                delete fields[name];
+            }
+        }
+        else {
+            delete fields[name];
+        }
+    }
+    else if (isDetached(ref) || forceDelete) {
+        removeAllEventListeners(ref, handleChange);
+        if (mutationWatcher) {
+            mutationWatcher.disconnect();
+        }
+        delete fields[name];
+    }
+}
+
+const defaultReturn = {
+    isValid: false,
+    value: '',
+};
+var getRadioValue = (options) => isArray(options)
+    ? options.reduce((previous, { ref: { checked, value } }) => checked
+        ? {
+            isValid: true,
+            value,
+        }
+        : previous, defaultReturn)
+    : defaultReturn;
+
+var getMultipleSelectValue = (options) => [...options]
+    .filter(({ selected }) => selected)
+    .map(({ value }) => value);
+
+var isFileInput = (type) => type === FILE_INPUT;
+
+var isMultipleSelect = (type) => type === 'select-multiple';
+
+var isEmptyString = (value) => value === '';
+
+const defaultResult = {
+    value: false,
+    isValid: false,
+};
+const validResult = { value: true, isValid: true };
+var getCheckboxValue = (options) => {
+    if (isArray(options)) {
+        if (options.length > 1) {
+            const values = options
+                .filter(({ ref: { checked } }) => checked)
+                .map(({ ref: { value } }) => value);
+            return { value: values, isValid: !!values.length };
+        }
+        const { checked, value, attributes } = options[0].ref;
+        return checked
+            ? attributes && !isUndefined(attributes.value)
+                ? isUndefined(value) || isEmptyString(value)
+                    ? validResult
+                    : { value: value, isValid: true }
+                : validResult
+            : defaultResult;
+    }
+    return defaultResult;
+};
+
+function getFieldValue(fields, ref) {
+    const { type, name, options, value, files } = ref;
+    const field = fields[name];
+    if (isFileInput(type)) {
+        return files;
+    }
+    if (isRadioInput(type)) {
+        return field ? getRadioValue(field.options).value : '';
+    }
+    if (isMultipleSelect(type)) {
+        return getMultipleSelectValue(options);
+    }
+    if (isCheckBoxInput(type)) {
+        return field ? getCheckboxValue(field.options).value : false;
+    }
+    return value;
+}
+
+var isString = (value) => typeof value === 'string';
+
+var getFieldsValues = (fields, search) => {
+    const output = {};
+    const isSearchString = isString(search);
+    const isSearchArray = isArray(search);
+    for (const name in fields) {
+        if (isUndefined(search) ||
+            (isSearchString && name.startsWith(search)) ||
+            (isSearchArray &&
+                search.find((data) => name.startsWith(data)))) {
+            output[name] = getFieldValue(fields, fields[name].ref);
+        }
+    }
+    return output;
+};
+
+var isEmptyObject = (value) => isObject(value) && !Object.keys(value).length;
+
+var compareObject = (objectA = {}, objectB = {}) => Object.entries(objectA).reduce((previous, [key, value]) => previous ? objectB[key] && objectB[key] === value : false, true);
+
+var isSameError = (error, { type, types, message, }) => {
+    return (isObject(error) &&
+        error.type === type &&
+        error.message === message &&
+        compareObject(error.types, types));
+};
+
+function shouldUpdateWithError({ errors, name, error, validFields, fieldsWithValidation, }) {
+    const isFieldValid = isEmptyObject(error);
+    const isFormValid = isEmptyObject(errors);
+    const currentFieldError = get(error, name);
+    const existFieldError = get(errors, name);
+    if ((isFieldValid && validFields.has(name)) ||
+        (existFieldError && existFieldError.isManual)) {
+        return false;
+    }
+    if (isFormValid !== isFieldValid ||
+        (!isFormValid && !existFieldError) ||
+        (isFieldValid && fieldsWithValidation.has(name) && !validFields.has(name))) {
+        return true;
+    }
+    return currentFieldError && !isSameError(existFieldError, currentFieldError);
+}
+
+var isRegex = (value) => value instanceof RegExp;
+
+var getValueAndMessage = (validationData) => {
+    const isPureObject = isObject(validationData) && !isRegex(validationData);
+    return {
+        value: isPureObject
+            ? validationData.value
+            : validationData,
+        message: isPureObject
+            ? validationData.message
+            : '',
+    };
+};
+
+var isFunction = (value) => typeof value === 'function';
+
+var isBoolean = (value) => typeof value === 'boolean';
+
+function getValidateError(result, ref, type = 'validate') {
+    const isStringValue = isString(result);
+    if (isStringValue || (isBoolean(result) && !result)) {
+        const message = isStringValue ? result : '';
+        return {
+            type,
+            message,
+            ref,
+        };
+    }
+}
+
+var appendErrors = (name, validateAllFieldCriteria, errors, type, message) => {
+    if (!validateAllFieldCriteria) {
+        return {};
+    }
+    const error = errors[name];
+    return Object.assign(Object.assign({}, error), { types: Object.assign(Object.assign({}, (error && error.types ? error.types : {})), { [type]: message || true }) });
+};
+
+var validateField = async (fieldsRef, validateAllFieldCriteria, { ref, ref: { type, value, name, valueAsNumber, valueAsDate }, options, required, maxLength, minLength, min, max, pattern, validate, }) => {
+    const fields = fieldsRef.current;
+    const error = {};
+    const isRadio = isRadioInput(type);
+    const isCheckBox = isCheckBoxInput(type);
+    const isRadioOrCheckbox = isRadio || isCheckBox;
+    const isEmpty = isEmptyString(value);
+    const appendErrorsCurry = appendErrors.bind(null, name, validateAllFieldCriteria, error);
+    const getMinMaxMessage = (exceedMax, maxLengthMessage, minLengthMessage, maxType = INPUT_VALIDATION_RULES.maxLength, minType = INPUT_VALIDATION_RULES.minLength) => {
+        const message = exceedMax ? maxLengthMessage : minLengthMessage;
+        error[name] = Object.assign({ type: exceedMax ? maxType : minType, message,
+            ref }, (exceedMax
+            ? appendErrorsCurry(maxType, message)
+            : appendErrorsCurry(minType, message)));
+        if (!validateAllFieldCriteria) {
+            return error;
+        }
+    };
+    if (required &&
+        ((!isRadio && !isCheckBox && (isEmpty || isNullOrUndefined(value))) ||
+            (isBoolean(value) && !value) ||
+            (isCheckBox && !getCheckboxValue(options).isValid) ||
+            (isRadio && !getRadioValue(options).isValid))) {
+        const message = isString(required)
+            ? required
+            : getValueAndMessage(required).message;
+        error[name] = Object.assign({ type: INPUT_VALIDATION_RULES.required, message, ref: isRadioOrCheckbox ? fields[name].options[0].ref : ref }, appendErrorsCurry(INPUT_VALIDATION_RULES.required, message));
+        if (!validateAllFieldCriteria) {
+            return error;
+        }
+    }
+    if (!isNullOrUndefined(min) || !isNullOrUndefined(max)) {
+        let exceedMax;
+        let exceedMin;
+        const { value: maxValue, message: maxMessage } = getValueAndMessage(max);
+        const { value: minValue, message: minMessage } = getValueAndMessage(min);
+        if (type === 'number' || (!type && !isNaN(value))) {
+            const valueNumber = valueAsNumber || parseFloat(value);
+            if (!isNullOrUndefined(maxValue)) {
+                exceedMax = valueNumber > maxValue;
+            }
+            if (!isNullOrUndefined(minValue)) {
+                exceedMin = valueNumber < minValue;
+            }
+        }
+        else {
+            const valueDate = valueAsDate || new Date(value);
+            if (isString(maxValue)) {
+                exceedMax = valueDate > new Date(maxValue);
+            }
+            if (isString(minValue)) {
+                exceedMin = valueDate < new Date(minValue);
+            }
+        }
+        if (exceedMax || exceedMin) {
+            getMinMaxMessage(!!exceedMax, maxMessage, minMessage, INPUT_VALIDATION_RULES.max, INPUT_VALIDATION_RULES.min);
+            if (!validateAllFieldCriteria) {
+                return error;
+            }
+        }
+    }
+    if (isString(value) && !isEmpty && (maxLength || minLength)) {
+        const { value: maxLengthValue, message: maxLengthMessage, } = getValueAndMessage(maxLength);
+        const { value: minLengthValue, message: minLengthMessage, } = getValueAndMessage(minLength);
+        const inputLength = value.toString().length;
+        const exceedMax = maxLength && inputLength > maxLengthValue;
+        const exceedMin = minLength && inputLength < minLengthValue;
+        if (exceedMax || exceedMin) {
+            getMinMaxMessage(!!exceedMax, maxLengthMessage, minLengthMessage);
+            if (!validateAllFieldCriteria) {
+                return error;
+            }
+        }
+    }
+    if (pattern && !isEmpty) {
+        const { value: patternValue, message: patternMessage } = getValueAndMessage(pattern);
+        if (isRegex(patternValue) && !patternValue.test(value)) {
+            error[name] = Object.assign({ type: INPUT_VALIDATION_RULES.pattern, message: patternMessage, ref }, appendErrorsCurry(INPUT_VALIDATION_RULES.pattern, patternMessage));
+            if (!validateAllFieldCriteria) {
+                return error;
+            }
+        }
+    }
+    if (validate) {
+        const fieldValue = getFieldValue(fields, ref);
+        const validateRef = isRadioOrCheckbox && options ? options[0].ref : ref;
+        if (isFunction(validate)) {
+            const result = await validate(fieldValue);
+            const validateError = getValidateError(result, validateRef);
+            if (validateError) {
+                error[name] = Object.assign(Object.assign({}, validateError), appendErrorsCurry(INPUT_VALIDATION_RULES.validate, validateError.message));
+                if (!validateAllFieldCriteria) {
+                    return error;
+                }
+            }
+        }
+        else if (isObject(validate)) {
+            const validateFunctions = Object.entries(validate);
+            const validationResult = await new Promise((resolve) => {
+                validateFunctions.reduce(async (previous, [key, validate], index) => {
+                    if ((!isEmptyObject(await previous) && !validateAllFieldCriteria) ||
+                        !isFunction(validate)) {
+                        return resolve(previous);
+                    }
+                    let result;
+                    const validateResult = await validate(fieldValue);
+                    const validateError = getValidateError(validateResult, validateRef, key);
+                    if (validateError) {
+                        result = Object.assign(Object.assign({}, validateError), appendErrorsCurry(key, validateError.message));
+                        if (validateAllFieldCriteria) {
+                            error[name] = result;
+                        }
+                    }
+                    else {
+                        result = previous;
+                    }
+                    return validateFunctions.length - 1 === index
+                        ? resolve(result)
+                        : result;
+                }, {});
+            });
+            if (!isEmptyObject(validationResult)) {
+                error[name] = Object.assign({ ref: validateRef }, validationResult);
+                if (!validateAllFieldCriteria) {
+                    return error;
+                }
+            }
+        }
+    }
+    return error;
+};
+
+const parseErrorSchema = (error, validateAllFieldCriteria) => isArray(error.inner)
+    ? error.inner.reduce((previous, { path, message, type }) => (Object.assign(Object.assign({}, previous), (previous[path] && validateAllFieldCriteria
+        ? {
+            [path]: appendErrors(path, validateAllFieldCriteria, previous, type, message),
+        }
+        : {
+            [path]: previous[path] || Object.assign({ message,
+                type }, (validateAllFieldCriteria
+                ? {
+                    types: { [type]: message || true },
+                }
+                : {})),
+        }))), {})
+    : {
+        [error.path]: { message: error.message, type: error.type },
+    };
+async function validateWithSchema(validationSchema, validateAllFieldCriteria, data) {
+    try {
+        return {
+            values: await validationSchema.validate(data, { abortEarly: false }),
+            errors: {},
+        };
+    }
+    catch (e) {
+        return {
+            values: {},
+            errors: transformToNestObject(parseErrorSchema(e, validateAllFieldCriteria)),
+        };
+    }
+}
+
+var getDefaultValue = (defaultValues, name, defaultValue) => isUndefined(defaultValues[name])
+    ? get(defaultValues, name, defaultValue)
+    : defaultValues[name];
+
+function flatArray(list) {
+    return list.reduce((a, b) => a.concat(isArray(b) ? flatArray(b) : b), []);
+}
+
+var isPrimitive = (value) => isNullOrUndefined(value) || !isObjectType(value);
+
+const getPath = (path, values) => {
+    const getInnerPath = (value, key, isObject) => {
+        const pathWithIndex = isObject ? `${path}.${key}` : `${path}[${key}]`;
+        return isPrimitive(value) ? pathWithIndex : getPath(pathWithIndex, value);
+    };
+    return isArray(values)
+        ? values.map((value, key) => getInnerPath(value, key))
+        : Object.entries(values).map(([key, value]) => getInnerPath(value, key, true));
+};
+var getPath$1 = (parentPath, value) => flatArray(getPath(parentPath, value));
+
+var assignWatchFields = (fieldValues, fieldName, watchFields, combinedDefaultValues, watchFieldArray) => {
+    let value;
+    if (isEmptyObject(fieldValues)) {
+        value = watchFieldArray ? watchFieldArray : undefined;
+    }
+    else if (!isUndefined(fieldValues[fieldName])) {
+        watchFields.add(fieldName);
+        value = fieldValues[fieldName];
+    }
+    else {
+        value = get(transformToNestObject(fieldValues), fieldName);
+        if (isArray(watchFieldArray) &&
+            isArray(value) &&
+            value.length !== watchFieldArray.length) {
+            value = watchFieldArray;
+        }
+        if (!isUndefined(value)) {
+            getPath$1(fieldName, value).forEach(name => watchFields.add(name));
+        }
+    }
+    return isUndefined(value)
+        ? isObject(combinedDefaultValues)
+            ? getDefaultValue(combinedDefaultValues, fieldName)
+            : combinedDefaultValues
+        : value;
+};
+
+var skipValidation = ({ hasError, isBlurEvent, isOnSubmit, isReValidateOnSubmit, isOnBlur, isReValidateOnBlur, isSubmitted, }) => (isOnSubmit && isReValidateOnSubmit) ||
+    (isOnSubmit && !isSubmitted) ||
+    (isOnBlur && !isBlurEvent && !hasError) ||
+    (isReValidateOnBlur && !isBlurEvent && hasError) ||
+    (isReValidateOnSubmit && isSubmitted);
+
+var getFieldValueByName = (fields, name) => {
+    const results = transformToNestObject(getFieldsValues(fields));
+    return name ? get(results, name, results) : results;
+};
+
+function getIsFieldsDifferent(referenceArray, differenceArray) {
+    let isMatch = false;
+    if (!isArray(referenceArray) ||
+        !isArray(differenceArray) ||
+        referenceArray.length !== differenceArray.length) {
+        return true;
+    }
+    for (let i = 0; i < referenceArray.length; i++) {
+        if (isMatch) {
+            break;
+        }
+        const dataA = referenceArray[i];
+        const dataB = differenceArray[i];
+        if (!dataB || Object.keys(dataA).length !== Object.keys(dataB).length) {
+            isMatch = true;
+            break;
+        }
+        for (const key in dataA) {
+            if (!dataB[key] || dataA[key] !== dataB[key]) {
+                isMatch = true;
+                break;
+            }
+        }
+    }
+    return isMatch;
+}
+
+const isMatchFieldArrayName = (name, searchName) => name.startsWith(`${searchName}[`);
+var isNameInFieldArray = (names, name) => [...names].reduce((prev, current) => (isMatchFieldArrayName(name, current) ? true : prev), false);
+
+var isFileListObject = (data) => typeof FileList !== UNDEFINED && data instanceof FileList;
+
+function onDomRemove(element, onDetachCallback) {
+    const observer = new MutationObserver(() => {
+        if (isDetached(element)) {
+            observer.disconnect();
+            onDetachCallback();
+        }
+    });
+    observer.observe(window.document, {
+        childList: true,
+        subtree: true,
+    });
+    return observer;
+}
+
+const unsetObject = (target) => {
+    for (const key in target) {
+        const data = target[key];
+        const isArrayObject = isArray(data);
+        if ((isObject(data) || isArrayObject) && !data.ref) {
+            unsetObject(data);
+        }
+        if ((isUndefined(data) ||
+            isEmptyObject(data) ||
+            (isArrayObject && !target[key].filter(Boolean).length)) &&
+            !isFileListObject(target)) {
+            delete target[key];
+        }
+    }
+    return target;
+};
+const unset = (target, paths) => {
+    paths.forEach(path => {
+        set(target, path, undefined);
+    });
+    return unsetObject(target);
+};
+
+var modeChecker = (mode) => ({
+    isOnSubmit: !mode || mode === VALIDATION_MODE.onSubmit,
+    isOnBlur: mode === VALIDATION_MODE.onBlur,
+    isOnChange: mode === VALIDATION_MODE.onChange,
+});
+
+const { useRef, useState, useCallback, useEffect } = React;
+function useForm({ mode = VALIDATION_MODE.onSubmit, reValidateMode = VALIDATION_MODE.onChange, validationSchema, defaultValues = {}, submitFocusError = true, validateCriteriaMode, } = {}) {
+    const fieldsRef = useRef({});
+    const validateAllFieldCriteria = validateCriteriaMode === 'all';
+    const errorsRef = useRef({});
+    const touchedFieldsRef = useRef({});
+    const watchFieldArrayRef = useRef({});
+    const watchFieldsRef = useRef(new Set());
+    const dirtyFieldsRef = useRef(new Set());
+    const fieldsWithValidationRef = useRef(new Set());
+    const validFieldsRef = useRef(new Set());
+    const isValidRef = useRef(true);
+    const defaultRenderValuesRef = useRef({});
+    const defaultValuesRef = useRef(defaultValues);
+    const isUnMount = useRef(false);
+    const isWatchAllRef = useRef(false);
+    const isSubmittedRef = useRef(false);
+    const isDirtyRef = useRef(false);
+    const submitCountRef = useRef(0);
+    const isSubmittingRef = useRef(false);
+    const handleChangeRef = useRef();
+    const resetFieldArrayFunctionRef = useRef({});
+    const fieldArrayNamesRef = useRef(new Set());
+    const [, render] = useState();
+    const { isOnBlur, isOnSubmit } = useRef(modeChecker(mode)).current;
+    const isWindowUndefined = typeof window === UNDEFINED;
+    const isWeb = typeof document !== UNDEFINED &&
+        !isWindowUndefined &&
+        !isUndefined(window.HTMLElement);
+    const isProxyEnabled = isWeb && 'Proxy' in window;
+    const readFormStateRef = useRef({
+        dirty: !isProxyEnabled,
+        dirtyFields: !isProxyEnabled,
+        isSubmitted: isOnSubmit,
+        submitCount: !isProxyEnabled,
+        touched: !isProxyEnabled,
+        isSubmitting: !isProxyEnabled,
+        isValid: !isProxyEnabled,
+    });
+    const { isOnBlur: isReValidateOnBlur, isOnSubmit: isReValidateOnSubmit, } = useRef(modeChecker(reValidateMode)).current;
+    const reRender = useCallback(() => {
+        if (!isUnMount.current) {
+            render({});
+        }
+    }, []);
+    const shouldRenderBaseOnError = useCallback((name, error, shouldRender, skipReRender) => {
+        let shouldReRender = shouldRender ||
+            shouldUpdateWithError({
+                errors: errorsRef.current,
+                error,
+                name,
+                validFields: validFieldsRef.current,
+                fieldsWithValidation: fieldsWithValidationRef.current,
+            });
+        if (isEmptyObject(error)) {
+            if (fieldsWithValidationRef.current.has(name) || validationSchema) {
+                validFieldsRef.current.add(name);
+                shouldReRender = shouldReRender || get(errorsRef.current, name);
+            }
+            errorsRef.current = unset(errorsRef.current, [name]);
+        }
+        else {
+            validFieldsRef.current.delete(name);
+            shouldReRender = shouldReRender || !get(errorsRef.current, name);
+            set(errorsRef.current, name, error[name]);
+        }
+        if (shouldReRender && !skipReRender) {
+            reRender();
+            return true;
+        }
+    }, [reRender, validationSchema]);
+    const setFieldValue = useCallback((name, rawValue) => {
+        const field = fieldsRef.current[name];
+        if (!field) {
+            return false;
+        }
+        const ref = field.ref;
+        const options = field.options;
+        const { type } = ref;
+        const value = isWeb &&
+            ref instanceof window.HTMLElement &&
+            isNullOrUndefined(rawValue)
+            ? ''
+            : rawValue;
+        if (isRadioInput(type) && options) {
+            options.forEach(({ ref: radioRef }) => (radioRef.checked = radioRef.value === value));
+        }
+        else if (isFileInput(type)) {
+            if (isEmptyString(value) ||
+                isFileListObject(value)) {
+                ref.files = value;
+            }
+            else {
+                ref.value = value;
+            }
+        }
+        else if (isMultipleSelect(type)) {
+            [...ref.options].forEach(selectRef => (selectRef.selected = value.includes(selectRef.value)));
+        }
+        else if (isCheckBoxInput(type) && options) {
+            options.length > 1
+                ? options.forEach(({ ref: checkboxRef }) => (checkboxRef.checked = value.includes(checkboxRef.value)))
+                : (options[0].ref.checked = !!value);
+        }
+        else {
+            ref.value = value;
+        }
+        return type;
+    }, [isWeb]);
+    const setDirty = (name) => {
+        if (!fieldsRef.current[name] ||
+            (!readFormStateRef.current.dirty && !readFormStateRef.current.dirtyFields)) {
+            return false;
+        }
+        const isFieldArray = isNameInFieldArray(fieldArrayNamesRef.current, name);
+        const previousDirtyFieldsLength = dirtyFieldsRef.current.size;
+        let isDirty = defaultRenderValuesRef.current[name] !==
+            getFieldValue(fieldsRef.current, fieldsRef.current[name].ref);
+        if (isFieldArray) {
+            const fieldArrayName = name.substring(0, name.indexOf('['));
+            isDirty = getIsFieldsDifferent(getFieldValueByName(fieldsRef.current, fieldArrayName), get(defaultValuesRef.current, fieldArrayName));
+        }
+        const isDirtyChanged = (isFieldArray ? isDirtyRef.current : dirtyFieldsRef.current.has(name)) !==
+            isDirty;
+        if (isDirty) {
+            dirtyFieldsRef.current.add(name);
+        }
+        else {
+            dirtyFieldsRef.current.delete(name);
+        }
+        isDirtyRef.current = isFieldArray ? isDirty : !!dirtyFieldsRef.current.size;
+        return readFormStateRef.current.dirty
+            ? isDirtyChanged
+            : previousDirtyFieldsLength !== dirtyFieldsRef.current.size;
+    };
+    const setInternalValue = useCallback((name, value) => {
+        setFieldValue(name, value);
+        if (setDirty(name) ||
+            (!get(touchedFieldsRef.current, name) &&
+                readFormStateRef.current.touched)) {
+            return !!set(touchedFieldsRef.current, name, true);
+        }
+    }, [setFieldValue]);
+    const executeValidation = useCallback(async (name, skipReRender) => {
+        const field = fieldsRef.current[name];
+        if (!field) {
+            return false;
+        }
+        const error = await validateField(fieldsRef, validateAllFieldCriteria, field);
+        shouldRenderBaseOnError(name, error, false, skipReRender);
+        return isEmptyObject(error);
+    }, [shouldRenderBaseOnError, validateAllFieldCriteria]);
+    const executeSchemaValidation = useCallback(async (payload) => {
+        const { errors } = await validateWithSchema(validationSchema, validateAllFieldCriteria, getFieldValueByName(fieldsRef.current));
+        const previousFormIsValid = isValidRef.current;
+        isValidRef.current = isEmptyObject(errors);
+        if (isArray(payload)) {
+            payload.forEach(name => {
+                const error = get(errors, name);
+                if (error) {
+                    set(errorsRef.current, name, error);
+                }
+                else {
+                    unset(errorsRef.current, [name]);
+                }
+            });
+            reRender();
+        }
+        else {
+            shouldRenderBaseOnError(payload, (get(errors, payload)
+                ? { [payload]: get(errors, payload) }
+                : {}), previousFormIsValid !== isValidRef.current);
+        }
+        return isEmptyObject(errorsRef.current);
+    }, [
+        reRender,
+        shouldRenderBaseOnError,
+        validateAllFieldCriteria,
+        validationSchema,
+    ]);
+    const triggerValidation = useCallback(async (payload) => {
+        const fields = payload || Object.keys(fieldsRef.current);
+        if (validationSchema) {
+            return executeSchemaValidation(fields);
+        }
+        if (isArray(fields)) {
+            const result = await Promise.all(fields.map(async (data) => await executeValidation(data, true)));
+            reRender();
+            return result.every(Boolean);
+        }
+        return await executeValidation(fields);
+    }, [executeSchemaValidation, executeValidation, reRender, validationSchema]);
+    const setValue = useCallback((name, value, shouldValidate) => {
+        const shouldRender = setInternalValue(name, value) ||
+            isWatchAllRef.current ||
+            watchFieldsRef.current.has(name);
+        if (shouldRender) {
+            reRender();
+        }
+        if (shouldValidate) {
+            triggerValidation(name);
+        }
+        return;
+    }, [reRender, setInternalValue, triggerValidation]);
+    handleChangeRef.current = handleChangeRef.current
+        ? handleChangeRef.current
+        : async ({ type, target }) => {
+            const name = target ? target.name : '';
+            const fields = fieldsRef.current;
+            const errors = errorsRef.current;
+            const field = fields[name];
+            const currentError = get(errors, name);
+            let error;
+            if (!field) {
+                return;
+            }
+            const isBlurEvent = type === EVENTS.BLUR;
+            const shouldSkipValidation = skipValidation({
+                hasError: !!currentError,
+                isBlurEvent,
+                isOnSubmit,
+                isReValidateOnSubmit,
+                isOnBlur,
+                isReValidateOnBlur,
+                isSubmitted: isSubmittedRef.current,
+            });
+            const shouldUpdateDirty = setDirty(name);
+            let shouldUpdateState = isWatchAllRef.current ||
+                watchFieldsRef.current.has(name) ||
+                shouldUpdateDirty;
+            if (isBlurEvent &&
+                !get(touchedFieldsRef.current, name) &&
+                readFormStateRef.current.touched) {
+                set(touchedFieldsRef.current, name, true);
+                shouldUpdateState = true;
+            }
+            if (shouldSkipValidation) {
+                return shouldUpdateState && reRender();
+            }
+            if (validationSchema) {
+                const { errors } = await validateWithSchema(validationSchema, validateAllFieldCriteria, getFieldValueByName(fields));
+                const previousFormIsValid = isValidRef.current;
+                isValidRef.current = isEmptyObject(errors);
+                error = (get(errors, name)
+                    ? { [name]: get(errors, name) }
+                    : {});
+                if (previousFormIsValid !== isValidRef.current) {
+                    shouldUpdateState = true;
+                }
+            }
+            else {
+                error = await validateField(fieldsRef, validateAllFieldCriteria, field);
+            }
+            if (!shouldRenderBaseOnError(name, error) && shouldUpdateState) {
+                reRender();
+            }
+        };
+    const validateSchemaIsValid = useCallback(() => {
+        const fieldValues = isEmptyObject(defaultValuesRef.current)
+            ? getFieldsValues(fieldsRef.current)
+            : defaultValuesRef.current;
+        validateWithSchema(validationSchema, validateAllFieldCriteria, transformToNestObject(fieldValues)).then(({ errors }) => {
+            const previousFormIsValid = isValidRef.current;
+            isValidRef.current = isEmptyObject(errors);
+            if (previousFormIsValid !== isValidRef.current) {
+                reRender();
+            }
+        });
+    }, [reRender, validateAllFieldCriteria, validationSchema]);
+    const resetFieldRef = useCallback((name) => {
+        errorsRef.current = unset(errorsRef.current, [name]);
+        touchedFieldsRef.current = unset(touchedFieldsRef.current, [name]);
+        defaultRenderValuesRef.current = unset(defaultRenderValuesRef.current, [
+            name,
+        ]);
+        [
+            dirtyFieldsRef,
+            fieldsWithValidationRef,
+            validFieldsRef,
+            watchFieldsRef,
+        ].forEach(data => data.current.delete(name));
+        if (readFormStateRef.current.isValid ||
+            readFormStateRef.current.touched) {
+            reRender();
+        }
+        if (validationSchema) {
+            validateSchemaIsValid();
+        }
+    }, [reRender]);
+    const removeFieldEventListener = (field, forceDelete) => {
+        if (!isUndefined(handleChangeRef.current) && field) {
+            findRemovedFieldAndRemoveListener(fieldsRef.current, handleChangeRef.current, field, forceDelete);
+        }
+    };
+    const removeFieldEventListenerAndRef = useCallback((field, forceDelete) => {
+        if (!field ||
+            (field &&
+                isNameInFieldArray(fieldArrayNamesRef.current, field.ref.name) &&
+                !forceDelete)) {
+            return;
+        }
+        removeFieldEventListener(field, forceDelete);
+        resetFieldRef(field.ref.name);
+    }, [resetFieldRef]);
+    function clearError(name) {
+        if (isUndefined(name)) {
+            errorsRef.current = {};
+        }
+        else {
+            unset(errorsRef.current, isArray(name) ? name : [name]);
+        }
+        reRender();
+    }
+    const setInternalError = ({ name, type, types, message, preventRender, }) => {
+        const field = fieldsRef.current[name];
+        if (!isSameError(errorsRef.current[name], {
+            type,
+            message,
+            types,
+        })) {
+            set(errorsRef.current, name, {
+                type,
+                types,
+                message,
+                ref: field ? field.ref : {},
+                isManual: true,
+            });
+            if (!preventRender) {
+                reRender();
+            }
+        }
+    };
+    function setError(name, type = '', message) {
+        if (isString(name)) {
+            setInternalError(Object.assign({ name }, (isObject(type)
+                ? {
+                    types: type,
+                    type: '',
+                }
+                : {
+                    type,
+                    message,
+                })));
+        }
+        else if (isArray(name)) {
+            name.forEach(error => setInternalError(Object.assign(Object.assign({}, error), { preventRender: true })));
+            reRender();
+        }
+    }
+    function watch(fieldNames, defaultValue) {
+        const combinedDefaultValues = isUndefined(defaultValue)
+            ? isUndefined(defaultValuesRef.current)
+                ? {}
+                : defaultValuesRef.current
+            : defaultValue;
+        const fieldValues = getFieldsValues(fieldsRef.current, fieldNames);
+        const watchFields = watchFieldsRef.current;
+        if (isProxyEnabled) {
+            readFormStateRef.current.dirty = true;
+        }
+        if (isString(fieldNames)) {
+            return assignWatchFields(fieldValues, fieldNames, watchFields, combinedDefaultValues, fieldArrayNamesRef.current.has(fieldNames)
+                ? watchFieldArrayRef.current[fieldNames]
+                : undefined);
+        }
+        if (isArray(fieldNames)) {
+            return fieldNames.reduce((previous, name) => {
+                let value;
+                if (isEmptyObject(fieldsRef.current) &&
+                    isObject(combinedDefaultValues)) {
+                    value = getDefaultValue(combinedDefaultValues, name);
+                }
+                else {
+                    value = assignWatchFields(fieldValues, name, watchFields, combinedDefaultValues);
+                }
+                return Object.assign(Object.assign({}, previous), { [name]: value });
+            }, {});
+        }
+        isWatchAllRef.current = true;
+        const result = (!isEmptyObject(fieldValues) && fieldValues) ||
+            defaultValue ||
+            defaultValuesRef.current;
+        return fieldNames && fieldNames.nest
+            ? transformToNestObject(result)
+            : result;
+    }
+    function unregister(names) {
+        if (!isEmptyObject(fieldsRef.current)) {
+            (isArray(names) ? names : [names]).forEach(fieldName => removeFieldEventListenerAndRef(fieldsRef.current[fieldName], true));
+        }
+    }
+    function registerFieldsRef(ref, validateOptions = {}) {
+        if (!ref.name) {
+            return console.warn('Missing name @', ref);
+        }
+        const { name, type, value } = ref;
+        const fieldAttributes = Object.assign({ ref }, validateOptions);
+        const fields = fieldsRef.current;
+        const isRadioOrCheckbox = isRadioInput(type) || isCheckBoxInput(type);
+        let currentField = fields[name];
+        let isEmptyDefaultValue = true;
+        let isFieldArray = false;
+        let defaultValue;
+        if (isRadioOrCheckbox
+            ? currentField &&
+                isArray(currentField.options) &&
+                currentField.options.find(({ ref }) => value === ref.value)
+            : currentField) {
+            fields[name] = Object.assign(Object.assign({}, currentField), validateOptions);
+            return;
+        }
+        if (type) {
+            const mutationWatcher = onDomRemove(ref, () => removeFieldEventListenerAndRef(fieldAttributes));
+            currentField = isRadioOrCheckbox
+                ? Object.assign({ options: [
+                        ...((currentField && currentField.options) || []),
+                        {
+                            ref,
+                            mutationWatcher,
+                        },
+                    ], ref: { type, name } }, validateOptions) : Object.assign(Object.assign({}, fieldAttributes), { mutationWatcher });
+        }
+        else {
+            currentField = fieldAttributes;
+        }
+        fields[name] = currentField;
+        if (!isEmptyObject(defaultValuesRef.current)) {
+            defaultValue = getDefaultValue(defaultValuesRef.current, name);
+            isEmptyDefaultValue = isUndefined(defaultValue);
+            isFieldArray = isNameInFieldArray(fieldArrayNamesRef.current, name);
+            if (!isEmptyDefaultValue && !isFieldArray) {
+                setFieldValue(name, defaultValue);
+            }
+        }
+        if (validationSchema && readFormStateRef.current.isValid) {
+            validateSchemaIsValid();
+        }
+        else if (!isEmptyObject(validateOptions)) {
+            fieldsWithValidationRef.current.add(name);
+            if (!isOnSubmit && readFormStateRef.current.isValid) {
+                validateField(fieldsRef, validateAllFieldCriteria, currentField).then(error => {
+                    const previousFormIsValid = isValidRef.current;
+                    if (isEmptyObject(error)) {
+                        validFieldsRef.current.add(name);
+                    }
+                    else {
+                        isValidRef.current = false;
+                    }
+                    if (previousFormIsValid !== isValidRef.current) {
+                        reRender();
+                    }
+                });
+            }
+        }
+        if (!defaultRenderValuesRef.current[name] &&
+            !(isFieldArray && isEmptyDefaultValue)) {
+            defaultRenderValuesRef.current[name] = isEmptyDefaultValue
+                ? getFieldValue(fields, currentField.ref)
+                : defaultValue;
+        }
+        if (!type) {
+            return;
+        }
+        const fieldToAttachListener = isRadioOrCheckbox && currentField.options
+            ? currentField.options[currentField.options.length - 1]
+            : currentField;
+        attachEventListeners({
+            field: fieldToAttachListener,
+            isRadioOrCheckbox,
+            handleChange: handleChangeRef.current,
+        });
+    }
+    function register(refOrValidationOptions, validationOptions) {
+        if (isWindowUndefined) {
+            return;
+        }
+        if (isString(refOrValidationOptions)) {
+            registerFieldsRef({ name: refOrValidationOptions }, validationOptions);
+            return;
+        }
+        if (isObject(refOrValidationOptions) && 'name' in refOrValidationOptions) {
+            registerFieldsRef(refOrValidationOptions, validationOptions);
+            return;
+        }
+        return (ref) => ref && registerFieldsRef(ref, refOrValidationOptions);
+    }
+    const handleSubmit = useCallback((callback) => async (e) => {
+        if (e) {
+            e.preventDefault();
+            e.persist();
+        }
+        let fieldErrors;
+        let fieldValues;
+        const fields = fieldsRef.current;
+        if (readFormStateRef.current.isSubmitting) {
+            isSubmittingRef.current = true;
+            reRender();
+        }
+        try {
+            if (validationSchema) {
+                fieldValues = getFieldsValues(fields);
+                const { errors, values } = await validateWithSchema(validationSchema, validateAllFieldCriteria, transformToNestObject(fieldValues));
+                errorsRef.current = errors;
+                fieldErrors = errors;
+                fieldValues = values;
+            }
+            else {
+                const { errors, values, } = await Object.values(fields).reduce(async (previous, field) => {
+                    if (!field) {
+                        return previous;
+                    }
+                    const resolvedPrevious = await previous;
+                    const { ref, ref: { name }, } = field;
+                    if (!fields[name]) {
+                        return Promise.resolve(resolvedPrevious);
+                    }
+                    const fieldError = await validateField(fieldsRef, validateAllFieldCriteria, field);
+                    if (fieldError[name]) {
+                        set(resolvedPrevious.errors, name, fieldError[name]);
+                        validFieldsRef.current.delete(name);
+                        return Promise.resolve(resolvedPrevious);
+                    }
+                    if (fieldsWithValidationRef.current.has(name)) {
+                        validFieldsRef.current.add(name);
+                    }
+                    resolvedPrevious.values[name] = getFieldValue(fields, ref);
+                    return Promise.resolve(resolvedPrevious);
+                }, Promise.resolve({
+                    errors: {},
+                    values: {},
+                }));
+                fieldErrors = errors;
+                fieldValues = values;
+            }
+            if (isEmptyObject(fieldErrors)) {
+                errorsRef.current = {};
+                await callback(transformToNestObject(fieldValues), e);
+            }
+            else {
+                if (submitFocusError) {
+                    focusErrorField(fields, fieldErrors);
+                }
+                errorsRef.current = fieldErrors;
+            }
+        }
+        finally {
+            isSubmittedRef.current = true;
+            isSubmittingRef.current = false;
+            submitCountRef.current = submitCountRef.current + 1;
+            reRender();
+        }
+    }, [reRender, submitFocusError, validateAllFieldCriteria, validationSchema]);
+    const resetRefs = () => {
+        errorsRef.current = {};
+        fieldsRef.current = {};
+        touchedFieldsRef.current = {};
+        validFieldsRef.current = new Set();
+        fieldsWithValidationRef.current = new Set();
+        defaultRenderValuesRef.current = {};
+        watchFieldsRef.current = new Set();
+        dirtyFieldsRef.current = new Set();
+        isWatchAllRef.current = false;
+        isSubmittedRef.current = false;
+        isDirtyRef.current = false;
+        isValidRef.current = true;
+        submitCountRef.current = 0;
+    };
+    const reset = (values) => {
+        for (const value of Object.values(fieldsRef.current)) {
+            if (value && value.ref && value.ref.closest) {
+                try {
+                    value.ref.closest('form').reset();
+                    break;
+                }
+                catch (_a) { }
+            }
+        }
+        if (values) {
+            defaultValuesRef.current = values;
+        }
+        Object.values(resetFieldArrayFunctionRef.current).forEach(resetFieldArray => isFunction(resetFieldArray) && resetFieldArray());
+        resetRefs();
+        reRender();
+    };
+    const getValues = (payload) => {
+        const fieldValues = getFieldsValues(fieldsRef.current);
+        const outputValues = isEmptyObject(fieldValues)
+            ? defaultValuesRef.current
+            : fieldValues;
+        return payload && payload.nest
+            ? transformToNestObject(outputValues)
+            : outputValues;
+    };
+    useEffect(() => () => {
+        isUnMount.current = true;
+        fieldsRef.current &&
+            Object.values(fieldsRef.current).forEach((field) => removeFieldEventListenerAndRef(field, true));
+    }, [removeFieldEventListenerAndRef]);
+    if (!validationSchema) {
+        isValidRef.current =
+            validFieldsRef.current.size >= fieldsWithValidationRef.current.size &&
+                isEmptyObject(errorsRef.current);
+    }
+    const formState = {
+        dirty: isDirtyRef.current,
+        dirtyFields: dirtyFieldsRef.current,
+        isSubmitted: isSubmittedRef.current,
+        submitCount: submitCountRef.current,
+        touched: touchedFieldsRef.current,
+        isSubmitting: isSubmittingRef.current,
+        isValid: isOnSubmit
+            ? isSubmittedRef.current && isEmptyObject(errorsRef.current)
+            : isEmptyObject(fieldsRef.current) || isValidRef.current,
+    };
+    const control = {
+        register,
+        unregister,
+        removeFieldEventListener,
+        getValues,
+        setValue,
+        triggerValidation,
+        formState,
+        mode: {
+            isOnBlur,
+            isOnSubmit,
+        },
+        reValidateMode: {
+            isReValidateOnBlur,
+            isReValidateOnSubmit,
+        },
+        errorsRef,
+        touchedFieldsRef,
+        fieldsRef,
+        resetFieldArrayFunctionRef,
+        watchFieldArrayRef,
+        fieldArrayNamesRef,
+        isDirtyRef,
+        readFormStateRef,
+        defaultValuesRef,
+    };
+    return {
+        watch,
+        control,
+        handleSubmit,
+        setValue,
+        triggerValidation,
+        getValues: useCallback(getValues, []),
+        reset: useCallback(reset, []),
+        register: useCallback(register, [
+            defaultValuesRef.current,
+            defaultRenderValuesRef.current,
+        ]),
+        unregister: useCallback(unregister, []),
+        clearError: useCallback(clearError, []),
+        setError: useCallback(setError, []),
+        errors: errorsRef.current,
+        formState: isProxyEnabled
+            ? new Proxy(formState, {
+                get: (obj, prop) => {
+                    if (prop in obj) {
+                        readFormStateRef.current[prop] = true;
+                        return obj[prop];
+                    }
+                    return {};
+                },
+            })
+            : formState,
+    };
+}
+
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation. All rights reserved.
+Licensed under the Apache License, Version 2.0 (the "License"); you may not use
+this file except in compliance with the License. You may obtain a copy of the
+License at http://www.apache.org/licenses/LICENSE-2.0
+
+THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
+WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
+MERCHANTABLITY OR NON-INFRINGEMENT.
+
+See the Apache Version 2.0 License for specific language governing permissions
+and limitations under the License.
+***************************************************************************** */
+
+function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+const FormGlobalContext = createContext(null);
+function useFormContext() {
+    return useContext(FormGlobalContext);
+}
+function FormContext(_a) {
+    var { children, formState, errors } = _a, restMethods = __rest(_a, ["children", "formState", "errors"]);
+    return (createElement(FormGlobalContext.Provider, { value: Object.assign(Object.assign({}, restMethods), { formState, errors }) }, children));
+}
+
+var generateId = () => {
+    const d = typeof performance === UNDEFINED ? Date.now() : performance.now() * 1000;
+    return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
+        const r = (Math.random() * 16 + d) % 16 | 0;
+        return (c == 'x' ? r : (r & 0x3) | 0x8).toString(16);
+    });
+};
+
+const appendId = (value) => (Object.assign(Object.assign({}, (isObject(value) ? value : { value })), { id: generateId() }));
+const mapIds = (data) => (isArray(data) ? data : []).map(value => appendId(value));
+
+var removeArrayAt = (data, index) => !isUndefined(index) && isArray(data)
+    ? [...data.slice(0, index), ...data.slice(index + 1)]
+    : [];
+
+var moveArrayAt = (data, from, to) => isArray(data) ? data.splice(to, 0, data.splice(from, 1)[0]) : [];
+
+var swapArrayAt = (fields, indexA, indexB) => isArray(fields) &&
+    ([fields[indexA], fields[indexB]] = [fields[indexB], fields[indexA]]);
+
+var prependAt = (data, value) => [
+    ...(isArray(value) ? value : [value || null]),
+    ...data,
+];
+
+var insertAt = (data, index, value) => [
+    ...data.slice(0, index),
+    ...(isArray(value) ? value : [value || null]),
+    ...data.slice(index),
+];
+
+var fillEmptyArray = (value) => isArray(value) ? Array(value.length).fill(null) : undefined;
+
+const { useEffect: useEffect$1, useRef: useRef$1, useState: useState$1 } = React;
+function useFieldArray({ control, name }) {
+    const methods = useFormContext();
+    const { resetFieldArrayFunctionRef, fieldArrayNamesRef, fieldsRef, getValues, defaultValuesRef, removeFieldEventListener, errorsRef, isDirtyRef, touchedFieldsRef, readFormStateRef, watchFieldArrayRef, } = control || methods.control;
+    const memoizedDefaultValues = useRef$1(get(defaultValuesRef.current, name, []));
+    const [fields, setField] = useState$1(mapIds(memoizedDefaultValues.current));
+    const resetFields = (flagOrFields) => {
+        if (readFormStateRef.current.dirty) {
+            isDirtyRef.current = isUndefined(flagOrFields)
+                ? true
+                : getIsFieldsDifferent(flagOrFields, memoizedDefaultValues.current);
+        }
+        for (const key in fieldsRef.current) {
+            if (isMatchFieldArrayName(key, name) && fieldsRef.current[key]) {
+                removeFieldEventListener(fieldsRef.current[key], true);
+            }
+        }
+    };
+    const mapCurrentFieldsValueWithState = () => {
+        const currentFieldsValue = getValues({ nest: true })[name];
+        if (isArray(currentFieldsValue)) {
+            for (let i = 0; i < currentFieldsValue.length; i++) {
+                fields[i] = Object.assign(Object.assign({}, fields[i]), currentFieldsValue[i]);
+            }
+        }
+    };
+    const append = (value) => {
+        mapCurrentFieldsValueWithState();
+        if (readFormStateRef.current.dirty) {
+            isDirtyRef.current = true;
+        }
+        watchFieldArrayRef.current[name] = [
+            ...fields,
+            ...(isArray(value) ? value.map(appendId) : [appendId(value)]),
+        ];
+        setField(watchFieldArrayRef.current[name]);
+    };
+    const prepend = (value) => {
+        mapCurrentFieldsValueWithState();
+        resetFields();
+        watchFieldArrayRef.current[name] = prependAt(fields, isArray(value) ? value.map(appendId) : [appendId(value)]);
+        setField(watchFieldArrayRef.current[name]);
+        if (errorsRef.current[name]) {
+            errorsRef.current[name] = prependAt(errorsRef.current[name], fillEmptyArray(value));
+        }
+        if (readFormStateRef.current.touched && touchedFieldsRef.current[name]) {
+            touchedFieldsRef.current[name] = prependAt(touchedFieldsRef.current[name], fillEmptyArray(value));
+        }
+    };
+    const remove = (index) => {
+        if (!isUndefined(index)) {
+            mapCurrentFieldsValueWithState();
+        }
+        resetFields(removeArrayAt(getFieldValueByName(fieldsRef.current, name), index));
+        watchFieldArrayRef.current[name] = removeArrayAt(fields, index);
+        setField(watchFieldArrayRef.current[name]);
+        if (errorsRef.current[name]) {
+            errorsRef.current[name] = removeArrayAt(errorsRef.current[name], index);
+        }
+        if (readFormStateRef.current.touched && touchedFieldsRef.current[name]) {
+            touchedFieldsRef.current[name] = removeArrayAt(touchedFieldsRef.current[name], index);
+        }
+    };
+    const insert = (index, value) => {
+        mapCurrentFieldsValueWithState();
+        resetFields(insertAt(getFieldValueByName(fieldsRef.current, name), index));
+        watchFieldArrayRef.current[name] = insertAt(fields, index, isArray(value) ? value.map(appendId) : [appendId(value)]);
+        setField(watchFieldArrayRef.current[name]);
+        if (errorsRef.current[name]) {
+            errorsRef.current[name] = insertAt(errorsRef.current[name], index, fillEmptyArray(value));
+        }
+        if (readFormStateRef.current.touched && touchedFieldsRef.current[name]) {
+            touchedFieldsRef.current[name] = insertAt(touchedFieldsRef.current[name], index, fillEmptyArray(value));
+        }
+    };
+    const swap = (indexA, indexB) => {
+        mapCurrentFieldsValueWithState();
+        const fieldValues = getFieldValueByName(fieldsRef.current, name);
+        swapArrayAt(fieldValues, indexA, indexB);
+        resetFields(fieldValues);
+        swapArrayAt(fields, indexA, indexB);
+        setField([...fields]);
+        watchFieldArrayRef.current[name] = fields;
+        if (errorsRef.current[name]) {
+            swapArrayAt(errorsRef.current[name], indexA, indexB);
+        }
+        if (readFormStateRef.current.touched && touchedFieldsRef.current[name]) {
+            swapArrayAt(touchedFieldsRef.current[name], indexA, indexB);
+        }
+    };
+    const move = (from, to) => {
+        mapCurrentFieldsValueWithState();
+        const fieldValues = getFieldValueByName(fieldsRef.current, name);
+        moveArrayAt(fieldValues, from, to);
+        resetFields(fieldValues);
+        moveArrayAt(fields, from, to);
+        setField([...fields]);
+        watchFieldArrayRef.current[name] = fields;
+        if (errorsRef.current[name]) {
+            moveArrayAt(errorsRef.current[name], from, to);
+        }
+        if (readFormStateRef.current.touched && touchedFieldsRef.current[name]) {
+            moveArrayAt(touchedFieldsRef.current[name], from, to);
+        }
+    };
+    const reset = () => {
+        resetFields();
+        memoizedDefaultValues.current = get(defaultValuesRef.current, name, []);
+        setField(mapIds(memoizedDefaultValues.current));
+    };
+    useEffect$1(() => {
+        const resetFunctions = resetFieldArrayFunctionRef.current;
+        const fieldArrayNames = fieldArrayNamesRef.current;
+        fieldArrayNames.add(name);
+        resetFunctions[name] = reset;
+        watchFieldArrayRef.current[name] = {};
+        return () => {
+            resetFields();
+            delete resetFunctions[name];
+            fieldArrayNames.delete(name);
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [name]);
+    return {
+        swap,
+        move,
+        prepend,
+        append,
+        remove,
+        insert,
+        fields,
+    };
+}
+
+var getInputValue = (target, isCheckbox) => {
+    if (isNullOrUndefined(target)) {
+        return target;
+    }
+    return isCheckbox
+        ? isUndefined(target.checked)
+            ? target
+            : target.checked
+        : isUndefined(target.value)
+            ? target
+            : target.value;
+};
+
+const Controller = (_a) => {
+    var { name, rules, as: InnerComponent, onBlur, onChange, onChangeName = VALIDATION_MODE.onChange, onBlurName = VALIDATION_MODE.onBlur, valueName, defaultValue, control } = _a, rest = __rest(_a, ["name", "rules", "as", "onBlur", "onChange", "onChangeName", "onBlurName", "valueName", "defaultValue", "control"]);
+    const methods = useFormContext();
+    const { defaultValuesRef, setValue, register, unregister, errorsRef, removeFieldEventListener, triggerValidation, mode: { isOnSubmit, isOnBlur }, reValidateMode: { isReValidateOnBlur, isReValidateOnSubmit }, formState: { isSubmitted }, fieldsRef, fieldArrayNamesRef, } = control || methods.control;
+    const [value, setInputStateValue] = useState$2(isUndefined(defaultValue)
+        ? get(defaultValuesRef.current, name)
+        : defaultValue);
+    const valueRef = useRef$2(value);
+    const isCheckboxInput = isBoolean(value);
+    const shouldValidate = () => !skipValidation({
+        hasError: !!get(errorsRef.current, name),
+        isOnBlur,
+        isOnSubmit,
+        isReValidateOnBlur,
+        isReValidateOnSubmit,
+        isSubmitted,
+    });
+    const commonTask = (target) => {
+        const data = getInputValue(target, isCheckboxInput);
+        setInputStateValue(data);
+        valueRef.current = data;
+        return data;
+    };
+    const eventWrapper = (event) => (...arg) => setValue(name, commonTask(event(arg)), shouldValidate());
+    const handleChange = (e) => {
+        const data = commonTask(e && e.target ? e.target : e);
+        setValue(name, data, shouldValidate());
+    };
+    const registerField = () => {
+        if (isNameInFieldArray(fieldArrayNamesRef.current, name) &&
+            fieldsRef.current[name]) {
+            removeFieldEventListener(fieldsRef.current[name], true);
+        }
+        register(Object.defineProperty({
+            name,
+        }, VALUE, {
+            set(data) {
+                setInputStateValue(data);
+                valueRef.current = data;
+            },
+            get() {
+                return valueRef.current;
+            },
+        }), Object.assign({}, rules));
+    };
+    if (!fieldsRef.current[name]) {
+        registerField();
+    }
+    useEffect$2(() => {
+        registerField();
+        return () => {
+            if (!isNameInFieldArray(fieldArrayNamesRef.current, name)) {
+                unregister(name);
+            }
+        };
+    }, [name]);
+    const shouldReValidateOnBlur = isOnBlur || isReValidateOnBlur;
+    const props = Object.assign(Object.assign(Object.assign(Object.assign({ name }, rest), (onChange
+        ? { [onChangeName]: eventWrapper(onChange) }
+        : { [onChangeName]: handleChange })), (onBlur || shouldReValidateOnBlur
+        ? {
+            [onBlurName]: (...args) => {
+                if (onBlur) {
+                    onBlur(args);
+                }
+                if (shouldReValidateOnBlur) {
+                    triggerValidation(name);
+                }
+            },
+        }
+        : {})), { [valueName || (isCheckboxInput ? 'checked' : VALUE)]: value });
+    return isValidElement(InnerComponent) ? (cloneElement(InnerComponent, props)) : (createElement(InnerComponent, Object.assign({}, props)));
+};
+
+function ErrorMessage(_a) {
+    var { as: InnerComponent, errors, name, message, children } = _a, rest = __rest(_a, ["as", "errors", "name", "message", "children"]);
+    const methods = useFormContext();
+    const error = get(errors || methods.errors, name);
+    if (!error) {
+        return null;
+    }
+    const { message: messageFromRegister, types } = error;
+    const props = Object.assign(Object.assign({}, (InnerComponent ? rest : {})), { children: children
+            ? children({ message: messageFromRegister || message, messages: types })
+            : messageFromRegister || message });
+    return InnerComponent ? (isValidElement(InnerComponent) ? (cloneElement(InnerComponent, props)) : (createElement(InnerComponent, props))) : (createElement(Fragment, Object.assign({}, props)));
+}
+
+export { Controller, ErrorMessage, FormContext, useFieldArray, useForm, useFormContext };
diff --git a/node_modules/react-hook-form/dist/react-hook-form.ie11.js b/node_modules/react-hook-form/dist/react-hook-form.ie11.js
new file mode 100644
index 0000000..ef4ee58
--- /dev/null
+++ b/node_modules/react-hook-form/dist/react-hook-form.ie11.js
@@ -0,0 +1,1916 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation. All rights reserved.
+Licensed under the Apache License, Version 2.0 (the "License"); you may not use
+this file except in compliance with the License. You may obtain a copy of the
+License at http://www.apache.org/licenses/LICENSE-2.0
+
+THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
+WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
+MERCHANTABLITY OR NON-INFRINGEMENT.
+
+See the Apache Version 2.0 License for specific language governing permissions
+and limitations under the License.
+***************************************************************************** */
+
+var __assign = function() {
+    __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+
+function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+function __awaiter(thisArg, _arguments, P, generator) {
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+}
+
+function __generator(thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+}
+
+function __values(o) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator], i = 0;
+    if (m) return m.call(o);
+    return {
+        next: function () {
+            if (o && i >= o.length) o = void 0;
+            return { value: o && o[i++], done: !o };
+        }
+    };
+}
+
+function __read(o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+}
+
+function __spread() {
+    for (var ar = [], i = 0; i < arguments.length; i++)
+        ar = ar.concat(__read(arguments[i]));
+    return ar;
+}
+
+var VALIDATION_MODE = {
+    onBlur: 'onBlur',
+    onChange: 'onChange',
+    onSubmit: 'onSubmit',
+};
+var RADIO_INPUT = 'radio';
+var FILE_INPUT = 'file';
+var VALUE = 'value';
+var UNDEFINED = 'undefined';
+var EVENTS = {
+    BLUR: 'blur',
+    CHANGE: 'change',
+    INPUT: 'input',
+};
+var INPUT_VALIDATION_RULES = {
+    max: 'max',
+    min: 'min',
+    maxLength: 'maxLength',
+    minLength: 'minLength',
+    pattern: 'pattern',
+    required: 'required',
+    validate: 'validate',
+};
+var REGEX_IS_DEEP_PROP = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/;
+var REGEX_IS_PLAIN_PROP = /^\w*$/;
+var REGEX_PROP_NAME = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g;
+var REGEX_ESCAPE_CHAR = /\\(\\)?/g;
+
+function attachEventListeners(_a) {
+    var field = _a.field, handleChange = _a.handleChange, isRadioOrCheckbox = _a.isRadioOrCheckbox;
+    var ref = field.ref;
+    if (ref.addEventListener) {
+        ref.addEventListener(isRadioOrCheckbox ? EVENTS.CHANGE : EVENTS.INPUT, handleChange);
+        ref.addEventListener(EVENTS.BLUR, handleChange);
+    }
+}
+
+var isUndefined = (function (val) { return val === undefined; });
+
+var isNullOrUndefined = (function (value) {
+    return value === null || isUndefined(value);
+});
+
+var isArray = (function (value) { return Array.isArray(value); });
+
+var isObjectType = function (value) { return typeof value === 'object'; };
+var isObject = (function (value) {
+    return !isNullOrUndefined(value) && !isArray(value) && isObjectType(value);
+});
+
+var isKey = function (value) {
+    return !isArray(value) &&
+        (REGEX_IS_PLAIN_PROP.test(value) || !REGEX_IS_DEEP_PROP.test(value));
+};
+var stringToPath = function (string) {
+    var result = [];
+    string.replace(REGEX_PROP_NAME, function (match, number, quote, string) {
+        result.push(quote ? string.replace(REGEX_ESCAPE_CHAR, '$1') : number || match);
+    });
+    return result;
+};
+function set(object, path, value) {
+    var index = -1;
+    var tempPath = isKey(path) ? [path] : stringToPath(path);
+    var length = tempPath.length;
+    var lastIndex = length - 1;
+    while (++index < length) {
+        var key = tempPath[index];
+        var newValue = value;
+        if (index !== lastIndex) {
+            var objValue = object[key];
+            newValue =
+                isObject(objValue) || isArray(objValue)
+                    ? objValue
+                    : !isNaN(tempPath[index + 1])
+                        ? []
+                        : {};
+        }
+        object[key] = newValue;
+        object = object[key];
+    }
+    return object;
+}
+
+var transformToNestObject = (function (data) {
+    return Object.entries(data).reduce(function (previous, _a) {
+        var _b;
+        var _c = __read(_a, 2), key = _c[0], value = _c[1];
+        if (REGEX_IS_DEEP_PROP.test(key)) {
+            set(previous, key, value);
+            return previous;
+        }
+        return __assign(__assign({}, previous), (_b = {}, _b[key] = value, _b));
+    }, {});
+});
+
+var get = (function (obj, path, defaultValue) {
+    var result = path
+        .split(/[,[\].]+?/)
+        .filter(Boolean)
+        .reduce(function (result, key) { return (isNullOrUndefined(result) ? result : result[key]); }, obj);
+    return isUndefined(result) || result === obj
+        ? obj[path] || defaultValue
+        : result;
+});
+
+var focusErrorField = (function (fields, fieldErrors) {
+    for (var key in fields) {
+        if (get(fieldErrors, key)) {
+            var field = fields[key];
+            if (field) {
+                if (field.ref.focus) {
+                    field.ref.focus();
+                    break;
+                }
+                else if (field.options) {
+                    field.options[0].ref.focus();
+                    break;
+                }
+            }
+        }
+    }
+});
+
+var removeAllEventListeners = (function (ref, validateWithStateUpdate) {
+    if (ref.removeEventListener) {
+        ref.removeEventListener(EVENTS.INPUT, validateWithStateUpdate);
+        ref.removeEventListener(EVENTS.CHANGE, validateWithStateUpdate);
+        ref.removeEventListener(EVENTS.BLUR, validateWithStateUpdate);
+    }
+});
+
+var isRadioInput = (function (type) { return type === RADIO_INPUT; });
+
+var isCheckBoxInput = (function (type) { return type === 'checkbox'; });
+
+function isDetached(element) {
+    if (!element) {
+        return true;
+    }
+    if (!(element instanceof HTMLElement) ||
+        element.nodeType === Node.DOCUMENT_NODE) {
+        return false;
+    }
+    return isDetached(element.parentNode);
+}
+
+function findRemovedFieldAndRemoveListener(fields, handleChange, field, forceDelete) {
+    if (!field) {
+        return;
+    }
+    var ref = field.ref, _a = field.ref, name = _a.name, type = _a.type, mutationWatcher = field.mutationWatcher;
+    if (!type) {
+        delete fields[name];
+        return;
+    }
+    var fieldValue = fields[name];
+    if ((isRadioInput(type) || isCheckBoxInput(type)) && fieldValue) {
+        var options_1 = fieldValue.options;
+        if (isArray(options_1) && options_1.length) {
+            options_1.forEach(function (_a, index) {
+                var ref = _a.ref, mutationWatcher = _a.mutationWatcher;
+                if ((ref && isDetached(ref)) || forceDelete) {
+                    removeAllEventListeners(ref, handleChange);
+                    if (mutationWatcher) {
+                        mutationWatcher.disconnect();
+                    }
+                    options_1.splice(index, 1);
+                }
+            });
+            if (options_1 && !options_1.length) {
+                delete fields[name];
+            }
+        }
+        else {
+            delete fields[name];
+        }
+    }
+    else if (isDetached(ref) || forceDelete) {
+        removeAllEventListeners(ref, handleChange);
+        if (mutationWatcher) {
+            mutationWatcher.disconnect();
+        }
+        delete fields[name];
+    }
+}
+
+var defaultReturn = {
+    isValid: false,
+    value: '',
+};
+var getRadioValue = (function (options) {
+    return isArray(options)
+        ? options.reduce(function (previous, _a) {
+            var _b = _a.ref, checked = _b.checked, value = _b.value;
+            return checked
+                ? {
+                    isValid: true,
+                    value: value,
+                }
+                : previous;
+        }, defaultReturn)
+        : defaultReturn;
+});
+
+var getMultipleSelectValue = (function (options) {
+    return __spread(options).filter(function (_a) {
+        var selected = _a.selected;
+        return selected;
+    })
+        .map(function (_a) {
+        var value = _a.value;
+        return value;
+    });
+});
+
+var isFileInput = (function (type) { return type === FILE_INPUT; });
+
+var isMultipleSelect = (function (type) { return type === 'select-multiple'; });
+
+var isEmptyString = (function (value) { return value === ''; });
+
+var defaultResult = {
+    value: false,
+    isValid: false,
+};
+var validResult = { value: true, isValid: true };
+var getCheckboxValue = (function (options) {
+    if (isArray(options)) {
+        if (options.length > 1) {
+            var values = options
+                .filter(function (_a) {
+                var checked = _a.ref.checked;
+                return checked;
+            })
+                .map(function (_a) {
+                var value = _a.ref.value;
+                return value;
+            });
+            return { value: values, isValid: !!values.length };
+        }
+        var _a = options[0].ref, checked = _a.checked, value = _a.value, attributes = _a.attributes;
+        return checked
+            ? attributes && !isUndefined(attributes.value)
+                ? isUndefined(value) || isEmptyString(value)
+                    ? validResult
+                    : { value: value, isValid: true }
+                : validResult
+            : defaultResult;
+    }
+    return defaultResult;
+});
+
+function getFieldValue(fields, ref) {
+    var type = ref.type, name = ref.name, options = ref.options, value = ref.value, files = ref.files;
+    var field = fields[name];
+    if (isFileInput(type)) {
+        return files;
+    }
+    if (isRadioInput(type)) {
+        return field ? getRadioValue(field.options).value : '';
+    }
+    if (isMultipleSelect(type)) {
+        return getMultipleSelectValue(options);
+    }
+    if (isCheckBoxInput(type)) {
+        return field ? getCheckboxValue(field.options).value : false;
+    }
+    return value;
+}
+
+var isString = (function (value) { return typeof value === 'string'; });
+
+var getFieldsValues = (function (fields, search) {
+    var output = {};
+    var isSearchString = isString(search);
+    var isSearchArray = isArray(search);
+    var _loop_1 = function (name_1) {
+        if (isUndefined(search) ||
+            (isSearchString && name_1.startsWith(search)) ||
+            (isSearchArray &&
+                search.find(function (data) {
+                    return name_1.startsWith(data);
+                }))) {
+            output[name_1] = getFieldValue(fields, fields[name_1].ref);
+        }
+    };
+    for (var name_1 in fields) {
+        _loop_1(name_1);
+    }
+    return output;
+});
+
+var isEmptyObject = (function (value) {
+    return isObject(value) && !Object.keys(value).length;
+});
+
+var compareObject = (function (objectA, objectB) {
+    if (objectA === void 0) { objectA = {}; }
+    if (objectB === void 0) { objectB = {}; }
+    return Object.entries(objectA).reduce(function (previous, _a) {
+        var _b = __read(_a, 2), key = _b[0], value = _b[1];
+        return previous ? objectB[key] && objectB[key] === value : false;
+    }, true);
+});
+
+var isSameError = (function (error, _a) {
+    var type = _a.type, types = _a.types, message = _a.message;
+    return (isObject(error) &&
+        error.type === type &&
+        error.message === message &&
+        compareObject(error.types, types));
+});
+
+function shouldUpdateWithError(_a) {
+    var errors = _a.errors, name = _a.name, error = _a.error, validFields = _a.validFields, fieldsWithValidation = _a.fieldsWithValidation;
+    var isFieldValid = isEmptyObject(error);
+    var isFormValid = isEmptyObject(errors);
+    var currentFieldError = get(error, name);
+    var existFieldError = get(errors, name);
+    if ((isFieldValid && validFields.has(name)) ||
+        (existFieldError && existFieldError.isManual)) {
+        return false;
+    }
+    if (isFormValid !== isFieldValid ||
+        (!isFormValid && !existFieldError) ||
+        (isFieldValid && fieldsWithValidation.has(name) && !validFields.has(name))) {
+        return true;
+    }
+    return currentFieldError && !isSameError(existFieldError, currentFieldError);
+}
+
+var isRegex = (function (value) { return value instanceof RegExp; });
+
+var getValueAndMessage = (function (validationData) {
+    var isPureObject = isObject(validationData) && !isRegex(validationData);
+    return {
+        value: isPureObject
+            ? validationData.value
+            : validationData,
+        message: isPureObject
+            ? validationData.message
+            : '',
+    };
+});
+
+var isFunction = (function (value) {
+    return typeof value === 'function';
+});
+
+var isBoolean = (function (value) { return typeof value === 'boolean'; });
+
+function getValidateError(result, ref, type) {
+    if (type === void 0) { type = 'validate'; }
+    var isStringValue = isString(result);
+    if (isStringValue || (isBoolean(result) && !result)) {
+        var message = isStringValue ? result : '';
+        return {
+            type: type,
+            message: message,
+            ref: ref,
+        };
+    }
+}
+
+var appendErrors = (function (name, validateAllFieldCriteria, errors, type, message) {
+    var _a;
+    if (!validateAllFieldCriteria) {
+        return {};
+    }
+    var error = errors[name];
+    return __assign(__assign({}, error), { types: __assign(__assign({}, (error && error.types ? error.types : {})), (_a = {}, _a[type] = message || true, _a)) });
+});
+
+var validateField = (function (fieldsRef, validateAllFieldCriteria, _a) {
+    var ref = _a.ref, _b = _a.ref, type = _b.type, value = _b.value, name = _b.name, valueAsNumber = _b.valueAsNumber, valueAsDate = _b.valueAsDate, options = _a.options, required = _a.required, maxLength = _a.maxLength, minLength = _a.minLength, min = _a.min, max = _a.max, pattern = _a.pattern, validate = _a.validate;
+    return __awaiter(void 0, void 0, void 0, function () {
+        var fields, error, isRadio, isCheckBox, isRadioOrCheckbox, isEmpty, appendErrorsCurry, getMinMaxMessage, message, exceedMax, exceedMin, _c, maxValue, maxMessage, _d, minValue, minMessage, valueNumber, valueDate, _e, maxLengthValue, maxLengthMessage, _f, minLengthValue, minLengthMessage, inputLength, exceedMax, exceedMin, _g, patternValue, patternMessage, fieldValue_1, validateRef_1, result, validateError, validateFunctions_1, validationResult;
+        return __generator(this, function (_h) {
+            switch (_h.label) {
+                case 0:
+                    fields = fieldsRef.current;
+                    error = {};
+                    isRadio = isRadioInput(type);
+                    isCheckBox = isCheckBoxInput(type);
+                    isRadioOrCheckbox = isRadio || isCheckBox;
+                    isEmpty = isEmptyString(value);
+                    appendErrorsCurry = appendErrors.bind(null, name, validateAllFieldCriteria, error);
+                    getMinMaxMessage = function (exceedMax, maxLengthMessage, minLengthMessage, maxType, minType) {
+                        if (maxType === void 0) { maxType = INPUT_VALIDATION_RULES.maxLength; }
+                        if (minType === void 0) { minType = INPUT_VALIDATION_RULES.minLength; }
+                        var message = exceedMax ? maxLengthMessage : minLengthMessage;
+                        error[name] = __assign({ type: exceedMax ? maxType : minType, message: message,
+                            ref: ref }, (exceedMax
+                            ? appendErrorsCurry(maxType, message)
+                            : appendErrorsCurry(minType, message)));
+                        if (!validateAllFieldCriteria) {
+                            return error;
+                        }
+                    };
+                    if (required &&
+                        ((!isRadio && !isCheckBox && (isEmpty || isNullOrUndefined(value))) ||
+                            (isBoolean(value) && !value) ||
+                            (isCheckBox && !getCheckboxValue(options).isValid) ||
+                            (isRadio && !getRadioValue(options).isValid))) {
+                        message = isString(required)
+                            ? required
+                            : getValueAndMessage(required).message;
+                        error[name] = __assign({ type: INPUT_VALIDATION_RULES.required, message: message, ref: isRadioOrCheckbox ? fields[name].options[0].ref : ref }, appendErrorsCurry(INPUT_VALIDATION_RULES.required, message));
+                        if (!validateAllFieldCriteria) {
+                            return [2 /*return*/, error];
+                        }
+                    }
+                    if (!isNullOrUndefined(min) || !isNullOrUndefined(max)) {
+                        exceedMax = void 0;
+                        exceedMin = void 0;
+                        _c = getValueAndMessage(max), maxValue = _c.value, maxMessage = _c.message;
+                        _d = getValueAndMessage(min), minValue = _d.value, minMessage = _d.message;
+                        if (type === 'number' || (!type && !isNaN(value))) {
+                            valueNumber = valueAsNumber || parseFloat(value);
+                            if (!isNullOrUndefined(maxValue)) {
+                                exceedMax = valueNumber > maxValue;
+                            }
+                            if (!isNullOrUndefined(minValue)) {
+                                exceedMin = valueNumber < minValue;
+                            }
+                        }
+                        else {
+                            valueDate = valueAsDate || new Date(value);
+                            if (isString(maxValue)) {
+                                exceedMax = valueDate > new Date(maxValue);
+                            }
+                            if (isString(minValue)) {
+                                exceedMin = valueDate < new Date(minValue);
+                            }
+                        }
+                        if (exceedMax || exceedMin) {
+                            getMinMaxMessage(!!exceedMax, maxMessage, minMessage, INPUT_VALIDATION_RULES.max, INPUT_VALIDATION_RULES.min);
+                            if (!validateAllFieldCriteria) {
+                                return [2 /*return*/, error];
+                            }
+                        }
+                    }
+                    if (isString(value) && !isEmpty && (maxLength || minLength)) {
+                        _e = getValueAndMessage(maxLength), maxLengthValue = _e.value, maxLengthMessage = _e.message;
+                        _f = getValueAndMessage(minLength), minLengthValue = _f.value, minLengthMessage = _f.message;
+                        inputLength = value.toString().length;
+                        exceedMax = maxLength && inputLength > maxLengthValue;
+                        exceedMin = minLength && inputLength < minLengthValue;
+                        if (exceedMax || exceedMin) {
+                            getMinMaxMessage(!!exceedMax, maxLengthMessage, minLengthMessage);
+                            if (!validateAllFieldCriteria) {
+                                return [2 /*return*/, error];
+                            }
+                        }
+                    }
+                    if (pattern && !isEmpty) {
+                        _g = getValueAndMessage(pattern), patternValue = _g.value, patternMessage = _g.message;
+                        if (isRegex(patternValue) && !patternValue.test(value)) {
+                            error[name] = __assign({ type: INPUT_VALIDATION_RULES.pattern, message: patternMessage, ref: ref }, appendErrorsCurry(INPUT_VALIDATION_RULES.pattern, patternMessage));
+                            if (!validateAllFieldCriteria) {
+                                return [2 /*return*/, error];
+                            }
+                        }
+                    }
+                    if (!validate) return [3 /*break*/, 4];
+                    fieldValue_1 = getFieldValue(fields, ref);
+                    validateRef_1 = isRadioOrCheckbox && options ? options[0].ref : ref;
+                    if (!isFunction(validate)) return [3 /*break*/, 2];
+                    return [4 /*yield*/, validate(fieldValue_1)];
+                case 1:
+                    result = _h.sent();
+                    validateError = getValidateError(result, validateRef_1);
+                    if (validateError) {
+                        error[name] = __assign(__assign({}, validateError), appendErrorsCurry(INPUT_VALIDATION_RULES.validate, validateError.message));
+                        if (!validateAllFieldCriteria) {
+                            return [2 /*return*/, error];
+                        }
+                    }
+                    return [3 /*break*/, 4];
+                case 2:
+                    if (!isObject(validate)) return [3 /*break*/, 4];
+                    validateFunctions_1 = Object.entries(validate);
+                    return [4 /*yield*/, new Promise(function (resolve) {
+                            validateFunctions_1.reduce(function (previous, _a, index) {
+                                var _b = __read(_a, 2), key = _b[0], validate = _b[1];
+                                return __awaiter(void 0, void 0, void 0, function () {
+                                    var _c, result, validateResult, validateError;
+                                    return __generator(this, function (_d) {
+                                        switch (_d.label) {
+                                            case 0:
+                                                _c = isEmptyObject;
+                                                return [4 /*yield*/, previous];
+                                            case 1:
+                                                if ((!_c.apply(void 0, [_d.sent()]) && !validateAllFieldCriteria) ||
+                                                    !isFunction(validate)) {
+                                                    return [2 /*return*/, resolve(previous)];
+                                                }
+                                                return [4 /*yield*/, validate(fieldValue_1)];
+                                            case 2:
+                                                validateResult = _d.sent();
+                                                validateError = getValidateError(validateResult, validateRef_1, key);
+                                                if (validateError) {
+                                                    result = __assign(__assign({}, validateError), appendErrorsCurry(key, validateError.message));
+                                                    if (validateAllFieldCriteria) {
+                                                        error[name] = result;
+                                                    }
+                                                }
+                                                else {
+                                                    result = previous;
+                                                }
+                                                return [2 /*return*/, validateFunctions_1.length - 1 === index
+                                                        ? resolve(result)
+                                                        : result];
+                                        }
+                                    });
+                                });
+                            }, {});
+                        })];
+                case 3:
+                    validationResult = _h.sent();
+                    if (!isEmptyObject(validationResult)) {
+                        error[name] = __assign({ ref: validateRef_1 }, validationResult);
+                        if (!validateAllFieldCriteria) {
+                            return [2 /*return*/, error];
+                        }
+                    }
+                    _h.label = 4;
+                case 4: return [2 /*return*/, error];
+            }
+        });
+    });
+});
+
+var parseErrorSchema = function (error, validateAllFieldCriteria) {
+    var _a;
+    return isArray(error.inner)
+        ? error.inner.reduce(function (previous, _a) {
+            var _b, _c, _d;
+            var path = _a.path, message = _a.message, type = _a.type;
+            return (__assign(__assign({}, previous), (previous[path] && validateAllFieldCriteria
+                ? (_b = {},
+                    _b[path] = appendErrors(path, validateAllFieldCriteria, previous, type, message),
+                    _b) : (_c = {},
+                _c[path] = previous[path] || __assign({ message: message,
+                    type: type }, (validateAllFieldCriteria
+                    ? {
+                        types: (_d = {}, _d[type] = message || true, _d),
+                    }
+                    : {})),
+                _c))));
+        }, {})
+        : (_a = {},
+            _a[error.path] = { message: error.message, type: error.type },
+            _a);
+};
+function validateWithSchema(validationSchema, validateAllFieldCriteria, data) {
+    return __awaiter(this, void 0, void 0, function () {
+        var _a, e_1;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    _b.trys.push([0, 2, , 3]);
+                    _a = {};
+                    return [4 /*yield*/, validationSchema.validate(data, { abortEarly: false })];
+                case 1: return [2 /*return*/, (_a.values = _b.sent(),
+                        _a.errors = {},
+                        _a)];
+                case 2:
+                    e_1 = _b.sent();
+                    return [2 /*return*/, {
+                            values: {},
+                            errors: transformToNestObject(parseErrorSchema(e_1, validateAllFieldCriteria)),
+                        }];
+                case 3: return [2 /*return*/];
+            }
+        });
+    });
+}
+
+var getDefaultValue = (function (defaultValues, name, defaultValue) {
+    return isUndefined(defaultValues[name])
+        ? get(defaultValues, name, defaultValue)
+        : defaultValues[name];
+});
+
+function flatArray(list) {
+    return list.reduce(function (a, b) { return a.concat(isArray(b) ? flatArray(b) : b); }, []);
+}
+
+var isPrimitive = (function (value) {
+    return isNullOrUndefined(value) || !isObjectType(value);
+});
+
+var getPath = function (path, values) {
+    var getInnerPath = function (value, key, isObject) {
+        var pathWithIndex = isObject ? path + "." + key : path + "[" + key + "]";
+        return isPrimitive(value) ? pathWithIndex : getPath(pathWithIndex, value);
+    };
+    return isArray(values)
+        ? values.map(function (value, key) { return getInnerPath(value, key); })
+        : Object.entries(values).map(function (_a) {
+            var _b = __read(_a, 2), key = _b[0], value = _b[1];
+            return getInnerPath(value, key, true);
+        });
+};
+var getPath$1 = (function (parentPath, value) { return flatArray(getPath(parentPath, value)); });
+
+var assignWatchFields = (function (fieldValues, fieldName, watchFields, combinedDefaultValues, watchFieldArray) {
+    var value;
+    if (isEmptyObject(fieldValues)) {
+        value = watchFieldArray ? watchFieldArray : undefined;
+    }
+    else if (!isUndefined(fieldValues[fieldName])) {
+        watchFields.add(fieldName);
+        value = fieldValues[fieldName];
+    }
+    else {
+        value = get(transformToNestObject(fieldValues), fieldName);
+        if (isArray(watchFieldArray) &&
+            isArray(value) &&
+            value.length !== watchFieldArray.length) {
+            value = watchFieldArray;
+        }
+        if (!isUndefined(value)) {
+            getPath$1(fieldName, value).forEach(function (name) {
+                return watchFields.add(name);
+            });
+        }
+    }
+    return isUndefined(value)
+        ? isObject(combinedDefaultValues)
+            ? getDefaultValue(combinedDefaultValues, fieldName)
+            : combinedDefaultValues
+        : value;
+});
+
+var skipValidation = (function (_a) {
+    var hasError = _a.hasError, isBlurEvent = _a.isBlurEvent, isOnSubmit = _a.isOnSubmit, isReValidateOnSubmit = _a.isReValidateOnSubmit, isOnBlur = _a.isOnBlur, isReValidateOnBlur = _a.isReValidateOnBlur, isSubmitted = _a.isSubmitted;
+    return (isOnSubmit && isReValidateOnSubmit) ||
+        (isOnSubmit && !isSubmitted) ||
+        (isOnBlur && !isBlurEvent && !hasError) ||
+        (isReValidateOnBlur && !isBlurEvent && hasError) ||
+        (isReValidateOnSubmit && isSubmitted);
+});
+
+var getFieldValueByName = (function (fields, name) {
+    var results = transformToNestObject(getFieldsValues(fields));
+    return name ? get(results, name, results) : results;
+});
+
+function getIsFieldsDifferent(referenceArray, differenceArray) {
+    var isMatch = false;
+    if (!isArray(referenceArray) ||
+        !isArray(differenceArray) ||
+        referenceArray.length !== differenceArray.length) {
+        return true;
+    }
+    for (var i = 0; i < referenceArray.length; i++) {
+        if (isMatch) {
+            break;
+        }
+        var dataA = referenceArray[i];
+        var dataB = differenceArray[i];
+        if (!dataB || Object.keys(dataA).length !== Object.keys(dataB).length) {
+            isMatch = true;
+            break;
+        }
+        for (var key in dataA) {
+            if (!dataB[key] || dataA[key] !== dataB[key]) {
+                isMatch = true;
+                break;
+            }
+        }
+    }
+    return isMatch;
+}
+
+var isMatchFieldArrayName = function (name, searchName) {
+    return name.startsWith(searchName + "[");
+};
+var isNameInFieldArray = (function (names, name) {
+    return __spread(names).reduce(function (prev, current) { return (isMatchFieldArrayName(name, current) ? true : prev); }, false);
+});
+
+var isFileListObject = (function (data) {
+    return typeof FileList !== UNDEFINED && data instanceof FileList;
+});
+
+function onDomRemove(element, onDetachCallback) {
+    var observer = new MutationObserver(function () {
+        if (isDetached(element)) {
+            observer.disconnect();
+            onDetachCallback();
+        }
+    });
+    observer.observe(window.document, {
+        childList: true,
+        subtree: true,
+    });
+    return observer;
+}
+
+var unsetObject = function (target) {
+    for (var key in target) {
+        var data = target[key];
+        var isArrayObject = isArray(data);
+        if ((isObject(data) || isArrayObject) && !data.ref) {
+            unsetObject(data);
+        }
+        if ((isUndefined(data) ||
+            isEmptyObject(data) ||
+            (isArrayObject && !target[key].filter(Boolean).length)) &&
+            !isFileListObject(target)) {
+            delete target[key];
+        }
+    }
+    return target;
+};
+var unset = function (target, paths) {
+    paths.forEach(function (path) {
+        set(target, path, undefined);
+    });
+    return unsetObject(target);
+};
+
+var modeChecker = (function (mode) { return ({
+    isOnSubmit: !mode || mode === VALIDATION_MODE.onSubmit,
+    isOnBlur: mode === VALIDATION_MODE.onBlur,
+    isOnChange: mode === VALIDATION_MODE.onChange,
+}); });
+
+var useRef = React.useRef, useState = React.useState, useCallback = React.useCallback, useEffect = React.useEffect;
+function useForm(_a) {
+    var _this = this;
+    var _b = _a === void 0 ? {} : _a, _c = _b.mode, mode = _c === void 0 ? VALIDATION_MODE.onSubmit : _c, _d = _b.reValidateMode, reValidateMode = _d === void 0 ? VALIDATION_MODE.onChange : _d, validationSchema = _b.validationSchema, _e = _b.defaultValues, defaultValues = _e === void 0 ? {} : _e, _f = _b.submitFocusError, submitFocusError = _f === void 0 ? true : _f, validateCriteriaMode = _b.validateCriteriaMode;
+    var fieldsRef = useRef({});
+    var validateAllFieldCriteria = validateCriteriaMode === 'all';
+    var errorsRef = useRef({});
+    var touchedFieldsRef = useRef({});
+    var watchFieldArrayRef = useRef({});
+    var watchFieldsRef = useRef(new Set());
+    var dirtyFieldsRef = useRef(new Set());
+    var fieldsWithValidationRef = useRef(new Set());
+    var validFieldsRef = useRef(new Set());
+    var isValidRef = useRef(true);
+    var defaultRenderValuesRef = useRef({});
+    var defaultValuesRef = useRef(defaultValues);
+    var isUnMount = useRef(false);
+    var isWatchAllRef = useRef(false);
+    var isSubmittedRef = useRef(false);
+    var isDirtyRef = useRef(false);
+    var submitCountRef = useRef(0);
+    var isSubmittingRef = useRef(false);
+    var handleChangeRef = useRef();
+    var resetFieldArrayFunctionRef = useRef({});
+    var fieldArrayNamesRef = useRef(new Set());
+    var _g = __read(useState(), 2), render = _g[1];
+    var _h = useRef(modeChecker(mode)).current, isOnBlur = _h.isOnBlur, isOnSubmit = _h.isOnSubmit;
+    var isWindowUndefined = typeof window === UNDEFINED;
+    var isWeb = typeof document !== UNDEFINED &&
+        !isWindowUndefined &&
+        !isUndefined(window.HTMLElement);
+    var isProxyEnabled = isWeb && 'Proxy' in window;
+    var readFormStateRef = useRef({
+        dirty: !isProxyEnabled,
+        dirtyFields: !isProxyEnabled,
+        isSubmitted: isOnSubmit,
+        submitCount: !isProxyEnabled,
+        touched: !isProxyEnabled,
+        isSubmitting: !isProxyEnabled,
+        isValid: !isProxyEnabled,
+    });
+    var _j = useRef(modeChecker(reValidateMode)).current, isReValidateOnBlur = _j.isOnBlur, isReValidateOnSubmit = _j.isOnSubmit;
+    var reRender = useCallback(function () {
+        if (!isUnMount.current) {
+            render({});
+        }
+    }, []);
+    var shouldRenderBaseOnError = useCallback(function (name, error, shouldRender, skipReRender) {
+        var shouldReRender = shouldRender ||
+            shouldUpdateWithError({
+                errors: errorsRef.current,
+                error: error,
+                name: name,
+                validFields: validFieldsRef.current,
+                fieldsWithValidation: fieldsWithValidationRef.current,
+            });
+        if (isEmptyObject(error)) {
+            if (fieldsWithValidationRef.current.has(name) || validationSchema) {
+                validFieldsRef.current.add(name);
+                shouldReRender = shouldReRender || get(errorsRef.current, name);
+            }
+            errorsRef.current = unset(errorsRef.current, [name]);
+        }
+        else {
+            validFieldsRef.current.delete(name);
+            shouldReRender = shouldReRender || !get(errorsRef.current, name);
+            set(errorsRef.current, name, error[name]);
+        }
+        if (shouldReRender && !skipReRender) {
+            reRender();
+            return true;
+        }
+    }, [reRender, validationSchema]);
+    var setFieldValue = useCallback(function (name, rawValue) {
+        var field = fieldsRef.current[name];
+        if (!field) {
+            return false;
+        }
+        var ref = field.ref;
+        var options = field.options;
+        var type = ref.type;
+        var value = isWeb &&
+            ref instanceof window.HTMLElement &&
+            isNullOrUndefined(rawValue)
+            ? ''
+            : rawValue;
+        if (isRadioInput(type) && options) {
+            options.forEach(function (_a) {
+                var radioRef = _a.ref;
+                return (radioRef.checked = radioRef.value === value);
+            });
+        }
+        else if (isFileInput(type)) {
+            if (isEmptyString(value) ||
+                isFileListObject(value)) {
+                ref.files = value;
+            }
+            else {
+                ref.value = value;
+            }
+        }
+        else if (isMultipleSelect(type)) {
+            __spread(ref.options).forEach(function (selectRef) {
+                return (selectRef.selected = value.includes(selectRef.value));
+            });
+        }
+        else if (isCheckBoxInput(type) && options) {
+            options.length > 1
+                ? options.forEach(function (_a) {
+                    var checkboxRef = _a.ref;
+                    return (checkboxRef.checked = value.includes(checkboxRef.value));
+                })
+                : (options[0].ref.checked = !!value);
+        }
+        else {
+            ref.value = value;
+        }
+        return type;
+    }, [isWeb]);
+    var setDirty = function (name) {
+        if (!fieldsRef.current[name] ||
+            (!readFormStateRef.current.dirty && !readFormStateRef.current.dirtyFields)) {
+            return false;
+        }
+        var isFieldArray = isNameInFieldArray(fieldArrayNamesRef.current, name);
+        var previousDirtyFieldsLength = dirtyFieldsRef.current.size;
+        var isDirty = defaultRenderValuesRef.current[name] !==
+            getFieldValue(fieldsRef.current, fieldsRef.current[name].ref);
+        if (isFieldArray) {
+            var fieldArrayName = name.substring(0, name.indexOf('['));
+            isDirty = getIsFieldsDifferent(getFieldValueByName(fieldsRef.current, fieldArrayName), get(defaultValuesRef.current, fieldArrayName));
+        }
+        var isDirtyChanged = (isFieldArray ? isDirtyRef.current : dirtyFieldsRef.current.has(name)) !==
+            isDirty;
+        if (isDirty) {
+            dirtyFieldsRef.current.add(name);
+        }
+        else {
+            dirtyFieldsRef.current.delete(name);
+        }
+        isDirtyRef.current = isFieldArray ? isDirty : !!dirtyFieldsRef.current.size;
+        return readFormStateRef.current.dirty
+            ? isDirtyChanged
+            : previousDirtyFieldsLength !== dirtyFieldsRef.current.size;
+    };
+    var setInternalValue = useCallback(function (name, value) {
+        setFieldValue(name, value);
+        if (setDirty(name) ||
+            (!get(touchedFieldsRef.current, name) &&
+                readFormStateRef.current.touched)) {
+            return !!set(touchedFieldsRef.current, name, true);
+        }
+    }, [setFieldValue]);
+    var executeValidation = useCallback(function (name, skipReRender) { return __awaiter(_this, void 0, void 0, function () {
+        var field, error;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    field = fieldsRef.current[name];
+                    if (!field) {
+                        return [2 /*return*/, false];
+                    }
+                    return [4 /*yield*/, validateField(fieldsRef, validateAllFieldCriteria, field)];
+                case 1:
+                    error = _a.sent();
+                    shouldRenderBaseOnError(name, error, false, skipReRender);
+                    return [2 /*return*/, isEmptyObject(error)];
+            }
+        });
+    }); }, [shouldRenderBaseOnError, validateAllFieldCriteria]);
+    var executeSchemaValidation = useCallback(function (payload) { return __awaiter(_this, void 0, void 0, function () {
+        var errors, previousFormIsValid;
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0: return [4 /*yield*/, validateWithSchema(validationSchema, validateAllFieldCriteria, getFieldValueByName(fieldsRef.current))];
+                case 1:
+                    errors = (_b.sent()).errors;
+                    previousFormIsValid = isValidRef.current;
+                    isValidRef.current = isEmptyObject(errors);
+                    if (isArray(payload)) {
+                        payload.forEach(function (name) {
+                            var error = get(errors, name);
+                            if (error) {
+                                set(errorsRef.current, name, error);
+                            }
+                            else {
+                                unset(errorsRef.current, [name]);
+                            }
+                        });
+                        reRender();
+                    }
+                    else {
+                        shouldRenderBaseOnError(payload, (get(errors, payload)
+                            ? (_a = {}, _a[payload] = get(errors, payload), _a) : {}), previousFormIsValid !== isValidRef.current);
+                    }
+                    return [2 /*return*/, isEmptyObject(errorsRef.current)];
+            }
+        });
+    }); }, [
+        reRender,
+        shouldRenderBaseOnError,
+        validateAllFieldCriteria,
+        validationSchema,
+    ]);
+    var triggerValidation = useCallback(function (payload) { return __awaiter(_this, void 0, void 0, function () {
+        var fields, result;
+        var _this = this;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    fields = payload || Object.keys(fieldsRef.current);
+                    if (validationSchema) {
+                        return [2 /*return*/, executeSchemaValidation(fields)];
+                    }
+                    if (!isArray(fields)) return [3 /*break*/, 2];
+                    return [4 /*yield*/, Promise.all(fields.map(function (data) { return __awaiter(_this, void 0, void 0, function () { return __generator(this, function (_a) {
+                            switch (_a.label) {
+                                case 0: return [4 /*yield*/, executeValidation(data, true)];
+                                case 1: return [2 /*return*/, _a.sent()];
+                            }
+                        }); }); }))];
+                case 1:
+                    result = _a.sent();
+                    reRender();
+                    return [2 /*return*/, result.every(Boolean)];
+                case 2: return [4 /*yield*/, executeValidation(fields)];
+                case 3: return [2 /*return*/, _a.sent()];
+            }
+        });
+    }); }, [executeSchemaValidation, executeValidation, reRender, validationSchema]);
+    var setValue = useCallback(function (name, value, shouldValidate) {
+        var shouldRender = setInternalValue(name, value) ||
+            isWatchAllRef.current ||
+            watchFieldsRef.current.has(name);
+        if (shouldRender) {
+            reRender();
+        }
+        if (shouldValidate) {
+            triggerValidation(name);
+        }
+        return;
+    }, [reRender, setInternalValue, triggerValidation]);
+    handleChangeRef.current = handleChangeRef.current
+        ? handleChangeRef.current
+        : function (_a) {
+            var type = _a.type, target = _a.target;
+            return __awaiter(_this, void 0, void 0, function () {
+                var name, fields, errors, field, currentError, error, isBlurEvent, shouldSkipValidation, shouldUpdateDirty, shouldUpdateState, errors_1, previousFormIsValid;
+                var _b;
+                return __generator(this, function (_c) {
+                    switch (_c.label) {
+                        case 0:
+                            name = target ? target.name : '';
+                            fields = fieldsRef.current;
+                            errors = errorsRef.current;
+                            field = fields[name];
+                            currentError = get(errors, name);
+                            if (!field) {
+                                return [2 /*return*/];
+                            }
+                            isBlurEvent = type === EVENTS.BLUR;
+                            shouldSkipValidation = skipValidation({
+                                hasError: !!currentError,
+                                isBlurEvent: isBlurEvent,
+                                isOnSubmit: isOnSubmit,
+                                isReValidateOnSubmit: isReValidateOnSubmit,
+                                isOnBlur: isOnBlur,
+                                isReValidateOnBlur: isReValidateOnBlur,
+                                isSubmitted: isSubmittedRef.current,
+                            });
+                            shouldUpdateDirty = setDirty(name);
+                            shouldUpdateState = isWatchAllRef.current ||
+                                watchFieldsRef.current.has(name) ||
+                                shouldUpdateDirty;
+                            if (isBlurEvent &&
+                                !get(touchedFieldsRef.current, name) &&
+                                readFormStateRef.current.touched) {
+                                set(touchedFieldsRef.current, name, true);
+                                shouldUpdateState = true;
+                            }
+                            if (shouldSkipValidation) {
+                                return [2 /*return*/, shouldUpdateState && reRender()];
+                            }
+                            if (!validationSchema) return [3 /*break*/, 2];
+                            return [4 /*yield*/, validateWithSchema(validationSchema, validateAllFieldCriteria, getFieldValueByName(fields))];
+                        case 1:
+                            errors_1 = (_c.sent()).errors;
+                            previousFormIsValid = isValidRef.current;
+                            isValidRef.current = isEmptyObject(errors_1);
+                            error = (get(errors_1, name)
+                                ? (_b = {}, _b[name] = get(errors_1, name), _b) : {});
+                            if (previousFormIsValid !== isValidRef.current) {
+                                shouldUpdateState = true;
+                            }
+                            return [3 /*break*/, 4];
+                        case 2: return [4 /*yield*/, validateField(fieldsRef, validateAllFieldCriteria, field)];
+                        case 3:
+                            error = _c.sent();
+                            _c.label = 4;
+                        case 4:
+                            if (!shouldRenderBaseOnError(name, error) && shouldUpdateState) {
+                                reRender();
+                            }
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
+    var validateSchemaIsValid = useCallback(function () {
+        var fieldValues = isEmptyObject(defaultValuesRef.current)
+            ? getFieldsValues(fieldsRef.current)
+            : defaultValuesRef.current;
+        validateWithSchema(validationSchema, validateAllFieldCriteria, transformToNestObject(fieldValues)).then(function (_a) {
+            var errors = _a.errors;
+            var previousFormIsValid = isValidRef.current;
+            isValidRef.current = isEmptyObject(errors);
+            if (previousFormIsValid !== isValidRef.current) {
+                reRender();
+            }
+        });
+    }, [reRender, validateAllFieldCriteria, validationSchema]);
+    var resetFieldRef = useCallback(function (name) {
+        errorsRef.current = unset(errorsRef.current, [name]);
+        touchedFieldsRef.current = unset(touchedFieldsRef.current, [name]);
+        defaultRenderValuesRef.current = unset(defaultRenderValuesRef.current, [
+            name,
+        ]);
+        [
+            dirtyFieldsRef,
+            fieldsWithValidationRef,
+            validFieldsRef,
+            watchFieldsRef,
+        ].forEach(function (data) { return data.current.delete(name); });
+        if (readFormStateRef.current.isValid ||
+            readFormStateRef.current.touched) {
+            reRender();
+        }
+        if (validationSchema) {
+            validateSchemaIsValid();
+        }
+    }, [reRender]);
+    var removeFieldEventListener = function (field, forceDelete) {
+        if (!isUndefined(handleChangeRef.current) && field) {
+            findRemovedFieldAndRemoveListener(fieldsRef.current, handleChangeRef.current, field, forceDelete);
+        }
+    };
+    var removeFieldEventListenerAndRef = useCallback(function (field, forceDelete) {
+        if (!field ||
+            (field &&
+                isNameInFieldArray(fieldArrayNamesRef.current, field.ref.name) &&
+                !forceDelete)) {
+            return;
+        }
+        removeFieldEventListener(field, forceDelete);
+        resetFieldRef(field.ref.name);
+    }, [resetFieldRef]);
+    function clearError(name) {
+        if (isUndefined(name)) {
+            errorsRef.current = {};
+        }
+        else {
+            unset(errorsRef.current, isArray(name) ? name : [name]);
+        }
+        reRender();
+    }
+    var setInternalError = function (_a) {
+        var name = _a.name, type = _a.type, types = _a.types, message = _a.message, preventRender = _a.preventRender;
+        var field = fieldsRef.current[name];
+        if (!isSameError(errorsRef.current[name], {
+            type: type,
+            message: message,
+            types: types,
+        })) {
+            set(errorsRef.current, name, {
+                type: type,
+                types: types,
+                message: message,
+                ref: field ? field.ref : {},
+                isManual: true,
+            });
+            if (!preventRender) {
+                reRender();
+            }
+        }
+    };
+    function setError(name, type, message) {
+        if (type === void 0) { type = ''; }
+        if (isString(name)) {
+            setInternalError(__assign({ name: name }, (isObject(type)
+                ? {
+                    types: type,
+                    type: '',
+                }
+                : {
+                    type: type,
+                    message: message,
+                })));
+        }
+        else if (isArray(name)) {
+            name.forEach(function (error) {
+                return setInternalError(__assign(__assign({}, error), { preventRender: true }));
+            });
+            reRender();
+        }
+    }
+    function watch(fieldNames, defaultValue) {
+        var combinedDefaultValues = isUndefined(defaultValue)
+            ? isUndefined(defaultValuesRef.current)
+                ? {}
+                : defaultValuesRef.current
+            : defaultValue;
+        var fieldValues = getFieldsValues(fieldsRef.current, fieldNames);
+        var watchFields = watchFieldsRef.current;
+        if (isProxyEnabled) {
+            readFormStateRef.current.dirty = true;
+        }
+        if (isString(fieldNames)) {
+            return assignWatchFields(fieldValues, fieldNames, watchFields, combinedDefaultValues, fieldArrayNamesRef.current.has(fieldNames)
+                ? watchFieldArrayRef.current[fieldNames]
+                : undefined);
+        }
+        if (isArray(fieldNames)) {
+            return fieldNames.reduce(function (previous, name) {
+                var _a;
+                var value;
+                if (isEmptyObject(fieldsRef.current) &&
+                    isObject(combinedDefaultValues)) {
+                    value = getDefaultValue(combinedDefaultValues, name);
+                }
+                else {
+                    value = assignWatchFields(fieldValues, name, watchFields, combinedDefaultValues);
+                }
+                return __assign(__assign({}, previous), (_a = {}, _a[name] = value, _a));
+            }, {});
+        }
+        isWatchAllRef.current = true;
+        var result = (!isEmptyObject(fieldValues) && fieldValues) ||
+            defaultValue ||
+            defaultValuesRef.current;
+        return fieldNames && fieldNames.nest
+            ? transformToNestObject(result)
+            : result;
+    }
+    function unregister(names) {
+        if (!isEmptyObject(fieldsRef.current)) {
+            (isArray(names) ? names : [names]).forEach(function (fieldName) {
+                return removeFieldEventListenerAndRef(fieldsRef.current[fieldName], true);
+            });
+        }
+    }
+    function registerFieldsRef(ref, validateOptions) {
+        if (validateOptions === void 0) { validateOptions = {}; }
+        if (!ref.name) {
+            return console.warn('Missing name @', ref);
+        }
+        var name = ref.name, type = ref.type, value = ref.value;
+        var fieldAttributes = __assign({ ref: ref }, validateOptions);
+        var fields = fieldsRef.current;
+        var isRadioOrCheckbox = isRadioInput(type) || isCheckBoxInput(type);
+        var currentField = fields[name];
+        var isEmptyDefaultValue = true;
+        var isFieldArray = false;
+        var defaultValue;
+        if (isRadioOrCheckbox
+            ? currentField &&
+                isArray(currentField.options) &&
+                currentField.options.find(function (_a) {
+                    var ref = _a.ref;
+                    return value === ref.value;
+                })
+            : currentField) {
+            fields[name] = __assign(__assign({}, currentField), validateOptions);
+            return;
+        }
+        if (type) {
+            var mutationWatcher = onDomRemove(ref, function () {
+                return removeFieldEventListenerAndRef(fieldAttributes);
+            });
+            currentField = isRadioOrCheckbox
+                ? __assign({ options: __spread(((currentField && currentField.options) || []), [
+                        {
+                            ref: ref,
+                            mutationWatcher: mutationWatcher,
+                        },
+                    ]), ref: { type: type, name: name } }, validateOptions) : __assign(__assign({}, fieldAttributes), { mutationWatcher: mutationWatcher });
+        }
+        else {
+            currentField = fieldAttributes;
+        }
+        fields[name] = currentField;
+        if (!isEmptyObject(defaultValuesRef.current)) {
+            defaultValue = getDefaultValue(defaultValuesRef.current, name);
+            isEmptyDefaultValue = isUndefined(defaultValue);
+            isFieldArray = isNameInFieldArray(fieldArrayNamesRef.current, name);
+            if (!isEmptyDefaultValue && !isFieldArray) {
+                setFieldValue(name, defaultValue);
+            }
+        }
+        if (validationSchema && readFormStateRef.current.isValid) {
+            validateSchemaIsValid();
+        }
+        else if (!isEmptyObject(validateOptions)) {
+            fieldsWithValidationRef.current.add(name);
+            if (!isOnSubmit && readFormStateRef.current.isValid) {
+                validateField(fieldsRef, validateAllFieldCriteria, currentField).then(function (error) {
+                    var previousFormIsValid = isValidRef.current;
+                    if (isEmptyObject(error)) {
+                        validFieldsRef.current.add(name);
+                    }
+                    else {
+                        isValidRef.current = false;
+                    }
+                    if (previousFormIsValid !== isValidRef.current) {
+                        reRender();
+                    }
+                });
+            }
+        }
+        if (!defaultRenderValuesRef.current[name] &&
+            !(isFieldArray && isEmptyDefaultValue)) {
+            defaultRenderValuesRef.current[name] = isEmptyDefaultValue
+                ? getFieldValue(fields, currentField.ref)
+                : defaultValue;
+        }
+        if (!type) {
+            return;
+        }
+        var fieldToAttachListener = isRadioOrCheckbox && currentField.options
+            ? currentField.options[currentField.options.length - 1]
+            : currentField;
+        attachEventListeners({
+            field: fieldToAttachListener,
+            isRadioOrCheckbox: isRadioOrCheckbox,
+            handleChange: handleChangeRef.current,
+        });
+    }
+    function register(refOrValidationOptions, validationOptions) {
+        if (isWindowUndefined) {
+            return;
+        }
+        if (isString(refOrValidationOptions)) {
+            registerFieldsRef({ name: refOrValidationOptions }, validationOptions);
+            return;
+        }
+        if (isObject(refOrValidationOptions) && 'name' in refOrValidationOptions) {
+            registerFieldsRef(refOrValidationOptions, validationOptions);
+            return;
+        }
+        return function (ref) {
+            return ref && registerFieldsRef(ref, refOrValidationOptions);
+        };
+    }
+    var handleSubmit = useCallback(function (callback) { return function (e) { return __awaiter(_this, void 0, void 0, function () {
+        var fieldErrors, fieldValues, fields, _a, errors, values, _b, errors, values;
+        var _this = this;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
+                case 0:
+                    if (e) {
+                        e.preventDefault();
+                        e.persist();
+                    }
+                    fields = fieldsRef.current;
+                    if (readFormStateRef.current.isSubmitting) {
+                        isSubmittingRef.current = true;
+                        reRender();
+                    }
+                    _c.label = 1;
+                case 1:
+                    _c.trys.push([1, , 9, 10]);
+                    if (!validationSchema) return [3 /*break*/, 3];
+                    fieldValues = getFieldsValues(fields);
+                    return [4 /*yield*/, validateWithSchema(validationSchema, validateAllFieldCriteria, transformToNestObject(fieldValues))];
+                case 2:
+                    _a = _c.sent(), errors = _a.errors, values = _a.values;
+                    errorsRef.current = errors;
+                    fieldErrors = errors;
+                    fieldValues = values;
+                    return [3 /*break*/, 5];
+                case 3: return [4 /*yield*/, Object.values(fields).reduce(function (previous, field) { return __awaiter(_this, void 0, void 0, function () {
+                        var resolvedPrevious, ref, name, fieldError;
+                        return __generator(this, function (_a) {
+                            switch (_a.label) {
+                                case 0:
+                                    if (!field) {
+                                        return [2 /*return*/, previous];
+                                    }
+                                    return [4 /*yield*/, previous];
+                                case 1:
+                                    resolvedPrevious = _a.sent();
+                                    ref = field.ref, name = field.ref.name;
+                                    if (!fields[name]) {
+                                        return [2 /*return*/, Promise.resolve(resolvedPrevious)];
+                                    }
+                                    return [4 /*yield*/, validateField(fieldsRef, validateAllFieldCriteria, field)];
+                                case 2:
+                                    fieldError = _a.sent();
+                                    if (fieldError[name]) {
+                                        set(resolvedPrevious.errors, name, fieldError[name]);
+                                        validFieldsRef.current.delete(name);
+                                        return [2 /*return*/, Promise.resolve(resolvedPrevious)];
+                                    }
+                                    if (fieldsWithValidationRef.current.has(name)) {
+                                        validFieldsRef.current.add(name);
+                                    }
+                                    resolvedPrevious.values[name] = getFieldValue(fields, ref);
+                                    return [2 /*return*/, Promise.resolve(resolvedPrevious)];
+                            }
+                        });
+                    }); }, Promise.resolve({
+                        errors: {},
+                        values: {},
+                    }))];
+                case 4:
+                    _b = _c.sent(), errors = _b.errors, values = _b.values;
+                    fieldErrors = errors;
+                    fieldValues = values;
+                    _c.label = 5;
+                case 5:
+                    if (!isEmptyObject(fieldErrors)) return [3 /*break*/, 7];
+                    errorsRef.current = {};
+                    return [4 /*yield*/, callback(transformToNestObject(fieldValues), e)];
+                case 6:
+                    _c.sent();
+                    return [3 /*break*/, 8];
+                case 7:
+                    if (submitFocusError) {
+                        focusErrorField(fields, fieldErrors);
+                    }
+                    errorsRef.current = fieldErrors;
+                    _c.label = 8;
+                case 8: return [3 /*break*/, 10];
+                case 9:
+                    isSubmittedRef.current = true;
+                    isSubmittingRef.current = false;
+                    submitCountRef.current = submitCountRef.current + 1;
+                    reRender();
+                    return [7 /*endfinally*/];
+                case 10: return [2 /*return*/];
+            }
+        });
+    }); }; }, [reRender, submitFocusError, validateAllFieldCriteria, validationSchema]);
+    var resetRefs = function () {
+        errorsRef.current = {};
+        fieldsRef.current = {};
+        touchedFieldsRef.current = {};
+        validFieldsRef.current = new Set();
+        fieldsWithValidationRef.current = new Set();
+        defaultRenderValuesRef.current = {};
+        watchFieldsRef.current = new Set();
+        dirtyFieldsRef.current = new Set();
+        isWatchAllRef.current = false;
+        isSubmittedRef.current = false;
+        isDirtyRef.current = false;
+        isValidRef.current = true;
+        submitCountRef.current = 0;
+    };
+    var reset = function (values) {
+        var e_1, _a;
+        try {
+            for (var _b = __values(Object.values(fieldsRef.current)), _c = _b.next(); !_c.done; _c = _b.next()) {
+                var value = _c.value;
+                if (value && value.ref && value.ref.closest) {
+                    try {
+                        value.ref.closest('form').reset();
+                        break;
+                    }
+                    catch (_d) { }
+                }
+            }
+        }
+        catch (e_1_1) { e_1 = { error: e_1_1 }; }
+        finally {
+            try {
+                if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+            }
+            finally { if (e_1) throw e_1.error; }
+        }
+        if (values) {
+            defaultValuesRef.current = values;
+        }
+        Object.values(resetFieldArrayFunctionRef.current).forEach(function (resetFieldArray) { return isFunction(resetFieldArray) && resetFieldArray(); });
+        resetRefs();
+        reRender();
+    };
+    var getValues = function (payload) {
+        var fieldValues = getFieldsValues(fieldsRef.current);
+        var outputValues = isEmptyObject(fieldValues)
+            ? defaultValuesRef.current
+            : fieldValues;
+        return payload && payload.nest
+            ? transformToNestObject(outputValues)
+            : outputValues;
+    };
+    useEffect(function () { return function () {
+        isUnMount.current = true;
+        fieldsRef.current &&
+            Object.values(fieldsRef.current).forEach(function (field) {
+                return removeFieldEventListenerAndRef(field, true);
+            });
+    }; }, [removeFieldEventListenerAndRef]);
+    if (!validationSchema) {
+        isValidRef.current =
+            validFieldsRef.current.size >= fieldsWithValidationRef.current.size &&
+                isEmptyObject(errorsRef.current);
+    }
+    var formState = {
+        dirty: isDirtyRef.current,
+        dirtyFields: dirtyFieldsRef.current,
+        isSubmitted: isSubmittedRef.current,
+        submitCount: submitCountRef.current,
+        touched: touchedFieldsRef.current,
+        isSubmitting: isSubmittingRef.current,
+        isValid: isOnSubmit
+            ? isSubmittedRef.current && isEmptyObject(errorsRef.current)
+            : isEmptyObject(fieldsRef.current) || isValidRef.current,
+    };
+    var control = {
+        register: register,
+        unregister: unregister,
+        removeFieldEventListener: removeFieldEventListener,
+        getValues: getValues,
+        setValue: setValue,
+        triggerValidation: triggerValidation,
+        formState: formState,
+        mode: {
+            isOnBlur: isOnBlur,
+            isOnSubmit: isOnSubmit,
+        },
+        reValidateMode: {
+            isReValidateOnBlur: isReValidateOnBlur,
+            isReValidateOnSubmit: isReValidateOnSubmit,
+        },
+        errorsRef: errorsRef,
+        touchedFieldsRef: touchedFieldsRef,
+        fieldsRef: fieldsRef,
+        resetFieldArrayFunctionRef: resetFieldArrayFunctionRef,
+        watchFieldArrayRef: watchFieldArrayRef,
+        fieldArrayNamesRef: fieldArrayNamesRef,
+        isDirtyRef: isDirtyRef,
+        readFormStateRef: readFormStateRef,
+        defaultValuesRef: defaultValuesRef,
+    };
+    return {
+        watch: watch,
+        control: control,
+        handleSubmit: handleSubmit,
+        setValue: setValue,
+        triggerValidation: triggerValidation,
+        getValues: useCallback(getValues, []),
+        reset: useCallback(reset, []),
+        register: useCallback(register, [
+            defaultValuesRef.current,
+            defaultRenderValuesRef.current,
+        ]),
+        unregister: useCallback(unregister, []),
+        clearError: useCallback(clearError, []),
+        setError: useCallback(setError, []),
+        errors: errorsRef.current,
+        formState: isProxyEnabled
+            ? new Proxy(formState, {
+                get: function (obj, prop) {
+                    if (prop in obj) {
+                        readFormStateRef.current[prop] = true;
+                        return obj[prop];
+                    }
+                    return {};
+                },
+            })
+            : formState,
+    };
+}
+
+var FormGlobalContext = React.createContext(null);
+function useFormContext() {
+    return React.useContext(FormGlobalContext);
+}
+function FormContext(_a) {
+    var children = _a.children, formState = _a.formState, errors = _a.errors, restMethods = __rest(_a, ["children", "formState", "errors"]);
+    return (React.createElement(FormGlobalContext.Provider, { value: __assign(__assign({}, restMethods), { formState: formState, errors: errors }) }, children));
+}
+
+var generateId = (function () {
+    var d = typeof performance === UNDEFINED ? Date.now() : performance.now() * 1000;
+    return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
+        var r = (Math.random() * 16 + d) % 16 | 0;
+        return (c == 'x' ? r : (r & 0x3) | 0x8).toString(16);
+    });
+});
+
+var appendId = function (value) { return (__assign(__assign({}, (isObject(value) ? value : { value: value })), { id: generateId() })); };
+var mapIds = function (data) {
+    return (isArray(data) ? data : []).map(function (value) { return appendId(value); });
+};
+
+var removeArrayAt = (function (data, index) {
+    return !isUndefined(index) && isArray(data)
+        ? __spread(data.slice(0, index), data.slice(index + 1)) : [];
+});
+
+var moveArrayAt = (function (data, from, to) {
+    return isArray(data) ? data.splice(to, 0, data.splice(from, 1)[0]) : [];
+});
+
+var swapArrayAt = (function (fields, indexA, indexB) {
+    var _a, _b;
+    return isArray(fields) &&
+        (_a = [fields[indexB], fields[indexA]], _b = __read(_a, 2), fields[indexA] = _b[0], fields[indexB] = _b[1], _a);
+});
+
+var prependAt = (function (data, value) { return __spread((isArray(value) ? value : [value || null]), data); });
+
+var insertAt = (function (data, index, value) { return __spread(data.slice(0, index), (isArray(value) ? value : [value || null]), data.slice(index)); });
+
+var fillEmptyArray = (function (value) {
+    return isArray(value) ? Array(value.length).fill(null) : undefined;
+});
+
+var useEffect$1 = React.useEffect, useRef$1 = React.useRef, useState$1 = React.useState;
+function useFieldArray(_a) {
+    var control = _a.control, name = _a.name;
+    var methods = useFormContext();
+    var _b = control || methods.control, resetFieldArrayFunctionRef = _b.resetFieldArrayFunctionRef, fieldArrayNamesRef = _b.fieldArrayNamesRef, fieldsRef = _b.fieldsRef, getValues = _b.getValues, defaultValuesRef = _b.defaultValuesRef, removeFieldEventListener = _b.removeFieldEventListener, errorsRef = _b.errorsRef, isDirtyRef = _b.isDirtyRef, touchedFieldsRef = _b.touchedFieldsRef, readFormStateRef = _b.readFormStateRef, watchFieldArrayRef = _b.watchFieldArrayRef;
+    var memoizedDefaultValues = useRef$1(get(defaultValuesRef.current, name, []));
+    var _c = __read(useState$1(mapIds(memoizedDefaultValues.current)), 2), fields = _c[0], setField = _c[1];
+    var resetFields = function (flagOrFields) {
+        if (readFormStateRef.current.dirty) {
+            isDirtyRef.current = isUndefined(flagOrFields)
+                ? true
+                : getIsFieldsDifferent(flagOrFields, memoizedDefaultValues.current);
+        }
+        for (var key in fieldsRef.current) {
+            if (isMatchFieldArrayName(key, name) && fieldsRef.current[key]) {
+                removeFieldEventListener(fieldsRef.current[key], true);
+            }
+        }
+    };
+    var mapCurrentFieldsValueWithState = function () {
+        var currentFieldsValue = getValues({ nest: true })[name];
+        if (isArray(currentFieldsValue)) {
+            for (var i = 0; i < currentFieldsValue.length; i++) {
+                fields[i] = __assign(__assign({}, fields[i]), currentFieldsValue[i]);
+            }
+        }
+    };
+    var append = function (value) {
+        mapCurrentFieldsValueWithState();
+        if (readFormStateRef.current.dirty) {
+            isDirtyRef.current = true;
+        }
+        watchFieldArrayRef.current[name] = __spread(fields, (isArray(value) ? value.map(appendId) : [appendId(value)]));
+        setField(watchFieldArrayRef.current[name]);
+    };
+    var prepend = function (value) {
+        mapCurrentFieldsValueWithState();
+        resetFields();
+        watchFieldArrayRef.current[name] = prependAt(fields, isArray(value) ? value.map(appendId) : [appendId(value)]);
+        setField(watchFieldArrayRef.current[name]);
+        if (errorsRef.current[name]) {
+            errorsRef.current[name] = prependAt(errorsRef.current[name], fillEmptyArray(value));
+        }
+        if (readFormStateRef.current.touched && touchedFieldsRef.current[name]) {
+            touchedFieldsRef.current[name] = prependAt(touchedFieldsRef.current[name], fillEmptyArray(value));
+        }
+    };
+    var remove = function (index) {
+        if (!isUndefined(index)) {
+            mapCurrentFieldsValueWithState();
+        }
+        resetFields(removeArrayAt(getFieldValueByName(fieldsRef.current, name), index));
+        watchFieldArrayRef.current[name] = removeArrayAt(fields, index);
+        setField(watchFieldArrayRef.current[name]);
+        if (errorsRef.current[name]) {
+            errorsRef.current[name] = removeArrayAt(errorsRef.current[name], index);
+        }
+        if (readFormStateRef.current.touched && touchedFieldsRef.current[name]) {
+            touchedFieldsRef.current[name] = removeArrayAt(touchedFieldsRef.current[name], index);
+        }
+    };
+    var insert = function (index, value) {
+        mapCurrentFieldsValueWithState();
+        resetFields(insertAt(getFieldValueByName(fieldsRef.current, name), index));
+        watchFieldArrayRef.current[name] = insertAt(fields, index, isArray(value) ? value.map(appendId) : [appendId(value)]);
+        setField(watchFieldArrayRef.current[name]);
+        if (errorsRef.current[name]) {
+            errorsRef.current[name] = insertAt(errorsRef.current[name], index, fillEmptyArray(value));
+        }
+        if (readFormStateRef.current.touched && touchedFieldsRef.current[name]) {
+            touchedFieldsRef.current[name] = insertAt(touchedFieldsRef.current[name], index, fillEmptyArray(value));
+        }
+    };
+    var swap = function (indexA, indexB) {
+        mapCurrentFieldsValueWithState();
+        var fieldValues = getFieldValueByName(fieldsRef.current, name);
+        swapArrayAt(fieldValues, indexA, indexB);
+        resetFields(fieldValues);
+        swapArrayAt(fields, indexA, indexB);
+        setField(__spread(fields));
+        watchFieldArrayRef.current[name] = fields;
+        if (errorsRef.current[name]) {
+            swapArrayAt(errorsRef.current[name], indexA, indexB);
+        }
+        if (readFormStateRef.current.touched && touchedFieldsRef.current[name]) {
+            swapArrayAt(touchedFieldsRef.current[name], indexA, indexB);
+        }
+    };
+    var move = function (from, to) {
+        mapCurrentFieldsValueWithState();
+        var fieldValues = getFieldValueByName(fieldsRef.current, name);
+        moveArrayAt(fieldValues, from, to);
+        resetFields(fieldValues);
+        moveArrayAt(fields, from, to);
+        setField(__spread(fields));
+        watchFieldArrayRef.current[name] = fields;
+        if (errorsRef.current[name]) {
+            moveArrayAt(errorsRef.current[name], from, to);
+        }
+        if (readFormStateRef.current.touched && touchedFieldsRef.current[name]) {
+            moveArrayAt(touchedFieldsRef.current[name], from, to);
+        }
+    };
+    var reset = function () {
+        resetFields();
+        memoizedDefaultValues.current = get(defaultValuesRef.current, name, []);
+        setField(mapIds(memoizedDefaultValues.current));
+    };
+    useEffect$1(function () {
+        var resetFunctions = resetFieldArrayFunctionRef.current;
+        var fieldArrayNames = fieldArrayNamesRef.current;
+        fieldArrayNames.add(name);
+        resetFunctions[name] = reset;
+        watchFieldArrayRef.current[name] = {};
+        return function () {
+            resetFields();
+            delete resetFunctions[name];
+            fieldArrayNames.delete(name);
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [name]);
+    return {
+        swap: swap,
+        move: move,
+        prepend: prepend,
+        append: append,
+        remove: remove,
+        insert: insert,
+        fields: fields,
+    };
+}
+
+var getInputValue = (function (target, isCheckbox) {
+    if (isNullOrUndefined(target)) {
+        return target;
+    }
+    return isCheckbox
+        ? isUndefined(target.checked)
+            ? target
+            : target.checked
+        : isUndefined(target.value)
+            ? target
+            : target.value;
+});
+
+var Controller = function (_a) {
+    var _b, _c, _d, _e;
+    var name = _a.name, rules = _a.rules, InnerComponent = _a.as, onBlur = _a.onBlur, onChange = _a.onChange, _f = _a.onChangeName, onChangeName = _f === void 0 ? VALIDATION_MODE.onChange : _f, _g = _a.onBlurName, onBlurName = _g === void 0 ? VALIDATION_MODE.onBlur : _g, valueName = _a.valueName, defaultValue = _a.defaultValue, control = _a.control, rest = __rest(_a, ["name", "rules", "as", "onBlur", "onChange", "onChangeName", "onBlurName", "valueName", "defaultValue", "control"]);
+    var methods = useFormContext();
+    var _h = control || methods.control, defaultValuesRef = _h.defaultValuesRef, setValue = _h.setValue, register = _h.register, unregister = _h.unregister, errorsRef = _h.errorsRef, removeFieldEventListener = _h.removeFieldEventListener, triggerValidation = _h.triggerValidation, _j = _h.mode, isOnSubmit = _j.isOnSubmit, isOnBlur = _j.isOnBlur, _k = _h.reValidateMode, isReValidateOnBlur = _k.isReValidateOnBlur, isReValidateOnSubmit = _k.isReValidateOnSubmit, isSubmitted = _h.formState.isSubmitted, fieldsRef = _h.fieldsRef, fieldArrayNamesRef = _h.fieldArrayNamesRef;
+    var _l = __read(React.useState(isUndefined(defaultValue)
+        ? get(defaultValuesRef.current, name)
+        : defaultValue), 2), value = _l[0], setInputStateValue = _l[1];
+    var valueRef = React.useRef(value);
+    var isCheckboxInput = isBoolean(value);
+    var shouldValidate = function () {
+        return !skipValidation({
+            hasError: !!get(errorsRef.current, name),
+            isOnBlur: isOnBlur,
+            isOnSubmit: isOnSubmit,
+            isReValidateOnBlur: isReValidateOnBlur,
+            isReValidateOnSubmit: isReValidateOnSubmit,
+            isSubmitted: isSubmitted,
+        });
+    };
+    var commonTask = function (target) {
+        var data = getInputValue(target, isCheckboxInput);
+        setInputStateValue(data);
+        valueRef.current = data;
+        return data;
+    };
+    var eventWrapper = function (event) { return function () {
+        var arg = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            arg[_i] = arguments[_i];
+        }
+        return setValue(name, commonTask(event(arg)), shouldValidate());
+    }; };
+    var handleChange = function (e) {
+        var data = commonTask(e && e.target ? e.target : e);
+        setValue(name, data, shouldValidate());
+    };
+    var registerField = function () {
+        if (isNameInFieldArray(fieldArrayNamesRef.current, name) &&
+            fieldsRef.current[name]) {
+            removeFieldEventListener(fieldsRef.current[name], true);
+        }
+        register(Object.defineProperty({
+            name: name,
+        }, VALUE, {
+            set: function (data) {
+                setInputStateValue(data);
+                valueRef.current = data;
+            },
+            get: function () {
+                return valueRef.current;
+            },
+        }), __assign({}, rules));
+    };
+    if (!fieldsRef.current[name]) {
+        registerField();
+    }
+    React.useEffect(function () {
+        registerField();
+        return function () {
+            if (!isNameInFieldArray(fieldArrayNamesRef.current, name)) {
+                unregister(name);
+            }
+        };
+    }, [name]);
+    var shouldReValidateOnBlur = isOnBlur || isReValidateOnBlur;
+    var props = __assign(__assign(__assign(__assign({ name: name }, rest), (onChange
+        ? (_b = {}, _b[onChangeName] = eventWrapper(onChange), _b) : (_c = {}, _c[onChangeName] = handleChange, _c))), (onBlur || shouldReValidateOnBlur
+        ? (_d = {},
+            _d[onBlurName] = function () {
+                var args = [];
+                for (var _i = 0; _i < arguments.length; _i++) {
+                    args[_i] = arguments[_i];
+                }
+                if (onBlur) {
+                    onBlur(args);
+                }
+                if (shouldReValidateOnBlur) {
+                    triggerValidation(name);
+                }
+            },
+            _d) : {})), (_e = {}, _e[valueName || (isCheckboxInput ? 'checked' : VALUE)] = value, _e));
+    return React.isValidElement(InnerComponent) ? (React.cloneElement(InnerComponent, props)) : (React.createElement(InnerComponent, __assign({}, props)));
+};
+
+function ErrorMessage(_a) {
+    var InnerComponent = _a.as, errors = _a.errors, name = _a.name, message = _a.message, children = _a.children, rest = __rest(_a, ["as", "errors", "name", "message", "children"]);
+    var methods = useFormContext();
+    var error = get(errors || methods.errors, name);
+    if (!error) {
+        return null;
+    }
+    var messageFromRegister = error.message, types = error.types;
+    var props = __assign(__assign({}, (InnerComponent ? rest : {})), { children: children
+            ? children({ message: messageFromRegister || message, messages: types })
+            : messageFromRegister || message });
+    return InnerComponent ? (React.isValidElement(InnerComponent) ? (React.cloneElement(InnerComponent, props)) : (React.createElement(InnerComponent, props))) : (React.createElement(React.Fragment, __assign({}, props)));
+}
+
+exports.Controller = Controller;
+exports.ErrorMessage = ErrorMessage;
+exports.FormContext = FormContext;
+exports.useFieldArray = useFieldArray;
+exports.useForm = useForm;
+exports.useFormContext = useFormContext;
diff --git a/node_modules/react-hook-form/dist/react-hook-form.js b/node_modules/react-hook-form/dist/react-hook-form.js
new file mode 100644
index 0000000..77769bf
--- /dev/null
+++ b/node_modules/react-hook-form/dist/react-hook-form.js
@@ -0,0 +1,1607 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+const VALIDATION_MODE = {
+    onBlur: 'onBlur',
+    onChange: 'onChange',
+    onSubmit: 'onSubmit',
+};
+const RADIO_INPUT = 'radio';
+const FILE_INPUT = 'file';
+const VALUE = 'value';
+const UNDEFINED = 'undefined';
+const EVENTS = {
+    BLUR: 'blur',
+    CHANGE: 'change',
+    INPUT: 'input',
+};
+const INPUT_VALIDATION_RULES = {
+    max: 'max',
+    min: 'min',
+    maxLength: 'maxLength',
+    minLength: 'minLength',
+    pattern: 'pattern',
+    required: 'required',
+    validate: 'validate',
+};
+const REGEX_IS_DEEP_PROP = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/;
+const REGEX_IS_PLAIN_PROP = /^\w*$/;
+const REGEX_PROP_NAME = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g;
+const REGEX_ESCAPE_CHAR = /\\(\\)?/g;
+
+function attachEventListeners({ field, handleChange, isRadioOrCheckbox, }) {
+    const { ref } = field;
+    if (ref.addEventListener) {
+        ref.addEventListener(isRadioOrCheckbox ? EVENTS.CHANGE : EVENTS.INPUT, handleChange);
+        ref.addEventListener(EVENTS.BLUR, handleChange);
+    }
+}
+
+var isUndefined = (val) => val === undefined;
+
+var isNullOrUndefined = (value) => value === null || isUndefined(value);
+
+var isArray = (value) => Array.isArray(value);
+
+const isObjectType = (value) => typeof value === 'object';
+var isObject = (value) => !isNullOrUndefined(value) && !isArray(value) && isObjectType(value);
+
+const isKey = (value) => !isArray(value) &&
+    (REGEX_IS_PLAIN_PROP.test(value) || !REGEX_IS_DEEP_PROP.test(value));
+const stringToPath = (string) => {
+    const result = [];
+    string.replace(REGEX_PROP_NAME, (match, number, quote, string) => {
+        result.push(quote ? string.replace(REGEX_ESCAPE_CHAR, '$1') : number || match);
+    });
+    return result;
+};
+function set(object, path, value) {
+    let index = -1;
+    const tempPath = isKey(path) ? [path] : stringToPath(path);
+    const length = tempPath.length;
+    const lastIndex = length - 1;
+    while (++index < length) {
+        const key = tempPath[index];
+        let newValue = value;
+        if (index !== lastIndex) {
+            const objValue = object[key];
+            newValue =
+                isObject(objValue) || isArray(objValue)
+                    ? objValue
+                    : !isNaN(tempPath[index + 1])
+                        ? []
+                        : {};
+        }
+        object[key] = newValue;
+        object = object[key];
+    }
+    return object;
+}
+
+var transformToNestObject = (data) => Object.entries(data).reduce((previous, [key, value]) => {
+    if (REGEX_IS_DEEP_PROP.test(key)) {
+        set(previous, key, value);
+        return previous;
+    }
+    return Object.assign(Object.assign({}, previous), { [key]: value });
+}, {});
+
+var get = (obj, path, defaultValue) => {
+    const result = path
+        .split(/[,[\].]+?/)
+        .filter(Boolean)
+        .reduce((result, key) => (isNullOrUndefined(result) ? result : result[key]), obj);
+    return isUndefined(result) || result === obj
+        ? obj[path] || defaultValue
+        : result;
+};
+
+var focusErrorField = (fields, fieldErrors) => {
+    for (const key in fields) {
+        if (get(fieldErrors, key)) {
+            const field = fields[key];
+            if (field) {
+                if (field.ref.focus) {
+                    field.ref.focus();
+                    break;
+                }
+                else if (field.options) {
+                    field.options[0].ref.focus();
+                    break;
+                }
+            }
+        }
+    }
+};
+
+var removeAllEventListeners = (ref, validateWithStateUpdate) => {
+    if (ref.removeEventListener) {
+        ref.removeEventListener(EVENTS.INPUT, validateWithStateUpdate);
+        ref.removeEventListener(EVENTS.CHANGE, validateWithStateUpdate);
+        ref.removeEventListener(EVENTS.BLUR, validateWithStateUpdate);
+    }
+};
+
+var isRadioInput = (type) => type === RADIO_INPUT;
+
+var isCheckBoxInput = (type) => type === 'checkbox';
+
+function isDetached(element) {
+    if (!element) {
+        return true;
+    }
+    if (!(element instanceof HTMLElement) ||
+        element.nodeType === Node.DOCUMENT_NODE) {
+        return false;
+    }
+    return isDetached(element.parentNode);
+}
+
+function findRemovedFieldAndRemoveListener(fields, handleChange, field, forceDelete) {
+    if (!field) {
+        return;
+    }
+    const { ref, ref: { name, type }, mutationWatcher, } = field;
+    if (!type) {
+        delete fields[name];
+        return;
+    }
+    const fieldValue = fields[name];
+    if ((isRadioInput(type) || isCheckBoxInput(type)) && fieldValue) {
+        const { options } = fieldValue;
+        if (isArray(options) && options.length) {
+            options.forEach(({ ref, mutationWatcher }, index) => {
+                if ((ref && isDetached(ref)) || forceDelete) {
+                    removeAllEventListeners(ref, handleChange);
+                    if (mutationWatcher) {
+                        mutationWatcher.disconnect();
+                    }
+                    options.splice(index, 1);
+                }
+            });
+            if (options && !options.length) {
+                delete fields[name];
+            }
+        }
+        else {
+            delete fields[name];
+        }
+    }
+    else if (isDetached(ref) || forceDelete) {
+        removeAllEventListeners(ref, handleChange);
+        if (mutationWatcher) {
+            mutationWatcher.disconnect();
+        }
+        delete fields[name];
+    }
+}
+
+const defaultReturn = {
+    isValid: false,
+    value: '',
+};
+var getRadioValue = (options) => isArray(options)
+    ? options.reduce((previous, { ref: { checked, value } }) => checked
+        ? {
+            isValid: true,
+            value,
+        }
+        : previous, defaultReturn)
+    : defaultReturn;
+
+var getMultipleSelectValue = (options) => [...options]
+    .filter(({ selected }) => selected)
+    .map(({ value }) => value);
+
+var isFileInput = (type) => type === FILE_INPUT;
+
+var isMultipleSelect = (type) => type === 'select-multiple';
+
+var isEmptyString = (value) => value === '';
+
+const defaultResult = {
+    value: false,
+    isValid: false,
+};
+const validResult = { value: true, isValid: true };
+var getCheckboxValue = (options) => {
+    if (isArray(options)) {
+        if (options.length > 1) {
+            const values = options
+                .filter(({ ref: { checked } }) => checked)
+                .map(({ ref: { value } }) => value);
+            return { value: values, isValid: !!values.length };
+        }
+        const { checked, value, attributes } = options[0].ref;
+        return checked
+            ? attributes && !isUndefined(attributes.value)
+                ? isUndefined(value) || isEmptyString(value)
+                    ? validResult
+                    : { value: value, isValid: true }
+                : validResult
+            : defaultResult;
+    }
+    return defaultResult;
+};
+
+function getFieldValue(fields, ref) {
+    const { type, name, options, value, files } = ref;
+    const field = fields[name];
+    if (isFileInput(type)) {
+        return files;
+    }
+    if (isRadioInput(type)) {
+        return field ? getRadioValue(field.options).value : '';
+    }
+    if (isMultipleSelect(type)) {
+        return getMultipleSelectValue(options);
+    }
+    if (isCheckBoxInput(type)) {
+        return field ? getCheckboxValue(field.options).value : false;
+    }
+    return value;
+}
+
+var isString = (value) => typeof value === 'string';
+
+var getFieldsValues = (fields, search) => {
+    const output = {};
+    const isSearchString = isString(search);
+    const isSearchArray = isArray(search);
+    for (const name in fields) {
+        if (isUndefined(search) ||
+            (isSearchString && name.startsWith(search)) ||
+            (isSearchArray &&
+                search.find((data) => name.startsWith(data)))) {
+            output[name] = getFieldValue(fields, fields[name].ref);
+        }
+    }
+    return output;
+};
+
+var isEmptyObject = (value) => isObject(value) && !Object.keys(value).length;
+
+var compareObject = (objectA = {}, objectB = {}) => Object.entries(objectA).reduce((previous, [key, value]) => previous ? objectB[key] && objectB[key] === value : false, true);
+
+var isSameError = (error, { type, types, message, }) => {
+    return (isObject(error) &&
+        error.type === type &&
+        error.message === message &&
+        compareObject(error.types, types));
+};
+
+function shouldUpdateWithError({ errors, name, error, validFields, fieldsWithValidation, }) {
+    const isFieldValid = isEmptyObject(error);
+    const isFormValid = isEmptyObject(errors);
+    const currentFieldError = get(error, name);
+    const existFieldError = get(errors, name);
+    if ((isFieldValid && validFields.has(name)) ||
+        (existFieldError && existFieldError.isManual)) {
+        return false;
+    }
+    if (isFormValid !== isFieldValid ||
+        (!isFormValid && !existFieldError) ||
+        (isFieldValid && fieldsWithValidation.has(name) && !validFields.has(name))) {
+        return true;
+    }
+    return currentFieldError && !isSameError(existFieldError, currentFieldError);
+}
+
+var isRegex = (value) => value instanceof RegExp;
+
+var getValueAndMessage = (validationData) => {
+    const isPureObject = isObject(validationData) && !isRegex(validationData);
+    return {
+        value: isPureObject
+            ? validationData.value
+            : validationData,
+        message: isPureObject
+            ? validationData.message
+            : '',
+    };
+};
+
+var isFunction = (value) => typeof value === 'function';
+
+var isBoolean = (value) => typeof value === 'boolean';
+
+function getValidateError(result, ref, type = 'validate') {
+    const isStringValue = isString(result);
+    if (isStringValue || (isBoolean(result) && !result)) {
+        const message = isStringValue ? result : '';
+        return {
+            type,
+            message,
+            ref,
+        };
+    }
+}
+
+var appendErrors = (name, validateAllFieldCriteria, errors, type, message) => {
+    if (!validateAllFieldCriteria) {
+        return {};
+    }
+    const error = errors[name];
+    return Object.assign(Object.assign({}, error), { types: Object.assign(Object.assign({}, (error && error.types ? error.types : {})), { [type]: message || true }) });
+};
+
+var validateField = async (fieldsRef, validateAllFieldCriteria, { ref, ref: { type, value, name, valueAsNumber, valueAsDate }, options, required, maxLength, minLength, min, max, pattern, validate, }) => {
+    const fields = fieldsRef.current;
+    const error = {};
+    const isRadio = isRadioInput(type);
+    const isCheckBox = isCheckBoxInput(type);
+    const isRadioOrCheckbox = isRadio || isCheckBox;
+    const isEmpty = isEmptyString(value);
+    const appendErrorsCurry = appendErrors.bind(null, name, validateAllFieldCriteria, error);
+    const getMinMaxMessage = (exceedMax, maxLengthMessage, minLengthMessage, maxType = INPUT_VALIDATION_RULES.maxLength, minType = INPUT_VALIDATION_RULES.minLength) => {
+        const message = exceedMax ? maxLengthMessage : minLengthMessage;
+        error[name] = Object.assign({ type: exceedMax ? maxType : minType, message,
+            ref }, (exceedMax
+            ? appendErrorsCurry(maxType, message)
+            : appendErrorsCurry(minType, message)));
+        if (!validateAllFieldCriteria) {
+            return error;
+        }
+    };
+    if (required &&
+        ((!isRadio && !isCheckBox && (isEmpty || isNullOrUndefined(value))) ||
+            (isBoolean(value) && !value) ||
+            (isCheckBox && !getCheckboxValue(options).isValid) ||
+            (isRadio && !getRadioValue(options).isValid))) {
+        const message = isString(required)
+            ? required
+            : getValueAndMessage(required).message;
+        error[name] = Object.assign({ type: INPUT_VALIDATION_RULES.required, message, ref: isRadioOrCheckbox ? fields[name].options[0].ref : ref }, appendErrorsCurry(INPUT_VALIDATION_RULES.required, message));
+        if (!validateAllFieldCriteria) {
+            return error;
+        }
+    }
+    if (!isNullOrUndefined(min) || !isNullOrUndefined(max)) {
+        let exceedMax;
+        let exceedMin;
+        const { value: maxValue, message: maxMessage } = getValueAndMessage(max);
+        const { value: minValue, message: minMessage } = getValueAndMessage(min);
+        if (type === 'number' || (!type && !isNaN(value))) {
+            const valueNumber = valueAsNumber || parseFloat(value);
+            if (!isNullOrUndefined(maxValue)) {
+                exceedMax = valueNumber > maxValue;
+            }
+            if (!isNullOrUndefined(minValue)) {
+                exceedMin = valueNumber < minValue;
+            }
+        }
+        else {
+            const valueDate = valueAsDate || new Date(value);
+            if (isString(maxValue)) {
+                exceedMax = valueDate > new Date(maxValue);
+            }
+            if (isString(minValue)) {
+                exceedMin = valueDate < new Date(minValue);
+            }
+        }
+        if (exceedMax || exceedMin) {
+            getMinMaxMessage(!!exceedMax, maxMessage, minMessage, INPUT_VALIDATION_RULES.max, INPUT_VALIDATION_RULES.min);
+            if (!validateAllFieldCriteria) {
+                return error;
+            }
+        }
+    }
+    if (isString(value) && !isEmpty && (maxLength || minLength)) {
+        const { value: maxLengthValue, message: maxLengthMessage, } = getValueAndMessage(maxLength);
+        const { value: minLengthValue, message: minLengthMessage, } = getValueAndMessage(minLength);
+        const inputLength = value.toString().length;
+        const exceedMax = maxLength && inputLength > maxLengthValue;
+        const exceedMin = minLength && inputLength < minLengthValue;
+        if (exceedMax || exceedMin) {
+            getMinMaxMessage(!!exceedMax, maxLengthMessage, minLengthMessage);
+            if (!validateAllFieldCriteria) {
+                return error;
+            }
+        }
+    }
+    if (pattern && !isEmpty) {
+        const { value: patternValue, message: patternMessage } = getValueAndMessage(pattern);
+        if (isRegex(patternValue) && !patternValue.test(value)) {
+            error[name] = Object.assign({ type: INPUT_VALIDATION_RULES.pattern, message: patternMessage, ref }, appendErrorsCurry(INPUT_VALIDATION_RULES.pattern, patternMessage));
+            if (!validateAllFieldCriteria) {
+                return error;
+            }
+        }
+    }
+    if (validate) {
+        const fieldValue = getFieldValue(fields, ref);
+        const validateRef = isRadioOrCheckbox && options ? options[0].ref : ref;
+        if (isFunction(validate)) {
+            const result = await validate(fieldValue);
+            const validateError = getValidateError(result, validateRef);
+            if (validateError) {
+                error[name] = Object.assign(Object.assign({}, validateError), appendErrorsCurry(INPUT_VALIDATION_RULES.validate, validateError.message));
+                if (!validateAllFieldCriteria) {
+                    return error;
+                }
+            }
+        }
+        else if (isObject(validate)) {
+            const validateFunctions = Object.entries(validate);
+            const validationResult = await new Promise((resolve) => {
+                validateFunctions.reduce(async (previous, [key, validate], index) => {
+                    if ((!isEmptyObject(await previous) && !validateAllFieldCriteria) ||
+                        !isFunction(validate)) {
+                        return resolve(previous);
+                    }
+                    let result;
+                    const validateResult = await validate(fieldValue);
+                    const validateError = getValidateError(validateResult, validateRef, key);
+                    if (validateError) {
+                        result = Object.assign(Object.assign({}, validateError), appendErrorsCurry(key, validateError.message));
+                        if (validateAllFieldCriteria) {
+                            error[name] = result;
+                        }
+                    }
+                    else {
+                        result = previous;
+                    }
+                    return validateFunctions.length - 1 === index
+                        ? resolve(result)
+                        : result;
+                }, {});
+            });
+            if (!isEmptyObject(validationResult)) {
+                error[name] = Object.assign({ ref: validateRef }, validationResult);
+                if (!validateAllFieldCriteria) {
+                    return error;
+                }
+            }
+        }
+    }
+    return error;
+};
+
+const parseErrorSchema = (error, validateAllFieldCriteria) => isArray(error.inner)
+    ? error.inner.reduce((previous, { path, message, type }) => (Object.assign(Object.assign({}, previous), (previous[path] && validateAllFieldCriteria
+        ? {
+            [path]: appendErrors(path, validateAllFieldCriteria, previous, type, message),
+        }
+        : {
+            [path]: previous[path] || Object.assign({ message,
+                type }, (validateAllFieldCriteria
+                ? {
+                    types: { [type]: message || true },
+                }
+                : {})),
+        }))), {})
+    : {
+        [error.path]: { message: error.message, type: error.type },
+    };
+async function validateWithSchema(validationSchema, validateAllFieldCriteria, data) {
+    try {
+        return {
+            values: await validationSchema.validate(data, { abortEarly: false }),
+            errors: {},
+        };
+    }
+    catch (e) {
+        return {
+            values: {},
+            errors: transformToNestObject(parseErrorSchema(e, validateAllFieldCriteria)),
+        };
+    }
+}
+
+var getDefaultValue = (defaultValues, name, defaultValue) => isUndefined(defaultValues[name])
+    ? get(defaultValues, name, defaultValue)
+    : defaultValues[name];
+
+function flatArray(list) {
+    return list.reduce((a, b) => a.concat(isArray(b) ? flatArray(b) : b), []);
+}
+
+var isPrimitive = (value) => isNullOrUndefined(value) || !isObjectType(value);
+
+const getPath = (path, values) => {
+    const getInnerPath = (value, key, isObject) => {
+        const pathWithIndex = isObject ? `${path}.${key}` : `${path}[${key}]`;
+        return isPrimitive(value) ? pathWithIndex : getPath(pathWithIndex, value);
+    };
+    return isArray(values)
+        ? values.map((value, key) => getInnerPath(value, key))
+        : Object.entries(values).map(([key, value]) => getInnerPath(value, key, true));
+};
+var getPath$1 = (parentPath, value) => flatArray(getPath(parentPath, value));
+
+var assignWatchFields = (fieldValues, fieldName, watchFields, combinedDefaultValues, watchFieldArray) => {
+    let value;
+    if (isEmptyObject(fieldValues)) {
+        value = watchFieldArray ? watchFieldArray : undefined;
+    }
+    else if (!isUndefined(fieldValues[fieldName])) {
+        watchFields.add(fieldName);
+        value = fieldValues[fieldName];
+    }
+    else {
+        value = get(transformToNestObject(fieldValues), fieldName);
+        if (isArray(watchFieldArray) &&
+            isArray(value) &&
+            value.length !== watchFieldArray.length) {
+            value = watchFieldArray;
+        }
+        if (!isUndefined(value)) {
+            getPath$1(fieldName, value).forEach(name => watchFields.add(name));
+        }
+    }
+    return isUndefined(value)
+        ? isObject(combinedDefaultValues)
+            ? getDefaultValue(combinedDefaultValues, fieldName)
+            : combinedDefaultValues
+        : value;
+};
+
+var skipValidation = ({ hasError, isBlurEvent, isOnSubmit, isReValidateOnSubmit, isOnBlur, isReValidateOnBlur, isSubmitted, }) => (isOnSubmit && isReValidateOnSubmit) ||
+    (isOnSubmit && !isSubmitted) ||
+    (isOnBlur && !isBlurEvent && !hasError) ||
+    (isReValidateOnBlur && !isBlurEvent && hasError) ||
+    (isReValidateOnSubmit && isSubmitted);
+
+var getFieldValueByName = (fields, name) => {
+    const results = transformToNestObject(getFieldsValues(fields));
+    return name ? get(results, name, results) : results;
+};
+
+function getIsFieldsDifferent(referenceArray, differenceArray) {
+    let isMatch = false;
+    if (!isArray(referenceArray) ||
+        !isArray(differenceArray) ||
+        referenceArray.length !== differenceArray.length) {
+        return true;
+    }
+    for (let i = 0; i < referenceArray.length; i++) {
+        if (isMatch) {
+            break;
+        }
+        const dataA = referenceArray[i];
+        const dataB = differenceArray[i];
+        if (!dataB || Object.keys(dataA).length !== Object.keys(dataB).length) {
+            isMatch = true;
+            break;
+        }
+        for (const key in dataA) {
+            if (!dataB[key] || dataA[key] !== dataB[key]) {
+                isMatch = true;
+                break;
+            }
+        }
+    }
+    return isMatch;
+}
+
+const isMatchFieldArrayName = (name, searchName) => name.startsWith(`${searchName}[`);
+var isNameInFieldArray = (names, name) => [...names].reduce((prev, current) => (isMatchFieldArrayName(name, current) ? true : prev), false);
+
+var isFileListObject = (data) => typeof FileList !== UNDEFINED && data instanceof FileList;
+
+function onDomRemove(element, onDetachCallback) {
+    const observer = new MutationObserver(() => {
+        if (isDetached(element)) {
+            observer.disconnect();
+            onDetachCallback();
+        }
+    });
+    observer.observe(window.document, {
+        childList: true,
+        subtree: true,
+    });
+    return observer;
+}
+
+const unsetObject = (target) => {
+    for (const key in target) {
+        const data = target[key];
+        const isArrayObject = isArray(data);
+        if ((isObject(data) || isArrayObject) && !data.ref) {
+            unsetObject(data);
+        }
+        if ((isUndefined(data) ||
+            isEmptyObject(data) ||
+            (isArrayObject && !target[key].filter(Boolean).length)) &&
+            !isFileListObject(target)) {
+            delete target[key];
+        }
+    }
+    return target;
+};
+const unset = (target, paths) => {
+    paths.forEach(path => {
+        set(target, path, undefined);
+    });
+    return unsetObject(target);
+};
+
+var modeChecker = (mode) => ({
+    isOnSubmit: !mode || mode === VALIDATION_MODE.onSubmit,
+    isOnBlur: mode === VALIDATION_MODE.onBlur,
+    isOnChange: mode === VALIDATION_MODE.onChange,
+});
+
+const { useRef, useState, useCallback, useEffect } = React;
+function useForm({ mode = VALIDATION_MODE.onSubmit, reValidateMode = VALIDATION_MODE.onChange, validationSchema, defaultValues = {}, submitFocusError = true, validateCriteriaMode, } = {}) {
+    const fieldsRef = useRef({});
+    const validateAllFieldCriteria = validateCriteriaMode === 'all';
+    const errorsRef = useRef({});
+    const touchedFieldsRef = useRef({});
+    const watchFieldArrayRef = useRef({});
+    const watchFieldsRef = useRef(new Set());
+    const dirtyFieldsRef = useRef(new Set());
+    const fieldsWithValidationRef = useRef(new Set());
+    const validFieldsRef = useRef(new Set());
+    const isValidRef = useRef(true);
+    const defaultRenderValuesRef = useRef({});
+    const defaultValuesRef = useRef(defaultValues);
+    const isUnMount = useRef(false);
+    const isWatchAllRef = useRef(false);
+    const isSubmittedRef = useRef(false);
+    const isDirtyRef = useRef(false);
+    const submitCountRef = useRef(0);
+    const isSubmittingRef = useRef(false);
+    const handleChangeRef = useRef();
+    const resetFieldArrayFunctionRef = useRef({});
+    const fieldArrayNamesRef = useRef(new Set());
+    const [, render] = useState();
+    const { isOnBlur, isOnSubmit } = useRef(modeChecker(mode)).current;
+    const isWindowUndefined = typeof window === UNDEFINED;
+    const isWeb = typeof document !== UNDEFINED &&
+        !isWindowUndefined &&
+        !isUndefined(window.HTMLElement);
+    const isProxyEnabled = isWeb && 'Proxy' in window;
+    const readFormStateRef = useRef({
+        dirty: !isProxyEnabled,
+        dirtyFields: !isProxyEnabled,
+        isSubmitted: isOnSubmit,
+        submitCount: !isProxyEnabled,
+        touched: !isProxyEnabled,
+        isSubmitting: !isProxyEnabled,
+        isValid: !isProxyEnabled,
+    });
+    const { isOnBlur: isReValidateOnBlur, isOnSubmit: isReValidateOnSubmit, } = useRef(modeChecker(reValidateMode)).current;
+    const reRender = useCallback(() => {
+        if (!isUnMount.current) {
+            render({});
+        }
+    }, []);
+    const shouldRenderBaseOnError = useCallback((name, error, shouldRender, skipReRender) => {
+        let shouldReRender = shouldRender ||
+            shouldUpdateWithError({
+                errors: errorsRef.current,
+                error,
+                name,
+                validFields: validFieldsRef.current,
+                fieldsWithValidation: fieldsWithValidationRef.current,
+            });
+        if (isEmptyObject(error)) {
+            if (fieldsWithValidationRef.current.has(name) || validationSchema) {
+                validFieldsRef.current.add(name);
+                shouldReRender = shouldReRender || get(errorsRef.current, name);
+            }
+            errorsRef.current = unset(errorsRef.current, [name]);
+        }
+        else {
+            validFieldsRef.current.delete(name);
+            shouldReRender = shouldReRender || !get(errorsRef.current, name);
+            set(errorsRef.current, name, error[name]);
+        }
+        if (shouldReRender && !skipReRender) {
+            reRender();
+            return true;
+        }
+    }, [reRender, validationSchema]);
+    const setFieldValue = useCallback((name, rawValue) => {
+        const field = fieldsRef.current[name];
+        if (!field) {
+            return false;
+        }
+        const ref = field.ref;
+        const options = field.options;
+        const { type } = ref;
+        const value = isWeb &&
+            ref instanceof window.HTMLElement &&
+            isNullOrUndefined(rawValue)
+            ? ''
+            : rawValue;
+        if (isRadioInput(type) && options) {
+            options.forEach(({ ref: radioRef }) => (radioRef.checked = radioRef.value === value));
+        }
+        else if (isFileInput(type)) {
+            if (isEmptyString(value) ||
+                isFileListObject(value)) {
+                ref.files = value;
+            }
+            else {
+                ref.value = value;
+            }
+        }
+        else if (isMultipleSelect(type)) {
+            [...ref.options].forEach(selectRef => (selectRef.selected = value.includes(selectRef.value)));
+        }
+        else if (isCheckBoxInput(type) && options) {
+            options.length > 1
+                ? options.forEach(({ ref: checkboxRef }) => (checkboxRef.checked = value.includes(checkboxRef.value)))
+                : (options[0].ref.checked = !!value);
+        }
+        else {
+            ref.value = value;
+        }
+        return type;
+    }, [isWeb]);
+    const setDirty = (name) => {
+        if (!fieldsRef.current[name] ||
+            (!readFormStateRef.current.dirty && !readFormStateRef.current.dirtyFields)) {
+            return false;
+        }
+        const isFieldArray = isNameInFieldArray(fieldArrayNamesRef.current, name);
+        const previousDirtyFieldsLength = dirtyFieldsRef.current.size;
+        let isDirty = defaultRenderValuesRef.current[name] !==
+            getFieldValue(fieldsRef.current, fieldsRef.current[name].ref);
+        if (isFieldArray) {
+            const fieldArrayName = name.substring(0, name.indexOf('['));
+            isDirty = getIsFieldsDifferent(getFieldValueByName(fieldsRef.current, fieldArrayName), get(defaultValuesRef.current, fieldArrayName));
+        }
+        const isDirtyChanged = (isFieldArray ? isDirtyRef.current : dirtyFieldsRef.current.has(name)) !==
+            isDirty;
+        if (isDirty) {
+            dirtyFieldsRef.current.add(name);
+        }
+        else {
+            dirtyFieldsRef.current.delete(name);
+        }
+        isDirtyRef.current = isFieldArray ? isDirty : !!dirtyFieldsRef.current.size;
+        return readFormStateRef.current.dirty
+            ? isDirtyChanged
+            : previousDirtyFieldsLength !== dirtyFieldsRef.current.size;
+    };
+    const setInternalValue = useCallback((name, value) => {
+        setFieldValue(name, value);
+        if (setDirty(name) ||
+            (!get(touchedFieldsRef.current, name) &&
+                readFormStateRef.current.touched)) {
+            return !!set(touchedFieldsRef.current, name, true);
+        }
+    }, [setFieldValue]);
+    const executeValidation = useCallback(async (name, skipReRender) => {
+        const field = fieldsRef.current[name];
+        if (!field) {
+            return false;
+        }
+        const error = await validateField(fieldsRef, validateAllFieldCriteria, field);
+        shouldRenderBaseOnError(name, error, false, skipReRender);
+        return isEmptyObject(error);
+    }, [shouldRenderBaseOnError, validateAllFieldCriteria]);
+    const executeSchemaValidation = useCallback(async (payload) => {
+        const { errors } = await validateWithSchema(validationSchema, validateAllFieldCriteria, getFieldValueByName(fieldsRef.current));
+        const previousFormIsValid = isValidRef.current;
+        isValidRef.current = isEmptyObject(errors);
+        if (isArray(payload)) {
+            payload.forEach(name => {
+                const error = get(errors, name);
+                if (error) {
+                    set(errorsRef.current, name, error);
+                }
+                else {
+                    unset(errorsRef.current, [name]);
+                }
+            });
+            reRender();
+        }
+        else {
+            shouldRenderBaseOnError(payload, (get(errors, payload)
+                ? { [payload]: get(errors, payload) }
+                : {}), previousFormIsValid !== isValidRef.current);
+        }
+        return isEmptyObject(errorsRef.current);
+    }, [
+        reRender,
+        shouldRenderBaseOnError,
+        validateAllFieldCriteria,
+        validationSchema,
+    ]);
+    const triggerValidation = useCallback(async (payload) => {
+        const fields = payload || Object.keys(fieldsRef.current);
+        if (validationSchema) {
+            return executeSchemaValidation(fields);
+        }
+        if (isArray(fields)) {
+            const result = await Promise.all(fields.map(async (data) => await executeValidation(data, true)));
+            reRender();
+            return result.every(Boolean);
+        }
+        return await executeValidation(fields);
+    }, [executeSchemaValidation, executeValidation, reRender, validationSchema]);
+    const setValue = useCallback((name, value, shouldValidate) => {
+        const shouldRender = setInternalValue(name, value) ||
+            isWatchAllRef.current ||
+            watchFieldsRef.current.has(name);
+        if (shouldRender) {
+            reRender();
+        }
+        if (shouldValidate) {
+            triggerValidation(name);
+        }
+        return;
+    }, [reRender, setInternalValue, triggerValidation]);
+    handleChangeRef.current = handleChangeRef.current
+        ? handleChangeRef.current
+        : async ({ type, target }) => {
+            const name = target ? target.name : '';
+            const fields = fieldsRef.current;
+            const errors = errorsRef.current;
+            const field = fields[name];
+            const currentError = get(errors, name);
+            let error;
+            if (!field) {
+                return;
+            }
+            const isBlurEvent = type === EVENTS.BLUR;
+            const shouldSkipValidation = skipValidation({
+                hasError: !!currentError,
+                isBlurEvent,
+                isOnSubmit,
+                isReValidateOnSubmit,
+                isOnBlur,
+                isReValidateOnBlur,
+                isSubmitted: isSubmittedRef.current,
+            });
+            const shouldUpdateDirty = setDirty(name);
+            let shouldUpdateState = isWatchAllRef.current ||
+                watchFieldsRef.current.has(name) ||
+                shouldUpdateDirty;
+            if (isBlurEvent &&
+                !get(touchedFieldsRef.current, name) &&
+                readFormStateRef.current.touched) {
+                set(touchedFieldsRef.current, name, true);
+                shouldUpdateState = true;
+            }
+            if (shouldSkipValidation) {
+                return shouldUpdateState && reRender();
+            }
+            if (validationSchema) {
+                const { errors } = await validateWithSchema(validationSchema, validateAllFieldCriteria, getFieldValueByName(fields));
+                const previousFormIsValid = isValidRef.current;
+                isValidRef.current = isEmptyObject(errors);
+                error = (get(errors, name)
+                    ? { [name]: get(errors, name) }
+                    : {});
+                if (previousFormIsValid !== isValidRef.current) {
+                    shouldUpdateState = true;
+                }
+            }
+            else {
+                error = await validateField(fieldsRef, validateAllFieldCriteria, field);
+            }
+            if (!shouldRenderBaseOnError(name, error) && shouldUpdateState) {
+                reRender();
+            }
+        };
+    const validateSchemaIsValid = useCallback(() => {
+        const fieldValues = isEmptyObject(defaultValuesRef.current)
+            ? getFieldsValues(fieldsRef.current)
+            : defaultValuesRef.current;
+        validateWithSchema(validationSchema, validateAllFieldCriteria, transformToNestObject(fieldValues)).then(({ errors }) => {
+            const previousFormIsValid = isValidRef.current;
+            isValidRef.current = isEmptyObject(errors);
+            if (previousFormIsValid !== isValidRef.current) {
+                reRender();
+            }
+        });
+    }, [reRender, validateAllFieldCriteria, validationSchema]);
+    const resetFieldRef = useCallback((name) => {
+        errorsRef.current = unset(errorsRef.current, [name]);
+        touchedFieldsRef.current = unset(touchedFieldsRef.current, [name]);
+        defaultRenderValuesRef.current = unset(defaultRenderValuesRef.current, [
+            name,
+        ]);
+        [
+            dirtyFieldsRef,
+            fieldsWithValidationRef,
+            validFieldsRef,
+            watchFieldsRef,
+        ].forEach(data => data.current.delete(name));
+        if (readFormStateRef.current.isValid ||
+            readFormStateRef.current.touched) {
+            reRender();
+        }
+        if (validationSchema) {
+            validateSchemaIsValid();
+        }
+    }, [reRender]);
+    const removeFieldEventListener = (field, forceDelete) => {
+        if (!isUndefined(handleChangeRef.current) && field) {
+            findRemovedFieldAndRemoveListener(fieldsRef.current, handleChangeRef.current, field, forceDelete);
+        }
+    };
+    const removeFieldEventListenerAndRef = useCallback((field, forceDelete) => {
+        if (!field ||
+            (field &&
+                isNameInFieldArray(fieldArrayNamesRef.current, field.ref.name) &&
+                !forceDelete)) {
+            return;
+        }
+        removeFieldEventListener(field, forceDelete);
+        resetFieldRef(field.ref.name);
+    }, [resetFieldRef]);
+    function clearError(name) {
+        if (isUndefined(name)) {
+            errorsRef.current = {};
+        }
+        else {
+            unset(errorsRef.current, isArray(name) ? name : [name]);
+        }
+        reRender();
+    }
+    const setInternalError = ({ name, type, types, message, preventRender, }) => {
+        const field = fieldsRef.current[name];
+        if (!isSameError(errorsRef.current[name], {
+            type,
+            message,
+            types,
+        })) {
+            set(errorsRef.current, name, {
+                type,
+                types,
+                message,
+                ref: field ? field.ref : {},
+                isManual: true,
+            });
+            if (!preventRender) {
+                reRender();
+            }
+        }
+    };
+    function setError(name, type = '', message) {
+        if (isString(name)) {
+            setInternalError(Object.assign({ name }, (isObject(type)
+                ? {
+                    types: type,
+                    type: '',
+                }
+                : {
+                    type,
+                    message,
+                })));
+        }
+        else if (isArray(name)) {
+            name.forEach(error => setInternalError(Object.assign(Object.assign({}, error), { preventRender: true })));
+            reRender();
+        }
+    }
+    function watch(fieldNames, defaultValue) {
+        const combinedDefaultValues = isUndefined(defaultValue)
+            ? isUndefined(defaultValuesRef.current)
+                ? {}
+                : defaultValuesRef.current
+            : defaultValue;
+        const fieldValues = getFieldsValues(fieldsRef.current, fieldNames);
+        const watchFields = watchFieldsRef.current;
+        if (isProxyEnabled) {
+            readFormStateRef.current.dirty = true;
+        }
+        if (isString(fieldNames)) {
+            return assignWatchFields(fieldValues, fieldNames, watchFields, combinedDefaultValues, fieldArrayNamesRef.current.has(fieldNames)
+                ? watchFieldArrayRef.current[fieldNames]
+                : undefined);
+        }
+        if (isArray(fieldNames)) {
+            return fieldNames.reduce((previous, name) => {
+                let value;
+                if (isEmptyObject(fieldsRef.current) &&
+                    isObject(combinedDefaultValues)) {
+                    value = getDefaultValue(combinedDefaultValues, name);
+                }
+                else {
+                    value = assignWatchFields(fieldValues, name, watchFields, combinedDefaultValues);
+                }
+                return Object.assign(Object.assign({}, previous), { [name]: value });
+            }, {});
+        }
+        isWatchAllRef.current = true;
+        const result = (!isEmptyObject(fieldValues) && fieldValues) ||
+            defaultValue ||
+            defaultValuesRef.current;
+        return fieldNames && fieldNames.nest
+            ? transformToNestObject(result)
+            : result;
+    }
+    function unregister(names) {
+        if (!isEmptyObject(fieldsRef.current)) {
+            (isArray(names) ? names : [names]).forEach(fieldName => removeFieldEventListenerAndRef(fieldsRef.current[fieldName], true));
+        }
+    }
+    function registerFieldsRef(ref, validateOptions = {}) {
+        if (!ref.name) {
+            return console.warn('Missing name @', ref);
+        }
+        const { name, type, value } = ref;
+        const fieldAttributes = Object.assign({ ref }, validateOptions);
+        const fields = fieldsRef.current;
+        const isRadioOrCheckbox = isRadioInput(type) || isCheckBoxInput(type);
+        let currentField = fields[name];
+        let isEmptyDefaultValue = true;
+        let isFieldArray = false;
+        let defaultValue;
+        if (isRadioOrCheckbox
+            ? currentField &&
+                isArray(currentField.options) &&
+                currentField.options.find(({ ref }) => value === ref.value)
+            : currentField) {
+            fields[name] = Object.assign(Object.assign({}, currentField), validateOptions);
+            return;
+        }
+        if (type) {
+            const mutationWatcher = onDomRemove(ref, () => removeFieldEventListenerAndRef(fieldAttributes));
+            currentField = isRadioOrCheckbox
+                ? Object.assign({ options: [
+                        ...((currentField && currentField.options) || []),
+                        {
+                            ref,
+                            mutationWatcher,
+                        },
+                    ], ref: { type, name } }, validateOptions) : Object.assign(Object.assign({}, fieldAttributes), { mutationWatcher });
+        }
+        else {
+            currentField = fieldAttributes;
+        }
+        fields[name] = currentField;
+        if (!isEmptyObject(defaultValuesRef.current)) {
+            defaultValue = getDefaultValue(defaultValuesRef.current, name);
+            isEmptyDefaultValue = isUndefined(defaultValue);
+            isFieldArray = isNameInFieldArray(fieldArrayNamesRef.current, name);
+            if (!isEmptyDefaultValue && !isFieldArray) {
+                setFieldValue(name, defaultValue);
+            }
+        }
+        if (validationSchema && readFormStateRef.current.isValid) {
+            validateSchemaIsValid();
+        }
+        else if (!isEmptyObject(validateOptions)) {
+            fieldsWithValidationRef.current.add(name);
+            if (!isOnSubmit && readFormStateRef.current.isValid) {
+                validateField(fieldsRef, validateAllFieldCriteria, currentField).then(error => {
+                    const previousFormIsValid = isValidRef.current;
+                    if (isEmptyObject(error)) {
+                        validFieldsRef.current.add(name);
+                    }
+                    else {
+                        isValidRef.current = false;
+                    }
+                    if (previousFormIsValid !== isValidRef.current) {
+                        reRender();
+                    }
+                });
+            }
+        }
+        if (!defaultRenderValuesRef.current[name] &&
+            !(isFieldArray && isEmptyDefaultValue)) {
+            defaultRenderValuesRef.current[name] = isEmptyDefaultValue
+                ? getFieldValue(fields, currentField.ref)
+                : defaultValue;
+        }
+        if (!type) {
+            return;
+        }
+        const fieldToAttachListener = isRadioOrCheckbox && currentField.options
+            ? currentField.options[currentField.options.length - 1]
+            : currentField;
+        attachEventListeners({
+            field: fieldToAttachListener,
+            isRadioOrCheckbox,
+            handleChange: handleChangeRef.current,
+        });
+    }
+    function register(refOrValidationOptions, validationOptions) {
+        if (isWindowUndefined) {
+            return;
+        }
+        if (isString(refOrValidationOptions)) {
+            registerFieldsRef({ name: refOrValidationOptions }, validationOptions);
+            return;
+        }
+        if (isObject(refOrValidationOptions) && 'name' in refOrValidationOptions) {
+            registerFieldsRef(refOrValidationOptions, validationOptions);
+            return;
+        }
+        return (ref) => ref && registerFieldsRef(ref, refOrValidationOptions);
+    }
+    const handleSubmit = useCallback((callback) => async (e) => {
+        if (e) {
+            e.preventDefault();
+            e.persist();
+        }
+        let fieldErrors;
+        let fieldValues;
+        const fields = fieldsRef.current;
+        if (readFormStateRef.current.isSubmitting) {
+            isSubmittingRef.current = true;
+            reRender();
+        }
+        try {
+            if (validationSchema) {
+                fieldValues = getFieldsValues(fields);
+                const { errors, values } = await validateWithSchema(validationSchema, validateAllFieldCriteria, transformToNestObject(fieldValues));
+                errorsRef.current = errors;
+                fieldErrors = errors;
+                fieldValues = values;
+            }
+            else {
+                const { errors, values, } = await Object.values(fields).reduce(async (previous, field) => {
+                    if (!field) {
+                        return previous;
+                    }
+                    const resolvedPrevious = await previous;
+                    const { ref, ref: { name }, } = field;
+                    if (!fields[name]) {
+                        return Promise.resolve(resolvedPrevious);
+                    }
+                    const fieldError = await validateField(fieldsRef, validateAllFieldCriteria, field);
+                    if (fieldError[name]) {
+                        set(resolvedPrevious.errors, name, fieldError[name]);
+                        validFieldsRef.current.delete(name);
+                        return Promise.resolve(resolvedPrevious);
+                    }
+                    if (fieldsWithValidationRef.current.has(name)) {
+                        validFieldsRef.current.add(name);
+                    }
+                    resolvedPrevious.values[name] = getFieldValue(fields, ref);
+                    return Promise.resolve(resolvedPrevious);
+                }, Promise.resolve({
+                    errors: {},
+                    values: {},
+                }));
+                fieldErrors = errors;
+                fieldValues = values;
+            }
+            if (isEmptyObject(fieldErrors)) {
+                errorsRef.current = {};
+                await callback(transformToNestObject(fieldValues), e);
+            }
+            else {
+                if (submitFocusError) {
+                    focusErrorField(fields, fieldErrors);
+                }
+                errorsRef.current = fieldErrors;
+            }
+        }
+        finally {
+            isSubmittedRef.current = true;
+            isSubmittingRef.current = false;
+            submitCountRef.current = submitCountRef.current + 1;
+            reRender();
+        }
+    }, [reRender, submitFocusError, validateAllFieldCriteria, validationSchema]);
+    const resetRefs = () => {
+        errorsRef.current = {};
+        fieldsRef.current = {};
+        touchedFieldsRef.current = {};
+        validFieldsRef.current = new Set();
+        fieldsWithValidationRef.current = new Set();
+        defaultRenderValuesRef.current = {};
+        watchFieldsRef.current = new Set();
+        dirtyFieldsRef.current = new Set();
+        isWatchAllRef.current = false;
+        isSubmittedRef.current = false;
+        isDirtyRef.current = false;
+        isValidRef.current = true;
+        submitCountRef.current = 0;
+    };
+    const reset = (values) => {
+        for (const value of Object.values(fieldsRef.current)) {
+            if (value && value.ref && value.ref.closest) {
+                try {
+                    value.ref.closest('form').reset();
+                    break;
+                }
+                catch (_a) { }
+            }
+        }
+        if (values) {
+            defaultValuesRef.current = values;
+        }
+        Object.values(resetFieldArrayFunctionRef.current).forEach(resetFieldArray => isFunction(resetFieldArray) && resetFieldArray());
+        resetRefs();
+        reRender();
+    };
+    const getValues = (payload) => {
+        const fieldValues = getFieldsValues(fieldsRef.current);
+        const outputValues = isEmptyObject(fieldValues)
+            ? defaultValuesRef.current
+            : fieldValues;
+        return payload && payload.nest
+            ? transformToNestObject(outputValues)
+            : outputValues;
+    };
+    useEffect(() => () => {
+        isUnMount.current = true;
+        fieldsRef.current &&
+            Object.values(fieldsRef.current).forEach((field) => removeFieldEventListenerAndRef(field, true));
+    }, [removeFieldEventListenerAndRef]);
+    if (!validationSchema) {
+        isValidRef.current =
+            validFieldsRef.current.size >= fieldsWithValidationRef.current.size &&
+                isEmptyObject(errorsRef.current);
+    }
+    const formState = {
+        dirty: isDirtyRef.current,
+        dirtyFields: dirtyFieldsRef.current,
+        isSubmitted: isSubmittedRef.current,
+        submitCount: submitCountRef.current,
+        touched: touchedFieldsRef.current,
+        isSubmitting: isSubmittingRef.current,
+        isValid: isOnSubmit
+            ? isSubmittedRef.current && isEmptyObject(errorsRef.current)
+            : isEmptyObject(fieldsRef.current) || isValidRef.current,
+    };
+    const control = {
+        register,
+        unregister,
+        removeFieldEventListener,
+        getValues,
+        setValue,
+        triggerValidation,
+        formState,
+        mode: {
+            isOnBlur,
+            isOnSubmit,
+        },
+        reValidateMode: {
+            isReValidateOnBlur,
+            isReValidateOnSubmit,
+        },
+        errorsRef,
+        touchedFieldsRef,
+        fieldsRef,
+        resetFieldArrayFunctionRef,
+        watchFieldArrayRef,
+        fieldArrayNamesRef,
+        isDirtyRef,
+        readFormStateRef,
+        defaultValuesRef,
+    };
+    return {
+        watch,
+        control,
+        handleSubmit,
+        setValue,
+        triggerValidation,
+        getValues: useCallback(getValues, []),
+        reset: useCallback(reset, []),
+        register: useCallback(register, [
+            defaultValuesRef.current,
+            defaultRenderValuesRef.current,
+        ]),
+        unregister: useCallback(unregister, []),
+        clearError: useCallback(clearError, []),
+        setError: useCallback(setError, []),
+        errors: errorsRef.current,
+        formState: isProxyEnabled
+            ? new Proxy(formState, {
+                get: (obj, prop) => {
+                    if (prop in obj) {
+                        readFormStateRef.current[prop] = true;
+                        return obj[prop];
+                    }
+                    return {};
+                },
+            })
+            : formState,
+    };
+}
+
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation. All rights reserved.
+Licensed under the Apache License, Version 2.0 (the "License"); you may not use
+this file except in compliance with the License. You may obtain a copy of the
+License at http://www.apache.org/licenses/LICENSE-2.0
+
+THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
+WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
+MERCHANTABLITY OR NON-INFRINGEMENT.
+
+See the Apache Version 2.0 License for specific language governing permissions
+and limitations under the License.
+***************************************************************************** */
+
+function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+const FormGlobalContext = React.createContext(null);
+function useFormContext() {
+    return React.useContext(FormGlobalContext);
+}
+function FormContext(_a) {
+    var { children, formState, errors } = _a, restMethods = __rest(_a, ["children", "formState", "errors"]);
+    return (React.createElement(FormGlobalContext.Provider, { value: Object.assign(Object.assign({}, restMethods), { formState, errors }) }, children));
+}
+
+var generateId = () => {
+    const d = typeof performance === UNDEFINED ? Date.now() : performance.now() * 1000;
+    return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
+        const r = (Math.random() * 16 + d) % 16 | 0;
+        return (c == 'x' ? r : (r & 0x3) | 0x8).toString(16);
+    });
+};
+
+const appendId = (value) => (Object.assign(Object.assign({}, (isObject(value) ? value : { value })), { id: generateId() }));
+const mapIds = (data) => (isArray(data) ? data : []).map(value => appendId(value));
+
+var removeArrayAt = (data, index) => !isUndefined(index) && isArray(data)
+    ? [...data.slice(0, index), ...data.slice(index + 1)]
+    : [];
+
+var moveArrayAt = (data, from, to) => isArray(data) ? data.splice(to, 0, data.splice(from, 1)[0]) : [];
+
+var swapArrayAt = (fields, indexA, indexB) => isArray(fields) &&
+    ([fields[indexA], fields[indexB]] = [fields[indexB], fields[indexA]]);
+
+var prependAt = (data, value) => [
+    ...(isArray(value) ? value : [value || null]),
+    ...data,
+];
+
+var insertAt = (data, index, value) => [
+    ...data.slice(0, index),
+    ...(isArray(value) ? value : [value || null]),
+    ...data.slice(index),
+];
+
+var fillEmptyArray = (value) => isArray(value) ? Array(value.length).fill(null) : undefined;
+
+const { useEffect: useEffect$1, useRef: useRef$1, useState: useState$1 } = React;
+function useFieldArray({ control, name }) {
+    const methods = useFormContext();
+    const { resetFieldArrayFunctionRef, fieldArrayNamesRef, fieldsRef, getValues, defaultValuesRef, removeFieldEventListener, errorsRef, isDirtyRef, touchedFieldsRef, readFormStateRef, watchFieldArrayRef, } = control || methods.control;
+    const memoizedDefaultValues = useRef$1(get(defaultValuesRef.current, name, []));
+    const [fields, setField] = useState$1(mapIds(memoizedDefaultValues.current));
+    const resetFields = (flagOrFields) => {
+        if (readFormStateRef.current.dirty) {
+            isDirtyRef.current = isUndefined(flagOrFields)
+                ? true
+                : getIsFieldsDifferent(flagOrFields, memoizedDefaultValues.current);
+        }
+        for (const key in fieldsRef.current) {
+            if (isMatchFieldArrayName(key, name) && fieldsRef.current[key]) {
+                removeFieldEventListener(fieldsRef.current[key], true);
+            }
+        }
+    };
+    const mapCurrentFieldsValueWithState = () => {
+        const currentFieldsValue = getValues({ nest: true })[name];
+        if (isArray(currentFieldsValue)) {
+            for (let i = 0; i < currentFieldsValue.length; i++) {
+                fields[i] = Object.assign(Object.assign({}, fields[i]), currentFieldsValue[i]);
+            }
+        }
+    };
+    const append = (value) => {
+        mapCurrentFieldsValueWithState();
+        if (readFormStateRef.current.dirty) {
+            isDirtyRef.current = true;
+        }
+        watchFieldArrayRef.current[name] = [
+            ...fields,
+            ...(isArray(value) ? value.map(appendId) : [appendId(value)]),
+        ];
+        setField(watchFieldArrayRef.current[name]);
+    };
+    const prepend = (value) => {
+        mapCurrentFieldsValueWithState();
+        resetFields();
+        watchFieldArrayRef.current[name] = prependAt(fields, isArray(value) ? value.map(appendId) : [appendId(value)]);
+        setField(watchFieldArrayRef.current[name]);
+        if (errorsRef.current[name]) {
+            errorsRef.current[name] = prependAt(errorsRef.current[name], fillEmptyArray(value));
+        }
+        if (readFormStateRef.current.touched && touchedFieldsRef.current[name]) {
+            touchedFieldsRef.current[name] = prependAt(touchedFieldsRef.current[name], fillEmptyArray(value));
+        }
+    };
+    const remove = (index) => {
+        if (!isUndefined(index)) {
+            mapCurrentFieldsValueWithState();
+        }
+        resetFields(removeArrayAt(getFieldValueByName(fieldsRef.current, name), index));
+        watchFieldArrayRef.current[name] = removeArrayAt(fields, index);
+        setField(watchFieldArrayRef.current[name]);
+        if (errorsRef.current[name]) {
+            errorsRef.current[name] = removeArrayAt(errorsRef.current[name], index);
+        }
+        if (readFormStateRef.current.touched && touchedFieldsRef.current[name]) {
+            touchedFieldsRef.current[name] = removeArrayAt(touchedFieldsRef.current[name], index);
+        }
+    };
+    const insert = (index, value) => {
+        mapCurrentFieldsValueWithState();
+        resetFields(insertAt(getFieldValueByName(fieldsRef.current, name), index));
+        watchFieldArrayRef.current[name] = insertAt(fields, index, isArray(value) ? value.map(appendId) : [appendId(value)]);
+        setField(watchFieldArrayRef.current[name]);
+        if (errorsRef.current[name]) {
+            errorsRef.current[name] = insertAt(errorsRef.current[name], index, fillEmptyArray(value));
+        }
+        if (readFormStateRef.current.touched && touchedFieldsRef.current[name]) {
+            touchedFieldsRef.current[name] = insertAt(touchedFieldsRef.current[name], index, fillEmptyArray(value));
+        }
+    };
+    const swap = (indexA, indexB) => {
+        mapCurrentFieldsValueWithState();
+        const fieldValues = getFieldValueByName(fieldsRef.current, name);
+        swapArrayAt(fieldValues, indexA, indexB);
+        resetFields(fieldValues);
+        swapArrayAt(fields, indexA, indexB);
+        setField([...fields]);
+        watchFieldArrayRef.current[name] = fields;
+        if (errorsRef.current[name]) {
+            swapArrayAt(errorsRef.current[name], indexA, indexB);
+        }
+        if (readFormStateRef.current.touched && touchedFieldsRef.current[name]) {
+            swapArrayAt(touchedFieldsRef.current[name], indexA, indexB);
+        }
+    };
+    const move = (from, to) => {
+        mapCurrentFieldsValueWithState();
+        const fieldValues = getFieldValueByName(fieldsRef.current, name);
+        moveArrayAt(fieldValues, from, to);
+        resetFields(fieldValues);
+        moveArrayAt(fields, from, to);
+        setField([...fields]);
+        watchFieldArrayRef.current[name] = fields;
+        if (errorsRef.current[name]) {
+            moveArrayAt(errorsRef.current[name], from, to);
+        }
+        if (readFormStateRef.current.touched && touchedFieldsRef.current[name]) {
+            moveArrayAt(touchedFieldsRef.current[name], from, to);
+        }
+    };
+    const reset = () => {
+        resetFields();
+        memoizedDefaultValues.current = get(defaultValuesRef.current, name, []);
+        setField(mapIds(memoizedDefaultValues.current));
+    };
+    useEffect$1(() => {
+        const resetFunctions = resetFieldArrayFunctionRef.current;
+        const fieldArrayNames = fieldArrayNamesRef.current;
+        fieldArrayNames.add(name);
+        resetFunctions[name] = reset;
+        watchFieldArrayRef.current[name] = {};
+        return () => {
+            resetFields();
+            delete resetFunctions[name];
+            fieldArrayNames.delete(name);
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [name]);
+    return {
+        swap,
+        move,
+        prepend,
+        append,
+        remove,
+        insert,
+        fields,
+    };
+}
+
+var getInputValue = (target, isCheckbox) => {
+    if (isNullOrUndefined(target)) {
+        return target;
+    }
+    return isCheckbox
+        ? isUndefined(target.checked)
+            ? target
+            : target.checked
+        : isUndefined(target.value)
+            ? target
+            : target.value;
+};
+
+const Controller = (_a) => {
+    var { name, rules, as: InnerComponent, onBlur, onChange, onChangeName = VALIDATION_MODE.onChange, onBlurName = VALIDATION_MODE.onBlur, valueName, defaultValue, control } = _a, rest = __rest(_a, ["name", "rules", "as", "onBlur", "onChange", "onChangeName", "onBlurName", "valueName", "defaultValue", "control"]);
+    const methods = useFormContext();
+    const { defaultValuesRef, setValue, register, unregister, errorsRef, removeFieldEventListener, triggerValidation, mode: { isOnSubmit, isOnBlur }, reValidateMode: { isReValidateOnBlur, isReValidateOnSubmit }, formState: { isSubmitted }, fieldsRef, fieldArrayNamesRef, } = control || methods.control;
+    const [value, setInputStateValue] = React.useState(isUndefined(defaultValue)
+        ? get(defaultValuesRef.current, name)
+        : defaultValue);
+    const valueRef = React.useRef(value);
+    const isCheckboxInput = isBoolean(value);
+    const shouldValidate = () => !skipValidation({
+        hasError: !!get(errorsRef.current, name),
+        isOnBlur,
+        isOnSubmit,
+        isReValidateOnBlur,
+        isReValidateOnSubmit,
+        isSubmitted,
+    });
+    const commonTask = (target) => {
+        const data = getInputValue(target, isCheckboxInput);
+        setInputStateValue(data);
+        valueRef.current = data;
+        return data;
+    };
+    const eventWrapper = (event) => (...arg) => setValue(name, commonTask(event(arg)), shouldValidate());
+    const handleChange = (e) => {
+        const data = commonTask(e && e.target ? e.target : e);
+        setValue(name, data, shouldValidate());
+    };
+    const registerField = () => {
+        if (isNameInFieldArray(fieldArrayNamesRef.current, name) &&
+            fieldsRef.current[name]) {
+            removeFieldEventListener(fieldsRef.current[name], true);
+        }
+        register(Object.defineProperty({
+            name,
+        }, VALUE, {
+            set(data) {
+                setInputStateValue(data);
+                valueRef.current = data;
+            },
+            get() {
+                return valueRef.current;
+            },
+        }), Object.assign({}, rules));
+    };
+    if (!fieldsRef.current[name]) {
+        registerField();
+    }
+    React.useEffect(() => {
+        registerField();
+        return () => {
+            if (!isNameInFieldArray(fieldArrayNamesRef.current, name)) {
+                unregister(name);
+            }
+        };
+    }, [name]);
+    const shouldReValidateOnBlur = isOnBlur || isReValidateOnBlur;
+    const props = Object.assign(Object.assign(Object.assign(Object.assign({ name }, rest), (onChange
+        ? { [onChangeName]: eventWrapper(onChange) }
+        : { [onChangeName]: handleChange })), (onBlur || shouldReValidateOnBlur
+        ? {
+            [onBlurName]: (...args) => {
+                if (onBlur) {
+                    onBlur(args);
+                }
+                if (shouldReValidateOnBlur) {
+                    triggerValidation(name);
+                }
+            },
+        }
+        : {})), { [valueName || (isCheckboxInput ? 'checked' : VALUE)]: value });
+    return React.isValidElement(InnerComponent) ? (React.cloneElement(InnerComponent, props)) : (React.createElement(InnerComponent, Object.assign({}, props)));
+};
+
+function ErrorMessage(_a) {
+    var { as: InnerComponent, errors, name, message, children } = _a, rest = __rest(_a, ["as", "errors", "name", "message", "children"]);
+    const methods = useFormContext();
+    const error = get(errors || methods.errors, name);
+    if (!error) {
+        return null;
+    }
+    const { message: messageFromRegister, types } = error;
+    const props = Object.assign(Object.assign({}, (InnerComponent ? rest : {})), { children: children
+            ? children({ message: messageFromRegister || message, messages: types })
+            : messageFromRegister || message });
+    return InnerComponent ? (React.isValidElement(InnerComponent) ? (React.cloneElement(InnerComponent, props)) : (React.createElement(InnerComponent, props))) : (React.createElement(React.Fragment, Object.assign({}, props)));
+}
+
+exports.Controller = Controller;
+exports.ErrorMessage = ErrorMessage;
+exports.FormContext = FormContext;
+exports.useFieldArray = useFieldArray;
+exports.useForm = useForm;
+exports.useFormContext = useFormContext;
diff --git a/node_modules/react-hook-form/dist/types.d.ts b/node_modules/react-hook-form/dist/types.d.ts
new file mode 100644
index 0000000..46d2cd5
--- /dev/null
+++ b/node_modules/react-hook-form/dist/types.d.ts
@@ -0,0 +1,186 @@
+import * as React from 'react';
+export declare type Primitive = string | boolean | number | symbol | null | undefined;
+export declare type FieldValues = Record<string, any>;
+export declare type FieldName<FormValues extends FieldValues> = (keyof FormValues & string) | string;
+export declare type FieldValue<FormValues extends FieldValues> = FormValues[FieldName<FormValues>];
+export declare type Ref = HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement | any;
+export declare type DeepPartial<T> = {
+    [P in keyof T]?: T[P] extends Array<infer U> ? Array<DeepPartial<U>> : T[P] extends ReadonlyArray<infer U> ? ReadonlyArray<DeepPartial<U>> : DeepPartial<T[P]>;
+};
+export declare type ValidationMode = {
+    onBlur: 'onBlur';
+    onChange: 'onChange';
+    onSubmit: 'onSubmit';
+};
+export declare type Mode = keyof ValidationMode;
+export declare type OnSubmit<FormValues extends FieldValues> = (data: FormValues, event?: React.BaseSyntheticEvent) => void | Promise<void>;
+export declare type SchemaValidateOptions = Partial<{
+    strict: boolean;
+    abortEarly: boolean;
+    stripUnknown: boolean;
+    recursive: boolean;
+    context: object;
+}>;
+export declare type UseFormOptions<FormValues extends FieldValues = FieldValues> = Partial<{
+    mode: Mode;
+    reValidateMode: Mode;
+    defaultValues: DeepPartial<FormValues>;
+    validationSchema: any;
+    submitFocusError: boolean;
+    validateCriteriaMode: 'firstError' | 'all';
+}>;
+export declare type MutationWatcher = {
+    disconnect: VoidFunction;
+    observe?: any;
+};
+declare type ValidationOptionObject<Value> = Value | {
+    value: Value;
+    message: string;
+};
+export declare type ValidationValue = boolean | number | string | RegExp;
+export declare type ValidateResult = string | boolean | undefined;
+export declare type Validate = (data: any) => ValidateResult | Promise<ValidateResult>;
+export declare type ValidationOptions = Partial<{
+    required: boolean | string | ValidationOptionObject<boolean>;
+    min: ValidationOptionObject<number | string>;
+    max: ValidationOptionObject<number | string>;
+    maxLength: ValidationOptionObject<number | string>;
+    minLength: ValidationOptionObject<number | string>;
+    pattern: ValidationOptionObject<RegExp>;
+    validate: Validate | Record<string, Validate>;
+}>;
+export declare type MultipleFieldErrors = Record<string, ValidateResult>;
+export declare type FieldError = {
+    type: string;
+    ref?: Ref;
+    types?: MultipleFieldErrors;
+    message?: string;
+    isManual?: boolean;
+};
+export declare type ManualFieldError<FormValues> = {
+    name: FieldName<FormValues>;
+    type: string;
+    types?: MultipleFieldErrors;
+    message?: string;
+};
+export declare type Field = {
+    ref: Ref;
+    mutationWatcher?: MutationWatcher;
+    options?: {
+        ref: Ref;
+        mutationWatcher?: MutationWatcher;
+    }[];
+} & ValidationOptions;
+export declare type FieldRefs<FormValues extends FieldValues> = Partial<Record<FieldName<FormValues>, Field>>;
+export declare type NestDataObject<FormValues> = {
+    [Key in keyof FormValues]?: FormValues[Key] extends any[] ? FormValues[Key][number] extends object ? FieldErrors<FormValues[Key][number]>[] : FormValues[Key][number] extends string | number ? FieldError[] : FieldError : FormValues[Key] extends Date ? FieldError : FormValues[Key] extends object ? FieldErrors<FormValues[Key]> : FieldError;
+};
+export declare type FieldErrors<FormValues> = NestDataObject<FormValues>;
+export declare type Touched<FormValues> = NestDataObject<FormValues>;
+export declare type SubmitPromiseResult<FormValues extends FieldValues> = {
+    errors: FieldErrors<FormValues>;
+    values: FormValues;
+};
+export declare type FormStateProxy<FormValues extends FieldValues = FieldValues> = {
+    dirty: boolean;
+    dirtyFields: Set<FieldName<FormValues>>;
+    isSubmitted: boolean;
+    submitCount: number;
+    touched: Touched<FormValues>;
+    isSubmitting: boolean;
+    isValid: boolean;
+};
+export declare type ReadFormState = {
+    [P in keyof FormStateProxy]: boolean;
+};
+export declare type RadioOrCheckboxOption = {
+    ref?: Ref;
+    mutationWatcher?: MutationWatcher;
+};
+export declare type ElementLike = {
+    name: string;
+    type?: string;
+    value?: string;
+    checked?: boolean;
+    options?: any;
+};
+export declare type HandleChange = ({ type, target, }: MouseEvent) => Promise<void | boolean>;
+export declare type FormValuesFromErrors<Errors> = Errors extends FieldErrors<infer FormValues> ? FormValues : never;
+export declare type EventFunction = (args: any) => any;
+export declare type Control<FormValues extends FieldValues = FieldValues> = {
+    register<Element extends ElementLike = ElementLike>(): (ref: Element | null) => void;
+    register<Element extends ElementLike = ElementLike>(validationOptions: ValidationOptions): (ref: Element | null) => void;
+    register<Element extends ElementLike = ElementLike>(name: FieldName<FormValues>, validationOptions?: ValidationOptions): void;
+    register<Element extends ElementLike = ElementLike>(namesWithValidationOptions: Record<FieldName<FormValues>, ValidationOptions>): void;
+    register<Element extends ElementLike = ElementLike>(ref: Element, validationOptions?: ValidationOptions): void;
+    register<Element extends ElementLike = ElementLike>(refOrValidationOptions: ValidationOptions | Element | null, validationOptions?: ValidationOptions): ((ref: Element | null) => void) | void;
+    triggerValidation: (payload?: FieldName<FormValues> | FieldName<FormValues>[] | string, shouldRender?: boolean) => Promise<boolean>;
+    removeFieldEventListener: (field: Field, forceDelete?: boolean) => void;
+    unregister(name: FieldName<FormValues>): void;
+    unregister(names: FieldName<FormValues>[]): void;
+    unregister(names: FieldName<FormValues> | FieldName<FormValues>[]): void;
+    getValues: (payload?: {
+        nest: boolean;
+    }) => any;
+    setValue: <Name extends FieldName<FormValues>>(name: Name, value: FormValues[Name], shouldValidate?: boolean) => void | Promise<boolean>;
+    formState: FormStateProxy<FormValues>;
+    mode: {
+        isOnBlur: boolean;
+        isOnSubmit: boolean;
+    };
+    reValidateMode: {
+        isReValidateOnBlur: boolean;
+        isReValidateOnSubmit: boolean;
+    };
+    touchedFieldsRef: React.MutableRefObject<Touched<FormValues>>;
+    watchFieldArrayRef: React.MutableRefObject<any>;
+    errorsRef: React.MutableRefObject<FieldErrors<FormValues>>;
+    fieldsRef: React.MutableRefObject<FieldRefs<FormValues>>;
+    resetFieldArrayFunctionRef: React.MutableRefObject<Record<string, (values: any) => void>>;
+    fieldArrayNamesRef: React.MutableRefObject<Set<string>>;
+    isDirtyRef: React.MutableRefObject<boolean>;
+    readFormStateRef: React.MutableRefObject<{
+        dirty: boolean;
+        isSubmitted: boolean;
+        submitCount: boolean;
+        touched: boolean;
+        isSubmitting: boolean;
+        isValid: boolean;
+    }>;
+    defaultValuesRef: React.MutableRefObject<DeepPartial<FormValues> | FormValues[FieldName<FormValues>]>;
+};
+export declare type AsProps<As extends undefined | React.ReactElement | keyof JSX.IntrinsicElements = undefined> = As extends keyof JSX.IntrinsicElements ? JSX.IntrinsicElements[As] : As extends React.ReactElement ? {
+    [key: string]: any;
+} : As extends undefined ? {} : never;
+export declare type ControllerProps<ControlProp extends Control = Control> = {
+    name: string;
+    as: React.ReactElement | React.ElementType | string;
+    rules?: ValidationOptions;
+    onChange?: EventFunction;
+    onBlur?: EventFunction;
+    mode?: Mode;
+    onChangeName?: string;
+    onBlurName?: string;
+    valueName?: string;
+    defaultValue?: any;
+    control?: ControlProp;
+    [key: string]: any;
+};
+export declare type ErrorMessageProps<Errors extends FieldErrors<any>, Name extends FieldName<FormValuesFromErrors<Errors>>, As extends undefined | React.ReactElement | keyof JSX.IntrinsicElements = undefined> = {
+    as?: As;
+    errors?: Errors;
+    name: Name;
+    message?: string;
+    children?: (data: {
+        message: string;
+        messages: MultipleFieldErrors;
+    }) => React.ReactNode;
+} & AsProps<As>;
+export declare type UseFieldArrayProps<ControlProp extends Control = Control> = {
+    control?: ControlProp;
+    name: string;
+};
+export declare type WithFieldId<Value> = {
+    id?: string;
+} & Value;
+export {};
diff --git a/node_modules/react-hook-form/dist/useFieldArray.d.ts b/node_modules/react-hook-form/dist/useFieldArray.d.ts
new file mode 100644
index 0000000..fe9ffd1
--- /dev/null
+++ b/node_modules/react-hook-form/dist/useFieldArray.d.ts
@@ -0,0 +1,10 @@
+import { FieldValues, Control, UseFieldArrayProps, WithFieldId } from './types';
+export declare function useFieldArray<FormArrayValues extends FieldValues = FieldValues, ControlProp extends Control = Control>({ control, name }: UseFieldArrayProps<ControlProp>): {
+    swap: (indexA: number, indexB: number) => void;
+    move: (from: number, to: number) => void;
+    prepend: (value: WithFieldId<Partial<FormArrayValues>> | WithFieldId<Partial<FormArrayValues>>[]) => void;
+    append: (value: WithFieldId<Partial<FormArrayValues>> | WithFieldId<Partial<FormArrayValues>>[]) => void;
+    remove: (index?: number | undefined) => void;
+    insert: (index: number, value: WithFieldId<Partial<FormArrayValues>> | WithFieldId<Partial<FormArrayValues>>[]) => void;
+    fields: WithFieldId<Partial<FormArrayValues>>[];
+};
diff --git a/node_modules/react-hook-form/dist/useFieldArray.test.d.ts b/node_modules/react-hook-form/dist/useFieldArray.test.d.ts
new file mode 100644
index 0000000..cb0ff5c
--- /dev/null
+++ b/node_modules/react-hook-form/dist/useFieldArray.test.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/node_modules/react-hook-form/dist/useForm.d.ts b/node_modules/react-hook-form/dist/useForm.d.ts
new file mode 100644
index 0000000..3ae65c2
--- /dev/null
+++ b/node_modules/react-hook-form/dist/useForm.d.ts
@@ -0,0 +1,3 @@
+import { FormContextValues } from './contextTypes';
+import { FieldValues, UseFormOptions } from './types';
+export declare function useForm<FormValues extends FieldValues = FieldValues>({ mode, reValidateMode, validationSchema, defaultValues, submitFocusError, validateCriteriaMode, }?: UseFormOptions<FormValues>): FormContextValues<FormValues>;
diff --git a/node_modules/react-hook-form/dist/useForm.test.d.ts b/node_modules/react-hook-form/dist/useForm.test.d.ts
new file mode 100644
index 0000000..2d075d2
--- /dev/null
+++ b/node_modules/react-hook-form/dist/useForm.test.d.ts
@@ -0,0 +1,2 @@
+import { Control } from './types';
+export declare const reconfigureControl: (controlOverrides?: Partial<Control<Record<string, any>>>) => Control<Record<string, any>>;
diff --git a/node_modules/react-hook-form/dist/useFormContext.d.ts b/node_modules/react-hook-form/dist/useFormContext.d.ts
new file mode 100644
index 0000000..028618c
--- /dev/null
+++ b/node_modules/react-hook-form/dist/useFormContext.d.ts
@@ -0,0 +1,4 @@
+import { FieldValues } from './types';
+import { FormContextValues, FormProps } from './contextTypes';
+export declare function useFormContext<T extends FieldValues>(): FormContextValues<T>;
+export declare function FormContext<T extends FieldValues>({ children, formState, errors, ...restMethods }: FormProps<T>): JSX.Element;
diff --git a/node_modules/react-hook-form/dist/useFormContext.test.d.ts b/node_modules/react-hook-form/dist/useFormContext.test.d.ts
new file mode 100644
index 0000000..cb0ff5c
--- /dev/null
+++ b/node_modules/react-hook-form/dist/useFormContext.test.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/node_modules/react-hook-form/dist/utils/compareObject.d.ts b/node_modules/react-hook-form/dist/utils/compareObject.d.ts
new file mode 100644
index 0000000..b874439
--- /dev/null
+++ b/node_modules/react-hook-form/dist/utils/compareObject.d.ts
@@ -0,0 +1,2 @@
+declare const _default: (objectA?: any, objectB?: any) => boolean;
+export default _default;
diff --git a/node_modules/react-hook-form/dist/utils/compareObject.test.d.ts b/node_modules/react-hook-form/dist/utils/compareObject.test.d.ts
new file mode 100644
index 0000000..cb0ff5c
--- /dev/null
+++ b/node_modules/react-hook-form/dist/utils/compareObject.test.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/node_modules/react-hook-form/dist/utils/fillEmptyArray.d.ts b/node_modules/react-hook-form/dist/utils/fillEmptyArray.d.ts
new file mode 100644
index 0000000..8a3b310
--- /dev/null
+++ b/node_modules/react-hook-form/dist/utils/fillEmptyArray.d.ts
@@ -0,0 +1,2 @@
+declare const _default: (value: any) => any[] | undefined;
+export default _default;
diff --git a/node_modules/react-hook-form/dist/utils/flatArray.d.ts b/node_modules/react-hook-form/dist/utils/flatArray.d.ts
new file mode 100644
index 0000000..5fe6733
--- /dev/null
+++ b/node_modules/react-hook-form/dist/utils/flatArray.d.ts
@@ -0,0 +1 @@
+export default function flatArray<T>(list: T[]): T[];
diff --git a/node_modules/react-hook-form/dist/utils/flatArray.test.d.ts b/node_modules/react-hook-form/dist/utils/flatArray.test.d.ts
new file mode 100644
index 0000000..cb0ff5c
--- /dev/null
+++ b/node_modules/react-hook-form/dist/utils/flatArray.test.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/node_modules/react-hook-form/dist/utils/get.d.ts b/node_modules/react-hook-form/dist/utils/get.d.ts
new file mode 100644
index 0000000..ffb8e06
--- /dev/null
+++ b/node_modules/react-hook-form/dist/utils/get.d.ts
@@ -0,0 +1,2 @@
+declare const _default: (obj: any, path: string, defaultValue?: any) => any;
+export default _default;
diff --git a/node_modules/react-hook-form/dist/utils/get.test.d.ts b/node_modules/react-hook-form/dist/utils/get.test.d.ts
new file mode 100644
index 0000000..cb0ff5c
--- /dev/null
+++ b/node_modules/react-hook-form/dist/utils/get.test.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/node_modules/react-hook-form/dist/utils/getPath.d.ts b/node_modules/react-hook-form/dist/utils/getPath.d.ts
new file mode 100644
index 0000000..44efca6
--- /dev/null
+++ b/node_modules/react-hook-form/dist/utils/getPath.d.ts
@@ -0,0 +1,3 @@
+import { FieldName } from '../types';
+declare const _default: <FormValues extends Record<string, any> = Record<string, any>>(parentPath: FieldName<FormValues>, value: FormValues) => any[];
+export default _default;
diff --git a/node_modules/react-hook-form/dist/utils/getPath.test.d.ts b/node_modules/react-hook-form/dist/utils/getPath.test.d.ts
new file mode 100644
index 0000000..cb0ff5c
--- /dev/null
+++ b/node_modules/react-hook-form/dist/utils/getPath.test.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/node_modules/react-hook-form/dist/utils/insert.d.ts b/node_modules/react-hook-form/dist/utils/insert.d.ts
new file mode 100644
index 0000000..7d3ca6f
--- /dev/null
+++ b/node_modules/react-hook-form/dist/utils/insert.d.ts
@@ -0,0 +1,2 @@
+declare const _default: (data: any, index: number, value?: any) => any[];
+export default _default;
diff --git a/node_modules/react-hook-form/dist/utils/isArray.d.ts b/node_modules/react-hook-form/dist/utils/isArray.d.ts
new file mode 100644
index 0000000..e09e5b1
--- /dev/null
+++ b/node_modules/react-hook-form/dist/utils/isArray.d.ts
@@ -0,0 +1,2 @@
+declare const _default: <T = any>(value: unknown) => value is T[];
+export default _default;
diff --git a/node_modules/react-hook-form/dist/utils/isArray.test.d.ts b/node_modules/react-hook-form/dist/utils/isArray.test.d.ts
new file mode 100644
index 0000000..cb0ff5c
--- /dev/null
+++ b/node_modules/react-hook-form/dist/utils/isArray.test.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/node_modules/react-hook-form/dist/utils/isBoolean.d.ts b/node_modules/react-hook-form/dist/utils/isBoolean.d.ts
new file mode 100644
index 0000000..67a44f0
--- /dev/null
+++ b/node_modules/react-hook-form/dist/utils/isBoolean.d.ts
@@ -0,0 +1,2 @@
+declare const _default: (value: unknown) => value is boolean;
+export default _default;
diff --git a/node_modules/react-hook-form/dist/utils/isBoolean.test.d.ts b/node_modules/react-hook-form/dist/utils/isBoolean.test.d.ts
new file mode 100644
index 0000000..cb0ff5c
--- /dev/null
+++ b/node_modules/react-hook-form/dist/utils/isBoolean.test.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/node_modules/react-hook-form/dist/utils/isCheckBoxInput.d.ts b/node_modules/react-hook-form/dist/utils/isCheckBoxInput.d.ts
new file mode 100644
index 0000000..f54fd04
--- /dev/null
+++ b/node_modules/react-hook-form/dist/utils/isCheckBoxInput.d.ts
@@ -0,0 +1,2 @@
+declare const _default: (type?: string | undefined) => boolean;
+export default _default;
diff --git a/node_modules/react-hook-form/dist/utils/isDetached.d.ts b/node_modules/react-hook-form/dist/utils/isDetached.d.ts
new file mode 100644
index 0000000..7a5d405
--- /dev/null
+++ b/node_modules/react-hook-form/dist/utils/isDetached.d.ts
@@ -0,0 +1,2 @@
+import { Ref } from '../types';
+export default function isDetached(element: Ref): boolean;
diff --git a/node_modules/react-hook-form/dist/utils/isDetached.test.d.ts b/node_modules/react-hook-form/dist/utils/isDetached.test.d.ts
new file mode 100644
index 0000000..cb0ff5c
--- /dev/null
+++ b/node_modules/react-hook-form/dist/utils/isDetached.test.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/node_modules/react-hook-form/dist/utils/isEmptyObject.d.ts b/node_modules/react-hook-form/dist/utils/isEmptyObject.d.ts
new file mode 100644
index 0000000..fd97e97
--- /dev/null
+++ b/node_modules/react-hook-form/dist/utils/isEmptyObject.d.ts
@@ -0,0 +1,2 @@
+declare const _default: (value: unknown) => boolean;
+export default _default;
diff --git a/node_modules/react-hook-form/dist/utils/isEmptyObject.test.d.ts b/node_modules/react-hook-form/dist/utils/isEmptyObject.test.d.ts
new file mode 100644
index 0000000..cb0ff5c
--- /dev/null
+++ b/node_modules/react-hook-form/dist/utils/isEmptyObject.test.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/node_modules/react-hook-form/dist/utils/isEmptyString.d.ts b/node_modules/react-hook-form/dist/utils/isEmptyString.d.ts
new file mode 100644
index 0000000..f4afb50
--- /dev/null
+++ b/node_modules/react-hook-form/dist/utils/isEmptyString.d.ts
@@ -0,0 +1,2 @@
+declare const _default: (value: string) => boolean;
+export default _default;
diff --git a/node_modules/react-hook-form/dist/utils/isFileInput.d.ts b/node_modules/react-hook-form/dist/utils/isFileInput.d.ts
new file mode 100644
index 0000000..f54fd04
--- /dev/null
+++ b/node_modules/react-hook-form/dist/utils/isFileInput.d.ts
@@ -0,0 +1,2 @@
+declare const _default: (type?: string | undefined) => boolean;
+export default _default;
diff --git a/node_modules/react-hook-form/dist/utils/isFileInput.test.d.ts b/node_modules/react-hook-form/dist/utils/isFileInput.test.d.ts
new file mode 100644
index 0000000..cb0ff5c
--- /dev/null
+++ b/node_modules/react-hook-form/dist/utils/isFileInput.test.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/node_modules/react-hook-form/dist/utils/isFileListObject.d.ts b/node_modules/react-hook-form/dist/utils/isFileListObject.d.ts
new file mode 100644
index 0000000..fd23ba3
--- /dev/null
+++ b/node_modules/react-hook-form/dist/utils/isFileListObject.d.ts
@@ -0,0 +1,2 @@
+declare const _default: (data: object) => boolean;
+export default _default;
diff --git a/node_modules/react-hook-form/dist/utils/isFunction.d.ts b/node_modules/react-hook-form/dist/utils/isFunction.d.ts
new file mode 100644
index 0000000..093fbf0
--- /dev/null
+++ b/node_modules/react-hook-form/dist/utils/isFunction.d.ts
@@ -0,0 +1,2 @@
+declare const _default: (value: unknown) => value is Function;
+export default _default;
diff --git a/node_modules/react-hook-form/dist/utils/isFunction.test.d.ts b/node_modules/react-hook-form/dist/utils/isFunction.test.d.ts
new file mode 100644
index 0000000..cb0ff5c
--- /dev/null
+++ b/node_modules/react-hook-form/dist/utils/isFunction.test.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/node_modules/react-hook-form/dist/utils/isMultipleSelect.d.ts b/node_modules/react-hook-form/dist/utils/isMultipleSelect.d.ts
new file mode 100644
index 0000000..be79b09
--- /dev/null
+++ b/node_modules/react-hook-form/dist/utils/isMultipleSelect.d.ts
@@ -0,0 +1,2 @@
+declare const _default: (type: string) => boolean;
+export default _default;
diff --git a/node_modules/react-hook-form/dist/utils/isNullOrUndefined.d.ts b/node_modules/react-hook-form/dist/utils/isNullOrUndefined.d.ts
new file mode 100644
index 0000000..2a7c918
--- /dev/null
+++ b/node_modules/react-hook-form/dist/utils/isNullOrUndefined.d.ts
@@ -0,0 +1,2 @@
+declare const _default: (value: unknown) => value is null | undefined;
+export default _default;
diff --git a/node_modules/react-hook-form/dist/utils/isNullOrUndefined.test.d.ts b/node_modules/react-hook-form/dist/utils/isNullOrUndefined.test.d.ts
new file mode 100644
index 0000000..cb0ff5c
--- /dev/null
+++ b/node_modules/react-hook-form/dist/utils/isNullOrUndefined.test.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/node_modules/react-hook-form/dist/utils/isObject.d.ts b/node_modules/react-hook-form/dist/utils/isObject.d.ts
new file mode 100644
index 0000000..a441078
--- /dev/null
+++ b/node_modules/react-hook-form/dist/utils/isObject.d.ts
@@ -0,0 +1,3 @@
+export declare const isObjectType: (value: any) => boolean;
+declare const _default: (value: unknown) => value is object;
+export default _default;
diff --git a/node_modules/react-hook-form/dist/utils/isObject.test.d.ts b/node_modules/react-hook-form/dist/utils/isObject.test.d.ts
new file mode 100644
index 0000000..cb0ff5c
--- /dev/null
+++ b/node_modules/react-hook-form/dist/utils/isObject.test.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/node_modules/react-hook-form/dist/utils/isPrimitive.d.ts b/node_modules/react-hook-form/dist/utils/isPrimitive.d.ts
new file mode 100644
index 0000000..76140cd
--- /dev/null
+++ b/node_modules/react-hook-form/dist/utils/isPrimitive.d.ts
@@ -0,0 +1,3 @@
+import { Primitive } from '../types';
+declare const _default: (value: unknown) => value is Primitive;
+export default _default;
diff --git a/node_modules/react-hook-form/dist/utils/isPrimitive.test.d.ts b/node_modules/react-hook-form/dist/utils/isPrimitive.test.d.ts
new file mode 100644
index 0000000..cb0ff5c
--- /dev/null
+++ b/node_modules/react-hook-form/dist/utils/isPrimitive.test.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/node_modules/react-hook-form/dist/utils/isRadioInput.d.ts b/node_modules/react-hook-form/dist/utils/isRadioInput.d.ts
new file mode 100644
index 0000000..f54fd04
--- /dev/null
+++ b/node_modules/react-hook-form/dist/utils/isRadioInput.d.ts
@@ -0,0 +1,2 @@
+declare const _default: (type?: string | undefined) => boolean;
+export default _default;
diff --git a/node_modules/react-hook-form/dist/utils/isRadioInput.test.d.ts b/node_modules/react-hook-form/dist/utils/isRadioInput.test.d.ts
new file mode 100644
index 0000000..cb0ff5c
--- /dev/null
+++ b/node_modules/react-hook-form/dist/utils/isRadioInput.test.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/node_modules/react-hook-form/dist/utils/isRegex.d.ts b/node_modules/react-hook-form/dist/utils/isRegex.d.ts
new file mode 100644
index 0000000..31abe54
--- /dev/null
+++ b/node_modules/react-hook-form/dist/utils/isRegex.d.ts
@@ -0,0 +1,2 @@
+declare const _default: (value: unknown) => value is RegExp;
+export default _default;
diff --git a/node_modules/react-hook-form/dist/utils/isSameError.d.ts b/node_modules/react-hook-form/dist/utils/isSameError.d.ts
new file mode 100644
index 0000000..78db67b
--- /dev/null
+++ b/node_modules/react-hook-form/dist/utils/isSameError.d.ts
@@ -0,0 +1,7 @@
+import { FieldError, ValidateResult } from '../types';
+declare const _default: (error: FieldError | undefined, { type, types, message, }: {
+    type: string;
+    types?: Record<string, ValidateResult> | undefined;
+    message: ValidateResult;
+}) => boolean;
+export default _default;
diff --git a/node_modules/react-hook-form/dist/utils/isSameError.test.d.ts b/node_modules/react-hook-form/dist/utils/isSameError.test.d.ts
new file mode 100644
index 0000000..cb0ff5c
--- /dev/null
+++ b/node_modules/react-hook-form/dist/utils/isSameError.test.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/node_modules/react-hook-form/dist/utils/isString.d.ts b/node_modules/react-hook-form/dist/utils/isString.d.ts
new file mode 100644
index 0000000..8839f78
--- /dev/null
+++ b/node_modules/react-hook-form/dist/utils/isString.d.ts
@@ -0,0 +1,2 @@
+declare const _default: (value: unknown) => value is string;
+export default _default;
diff --git a/node_modules/react-hook-form/dist/utils/isString.test.d.ts b/node_modules/react-hook-form/dist/utils/isString.test.d.ts
new file mode 100644
index 0000000..cb0ff5c
--- /dev/null
+++ b/node_modules/react-hook-form/dist/utils/isString.test.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/node_modules/react-hook-form/dist/utils/isUndefined.d.ts b/node_modules/react-hook-form/dist/utils/isUndefined.d.ts
new file mode 100644
index 0000000..671334a
--- /dev/null
+++ b/node_modules/react-hook-form/dist/utils/isUndefined.d.ts
@@ -0,0 +1,2 @@
+declare const _default: (val: unknown) => val is undefined;
+export default _default;
diff --git a/node_modules/react-hook-form/dist/utils/move.d.ts b/node_modules/react-hook-form/dist/utils/move.d.ts
new file mode 100644
index 0000000..31d78d2
--- /dev/null
+++ b/node_modules/react-hook-form/dist/utils/move.d.ts
@@ -0,0 +1,2 @@
+declare const _default: (data: any, from: number, to: number) => any[];
+export default _default;
diff --git a/node_modules/react-hook-form/dist/utils/omitObject.d.ts b/node_modules/react-hook-form/dist/utils/omitObject.d.ts
new file mode 100644
index 0000000..052ee81
--- /dev/null
+++ b/node_modules/react-hook-form/dist/utils/omitObject.d.ts
@@ -0,0 +1,5 @@
+declare type OmitObject = {
+    <T, K extends keyof T>(obj: T, key: K): any;
+};
+declare const omitObject: OmitObject;
+export default omitObject;
diff --git a/node_modules/react-hook-form/dist/utils/omitObject.test.d.ts b/node_modules/react-hook-form/dist/utils/omitObject.test.d.ts
new file mode 100644
index 0000000..cb0ff5c
--- /dev/null
+++ b/node_modules/react-hook-form/dist/utils/omitObject.test.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/node_modules/react-hook-form/dist/utils/onDomRemove.d.ts b/node_modules/react-hook-form/dist/utils/onDomRemove.d.ts
new file mode 100644
index 0000000..92e018b
--- /dev/null
+++ b/node_modules/react-hook-form/dist/utils/onDomRemove.d.ts
@@ -0,0 +1,2 @@
+import { Ref, MutationWatcher } from '../types';
+export default function onDomRemove(element: Ref, onDetachCallback: VoidFunction): MutationWatcher;
diff --git a/node_modules/react-hook-form/dist/utils/onDomRemove.test.d.ts b/node_modules/react-hook-form/dist/utils/onDomRemove.test.d.ts
new file mode 100644
index 0000000..cb0ff5c
--- /dev/null
+++ b/node_modules/react-hook-form/dist/utils/onDomRemove.test.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/node_modules/react-hook-form/dist/utils/prepend.d.ts b/node_modules/react-hook-form/dist/utils/prepend.d.ts
new file mode 100644
index 0000000..18ffd5f
--- /dev/null
+++ b/node_modules/react-hook-form/dist/utils/prepend.d.ts
@@ -0,0 +1,2 @@
+declare const _default: (data: any, value?: any) => any[];
+export default _default;
diff --git a/node_modules/react-hook-form/dist/utils/remove.d.ts b/node_modules/react-hook-form/dist/utils/remove.d.ts
new file mode 100644
index 0000000..7634962
--- /dev/null
+++ b/node_modules/react-hook-form/dist/utils/remove.d.ts
@@ -0,0 +1,2 @@
+declare const _default: (data: any, index?: number | undefined) => any[];
+export default _default;
diff --git a/node_modules/react-hook-form/dist/utils/set.d.ts b/node_modules/react-hook-form/dist/utils/set.d.ts
new file mode 100644
index 0000000..3d3b173
--- /dev/null
+++ b/node_modules/react-hook-form/dist/utils/set.d.ts
@@ -0,0 +1,3 @@
+import { FieldValues } from '../types';
+export declare const isKey: (value: string | []) => boolean;
+export default function set(object: FieldValues, path: string, value: any): Record<string, any>;
diff --git a/node_modules/react-hook-form/dist/utils/set.test.d.ts b/node_modules/react-hook-form/dist/utils/set.test.d.ts
new file mode 100644
index 0000000..cb0ff5c
--- /dev/null
+++ b/node_modules/react-hook-form/dist/utils/set.test.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/node_modules/react-hook-form/dist/utils/swap.d.ts b/node_modules/react-hook-form/dist/utils/swap.d.ts
new file mode 100644
index 0000000..cb2b347
--- /dev/null
+++ b/node_modules/react-hook-form/dist/utils/swap.d.ts
@@ -0,0 +1,2 @@
+declare const _default: (fields: any, indexA: number, indexB: number) => false | [any, any];
+export default _default;
diff --git a/node_modules/react-hook-form/dist/utils/unset.d.ts b/node_modules/react-hook-form/dist/utils/unset.d.ts
new file mode 100644
index 0000000..667fed9
--- /dev/null
+++ b/node_modules/react-hook-form/dist/utils/unset.d.ts
@@ -0,0 +1,2 @@
+declare const unset: (target: any, paths: string[]) => any;
+export default unset;
diff --git a/node_modules/react-hook-form/dist/utils/unset.test.d.ts b/node_modules/react-hook-form/dist/utils/unset.test.d.ts
new file mode 100644
index 0000000..cb0ff5c
--- /dev/null
+++ b/node_modules/react-hook-form/dist/utils/unset.test.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/node_modules/react-hook-form/dist/utils/validationModeChecker.d.ts b/node_modules/react-hook-form/dist/utils/validationModeChecker.d.ts
new file mode 100644
index 0000000..7b06043
--- /dev/null
+++ b/node_modules/react-hook-form/dist/utils/validationModeChecker.d.ts
@@ -0,0 +1,6 @@
+declare const _default: (mode?: "onBlur" | "onChange" | "onSubmit" | undefined) => {
+    isOnSubmit: boolean;
+    isOnBlur: boolean;
+    isOnChange: boolean;
+};
+export default _default;
diff --git a/node_modules/react-hook-form/dist/utils/validationModeChecker.test.d.ts b/node_modules/react-hook-form/dist/utils/validationModeChecker.test.d.ts
new file mode 100644
index 0000000..cb0ff5c
--- /dev/null
+++ b/node_modules/react-hook-form/dist/utils/validationModeChecker.test.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/node_modules/react-hook-form/package.json b/node_modules/react-hook-form/package.json
new file mode 100644
index 0000000..341fc62
--- /dev/null
+++ b/node_modules/react-hook-form/package.json
@@ -0,0 +1,127 @@
+{
+  "_from": "react-hook-form",
+  "_id": "react-hook-form@4.8.1",
+  "_inBundle": false,
+  "_integrity": "sha512-3DFNKCB+a1RDq7nuQXjvHqzWl6Mt80USts6j47duI0Jn+07T+liXh7JuIOne+Fnb59kSGWCSHMvT0ytqNo7YOg==",
+  "_location": "/react-hook-form",
+  "_phantomChildren": {},
+  "_requested": {
+    "type": "tag",
+    "registry": true,
+    "raw": "react-hook-form",
+    "name": "react-hook-form",
+    "escapedName": "react-hook-form",
+    "rawSpec": "",
+    "saveSpec": null,
+    "fetchSpec": "latest"
+  },
+  "_requiredBy": [
+    "#USER",
+    "/"
+  ],
+  "_resolved": "https://registry.npmjs.org/react-hook-form/-/react-hook-form-4.8.1.tgz",
+  "_shasum": "2bcf332a72933337f3773f2265ec477260c45e50",
+  "_spec": "react-hook-form",
+  "_where": "C:\\Users\\Kyle\\Desktop\\WEB\\S08 - Unit 2 Build Week\\Front-End",
+  "author": {
+    "email": "bluebill1049@hotmail.com"
+  },
+  "bugs": {
+    "url": "https://github.com/react-hook-form/react-hook-form/issues"
+  },
+  "bundleDependencies": false,
+  "bundlesize": [
+    {
+      "path": "./dist/react-hook-form.min.es.js",
+      "maxSize": "7.5 kB"
+    }
+  ],
+  "deprecated": false,
+  "description": "Performant, flexible and extensible forms library for React Hooks",
+  "devDependencies": {
+    "@testing-library/react": "^9.4.0",
+    "@testing-library/react-hooks": "^3.2.1",
+    "@types/jest": "^25.1.1",
+    "@types/react": "^16.9.19",
+    "@types/react-dom": "^16.9.5",
+    "@types/react-test-renderer": "^16.9.2",
+    "@typescript-eslint/eslint-plugin": "^2.18.0",
+    "@typescript-eslint/parser": "^2.18.0",
+    "bundlesize": "^0.18.0",
+    "coveralls": "^3.0.9",
+    "cypress": "^3.8.1",
+    "eslint": "^6.8.0",
+    "eslint-plugin-react": "^7.17.0",
+    "eslint-plugin-react-hooks": "^2.3.0",
+    "husky": "^4.2.1",
+    "jest": "^25.1.0",
+    "lint-staged": "^10.0.7",
+    "mutationobserver-shim": "^0.3.3",
+    "prettier": "^1.19.1",
+    "react": "^16.12.0",
+    "react-dom": "^16.12.0",
+    "react-test-renderer": "^16.12.0",
+    "rollup": "^1.31.0",
+    "rollup-plugin-terser": "^5.1.1",
+    "rollup-plugin-typescript2": "^0.25.3",
+    "ts-jest": "^25.1.0",
+    "typescript": "^3.7.4"
+  },
+  "homepage": "https://www.react-hook-form.com",
+  "husky": {
+    "hooks": {
+      "pre-commit": "lint-staged"
+    }
+  },
+  "keywords": [
+    "react",
+    "hooks",
+    "form",
+    "forms",
+    "form-validation",
+    "validation",
+    "typescript",
+    "react-hooks"
+  ],
+  "license": "MIT",
+  "lint-staged": {
+    "*.{jsx,ts}": [
+      "npm run lint",
+      "npm run prettier"
+    ]
+  },
+  "main": "dist/react-hook-form.js",
+  "module": "dist/react-hook-form.es.js",
+  "name": "react-hook-form",
+  "peerDependencies": {
+    "react": "^16.8.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/react-hook-form/react-hook-form.git"
+  },
+  "scripts": {
+    "build": "yarn build:modern && yarn build:ie11",
+    "build:ie11": "rollup -c rollup.ie11.config.js",
+    "build:min": "rollup -c rollup.min.config.js",
+    "build:modern": "rollup -c",
+    "bundlesize": "yarn build:min && bundlesize",
+    "clean": "rm -rf dist",
+    "coverage": "jest --coverage --coverageReporters=text-lcov | coveralls",
+    "cypress": "cypress run",
+    "cypress:open": "cypress open",
+    "lint": "yarn lint:check --fix && yarn prettier",
+    "lint:check": "eslint ./src --ext .jsx,.ts --ignore-pattern *.test.ts --report-unused-disable-directives",
+    "postrelease": "yarn publish && git push --follow-tags",
+    "prebuild": "yarn clean",
+    "prepublishOnly": "yarn lint && yarn test && yarn run clean && yarn build",
+    "prettier": "prettier --write './src/**/*.ts' './src/**/*.tsx' --config ./.prettierrc",
+    "start:app": "yarn build && yarn link && yarn --cwd node_modules/react link && yarn --cwd ./app link react react-hook-form && yarn --cwd ./app && yarn --cwd ./app run start",
+    "test": "jest --runInBand",
+    "test:coverage": "jest --runInBand --coverage",
+    "test:watch": "yarn test:coverage -- --watchAll"
+  },
+  "sideEffects": true,
+  "types": "dist/index.d.ts",
+  "version": "4.8.1"
+}
diff --git a/package-lock.json b/package-lock.json
index 48e341a..82fefca 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,3 +1,11 @@
 {
-  "lockfileVersion": 1
+  "requires": true,
+  "lockfileVersion": 1,
+  "dependencies": {
+    "react-hook-form": {
+      "version": "4.8.1",
+      "resolved": "https://registry.npmjs.org/react-hook-form/-/react-hook-form-4.8.1.tgz",
+      "integrity": "sha512-3DFNKCB+a1RDq7nuQXjvHqzWl6Mt80USts6j47duI0Jn+07T+liXh7JuIOne+Fnb59kSGWCSHMvT0ytqNo7YOg=="
+    }
+  }
 }