@axos-web-dev/shared-components 0.0.171 → 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 (190) 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 +208 -298
  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 +38 -38
  129. package/dist/NavigationMenu/AxosBank/SubNavBar.js +353 -382
  130. package/dist/NavigationMenu/AxosBank/SubNavbar.css.js +3 -3
  131. package/dist/NavigationMenu/AxosBank/index.js +52 -45
  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/FooterSiteMap/AxosBank/FooterSiteMap.css +2 -2
  155. package/dist/assets/HeroBanner/SelectionBanner.css +0 -4
  156. package/dist/assets/Input/DatePicker.css +95 -0
  157. package/dist/assets/Input/InputDate.css +39 -0
  158. package/dist/assets/Interstitial/Interstitial-variants.css +1 -1
  159. package/dist/assets/Interstitial/Interstitial.css.css +29 -24
  160. package/dist/assets/NavigationMenu/AxosBank/NavBar.css.css +130 -122
  161. package/dist/assets/node_modules/react-date-range/dist/styles.css.css +194 -0
  162. package/dist/assets/node_modules/react-date-range/dist/theme/default.css.css +385 -0
  163. package/dist/globals.css.js +2 -2
  164. package/dist/icons/ArrowIcon/ArrowIcon.css.js +3 -3
  165. package/dist/icons/CalendarIcon/CalendarIcon.d.ts +3 -0
  166. package/dist/icons/CalendarIcon/CalendarIcon.js +17 -0
  167. package/dist/icons/CalendarIcon/index.d.ts +1 -0
  168. package/dist/icons/CalendarIcon/index.js +4 -0
  169. package/dist/icons/CheckIcon/CheckIcon.css.js +3 -3
  170. package/dist/icons/DownloadIcon/DownloadIcon.css.js +3 -3
  171. package/dist/icons/FollowIcon/FollowIcon.css.js +3 -3
  172. package/dist/icons/Star/Star.css.js +1 -1
  173. package/dist/index.css.js +3 -3
  174. package/dist/main.js +1 -1
  175. package/dist/themes/axos.css.js +1 -1
  176. package/dist/themes/premier.css.js +2 -2
  177. package/dist/types/icon.d.ts +3 -0
  178. package/dist/types/icon.js +1 -0
  179. package/dist/types/popover.d.ts +8 -0
  180. package/dist/types/popover.js +1 -0
  181. package/dist/utils/RetainQueryLink.d.ts +11 -0
  182. package/dist/utils/RetainQueryLink.js +15 -0
  183. package/dist/utils/allowedAxosDomains.js +2 -2
  184. package/dist/utils/constants/format.d.ts +1 -0
  185. package/dist/utils/constants/format.js +4 -0
  186. package/dist/utils/constants/popper.d.ts +6 -0
  187. package/dist/utils/constants/popper.js +10 -0
  188. package/dist/utils/hooks/usePopover.d.ts +25 -0
  189. package/dist/utils/hooks/usePopover.js +64 -0
  190. package/package.json +131 -131
package/dist/Forms/EmailOnly.js CHANGED
@@ -3,6 +3,7 @@ import { jsx, jsxs } 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 "../Input/Dropdown.js";
7
8
  import "../Input/Dropdown.css.js";
8
9
  import { Input } from "../Input/Input.js";
@@ -10,16 +11,15 @@ 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 "../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
- /* empty css */
20
- /* empty css */
19
+ /* empty css */
20
+ /* empty css */
21
+ /* empty css */
21
22
  /* empty css */
22
- /* empty css */
23
23
  import "../Accordion/Accordion.js";
24
24
  import "../Accordion/Accordion.css.js";
25
25
  import { getVariant } from "../utils/getVariant.js";
@@ -50,19 +50,19 @@ import "../Input/Checkbox.css.js";
50
50
  import "../LoadingIndicator/LoadingIndicator.css.js";
51
51
  import "../Interstitial/Interstitial-variants.css.js";
52
52
  import "../Inputs/Input.css.js";
53
- /* empty css */
53
+ /* empty css */
54
54
  import "../Hyperlink/Hyperlink.css.js";
55
- /* empty css */
55
+ /* empty css */
56
56
  import "iframe-resizer";
57
- /* empty css */
57
+ /* empty css */
58
58
  import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
59
+ /* empty css */
59
60
  /* empty css */
60
- /* empty css */
61
- /* empty css */
62
- /* empty css */
63
- /* empty css */
61
+ /* empty css */
62
+ /* empty css */
63
+ /* empty css */
64
64
  import "../Carousel/index.js";
65
- /* empty css */
65
+ /* empty css */
66
66
  import "../Comparison/Comparison.css.js";
67
67
  import "../HeroBanner/HeroBanner.css.js";
68
68
  import "../HeroBanner/LargeBanner.css.js";
@@ -71,45 +71,45 @@ import "../SetContainer/SetContainer.css.js";
71
71
  import "../Tab/Tab.css.js";
72
72
  import "../icons/Star/Star.css.js";
73
73
  import "../ContentBanner/ContentBanner.css.js";
74
- /* empty css */
74
+ /* empty css */
75
75
  import "../ExecutiveBio/ExecutiveBio.css.js";
76
76
  import "../FaqAccordion/index.js";
77
77
  import "../FooterDisclosure/FooterDisclosure.css.js";
78
- /* empty css */
78
+ /* empty css */
79
79
  import "../ImageBillboard/ImageBillboard.css.js";
80
- /* empty css */
81
- /* empty css */
82
- /* empty css */
83
80
  /* empty css */
84
- /* empty css */
81
+ /* empty css */
82
+ /* empty css */
83
+ /* empty css */
84
+ /* empty css */
85
85
  import "../LandingPageHeader/LandingPageHeader.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 EmailOnly = ({
114
114
  icon = false,
115
115
  children,
package/dist/Forms/EmailUs.d.ts CHANGED
@@ -2,6 +2,6 @@ import { FormProps } from './FormProps';
2
2
 
3
3
  export type EmailUsInputs = {
4
4
  email: string;
5
- write_your_message: string;
5
+ message: string;
6
6
  };
7
7
  export declare const EmailUs: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, callToAction, validateEmail, description, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;
package/dist/Forms/EmailUs.js CHANGED
@@ -7,14 +7,15 @@ import "react";
7
7
  import "react-use";
8
8
  import { Input } from "../Input/Input.js";
9
9
  import { InputTextArea } from "../Input/InputTextArea.js";
10
+ import { LoadingIndicator } from "../LoadingIndicator/index.js";
10
11
  import "../icons/ArrowIcon/ArrowIcon.css.js";
11
12
  import SvgAxosX from "../icons/AxosX/index.js";
12
13
  import SvgComponent from "../icons/AxosX/Blue.js";
13
14
  import "../icons/CheckIcon/CheckIcon.css.js";
14
- /* empty css */
15
- /* empty css */
15
+ /* empty css */
16
+ /* empty css */
17
+ /* empty css */
16
18
  /* empty css */
17
- /* empty css */
18
19
  import "../utils/allowedAxosDomains.js";
19
20
  import { associatedEmail } from "../utils/EverestValidity.js";
20
21
  import { getVariant } from "../utils/getVariant.js";
@@ -22,7 +23,6 @@ import clsx from "clsx";
22
23
  import { useForm, FormProvider } from "react-hook-form";
23
24
  import * as z from "zod";
24
25
  import { formContainer, iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, disclosureForm, actions } from "./Forms.css.js";
25
- import { SalesforceSchema } from "./SalesforceFieldsForm.js";
26
26
  const EmailUs = ({
27
27
  icon = false,
28
28
  children,
@@ -39,22 +39,22 @@ const EmailUs = ({
39
39
  }) => {
40
40
  const schema = z.object({
41
41
  email: z.string().email({ message: "Email is required." }).refine(async (val) => await validateEmail(val)),
42
- write_your_message: z.string()
42
+ message: z.string().min(2, "Message is required")
43
43
  });
44
44
  const methods = useForm({
45
- resolver: zodResolver(schema.merge(SalesforceSchema), {
45
+ resolver: zodResolver(schema, {
46
46
  async: true
47
47
  }),
48
48
  mode: "all",
49
49
  defaultValues: {
50
50
  email: "",
51
- write_your_message: ""
51
+ message: ""
52
52
  }
53
53
  });
54
54
  const {
55
55
  handleSubmit,
56
56
  register,
57
- formState: { errors, isValid }
57
+ formState: { errors, isValid, isSubmitting }
58
58
  } = methods;
59
59
  const submitForm = async (data) => {
60
60
  await onSubmit(data);
@@ -90,7 +90,6 @@ const EmailUs = ({
90
90
  }),
91
91
  label: "Email",
92
92
  sizes: "medium",
93
- placeholder: "Email",
94
93
  required: true,
95
94
  error: !!errors.email,
96
95
  helperText: errors.email?.message,
@@ -100,27 +99,32 @@ const EmailUs = ({
100
99
  /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
101
100
  InputTextArea,
102
101
  {
103
- id: "write_your_message",
104
- ...register("write_your_message", { required: true }),
102
+ id: "message",
103
+ ...register("message", { required: true }),
105
104
  label: "Write Your Message",
106
105
  sizes: "medium",
107
- placeholder: "Write Your Message",
108
106
  required: true,
109
- error: !!errors.write_your_message,
110
- helperText: errors.write_your_message?.message,
107
+ error: !!errors.message,
108
+ helperText: errors.message?.message,
111
109
  variant
112
110
  }
113
111
  ) })
114
112
  ] }),
115
113
  children,
116
114
  /* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure }),
117
- /* @__PURE__ */ jsx("div", { className: actions, children: /* @__PURE__ */ jsx(
115
+ /* @__PURE__ */ jsx("div", { className: actions, children: isSubmitting ? /* @__PURE__ */ jsx(
116
+ LoadingIndicator,
117
+ {
118
+ style: { marginInline: "auto" },
119
+ variant
120
+ }
121
+ ) : /* @__PURE__ */ jsx(
118
122
  Button,
119
123
  {
120
124
  color: getVariant(callToAction?.variant),
121
125
  as: "button",
122
126
  type: "submit",
123
- disabled: !isValid,
127
+ disabled: !isValid || isSubmitting,
124
128
  children: callToAction?.displayText
125
129
  }
126
130
  ) })
package/dist/Forms/Forms.css.js CHANGED
@@ -1,11 +1,11 @@
1
- /* empty css */
2
- /* empty css */
3
- /* empty css */
4
- /* empty css */
1
+ /* empty css */
2
+ /* empty css */
3
+ /* empty css */
4
+ /* empty css */
5
+ /* empty css */
6
+ /* empty css */
5
7
  /* empty css */
6
- /* empty css */
7
- /* empty css */
8
- /* empty css */
8
+ /* empty css */
9
9
  import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
10
10
  var formContainer = createRuntimeFn({ defaultClassName: "tfms6a0", variantClassNames: { variant: { primary: "tfms6a1", secondary: "tfms6a2", tertiary: "tfms6a3", quaternary: "tfms6a4" } }, defaultVariants: {}, compoundVariants: [] });
11
11
  var iconForm = "tfms6a5";
package/dist/Forms/MortgageRate/MortgageRateForm.js CHANGED
@@ -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,
package/dist/Forms/MortgageRate/MortgageRateQuoteFilters.js CHANGED
@@ -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";
package/dist/Forms/MortgageRate/MortgageRateWatch.js CHANGED
@@ -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: [
package/dist/Forms/QuickPricer/QuickPricerForm.js CHANGED
@@ -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";
package/dist/Forms/QuickPricer/QuickPricerResults.css.js CHANGED
@@ -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 {
package/dist/Forms/QuickPricer/UserInformation.css.js CHANGED
@@ -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";