@axos-web-dev/shared-components 2.0.0-dev.17 → 2.0.0-dev.17-nav-1

package/dist/Blockquote/Blockquote.module.js

@@ -1,6 +1,6 @@
-import '../assets/Blockquote/Blockquote.css';const quote_spacer = "_quote_spacer_lqs2u_1";
-const author = "_author_lqs2u_13";
-const quote = "_quote_lqs2u_1";
+const quote_spacer = "_quote_spacer_ovx4r_1";
+const author = "_author_ovx4r_7";
+const quote = "_quote_ovx4r_1";
 const css = {
   quote_spacer,
   author,

package/dist/BulletItem/BulletItem.css.js

@@ -1,4 +1,4 @@
-import '../assets/BulletItem/BulletItem.css';import '../assets/Typography/Typography.css';/* empty css                                          */
+/* empty css                                          */
 /* empty css                              */
 var bulletIcon = "d5iqlx0";
 export {

package/dist/BulletItem/BulletItem.js

@@ -3,7 +3,7 @@ import { listItem } from "../IconBillboard/IconBillboard.css.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import SvgCheckCircle from "../icons/CheckCircle.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+/* empty css                                */
 /* empty css                                   */
 /* empty css                               */
 /* empty css                                    */

package/dist/Button/Button.css.js

@@ -1,4 +1,4 @@
-import '../assets/Button/Button.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.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                               */

package/dist/Button/Button.js

@@ -1,132 +1,18 @@
 "use client";
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { Interstitial } from "../Interstitial/Interstitial.js";
+import { button } from "./Button.css.js";
+import { useState, createElement } from "react";
+import "react-use";
 import "../Chevron/Chevron.css.js";
-import "../Accordion/Accordion.js";
-import "../Accordion/Accordion.css.js";
-import "../icons/ArrowIcon/ArrowIcon.css.js";
-import "../icons/CheckIcon/CheckIcon.css.js";
-import '../assets/Modal/Modal.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/NavBar2.css';import '../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar2.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/Chatbot/Chatbot.css';import '../assets/Chatbot/AnimatedGradientBorder.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/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.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/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+/* empty css                                */
 /* empty css                                   */
 /* empty css                               */
 /* empty css                                    */
-/* empty css                                                    */
-/* empty css                                                */
+/* empty css                                */
+import { useGlobalContext } from "../Modal/contextApi/store.js";
 import { getVariant } from "../utils/getVariant.js";
 import clsx from "clsx";
-import { useState, createElement } from "react";
-import "../AlertBanner/AlertBanner.css.js";
-import "../Article/Article.css.js";
-import { button } from "./Button.css.js";
-import "react-use";
-import "../ArticlesSet/ArticlesSet.css.js";
-import "../IconBillboard/IconBillboard.css.js";
-import "../Calculators/calculator.css.js";
-import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
-import { useGlobalContext } from "../Modal/contextApi/store.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 "@hookform/resolvers/zod";
-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 "../Forms/Forms.css.js";
-import "../Forms/HoneyPot/index.js";
-import "../Forms/SalesforceFieldsForm.js";
-/* empty css                                          */
-/* empty css                                          */
-import "../Input/RadioButton.css.js";
-import "../Input/Checkbox.css.js";
-import "../LoadingIndicator/LoadingIndicator.css.js";
-import "../Interstitial/Interstitial-variants.css.js";
-import "../Inputs/Input.css.js";
-/* empty css                                                         */
-import "../Hyperlink/Hyperlink.css.js";
-/* empty css                                                      */
-import "iframe-resizer";
-/* empty css                                                                                */
-import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
-import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
-import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
-/* empty css                                    */
-import "react-dom";
-/* empty css                                */
-import "../Auth/SignInPassword.js";
-/* empty css                                              */
-/* empty css                                          */
-/* empty css                                    */
-/* empty css                                                    */
-import "../Carousel/index.js";
-/* empty css                                                   */
-/* empty css                                    */
-/* empty css                                   */
-import "../Chatbot/store/chat.js";
-import "../Chatbot/Chatbot.js";
-/* empty css                                       */
-import "../Chatbot/store/messages.js";
-/* empty css                                                                    */
-import "../Comparison/Comparison.css.js";
-import "next/image.js";
-import "../HeroBanner/LargeBanner.css.js";
-import "../HeroBanner/HeroBanner.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";
-import "next/script.js";
-/* empty css                                        */
-/* empty css                                        */
-/* empty css                                              */
-/* empty css                                                      */
-/* empty css                                            */
-import "../LandingPageHeader/LandingPageHeader.css.js";
-/* empty css                                                      */
-import "next/navigation.js";
-/* empty css                                                         */
-/* empty css                                                              */
-/* empty css                                                                 */
-import "next/link.js";
-/* empty css                                                   */
-/* empty css                                                      */
-/* empty css                                                       */
-/* empty css                                                   */
-/* empty css                                                     */
-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                                                */
-/* empty css                                              */
-/* empty css                                */
 const Button = ({
   as = "a",
   children,

package/dist/Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js

@@ -1,4 +1,4 @@
-import '../../assets/Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css';import '../../assets/Typography/Typography.css';import '../../assets/themes/victorie.css';import '../../assets/themes/ufb.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css                                   */
+/* empty css                                   */
 /* empty css                                      */
 /* empty css                                  */
 /* empty css                                       */

package/dist/Calculators/AnnualFeeCalculator/index.js

@@ -7,7 +7,7 @@ import { getVariant } from "../../utils/getVariant.js";
 import { useRef, useState, useEffect } from "react";
 import clsx from "clsx";
 import { calculator } from "../calculator.css.js";
-import { calc_container, calc_block, pb0_1023, slider_block_wrapper, w100, stat_row, balance_wrapper, fb50, stat, slider_wrapper, slider, pt0_1023, text_block, container } from "./AnnualFeeCalculator.css.js";
+import { container, calc_container, calc_block, pb0_1023, slider_block_wrapper, w100, stat_row, balance_wrapper, fb50, stat, slider_wrapper, slider, pt0_1023, text_block } from "./AnnualFeeCalculator.css.js";
 const AnnualFeeCalculator = ({
   marketingTiles,
   variant: fullVariant = "primary"

package/dist/Calculators/ApyCalculator/ApyCalculator.css.js

@@ -1,4 +1,4 @@
-import '../../assets/Calculators/ApyCalculator/ApyCalculator.css';import '../../assets/themes/victorie.css';import '../../assets/themes/ufb.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css                                   */
+/* empty css                                   */
 /* empty css                                      */
 /* empty css                                  */
 /* empty css                                       */

package/dist/Calculators/ApyCalculator/index.js

@@ -8,7 +8,7 @@ import { Chevron } from "../../Chevron/index.js";
 import { section_container, content, headerIconBillboard, buttons } from "../../IconBillboard/IconBillboard.css.js";
 import { useGlobalContext } from "../../Modal/contextApi/store.js";
 import { getVariant } from "../../utils/getVariant.js";
-import { apy_calculator, calculator_section, section_header, header_theme, mt_8, apy_calculator_form, pis_0, errorTag, fieldset, field_row, relative, label_symbol, cash, prefix_pad, percent, submit_section, span_12, form_disclosure, marketing, marketingTile, bodyContent, container } from "./ApyCalculator.css.js";
+import { container, apy_calculator, calculator_section, section_header, header_theme, mt_8, apy_calculator_form, pis_0, errorTag, fieldset, field_row, relative, label_symbol, cash, prefix_pad, percent, submit_section, span_12, form_disclosure, marketing, marketingTile, bodyContent } from "./ApyCalculator.css.js";
 const ApyCalculator = ({
   header,
   body,

package/dist/Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js

@@ -1,4 +1,4 @@
-import '../../assets/Calculators/AxosOneCalculator/BalanceAPYCalculator.css';import '../../assets/Table/Table.css';import '../../assets/Typography/Typography.css';import '../../assets/themes/victorie.css';import '../../assets/themes/ufb.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css                                   */
+/* empty css                                   */
 /* empty css                                      */
 /* empty css                                  */
 /* empty css                                       */

package/dist/Calculators/AxosOneCalculator/index.js

@@ -8,7 +8,7 @@ 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/icons/FollowIcon/FollowIcon.css';import '../../assets/icons/DownloadIcon/DownloadIcon.css';import '../../assets/themes/victorie.css';import '../../assets/themes/ufb.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css                                   */
+/* empty css                                   */
 /* empty css                                      */
 /* empty css                                  */
 /* empty css                                       */
@@ -19,7 +19,7 @@ import { headerCell } from "../../Table/Table.css.js";
 import { getVariant } from "../../utils/getVariant.js";
 import { useGlobalContext } from "../../Modal/contextApi/store.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, tieredRowAnimation, tieredRowAnimationDelayed, ax1_table_container, call_to_action_row, 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, tieredRowAnimation, tieredRowAnimationDelayed, call_to_action_row, ax1_calc_disclosure } from "./BalanceAPYCalculator.css.js";
 const AxosOneCalculator = ({
   headline,
   bodyCopy,

package/dist/Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js

@@ -1,4 +1,4 @@
-import '../../assets/Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css';import '../../assets/Typography/Typography.css';import '../../assets/themes/victorie.css';import '../../assets/themes/ufb.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css                                   */
+/* empty css                                   */
 /* empty css                                      */
 /* empty css                                  */
 /* empty css                                       */

package/dist/Calculators/BalanceAPYCalculator/index.js

@@ -8,7 +8,7 @@ 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/icons/FollowIcon/FollowIcon.css';import '../../assets/icons/DownloadIcon/DownloadIcon.css';import '../../assets/themes/victorie.css';import '../../assets/themes/ufb.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css                                   */
+/* empty css                                   */
 /* empty css                                      */
 /* empty css                                  */
 /* empty css                                       */
@@ -18,7 +18,7 @@ import { Table, TableHead, TableRow, TableCell, TableBody } from "../../Table/Ta
 import { headerCell } from "../../Table/Table.css.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/BuyDownCalculator.css.js

@@ -1,4 +1,4 @@
-import '../../assets/Calculators/BuyDownCalculator/BuyDownCalculator.css';import '../../assets/themes/victorie.css';import '../../assets/themes/ufb.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                                  */

package/dist/Calculators/BuyDownCalculator/index.js

@@ -22,7 +22,7 @@ import { z } from "zod";
 import { getVariant } from "../../utils/getVariant.js";
 import clsx from "clsx";
 import { useForm, FormProvider } from "react-hook-form";
-import { calculator_section, section_header, theme_header, mt_8, buydown_calculator_form, row_form, calculate_row, form_wrapper, form_disclosure, calc_container } from "./BuyDownCalculator.css.js";
+import { calc_container, calculator_section, section_header, theme_header, mt_8, buydown_calculator_form, form_wrapper, row_form, calculate_row, form_disclosure } from "./BuyDownCalculator.css.js";
 const BuyDownCalculator = ({
   header,
   body,
@@ -429,7 +429,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.d.ts

@@ -1,6 +1,6 @@
 import { IconBillboardProps } from '../IconBillboard/IconBillboard.interface';
-import { default as React } from 'react';
 import { ChevronProps } from '../Chevron/Chevron.interface';
+import { default as React } from 'react';
 
 export interface CalculatorProps {
     id?: string;

package/dist/Calculators/Calculator.js

@@ -7,7 +7,7 @@ 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/NavBar2.css';import '../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar2.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/Chatbot/Chatbot.css';import '../assets/Chatbot/AnimatedGradientBorder.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/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+/* empty css                                */
 /* empty css                                   */
 /* empty css                               */
 /* empty css                                    */
@@ -18,66 +18,12 @@ 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 "../Article/Article.css.js";
-import "../ArticlesSet/ArticlesSet.css.js";
 import "../Chevron/Chevron.css.js";
 /* empty css                                */
 import "../Modal/contextApi/store.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";
-import { ApyCalculator } from "./ApyCalculator/index.js";
-import { AxosOneCalculator } from "./AxosOneCalculator/index.js";
-import { BalanceAPYCalculator } from "./BalanceAPYCalculator/index.js";
-import { BuyDownCalculator } from "./BuyDownCalculator/index.js";
-import { calculator_headline, calculator_description } from "./calculator.css.js";
-import { MarginTradingCalculator } from "./MarginTradingCalculator/index.js";
-import { MarineLoanMonthlyPaymentCalculator } from "./MarineLoanMonthlyPaymentCalculator/index.js";
-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                                                   */
-/* empty css                                    */
-/* empty css                                   */
-import "../Chatbot/store/chat.js";
-import "../Chatbot/Chatbot.js";
+import "../Interstitial/Interstitial-variants.css.js";
+import "../Button/Button.css.js";
 import "react-use";
-/* empty css                                       */
-import "../Chatbot/store/messages.js";
-/* empty css                                                                    */
-import "../Comparison/Comparison.css.js";
-import "next/image.js";
-import "../HeroBanner/LargeBanner.css.js";
-import "../HeroBanner/HeroBanner.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";
-import "next/script.js";
-/* empty css                                        */
-/* empty css                                        */
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
 import "../Input/Dropdown.js";
@@ -89,48 +35,31 @@ import "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
 import "../Input/DownPaymentInput.js";
 import "../Input/RadioButton.js";
-/* empty css                                              */
-/* empty css                                                      */
-/* empty css                                            */
-import "../LandingPageHeader/LandingPageHeader.css.js";
-import "../LoadingIndicator/LoadingIndicator.css.js";
-/* empty css                                                      */
-import "next/navigation.js";
-/* empty css                                                         */
-/* empty css                                                              */
-/* empty css                                                                 */
-import "next/link.js";
-/* empty css                                                   */
-/* empty css                                                      */
-/* empty css                                                       */
-/* empty css                                                   */
-/* empty css                                                     */
-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";
-import "../Table/Table.css.js";
-/* empty css                                        */
-/* empty css                                */
-/* empty css                                                  */
-/* empty css                                                */
-/* empty css                                              */
-import "../Interstitial/Interstitial-variants.css.js";
-import "../Button/Button.css.js";
+import "react-hook-form";
 import { iconForm } from "../Forms/Forms.css.js";
 import "../Forms/HoneyPot/index.js";
 import "../Forms/SalesforceFieldsForm.js";
 import "../Input/RadioButton.css.js";
 import "../Input/Checkbox.css.js";
+import "../LoadingIndicator/LoadingIndicator.css.js";
 import "../Inputs/Input.css.js";
 /* empty css                                                         */
+import "../Hyperlink/Hyperlink.css.js";
 /* empty css                                                      */
 import { iframeResizer } from "iframe-resizer";
+import { AnnualFeeCalculator } from "./AnnualFeeCalculator/index.js";
+import { ApyCalculator } from "./ApyCalculator/index.js";
+import { AxosOneCalculator } from "./AxosOneCalculator/index.js";
+import { BalanceAPYCalculator } from "./BalanceAPYCalculator/index.js";
+import { BuyDownCalculator } from "./BuyDownCalculator/index.js";
+import { calculator_headline, calculator_description } from "./calculator.css.js";
 import { calculators } from "./calculators.js";
+import { MarginTradingCalculator } from "./MarginTradingCalculator/index.js";
+import { MarineLoanMonthlyPaymentCalculator } from "./MarineLoanMonthlyPaymentCalculator/index.js";
+import { MaxLoanCalculator } from "./MaxLoanCalculator/index.js";
+import { MonthlyPaymentCalculator } from "./MonthlyPaymentCalculator/index.js";
+import { MonthlyPaymentLVFCalculator } from "./MonthlyPaymentLVFCalculator/index.js";
+import { SummitApyCalculator } from "./SummitApyCalculator/index.js";
 const Calculator = (props) => {
   const {
     id,

package/dist/Calculators/MarginTradingCalculator/MarginTradingCalculator.css.js

@@ -1,4 +1,4 @@
-import '../../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';/* empty css                                           */
+/* empty css                                           */
 var w100 = "_1mgfcbj0";
 var w50 = "_1mgfcbj1";
 var g24 = "_1mgfcbj2";

package/dist/Calculators/MarginTradingCalculator/index.js

@@ -4,7 +4,7 @@ import { Button } from "../../Button/Button.js";
 import { button } from "../../Button/Button.css.js";
 import { useEffect } from "react";
 import "react-use";
-import { field_row, errorTag, marketingTile, bodyContent, header_theme, container } from "../ApyCalculator/ApyCalculator.css.js";
+import { container, field_row, errorTag, marketingTile, bodyContent, header_theme } from "../ApyCalculator/ApyCalculator.css.js";
 import { Chevron } from "../../Chevron/index.js";
 import { content, headerIconBillboard, buttons } from "../../IconBillboard/IconBillboard.css.js";
 import { getVariant } from "../../utils/getVariant.js";
@@ -12,122 +12,12 @@ import clsx from "clsx";
 import { calculator_headline } from "../calculator.css.js";
 import { px40, fc1023, w100, bb_gray, fb50, r400_fs, fs36, green, h50, r603_fs24, mx1, table, r502_fs12, tc, bb0, btl, w25, btml, btr, bbl, bbml, bbr, savingsSummary, w50, g24, mtc } from "./MarginTradingCalculator.css.js";
 import "../../Chevron/Chevron.css.js";
-import "../../Accordion/Accordion.js";
-import "../../Accordion/Accordion.css.js";
-import "../../icons/ArrowIcon/ArrowIcon.css.js";
-import "../../icons/CheckIcon/CheckIcon.css.js";
-import '../../assets/Modal/Modal.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/NavBar2.css';import '../../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../../assets/NavigationMenu/AxosBank/NavBar2.css';import '../../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisor/NavBar2.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/Chatbot/Chatbot.css';import '../../assets/Chatbot/AnimatedGradientBorder.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/Forms/QuickPricer/UserInformation.css';import '../../assets/Forms/QuickPricer/QuickPricerResults.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/ufb.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css                                   */
+/* empty css                                   */
 /* empty css                                      */
 /* empty css                                  */
 /* empty css                                       */
-/* empty css                                                       */
-/* empty css                                                   */
-import "../../AlertBanner/AlertBanner.css.js";
-import "../../Article/Article.css.js";
-import "../../ArticlesSet/ArticlesSet.css.js";
-import "../AnnualFeeCalculator/AnnualFeeCalculator.css.js";
-import { useGlobalContext } from "../../Modal/contextApi/store.js";
-import "../../Table/Table.css.js";
-import "../AxosOneCalculator/BalanceAPYCalculator.css.js";
-import "../BalanceAPYCalculator/BalanceAPYCalculator.css.js";
-import "@hookform/resolvers/zod";
-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 "../BuyDownCalculator/BuyDownCalculator.css.js";
-import "../../Forms/Forms.css.js";
-import "../../Forms/HoneyPot/index.js";
-import "../../Forms/SalesforceFieldsForm.js";
-/* empty css                                             */
-/* empty css                                             */
-import "../../Input/RadioButton.css.js";
-import "../../Input/Checkbox.css.js";
-import "../../LoadingIndicator/LoadingIndicator.css.js";
-import "../../Interstitial/Interstitial-variants.css.js";
-import "../../Inputs/Input.css.js";
-/* empty css                                                            */
-import "../../Hyperlink/Hyperlink.css.js";
-/* empty css                                                         */
-import "iframe-resizer";
-import "../MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
-import "../MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
-import "../SummitApyCalculator/BalanceAPYCalculator.css.js";
-/* empty css                                       */
-import "react-dom";
-/* empty css                                   */
-import "../../Auth/SignInPassword.js";
-/* empty css                                                 */
-/* empty css                                             */
-/* empty css                                       */
-/* empty css                                                       */
-import "../../Carousel/index.js";
-/* empty css                                                      */
-/* empty css                                       */
-/* empty css                                      */
-import "../../Chatbot/store/chat.js";
-import "../../Chatbot/Chatbot.js";
-/* empty css                                          */
-import "../../Chatbot/store/messages.js";
-/* empty css                                                                       */
-import "../../Comparison/Comparison.css.js";
-import "next/image.js";
-import "../../HeroBanner/LargeBanner.css.js";
-import "../../HeroBanner/HeroBanner.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";
-import "next/script.js";
-/* empty css                                           */
-/* empty css                                           */
-/* empty css                                                 */
-/* empty css                                                         */
-/* empty css                                               */
-import "../../LandingPageHeader/LandingPageHeader.css.js";
-/* empty css                                                         */
-import "next/navigation.js";
-/* empty css                                                            */
-/* empty css                                                                 */
-/* empty css                                                                    */
-import "next/link.js";
-/* empty css                                                      */
-/* empty css                                                         */
-/* empty css                                                          */
-/* empty css                                                      */
-/* empty css                                                        */
-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                                                   */
-/* empty css                                                 */
 /* empty css                                   */
+import { useGlobalContext } from "../../Modal/contextApi/store.js";
 const MarginTradingCalculator = ({
   marketingTiles,
   variant
@@ -191,8 +81,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);