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

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

@@ -11,7 +11,6 @@ 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, useEffect } from "react";
+import { useState } from "react";
 import "react-use";
 import { Program, Fico, BuydownRate, BuydownTerm, LoanRates } from "../../Forms/FormEnums.js";
 import { Checkbox } from "../../Input/Checkbox.js";
@@ -39,6 +39,7 @@ 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("");
@@ -46,11 +47,6 @@ 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);
@@ -58,13 +54,8 @@ const BuyDownCalculator = ({
     downpayment: z.string().min(1, { message: "Down Payment 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;
+    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." }),
@@ -75,32 +66,7 @@ const BuyDownCalculator = ({
       return formatToNumber(val);
     })
   }).superRefine((values, ctx) => {
-    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."
-      });
-    }
+    const { purchasePrice, downpayment, program, buydownTerm } = values;
     if (program === "3/6 SOFR ARM" && (buydownTerm === 4 || buydownTerm === 5)) {
       ctx.addIssue({
         code: z.ZodIssueCode.custom,
@@ -148,23 +114,8 @@ 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) => {
@@ -273,32 +224,6 @@ 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");
@@ -458,17 +383,17 @@ const BuyDownCalculator = ({
     setTotalBuydownCost(formatToCurrency(TBC));
     return TBC;
   };
-  const calculateManufacturerContribution = (dealerContribution, manufacturerContributionAmount, totalBuydownCost2) => {
-    let manufacturerContribution;
-    if (manufacturerContributionAmount > 0) {
-      manufacturerContribution = manufacturerContributionAmount / totalBuydownCost2 * 100;
-    } else {
-      manufacturerContribution = 100 - dealerContribution;
-    }
+  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);
@@ -480,7 +405,6 @@ const BuyDownCalculator = ({
         buydownRate,
         buydownTerm,
         dealerContribution,
-        manufacturerContributionAmount,
         downpayment,
         fico,
         program,
@@ -512,11 +436,8 @@ const BuyDownCalculator = ({
         financedAmountValue,
         buydownTerm
       );
-      calculateManufacturerContribution(
-        dealerContribution,
-        manufacturerContributionAmount,
-        totalBuydownCost2
-      );
+      const manufacturerContribution = calculateManufacturerContribution(dealerContribution);
+      calculateManufacturerAmount(totalBuydownCost2, manufacturerContribution);
       calculateDealerContributionAmount(dealerContribution, totalBuydownCost2);
     }
   };
@@ -574,40 +495,16 @@ const BuyDownCalculator = ({
                 PercentageInput,
                 {
                   id: "dealerContribution",
-                  ...register("dealerContribution", {
-                    required: false,
-                    onChange: handleDealerContributionChange
-                  }),
+                  ...register("dealerContribution", { required: true }),
                   sizes: "medium",
                   placeholder: "0.00%",
                   label: "Dealer Contribution",
-                  required: false,
+                  required: true,
                   error: !!errors["dealerContribution"],
                   helperText: errors["dealerContribution"]?.message,
-                  variant: calculator_variant,
-                  disabled: isDealerContributionDisabled
+                  variant: calculator_variant
                 }
               ) }),
-              /* @__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,
                 {
@@ -629,7 +526,9 @@ 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,
                 {
@@ -647,9 +546,7 @@ 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,
                 {
@@ -661,7 +558,9 @@ const BuyDownCalculator = ({
                   variant: calculator_variant,
                   value: loanRange
                 }
-              ) }),
+              ) })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: `${row_form}`, children: [
               /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
                 Dropdown,
                 {
@@ -681,29 +580,29 @@ const BuyDownCalculator = ({
                     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", { children: /* @__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(
@@ -889,23 +788,23 @@ const BuyDownCalculator = ({
             /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
               CurrencyInput,
               {
-                id: "nonBuydownPayment",
+                id: "manuContributionAmount",
                 sizes: "medium",
-                label: "Non-buydown Payment",
+                label: "Manufacturer Contribution Amount",
                 disabled: true,
                 variant: calculator_variant,
-                value: nonBuydownPayment
+                value: manuContributionAmount
               }
             ) }),
             /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
               CurrencyInput,
               {
-                id: "totalBuydownCost",
+                id: "nonBuydownPayment",
                 sizes: "medium",
-                label: "Total Buydown Cost",
+                label: "Non-buydown Payment",
                 disabled: true,
                 variant: calculator_variant,
-                value: totalBuydownCost
+                value: nonBuydownPayment
               }
             ) })
           ] }),
@@ -913,27 +812,38 @@ const BuyDownCalculator = ({
             /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
               CurrencyInput,
               {
-                id: "monthlySavings",
+                id: "totalBuydownCost",
                 sizes: "medium",
-                label: "Monthly Savings",
+                label: "Total Buydown Cost",
                 disabled: true,
                 variant: calculator_variant,
-                value: monthlySavings
+                value: totalBuydownCost
               }
             ) }),
             /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
               CurrencyInput,
               {
-                id: "dealerContributionAmount",
+                id: "monthlySavings",
                 sizes: "medium",
-                label: "Dealer Contribution Amount",
+                label: "Monthly Savings",
                 disabled: true,
                 variant: calculator_variant,
-                value: dealerContributionAmount,
-                helperText: "Dealer reserve offset not included in this amount."
+                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."
+            }
+          ) }) })
         ]
       }
     ) }),

package/dist/Forms/ContactUsLVF.d.ts

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

package/dist/Forms/ContactUsLVF.js

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

package/dist/Input/Dropdown.js

@@ -32,7 +32,6 @@ 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-buydown.1",
+  "version": "1.0.100-feature-lvfformcontextdata",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",