@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.
Files changed (160) hide show
  1. package/dist/ATMLocator/ATMLocator.js +8 -1
  2. package/dist/ArticlesSet/ArticlesSet.js +2 -2
  3. package/dist/Auth/ErrorAlert.js +10 -3
  4. package/dist/Blockquote/Blockquote.module.js +3 -3
  5. package/dist/Button/Button.js +10 -3
  6. package/dist/Calculators/Calculator.js +22 -3
  7. package/dist/Calculators/MarineLoanMonthlyPaymentCalculator/index.d.ts +9 -0
  8. package/dist/Calculators/MarineLoanMonthlyPaymentCalculator/index.js +219 -0
  9. package/dist/Calculators/MaxLoanCalculator/index.js +22 -5
  10. package/dist/Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.d.ts +1 -0
  11. package/dist/Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js +2 -0
  12. package/dist/Calculators/MonthlyPaymentCalculator/index.js +15 -5
  13. package/dist/Calculators/index.d.ts +2 -1
  14. package/dist/Calculators/index.js +3 -1
  15. package/dist/Carousel/index.js +10 -3
  16. package/dist/Chatbot/Bubble.css.d.ts +1 -0
  17. package/dist/Chatbot/Bubble.css.js +5 -0
  18. package/dist/Chatbot/Bubble.d.ts +3 -0
  19. package/dist/Chatbot/Bubble.js +48 -0
  20. package/dist/Chatbot/Chat.d.ts +1 -0
  21. package/dist/Chatbot/Chat.js +165 -0
  22. package/dist/Chatbot/ChatWindow.css.d.ts +11 -0
  23. package/dist/Chatbot/ChatWindow.css.js +25 -0
  24. package/dist/Chatbot/ChatWindow.d.ts +23 -0
  25. package/dist/Chatbot/ChatWindow.js +202 -0
  26. package/dist/Chatbot/Chatbot.css.d.ts +1 -0
  27. package/dist/Chatbot/Chatbot.css.js +5 -0
  28. package/dist/Chatbot/Chatbot.css.ts.vanilla.css.js +1 -0
  29. package/dist/Chatbot/Chatbot.d.ts +1 -0
  30. package/dist/Chatbot/Chatbot.js +39 -0
  31. package/dist/Chatbot/authenticate.d.ts +3 -0
  32. package/dist/Chatbot/authenticate.js +16 -0
  33. package/dist/Chatbot/index.d.ts +9 -0
  34. package/dist/Chatbot/index.js +31 -0
  35. package/dist/Chatbot/store/chat.d.ts +9 -0
  36. package/dist/Chatbot/store/chat.js +11 -0
  37. package/dist/Chatbot/store/messages.d.ts +14 -0
  38. package/dist/Chatbot/store/messages.js +12 -0
  39. package/dist/Chatbot/useHeadlessChat.d.ts +22 -0
  40. package/dist/Chatbot/useHeadlessChat.js +157 -0
  41. package/dist/Chevron/index.js +10 -3
  42. package/dist/Comparison/Comparison.js +10 -3
  43. package/dist/ExecutiveBio/ExecutiveBio.js +10 -3
  44. package/dist/FaqAccordion/index.js +10 -3
  45. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +10 -3
  46. package/dist/Forms/ApplicationStart.d.ts +1 -1
  47. package/dist/Forms/ApplicationStart.js +111 -89
  48. package/dist/Forms/ApplyNow.d.ts +2 -2
  49. package/dist/Forms/ApplyNow.js +178 -146
  50. package/dist/Forms/ClearingForm.d.ts +1 -1
  51. package/dist/Forms/ClearingForm.js +184 -162
  52. package/dist/Forms/CommercialDeposits.d.ts +1 -1
  53. package/dist/Forms/CommercialDeposits.js +201 -179
  54. package/dist/Forms/CommercialLending.d.ts +1 -1
  55. package/dist/Forms/CommercialLending.js +278 -256
  56. package/dist/Forms/CommercialPremiumFinance.d.ts +1 -1
  57. package/dist/Forms/CommercialPremiumFinance.js +128 -106
  58. package/dist/Forms/ContactCompany.d.ts +1 -1
  59. package/dist/Forms/ContactCompany.js +113 -91
  60. package/dist/Forms/ContactCompanyTitle.d.ts +1 -1
  61. package/dist/Forms/ContactCompanyTitle.js +127 -105
  62. package/dist/Forms/ContactUs.d.ts +1 -1
  63. package/dist/Forms/ContactUs.js +99 -77
  64. package/dist/Forms/ContactUsAAS.d.ts +1 -1
  65. package/dist/Forms/ContactUsAAS.js +180 -158
  66. package/dist/Forms/ContactUsBusiness.d.ts +1 -1
  67. package/dist/Forms/ContactUsBusiness.js +143 -115
  68. package/dist/Forms/ContactUsBusinessNameEmail.d.ts +1 -1
  69. package/dist/Forms/ContactUsBusinessNameEmail.js +112 -84
  70. package/dist/Forms/ContactUsLVF.d.ts +3 -1
  71. package/dist/Forms/ContactUsLVF.js +127 -101
  72. package/dist/Forms/ContactUsNMLSId.d.ts +1 -1
  73. package/dist/Forms/ContactUsNMLSId.js +126 -98
  74. package/dist/Forms/CpraRequest.d.ts +1 -1
  75. package/dist/Forms/CpraRequest.js +641 -619
  76. package/dist/Forms/CraPublicFile.d.ts +1 -1
  77. package/dist/Forms/CraPublicFile.js +118 -90
  78. package/dist/Forms/DealerServices.d.ts +1 -1
  79. package/dist/Forms/DealerServices.js +225 -204
  80. package/dist/Forms/EmailOnly.d.ts +1 -1
  81. package/dist/Forms/EmailOnly.js +65 -39
  82. package/dist/Forms/EmailUs.d.ts +1 -1
  83. package/dist/Forms/EmailUs.js +75 -53
  84. package/dist/Forms/FormProps.d.ts +3 -0
  85. package/dist/Forms/Forms.css.d.ts +18 -0
  86. package/dist/Forms/Forms.css.js +44 -38
  87. package/dist/Forms/HoneyPot/HoneyPot.css.d.ts +1 -0
  88. package/dist/Forms/HoneyPot/HoneyPot.css.js +5 -0
  89. package/dist/Forms/HoneyPot/index.d.ts +23 -0
  90. package/dist/Forms/HoneyPot/index.js +69 -0
  91. package/dist/Forms/MortgageRate/MortgageRateForm.d.ts +1 -1
  92. package/dist/Forms/MortgageRate/MortgageRateForm.js +376 -348
  93. package/dist/Forms/MortgageRate/MortgageRateWatch.js +10 -3
  94. package/dist/Forms/MortgageWarehouseLending.d.ts +11 -0
  95. package/dist/Forms/MortgageWarehouseLending.js +343 -0
  96. package/dist/Forms/QuickPricer/QuickPricerForm.d.ts +1 -1
  97. package/dist/Forms/QuickPricer/QuickPricerForm.js +624 -609
  98. package/dist/Forms/ScheduleCall.d.ts +1 -1
  99. package/dist/Forms/ScheduleCall.js +156 -134
  100. package/dist/Forms/ScheduleCallPremier.d.ts +1 -1
  101. package/dist/Forms/ScheduleCallPremier.js +178 -156
  102. package/dist/Forms/SuccesForm.js +13 -6
  103. package/dist/Forms/VendorQuestionnaire.d.ts +1 -1
  104. package/dist/Forms/VendorQuestionnaire.js +817 -795
  105. package/dist/Forms/WcplSurvey.d.ts +1 -1
  106. package/dist/Forms/WcplSurvey.js +112 -90
  107. package/dist/Forms/applynow-utils.d.ts +1 -0
  108. package/dist/Forms/applynow-utils.js +48 -0
  109. package/dist/Forms/index.d.ts +3 -0
  110. package/dist/Forms/index.js +12 -2
  111. package/dist/HeroBanner/HeroBanner.js +42 -1
  112. package/dist/Hyperlink/index.js +10 -3
  113. package/dist/IconBillboard/sections/CallToActionSection.js +2 -1
  114. package/dist/ImageBillboard/ExitIntentModal/useExitIntentModal.js +6 -1
  115. package/dist/ImageLink/ImageLink.js +10 -3
  116. package/dist/ImageLink/ImageLinkSet.js +10 -3
  117. package/dist/ImageLink/index.js +10 -3
  118. package/dist/Input/Input.js +3 -1
  119. package/dist/Insight/Featured/CategorySelector.js +10 -3
  120. package/dist/Insight/Featured/Featured.js +10 -3
  121. package/dist/Insight/Featured/Header.js +10 -3
  122. package/dist/Modal/Modal.js +10 -3
  123. package/dist/NavigationMenu/AxosALTS/NavData.js +10 -3
  124. package/dist/NavigationMenu/AxosALTS/index.js +10 -3
  125. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.module.js +16 -16
  126. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.d.ts +1 -0
  127. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.js +25 -7
  128. package/dist/NavigationMenu/AxosBank/NavBar.module.js +39 -39
  129. package/dist/NavigationMenu/AxosBank/NavData.js +10 -3
  130. package/dist/NavigationMenu/AxosBank/SubNavBar.js +32 -8
  131. package/dist/NavigationMenu/AxosBank/index.js +10 -3
  132. package/dist/NavigationMenu/LaVictoire/NavData.js +10 -3
  133. package/dist/NavigationMenu/LaVictoire/index.js +10 -3
  134. package/dist/NavigationMenu/NavDataJson.d.ts +2 -0
  135. package/dist/NavigationMenu/NavDataJson.js +315 -0
  136. package/dist/NavigationMenu/Navbar.d.ts +5 -0
  137. package/dist/NavigationMenu/Navbar.js +201 -0
  138. package/dist/NavigationMenu/SignInNavButton.d.ts +1 -0
  139. package/dist/NavigationMenu/SignInNavButton.js +369 -0
  140. package/dist/SetContainer/SetContainer.js +10 -3
  141. package/dist/SocialMediaBar/iconsRepository.js +10 -3
  142. package/dist/Table/Table.d.ts +1 -1
  143. package/dist/VideoTile/VideoTile.js +10 -3
  144. package/dist/VideoWrapper/index.js +10 -3
  145. package/dist/assets/Blockquote/Blockquote.css.css +68 -68
  146. package/dist/assets/Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css +3 -0
  147. package/dist/assets/Chatbot/Bubble.css +40 -0
  148. package/dist/assets/Chatbot/ChatWindow.css +107 -0
  149. package/dist/assets/Forms/Forms.css +135 -105
  150. package/dist/assets/Forms/HoneyPot/HoneyPot.css +8 -0
  151. package/dist/assets/NavigationMenu/AxosBank/MobileMenu/MobileMenu.css.css +191 -191
  152. package/dist/assets/NavigationMenu/AxosBank/NavBar.css.css +473 -473
  153. package/dist/assets/utils/optimizeImage/optimizeImage.css.css +47 -47
  154. package/dist/icons/Logos/AXB.d.ts +8 -0
  155. package/dist/icons/Logos/AXB.js +74 -0
  156. package/dist/main.d.ts +1 -0
  157. package/dist/main.js +43 -3
  158. package/dist/utils/allowedAxosDomains.js +2 -1
  159. package/dist/utils/optimizeImage/optimizeImage.module.js +3 -3
  160. 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(90deg)",
57
+ transform: "rotate(90)",
58
58
  children: /* @__PURE__ */ jsx(
59
59
  "g",
60
60
  {
@@ -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 = "_quote_spacer_1r8g1_1";
2
- const author = "_author_1r8g1_13";
3
- const quote = "_quote_1r8g1_1";
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,
@@ -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("span", { className: calculation_header, children: "Maximum Loan Amount You Can Borrow:" }),
208
- /* @__PURE__ */ jsxs("span", { id: "estimatedLoanAmount", className: payment_results, children: [
209
- "$",
210
- loanAmount.toFixed(2)
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
  ]
@@ -41,3 +41,4 @@ export declare const inputs_container: string;
41
41
  export declare const calculation_header: string;
42
42
  export declare const error_message: string;
43
43
  export declare const h2i: string;
44
+ export declare const hide_select_arrow: string;
@@ -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("span", { className: calculation_header, children: "Estimated Monthly Payment:" }),
216
- /* @__PURE__ */ jsxs("span", { id: "estimatedPayment", className: payment_results, children: [
217
- "$",
218
- estimatedPayment.toFixed(2)
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,