@axos-web-dev/shared-components 1.0.99-honeypot.1 → 1.0.99-leadpriority

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 (117) hide show
  1. package/dist/Auth/ErrorAlert.js +2 -2
  2. package/dist/Button/Button.js +2 -2
  3. package/dist/Calculators/BuyDownCalculator/index.js +1 -1
  4. package/dist/Calculators/Calculator.js +14 -2
  5. package/dist/Calculators/MarineLoanMonthlyPaymentCalculator/index.d.ts +9 -0
  6. package/dist/Calculators/MarineLoanMonthlyPaymentCalculator/index.js +219 -0
  7. package/dist/Calculators/MaxLoanCalculator/index.js +22 -5
  8. package/dist/Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.d.ts +1 -0
  9. package/dist/Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js +2 -0
  10. package/dist/Calculators/MonthlyPaymentCalculator/index.js +15 -5
  11. package/dist/Calculators/index.d.ts +2 -1
  12. package/dist/Calculators/index.js +3 -1
  13. package/dist/Carousel/index.js +2 -2
  14. package/dist/Chevron/index.js +2 -2
  15. package/dist/Comparison/Comparison.js +2 -2
  16. package/dist/ExecutiveBio/ExecutiveBio.js +2 -2
  17. package/dist/FaqAccordion/index.js +2 -2
  18. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +2 -2
  19. package/dist/Forms/ApplicationStart.d.ts +1 -1
  20. package/dist/Forms/ApplicationStart.js +101 -89
  21. package/dist/Forms/ApplyNow.d.ts +2 -2
  22. package/dist/Forms/ApplyNow.js +170 -145
  23. package/dist/Forms/ClearingForm.d.ts +1 -1
  24. package/dist/Forms/ClearingForm.js +174 -162
  25. package/dist/Forms/CommercialDeposits.d.ts +1 -1
  26. package/dist/Forms/CommercialDeposits.js +191 -179
  27. package/dist/Forms/CommercialLending.d.ts +1 -1
  28. package/dist/Forms/CommercialLending.js +268 -256
  29. package/dist/Forms/CommercialPremiumFinance.d.ts +1 -1
  30. package/dist/Forms/CommercialPremiumFinance.js +106 -94
  31. package/dist/Forms/ContactCompany.d.ts +1 -1
  32. package/dist/Forms/ContactCompany.js +103 -91
  33. package/dist/Forms/ContactCompanyTitle.d.ts +1 -1
  34. package/dist/Forms/ContactCompanyTitle.js +117 -105
  35. package/dist/Forms/ContactUs.d.ts +1 -1
  36. package/dist/Forms/ContactUs.js +90 -79
  37. package/dist/Forms/ContactUsAAS.d.ts +1 -1
  38. package/dist/Forms/ContactUsAAS.js +170 -158
  39. package/dist/Forms/ContactUsBusiness.d.ts +1 -1
  40. package/dist/Forms/ContactUsBusiness.js +126 -114
  41. package/dist/Forms/ContactUsBusinessNameEmail.d.ts +1 -1
  42. package/dist/Forms/ContactUsBusinessNameEmail.js +95 -83
  43. package/dist/Forms/ContactUsLVF.d.ts +3 -1
  44. package/dist/Forms/ContactUsLVF.js +117 -101
  45. package/dist/Forms/ContactUsNMLSId.d.ts +1 -1
  46. package/dist/Forms/ContactUsNMLSId.js +109 -97
  47. package/dist/Forms/CpraRequest.d.ts +1 -1
  48. package/dist/Forms/CpraRequest.js +630 -618
  49. package/dist/Forms/CraPublicFile.d.ts +1 -1
  50. package/dist/Forms/CraPublicFile.js +101 -89
  51. package/dist/Forms/DealerServices.d.ts +1 -1
  52. package/dist/Forms/DealerServices.js +215 -203
  53. package/dist/Forms/EmailOnly.d.ts +1 -1
  54. package/dist/Forms/EmailOnly.js +48 -36
  55. package/dist/Forms/EmailUs.d.ts +1 -1
  56. package/dist/Forms/EmailUs.js +65 -53
  57. package/dist/Forms/FormProps.d.ts +3 -0
  58. package/dist/Forms/Forms.css.d.ts +18 -0
  59. package/dist/Forms/Forms.css.js +44 -38
  60. package/dist/Forms/HoneyPot/HoneyPot.css.d.ts +1 -1
  61. package/dist/Forms/HoneyPot/HoneyPot.css.js +2 -2
  62. package/dist/Forms/HoneyPot/index.d.ts +10 -11
  63. package/dist/Forms/HoneyPot/index.js +21 -24
  64. package/dist/Forms/MortgageRate/MortgageRateForm.d.ts +1 -1
  65. package/dist/Forms/MortgageRate/MortgageRateForm.js +369 -348
  66. package/dist/Forms/MortgageRate/MortgageRateWatch.js +2 -2
  67. package/dist/Forms/MortgageWarehouseLending.d.ts +11 -0
  68. package/dist/Forms/MortgageWarehouseLending.js +337 -0
  69. package/dist/Forms/QuickPricer/QuickPricerForm.d.ts +1 -1
  70. package/dist/Forms/QuickPricer/QuickPricerForm.js +608 -596
  71. package/dist/Forms/SalesforceFieldsForm.d.ts +5 -0
  72. package/dist/Forms/SalesforceFieldsForm.js +11 -1
  73. package/dist/Forms/ScheduleCall.d.ts +1 -1
  74. package/dist/Forms/ScheduleCall.js +146 -134
  75. package/dist/Forms/ScheduleCallPremier.d.ts +1 -1
  76. package/dist/Forms/ScheduleCallPremier.js +168 -156
  77. package/dist/Forms/SuccesForm.js +5 -5
  78. package/dist/Forms/VendorQuestionnaire.d.ts +1 -1
  79. package/dist/Forms/VendorQuestionnaire.js +807 -795
  80. package/dist/Forms/WcplSurvey.d.ts +1 -1
  81. package/dist/Forms/WcplSurvey.js +102 -90
  82. package/dist/Forms/applynow-utils.d.ts +1 -0
  83. package/dist/Forms/applynow-utils.js +48 -0
  84. package/dist/Forms/index.d.ts +2 -0
  85. package/dist/Forms/index.js +8 -2
  86. package/dist/HeroBanner/HeroBanner.js +38 -1
  87. package/dist/Hyperlink/index.js +2 -2
  88. package/dist/IconBillboard/sections/CallToActionSection.js +2 -1
  89. package/dist/ImageBillboard/ExitIntentModal/useExitIntentModal.js +6 -1
  90. package/dist/ImageLink/ImageLink.js +2 -2
  91. package/dist/ImageLink/ImageLinkSet.js +2 -2
  92. package/dist/ImageLink/index.js +2 -2
  93. package/dist/Insight/Featured/CategorySelector.js +2 -2
  94. package/dist/Insight/Featured/Featured.js +2 -2
  95. package/dist/Insight/Featured/Header.js +2 -2
  96. package/dist/Modal/Modal.js +2 -2
  97. package/dist/NavigationMenu/AxosALTS/NavData.js +2 -2
  98. package/dist/NavigationMenu/AxosALTS/index.js +2 -2
  99. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.js +14 -6
  100. package/dist/NavigationMenu/AxosBank/NavData.js +2 -2
  101. package/dist/NavigationMenu/AxosBank/SubNavBar.js +15 -7
  102. package/dist/NavigationMenu/AxosBank/index.js +2 -2
  103. package/dist/NavigationMenu/LaVictoire/NavData.js +2 -2
  104. package/dist/NavigationMenu/LaVictoire/index.js +2 -2
  105. package/dist/NavigationMenu/NavDataJson.js +2 -2
  106. package/dist/NavigationMenu/Navbar.js +2 -2
  107. package/dist/NavigationMenu/SignInNavButton.js +2 -2
  108. package/dist/SetContainer/SetContainer.js +2 -2
  109. package/dist/SocialMediaBar/iconsRepository.js +2 -2
  110. package/dist/VideoTile/VideoTile.js +2 -2
  111. package/dist/VideoWrapper/index.js +2 -2
  112. package/dist/assets/Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css +3 -0
  113. package/dist/assets/Forms/Forms.css +135 -105
  114. package/dist/assets/Forms/HoneyPot/HoneyPot.css +4 -0
  115. package/dist/main.js +11 -3
  116. package/dist/utils/allowedAxosDomains.js +2 -1
  117. package/package.json +1 -1
@@ -43,13 +43,13 @@ import "../Calculators/ApyCalculator/ApyCalculator.css.js";
43
43
  import "../Table/Table.css.js";
44
44
  import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
45
45
  import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
46
+ import "../Input/PercentageInput.js";
47
+ import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
46
48
  import "iframe-resizer";
47
49
  /* empty css */
48
50
  import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
49
51
  import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
50
52
  import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
51
- import "../Input/PercentageInput.js";
52
- import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
53
53
  import { error_close_button, separator, error_alert_content, error_alert } from "./ErrorAlert.css.js";
54
54
  import "react-dom";
55
55
  /* empty css */
@@ -40,7 +40,9 @@ 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";
45
47
  import "../Forms/HoneyPot/index.js";
46
48
  import "../Forms/SalesforceFieldsForm.js";
@@ -59,8 +61,6 @@ import "iframe-resizer";
59
61
  import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
60
62
  import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
61
63
  import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
62
- import "../Input/PercentageInput.js";
63
- import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
64
64
  /* empty css */
65
65
  import "react-dom";
66
66
  /* empty css */
@@ -622,7 +622,7 @@ const BuyDownCalculator = ({
622
622
  id: "mooringOutsideContinentalUS",
623
623
  ...register("mooringOutsideContinentalUS"),
624
624
  value: 0.5,
625
- radioText: "Mooring Outside Continental U.S. (Includes Puerto Rico,\r\n Hawaii, and Alaska) (Does not apply to Full Time Charter)\r\n +0.500",
625
+ radioText: "Mooring Outside Continental U.S. (Includes Puerto Rico,\n Hawaii, and Alaska) (Does not apply to Full Time Charter)\n +0.500",
626
626
  groupName: "dependentInputs",
627
627
  disabled: disableMooringOutside
628
628
  }
@@ -38,13 +38,14 @@ 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";
50
51
  /* empty css */
@@ -250,7 +251,17 @@ const Calculator = (props) => {
250
251
  disclosure
251
252
  }
252
253
  );
253
- } else
254
+ } else if (name === "Marine Loan Monthly Payment Calculator") {
255
+ return /* @__PURE__ */ jsx(
256
+ MarineLoanMonthlyPaymentCalculator,
257
+ {
258
+ header: headline,
259
+ bodyCopy,
260
+ variant,
261
+ disclosure
262
+ }
263
+ );
264
+ } else {
254
265
  return /* @__PURE__ */ jsx("section", { id, children: /* @__PURE__ */ jsxs("div", { className: clsx("containment"), children: [
255
266
  /* @__PURE__ */ jsxs("div", { children: [
256
267
  icon && /* @__PURE__ */ jsx("div", { className: clsx("text_center", iconForm), children: ["primary", "secondary"].includes(variant) ? /* @__PURE__ */ jsx(SvgComponent, {}) : /* @__PURE__ */ jsx(SvgAxosX, {}) }),
@@ -284,6 +295,7 @@ const Calculator = (props) => {
284
295
  ) }),
285
296
  /* @__PURE__ */ jsx("div", { className: clsx(calculator_description({ variant })), children: disclosure })
286
297
  ] }) });
298
+ }
287
299
  };
288
300
  export {
289
301
  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,
@@ -41,7 +41,9 @@ import "../Input/InputPhone.js";
41
41
  import "../Input/InputTextArea.js";
42
42
  import "../Input/DownPaymentInput.js";
43
43
  import "../Input/RadioButton.js";
44
+ import "../Input/PercentageInput.js";
44
45
  import "react-hook-form";
46
+ import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
45
47
  import "../Forms/Forms.css.js";
46
48
  import "../Forms/HoneyPot/index.js";
47
49
  import "../Forms/SalesforceFieldsForm.js";
@@ -62,8 +64,6 @@ import "iframe-resizer";
62
64
  import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
63
65
  import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
64
66
  import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
65
- import "../Input/PercentageInput.js";
66
- import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
67
67
  /* empty css */
68
68
  import "react-dom";
69
69
  /* empty css */
@@ -42,7 +42,9 @@ import "../Input/InputPhone.js";
42
42
  import "../Input/InputTextArea.js";
43
43
  import "../Input/DownPaymentInput.js";
44
44
  import "../Input/RadioButton.js";
45
+ import "../Input/PercentageInput.js";
45
46
  import "react-hook-form";
47
+ import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
46
48
  import "../Forms/Forms.css.js";
47
49
  import "../Forms/HoneyPot/index.js";
48
50
  import "../Forms/SalesforceFieldsForm.js";
@@ -61,8 +63,6 @@ import "iframe-resizer";
61
63
  import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
62
64
  import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
63
65
  import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
64
- import "../Input/PercentageInput.js";
65
- import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
66
66
  /* empty css */
67
67
  import "react-dom";
68
68
  /* empty css */
@@ -40,7 +40,9 @@ 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";
45
47
  import "../Forms/HoneyPot/index.js";
46
48
  import "../Forms/SalesforceFieldsForm.js";
@@ -60,8 +62,6 @@ import "iframe-resizer";
60
62
  import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
61
63
  import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
62
64
  import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
63
- import "../Input/PercentageInput.js";
64
- import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
65
65
  /* empty css */
66
66
  import "react-dom";
67
67
  /* empty css */
@@ -45,7 +45,9 @@ import "../Input/InputPhone.js";
45
45
  import "../Input/InputTextArea.js";
46
46
  import "../Input/DownPaymentInput.js";
47
47
  import "../Input/RadioButton.js";
48
+ import "../Input/PercentageInput.js";
48
49
  import "react-hook-form";
50
+ import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
49
51
  import "../Forms/Forms.css.js";
50
52
  import "../Forms/HoneyPot/index.js";
51
53
  import "../Forms/SalesforceFieldsForm.js";
@@ -61,8 +63,6 @@ import "iframe-resizer";
61
63
  import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
62
64
  import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
63
65
  import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
64
- import "../Input/PercentageInput.js";
65
- import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
66
66
  /* empty css */
67
67
  import "react-dom";
68
68
  /* empty css */
@@ -40,7 +40,9 @@ 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";
45
47
  import "../Forms/HoneyPot/index.js";
46
48
  import "../Forms/SalesforceFieldsForm.js";
@@ -62,8 +64,6 @@ import "iframe-resizer";
62
64
  import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
63
65
  import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
64
66
  import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
65
- import "../Input/PercentageInput.js";
66
- import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
67
67
  /* empty css */
68
68
  import "react-dom";
69
69
  /* empty css */
@@ -41,7 +41,9 @@ import "../../Input/InputPhone.js";
41
41
  import "../../Input/InputTextArea.js";
42
42
  import "../../Input/DownPaymentInput.js";
43
43
  import "../../Input/RadioButton.js";
44
+ import "../../Input/PercentageInput.js";
44
45
  import "react-hook-form";
46
+ import "../../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
45
47
  import "../../Forms/Forms.css.js";
46
48
  import "../../Forms/HoneyPot/index.js";
47
49
  import "../../Forms/SalesforceFieldsForm.js";
@@ -57,8 +59,6 @@ import "iframe-resizer";
57
59
  import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
58
60
  import "../../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
59
61
  import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
60
- import "../../Input/PercentageInput.js";
61
- import "../../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
62
62
  /* empty css */
63
63
  import "react-dom";
64
64
  /* empty css */
@@ -9,4 +9,4 @@ export type ApplicationStartInputs = {
9
9
  Send_SMS__c: boolean;
10
10
  DoNotCall: boolean;
11
11
  };
12
- export declare const ApplicationStart: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;
12
+ export declare const ApplicationStart: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, onValidate, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;