@axos-web-dev/shared-components 1.0.100-feature-lvfformcontextdata → 1.0.100-feature-buydown.2

package/dist/Calculators/BuyDownCalculator/index.d.ts

@@ -11,6 +11,7 @@ export type BuyDownCalculatorInputs = {
     purchasePrice: number;
     downpayment: number;
     dealerContribution: number;
+    manufacturerContributionAmount: number;
     program: string;
     fico: string;
     buydownRate: number;

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";
@@ -39,7 +39,6 @@ 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("");
@@ -47,6 +46,11 @@ const BuyDownCalculator = ({
   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 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,
@@ -114,8 +148,23 @@ 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) => {
@@ -224,6 +273,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();
+    }, 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();
+    }, 0);
+  };
   const updateFicoRequirements = (loanRangeValue, program) => {
     const ficoOptionsToDisable = ["700-719", "720-759"];
     const ficoSelect = document.getElementById("fico");
@@ -383,17 +458,17 @@ 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 formattedAmount = formatToCurrency(dealerContributionValue);
@@ -405,6 +480,7 @@ const BuyDownCalculator = ({
         buydownRate,
         buydownTerm,
         dealerContribution,
+        manufacturerContributionAmount,
         downpayment,
         fico,
         program,
@@ -436,8 +512,11 @@ const BuyDownCalculator = ({
         financedAmountValue,
         buydownTerm
       );
-      const manufacturerContribution = calculateManufacturerContribution(dealerContribution);
-      calculateManufacturerAmount(totalBuydownCost2, manufacturerContribution);
+      calculateManufacturerContribution(
+        dealerContribution,
+        manufacturerContributionAmount,
+        totalBuydownCost2
+      );
       calculateDealerContributionAmount(dealerContribution, totalBuydownCost2);
     }
   };
@@ -495,16 +574,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 +629,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 +647,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 +661,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,35 +675,31 @@ 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", { children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              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,
+                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" }) }) }),
             /* @__PURE__ */ jsxs("div", { className: `${row_form}`, children: [
               /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("div", { className: row_form, children: /* @__PURE__ */ jsxs(
@@ -788,23 +885,23 @@ const BuyDownCalculator = ({
             /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
               CurrencyInput,
               {
-                id: "manuContributionAmount",
+                id: "nonBuydownPayment",
                 sizes: "medium",
-                label: "Manufacturer Contribution Amount",
+                label: "Non-buydown Payment",
                 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 +909,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/Forms/ContactUsLVF.d.ts

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

package/dist/Forms/ContactUsLVF.js

@@ -47,8 +47,7 @@ const ContactUsLVF = ({
   validateEmail,
   onValidate,
   id,
-  dealerCheckbox = true,
-  contextData
+  dealerCheckbox = true
 }) => {
   const schema = z.object({
     firstname: z.string().regex(/^[a-zA-Z]*(?:[a-zA-Z][a-zA-Z'-]*\s{0,1}){2,}$/g, {
@@ -107,9 +106,9 @@ const ContactUsLVF = ({
         return { name: key, value: data[key] };
       }
     }).filter((el) => el !== void 0);
-    const finalContextData = {
-      pageName: contextData?.pageName || "La Victoire Finance",
-      pageUri: contextData?.pageUri || "https://lavictoirefinance.com/contact-us"
+    const contextData = {
+      pageName: "La Victoire Finance",
+      pageUri: "https://lavictoirefinance.com/contact-us"
     };
     const legalConsentData = {
       consent: {
@@ -126,7 +125,7 @@ const ContactUsLVF = ({
     };
     await onSubmit({
       fields: formattedFieldsData,
-      context: finalContextData,
+      context: contextData,
       legalConsentOptions: legalConsentData,
       form: "contactUSLVF"
     });

package/dist/Forms/FormEnums.js

@@ -177,20 +177,8 @@ const Fico = [
   { value: "720-759", text: "720-759" },
   { value: "700-719", text: "700-719" }
 ];
-const BuydownRate = [
-  { value: 2.99, text: "2.99%" },
-  { value: 3.99, text: "3.99%" },
-  { value: 4.99, text: "4.99%" },
-  { value: 5.99, text: "5.99%" },
-  { value: 6.99, text: "6.99%" }
-];
-const BuydownTerm = [
-  { value: 1, text: "1 Year" },
-  { value: 2, text: "2 Years" },
-  { value: 3, text: "3 Years" },
-  { value: 4, text: "4 Years" },
-  { value: 5, text: "5 Years" }
-];
+const BuydownRate = [{ value: 3.74, text: "3.74%" }];
+const BuydownTerm = [{ value: 3, text: "3 Years" }];
 const LoanRates = /* @__PURE__ */ new Map([
   [
     "3/6 SOFR ARM",

package/dist/Input/Dropdown.js

@@ -32,6 +32,7 @@ const Dropdown = forwardRef(
           "select",
           {
             ...rest,
+            disabled,
             className: clsx(
               props.className,
               input({ size: sizes }),

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@axos-web-dev/shared-components",
   "description": "Axos shared components library for web.",
-  "version": "1.0.100-feature-lvfformcontextdata",
+  "version": "1.0.100-feature-buydown.2",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",