@axos-web-dev/shared-components 0.0.146 → 0.0.148

package/dist/Forms/MortgageRate/MortgageRateWatch.js

@@ -0,0 +1,484 @@
+"use client";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { zodResolver } from "@hookform/resolvers/zod";
+import "../../Input/Checkbox.js";
+import "../../Input/CurrencyInput.js";
+import { Dropdown } from "../../Input/Dropdown.js";
+import "../../Input/Dropdown.css.js";
+import { Input } from "../../Input/Input.js";
+import "../../Input/Input.css.js";
+import "../../Input/InputAmount.js";
+import "../../Input/InputPhone.js";
+import "../../Input/InputTextArea.js";
+import "../../Input/DownPaymentInput.js";
+import { useForm, FormProvider } from "react-hook-form";
+import * as z from "zod";
+import clsx from "clsx";
+import { LoadingIndicator } from "../../LoadingIndicator/index.js";
+import { useState, useEffect } from "react";
+import CheckboxGroup from "../../Input/CheckboxGroup.js";
+import { dropdown, mt1Rem, threeColRow, resposiveLabel, dynPH, modalCheckboxContainer, mw24 } from "../Forms.css.js";
+import { input } from "../../Inputs/Input.css.js";
+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                                                   */
+import "../../utils/allowedAxosDomains.js";
+/* empty css                                             */
+/* empty css                                             */
+import "../../Accordion/Accordion.js";
+import "../../Accordion/Accordion.css.js";
+import "../../AlertBanner/AlertBanner.css.js";
+import "../../Article/Article.css.js";
+import "../../ArticlesSet/ArticlesSet.css.js";
+import "../../Calculators/calculator.css.js";
+import "../../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
+import { button } from "../../Button/Button.css.js";
+import "../../Calculators/ApyCalculator/ApyCalculator.css.js";
+import "../../Table/Table.css.js";
+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";
+import "iframe-resizer";
+/* empty css                                                                                   */
+import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
+/* empty css                                                 */
+/* empty css                                             */
+/* empty css                                                       */
+import "../../Carousel/index.js";
+import "../../Hyperlink/Hyperlink.css.js";
+/* empty css                                                                       */
+import "../../Comparison/Comparison.css.js";
+import "../../HeroBanner/HeroBanner.css.js";
+import "../../HeroBanner/LargeBanner.css.js";
+import "../../HeroBanner/SelectionBanner.css.js";
+import "../../SetContainer/SetContainer.css.js";
+import "../../Tab/Tab.css.js";
+import "../../icons/Star/Star.css.js";
+import "../../ContentBanner/ContentBanner.css.js";
+/* empty css                                                 */
+import "../../ExecutiveBio/ExecutiveBio.css.js";
+import "../../FaqAccordion/index.js";
+import "../../FooterDisclosure/FooterDisclosure.css.js";
+/* empty css                                                            */
+import "../../ImageBillboard/ImageBillboard.css.js";
+/* empty css                                           */
+import "react-wrap-balancer";
+/* 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                                                      */
+import "../../NavigationMenu/AxosBank/NavData.js";
+import "next/navigation.js";
+import "next/image.js";
+import "next/link.js";
+/* empty css                                                         */
+/* empty css                                                          */
+import "../../PageNavItem/PageNavItem.css.js";
+import "react-slick";
+/* 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                                                 */
+const RateWatchForm = ({
+  email,
+  lastName,
+  rateWatchOnSubmit,
+  toggleModal
+}) => {
+  const [updateType, setUpdateType] = useState(
+    "Target Rate"
+  );
+  const schema = z.object({
+    updateType: z.string().min(1, { message: "Update type is required." }),
+    updateCadence: z.string().optional().refine((val) => !(updateType === "Frequency" && !val), {
+      message: "Frequency is required."
+    }),
+    loanTerms: z.string().optional().refine((val) => !(updateType === "Frequency" && !val), {
+      message: "Program is required."
+    }),
+    hasSmsConsent: z.boolean().refine((val) => val === true, {
+      message: "You must agree to receive SMS messages."
+    }),
+    tR1DesiredRate: z.string().optional().refine(
+      (val) => {
+        if (val && updateType === "Target Rate") {
+          const numericValue = +val;
+          return !val || numericValue >= 2 && numericValue <= 10;
+        }
+        return true;
+      },
+      { message: "Desired Rate must be between 2 and 10." }
+    ),
+    tR1DiscountPoints: z.string().optional().refine((val) => updateType === "Target Rate" ? !!val : true, {
+      message: "Discount Points is required."
+    }),
+    tR1LoanTerm: z.string().optional().refine((val) => updateType === "Target Rate" ? !!val : true, {
+      message: "Loan Type is required."
+    }),
+    tR2DesiredRate: z.string().optional().refine(
+      (val) => {
+        if (val && updateType === "Target Rate") {
+          const numericValue = +val;
+          return !val || numericValue >= 2 && numericValue <= 10;
+        }
+        return true;
+      },
+      { message: "Desired Rate must be between 2 and 10." }
+    ),
+    tR2DiscountPoints: z.string().optional(),
+    tR2LoanTerm: z.string().optional(),
+    tR3DesiredRate: z.string().optional().refine(
+      (val) => {
+        if (val && updateType === "Target Rate") {
+          const numericValue = +val;
+          return !val || numericValue >= 2 && numericValue <= 10;
+        }
+        return true;
+      },
+      { message: "Desired Rate must be between 2 and 10." }
+    ),
+    tR3DiscountPoints: z.string().optional(),
+    tR3LoanTerm: z.string().optional()
+  });
+  const methods = useForm({
+    resolver: zodResolver(schema),
+    mode: "all",
+    defaultValues: {
+      email
+    }
+  });
+  const {
+    handleSubmit,
+    register,
+    formState: { errors, isSubmitting, isValid },
+    setValue,
+    clearErrors
+  } = methods;
+  const submitForm = async (data) => {
+    const processedData = {
+      ...data,
+      tR1DesiredRate: data.tR1DesiredRate ? `${data.tR1DesiredRate}` : "",
+      tR1DiscountPoints: data.tR1DiscountPoints ? `${data.tR1DiscountPoints}` : "",
+      tR2DesiredRate: data.tR2DesiredRate ? `${data.tR2DesiredRate}` : "",
+      tR2DiscountPoints: data.tR2DiscountPoints ? `${data.tR2DiscountPoints}` : "",
+      tR3DesiredRate: data.tR3DesiredRate ? `${data.tR3DesiredRate}` : "",
+      tR3DiscountPoints: data.tR3DiscountPoints ? `${data.tR3DiscountPoints}` : "",
+      email,
+      lastName
+    };
+    if (rateWatchOnSubmit) {
+      try {
+        await rateWatchOnSubmit(processedData);
+      } catch (error) {
+        console.error("Error submitting form:", error);
+      }
+    } else {
+      console.error("rateWatchOnSubmit function is not defined");
+    }
+    toggleModal();
+  };
+  const options = [
+    { label: "30 Year Fixed", value: "30" },
+    { label: "20 Year Fixed", value: "20" },
+    { label: "15 Year Fixed", value: "15" },
+    { label: "10 Year Fixed", value: "10" }
+  ];
+  const [selectedValues, setSelectedValues] = useState([]);
+  const handleProgramsChange = (updatedValues) => {
+    if (updatedValues) {
+      setSelectedValues(updatedValues);
+      setValue("loanTerms", updatedValues.join(";"));
+      clearErrors("loanTerms");
+    }
+  };
+  const handleTypeChange = (event) => {
+    const value = event.target.value;
+    setUpdateType(value);
+  };
+  const handleSubmitClick = () => {
+    handleSubmit(submitForm)();
+  };
+  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,
+          {
+            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,
+      {
+        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
+};

package/dist/Forms/QuickPricer.js

@@ -8,13 +8,13 @@ import "react-use";
 import { Checkbox } from "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
 import { Dropdown } from "../Input/Dropdown.js";
-/* empty css                                          */
-/* empty css                                   */
+import "../Input/Dropdown.css.js";
 import { Input } from "../Input/Input.js";
 import "../Input/Input.css.js";
 import "../Input/InputAmount.js";
 import { InputPhone } from "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
+import "../Input/DownPaymentInput.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import SvgAxosX from "../icons/AxosX/index.js";
 import SvgComponent from "../icons/AxosX/Blue.js";

package/dist/Forms/ScheduleCall.js

@@ -8,13 +8,13 @@ import "react-use";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
 import { Dropdown } from "../Input/Dropdown.js";
-/* empty css                                          */
-/* empty css                                   */
+import "../Input/Dropdown.css.js";
 import { Input } from "../Input/Input.js";
 import "../Input/Input.css.js";
 import "../Input/InputAmount.js";
 import { InputPhone } from "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
+import "../Input/DownPaymentInput.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import SvgAxosX from "../icons/AxosX/index.js";
 import SvgComponent from "../icons/AxosX/Blue.js";

package/dist/Forms/ScheduleCallPremier.js

@@ -8,13 +8,13 @@ import "react-use";
 import "../Input/Checkbox.js";
 import { CurrencyInput } from "../Input/CurrencyInput.js";
 import { Dropdown } from "../Input/Dropdown.js";
-/* empty css                                          */
-/* empty css                                   */
+import "../Input/Dropdown.css.js";
 import { Input } from "../Input/Input.js";
 import "../Input/Input.css.js";
 import "../Input/InputAmount.js";
 import { InputPhone } from "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
+import "../Input/DownPaymentInput.js";
 import { LoadingIndicator } from "../LoadingIndicator/index.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import SvgAxosX from "../icons/AxosX/index.js";

package/dist/Forms/SuccesForm.js

@@ -52,12 +52,13 @@ import "../ImageBillboard/ImageBillboard.css.js";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
 import "../Input/Dropdown.js";
-/* empty css                                   */
+import "../Input/Dropdown.css.js";
 import "../Input/Input.js";
 import "../Input/Input.css.js";
 import "../Input/InputAmount.js";
 import "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
+import "../Input/DownPaymentInput.js";
 import "react-wrap-balancer";
 /* empty css                                              */
 /* empty css                                                      */
@@ -99,6 +100,7 @@ import "./SalesforceFieldsForm.js";
 import "../Input/RadioButton.css.js";
 import "../Input/Checkbox.css.js";
 import "../Input/RadioButton.js";
+import "../Inputs/Input.css.js";
 function SuccesFormWrapper({
   children,
   isSubmitted,

package/dist/Forms/WcplSurvey.js

@@ -8,13 +8,13 @@ import "react-use";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
 import "../Input/Dropdown.js";
-/* empty css                                          */
-/* empty css                                   */
+import "../Input/Dropdown.css.js";
 import "../Input/Input.js";
 import "../Input/Input.css.js";
 import "../Input/InputAmount.js";
 import { InputPhone } from "../Input/InputPhone.js";
 import { InputTextArea } from "../Input/InputTextArea.js";
+import "../Input/DownPaymentInput.js";
 import { RadioButtonSet, RadioButton } from "../Input/RadioButton.js";
 import { LoadingIndicator } from "../LoadingIndicator/index.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";

package/dist/Forms/index.d.ts

@@ -20,3 +20,7 @@ export * from './SuccesForm';
 export * from './WcplSurvey';
 export * from './CpraRequest';
 export * from './CommercialDeposits';
+export * from './MortgageRate/MortgageRateForm';
+export * from './MortgageRate/MortgageRateQuoteFilters';
+export * from './MortgageRate/MortgageRateModal';
+export * from './MortgageRate/MortgageRateWatch';

package/dist/Forms/index.js

@@ -10,7 +10,7 @@ import { CpraRequest } from "./CpraRequest.js";
 import { DealerServices } from "./DealerServices.js";
 import { EmailOnly } from "./EmailOnly.js";
 import { EmailUs } from "./EmailUs.js";
-import { actions, checkbox_group, descriptionField, disclosureForm, form, formContainer, formWrapper, fullRowForm, headerContainer, headerForm, iconForm, one_row, pl_label, ro_input, section_title, succes_check_mark, success_circle, success_icon, success_wrap, x_input, xc_input } from "./Forms.css.js";
+import { actions, centerSelect, checkbox_group, descriptionField, disclosureForm, dropdown, dynPH, form, formBtns, formContainer, formWrapper, fullRowForm, fullRowSelect, headerContainer, headerForm, iconForm, modalCheckboxContainer, modalMobile, mt1Rem, mt2rem, mw24, na_cursor, one_row, pl_label, resposiveLabel, ro_input, section_title, succes_check_mark, success_circle, success_icon, success_wrap, threeColRow, x_input, xc_input } from "./Forms.css.js";
 import { QuickPricer } from "./QuickPricer.js";
 import { SalesforceFieldsForm, SalesforceSchema } from "./SalesforceFieldsForm.js";
 import { ScheduleCall } from "./ScheduleCall.js";
@@ -18,6 +18,13 @@ import { ScheduleCallPremier } from "./ScheduleCallPremier.js";
 import { SuccesFormWrapper } from "./SuccesForm.js";
 import { WCPLSurvey } from "./WcplSurvey.js";
 import { CommercialDeposits } from "./CommercialDeposits.js";
+import { MortgageRate } from "./MortgageRate/MortgageRateForm.js";
+import { MortgageRateFilters } from "./MortgageRate/MortgageRateQuoteFilters.js";
+import "react/jsx-runtime";
+import { RateWatchForm } from "./MortgageRate/MortgageRateWatch.js";
+import "../utils/allowedAxosDomains.js";
+import "../LoadingIndicator/LoadingIndicator.css.js";
+import "../Interstitial/Interstitial-variants.css.js";
 export {
   ApplicationStart,
   ClearingForm,
@@ -32,7 +39,10 @@ export {
   DealerServices,
   EmailOnly,
   EmailUs,
+  MortgageRate,
+  MortgageRateFilters,
   QuickPricer,
+  RateWatchForm,
   SalesforceFieldsForm,
   SalesforceSchema,
   ScheduleCall,
@@ -40,24 +50,37 @@ export {
   SuccesFormWrapper,
   WCPLSurvey,
   actions,
+  centerSelect,
   checkbox_group,
   descriptionField,
   disclosureForm,
+  dropdown,
+  dynPH,
   form,
+  formBtns,
   formContainer,
   formWrapper,
   fullRowForm,
+  fullRowSelect,
   headerContainer,
   headerForm,
   iconForm,
+  modalCheckboxContainer,
+  modalMobile,
+  mt1Rem,
+  mt2rem,
+  mw24,
+  na_cursor,
   one_row,
   pl_label,
+  resposiveLabel,
   ro_input,
   section_title,
   succes_check_mark,
   success_circle,
   success_icon,
   success_wrap,
+  threeColRow,
   x_input,
   xc_input
 };