@axos-web-dev/shared-components 1.0.100-dev.2 → 1.0.100-dev.21

package/dist/Forms/CommercialDepositsNoLendingOption.js

@@ -0,0 +1,330 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Button } from "../Button/Button.js";
+import "../Button/Button.css.js";
+import "react";
+import "react-use";
+import { Checkbox } from "../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 { InputPhone } from "../Input/InputPhone.js";
+import "../Input/InputTextArea.js";
+import "../Input/DownPaymentInput.js";
+import "../Input/RadioButton.js";
+import "../icons/ArrowIcon/ArrowIcon.css.js";
+import SvgAxosX from "../icons/AxosX/index.js";
+import SvgComponent from "../icons/AxosX/Blue.js";
+import "../icons/CheckIcon/CheckIcon.css.js";
+import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+/* empty css                                   */
+/* empty css                                    */
+/* empty css                                                    */
+/* empty css                                                */
+import "../utils/allowedAxosDomains.js";
+import { associatedEmail } from "../utils/EverestValidity.js";
+import { getVariant } from "../utils/getVariant.js";
+import clsx from "clsx";
+import { useForm, FormProvider } from "react-hook-form";
+import * as z from "zod";
+import { iconForm, headerForm, form, descriptionField, headerContainer, x_input, fullRowForm, pl_label, formWrapper, disclosureForm, actions, formContainer } from "./Forms.css.js";
+import { honeyPotSchema, isValidHoneyPot, HoneyPot } from "./HoneyPot/index.js";
+import { SalesforceSchema } from "./SalesforceFieldsForm.js";
+const CommercialDepositsNoLendingOption = ({
+  icon = false,
+  children,
+  onSubmit = (values) => {
+    console.log(values);
+  },
+  disclosure,
+  variant: fullVariant = "primary",
+  headline,
+  description,
+  callToAction,
+  validateEmail,
+  onValidate,
+  id
+}) => {
+  const schema = z.object({
+    first_name: z.string({ message: "First Name is required." }).regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g, {
+      message: "First Name is required."
+    }).trim().min(1, { message: "First Name is required." }),
+    last_name: z.string({ message: "Last Name is required." }).regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g, {
+      message: "Last Name is required."
+    }).trim().min(1, { message: "Last Name is required." }),
+    email: z.string().email({ message: "Email is required." }).refine(async (val) => await validateEmail(val)),
+    phone: z.string({ message: "Business Phone is required." }).regex(/[\d-]{10}/, { message: "Business Phone is required." }).min(10, { message: "Business Phone is required." }).max(12, { message: "Business Phone is required." }).transform((val, ctx) => {
+      const removeDashes = val.replace(/-/gi, "");
+      if (removeDashes.length !== 10) {
+        ctx.addIssue({
+          code: z.ZodIssueCode.custom,
+          message: "Business Phone must have at least 10 and no more than 10 characters."
+        });
+        return z.NEVER;
+      }
+      if (removeDashes.endsWith("00000") || removeDashes.startsWith("999") || removeDashes.length === 10 && /^[01]/.test(removeDashes)) {
+        ctx.addIssue({
+          code: z.ZodIssueCode.custom,
+          message: "Invalid phone number."
+        });
+        return z.NEVER;
+      }
+      return removeDashes;
+    }),
+    company: z.string({ message: "Business Name is required." }).regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g, {
+      message: "Business Name is required"
+    }).trim().min(1, { message: "Business Name is required." }),
+    Estimated_Gross_Annual_Revenue__c: z.string({
+      message: "Estimated gross annual revenue is required"
+    }).min(1, { message: "Estimated gross annual revenue is required" }),
+    Banking__c: z.boolean(),
+    Treasury_Management__c: z.boolean(),
+    Others__c: z.boolean().optional(),
+    Others_Detail__c: z.string().optional(),
+    Product_and_servicing_needs__c: z.string()
+  });
+  const gen_schema = schema.merge(SalesforceSchema).merge(honeyPotSchema).superRefine((data, ctx) => {
+    if (!isValidHoneyPot(data)) {
+      ctx.addIssue({
+        code: z.ZodIssueCode.custom,
+        message: "fields are not valid."
+      });
+    }
+  });
+  const methods = useForm({
+    resolver: zodResolver(gen_schema, {
+      async: true
+    }),
+    mode: "all"
+  });
+  const {
+    handleSubmit,
+    register,
+    watch,
+    formState: { errors, isValid, isSubmitting }
+  } = methods;
+  const othersChecked = watch("Others__c");
+  const submitForm = async (data) => {
+    const processData = {
+      ...data,
+      Banking__c: data.Banking__c ? true : false
+    };
+    await onSubmit(processData);
+  };
+  const variant = getVariant(fullVariant);
+  return /* @__PURE__ */ jsx(
+    "section",
+    {
+      id: `id_${id}`,
+      className: clsx(formContainer({ variant })),
+      children: /* @__PURE__ */ jsx("div", { className: clsx("containment"), children: /* @__PURE__ */ jsxs(FormProvider, { ...methods, children: [
+        icon && /* @__PURE__ */ jsx("div", { className: clsx("text_center", iconForm), children: ["primary", "secondary"].includes(variant) ? /* @__PURE__ */ jsx(SvgComponent, {}) : /* @__PURE__ */ jsx(SvgAxosX, {}) }),
+        /* @__PURE__ */ jsxs("div", { className: clsx(headerContainer, "text_center"), children: [
+          /* @__PURE__ */ jsx("h2", { className: clsx("header_2", headerForm({ variant })), children: headline }),
+          description && /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: clsx(
+                form,
+                descriptionField({ variant }),
+                "text_center"
+              ),
+              children: description
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs(
+          "form",
+          {
+            className: form,
+            onSubmit: async (e) => {
+              onValidate && onValidate(e);
+              await handleSubmit(submitForm)(e);
+              e.preventDefault();
+            },
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: clsx(formWrapper({ variant })), children: [
+                /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    id: "first_name",
+                    ...register("first_name", {
+                      required: "First Name is required"
+                    }),
+                    label: "First Name",
+                    sizes: "medium",
+                    required: true,
+                    error: !!errors.first_name,
+                    helperText: errors.first_name?.message,
+                    variant
+                  }
+                ) }),
+                /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    id: "last_name",
+                    ...register("last_name", { required: true }),
+                    label: "Last Name",
+                    sizes: "medium",
+                    required: true,
+                    error: !!errors.last_name,
+                    helperText: errors.last_name?.message,
+                    variant
+                  }
+                ) }),
+                /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    id: "company",
+                    ...register("company", { required: true }),
+                    label: "Business Name",
+                    sizes: "medium",
+                    required: true,
+                    error: !!errors.company,
+                    helperText: errors.company?.message,
+                    variant
+                  }
+                ) }),
+                /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    id: "email",
+                    ...register("email", {
+                      required: true,
+                      validate: {
+                        isValid: associatedEmail
+                      }
+                    }),
+                    label: "Email",
+                    sizes: "medium",
+                    required: true,
+                    error: !!errors.email,
+                    helperText: errors.email?.message,
+                    variant
+                  }
+                ) }),
+                /* @__PURE__ */ jsx("div", { className: x_input, children: /* @__PURE__ */ jsx(
+                  InputPhone,
+                  {
+                    id: "phone",
+                    ...register("phone", { required: true, maxLength: 12 }),
+                    label: "Business Phone",
+                    sizes: "medium",
+                    required: true,
+                    error: !!errors.phone,
+                    helperText: errors.phone?.message,
+                    variant
+                  }
+                ) }),
+                /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+                  Dropdown,
+                  {
+                    id: "Estimated_Gross_Annual_Revenue__c",
+                    ...register("Estimated_Gross_Annual_Revenue__c", {
+                      required: true
+                    }),
+                    label: "Estimated Gross Annual Revenue",
+                    sizes: "medium",
+                    required: true,
+                    error: !!errors.Estimated_Gross_Annual_Revenue__c,
+                    helperText: errors.Estimated_Gross_Annual_Revenue__c?.message,
+                    variant,
+                    defaultValue: "",
+                    children: [
+                      /* @__PURE__ */ jsx("option", { disabled: true, value: "", children: "Select Option" }),
+                      /* @__PURE__ */ jsx("option", { value: "Under $3MM", children: "Under $3MM" }),
+                      /* @__PURE__ */ jsx("option", { value: "$3MM - $10MM", children: "$3MM - $10MM" }),
+                      /* @__PURE__ */ jsx("option", { value: "$10MM - $100MM", children: "$10MM - $100MM" }),
+                      /* @__PURE__ */ jsx("option", { value: "Above $100MM", children: "Above $100MM" })
+                    ]
+                  }
+                ) }),
+                /* @__PURE__ */ jsxs("div", { className: `${fullRowForm}`, children: [
+                  /* @__PURE__ */ jsx("div", { className: pl_label, children: "Which products or services apply to your request? Click all that apply." }),
+                  /* @__PURE__ */ jsx(
+                    Checkbox,
+                    {
+                      id: "Banking__c",
+                      ...register("Banking__c"),
+                      sizes: "medium",
+                      variant,
+                      children: "Banking"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    Checkbox,
+                    {
+                      id: "Treasury_Management__c",
+                      ...register("Treasury_Management__c"),
+                      sizes: "medium",
+                      variant,
+                      children: "Treasury Management"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    Checkbox,
+                    {
+                      id: "Others__c",
+                      ...register("Others__c"),
+                      sizes: "medium",
+                      variant,
+                      children: "Other"
+                    }
+                  ),
+                  othersChecked && /* @__PURE__ */ jsx(
+                    Input,
+                    {
+                      id: "Others_Detail__c",
+                      ...register("Others_Detail__c", { required: false }),
+                      sizes: "medium",
+                      required: false,
+                      error: !!errors.Others_Detail__c,
+                      helperText: errors.Others_Detail__c?.message,
+                      variant
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsx("div", { className: fullRowForm, children: /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    id: "Product_and_servicing_needs__c",
+                    ...register("Product_and_servicing_needs__c", {
+                      required: false
+                    }),
+                    label: "Kindly describe your product and/or servicing needs.",
+                    sizes: "medium",
+                    required: false,
+                    error: !!errors.Product_and_servicing_needs__c,
+                    helperText: errors.Product_and_servicing_needs__c?.message,
+                    variant
+                  }
+                ) }),
+                /* @__PURE__ */ jsx(HoneyPot, { register, variant })
+              ] }),
+              children,
+              /* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure }),
+              /* @__PURE__ */ jsx("div", { className: actions, children: /* @__PURE__ */ jsx(
+                Button,
+                {
+                  color: getVariant(callToAction?.variant),
+                  as: "button",
+                  type: "submit",
+                  disabled: !isValid || isSubmitting,
+                  children: callToAction?.displayText
+                }
+              ) })
+            ]
+          }
+        )
+      ] }) })
+    },
+    id
+  );
+};
+export {
+  CommercialDepositsNoLendingOption
+};

package/dist/Forms/ContactUsBusiness.d.ts

@@ -3,7 +3,7 @@ import { FormProps } from './FormProps';
 export type ContactUsBusinessNmlsIdInputs = {
     first_name: string;
     last_name: string;
-    Company: string;
+    company: string;
     email: string;
     phone: string;
     Company_NMLS_ID__c: string;

package/dist/Forms/ContactUsBusiness.js

@@ -76,9 +76,9 @@ import "../Carousel/index.js";
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
 import "../Chatbot/authenticate.js";
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
-import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "next/image.js";
@@ -170,7 +170,7 @@ const ContactUsBusiness = ({
       }
       return removeDashes;
     }),
-    Company: z.string().min(1),
+    company: z.string().min(1),
     Company_NMLS_ID__c: z.string().min(6).max(7)
   });
   const gen_schema = schema.merge(SalesforceSchema).merge(honeyPotSchema).superRefine((data, ctx) => {
@@ -263,7 +263,7 @@ const ContactUsBusiness = ({
               Input,
               {
                 id: "Company",
-                ...register("Company", {
+                ...register("company", {
                   required: true
                 }),
                 type: "text",
@@ -271,8 +271,8 @@ const ContactUsBusiness = ({
                 sizes: "medium",
                 placeholder: "Business Name",
                 required: true,
-                error: !!errors.Company,
-                helperText: errors.Company?.message,
+                error: !!errors.company,
+                helperText: errors.company?.message,
                 variant
               }
             ) }),

package/dist/Forms/ContactUsBusinessNameEmail.js

@@ -76,9 +76,9 @@ import "../Carousel/index.js";
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
 import "../Chatbot/authenticate.js";
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
-import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "next/image.js";

package/dist/Forms/ContactUsLVF.d.ts

@@ -8,6 +8,10 @@ export type ContactUsLaVictoireInputs = {
     message: string;
     checkbox: boolean;
 };
-export declare const ContactUsLVF: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, onValidate, id, dealerCheckbox, }: FormProps & {
+export declare const ContactUsLVF: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, onValidate, id, dealerCheckbox, contextData, }: FormProps & {
     dealerCheckbox?: boolean;
+    contextData?: {
+        pageName?: string;
+        pageUri?: string;
+    };
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/Forms/ContactUsLVF.js

@@ -33,6 +33,7 @@ import { useForm, FormProvider } from "react-hook-form";
 import * as z from "zod";
 import { iconForm, headerContainer, headerForm, form, descriptionField, fullRowForm, formWrapper, disclosureForm, actions, formContainer } from "./Forms.css.js";
 import { honeyPotSchema, isValidHoneyPot, HoneyPot } from "./HoneyPot/index.js";
+import { SalesforceSchema } from "./SalesforceFieldsForm.js";
 const ContactUsLVF = ({
   icon = false,
   children,
@@ -47,7 +48,8 @@ const ContactUsLVF = ({
   validateEmail,
   onValidate,
   id,
-  dealerCheckbox = true
+  dealerCheckbox = true,
+  contextData
 }) => {
   const schema = z.object({
     firstname: z.string().regex(/^[a-zA-Z]*(?:[a-zA-Z][a-zA-Z'-]*\s{0,1}){2,}$/g, {
@@ -78,7 +80,7 @@ const ContactUsLVF = ({
     message: z.string().min(1, { message: "Please complete this required field." }),
     checkbox: z.boolean()
   });
-  const gen_schema = schema.merge(honeyPotSchema).superRefine((data, ctx) => {
+  const gen_schema = schema.merge(SalesforceSchema).merge(honeyPotSchema).superRefine((data, ctx) => {
     if (!isValidHoneyPot(data)) {
       ctx.addIssue({
         code: z.ZodIssueCode.custom,
@@ -106,9 +108,9 @@ const ContactUsLVF = ({
         return { name: key, value: data[key] };
       }
     }).filter((el) => el !== void 0);
-    const contextData = {
-      pageName: "La Victoire Finance",
-      pageUri: "https://lavictoirefinance.com/contact-us"
+    const finalContextData = {
+      pageName: contextData?.pageName || "La Victoire Finance",
+      pageUri: contextData?.pageUri || "https://lavictoirefinance.com/contact-us"
     };
     const legalConsentData = {
       consent: {
@@ -125,7 +127,7 @@ const ContactUsLVF = ({
     };
     await onSubmit({
       fields: formattedFieldsData,
-      context: contextData,
+      context: finalContextData,
       legalConsentOptions: legalConsentData,
       form: "contactUSLVF"
     });

package/dist/Forms/ContactUsNMLSId.js

@@ -76,9 +76,9 @@ import "../Carousel/index.js";
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
 import "../Chatbot/authenticate.js";
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
-import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "next/image.js";

package/dist/Forms/CraPublicFile.js

@@ -76,9 +76,9 @@ import "../Carousel/index.js";
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
 import "../Chatbot/authenticate.js";
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
-import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "next/image.js";

package/dist/Forms/EmailOnly.js

@@ -77,9 +77,9 @@ import "../Carousel/index.js";
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
 import "../Chatbot/authenticate.js";
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
-import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "next/image.js";

package/dist/Forms/FormEnums.js

@@ -48,7 +48,9 @@ const PurposeOfLoan = ["Bridge", "Construction"];
 const Purposes = [
   { value: "Purchase", text: "Purchase" },
   { value: "RefiCashout", text: "Refi Cashout" },
-  { value: "RefiRateTermLimitedCO", text: "Refi Rate-Term/Limited C.O." }
+  { value: "RefiRateTermLimitedCO", text: "Refi Rate-Term/Limited C.O." },
+  { value: "ConstructiontoPerm", text: "Construction to Perm" },
+  { value: "InvestorConstruction", text: "Investor Construction" }
 ];
 const RepresentativesFico = [
   { value: "780", text: "780+" },
@@ -65,6 +67,7 @@ const RepresentativesFico = [
 const DocType = [
   { value: "FullDoc", text: "Full Doc" },
   { value: "AssetDepletion", text: "Asset Depletion" },
+  { value: "AssetUtilization", text: "Asset Utilization" },
   { value: "PersonalBankStmt12Mos", text: "Personal Bank Stmt: 12 Mos" },
   { value: "BusinessBankStmt12Mos", text: "Business Bank Stmt: 12 Mos" },
   { value: "PersonalBankStmt24Mos", text: "Personal Bank Stmt: 24 Mos" },
@@ -177,20 +180,8 @@ const Fico = [
   { value: "720-759", text: "720-759" },
   { value: "700-719", text: "700-719" }
 ];
-const BuydownRate = [
-  { value: 2.99, text: "2.99%" },
-  { value: 3.99, text: "3.99%" },
-  { value: 4.99, text: "4.99%" },
-  { value: 5.99, text: "5.99%" },
-  { value: 6.99, text: "6.99%" }
-];
-const BuydownTerm = [
-  { value: 1, text: "1 Year" },
-  { value: 2, text: "2 Years" },
-  { value: 3, text: "3 Years" },
-  { value: 4, text: "4 Years" },
-  { value: 5, text: "5 Years" }
-];
+const BuydownRate = [{ value: 3.74, text: "3.74%" }];
+const BuydownTerm = [{ value: 3, text: "3 Years" }];
 const LoanRates = /* @__PURE__ */ new Map([
   [
     "3/6 SOFR ARM",

package/dist/Forms/Forms.css.d.ts

@@ -40,38 +40,10 @@ export declare const headerF: import('@vanilla-extract/recipes').RuntimeFn<{
 export declare const headerForm: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            readonly selectors: {
-                [x: string]: {
-                    WebkitBackgroundClip: string;
-                    backgroundImage: `var(--${string})`;
-                    WebkitTextFillColor: string;
-                    textShadow: string;
-                    color?: undefined;
-                } | {
-                    color: `var(--${string})`;
-                    WebkitBackgroundClip?: undefined;
-                    backgroundImage?: undefined;
-                    WebkitTextFillColor?: undefined;
-                    textShadow?: undefined;
-                };
-            };
+            color: `var(--${string})`;
         };
         secondary: {
-            selectors: {
-                [x: string]: {
-                    WebkitBackgroundClip: "text";
-                    backgroundImage: `var(--${string})`;
-                    WebkitTextFillColor: "transparent";
-                    textShadow: "0px 0px #00000000";
-                    color?: undefined;
-                } | {
-                    color: `var(--${string})`;
-                    WebkitBackgroundClip?: undefined;
-                    backgroundImage?: undefined;
-                    WebkitTextFillColor?: undefined;
-                    textShadow?: undefined;
-                };
-            };
+            color: `var(--${string})`;
         };
         tertiary: {
             color: `var(--${string})`;

package/dist/Forms/MortgageRate/MortgageRateForm.js

@@ -77,9 +77,9 @@ import "../../Carousel/index.js";
 /* empty css                                      */
 import "../../Chatbot/store/chat.js";
 import "../../Chatbot/authenticate.js";
+import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                          */
 import "../../Chatbot/store/messages.js";
-import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                                                       */
 import "../../Comparison/Comparison.css.js";
 import "next/image.js";
@@ -239,7 +239,10 @@ const MortgageRate = ({
     resolver: zodResolver(gen_schema, {
       async: true
     }),
-    mode: "all"
+    mode: "all",
+    defaultValues: {
+      loanPurpose: 1
+    }
   });
   useEffect(() => {
     if (loanPurpose === 1) {
@@ -248,6 +251,7 @@ const MortgageRate = ({
       methods.setValue("mortgageBalance", 0);
     } else if (loanPurpose === 2) {
       methods.reset();
+      methods.setValue("loanPurpose", 2);
       methods.setValue("salesPrice", 0);
       methods.setValue("downPayment", 0);
     }
@@ -395,7 +399,6 @@ const MortgageRate = ({
                   error: !!errors.loanPurpose,
                   helperText: errors.loanPurpose?.message,
                   variant,
-                  defaultValue: "Select Loan Type",
                   onChange: (e) => {
                     const selectedValue = Number(e.target.value);
                     setLoanPurpose(selectedValue);

package/dist/Forms/MortgageRate/MortgageRateWatch.js

@@ -73,9 +73,9 @@ import "../../Carousel/index.js";
 /* empty css                                      */
 import "../../Chatbot/store/chat.js";
 import "../../Chatbot/authenticate.js";
+import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                          */
 import "../../Chatbot/store/messages.js";
-import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                                                       */
 import "../../Comparison/Comparison.css.js";
 import "next/image.js";

package/dist/Forms/MortgageWarehouseLending.js

@@ -76,9 +76,9 @@ import "../Carousel/index.js";
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
 import "../Chatbot/authenticate.js";
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
-import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "next/image.js";

package/dist/Forms/QuickPricer/QuickPricerForm.js

@@ -393,7 +393,7 @@ const QuickPricer = ({
                       helperText: errors.Pledged_Assets__c?.message,
                       variant,
                       value: 1,
-                      children: "Pledget Assets"
+                      children: "Pledged Assets"
                     }
                   ),
                   /* @__PURE__ */ jsx(