@axos-web-dev/shared-components 1.0.7 → 1.0.9-9.dev.1

package/dist/Calculators/BuyDownCalculator/index.js

@@ -0,0 +1,855 @@
+"use client";
+import { jsxs, jsx } 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 { Program, Fico, BuydownRate, BuydownTerm, LoanRates } from "../../Forms/FormEnums.js";
+import { Checkbox } from "../../Input/Checkbox.js";
+import { CurrencyInput } from "../../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 { RadioButtonSet, RadioButton } from "../../Input/RadioButton.js";
+import { PercentageInput } from "../../Input/PercentageInput.js";
+import "../../utils/allowedAxosDomains.js";
+import { getVariant } from "../../utils/getVariant.js";
+import clsx from "clsx";
+import { useForm, FormProvider } from "react-hook-form";
+import { z } from "zod";
+import { calc_container, calculator_section, section_header, theme_header, mt_8, buydown_calculator_form, row_form, limit_one, calculate_row, form_wrapper, form_disclosure } from "./BuyDownCalculator.css.js";
+const BuyDownCalculator = ({
+  header,
+  body,
+  disclosure,
+  variant
+}) => {
+  const [loanRange, setLoanRange] = useState("");
+  const [financedAmount, setFinancedAmount] = useState("");
+  const [downPaymentPercentage, setDownPaymentPercentage] = useState("");
+  const [loanToValue, setLoanToValue] = useState("");
+  const [downPaymentQualifies, setDownPaymentQualifies] = useState("");
+  const [totalRateBuydown, setTotalRateBuydown] = useState("");
+  const [finalNoteRate, setFinalNoteRate] = useState("");
+  const [manuContributionPercentage, setManuContributionPercentage] = useState("");
+  const [buydownPayment, setBuydownPayment] = useState("");
+  const [manuContributionAmount, setManuContributionAmount] = useState("");
+  const [nonBuydownPayment, setNonBuydownPayment] = useState("");
+  const [totalBuydownCost, setTotalBuydownCost] = useState("");
+  const [monthlySavings, setMonthlySavings] = useState("");
+  const [dealerContributionAmount, setDealerContributionAmount] = useState("");
+  const [enableFullTimeCharter, setEnableFullTimeCharter] = useState(false);
+  const [disableMooringOutside, setDisableMooringOutside] = useState(false);
+  const [disableLTVAbove60, setDisableLTVAbove60] = useState(true);
+  const schema = z.object({
+    purchasePrice: z.string().min(1, { message: "Loan amount is required." }).transform((val) => {
+      return formatToNumber(val);
+    }),
+    downpayment: z.string().min(1, { message: "Down Payment is required." }).transform((val) => {
+      return formatToNumber(val);
+    }),
+    dealerContribution: z.string().min(1, { message: "Dealer Contribution is required." }).transform((val) => {
+      return formatToNumber(val);
+    }),
+    program: z.string().min(1, { message: "Program is required." }),
+    fico: z.string().min(1, { message: "FICO is required." }),
+    buydownRate: z.string().min(1, { message: "Buydown Rate is required." }).transform((val) => {
+      return formatToNumber(val);
+    }),
+    buydownTerm: z.string().min(1, { message: "Buydown Term is required." }).transform((val) => {
+      return formatToNumber(val);
+    })
+  }).superRefine((values, ctx) => {
+    const { purchasePrice, downpayment, program, buydownTerm } = values;
+    if (program === "3/6 SOFR ARM" && (buydownTerm === 4 || buydownTerm === 5)) {
+      ctx.addIssue({
+        code: z.ZodIssueCode.custom,
+        path: ["buydownTerm"],
+        message: "Max buydown terms is 3 years"
+      });
+    }
+    if (purchasePrice && downpayment) {
+      const financedAmount2 = purchasePrice - downpayment;
+      const range = getRange(financedAmount2);
+      const disableLTV = checkLTVStatus(downpayment, purchasePrice);
+      if (financedAmount2 < 0) {
+        ctx.addIssue({
+          code: z.ZodIssueCode.custom,
+          path: ["downpayment"],
+          message: "Down Payment should be lower than Purchase Price"
+        });
+      } else {
+        if (program) {
+          const loanRange2 = getRange(financedAmount2, program);
+          setLoanRange(loanRange2);
+        }
+        if (!disableLTV) {
+          setDisableLTVAbove60(false);
+        } else {
+          setDisableLTVAbove60(true);
+        }
+      }
+      if (updateFicoRequirements(range, program) === false) {
+        ctx.addIssue({
+          code: z.ZodIssueCode.custom,
+          path: ["fico"],
+          message: "Selected FICO is not within range for selected program."
+        });
+      }
+    }
+  });
+  const methods = useForm({
+    resolver: zodResolver(schema, {
+      async: true
+    }),
+    mode: "all"
+  });
+  const {
+    handleSubmit,
+    register,
+    setValue,
+    formState: { errors, isValid }
+  } = methods;
+  const calculator_variant = getVariant(variant);
+  const enableDependentInputs = enableFullTimeCharter;
+  const formatToNumber = (value) => {
+    const cleanValue = value.replace(/[%$, ]/gi, "");
+    return parseFloat(cleanValue);
+  };
+  const formatToCurrency = (value) => {
+    return value.toLocaleString("en-US", {
+      style: "currency",
+      currency: "USD",
+      minimumFractionDigits: 2,
+      maximumFractionDigits: 2
+    });
+  };
+  const formatToPercentage = (value) => {
+    return value.toLocaleString("en-US", {
+      minimumFractionDigits: 2,
+      maximumFractionDigits: 2
+    }) + "%";
+  };
+  const checkLTVStatus = (downpayment, purchasePrice) => {
+    const percentage = downpayment / purchasePrice * 100;
+    const loanToValue2 = 100 - percentage;
+    if (loanToValue2 <= 60) return false;
+    else return true;
+  };
+  const getRange = (financedAmount2, program, forRates) => {
+    let range = "";
+    if (forRates) {
+      if (financedAmount2 <= 1e5) {
+        range = "$75,000 ≤ $100,000";
+      } else if (financedAmount2 <= 15e4) {
+        range = "$100,001 ≤ $150,000";
+      } else if (financedAmount2 <= 25e4) {
+        range = "$150,001 ≤ $250,000";
+      } else if (financedAmount2 <= 5e5) {
+        range = "$250,001 ≤ $500,000";
+      } else if (financedAmount2 <= 15e5) {
+        range = "$500,001 ≤ $1,500,000";
+      } else if (financedAmount2 <= 2e6) {
+        range = "$1,500,001 ≤ $2,000,000";
+      } else if (financedAmount2 > 2e6) {
+        range = "> $2,000,000";
+      }
+      return range;
+    }
+    if (program) {
+      if (program?.includes("20")) {
+        if (financedAmount2 <= 15e4) {
+          range = "$75,000 ≤ $150,000";
+        } else if (financedAmount2 <= 25e4) {
+          range = "$150,001 ≤ $250,000";
+        } else if (financedAmount2 <= 5e5) {
+          range = "$250,001 ≤ $500,000";
+        } else if (financedAmount2 <= 15e5) {
+          range = "$500,001 ≤ $1,500,000";
+        } else if (financedAmount2 <= 2e6) {
+          range = "$1,500,001 ≤ $2,000,000";
+        } else if (financedAmount2 > 2e6) {
+          range = "> $2,000,000";
+        }
+      } else {
+        if (financedAmount2 <= 15e4) {
+          range = "$75,000 ≤ $150,000";
+        } else if (financedAmount2 <= 25e4) {
+          range = "$150,001 ≤ $250,000";
+        } else if (financedAmount2 <= 15e5) {
+          range = "$250,001 ≤ $1,500,000";
+        } else if (financedAmount2 <= 2e6) {
+          range = "$1,500,001 ≤ $2,000,000";
+        } else if (financedAmount2 > 2e6) {
+          range = "> $2,000,000";
+        }
+      }
+    } else {
+      if (financedAmount2 <= 15e4) {
+        range = "$75,000 ≤ $150,000";
+      } else if (financedAmount2 <= 25e4) {
+        range = "$150,001 ≤ $250,000";
+      } else if (financedAmount2 <= 5e5) {
+        range = "$250,001 ≤ $500,000";
+      } else if (financedAmount2 <= 15e5) {
+        range = "$500,001 ≤ $1,500,000";
+      } else if (financedAmount2 <= 2e6) {
+        range = "$1,500,001 ≤ $2,000,000";
+      } else if (financedAmount2 > 2e6) {
+        range = "> $2,000,000";
+      }
+    }
+    return range;
+  };
+  const handleProgramChange = (event) => {
+    const value = event.target.value;
+    if (value !== "20 Year Fixed Personal Use" && value !== "20 Year Fixed Limited Charter") {
+      setEnableFullTimeCharter(true);
+      setDisableMooringOutside(false);
+      if (value === "20 Year Fixed Full Time Charter") {
+        setValue("mooringOutsideContinentalUS", false);
+        setDisableMooringOutside(true);
+      }
+    } else {
+      setValue("mooringOutsideContinentalUS", false);
+      setValue("operatingAccount", false);
+      setValue("fullTimeCharter", false);
+      setEnableFullTimeCharter(false);
+      setDisableMooringOutside(true);
+    }
+  };
+  const updateFicoRequirements = (loanRangeValue, program) => {
+    const ficoOptionsToDisable = ["700-719", "720-759"];
+    const ficoSelect = document.getElementById("fico");
+    if ((program === "3/6 SOFR ARM" || program === "5/6 SOFR ARM") && loanRangeValue === "> $2,000,000") {
+      ficoOptionsToDisable.forEach((value) => {
+        const option = Array.from(ficoSelect.options).find(
+          (opt) => opt.value === value
+        );
+        if (option) {
+          option.disabled = true;
+        }
+      });
+      if (ficoOptionsToDisable.includes(ficoSelect.value)) {
+        setValue("fico", "760-799");
+        return false;
+      }
+    } else {
+      ficoOptionsToDisable.forEach((value) => {
+        const option = Array.from(ficoSelect.options).find(
+          (opt) => opt.value === value
+        );
+        if (option) {
+          option.disabled = false;
+        }
+      });
+      return true;
+    }
+  };
+  const calculateDownpaymentQualifies = (program, purchasePrice, downpayment) => {
+    let threshold, thresholdMessage;
+    if (program.includes("20 Year Fixed")) {
+      threshold = 0.2;
+      thresholdMessage = "20% Min Amount Needed";
+    } else {
+      threshold = 0.3;
+      thresholdMessage = "30% Min Amount Needed";
+    }
+    const percentage = downpayment / purchasePrice;
+    if (percentage >= threshold) {
+      setDownPaymentQualifies("Qualifies");
+    } else {
+      setDownPaymentQualifies(thresholdMessage);
+    }
+  };
+  const getInterestRate = (program, fico, loanRange2) => {
+    const programData = LoanRates.get(program);
+    if (!programData) {
+      return "Program not found";
+    }
+    const ficoData = programData.get(fico);
+    if (!ficoData) {
+      return "FICO range not found";
+    }
+    const rate = ficoData.get(loanRange2);
+    if (!rate) {
+      return "Loan range not found";
+    }
+    return rate;
+  };
+  const calculateAdjustments = () => {
+    let total = 0;
+    const checkboxes = document.querySelectorAll(
+      'input[type="checkbox"]:checked, input[type="radio"]:checked'
+    );
+    checkboxes.forEach((checkbox) => {
+      total += parseFloat(checkbox.value);
+    });
+    return total;
+  };
+  const calculateRates = (program, fico, financedAmount2, buydownRate) => {
+    const minRate = 6.94;
+    const loanRange2 = getRange(financedAmount2, program, true);
+    const startingRate = parseFloat(
+      getInterestRate(program, fico, loanRange2).replace(/[%,]/g, "")
+    );
+    const rateAdjustments = calculateAdjustments();
+    const adjustedRate = startingRate + rateAdjustments;
+    const finalNoteRateValue = Math.max(minRate, adjustedRate);
+    const finalNoteRate2 = formatToPercentage(finalNoteRateValue);
+    const totalRateBuydownValue = finalNoteRateValue - buydownRate;
+    const totalRateBuydown2 = formatToPercentage(totalRateBuydownValue);
+    setFinalNoteRate(finalNoteRate2);
+    setTotalRateBuydown(totalRateBuydown2);
+    return finalNoteRateValue;
+  };
+  const calculateFinancedAmount = (purchasePrice, downpayment) => {
+    const financedAmount2 = purchasePrice - downpayment;
+    const downPaymentPercentage2 = downpayment / purchasePrice * 100;
+    const loanToValue2 = 100 - downPaymentPercentage2;
+    setFinancedAmount(formatToCurrency(financedAmount2));
+    setDownPaymentPercentage(formatToPercentage(downPaymentPercentage2));
+    setLoanToValue(formatToPercentage(loanToValue2));
+    return financedAmount2;
+  };
+  const calculateMonthlyPayment = (annualRate, years, principal) => {
+    const monthlyRate = annualRate / 12;
+    const numberOfPayments = years * 12;
+    const monthlyPayment = principal * (monthlyRate * Math.pow(1 + monthlyRate, numberOfPayments)) / (Math.pow(1 + monthlyRate, numberOfPayments) - 1);
+    return formatToCurrency(monthlyPayment);
+  };
+  const calculateBuydownPayment = (buydownRate, financedAmount2) => {
+    const buydownRateValue = buydownRate / 100;
+    const monthlyPayment = calculateMonthlyPayment(
+      buydownRateValue,
+      20,
+      financedAmount2
+    );
+    setBuydownPayment(monthlyPayment);
+    return formatToNumber(monthlyPayment);
+  };
+  const calculateNonBuydownPayment = (finalNoteRate2, financedAmount2, buydownPayment2) => {
+    const rate = finalNoteRate2 / 100;
+    const nonBuydownPayment2 = calculateMonthlyPayment(rate, 20, financedAmount2);
+    const nonBuydownPaymentValue = formatToNumber(nonBuydownPayment2);
+    const monthlySavingsValue = nonBuydownPaymentValue - buydownPayment2;
+    setNonBuydownPayment(nonBuydownPayment2);
+    setMonthlySavings(formatToCurrency(monthlySavingsValue));
+  };
+  const calculatePMT = (annualRate, totalPeriods, financedAmount2) => {
+    const monthlyRate = annualRate / 100 / 12;
+    const payment = financedAmount2 * monthlyRate / (1 - Math.pow(1 + monthlyRate, -240));
+    return payment;
+  };
+  const totalInterestByYear = (annualRate, totalPeriods, financedAmount2, years) => {
+    const monthlyRate = annualRate / 100 / 12;
+    const payment = calculatePMT(annualRate, totalPeriods, financedAmount2);
+    let totalInterest = 0;
+    let balance = financedAmount2;
+    for (let month = 1; month <= years * 12; month++) {
+      const interestPayment = balance * monthlyRate;
+      totalInterest += interestPayment;
+      const principalPayment = payment - interestPayment;
+      balance -= principalPayment;
+    }
+    return totalInterest;
+  };
+  const calculateTBC = (years, buydownRateValue, financedAmout) => {
+    const totalPeriods = 20 * 12;
+    const after1Year = totalInterestByYear(
+      buydownRateValue,
+      totalPeriods,
+      financedAmout,
+      years
+    );
+    return after1Year;
+  };
+  const calculateBuydownCost = (finalNoteRate2, buydownRateValue, financedAmount2, buydownTerm) => {
+    const totalPeriods = 20 * 12;
+    const totalReg = totalInterestByYear(
+      finalNoteRate2,
+      totalPeriods,
+      financedAmount2,
+      buydownTerm
+    );
+    const totalBD = calculateTBC(buydownTerm, buydownRateValue, financedAmount2);
+    const TBC = totalReg - totalBD;
+    setTotalBuydownCost(formatToCurrency(TBC));
+    return TBC;
+  };
+  const calculateManufacturerContribution = (dealerContribution) => {
+    const manufacturerContribution = 100 - dealerContribution;
+    const percentage = formatToPercentage(manufacturerContribution);
+    setManuContributionPercentage(percentage);
+    return manufacturerContribution;
+  };
+  const calculateManufacturerAmount = (totalBuydownCost2, manufacturerContribution) => {
+    const manufacturerAmount = totalBuydownCost2 * (manufacturerContribution / 100);
+    const formattedAmount = formatToCurrency(manufacturerAmount);
+    setManuContributionAmount(formattedAmount);
+  };
+  const calculateDealerContributionAmount = (dealerContribution, totalBuydownCost2) => {
+    const dealerContributionValue = totalBuydownCost2 * (dealerContribution / 100);
+    const formattedAmount = formatToCurrency(dealerContributionValue);
+    setDealerContributionAmount(formattedAmount);
+  };
+  const onSubmit = (data) => {
+    if (isValid) {
+      const {
+        buydownRate,
+        buydownTerm,
+        dealerContribution,
+        downpayment,
+        fico,
+        program,
+        purchasePrice
+      } = data;
+      const financedAmountValue = calculateFinancedAmount(
+        purchasePrice,
+        downpayment
+      );
+      calculateDownpaymentQualifies(program, purchasePrice, downpayment);
+      const finalNoteRateValue = calculateRates(
+        program,
+        fico,
+        financedAmountValue,
+        buydownRate
+      );
+      const buydownPayment2 = calculateBuydownPayment(
+        buydownRate,
+        financedAmountValue
+      );
+      calculateNonBuydownPayment(
+        finalNoteRateValue,
+        financedAmountValue,
+        buydownPayment2
+      );
+      const totalBuydownCost2 = calculateBuydownCost(
+        finalNoteRateValue,
+        buydownRate,
+        financedAmountValue,
+        buydownTerm
+      );
+      const manufacturerContribution = calculateManufacturerContribution(dealerContribution);
+      calculateManufacturerAmount(totalBuydownCost2, manufacturerContribution);
+      calculateDealerContributionAmount(dealerContribution, totalBuydownCost2);
+    }
+  };
+  return /* @__PURE__ */ jsxs("section", { className: `${calc_container({ variant: calculator_variant })}`, children: [
+    /* @__PURE__ */ jsx("div", { className: `${calculator_section}`, children: (header || body) && /* @__PURE__ */ jsxs("div", { className: `${section_header}`, children: [
+      header && /* @__PURE__ */ jsx(
+        "h2",
+        {
+          className: `header_2 ${theme_header({ variant: calculator_variant })}`,
+          children: header
+        }
+      ),
+      body && /* @__PURE__ */ jsx("div", { className: mt_8, children: body })
+    ] }) }),
+    /* @__PURE__ */ jsx(FormProvider, { ...methods, children: /* @__PURE__ */ jsxs(
+      "form",
+      {
+        id: "calculator_form",
+        className: `${buydown_calculator_form}`,
+        onSubmit: handleSubmit(onSubmit),
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: clsx(form_wrapper({ variant: calculator_variant })), children: [
+            /* @__PURE__ */ jsxs("div", { className: `${row_form}`, children: [
+              /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+                CurrencyInput,
+                {
+                  id: "purchasePrice",
+                  ...register("purchasePrice", { required: true }),
+                  sizes: "medium",
+                  placeholder: "$0.00",
+                  label: "Purchase Price",
+                  required: true,
+                  error: !!errors["purchasePrice"],
+                  helperText: errors["purchasePrice"]?.message,
+                  variant: calculator_variant
+                }
+              ) }),
+              /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+                CurrencyInput,
+                {
+                  id: "downpayment",
+                  ...register("downpayment", { required: true }),
+                  sizes: "medium",
+                  placeholder: "$0.00",
+                  label: "Down Payment",
+                  required: true,
+                  error: !!errors["downpayment"],
+                  helperText: errors["downpayment"]?.message,
+                  variant: calculator_variant
+                }
+              ) })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: `${row_form}`, children: [
+              /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+                PercentageInput,
+                {
+                  id: "dealerContribution",
+                  ...register("dealerContribution", { required: true }),
+                  sizes: "medium",
+                  placeholder: "0.00%",
+                  label: "Dealer Contribution",
+                  required: true,
+                  error: !!errors["dealerContribution"],
+                  helperText: errors["dealerContribution"]?.message,
+                  variant: calculator_variant
+                }
+              ) }),
+              /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+                Dropdown,
+                {
+                  id: "program",
+                  ...register("program", {
+                    required: true,
+                    deps: ["buydownTerm"]
+                  }),
+                  label: "Program",
+                  sizes: "medium",
+                  required: true,
+                  error: !!errors.program,
+                  helperText: errors.program?.message,
+                  variant: calculator_variant,
+                  defaultValue: "",
+                  onChange: handleProgramChange,
+                  children: [
+                    /* @__PURE__ */ jsx("option", { value: "", disabled: true, children: "Select Program" }),
+                    Program.map((item) => /* @__PURE__ */ jsx("option", { value: item.value, children: item.text }, item.value))
+                  ]
+                }
+              ) })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: `${row_form}`, children: [
+              /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+                Dropdown,
+                {
+                  id: "fico",
+                  ...register("fico", { required: true }),
+                  label: "FICO",
+                  sizes: "medium",
+                  required: true,
+                  error: !!errors["fico"],
+                  helperText: errors["fico"]?.message,
+                  variant: calculator_variant,
+                  defaultValue: "",
+                  children: [
+                    /* @__PURE__ */ jsx("option", { value: "", disabled: true, children: "Select FICO" }),
+                    Fico.map((item) => /* @__PURE__ */ jsx("option", { value: item.value, children: item.text }, item.value))
+                  ]
+                }
+              ) }),
+              /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+                Input,
+                {
+                  id: "loanRange",
+                  sizes: "medium",
+                  placeholder: "This value is calculated",
+                  label: "Loan Range",
+                  disabled: true,
+                  variant: calculator_variant,
+                  value: loanRange
+                }
+              ) })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: `${row_form}`, children: [
+              /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+                Dropdown,
+                {
+                  id: "buydownRate",
+                  ...register("buydownRate", {
+                    required: true
+                  }),
+                  label: "Buydown Rate",
+                  sizes: "medium",
+                  required: true,
+                  error: !!errors.buydownRate,
+                  helperText: errors.buydownRate?.message,
+                  variant: calculator_variant,
+                  defaultValue: "",
+                  children: [
+                    /* @__PURE__ */ jsx("option", { value: "", disabled: true, children: "Select Buydown Rate" }),
+                    BuydownRate.map((item) => /* @__PURE__ */ jsx("option", { value: item.value, children: item.text }, item.value))
+                  ]
+                }
+              ) }),
+              /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+                Dropdown,
+                {
+                  id: "buydownTerm",
+                  ...register("buydownTerm", {
+                    required: true,
+                    deps: ["program"]
+                  }),
+                  label: "Buydown Term (1-5 Years)",
+                  sizes: "medium",
+                  required: true,
+                  error: !!errors.buydownTerm,
+                  helperText: errors.buydownTerm?.message,
+                  variant: calculator_variant,
+                  defaultValue: 0,
+                  children: [
+                    /* @__PURE__ */ jsx("option", { value: "", disabled: true, children: "Select Buydown Term" }),
+                    BuydownTerm.map((item) => /* @__PURE__ */ jsx("option", { value: item.value, children: item.text }, item.value))
+                  ]
+                }
+              ) })
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: `${row_form}`, children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("label", { children: "Loan Level Rate Adjustments" }) }) }),
+            /* @__PURE__ */ jsxs("div", { className: `${row_form}`, children: [
+              /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("div", { className: row_form, children: /* @__PURE__ */ jsxs(
+                RadioButtonSet,
+                {
+                  id: "dependentInputs",
+                  label: "Limit One",
+                  sizes: "medium",
+                  variant,
+                  direction: "column",
+                  disabled: !enableDependentInputs,
+                  className: limit_one,
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      RadioButton,
+                      {
+                        id: "mooringOutsideContinentalUS",
+                        ...register("mooringOutsideContinentalUS"),
+                        value: 0.5,
+                        radioText: "Mooring Outside Continental U.S. (Includes Puerto Rico,\r\n                                    Hawaii, and Alaska) (Does not apply to Full Time Charter)\r\n                                    +0.500",
+                        groupName: "dependentInputs",
+                        disabled: disableMooringOutside
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      RadioButton,
+                      {
+                        id: "operatingAccount",
+                        ...register("operatingAccount"),
+                        value: -0.25,
+                        radioText: "Open and fund an LLC Operating Account with Axos - 0.25",
+                        groupName: "dependentInputs"
+                      }
+                    )
+                  ]
+                }
+              ) }) }),
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx("div", { className: row_form, children: /* @__PURE__ */ jsx(
+                  Checkbox,
+                  {
+                    id: "ltvAbove60",
+                    ...register("ltvAbove60"),
+                    sizes: "medium",
+                    variant,
+                    value: -0.35,
+                    disabled: disableLTVAbove60,
+                    children: "LTV ≤ 60% (If not required by program) -0.350"
+                  }
+                ) }),
+                /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+                  Checkbox,
+                  {
+                    id: "floorplanDealerIncentive",
+                    ...register("floorplanDealerIncentive"),
+                    sizes: "medium",
+                    variant: calculator_variant,
+                    value: -0.125,
+                    children: "Floorplan dealer incentive -0.125"
+                  }
+                ) }),
+                /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+                  Checkbox,
+                  {
+                    id: "dealerCommercialDeposit",
+                    ...register("dealerCommercialDeposit"),
+                    sizes: "medium",
+                    variant: calculator_variant,
+                    value: -0.125,
+                    children: "Dealer w/Commercial Deposit Relationship -0.125"
+                  }
+                ) })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: calculate_row, children: /* @__PURE__ */ jsx(
+              Button,
+              {
+                color: getVariant(variant),
+                as: "button",
+                type: "submit",
+                disabled: !isValid,
+                children: "Calculate"
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: `${row_form}`, children: [
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              CurrencyInput,
+              {
+                id: "financedAmount",
+                sizes: "medium",
+                label: "Financed Amount",
+                disabled: true,
+                variant: calculator_variant,
+                value: financedAmount
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              PercentageInput,
+              {
+                id: "downPaymentPercentage",
+                sizes: "medium",
+                label: "Down Payment %",
+                disabled: true,
+                variant: calculator_variant,
+                value: downPaymentPercentage
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: `${row_form}`, children: [
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              PercentageInput,
+              {
+                id: "loanToValue",
+                sizes: "medium",
+                label: "Loan to Value",
+                disabled: true,
+                variant: calculator_variant,
+                value: loanToValue
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "downPaymentQualifies",
+                sizes: "medium",
+                label: "Down Payment Qualifies",
+                disabled: true,
+                variant: calculator_variant,
+                value: downPaymentQualifies
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: `${row_form}`, children: [
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              PercentageInput,
+              {
+                id: "totalRateBuydown",
+                sizes: "medium",
+                label: "Total Rate Buydown",
+                disabled: true,
+                variant: calculator_variant,
+                value: totalRateBuydown
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              PercentageInput,
+              {
+                id: "finalNoteRate",
+                sizes: "medium",
+                label: "Final Note Rate",
+                disabled: true,
+                variant: calculator_variant,
+                value: finalNoteRate
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: `${row_form}`, children: [
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              PercentageInput,
+              {
+                id: "manuContributionPercentage",
+                sizes: "medium",
+                label: "Manufacturer Contribution %",
+                disabled: true,
+                variant: calculator_variant,
+                value: manuContributionPercentage
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              CurrencyInput,
+              {
+                id: "buydownPayment",
+                sizes: "medium",
+                label: "Buydown Payment",
+                disabled: true,
+                variant: calculator_variant,
+                value: buydownPayment
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: `${row_form}`, children: [
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              CurrencyInput,
+              {
+                id: "manuContributionAmount",
+                sizes: "medium",
+                label: "Manufacturer Contribution Amount",
+                disabled: true,
+                variant: calculator_variant,
+                value: manuContributionAmount
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              CurrencyInput,
+              {
+                id: "nonBuydownPayment",
+                sizes: "medium",
+                label: "Non-buydown Payment",
+                disabled: true,
+                variant: calculator_variant,
+                value: nonBuydownPayment
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: `${row_form}`, children: [
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              CurrencyInput,
+              {
+                id: "totalBuydownCost",
+                sizes: "medium",
+                label: "Total Buydown Cost",
+                disabled: true,
+                variant: calculator_variant,
+                value: totalBuydownCost
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              CurrencyInput,
+              {
+                id: "monthlySavings",
+                sizes: "medium",
+                label: "Monthly Savings",
+                disabled: true,
+                variant: calculator_variant,
+                value: monthlySavings
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: `${row_form}`, children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+            CurrencyInput,
+            {
+              id: "dealerContributionAmount",
+              sizes: "medium",
+              label: "Dealer Contribution Amount",
+              disabled: true,
+              variant: calculator_variant,
+              value: dealerContributionAmount,
+              helperText: "Dealer reserve offset not included in this amount."
+            }
+          ) }) })
+        ]
+      }
+    ) }),
+    disclosure && /* @__PURE__ */ jsx("div", { className: `${form_disclosure} push_up_24`, children: disclosure })
+  ] });
+};
+export {
+  BuyDownCalculator
+};