@axos-web-dev/shared-components 0.0.105 → 0.0.107

package/dist/Forms/QuickPricer.js

@@ -0,0 +1,759 @@
+"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 { useState } from "react";
+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 } from "../Input/Input.js";
+import "../Input/Input.css.js";
+import { InputAmount } from "../Input/InputAmount.js";
+import { InputPhone } from "../Input/InputPhone.js";
+import "../Input/InputTextArea.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";
+/* empty css                                    */
+/* empty css                                       */
+/* empty css                                                        */
+/* empty css                                                    */
+import { associatedEmail } from "../utils/EverestValidity.js";
+import "../utils/allowedAxosDomains.js";
+import { getVariant } from "../utils/getVariant.js";
+import clsx from "clsx";
+import { useForm, FormProvider } from "react-hook-form";
+import * as z from "zod";
+import { Purposes, RepresentativesFico, DocType, Citizenship, MortgageLates, HousingEventType, HousingEventHistory, BankruptcyType, BankruptcySeasoning, PropertyType, Occupancy, NumberOfUnits, PrepaymentPenalty } from "./FormEnums.js";
+import { formContainer, iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, one_row, section_title, checkbox_group, disclosureForm, actions } from "./Forms.css.js";
+import { SalesforceSchema } from "./SalesforceFieldsForm.js";
+const QuickPricer = ({
+  icon = false,
+  children,
+  onSubmit = (values) => {
+    console.log(values);
+  },
+  disclosure,
+  variant: fullVariant = "primary",
+  headline,
+  callToAction,
+  id,
+  description,
+  validateEmail
+}) => {
+  const [refiCashOut, setRefiCashOut] = useState(false);
+  const schema = z.object({
+    base_Loan_Amount: z.coerce.number({ message: "Please provide a valid loan amount" }).min(149999, {
+      message: "Please enter a value greater than or equal to 149999"
+    }),
+    appraised_Value: z.coerce.number({ message: "Please provide a valid property value" }).min(149999, {
+      message: "Please enter a value greater than or equal to 149999"
+    }),
+    loan_Purpose: z.string().min(1, { message: "Purpose is required" }).refine((val) => Purposes.includes(val), {
+      message: "Purpose is required"
+    }),
+    Cash_Out_Amount: z.coerce.number({
+      message: "Please provide a valid property value"
+    }).min(1, { message: "Cash Out is required" }),
+    CblInterestOnly: z.coerce.string(),
+    representative_FICO: z.string().min(1, { message: "Representative FICO is required" }).refine((val) => RepresentativesFico.includes(val), {
+      message: "Representative FICO is required"
+    }),
+    months_Reserves: z.coerce.number({
+      message: "Please provide a valid months of reserves"
+    }).min(1, { message: "Months of reserves is required" }),
+    underwriting_Document_Type: z.string().min(1, { message: "Underwriting / Doc Type is required" }).refine((val) => DocType.includes(val), {
+      message: "Underwriting / Doc Type is required"
+    }),
+    citizenship: z.string().min(1, { message: "Citizenship is required" }).refine((val) => Citizenship.includes(val), {
+      message: "Citizenship is required"
+    }),
+    Mortgage_Lates_12: z.string().min(1, { message: "Mortgage history is required" }).refine((val) => MortgageLates.includes(val), {
+      message: "Mortgage history is required"
+    }),
+    Mortgage_Lates_24: z.string().min(1, { message: "Mortgage history is required" }).refine((val) => MortgageLates.includes(val), {
+      message: "Mortgage history is required"
+    }),
+    HousingEventType: z.string().min(1, { message: "Housing event type is required" }).refine((val) => HousingEventType.includes(val), {
+      message: "Housing event type is required"
+    }),
+    housingEventSeasoning: z.string().min(1, { message: "Housing event history is required" }).refine((val) => HousingEventHistory.includes(val), {
+      message: "Housing event history is required"
+    }),
+    BankruptcyType: z.string().min(1, { message: "Bankruptcy type is required" }).refine((val) => BankruptcyType.includes(val), {
+      message: "Bankruptcy type is required"
+    }),
+    Number_of_Properties_Financed: z.coerce.number({ message: "Please provide a valid # of Properties" }).min(1, {
+      message: "Please provide a valid # of Properties"
+    }),
+    BankruptcySeasoning: z.string().min(1, { message: "Bankruptcy seasoning is required" }).refine((val) => BankruptcySeasoning.includes(val), {
+      message: "Bankruptcy seasoning is required"
+    }),
+    zip: z.string().trim().max(20).min(1, { message: "Zip code is required." }),
+    property_Type: z.string().min(1, { message: "Property type is required" }).refine((val) => PropertyType.includes(val), {
+      message: "Property type is required"
+    }),
+    occupance: z.string().min(1, { message: "Occupancy is required" }).refine((val) => Occupancy.includes(val), {
+      message: "Occupancy is required"
+    }),
+    Units: z.string().min(1, { message: "# of Units is required" }).refine((val) => NumberOfUnits.includes(val), {
+      message: "# of Units is required"
+    }),
+    Prepayment_Penalty: z.string().min(1, { message: "Prepayment penalty is required" }).refine((val) => PrepaymentPenalty.includes(val), {
+      message: "Prepayment penalty is required"
+    }),
+    broker_Compensation: z.string().min(1, { message: "Broker compensation is required" }).refine((val) => PrepaymentPenalty.includes(val), {
+      message: "Broker compensation is required"
+    }),
+    NMLS_ID__c: z.string().min(6).max(7),
+    email: z.string().email({ message: "Email is required." }).refine(async (val) => await validateEmail(val)),
+    phone: z.string().regex(/[\d-]{10}/).min(10, { message: "Phone is required." }).max(12, { message: "Phone is required." }).transform((val, ctx) => {
+      const removeDashes = val.replace(/-/gi, "");
+      if (removeDashes.length !== 10) {
+        ctx.addIssue({
+          code: z.ZodIssueCode.custom,
+          message: "Phone must have at least 10 and no more than 10 characters."
+        });
+        return z.NEVER;
+      }
+      return removeDashes;
+    })
+  });
+  const methods = useForm({
+    resolver: zodResolver(schema.merge(SalesforceSchema), {
+      async: true
+    }),
+    mode: "all",
+    defaultValues: {
+      months_Reserves: 0
+    }
+  });
+  console.log(methods, "methooooods");
+  const {
+    handleSubmit,
+    register,
+    formState: { errors, isValid },
+    setValue
+  } = methods;
+  const submitForm = async (data) => {
+    await onSubmit(data);
+  };
+  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: `${headerContainer} text_center`, children: [
+          /* @__PURE__ */ jsx("h2", { className: clsx("header_2", headerForm({ variant })), children: headline }),
+          description && /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: clsx(
+                "text_center",
+                form,
+                descriptionField({ variant })
+              ),
+              children: description
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("form", { className: form, onSubmit: handleSubmit(submitForm), children: [
+          /* @__PURE__ */ jsxs("div", { className: clsx(formWrapper({ variant })), children: [
+            /* @__PURE__ */ jsx("div", { className: clsx(one_row, section_title({ variant })), children: /* @__PURE__ */ jsx("h4", { className: "header_4", children: "Loan Details" }) }),
+            /* @__PURE__ */ jsx("div", { className: "", children: /* @__PURE__ */ jsx(
+              InputAmount,
+              {
+                id: "base_Loan_Amount",
+                ...register("base_Loan_Amount", {
+                  required: true,
+                  minLength: 149999,
+                  maxLength: 999999999
+                }),
+                label: "Loan Amount",
+                sizes: "medium",
+                required: true,
+                error: !!errors.base_Loan_Amount,
+                helperText: errors.base_Loan_Amount?.message,
+                variant,
+                type: "number"
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              InputAmount,
+              {
+                id: "appraised_Value",
+                ...register("appraised_Value", {
+                  required: true,
+                  minLength: 149999,
+                  maxLength: 999999999
+                }),
+                label: "Property Value",
+                sizes: "medium",
+                required: true,
+                error: !!errors.appraised_Value,
+                helperText: errors.appraised_Value?.message,
+                variant,
+                type: "number"
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+              Dropdown,
+              {
+                id: "loan_Purpose",
+                ...register("loan_Purpose", {
+                  required: true
+                }),
+                label: "Purpose",
+                sizes: "medium",
+                required: true,
+                error: !!errors.loan_Purpose,
+                helperText: errors.loan_Purpose?.message,
+                variant,
+                defaultValue: "Purpose Loan",
+                onChange: (event) => {
+                  if (event.target.value === "Refi Cashout") {
+                    setRefiCashOut(true);
+                  } else {
+                    setRefiCashOut(false);
+                    setValue("Cash_Out_Amount", 0);
+                  }
+                },
+                children: [
+                  /* @__PURE__ */ jsx("option", { value: "Purpose Loan", disabled: true, children: "Select a Purpose Loan" }),
+                  /* @__PURE__ */ jsx("option", { value: "Purchase", children: "Purchase" }),
+                  /* @__PURE__ */ jsx("option", { value: "Refi Cashout", children: "Refi Cashout" }),
+                  /* @__PURE__ */ jsx("option", { value: "Refi Rate-Term/Limited C.O.", children: "Refi Rate-Term/Limited C.O." })
+                ]
+              }
+            ) }),
+            refiCashOut && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              InputAmount,
+              {
+                id: "Cash_Out_Amount",
+                ...register("Cash_Out_Amount", {
+                  required: true
+                }),
+                label: "Cash Out",
+                sizes: "medium",
+                required: true,
+                error: !!errors.Cash_Out_Amount,
+                helperText: errors.Cash_Out_Amount?.message,
+                variant,
+                type: "number"
+              }
+            ) }),
+            /* @__PURE__ */ jsxs("div", { className: clsx(one_row, checkbox_group), children: [
+              /* @__PURE__ */ jsx(
+                Checkbox,
+                {
+                  id: "CblInterestOnly",
+                  ...register("CblInterestOnly"),
+                  sizes: "medium",
+                  error: !!errors.CblInterestOnly,
+                  helperText: errors.CblInterestOnly?.message,
+                  variant,
+                  value: "Interest Only",
+                  children: "Interest Only"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Checkbox,
+                {
+                  id: "CblInterestOnly",
+                  ...register("CblInterestOnly"),
+                  sizes: "medium",
+                  error: !!errors.CblInterestOnly,
+                  helperText: errors.CblInterestOnly?.message,
+                  variant,
+                  value: "Self Employed",
+                  children: "Self Employed"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Checkbox,
+                {
+                  id: "CblInterestOnly",
+                  ...register("CblInterestOnly"),
+                  sizes: "medium",
+                  error: !!errors.CblInterestOnly,
+                  helperText: errors.CblInterestOnly?.message,
+                  variant,
+                  value: "Pledget Assets",
+                  children: "Pledget Assets"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Checkbox,
+                {
+                  id: "CblInterestOnly",
+                  ...register("CblInterestOnly"),
+                  sizes: "medium",
+                  error: !!errors.CblInterestOnly,
+                  helperText: errors.CblInterestOnly?.message,
+                  variant,
+                  value: "Cross Collateralization",
+                  children: "Cross Collateralization"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+              Dropdown,
+              {
+                id: "representative_FICO",
+                ...register("representative_FICO", {
+                  required: true
+                }),
+                label: "FICO",
+                sizes: "medium",
+                required: true,
+                error: !!errors.representative_FICO,
+                helperText: errors.representative_FICO?.message,
+                variant,
+                defaultValue: "FICO",
+                children: [
+                  /* @__PURE__ */ jsx("option", { value: "FICO", disabled: true, children: "Select a Representative FICO" }),
+                  /* @__PURE__ */ jsx("option", { value: "780 +", children: "780 +" }),
+                  /* @__PURE__ */ jsx("option", { value: "779 - 760", children: "779 - 740" }),
+                  /* @__PURE__ */ jsx("option", { value: "759 - 760", children: "779 - 740" }),
+                  /* @__PURE__ */ jsx("option", { value: "739 - 720", children: "739 - 720" }),
+                  /* @__PURE__ */ jsx("option", { value: "719 - 700", children: "719 - 700" }),
+                  /* @__PURE__ */ jsx("option", { value: "699 - 680", children: "699 - 680" }),
+                  /* @__PURE__ */ jsx("option", { value: "679 - 660", children: "679 - 660" }),
+                  /* @__PURE__ */ jsx("option", { value: "659 - 640", children: "659 - 640" }),
+                  /* @__PURE__ */ jsx("option", { value: "639 - 620", children: "639 - 620" }),
+                  /* @__PURE__ */ jsx("option", { value: "Below 620", children: "Below 620" })
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              InputAmount,
+              {
+                id: "months_Reserves",
+                ...register("months_Reserves", {
+                  required: true
+                }),
+                label: "Property Value",
+                sizes: "medium",
+                required: true,
+                error: !!errors.months_Reserves,
+                helperText: errors.months_Reserves?.message,
+                variant,
+                type: "number"
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+              Dropdown,
+              {
+                id: "underwriting_Document_Type",
+                ...register("underwriting_Document_Type", {
+                  required: true
+                }),
+                label: "Underwriting / Doc Type",
+                sizes: "medium",
+                required: true,
+                error: !!errors.underwriting_Document_Type,
+                helperText: errors.underwriting_Document_Type?.message,
+                variant,
+                defaultValue: "Full Doc",
+                children: [
+                  /* @__PURE__ */ jsx("option", { value: "Full Doc", children: "Full Doc" }),
+                  /* @__PURE__ */ jsx("option", { value: "Asset Depletion", children: "Asset Depletion" }),
+                  /* @__PURE__ */ jsx("option", { value: "Personal Bank Stmt: 12 Mos", children: "Personal Bank Stmt: 12 Mos" }),
+                  /* @__PURE__ */ jsx("option", { value: "Business Bank Stmt: 12 Mos", children: "Business Bank Stmt: 12 Mos" }),
+                  /* @__PURE__ */ jsx("option", { value: "Personal Bank Stmt: 24 Mos", children: "Personal Bank Stmt: 24 Mos" }),
+                  /* @__PURE__ */ jsx("option", { value: "Business Bank Stmt: 24 Mos", children: "Business Bank Stmt: 24 Mos" }),
+                  /* @__PURE__ */ jsx("option", { value: "Investor - DSCR", children: "Investor - DSCR" }),
+                  /* @__PURE__ */ jsx("option", { value: "Investor - DSCR No Ratio", children: "Investor - DSCR No Ratio" }),
+                  /* @__PURE__ */ jsx("option", { value: "Written VOE", children: "Written VOE" }),
+                  /* @__PURE__ */ jsx("option", { value: "2 Year Alt Doc", children: "2 Year Alt Doc" }),
+                  /* @__PURE__ */ jsx("option", { value: "1yr Streamlined Full Doc", children: "1yr Streamlined Full Doc" })
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+              Dropdown,
+              {
+                id: "citizenship",
+                ...register("citizenship", {
+                  required: true
+                }),
+                label: "Citizenship",
+                sizes: "medium",
+                required: true,
+                error: !!errors.citizenship,
+                helperText: errors.citizenship?.message,
+                variant,
+                defaultValue: "U.S. Citizen",
+                children: [
+                  /* @__PURE__ */ jsx("option", { value: "U.S. Citizen", children: "U.S. Citizen" }),
+                  /* @__PURE__ */ jsx("option", { value: "Perm. Resident Alien", children: "Perm. Resident Alien" }),
+                  /* @__PURE__ */ jsx("option", { value: "Non-Perm. Resident Alien", children: "Non-Perm. Resident Alien" }),
+                  /* @__PURE__ */ jsx("option", { value: "Foreign National", children: "Foreign National" })
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+              Dropdown,
+              {
+                id: "Mortgage_Lates_12",
+                ...register("Mortgage_Lates_12", {
+                  required: true
+                }),
+                label: "12 Month Mortgage History",
+                sizes: "medium",
+                required: true,
+                error: !!errors.Mortgage_Lates_12,
+                helperText: errors.Mortgage_Lates_12?.message,
+                variant,
+                defaultValue: "0x30",
+                children: [
+                  /* @__PURE__ */ jsx("option", { value: "0x30", children: "0x30" }),
+                  /* @__PURE__ */ jsx("option", { value: "1x30", children: "1x30" }),
+                  /* @__PURE__ */ jsx("option", { value: "2x30", children: "2x30" }),
+                  /* @__PURE__ */ jsx("option", { value: "3x30", children: "3x30 +" })
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+              Dropdown,
+              {
+                id: "Mortgage_Lates_24",
+                ...register("Mortgage_Lates_24", {
+                  required: true
+                }),
+                label: "24 Month Mortgage History",
+                sizes: "medium",
+                required: true,
+                error: !!errors.Mortgage_Lates_24,
+                helperText: errors.Mortgage_Lates_24?.message,
+                variant,
+                defaultValue: "0x30",
+                children: [
+                  /* @__PURE__ */ jsx("option", { value: "0x30", children: "0x30" }),
+                  /* @__PURE__ */ jsx("option", { value: "1x30", children: "1x30" }),
+                  /* @__PURE__ */ jsx("option", { value: "2x30", children: "2x30" }),
+                  /* @__PURE__ */ jsx("option", { value: "3x30", children: "3x30 +" })
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+              Dropdown,
+              {
+                id: "HousingEventType",
+                ...register("HousingEventType", {
+                  required: true
+                }),
+                label: "Housing Event Type",
+                sizes: "medium",
+                required: true,
+                error: !!errors.HousingEventType,
+                helperText: errors.HousingEventType?.message,
+                variant,
+                defaultValue: "None",
+                children: [
+                  /* @__PURE__ */ jsx("option", { value: "None", children: "None" }),
+                  /* @__PURE__ */ jsx("option", { value: "Deed-In-Lieu", children: "Deed-In-Lieu" }),
+                  /* @__PURE__ */ jsx("option", { value: "Short Sale", children: "Short Sale" }),
+                  /* @__PURE__ */ jsx("option", { value: "Forbearance", children: "Forbearance" }),
+                  /* @__PURE__ */ jsx("option", { value: "Foreclosure", children: "Foreclosure" }),
+                  /* @__PURE__ */ jsx("option", { value: "Modification", children: "Modification" })
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+              Dropdown,
+              {
+                id: "housingEventSeasoning",
+                ...register("housingEventSeasoning", {
+                  required: true
+                }),
+                label: "Housing Event History",
+                sizes: "medium",
+                required: true,
+                error: !!errors.housingEventSeasoning,
+                helperText: errors.housingEventSeasoning?.message,
+                variant,
+                defaultValue: "Not Applicable",
+                children: [
+                  /* @__PURE__ */ jsx("option", { value: "Not Applicable", children: "Not Applicable" }),
+                  /* @__PURE__ */ jsx("option", { value: "1-12 Months", children: "1-12 Months" }),
+                  /* @__PURE__ */ jsx("option", { value: "13-24 Months", children: "13-24 Months" }),
+                  /* @__PURE__ */ jsx("option", { value: "25-36 Months", children: "25-36 Months" }),
+                  /* @__PURE__ */ jsx("option", { value: "37-48 Months", children: "37-48 Months" }),
+                  /* @__PURE__ */ jsx("option", { value: "49-60 Months", children: "49-60 Months" }),
+                  /* @__PURE__ */ jsx("option", { value: "More than 5 Years Ago", children: "More than 5 Years Ago" })
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+              Dropdown,
+              {
+                id: "BankruptcyType",
+                ...register("BankruptcyType", {
+                  required: true
+                }),
+                label: "Bankruptcy Type",
+                sizes: "medium",
+                required: true,
+                error: !!errors.BankruptcyType,
+                helperText: errors.BankruptcyType?.message,
+                variant,
+                defaultValue: "None",
+                children: [
+                  /* @__PURE__ */ jsx("option", { value: "None", children: "None" }),
+                  /* @__PURE__ */ jsx("option", { value: "Chapter 7", children: "Chapter 7" }),
+                  /* @__PURE__ */ jsx("option", { value: "Chapter 11", children: "Chapter 11" }),
+                  /* @__PURE__ */ jsx("option", { value: "Chapter 13", children: "Chapter 13" })
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              InputAmount,
+              {
+                id: "Number_of_Properties_Financed",
+                ...register("Number_of_Properties_Financed", {
+                  required: true
+                }),
+                label: "# of Properties Financed",
+                sizes: "medium",
+                required: true,
+                error: !!errors.Number_of_Properties_Financed,
+                helperText: errors.Number_of_Properties_Financed?.message,
+                variant,
+                type: "number"
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+              Dropdown,
+              {
+                id: "BankruptcySeasoning",
+                ...register("BankruptcySeasoning", {
+                  required: true
+                }),
+                label: "Bankruptcy Seasoning",
+                sizes: "medium",
+                required: true,
+                error: !!errors.BankruptcySeasoning,
+                helperText: errors.BankruptcySeasoning?.message,
+                variant,
+                defaultValue: "Not Applicable",
+                children: [
+                  /* @__PURE__ */ jsx("option", { value: "Not Applicable", children: "Not Applicable" }),
+                  /* @__PURE__ */ jsx("option", { value: "1-12 Months", children: "1-12 Months" }),
+                  /* @__PURE__ */ jsx("option", { value: "13-24 Months", children: "13-24 Months" }),
+                  /* @__PURE__ */ jsx("option", { value: "25-36 Months", children: "25-36 Months" }),
+                  /* @__PURE__ */ jsx("option", { value: "37-48 Months", children: "37-48 Months" }),
+                  /* @__PURE__ */ jsx("option", { value: "49-60 Months", children: "49-60 Months" }),
+                  /* @__PURE__ */ jsx("option", { value: "More than 5 Years Ago", children: "More than 5 Years Ago" })
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { className: clsx(one_row, section_title({ variant })), children: /* @__PURE__ */ jsx("h4", { className: "header_4", children: "Property Information" }) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "zip",
+                ...register("zip", { required: true }),
+                label: "Zip Code",
+                sizes: "medium",
+                placeholder: "Zip Code",
+                required: true,
+                error: !!errors.zip,
+                helperText: errors.zip?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+              Dropdown,
+              {
+                id: "property_Type",
+                ...register("property_Type", {
+                  required: true
+                }),
+                label: "Property Type",
+                sizes: "medium",
+                required: true,
+                error: !!errors.property_Type,
+                helperText: errors.property_Type?.message,
+                variant,
+                defaultValue: "Default",
+                children: [
+                  /* @__PURE__ */ jsx("option", { value: "Default", disabled: true, children: "Select option" }),
+                  /* @__PURE__ */ jsx("option", { value: "Single Family Residence", children: "Single Family Residence" }),
+                  /* @__PURE__ */ jsx("option", { value: "Condo", children: "Condo" }),
+                  /* @__PURE__ */ jsx("option", { value: "Co-op", children: "Co-op" }),
+                  /* @__PURE__ */ jsx("option", { value: "Condotel", children: "Condotel" })
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+              Dropdown,
+              {
+                id: "occupance",
+                ...register("occupance", {
+                  required: true
+                }),
+                label: "Occupancy",
+                sizes: "medium",
+                required: true,
+                error: !!errors.occupance,
+                helperText: errors.occupance?.message,
+                variant,
+                defaultValue: "Default",
+                children: [
+                  /* @__PURE__ */ jsx("option", { value: "Default", disabled: true, children: "Select option" }),
+                  /* @__PURE__ */ jsx("option", { value: "Principal Residence", children: "Principal Residence" }),
+                  /* @__PURE__ */ jsx("option", { value: "Second Home", children: "Second Home" }),
+                  /* @__PURE__ */ jsx("option", { value: "Investment", children: "Investment" })
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+              Dropdown,
+              {
+                id: "Units",
+                ...register("Units", {
+                  required: true
+                }),
+                label: "# of Units",
+                sizes: "medium",
+                required: true,
+                error: !!errors.Units,
+                helperText: errors.Units?.message,
+                variant,
+                defaultValue: "Default",
+                children: [
+                  /* @__PURE__ */ jsx("option", { value: "1 Unit", children: "1 Unit" }),
+                  /* @__PURE__ */ jsx("option", { value: "2 Unit", children: "2 Unit" }),
+                  /* @__PURE__ */ jsx("option", { value: "3 Unit", children: "3 Unit" }),
+                  /* @__PURE__ */ jsx("option", { value: "4 Unit", children: "4 Unit" })
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+              Dropdown,
+              {
+                id: "Prepayment_Penalty",
+                ...register("Prepayment_Penalty", {
+                  required: true
+                }),
+                label: "Prepayment Penalty",
+                sizes: "medium",
+                required: true,
+                error: !!errors.Prepayment_Penalty,
+                helperText: errors.Prepayment_Penalty?.message,
+                variant,
+                defaultValue: "Default",
+                children: [
+                  /* @__PURE__ */ jsx("option", { value: "Default", disabled: true, children: "Select option" }),
+                  /* @__PURE__ */ jsx("option", { value: "1 Year", children: "1 Year" }),
+                  /* @__PURE__ */ jsx("option", { value: "2 Year", children: "2 Year" }),
+                  /* @__PURE__ */ jsx("option", { value: "3 Year", children: "3 Year" }),
+                  /* @__PURE__ */ jsx("option", { value: "4 Year", children: "4 Year" }),
+                  /* @__PURE__ */ jsx("option", { value: "5 Year", children: "5 Year" })
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { className: clsx(one_row, section_title({ variant })), children: /* @__PURE__ */ jsx("h4", { className: "header_4", children: "Broker Information" }) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+              Dropdown,
+              {
+                id: "broker_Compensation",
+                ...register("broker_Compensation", {
+                  required: true
+                }),
+                label: "Broker Compensation",
+                sizes: "medium",
+                required: true,
+                error: !!errors.broker_Compensation,
+                helperText: errors.broker_Compensation?.message,
+                variant,
+                defaultValue: "Default",
+                children: [
+                  /* @__PURE__ */ jsx("option", { value: "Default", disabled: true, children: "Select option" }),
+                  /* @__PURE__ */ jsx("option", { value: "Borrower Paid", children: "Borrower Paid" }),
+                  /* @__PURE__ */ jsx("option", { value: "Lender Paid", children: "Lender Paid" })
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "NMLS_ID__c",
+                ...register("NMLS_ID__c", {
+                  required: true,
+                  min: 6,
+                  max: 7
+                }),
+                label: "Company NMLS ID",
+                placeholder: "Company NMLS ID",
+                sizes: "medium",
+                required: true,
+                error: !!errors.NMLS_ID__c,
+                helperText: errors.NMLS_ID__c?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "email",
+                ...register("email", {
+                  required: true,
+                  validate: {
+                    isValid: associatedEmail
+                  }
+                }),
+                label: "Email",
+                sizes: "medium",
+                placeholder: "Email",
+                required: true,
+                error: !!errors.email,
+                helperText: errors.email?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              InputPhone,
+              {
+                id: "phone",
+                ...register("phone", { required: true, maxLength: 12 }),
+                label: "Phone",
+                sizes: "medium",
+                placeholder: "Phone",
+                required: true,
+                error: !!errors.phone,
+                helperText: errors.phone?.message,
+                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,
+              children: callToAction?.displayText
+            }
+          ) })
+        ] })
+      ] }) })
+    },
+    id
+  );
+};
+export {
+  QuickPricer
+};