@axos-web-dev/shared-components 1.0.100-dev.3 → 1.0.100-dev.30

package/dist/Calculators/BuyDownCalculator/index.js

@@ -3,7 +3,7 @@ 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 { useState, useEffect } from "react";
 import "react-use";
 import { Program, Fico, BuydownRate, BuydownTerm, LoanRates } from "../../Forms/FormEnums.js";
 import { Checkbox } from "../../Input/Checkbox.js";
@@ -16,14 +16,14 @@ import "../../Input/InputAmount.js";
 import "../../Input/InputPhone.js";
 import "../../Input/InputTextArea.js";
 import "../../Input/DownPaymentInput.js";
-import { RadioButtonSet, RadioButton } from "../../Input/RadioButton.js";
+import "../../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";
+import { calc_container, calculator_section, section_header, theme_header, mt_8, buydown_calculator_form, row_form, calculate_row, form_wrapper, form_disclosure } from "./BuyDownCalculator.css.js";
 const BuyDownCalculator = ({
   header,
   body,
@@ -39,14 +39,18 @@ const BuyDownCalculator = ({
   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 [isDealerContributionDisabled, setIsDealerContributionDisabled] = useState(false);
+  const [
+    isManufacturerContributionDisabled,
+    setIsManufacturerContributionDisabled
+  ] = useState(false);
+  const [ltvDiscountApplied, setLtvDiscountApplied] = useState(false);
   const schema = z.object({
     purchasePrice: z.string().min(1, { message: "Loan amount is required." }).transform((val) => {
       return formatToNumber(val);
@@ -54,8 +58,13 @@ const BuyDownCalculator = ({
     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);
+    dealerContribution: z.union([z.string(), z.number()]).optional().transform((val) => {
+      if (typeof val === "number") return val;
+      return val ? formatToNumber(val) : 0;
+    }),
+    manufacturerContributionAmount: z.union([z.string(), z.number()]).optional().transform((val) => {
+      if (typeof val === "number") return val;
+      return val ? formatToNumber(val) : 0;
     }),
     program: z.string().min(1, { message: "Program is required." }),
     fico: z.string().min(1, { message: "FICO is required." }),
@@ -66,7 +75,32 @@ const BuyDownCalculator = ({
       return formatToNumber(val);
     })
   }).superRefine((values, ctx) => {
-    const { purchasePrice, downpayment, program, buydownTerm } = values;
+    const {
+      purchasePrice,
+      downpayment,
+      program,
+      buydownTerm,
+      dealerContribution,
+      manufacturerContributionAmount
+    } = values;
+    if (dealerContribution > 0 && manufacturerContributionAmount > 0) {
+      ctx.addIssue({
+        code: z.ZodIssueCode.custom,
+        path: ["dealerContribution"],
+        message: "Cannot specify both Dealer Contribution and Manufacturer Contribution Amount. Please choose one."
+      });
+      ctx.addIssue({
+        code: z.ZodIssueCode.custom,
+        path: ["manufacturerContributionAmount"],
+        message: "Cannot specify both Dealer Contribution and Manufacturer Contribution Amount. Please choose one."
+      });
+    } else if (dealerContribution === 0 && manufacturerContributionAmount === 0) {
+      ctx.addIssue({
+        code: z.ZodIssueCode.custom,
+        path: ["dealerContribution"],
+        message: "Either Dealer Contribution or Manufacturer Contribution Amount is required."
+      });
+    }
     if (program === "3/6 SOFR ARM" && (buydownTerm === 4 || buydownTerm === 5)) {
       ctx.addIssue({
         code: z.ZodIssueCode.custom,
@@ -77,7 +111,6 @@ const BuyDownCalculator = ({
     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,
@@ -89,11 +122,6 @@ const BuyDownCalculator = ({
           const loanRange2 = getRange(financedAmount2, program);
           setLoanRange(loanRange2);
         }
-        if (!disableLTV) {
-          setDisableLTVAbove60(false);
-        } else {
-          setDisableLTVAbove60(true);
-        }
       }
       if (updateFicoRequirements(range, program) === false) {
         ctx.addIssue({
@@ -114,10 +142,24 @@ const BuyDownCalculator = ({
     handleSubmit,
     register,
     setValue,
+    watch,
+    trigger,
     formState: { errors, isValid }
   } = methods;
+  const watchedFields = watch(["purchasePrice", "downpayment", "program"]);
+  useEffect(() => {
+    const [purchasePrice, downpayment, program] = watchedFields;
+    if (purchasePrice && downpayment && program) {
+      const purchasePriceNum = typeof purchasePrice === "string" ? formatToNumber(purchasePrice) : purchasePrice;
+      const downpaymentNum = typeof downpayment === "string" ? formatToNumber(downpayment) : downpayment;
+      if (purchasePriceNum > 0 && downpaymentNum >= 0 && purchasePriceNum > downpaymentNum) {
+        const financedAmount2 = purchasePriceNum - downpaymentNum;
+        const loanRange2 = getRange(financedAmount2, program);
+        setLoanRange(loanRange2);
+      }
+    }
+  }, [watchedFields]);
   const calculator_variant = getVariant(variant);
-  const enableDependentInputs = enableFullTimeCharter;
   const formatToNumber = (value) => {
     const cleanValue = value.replace(/[%$, ]/gi, "");
     return parseFloat(cleanValue);
@@ -140,7 +182,7 @@ const BuyDownCalculator = ({
     const percentage = downpayment / purchasePrice * 100;
     const loanToValue2 = 100 - percentage;
     if (loanToValue2 <= 60) return false;
-    else return true;
+    return true;
   };
   const getRange = (financedAmount2, program, forRates) => {
     let range = "";
@@ -224,6 +266,32 @@ const BuyDownCalculator = ({
       setDisableMooringOutside(true);
     }
   };
+  const handleDealerContributionChange = (event) => {
+    const value = event.target.value;
+    const numericValue = formatToNumber(value);
+    if (numericValue > 0) {
+      setIsManufacturerContributionDisabled(true);
+      setValue("manufacturerContributionAmount", 0);
+    } else {
+      setIsManufacturerContributionDisabled(false);
+    }
+    setTimeout(() => {
+      trigger(["dealerContribution", "manufacturerContributionAmount"]);
+    }, 0);
+  };
+  const handleManufacturerContributionChange = (event) => {
+    const value = event.target.value;
+    const numericValue = formatToNumber(value);
+    if (numericValue > 0) {
+      setIsDealerContributionDisabled(true);
+      setValue("dealerContribution", 0);
+    } else {
+      setIsDealerContributionDisabled(false);
+    }
+    setTimeout(() => {
+      trigger(["dealerContribution", "manufacturerContributionAmount"]);
+    }, 0);
+  };
   const updateFicoRequirements = (loanRangeValue, program) => {
     const ficoOptionsToDisable = ["700-719", "720-759"];
     const ficoSelect = document.getElementById("fico");
@@ -283,23 +351,34 @@ const BuyDownCalculator = ({
     }
     return rate;
   };
-  const calculateAdjustments = () => {
+  const calculateAdjustments = (purchasePrice, downpayment) => {
     let total = 0;
     const checkboxes = document.querySelectorAll(
-      'input[type="checkbox"]:checked, input[type="radio"]:checked'
+      'input[type="checkbox"]:checked'
     );
     checkboxes.forEach((checkbox) => {
       total += parseFloat(checkbox.value);
     });
+    if (purchasePrice && downpayment && purchasePrice > 0 && downpayment >= 0) {
+      const ltvStatus = checkLTVStatus(downpayment, purchasePrice);
+      if (!ltvStatus) {
+        total += -0.35;
+        setLtvDiscountApplied(true);
+      } else {
+        setLtvDiscountApplied(false);
+      }
+    } else {
+      setLtvDiscountApplied(false);
+    }
     return total;
   };
-  const calculateRates = (program, fico, financedAmount2, buydownRate) => {
+  const calculateRates = (program, fico, financedAmount2, buydownRate, purchasePrice, downpayment) => {
     const minRate = 6.94;
     const loanRange2 = getRange(financedAmount2, program, true);
     const startingRate = parseFloat(
       getInterestRate(program, fico, loanRange2).replace(/[%,]/g, "")
     );
-    const rateAdjustments = calculateAdjustments();
+    const rateAdjustments = calculateAdjustments(purchasePrice, downpayment);
     const adjustedRate = startingRate + rateAdjustments;
     const finalNoteRateValue = Math.max(minRate, adjustedRate);
     const finalNoteRate2 = formatToPercentage(finalNoteRateValue);
@@ -383,28 +462,35 @@ const BuyDownCalculator = ({
     setTotalBuydownCost(formatToCurrency(TBC));
     return TBC;
   };
-  const calculateManufacturerContribution = (dealerContribution) => {
-    const manufacturerContribution = 100 - dealerContribution;
+  const calculateManufacturerContribution = (dealerContribution, manufacturerContributionAmount, totalBuydownCost2) => {
+    let manufacturerContribution;
+    if (manufacturerContributionAmount > 0) {
+      manufacturerContribution = manufacturerContributionAmount / totalBuydownCost2 * 100;
+    } else {
+      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 calculateDealerContributionAmount = (dealerContribution, manufacturerContributionAmount, totalBuydownCost2) => {
+    let dealerContributionValue;
+    if (dealerContribution > 0) {
+      dealerContributionValue = totalBuydownCost2 * (dealerContribution / 100);
+    } else {
+      dealerContributionValue = totalBuydownCost2 - manufacturerContributionAmount;
+    }
     const formattedAmount = formatToCurrency(dealerContributionValue);
     setDealerContributionAmount(formattedAmount);
   };
   const onSubmit = (data) => {
     if (isValid) {
+      setLtvDiscountApplied(false);
       const {
         buydownRate,
         buydownTerm,
         dealerContribution,
+        manufacturerContributionAmount,
         downpayment,
         fico,
         program,
@@ -419,7 +505,9 @@ const BuyDownCalculator = ({
         program,
         fico,
         financedAmountValue,
-        buydownRate
+        buydownRate,
+        purchasePrice,
+        downpayment
       );
       const buydownPayment2 = calculateBuydownPayment(
         buydownRate,
@@ -436,9 +524,16 @@ const BuyDownCalculator = ({
         financedAmountValue,
         buydownTerm
       );
-      const manufacturerContribution = calculateManufacturerContribution(dealerContribution);
-      calculateManufacturerAmount(totalBuydownCost2, manufacturerContribution);
-      calculateDealerContributionAmount(dealerContribution, totalBuydownCost2);
+      calculateManufacturerContribution(
+        dealerContribution,
+        manufacturerContributionAmount,
+        totalBuydownCost2
+      );
+      calculateDealerContributionAmount(
+        dealerContribution,
+        manufacturerContributionAmount,
+        totalBuydownCost2
+      );
     }
   };
   return /* @__PURE__ */ jsxs("section", { className: `${calc_container({ variant: calculator_variant })}`, children: [
@@ -495,16 +590,40 @@ const BuyDownCalculator = ({
                 PercentageInput,
                 {
                   id: "dealerContribution",
-                  ...register("dealerContribution", { required: true }),
+                  ...register("dealerContribution", {
+                    required: false,
+                    onChange: handleDealerContributionChange
+                  }),
                   sizes: "medium",
                   placeholder: "0.00%",
                   label: "Dealer Contribution",
-                  required: true,
+                  required: false,
                   error: !!errors["dealerContribution"],
                   helperText: errors["dealerContribution"]?.message,
-                  variant: calculator_variant
+                  variant: calculator_variant,
+                  disabled: isDealerContributionDisabled
                 }
               ) }),
+              /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+                CurrencyInput,
+                {
+                  id: "manufacturerContributionAmount",
+                  ...register("manufacturerContributionAmount", {
+                    required: false,
+                    onChange: handleManufacturerContributionChange
+                  }),
+                  sizes: "medium",
+                  placeholder: "$0.00",
+                  label: "Manufacturer Contribution Amount",
+                  required: false,
+                  error: !!errors["manufacturerContributionAmount"],
+                  helperText: errors["manufacturerContributionAmount"]?.message,
+                  variant: calculator_variant,
+                  disabled: isManufacturerContributionDisabled
+                }
+              ) })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: `${row_form}`, children: [
               /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
                 Dropdown,
                 {
@@ -526,9 +645,7 @@ const BuyDownCalculator = ({
                     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,
                 {
@@ -546,7 +663,9 @@ const BuyDownCalculator = ({
                     Fico.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__ */ jsx(
                 Input,
                 {
@@ -558,10 +677,8 @@ const BuyDownCalculator = ({
                   variant: calculator_variant,
                   value: loanRange
                 }
-              ) })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: `${row_form}`, children: [
-              /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+              ) }),
+              /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
                 Dropdown,
                 {
                   id: "buydownRate",
@@ -574,85 +691,82 @@ const BuyDownCalculator = ({
                   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))
-                  ]
+                  disabled: true,
+                  defaultValue: 3.74,
+                  children: BuydownRate.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__ */ jsx("div", { children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Dropdown,
+              {
+                id: "buydownTerm",
+                ...register("buydownTerm", {
+                  required: true,
+                  deps: ["program"]
+                }),
+                label: "Buydown Term",
+                sizes: "medium",
+                required: true,
+                error: !!errors.buydownTerm,
+                helperText: errors.buydownTerm?.message,
+                variant: calculator_variant,
+                disabled: true,
+                defaultValue: 3,
+                children: 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. Rate Adjustments are subject to change, are limited, and restricted by floor rate." }) }) }),
             /* @__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,\n                                    Hawaii, and Alaska) (Does not apply to Full Time Charter)\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(
+                /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+                  Checkbox,
+                  {
+                    id: "mooringOutsideContinentalUS",
+                    ...register("mooringOutsideContinentalUS"),
+                    sizes: "medium",
+                    variant: calculator_variant,
+                    value: 0.5,
+                    disabled: !enableFullTimeCharter || disableMooringOutside,
+                    children: "Mooring Outside Continental U.S. (Includes Puerto Rico, Hawaii, and Alaska) (Does not apply to Full Time Charter) +0.500"
+                  }
+                ) }),
+                /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
                   Checkbox,
                   {
-                    id: "ltvAbove60",
-                    ...register("ltvAbove60"),
+                    id: "operatingAccount",
+                    ...register("operatingAccount"),
                     sizes: "medium",
-                    variant,
-                    value: -0.35,
-                    disabled: disableLTVAbove60,
-                    children: "LTV ≤ 60% (If not required by program) -0.350"
+                    variant: calculator_variant,
+                    value: -0.25,
+                    disabled: !enableFullTimeCharter,
+                    children: "Open and fund an LLC Operating Account with Axos - 0.25"
                   }
                 ) }),
+                /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+                  Checkbox,
+                  {
+                    id: "vesselOver15Years",
+                    ...register("vesselOver15Years"),
+                    sizes: "medium",
+                    variant: calculator_variant,
+                    value: 1.25,
+                    children: "Vessel > 15 Years +1.250"
+                  }
+                ) }),
+                /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+                  Checkbox,
+                  {
+                    id: "highPerformanceBoats",
+                    ...register("highPerformanceBoats"),
+                    sizes: "medium",
+                    variant: calculator_variant,
+                    value: 0.5,
+                    children: "High Performance Boats (>4 Engines) +0.500"
+                  }
+                ) })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { children: [
                 /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
                   Checkbox,
                   {
@@ -661,7 +775,29 @@ const BuyDownCalculator = ({
                     sizes: "medium",
                     variant: calculator_variant,
                     value: -0.125,
-                    children: "Floorplan dealer incentive -0.125"
+                    children: "Floor Plan Dealer Incentive -0.125"
+                  }
+                ) }),
+                /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+                  Checkbox,
+                  {
+                    id: "retailCheckingAccount",
+                    ...register("retailCheckingAccount"),
+                    sizes: "medium",
+                    variant: calculator_variant,
+                    value: -0.125,
+                    children: "Retail Checking Account w/ACH and Minimum of 3 Months P&I Balance -0.125"
+                  }
+                ) }),
+                /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+                  Checkbox,
+                  {
+                    id: "electricMotorHybrid",
+                    ...register("electricMotorHybrid"),
+                    sizes: "medium",
+                    variant: calculator_variant,
+                    value: -0.25,
+                    children: "100% Electric Motor / Hybrid -0.250"
                   }
                 ) }),
                 /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
@@ -756,7 +892,8 @@ const BuyDownCalculator = ({
                 label: "Final Note Rate",
                 disabled: true,
                 variant: calculator_variant,
-                value: finalNoteRate
+                value: finalNoteRate,
+                helperText: ltvDiscountApplied && "LTV discount applied"
               }
             ) })
           ] }),
@@ -777,7 +914,7 @@ const BuyDownCalculator = ({
               {
                 id: "buydownPayment",
                 sizes: "medium",
-                label: "Buydown Payment",
+                label: "Monthly payment WITH buydown",
                 disabled: true,
                 variant: calculator_variant,
                 value: buydownPayment
@@ -788,23 +925,23 @@ const BuyDownCalculator = ({
             /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
               CurrencyInput,
               {
-                id: "manuContributionAmount",
+                id: "nonBuydownPayment",
                 sizes: "medium",
-                label: "Manufacturer Contribution Amount",
+                label: "Monthly Payment WITHOUT buydown",
                 disabled: true,
                 variant: calculator_variant,
-                value: manuContributionAmount
+                value: nonBuydownPayment
               }
             ) }),
             /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
               CurrencyInput,
               {
-                id: "nonBuydownPayment",
+                id: "totalBuydownCost",
                 sizes: "medium",
-                label: "Non-buydown Payment",
+                label: "Total Buydown Cost",
                 disabled: true,
                 variant: calculator_variant,
-                value: nonBuydownPayment
+                value: totalBuydownCost
               }
             ) })
           ] }),
@@ -812,38 +949,27 @@ const BuyDownCalculator = ({
             /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
               CurrencyInput,
               {
-                id: "totalBuydownCost",
+                id: "monthlySavings",
                 sizes: "medium",
-                label: "Total Buydown Cost",
+                label: "Monthly Savings",
                 disabled: true,
                 variant: calculator_variant,
-                value: totalBuydownCost
+                value: monthlySavings
               }
             ) }),
             /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
               CurrencyInput,
               {
-                id: "monthlySavings",
+                id: "dealerContributionAmount",
                 sizes: "medium",
-                label: "Monthly Savings",
+                label: "Dealer Contribution Amount",
                 disabled: true,
                 variant: calculator_variant,
-                value: monthlySavings
+                value: dealerContributionAmount,
+                helperText: "Dealer reserve offset not included in this amount."
               }
             ) })
-          ] }),
-          /* @__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."
-            }
-          ) }) })
+          ] })
         ]
       }
     ) }),

package/dist/Calculators/Calculator.d.ts

@@ -1,5 +1,6 @@
 import { IconBillboardProps } from '../IconBillboard/IconBillboard.interface';
 import { default as React } from 'react';
+import { ChevronProps } from '../Chevron/Chevron.interface';
 
 export interface CalculatorProps {
     id?: string;
@@ -11,5 +12,7 @@ export interface CalculatorProps {
     bodyCopy?: React.ReactNode;
     disclosure?: React.ReactNode;
     marketingTiles?: IconBillboardProps[];
+    initialBalance?: number;
+    callToActionRow?: ChevronProps[];
 }
 export declare const Calculator: (props: CalculatorProps) => import("react/jsx-runtime").JSX.Element;