@axos-web-dev/shared-components 0.0.191 → 0.0.193

package/dist/ATMLocator/ATMLocator.js

@@ -85,10 +85,10 @@ import "../Modal/contextApi/store.js";
 /* empty css                                                                 */
 /* empty css                                                   */
 import "../NavigationMenu/AxosBank/NavData.js";
-import "next/navigation.js";
 import "next/image.js";
-/* empty css                                                      */
 import "next/link.js";
+import "next/navigation.js";
+/* empty css                                                      */
 /* empty css                                                       */
 /* empty css                                                     */
 import "../NavigationMenu/LaVictoire/NavData.js";
@@ -108,6 +108,7 @@ import "next/script.js";
 /* empty css                                              */
 import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 import "iframe-resizer";
+import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
 const ATMLocator = (props) => {
   const { id, bodyCopy, icon = false, disclosure, headline } = props;
   const variant = getVariant(props.variant);

package/dist/Button/Button.js

@@ -53,6 +53,7 @@ import "../Hyperlink/Hyperlink.css.js";
 import "iframe-resizer";
 /* empty css                                                                                */
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
+import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
 /* empty css                                              */
 /* empty css                                          */
 /* empty css                                          */
@@ -86,10 +87,10 @@ import "../LandingPageHeader/LandingPageHeader.css.js";
 /* empty css                                                                 */
 /* empty css                                                   */
 import "../NavigationMenu/AxosBank/NavData.js";
-import "next/navigation.js";
 import "next/image.js";
-/* empty css                                                      */
 import "next/link.js";
+import "next/navigation.js";
+/* empty css                                                      */
 /* empty css                                                       */
 /* empty css                                                     */
 import "../NavigationMenu/LaVictoire/NavData.js";

package/dist/Calculators/Calculator.js

@@ -31,6 +31,7 @@ import { calculator_headline, calculator_description } from "./calculator.css.js
 import { MarginTradingCalculator } from "./MarginTradingCalculator/index.js";
 import { MaxLoanCalculator } from "./MaxLoanCalculator/index.js";
 import { MonthlyPaymentCalculator } from "./MonthlyPaymentCalculator/index.js";
+import { MonthlyPaymentLVFCalculator } from "./MonthlyPaymentLVFCalculator/index.js";
 import { useRef, useEffect } from "react";
 /* empty css                                                    */
 import "../Carousel/index.js";
@@ -78,10 +79,10 @@ import "react-use";
 /* empty css                                                                 */
 /* empty css                                                   */
 import "../NavigationMenu/AxosBank/NavData.js";
-import "next/navigation.js";
 import "next/image.js";
-/* empty css                                                      */
 import "next/link.js";
+import "next/navigation.js";
+/* empty css                                                      */
 /* empty css                                                       */
 /* empty css                                                     */
 import "../NavigationMenu/LaVictoire/NavData.js";
@@ -162,6 +163,16 @@ const Calculator = (props) => {
         disclosure
       }
     );
+  } else if (name === "Calculate a Loan Payment LVF") {
+    return /* @__PURE__ */ jsx(
+      MonthlyPaymentLVFCalculator,
+      {
+        variant,
+        header: headline,
+        bodyCopy,
+        disclosure
+      }
+    );
   } else if (name === "Max Loan") {
     return /* @__PURE__ */ jsx(MaxLoanCalculator, { header: headline, body: bodyCopy, variant });
   } else if (name === "Annual Fee") {

package/dist/Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.d.ts

@@ -0,0 +1,46 @@
+export declare const bg_vars: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        primary: {
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        secondary: {
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        tertiary: {
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        quaternary: {
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+}>;
+export declare const calc_content_area: string;
+export declare const calc_h2: string;
+export declare const calc_bodycopy: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        primary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        secondary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        tertiary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        quaternary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+}>;
+export declare const lvf_calc_header: string;
+export declare const lvf_calc_wrapper: string;
+export declare const calc_wrapper_inner: string;
+export declare const calc_input_wrap: string;
+export declare const calc_input_styles: string;
+export declare const error_dialog: string;
+export declare const rounded_cell: string;
+export declare const results_wrap: string;
+export declare const result_value: string;
+export declare const result_header: string;
+export declare const waves: string;
+export declare const parallax: string;

package/dist/Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js

@@ -0,0 +1,39 @@
+/* empty css                                   */
+/* empty css                                      */
+/* empty css                                             */
+/* empty css                                            */
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+var bg_vars = createRuntimeFn({ defaultClassName: "_1xynjwx0", variantClassNames: { variant: { primary: "_1xynjwx1", secondary: "_1xynjwx2", tertiary: "_1xynjwx3", quaternary: "_1xynjwx4" } }, defaultVariants: {}, compoundVariants: [] });
+var calc_content_area = "_1xynjwx5";
+var calc_h2 = "_1xynjwx6";
+var calc_bodycopy = createRuntimeFn({ defaultClassName: "_1xynjwx7", variantClassNames: { variant: { primary: "_1xynjwx8", secondary: "_1xynjwx9", tertiary: "_1xynjwxa", quaternary: "_1xynjwxb" } }, defaultVariants: {}, compoundVariants: [] });
+var lvf_calc_header = "_1xynjwxc";
+var lvf_calc_wrapper = "_1xynjwxd";
+var calc_wrapper_inner = "_1xynjwxe";
+var calc_input_wrap = "_1xynjwxf";
+var calc_input_styles = "_1xynjwxg";
+var error_dialog = "_1xynjwxh";
+var rounded_cell = "_1xynjwxi";
+var results_wrap = "_1xynjwxj";
+var result_value = "_1xynjwxk";
+var result_header = "_1xynjwxl";
+var waves = "_1xynjwxm";
+var parallax = "_1xynjwxn";
+export {
+  bg_vars,
+  calc_bodycopy,
+  calc_content_area,
+  calc_h2,
+  calc_input_styles,
+  calc_input_wrap,
+  calc_wrapper_inner,
+  error_dialog,
+  lvf_calc_header,
+  lvf_calc_wrapper,
+  parallax,
+  result_header,
+  result_value,
+  results_wrap,
+  rounded_cell,
+  waves
+};

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

@@ -0,0 +1,9 @@
+import { default as React, FC } from 'react';
+
+export interface MonthlyPaymentLVFCalculatorProps {
+    variant?: string;
+    header?: React.ReactNode | string;
+    bodyCopy?: React.ReactNode | string;
+    disclosure?: React.ReactNode;
+}
+export declare const MonthlyPaymentLVFCalculator: FC<MonthlyPaymentLVFCalculatorProps>;

package/dist/Calculators/MonthlyPaymentLVFCalculator/index.js

@@ -0,0 +1,257 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { button } from "../../Button/Button.css.js";
+import "../../utils/allowedAxosDomains.js";
+import { getVariant } from "../../utils/getVariant.js";
+import { useState } from "react";
+import { calc_disclosure } from "../BalanceAPYCalculator/BalanceAPYCalculator.css.js";
+import { bg_vars, calc_content_area, calc_h2, calc_bodycopy, lvf_calc_wrapper, lvf_calc_header, calc_wrapper_inner, calc_input_wrap, rounded_cell, calc_input_styles, error_dialog, results_wrap, result_header, result_value, waves, parallax } from "./MonthlyPaymentCalculator.css.js";
+const MonthlyPaymentLVFCalculator = ({ variant, header, bodyCopy, disclosure }) => {
+  const fullVariant = getVariant(variant);
+  const [loanAmountDisplay, setLoanAmountDisplay] = useState("$50,000");
+  const [loanAmount, setLoanAmount] = useState(5e4);
+  const [loanYears, setLoanYears] = useState(20);
+  const [interestRateDisplay, setInterestRateDisplay] = useState("8.25%");
+  const [interestRate, setInterestRate] = useState("8.25");
+  const [estimatedPayment, setEstimatedPayment] = useState(426.03);
+  const [loanAmountError, setLoanAmountError] = useState(null);
+  const [interestRateError, setInterestRateError] = useState(
+    null
+  );
+  const [isHovered, setIsHovered] = useState(false);
+  const handleMouseEnter = () => setIsHovered(true);
+  const handleMouseLeave = () => setIsHovered(false);
+  const stringToCurrency = (value) => {
+    const numericValue = parseFloat(value.replace(/[^0-9.]/g, ""));
+    if (isNaN(numericValue)) {
+      return "";
+    }
+    return numericValue.toLocaleString("en-US", {
+      style: "currency",
+      currency: "USD",
+      minimumFractionDigits: 0,
+      maximumFractionDigits: 0
+    });
+  };
+  const validateInputs = () => {
+    let isValid = true;
+    if (!loanAmount) {
+      setLoanAmountError("Please enter an amount");
+      isValid = false;
+    } else {
+      setLoanAmountError(null);
+    }
+    if (!interestRate) {
+      setInterestRateError("Please enter an interest rate");
+      isValid = false;
+    } else {
+      setInterestRateError(null);
+    }
+    return isValid;
+  };
+  const handleLoanAmountChange = (event) => {
+    const value = event.target.value;
+    const formattedValue = stringToCurrency(value);
+    setLoanAmountDisplay(formattedValue);
+    const numericValue = parseFloat(value.replace(/[^0-9.]/g, ""));
+    setLoanAmount(numericValue);
+  };
+  const handleloanYearsChange = (event) => {
+    setLoanYears(Number(event.target.value));
+  };
+  const formatToPercentage = (value) => {
+    const numericValue = value.replace(/[^0-9.]/g, "");
+    if (numericValue === "") {
+      return "";
+    } else if (numericValue.endsWith("%")) {
+      return numericValue;
+    } else {
+      return numericValue.substring(0, numericValue.length - 2) + numericValue.substring(numericValue.length - 2) + "%";
+    }
+  };
+  const handleInterestRateChange = (event) => {
+    let value = event.target.value;
+    if (value.length < interestRateDisplay.length) {
+      if (interestRateDisplay.length > 1 && interestRateDisplay.endsWith("%")) {
+        value = interestRateDisplay.substring(0, interestRateDisplay.length - 2) + "%";
+      } else if (interestRateDisplay.length === 1) {
+        value = "";
+      } else {
+        value = interestRateDisplay.substring(
+          0,
+          interestRateDisplay.length - 1
+        );
+      }
+    } else {
+      value = formatToPercentage(value);
+    }
+    setInterestRateDisplay(value);
+    setInterestRate(value.replace(/[^0-9.]/g, ""));
+  };
+  const calculateMonthlyPayment = () => {
+    const numericInterestRate = parseFloat(interestRate);
+    const monthlyInterestRate = numericInterestRate / 100 / 12;
+    const months = loanYears * 12;
+    if (!isNaN(loanAmount || 0) && !isNaN(numericInterestRate)) {
+      const monthlyPayment = (loanAmount || 0) * monthlyInterestRate / (1 - Math.pow(1 + monthlyInterestRate, -months));
+      setEstimatedPayment(monthlyPayment);
+    } else {
+      setEstimatedPayment(0);
+    }
+  };
+  const handleCalculate = () => {
+    if (validateInputs()) {
+      calculateMonthlyPayment();
+    } else {
+      setEstimatedPayment(0);
+    }
+  };
+  return /* @__PURE__ */ jsxs("section", { className: bg_vars({ variant: fullVariant }), children: [
+    /* @__PURE__ */ jsxs("div", { className: "containment", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex between middle gap_24", children: [
+        (header || bodyCopy) && /* @__PURE__ */ jsxs("span", { className: calc_content_area, children: [
+          header && /* @__PURE__ */ jsx("h2", { className: `header_1 ${calc_h2}`, children: header }),
+          bodyCopy && /* @__PURE__ */ jsx("div", { className: calc_bodycopy({ variant: fullVariant }), children: bodyCopy })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: lvf_calc_wrapper, children: [
+          /* @__PURE__ */ jsx("div", { className: lvf_calc_header, children: "Calculate Your Payments" }),
+          /* @__PURE__ */ jsxs("div", { className: calc_wrapper_inner, children: [
+            /* @__PURE__ */ jsx("div", { className: calc_input_wrap, children: /* @__PURE__ */ jsxs("div", { className: rounded_cell, children: [
+              /* @__PURE__ */ jsx("label", { htmlFor: "loanAmount", id: "amount1", children: "$" }),
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  className: calc_input_styles,
+                  id: "loanAmount",
+                  maxLength: 10,
+                  name: "loanAmount",
+                  type: "text",
+                  placeholder: "Loan Amount",
+                  value: loanAmountDisplay,
+                  onChange: handleLoanAmountChange
+                }
+              ),
+              loanAmountError && /* @__PURE__ */ jsx("span", { className: error_dialog, children: loanAmountError })
+            ] }) }),
+            /* @__PURE__ */ jsx("div", { className: `${calc_input_wrap} push_up_24`, children: /* @__PURE__ */ jsxs("div", { className: rounded_cell, children: [
+              /* @__PURE__ */ jsx("label", { htmlFor: "loanYears", children: "Years" }),
+              /* @__PURE__ */ jsx(
+                "select",
+                {
+                  className: calc_input_styles,
+                  id: "loanYears",
+                  name: "loanYears",
+                  value: loanYears,
+                  onChange: handleloanYearsChange,
+                  children: /* @__PURE__ */ jsx("option", { value: "20", selected: true, children: "20" })
+                }
+              )
+            ] }) }),
+            /* @__PURE__ */ jsx("div", { className: `${calc_input_wrap} push_up_24`, children: /* @__PURE__ */ jsxs("div", { className: rounded_cell, children: [
+              /* @__PURE__ */ jsx("label", { htmlFor: "interestRate", children: "%" }),
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  className: calc_input_styles,
+                  id: "interestRate",
+                  maxLength: 6,
+                  name: "interestRate",
+                  type: "text",
+                  placeholder: "Interest Rate",
+                  value: interestRateDisplay,
+                  onChange: handleInterestRateChange
+                }
+              ),
+              interestRateError && /* @__PURE__ */ jsx("span", { className: error_dialog, children: interestRateError })
+            ] }) }),
+            /* @__PURE__ */ jsx("div", { className: `flex center middle push_up_24`, children: /* @__PURE__ */ jsx(
+              "input",
+              {
+                className: `${button({
+                  color: "primary",
+                  size: "medium",
+                  rounded: "medium"
+                })} center`,
+                type: "button",
+                value: "Calculate",
+                onClick: handleCalculate,
+                onMouseEnter: handleMouseEnter,
+                onMouseLeave: handleMouseLeave,
+                style: {
+                  backgroundColor: isHovered ? "transparent" : "#dd7b50"
+                }
+              }
+            ) }),
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: `${results_wrap} text_center flex flex_col center middle push_up_24`,
+                children: [
+                  /* @__PURE__ */ jsx("span", { className: result_header, children: "Your monthly loan payment will be:" }),
+                  /* @__PURE__ */ jsxs("span", { id: "estimatedPayment", className: result_value, children: [
+                    "$",
+                    estimatedPayment.toFixed(2)
+                  ] })
+                ]
+              }
+            )
+          ] })
+        ] })
+      ] }),
+      disclosure && /* @__PURE__ */ jsx("div", { className: calc_disclosure({ variant: fullVariant }), children: disclosure })
+    ] }),
+    /* @__PURE__ */ jsxs(
+      "svg",
+      {
+        className: waves,
+        xmlns: "http://www.w3.org/2000/svg",
+        xmlnsXlink: "http://www.w3.org/1999/xlink",
+        viewBox: "0 24 150 28",
+        preserveAspectRatio: "none",
+        "shape-rendering": "auto",
+        children: [
+          /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx(
+            "path",
+            {
+              id: "gentle-wave",
+              d: "M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z"
+            }
+          ) }),
+          /* @__PURE__ */ jsxs("g", { className: parallax, children: [
+            /* @__PURE__ */ jsx(
+              "use",
+              {
+                xlinkHref: "#gentle-wave",
+                x: "48",
+                y: "0",
+                fill: "rgb(96 174 203 / 0.7)"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "use",
+              {
+                xlinkHref: "#gentle-wave",
+                x: "48",
+                y: "3",
+                fill: "rgb(96 174 203 / 0.5)"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "use",
+              {
+                xlinkHref: "#gentle-wave",
+                x: "48",
+                y: "5",
+                fill: "rgba(255,255,255,0.3)"
+              }
+            ),
+            /* @__PURE__ */ jsx("use", { xlinkHref: "#gentle-wave", x: "48", y: "7", fill: "#60AECB" })
+          ] })
+        ]
+      }
+    )
+  ] });
+};
+export {
+  MonthlyPaymentLVFCalculator
+};

package/dist/Calculators/index.d.ts

@@ -7,3 +7,4 @@ export * from './calculator.css';
 export * from './MarginTradingCalculator';
 export * from './MaxLoanCalculator';
 export * from './MonthlyPaymentCalculator';
+export * from './MonthlyPaymentLVFCalculator';

package/dist/Calculators/index.js

@@ -7,6 +7,7 @@ import { calculator, calculator_description, calculator_headline } from "./calcu
 import { MarginTradingCalculator } from "./MarginTradingCalculator/index.js";
 import { MaxLoanCalculator } from "./MaxLoanCalculator/index.js";
 import { MonthlyPaymentCalculator } from "./MonthlyPaymentCalculator/index.js";
+import { MonthlyPaymentLVFCalculator } from "./MonthlyPaymentLVFCalculator/index.js";
 export {
   AnnualFeeCalculator,
   ApyCalculator,
@@ -16,6 +17,7 @@ export {
   MarginTradingCalculator,
   MaxLoanCalculator,
   MonthlyPaymentCalculator,
+  MonthlyPaymentLVFCalculator,
   calculator,
   calculator_description,
   calculator_headline

package/dist/Carousel/index.js

@@ -58,6 +58,7 @@ import "../Hyperlink/Hyperlink.css.js";
 import "iframe-resizer";
 /* empty css                                                                                */
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
+import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
 /* empty css                                              */
 /* empty css                                          */
 /* empty css                                                    */
@@ -88,10 +89,10 @@ import "../LandingPageHeader/LandingPageHeader.css.js";
 /* empty css                                                                 */
 /* empty css                                                   */
 import "../NavigationMenu/AxosBank/NavData.js";
-import "next/navigation.js";
 import "next/image.js";
-/* empty css                                                      */
 import "next/link.js";
+import "next/navigation.js";
+/* empty css                                                      */
 /* empty css                                                       */
 /* empty css                                                     */
 import "../NavigationMenu/LaVictoire/NavData.js";

package/dist/Chevron/index.js

@@ -55,6 +55,7 @@ import "../Hyperlink/Hyperlink.css.js";
 import "iframe-resizer";
 /* empty css                                                                                */
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
+import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
 /* empty css                                              */
 /* empty css                                          */
 /* empty css                                          */
@@ -88,10 +89,10 @@ import "../LandingPageHeader/LandingPageHeader.css.js";
 /* empty css                                                                 */
 /* empty css                                                   */
 import "../NavigationMenu/AxosBank/NavData.js";
-import "next/navigation.js";
 import "next/image.js";
-/* empty css                                                      */
 import "next/link.js";
+import "next/navigation.js";
+/* empty css                                                      */
 /* empty css                                                       */
 /* empty css                                                     */
 import "../NavigationMenu/LaVictoire/NavData.js";

package/dist/Comparison/Comparison.js

@@ -54,6 +54,7 @@ import "../Hyperlink/Hyperlink.css.js";
 import "iframe-resizer";
 /* empty css                                                                                */
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
+import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
 /* empty css                                              */
 /* empty css                                          */
 /* empty css                                          */
@@ -87,10 +88,10 @@ import "../Modal/contextApi/store.js";
 /* empty css                                                                 */
 /* empty css                                                   */
 import "../NavigationMenu/AxosBank/NavData.js";
-import "next/navigation.js";
 import "next/image.js";
-/* empty css                                                      */
 import "next/link.js";
+import "next/navigation.js";
+/* empty css                                                      */
 /* empty css                                                       */
 /* empty css                                                     */
 import "../NavigationMenu/LaVictoire/NavData.js";

package/dist/FaqAccordion/index.js

@@ -54,6 +54,7 @@ import "../Hyperlink/Hyperlink.css.js";
 import "iframe-resizer";
 /* empty css                                                                                */
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
+import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
 /* empty css                                              */
 /* empty css                                          */
 /* empty css                                          */
@@ -88,10 +89,10 @@ import "../Modal/contextApi/store.js";
 /* empty css                                                                 */
 /* empty css                                                   */
 import "../NavigationMenu/AxosBank/NavData.js";
-import "next/navigation.js";
 import "next/image.js";
-/* empty css                                                      */
 import "next/link.js";
+import "next/navigation.js";
+/* empty css                                                      */
 /* empty css                                                       */
 /* empty css                                                     */
 import "../NavigationMenu/LaVictoire/NavData.js";

package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js

@@ -53,6 +53,7 @@ import "../../Hyperlink/Hyperlink.css.js";
 import "iframe-resizer";
 /* empty css                                                                                   */
 import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
+import "../../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
 /* empty css                                                 */
 /* empty css                                             */
 /* empty css                                                       */
@@ -84,10 +85,10 @@ import "../../LandingPageHeader/LandingPageHeader.css.js";
 /* empty css                                                                    */
 /* empty css                                                      */
 import "../../NavigationMenu/AxosBank/NavData.js";
-import "next/navigation.js";
 import "next/image.js";
-/* empty css                                                         */
 import "next/link.js";
+import "next/navigation.js";
+/* empty css                                                         */
 /* empty css                                                          */
 /* empty css                                                        */
 import "../../NavigationMenu/LaVictoire/NavData.js";

package/dist/Forms/ContactUsBusiness.js

@@ -55,6 +55,7 @@ import "../Hyperlink/Hyperlink.css.js";
 import "iframe-resizer";
 /* empty css                                                                                */
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
+import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
 /* empty css                                              */
 /* empty css                                          */
 /* empty css                                          */
@@ -90,10 +91,10 @@ import "../Modal/contextApi/store.js";
 /* empty css                                                                 */
 /* empty css                                                   */
 import "../NavigationMenu/AxosBank/NavData.js";
-import "next/navigation.js";
 import "next/image.js";
-/* empty css                                                      */
 import "next/link.js";
+import "next/navigation.js";
+/* empty css                                                      */
 /* empty css                                                       */
 /* empty css                                                     */
 import "../NavigationMenu/LaVictoire/NavData.js";

package/dist/Forms/ContactUsNMLSId.js

@@ -55,6 +55,7 @@ import "../Hyperlink/Hyperlink.css.js";
 import "iframe-resizer";
 /* empty css                                                                                */
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
+import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
 /* empty css                                              */
 /* empty css                                          */
 /* empty css                                          */
@@ -90,10 +91,10 @@ import "../Modal/contextApi/store.js";
 /* empty css                                                                 */
 /* empty css                                                   */
 import "../NavigationMenu/AxosBank/NavData.js";
-import "next/navigation.js";
 import "next/image.js";
-/* empty css                                                      */
 import "next/link.js";
+import "next/navigation.js";
+/* empty css                                                      */
 /* empty css                                                       */
 /* empty css                                                     */
 import "../NavigationMenu/LaVictoire/NavData.js";

package/dist/Forms/EmailOnly.js

@@ -56,6 +56,7 @@ import "../Hyperlink/Hyperlink.css.js";
 import "iframe-resizer";
 /* empty css                                                                                */
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
+import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
 /* empty css                                              */
 /* empty css                                          */
 /* empty css                                          */
@@ -91,10 +92,10 @@ import "../Modal/contextApi/store.js";
 /* empty css                                                                 */
 /* empty css                                                   */
 import "../NavigationMenu/AxosBank/NavData.js";
-import "next/navigation.js";
 import "next/image.js";
-/* empty css                                                      */
 import "next/link.js";
+import "next/navigation.js";
+/* empty css                                                      */
 /* empty css                                                       */
 /* empty css                                                     */
 import "../NavigationMenu/LaVictoire/NavData.js";

package/dist/Forms/MortgageRate/MortgageRateForm.js

@@ -57,6 +57,7 @@ import "../../Hyperlink/Hyperlink.css.js";
 import "iframe-resizer";
 /* empty css                                                                                   */
 import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
+import "../../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
 /* empty css                                                 */
 /* empty css                                             */
 /* empty css                                                       */
@@ -91,10 +92,10 @@ import "../../Modal/contextApi/store.js";
 /* empty css                                                                    */
 /* empty css                                                      */
 import "../../NavigationMenu/AxosBank/NavData.js";
-import "next/navigation.js";
 import "next/image.js";
-/* empty css                                                         */
 import "next/link.js";
+import "next/navigation.js";
+/* empty css                                                         */
 /* empty css                                                          */
 /* empty css                                                        */
 import "../../NavigationMenu/LaVictoire/NavData.js";