@axos-web-dev/shared-components 0.0.172 → 0.0.173

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 (189) hide show
  1. package/dist/ATMLocator/ATMLocator.js +35 -35
  2. package/dist/Accordion/Accordion.css.js +4 -4
  3. package/dist/Accordion/Accordion.js +3 -3
  4. package/dist/AlertBanner/AlertBanner.css.js +1 -1
  5. package/dist/AlertBanner/index.js +3 -3
  6. package/dist/Article/Article.css.js +4 -4
  7. package/dist/ArticlesSet/ArticlesSet.css.js +4 -4
  8. package/dist/AwardsBanner/AwardsBanner.css.js +1 -1
  9. package/dist/AwardsItem/AwardsItem.css.js +2 -2
  10. package/dist/BulletItem/BulletItem.css.js +2 -2
  11. package/dist/BulletItem/BulletItem.js +3 -3
  12. package/dist/Button/Button.css.js +4 -4
  13. package/dist/Button/Button.js +35 -35
  14. package/dist/Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js +3 -3
  15. package/dist/Calculators/ApyCalculator/ApyCalculator.css.js +3 -3
  16. package/dist/Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js +4 -4
  17. package/dist/Calculators/AxosOneCalculator/index.js +3 -3
  18. package/dist/Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js +4 -4
  19. package/dist/Calculators/BalanceAPYCalculator/index.js +3 -3
  20. package/dist/Calculators/Calculator.js +35 -35
  21. package/dist/Calculators/MarginTradingCalculator/MarginTradingCalculator.css.js +1 -1
  22. package/dist/Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js +3 -3
  23. package/dist/Calculators/calculator.css.js +4 -4
  24. package/dist/CallToActionBar/CallToActionBar.css.js +3 -3
  25. package/dist/Carousel/Carousel.css.js +3 -3
  26. package/dist/Carousel/index.js +35 -35
  27. package/dist/Chevron/Chevron.css.js +4 -4
  28. package/dist/Chevron/index.js +35 -35
  29. package/dist/CollectInformationAlert/CollectInformationAlert.css.js +4 -4
  30. package/dist/CollectInformationAlert/index.js +3 -3
  31. package/dist/Comparison/Comparison.css.js +7 -7
  32. package/dist/Comparison/Comparison.js +34 -34
  33. package/dist/ContentBanner/ContentBanner.css.js +4 -4
  34. package/dist/DownloadTile/DownloadTile.css.js +3 -3
  35. package/dist/ExecutiveBio/ExecutiveBio.css.js +4 -4
  36. package/dist/FaqAccordion/FaqAccordion.css.js +4 -4
  37. package/dist/FaqAccordion/index.js +35 -35
  38. package/dist/FooterDisclosure/FooterDisclosure.css.js +1 -1
  39. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.css.js +4 -4
  40. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +112 -94
  41. package/dist/Forms/ApplicationStart.js +4 -4
  42. package/dist/Forms/ClearingForm.js +4 -4
  43. package/dist/Forms/CommercialDeposits.js +4 -4
  44. package/dist/Forms/CommercialLending.js +4 -4
  45. package/dist/Forms/ContactCompany.js +4 -4
  46. package/dist/Forms/ContactUs.js +4 -4
  47. package/dist/Forms/ContactUsAAS.js +4 -4
  48. package/dist/Forms/ContactUsBusiness.js +35 -35
  49. package/dist/Forms/ContactUsNMLSId.js +35 -35
  50. package/dist/Forms/CpraRequest.js +4 -4
  51. package/dist/Forms/DealerServices.js +4 -4
  52. package/dist/Forms/EmailOnly.js +35 -35
  53. package/dist/Forms/EmailUs.d.ts +1 -1
  54. package/dist/Forms/EmailUs.js +20 -16
  55. package/dist/Forms/Forms.css.js +7 -7
  56. package/dist/Forms/MortgageRate/MortgageRateForm.js +35 -35
  57. package/dist/Forms/MortgageRate/MortgageRateQuoteFilters.js +1 -1
  58. package/dist/Forms/MortgageRate/MortgageRateWatch.js +47 -44
  59. package/dist/Forms/QuickPricer/QuickPricerForm.js +4 -4
  60. package/dist/Forms/QuickPricer/QuickPricerResults.css.js +1 -1
  61. package/dist/Forms/QuickPricer/UserInformation.css.js +3 -3
  62. package/dist/Forms/ScheduleCall.js +4 -4
  63. package/dist/Forms/ScheduleCallPremier.js +4 -4
  64. package/dist/Forms/SuccesForm.js +36 -36
  65. package/dist/Forms/WcplSurvey.js +4 -4
  66. package/dist/HeroBanner/HeroBanner.css.js +5 -5
  67. package/dist/HeroBanner/HeroBanner.js +10 -2
  68. package/dist/HeroBanner/LargeBanner.css.js +4 -4
  69. package/dist/HeroBanner/SelectionBanner.css.d.ts +1 -3
  70. package/dist/HeroBanner/SelectionBanner.css.js +4 -4
  71. package/dist/Hyperlink/Hyperlink.css.js +1 -1
  72. package/dist/Hyperlink/index.js +35 -35
  73. package/dist/IconBillboard/IconBillboard.css.js +4 -4
  74. package/dist/ImageBillboard/ImageBillboard.css.js +4 -4
  75. package/dist/ImageBillboard/ImageBillboard.js +3 -3
  76. package/dist/ImageBillboard/ImageBillboardSet.js +3 -3
  77. package/dist/ImageLink/ImageLink.css.js +1 -1
  78. package/dist/ImageLink/ImageLink.js +35 -35
  79. package/dist/ImageLink/ImageLinkSet.js +35 -35
  80. package/dist/ImageLink/index.js +35 -35
  81. package/dist/Input/Checkbox.css.js +1 -1
  82. package/dist/Input/CurrencyInput.js +1 -1
  83. package/dist/Input/DatePicker.css.d.ts +1 -0
  84. package/dist/Input/DatePicker.css.js +6 -0
  85. package/dist/Input/DatePicker2.d.ts +21 -0
  86. package/dist/Input/DatePicker2.js +103 -0
  87. package/dist/Input/DatePickerComponents/DatePicker.d.ts +11 -0
  88. package/dist/Input/DatePickerComponents/DatePicker.js +13 -0
  89. package/dist/Input/DatePickerComponents/InputDate.d.ts +15 -0
  90. package/dist/Input/DatePickerComponents/InputDate.js +66 -0
  91. package/dist/Input/DatePickerComponents/index.d.ts +2 -0
  92. package/dist/Input/DatePickerComponents/index.js +6 -0
  93. package/dist/Input/Datepicker.d.ts +3 -0
  94. package/dist/Input/Datepicker.js +47 -0
  95. package/dist/Input/Dropdown.css.js +2 -2
  96. package/dist/Input/Input.css.js +4 -4
  97. package/dist/Input/InputAmount.js +1 -1
  98. package/dist/Input/InputDate.css.d.ts +6 -0
  99. package/dist/Input/InputDate.css.js +15 -0
  100. package/dist/Input/InputDate.d.ts +3 -0
  101. package/dist/Input/InputDate.js +47 -0
  102. package/dist/Input/InputPhone.js +1 -1
  103. package/dist/Input/RadioButton.css.js +1 -1
  104. package/dist/Input/index.d.ts +1 -1
  105. package/dist/Input/index.js +1 -1
  106. package/dist/Inputs/Input.css.js +3 -3
  107. package/dist/Insight/Featured/CategorySelector.css.js +5 -5
  108. package/dist/Insight/Featured/CategorySelector.js +34 -34
  109. package/dist/Insight/Featured/Featured.css.js +2 -2
  110. package/dist/Insight/Featured/Featured.js +36 -36
  111. package/dist/Insight/Featured/Header.css.js +1 -1
  112. package/dist/Insight/Featured/Header.js +34 -34
  113. package/dist/Insight/Insight.css.js +2 -2
  114. package/dist/Interstitial/Interstitial-variants.css.js +4 -4
  115. package/dist/Interstitial/Interstitial.js +3 -3
  116. package/dist/Interstitial/Interstitial.module.js +13 -10
  117. package/dist/LandingPageHeader/LandingPageHeader.css.js +3 -3
  118. package/dist/LandingPageHeader/LandingPageHeader.js +3 -3
  119. package/dist/LoadingIndicator/LoadingIndicator.css.js +1 -1
  120. package/dist/Modal/Modal.css.js +3 -3
  121. package/dist/Modal/Modal.js +34 -34
  122. package/dist/NavigationMenu/AxosAdvisor/NavBar.css.js +3 -3
  123. package/dist/NavigationMenu/AxosAdvisor/SubNavbar.css.js +3 -3
  124. package/dist/NavigationMenu/AxosAdvisorServices/NavBar.css.js +3 -3
  125. package/dist/NavigationMenu/AxosAdvisorServices/SubNavbar.css.js +3 -3
  126. package/dist/NavigationMenu/AxosBank/NavBar.css.js +3 -3
  127. package/dist/NavigationMenu/AxosBank/NavBar.module.js +54 -54
  128. package/dist/NavigationMenu/AxosBank/NavData.js +36 -36
  129. package/dist/NavigationMenu/AxosBank/SubNavBar.js +311 -190
  130. package/dist/NavigationMenu/AxosBank/SubNavbar.css.js +3 -3
  131. package/dist/NavigationMenu/AxosBank/index.js +50 -35
  132. package/dist/NavigationMenu/AxosClearing/NavBar.css.js +1 -1
  133. package/dist/PageNavItem/PageNavItem.css.js +4 -4
  134. package/dist/PageNavSet/PageNavigationSet.css.js +1 -1
  135. package/dist/Pagination/Pagination.css.js +1 -1
  136. package/dist/Pagination/Pagination.js +3 -3
  137. package/dist/SecondaryFooter/SecondaryFooter.css.js +3 -3
  138. package/dist/SetContainer/SetContainer.css.js +3 -3
  139. package/dist/SetContainer/SetContainer.js +35 -35
  140. package/dist/SocialMediaBar/SocialMediaBar.css.js +1 -1
  141. package/dist/StepItem/StepItem.css.js +3 -3
  142. package/dist/StepItemSet/StepItemSet.css.js +3 -3
  143. package/dist/Tab/Tab.css.js +3 -3
  144. package/dist/Table/Table.css.js +3 -3
  145. package/dist/Table/Table.js +3 -3
  146. package/dist/TextBlock/TextBlock.css.js +3 -3
  147. package/dist/TopicalNavItem/TopicalNavItem.css.js +1 -1
  148. package/dist/TopicalNavSet/TopicalNavSet.css.js +1 -1
  149. package/dist/Typography/Typography.css.js +1 -1
  150. package/dist/VideoTile/VideoTile.css.js +4 -4
  151. package/dist/VideoTile/VideoTile.js +3 -3
  152. package/dist/VideoWrapper/VideoWrapper.css.js +1 -1
  153. package/dist/VideoWrapper/index.js +34 -34
  154. package/dist/assets/HeroBanner/SelectionBanner.css +0 -4
  155. package/dist/assets/Input/DatePicker.css +95 -0
  156. package/dist/assets/Input/InputDate.css +39 -0
  157. package/dist/assets/Interstitial/Interstitial-variants.css +1 -1
  158. package/dist/assets/Interstitial/Interstitial.css.css +147 -142
  159. package/dist/assets/NavigationMenu/AxosBank/NavBar.css.css +130 -122
  160. package/dist/assets/node_modules/react-date-range/dist/styles.css.css +194 -0
  161. package/dist/assets/node_modules/react-date-range/dist/theme/default.css.css +385 -0
  162. package/dist/globals.css.js +2 -2
  163. package/dist/icons/ArrowIcon/ArrowIcon.css.js +3 -3
  164. package/dist/icons/CalendarIcon/CalendarIcon.d.ts +3 -0
  165. package/dist/icons/CalendarIcon/CalendarIcon.js +17 -0
  166. package/dist/icons/CalendarIcon/index.d.ts +1 -0
  167. package/dist/icons/CalendarIcon/index.js +4 -0
  168. package/dist/icons/CheckIcon/CheckIcon.css.js +3 -3
  169. package/dist/icons/DownloadIcon/DownloadIcon.css.js +3 -3
  170. package/dist/icons/FollowIcon/FollowIcon.css.js +3 -3
  171. package/dist/icons/Star/Star.css.js +1 -1
  172. package/dist/index.css.js +3 -3
  173. package/dist/main.js +1 -1
  174. package/dist/themes/axos.css.js +1 -1
  175. package/dist/themes/premier.css.js +2 -2
  176. package/dist/types/icon.d.ts +3 -0
  177. package/dist/types/icon.js +1 -0
  178. package/dist/types/popover.d.ts +8 -0
  179. package/dist/types/popover.js +1 -0
  180. package/dist/utils/RetainQueryLink.d.ts +11 -0
  181. package/dist/utils/RetainQueryLink.js +15 -0
  182. package/dist/utils/allowedAxosDomains.js +2 -2
  183. package/dist/utils/constants/format.d.ts +1 -0
  184. package/dist/utils/constants/format.js +4 -0
  185. package/dist/utils/constants/popper.d.ts +6 -0
  186. package/dist/utils/constants/popper.js +10 -0
  187. package/dist/utils/hooks/usePopover.d.ts +25 -0
  188. package/dist/utils/hooks/usePopover.js +64 -0
  189. package/package.json +131 -131
@@ -6,15 +6,15 @@ import SvgArrowIcon from "../../icons/ArrowIcon/index.js";
6
6
  import SvgAxosX from "../../icons/AxosX/index.js";
7
7
  import SvgComponent from "../../icons/AxosX/Blue.js";
8
8
  import "../../icons/CheckIcon/CheckIcon.css.js";
9
- /* empty css */
10
- /* empty css */
9
+ /* empty css */
10
+ /* empty css */
11
+ /* empty css */
11
12
  /* empty css */
12
- /* empty css */
13
13
  import "../../utils/allowedAxosDomains.js";
14
14
  import { associatedEmail } from "../../utils/EverestValidity.js";
15
15
  import { getVariant } from "../../utils/getVariant.js";
16
- /* empty css */
17
- /* empty css */
16
+ /* empty css */
17
+ /* empty css */
18
18
  import "../../Accordion/Accordion.js";
19
19
  import "../../Accordion/Accordion.css.js";
20
20
  import "../../AlertBanner/AlertBanner.css.js";
@@ -31,6 +31,7 @@ import "../../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
31
31
  import "../../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
32
32
  import "../../Input/Checkbox.js";
33
33
  import "../../Input/CurrencyInput.js";
34
+ import { DownPaymentInput } from "../../Input/DownPaymentInput.js";
34
35
  import { Dropdown } from "../../Input/Dropdown.js";
35
36
  import "../../Input/Dropdown.css.js";
36
37
  import { Input } from "../../Input/Input.js";
@@ -38,7 +39,6 @@ import "../../Input/Input.css.js";
38
39
  import "../../Input/InputAmount.js";
39
40
  import { InputPhone } from "../../Input/InputPhone.js";
40
41
  import "../../Input/InputTextArea.js";
41
- import { DownPaymentInput } from "../../Input/DownPaymentInput.js";
42
42
  import "../../Input/RadioButton.js";
43
43
  import { useForm, FormProvider } from "react-hook-form";
44
44
  import * as z from "zod";
@@ -51,17 +51,17 @@ import "react-use";
51
51
  import { RateWatchForm } from "./MortgageRateWatch.js";
52
52
  import { marketing_tile } from "../../Interstitial/Interstitial-variants.css.js";
53
53
  import css from "../../Interstitial/Interstitial.module.js";
54
- /* empty css */
54
+ /* empty css */
55
55
  import "../../Hyperlink/Hyperlink.css.js";
56
- /* empty css */
56
+ /* empty css */
57
57
  import "iframe-resizer";
58
- /* empty css */
58
+ /* empty css */
59
59
  import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
60
+ /* empty css */
60
61
  /* empty css */
61
- /* empty css */
62
- /* empty css */
62
+ /* empty css */
63
63
  import "../../Carousel/index.js";
64
- /* empty css */
64
+ /* empty css */
65
65
  import "../../Comparison/Comparison.css.js";
66
66
  import "../../HeroBanner/HeroBanner.css.js";
67
67
  import "../../HeroBanner/LargeBanner.css.js";
@@ -70,46 +70,46 @@ import "../../SetContainer/SetContainer.css.js";
70
70
  import "../../Tab/Tab.css.js";
71
71
  import "../../icons/Star/Star.css.js";
72
72
  import "../../ContentBanner/ContentBanner.css.js";
73
- /* empty css */
73
+ /* empty css */
74
74
  import "../../ExecutiveBio/ExecutiveBio.css.js";
75
75
  import "../../FaqAccordion/index.js";
76
76
  import "../../FooterDisclosure/FooterDisclosure.css.js";
77
- /* empty css */
77
+ /* empty css */
78
78
  import "../../ImageBillboard/ImageBillboard.css.js";
79
- /* empty css */
80
- /* empty css */
81
- /* empty css */
82
79
  /* empty css */
83
- /* empty css */
80
+ /* empty css */
81
+ /* empty css */
82
+ /* empty css */
83
+ /* empty css */
84
84
  import "../../LandingPageHeader/LandingPageHeader.css.js";
85
85
  import { chevron_wrapper, chevron } from "../../Chevron/Chevron.css.js";
86
- /* empty css */
86
+ /* empty css */
87
87
  import "../../Modal/contextApi/store.js";
88
- /* empty css */
89
- /* empty css */
90
- /* empty css */
91
- /* empty css */
92
- /* empty css */
88
+ /* empty css */
89
+ /* empty css */
90
+ /* empty css */
91
+ /* empty css */
92
+ /* empty css */
93
93
  import "../../NavigationMenu/AxosBank/NavData.js";
94
94
  import "next/navigation.js";
95
95
  import "next/image.js";
96
+ /* empty css */
96
97
  import "next/link.js";
97
- /* empty css */
98
- /* empty css */
98
+ /* empty css */
99
99
  import "../../PageNavItem/PageNavItem.css.js";
100
100
  import "react-slick";
101
- /* empty css */
102
- /* empty css */
103
- /* empty css */
104
- /* empty css */
101
+ /* empty css */
102
+ /* empty css */
103
+ /* empty css */
104
+ /* empty css */
105
105
  import "../../StepItem/StepItem.css.js";
106
106
  import "../../StepItemSet/StepItemSet.css.js";
107
- /* empty css */
108
- /* empty css */
109
- /* empty css */
107
+ /* empty css */
108
+ /* empty css */
109
+ /* empty css */
110
110
  import "next/script.js";
111
- /* empty css */
112
- /* empty css */
111
+ /* empty css */
112
+ /* empty css */
113
113
  const MortgageRate = ({
114
114
  icon = false,
115
115
  children,
@@ -7,6 +7,7 @@ import { useState, useEffect } from "react";
7
7
  import "react-use";
8
8
  import "../../Input/Checkbox.js";
9
9
  import "../../Input/CurrencyInput.js";
10
+ import { DownPaymentInput } from "../../Input/DownPaymentInput.js";
10
11
  import { Dropdown } from "../../Input/Dropdown.js";
11
12
  import { dp_input } from "../../Input/Dropdown.css.js";
12
13
  import { Input } from "../../Input/Input.js";
@@ -14,7 +15,6 @@ import "../../Input/Input.css.js";
14
15
  import "../../Input/InputAmount.js";
15
16
  import "../../Input/InputPhone.js";
16
17
  import "../../Input/InputTextArea.js";
17
- import { DownPaymentInput } from "../../Input/DownPaymentInput.js";
18
18
  import "../../Input/RadioButton.js";
19
19
  import clsx from "clsx";
20
20
  import { useForm, FormProvider } from "react-hook-form";
@@ -3,6 +3,7 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
3
3
  import { zodResolver } from "@hookform/resolvers/zod";
4
4
  import "../../Input/Checkbox.js";
5
5
  import "../../Input/CurrencyInput.js";
6
+ import "../../Input/DownPaymentInput.js";
6
7
  import { Dropdown } from "../../Input/Dropdown.js";
7
8
  import "../../Input/Dropdown.css.js";
8
9
  import { Input } from "../../Input/Input.js";
@@ -10,7 +11,6 @@ import "../../Input/Input.css.js";
10
11
  import "../../Input/InputAmount.js";
11
12
  import "../../Input/InputPhone.js";
12
13
  import "../../Input/InputTextArea.js";
13
- import "../../Input/DownPaymentInput.js";
14
14
  import "../../Input/RadioButton.js";
15
15
  import { useForm, FormProvider } from "react-hook-form";
16
16
  import * as z from "zod";
@@ -24,13 +24,13 @@ 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
- /* empty css */
28
- /* empty css */
27
+ /* empty css */
28
+ /* empty css */
29
+ /* empty css */
29
30
  /* empty css */
30
- /* empty css */
31
31
  import "../../utils/allowedAxosDomains.js";
32
- /* empty css */
33
- /* empty css */
32
+ /* empty css */
33
+ /* empty css */
34
34
  import "../../Accordion/Accordion.js";
35
35
  import "../../Accordion/Accordion.css.js";
36
36
  import "../../AlertBanner/AlertBanner.css.js";
@@ -47,18 +47,18 @@ import "../SalesforceFieldsForm.js";
47
47
  import "react-use";
48
48
  import "../../Chevron/Chevron.css.js";
49
49
  import "../../Interstitial/Interstitial-variants.css.js";
50
- /* empty css */
50
+ /* empty css */
51
51
  import "../../Hyperlink/Hyperlink.css.js";
52
- /* empty css */
52
+ /* empty css */
53
53
  import { SuccesFormWrapper } from "../SuccesForm.js";
54
54
  import "iframe-resizer";
55
- /* empty css */
55
+ /* empty css */
56
56
  import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
57
+ /* empty css */
57
58
  /* empty css */
58
- /* empty css */
59
- /* empty css */
59
+ /* empty css */
60
60
  import "../../Carousel/index.js";
61
- /* empty css */
61
+ /* empty css */
62
62
  import "../../Comparison/Comparison.css.js";
63
63
  import "../../HeroBanner/HeroBanner.css.js";
64
64
  import "../../HeroBanner/LargeBanner.css.js";
@@ -67,45 +67,45 @@ import "../../SetContainer/SetContainer.css.js";
67
67
  import "../../Tab/Tab.css.js";
68
68
  import "../../icons/Star/Star.css.js";
69
69
  import "../../ContentBanner/ContentBanner.css.js";
70
- /* empty css */
70
+ /* empty css */
71
71
  import "../../ExecutiveBio/ExecutiveBio.css.js";
72
72
  import "../../FaqAccordion/index.js";
73
73
  import "../../FooterDisclosure/FooterDisclosure.css.js";
74
- /* empty css */
74
+ /* empty css */
75
75
  import "../../ImageBillboard/ImageBillboard.css.js";
76
- /* empty css */
77
- /* empty css */
78
- /* empty css */
79
76
  /* empty css */
80
- /* empty css */
77
+ /* empty css */
78
+ /* empty css */
79
+ /* empty css */
80
+ /* empty css */
81
81
  import "../../LandingPageHeader/LandingPageHeader.css.js";
82
- /* empty css */
82
+ /* empty css */
83
83
  import "../../Modal/contextApi/store.js";
84
- /* empty css */
85
- /* empty css */
86
- /* empty css */
87
- /* empty css */
88
- /* empty css */
84
+ /* empty css */
85
+ /* empty css */
86
+ /* empty css */
87
+ /* empty css */
88
+ /* empty css */
89
89
  import "../../NavigationMenu/AxosBank/NavData.js";
90
90
  import "next/navigation.js";
91
91
  import "next/image.js";
92
+ /* empty css */
92
93
  import "next/link.js";
93
- /* empty css */
94
- /* empty css */
94
+ /* empty css */
95
95
  import "../../PageNavItem/PageNavItem.css.js";
96
96
  import "react-slick";
97
- /* empty css */
98
- /* empty css */
99
- /* empty css */
100
- /* empty css */
97
+ /* empty css */
98
+ /* empty css */
99
+ /* empty css */
100
+ /* empty css */
101
101
  import "../../StepItem/StepItem.css.js";
102
102
  import "../../StepItemSet/StepItemSet.css.js";
103
- /* empty css */
104
- /* empty css */
105
- /* empty css */
103
+ /* empty css */
104
+ /* empty css */
105
+ /* empty css */
106
106
  import "next/script.js";
107
- /* empty css */
108
- /* empty css */
107
+ /* empty css */
108
+ /* empty css */
109
109
  const RateWatchForm = ({
110
110
  email,
111
111
  lastName,
@@ -170,7 +170,7 @@ const RateWatchForm = ({
170
170
  });
171
171
  const methods = useForm({
172
172
  resolver: zodResolver(schema),
173
- mode: "all",
173
+ mode: "onChange",
174
174
  defaultValues: {
175
175
  email
176
176
  }
@@ -212,13 +212,10 @@ const RateWatchForm = ({
212
212
  { label: "15 Year Fixed", value: "15" },
213
213
  { label: "10 Year Fixed", value: "10" }
214
214
  ];
215
- const [selectedValues, setSelectedValues] = useState([]);
216
215
  const handleProgramsChange = (updatedValues) => {
217
- if (updatedValues) {
218
- setSelectedValues(updatedValues);
219
- setValue("loanTerms", updatedValues.join(";"));
220
- clearErrors("loanTerms");
221
- }
216
+ setValue("loanTerms", updatedValues.join(";"));
217
+ methods.trigger();
218
+ clearErrors("loanTerms");
222
219
  };
223
220
  const handleTypeChange = (event) => {
224
221
  const value = event.target.value;
@@ -297,7 +294,7 @@ const RateWatchForm = ({
297
294
  {
298
295
  label: "Select the loan programs you would like to include in your updates.",
299
296
  options,
300
- selectedValues,
297
+ selectedValues: methods.watch("loanTerms")?.split(";") || [],
301
298
  onChange: handleProgramsChange
302
299
  }
303
300
  ) })
@@ -471,7 +468,13 @@ const RateWatchForm = ({
471
468
  {
472
469
  className: clsx(input({ size: "large" }), checkbox({}), mw24),
473
470
  type: "checkbox",
474
- ...register("hasSmsConsent")
471
+ ...register("hasSmsConsent"),
472
+ onClick: (e) => {
473
+ const target = e.target;
474
+ const isChecked = target.checked;
475
+ methods.setValue("hasSmsConsent", isChecked);
476
+ methods.trigger();
477
+ }
475
478
  }
476
479
  ),
477
480
  /* @__PURE__ */ jsxs("label", { children: [
@@ -7,6 +7,7 @@ import { useState } from "react";
7
7
  import "react-use";
8
8
  import { Checkbox } from "../../Input/Checkbox.js";
9
9
  import { CurrencyInput } from "../../Input/CurrencyInput.js";
10
+ import "../../Input/DownPaymentInput.js";
10
11
  import { Dropdown } from "../../Input/Dropdown.js";
11
12
  import "../../Input/Dropdown.css.js";
12
13
  import { Input } from "../../Input/Input.js";
@@ -14,16 +15,15 @@ import "../../Input/Input.css.js";
14
15
  import "../../Input/InputAmount.js";
15
16
  import { InputPhone } from "../../Input/InputPhone.js";
16
17
  import "../../Input/InputTextArea.js";
17
- import "../../Input/DownPaymentInput.js";
18
18
  import "../../Input/RadioButton.js";
19
19
  import "../../icons/ArrowIcon/ArrowIcon.css.js";
20
20
  import SvgAxosX from "../../icons/AxosX/index.js";
21
21
  import SvgComponent from "../../icons/AxosX/Blue.js";
22
22
  import "../../icons/CheckIcon/CheckIcon.css.js";
23
- /* empty css */
24
- /* empty css */
23
+ /* empty css */
24
+ /* empty css */
25
+ /* empty css */
25
26
  /* empty css */
26
- /* empty css */
27
27
  import "../../utils/allowedAxosDomains.js";
28
28
  import { associatedEmail } from "../../utils/EverestValidity.js";
29
29
  import { getVariant } from "../../utils/getVariant.js";
@@ -1,4 +1,4 @@
1
- /* empty css */
1
+ /* empty css */
2
2
  var results_container = "_1eisah00";
3
3
  var rate_table_title = "_1eisah01";
4
4
  export {
@@ -1,6 +1,6 @@
1
- /* empty css */
2
- /* empty css */
3
- /* empty css */
1
+ /* empty css */
2
+ /* empty css */
3
+ /* empty css */
4
4
  var user_container = "uw98ur0";
5
5
  var user_card = "uw98ur1";
6
6
  var user_headline = "uw98ur2";
@@ -7,6 +7,7 @@ import "react";
7
7
  import "react-use";
8
8
  import "../Input/Checkbox.js";
9
9
  import "../Input/CurrencyInput.js";
10
+ import "../Input/DownPaymentInput.js";
10
11
  import { Dropdown } from "../Input/Dropdown.js";
11
12
  import "../Input/Dropdown.css.js";
12
13
  import { Input } from "../Input/Input.js";
@@ -14,16 +15,15 @@ import "../Input/Input.css.js";
14
15
  import "../Input/InputAmount.js";
15
16
  import { InputPhone } from "../Input/InputPhone.js";
16
17
  import "../Input/InputTextArea.js";
17
- import "../Input/DownPaymentInput.js";
18
18
  import "../Input/RadioButton.js";
19
19
  import "../icons/ArrowIcon/ArrowIcon.css.js";
20
20
  import SvgAxosX from "../icons/AxosX/index.js";
21
21
  import SvgComponent from "../icons/AxosX/Blue.js";
22
22
  import "../icons/CheckIcon/CheckIcon.css.js";
23
- /* empty css */
24
- /* empty css */
23
+ /* empty css */
24
+ /* empty css */
25
+ /* empty css */
25
26
  /* empty css */
26
- /* empty css */
27
27
  import "../utils/allowedAxosDomains.js";
28
28
  import { associatedEmail } from "../utils/EverestValidity.js";
29
29
  import { getVariant } from "../utils/getVariant.js";
@@ -7,6 +7,7 @@ import "react";
7
7
  import "react-use";
8
8
  import "../Input/Checkbox.js";
9
9
  import { CurrencyInput } from "../Input/CurrencyInput.js";
10
+ import "../Input/DownPaymentInput.js";
10
11
  import { Dropdown } from "../Input/Dropdown.js";
11
12
  import "../Input/Dropdown.css.js";
12
13
  import { Input } from "../Input/Input.js";
@@ -14,17 +15,16 @@ import "../Input/Input.css.js";
14
15
  import "../Input/InputAmount.js";
15
16
  import { InputPhone } from "../Input/InputPhone.js";
16
17
  import "../Input/InputTextArea.js";
17
- import "../Input/DownPaymentInput.js";
18
18
  import "../Input/RadioButton.js";
19
19
  import { LoadingIndicator } from "../LoadingIndicator/index.js";
20
20
  import "../icons/ArrowIcon/ArrowIcon.css.js";
21
21
  import SvgAxosX from "../icons/AxosX/index.js";
22
22
  import SvgComponent from "../icons/AxosX/Blue.js";
23
23
  import "../icons/CheckIcon/CheckIcon.css.js";
24
- /* empty css */
25
- /* empty css */
24
+ /* empty css */
25
+ /* empty css */
26
+ /* empty css */
26
27
  /* empty css */
27
- /* empty css */
28
28
  import "../utils/allowedAxosDomains.js";
29
29
  import { associatedEmail } from "../utils/EverestValidity.js";
30
30
  import { getVariant } from "../utils/getVariant.js";
@@ -6,12 +6,12 @@ import "@hookform/resolvers/zod";
6
6
  import "../IconBillboard/IconBillboard.css.js";
7
7
  import "../icons/ArrowIcon/ArrowIcon.css.js";
8
8
  import "../icons/CheckIcon/CheckIcon.css.js";
9
- /* empty css */
10
- /* empty css */
9
+ /* empty css */
10
+ /* empty css */
11
+ /* empty css */
11
12
  /* empty css */
12
- /* empty css */
13
- /* empty css */
14
- /* empty css */
13
+ /* empty css */
14
+ /* empty css */
15
15
  import "../Accordion/Accordion.js";
16
16
  import "../Accordion/Accordion.css.js";
17
17
  import "../AlertBanner/AlertBanner.css.js";
@@ -26,14 +26,14 @@ import "../Table/Table.css.js";
26
26
  import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
27
27
  import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
28
28
  import "iframe-resizer";
29
- /* empty css */
29
+ /* empty css */
30
30
  import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
31
+ /* empty css */
31
32
  /* empty css */
32
- /* empty css */
33
- /* empty css */
33
+ /* empty css */
34
34
  import "../Carousel/index.js";
35
35
  import "../Hyperlink/Hyperlink.css.js";
36
- /* empty css */
36
+ /* empty css */
37
37
  import "../Comparison/Comparison.css.js";
38
38
  import "../HeroBanner/HeroBanner.css.js";
39
39
  import "../HeroBanner/LargeBanner.css.js";
@@ -42,15 +42,16 @@ import "../SetContainer/SetContainer.css.js";
42
42
  import "../Tab/Tab.css.js";
43
43
  import "../icons/Star/Star.css.js";
44
44
  import "../ContentBanner/ContentBanner.css.js";
45
- /* empty css */
45
+ /* empty css */
46
46
  import "../ExecutiveBio/ExecutiveBio.css.js";
47
47
  import "../FaqAccordion/index.js";
48
48
  import "../FooterDisclosure/FooterDisclosure.css.js";
49
- /* empty css */
49
+ /* empty css */
50
50
  import "../ImageBillboard/ImageBillboard.css.js";
51
- /* empty css */
51
+ /* empty css */
52
52
  import "../Input/Checkbox.js";
53
53
  import "../Input/CurrencyInput.js";
54
+ import "../Input/DownPaymentInput.js";
54
55
  import "../Input/Dropdown.js";
55
56
  import "../Input/Dropdown.css.js";
56
57
  import "../Input/Input.js";
@@ -58,43 +59,42 @@ import "../Input/Input.css.js";
58
59
  import "../Input/InputAmount.js";
59
60
  import "../Input/InputPhone.js";
60
61
  import "../Input/InputTextArea.js";
61
- import "../Input/DownPaymentInput.js";
62
62
  import "../Input/RadioButton.js";
63
- /* empty css */
64
- /* empty css */
65
- /* empty css */
66
- /* empty css */
63
+ /* empty css */
64
+ /* empty css */
65
+ /* empty css */
66
+ /* empty css */
67
67
  import "../LandingPageHeader/LandingPageHeader.css.js";
68
68
  import "../LoadingIndicator/LoadingIndicator.css.js";
69
69
  import "../Chevron/Chevron.css.js";
70
- /* empty css */
70
+ /* empty css */
71
71
  import "../Modal/contextApi/store.js";
72
72
  import "react-use";
73
- /* empty css */
74
- /* empty css */
75
- /* empty css */
76
- /* empty css */
77
- /* empty css */
73
+ /* empty css */
74
+ /* empty css */
75
+ /* empty css */
76
+ /* empty css */
77
+ /* empty css */
78
78
  import "../NavigationMenu/AxosBank/NavData.js";
79
79
  import "next/navigation.js";
80
80
  import "next/image.js";
81
+ /* empty css */
81
82
  import "next/link.js";
82
- /* empty css */
83
- /* empty css */
83
+ /* empty css */
84
84
  import "../PageNavItem/PageNavItem.css.js";
85
85
  import "react-slick";
86
- /* empty css */
87
- /* empty css */
88
- /* empty css */
89
- /* empty css */
86
+ /* empty css */
87
+ /* empty css */
88
+ /* empty css */
89
+ /* empty css */
90
90
  import "../StepItem/StepItem.css.js";
91
91
  import "../StepItemSet/StepItemSet.css.js";
92
- /* empty css */
93
- /* empty css */
94
- /* empty css */
92
+ /* empty css */
93
+ /* empty css */
94
+ /* empty css */
95
95
  import "next/script.js";
96
- /* empty css */
97
- /* empty css */
96
+ /* empty css */
97
+ /* empty css */
98
98
  import "../Interstitial/Interstitial-variants.css.js";
99
99
  import "react-hook-form";
100
100
  import { success_wrap, success_icon, success_circle, succes_check_mark } from "./Forms.css.js";
@@ -102,8 +102,8 @@ import "./SalesforceFieldsForm.js";
102
102
  import "../Input/RadioButton.css.js";
103
103
  import "../Input/Checkbox.css.js";
104
104
  import "../Inputs/Input.css.js";
105
- /* empty css */
106
- /* empty css */
105
+ /* empty css */
106
+ /* empty css */
107
107
  function SuccesFormWrapper({
108
108
  children,
109
109
  isSubmitted,
@@ -7,6 +7,7 @@ import "react";
7
7
  import "react-use";
8
8
  import "../Input/Checkbox.js";
9
9
  import "../Input/CurrencyInput.js";
10
+ import "../Input/DownPaymentInput.js";
10
11
  import "../Input/Dropdown.js";
11
12
  import "../Input/Dropdown.css.js";
12
13
  import "../Input/Input.js";
@@ -14,17 +15,16 @@ import "../Input/Input.css.js";
14
15
  import "../Input/InputAmount.js";
15
16
  import { InputPhone } from "../Input/InputPhone.js";
16
17
  import { InputTextArea } from "../Input/InputTextArea.js";
17
- import "../Input/DownPaymentInput.js";
18
18
  import { RadioButtonSet, RadioButton } from "../Input/RadioButton.js";
19
19
  import { LoadingIndicator } from "../LoadingIndicator/index.js";
20
20
  import "../icons/ArrowIcon/ArrowIcon.css.js";
21
21
  import SvgAxosX from "../icons/AxosX/index.js";
22
22
  import SvgComponent from "../icons/AxosX/Blue.js";
23
23
  import "../icons/CheckIcon/CheckIcon.css.js";
24
- /* empty css */
25
- /* empty css */
24
+ /* empty css */
25
+ /* empty css */
26
+ /* empty css */
26
27
  /* empty css */
27
- /* empty css */
28
28
  import { getVariant } from "../utils/getVariant.js";
29
29
  import clsx from "clsx";
30
30
  import { useForm, FormProvider } from "react-hook-form";
@@ -1,8 +1,8 @@
1
- /* empty css */
2
- /* empty css */
3
- /* empty css */
4
- /* empty css */
5
- /* empty css */
1
+ /* empty css */
2
+ /* empty css */
3
+ /* empty css */
4
+ /* empty css */
5
+ /* empty css */
6
6
  import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
7
7
  var logout = "_1ye8k3f0";
8
8
  var hero_banner = createRuntimeFn({ defaultClassName: "_1ye8k3f1", variantClassNames: { variant: { primary: "_1ye8k3f2", secondary: "_1ye8k3f3", tertiary: "_1ye8k3f4", quaternary: "_1ye8k3f5" } }, defaultVariants: {}, compoundVariants: [] });