@axos-web-dev/shared-components 2.0.0-dev.login → 2.0.0-dev.scroll-fix

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/ATMLocator/ATMLocator.js +5 -4
  2. package/dist/Auth/ErrorAlert.js +5 -4
  3. package/dist/Button/Button.js +5 -4
  4. package/dist/Calculators/ApyCalculator/index.js +78 -5
  5. package/dist/Calculators/Calculator.js +5 -4
  6. package/dist/Calculators/MarginTradingCalculator/index.js +5 -4
  7. package/dist/Carousel/index.js +5 -4
  8. package/dist/Chatbot/Bubble.css.js +0 -1
  9. package/dist/Chatbot/ChatWindow.css.js +1 -0
  10. package/dist/Chatbot/ChatWindow.d.ts +1 -0
  11. package/dist/Chatbot/ChatWindow.js +5 -10
  12. package/dist/Chatbot/Chatbot.js +75 -42
  13. package/dist/Chatbot/ChatbotMessage.d.ts +1 -0
  14. package/dist/Chatbot/ChatbotMessage.js +2 -1
  15. package/dist/Chatbot/store/messages.d.ts +6 -1
  16. package/dist/Chatbot/store/messages.js +62 -3
  17. package/dist/Chevron/index.js +5 -4
  18. package/dist/Comparison/Comparison.js +5 -4
  19. package/dist/ExecutiveBio/ExecutiveBio.js +5 -4
  20. package/dist/FaqAccordion/index.js +5 -4
  21. package/dist/FdicCallout/index.js +1 -1
  22. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +5 -4
  23. package/dist/Forms/ApplicationStart.js +2 -1
  24. package/dist/Forms/ApplyNow.js +5 -4
  25. package/dist/Forms/BoatMooringLocation.js +2 -1
  26. package/dist/Forms/ClearingForm.js +2 -1
  27. package/dist/Forms/CommercialDeposits.js +2 -1
  28. package/dist/Forms/CommercialDepositsACS.js +2 -1
  29. package/dist/Forms/CommercialDepositsNoLendingOption.js +2 -1
  30. package/dist/Forms/CommercialLending.js +2 -1
  31. package/dist/Forms/CommercialPremiumFinance.js +2 -1
  32. package/dist/Forms/CommercialTrustAndEstate.js +2 -1
  33. package/dist/Forms/ConstructionLendingDynamic.js +2 -1
  34. package/dist/Forms/ContactCompany.js +2 -1
  35. package/dist/Forms/ContactCompanyTitle.js +2 -1
  36. package/dist/Forms/ContactUs.js +2 -1
  37. package/dist/Forms/ContactUsAAS.js +2 -1
  38. package/dist/Forms/ContactUsBusiness.js +5 -4
  39. package/dist/Forms/ContactUsBusinessNameEmail.js +5 -4
  40. package/dist/Forms/ContactUsLVF.js +2 -1
  41. package/dist/Forms/ContactUsNMLSId.js +5 -4
  42. package/dist/Forms/ContactUsSchwabAAS.js +2 -1
  43. package/dist/Forms/CpraRequest.js +5 -4
  44. package/dist/Forms/CraPublicFile.js +5 -4
  45. package/dist/Forms/DealerServices.js +2 -1
  46. package/dist/Forms/EmailOnly.js +5 -4
  47. package/dist/Forms/EmailUs.js +2 -1
  48. package/dist/Forms/FormEnums.d.ts +16 -0
  49. package/dist/Forms/FormEnums.js +27 -0
  50. package/dist/Forms/HoneyPot/honeyPotValidation.d.ts +27 -0
  51. package/dist/Forms/HoneyPot/honeyPotValidation.js +17 -0
  52. package/dist/Forms/HoneyPot/index.d.ts +1 -16
  53. package/dist/Forms/HoneyPot/index.js +2 -8
  54. package/dist/Forms/MortgageRate/MortgageRateForm.js +28 -12
  55. package/dist/Forms/MortgageRate/MortgageRateWatch.d.ts +1 -1
  56. package/dist/Forms/MortgageRate/MortgageRateWatch.js +95 -21
  57. package/dist/Forms/MortgageWarehouseLending.js +5 -4
  58. package/dist/Forms/NonQMLoans.d.ts +16 -0
  59. package/dist/Forms/NonQMLoans.js +464 -0
  60. package/dist/Forms/QuickPricer/QuickPricerForm.js +2 -1
  61. package/dist/Forms/ScheduleCall.js +2 -1
  62. package/dist/Forms/ScheduleCallPremier.js +2 -1
  63. package/dist/Forms/SuccesForm.js +5 -4
  64. package/dist/Forms/VendorQuestionnaire.js +2 -1
  65. package/dist/Forms/WcplSurvey.js +2 -1
  66. package/dist/Forms/index.d.ts +1 -0
  67. package/dist/Forms/index.js +5 -1
  68. package/dist/Hyperlink/index.js +5 -4
  69. package/dist/ImageLink/ImageLink.js +5 -4
  70. package/dist/ImageLink/ImageLinkSet.js +5 -4
  71. package/dist/ImageLink/index.js +5 -4
  72. package/dist/ImageToast/index.js +5 -4
  73. package/dist/Input/DownPaymentInput.js +1 -0
  74. package/dist/Insight/Featured/CategorySelector.js +5 -4
  75. package/dist/Insight/Featured/Featured.js +5 -4
  76. package/dist/Insight/Featured/Header.js +5 -4
  77. package/dist/LandingPageHeader/LandingPageHeader.css.d.ts +4 -0
  78. package/dist/LandingPageHeader/LandingPageHeader.css.js +8 -0
  79. package/dist/LandingPageHeader/LandingPageHeader.js +4 -304
  80. package/dist/LandingPageHeader/WithLogin.d.ts +4 -0
  81. package/dist/LandingPageHeader/WithLogin.js +463 -0
  82. package/dist/LandingPageHeader/index.js +5 -1
  83. package/dist/Modal/Modal.js +5 -4
  84. package/dist/NavigationMenu/AxosALTS/index.js +5 -4
  85. package/dist/NavigationMenu/AxosAdvisor/NavBar.module.js +52 -52
  86. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.js +5 -4
  87. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.module.js +1 -1
  88. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.js +1 -1
  89. package/dist/NavigationMenu/AxosBank/SubNavBar.js +7 -6
  90. package/dist/NavigationMenu/AxosBank/index.js +6 -5
  91. package/dist/NavigationMenu/LaVictoire/index.js +5 -4
  92. package/dist/NavigationMenu/NavItem/index.js +5 -4
  93. package/dist/NavigationMenu/ServerNavigation/DropwdownButton.js +5 -4
  94. package/dist/NavigationMenu/ServerNavigation/Menu.js +5 -4
  95. package/dist/NavigationMenu/ServerNavigation/MobileMenu/MobileMenu.js +5 -4
  96. package/dist/NavigationMenu/ServerNavigation/MobileMenu/MobileMenu.module.js +27 -27
  97. package/dist/NavigationMenu/ServerNavigation/MobileMenu/MobileNavData.js +3 -3
  98. package/dist/NavigationMenu/ServerNavigation/NavBar.module.js +40 -40
  99. package/dist/NavigationMenu/ServerNavigation/SubNavBar.js +5 -4
  100. package/dist/NavigationMenu/ServerNavigation/SubNavItem.js +5 -4
  101. package/dist/NavigationMenu/ServerNavigation/index.js +5 -4
  102. package/dist/SetContainer/SetContainer.js +5 -4
  103. package/dist/SocialMediaBar/iconsRepository.js +5 -4
  104. package/dist/VideoTile/VideoTile.js +5 -4
  105. package/dist/VideoWrapper/index.js +5 -4
  106. package/dist/assets/LandingPageHeader/LandingPageHeader.css +65 -2
  107. package/dist/assets/NavigationMenu/AxosAdvisor/NavBar.css +609 -609
  108. package/dist/assets/NavigationMenu/AxosBank/MobileMenu/MobileMenu.css +353 -0
  109. package/dist/assets/NavigationMenu/ServerNavigation/MobileMenu/MobileMenu.css +353 -353
  110. package/dist/assets/NavigationMenu/ServerNavigation/NavBar.css +483 -483
  111. package/dist/main.js +10 -2
  112. package/dist/utilities.d.ts +3 -0
  113. package/dist/utilities.js +12 -0
  114. package/dist/utils/allowedAxosDomains.js +2 -3
  115. package/dist/utils/insightsData.d.ts +23 -0
  116. package/dist/utils/insightsData.js +41 -0
  117. package/package.json +153 -148
@@ -24,7 +24,7 @@ import { checkbox } from "../../Input/Checkbox.css.js";
24
24
  import "../../IconBillboard/IconBillboard.css.js";
25
25
  import "../../icons/ArrowIcon/ArrowIcon.css.js";
26
26
  import "../../icons/CheckIcon/CheckIcon.css.js";
27
- 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/NavBar2.css';import '../../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../../assets/NavigationMenu/AxosBank/NavBar2.css';import '../../assets/NavigationMenu/ServerNavigation/NavigationBar.css';import '../../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisor/NavBar2.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/Chatbot/AnimatedGradientBorder.css';import '../../assets/CallToActionBar/CallToActionBar.css';import '../../assets/Insight/Insight.css';import '../../assets/AwardsItem/AwardsItem.css';import '../../assets/AwardsBanner/AwardsBanner.css';import '../../assets/Auth/SignIn.css';import '../../assets/Auth/ErrorAlert.css';import '../../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../../assets/Forms/QuickPricer/UserInformation.css';import '../../assets/Forms/QuickPricer/QuickPricerResults.css';import '../../assets/Modal/Modal.css';import '../../assets/ImageToast/ImageToast.css';import '../../assets/BulletItem/BulletItem.css';import '../../assets/Typography/Typography.css';import '../../assets/icons/FollowIcon/FollowIcon.css';import '../../assets/icons/DownloadIcon/DownloadIcon.css';import '../../assets/themes/victorie.css';import '../../assets/themes/ufb.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css */
27
+ 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/NavBar2.css';import '../../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../../assets/NavigationMenu/ServerNavigation/NavigationBar.css';import '../../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisor/NavBar2.css';import '../../assets/NavigationMenu/AxosBank/NavBar2.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/Chatbot/AnimatedGradientBorder.css';import '../../assets/CallToActionBar/CallToActionBar.css';import '../../assets/Insight/Insight.css';import '../../assets/AwardsItem/AwardsItem.css';import '../../assets/AwardsBanner/AwardsBanner.css';import '../../assets/Auth/SignIn.css';import '../../assets/Auth/ErrorAlert.css';import '../../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../../assets/Forms/QuickPricer/UserInformation.css';import '../../assets/Forms/QuickPricer/QuickPricerResults.css';import '../../assets/Modal/Modal.css';import '../../assets/Forms/HoneyPot/HoneyPot.css';import '../../assets/ImageToast/ImageToast.css';import '../../assets/BulletItem/BulletItem.css';import '../../assets/Typography/Typography.css';import '../../assets/icons/FollowIcon/FollowIcon.css';import '../../assets/icons/DownloadIcon/DownloadIcon.css';import '../../assets/themes/victorie.css';import '../../assets/themes/ufb.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css */
28
28
  /* empty css */
29
29
  /* empty css */
30
30
  /* empty css */
@@ -54,7 +54,8 @@ import "../../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
54
54
  import "../../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
55
55
  import "../../Input/PercentageInput.js";
56
56
  import "../../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
57
- import "../HoneyPot/index.js";
57
+ /* empty css */
58
+ import "../HoneyPot/honeyPotValidation.js";
58
59
  import "../SalesforceFieldsForm.js";
59
60
  import "react-use";
60
61
  import "../../Chevron/Chevron.css.js";
@@ -79,10 +80,10 @@ import "../../Auth/SignInPassword.js";
79
80
  /* empty css */
80
81
  import "../../Carousel/index.js";
81
82
  /* empty css */
82
- import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
83
83
  /* empty css */
84
84
  import "../../Chatbot/store/chat.js";
85
85
  import "../../Chatbot/Chatbot.js";
86
+ import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
86
87
  /* empty css */
87
88
  import "../../Chatbot/store/messages.js";
88
89
  /* empty css */
@@ -106,6 +107,7 @@ import "next/script.js";
106
107
  /* empty css */
107
108
  import "../../LandingPageHeader/LandingPageHeader.css.js";
108
109
  import "next/link.js";
110
+ /* empty css */
109
111
  /* empty css */
110
112
  import "next/navigation.js";
111
113
  /* empty css */
@@ -114,7 +116,6 @@ import "next/navigation.js";
114
116
  /* empty css */
115
117
  import "../../NavigationMenu/ServerNavigation/Menu.js";
116
118
  import "../../NavigationMenu/ServerNavigation/SubNavbar.css.js";
117
- /* empty css */
118
119
  /* empty css */
119
120
  /* empty css */
120
121
  /* empty css */
@@ -139,12 +140,34 @@ const RateWatchForm = ({
139
140
  toggleModal,
140
141
  setRateWatchSubmitted
141
142
  }) => {
143
+ const desiredRateFields = [
144
+ "tR1DesiredRate",
145
+ "tR2DesiredRate",
146
+ "tR3DesiredRate"
147
+ ];
148
+ const sanitizeDesiredRate = (value) => {
149
+ if (!value) return "";
150
+ const normalizedValue = value.replace(/[^\d.]/g, "");
151
+ if (!normalizedValue || normalizedValue === ".") return "";
152
+ const [wholePart, decimalPart = ""] = normalizedValue.split(".");
153
+ const trimmedDecimal = decimalPart.slice(0, 4);
154
+ const formattedValue = trimmedDecimal ? `${wholePart || "0"}.${trimmedDecimal}` : wholePart || "0";
155
+ const numericValue = Number(formattedValue);
156
+ if (!Number.isFinite(numericValue)) return "";
157
+ return Number.isInteger(numericValue) ? String(numericValue) : numericValue.toFixed(4).replace(/\.0+$|(?<=\.\d*)(0+)$/, "").replace(/\.$/, "");
158
+ };
159
+ const isDesiredRateOutOfRange = (value) => {
160
+ if (!value) return false;
161
+ const numericValue = Number(value);
162
+ if (!Number.isFinite(numericValue)) return false;
163
+ return numericValue < 2 || numericValue > 10;
164
+ };
142
165
  const [updateType, setUpdateType] = useState(
143
166
  "Target Rate"
144
167
  );
145
168
  const schema = z.object({
146
169
  updateType: z.string().min(1, { message: "Update type is required." }),
147
- updateCadence: z.string().refine((val) => !(updateType === "Frequency" && !val), {
170
+ updateCadence: z.string().optional().refine((val) => !(updateType === "Frequency" && !val), {
148
171
  message: "Frequency is required."
149
172
  }),
150
173
  loanTerms: z.string().optional().refine((val) => !(updateType === "Frequency" && !val), {
@@ -153,11 +176,13 @@ const RateWatchForm = ({
153
176
  hasSmsConsent: z.boolean().refine((val) => val === true, {
154
177
  message: "You must agree to receive SMS messages."
155
178
  }),
156
- tR1DesiredRate: z.string().optional().refine(
179
+ tR1DesiredRate: z.string().optional().refine((val) => updateType === "Target Rate" ? !!val : true, {
180
+ message: "Desired Rate is required."
181
+ }).refine(
157
182
  (val) => {
158
183
  if (val && updateType === "Target Rate") {
159
184
  const numericValue = +val;
160
- return !val || numericValue >= 2 && numericValue <= 10;
185
+ return numericValue >= 2 && numericValue <= 10;
161
186
  }
162
187
  return true;
163
188
  },
@@ -196,15 +221,21 @@ const RateWatchForm = ({
196
221
  email: z.string()
197
222
  });
198
223
  const methods = useForm({
199
- resolver: zodResolver(schema)
224
+ resolver: zodResolver(schema),
225
+ mode: "onChange"
200
226
  });
201
227
  const {
202
228
  handleSubmit,
203
229
  register,
204
230
  formState: { errors, isSubmitting, isValid },
205
231
  setValue,
206
- clearErrors
232
+ clearErrors,
233
+ watch
207
234
  } = methods;
235
+ const watchedDesiredRates = watch(desiredRateFields);
236
+ const hasDesiredRateWarning = desiredRateFields.some(
237
+ (_, index) => isDesiredRateOutOfRange(watchedDesiredRates[index])
238
+ );
208
239
  const submitForm = async (data) => {
209
240
  const processedData = {
210
241
  ...data,
@@ -243,12 +274,22 @@ const RateWatchForm = ({
243
274
  const handleTypeChange = (event) => {
244
275
  const value = event.target.value;
245
276
  setUpdateType(value);
277
+ methods.setValue("updateType", value, { shouldValidate: true });
278
+ };
279
+ const handleDesiredRateChange = (fieldName) => (event) => {
280
+ const sanitizedValue = sanitizeDesiredRate(event.target.value);
281
+ event.target.value = sanitizedValue;
282
+ setValue(fieldName, sanitizedValue, {
283
+ shouldValidate: true,
284
+ shouldDirty: true,
285
+ shouldTouch: true
286
+ });
246
287
  };
247
288
  const handleSubmitClick = () => {
248
289
  handleSubmit(submitForm)();
249
290
  };
250
291
  useEffect(() => {
251
- methods.reset();
292
+ methods.reset({ updateType });
252
293
  }, [updateType]);
253
294
  return /* @__PURE__ */ jsx("section", { className: "rate-watch-form", children: /* @__PURE__ */ jsx(FormProvider, { ...methods, children: /* @__PURE__ */ jsx(
254
295
  SuccesFormWrapper,
@@ -326,7 +367,7 @@ const RateWatchForm = ({
326
367
  /* @__PURE__ */ jsx("p", { className: mt1Rem, children: "You can establish up to three different targets with one rate watch." }),
327
368
  /* @__PURE__ */ jsxs("div", { className: threeColRow, children: [
328
369
  /* @__PURE__ */ jsxs("div", { children: [
329
- /* @__PURE__ */ jsx("label", { className: resposiveLabel, children: "Select a Loan Type*" }),
370
+ /* @__PURE__ */ jsx("label", { className: resposiveLabel, children: "Select a Loan Type" }),
330
371
  /* @__PURE__ */ jsxs(
331
372
  Dropdown,
332
373
  {
@@ -345,18 +386,24 @@ const RateWatchForm = ({
345
386
  )
346
387
  ] }),
347
388
  /* @__PURE__ */ jsxs("div", { children: [
348
- /* @__PURE__ */ jsx("label", { className: resposiveLabel, children: "Desired Rate" }),
389
+ /* @__PURE__ */ jsxs("label", { className: resposiveLabel, children: [
390
+ "Desired Rate",
391
+ /* @__PURE__ */ jsx("sup", { children: "*" })
392
+ ] }),
349
393
  /* @__PURE__ */ jsx(
350
394
  Input,
351
395
  {
352
396
  className: dynPH,
353
397
  ...register("tR1DesiredRate", {
354
- setValueAs: (value) => value ? `${value}` : ""
398
+ setValueAs: (value) => sanitizeDesiredRate(String(value ?? ""))
355
399
  }),
400
+ onChange: handleDesiredRateChange("tR1DesiredRate"),
356
401
  type: "number",
402
+ min: "2",
403
+ max: "10",
357
404
  placeholder: "Desired Rate",
358
405
  error: !!errors.tR1DesiredRate,
359
- helperText: errors.tR1DesiredRate?.message
406
+ helperText: isDesiredRateOutOfRange(watch("tR1DesiredRate")) ? "Desired Rate must be between 2 and 10." : errors.tR1DesiredRate?.message
360
407
  }
361
408
  )
362
409
  ] }),
@@ -407,9 +454,16 @@ const RateWatchForm = ({
407
454
  Input,
408
455
  {
409
456
  className: dynPH,
410
- ...register("tR2DesiredRate"),
411
- type: "string",
412
- placeholder: "Desired Rate"
457
+ ...register("tR2DesiredRate", {
458
+ setValueAs: (value) => sanitizeDesiredRate(String(value ?? ""))
459
+ }),
460
+ onChange: handleDesiredRateChange("tR2DesiredRate"),
461
+ type: "number",
462
+ min: "2",
463
+ max: "10",
464
+ placeholder: "Desired Rate",
465
+ error: isDesiredRateOutOfRange(watch("tR2DesiredRate")),
466
+ helperText: isDesiredRateOutOfRange(watch("tR2DesiredRate")) ? "Desired Rate must be between 2 and 10." : errors.tR2DesiredRate?.message
413
467
  }
414
468
  ) }),
415
469
  /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
@@ -455,10 +509,17 @@ const RateWatchForm = ({
455
509
  /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
456
510
  Input,
457
511
  {
458
- ...register("tR3DesiredRate"),
459
- type: "string",
512
+ ...register("tR3DesiredRate", {
513
+ setValueAs: (value) => sanitizeDesiredRate(String(value ?? ""))
514
+ }),
515
+ onChange: handleDesiredRateChange("tR3DesiredRate"),
516
+ type: "number",
517
+ min: "2",
518
+ max: "10",
460
519
  placeholder: "Desired Rate",
461
- className: dynPH
520
+ className: dynPH,
521
+ error: isDesiredRateOutOfRange(watch("tR3DesiredRate")),
522
+ helperText: isDesiredRateOutOfRange(watch("tR3DesiredRate")) ? "Desired Rate must be between 2 and 10." : errors.tR3DesiredRate?.message
462
523
  }
463
524
  ) }),
464
525
  /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
@@ -483,7 +544,20 @@ const RateWatchForm = ({
483
544
  }
484
545
  ) })
485
546
  ] }),
486
- /* @__PURE__ */ jsx("p", { className: mt1Rem, children: "*The number in Desired Rate must be at least 2% and no more than 10%" })
547
+ /* @__PURE__ */ jsxs(
548
+ "p",
549
+ {
550
+ className: mt1Rem,
551
+ style: {
552
+ color: hasDesiredRateWarning ? "#d92d20" : void 0,
553
+ fontWeight: hasDesiredRateWarning ? 600 : void 0
554
+ },
555
+ children: [
556
+ /* @__PURE__ */ jsx("sup", { children: "*" }),
557
+ " Please enter a desired rate between 2% and 10%"
558
+ ]
559
+ }
560
+ )
487
561
  ] }),
488
562
  /* @__PURE__ */ jsxs("div", { className: modalCheckboxContainer, children: [
489
563
  /* @__PURE__ */ jsx(
@@ -16,7 +16,7 @@ import "../icons/ArrowIcon/ArrowIcon.css.js";
16
16
  import SvgAxosX from "../icons/AxosX/index.js";
17
17
  import SvgComponent from "../icons/AxosX/Blue.js";
18
18
  import "../icons/CheckIcon/CheckIcon.css.js";
19
- 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/NavBar2.css';import '../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar2.css';import '../assets/NavigationMenu/ServerNavigation/NavigationBar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar2.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/Chatbot/AnimatedGradientBorder.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/Insight/Insight.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Auth/ErrorAlert.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/Modal/Modal.css';import '../assets/ImageToast/ImageToast.css';import '../assets/BulletItem/BulletItem.css';import '../assets/Typography/Typography.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css */
19
+ 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/NavBar2.css';import '../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/ServerNavigation/NavigationBar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar2.css';import '../assets/NavigationMenu/AxosBank/NavBar2.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/Chatbot/AnimatedGradientBorder.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/Insight/Insight.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Auth/ErrorAlert.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/Modal/Modal.css';import '../assets/ImageToast/ImageToast.css';import '../assets/BulletItem/BulletItem.css';import '../assets/Typography/Typography.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css */
20
20
  /* empty css */
21
21
  /* empty css */
22
22
  /* empty css */
@@ -57,7 +57,7 @@ import "../Input/PercentageInput.js";
57
57
  import { useForm, FormProvider } from "react-hook-form";
58
58
  import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
59
59
  import { iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, disclosureForm, actions, formContainer } from "./Forms.css.js";
60
- import { honeyPotSchema, isValidHoneyPot, HoneyPot } from "./HoneyPot/index.js";
60
+ import { HoneyPot } from "./HoneyPot/index.js";
61
61
  import { SalesforceSchema } from "./SalesforceFieldsForm.js";
62
62
  import "../Input/RadioButton.css.js";
63
63
  import "../Input/Checkbox.css.js";
@@ -83,10 +83,10 @@ import "../Auth/SignInPassword.js";
83
83
  /* empty css */
84
84
  import "../Carousel/index.js";
85
85
  /* empty css */
86
- import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
87
86
  /* empty css */
88
87
  import "../Chatbot/store/chat.js";
89
88
  import "../Chatbot/Chatbot.js";
89
+ import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
90
90
  /* empty css */
91
91
  import "../Chatbot/store/messages.js";
92
92
  /* empty css */
@@ -110,6 +110,7 @@ import "next/script.js";
110
110
  /* empty css */
111
111
  import "../LandingPageHeader/LandingPageHeader.css.js";
112
112
  import "next/link.js";
113
+ /* empty css */
113
114
  /* empty css */
114
115
  import "next/navigation.js";
115
116
  /* empty css */
@@ -118,7 +119,6 @@ import "next/navigation.js";
118
119
  /* empty css */
119
120
  import "../NavigationMenu/ServerNavigation/Menu.js";
120
121
  import "../NavigationMenu/ServerNavigation/SubNavbar.css.js";
121
- /* empty css */
122
122
  /* empty css */
123
123
  /* empty css */
124
124
  /* empty css */
@@ -136,6 +136,7 @@ import "../StepItemSet/StepItemSet.css.js";
136
136
  /* empty css */
137
137
  /* empty css */
138
138
  /* empty css */
139
+ import { honeyPotSchema, isValidHoneyPot } from "./HoneyPot/honeyPotValidation.js";
139
140
  const MortgageWarehouseLending = ({
140
141
  icon = false,
141
142
  children,
@@ -0,0 +1,16 @@
1
+ import { FormProps } from './FormProps';
2
+
3
+ export type NonQMLoansInputs = {
4
+ first_name: string;
5
+ last_name: string;
6
+ phone: string;
7
+ email: string;
8
+ Loan_Amount_c: number;
9
+ Loan_c: string;
10
+ Loan_Type_c: string;
11
+ Property_Value_c: number;
12
+ Property_Type_c: string;
13
+ zip: string;
14
+ Credit_Score_OB_c: string;
15
+ };
16
+ export declare const NonQMLoans: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, onValidate, id, }: FormProps) => import("react").JSX.Element;