@axos-web-dev/shared-components 1.0.101-dev.1 → 2.0.0-dev.10
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/README.md +111 -111
- package/dist/ATMLocator/ATMLocator.js +6 -11
- package/dist/Article/Article.d.ts +2 -2
- package/dist/Article/Article.js +13 -2
- package/dist/Auth/ErrorAlert.js +7 -12
- package/dist/Auth/SignInPassword.js +0 -1
- package/dist/Avatar/Avatar.module.js +7 -7
- package/dist/BulletItem/BulletItem.js +0 -1
- package/dist/Button/Button.js +7 -13
- 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 +4 -9
- 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 +13 -15
- package/dist/Chatbot/AnimatedGradientBorder.css.d.ts +2 -0
- package/dist/Chatbot/AnimatedGradientBorder.css.js +7 -3
- package/dist/Chatbot/Bubble.css.js +2 -1
- package/dist/Chatbot/Bubble.d.ts +2 -1
- package/dist/Chatbot/Bubble.js +102 -92
- package/dist/Chatbot/Chat.js +0 -7
- package/dist/Chatbot/ChatWindow.css.d.ts +4 -0
- package/dist/Chatbot/ChatWindow.css.js +8 -0
- package/dist/Chatbot/ChatWindow.d.ts +2 -0
- package/dist/Chatbot/ChatWindow.js +34 -15
- package/dist/Chatbot/Chatbot.d.ts +2 -2
- package/dist/Chatbot/Chatbot.js +164 -33
- package/dist/Chatbot/ChatbotMessage.d.ts +2 -0
- package/dist/Chatbot/ChatbotMessage.js +88 -25
- package/dist/Chatbot/index.js +5 -1
- 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 +6 -12
- package/dist/Comparison/Comparison.js +6 -11
- 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 +146 -155
- 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 +6 -11
- package/dist/FdicCallout/FdicCallout.module.js +2 -2
- package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +87 -188
- package/dist/Forms/ApplicationStart.js +0 -1
- package/dist/Forms/ApplyNow.js +5 -10
- package/dist/Forms/BoatMooringLocation.d.ts +2 -0
- package/dist/Forms/BoatMooringLocation.js +56 -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 +6 -11
- package/dist/Forms/ContactUsBusinessNameEmail.js +6 -11
- package/dist/Forms/ContactUsLVF.js +0 -1
- package/dist/Forms/ContactUsNMLSId.js +6 -11
- package/dist/Forms/CpraRequest.js +100 -3
- package/dist/Forms/CraPublicFile.js +6 -11
- package/dist/Forms/DealerServices.js +0 -1
- package/dist/Forms/EmailOnly.js +13 -13
- package/dist/Forms/EmailUs.js +40 -35
- package/dist/Forms/FormEnums.js +1 -3
- package/dist/Forms/Forms.css.d.ts +4 -1
- package/dist/Forms/Forms.css.js +42 -42
- package/dist/Forms/HoneyPot/index.js +0 -1
- package/dist/Forms/MortgageRate/MortgageRateForm.js +7 -12
- package/dist/Forms/MortgageRate/MortgageRateWatch.js +6 -11
- package/dist/Forms/MortgageWarehouseLending.js +6 -11
- 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 +7 -12
- package/dist/Forms/VendorQuestionnaire.js +0 -1
- package/dist/Forms/index.d.ts +1 -0
- package/dist/Forms/index.js +2 -1
- package/dist/HeroBanner/HeroBanner.css.d.ts +1 -0
- package/dist/HeroBanner/HeroBanner.css.js +19 -16
- package/dist/HeroBanner/HeroBanner.d.ts +1 -1
- package/dist/HeroBanner/HeroBanner.interface.d.ts +4 -1
- package/dist/HeroBanner/HeroBanner.js +26 -160
- package/dist/HeroBanner/HeroVideoPoster.d.ts +5 -0
- package/dist/HeroBanner/HeroVideoPoster.js +24 -0
- package/dist/HeroBanner/LargeBanner.css.d.ts +110 -0
- package/dist/HeroBanner/LargeBanner.css.js +22 -8
- package/dist/HeroBanner/LargeHeroBanner.d.ts +5 -0
- package/dist/HeroBanner/LargeHeroBanner.js +228 -0
- package/dist/HeroBanner/index.js +3 -2
- package/dist/Hyperlink/index.js +10 -14
- 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 +5 -10
- package/dist/ImageLink/ImageLinkSet.js +5 -10
- package/dist/ImageLink/index.js +5 -10
- package/dist/Insight/Featured/CategorySelector.js +5 -10
- package/dist/Insight/Featured/Featured.js +6 -11
- package/dist/Insight/Featured/Header.js +6 -11
- package/dist/Interstitial/Interstitial.module.js +10 -10
- 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 +5 -10
- package/dist/Modal/contextApi/store.d.ts +16 -2
- package/dist/Modal/contextApi/store.js +37 -6
- package/dist/NavigationMenu/AxosALTS/NavBar.module.js +23 -23
- package/dist/NavigationMenu/AxosALTS/NavData.d.ts +7 -1
- package/dist/NavigationMenu/AxosALTS/NavData.js +6 -137
- package/dist/NavigationMenu/AxosALTS/index.js +14 -16
- package/dist/NavigationMenu/AxosAdvisor/NavBar.module.js +52 -52
- package/dist/NavigationMenu/AxosAdvisor/SubNavBar.js +0 -1
- package/dist/NavigationMenu/AxosAdvisor/index.js +0 -1
- package/dist/NavigationMenu/AxosAdvisorServices/NavBar.module.js +53 -53
- 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 +27 -12
- package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.js +219 -366
- package/dist/NavigationMenu/AxosBank/NavBar.module.js +39 -39
- package/dist/NavigationMenu/AxosBank/NavData.d.ts +39 -2
- package/dist/NavigationMenu/AxosBank/NavData.js +34 -166
- package/dist/NavigationMenu/AxosBank/SubNavBar.js +232 -248
- package/dist/NavigationMenu/AxosBank/index.js +19 -54
- package/dist/NavigationMenu/AxosClearing/NavBar.module.js +37 -37
- package/dist/NavigationMenu/AxosClearing/index.js +0 -1
- package/dist/NavigationMenu/AxosFiduciary/NavBar.module.js +41 -41
- package/dist/NavigationMenu/LaVictoire/NavBar.module.js +37 -37
- 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 +19 -44
- package/dist/NavigationMenu/Navbar.js +8 -9
- package/dist/NavigationMenu/SignInNavButton.js +19 -27
- package/dist/SetContainer/SetContainer.js +6 -11
- package/dist/SocialMediaBar/iconsRepository.d.ts +44 -14
- package/dist/SocialMediaBar/iconsRepository.js +32 -41
- 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 +4 -9
- package/dist/VideoWrapper/index.js +4 -9
- package/dist/WalnutIframe/wrapper.module.js +3 -3
- package/dist/assets/Avatar/Avatar.css +59 -59
- 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 +65 -8
- package/dist/assets/Chatbot/Bubble.css +19 -6
- package/dist/assets/Chatbot/ChatWindow.css +44 -10
- package/dist/assets/DownloadTile/DownloadTile.css +2 -2
- package/dist/assets/ExecutiveBio/ExecutiveBio.css +280 -172
- package/dist/assets/FdicCallout/FdicCallout.css +48 -48
- package/dist/assets/Forms/Forms.css +122 -115
- package/dist/assets/HelpArticle/HelpArticle.css +2 -2
- package/dist/assets/HeroBanner/HeroBanner.css +82 -65
- package/dist/assets/HeroBanner/LargeBanner.css +126 -59
- 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/Interstitial/Interstitial.css +142 -142
- package/dist/assets/LandingPageHeader/LandingPageHeader.css +28 -15
- package/dist/assets/NavigationMenu/AxosALTS/NavBar.css +264 -264
- package/dist/assets/NavigationMenu/AxosAdvisor/NavBar.css +609 -609
- package/dist/assets/NavigationMenu/AxosAdvisorServices/NavBar.css +630 -630
- package/dist/assets/NavigationMenu/AxosBank/MobileMenu/MobileMenu.css +191 -30
- package/dist/assets/NavigationMenu/AxosBank/NavBar.css +445 -445
- package/dist/assets/NavigationMenu/AxosClearing/NavBar.css +484 -484
- package/dist/assets/NavigationMenu/AxosFiduciary/NavBar.css +427 -427
- package/dist/assets/NavigationMenu/LaVictoire/NavBar.css +429 -429
- 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/WalnutIframe/wrapper.css +48 -48
- package/dist/assets/globals.css +28 -18
- package/dist/assets/notification.mp3.js +4 -0
- package/dist/assets/utils/optimizeImage/optimizeImage.css +47 -47
- package/dist/main.js +16 -6
- 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/getPosition.d.ts +1 -0
- package/dist/utils/getPosition.js +17 -0
- package/dist/utils/index.js +2 -1
- package/dist/utils/optimizeImage/optimizeImage.module.js +3 -3
- package/dist/utils/validateExternalLinks.d.ts +1 -1
- package/dist/utils/validateExternalLinks.js +4 -6
- package/dist/utils/variant.types.d.ts +1 -0
- package/package.json +7 -4
- package/dist/NavigationMenu/NavDataJson.d.ts +0 -2
- package/dist/NavigationMenu/NavDataJson.js +0 -317
package/README.md
CHANGED
|
@@ -1,111 +1,111 @@
|
|
|
1
|
-
# Installation
|
|
2
|
-
|
|
3
|
-
Using npm:
|
|
4
|
-
|
|
5
|
-
```shell
|
|
6
|
-
$ npm install @axos-web-dev/shared-components
|
|
7
|
-
```
|
|
8
|
-
|
|
9
|
-
To import components
|
|
10
|
-
In Node.js:
|
|
11
|
-
|
|
12
|
-
```js
|
|
13
|
-
// Import Components
|
|
14
|
-
import {
|
|
15
|
-
AlertBanner,
|
|
16
|
-
CallToActionBar,
|
|
17
|
-
DownloadTile,
|
|
18
|
-
ImageBillboard,
|
|
19
|
-
SecondaryFooter,
|
|
20
|
-
} from "@axos-web-dev/shared-components";
|
|
21
|
-
|
|
22
|
-
// Import Types/Interfaces
|
|
23
|
-
|
|
24
|
-
import { AlertBannerInterface } from "@axos-web-dev/shared-components/dist/AlertBanner/AlertBanner.interface";
|
|
25
|
-
```
|
|
26
|
-
|
|
27
|
-
In css files:
|
|
28
|
-
|
|
29
|
-
```css
|
|
30
|
-
/*** Import styles ***/
|
|
31
|
-
|
|
32
|
-
@import "@axos-web-dev/shared-components/dist/assets/AlertBanner/AlertBanner.css";
|
|
33
|
-
```
|
|
34
|
-
|
|
35
|
-
# Shared components
|
|
36
|
-
|
|
37
|
-
This project is develop using `React + TypeScript + Vite + Storybook + Vanilla-extract` to building custom components for internal use.
|
|
38
|
-
|
|
39
|
-
## How to add new component
|
|
40
|
-
|
|
41
|
-
For add a new component use the `src/lib` folder and create a folder for the component. After that you should register an export in `src/lib/main.ts` file.
|
|
42
|
-
|
|
43
|
-
Also you need create a storie for the new component. Go to `src/stories` and create a new file or folder.
|
|
44
|
-
|
|
45
|
-
```shell
|
|
46
|
-
git clone bofaz@vs-ssh.visualstudio.com:v3/bofaz/Axos%20Marketing%20Cloud/Shared%20Components shared-components
|
|
47
|
-
|
|
48
|
-
cd shared-components
|
|
49
|
-
|
|
50
|
-
npm install
|
|
51
|
-
|
|
52
|
-
# for using storybook
|
|
53
|
-
npm run storybook
|
|
54
|
-
|
|
55
|
-
# for build
|
|
56
|
-
npm run build
|
|
57
|
-
|
|
58
|
-
# for testing in other projects
|
|
59
|
-
npm run build
|
|
60
|
-
|
|
61
|
-
npm link
|
|
62
|
-
|
|
63
|
-
```
|
|
64
|
-
|
|
65
|
-
For publishing we need to udpate the version we are using [semantic versioning](https://semver.org/)
|
|
66
|
-
|
|
67
|
-
```
|
|
68
|
-
Given a version number MAJOR.MINOR.PATCH, increment the:
|
|
69
|
-
|
|
70
|
-
MAJOR version when you make incompatible API changes
|
|
71
|
-
MINOR version when you add functionality in a backward compatible manner
|
|
72
|
-
PATCH version when you make backward compatible bug fixes
|
|
73
|
-
|
|
74
|
-
Additional labels for pre-release and build metadata are available as extensions to the MAJOR.MINOR.PATCH format.
|
|
75
|
-
```
|
|
76
|
-
|
|
77
|
-
we can update the version with the following commands:
|
|
78
|
-
|
|
79
|
-
```shell
|
|
80
|
-
# bumps the patch number like 0.0.0 -> 0.0.1
|
|
81
|
-
npm version patch
|
|
82
|
-
|
|
83
|
-
# bumps the patch number like 0.0.0 -> 0.1.0
|
|
84
|
-
npm version minor
|
|
85
|
-
|
|
86
|
-
# bumps the patch number like 0.0.0 -> 1.0.0
|
|
87
|
-
npm version major
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
```
|
|
92
|
-
|
|
93
|
-
## How to publish new library version to npm
|
|
94
|
-
|
|
95
|
-
First update the version as previously described
|
|
96
|
-
|
|
97
|
-
```shell
|
|
98
|
-
npm version [...]
|
|
99
|
-
```
|
|
100
|
-
|
|
101
|
-
Then you will need to login into npm to do that write:
|
|
102
|
-
|
|
103
|
-
```shell
|
|
104
|
-
npm login --scope=@my-org
|
|
105
|
-
```
|
|
106
|
-
|
|
107
|
-
Last you to publish the new version:
|
|
108
|
-
|
|
109
|
-
```shell
|
|
110
|
-
npm publish
|
|
111
|
-
```
|
|
1
|
+
# Installation
|
|
2
|
+
|
|
3
|
+
Using npm:
|
|
4
|
+
|
|
5
|
+
```shell
|
|
6
|
+
$ npm install @axos-web-dev/shared-components
|
|
7
|
+
```
|
|
8
|
+
|
|
9
|
+
To import components
|
|
10
|
+
In Node.js:
|
|
11
|
+
|
|
12
|
+
```js
|
|
13
|
+
// Import Components
|
|
14
|
+
import {
|
|
15
|
+
AlertBanner,
|
|
16
|
+
CallToActionBar,
|
|
17
|
+
DownloadTile,
|
|
18
|
+
ImageBillboard,
|
|
19
|
+
SecondaryFooter,
|
|
20
|
+
} from "@axos-web-dev/shared-components";
|
|
21
|
+
|
|
22
|
+
// Import Types/Interfaces
|
|
23
|
+
|
|
24
|
+
import { AlertBannerInterface } from "@axos-web-dev/shared-components/dist/AlertBanner/AlertBanner.interface";
|
|
25
|
+
```
|
|
26
|
+
|
|
27
|
+
In css files:
|
|
28
|
+
|
|
29
|
+
```css
|
|
30
|
+
/*** Import styles ***/
|
|
31
|
+
|
|
32
|
+
@import "@axos-web-dev/shared-components/dist/assets/AlertBanner/AlertBanner.css";
|
|
33
|
+
```
|
|
34
|
+
|
|
35
|
+
# Shared components
|
|
36
|
+
|
|
37
|
+
This project is develop using `React + TypeScript + Vite + Storybook + Vanilla-extract` to building custom components for internal use.
|
|
38
|
+
|
|
39
|
+
## How to add new component
|
|
40
|
+
|
|
41
|
+
For add a new component use the `src/lib` folder and create a folder for the component. After that you should register an export in `src/lib/main.ts` file.
|
|
42
|
+
|
|
43
|
+
Also you need create a storie for the new component. Go to `src/stories` and create a new file or folder.
|
|
44
|
+
|
|
45
|
+
```shell
|
|
46
|
+
git clone bofaz@vs-ssh.visualstudio.com:v3/bofaz/Axos%20Marketing%20Cloud/Shared%20Components shared-components
|
|
47
|
+
|
|
48
|
+
cd shared-components
|
|
49
|
+
|
|
50
|
+
npm install
|
|
51
|
+
|
|
52
|
+
# for using storybook
|
|
53
|
+
npm run storybook
|
|
54
|
+
|
|
55
|
+
# for build
|
|
56
|
+
npm run build
|
|
57
|
+
|
|
58
|
+
# for testing in other projects
|
|
59
|
+
npm run build
|
|
60
|
+
|
|
61
|
+
npm link
|
|
62
|
+
|
|
63
|
+
```
|
|
64
|
+
|
|
65
|
+
For publishing we need to udpate the version we are using [semantic versioning](https://semver.org/)
|
|
66
|
+
|
|
67
|
+
```
|
|
68
|
+
Given a version number MAJOR.MINOR.PATCH, increment the:
|
|
69
|
+
|
|
70
|
+
MAJOR version when you make incompatible API changes
|
|
71
|
+
MINOR version when you add functionality in a backward compatible manner
|
|
72
|
+
PATCH version when you make backward compatible bug fixes
|
|
73
|
+
|
|
74
|
+
Additional labels for pre-release and build metadata are available as extensions to the MAJOR.MINOR.PATCH format.
|
|
75
|
+
```
|
|
76
|
+
|
|
77
|
+
we can update the version with the following commands:
|
|
78
|
+
|
|
79
|
+
```shell
|
|
80
|
+
# bumps the patch number like 0.0.0 -> 0.0.1
|
|
81
|
+
npm version patch
|
|
82
|
+
|
|
83
|
+
# bumps the patch number like 0.0.0 -> 0.1.0
|
|
84
|
+
npm version minor
|
|
85
|
+
|
|
86
|
+
# bumps the patch number like 0.0.0 -> 1.0.0
|
|
87
|
+
npm version major
|
|
88
|
+
|
|
89
|
+
|
|
90
|
+
|
|
91
|
+
```
|
|
92
|
+
|
|
93
|
+
## How to publish new library version to npm
|
|
94
|
+
|
|
95
|
+
First update the version as previously described
|
|
96
|
+
|
|
97
|
+
```shell
|
|
98
|
+
npm version [...]
|
|
99
|
+
```
|
|
100
|
+
|
|
101
|
+
Then you will need to login into npm to do that write:
|
|
102
|
+
|
|
103
|
+
```shell
|
|
104
|
+
npm login --scope=@my-org
|
|
105
|
+
```
|
|
106
|
+
|
|
107
|
+
Last you to publish the new version:
|
|
108
|
+
|
|
109
|
+
```shell
|
|
110
|
+
npm publish
|
|
111
|
+
```
|
|
@@ -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/
|
|
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/Bubble.css';import '../assets/Chatbot/Chatbot.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 */
|
|
@@ -69,17 +68,17 @@ import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js"
|
|
|
69
68
|
/* empty css */
|
|
70
69
|
import "../Carousel/index.js";
|
|
71
70
|
/* empty css */
|
|
71
|
+
/* empty css */
|
|
72
72
|
/* empty css */
|
|
73
73
|
import "../Chatbot/store/chat.js";
|
|
74
|
-
import "../Chatbot/
|
|
75
|
-
/* empty css */
|
|
74
|
+
import "../Chatbot/Chatbot.js";
|
|
76
75
|
/* empty css */
|
|
77
76
|
import "../Chatbot/store/messages.js";
|
|
78
77
|
/* empty css */
|
|
79
78
|
import "../Comparison/Comparison.css.js";
|
|
80
79
|
import "next/image.js";
|
|
81
|
-
import "../HeroBanner/HeroBanner.css.js";
|
|
82
80
|
import "../HeroBanner/LargeBanner.css.js";
|
|
81
|
+
import "../HeroBanner/HeroBanner.css.js";
|
|
83
82
|
import "../HeroBanner/SelectionBanner.css.js";
|
|
84
83
|
import "../SetContainer/SetContainer.css.js";
|
|
85
84
|
import "../Tab/Tab.css.js";
|
|
@@ -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/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/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";
|
|
@@ -61,18 +63,18 @@ import "./SignInPassword.js";
|
|
|
61
63
|
/* empty css */
|
|
62
64
|
import "../Carousel/index.js";
|
|
63
65
|
/* empty css */
|
|
66
|
+
/* empty css */
|
|
64
67
|
/* empty css */
|
|
65
68
|
import "../Chatbot/store/chat.js";
|
|
66
|
-
import "../Chatbot/
|
|
67
|
-
/* empty css */
|
|
69
|
+
import "../Chatbot/Chatbot.js";
|
|
68
70
|
/* empty css */
|
|
69
71
|
import "../Chatbot/store/messages.js";
|
|
70
72
|
import { Hyperlink } from "../Hyperlink/index.js";
|
|
71
73
|
/* empty css */
|
|
72
74
|
import "../Comparison/Comparison.css.js";
|
|
73
75
|
import "next/image.js";
|
|
74
|
-
import "../HeroBanner/HeroBanner.css.js";
|
|
75
76
|
import "../HeroBanner/LargeBanner.css.js";
|
|
77
|
+
import "../HeroBanner/HeroBanner.css.js";
|
|
76
78
|
import "../HeroBanner/SelectionBanner.css.js";
|
|
77
79
|
import "../SetContainer/SetContainer.css.js";
|
|
78
80
|
import "../Tab/Tab.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,10 +1,10 @@
|
|
|
1
|
-
import '../assets/Avatar/Avatar.css';const avatar_sec = "
|
|
2
|
-
const container = "
|
|
3
|
-
const image = "
|
|
4
|
-
const text = "
|
|
5
|
-
const name = "
|
|
6
|
-
const title = "
|
|
7
|
-
const description = "
|
|
1
|
+
import '../assets/Avatar/Avatar.css';const avatar_sec = "_avatar_sec_q4a8z_1";
|
|
2
|
+
const container = "_container_q4a8z_9";
|
|
3
|
+
const image = "_image_q4a8z_27";
|
|
4
|
+
const text = "_text_q4a8z_45";
|
|
5
|
+
const name = "_name_q4a8z_57";
|
|
6
|
+
const title = "_title_q4a8z_73";
|
|
7
|
+
const description = "_description_q4a8z_87";
|
|
8
8
|
const css = {
|
|
9
9
|
avatar_sec,
|
|
10
10
|
container,
|
|
@@ -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
|
@@ -6,7 +6,7 @@ import "../Accordion/Accordion.js";
|
|
|
6
6
|
import "../Accordion/Accordion.css.js";
|
|
7
7
|
import "../icons/ArrowIcon/ArrowIcon.css.js";
|
|
8
8
|
import "../icons/CheckIcon/CheckIcon.css.js";
|
|
9
|
-
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/
|
|
9
|
+
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 */
|
|
10
10
|
/* empty css */
|
|
11
11
|
/* empty css */
|
|
12
12
|
/* empty css */
|
|
@@ -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";
|
|
@@ -72,17 +71,17 @@ import "../Auth/SignInPassword.js";
|
|
|
72
71
|
/* empty css */
|
|
73
72
|
import "../Carousel/index.js";
|
|
74
73
|
/* empty css */
|
|
74
|
+
/* empty css */
|
|
75
75
|
/* empty css */
|
|
76
76
|
import "../Chatbot/store/chat.js";
|
|
77
|
-
import "../Chatbot/
|
|
78
|
-
/* empty css */
|
|
77
|
+
import "../Chatbot/Chatbot.js";
|
|
79
78
|
/* empty css */
|
|
80
79
|
import "../Chatbot/store/messages.js";
|
|
81
80
|
/* empty css */
|
|
82
81
|
import "../Comparison/Comparison.css.js";
|
|
83
82
|
import "next/image.js";
|
|
84
|
-
import "../HeroBanner/HeroBanner.css.js";
|
|
85
83
|
import "../HeroBanner/LargeBanner.css.js";
|
|
84
|
+
import "../HeroBanner/HeroBanner.css.js";
|
|
86
85
|
import "../HeroBanner/SelectionBanner.css.js";
|
|
87
86
|
import "../SetContainer/SetContainer.css.js";
|
|
88
87
|
import "../Tab/Tab.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);
|