@axos-web-dev/shared-components 1.0.99 → 1.0.100-dev.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ATMLocator/ATMLocator.js +8 -1
- package/dist/ArticlesSet/ArticlesSet.js +2 -2
- package/dist/Auth/ErrorAlert.js +10 -3
- package/dist/Blockquote/Blockquote.module.js +3 -3
- package/dist/Button/Button.js +10 -3
- package/dist/Calculators/Calculator.js +22 -3
- package/dist/Calculators/MarineLoanMonthlyPaymentCalculator/index.d.ts +9 -0
- package/dist/Calculators/MarineLoanMonthlyPaymentCalculator/index.js +219 -0
- package/dist/Calculators/MaxLoanCalculator/index.js +22 -5
- package/dist/Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.d.ts +1 -0
- package/dist/Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js +2 -0
- package/dist/Calculators/MonthlyPaymentCalculator/index.js +15 -5
- package/dist/Calculators/index.d.ts +2 -1
- package/dist/Calculators/index.js +3 -1
- package/dist/Carousel/index.js +10 -3
- package/dist/Chatbot/Bubble.css.d.ts +1 -0
- package/dist/Chatbot/Bubble.css.js +5 -0
- package/dist/Chatbot/Bubble.d.ts +3 -0
- package/dist/Chatbot/Bubble.js +48 -0
- package/dist/Chatbot/Chat.d.ts +1 -0
- package/dist/Chatbot/Chat.js +165 -0
- package/dist/Chatbot/ChatWindow.css.d.ts +11 -0
- package/dist/Chatbot/ChatWindow.css.js +25 -0
- package/dist/Chatbot/ChatWindow.d.ts +23 -0
- package/dist/Chatbot/ChatWindow.js +202 -0
- package/dist/Chatbot/Chatbot.css.d.ts +1 -0
- package/dist/Chatbot/Chatbot.css.js +5 -0
- package/dist/Chatbot/Chatbot.css.ts.vanilla.css.js +1 -0
- package/dist/Chatbot/Chatbot.d.ts +1 -0
- package/dist/Chatbot/Chatbot.js +39 -0
- package/dist/Chatbot/authenticate.d.ts +3 -0
- package/dist/Chatbot/authenticate.js +16 -0
- package/dist/Chatbot/index.d.ts +9 -0
- package/dist/Chatbot/index.js +31 -0
- package/dist/Chatbot/store/chat.d.ts +9 -0
- package/dist/Chatbot/store/chat.js +11 -0
- package/dist/Chatbot/store/messages.d.ts +14 -0
- package/dist/Chatbot/store/messages.js +12 -0
- package/dist/Chatbot/useHeadlessChat.d.ts +22 -0
- package/dist/Chatbot/useHeadlessChat.js +157 -0
- package/dist/Chevron/index.js +10 -3
- package/dist/Comparison/Comparison.js +10 -3
- package/dist/ExecutiveBio/ExecutiveBio.js +10 -3
- package/dist/FaqAccordion/index.js +10 -3
- package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +10 -3
- package/dist/Forms/ApplicationStart.d.ts +1 -1
- package/dist/Forms/ApplicationStart.js +111 -89
- package/dist/Forms/ApplyNow.d.ts +2 -2
- package/dist/Forms/ApplyNow.js +178 -146
- package/dist/Forms/ClearingForm.d.ts +1 -1
- package/dist/Forms/ClearingForm.js +184 -162
- package/dist/Forms/CommercialDeposits.d.ts +1 -1
- package/dist/Forms/CommercialDeposits.js +201 -179
- package/dist/Forms/CommercialLending.d.ts +1 -1
- package/dist/Forms/CommercialLending.js +278 -256
- package/dist/Forms/CommercialPremiumFinance.d.ts +1 -1
- package/dist/Forms/CommercialPremiumFinance.js +128 -106
- package/dist/Forms/ContactCompany.d.ts +1 -1
- package/dist/Forms/ContactCompany.js +113 -91
- package/dist/Forms/ContactCompanyTitle.d.ts +1 -1
- package/dist/Forms/ContactCompanyTitle.js +127 -105
- package/dist/Forms/ContactUs.d.ts +1 -1
- package/dist/Forms/ContactUs.js +99 -77
- package/dist/Forms/ContactUsAAS.d.ts +1 -1
- package/dist/Forms/ContactUsAAS.js +180 -158
- package/dist/Forms/ContactUsBusiness.d.ts +1 -1
- package/dist/Forms/ContactUsBusiness.js +143 -115
- package/dist/Forms/ContactUsBusinessNameEmail.d.ts +1 -1
- package/dist/Forms/ContactUsBusinessNameEmail.js +112 -84
- package/dist/Forms/ContactUsLVF.d.ts +3 -1
- package/dist/Forms/ContactUsLVF.js +127 -101
- package/dist/Forms/ContactUsNMLSId.d.ts +1 -1
- package/dist/Forms/ContactUsNMLSId.js +126 -98
- package/dist/Forms/CpraRequest.d.ts +1 -1
- package/dist/Forms/CpraRequest.js +641 -619
- package/dist/Forms/CraPublicFile.d.ts +1 -1
- package/dist/Forms/CraPublicFile.js +118 -90
- package/dist/Forms/DealerServices.d.ts +1 -1
- package/dist/Forms/DealerServices.js +225 -204
- package/dist/Forms/EmailOnly.d.ts +1 -1
- package/dist/Forms/EmailOnly.js +65 -39
- package/dist/Forms/EmailUs.d.ts +1 -1
- package/dist/Forms/EmailUs.js +75 -53
- package/dist/Forms/FormProps.d.ts +3 -0
- package/dist/Forms/Forms.css.d.ts +18 -0
- package/dist/Forms/Forms.css.js +44 -38
- package/dist/Forms/HoneyPot/HoneyPot.css.d.ts +1 -0
- package/dist/Forms/HoneyPot/HoneyPot.css.js +5 -0
- package/dist/Forms/HoneyPot/index.d.ts +23 -0
- package/dist/Forms/HoneyPot/index.js +69 -0
- package/dist/Forms/MortgageRate/MortgageRateForm.d.ts +1 -1
- package/dist/Forms/MortgageRate/MortgageRateForm.js +376 -348
- package/dist/Forms/MortgageRate/MortgageRateWatch.js +10 -3
- package/dist/Forms/MortgageWarehouseLending.d.ts +11 -0
- package/dist/Forms/MortgageWarehouseLending.js +343 -0
- package/dist/Forms/QuickPricer/QuickPricerForm.d.ts +1 -1
- package/dist/Forms/QuickPricer/QuickPricerForm.js +624 -609
- package/dist/Forms/ScheduleCall.d.ts +1 -1
- package/dist/Forms/ScheduleCall.js +156 -134
- package/dist/Forms/ScheduleCallPremier.d.ts +1 -1
- package/dist/Forms/ScheduleCallPremier.js +178 -156
- package/dist/Forms/SuccesForm.js +13 -6
- package/dist/Forms/VendorQuestionnaire.d.ts +1 -1
- package/dist/Forms/VendorQuestionnaire.js +817 -795
- package/dist/Forms/WcplSurvey.d.ts +1 -1
- package/dist/Forms/WcplSurvey.js +112 -90
- package/dist/Forms/applynow-utils.d.ts +1 -0
- package/dist/Forms/applynow-utils.js +48 -0
- package/dist/Forms/index.d.ts +3 -0
- package/dist/Forms/index.js +12 -2
- package/dist/HeroBanner/HeroBanner.js +42 -1
- package/dist/Hyperlink/index.js +10 -3
- package/dist/IconBillboard/sections/CallToActionSection.js +2 -1
- package/dist/ImageBillboard/ExitIntentModal/useExitIntentModal.js +6 -1
- package/dist/ImageLink/ImageLink.js +10 -3
- package/dist/ImageLink/ImageLinkSet.js +10 -3
- package/dist/ImageLink/index.js +10 -3
- package/dist/Input/Input.js +3 -1
- package/dist/Insight/Featured/CategorySelector.js +10 -3
- package/dist/Insight/Featured/Featured.js +10 -3
- package/dist/Insight/Featured/Header.js +10 -3
- package/dist/Modal/Modal.js +10 -3
- package/dist/NavigationMenu/AxosALTS/NavData.js +10 -3
- package/dist/NavigationMenu/AxosALTS/index.js +10 -3
- package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.module.js +16 -16
- package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.d.ts +1 -0
- package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.js +25 -7
- package/dist/NavigationMenu/AxosBank/NavBar.module.js +39 -39
- package/dist/NavigationMenu/AxosBank/NavData.js +10 -3
- package/dist/NavigationMenu/AxosBank/SubNavBar.js +32 -8
- package/dist/NavigationMenu/AxosBank/index.js +10 -3
- package/dist/NavigationMenu/LaVictoire/NavData.js +10 -3
- package/dist/NavigationMenu/LaVictoire/index.js +10 -3
- package/dist/NavigationMenu/NavDataJson.d.ts +2 -0
- package/dist/NavigationMenu/NavDataJson.js +315 -0
- package/dist/NavigationMenu/Navbar.d.ts +5 -0
- package/dist/NavigationMenu/Navbar.js +201 -0
- package/dist/NavigationMenu/SignInNavButton.d.ts +1 -0
- package/dist/NavigationMenu/SignInNavButton.js +369 -0
- package/dist/SetContainer/SetContainer.js +10 -3
- package/dist/SocialMediaBar/iconsRepository.js +10 -3
- package/dist/Table/Table.d.ts +1 -1
- package/dist/VideoTile/VideoTile.js +10 -3
- package/dist/VideoWrapper/index.js +10 -3
- package/dist/assets/Blockquote/Blockquote.css.css +68 -68
- package/dist/assets/Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css +3 -0
- package/dist/assets/Chatbot/Bubble.css +40 -0
- package/dist/assets/Chatbot/ChatWindow.css +107 -0
- package/dist/assets/Forms/Forms.css +135 -105
- package/dist/assets/Forms/HoneyPot/HoneyPot.css +8 -0
- package/dist/assets/NavigationMenu/AxosBank/MobileMenu/MobileMenu.css.css +191 -191
- package/dist/assets/NavigationMenu/AxosBank/NavBar.css.css +473 -473
- package/dist/assets/utils/optimizeImage/optimizeImage.css.css +47 -47
- package/dist/icons/Logos/AXB.d.ts +8 -0
- package/dist/icons/Logos/AXB.js +74 -0
- package/dist/main.d.ts +1 -0
- package/dist/main.js +43 -3
- package/dist/utils/allowedAxosDomains.js +2 -1
- package/dist/utils/optimizeImage/optimizeImage.module.js +3 -3
- package/package.json +136 -133
|
@@ -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/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/Insight.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/CallToActionBar/CallToActionBar.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/Modal/Modal.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/premier.css';import '../assets/themes/axos.css';/* empty css */
|
|
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/Insight.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/CallToActionBar/CallToActionBar.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/Modal/Modal.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/premier.css';import '../assets/themes/axos.css';/* empty css */
|
|
8
8
|
/* empty css */
|
|
9
9
|
/* empty css */
|
|
10
10
|
/* empty css */
|
|
@@ -36,6 +36,7 @@ import "../Input/DownPaymentInput.js";
|
|
|
36
36
|
import "../Input/RadioButton.js";
|
|
37
37
|
import "react-hook-form";
|
|
38
38
|
import { iconForm } from "../Forms/Forms.css.js";
|
|
39
|
+
import "../Forms/HoneyPot/index.js";
|
|
39
40
|
import "../Forms/SalesforceFieldsForm.js";
|
|
40
41
|
import "../Input/RadioButton.css.js";
|
|
41
42
|
import "../Input/Checkbox.css.js";
|
|
@@ -65,6 +66,12 @@ import { calculator_headline, calculator_description } from "../Calculators/calc
|
|
|
65
66
|
import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
|
|
66
67
|
/* empty css */
|
|
67
68
|
import "../Carousel/index.js";
|
|
69
|
+
/* empty css */
|
|
70
|
+
import "../Chatbot/store/chat.js";
|
|
71
|
+
import "../Chatbot/authenticate.js";
|
|
72
|
+
/* empty css */
|
|
73
|
+
import "../Chatbot/store/messages.js";
|
|
74
|
+
import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
|
|
68
75
|
/* empty css */
|
|
69
76
|
import "../Comparison/Comparison.css.js";
|
|
70
77
|
import "next/image.js";
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsx, jsxs, Fragment } from "react/jsx-runtime";
|
|
2
2
|
import { getVariant } from "../utils/getVariant.js";
|
|
3
|
+
import { getViewAllURL } from "../utils/relatedArticlesUtil.js";
|
|
3
4
|
import { Article } from "../Article/Article.js";
|
|
4
5
|
import "../Article/Article.css.js";
|
|
5
6
|
import { ant_section, ant_header, ant_sec_title, ant_sec_body, ant_blog_cta, ant_svg_fill, ant_grid } from "./ArticlesSet.css.js";
|
|
6
|
-
import { getViewAllURL } from "../utils/relatedArticlesUtil.js";
|
|
7
7
|
const ArticlesSet = ({
|
|
8
8
|
id,
|
|
9
9
|
title,
|
|
@@ -54,7 +54,7 @@ const ArticlesSet = ({
|
|
|
54
54
|
strokeWidth: "1",
|
|
55
55
|
fill: "none",
|
|
56
56
|
fillRule: "evenodd",
|
|
57
|
-
transform: "rotate(
|
|
57
|
+
transform: "rotate(90)",
|
|
58
58
|
children: /* @__PURE__ */ jsx(
|
|
59
59
|
"g",
|
|
60
60
|
{
|
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/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/Modal/Modal.css';import '../assets/Insight/Insight.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/CallToActionBar/CallToActionBar.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.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/premier.css';import '../assets/themes/axos.css';/* empty css */
|
|
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/Modal/Modal.css';import '../assets/Insight/Insight.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/CallToActionBar/CallToActionBar.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.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/premier.css';import '../assets/themes/axos.css';/* empty css */
|
|
21
21
|
/* empty css */
|
|
22
22
|
/* empty css */
|
|
23
23
|
/* empty css */
|
|
@@ -27,6 +27,7 @@ import { getVariant } from "../utils/getVariant.js";
|
|
|
27
27
|
import clsx from "clsx";
|
|
28
28
|
import "react-hook-form";
|
|
29
29
|
import { headerForm } from "../Forms/Forms.css.js";
|
|
30
|
+
import "../Forms/HoneyPot/index.js";
|
|
30
31
|
import "../Forms/SalesforceFieldsForm.js";
|
|
31
32
|
import "../IconBillboard/IconBillboard.css.js";
|
|
32
33
|
/* empty css */
|
|
@@ -42,13 +43,13 @@ import "../Calculators/ApyCalculator/ApyCalculator.css.js";
|
|
|
42
43
|
import "../Table/Table.css.js";
|
|
43
44
|
import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
|
|
44
45
|
import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
|
|
46
|
+
import "../Input/PercentageInput.js";
|
|
47
|
+
import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
|
|
45
48
|
import "iframe-resizer";
|
|
46
49
|
/* empty css */
|
|
47
50
|
import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
|
|
48
51
|
import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
|
|
49
52
|
import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
|
|
50
|
-
import "../Input/PercentageInput.js";
|
|
51
|
-
import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
|
|
52
53
|
import { error_close_button, separator, error_alert_content, error_alert } from "./ErrorAlert.css.js";
|
|
53
54
|
import "react-dom";
|
|
54
55
|
/* empty css */
|
|
@@ -57,6 +58,12 @@ import "./SignInPassword.js";
|
|
|
57
58
|
/* empty css */
|
|
58
59
|
/* empty css */
|
|
59
60
|
import "../Carousel/index.js";
|
|
61
|
+
/* empty css */
|
|
62
|
+
import "../Chatbot/store/chat.js";
|
|
63
|
+
import "../Chatbot/authenticate.js";
|
|
64
|
+
/* empty css */
|
|
65
|
+
import "../Chatbot/store/messages.js";
|
|
66
|
+
import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
|
|
60
67
|
import { Hyperlink } from "../Hyperlink/index.js";
|
|
61
68
|
/* empty css */
|
|
62
69
|
import "../Comparison/Comparison.css.js";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import '../assets/Blockquote/Blockquote.css.css';const quote_spacer = "
|
|
2
|
-
const author = "
|
|
3
|
-
const quote = "
|
|
1
|
+
import '../assets/Blockquote/Blockquote.css.css';const quote_spacer = "_quote_spacer_1mzku_1";
|
|
2
|
+
const author = "_author_1mzku_7";
|
|
3
|
+
const quote = "_quote_1mzku_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/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/Insight.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/CallToActionBar/CallToActionBar.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/premier.css';import '../assets/themes/axos.css';/* empty css */
|
|
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/Insight.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/CallToActionBar/CallToActionBar.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/premier.css';import '../assets/themes/axos.css';/* empty css */
|
|
10
10
|
/* empty css */
|
|
11
11
|
/* empty css */
|
|
12
12
|
/* empty css */
|
|
@@ -40,8 +40,11 @@ import "../Input/InputPhone.js";
|
|
|
40
40
|
import "../Input/InputTextArea.js";
|
|
41
41
|
import "../Input/DownPaymentInput.js";
|
|
42
42
|
import "../Input/RadioButton.js";
|
|
43
|
+
import "../Input/PercentageInput.js";
|
|
43
44
|
import "react-hook-form";
|
|
45
|
+
import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
|
|
44
46
|
import "../Forms/Forms.css.js";
|
|
47
|
+
import "../Forms/HoneyPot/index.js";
|
|
45
48
|
import "../Forms/SalesforceFieldsForm.js";
|
|
46
49
|
/* empty css */
|
|
47
50
|
/* empty css */
|
|
@@ -58,8 +61,6 @@ import "iframe-resizer";
|
|
|
58
61
|
import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
|
|
59
62
|
import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
|
|
60
63
|
import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
|
|
61
|
-
import "../Input/PercentageInput.js";
|
|
62
|
-
import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
|
|
63
64
|
/* empty css */
|
|
64
65
|
import "react-dom";
|
|
65
66
|
/* empty css */
|
|
@@ -68,6 +69,12 @@ import "../Auth/SignInPassword.js";
|
|
|
68
69
|
/* empty css */
|
|
69
70
|
/* empty css */
|
|
70
71
|
import "../Carousel/index.js";
|
|
72
|
+
/* empty css */
|
|
73
|
+
import "../Chatbot/store/chat.js";
|
|
74
|
+
import "../Chatbot/authenticate.js";
|
|
75
|
+
/* empty css */
|
|
76
|
+
import "../Chatbot/store/messages.js";
|
|
77
|
+
import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
|
|
71
78
|
/* empty css */
|
|
72
79
|
import "../Comparison/Comparison.css.js";
|
|
73
80
|
import "next/image.js";
|
|
@@ -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/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/Insight.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/CallToActionBar/CallToActionBar.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/premier.css';import '../assets/themes/axos.css';/* empty css */
|
|
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/Insight.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/CallToActionBar/CallToActionBar.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/premier.css';import '../assets/themes/axos.css';/* empty css */
|
|
11
11
|
/* empty css */
|
|
12
12
|
/* empty css */
|
|
13
13
|
/* empty css */
|
|
@@ -38,15 +38,22 @@ import { AnnualFeeCalculator } from "./AnnualFeeCalculator/index.js";
|
|
|
38
38
|
import { ApyCalculator } from "./ApyCalculator/index.js";
|
|
39
39
|
import { AxosOneCalculator } from "./AxosOneCalculator/index.js";
|
|
40
40
|
import { BalanceAPYCalculator } from "./BalanceAPYCalculator/index.js";
|
|
41
|
+
import { BuyDownCalculator } from "./BuyDownCalculator/index.js";
|
|
41
42
|
import { calculator_headline, calculator_description } from "./calculator.css.js";
|
|
42
43
|
import { MarginTradingCalculator } from "./MarginTradingCalculator/index.js";
|
|
44
|
+
import { MarineLoanMonthlyPaymentCalculator } from "./MarineLoanMonthlyPaymentCalculator/index.js";
|
|
43
45
|
import { MaxLoanCalculator } from "./MaxLoanCalculator/index.js";
|
|
44
46
|
import { MonthlyPaymentCalculator } from "./MonthlyPaymentCalculator/index.js";
|
|
45
47
|
import { MonthlyPaymentLVFCalculator } from "./MonthlyPaymentLVFCalculator/index.js";
|
|
46
48
|
import { SummitApyCalculator } from "./SummitApyCalculator/index.js";
|
|
47
|
-
import { BuyDownCalculator } from "./BuyDownCalculator/index.js";
|
|
48
49
|
/* empty css */
|
|
49
50
|
import "../Carousel/index.js";
|
|
51
|
+
/* empty css */
|
|
52
|
+
import "../Chatbot/store/chat.js";
|
|
53
|
+
import "../Chatbot/authenticate.js";
|
|
54
|
+
/* empty css */
|
|
55
|
+
import "../Chatbot/store/messages.js";
|
|
56
|
+
import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
|
|
50
57
|
/* empty css */
|
|
51
58
|
import "../Comparison/Comparison.css.js";
|
|
52
59
|
import "next/image.js";
|
|
@@ -118,6 +125,7 @@ import "../Table/Table.css.js";
|
|
|
118
125
|
import "../Interstitial/Interstitial-variants.css.js";
|
|
119
126
|
import "../Button/Button.css.js";
|
|
120
127
|
import { iconForm } from "../Forms/Forms.css.js";
|
|
128
|
+
import "../Forms/HoneyPot/index.js";
|
|
121
129
|
import "../Forms/SalesforceFieldsForm.js";
|
|
122
130
|
import "../Input/RadioButton.css.js";
|
|
123
131
|
import "../Input/Checkbox.css.js";
|
|
@@ -249,7 +257,17 @@ const Calculator = (props) => {
|
|
|
249
257
|
disclosure
|
|
250
258
|
}
|
|
251
259
|
);
|
|
252
|
-
} else
|
|
260
|
+
} else if (name === "Marine Loan Monthly Payment Calculator") {
|
|
261
|
+
return /* @__PURE__ */ jsx(
|
|
262
|
+
MarineLoanMonthlyPaymentCalculator,
|
|
263
|
+
{
|
|
264
|
+
header: headline,
|
|
265
|
+
bodyCopy,
|
|
266
|
+
variant,
|
|
267
|
+
disclosure
|
|
268
|
+
}
|
|
269
|
+
);
|
|
270
|
+
} else {
|
|
253
271
|
return /* @__PURE__ */ jsx("section", { id, children: /* @__PURE__ */ jsxs("div", { className: clsx("containment"), children: [
|
|
254
272
|
/* @__PURE__ */ jsxs("div", { children: [
|
|
255
273
|
icon && /* @__PURE__ */ jsx("div", { className: clsx("text_center", iconForm), children: ["primary", "secondary"].includes(variant) ? /* @__PURE__ */ jsx(SvgComponent, {}) : /* @__PURE__ */ jsx(SvgAxosX, {}) }),
|
|
@@ -283,6 +301,7 @@ const Calculator = (props) => {
|
|
|
283
301
|
) }),
|
|
284
302
|
/* @__PURE__ */ jsx("div", { className: clsx(calculator_description({ variant })), children: disclosure })
|
|
285
303
|
] }) });
|
|
304
|
+
}
|
|
286
305
|
};
|
|
287
306
|
export {
|
|
288
307
|
Calculator
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { default as React, FC } from 'react';
|
|
2
|
+
|
|
3
|
+
export interface MarineLoanMonthlyPaymentCalculatorProps {
|
|
4
|
+
header?: React.ReactNode | string;
|
|
5
|
+
bodyCopy?: React.ReactNode | string;
|
|
6
|
+
variant?: string;
|
|
7
|
+
disclosure?: React.ReactNode;
|
|
8
|
+
}
|
|
9
|
+
export declare const MarineLoanMonthlyPaymentCalculator: FC<MarineLoanMonthlyPaymentCalculatorProps>;
|
|
@@ -0,0 +1,219 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { button } from "../../Button/Button.css.js";
|
|
4
|
+
import { title } from "../../IconBillboard/IconBillboard.css.js";
|
|
5
|
+
import "../../utils/allowedAxosDomains.js";
|
|
6
|
+
import { getVariant } from "../../utils/getVariant.js";
|
|
7
|
+
import clsx from "clsx";
|
|
8
|
+
import { useState } from "react";
|
|
9
|
+
import { calc_text, description_text, calc_disclosure } from "../BalanceAPYCalculator/BalanceAPYCalculator.css.js";
|
|
10
|
+
import { calculator } from "../calculator.css.js";
|
|
11
|
+
import { calc_container, container, h2i, inputs_container, input_container, input_box, error_message, hide_select_arrow, calculation_header, payment_results } from "../MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
|
|
12
|
+
const MarineLoanMonthlyPaymentCalculator = ({ variant, header, disclosure, bodyCopy = true }) => {
|
|
13
|
+
const fullVariant = getVariant(variant);
|
|
14
|
+
const [loanAmountDisplay, setLoanAmountDisplay] = useState("$75,000");
|
|
15
|
+
const [loanAmount, setLoanAmount] = useState(75e3);
|
|
16
|
+
const [loanDuration, setLoanDuration] = useState(240);
|
|
17
|
+
const [interestRateDisplay, setInterestRateDisplay] = useState("8.25%");
|
|
18
|
+
const [interestRate, setInterestRate] = useState("8.25");
|
|
19
|
+
const [estimatedPayment, setEstimatedPayment] = useState(0);
|
|
20
|
+
const [loanAmountError, setLoanAmountError] = useState(null);
|
|
21
|
+
const [interestRateError, setInterestRateError] = useState(
|
|
22
|
+
null
|
|
23
|
+
);
|
|
24
|
+
const formatToCurrency = (value) => {
|
|
25
|
+
const numericValue = parseFloat(value.replace(/[^0-9.]/g, ""));
|
|
26
|
+
if (isNaN(numericValue)) {
|
|
27
|
+
return "";
|
|
28
|
+
}
|
|
29
|
+
return numericValue.toLocaleString("en-US", {
|
|
30
|
+
style: "currency",
|
|
31
|
+
currency: "USD",
|
|
32
|
+
minimumFractionDigits: 0,
|
|
33
|
+
maximumFractionDigits: 0
|
|
34
|
+
});
|
|
35
|
+
};
|
|
36
|
+
const validateInputs = () => {
|
|
37
|
+
let isValid = true;
|
|
38
|
+
if (!loanAmount || isNaN(loanAmount) || loanAmount < 75e3 || loanAmount > 5e6) {
|
|
39
|
+
setLoanAmountError(
|
|
40
|
+
"Please enter an amount between $75,000 and $5,000,000."
|
|
41
|
+
);
|
|
42
|
+
isValid = false;
|
|
43
|
+
} else {
|
|
44
|
+
setLoanAmountError(null);
|
|
45
|
+
}
|
|
46
|
+
if (!interestRate || isNaN(parseFloat(interestRate)) || parseFloat(interestRate) === 0) {
|
|
47
|
+
setInterestRateError("Please enter an Interest Rate.");
|
|
48
|
+
isValid = false;
|
|
49
|
+
} else {
|
|
50
|
+
setInterestRateError(null);
|
|
51
|
+
}
|
|
52
|
+
return isValid;
|
|
53
|
+
};
|
|
54
|
+
const handleLoanAmountChange = (event) => {
|
|
55
|
+
const value = event.target.value;
|
|
56
|
+
const formattedValue = formatToCurrency(value);
|
|
57
|
+
setLoanAmountDisplay(formattedValue);
|
|
58
|
+
const numericValue = parseFloat(value.replace(/[^0-9.]/g, ""));
|
|
59
|
+
setLoanAmount(isNaN(numericValue) ? void 0 : numericValue);
|
|
60
|
+
};
|
|
61
|
+
const handleLoanDurationChange = (event) => {
|
|
62
|
+
setLoanDuration(Number(event.target.value));
|
|
63
|
+
};
|
|
64
|
+
const formatToPercentage = (value) => {
|
|
65
|
+
let numericValue = value.replace(/[^0-9.]/g, "");
|
|
66
|
+
const parts = numericValue.split(".");
|
|
67
|
+
if (parts.length > 2) {
|
|
68
|
+
numericValue = parts[0] + "." + parts.slice(1).join("");
|
|
69
|
+
}
|
|
70
|
+
if (numericValue === "") return "";
|
|
71
|
+
const cleaned = numericValue.startsWith("0") && numericValue !== "0" ? String(parseFloat(numericValue)) : numericValue;
|
|
72
|
+
return cleaned + "%";
|
|
73
|
+
};
|
|
74
|
+
const handleInterestRateChange = (event) => {
|
|
75
|
+
let value = event.target.value;
|
|
76
|
+
if (value.length < interestRateDisplay.length) {
|
|
77
|
+
if (interestRateDisplay.length > 1 && interestRateDisplay.endsWith("%")) {
|
|
78
|
+
value = interestRateDisplay.substring(0, interestRateDisplay.length - 2) + "%";
|
|
79
|
+
} else if (interestRateDisplay.length === 1) {
|
|
80
|
+
value = "";
|
|
81
|
+
} else {
|
|
82
|
+
value = interestRateDisplay.substring(
|
|
83
|
+
0,
|
|
84
|
+
interestRateDisplay.length - 1
|
|
85
|
+
);
|
|
86
|
+
}
|
|
87
|
+
} else {
|
|
88
|
+
value = formatToPercentage(value);
|
|
89
|
+
}
|
|
90
|
+
setInterestRateDisplay(value);
|
|
91
|
+
const numeric = value.replace(/[^0-9.]/g, "");
|
|
92
|
+
setInterestRate(numeric);
|
|
93
|
+
};
|
|
94
|
+
const calculateMonthlyPayment = () => {
|
|
95
|
+
const numericInterestRate = parseFloat(interestRate);
|
|
96
|
+
const monthlyInterestRate = numericInterestRate / 100 / 12;
|
|
97
|
+
const months = loanDuration;
|
|
98
|
+
if (!isNaN(loanAmount || 0) && !isNaN(numericInterestRate)) {
|
|
99
|
+
const monthlyPayment = (loanAmount || 0) * monthlyInterestRate / (1 - Math.pow(1 + monthlyInterestRate, -months));
|
|
100
|
+
setEstimatedPayment(monthlyPayment);
|
|
101
|
+
} else {
|
|
102
|
+
setEstimatedPayment(0);
|
|
103
|
+
}
|
|
104
|
+
};
|
|
105
|
+
const handleCalculate = () => {
|
|
106
|
+
if (validateInputs()) {
|
|
107
|
+
calculateMonthlyPayment();
|
|
108
|
+
} else {
|
|
109
|
+
setEstimatedPayment(0);
|
|
110
|
+
}
|
|
111
|
+
};
|
|
112
|
+
return /* @__PURE__ */ jsx("section", { className: clsx(calculator), children: /* @__PURE__ */ jsx("div", { className: "containment", children: /* @__PURE__ */ jsxs(
|
|
113
|
+
"div",
|
|
114
|
+
{
|
|
115
|
+
className: `rounded ${calc_container} ${container({ variant: fullVariant })}`,
|
|
116
|
+
children: [
|
|
117
|
+
/* @__PURE__ */ jsxs("div", { children: [
|
|
118
|
+
/* @__PURE__ */ jsx(
|
|
119
|
+
"h2",
|
|
120
|
+
{
|
|
121
|
+
className: `text_center ${title({ variant: fullVariant })} ${h2i}`,
|
|
122
|
+
children: header
|
|
123
|
+
}
|
|
124
|
+
),
|
|
125
|
+
bodyCopy && /* @__PURE__ */ jsx(
|
|
126
|
+
"div",
|
|
127
|
+
{
|
|
128
|
+
className: `${calc_text} ${description_text({ variant: fullVariant })} text_center`,
|
|
129
|
+
children: bodyCopy
|
|
130
|
+
}
|
|
131
|
+
)
|
|
132
|
+
] }),
|
|
133
|
+
/* @__PURE__ */ jsxs(
|
|
134
|
+
"div",
|
|
135
|
+
{
|
|
136
|
+
className: `flex center text_center push_up_32 bottom ${inputs_container}`,
|
|
137
|
+
children: [
|
|
138
|
+
/* @__PURE__ */ jsxs("div", { className: `flex flex_col ${input_container}`, children: [
|
|
139
|
+
/* @__PURE__ */ jsx("label", { htmlFor: "loanAmount", id: "amount1", children: "Loan Amount" }),
|
|
140
|
+
/* @__PURE__ */ jsx(
|
|
141
|
+
"input",
|
|
142
|
+
{
|
|
143
|
+
className: `text_center bordered ${input_box({ variant: fullVariant })}`,
|
|
144
|
+
id: "loanAmount",
|
|
145
|
+
maxLength: 10,
|
|
146
|
+
name: "loanAmount",
|
|
147
|
+
type: "text",
|
|
148
|
+
placeholder: "$0",
|
|
149
|
+
value: loanAmountDisplay,
|
|
150
|
+
onChange: handleLoanAmountChange
|
|
151
|
+
}
|
|
152
|
+
),
|
|
153
|
+
loanAmountError && /* @__PURE__ */ jsx("span", { className: error_message, children: loanAmountError })
|
|
154
|
+
] }),
|
|
155
|
+
/* @__PURE__ */ jsxs("div", { className: `flex flex_col ${input_container}`, children: [
|
|
156
|
+
/* @__PURE__ */ jsx("label", { htmlFor: "loanDuration", children: "Loan Duration (Months)" }),
|
|
157
|
+
/* @__PURE__ */ jsx(
|
|
158
|
+
"select",
|
|
159
|
+
{
|
|
160
|
+
className: `text_center bordered ${input_box({ variant: fullVariant })} ${hide_select_arrow}`,
|
|
161
|
+
id: "loanDuration",
|
|
162
|
+
name: "loanDuration",
|
|
163
|
+
value: loanDuration,
|
|
164
|
+
onChange: handleLoanDurationChange,
|
|
165
|
+
disabled: true,
|
|
166
|
+
children: /* @__PURE__ */ jsx("option", { value: "240", children: "240" })
|
|
167
|
+
}
|
|
168
|
+
)
|
|
169
|
+
] }),
|
|
170
|
+
/* @__PURE__ */ jsxs("div", { className: `flex flex_col ${input_container}`, children: [
|
|
171
|
+
/* @__PURE__ */ jsx("label", { htmlFor: "interestRate", children: "Interest Rate" }),
|
|
172
|
+
/* @__PURE__ */ jsx(
|
|
173
|
+
"input",
|
|
174
|
+
{
|
|
175
|
+
className: `text_center bordered ${input_box({ variant: fullVariant })}`,
|
|
176
|
+
id: "interestRate",
|
|
177
|
+
maxLength: 6,
|
|
178
|
+
name: "interestRate",
|
|
179
|
+
type: "text",
|
|
180
|
+
placeholder: "0.00%",
|
|
181
|
+
value: interestRateDisplay,
|
|
182
|
+
onChange: handleInterestRateChange
|
|
183
|
+
}
|
|
184
|
+
),
|
|
185
|
+
interestRateError && /* @__PURE__ */ jsx("span", { className: error_message, children: interestRateError })
|
|
186
|
+
] })
|
|
187
|
+
]
|
|
188
|
+
}
|
|
189
|
+
),
|
|
190
|
+
/* @__PURE__ */ jsxs("div", { children: [
|
|
191
|
+
/* @__PURE__ */ jsx("div", { className: `flex center middle push_up_32`, children: /* @__PURE__ */ jsx(
|
|
192
|
+
"input",
|
|
193
|
+
{
|
|
194
|
+
className: `${button({
|
|
195
|
+
color: "primary",
|
|
196
|
+
size: "medium",
|
|
197
|
+
rounded: "medium"
|
|
198
|
+
})} center`,
|
|
199
|
+
type: "button",
|
|
200
|
+
value: "Calculate",
|
|
201
|
+
onClick: handleCalculate
|
|
202
|
+
}
|
|
203
|
+
) }),
|
|
204
|
+
/* @__PURE__ */ jsxs("div", { className: "text_center flex flex_col center middle push_up_32", children: [
|
|
205
|
+
/* @__PURE__ */ jsx("span", { className: calculation_header, children: "Estimated Monthly Payment:" }),
|
|
206
|
+
/* @__PURE__ */ jsxs("span", { id: "estimatedPayment", className: payment_results, children: [
|
|
207
|
+
"$",
|
|
208
|
+
estimatedPayment.toFixed(2)
|
|
209
|
+
] })
|
|
210
|
+
] })
|
|
211
|
+
] }),
|
|
212
|
+
disclosure && /* @__PURE__ */ jsx("div", { className: calc_disclosure({ variant: fullVariant }), children: disclosure })
|
|
213
|
+
]
|
|
214
|
+
}
|
|
215
|
+
) }) });
|
|
216
|
+
};
|
|
217
|
+
export {
|
|
218
|
+
MarineLoanMonthlyPaymentCalculator
|
|
219
|
+
};
|
|
@@ -204,11 +204,28 @@ const MaxLoanCalculator = ({
|
|
|
204
204
|
}
|
|
205
205
|
) }),
|
|
206
206
|
/* @__PURE__ */ jsxs("div", { className: "text_center flex flex_col center middle push_up_32", children: [
|
|
207
|
-
/* @__PURE__ */ jsx(
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
207
|
+
/* @__PURE__ */ jsx(
|
|
208
|
+
"label",
|
|
209
|
+
{
|
|
210
|
+
htmlFor: "estimatedLoanAmount",
|
|
211
|
+
className: calculation_header,
|
|
212
|
+
children: "Maximum Loan Amount You Can Borrow:"
|
|
213
|
+
}
|
|
214
|
+
),
|
|
215
|
+
/* @__PURE__ */ jsxs(
|
|
216
|
+
"output",
|
|
217
|
+
{
|
|
218
|
+
id: "estimatedLoanAmount",
|
|
219
|
+
className: payment_results,
|
|
220
|
+
name: "estimated-loan-amount",
|
|
221
|
+
htmlFor: "monthlyPayment loanDuration interestRate",
|
|
222
|
+
role: "status",
|
|
223
|
+
children: [
|
|
224
|
+
"$",
|
|
225
|
+
loanAmount.toFixed(2)
|
|
226
|
+
]
|
|
227
|
+
}
|
|
228
|
+
)
|
|
212
229
|
] })
|
|
213
230
|
] })
|
|
214
231
|
]
|
|
@@ -12,12 +12,14 @@ var inputs_container = "_10pitvcd";
|
|
|
12
12
|
var calculation_header = "_10pitvce";
|
|
13
13
|
var error_message = "_10pitvcf";
|
|
14
14
|
var h2i = "_10pitvcg";
|
|
15
|
+
var hide_select_arrow = "_10pitvch";
|
|
15
16
|
export {
|
|
16
17
|
calc_container,
|
|
17
18
|
calculation_header,
|
|
18
19
|
container,
|
|
19
20
|
error_message,
|
|
20
21
|
h2i,
|
|
22
|
+
hide_select_arrow,
|
|
21
23
|
input_box,
|
|
22
24
|
input_container,
|
|
23
25
|
inputs_container,
|
|
@@ -212,11 +212,21 @@ const MonthlyPaymentCalculator = ({
|
|
|
212
212
|
}
|
|
213
213
|
) }),
|
|
214
214
|
/* @__PURE__ */ jsxs("div", { className: "text_center flex flex_col center middle push_up_32", children: [
|
|
215
|
-
/* @__PURE__ */ jsx("
|
|
216
|
-
/* @__PURE__ */ jsxs(
|
|
217
|
-
"
|
|
218
|
-
|
|
219
|
-
|
|
215
|
+
/* @__PURE__ */ jsx("label", { htmlFor: "estimatedPayment", className: calculation_header, children: "Estimated Monthly Payment:" }),
|
|
216
|
+
/* @__PURE__ */ jsxs(
|
|
217
|
+
"output",
|
|
218
|
+
{
|
|
219
|
+
id: "estimatedPayment",
|
|
220
|
+
className: payment_results,
|
|
221
|
+
name: "estimated-payment",
|
|
222
|
+
htmlFor: "loanAmount loanDuration interestRate",
|
|
223
|
+
role: "status",
|
|
224
|
+
children: [
|
|
225
|
+
"$",
|
|
226
|
+
estimatedPayment.toFixed(2)
|
|
227
|
+
]
|
|
228
|
+
}
|
|
229
|
+
)
|
|
220
230
|
] })
|
|
221
231
|
] }),
|
|
222
232
|
disclosure && /* @__PURE__ */ jsx("div", { className: calc_disclosure({ variant: fullVariant }), children: disclosure })
|
|
@@ -2,11 +2,12 @@ export * from './AnnualFeeCalculator';
|
|
|
2
2
|
export * from './ApyCalculator';
|
|
3
3
|
export * from './AxosOneCalculator';
|
|
4
4
|
export * from './BalanceAPYCalculator';
|
|
5
|
+
export * from './BuyDownCalculator';
|
|
5
6
|
export * from './Calculator';
|
|
6
7
|
export * from './calculator.css';
|
|
7
8
|
export * from './MarginTradingCalculator';
|
|
9
|
+
export * from './MarineLoanMonthlyPaymentCalculator';
|
|
8
10
|
export * from './MaxLoanCalculator';
|
|
9
11
|
export * from './MonthlyPaymentCalculator';
|
|
10
12
|
export * from './MonthlyPaymentLVFCalculator';
|
|
11
13
|
export * from './SummitApyCalculator';
|
|
12
|
-
export * from './BuyDownCalculator';
|
|
@@ -2,14 +2,15 @@ import { AnnualFeeCalculator } from "./AnnualFeeCalculator/index.js";
|
|
|
2
2
|
import { ApyCalculator } from "./ApyCalculator/index.js";
|
|
3
3
|
import { AxosOneCalculator } from "./AxosOneCalculator/index.js";
|
|
4
4
|
import { BalanceAPYCalculator } from "./BalanceAPYCalculator/index.js";
|
|
5
|
+
import { BuyDownCalculator } from "./BuyDownCalculator/index.js";
|
|
5
6
|
import { Calculator } from "./Calculator.js";
|
|
6
7
|
import { calculator, calculator_description, calculator_headline } from "./calculator.css.js";
|
|
7
8
|
import { MarginTradingCalculator } from "./MarginTradingCalculator/index.js";
|
|
9
|
+
import { MarineLoanMonthlyPaymentCalculator } from "./MarineLoanMonthlyPaymentCalculator/index.js";
|
|
8
10
|
import { MaxLoanCalculator } from "./MaxLoanCalculator/index.js";
|
|
9
11
|
import { MonthlyPaymentCalculator } from "./MonthlyPaymentCalculator/index.js";
|
|
10
12
|
import { MonthlyPaymentLVFCalculator } from "./MonthlyPaymentLVFCalculator/index.js";
|
|
11
13
|
import { SummitApyCalculator } from "./SummitApyCalculator/index.js";
|
|
12
|
-
import { BuyDownCalculator } from "./BuyDownCalculator/index.js";
|
|
13
14
|
export {
|
|
14
15
|
AnnualFeeCalculator,
|
|
15
16
|
ApyCalculator,
|
|
@@ -18,6 +19,7 @@ export {
|
|
|
18
19
|
BuyDownCalculator,
|
|
19
20
|
Calculator,
|
|
20
21
|
MarginTradingCalculator,
|
|
22
|
+
MarineLoanMonthlyPaymentCalculator,
|
|
21
23
|
MaxLoanCalculator,
|
|
22
24
|
MonthlyPaymentCalculator,
|
|
23
25
|
MonthlyPaymentLVFCalculator,
|