@axos-web-dev/shared-components 1.0.101-dev.1 → 2.0.0-dev.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ATMLocator/ATMLocator.js +3 -8
- package/dist/Article/Article.d.ts +2 -2
- package/dist/Article/Article.js +13 -2
- package/dist/Auth/ErrorAlert.js +4 -9
- package/dist/Auth/SignInPassword.js +0 -1
- package/dist/Blockquote/Blockquote.module.js +3 -3
- package/dist/BulletItem/BulletItem.js +0 -1
- package/dist/Button/Button.js +3 -9
- package/dist/Calculators/AnnualFeeCalculator/index.js +0 -1
- package/dist/Calculators/ApyCalculator/index.js +3 -1
- package/dist/Calculators/AxosOneCalculator/index.js +16 -9
- package/dist/Calculators/BalanceAPYCalculator/index.js +0 -1
- package/dist/Calculators/BuyDownCalculator/index.js +0 -1
- package/dist/Calculators/Calculator.js +0 -5
- package/dist/Calculators/MarginTradingCalculator/index.js +119 -2
- package/dist/Calculators/MarineLoanMonthlyPaymentCalculator/index.js +0 -1
- package/dist/Calculators/MaxLoanCalculator/index.js +0 -1
- package/dist/Calculators/MonthlyPaymentCalculator/index.js +0 -1
- package/dist/Calculators/MonthlyPaymentLVFCalculator/index.js +0 -1
- package/dist/Calculators/SummitApyCalculator/index.js +3 -2
- package/dist/Carousel/index.js +10 -12
- package/dist/Chatbot/Bubble.js +1 -1
- package/dist/Chatbot/Chat.js +0 -7
- package/dist/Chatbot/ChatWindow.d.ts +2 -0
- package/dist/Chatbot/ChatWindow.js +27 -14
- package/dist/Chatbot/Chatbot.d.ts +1 -1
- package/dist/Chatbot/Chatbot.js +118 -13
- package/dist/Chatbot/ChatbotMessage.d.ts +1 -0
- package/dist/Chatbot/ChatbotMessage.js +42 -22
- package/dist/Chatbot/store/chat.d.ts +6 -0
- package/dist/Chatbot/store/chat.js +14 -2
- package/dist/Chatbot/store/messages.d.ts +1 -0
- package/dist/Chatbot/store/messages.js +5 -2
- package/dist/Chevron/index.js +2 -8
- package/dist/Comparison/Comparison.js +3 -8
- package/dist/ExecutiveBio/ExecutiveBio.css.d.ts +51 -1
- package/dist/ExecutiveBio/ExecutiveBio.css.js +48 -46
- package/dist/ExecutiveBio/ExecutiveBio.d.ts +1 -1
- package/dist/ExecutiveBio/ExecutiveBio.interface.d.ts +3 -1
- package/dist/ExecutiveBio/ExecutiveBio.js +142 -151
- package/dist/ExecutiveBio/ExecutiveBioSet.d.ts +1 -2
- package/dist/ExecutiveBio/ExecutiveBioSet.js +29 -16
- package/dist/ExecutiveBio/index.js +2 -1
- package/dist/FaqAccordion/index.js +3 -8
- package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +83 -184
- package/dist/Forms/ApplicationStart.js +0 -1
- package/dist/Forms/ApplyNow.js +1 -6
- package/dist/Forms/BoatMooringLocation.js +0 -1
- package/dist/Forms/ClearingForm.js +0 -1
- package/dist/Forms/CommercialDeposits.js +0 -1
- package/dist/Forms/CommercialDepositsNoLendingOption.js +0 -1
- package/dist/Forms/CommercialLending.js +3 -2
- package/dist/Forms/CommercialPremiumFinance.js +0 -1
- package/dist/Forms/ConstructionLendingDynamic.d.ts +12 -0
- package/dist/Forms/ConstructionLendingDynamic.js +324 -0
- package/dist/Forms/ContactCompany.js +0 -1
- package/dist/Forms/ContactCompanyTitle.js +0 -1
- package/dist/Forms/ContactUs.js +0 -1
- package/dist/Forms/ContactUsAAS.js +0 -1
- package/dist/Forms/ContactUsBusiness.js +3 -8
- package/dist/Forms/ContactUsBusinessNameEmail.js +3 -8
- package/dist/Forms/ContactUsLVF.js +0 -1
- package/dist/Forms/ContactUsNMLSId.js +3 -8
- package/dist/Forms/CpraRequest.js +100 -3
- package/dist/Forms/CraPublicFile.js +3 -8
- package/dist/Forms/DealerServices.js +0 -1
- package/dist/Forms/EmailOnly.js +10 -10
- package/dist/Forms/EmailUs.js +0 -1
- package/dist/Forms/FormEnums.js +1 -3
- package/dist/Forms/Forms.css.d.ts +1 -1
- package/dist/Forms/Forms.css.js +3 -3
- package/dist/Forms/HoneyPot/index.js +0 -1
- package/dist/Forms/MortgageRate/MortgageRateForm.js +4 -9
- package/dist/Forms/MortgageRate/MortgageRateWatch.js +3 -8
- package/dist/Forms/MortgageWarehouseLending.js +3 -8
- package/dist/Forms/QuickPricer/QuickPricerForm.js +0 -1
- package/dist/Forms/ScheduleCall.js +0 -1
- package/dist/Forms/ScheduleCallPremier.js +0 -1
- package/dist/Forms/SuccesForm.js +3 -8
- package/dist/Forms/VendorQuestionnaire.js +0 -1
- package/dist/Forms/index.d.ts +1 -0
- package/dist/Forms/index.js +2 -1
- package/dist/Hyperlink/index.js +6 -10
- package/dist/IconBillboard/IconBillboard.css.d.ts +1 -0
- package/dist/IconBillboard/IconBillboard.css.js +11 -9
- package/dist/IconBillboard/index.js +2 -1
- package/dist/ImageBillboard/ImageBillboardSet.js +14 -8
- package/dist/ImageLink/ImageLink.js +3 -8
- package/dist/ImageLink/ImageLinkSet.js +3 -8
- package/dist/ImageLink/index.js +1 -6
- package/dist/Insight/Featured/CategorySelector.js +1 -6
- package/dist/Insight/Featured/Featured.js +3 -8
- package/dist/Insight/Featured/Header.js +3 -8
- package/dist/LandingPageHeader/LandingPageHeader.css.d.ts +19 -1
- package/dist/LandingPageHeader/LandingPageHeader.css.js +6 -6
- package/dist/LandingPageHeader/LandingPageHeader.d.ts +3 -1
- package/dist/LandingPageHeader/LandingPageHeader.js +42 -16
- package/dist/LoadingIndicator/index.js +0 -1
- package/dist/Modal/Modal.js +1 -6
- package/dist/Modal/contextApi/store.d.ts +16 -2
- package/dist/Modal/contextApi/store.js +37 -6
- package/dist/NavigationMenu/AxosALTS/NavData.d.ts +7 -1
- package/dist/NavigationMenu/AxosALTS/NavData.js +6 -137
- package/dist/NavigationMenu/AxosALTS/index.js +10 -12
- package/dist/NavigationMenu/AxosAdvisor/SubNavBar.js +0 -1
- package/dist/NavigationMenu/AxosAdvisor/index.js +0 -1
- package/dist/NavigationMenu/AxosAdvisorServices/SubNavBar.js +0 -1
- package/dist/NavigationMenu/AxosAdvisorServices/index.js +0 -1
- package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.js +341 -73
- package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.module.js +50 -17
- package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.d.ts +20 -6
- package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.js +211 -355
- package/dist/NavigationMenu/AxosBank/NavData.d.ts +39 -2
- package/dist/NavigationMenu/AxosBank/NavData.js +34 -166
- package/dist/NavigationMenu/AxosBank/SubNavBar.js +199 -220
- package/dist/NavigationMenu/AxosBank/index.js +16 -43
- package/dist/NavigationMenu/AxosClearing/index.js +0 -1
- package/dist/NavigationMenu/LaVictoire/NavData.d.ts +13 -2
- package/dist/NavigationMenu/LaVictoire/NavData.js +14 -146
- package/dist/NavigationMenu/LaVictoire/SubNavBar.js +4 -1
- package/dist/NavigationMenu/LaVictoire/index.js +16 -41
- package/dist/NavigationMenu/Navbar.js +4 -5
- package/dist/NavigationMenu/SignInNavButton.js +16 -24
- package/dist/SetContainer/SetContainer.js +4 -9
- package/dist/SocialMediaBar/iconsRepository.d.ts +44 -14
- package/dist/SocialMediaBar/iconsRepository.js +28 -37
- package/dist/SocialMediaBar/index.js +3 -1
- package/dist/Tab/Tab.js +0 -1
- package/dist/Table/Table.js +0 -1
- package/dist/VideoTile/VideoTile.js +0 -5
- package/dist/VideoWrapper/index.js +0 -5
- package/dist/assets/Blockquote/Blockquote.css +72 -72
- package/dist/assets/Calculators/ApyCalculator/ApyCalculator.css +1 -1
- package/dist/assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css +2 -2
- package/dist/assets/Calculators/SummitApyCalculator/BalanceAPYCalculator.css +1 -1
- package/dist/assets/Carousel/Carousel.css +1 -1
- package/dist/assets/Chatbot/AnimatedGradientBorder.css +2 -1
- package/dist/assets/Chatbot/ChatWindow.css +16 -8
- package/dist/assets/DownloadTile/DownloadTile.css +2 -2
- package/dist/assets/ExecutiveBio/ExecutiveBio.css +281 -171
- package/dist/assets/Forms/Forms.css +29 -25
- package/dist/assets/HelpArticle/HelpArticle.css +2 -2
- package/dist/assets/IconBillboard/IconBillboard.css +35 -28
- package/dist/assets/Inputs/Input.css +1 -1
- package/dist/assets/Insight/Featured/CategorySelector.css +1 -1
- package/dist/assets/Insight/Insight.css +4 -4
- package/dist/assets/LandingPageHeader/LandingPageHeader.css +28 -15
- package/dist/assets/NavigationMenu/AxosBank/MobileMenu/MobileMenu.css +353 -192
- package/dist/assets/Topic/Topic.css +1 -1
- package/dist/assets/Typography/Typography.css +1 -1
- package/dist/assets/VideoTile/VideoTile.css +1 -1
- package/dist/assets/globals.css +24 -14
- package/dist/main.js +8 -3
- package/dist/utils/allowedAxosDomains.d.ts +5 -2
- package/dist/utils/allowedAxosDomains.js +50 -47
- package/dist/utils/appendQueryParams.js +36 -5
- package/dist/utils/index.js +2 -1
- package/dist/utils/validateExternalLinks.d.ts +1 -1
- package/dist/utils/validateExternalLinks.js +4 -6
- package/package.json +148 -145
- package/dist/NavigationMenu/NavDataJson.d.ts +0 -2
- package/dist/NavigationMenu/NavDataJson.js +0 -317
|
@@ -4,13 +4,12 @@ import "../icons/ArrowIcon/ArrowIcon.css.js";
|
|
|
4
4
|
import SvgAxosX from "../icons/AxosX/index.js";
|
|
5
5
|
import SvgComponent from "../icons/AxosX/Blue.js";
|
|
6
6
|
import "../icons/CheckIcon/CheckIcon.css.js";
|
|
7
|
-
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/Chatbot.css';import '../assets/Chatbot/Bubble.css';import '../assets/Chatbot/AnimatedGradientBorder.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/Insight/Insight.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.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/
|
|
7
|
+
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/Chatbot.css';import '../assets/Chatbot/Bubble.css';import '../assets/Chatbot/AnimatedGradientBorder.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/Insight/Insight.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.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/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 */
|
|
8
8
|
/* empty css */
|
|
9
9
|
/* empty css */
|
|
10
10
|
/* empty css */
|
|
11
11
|
/* empty css */
|
|
12
12
|
/* empty css */
|
|
13
|
-
import "../utils/allowedAxosDomains.js";
|
|
14
13
|
import { getVariant } from "../utils/getVariant.js";
|
|
15
14
|
import "react";
|
|
16
15
|
import clsx from "clsx";
|
|
@@ -43,11 +42,11 @@ import "../Input/RadioButton.css.js";
|
|
|
43
42
|
import "../Input/Checkbox.css.js";
|
|
44
43
|
import "../LoadingIndicator/LoadingIndicator.css.js";
|
|
45
44
|
import "../Chevron/Chevron.css.js";
|
|
45
|
+
/* empty css */
|
|
46
|
+
import "../Modal/contextApi/store.js";
|
|
46
47
|
import "../Interstitial/Interstitial-variants.css.js";
|
|
47
48
|
import "../Inputs/Input.css.js";
|
|
48
49
|
/* empty css */
|
|
49
|
-
/* empty css */
|
|
50
|
-
import "../Modal/contextApi/store.js";
|
|
51
50
|
import "../Hyperlink/Hyperlink.css.js";
|
|
52
51
|
/* empty css */
|
|
53
52
|
/* empty css */
|
|
@@ -106,15 +105,11 @@ import "next/navigation.js";
|
|
|
106
105
|
/* empty css */
|
|
107
106
|
/* empty css */
|
|
108
107
|
import "next/link.js";
|
|
109
|
-
import "../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
|
|
110
108
|
/* empty css */
|
|
111
|
-
import "../NavigationMenu/AxosBank/NavData.js";
|
|
112
109
|
/* empty css */
|
|
113
110
|
/* empty css */
|
|
114
|
-
import "../NavigationMenu/AxosALTS/NavData.js";
|
|
115
111
|
/* empty css */
|
|
116
112
|
/* empty css */
|
|
117
|
-
import "../NavigationMenu/LaVictoire/NavData.js";
|
|
118
113
|
import "../PageNavItem/PageNavItem.css.js";
|
|
119
114
|
import "react-slick";
|
|
120
115
|
/* empty css */
|
|
@@ -10,6 +10,6 @@ export interface ArticleProps {
|
|
|
10
10
|
description: string | ReactNode;
|
|
11
11
|
targetUrl: string;
|
|
12
12
|
variant?: QuaternaryTypes;
|
|
13
|
-
useChevron?: boolean;
|
|
13
|
+
useChevron?: boolean | false;
|
|
14
14
|
}
|
|
15
|
-
export declare const Article: ({ id, image, itemType, title, description, targetUrl, variant: fullVariant, }: ArticleProps) => import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
export declare const Article: ({ id, image, itemType, title, description, targetUrl, variant: fullVariant, useChevron, }: ArticleProps) => import("react/jsx-runtime").JSX.Element;
|
package/dist/Article/Article.js
CHANGED
|
@@ -6,6 +6,7 @@ import { Button } from "../Button/Button.js";
|
|
|
6
6
|
import "../Button/Button.css.js";
|
|
7
7
|
import "react";
|
|
8
8
|
import "react-use";
|
|
9
|
+
import { Chevron } from "../Chevron/index.js";
|
|
9
10
|
const Article = ({
|
|
10
11
|
id,
|
|
11
12
|
image,
|
|
@@ -13,7 +14,8 @@ const Article = ({
|
|
|
13
14
|
title,
|
|
14
15
|
description,
|
|
15
16
|
targetUrl,
|
|
16
|
-
variant: fullVariant = "primary"
|
|
17
|
+
variant: fullVariant = "primary",
|
|
18
|
+
useChevron = false
|
|
17
19
|
}) => {
|
|
18
20
|
const variant = getVariant(fullVariant);
|
|
19
21
|
return /* @__PURE__ */ jsxs(
|
|
@@ -29,7 +31,16 @@ const Article = ({
|
|
|
29
31
|
/* @__PURE__ */ jsx("h3", { className: `${ant_card_title({ variant })} header_3`, children: title }),
|
|
30
32
|
/* @__PURE__ */ jsx("div", { className: `${ant_card_body({ variant })} push_up`, children: /* @__PURE__ */ jsx(Fragment, { children: description }) })
|
|
31
33
|
] }),
|
|
32
|
-
/* @__PURE__ */ jsx("div", { className: "text_center", children: /* @__PURE__ */ jsx(
|
|
34
|
+
/* @__PURE__ */ jsx("div", { className: "text_center", children: useChevron ? /* @__PURE__ */ jsx("div", { className: "push_up_24", children: /* @__PURE__ */ jsx(
|
|
35
|
+
Chevron,
|
|
36
|
+
{
|
|
37
|
+
"aria-label": "read and learn more about this featured item",
|
|
38
|
+
targetUrl,
|
|
39
|
+
variant,
|
|
40
|
+
className: "push_up_24",
|
|
41
|
+
children: itemType == "Insight" ? "Read More" : "Learn More"
|
|
42
|
+
}
|
|
43
|
+
) }) : /* @__PURE__ */ jsx(
|
|
33
44
|
Button,
|
|
34
45
|
{
|
|
35
46
|
"aria-label": "read and learn more about this featured item",
|
package/dist/Auth/ErrorAlert.js
CHANGED
|
@@ -17,13 +17,12 @@ import "../Input/DownPaymentInput.js";
|
|
|
17
17
|
import "../Input/RadioButton.js";
|
|
18
18
|
import "../icons/ArrowIcon/ArrowIcon.css.js";
|
|
19
19
|
import "../icons/CheckIcon/CheckIcon.css.js";
|
|
20
|
-
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/
|
|
20
|
+
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/Chatbot.css';import '../assets/Chatbot/Bubble.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/Modal/Modal.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.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 */
|
|
21
21
|
/* empty css */
|
|
22
22
|
/* empty css */
|
|
23
23
|
/* empty css */
|
|
24
24
|
/* empty css */
|
|
25
25
|
/* empty css */
|
|
26
|
-
import "../utils/allowedAxosDomains.js";
|
|
27
26
|
import { getVariant } from "../utils/getVariant.js";
|
|
28
27
|
import clsx from "clsx";
|
|
29
28
|
import "react-hook-form";
|
|
@@ -40,6 +39,7 @@ import "../Article/Article.css.js";
|
|
|
40
39
|
import "../ArticlesSet/ArticlesSet.css.js";
|
|
41
40
|
import "../Calculators/calculator.css.js";
|
|
42
41
|
import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
|
|
42
|
+
import "../Modal/contextApi/store.js";
|
|
43
43
|
import "../Calculators/ApyCalculator/ApyCalculator.css.js";
|
|
44
44
|
import "../Table/Table.css.js";
|
|
45
45
|
import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
|
|
@@ -48,6 +48,8 @@ import "../Input/PercentageInput.js";
|
|
|
48
48
|
import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
|
|
49
49
|
import "iframe-resizer";
|
|
50
50
|
/* empty css */
|
|
51
|
+
import "../Chevron/Chevron.css.js";
|
|
52
|
+
/* empty css */
|
|
51
53
|
import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
|
|
52
54
|
import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
|
|
53
55
|
import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
|
|
@@ -95,24 +97,17 @@ import "next/script.js";
|
|
|
95
97
|
import "../Interstitial/Interstitial-variants.css.js";
|
|
96
98
|
import "../LandingPageHeader/LandingPageHeader.css.js";
|
|
97
99
|
import "../LoadingIndicator/LoadingIndicator.css.js";
|
|
98
|
-
import "../Chevron/Chevron.css.js";
|
|
99
|
-
/* empty css */
|
|
100
|
-
import "../Modal/contextApi/store.js";
|
|
101
100
|
/* empty css */
|
|
102
101
|
import "next/navigation.js";
|
|
103
102
|
/* empty css */
|
|
104
103
|
/* empty css */
|
|
105
104
|
/* empty css */
|
|
106
105
|
import "next/link.js";
|
|
107
|
-
import "../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
|
|
108
106
|
/* empty css */
|
|
109
|
-
import "../NavigationMenu/AxosBank/NavData.js";
|
|
110
107
|
/* empty css */
|
|
111
108
|
/* empty css */
|
|
112
|
-
import "../NavigationMenu/AxosALTS/NavData.js";
|
|
113
109
|
/* empty css */
|
|
114
110
|
/* empty css */
|
|
115
|
-
import "../NavigationMenu/LaVictoire/NavData.js";
|
|
116
111
|
import "../PageNavItem/PageNavItem.css.js";
|
|
117
112
|
import "react-slick";
|
|
118
113
|
/* empty css */
|
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { zodResolver } from "@hookform/resolvers/zod";
|
|
4
4
|
import { Input } from "../Input/Input.js";
|
|
5
|
-
import "../utils/allowedAxosDomains.js";
|
|
6
5
|
import { z } from "zod";
|
|
7
6
|
import { getVariant } from "../utils/getVariant.js";
|
|
8
7
|
import { useState } from "react";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import '../assets/Blockquote/Blockquote.css';const quote_spacer = "
|
|
2
|
-
const author = "
|
|
3
|
-
const quote = "
|
|
1
|
+
import '../assets/Blockquote/Blockquote.css';const quote_spacer = "_quote_spacer_ovx4r_1";
|
|
2
|
+
const author = "_author_ovx4r_7";
|
|
3
|
+
const quote = "_quote_ovx4r_1";
|
|
4
4
|
const css = {
|
|
5
5
|
quote_spacer,
|
|
6
6
|
author,
|
|
@@ -9,7 +9,6 @@ import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/Downl
|
|
|
9
9
|
/* empty css */
|
|
10
10
|
/* empty css */
|
|
11
11
|
/* empty css */
|
|
12
|
-
import "../utils/allowedAxosDomains.js";
|
|
13
12
|
import { getVariant } from "../utils/getVariant.js";
|
|
14
13
|
import "react";
|
|
15
14
|
import clsx from "clsx";
|
package/dist/Button/Button.js
CHANGED
|
@@ -21,10 +21,9 @@ import { button } from "./Button.css.js";
|
|
|
21
21
|
import "react-use";
|
|
22
22
|
import "../ArticlesSet/ArticlesSet.css.js";
|
|
23
23
|
import "../IconBillboard/IconBillboard.css.js";
|
|
24
|
-
import { findMoreAxosDomains } from "../utils/allowedAxosDomains.js";
|
|
25
|
-
import { validateLink } from "../utils/validateExternalLinks.js";
|
|
26
24
|
import "../Calculators/calculator.css.js";
|
|
27
25
|
import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
|
|
26
|
+
import { useGlobalContext } from "../Modal/contextApi/store.js";
|
|
28
27
|
import "../Calculators/ApyCalculator/ApyCalculator.css.js";
|
|
29
28
|
import "../Table/Table.css.js";
|
|
30
29
|
import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
|
|
@@ -109,15 +108,11 @@ import "next/navigation.js";
|
|
|
109
108
|
/* empty css */
|
|
110
109
|
/* empty css */
|
|
111
110
|
import "next/link.js";
|
|
112
|
-
import "../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
|
|
113
111
|
/* empty css */
|
|
114
|
-
import "../NavigationMenu/AxosBank/NavData.js";
|
|
115
112
|
/* empty css */
|
|
116
113
|
/* empty css */
|
|
117
|
-
import "../NavigationMenu/AxosALTS/NavData.js";
|
|
118
114
|
/* empty css */
|
|
119
115
|
/* empty css */
|
|
120
|
-
import "../NavigationMenu/LaVictoire/NavData.js";
|
|
121
116
|
import "../PageNavItem/PageNavItem.css.js";
|
|
122
117
|
import "react-slick";
|
|
123
118
|
/* empty css */
|
|
@@ -132,7 +127,6 @@ import "../StepItemSet/StepItemSet.css.js";
|
|
|
132
127
|
/* empty css */
|
|
133
128
|
/* empty css */
|
|
134
129
|
/* empty css */
|
|
135
|
-
import { useGlobalContext } from "../Modal/contextApi/store.js";
|
|
136
130
|
const Button = ({
|
|
137
131
|
as = "a",
|
|
138
132
|
children,
|
|
@@ -150,7 +144,7 @@ const Button = ({
|
|
|
150
144
|
...rest
|
|
151
145
|
}) => {
|
|
152
146
|
const variant = getVariant(color);
|
|
153
|
-
const { setTargetLinkUrl, setOpenModal } = useGlobalContext();
|
|
147
|
+
const { setTargetLinkUrl, setOpenModal, validateLink, resolveUrl } = useGlobalContext();
|
|
154
148
|
const [isOpenMktInterstitial, setIsOpenMktInterstitial] = useState(false);
|
|
155
149
|
const openMarketingInterstitial = () => {
|
|
156
150
|
setIsOpenMktInterstitial(true);
|
|
@@ -178,7 +172,7 @@ const Button = ({
|
|
|
178
172
|
button({ color: variant, size, disabled, rounded, square }),
|
|
179
173
|
className
|
|
180
174
|
),
|
|
181
|
-
href:
|
|
175
|
+
href: resolveUrl(targetUrl),
|
|
182
176
|
id,
|
|
183
177
|
target: newTab ? "_blank" : "_self",
|
|
184
178
|
onClick: marketingIntersitial ? openMarketingInterstitial : action ?? onClick,
|
|
@@ -3,7 +3,6 @@ import { jsx, jsxs } from "react/jsx-runtime";
|
|
|
3
3
|
import { Button } from "../../Button/Button.js";
|
|
4
4
|
import { Chevron } from "../../Chevron/index.js";
|
|
5
5
|
import { title } from "../../IconBillboard/IconBillboard.css.js";
|
|
6
|
-
import "../../utils/allowedAxosDomains.js";
|
|
7
6
|
import { getVariant } from "../../utils/getVariant.js";
|
|
8
7
|
import { useRef, useState, useEffect } from "react";
|
|
9
8
|
import clsx from "clsx";
|
|
@@ -6,6 +6,7 @@ import { useState, useCallback, useEffect } from "react";
|
|
|
6
6
|
import "react-use";
|
|
7
7
|
import { Chevron } from "../../Chevron/index.js";
|
|
8
8
|
import { section_container, content, headerIconBillboard, buttons } from "../../IconBillboard/IconBillboard.css.js";
|
|
9
|
+
import { useGlobalContext } from "../../Modal/contextApi/store.js";
|
|
9
10
|
import { getVariant } from "../../utils/getVariant.js";
|
|
10
11
|
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";
|
|
11
12
|
const ApyCalculator = ({
|
|
@@ -15,6 +16,7 @@ const ApyCalculator = ({
|
|
|
15
16
|
disclosure,
|
|
16
17
|
variant
|
|
17
18
|
}) => {
|
|
19
|
+
const { domains } = useGlobalContext();
|
|
18
20
|
const calculator_variant = getVariant(variant);
|
|
19
21
|
const [compounding, setCompounding] = useState(360);
|
|
20
22
|
const getAPR = (apy) => {
|
|
@@ -24,7 +26,7 @@ const ApyCalculator = ({
|
|
|
24
26
|
)
|
|
25
27
|
);
|
|
26
28
|
};
|
|
27
|
-
const AXOS_ONE_APY =
|
|
29
|
+
const AXOS_ONE_APY = Number(domains.AXOS_ONE_APY);
|
|
28
30
|
const AXOS_ONE_APR = getAPR(AXOS_ONE_APY);
|
|
29
31
|
const [initialDeposit, setInititalDeposit] = useState(1e3);
|
|
30
32
|
const [APR, setAPR] = useState(AXOS_ONE_APR);
|
|
@@ -16,8 +16,8 @@ import '../../assets/icons/FollowIcon/FollowIcon.css';import '../../assets/icons
|
|
|
16
16
|
/* empty css */
|
|
17
17
|
import { Table, TableHead, TableRow, TableCell, TableBody } from "../../Table/Table.js";
|
|
18
18
|
import { headerCell } from "../../Table/Table.css.js";
|
|
19
|
-
import "../../utils/allowedAxosDomains.js";
|
|
20
19
|
import { getVariant } from "../../utils/getVariant.js";
|
|
20
|
+
import { useGlobalContext } from "../../Modal/contextApi/store.js";
|
|
21
21
|
import clsx from "clsx";
|
|
22
22
|
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";
|
|
23
23
|
const AxosOneCalculator = ({
|
|
@@ -29,9 +29,11 @@ const AxosOneCalculator = ({
|
|
|
29
29
|
initialBalance,
|
|
30
30
|
callToActionRow
|
|
31
31
|
}) => {
|
|
32
|
+
const { domains } = useGlobalContext();
|
|
32
33
|
const calc_variant = getVariant(variant);
|
|
33
|
-
const AXOS_ONE_APY =
|
|
34
|
-
const AXOS_ONE_APY_TIERED =
|
|
34
|
+
const AXOS_ONE_APY = Number(domains.AXOS_ONE_APY);
|
|
35
|
+
const AXOS_ONE_APY_TIERED = Number(domains.AXOS_ONE_APY_TIER);
|
|
36
|
+
const TIER_THRESHOLD = Number(domains.AXOS_ONE_THRESHOLD);
|
|
35
37
|
const startingBalance = Number.isFinite(Number(initialBalance)) && Number(initialBalance) >= 0 ? Number(initialBalance) : 1e4;
|
|
36
38
|
const [balance, setBalance] = useState(startingBalance);
|
|
37
39
|
const [calculatedBalance, setCalculatedBalance] = useState(startingBalance);
|
|
@@ -53,7 +55,6 @@ const AxosOneCalculator = ({
|
|
|
53
55
|
};
|
|
54
56
|
const calculateBalance = (amount) => {
|
|
55
57
|
setCalculatedBalance(amount);
|
|
56
|
-
const TIER_THRESHOLD = 499999.99;
|
|
57
58
|
if (amount > TIER_THRESHOLD) {
|
|
58
59
|
const tier1Amount = TIER_THRESHOLD;
|
|
59
60
|
const tier2Amount = amount - TIER_THRESHOLD;
|
|
@@ -157,8 +158,14 @@ const AxosOneCalculator = ({
|
|
|
157
158
|
/* @__PURE__ */ jsx("div", { className: clsx(headerCell, ax1_m_label), children: "Balance" })
|
|
158
159
|
] }),
|
|
159
160
|
/* @__PURE__ */ jsxs(TableCell, { as: "th", variant: "primary", children: [
|
|
160
|
-
/* @__PURE__ */
|
|
161
|
-
|
|
161
|
+
/* @__PURE__ */ jsxs("div", { className: clsx(headerCell, ax1_d_label), children: [
|
|
162
|
+
"Annual Percentage Yield",
|
|
163
|
+
/* @__PURE__ */ jsx("sup", { children: "**" })
|
|
164
|
+
] }),
|
|
165
|
+
/* @__PURE__ */ jsxs("div", { className: clsx(headerCell, ax1_m_label), children: [
|
|
166
|
+
"APY",
|
|
167
|
+
/* @__PURE__ */ jsx("sup", { children: "**" })
|
|
168
|
+
] })
|
|
162
169
|
] }),
|
|
163
170
|
/* @__PURE__ */ jsxs(TableCell, { as: "th", variant: "primary", children: [
|
|
164
171
|
/* @__PURE__ */ jsx("div", { className: clsx(headerCell, ax1_d_label), children: "Annual Earnings" }),
|
|
@@ -184,7 +191,7 @@ const AxosOneCalculator = ({
|
|
|
184
191
|
/* @__PURE__ */ jsxs(TableRow, { className: clsx(tieredRowAnimation), children: [
|
|
185
192
|
/* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
|
|
186
193
|
"$",
|
|
187
|
-
formatUSD(
|
|
194
|
+
formatUSD(TIER_THRESHOLD)
|
|
188
195
|
] }),
|
|
189
196
|
/* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
|
|
190
197
|
AXOS_ONE_APY.toFixed(2),
|
|
@@ -198,7 +205,7 @@ const AxosOneCalculator = ({
|
|
|
198
205
|
/* @__PURE__ */ jsxs(TableRow, { className: clsx(tieredRowAnimationDelayed), children: [
|
|
199
206
|
/* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
|
|
200
207
|
"$",
|
|
201
|
-
formatUSD(calculatedBalance -
|
|
208
|
+
formatUSD(calculatedBalance - TIER_THRESHOLD)
|
|
202
209
|
] }),
|
|
203
210
|
/* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
|
|
204
211
|
AXOS_ONE_APY_TIERED.toFixed(2),
|
|
@@ -228,7 +235,7 @@ const AxosOneCalculator = ({
|
|
|
228
235
|
id
|
|
229
236
|
)
|
|
230
237
|
) }),
|
|
231
|
-
|
|
238
|
+
disclosure && /* @__PURE__ */ jsx("div", { className: ax1_calc_disclosure({ variant: calc_variant }), children: disclosure })
|
|
232
239
|
] }) });
|
|
233
240
|
};
|
|
234
241
|
export {
|
|
@@ -16,7 +16,6 @@ import '../../assets/icons/FollowIcon/FollowIcon.css';import '../../assets/icons
|
|
|
16
16
|
/* empty css */
|
|
17
17
|
import { Table, TableHead, TableRow, TableCell, TableBody } from "../../Table/Table.js";
|
|
18
18
|
import { headerCell } from "../../Table/Table.css.js";
|
|
19
|
-
import "../../utils/allowedAxosDomains.js";
|
|
20
19
|
import { getVariant } from "../../utils/getVariant.js";
|
|
21
20
|
import clsx from "clsx";
|
|
22
21
|
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";
|
|
@@ -18,7 +18,6 @@ import "../../Input/InputTextArea.js";
|
|
|
18
18
|
import "../../Input/DownPaymentInput.js";
|
|
19
19
|
import "../../Input/RadioButton.js";
|
|
20
20
|
import { PercentageInput } from "../../Input/PercentageInput.js";
|
|
21
|
-
import "../../utils/allowedAxosDomains.js";
|
|
22
21
|
import { z } from "zod";
|
|
23
22
|
import { getVariant } from "../../utils/getVariant.js";
|
|
24
23
|
import clsx from "clsx";
|
|
@@ -13,7 +13,6 @@ import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms
|
|
|
13
13
|
/* empty css */
|
|
14
14
|
/* empty css */
|
|
15
15
|
/* empty css */
|
|
16
|
-
import "../utils/allowedAxosDomains.js";
|
|
17
16
|
import { getVariant } from "../utils/getVariant.js";
|
|
18
17
|
import { useRef, useEffect } from "react";
|
|
19
18
|
import clsx from "clsx";
|
|
@@ -101,15 +100,11 @@ import "next/navigation.js";
|
|
|
101
100
|
/* empty css */
|
|
102
101
|
/* empty css */
|
|
103
102
|
import "next/link.js";
|
|
104
|
-
import "../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
|
|
105
103
|
/* empty css */
|
|
106
|
-
import "../NavigationMenu/AxosBank/NavData.js";
|
|
107
104
|
/* empty css */
|
|
108
105
|
/* empty css */
|
|
109
|
-
import "../NavigationMenu/AxosALTS/NavData.js";
|
|
110
106
|
/* empty css */
|
|
111
107
|
/* empty css */
|
|
112
|
-
import "../NavigationMenu/LaVictoire/NavData.js";
|
|
113
108
|
import "../PageNavItem/PageNavItem.css.js";
|
|
114
109
|
import "react-slick";
|
|
115
110
|
/* empty css */
|
|
@@ -7,15 +7,132 @@ import "react-use";
|
|
|
7
7
|
import { field_row, errorTag, marketingTile, bodyContent, header_theme, container } from "../ApyCalculator/ApyCalculator.css.js";
|
|
8
8
|
import { Chevron } from "../../Chevron/index.js";
|
|
9
9
|
import { content, headerIconBillboard, buttons } from "../../IconBillboard/IconBillboard.css.js";
|
|
10
|
-
import { findMoreAxosDomains } from "../../utils/allowedAxosDomains.js";
|
|
11
10
|
import { getVariant } from "../../utils/getVariant.js";
|
|
12
11
|
import clsx from "clsx";
|
|
13
12
|
import { calculator_headline } from "../calculator.css.js";
|
|
14
13
|
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";
|
|
14
|
+
import "../../Chevron/Chevron.css.js";
|
|
15
|
+
import "../../Accordion/Accordion.js";
|
|
16
|
+
import "../../Accordion/Accordion.css.js";
|
|
17
|
+
import "../../icons/ArrowIcon/ArrowIcon.css.js";
|
|
18
|
+
import "../../icons/CheckIcon/CheckIcon.css.js";
|
|
19
|
+
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/Chatbot.css';import '../../assets/Chatbot/Bubble.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 */
|
|
20
|
+
/* empty css */
|
|
21
|
+
/* empty css */
|
|
22
|
+
/* empty css */
|
|
23
|
+
/* empty css */
|
|
24
|
+
/* empty css */
|
|
25
|
+
import "../../AlertBanner/AlertBanner.css.js";
|
|
26
|
+
import "../../Article/Article.css.js";
|
|
27
|
+
import "../../ArticlesSet/ArticlesSet.css.js";
|
|
28
|
+
import "../AnnualFeeCalculator/AnnualFeeCalculator.css.js";
|
|
29
|
+
import { useGlobalContext } from "../../Modal/contextApi/store.js";
|
|
30
|
+
import "../../Table/Table.css.js";
|
|
31
|
+
import "../AxosOneCalculator/BalanceAPYCalculator.css.js";
|
|
32
|
+
import "../BalanceAPYCalculator/BalanceAPYCalculator.css.js";
|
|
33
|
+
import "@hookform/resolvers/zod";
|
|
34
|
+
import "../../Input/Checkbox.js";
|
|
35
|
+
import "../../Input/CurrencyInput.js";
|
|
36
|
+
import "../../Input/Dropdown.js";
|
|
37
|
+
import "../../Input/Dropdown.css.js";
|
|
38
|
+
import "../../Input/Input.js";
|
|
39
|
+
import "../../Input/Input.css.js";
|
|
40
|
+
import "../../Input/InputAmount.js";
|
|
41
|
+
import "../../Input/InputPhone.js";
|
|
42
|
+
import "../../Input/InputTextArea.js";
|
|
43
|
+
import "../../Input/DownPaymentInput.js";
|
|
44
|
+
import "../../Input/RadioButton.js";
|
|
45
|
+
import "../../Input/PercentageInput.js";
|
|
46
|
+
import "react-hook-form";
|
|
47
|
+
import "../BuyDownCalculator/BuyDownCalculator.css.js";
|
|
48
|
+
import "../../Forms/Forms.css.js";
|
|
49
|
+
import "../../Forms/HoneyPot/index.js";
|
|
50
|
+
import "../../Forms/SalesforceFieldsForm.js";
|
|
51
|
+
/* empty css */
|
|
52
|
+
/* empty css */
|
|
53
|
+
import "../../Input/RadioButton.css.js";
|
|
54
|
+
import "../../Input/Checkbox.css.js";
|
|
55
|
+
import "../../LoadingIndicator/LoadingIndicator.css.js";
|
|
56
|
+
import "../../Interstitial/Interstitial-variants.css.js";
|
|
57
|
+
import "../../Inputs/Input.css.js";
|
|
58
|
+
/* empty css */
|
|
59
|
+
import "../../Hyperlink/Hyperlink.css.js";
|
|
60
|
+
/* empty css */
|
|
61
|
+
import "iframe-resizer";
|
|
62
|
+
import "../MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
|
|
63
|
+
import "../MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
|
|
64
|
+
import "../SummitApyCalculator/BalanceAPYCalculator.css.js";
|
|
65
|
+
/* empty css */
|
|
66
|
+
import "react-dom";
|
|
67
|
+
/* empty css */
|
|
68
|
+
import "../../Auth/SignInPassword.js";
|
|
69
|
+
/* empty css */
|
|
70
|
+
/* empty css */
|
|
71
|
+
/* empty css */
|
|
72
|
+
/* empty css */
|
|
73
|
+
import "../../Carousel/index.js";
|
|
74
|
+
/* empty css */
|
|
75
|
+
/* empty css */
|
|
76
|
+
import "../../Chatbot/store/chat.js";
|
|
77
|
+
import "../../Chatbot/authenticate.js";
|
|
78
|
+
/* empty css */
|
|
79
|
+
/* empty css */
|
|
80
|
+
import "../../Chatbot/store/messages.js";
|
|
81
|
+
/* empty css */
|
|
82
|
+
import "../../Comparison/Comparison.css.js";
|
|
83
|
+
import "next/image.js";
|
|
84
|
+
import "../../HeroBanner/HeroBanner.css.js";
|
|
85
|
+
import "../../HeroBanner/LargeBanner.css.js";
|
|
86
|
+
import "../../HeroBanner/SelectionBanner.css.js";
|
|
87
|
+
import "../../SetContainer/SetContainer.css.js";
|
|
88
|
+
import "../../Tab/Tab.css.js";
|
|
89
|
+
import "../../icons/Star/Star.css.js";
|
|
90
|
+
import "../../ContentBanner/ContentBanner.css.js";
|
|
91
|
+
/* empty css */
|
|
92
|
+
import "../../ExecutiveBio/ExecutiveBio.css.js";
|
|
93
|
+
import "../../FaqAccordion/index.js";
|
|
94
|
+
import "../../FooterDisclosure/FooterDisclosure.css.js";
|
|
95
|
+
/* empty css */
|
|
96
|
+
/* empty css */
|
|
97
|
+
/* empty css */
|
|
98
|
+
import "../../ImageBillboard/ImageBillboard.css.js";
|
|
99
|
+
import "next/script.js";
|
|
100
|
+
/* empty css */
|
|
101
|
+
/* empty css */
|
|
102
|
+
/* empty css */
|
|
103
|
+
/* empty css */
|
|
104
|
+
/* empty css */
|
|
105
|
+
import "../../LandingPageHeader/LandingPageHeader.css.js";
|
|
106
|
+
/* empty css */
|
|
107
|
+
import "next/navigation.js";
|
|
108
|
+
/* empty css */
|
|
109
|
+
/* empty css */
|
|
110
|
+
/* empty css */
|
|
111
|
+
import "next/link.js";
|
|
112
|
+
/* empty css */
|
|
113
|
+
/* empty css */
|
|
114
|
+
/* empty css */
|
|
115
|
+
/* empty css */
|
|
116
|
+
/* empty css */
|
|
117
|
+
import "../../PageNavItem/PageNavItem.css.js";
|
|
118
|
+
import "react-slick";
|
|
119
|
+
/* empty css */
|
|
120
|
+
/* empty css */
|
|
121
|
+
/* empty css */
|
|
122
|
+
/* empty css */
|
|
123
|
+
import "../../StepItem/StepItem.css.js";
|
|
124
|
+
import "../../StepItemSet/StepItemSet.css.js";
|
|
125
|
+
/* empty css */
|
|
126
|
+
/* empty css */
|
|
127
|
+
/* empty css */
|
|
128
|
+
/* empty css */
|
|
129
|
+
/* empty css */
|
|
130
|
+
/* empty css */
|
|
15
131
|
const MarginTradingCalculator = ({
|
|
16
132
|
marketingTiles,
|
|
17
133
|
variant
|
|
18
134
|
}) => {
|
|
135
|
+
const { resolveUrl } = useGlobalContext();
|
|
19
136
|
useEffect(() => {
|
|
20
137
|
const cashVal = document.querySelector("#accCashVal");
|
|
21
138
|
const secVal = document.querySelector("#accSecVal");
|
|
@@ -326,7 +443,7 @@ const MarginTradingCalculator = ({
|
|
|
326
443
|
/* @__PURE__ */ jsx(
|
|
327
444
|
"a",
|
|
328
445
|
{
|
|
329
|
-
href:
|
|
446
|
+
href: resolveUrl(
|
|
330
447
|
"{AXOS}/invest/self-directed-trading/margin-trading#AXI----Margin-Trading---Table-(Competitive-pricing-=-more...)"
|
|
331
448
|
),
|
|
332
449
|
children: "rates"
|
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { button } from "../../Button/Button.css.js";
|
|
4
4
|
import { title } from "../../IconBillboard/IconBillboard.css.js";
|
|
5
|
-
import "../../utils/allowedAxosDomains.js";
|
|
6
5
|
import { getVariant } from "../../utils/getVariant.js";
|
|
7
6
|
import { useState } from "react";
|
|
8
7
|
import clsx from "clsx";
|
|
@@ -3,7 +3,6 @@ import { jsx, jsxs } from "react/jsx-runtime";
|
|
|
3
3
|
import { button } from "../../Button/Button.css.js";
|
|
4
4
|
import { calc_container, h2i, inputs_container, input_container, input_box, error_message, calculation_header, payment_results, container } from "../MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
|
|
5
5
|
import { title } from "../../IconBillboard/IconBillboard.css.js";
|
|
6
|
-
import "../../utils/allowedAxosDomains.js";
|
|
7
6
|
import { getVariant } from "../../utils/getVariant.js";
|
|
8
7
|
import { useState } from "react";
|
|
9
8
|
import clsx from "clsx";
|
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { button } from "../../Button/Button.css.js";
|
|
4
4
|
import { title } from "../../IconBillboard/IconBillboard.css.js";
|
|
5
|
-
import "../../utils/allowedAxosDomains.js";
|
|
6
5
|
import { getVariant } from "../../utils/getVariant.js";
|
|
7
6
|
import { useState } from "react";
|
|
8
7
|
import clsx from "clsx";
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsxs, jsx } from "react/jsx-runtime";
|
|
3
3
|
import { button } from "../../Button/Button.css.js";
|
|
4
|
-
import "../../utils/allowedAxosDomains.js";
|
|
5
4
|
import { getVariant } from "../../utils/getVariant.js";
|
|
6
5
|
import { useState } from "react";
|
|
7
6
|
import { calc_disclosure } from "../BalanceAPYCalculator/BalanceAPYCalculator.css.js";
|
|
@@ -16,8 +16,8 @@ import '../../assets/icons/FollowIcon/FollowIcon.css';import '../../assets/icons
|
|
|
16
16
|
/* empty css */
|
|
17
17
|
import { Table, TableHead, TableRow, TableCell, TableBody } from "../../Table/Table.js";
|
|
18
18
|
import { headerCell } from "../../Table/Table.css.js";
|
|
19
|
-
import "../../utils/allowedAxosDomains.js";
|
|
20
19
|
import { getVariant } from "../../utils/getVariant.js";
|
|
20
|
+
import { useGlobalContext } from "../../Modal/contextApi/store.js";
|
|
21
21
|
import clsx from "clsx";
|
|
22
22
|
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";
|
|
23
23
|
const SummitApyCalculator = ({
|
|
@@ -27,8 +27,9 @@ const SummitApyCalculator = ({
|
|
|
27
27
|
icon,
|
|
28
28
|
variant
|
|
29
29
|
}) => {
|
|
30
|
+
const { domains } = useGlobalContext();
|
|
30
31
|
const calc_variant = getVariant(variant);
|
|
31
|
-
const SUMMIT_APY =
|
|
32
|
+
const SUMMIT_APY = Number(domains.SUMMIT_SAVINGS_APY);
|
|
32
33
|
const [balance, setBalance] = useState(1e4);
|
|
33
34
|
const [axbAPY, _setAxbAPY] = useState(SUMMIT_APY);
|
|
34
35
|
const [axbEarning, setAxbEarning] = useState(
|