@axos-web-dev/shared-components 2.0.0-dev.5 → 2.0.0-dev.7
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 +3 -3
- package/dist/Accordion/Accordion.js +3 -3
- package/dist/AlertBanner/index.js +1 -1
- package/dist/Article/Article.js +1 -1
- package/dist/Auth/ErrorAlert.js +3 -3
- package/dist/Avatar/Avatar.module.js +7 -7
- package/dist/Blockquote/Blockquote.module.js +3 -3
- package/dist/Button/Button.js +3 -3
- package/dist/Calculators/AnnualFeeCalculator/index.js +1 -1
- package/dist/Calculators/ApyCalculator/index.js +1 -1
- package/dist/Calculators/BuyDownCalculator/index.js +5 -12
- package/dist/Calculators/Calculator.d.ts +0 -1
- package/dist/Calculators/Calculator.js +15 -17
- package/dist/Calculators/MarginTradingCalculator/index.js +4 -4
- package/dist/Calculators/MarineLoanMonthlyPaymentCalculator/index.js +1 -1
- package/dist/Calculators/MaxLoanCalculator/index.js +1 -1
- package/dist/Calculators/MonthlyPaymentCalculator/index.js +1 -1
- package/dist/Calculators/MonthlyPaymentLVFCalculator/index.js +1 -1
- package/dist/Carousel/index.js +12 -14
- package/dist/Chatbot/ChatWindow.css.d.ts +0 -4
- package/dist/Chatbot/ChatWindow.css.js +0 -8
- package/dist/Chatbot/ChatWindow.js +2 -8
- package/dist/Chatbot/Chatbot.js +9 -29
- package/dist/Chatbot/ChatbotMessage.d.ts +0 -1
- package/dist/Chatbot/ChatbotMessage.js +4 -47
- package/dist/Chatbot/index.js +1 -5
- package/dist/Chevron/index.js +3 -3
- package/dist/Comparison/Comparison.js +3 -3
- package/dist/ContentBanner/index.js +1 -1
- package/dist/ExecutiveBio/ExecutiveBio.js +4 -4
- package/dist/ExecutiveBio/ExecutiveBioSet.js +1 -1
- package/dist/FaqAccordion/index.js +4 -4
- package/dist/FdicCallout/FdicCallout.module.js +2 -2
- package/dist/FooterDisclosure/FooterDisclosure.js +1 -1
- package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +3 -3
- package/dist/Forms/ApplicationStart.js +3 -1
- package/dist/Forms/ApplyNow.js +3 -3
- package/dist/Forms/BoatMooringLocation.d.ts +0 -2
- package/dist/Forms/BoatMooringLocation.js +3 -57
- package/dist/Forms/ClearingForm.js +3 -1
- package/dist/Forms/CommercialDeposits.js +3 -1
- package/dist/Forms/CommercialDepositsNoLendingOption.js +3 -1
- package/dist/Forms/CommercialLending.js +24 -9
- package/dist/Forms/CommercialPremiumFinance.js +11 -3
- package/dist/Forms/ConstructionLendingDynamic.js +3 -1
- package/dist/Forms/ContactCompany.js +3 -1
- package/dist/Forms/ContactCompanyTitle.js +3 -1
- package/dist/Forms/ContactUs.js +3 -1
- package/dist/Forms/ContactUsAAS.js +7 -1
- package/dist/Forms/ContactUsBusiness.js +10 -4
- package/dist/Forms/ContactUsBusinessNameEmail.js +10 -4
- package/dist/Forms/ContactUsLVF.js +3 -1
- package/dist/Forms/ContactUsNMLSId.js +10 -4
- package/dist/Forms/CpraRequest.js +6 -4
- package/dist/Forms/CraPublicFile.js +10 -4
- package/dist/Forms/DealerServices.js +3 -1
- package/dist/Forms/EmailOnly.js +3 -3
- package/dist/Forms/EmailUs.js +37 -41
- package/dist/Forms/Forms.css.d.ts +0 -3
- package/dist/Forms/Forms.css.js +39 -39
- package/dist/Forms/MortgageRate/MortgageRateForm.js +8 -6
- package/dist/Forms/MortgageRate/MortgageRateQuoteFilters.d.ts +6 -6
- package/dist/Forms/MortgageRate/MortgageRateQuoteFilters.js +10 -7
- package/dist/Forms/MortgageRate/MortgageRateWatch.d.ts +2 -2
- package/dist/Forms/MortgageRate/MortgageRateWatch.js +10 -7
- package/dist/Forms/MortgageWarehouseLending.js +10 -4
- package/dist/Forms/QuickPricer/QuickPricerForm.js +8 -4
- package/dist/Forms/ScheduleCall.js +3 -1
- package/dist/Forms/SuccesForm.js +3 -3
- package/dist/Forms/VendorQuestionnaire.js +3 -1
- package/dist/Forms/WcplSurvey.js +3 -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 +223 -0
- package/dist/HeroBanner/index.js +3 -2
- package/dist/Hyperlink/index.js +3 -3
- package/dist/IconBillboard/IconBillboardSet.js +1 -1
- package/dist/ImageBillboard/ExitIntentModal/ModalWrapper.d.ts +1 -1
- package/dist/ImageBillboard/ExitIntentModal/useExitIntentModal.d.ts +1 -1
- package/dist/ImageBillboard/ImageBillboard.js +1 -1
- package/dist/ImageLink/ImageLink.js +2 -2
- package/dist/ImageLink/ImageLinkSet.js +2 -2
- package/dist/ImageLink/index.js +3 -3
- package/dist/Input/Checkbox.js +2 -2
- package/dist/Input/DownPaymentInput.js +1 -1
- package/dist/Input/Dropdown.js +1 -1
- package/dist/Input/Input.js +1 -1
- package/dist/Input/InputTextArea.js +1 -1
- package/dist/Insight/Featured/CategorySelector.js +3 -3
- package/dist/Insight/Featured/Featured.js +5 -5
- package/dist/Insight/Featured/Header.js +3 -3
- package/dist/Interstitial/Interstitial.module.js +10 -10
- package/dist/LandingPageHeader/LandingPageHeader.js +1 -1
- package/dist/Modal/Modal.js +3 -3
- package/dist/Modal/contextApi/store.js +1 -1
- package/dist/NavigationMenu/AxosALTS/NavBar.css.js +1 -1
- package/dist/NavigationMenu/AxosALTS/NavBar.module.js +23 -23
- package/dist/NavigationMenu/AxosALTS/index.js +3 -3
- package/dist/NavigationMenu/AxosAdvisor/NavBar.css.js +1 -1
- package/dist/NavigationMenu/AxosAdvisor/NavBar.module.js +52 -52
- package/dist/NavigationMenu/AxosAdvisorServices/NavBar.css.js +1 -1
- package/dist/NavigationMenu/AxosAdvisorServices/NavBar.module.js +53 -53
- package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.js +3 -3
- package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.module.js +27 -27
- package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.d.ts +1 -1
- package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.js +5 -3
- package/dist/NavigationMenu/AxosBank/NavBar.css.js +1 -1
- package/dist/NavigationMenu/AxosBank/NavBar.module.js +39 -39
- package/dist/NavigationMenu/AxosBank/SubNavBar.js +4 -4
- package/dist/NavigationMenu/AxosBank/index.js +13 -5
- package/dist/NavigationMenu/AxosClearing/NavBar.css.js +1 -1
- package/dist/NavigationMenu/AxosClearing/NavBar.module.js +37 -37
- package/dist/NavigationMenu/AxosFiduciary/NavBar.module.js +41 -41
- package/dist/NavigationMenu/LaVictoire/NavBar.css.js +1 -1
- package/dist/NavigationMenu/LaVictoire/NavBar.module.js +37 -37
- package/dist/NavigationMenu/LaVictoire/index.js +3 -3
- package/dist/NavigationMenu/Navbar.js +3 -3
- package/dist/NavigationMenu/SignInNavButton.js +3 -3
- package/dist/PageNavItem/PageNavItem.js +1 -1
- package/dist/SetContainer/SetContainer.js +3 -3
- package/dist/SocialMediaBar/iconsRepository.js +3 -3
- package/dist/StepItem/StepItem.js +1 -1
- package/dist/StepItemSet/StepItemSet.js +1 -1
- package/dist/Table/Table.d.ts +20 -21
- package/dist/Table/Table.js +1 -1
- package/dist/Topic/Topic.js +1 -1
- package/dist/VideoTile/VideoTile.js +3 -3
- package/dist/VideoWrapper/index.js +3 -3
- package/dist/WalnutIframe/wrapper.module.js +3 -3
- package/dist/assets/Avatar/{Avatar.css → Avatar.css.css} +59 -59
- package/dist/assets/Blockquote/{Blockquote.css → Blockquote.css.css} +72 -72
- package/dist/assets/Chatbot/ChatWindow.css +0 -26
- package/dist/assets/ExecutiveBio/ExecutiveBio.css +2 -0
- package/dist/assets/FdicCallout/{FdicCallout.css → FdicCallout.css.css} +48 -48
- package/dist/assets/Forms/Forms.css +91 -94
- package/dist/assets/HeroBanner/HeroBanner.css +82 -65
- package/dist/assets/HeroBanner/LargeBanner.css +126 -59
- package/dist/assets/Interstitial/{Interstitial.css → Interstitial.css.css} +142 -142
- package/dist/assets/NavigationMenu/AxosALTS/NavBar.css +3 -264
- package/dist/assets/NavigationMenu/AxosALTS/NavBar.css.css +264 -0
- package/dist/assets/NavigationMenu/AxosAdvisor/NavBar.css +30 -609
- package/dist/assets/NavigationMenu/AxosAdvisor/NavBar.css.css +609 -0
- package/dist/assets/NavigationMenu/AxosAdvisorServices/NavBar.css +30 -630
- package/dist/assets/NavigationMenu/AxosAdvisorServices/NavBar.css.css +630 -0
- package/dist/assets/NavigationMenu/AxosBank/MobileMenu/{MobileMenu.css → MobileMenu.css.css} +353 -353
- package/dist/assets/NavigationMenu/AxosBank/NavBar.css +40 -445
- package/dist/assets/NavigationMenu/AxosBank/NavBar.css.css +445 -0
- package/dist/assets/NavigationMenu/AxosClearing/NavBar.css +4 -484
- package/dist/assets/NavigationMenu/AxosClearing/NavBar.css.css +484 -0
- package/dist/assets/NavigationMenu/AxosFiduciary/{NavBar.css → NavBar.css.css} +427 -427
- package/dist/assets/NavigationMenu/LaVictoire/NavBar.css +3 -429
- package/dist/assets/NavigationMenu/LaVictoire/NavBar.css.css +429 -0
- package/dist/assets/WalnutIframe/{wrapper.css → wrapper.css.css} +48 -48
- package/dist/assets/globals.css +6 -6
- package/dist/assets/utils/optimizeImage/{optimizeImage.css → optimizeImage.css.css} +47 -47
- package/dist/main.js +4 -7
- package/dist/utils/allowedAxosDomains.js +2 -2
- package/dist/utils/getPosition.d.ts +1 -0
- package/dist/utils/getPosition.js +17 -0
- package/dist/utils/optimizeImage/optimizeImage.module.js +3 -3
- package/dist/utils/useCachedValidators.js +2 -2
- package/dist/utils/variant.types.d.ts +1 -0
- package/package.json +136 -148
- package/dist/assets/NavigationMenu/AxosALTS/NavBar2.css +0 -3
- package/dist/assets/NavigationMenu/AxosAdvisor/NavBar2.css +0 -30
- package/dist/assets/NavigationMenu/AxosAdvisorServices/NavBar2.css +0 -30
- package/dist/assets/NavigationMenu/AxosBank/NavBar2.css +0 -40
- package/dist/assets/NavigationMenu/AxosClearing/NavBar2.css +0 -4
- package/dist/assets/NavigationMenu/LaVictoire/NavBar2.css +0 -3
- package/dist/assets/notification.mp3.js +0 -4
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,7 +4,7 @@ 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/
|
|
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/NavBar.css';import '../assets/NavigationMenu/AxosALTS/NavBar.css';import '../assets/NavigationMenu/AxosClearing/NavBar.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/VideoTile/VideoTile.css';import '../assets/HelpArticle/HelpArticle.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/Chatbot/ChatWindow.css';import '../assets/Chatbot/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 */
|
|
@@ -70,15 +70,15 @@ import "../Carousel/index.js";
|
|
|
70
70
|
/* empty css */
|
|
71
71
|
/* empty css */
|
|
72
72
|
import "../Chatbot/store/chat.js";
|
|
73
|
-
import "../Chatbot/
|
|
73
|
+
import "../Chatbot/authenticate.js";
|
|
74
74
|
/* empty css */
|
|
75
75
|
/* empty css */
|
|
76
76
|
import "../Chatbot/store/messages.js";
|
|
77
77
|
/* empty css */
|
|
78
78
|
import "../Comparison/Comparison.css.js";
|
|
79
79
|
import "next/image.js";
|
|
80
|
-
import "../HeroBanner/HeroBanner.css.js";
|
|
81
80
|
import "../HeroBanner/LargeBanner.css.js";
|
|
81
|
+
import "../HeroBanner/HeroBanner.css.js";
|
|
82
82
|
import "../HeroBanner/SelectionBanner.css.js";
|
|
83
83
|
import "../SetContainer/SetContainer.css.js";
|
|
84
84
|
import "../Tab/Tab.css.js";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import {
|
|
2
|
+
import { jsxs, jsx } from "react/jsx-runtime";
|
|
3
3
|
import clsx from "clsx";
|
|
4
|
-
import React, { createContext,
|
|
4
|
+
import React, { createContext, useContext, useState } from "react";
|
|
5
5
|
import "../icons/ArrowIcon/ArrowIcon.css.js";
|
|
6
6
|
import "../icons/CheckIcon/CheckIcon.css.js";
|
|
7
7
|
import SvgChevronDown from "../icons/ChevronDown.js";
|
|
@@ -12,7 +12,7 @@ import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/Downl
|
|
|
12
12
|
/* empty css */
|
|
13
13
|
/* empty css */
|
|
14
14
|
/* empty css */
|
|
15
|
-
import {
|
|
15
|
+
import { headerContent, icon, headerAccordion, bodyAccordion, hide, paragraph, accordion } from "./Accordion.css.js";
|
|
16
16
|
const AccordionCtx = createContext({
|
|
17
17
|
isOpen: false,
|
|
18
18
|
onclick: () => {
|
|
@@ -10,7 +10,7 @@ import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/Downl
|
|
|
10
10
|
/* empty css */
|
|
11
11
|
import SvgLockIcon from "../icons/LockIcon/index.js";
|
|
12
12
|
import { SvgWarningIcon } from "../icons/WarningIcon/index.js";
|
|
13
|
-
import { alertBanner_img_section, alertBanner_body, alertBanner_cta
|
|
13
|
+
import { alertBanner, alertBanner_img_section, alertBanner_body, alertBanner_cta } from "./AlertBanner.css.js";
|
|
14
14
|
const AlertBanner = ({
|
|
15
15
|
alertType,
|
|
16
16
|
message,
|
package/dist/Article/Article.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsxs, jsx, Fragment } from "react/jsx-runtime";
|
|
2
2
|
import { getVariant } from "../utils/getVariant.js";
|
|
3
3
|
import { OptimizeImage } from "../utils/optimizeImage/OptimizeImage.js";
|
|
4
|
-
import { ant_img, ant_content, ant_eyebrow, ant_card_title, ant_card_body, ant_card_cta
|
|
4
|
+
import { ant_article, ant_img, ant_content, ant_eyebrow, ant_card_title, ant_card_body, ant_card_cta } from "./Article.css.js";
|
|
5
5
|
import { Button } from "../Button/Button.js";
|
|
6
6
|
import "../Button/Button.css.js";
|
|
7
7
|
import "react";
|
package/dist/Auth/ErrorAlert.js
CHANGED
|
@@ -17,7 +17,7 @@ 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/
|
|
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/NavBar.css';import '../assets/NavigationMenu/AxosALTS/NavBar.css';import '../assets/NavigationMenu/AxosClearing/NavBar.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/VideoTile/VideoTile.css';import '../assets/HelpArticle/HelpArticle.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/Chatbot/ChatWindow.css';import '../assets/Chatbot/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 */
|
|
@@ -65,7 +65,7 @@ import "../Carousel/index.js";
|
|
|
65
65
|
/* empty css */
|
|
66
66
|
/* empty css */
|
|
67
67
|
import "../Chatbot/store/chat.js";
|
|
68
|
-
import "../Chatbot/
|
|
68
|
+
import "../Chatbot/authenticate.js";
|
|
69
69
|
/* empty css */
|
|
70
70
|
/* empty css */
|
|
71
71
|
import "../Chatbot/store/messages.js";
|
|
@@ -73,8 +73,8 @@ import { Hyperlink } from "../Hyperlink/index.js";
|
|
|
73
73
|
/* empty css */
|
|
74
74
|
import "../Comparison/Comparison.css.js";
|
|
75
75
|
import "next/image.js";
|
|
76
|
-
import "../HeroBanner/HeroBanner.css.js";
|
|
77
76
|
import "../HeroBanner/LargeBanner.css.js";
|
|
77
|
+
import "../HeroBanner/HeroBanner.css.js";
|
|
78
78
|
import "../HeroBanner/SelectionBanner.css.js";
|
|
79
79
|
import "../SetContainer/SetContainer.css.js";
|
|
80
80
|
import "../Tab/Tab.css.js";
|
|
@@ -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.css';const avatar_sec = "_avatar_sec_1clr6_1";
|
|
2
|
+
const container = "_container_1clr6_5";
|
|
3
|
+
const image = "_image_1clr6_14";
|
|
4
|
+
const text = "_text_1clr6_23";
|
|
5
|
+
const name = "_name_1clr6_29";
|
|
6
|
+
const title = "_title_1clr6_37";
|
|
7
|
+
const description = "_description_1clr6_44";
|
|
8
8
|
const css = {
|
|
9
9
|
avatar_sec,
|
|
10
10
|
container,
|
|
@@ -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.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,
|
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/
|
|
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/NavBar.css';import '../assets/NavigationMenu/AxosALTS/NavBar.css';import '../assets/NavigationMenu/AxosClearing/NavBar.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/VideoTile/VideoTile.css';import '../assets/HelpArticle/HelpArticle.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/Chatbot/ChatWindow.css';import '../assets/Chatbot/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/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 */
|
|
@@ -73,15 +73,15 @@ import "../Carousel/index.js";
|
|
|
73
73
|
/* empty css */
|
|
74
74
|
/* empty css */
|
|
75
75
|
import "../Chatbot/store/chat.js";
|
|
76
|
-
import "../Chatbot/
|
|
76
|
+
import "../Chatbot/authenticate.js";
|
|
77
77
|
/* empty css */
|
|
78
78
|
/* empty css */
|
|
79
79
|
import "../Chatbot/store/messages.js";
|
|
80
80
|
/* empty css */
|
|
81
81
|
import "../Comparison/Comparison.css.js";
|
|
82
82
|
import "next/image.js";
|
|
83
|
-
import "../HeroBanner/HeroBanner.css.js";
|
|
84
83
|
import "../HeroBanner/LargeBanner.css.js";
|
|
84
|
+
import "../HeroBanner/HeroBanner.css.js";
|
|
85
85
|
import "../HeroBanner/SelectionBanner.css.js";
|
|
86
86
|
import "../SetContainer/SetContainer.css.js";
|
|
87
87
|
import "../Tab/Tab.css.js";
|
|
@@ -7,7 +7,7 @@ import { getVariant } from "../../utils/getVariant.js";
|
|
|
7
7
|
import { useRef, useState, useEffect } from "react";
|
|
8
8
|
import clsx from "clsx";
|
|
9
9
|
import { calculator } from "../calculator.css.js";
|
|
10
|
-
import { calc_container, calc_block, pb0_1023, slider_block_wrapper, w100, stat_row, balance_wrapper, fb50, stat, slider_wrapper, slider, pt0_1023, text_block
|
|
10
|
+
import { container, calc_container, calc_block, pb0_1023, slider_block_wrapper, w100, stat_row, balance_wrapper, fb50, stat, slider_wrapper, slider, pt0_1023, text_block } from "./AnnualFeeCalculator.css.js";
|
|
11
11
|
const AnnualFeeCalculator = ({
|
|
12
12
|
marketingTiles,
|
|
13
13
|
variant: fullVariant = "primary"
|
|
@@ -8,7 +8,7 @@ import { Chevron } from "../../Chevron/index.js";
|
|
|
8
8
|
import { section_container, content, headerIconBillboard, buttons } from "../../IconBillboard/IconBillboard.css.js";
|
|
9
9
|
import { useGlobalContext } from "../../Modal/contextApi/store.js";
|
|
10
10
|
import { getVariant } from "../../utils/getVariant.js";
|
|
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
|
|
11
|
+
import { container, apy_calculator, calculator_section, section_header, header_theme, mt_8, apy_calculator_form, pis_0, errorTag, fieldset, field_row, relative, label_symbol, cash, prefix_pad, percent, submit_section, span_12, form_disclosure, marketing, marketingTile, bodyContent } from "./ApyCalculator.css.js";
|
|
12
12
|
const ApyCalculator = ({
|
|
13
13
|
header,
|
|
14
14
|
body,
|
|
@@ -22,7 +22,7 @@ import { z } from "zod";
|
|
|
22
22
|
import { getVariant } from "../../utils/getVariant.js";
|
|
23
23
|
import clsx from "clsx";
|
|
24
24
|
import { useForm, FormProvider } from "react-hook-form";
|
|
25
|
-
import { calculator_section, section_header, theme_header, mt_8, buydown_calculator_form, row_form, calculate_row, form_wrapper, form_disclosure
|
|
25
|
+
import { calc_container, calculator_section, section_header, theme_header, mt_8, buydown_calculator_form, row_form, calculate_row, form_wrapper, form_disclosure } from "./BuyDownCalculator.css.js";
|
|
26
26
|
const BuyDownCalculator = ({
|
|
27
27
|
header,
|
|
28
28
|
body,
|
|
@@ -72,16 +72,7 @@ const BuyDownCalculator = ({
|
|
|
72
72
|
}),
|
|
73
73
|
buydownTerm: z.string().min(1, { message: "Buydown Term is required." }).transform((val) => {
|
|
74
74
|
return formatToNumber(val);
|
|
75
|
-
})
|
|
76
|
-
fullTimeCharter: z.boolean().optional(),
|
|
77
|
-
mooringOutsideContinentalUS: z.boolean().optional(),
|
|
78
|
-
operatingAccount: z.boolean().optional(),
|
|
79
|
-
floorplanDealerIncentive: z.boolean().optional(),
|
|
80
|
-
dealerCommercialDeposit: z.boolean().optional(),
|
|
81
|
-
vesselOver15Years: z.boolean().optional(),
|
|
82
|
-
highPerformanceBoats: z.boolean().optional(),
|
|
83
|
-
retailCheckingAccount: z.boolean().optional(),
|
|
84
|
-
electricMotorHybrid: z.boolean().optional()
|
|
75
|
+
})
|
|
85
76
|
}).superRefine((values, ctx) => {
|
|
86
77
|
const {
|
|
87
78
|
purchasePrice,
|
|
@@ -141,7 +132,9 @@ const BuyDownCalculator = ({
|
|
|
141
132
|
}
|
|
142
133
|
});
|
|
143
134
|
const methods = useForm({
|
|
144
|
-
resolver: zodResolver(schema
|
|
135
|
+
resolver: zodResolver(schema, {
|
|
136
|
+
async: true
|
|
137
|
+
}),
|
|
145
138
|
mode: "all"
|
|
146
139
|
});
|
|
147
140
|
const {
|
|
@@ -7,7 +7,7 @@ import "../icons/ArrowIcon/ArrowIcon.css.js";
|
|
|
7
7
|
import SvgAxosX from "../icons/AxosX/index.js";
|
|
8
8
|
import SvgComponent from "../icons/AxosX/Blue.js";
|
|
9
9
|
import "../icons/CheckIcon/CheckIcon.css.js";
|
|
10
|
-
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/
|
|
10
|
+
import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/NavBar.css';import '../assets/NavigationMenu/AxosALTS/NavBar.css';import '../assets/NavigationMenu/AxosClearing/NavBar.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/VideoTile/VideoTile.css';import '../assets/HelpArticle/HelpArticle.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/Chatbot/ChatWindow.css';import '../assets/Chatbot/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/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 */
|
|
11
11
|
/* empty css */
|
|
12
12
|
/* empty css */
|
|
13
13
|
/* empty css */
|
|
@@ -52,7 +52,7 @@ import "../Carousel/index.js";
|
|
|
52
52
|
/* empty css */
|
|
53
53
|
/* empty css */
|
|
54
54
|
import "../Chatbot/store/chat.js";
|
|
55
|
-
import "../Chatbot/
|
|
55
|
+
import "../Chatbot/authenticate.js";
|
|
56
56
|
/* empty css */
|
|
57
57
|
import "react-use";
|
|
58
58
|
/* empty css */
|
|
@@ -60,8 +60,8 @@ import "../Chatbot/store/messages.js";
|
|
|
60
60
|
/* empty css */
|
|
61
61
|
import "../Comparison/Comparison.css.js";
|
|
62
62
|
import "next/image.js";
|
|
63
|
-
import "../HeroBanner/HeroBanner.css.js";
|
|
64
63
|
import "../HeroBanner/LargeBanner.css.js";
|
|
64
|
+
import "../HeroBanner/HeroBanner.css.js";
|
|
65
65
|
import "../HeroBanner/SelectionBanner.css.js";
|
|
66
66
|
import "../SetContainer/SetContainer.css.js";
|
|
67
67
|
import "../Tab/Tab.css.js";
|
|
@@ -139,21 +139,19 @@ const Calculator = (props) => {
|
|
|
139
139
|
disclosure,
|
|
140
140
|
headline,
|
|
141
141
|
name,
|
|
142
|
-
calculatorName,
|
|
143
142
|
marketingTiles,
|
|
144
143
|
initialBalance,
|
|
145
144
|
callToActionRow
|
|
146
145
|
} = props;
|
|
147
146
|
const ref = useRef(null);
|
|
148
147
|
const iframe = calculators.get(name || "");
|
|
149
|
-
const resolvedName = (name ?? calculatorName)?.trim();
|
|
150
148
|
useEffect(() => {
|
|
151
149
|
if (window !== void 0) {
|
|
152
150
|
iframeResizer({ log: false }, ".iframe-calculator");
|
|
153
151
|
}
|
|
154
152
|
}, []);
|
|
155
153
|
const variant = getVariant(props.variant);
|
|
156
|
-
if (
|
|
154
|
+
if (name?.toLowerCase()?.includes("atm locator")) {
|
|
157
155
|
return /* @__PURE__ */ jsx(
|
|
158
156
|
ATMLocator,
|
|
159
157
|
{
|
|
@@ -164,7 +162,7 @@ const Calculator = (props) => {
|
|
|
164
162
|
disclosure
|
|
165
163
|
}
|
|
166
164
|
);
|
|
167
|
-
} else if (
|
|
165
|
+
} else if (name === "APY") {
|
|
168
166
|
return /* @__PURE__ */ jsx(
|
|
169
167
|
ApyCalculator,
|
|
170
168
|
{
|
|
@@ -175,7 +173,7 @@ const Calculator = (props) => {
|
|
|
175
173
|
disclosure
|
|
176
174
|
}
|
|
177
175
|
);
|
|
178
|
-
} else if (
|
|
176
|
+
} else if (name === "Monthly Payment") {
|
|
179
177
|
return /* @__PURE__ */ jsx(
|
|
180
178
|
MonthlyPaymentCalculator,
|
|
181
179
|
{
|
|
@@ -185,7 +183,7 @@ const Calculator = (props) => {
|
|
|
185
183
|
disclosure
|
|
186
184
|
}
|
|
187
185
|
);
|
|
188
|
-
} else if (
|
|
186
|
+
} else if (name === "Calculate a Loan Payment LVF") {
|
|
189
187
|
return /* @__PURE__ */ jsx(
|
|
190
188
|
MonthlyPaymentLVFCalculator,
|
|
191
189
|
{
|
|
@@ -195,9 +193,9 @@ const Calculator = (props) => {
|
|
|
195
193
|
disclosure
|
|
196
194
|
}
|
|
197
195
|
);
|
|
198
|
-
} else if (
|
|
196
|
+
} else if (name === "Max Loan") {
|
|
199
197
|
return /* @__PURE__ */ jsx(MaxLoanCalculator, { header: headline, body: bodyCopy, variant });
|
|
200
|
-
} else if (
|
|
198
|
+
} else if (name === "Annual Fee") {
|
|
201
199
|
return /* @__PURE__ */ jsx(
|
|
202
200
|
AnnualFeeCalculator,
|
|
203
201
|
{
|
|
@@ -207,7 +205,7 @@ const Calculator = (props) => {
|
|
|
207
205
|
variant
|
|
208
206
|
}
|
|
209
207
|
);
|
|
210
|
-
} else if (
|
|
208
|
+
} else if (name === "Margin Trading") {
|
|
211
209
|
return /* @__PURE__ */ jsx(
|
|
212
210
|
MarginTradingCalculator,
|
|
213
211
|
{
|
|
@@ -215,7 +213,7 @@ const Calculator = (props) => {
|
|
|
215
213
|
variant
|
|
216
214
|
}
|
|
217
215
|
);
|
|
218
|
-
} else if (
|
|
216
|
+
} else if (name === "APY Balance") {
|
|
219
217
|
return /* @__PURE__ */ jsx(
|
|
220
218
|
BalanceAPYCalculator,
|
|
221
219
|
{
|
|
@@ -226,7 +224,7 @@ const Calculator = (props) => {
|
|
|
226
224
|
icon
|
|
227
225
|
}
|
|
228
226
|
);
|
|
229
|
-
} else if (
|
|
227
|
+
} else if (name === "APY Balance AxosOne") {
|
|
230
228
|
return /* @__PURE__ */ jsx(
|
|
231
229
|
AxosOneCalculator,
|
|
232
230
|
{
|
|
@@ -239,7 +237,7 @@ const Calculator = (props) => {
|
|
|
239
237
|
callToActionRow
|
|
240
238
|
}
|
|
241
239
|
);
|
|
242
|
-
} else if (
|
|
240
|
+
} else if (name === "APY Balance Summit Savings") {
|
|
243
241
|
return /* @__PURE__ */ jsx(
|
|
244
242
|
SummitApyCalculator,
|
|
245
243
|
{
|
|
@@ -250,7 +248,7 @@ const Calculator = (props) => {
|
|
|
250
248
|
icon
|
|
251
249
|
}
|
|
252
250
|
);
|
|
253
|
-
} else if (
|
|
251
|
+
} else if (name === "Buydown Calculator LVF") {
|
|
254
252
|
return /* @__PURE__ */ jsx(
|
|
255
253
|
BuyDownCalculator,
|
|
256
254
|
{
|
|
@@ -260,7 +258,7 @@ const Calculator = (props) => {
|
|
|
260
258
|
disclosure
|
|
261
259
|
}
|
|
262
260
|
);
|
|
263
|
-
} else if (
|
|
261
|
+
} else if (name === "Marine Loan Monthly Payment Calculator") {
|
|
264
262
|
return /* @__PURE__ */ jsx(
|
|
265
263
|
MarineLoanMonthlyPaymentCalculator,
|
|
266
264
|
{
|