@axos-web-dev/shared-components 1.0.100-dev.5 → 1.0.100-dev.50

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

@@ -1,4 +1,5 @@
 import { default as React, FC } from 'react';
+import { ChevronProps } from '../../Chevron/Chevron.interface';
 
 export interface AxosOneCalculatorProps {
     headline?: React.ReactNode | string;
@@ -6,5 +7,7 @@ export interface AxosOneCalculatorProps {
     bodyCopy?: React.ReactNode | string;
     disclosure: React.ReactNode | string;
     variant: string;
+    initialBalance?: number;
+    callToActionRow?: ChevronProps[];
 }
 export declare const AxosOneCalculator: FC<AxosOneCalculatorProps>;

package/dist/Calculators/AxosOneCalculator/index.js

@@ -18,25 +18,36 @@ import { headerCell } from "../../Table/Table.css.js";
 import "../../utils/allowedAxosDomains.js";
 import { getVariant } from "../../utils/getVariant.js";
 import clsx from "clsx";
-import { ax1_calc_icon, ax1_header_container, ax1_header_calc, ax1_calc_text, ax1_description_text, ax1_calculator_wrapper, ax1_input_container, ax1_input_label, ax1_calculator_input, ax1_calculator_button, ax1_d_label, ax1_m_label, ax1_table_container, ax1_calc_disclosure, ax1_container } from "./BalanceAPYCalculator.css.js";
+import { ax1_calc_icon, ax1_header_container, ax1_header_calc, ax1_calc_text, ax1_description_text, ax1_calculator_wrapper, ax1_input_container, ax1_input_label, ax1_calculator_input, ax1_calculator_button, ax1_d_label, ax1_m_label, ax1_table_container, call_to_action_row, ax1_calc_disclosure, ax1_container } from "./BalanceAPYCalculator.css.js";
 const AxosOneCalculator = ({
   headline,
   bodyCopy,
   disclosure,
   icon,
-  variant
+  variant,
+  initialBalance,
+  callToActionRow
 }) => {
   const calc_variant = getVariant(variant);
   const AXOS_ONE_APY = +process.env.NEXT_PUBLIC_AXOS_ONE_APY;
-  const [balance, setBalance] = useState(1e4);
+  const startingBalance = Number.isFinite(Number(initialBalance)) && Number(initialBalance) >= 0 ? Number(initialBalance) : 1e4;
+  const [balance, setBalance] = useState(startingBalance);
   const [axbAPY, _setAxbAPY] = useState(AXOS_ONE_APY);
-  const [axbEarning, setAxbEarning] = useState(AXOS_ONE_APY * 100);
+  const [axbEarning, setAxbEarning] = useState(
+    AXOS_ONE_APY / 100 * startingBalance
+  );
   const [chaseAPY, _setChaseAPY] = useState(0.01);
-  const [chaseEarning, setChaseEarning] = useState(1);
+  const [chaseEarning, setChaseEarning] = useState(
+    0.01 / 100 * startingBalance
+  );
   const [bofaAPY, _setBofaAPY] = useState(0.01);
-  const [bofaEarning, setBofaEarning] = useState(1);
+  const [bofaEarning, setBofaEarning] = useState(
+    0.01 / 100 * startingBalance
+  );
   const [fargoAPY, _setFargoAPY] = useState(0.05);
-  const [fargoEarning, setFargoEarning] = useState(5);
+  const [fargoEarning, setFargoEarning] = useState(
+    0.05 / 100 * startingBalance
+  );
   const removeNonNumeric = (value) => {
     if (value === "") {
       value = "0";
@@ -59,7 +70,19 @@ const AxosOneCalculator = ({
       setBalance(0);
     }
   };
-  return /* @__PURE__ */ jsx("section", { className: clsx(ax1_container), children: /* @__PURE__ */ jsxs("div", { className: clsx("containment"), children: [
+  const formatUSD = (value) => {
+    if (Number.isInteger(value)) {
+      return value.toLocaleString(void 0, {
+        minimumFractionDigits: 0,
+        maximumFractionDigits: 0
+      });
+    }
+    return value.toLocaleString(void 0, {
+      minimumFractionDigits: 2,
+      maximumFractionDigits: 2
+    });
+  };
+  return /* @__PURE__ */ jsx("section", { className: clsx(ax1_container), id: "axoapycalc", children: /* @__PURE__ */ jsxs("div", { className: clsx("containment"), children: [
     icon && /* @__PURE__ */ jsx("div", { className: clsx("text_center", ax1_calc_icon), children: ["primary", "secondary"].includes(variant) ? /* @__PURE__ */ jsx(SvgComponent, {}) : /* @__PURE__ */ jsx(SvgAxosX, {}) }),
     (headline || bodyCopy) && /* @__PURE__ */ jsxs("div", { className: `${ax1_header_container} text_center`, children: [
       headline && /* @__PURE__ */ jsx("h2", { className: clsx("header_2", ax1_header_calc), children: headline }),
@@ -134,9 +157,7 @@ const AxosOneCalculator = ({
                 ] }) }),
                 /* @__PURE__ */ jsx(TableCell, { variant: "primary", children: /* @__PURE__ */ jsxs("b", { children: [
                   "$",
-                  axbEarning.toLocaleString(void 0, {
-                    maximumFractionDigits: 2
-                  })
+                  formatUSD(axbEarning)
                 ] }) })
               ] }),
               /* @__PURE__ */ jsxs(TableRow, { children: [
@@ -150,9 +171,7 @@ const AxosOneCalculator = ({
                 ] }),
                 /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
                   "$",
-                  fargoEarning.toLocaleString(void 0, {
-                    maximumFractionDigits: 2
-                  })
+                  formatUSD(fargoEarning)
                 ] })
               ] }),
               /* @__PURE__ */ jsxs(TableRow, { children: [
@@ -166,9 +185,7 @@ const AxosOneCalculator = ({
                 ] }),
                 /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
                   "$",
-                  bofaEarning.toLocaleString(void 0, {
-                    maximumFractionDigits: 2
-                  })
+                  formatUSD(bofaEarning)
                 ] })
               ] }),
               /* @__PURE__ */ jsxs(TableRow, { children: [
@@ -182,9 +199,7 @@ const AxosOneCalculator = ({
                 ] }),
                 /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
                   "$",
-                  chaseEarning.toLocaleString(void 0, {
-                    maximumFractionDigits: 2
-                  })
+                  formatUSD(chaseEarning)
                 ] })
               ] })
             ] })
@@ -192,6 +207,19 @@ const AxosOneCalculator = ({
         }
       )
     ] }),
+    Array.isArray(callToActionRow) && callToActionRow.length > 0 && /* @__PURE__ */ jsx("div", { className: `${call_to_action_row}`, children: callToActionRow?.map(
+      ({ id, variant: variant2, displayText, targetUrl }) => /* @__PURE__ */ jsx(
+        Button,
+        {
+          targetUrl,
+          color: getVariant(variant2),
+          size: "medium",
+          rounded: "medium",
+          children: displayText
+        },
+        id
+      )
+    ) }),
     disclosure && /* @__PURE__ */ jsx("div", { className: ax1_calc_disclosure({ variant: calc_variant }), children: disclosure })
   ] }) });
 };

package/dist/Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.d.ts

@@ -33,38 +33,10 @@ export declare const header_container: string;
 export declare const header_calc: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            readonly selectors: {
-                [x: string]: {
-                    WebkitBackgroundClip: string;
-                    backgroundImage: `var(--${string})`;
-                    WebkitTextFillColor: string;
-                    textShadow: string;
-                    color?: undefined;
-                } | {
-                    color: `var(--${string})`;
-                    WebkitBackgroundClip?: undefined;
-                    backgroundImage?: undefined;
-                    WebkitTextFillColor?: undefined;
-                    textShadow?: undefined;
-                };
-            };
+            color: `var(--${string})`;
         };
         secondary: {
-            selectors: {
-                [x: string]: {
-                    WebkitBackgroundClip: "text";
-                    backgroundImage: `var(--${string})`;
-                    WebkitTextFillColor: "transparent";
-                    textShadow: "0px 0px #00000000";
-                    color?: undefined;
-                } | {
-                    color: `var(--${string})`;
-                    WebkitBackgroundClip?: undefined;
-                    backgroundImage?: undefined;
-                    WebkitTextFillColor?: undefined;
-                    textShadow?: undefined;
-                };
-            };
+            color: `var(--${string})`;
         };
         tertiary: {
             color: `var(--${string})`;

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

@@ -98,4 +98,3 @@ export declare const theme_header: import('@vanilla-extract/recipes').RuntimeFn<
 }>;
 export declare const mt_8: string;
 export declare const pis_0: string;
-export declare const limit_one: string;

package/dist/Calculators/BuyDownCalculator/BuyDownCalculator.css.js

@@ -1,7 +1,7 @@
-import '../../assets/Calculators/BuyDownCalculator/BuyDownCalculator.css';import '../../assets/Typography/Typography.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css                                   */
+import '../../assets/Calculators/BuyDownCalculator/BuyDownCalculator.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';import '../../assets/Typography/Typography.css';/* empty css                                             */
+/* empty css                                   */
 /* empty css                                      */
 /* empty css                                       */
-/* empty css                                             */
 /* empty css                                     */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var calc_container = createRuntimeFn({ defaultClassName: "n9fzuw0", variantClassNames: { variant: { primary: "n9fzuw1", secondary: "n9fzuw2", tertiary: "n9fzuw3", quaternary: "n9fzuw4" } }, defaultVariants: {}, compoundVariants: [] });
@@ -27,7 +27,6 @@ var bodyContent = "n9fzuwr";
 var theme_header = createRuntimeFn({ defaultClassName: "n9fzuws", variantClassNames: { variant: { primary: "n9fzuwt", secondary: "n9fzuwu", tertiary: "n9fzuwv", quaternary: "n9fzuww" } }, defaultVariants: {}, compoundVariants: [] });
 var mt_8 = "n9fzuwx";
 var pis_0 = "n9fzuwy";
-var limit_one = "n9fzuwz";
 export {
   apy_calculator,
   bodyContent,
@@ -42,7 +41,6 @@ export {
   form_disclosure,
   form_wrapper,
   label_symbol,
-  limit_one,
   mt_8,
   percent,
   pis_0,

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

@@ -19,8 +19,11 @@ export type BuyDownCalculatorInputs = {
     fullTimeCharter: boolean;
     mooringOutsideContinentalUS: boolean;
     operatingAccount: boolean;
-    ltvAbove60: boolean;
     floorplanDealerIncentive: boolean;
     dealerCommercialDeposit: boolean;
+    vesselOver15Years: boolean;
+    highPerformanceBoats: boolean;
+    retailCheckingAccount: boolean;
+    electricMotorHybrid: boolean;
 };
 export declare const BuyDownCalculator: FC<BuyDownCalculatorProps>;

package/dist/Calculators/BuyDownCalculator/index.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 { z } from "zod";
 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,
@@ -45,12 +45,12 @@ const BuyDownCalculator = ({
   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);
@@ -111,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,
@@ -123,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({
@@ -166,7 +160,6 @@ const BuyDownCalculator = ({
     }
   }, [watchedFields]);
   const calculator_variant = getVariant(variant);
-  const enableDependentInputs = enableFullTimeCharter;
   const formatToNumber = (value) => {
     const cleanValue = value.replace(/[%$, ]/gi, "");
     return parseFloat(cleanValue);
@@ -189,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 = "";
@@ -358,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);
@@ -469,13 +473,19 @@ const BuyDownCalculator = ({
     setManuContributionPercentage(percentage);
     return manufacturerContribution;
   };
-  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,
@@ -495,7 +505,9 @@ const BuyDownCalculator = ({
         program,
         fico,
         financedAmountValue,
-        buydownRate
+        buydownRate,
+        purchasePrice,
+        downpayment
       );
       const buydownPayment2 = calculateBuydownPayment(
         buydownRate,
@@ -517,7 +529,11 @@ const BuyDownCalculator = ({
         manufacturerContributionAmount,
         totalBuydownCost2
       );
-      calculateDealerContributionAmount(dealerContribution, totalBuydownCost2);
+      calculateDealerContributionAmount(
+        dealerContribution,
+        manufacturerContributionAmount,
+        totalBuydownCost2
+      );
     }
   };
   return /* @__PURE__ */ jsxs("section", { className: `${calc_container({ variant: calculator_variant })}`, children: [
@@ -689,7 +705,7 @@ const BuyDownCalculator = ({
                   required: true,
                   deps: ["program"]
                 }),
-                label: "Buydown Term (1-5 Years)",
+                label: "Buydown Term",
                 sizes: "medium",
                 required: true,
                 error: !!errors.buydownTerm,
@@ -700,56 +716,57 @@ const BuyDownCalculator = ({
                 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__ */ 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,\r\n                                    Hawaii, and Alaska) (Does not apply to Full Time Charter)\r\n                                    +0.500",
-                        groupName: "dependentInputs",
-                        disabled: disableMooringOutside
-                      }
-                    ),
-                    /* @__PURE__ */ jsx(
-                      RadioButton,
-                      {
-                        id: "operatingAccount",
-                        ...register("operatingAccount"),
-                        value: -0.25,
-                        radioText: "Open and fund an LLC Operating Account with Axos - 0.25",
-                        groupName: "dependentInputs"
-                      }
-                    )
-                  ]
-                }
-              ) }) }),
               /* @__PURE__ */ jsxs("div", { children: [
-                /* @__PURE__ */ jsx("div", { className: row_form, children: /* @__PURE__ */ jsx(
+                /* @__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: "operatingAccount",
+                    ...register("operatingAccount"),
+                    sizes: "medium",
+                    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: "ltvAbove60",
-                    ...register("ltvAbove60"),
+                    id: "vesselOver15Years",
+                    ...register("vesselOver15Years"),
                     sizes: "medium",
-                    variant,
-                    value: -0.35,
-                    disabled: disableLTVAbove60,
-                    children: "LTV ≤ 60% (If not required by program) -0.350"
+                    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,
                   {
@@ -758,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(
@@ -853,7 +892,8 @@ const BuyDownCalculator = ({
                 label: "Final Note Rate",
                 disabled: true,
                 variant: calculator_variant,
-                value: finalNoteRate
+                value: finalNoteRate,
+                helperText: ltvDiscountApplied && "LTV discount applied"
               }
             ) })
           ] }),
@@ -874,7 +914,7 @@ const BuyDownCalculator = ({
               {
                 id: "buydownPayment",
                 sizes: "medium",
-                label: "Buydown Payment",
+                label: "Monthly payment WITH buydown",
                 disabled: true,
                 variant: calculator_variant,
                 value: buydownPayment
@@ -887,7 +927,7 @@ const BuyDownCalculator = ({
               {
                 id: "nonBuydownPayment",
                 sizes: "medium",
-                label: "Non-buydown Payment",
+                label: "Monthly Payment WITHOUT buydown",
                 disabled: true,
                 variant: calculator_variant,
                 value: nonBuydownPayment

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;

package/dist/Calculators/Calculator.js

@@ -7,20 +7,20 @@ import "../icons/ArrowIcon/ArrowIcon.css.js";
 import SvgAxosX from "../icons/AxosX/index.js";
 import SvgComponent from "../icons/AxosX/Blue.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/NavBar.css';import '../assets/NavigationMenu/AxosALTS/NavBar.css';import '../assets/NavigationMenu/AxosClearing/NavBar.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../assets/Insight/Insight.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/VideoTile/VideoTile.css';import '../assets/HelpArticle/HelpArticle.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Auth/ErrorAlert.css';import '../assets/Modal/Modal.css';import '../assets/BulletItem/BulletItem.css';import '../assets/Typography/Typography.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/NavBar.css';import '../assets/NavigationMenu/AxosALTS/NavBar.css';import '../assets/NavigationMenu/AxosClearing/NavBar.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/VideoTile/VideoTile.css';import '../assets/HelpArticle/HelpArticle.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/Chatbot/ChatWindow.css';import '../assets/Chatbot/Bubble.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/Insight/Insight.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Auth/ErrorAlert.css';import '../assets/Modal/Modal.css';import '../assets/BulletItem/BulletItem.css';import '../assets/Typography/Typography.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                                                    */
 /* empty css                                                */
 import "../utils/allowedAxosDomains.js";
 import { getVariant } from "../utils/getVariant.js";
+import { useRef, useEffect } from "react";
 import clsx from "clsx";
 /* empty css                                          */
 /* empty css                                          */
 import "../Accordion/Accordion.js";
 import "../Accordion/Accordion.css.js";
 import "../AlertBanner/AlertBanner.css.js";
-import { useRef, useEffect } from "react";
 import "../Article/Article.css.js";
 import "../ArticlesSet/ArticlesSet.css.js";
 import "../Chevron/Chevron.css.js";
@@ -46,8 +46,16 @@ import { MaxLoanCalculator } from "./MaxLoanCalculator/index.js";
 import { MonthlyPaymentCalculator } from "./MonthlyPaymentCalculator/index.js";
 import { MonthlyPaymentLVFCalculator } from "./MonthlyPaymentLVFCalculator/index.js";
 import { SummitApyCalculator } from "./SummitApyCalculator/index.js";
+/* empty css                                    */
 /* empty css                                                    */
 import "../Carousel/index.js";
+/* empty css                                   */
+import "../Chatbot/store/chat.js";
+import "../Chatbot/authenticate.js";
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
+import "react-use";
+/* empty css                                       */
+import "../Chatbot/store/messages.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "next/image.js";
@@ -67,7 +75,6 @@ import "../FooterDisclosure/FooterDisclosure.css.js";
 /* empty css                                            */
 import "../ImageBillboard/ImageBillboard.css.js";
 import "next/script.js";
-import "react-use";
 /* empty css                                        */
 /* empty css                                        */
 import "../Input/Checkbox.js";
@@ -84,7 +91,6 @@ import "../Input/RadioButton.js";
 /* empty css                                              */
 /* empty css                                                      */
 /* empty css                                            */
-/* empty css                                    */
 import "../LandingPageHeader/LandingPageHeader.css.js";
 import "../LoadingIndicator/LoadingIndicator.css.js";
 /* empty css                                                      */
@@ -136,7 +142,9 @@ const Calculator = (props) => {
     disclosure,
     headline,
     name,
-    marketingTiles
+    marketingTiles,
+    initialBalance,
+    callToActionRow
   } = props;
   const ref = useRef(null);
   const iframe = calculators.get(name || "");
@@ -227,7 +235,9 @@ const Calculator = (props) => {
         bodyCopy,
         variant,
         disclosure,
-        icon
+        icon,
+        initialBalance,
+        callToActionRow
       }
     );
   } else if (name === "APY Balance Summit Savings") {