@axos-web-dev/shared-components 0.0.168 → 0.0.170

package/dist/Forms/MortgageRate/MortgageRateWatch.js

@@ -3,7 +3,6 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { zodResolver } from "@hookform/resolvers/zod";
 import "../../Input/Checkbox.js";
 import "../../Input/CurrencyInput.js";
-import "../../Input/DownPaymentInput.js";
 import { Dropdown } from "../../Input/Dropdown.js";
 import "../../Input/Dropdown.css.js";
 import { Input } from "../../Input/Input.js";
@@ -11,6 +10,8 @@ import "../../Input/Input.css.js";
 import "../../Input/InputAmount.js";
 import "../../Input/InputPhone.js";
 import "../../Input/InputTextArea.js";
+import "../../Input/DownPaymentInput.js";
+import "../../Input/RadioButton.js";
 import { useForm, FormProvider } from "react-hook-form";
 import * as z from "zod";
 import clsx from "clsx";
@@ -23,13 +24,13 @@ import { checkbox } from "../../Input/Checkbox.css.js";
 import "../../IconBillboard/IconBillboard.css.js";
 import "../../icons/ArrowIcon/ArrowIcon.css.js";
 import "../../icons/CheckIcon/CheckIcon.css.js";
-/* empty css                                       */
-/* empty css                                          */
-/* empty css                                                           */
+/* empty css                                   */
+/* empty css                                      */
 /* empty css                                                       */
+/* empty css                                                   */
 import "../../utils/allowedAxosDomains.js";
-/* empty css                                                 */
-/* empty css                                                 */
+/* empty css                                             */
+/* empty css                                             */
 import "../../Accordion/Accordion.js";
 import "../../Accordion/Accordion.css.js";
 import "../../AlertBanner/AlertBanner.css.js";
@@ -44,20 +45,20 @@ import "../../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
 import "../../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import "../SalesforceFieldsForm.js";
 import "react-use";
-import "../../Input/RadioButton.js";
 import "../../Chevron/Chevron.css.js";
 import "../../Interstitial/Interstitial-variants.css.js";
-/* empty css                                                                */
+/* empty css                                                   */
 import "../../Hyperlink/Hyperlink.css.js";
-/* empty css                                                             */
+/* empty css                                                */
+import { SuccesFormWrapper } from "../SuccesForm.js";
 import "iframe-resizer";
-/* empty css                                                                                       */
+/* empty css                                                                                   */
 import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
-/* empty css                                                     */
 /* empty css                                                 */
-/* empty css                                                           */
+/* empty css                                             */
+/* empty css                                                       */
 import "../../Carousel/index.js";
-/* empty css                                                                           */
+/* empty css                                                                       */
 import "../../Comparison/Comparison.css.js";
 import "../../HeroBanner/HeroBanner.css.js";
 import "../../HeroBanner/LargeBanner.css.js";
@@ -66,50 +67,51 @@ import "../../SetContainer/SetContainer.css.js";
 import "../../Tab/Tab.css.js";
 import "../../icons/Star/Star.css.js";
 import "../../ContentBanner/ContentBanner.css.js";
-/* empty css                                                     */
+/* empty css                                                 */
 import "../../ExecutiveBio/ExecutiveBio.css.js";
 import "../../FaqAccordion/index.js";
 import "../../FooterDisclosure/FooterDisclosure.css.js";
-/* empty css                                                                */
+/* empty css                                                            */
 import "../../ImageBillboard/ImageBillboard.css.js";
-/* empty css                                               */
-/* empty css                                                     */
-/* empty css                                                             */
-/* empty css                                                   */
 /* empty css                                           */
-import "../../LandingPageHeader/LandingPageHeader.css.js";
+/* empty css                                                 */
+/* empty css                                                         */
+/* empty css                                               */
 /* empty css                                       */
+import "../../LandingPageHeader/LandingPageHeader.css.js";
+/* empty css                                   */
 import "../../Modal/contextApi/store.js";
-/* empty css                                                             */
-/* empty css                                                                */
-/* empty css                                                                     */
-/* empty css                                                                        */
-/* empty css                                                          */
+/* empty css                                                         */
+/* empty css                                                            */
+/* empty css                                                                 */
+/* empty css                                                                    */
+/* empty css                                                      */
 import "../../NavigationMenu/AxosBank/NavData.js";
 import "next/navigation.js";
 import "next/image.js";
 import "next/link.js";
-/* empty css                                                             */
-/* empty css                                                              */
+/* empty css                                                         */
+/* empty css                                                          */
 import "../../PageNavItem/PageNavItem.css.js";
 import "react-slick";
-/* empty css                                                        */
-/* empty css                                                 */
-/* empty css                                                           */
-/* empty css                                                         */
+/* empty css                                                    */
+/* empty css                                             */
+/* empty css                                                       */
+/* empty css                                                     */
 import "../../StepItem/StepItem.css.js";
 import "../../StepItemSet/StepItemSet.css.js";
-/* empty css                                               */
-/* empty css                                                         */
-/* empty css                                                       */
-import "next/script.js";
-/* empty css                                               */
+/* empty css                                           */
 /* empty css                                                     */
+/* empty css                                                   */
+import "next/script.js";
+/* empty css                                           */
+/* empty css                                                 */
 const RateWatchForm = ({
   email,
   lastName,
   rateWatchOnSubmit,
-  toggleModal
+  toggleModal,
+  setRateWatchSubmitted
 }) => {
   const [updateType, setUpdateType] = useState(
     "Target Rate"
@@ -202,6 +204,7 @@ const RateWatchForm = ({
       console.error("rateWatchOnSubmit function is not defined");
     }
     toggleModal();
+    if (setRateWatchSubmitted) setRateWatchSubmitted(true);
   };
   const options = [
     { label: "30 Year Fixed", value: "30" },
@@ -227,260 +230,289 @@ const RateWatchForm = ({
   useEffect(() => {
     methods.reset();
   }, [updateType]);
-  return /* @__PURE__ */ jsx("section", { className: clsx("rate-watch-form"), children: /* @__PURE__ */ jsx(FormProvider, { ...methods, children: /* @__PURE__ */ jsxs("form", { children: [
-    /* @__PURE__ */ jsx("input", { type: "hidden", ...register("email") }),
-    /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
-      Dropdown,
-      {
-        ...register("updateType"),
-        label: "Update Type",
-        error: !!errors.updateType,
-        helperText: errors.updateType?.message,
-        value: updateType,
-        onChange: handleTypeChange,
-        className: dropdown,
-        children: [
-          /* @__PURE__ */ jsx("option", { value: "Target Rate", children: "Send an email when rates reach my target" }),
-          /* @__PURE__ */ jsx("option", { value: "Frequency", children: "Send me information about current rates on a regular basis" })
-        ]
-      }
-    ) }),
-    updateType === "Frequency" && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
-        Dropdown,
-        {
-          ...register("updateCadence"),
-          label: "Set Up Frequency",
-          error: !!errors.updateCadence,
-          helperText: errors.updateCadence?.message,
-          className: dropdown,
-          children: [
-            /* @__PURE__ */ jsx("option", { value: "", children: "Update Frequency" }),
-            /* @__PURE__ */ jsx("option", { value: "Daily", children: "Daily" }),
-            /* @__PURE__ */ jsx("option", { value: "Weekly", children: "Weekly" }),
-            /* @__PURE__ */ jsx("option", { value: "Monthly", children: "Monthly" })
-          ]
-        }
-      ) }),
-      /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-        CheckboxGroup,
-        {
-          label: "Select the loan programs you would like to include in your updates.",
-          options,
-          selectedValues,
-          onChange: handleProgramsChange
-        }
-      ) })
-    ] }),
-    updateType === "Target Rate" && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("p", { className: mt1Rem, children: "You can establish up to three different targets with one rate watch." }),
-      /* @__PURE__ */ jsxs("div", { className: threeColRow, children: [
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("label", { className: resposiveLabel, children: "Select a Loan Type*" }),
-          /* @__PURE__ */ jsxs(
-            Dropdown,
-            {
-              ...register("tR1LoanTerm"),
-              error: !!errors.tR1LoanTerm,
-              helperText: errors.tR1LoanTerm?.message,
-              className: dropdown,
-              children: [
-                /* @__PURE__ */ jsx("option", { value: "", children: "Select a Loan Type" }),
-                /* @__PURE__ */ jsx("option", { value: "ThirtyYear", children: "30 Year Fixed" }),
-                /* @__PURE__ */ jsx("option", { value: "TwentyYear", children: "20 Year Fixed" }),
-                /* @__PURE__ */ jsx("option", { value: "FifteenYear", children: "15 Year Fixed" }),
-                /* @__PURE__ */ jsx("option", { value: "TenYear", children: "10 Year Fixed" })
-              ]
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("label", { className: resposiveLabel, children: "Desired Rate" }),
-          /* @__PURE__ */ jsx(
-            Input,
-            {
-              className: dynPH,
-              ...register("tR1DesiredRate", {
-                setValueAs: (value) => value ? `${value}` : ""
-              }),
-              type: "number",
-              placeholder: "Desired Rate",
-              error: !!errors.tR1DesiredRate,
-              helperText: errors.tR1DesiredRate?.message
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("label", { className: resposiveLabel, children: "Discount Points" }),
-          /* @__PURE__ */ jsxs(
-            Dropdown,
-            {
-              className: dynPH,
-              ...register("tR1DiscountPoints"),
-              type: "string",
-              error: !!errors.tR1DiscountPoints,
-              helperText: errors.tR1DiscountPoints?.message,
-              children: [
-                /* @__PURE__ */ jsx("option", { value: "0", children: "0%" }),
-                /* @__PURE__ */ jsx("option", { value: "0.125", children: "0.125%" }),
-                /* @__PURE__ */ jsx("option", { value: "0.250", children: "0.250%" }),
-                /* @__PURE__ */ jsx("option", { value: "0.375", children: "0.375%" }),
-                /* @__PURE__ */ jsx("option", { value: "0.500", children: "0.500%" }),
-                /* @__PURE__ */ jsx("option", { value: "0.625", children: "0.625%" }),
-                /* @__PURE__ */ jsx("option", { value: "0.750", children: "0.750%" }),
-                /* @__PURE__ */ jsx("option", { value: "0.875", children: "0.875%" }),
-                /* @__PURE__ */ jsx("option", { value: "1.000", children: "1.000%" })
-              ]
-            }
-          )
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx("hr", { className: `${mt1Rem}` }),
-      /* @__PURE__ */ jsxs("div", { className: `${threeColRow} ${mt1Rem}`, children: [
-        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
-          Dropdown,
-          {
-            ...register("tR2LoanTerm"),
-            error: !!errors.tR2LoanTerm,
-            helperText: errors.tR2LoanTerm?.message,
-            className: dropdown,
-            children: [
-              /* @__PURE__ */ jsx("option", { value: "", children: "Select a Loan Type" }),
-              /* @__PURE__ */ jsx("option", { value: "ThirtyYear", children: "30 Year Fixed" }),
-              /* @__PURE__ */ jsx("option", { value: "TwentyYear", children: "20 Year Fixed" }),
-              /* @__PURE__ */ jsx("option", { value: "FifteenYear", children: "15 Year Fixed" }),
-              /* @__PURE__ */ jsx("option", { value: "TenYear", children: "10 Year Fixed" })
-            ]
-          }
-        ) }),
-        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-          Input,
-          {
-            className: dynPH,
-            ...register("tR2DesiredRate"),
-            type: "string",
-            placeholder: "Desired Rate"
-          }
-        ) }),
-        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
-          Dropdown,
+  return /* @__PURE__ */ jsx("section", { className: "rate-watch-form", children: /* @__PURE__ */ jsx(FormProvider, { ...methods, children: /* @__PURE__ */ jsx(
+    SuccesFormWrapper,
+    {
+      isSubmitted: isSubmitting,
+      variant: "primary",
+      bodyCopy: /* @__PURE__ */ jsxs(Fragment, { children: [
+        "Thank you! You have successfully subscribed to Rate Watch.",
+        /* @__PURE__ */ jsx("br", {}),
+        "If this window doesn’t close in few seconds, ",
+        /* @__PURE__ */ jsx(
+          "a",
           {
-            className: dynPH,
-            ...register("tR2DiscountPoints"),
-            type: "string",
-            error: !!errors.tR2DiscountPoints,
-            helperText: errors.tR2DiscountPoints?.message,
-            children: [
-              /* @__PURE__ */ jsx("option", { value: "0", children: "0%" }),
-              /* @__PURE__ */ jsx("option", { value: "0.125", children: "0.125%" }),
-              /* @__PURE__ */ jsx("option", { value: "0.250", children: "0.250%" }),
-              /* @__PURE__ */ jsx("option", { value: "0.375", children: "0.375%" }),
-              /* @__PURE__ */ jsx("option", { value: "0.500", children: "0.500%" }),
-              /* @__PURE__ */ jsx("option", { value: "0.625", children: "0.625%" }),
-              /* @__PURE__ */ jsx("option", { value: "0.750", children: "0.750%" }),
-              /* @__PURE__ */ jsx("option", { value: "0.875", children: "0.875%" }),
-              /* @__PURE__ */ jsx("option", { value: "1.000", children: "1.000%" })
-            ]
+            href: "#",
+            onClick: (e) => {
+              e.preventDefault();
+              const rateWatchForm = document.querySelector(
+                "#MortgageRateQuoteForm .interstitial"
+              );
+              if (rateWatchForm) {
+                rateWatchForm.style.display = "none";
+              }
+            },
+            children: "click here"
           }
-        ) })
+        ),
+        "."
       ] }),
-      /* @__PURE__ */ jsx("hr", { className: `${mt1Rem}` }),
-      /* @__PURE__ */ jsxs("div", { className: `${threeColRow} ${mt1Rem}`, children: [
+      children: /* @__PURE__ */ jsxs("form", { children: [
+        /* @__PURE__ */ jsx("input", { type: "hidden", ...register("email") }),
         /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
           Dropdown,
           {
-            ...register("tR3LoanTerm"),
-            error: !!errors.tR3LoanTerm,
-            helperText: errors.tR3LoanTerm?.message,
+            ...register("updateType"),
+            label: "Update Type",
+            error: !!errors.updateType,
+            helperText: errors.updateType?.message,
+            value: updateType,
+            onChange: handleTypeChange,
             className: dropdown,
             children: [
-              /* @__PURE__ */ jsx("option", { value: "", children: "Select a Loan Type" }),
-              /* @__PURE__ */ jsx("option", { value: "ThirtyYear", children: "30 Year Fixed" }),
-              /* @__PURE__ */ jsx("option", { value: "TwentyYear", children: "20 Year Fixed" }),
-              /* @__PURE__ */ jsx("option", { value: "FifteenYear", children: "15 Year Fixed" }),
-              /* @__PURE__ */ jsx("option", { value: "TenYear", children: "10 Year Fixed" })
+              /* @__PURE__ */ jsx("option", { value: "Target Rate", children: "Send an email when rates reach my target" }),
+              /* @__PURE__ */ jsx("option", { value: "Frequency", children: "Send me information about current rates on a regular basis" })
             ]
           }
         ) }),
-        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-          Input,
+        updateType === "Frequency" && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+            Dropdown,
+            {
+              ...register("updateCadence"),
+              label: "Set Up Frequency",
+              error: !!errors.updateCadence,
+              helperText: errors.updateCadence?.message,
+              className: dropdown,
+              children: [
+                /* @__PURE__ */ jsx("option", { value: "", children: "Update Frequency" }),
+                /* @__PURE__ */ jsx("option", { value: "Daily", children: "Daily" }),
+                /* @__PURE__ */ jsx("option", { value: "Weekly", children: "Weekly" }),
+                /* @__PURE__ */ jsx("option", { value: "Monthly", children: "Monthly" })
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+            CheckboxGroup,
+            {
+              label: "Select the loan programs you would like to include in your updates.",
+              options,
+              selectedValues,
+              onChange: handleProgramsChange
+            }
+          ) })
+        ] }),
+        updateType === "Target Rate" && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("p", { className: mt1Rem, children: "You can establish up to three different targets with one rate watch." }),
+          /* @__PURE__ */ jsxs("div", { className: threeColRow, children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("label", { className: resposiveLabel, children: "Select a Loan Type*" }),
+              /* @__PURE__ */ jsxs(
+                Dropdown,
+                {
+                  ...register("tR1LoanTerm"),
+                  error: !!errors.tR1LoanTerm,
+                  helperText: errors.tR1LoanTerm?.message,
+                  className: dropdown,
+                  children: [
+                    /* @__PURE__ */ jsx("option", { value: "", children: "Select a Loan Type" }),
+                    /* @__PURE__ */ jsx("option", { value: "ThirtyYear", children: "30 Year Fixed" }),
+                    /* @__PURE__ */ jsx("option", { value: "TwentyYear", children: "20 Year Fixed" }),
+                    /* @__PURE__ */ jsx("option", { value: "FifteenYear", children: "15 Year Fixed" }),
+                    /* @__PURE__ */ jsx("option", { value: "TenYear", children: "10 Year Fixed" })
+                  ]
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("label", { className: resposiveLabel, children: "Desired Rate" }),
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  className: dynPH,
+                  ...register("tR1DesiredRate", {
+                    setValueAs: (value) => value ? `${value}` : ""
+                  }),
+                  type: "number",
+                  placeholder: "Desired Rate",
+                  error: !!errors.tR1DesiredRate,
+                  helperText: errors.tR1DesiredRate?.message
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("label", { className: resposiveLabel, children: "Discount Points" }),
+              /* @__PURE__ */ jsxs(
+                Dropdown,
+                {
+                  className: dynPH,
+                  ...register("tR1DiscountPoints"),
+                  type: "string",
+                  error: !!errors.tR1DiscountPoints,
+                  helperText: errors.tR1DiscountPoints?.message,
+                  children: [
+                    /* @__PURE__ */ jsx("option", { value: "0", children: "0%" }),
+                    /* @__PURE__ */ jsx("option", { value: "0.125", children: "0.125%" }),
+                    /* @__PURE__ */ jsx("option", { value: "0.250", children: "0.250%" }),
+                    /* @__PURE__ */ jsx("option", { value: "0.375", children: "0.375%" }),
+                    /* @__PURE__ */ jsx("option", { value: "0.500", children: "0.500%" }),
+                    /* @__PURE__ */ jsx("option", { value: "0.625", children: "0.625%" }),
+                    /* @__PURE__ */ jsx("option", { value: "0.750", children: "0.750%" }),
+                    /* @__PURE__ */ jsx("option", { value: "0.875", children: "0.875%" }),
+                    /* @__PURE__ */ jsx("option", { value: "1.000", children: "1.000%" })
+                  ]
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx("hr", { className: `${mt1Rem}` }),
+          /* @__PURE__ */ jsxs("div", { className: `${threeColRow} ${mt1Rem}`, children: [
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+              Dropdown,
+              {
+                ...register("tR2LoanTerm"),
+                error: !!errors.tR2LoanTerm,
+                helperText: errors.tR2LoanTerm?.message,
+                className: dropdown,
+                children: [
+                  /* @__PURE__ */ jsx("option", { value: "", children: "Select a Loan Type" }),
+                  /* @__PURE__ */ jsx("option", { value: "ThirtyYear", children: "30 Year Fixed" }),
+                  /* @__PURE__ */ jsx("option", { value: "TwentyYear", children: "20 Year Fixed" }),
+                  /* @__PURE__ */ jsx("option", { value: "FifteenYear", children: "15 Year Fixed" }),
+                  /* @__PURE__ */ jsx("option", { value: "TenYear", children: "10 Year Fixed" })
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                className: dynPH,
+                ...register("tR2DesiredRate"),
+                type: "string",
+                placeholder: "Desired Rate"
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+              Dropdown,
+              {
+                className: dynPH,
+                ...register("tR2DiscountPoints"),
+                type: "string",
+                error: !!errors.tR2DiscountPoints,
+                helperText: errors.tR2DiscountPoints?.message,
+                children: [
+                  /* @__PURE__ */ jsx("option", { value: "0", children: "0%" }),
+                  /* @__PURE__ */ jsx("option", { value: "0.125", children: "0.125%" }),
+                  /* @__PURE__ */ jsx("option", { value: "0.250", children: "0.250%" }),
+                  /* @__PURE__ */ jsx("option", { value: "0.375", children: "0.375%" }),
+                  /* @__PURE__ */ jsx("option", { value: "0.500", children: "0.500%" }),
+                  /* @__PURE__ */ jsx("option", { value: "0.625", children: "0.625%" }),
+                  /* @__PURE__ */ jsx("option", { value: "0.750", children: "0.750%" }),
+                  /* @__PURE__ */ jsx("option", { value: "0.875", children: "0.875%" }),
+                  /* @__PURE__ */ jsx("option", { value: "1.000", children: "1.000%" })
+                ]
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsx("hr", { className: `${mt1Rem}` }),
+          /* @__PURE__ */ jsxs("div", { className: `${threeColRow} ${mt1Rem}`, children: [
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+              Dropdown,
+              {
+                ...register("tR3LoanTerm"),
+                error: !!errors.tR3LoanTerm,
+                helperText: errors.tR3LoanTerm?.message,
+                className: dropdown,
+                children: [
+                  /* @__PURE__ */ jsx("option", { value: "", children: "Select a Loan Type" }),
+                  /* @__PURE__ */ jsx("option", { value: "ThirtyYear", children: "30 Year Fixed" }),
+                  /* @__PURE__ */ jsx("option", { value: "TwentyYear", children: "20 Year Fixed" }),
+                  /* @__PURE__ */ jsx("option", { value: "FifteenYear", children: "15 Year Fixed" }),
+                  /* @__PURE__ */ jsx("option", { value: "TenYear", children: "10 Year Fixed" })
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                ...register("tR3DesiredRate"),
+                type: "string",
+                placeholder: "Desired Rate",
+                className: dynPH
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+              Dropdown,
+              {
+                className: dynPH,
+                ...register("tR3DiscountPoints"),
+                type: "string",
+                error: !!errors.tR3DiscountPoints,
+                helperText: errors.tR3DiscountPoints?.message,
+                children: [
+                  /* @__PURE__ */ jsx("option", { value: "0", children: "0%" }),
+                  /* @__PURE__ */ jsx("option", { value: "0.125", children: "0.125%" }),
+                  /* @__PURE__ */ jsx("option", { value: "0.250", children: "0.250%" }),
+                  /* @__PURE__ */ jsx("option", { value: "0.375", children: "0.375%" }),
+                  /* @__PURE__ */ jsx("option", { value: "0.500", children: "0.500%" }),
+                  /* @__PURE__ */ jsx("option", { value: "0.625", children: "0.625%" }),
+                  /* @__PURE__ */ jsx("option", { value: "0.750", children: "0.750%" }),
+                  /* @__PURE__ */ jsx("option", { value: "0.875", children: "0.875%" }),
+                  /* @__PURE__ */ jsx("option", { value: "1.000", children: "1.000%" })
+                ]
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsx("p", { className: mt1Rem, children: "*The number in Desired Rate must be at least 2% and no more than 10%" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: modalCheckboxContainer, children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              className: clsx(input({ size: "large" }), checkbox({}), mw24),
+              type: "checkbox",
+              ...register("hasSmsConsent")
+            }
+          ),
+          /* @__PURE__ */ jsxs("label", { children: [
+            "By selecting this checkbox, you have agreed to these",
+            " ",
+            /* @__PURE__ */ jsx(
+              "a",
+              {
+                href: "https://assets.axos.com/o9ov1v03uwqk/3F4hEsPBjT5z6Kt1AwDd4z/1d9e2e3104af5d92923d042d5d6260cb/SMS_and_MMS_Disclosure_Axos_Bank.pdf",
+                target: "_blank",
+                children: "Terms and Conditions"
+              }
+            ),
+            " ",
+            "and you have agreed to receive automated SMS text messages, calls, and emails for any purpose including but not limited to marketing of products and services by Axos Bank. You understand and agree that such messages may be sent via Automatic Telephone Dialing System and/or artificial or pre-recorded voice, and that such consent is not a condition of receipt of any good or service. Mobile carrier messages and data rates may apply. You may opt out at any time."
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("div", { children: isSubmitting ? /* @__PURE__ */ jsx(
+          LoadingIndicator,
           {
-            ...register("tR3DesiredRate"),
-            type: "string",
-            placeholder: "Desired Rate",
-            className: dynPH
+            style: { marginInline: "auto" },
+            variant: "primary"
           }
-        ) }),
-        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
-          Dropdown,
+        ) : /* @__PURE__ */ jsx(
+          "button",
           {
-            className: dynPH,
-            ...register("tR3DiscountPoints"),
-            type: "string",
-            error: !!errors.tR3DiscountPoints,
-            helperText: errors.tR3DiscountPoints?.message,
-            children: [
-              /* @__PURE__ */ jsx("option", { value: "0", children: "0%" }),
-              /* @__PURE__ */ jsx("option", { value: "0.125", children: "0.125%" }),
-              /* @__PURE__ */ jsx("option", { value: "0.250", children: "0.250%" }),
-              /* @__PURE__ */ jsx("option", { value: "0.375", children: "0.375%" }),
-              /* @__PURE__ */ jsx("option", { value: "0.500", children: "0.500%" }),
-              /* @__PURE__ */ jsx("option", { value: "0.625", children: "0.625%" }),
-              /* @__PURE__ */ jsx("option", { value: "0.750", children: "0.750%" }),
-              /* @__PURE__ */ jsx("option", { value: "0.875", children: "0.875%" }),
-              /* @__PURE__ */ jsx("option", { value: "1.000", children: "1.000%" })
-            ]
+            className: button({
+              color: "primary",
+              size: "large",
+              rounded: "medium",
+              disabled: !isValid
+            }),
+            type: "button",
+            onClick: handleSubmitClick,
+            disabled: !isValid || isSubmitting,
+            children: "Sign Up"
           }
         ) })
-      ] }),
-      /* @__PURE__ */ jsx("p", { className: mt1Rem, children: "*The number in Desired Rate must be at least 2% and no more than 10%" })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: modalCheckboxContainer, children: [
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          className: clsx(input({ size: "large" }), checkbox({}), mw24),
-          type: "checkbox",
-          ...register("hasSmsConsent")
-        }
-      ),
-      /* @__PURE__ */ jsxs("label", { children: [
-        "By selecting this checkbox, you have agreed to these",
-        " ",
-        /* @__PURE__ */ jsx(
-          "a",
-          {
-            href: "https://assets.axos.com/o9ov1v03uwqk/3F4hEsPBjT5z6Kt1AwDd4z/1d9e2e3104af5d92923d042d5d6260cb/SMS_and_MMS_Disclosure_Axos_Bank.pdf",
-            target: "_blank",
-            children: "Terms and Conditions"
-          }
-        ),
-        " ",
-        "and you have agreed to receive automated SMS text messages, calls, and emails for any purpose including but not limited to marketing of products and services by Axos Bank. You understand and agree that such messages may be sent via Automatic Telephone Dialing System and/or artificial or pre-recorded voice, and that such consent is not a condition of receipt of any good or service. Mobile carrier messages and data rates may apply. You may opt out at any time."
       ] })
-    ] }),
-    /* @__PURE__ */ jsx("div", { children: isSubmitting ? /* @__PURE__ */ jsx(
-      LoadingIndicator,
-      {
-        style: { marginInline: "auto" },
-        variant: "primary"
-      }
-    ) : /* @__PURE__ */ jsx(
-      "button",
-      {
-        className: button({
-          color: "primary",
-          size: "large",
-          rounded: "medium",
-          disabled: !isValid
-        }),
-        type: "button",
-        onClick: handleSubmitClick,
-        disabled: !isValid || isSubmitting,
-        children: "Sign Up"
-      }
-    ) })
-  ] }) }) });
+    }
+  ) }) });
 };
 export {
   RateWatchForm