@axos-web-dev/shared-components 1.0.54 → 1.0.55

package/dist/ATMLocator/ATMLocator.js

@@ -22,15 +22,6 @@ import "../Accordion/Accordion.css.js";
 import "../AlertBanner/AlertBanner.css.js";
 import "../Article/Article.css.js";
 import "../ArticlesSet/ArticlesSet.css.js";
-import "react-dom";
-import "react-hook-form";
-/* empty css                                */
-/* empty css                                              */
-/* empty css                                          */
-import "../Calculators/ApyCalculator/ApyCalculator.css.js";
-import "../Table/Table.css.js";
-import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
-import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import "@hookform/resolvers/zod";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
@@ -43,6 +34,28 @@ import "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
 import "../Input/DownPaymentInput.js";
 import "../Input/RadioButton.js";
+import "react-hook-form";
+import { iconForm } from "../Forms/Forms.css.js";
+import "../Forms/SalesforceFieldsForm.js";
+import "../Input/RadioButton.css.js";
+import "../Input/Checkbox.css.js";
+import "../LoadingIndicator/LoadingIndicator.css.js";
+import "../Chevron/Chevron.css.js";
+import "../Interstitial/Interstitial-variants.css.js";
+import "../Inputs/Input.css.js";
+/* empty css                                                         */
+import "../Hyperlink/Hyperlink.css.js";
+/* empty css                                                      */
+/* empty css                                    */
+import "react-dom";
+/* empty css                                */
+import "../Auth/SignInPassword.js";
+/* empty css                                              */
+/* empty css                                          */
+import "../Calculators/ApyCalculator/ApyCalculator.css.js";
+import "../Table/Table.css.js";
+import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
+import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import "../Input/PercentageInput.js";
 import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
 import { calculator_headline, calculator_description } from "../Calculators/calculator.css.js";
@@ -50,7 +63,6 @@ import { calculator_headline, calculator_description } from "../Calculators/calc
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 /* empty css                                                    */
 import "../Carousel/index.js";
-import "../Hyperlink/Hyperlink.css.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "next/image.js";
@@ -67,16 +79,6 @@ import "../FaqAccordion/index.js";
 import "../FooterDisclosure/FooterDisclosure.css.js";
 /* empty css                                                          */
 /* empty css                                                         */
-import { iconForm } from "../Forms/Forms.css.js";
-import "../Forms/SalesforceFieldsForm.js";
-import "../Input/RadioButton.css.js";
-import "../Input/Checkbox.css.js";
-import "../LoadingIndicator/LoadingIndicator.css.js";
-import "../Chevron/Chevron.css.js";
-import "../Interstitial/Interstitial-variants.css.js";
-import "../Inputs/Input.css.js";
-/* empty css                                                         */
-/* empty css                                                      */
 /* empty css                                            */
 import "../ImageBillboard/ImageBillboard.css.js";
 /* empty css                                        */
@@ -92,11 +94,11 @@ import "next/navigation.js";
 /* empty css                                                         */
 /* empty css                                                              */
 /* empty css                                                                 */
+import "next/link.js";
+import "../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
 /* empty css                                                   */
 import "../NavigationMenu/AxosBank/NavData.js";
-import "next/link.js";
 /* empty css                                                      */
-import "../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
 /* empty css                                                       */
 import "../NavigationMenu/AxosALTS/NavData.js";
 /* empty css                                                   */

package/dist/Accordion/Accordion.js

@@ -11,7 +11,7 @@ import SvgChevronUp from "../icons/ChevronUp.js";
 /* empty css                                    */
 /* empty css                                                    */
 /* empty css                                                */
-import { headerContent, icon, headerAccordion, bodyAccordion, hide, paragraph, accordion } from "./Accordion.css.js";
+import { headerAccordion, headerContent, icon, accordion, bodyAccordion, hide, paragraph } from "./Accordion.css.js";
 const AccordionCtx = createContext({
   isOpen: false,
   onclick: () => {

package/dist/Auth/ErrorAlert.css.d.ts

@@ -0,0 +1,4 @@
+export declare const error_alert: string;
+export declare const error_alert_content: string;
+export declare const separator: string;
+export declare const error_close_button: string;

package/dist/Auth/ErrorAlert.css.js

@@ -0,0 +1,11 @@
+/* empty css                              */
+var error_alert = "a3pcaf0";
+var error_alert_content = "a3pcaf1";
+var separator = "a3pcaf2";
+var error_close_button = "a3pcaf3";
+export {
+  error_alert,
+  error_alert_content,
+  error_close_button,
+  separator
+};

package/dist/Auth/ErrorAlert.d.ts

@@ -0,0 +1,14 @@
+import { QuaternaryTypes } from '../utils';
+import { HookActionStatus } from 'next-safe-action/hooks';
+
+type Props = {
+    variant?: QuaternaryTypes;
+    result?: any;
+    status?: HookActionStatus;
+    customTitle?: string;
+    exitIntent?: boolean;
+    onClose?: () => void;
+    modalRef?: React.RefObject<HTMLDivElement>;
+};
+export declare const ErrorAlert: ({ variant: fullVariant, modalRef, onClose, }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/Auth/ErrorAlert.js

@@ -0,0 +1,173 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import "@hookform/resolvers/zod";
+import "../IconBillboard/IconBillboard.css.js";
+import "../icons/ArrowIcon/ArrowIcon.css.js";
+import "../icons/CheckIcon/CheckIcon.css.js";
+/* empty css                                */
+/* empty css                                   */
+/* empty css                                    */
+/* empty css                                                    */
+/* empty css                                                */
+import "../utils/allowedAxosDomains.js";
+import { getVariant } from "../utils/getVariant.js";
+import clsx from "clsx";
+/* empty css                                          */
+/* empty css                                          */
+import "../Accordion/Accordion.js";
+import "../Accordion/Accordion.css.js";
+import "../AlertBanner/AlertBanner.css.js";
+import "react";
+import "../Article/Article.css.js";
+import "../ArticlesSet/ArticlesSet.css.js";
+import "../Calculators/calculator.css.js";
+import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
+import "../Button/Button.css.js";
+import "../Calculators/ApyCalculator/ApyCalculator.css.js";
+import "../Table/Table.css.js";
+import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
+import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
+import "iframe-resizer";
+/* empty css                                                                                */
+import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
+import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
+import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
+import "../Input/Checkbox.js";
+import "../Input/CurrencyInput.js";
+import "../Input/Dropdown.js";
+import "../Input/Dropdown.css.js";
+import "../Input/Input.js";
+import "../Input/Input.css.js";
+import "../Input/InputAmount.js";
+import "../Input/InputPhone.js";
+import "../Input/InputTextArea.js";
+import "../Input/DownPaymentInput.js";
+import "../Input/RadioButton.js";
+import "../Input/PercentageInput.js";
+import "react-hook-form";
+import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
+import { error_alert, error_alert_content, error_close_button, separator } from "./ErrorAlert.css.js";
+import "react-dom";
+/* empty css                          */
+import "./SignInPassword.js";
+/* empty css                                              */
+/* empty css                                          */
+/* empty css                                                    */
+import "../Carousel/index.js";
+import { Hyperlink } from "../Hyperlink/index.js";
+/* empty css                                                                    */
+import "../Comparison/Comparison.css.js";
+import "next/image.js";
+import "../HeroBanner/HeroBanner.css.js";
+import "../HeroBanner/LargeBanner.css.js";
+import "../HeroBanner/SelectionBanner.css.js";
+import "../SetContainer/SetContainer.css.js";
+import "../Tab/Tab.css.js";
+import "../icons/Star/Star.css.js";
+import "../ContentBanner/ContentBanner.css.js";
+/* empty css                                              */
+import "../ExecutiveBio/ExecutiveBio.css.js";
+import "../FaqAccordion/index.js";
+import "../FooterDisclosure/FooterDisclosure.css.js";
+/* empty css                                                          */
+/* empty css                                                         */
+/* empty css                                            */
+import "../ImageBillboard/ImageBillboard.css.js";
+/* empty css                                        */
+/* empty css                                              */
+/* empty css                                                      */
+/* empty css                                            */
+/* empty css                                    */
+import "../LandingPageHeader/LandingPageHeader.css.js";
+import "../LoadingIndicator/LoadingIndicator.css.js";
+import "../Chevron/Chevron.css.js";
+/* empty css                                */
+import "../Modal/contextApi/store.js";
+import "react-use";
+/* empty css                                                      */
+import "next/navigation.js";
+/* empty css                                                         */
+/* empty css                                                              */
+/* empty css                                                                 */
+import "next/link.js";
+import "../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
+/* empty css                                                   */
+import "../NavigationMenu/AxosBank/NavData.js";
+/* empty css                                                      */
+/* empty css                                                       */
+import "../NavigationMenu/AxosALTS/NavData.js";
+/* empty css                                                   */
+/* empty css                                                     */
+import "../NavigationMenu/LaVictoire/NavData.js";
+import "../PageNavItem/PageNavItem.css.js";
+import "react-slick";
+/* empty css                                                 */
+/* empty css                                          */
+/* empty css                                                    */
+/* empty css                                                  */
+import "../StepItem/StepItem.css.js";
+import "../StepItemSet/StepItemSet.css.js";
+/* empty css                                        */
+/* empty css                                */
+/* empty css                                                  */
+/* empty css                                                */
+import "next/script.js";
+/* empty css                                        */
+/* empty css                                              */
+import "../Interstitial/Interstitial-variants.css.js";
+import { headerForm } from "../Forms/Forms.css.js";
+import "../Forms/SalesforceFieldsForm.js";
+import "../Input/RadioButton.css.js";
+import "../Input/Checkbox.css.js";
+import "../Inputs/Input.css.js";
+/* empty css                                                         */
+/* empty css                                                      */
+const ErrorAlert = ({
+  variant: fullVariant = "primary",
+  modalRef,
+  onClose
+}) => {
+  const variant = getVariant(fullVariant);
+  return /* @__PURE__ */ jsxs("div", { className: clsx(error_alert), role: "presentation", children: [
+    /* @__PURE__ */ jsx("div", {}),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: clsx(
+          "containment",
+          "section_spacer",
+          "center",
+          error_alert_content
+        ),
+        ref: modalRef,
+        children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              "aria-label": "Close modal",
+              className: error_close_button,
+              onClick: onClose,
+              children: "X"
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("h2", { className: clsx("header_3", headerForm({ variant })), children: "Let's try that again" }),
+            /* @__PURE__ */ jsx("hr", { className: clsx(separator) }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("p", { children: "The username or password you provided isn't recognized." }),
+              /* @__PURE__ */ jsxs("p", { children: [
+                "Please try entering your username and password again or call customer support at",
+                " ",
+                /* @__PURE__ */ jsx(Hyperlink, { targetUrl: "tel:+8446782722", children: "(844) 678 - 2722" }),
+                " ",
+                "to retrieve your login credentials."
+              ] })
+            ] })
+          ] })
+        ]
+      }
+    )
+  ] });
+};
+export {
+  ErrorAlert
+};

package/dist/Auth/Logout.js

@@ -3,7 +3,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import clsx from "clsx";
 import { useFormState } from "react-dom";
 import { useForm } from "react-hook-form";
-import { sign_in_button, sign_in_form } from "./SignIn.css.js";
+import { sign_in_form, sign_in_button } from "./SignIn.css.js";
 const Logout = ({
   action
 }) => {

package/dist/Auth/SignIn.css.d.ts

@@ -1,3 +1,4 @@
 export declare const sign_in_form: string;
 export declare const sign_in_button: string;
 export declare const form_input: string;
+export declare const body_sign_in: string;

package/dist/Auth/SignIn.css.js

@@ -5,7 +5,9 @@
 var sign_in_form = "_1c7jj80";
 var sign_in_button = "_1c7jj81";
 var form_input = "_1c7jj82";
+var body_sign_in = "_1c7jj83";
 export {
+  body_sign_in,
   form_input,
   sign_in_button,
   sign_in_form

package/dist/Auth/SignInPassword.d.ts

@@ -1,3 +1,15 @@
-export declare const SignIn: ({ signin, }: {
-    signin: (prev: unknown, formData: FormData) => void;
-}) => import("react/jsx-runtime").JSX.Element;
+import { QuaternaryTypes } from '../utils';
+import { ReactNode } from 'react';
+
+export type SignIn = {
+    signin: any;
+    headline?: ReactNode;
+    bodyCopy?: ReactNode;
+    additionalDetails?: ReactNode;
+    variant?: QuaternaryTypes;
+};
+export type Credentials = {
+    username: string;
+    password: string;
+};
+export declare const SignIn: (props: SignIn) => import("react/jsx-runtime").JSX.Element;

package/dist/Auth/SignInPassword.js

@@ -1,45 +1,98 @@
 "use client";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Input } from "../Input/Input.js";
+import "../utils/allowedAxosDomains.js";
+import { getVariant } from "../utils/getVariant.js";
 import clsx from "clsx";
-import { useFormState } from "react-dom";
+import { useAction } from "next-safe-action/hooks";
+import { useState } from "react";
 import { useForm } from "react-hook-form";
-import { form_input, sign_in_button, sign_in_form } from "./SignIn.css.js";
-const SignIn = ({
-  signin
-}) => {
-  const [, dispatch, pending] = useFormState(signin, void 0);
-  const { register } = useForm({
-    defaultValues: {
-      password: ""
-    },
+import { z } from "zod";
+import { ErrorAlert } from "./ErrorAlert.js";
+import { sign_in_form, body_sign_in, sign_in_button } from "./SignIn.css.js";
+const schema = z.object({
+  username: z.string().min(1, { message: "username is required." }),
+  password: z.string().min(1, { message: "Password is required." })
+});
+const SignIn = (props) => {
+  const { signin, headline, bodyCopy, variant: fullVariant } = props;
+  const [showError, setShowError] = useState(false);
+  const onCloseError = () => {
+    setShowError(false);
+  };
+  const {
+    handleSubmit,
+    register,
+    formState: { errors, isValid, isSubmitting }
+  } = useForm({
+    resolver: zodResolver(schema),
     mode: "onChange"
   });
-  return /* @__PURE__ */ jsx(
+  const { executeAsync, isPending } = useAction(signin, {
+    onError: () => {
+      setShowError(true);
+    }
+  });
+  const onSubmit = async (data) => {
+    await executeAsync({
+      username: data.username,
+      password: data.password
+    });
+  };
+  const variant = getVariant(fullVariant);
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       id: "axb-page",
       className: clsx("containment", "section_spacer", "center"),
-      children: /* @__PURE__ */ jsxs("form", { action: dispatch, className: clsx(sign_in_form), children: [
-        /* @__PURE__ */ jsx("h2", { className: clsx(), children: "Sign in" }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          "Please login to access this resource. ",
-          /* @__PURE__ */ jsx("br", {}),
-          "Your password was sent via email during the onboarding process."
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: clsx(form_input), children: [
-          /* @__PURE__ */ jsx("label", { htmlFor: "password", children: "Password" }),
-          /* @__PURE__ */ jsx("input", { type: "password", ...register("password", {}) })
+      children: [
+        /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit(onSubmit), className: clsx(sign_in_form), children: [
+          /* @__PURE__ */ jsx("h2", { className: clsx(), children: headline ?? "Log in" }),
+          /* @__PURE__ */ jsx("div", { className: clsx(body_sign_in), children: bodyCopy ?? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("p", { children: "Please login to access this resource." }),
+            /* @__PURE__ */ jsx("p", { children: "Your password was sent via email during the onboarding process." })
+          ] }) }),
+          /* @__PURE__ */ jsx("div", { className: "", children: /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: "username",
+              ...register("username", { required: true }),
+              label: "Username",
+              sizes: "medium",
+              placeholder: "Username",
+              required: true,
+              error: !!errors.username,
+              helperText: errors?.username?.message,
+              variant
+            }
+          ) }),
+          /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: "password",
+              ...register("password", { required: true }),
+              label: "Password",
+              sizes: "medium",
+              placeholder: "Password",
+              required: true,
+              error: !!errors.password,
+              helperText: errors?.password?.message,
+              variant
+            }
+          ) }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              className: clsx(sign_in_button),
+              disabled: !isValid || isSubmitting || isPending,
+              type: "submit",
+              children: "Log in"
+            }
+          )
         ] }),
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            className: clsx(sign_in_button),
-            disabled: pending,
-            type: "submit",
-            children: "Sign in"
-          }
-        )
-      ] })
+        showError && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(ErrorAlert, { onClose: onCloseError }) })
+      ]
     }
   );
 };

package/dist/Auth/index.d.ts

@@ -1,3 +1,5 @@
+export * from './ErrorAlert';
+export * from './ErrorAlert.css';
 export * from './Logout';
 export * from './SignIn.css';
 export * from './SignInPassword';

package/dist/Auth/index.js

@@ -1,10 +1,18 @@
+import { ErrorAlert } from "./ErrorAlert.js";
+import { error_alert, error_alert_content, error_close_button, separator } from "./ErrorAlert.css.js";
 import { Logout } from "./Logout.js";
-import { form_input, sign_in_button, sign_in_form } from "./SignIn.css.js";
+import { body_sign_in, form_input, sign_in_button, sign_in_form } from "./SignIn.css.js";
 import { SignIn } from "./SignInPassword.js";
 export {
+  ErrorAlert,
   Logout,
   SignIn,
+  body_sign_in,
+  error_alert,
+  error_alert_content,
+  error_close_button,
   form_input,
+  separator,
   sign_in_button,
   sign_in_form
 };

package/dist/Button/Button.js

@@ -60,8 +60,10 @@ import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.
 import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
 import "../Input/PercentageInput.js";
 import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
+/* empty css                                    */
 import "react-dom";
 /* empty css                                */
+import "../Auth/SignInPassword.js";
 /* empty css                                              */
 /* empty css                                          */
 /* empty css                                                    */
@@ -95,11 +97,11 @@ import "next/navigation.js";
 /* empty css                                                         */
 /* empty css                                                              */
 /* empty css                                                                 */
+import "next/link.js";
+import "../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
 /* empty css                                                   */
 import "../NavigationMenu/AxosBank/NavData.js";
-import "next/link.js";
 /* empty css                                                      */
-import "../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
 /* empty css                                                       */
 import "../NavigationMenu/AxosALTS/NavData.js";
 /* empty css                                                   */

package/dist/Calculators/AxosOneCalculator/index.js

@@ -18,7 +18,7 @@ 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_container, ax1_calc_icon, ax1_header_container, ax1_header_calc, ax1_calc_text, ax1_description_text, ax1_table_container, ax1_calculator_wrapper, ax1_input_container, ax1_input_label, ax1_calculator_input, ax1_calculator_button, ax1_d_label, ax1_m_label, ax1_calc_disclosure } from "./BalanceAPYCalculator.css.js";
 const AxosOneCalculator = ({
   headline,
   bodyCopy,

package/dist/Calculators/BalanceAPYCalculator/index.js

@@ -18,7 +18,7 @@ import { headerCell } from "../../Table/Table.css.js";
 import "../../utils/allowedAxosDomains.js";
 import { getVariant } from "../../utils/getVariant.js";
 import clsx from "clsx";
-import { calc_icon, header_container, header_calc, calc_text, description_text, calculator_wrapper, input_container, input_label, d_label, m_label, calculator_input, calculator_button, max_balance, error_message, table_container, calc_disclosure, container } from "./BalanceAPYCalculator.css.js";
+import { container, calc_icon, header_container, header_calc, calc_text, description_text, table_container, calculator_wrapper, input_container, input_label, d_label, m_label, calculator_input, calculator_button, max_balance, error_message, calc_disclosure } from "./BalanceAPYCalculator.css.js";
 const BalanceAPYCalculator = ({
   headline,
   bodyCopy,

package/dist/Calculators/BuyDownCalculator/index.js

@@ -23,7 +23,7 @@ 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, form_wrapper, row_form, limit_one, calculate_row, form_disclosure } from "./BuyDownCalculator.css.js";
 const BuyDownCalculator = ({
   header,
   body,
@@ -346,7 +346,7 @@ const BuyDownCalculator = ({
   };
   const calculatePMT = (annualRate, totalPeriods, financedAmount2) => {
     const monthlyRate = annualRate / 100 / 12;
-    const payment = financedAmount2 * monthlyRate / (1 - Math.pow(1 + monthlyRate, -240));
+    const payment = financedAmount2 * monthlyRate / (1 - Math.pow(1 + monthlyRate, -totalPeriods));
     return payment;
   };
   const totalInterestByYear = (annualRate, totalPeriods, financedAmount2, years) => {

package/dist/Calculators/Calculator.js

@@ -23,9 +23,12 @@ import "../AlertBanner/AlertBanner.css.js";
 import { useRef, useEffect } from "react";
 import "../Article/Article.css.js";
 import "../ArticlesSet/ArticlesSet.css.js";
+import "../Hyperlink/Hyperlink.css.js";
+/* empty css                                    */
 import "react-dom";
 import "react-hook-form";
 /* empty css                                */
+import "../Auth/SignInPassword.js";
 /* empty css                                              */
 /* empty css                                          */
 import { AnnualFeeCalculator } from "./AnnualFeeCalculator/index.js";
@@ -41,7 +44,6 @@ import { SummitApyCalculator } from "./SummitApyCalculator/index.js";
 import { BuyDownCalculator } from "./BuyDownCalculator/index.js";
 /* empty css                                                    */
 import "../Carousel/index.js";
-import "../Hyperlink/Hyperlink.css.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "next/image.js";
@@ -87,11 +89,11 @@ import "next/navigation.js";
 /* empty css                                                         */
 /* empty css                                                              */
 /* empty css                                                                 */
+import "next/link.js";
+import "../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
 /* empty css                                                   */
 import "../NavigationMenu/AxosBank/NavData.js";
-import "next/link.js";
 /* empty css                                                      */
-import "../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
 /* empty css                                                       */
 import "../NavigationMenu/AxosALTS/NavData.js";
 /* empty css                                                   */

package/dist/Calculators/MarginTradingCalculator/index.js

@@ -74,8 +74,8 @@ const MarginTradingCalculator = ({
         4: { axs: 12.5, axe: 12, td: 12.125, et: 13.2 },
         5: { axs: 12, axe: 11.5, td: 12.075, et: 12.7 },
         6: { axs: 12, axe: 11.5, td: 12.75, et: 12.2 },
-        7: { axs: 11.5, axe: 11 },
-        8: { axs: 11, axe: 10.75 }
+        7: { axs: 11.5, axe: 11, td: "N/A", et: "N/A" },
+        8: { axs: 11, axe: 10.75, td: "N/A", et: "N/A" }
       };
       if (cashVal && secVal && axsCell && axeCell && tdCell && etCell && duration) {
         const totalValue = Number(cashVal.value) + Number(secVal.value);

package/dist/Calculators/SummitApyCalculator/index.js

@@ -18,7 +18,7 @@ import { headerCell } from "../../Table/Table.css.js";
 import "../../utils/allowedAxosDomains.js";
 import { getVariant } from "../../utils/getVariant.js";
 import clsx from "clsx";
-import { summit_container, summit_calc_icon, summit_header_container, summit_header_calc, summit_calc_text, summit_description_text, summit_calculator_wrapper, summit_input_container, summit_input_label, summit_d_label, summit_m_label, summit_calculator_input, summit_calculator_button, focus_row, summit_table_container, summit_calc_disclosure } from "./BalanceAPYCalculator.css.js";
+import { summit_container, summit_calc_icon, summit_header_container, summit_header_calc, summit_calc_text, summit_description_text, summit_table_container, summit_calculator_wrapper, summit_input_container, summit_input_label, summit_d_label, summit_m_label, summit_calculator_input, summit_calculator_button, focus_row, summit_calc_disclosure } from "./BalanceAPYCalculator.css.js";
 const SummitApyCalculator = ({
   headline,
   bodyCopy,

package/dist/CallToActionBar/index.js

@@ -8,7 +8,7 @@ import { Chevron } from "../Chevron/index.js";
 import { getVariant } from "../utils/getVariant.js";
 import clsx from "clsx";
 import { getBannerSizeClassName } from "../utils/ctaOptions.js";
-import { sticky_banner, is_sticky, cta, cta_image_section, cta_image_section_overlap, cta_image_overlap, cta_large_image, cta_text, ctas_section, cta_body_section } from "./CallToActionBar.css.js";
+import { sticky_banner, is_sticky, cta, cta_image_section, cta_image_section_overlap, cta_image_overlap, cta_large_image, cta_body_section, cta_text, ctas_section } from "./CallToActionBar.css.js";
 const CallToActionBar = ({
   bannerSize,
   image,