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

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 (179) hide show
  1. package/dist/ATMLocator/ATMLocator.js +34 -34
  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 +34 -34
  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 +34 -34
  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 +34 -34
  27. package/dist/Chevron/Chevron.css.js +4 -4
  28. package/dist/Chevron/index.js +34 -34
  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 +33 -33
  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 +34 -34
  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 +111 -93
  41. package/dist/Forms/ApplicationStart.js +3 -3
  42. package/dist/Forms/ClearingForm.js +3 -3
  43. package/dist/Forms/CommercialDeposits.js +3 -3
  44. package/dist/Forms/CommercialLending.js +3 -3
  45. package/dist/Forms/ContactCompany.js +3 -3
  46. package/dist/Forms/ContactUs.js +3 -3
  47. package/dist/Forms/ContactUsAAS.js +3 -3
  48. package/dist/Forms/ContactUsBusiness.js +34 -34
  49. package/dist/Forms/ContactUsNMLSId.js +34 -34
  50. package/dist/Forms/CpraRequest.js +3 -3
  51. package/dist/Forms/DealerServices.js +3 -3
  52. package/dist/Forms/EmailOnly.js +34 -34
  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 +34 -34
  57. package/dist/Forms/MortgageRate/MortgageRateWatch.js +46 -43
  58. package/dist/Forms/QuickPricer/QuickPricerForm.js +3 -3
  59. package/dist/Forms/QuickPricer/QuickPricerResults.css.js +1 -1
  60. package/dist/Forms/QuickPricer/UserInformation.css.js +3 -3
  61. package/dist/Forms/ScheduleCall.js +3 -3
  62. package/dist/Forms/ScheduleCallPremier.js +3 -3
  63. package/dist/Forms/SuccesForm.js +35 -35
  64. package/dist/Forms/WcplSurvey.js +3 -3
  65. package/dist/HeroBanner/HeroBanner.css.js +5 -5
  66. package/dist/HeroBanner/HeroBanner.js +10 -2
  67. package/dist/HeroBanner/LargeBanner.css.js +4 -4
  68. package/dist/HeroBanner/SelectionBanner.css.d.ts +1 -3
  69. package/dist/HeroBanner/SelectionBanner.css.js +4 -4
  70. package/dist/Hyperlink/Hyperlink.css.js +1 -1
  71. package/dist/Hyperlink/index.js +34 -34
  72. package/dist/IconBillboard/IconBillboard.css.js +4 -4
  73. package/dist/ImageBillboard/ImageBillboard.css.js +4 -4
  74. package/dist/ImageBillboard/ImageBillboard.js +3 -3
  75. package/dist/ImageBillboard/ImageBillboardSet.js +3 -3
  76. package/dist/ImageLink/ImageLink.css.js +1 -1
  77. package/dist/ImageLink/ImageLink.js +34 -34
  78. package/dist/ImageLink/ImageLinkSet.js +34 -34
  79. package/dist/ImageLink/index.js +34 -34
  80. package/dist/Input/Checkbox.css.js +1 -1
  81. package/dist/Input/DatePicker.css.d.ts +1 -0
  82. package/dist/Input/DatePicker.css.js +6 -0
  83. package/dist/Input/DatePicker2.d.ts +21 -0
  84. package/dist/Input/DatePicker2.js +103 -0
  85. package/dist/Input/DatePickerComponents/DatePicker.d.ts +11 -0
  86. package/dist/Input/DatePickerComponents/DatePicker.js +13 -0
  87. package/dist/Input/DatePickerComponents/InputDate.d.ts +15 -0
  88. package/dist/Input/DatePickerComponents/InputDate.js +66 -0
  89. package/dist/Input/DatePickerComponents/index.d.ts +2 -0
  90. package/dist/Input/DatePickerComponents/index.js +6 -0
  91. package/dist/Input/Datepicker.d.ts +3 -0
  92. package/dist/Input/Datepicker.js +47 -0
  93. package/dist/Input/Dropdown.css.js +2 -2
  94. package/dist/Input/Input.css.js +4 -4
  95. package/dist/Input/InputDate.css.d.ts +6 -0
  96. package/dist/Input/InputDate.css.js +15 -0
  97. package/dist/Input/InputDate.d.ts +3 -0
  98. package/dist/Input/InputDate.js +47 -0
  99. package/dist/Input/RadioButton.css.js +1 -1
  100. package/dist/Inputs/Input.css.js +3 -3
  101. package/dist/Insight/Featured/CategorySelector.css.js +5 -5
  102. package/dist/Insight/Featured/CategorySelector.js +33 -33
  103. package/dist/Insight/Featured/Featured.css.js +2 -2
  104. package/dist/Insight/Featured/Featured.js +35 -35
  105. package/dist/Insight/Featured/Header.css.js +1 -1
  106. package/dist/Insight/Featured/Header.js +33 -33
  107. package/dist/Insight/Insight.css.js +2 -2
  108. package/dist/Interstitial/Interstitial-variants.css.js +4 -4
  109. package/dist/LandingPageHeader/LandingPageHeader.css.js +3 -3
  110. package/dist/LandingPageHeader/LandingPageHeader.js +3 -3
  111. package/dist/LoadingIndicator/LoadingIndicator.css.js +1 -1
  112. package/dist/Modal/Modal.css.js +3 -3
  113. package/dist/Modal/Modal.js +33 -33
  114. package/dist/NavigationMenu/AxosAdvisor/NavBar.css.js +3 -3
  115. package/dist/NavigationMenu/AxosAdvisor/SubNavbar.css.js +3 -3
  116. package/dist/NavigationMenu/AxosAdvisorServices/NavBar.css.js +3 -3
  117. package/dist/NavigationMenu/AxosAdvisorServices/SubNavbar.css.js +3 -3
  118. package/dist/NavigationMenu/AxosBank/NavBar.css.js +3 -3
  119. package/dist/NavigationMenu/AxosBank/NavBar.module.js +54 -54
  120. package/dist/NavigationMenu/AxosBank/NavData.js +35 -35
  121. package/dist/NavigationMenu/AxosBank/SubNavBar.js +310 -189
  122. package/dist/NavigationMenu/AxosBank/SubNavbar.css.js +3 -3
  123. package/dist/NavigationMenu/AxosBank/index.js +49 -34
  124. package/dist/NavigationMenu/AxosClearing/NavBar.css.js +1 -1
  125. package/dist/PageNavItem/PageNavItem.css.js +4 -4
  126. package/dist/PageNavSet/PageNavigationSet.css.js +1 -1
  127. package/dist/Pagination/Pagination.css.js +1 -1
  128. package/dist/Pagination/Pagination.js +3 -3
  129. package/dist/SecondaryFooter/SecondaryFooter.css.js +3 -3
  130. package/dist/SetContainer/SetContainer.css.js +3 -3
  131. package/dist/SetContainer/SetContainer.js +34 -34
  132. package/dist/SocialMediaBar/SocialMediaBar.css.js +1 -1
  133. package/dist/StepItem/StepItem.css.js +3 -3
  134. package/dist/StepItemSet/StepItemSet.css.js +3 -3
  135. package/dist/Tab/Tab.css.js +3 -3
  136. package/dist/Table/Table.css.js +3 -3
  137. package/dist/Table/Table.js +3 -3
  138. package/dist/TextBlock/TextBlock.css.js +3 -3
  139. package/dist/TopicalNavItem/TopicalNavItem.css.js +1 -1
  140. package/dist/TopicalNavSet/TopicalNavSet.css.js +1 -1
  141. package/dist/Typography/Typography.css.js +1 -1
  142. package/dist/VideoTile/VideoTile.css.js +4 -4
  143. package/dist/VideoTile/VideoTile.js +3 -3
  144. package/dist/VideoWrapper/VideoWrapper.css.js +1 -1
  145. package/dist/VideoWrapper/index.js +33 -33
  146. package/dist/assets/HeroBanner/SelectionBanner.css +0 -4
  147. package/dist/assets/Input/DatePicker.css +95 -0
  148. package/dist/assets/Input/InputDate.css +39 -0
  149. package/dist/assets/Interstitial/Interstitial-variants.css +1 -1
  150. package/dist/assets/NavigationMenu/AxosBank/NavBar.css.css +130 -122
  151. package/dist/assets/node_modules/react-date-range/dist/styles.css.css +194 -0
  152. package/dist/assets/node_modules/react-date-range/dist/theme/default.css.css +385 -0
  153. package/dist/globals.css.js +2 -2
  154. package/dist/icons/ArrowIcon/ArrowIcon.css.js +3 -3
  155. package/dist/icons/CalendarIcon/CalendarIcon.d.ts +3 -0
  156. package/dist/icons/CalendarIcon/CalendarIcon.js +17 -0
  157. package/dist/icons/CalendarIcon/index.d.ts +1 -0
  158. package/dist/icons/CalendarIcon/index.js +4 -0
  159. package/dist/icons/CheckIcon/CheckIcon.css.js +3 -3
  160. package/dist/icons/DownloadIcon/DownloadIcon.css.js +3 -3
  161. package/dist/icons/FollowIcon/FollowIcon.css.js +3 -3
  162. package/dist/icons/Star/Star.css.js +1 -1
  163. package/dist/index.css.js +3 -3
  164. package/dist/themes/axos.css.js +1 -1
  165. package/dist/themes/premier.css.js +2 -2
  166. package/dist/types/icon.d.ts +3 -0
  167. package/dist/types/icon.js +1 -0
  168. package/dist/types/popover.d.ts +8 -0
  169. package/dist/types/popover.js +1 -0
  170. package/dist/utils/RetainQueryLink.d.ts +11 -0
  171. package/dist/utils/RetainQueryLink.js +15 -0
  172. package/dist/utils/allowedAxosDomains.js +2 -2
  173. package/dist/utils/constants/format.d.ts +1 -0
  174. package/dist/utils/constants/format.js +4 -0
  175. package/dist/utils/constants/popper.d.ts +6 -0
  176. package/dist/utils/constants/popper.js +10 -0
  177. package/dist/utils/hooks/usePopover.d.ts +25 -0
  178. package/dist/utils/hooks/usePopover.js +64 -0
  179. package/package.json +1 -1
package/dist/Forms/ContactUsNMLSId.js CHANGED
@@ -16,10 +16,10 @@ 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";
@@ -49,19 +49,19 @@ import "../Input/Checkbox.css.js";
49
49
  import "../LoadingIndicator/LoadingIndicator.css.js";
50
50
  import "../Interstitial/Interstitial-variants.css.js";
51
51
  import "../Inputs/Input.css.js";
52
- /* empty css */
52
+ /* empty css */
53
53
  import "../Hyperlink/Hyperlink.css.js";
54
- /* empty css */
54
+ /* empty css */
55
55
  import "iframe-resizer";
56
- /* empty css */
56
+ /* empty css */
57
57
  import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
58
+ /* empty css */
58
59
  /* empty css */
59
- /* empty css */
60
- /* empty css */
61
- /* empty css */
62
- /* empty css */
60
+ /* empty css */
61
+ /* 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,45 +70,45 @@ 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
- /* empty css */
85
+ /* empty css */
86
86
  import "../Modal/contextApi/store.js";
87
- /* empty css */
88
- /* empty css */
89
- /* empty css */
90
- /* empty css */
91
- /* empty css */
87
+ /* empty css */
88
+ /* empty css */
89
+ /* empty css */
90
+ /* empty css */
91
+ /* empty css */
92
92
  import "../NavigationMenu/AxosBank/NavData.js";
93
93
  import "next/navigation.js";
94
94
  import "next/image.js";
95
+ /* empty css */
95
96
  import "next/link.js";
96
- /* empty css */
97
- /* empty css */
97
+ /* empty css */
98
98
  import "../PageNavItem/PageNavItem.css.js";
99
99
  import "react-slick";
100
- /* empty css */
101
- /* empty css */
102
- /* empty css */
103
- /* empty css */
100
+ /* empty css */
101
+ /* empty css */
102
+ /* empty css */
103
+ /* empty css */
104
104
  import "../StepItem/StepItem.css.js";
105
105
  import "../StepItemSet/StepItemSet.css.js";
106
- /* empty css */
107
- /* empty css */
108
- /* empty css */
106
+ /* empty css */
107
+ /* empty css */
108
+ /* empty css */
109
109
  import "next/script.js";
110
- /* empty css */
111
- /* empty css */
110
+ /* empty css */
111
+ /* empty css */
112
112
  const ContactUsNMLSId = ({
113
113
  icon = false,
114
114
  children,
package/dist/Forms/CpraRequest.js CHANGED
@@ -20,10 +20,10 @@ 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 { getVariant } from "../utils/getVariant.js";
28
28
  import clsx from "clsx";
29
29
  import { useForm, FormProvider } from "react-hook-form";
package/dist/Forms/DealerServices.js CHANGED
@@ -20,10 +20,10 @@ 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/EmailOnly.js CHANGED
@@ -16,10 +16,10 @@ 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";
@@ -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,