@axos-web-dev/shared-components 1.0.87 → 1.0.89

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 (51) hide show
  1. package/dist/ATMLocator/ATMLocator.js +2 -2
  2. package/dist/Auth/ErrorAlert.js +2 -2
  3. package/dist/Button/Button.js +2 -2
  4. package/dist/Calculators/Calculator.js +3 -3
  5. package/dist/Carousel/index.js +2 -2
  6. package/dist/Chevron/index.js +2 -2
  7. package/dist/Comparison/Comparison.css.d.ts +1 -1
  8. package/dist/Comparison/Comparison.css.js +2 -2
  9. package/dist/Comparison/Comparison.js +4 -4
  10. package/dist/Comparison/index.js +2 -2
  11. package/dist/ExecutiveBio/ExecutiveBio.js +2 -2
  12. package/dist/FaqAccordion/index.js +2 -2
  13. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +2 -2
  14. package/dist/Forms/ApplyNow.js +2 -2
  15. package/dist/Forms/ContactUsBusiness.js +2 -2
  16. package/dist/Forms/ContactUsBusinessNameEmail.d.ts +9 -0
  17. package/dist/Forms/ContactUsBusinessNameEmail.js +272 -0
  18. package/dist/Forms/ContactUsNMLSId.js +2 -2
  19. package/dist/Forms/CraPublicFile.js +2 -2
  20. package/dist/Forms/EmailOnly.js +2 -2
  21. package/dist/Forms/MortgageRate/MortgageRateForm.js +2 -2
  22. package/dist/Forms/MortgageRate/MortgageRateWatch.js +2 -2
  23. package/dist/Forms/SuccesForm.js +3 -3
  24. package/dist/Forms/index.d.ts +2 -1
  25. package/dist/Forms/index.js +3 -1
  26. package/dist/Hyperlink/index.js +2 -2
  27. package/dist/ImageBillboard/ImageBillboard.interface.d.ts +7 -0
  28. package/dist/ImageBillboard/ImageBillboardSet.d.ts +1 -1
  29. package/dist/ImageBillboard/ImageBillboardSet.js +18 -2
  30. package/dist/ImageLink/ImageLink.js +2 -2
  31. package/dist/ImageLink/ImageLinkSet.js +2 -2
  32. package/dist/ImageLink/index.js +2 -2
  33. package/dist/Insight/Featured/CategorySelector.js +2 -2
  34. package/dist/Insight/Featured/Featured.js +2 -2
  35. package/dist/Insight/Featured/Header.js +2 -2
  36. package/dist/Modal/Modal.js +2 -2
  37. package/dist/NavigationMenu/AxosALTS/NavData.js +2 -2
  38. package/dist/NavigationMenu/AxosALTS/index.js +2 -2
  39. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.js +2 -2
  40. package/dist/NavigationMenu/AxosBank/NavData.js +2 -2
  41. package/dist/NavigationMenu/AxosBank/SubNavBar.js +2 -2
  42. package/dist/NavigationMenu/AxosBank/index.js +2 -2
  43. package/dist/NavigationMenu/LaVictoire/NavData.js +2 -2
  44. package/dist/NavigationMenu/LaVictoire/index.js +2 -2
  45. package/dist/SetContainer/SetContainer.js +2 -2
  46. package/dist/SocialMediaBar/iconsRepository.js +2 -2
  47. package/dist/VideoTile/VideoTile.interface.d.ts +4 -3
  48. package/dist/VideoTile/VideoTile.js +181 -27
  49. package/dist/VideoWrapper/index.js +3 -3
  50. package/dist/main.js +5 -3
  51. package/package.json +1 -1
@@ -83,6 +83,8 @@ import "../FooterDisclosure/FooterDisclosure.css.js";
83
83
  /* empty css */
84
84
  /* empty css */
85
85
  import "../ImageBillboard/ImageBillboard.css.js";
86
+ import "next/script.js";
87
+ /* empty css */
86
88
  /* empty css */
87
89
  /* empty css */
88
90
  /* empty css */
@@ -116,8 +118,6 @@ import "../StepItemSet/StepItemSet.css.js";
116
118
  /* empty css */
117
119
  /* empty css */
118
120
  /* empty css */
119
- import "next/script.js";
120
- /* empty css */
121
121
  /* empty css */
122
122
  import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
123
123
  import "iframe-resizer";
@@ -76,6 +76,8 @@ import "../FooterDisclosure/FooterDisclosure.css.js";
76
76
  /* empty css */
77
77
  /* empty css */
78
78
  import "../ImageBillboard/ImageBillboard.css.js";
79
+ import "next/script.js";
80
+ /* empty css */
79
81
  /* empty css */
80
82
  /* empty css */
81
83
  /* empty css */
@@ -114,8 +116,6 @@ import "../StepItemSet/StepItemSet.css.js";
114
116
  /* empty css */
115
117
  /* empty css */
116
118
  /* empty css */
117
- import "next/script.js";
118
- /* empty css */
119
119
  /* empty css */
120
120
  import "../Input/RadioButton.css.js";
121
121
  import "../Input/Checkbox.css.js";
@@ -86,6 +86,8 @@ import "../FooterDisclosure/FooterDisclosure.css.js";
86
86
  /* empty css */
87
87
  /* empty css */
88
88
  import "../ImageBillboard/ImageBillboard.css.js";
89
+ import "next/script.js";
90
+ /* empty css */
89
91
  /* empty css */
90
92
  /* empty css */
91
93
  /* empty css */
@@ -119,8 +121,6 @@ import "../StepItemSet/StepItemSet.css.js";
119
121
  /* empty css */
120
122
  /* empty css */
121
123
  /* empty css */
122
- import "next/script.js";
123
- /* empty css */
124
124
  /* empty css */
125
125
  /* empty css */
126
126
  import { useGlobalContext } from "../Modal/contextApi/store.js";
@@ -65,6 +65,9 @@ import "../FooterDisclosure/FooterDisclosure.css.js";
65
65
  /* empty css */
66
66
  /* empty css */
67
67
  import "../ImageBillboard/ImageBillboard.css.js";
68
+ import "next/script.js";
69
+ import "react-use";
70
+ /* empty css */
68
71
  /* empty css */
69
72
  import "../Input/Checkbox.js";
70
73
  import "../Input/CurrencyInput.js";
@@ -83,7 +86,6 @@ import "../Input/RadioButton.js";
83
86
  /* empty css */
84
87
  import "../LandingPageHeader/LandingPageHeader.css.js";
85
88
  import "../LoadingIndicator/LoadingIndicator.css.js";
86
- import "react-use";
87
89
  /* empty css */
88
90
  import "next/navigation.js";
89
91
  /* empty css */
@@ -112,8 +114,6 @@ import "../Table/Table.css.js";
112
114
  /* empty css */
113
115
  /* empty css */
114
116
  /* empty css */
115
- import "next/script.js";
116
- /* empty css */
117
117
  /* empty css */
118
118
  import "../Interstitial/Interstitial-variants.css.js";
119
119
  import "../Button/Button.css.js";
@@ -88,6 +88,8 @@ import "../FooterDisclosure/FooterDisclosure.css.js";
88
88
  /* empty css */
89
89
  /* empty css */
90
90
  import "../ImageBillboard/ImageBillboard.css.js";
91
+ import "next/script.js";
92
+ /* empty css */
91
93
  /* empty css */
92
94
  /* empty css */
93
95
  /* empty css */
@@ -121,8 +123,6 @@ import "../StepItemSet/StepItemSet.css.js";
121
123
  /* empty css */
122
124
  /* empty css */
123
125
  /* empty css */
124
- import "next/script.js";
125
- /* empty css */
126
126
  /* empty css */
127
127
  import { icon, slide, authorLocation, author, quoteSetContainer, headerCarousel, descriptionCarousel, carousel, slides, dots, dot } from "./Carousel.css.js";
128
128
  import { useCarousel } from "./store.js";
@@ -88,6 +88,8 @@ import "../FooterDisclosure/FooterDisclosure.css.js";
88
88
  /* empty css */
89
89
  /* empty css */
90
90
  import "../ImageBillboard/ImageBillboard.css.js";
91
+ import "next/script.js";
92
+ /* empty css */
91
93
  /* empty css */
92
94
  /* empty css */
93
95
  /* empty css */
@@ -121,8 +123,6 @@ import "../StepItemSet/StepItemSet.css.js";
121
123
  /* empty css */
122
124
  /* empty css */
123
125
  /* empty css */
124
- import "next/script.js";
125
- /* empty css */
126
126
  /* empty css */
127
127
  const Chevron = ({
128
128
  children,
@@ -39,5 +39,5 @@ export declare const feature_title: string;
39
39
  export declare const feature_header: string;
40
40
  export declare const comparison_container: string;
41
41
  export declare const comparison_tab_container: string;
42
- export declare const comaprison_content: string;
42
+ export declare const comparison_content: string;
43
43
  export declare const comparison_buttons: string;
@@ -18,13 +18,13 @@ var feature_title = "_198o0lt9";
18
18
  var feature_header = "_198o0lta";
19
19
  var comparison_container = "_198o0ltb";
20
20
  var comparison_tab_container = "_198o0ltc";
21
- var comaprison_content = "_198o0ltd";
21
+ var comparison_content = "_198o0ltd";
22
22
  var comparison_buttons = "_198o0lte";
23
23
  export {
24
- comaprison_content,
25
24
  comparison,
26
25
  comparison_buttons,
27
26
  comparison_container,
27
+ comparison_content,
28
28
  comparison_feature,
29
29
  comparison_layout,
30
30
  comparison_list,
@@ -71,7 +71,7 @@ import "../Auth/SignInPassword.js";
71
71
  /* empty css */
72
72
  import "../Carousel/index.js";
73
73
  /* empty css */
74
- import { comparison, comparison_layout, comaprison_content, headerComparison, comparison_feature, feature_header, feature_title, comparison_list, comparison_buttons } from "./Comparison.css.js";
74
+ import { comparison, comparison_layout, comparison_content, headerComparison, comparison_feature, feature_header, feature_title, comparison_list, comparison_buttons } from "./Comparison.css.js";
75
75
  import "next/image.js";
76
76
  import "../HeroBanner/HeroBanner.css.js";
77
77
  import "../HeroBanner/LargeBanner.css.js";
@@ -87,6 +87,8 @@ import "../FooterDisclosure/FooterDisclosure.css.js";
87
87
  /* empty css */
88
88
  /* empty css */
89
89
  import "../ImageBillboard/ImageBillboard.css.js";
90
+ import "next/script.js";
91
+ /* empty css */
90
92
  /* empty css */
91
93
  /* empty css */
92
94
  /* empty css */
@@ -120,8 +122,6 @@ import "../StepItemSet/StepItemSet.css.js";
120
122
  /* empty css */
121
123
  /* empty css */
122
124
  /* empty css */
123
- import "next/script.js";
124
- /* empty css */
125
125
  /* empty css */
126
126
  const Comparison = ({
127
127
  id,
@@ -148,7 +148,7 @@ const Comparison = ({
148
148
  toggleState === index ? active_content : ""
149
149
  ),
150
150
  children: [
151
- /* @__PURE__ */ jsx("div", { className: comparison_layout, children: /* @__PURE__ */ jsxs("div", { className: comaprison_content, children: [
151
+ /* @__PURE__ */ jsx("div", { className: comparison_layout, children: /* @__PURE__ */ jsxs("div", { className: comparison_content, children: [
152
152
  (headline || description) && /* @__PURE__ */ jsxs("div", { className: clsx(headerComparison), children: [
153
153
  headline && /* @__PURE__ */ jsx("h3", { className: title({ variant: getVariant(fullVariant) }), children: headline }),
154
154
  description && /* @__PURE__ */ jsx("div", { children: description })
@@ -1,11 +1,11 @@
1
- import { comaprison_content, comparison, comparison_buttons, comparison_container, comparison_feature, comparison_layout, comparison_list, comparison_tab_container, feature_header, feature_title, headerComparison } from "./Comparison.css.js";
1
+ import { comparison, comparison_buttons, comparison_container, comparison_content, comparison_feature, comparison_layout, comparison_list, comparison_tab_container, feature_header, feature_title, headerComparison } from "./Comparison.css.js";
2
2
  import { ComparisonSet } from "./ComparisonSet.js";
3
3
  export {
4
4
  ComparisonSet,
5
- comaprison_content,
6
5
  comparison,
7
6
  comparison_buttons,
8
7
  comparison_container,
8
+ comparison_content,
9
9
  comparison_feature,
10
10
  comparison_layout,
11
11
  comparison_list,
@@ -87,6 +87,8 @@ import "../FooterDisclosure/FooterDisclosure.css.js";
87
87
  /* empty css */
88
88
  /* empty css */
89
89
  import "../ImageBillboard/ImageBillboard.css.js";
90
+ import "next/script.js";
91
+ /* empty css */
90
92
  /* empty css */
91
93
  /* empty css */
92
94
  /* empty css */
@@ -120,8 +122,6 @@ import "../StepItemSet/StepItemSet.css.js";
120
122
  /* empty css */
121
123
  /* empty css */
122
124
  /* empty css */
123
- import "next/script.js";
124
- /* empty css */
125
125
  /* empty css */
126
126
  const ExecutiveBio = ({
127
127
  id,
@@ -88,6 +88,8 @@ import "../FooterDisclosure/FooterDisclosure.css.js";
88
88
  /* empty css */
89
89
  /* empty css */
90
90
  import "../ImageBillboard/ImageBillboard.css.js";
91
+ import "next/script.js";
92
+ /* empty css */
91
93
  /* empty css */
92
94
  /* empty css */
93
95
  /* empty css */
@@ -121,8 +123,6 @@ import "../StepItemSet/StepItemSet.css.js";
121
123
  /* empty css */
122
124
  /* empty css */
123
125
  /* empty css */
124
- import "next/script.js";
125
- /* empty css */
126
126
  /* empty css */
127
127
  import { getLevelNumber } from "../utils/faqAccordionOptions.js";
128
128
  import { create } from "zustand";
@@ -84,6 +84,8 @@ import "../../FooterDisclosure/FooterDisclosure.css.js";
84
84
  import { footer_section, footer_wrapper, ft_col, ft_col_header, ft_col_subheader, nested_grid, app_col, footer_mobile, ft_panel_group, ft_panel } from "./FooterSiteMap.css.js";
85
85
  /* empty css */
86
86
  import "../../ImageBillboard/ImageBillboard.css.js";
87
+ import "next/script.js";
88
+ /* empty css */
87
89
  /* empty css */
88
90
  /* empty css */
89
91
  /* empty css */
@@ -117,8 +119,6 @@ import "../../StepItemSet/StepItemSet.css.js";
117
119
  /* empty css */
118
120
  /* empty css */
119
121
  /* empty css */
120
- import "next/script.js";
121
- /* empty css */
122
122
  /* empty css */
123
123
  const AxosFooterSiteMap = ({
124
124
  showButtons = false
@@ -88,6 +88,8 @@ import "../FooterDisclosure/FooterDisclosure.css.js";
88
88
  /* empty css */
89
89
  /* empty css */
90
90
  import "../ImageBillboard/ImageBillboard.css.js";
91
+ import "next/script.js";
92
+ /* empty css */
91
93
  /* empty css */
92
94
  /* empty css */
93
95
  /* empty css */
@@ -121,8 +123,6 @@ import "../StepItemSet/StepItemSet.css.js";
121
123
  /* empty css */
122
124
  /* empty css */
123
125
  /* empty css */
124
- import "next/script.js";
125
- /* empty css */
126
126
  /* empty css */
127
127
  /* empty css */
128
128
  import "../Modal/contextApi/store.js";
@@ -90,6 +90,8 @@ import "../FooterDisclosure/FooterDisclosure.css.js";
90
90
  /* empty css */
91
91
  /* empty css */
92
92
  import "../ImageBillboard/ImageBillboard.css.js";
93
+ import "next/script.js";
94
+ /* empty css */
93
95
  /* empty css */
94
96
  /* empty css */
95
97
  /* empty css */
@@ -123,8 +125,6 @@ import "../StepItemSet/StepItemSet.css.js";
123
125
  /* empty css */
124
126
  /* empty css */
125
127
  /* empty css */
126
- import "next/script.js";
127
- /* empty css */
128
128
  /* empty css */
129
129
  const ContactUsBusiness = ({
130
130
  icon = false,
@@ -0,0 +1,9 @@
1
+ import { FormProps } from './FormProps';
2
+
3
+ export type ContactUsBusinessNameAndEmailInputs = {
4
+ first_name: string;
5
+ last_name: string;
6
+ Business_Name__c: string;
7
+ email: string;
8
+ };
9
+ export declare const ContactUsBusinessNameAndEmail: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,272 @@
1
+ "use client";
2
+ import { jsx, jsxs } from "react/jsx-runtime";
3
+ import { zodResolver } from "@hookform/resolvers/zod";
4
+ import "../Input/Checkbox.js";
5
+ import "../Input/CurrencyInput.js";
6
+ import "../Input/Dropdown.js";
7
+ import "../Input/Dropdown.css.js";
8
+ import { Input } from "../Input/Input.js";
9
+ import "../Input/Input.css.js";
10
+ import "../Input/InputAmount.js";
11
+ import "../Input/InputPhone.js";
12
+ import "../Input/InputTextArea.js";
13
+ import "../Input/DownPaymentInput.js";
14
+ import "../Input/RadioButton.js";
15
+ import "../icons/ArrowIcon/ArrowIcon.css.js";
16
+ import SvgAxosX from "../icons/AxosX/index.js";
17
+ import SvgComponent from "../icons/AxosX/Blue.js";
18
+ import "../icons/CheckIcon/CheckIcon.css.js";
19
+ /* empty css */
20
+ /* empty css */
21
+ /* empty css */
22
+ /* empty css */
23
+ /* empty css */
24
+ import "../Accordion/Accordion.js";
25
+ import "../Accordion/Accordion.css.js";
26
+ import { getVariant } from "../utils/getVariant.js";
27
+ import clsx from "clsx";
28
+ import "react";
29
+ import "../Chevron/Chevron.css.js";
30
+ import "../AlertBanner/AlertBanner.css.js";
31
+ import "../Article/Article.css.js";
32
+ import { Button } from "../Button/Button.js";
33
+ import "../Button/Button.css.js";
34
+ import "react-use";
35
+ import "../ArticlesSet/ArticlesSet.css.js";
36
+ import "../IconBillboard/IconBillboard.css.js";
37
+ import "../utils/allowedAxosDomains.js";
38
+ import "../Calculators/calculator.css.js";
39
+ import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
40
+ import "../Calculators/ApyCalculator/ApyCalculator.css.js";
41
+ import "../Table/Table.css.js";
42
+ import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
43
+ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
44
+ import { useForm, FormProvider } from "react-hook-form";
45
+ import { z } from "zod";
46
+ import { formContainer, iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, disclosureForm, actions } from "./Forms.css.js";
47
+ import { SalesforceSchema } from "./SalesforceFieldsForm.js";
48
+ /* empty css */
49
+ /* empty css */
50
+ import "../Input/RadioButton.css.js";
51
+ import "../Input/Checkbox.css.js";
52
+ import { LoadingIndicator } from "../LoadingIndicator/index.js";
53
+ import "../Interstitial/Interstitial-variants.css.js";
54
+ import "../Inputs/Input.css.js";
55
+ /* empty css */
56
+ /* empty css */
57
+ import "../Modal/contextApi/store.js";
58
+ import "../Hyperlink/Hyperlink.css.js";
59
+ /* empty css */
60
+ import "iframe-resizer";
61
+ /* empty css */
62
+ import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
63
+ import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
64
+ import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
65
+ import "../Input/PercentageInput.js";
66
+ import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
67
+ /* empty css */
68
+ import "react-dom";
69
+ /* empty css */
70
+ import "../Auth/SignInPassword.js";
71
+ /* empty css */
72
+ /* empty css */
73
+ /* empty css */
74
+ import "../Carousel/index.js";
75
+ /* empty css */
76
+ import "../Comparison/Comparison.css.js";
77
+ import "next/image.js";
78
+ import "../HeroBanner/HeroBanner.css.js";
79
+ import "../HeroBanner/LargeBanner.css.js";
80
+ import "../HeroBanner/SelectionBanner.css.js";
81
+ import "../SetContainer/SetContainer.css.js";
82
+ import "../Tab/Tab.css.js";
83
+ import "../icons/Star/Star.css.js";
84
+ import "../ContentBanner/ContentBanner.css.js";
85
+ /* empty css */
86
+ import "../ExecutiveBio/ExecutiveBio.css.js";
87
+ import "../FaqAccordion/index.js";
88
+ import "../FooterDisclosure/FooterDisclosure.css.js";
89
+ /* empty css */
90
+ /* empty css */
91
+ /* empty css */
92
+ import "../ImageBillboard/ImageBillboard.css.js";
93
+ import "next/script.js";
94
+ /* empty css */
95
+ /* empty css */
96
+ /* empty css */
97
+ /* empty css */
98
+ /* empty css */
99
+ /* empty css */
100
+ import "../LandingPageHeader/LandingPageHeader.css.js";
101
+ /* empty css */
102
+ import "next/navigation.js";
103
+ /* empty css */
104
+ /* empty css */
105
+ /* empty css */
106
+ import "next/link.js";
107
+ import "../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
108
+ /* empty css */
109
+ import "../NavigationMenu/AxosBank/NavData.js";
110
+ /* empty css */
111
+ /* empty css */
112
+ import "../NavigationMenu/AxosALTS/NavData.js";
113
+ /* empty css */
114
+ /* empty css */
115
+ import "../NavigationMenu/LaVictoire/NavData.js";
116
+ import "../PageNavItem/PageNavItem.css.js";
117
+ import "react-slick";
118
+ /* empty css */
119
+ /* empty css */
120
+ /* empty css */
121
+ /* empty css */
122
+ import "../StepItem/StepItem.css.js";
123
+ import "../StepItemSet/StepItemSet.css.js";
124
+ /* empty css */
125
+ /* empty css */
126
+ /* empty css */
127
+ /* empty css */
128
+ /* empty css */
129
+ const ContactUsBusinessNameAndEmail = ({
130
+ icon = false,
131
+ children,
132
+ onSubmit = (values) => {
133
+ console.log(values);
134
+ },
135
+ disclosure,
136
+ variant: fullVariant = "primary",
137
+ headline,
138
+ description,
139
+ callToAction,
140
+ validateEmail,
141
+ id
142
+ }) => {
143
+ const schema = z.object({
144
+ first_name: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g).trim().min(1, { message: "First Name is required." }),
145
+ last_name: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g).trim().min(1, { message: "Last Name is required." }),
146
+ email: z.string().email({ message: "Email is required." }).refine(async (val) => await validateEmail(val)),
147
+ Business_Name__c: z.string().min(1)
148
+ });
149
+ const methods = useForm({
150
+ resolver: zodResolver(
151
+ schema.merge(SalesforceSchema),
152
+ {
153
+ async: true
154
+ },
155
+ { mode: "async" }
156
+ ),
157
+ mode: "onChange",
158
+ shouldUnregister: true,
159
+ defaultValues: {
160
+ email: ""
161
+ }
162
+ });
163
+ const {
164
+ handleSubmit,
165
+ register,
166
+ formState: { errors, isValid, isSubmitting }
167
+ } = methods;
168
+ const submitForm = async (data) => {
169
+ await onSubmit(data);
170
+ };
171
+ const variant = getVariant(fullVariant);
172
+ return /* @__PURE__ */ jsx("section", { id, className: clsx(formContainer({ variant })), children: /* @__PURE__ */ jsx("div", { className: clsx("containment"), children: /* @__PURE__ */ jsxs(FormProvider, { ...methods, children: [
173
+ icon && /* @__PURE__ */ jsx("div", { className: clsx("text_center", iconForm), children: ["primary", "secondary"].includes(variant) ? /* @__PURE__ */ jsx(SvgComponent, {}) : /* @__PURE__ */ jsx(SvgAxosX, {}) }),
174
+ /* @__PURE__ */ jsxs("div", { className: `${headerContainer} text_center`, children: [
175
+ /* @__PURE__ */ jsx("h2", { className: clsx("header_2", headerForm({ variant })), children: headline }),
176
+ description && /* @__PURE__ */ jsx(
177
+ "div",
178
+ {
179
+ className: clsx(
180
+ "text_center",
181
+ form,
182
+ descriptionField({ variant })
183
+ ),
184
+ children: description
185
+ }
186
+ )
187
+ ] }),
188
+ /* @__PURE__ */ jsxs("form", { className: form, onSubmit: handleSubmit(submitForm), children: [
189
+ /* @__PURE__ */ jsxs("div", { className: clsx(formWrapper({ variant })), children: [
190
+ /* @__PURE__ */ jsx("div", { className: "", children: /* @__PURE__ */ jsx(
191
+ Input,
192
+ {
193
+ id: "first_name",
194
+ ...register("first_name", { required: true }),
195
+ label: "First Name",
196
+ sizes: "medium",
197
+ required: true,
198
+ error: !!errors.first_name,
199
+ helperText: errors.first_name?.message,
200
+ variant
201
+ }
202
+ ) }),
203
+ /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
204
+ Input,
205
+ {
206
+ id: "last_name",
207
+ ...register("last_name", { required: true }),
208
+ label: "Last Name",
209
+ sizes: "medium",
210
+ required: true,
211
+ error: !!errors.last_name,
212
+ helperText: errors.last_name?.message,
213
+ variant
214
+ }
215
+ ) }),
216
+ /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
217
+ Input,
218
+ {
219
+ id: "Business_Name__c",
220
+ ...register("Business_Name__c", {
221
+ required: true
222
+ }),
223
+ type: "text",
224
+ label: "Business Name",
225
+ sizes: "medium",
226
+ required: true,
227
+ error: !!errors.Business_Name__c,
228
+ helperText: errors.Business_Name__c?.message,
229
+ variant
230
+ }
231
+ ) }),
232
+ /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
233
+ Input,
234
+ {
235
+ id: "email",
236
+ ...register("email", {
237
+ required: true
238
+ }),
239
+ type: "email",
240
+ label: "Business Email",
241
+ sizes: "medium",
242
+ required: true,
243
+ error: !!errors.email,
244
+ helperText: errors.email?.message,
245
+ variant
246
+ }
247
+ ) })
248
+ ] }),
249
+ children,
250
+ /* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure }),
251
+ /* @__PURE__ */ jsx("div", { className: actions, children: isSubmitting ? /* @__PURE__ */ jsx(
252
+ LoadingIndicator,
253
+ {
254
+ style: { marginInline: "auto" },
255
+ variant
256
+ }
257
+ ) : /* @__PURE__ */ jsx(
258
+ Button,
259
+ {
260
+ color: getVariant(callToAction?.variant),
261
+ as: "button",
262
+ type: "submit",
263
+ disabled: !isValid || isSubmitting,
264
+ children: callToAction?.displayText
265
+ }
266
+ ) })
267
+ ] })
268
+ ] }) }) }, id);
269
+ };
270
+ export {
271
+ ContactUsBusinessNameAndEmail
272
+ };
@@ -90,6 +90,8 @@ import "../FooterDisclosure/FooterDisclosure.css.js";
90
90
  /* empty css */
91
91
  /* empty css */
92
92
  import "../ImageBillboard/ImageBillboard.css.js";
93
+ import "next/script.js";
94
+ /* empty css */
93
95
  /* empty css */
94
96
  /* empty css */
95
97
  /* empty css */
@@ -123,8 +125,6 @@ import "../StepItemSet/StepItemSet.css.js";
123
125
  /* empty css */
124
126
  /* empty css */
125
127
  /* empty css */
126
- import "next/script.js";
127
- /* empty css */
128
128
  /* empty css */
129
129
  const ContactUsNMLSId = ({
130
130
  icon = false,
@@ -90,6 +90,8 @@ import "../FooterDisclosure/FooterDisclosure.css.js";
90
90
  /* empty css */
91
91
  /* empty css */
92
92
  import "../ImageBillboard/ImageBillboard.css.js";
93
+ import "next/script.js";
94
+ /* empty css */
93
95
  /* empty css */
94
96
  /* empty css */
95
97
  /* empty css */
@@ -123,8 +125,6 @@ import "../StepItemSet/StepItemSet.css.js";
123
125
  /* empty css */
124
126
  /* empty css */
125
127
  /* empty css */
126
- import "next/script.js";
127
- /* empty css */
128
128
  /* empty css */
129
129
  const CraPublicFile = ({
130
130
  icon = false,
@@ -91,6 +91,8 @@ import "../FooterDisclosure/FooterDisclosure.css.js";
91
91
  /* empty css */
92
92
  /* empty css */
93
93
  import "../ImageBillboard/ImageBillboard.css.js";
94
+ import "next/script.js";
95
+ /* empty css */
94
96
  /* empty css */
95
97
  /* empty css */
96
98
  /* empty css */
@@ -124,8 +126,6 @@ import "../StepItemSet/StepItemSet.css.js";
124
126
  /* empty css */
125
127
  /* empty css */
126
128
  /* empty css */
127
- import "next/script.js";
128
- /* empty css */
129
129
  /* empty css */
130
130
  const EmailOnly = ({
131
131
  icon = false,
@@ -91,6 +91,8 @@ import "../../FooterDisclosure/FooterDisclosure.css.js";
91
91
  /* empty css */
92
92
  /* empty css */
93
93
  import "../../ImageBillboard/ImageBillboard.css.js";
94
+ import "next/script.js";
95
+ /* empty css */
94
96
  /* empty css */
95
97
  /* empty css */
96
98
  /* empty css */
@@ -124,8 +126,6 @@ import "../../StepItemSet/StepItemSet.css.js";
124
126
  /* empty css */
125
127
  /* empty css */
126
128
  /* empty css */
127
- import "next/script.js";
128
- /* empty css */
129
129
  /* empty css */
130
130
  const MortgageRate = ({
131
131
  icon = false,