@axos-web-dev/shared-components 2.0.0-dev.17-nav-0 → 2.0.0-dev.17-nav-1
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 +13 -84
- package/dist/Auth/ErrorAlert.js +5 -88
- package/dist/Button/Button.js +5 -120
- package/dist/Calculators/Calculator.d.ts +1 -1
- package/dist/Calculators/Calculator.js +17 -89
- package/dist/Calculators/MarginTradingCalculator/index.js +1 -112
- package/dist/Carousel/index.js +3 -109
- package/dist/Chevron/index.js +3 -114
- package/dist/Comparison/Comparison.js +5 -122
- package/dist/ExecutiveBio/ExecutiveBio.interface.d.ts +3 -2
- package/dist/ExecutiveBio/ExecutiveBio.js +4 -127
- package/dist/FaqAccordion/index.js +6 -110
- package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +4 -110
- package/dist/Forms/ApplyNow.js +3 -109
- package/dist/Forms/ContactCompany.d.ts +1 -1
- package/dist/Forms/ContactCompanyTitle.d.ts +1 -1
- package/dist/Forms/ContactUsBusiness.js +6 -104
- package/dist/Forms/ContactUsBusinessNameEmail.js +7 -104
- package/dist/Forms/ContactUsNMLSId.js +6 -104
- package/dist/Forms/CpraRequest.js +1 -96
- package/dist/Forms/CraPublicFile.js +6 -104
- package/dist/Forms/DealerServices.d.ts +1 -1
- package/dist/Forms/EmailOnly.js +6 -104
- package/dist/Forms/MortgageRate/MortgageRateForm.js +7 -96
- package/dist/Forms/MortgageRate/MortgageRateWatch.js +3 -92
- package/dist/Forms/MortgageWarehouseLending.js +6 -104
- package/dist/Forms/SuccesForm.js +7 -91
- package/dist/Hyperlink/index.js +4 -110
- package/dist/ImageLink/ImageLink.js +5 -106
- package/dist/ImageLink/ImageLinkSet.js +5 -114
- package/dist/ImageLink/index.js +5 -105
- package/dist/Insight/Featured/CategorySelector.d.ts +1 -1
- package/dist/Insight/Featured/CategorySelector.js +4 -109
- package/dist/Insight/Featured/Featured.js +7 -106
- package/dist/Insight/Featured/Header.js +3 -109
- package/dist/LandingPageHeader/LandingPageHeader.d.ts +1 -1
- package/dist/Modal/Modal.js +2 -123
- package/dist/NavigationMenu/AxosALTS/index.js +5 -111
- package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.js +5 -110
- package/dist/NavigationMenu/AxosBank/SubNavBar.js +6 -111
- package/dist/NavigationMenu/AxosBank/index.js +4 -108
- package/dist/NavigationMenu/LaVictoire/index.js +4 -118
- package/dist/NavigationMenu/Navbar.js +8 -112
- package/dist/NavigationMenu/SignInNavButton.js +8 -122
- package/dist/SetContainer/SetContainer.js +6 -108
- package/dist/SocialMediaBar/iconsRepository.js +0 -125
- package/dist/VideoTile/VideoTile.js +1 -106
- package/dist/VideoWrapper/index.js +6 -110
- package/package.json +1 -1
|
@@ -17,11 +17,16 @@ import clsx from "clsx";
|
|
|
17
17
|
/* empty css */
|
|
18
18
|
import "../Button/Button.css.js";
|
|
19
19
|
import "react-use";
|
|
20
|
-
import "../
|
|
21
|
-
|
|
22
|
-
import "../
|
|
23
|
-
import "../
|
|
24
|
-
import "../
|
|
20
|
+
import "../Chevron/Chevron.css.js";
|
|
21
|
+
/* empty css */
|
|
22
|
+
import "../Modal/contextApi/store.js";
|
|
23
|
+
import "../Interstitial/Interstitial-variants.css.js";
|
|
24
|
+
import { calculator_headline, calculator_description } from "../Calculators/calculator.css.js";
|
|
25
|
+
import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
|
|
26
|
+
import "../Calculators/ApyCalculator/ApyCalculator.css.js";
|
|
27
|
+
import "../Table/Table.css.js";
|
|
28
|
+
import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
|
|
29
|
+
import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
|
|
25
30
|
import "@hookform/resolvers/zod";
|
|
26
31
|
import "../Input/Checkbox.js";
|
|
27
32
|
import "../Input/CurrencyInput.js";
|
|
@@ -34,98 +39,22 @@ import "../Input/InputPhone.js";
|
|
|
34
39
|
import "../Input/InputTextArea.js";
|
|
35
40
|
import "../Input/DownPaymentInput.js";
|
|
36
41
|
import "../Input/RadioButton.js";
|
|
42
|
+
import "../Input/PercentageInput.js";
|
|
37
43
|
import "react-hook-form";
|
|
44
|
+
import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
|
|
38
45
|
import { iconForm } from "../Forms/Forms.css.js";
|
|
39
46
|
import "../Forms/HoneyPot/index.js";
|
|
40
47
|
import "../Forms/SalesforceFieldsForm.js";
|
|
41
48
|
import "../Input/RadioButton.css.js";
|
|
42
49
|
import "../Input/Checkbox.css.js";
|
|
43
50
|
import "../LoadingIndicator/LoadingIndicator.css.js";
|
|
44
|
-
import "../Chevron/Chevron.css.js";
|
|
45
|
-
/* empty css */
|
|
46
|
-
import "../Modal/contextApi/store.js";
|
|
47
|
-
import "../Interstitial/Interstitial-variants.css.js";
|
|
48
51
|
import "../Inputs/Input.css.js";
|
|
49
52
|
/* empty css */
|
|
50
53
|
import "../Hyperlink/Hyperlink.css.js";
|
|
51
54
|
/* empty css */
|
|
52
|
-
|
|
53
|
-
import "react-dom";
|
|
54
|
-
/* empty css */
|
|
55
|
-
import "../Auth/SignInPassword.js";
|
|
56
|
-
/* empty css */
|
|
57
|
-
/* empty css */
|
|
58
|
-
import "../Calculators/ApyCalculator/ApyCalculator.css.js";
|
|
59
|
-
import "../Table/Table.css.js";
|
|
60
|
-
import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
|
|
61
|
-
import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
|
|
62
|
-
import "../Input/PercentageInput.js";
|
|
63
|
-
import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
|
|
64
|
-
import { calculator_headline, calculator_description } from "../Calculators/calculator.css.js";
|
|
55
|
+
import "iframe-resizer";
|
|
65
56
|
/* empty css */
|
|
66
57
|
import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
|
|
67
|
-
/* empty css */
|
|
68
|
-
/* empty css */
|
|
69
|
-
import "../Carousel/index.js";
|
|
70
|
-
/* empty css */
|
|
71
|
-
/* empty css */
|
|
72
|
-
/* empty css */
|
|
73
|
-
import "../Chatbot/store/chat.js";
|
|
74
|
-
import "../Chatbot/Chatbot.js";
|
|
75
|
-
/* empty css */
|
|
76
|
-
import "../Chatbot/store/messages.js";
|
|
77
|
-
/* empty css */
|
|
78
|
-
import "../Comparison/Comparison.css.js";
|
|
79
|
-
import "next/image.js";
|
|
80
|
-
import "../HeroBanner/LargeBanner.css.js";
|
|
81
|
-
import "../HeroBanner/HeroBanner.css.js";
|
|
82
|
-
import "../HeroBanner/SelectionBanner.css.js";
|
|
83
|
-
import "../SetContainer/SetContainer.css.js";
|
|
84
|
-
import "../Tab/Tab.css.js";
|
|
85
|
-
import "../icons/Star/Star.css.js";
|
|
86
|
-
import "../ContentBanner/ContentBanner.css.js";
|
|
87
|
-
/* empty css */
|
|
88
|
-
import "../ExecutiveBio/ExecutiveBio.css.js";
|
|
89
|
-
import "../FaqAccordion/index.js";
|
|
90
|
-
import "../FooterDisclosure/FooterDisclosure.css.js";
|
|
91
|
-
/* empty css */
|
|
92
|
-
/* empty css */
|
|
93
|
-
/* empty css */
|
|
94
|
-
import "../ImageBillboard/ImageBillboard.css.js";
|
|
95
|
-
import "next/script.js";
|
|
96
|
-
/* empty css */
|
|
97
|
-
/* empty css */
|
|
98
|
-
/* empty css */
|
|
99
|
-
/* empty css */
|
|
100
|
-
/* empty css */
|
|
101
|
-
import "../LandingPageHeader/LandingPageHeader.css.js";
|
|
102
|
-
/* empty css */
|
|
103
|
-
import "next/navigation.js";
|
|
104
|
-
/* empty css */
|
|
105
|
-
/* empty css */
|
|
106
|
-
/* empty css */
|
|
107
|
-
/* empty css */
|
|
108
|
-
import "next/link.js";
|
|
109
|
-
import "../NavigationMenu/AxosBank/Menu.js";
|
|
110
|
-
/* empty css */
|
|
111
|
-
/* empty css */
|
|
112
|
-
/* empty css */
|
|
113
|
-
/* empty css */
|
|
114
|
-
import "../PageNavItem/PageNavItem.css.js";
|
|
115
|
-
import "react-slick";
|
|
116
|
-
/* empty css */
|
|
117
|
-
/* empty css */
|
|
118
|
-
/* empty css */
|
|
119
|
-
/* empty css */
|
|
120
|
-
import "../StepItem/StepItem.css.js";
|
|
121
|
-
import "../StepItemSet/StepItemSet.css.js";
|
|
122
|
-
/* empty css */
|
|
123
|
-
/* empty css */
|
|
124
|
-
/* empty css */
|
|
125
|
-
/* empty css */
|
|
126
|
-
/* empty css */
|
|
127
|
-
import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
|
|
128
|
-
import "iframe-resizer";
|
|
129
58
|
import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
|
|
130
59
|
import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
|
|
131
60
|
const ATMLocator = (props) => {
|
package/dist/Auth/ErrorAlert.js
CHANGED
|
@@ -32,101 +32,18 @@ import "../Forms/SalesforceFieldsForm.js";
|
|
|
32
32
|
import "../IconBillboard/IconBillboard.css.js";
|
|
33
33
|
/* empty css */
|
|
34
34
|
/* empty css */
|
|
35
|
-
import "../Accordion/Accordion.js";
|
|
36
|
-
import "../Accordion/Accordion.css.js";
|
|
37
|
-
import "../AlertBanner/AlertBanner.css.js";
|
|
38
|
-
import "../Article/Article.css.js";
|
|
39
|
-
import "../ArticlesSet/ArticlesSet.css.js";
|
|
40
|
-
import "../Calculators/calculator.css.js";
|
|
41
|
-
import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
|
|
42
|
-
import "../Modal/contextApi/store.js";
|
|
43
|
-
import "../Calculators/ApyCalculator/ApyCalculator.css.js";
|
|
44
|
-
import "../Table/Table.css.js";
|
|
45
|
-
import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
|
|
46
|
-
import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
|
|
47
|
-
import "../Input/PercentageInput.js";
|
|
48
|
-
import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
|
|
49
|
-
import "iframe-resizer";
|
|
50
|
-
/* empty css */
|
|
51
|
-
import "../Chevron/Chevron.css.js";
|
|
52
|
-
/* empty css */
|
|
53
|
-
import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
|
|
54
|
-
import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
|
|
55
|
-
import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
|
|
56
|
-
import { error_alert, error_alert_content, error_close_button, separator } from "./ErrorAlert.css.js";
|
|
57
|
-
import "react-dom";
|
|
58
|
-
/* empty css */
|
|
59
|
-
import "./SignInPassword.js";
|
|
60
|
-
/* empty css */
|
|
61
|
-
/* empty css */
|
|
62
|
-
/* empty css */
|
|
63
|
-
/* empty css */
|
|
64
|
-
import "../Carousel/index.js";
|
|
65
|
-
/* empty css */
|
|
66
|
-
/* empty css */
|
|
67
|
-
/* empty css */
|
|
68
|
-
import "../Chatbot/store/chat.js";
|
|
69
|
-
import "../Chatbot/Chatbot.js";
|
|
70
|
-
/* empty css */
|
|
71
|
-
import "../Chatbot/store/messages.js";
|
|
72
|
-
import { Hyperlink } from "../Hyperlink/index.js";
|
|
73
|
-
/* empty css */
|
|
74
|
-
import "../Comparison/Comparison.css.js";
|
|
75
|
-
import "next/image.js";
|
|
76
|
-
import "../HeroBanner/LargeBanner.css.js";
|
|
77
|
-
import "../HeroBanner/HeroBanner.css.js";
|
|
78
|
-
import "../HeroBanner/SelectionBanner.css.js";
|
|
79
|
-
import "../SetContainer/SetContainer.css.js";
|
|
80
|
-
import "../Tab/Tab.css.js";
|
|
81
|
-
import "../icons/Star/Star.css.js";
|
|
82
|
-
import "../ContentBanner/ContentBanner.css.js";
|
|
83
|
-
/* empty css */
|
|
84
|
-
import "../ExecutiveBio/ExecutiveBio.css.js";
|
|
85
|
-
import "../FaqAccordion/index.js";
|
|
86
|
-
import "../FooterDisclosure/FooterDisclosure.css.js";
|
|
87
|
-
/* empty css */
|
|
88
|
-
/* empty css */
|
|
89
|
-
/* empty css */
|
|
90
|
-
import "../ImageBillboard/ImageBillboard.css.js";
|
|
91
|
-
import "next/script.js";
|
|
92
|
-
/* empty css */
|
|
93
|
-
/* empty css */
|
|
94
|
-
/* empty css */
|
|
95
|
-
/* empty css */
|
|
96
|
-
/* empty css */
|
|
97
35
|
import "../Interstitial/Interstitial-variants.css.js";
|
|
98
|
-
import "../
|
|
99
|
-
import "../LoadingIndicator/LoadingIndicator.css.js";
|
|
100
|
-
/* empty css */
|
|
101
|
-
import "next/navigation.js";
|
|
102
|
-
/* empty css */
|
|
103
|
-
/* empty css */
|
|
104
|
-
/* empty css */
|
|
105
|
-
/* empty css */
|
|
106
|
-
import "next/link.js";
|
|
107
|
-
import "../NavigationMenu/AxosBank/Menu.js";
|
|
108
|
-
/* empty css */
|
|
109
|
-
/* empty css */
|
|
110
|
-
/* empty css */
|
|
111
|
-
/* empty css */
|
|
112
|
-
import "../PageNavItem/PageNavItem.css.js";
|
|
113
|
-
import "react-slick";
|
|
114
|
-
/* empty css */
|
|
115
|
-
/* empty css */
|
|
116
|
-
/* empty css */
|
|
117
|
-
/* empty css */
|
|
118
|
-
import "../StepItem/StepItem.css.js";
|
|
119
|
-
import "../StepItemSet/StepItemSet.css.js";
|
|
120
|
-
/* empty css */
|
|
36
|
+
import "../Chevron/Chevron.css.js";
|
|
121
37
|
/* empty css */
|
|
122
|
-
|
|
123
|
-
/* empty css */
|
|
124
|
-
/* empty css */
|
|
38
|
+
import "../Modal/contextApi/store.js";
|
|
125
39
|
import "../Input/RadioButton.css.js";
|
|
126
40
|
import "../Input/Checkbox.css.js";
|
|
41
|
+
import "../LoadingIndicator/LoadingIndicator.css.js";
|
|
127
42
|
import "../Inputs/Input.css.js";
|
|
128
43
|
/* empty css */
|
|
44
|
+
import { Hyperlink } from "../Hyperlink/index.js";
|
|
129
45
|
/* empty css */
|
|
46
|
+
import { error_alert, error_alert_content, error_close_button, separator } from "./ErrorAlert.css.js";
|
|
130
47
|
const ErrorAlert = ({
|
|
131
48
|
variant: fullVariant = "primary",
|
|
132
49
|
modalRef,
|
package/dist/Button/Button.js
CHANGED
|
@@ -1,133 +1,18 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsxs, Fragment, jsx } from "react/jsx-runtime";
|
|
3
3
|
import { Interstitial } from "../Interstitial/Interstitial.js";
|
|
4
|
+
import { button } from "./Button.css.js";
|
|
5
|
+
import { useState, createElement } from "react";
|
|
6
|
+
import "react-use";
|
|
4
7
|
import "../Chevron/Chevron.css.js";
|
|
5
|
-
import "../Accordion/Accordion.js";
|
|
6
|
-
import "../Accordion/Accordion.css.js";
|
|
7
|
-
import "../icons/ArrowIcon/ArrowIcon.css.js";
|
|
8
|
-
import "../icons/CheckIcon/CheckIcon.css.js";
|
|
9
8
|
/* empty css */
|
|
10
9
|
/* empty css */
|
|
11
10
|
/* empty css */
|
|
12
11
|
/* empty css */
|
|
13
|
-
/* empty css
|
|
14
|
-
|
|
12
|
+
/* empty css */
|
|
13
|
+
import { useGlobalContext } from "../Modal/contextApi/store.js";
|
|
15
14
|
import { getVariant } from "../utils/getVariant.js";
|
|
16
15
|
import clsx from "clsx";
|
|
17
|
-
import { useState, createElement } from "react";
|
|
18
|
-
import "../AlertBanner/AlertBanner.css.js";
|
|
19
|
-
import "../Article/Article.css.js";
|
|
20
|
-
import { button } from "./Button.css.js";
|
|
21
|
-
import "react-use";
|
|
22
|
-
import "../ArticlesSet/ArticlesSet.css.js";
|
|
23
|
-
import "../IconBillboard/IconBillboard.css.js";
|
|
24
|
-
import "../Calculators/calculator.css.js";
|
|
25
|
-
import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
|
|
26
|
-
import { useGlobalContext } from "../Modal/contextApi/store.js";
|
|
27
|
-
import "../Calculators/ApyCalculator/ApyCalculator.css.js";
|
|
28
|
-
import "../Table/Table.css.js";
|
|
29
|
-
import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
|
|
30
|
-
import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
|
|
31
|
-
import "@hookform/resolvers/zod";
|
|
32
|
-
import "../Input/Checkbox.js";
|
|
33
|
-
import "../Input/CurrencyInput.js";
|
|
34
|
-
import "../Input/Dropdown.js";
|
|
35
|
-
import "../Input/Dropdown.css.js";
|
|
36
|
-
import "../Input/Input.js";
|
|
37
|
-
import "../Input/Input.css.js";
|
|
38
|
-
import "../Input/InputAmount.js";
|
|
39
|
-
import "../Input/InputPhone.js";
|
|
40
|
-
import "../Input/InputTextArea.js";
|
|
41
|
-
import "../Input/DownPaymentInput.js";
|
|
42
|
-
import "../Input/RadioButton.js";
|
|
43
|
-
import "../Input/PercentageInput.js";
|
|
44
|
-
import "react-hook-form";
|
|
45
|
-
import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
|
|
46
|
-
import "../Forms/Forms.css.js";
|
|
47
|
-
import "../Forms/HoneyPot/index.js";
|
|
48
|
-
import "../Forms/SalesforceFieldsForm.js";
|
|
49
|
-
/* empty css */
|
|
50
|
-
/* empty css */
|
|
51
|
-
import "../Input/RadioButton.css.js";
|
|
52
|
-
import "../Input/Checkbox.css.js";
|
|
53
|
-
import "../LoadingIndicator/LoadingIndicator.css.js";
|
|
54
|
-
import "../Interstitial/Interstitial-variants.css.js";
|
|
55
|
-
import "../Inputs/Input.css.js";
|
|
56
|
-
/* empty css */
|
|
57
|
-
import "../Hyperlink/Hyperlink.css.js";
|
|
58
|
-
/* empty css */
|
|
59
|
-
import "iframe-resizer";
|
|
60
|
-
/* empty css */
|
|
61
|
-
import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
|
|
62
|
-
import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
|
|
63
|
-
import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
|
|
64
|
-
/* empty css */
|
|
65
|
-
import "react-dom";
|
|
66
|
-
/* empty css */
|
|
67
|
-
import "../Auth/SignInPassword.js";
|
|
68
|
-
/* empty css */
|
|
69
|
-
/* empty css */
|
|
70
|
-
/* empty css */
|
|
71
|
-
/* empty css */
|
|
72
|
-
import "../Carousel/index.js";
|
|
73
|
-
/* empty css */
|
|
74
|
-
/* empty css */
|
|
75
|
-
/* empty css */
|
|
76
|
-
import "../Chatbot/store/chat.js";
|
|
77
|
-
import "../Chatbot/Chatbot.js";
|
|
78
|
-
/* empty css */
|
|
79
|
-
import "../Chatbot/store/messages.js";
|
|
80
|
-
/* empty css */
|
|
81
|
-
import "../Comparison/Comparison.css.js";
|
|
82
|
-
import "next/image.js";
|
|
83
|
-
import "../HeroBanner/LargeBanner.css.js";
|
|
84
|
-
import "../HeroBanner/HeroBanner.css.js";
|
|
85
|
-
import "../HeroBanner/SelectionBanner.css.js";
|
|
86
|
-
import "../SetContainer/SetContainer.css.js";
|
|
87
|
-
import "../Tab/Tab.css.js";
|
|
88
|
-
import "../icons/Star/Star.css.js";
|
|
89
|
-
import "../ContentBanner/ContentBanner.css.js";
|
|
90
|
-
/* empty css */
|
|
91
|
-
import "../ExecutiveBio/ExecutiveBio.css.js";
|
|
92
|
-
import "../FaqAccordion/index.js";
|
|
93
|
-
import "../FooterDisclosure/FooterDisclosure.css.js";
|
|
94
|
-
/* empty css */
|
|
95
|
-
/* empty css */
|
|
96
|
-
/* empty css */
|
|
97
|
-
import "../ImageBillboard/ImageBillboard.css.js";
|
|
98
|
-
import "next/script.js";
|
|
99
|
-
/* empty css */
|
|
100
|
-
/* empty css */
|
|
101
|
-
/* empty css */
|
|
102
|
-
/* empty css */
|
|
103
|
-
/* empty css */
|
|
104
|
-
import "../LandingPageHeader/LandingPageHeader.css.js";
|
|
105
|
-
/* empty css */
|
|
106
|
-
import "next/navigation.js";
|
|
107
|
-
/* empty css */
|
|
108
|
-
/* empty css */
|
|
109
|
-
/* empty css */
|
|
110
|
-
/* empty css */
|
|
111
|
-
import "next/link.js";
|
|
112
|
-
import "../NavigationMenu/AxosBank/Menu.js";
|
|
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 */
|
|
131
16
|
const Button = ({
|
|
132
17
|
as = "a",
|
|
133
18
|
children,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { IconBillboardProps } from '../IconBillboard/IconBillboard.interface';
|
|
2
|
-
import { default as React } from 'react';
|
|
3
2
|
import { ChevronProps } from '../Chevron/Chevron.interface';
|
|
3
|
+
import { default as React } from 'react';
|
|
4
4
|
|
|
5
5
|
export interface CalculatorProps {
|
|
6
6
|
id?: string;
|
|
@@ -18,66 +18,12 @@ import { useRef, useEffect } from "react";
|
|
|
18
18
|
import clsx from "clsx";
|
|
19
19
|
/* empty css */
|
|
20
20
|
/* empty css */
|
|
21
|
-
import "../Accordion/Accordion.js";
|
|
22
|
-
import "../Accordion/Accordion.css.js";
|
|
23
|
-
import "../AlertBanner/AlertBanner.css.js";
|
|
24
|
-
import "../Article/Article.css.js";
|
|
25
|
-
import "../ArticlesSet/ArticlesSet.css.js";
|
|
26
21
|
import "../Chevron/Chevron.css.js";
|
|
27
22
|
/* empty css */
|
|
28
23
|
import "../Modal/contextApi/store.js";
|
|
29
|
-
import "../
|
|
30
|
-
|
|
31
|
-
import "react-dom";
|
|
32
|
-
import "react-hook-form";
|
|
33
|
-
/* empty css */
|
|
34
|
-
import "../Auth/SignInPassword.js";
|
|
35
|
-
/* empty css */
|
|
36
|
-
/* empty css */
|
|
37
|
-
import { AnnualFeeCalculator } from "./AnnualFeeCalculator/index.js";
|
|
38
|
-
import { ApyCalculator } from "./ApyCalculator/index.js";
|
|
39
|
-
import { AxosOneCalculator } from "./AxosOneCalculator/index.js";
|
|
40
|
-
import { BalanceAPYCalculator } from "./BalanceAPYCalculator/index.js";
|
|
41
|
-
import { BuyDownCalculator } from "./BuyDownCalculator/index.js";
|
|
42
|
-
import { calculator_headline, calculator_description } from "./calculator.css.js";
|
|
43
|
-
import { MarginTradingCalculator } from "./MarginTradingCalculator/index.js";
|
|
44
|
-
import { MarineLoanMonthlyPaymentCalculator } from "./MarineLoanMonthlyPaymentCalculator/index.js";
|
|
45
|
-
import { MaxLoanCalculator } from "./MaxLoanCalculator/index.js";
|
|
46
|
-
import { MonthlyPaymentCalculator } from "./MonthlyPaymentCalculator/index.js";
|
|
47
|
-
import { MonthlyPaymentLVFCalculator } from "./MonthlyPaymentLVFCalculator/index.js";
|
|
48
|
-
import { SummitApyCalculator } from "./SummitApyCalculator/index.js";
|
|
49
|
-
/* empty css */
|
|
50
|
-
/* empty css */
|
|
51
|
-
import "../Carousel/index.js";
|
|
52
|
-
/* empty css */
|
|
53
|
-
/* empty css */
|
|
54
|
-
/* empty css */
|
|
55
|
-
import "../Chatbot/store/chat.js";
|
|
56
|
-
import "../Chatbot/Chatbot.js";
|
|
24
|
+
import "../Interstitial/Interstitial-variants.css.js";
|
|
25
|
+
import "../Button/Button.css.js";
|
|
57
26
|
import "react-use";
|
|
58
|
-
/* empty css */
|
|
59
|
-
import "../Chatbot/store/messages.js";
|
|
60
|
-
/* empty css */
|
|
61
|
-
import "../Comparison/Comparison.css.js";
|
|
62
|
-
import "next/image.js";
|
|
63
|
-
import "../HeroBanner/LargeBanner.css.js";
|
|
64
|
-
import "../HeroBanner/HeroBanner.css.js";
|
|
65
|
-
import "../HeroBanner/SelectionBanner.css.js";
|
|
66
|
-
import "../SetContainer/SetContainer.css.js";
|
|
67
|
-
import "../Tab/Tab.css.js";
|
|
68
|
-
import "../icons/Star/Star.css.js";
|
|
69
|
-
import "../ContentBanner/ContentBanner.css.js";
|
|
70
|
-
/* empty css */
|
|
71
|
-
import "../ExecutiveBio/ExecutiveBio.css.js";
|
|
72
|
-
import "../FaqAccordion/index.js";
|
|
73
|
-
import "../FooterDisclosure/FooterDisclosure.css.js";
|
|
74
|
-
/* empty css */
|
|
75
|
-
/* empty css */
|
|
76
|
-
/* empty css */
|
|
77
|
-
import "../ImageBillboard/ImageBillboard.css.js";
|
|
78
|
-
import "next/script.js";
|
|
79
|
-
/* empty css */
|
|
80
|
-
/* empty css */
|
|
81
27
|
import "../Input/Checkbox.js";
|
|
82
28
|
import "../Input/CurrencyInput.js";
|
|
83
29
|
import "../Input/Dropdown.js";
|
|
@@ -89,49 +35,31 @@ import "../Input/InputPhone.js";
|
|
|
89
35
|
import "../Input/InputTextArea.js";
|
|
90
36
|
import "../Input/DownPaymentInput.js";
|
|
91
37
|
import "../Input/RadioButton.js";
|
|
92
|
-
|
|
93
|
-
/* empty css */
|
|
94
|
-
/* empty css */
|
|
95
|
-
import "../LandingPageHeader/LandingPageHeader.css.js";
|
|
96
|
-
import "../LoadingIndicator/LoadingIndicator.css.js";
|
|
97
|
-
/* empty css */
|
|
98
|
-
import "next/navigation.js";
|
|
99
|
-
/* empty css */
|
|
100
|
-
/* empty css */
|
|
101
|
-
/* empty css */
|
|
102
|
-
/* empty css */
|
|
103
|
-
import "next/link.js";
|
|
104
|
-
import "../NavigationMenu/AxosBank/Menu.js";
|
|
105
|
-
/* empty css */
|
|
106
|
-
/* empty css */
|
|
107
|
-
/* empty css */
|
|
108
|
-
/* empty css */
|
|
109
|
-
import "../PageNavItem/PageNavItem.css.js";
|
|
110
|
-
import "react-slick";
|
|
111
|
-
/* empty css */
|
|
112
|
-
/* empty css */
|
|
113
|
-
/* empty css */
|
|
114
|
-
/* empty css */
|
|
115
|
-
import "../StepItem/StepItem.css.js";
|
|
116
|
-
import "../StepItemSet/StepItemSet.css.js";
|
|
117
|
-
import "../Table/Table.css.js";
|
|
118
|
-
/* empty css */
|
|
119
|
-
/* empty css */
|
|
120
|
-
/* empty css */
|
|
121
|
-
/* empty css */
|
|
122
|
-
/* empty css */
|
|
123
|
-
import "../Interstitial/Interstitial-variants.css.js";
|
|
124
|
-
import "../Button/Button.css.js";
|
|
38
|
+
import "react-hook-form";
|
|
125
39
|
import { iconForm } from "../Forms/Forms.css.js";
|
|
126
40
|
import "../Forms/HoneyPot/index.js";
|
|
127
41
|
import "../Forms/SalesforceFieldsForm.js";
|
|
128
42
|
import "../Input/RadioButton.css.js";
|
|
129
43
|
import "../Input/Checkbox.css.js";
|
|
44
|
+
import "../LoadingIndicator/LoadingIndicator.css.js";
|
|
130
45
|
import "../Inputs/Input.css.js";
|
|
131
46
|
/* empty css */
|
|
47
|
+
import "../Hyperlink/Hyperlink.css.js";
|
|
132
48
|
/* empty css */
|
|
133
49
|
import { iframeResizer } from "iframe-resizer";
|
|
50
|
+
import { AnnualFeeCalculator } from "./AnnualFeeCalculator/index.js";
|
|
51
|
+
import { ApyCalculator } from "./ApyCalculator/index.js";
|
|
52
|
+
import { AxosOneCalculator } from "./AxosOneCalculator/index.js";
|
|
53
|
+
import { BalanceAPYCalculator } from "./BalanceAPYCalculator/index.js";
|
|
54
|
+
import { BuyDownCalculator } from "./BuyDownCalculator/index.js";
|
|
55
|
+
import { calculator_headline, calculator_description } from "./calculator.css.js";
|
|
134
56
|
import { calculators } from "./calculators.js";
|
|
57
|
+
import { MarginTradingCalculator } from "./MarginTradingCalculator/index.js";
|
|
58
|
+
import { MarineLoanMonthlyPaymentCalculator } from "./MarineLoanMonthlyPaymentCalculator/index.js";
|
|
59
|
+
import { MaxLoanCalculator } from "./MaxLoanCalculator/index.js";
|
|
60
|
+
import { MonthlyPaymentCalculator } from "./MonthlyPaymentCalculator/index.js";
|
|
61
|
+
import { MonthlyPaymentLVFCalculator } from "./MonthlyPaymentLVFCalculator/index.js";
|
|
62
|
+
import { SummitApyCalculator } from "./SummitApyCalculator/index.js";
|
|
135
63
|
const Calculator = (props) => {
|
|
136
64
|
const {
|
|
137
65
|
id,
|
|
@@ -12,123 +12,12 @@ import clsx from "clsx";
|
|
|
12
12
|
import { calculator_headline } from "../calculator.css.js";
|
|
13
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
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
15
|
/* empty css */
|
|
20
16
|
/* empty css */
|
|
21
17
|
/* empty css */
|
|
22
18
|
/* 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
|
-
/* empty css */
|
|
77
|
-
import "../../Chatbot/store/chat.js";
|
|
78
|
-
import "../../Chatbot/Chatbot.js";
|
|
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/LargeBanner.css.js";
|
|
85
|
-
import "../../HeroBanner/HeroBanner.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
|
-
/* empty css */
|
|
112
|
-
import "next/link.js";
|
|
113
|
-
import "../../NavigationMenu/AxosBank/Menu.js";
|
|
114
|
-
/* empty css */
|
|
115
|
-
/* empty css */
|
|
116
|
-
/* empty css */
|
|
117
|
-
/* empty css */
|
|
118
|
-
import "../../PageNavItem/PageNavItem.css.js";
|
|
119
|
-
import "react-slick";
|
|
120
|
-
/* empty css */
|
|
121
|
-
/* empty css */
|
|
122
|
-
/* empty css */
|
|
123
|
-
/* empty css */
|
|
124
|
-
import "../../StepItem/StepItem.css.js";
|
|
125
|
-
import "../../StepItemSet/StepItemSet.css.js";
|
|
126
|
-
/* empty css */
|
|
127
|
-
/* empty css */
|
|
128
|
-
/* empty css */
|
|
129
|
-
/* empty css */
|
|
130
|
-
/* empty css */
|
|
131
19
|
/* empty css */
|
|
20
|
+
import { useGlobalContext } from "../../Modal/contextApi/store.js";
|
|
132
21
|
const MarginTradingCalculator = ({
|
|
133
22
|
marketingTiles,
|
|
134
23
|
variant
|