@axos-web-dev/shared-components 1.0.99-honeypot.1 → 1.0.99-sectionSpacerRemoved

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 (59) hide show
  1. package/dist/Calculators/BuyDownCalculator/index.js +1 -1
  2. package/dist/Forms/ApplicationStart.d.ts +1 -1
  3. package/dist/Forms/ApplicationStart.js +101 -89
  4. package/dist/Forms/ClearingForm.d.ts +1 -1
  5. package/dist/Forms/ClearingForm.js +174 -162
  6. package/dist/Forms/CommercialDeposits.d.ts +1 -1
  7. package/dist/Forms/CommercialDeposits.js +191 -179
  8. package/dist/Forms/CommercialLending.d.ts +1 -1
  9. package/dist/Forms/CommercialLending.js +268 -256
  10. package/dist/Forms/CommercialPremiumFinance.d.ts +1 -1
  11. package/dist/Forms/CommercialPremiumFinance.js +106 -94
  12. package/dist/Forms/ContactCompany.d.ts +1 -1
  13. package/dist/Forms/ContactCompany.js +103 -91
  14. package/dist/Forms/ContactCompanyTitle.d.ts +1 -1
  15. package/dist/Forms/ContactCompanyTitle.js +117 -105
  16. package/dist/Forms/ContactUs.d.ts +1 -1
  17. package/dist/Forms/ContactUs.js +90 -79
  18. package/dist/Forms/ContactUsAAS.d.ts +1 -1
  19. package/dist/Forms/ContactUsAAS.js +170 -158
  20. package/dist/Forms/ContactUsBusiness.d.ts +1 -1
  21. package/dist/Forms/ContactUsBusiness.js +124 -112
  22. package/dist/Forms/ContactUsBusinessNameEmail.d.ts +1 -1
  23. package/dist/Forms/ContactUsBusinessNameEmail.js +93 -81
  24. package/dist/Forms/ContactUsLVF.d.ts +1 -1
  25. package/dist/Forms/ContactUsLVF.js +110 -98
  26. package/dist/Forms/ContactUsNMLSId.d.ts +1 -1
  27. package/dist/Forms/ContactUsNMLSId.js +107 -95
  28. package/dist/Forms/CpraRequest.d.ts +1 -1
  29. package/dist/Forms/CpraRequest.js +630 -618
  30. package/dist/Forms/CraPublicFile.d.ts +1 -1
  31. package/dist/Forms/CraPublicFile.js +99 -87
  32. package/dist/Forms/DealerServices.d.ts +1 -1
  33. package/dist/Forms/DealerServices.js +215 -203
  34. package/dist/Forms/EmailOnly.d.ts +1 -1
  35. package/dist/Forms/EmailOnly.js +46 -34
  36. package/dist/Forms/EmailUs.d.ts +1 -1
  37. package/dist/Forms/EmailUs.js +65 -53
  38. package/dist/Forms/FormProps.d.ts +3 -0
  39. package/dist/Forms/HoneyPot/index.js +2 -3
  40. package/dist/Forms/MortgageRate/MortgageRateForm.d.ts +1 -1
  41. package/dist/Forms/MortgageRate/MortgageRateForm.js +363 -343
  42. package/dist/Forms/QuickPricer/QuickPricerForm.d.ts +1 -1
  43. package/dist/Forms/QuickPricer/QuickPricerForm.js +608 -596
  44. package/dist/Forms/ScheduleCall.d.ts +1 -1
  45. package/dist/Forms/ScheduleCall.js +146 -134
  46. package/dist/Forms/ScheduleCallPremier.d.ts +1 -1
  47. package/dist/Forms/ScheduleCallPremier.js +168 -156
  48. package/dist/Forms/VendorQuestionnaire.d.ts +1 -1
  49. package/dist/Forms/VendorQuestionnaire.js +807 -795
  50. package/dist/Forms/WcplSurvey.d.ts +1 -1
  51. package/dist/Forms/WcplSurvey.js +102 -90
  52. package/dist/WalnutIframe/wrapper.module.js +3 -3
  53. package/dist/assets/AwardsBanner/AwardsBanner.css +0 -3
  54. package/dist/assets/IconBillboard/IconBillboard.css +3 -0
  55. package/dist/assets/TopicalNavSet/TopicalNavSet.css +3 -0
  56. package/dist/assets/WalnutIframe/wrapper.css.css +49 -49
  57. package/dist/assets/globals.css +11 -0
  58. package/dist/utils/allowedAxosDomains.js +2 -1
  59. package/package.json +1 -1
@@ -46,6 +46,7 @@ const CommercialPremiumFinance = ({
46
46
  headline,
47
47
  callToAction,
48
48
  validateEmail,
49
+ onValidate,
49
50
  description,
50
51
  id
51
52
  }) => {
@@ -110,101 +111,112 @@ const CommercialPremiumFinance = ({
110
111
  }
111
112
  )
112
113
  ] }),
113
- /* @__PURE__ */ jsxs("form", { className: form, onSubmit: handleSubmit(submitForm), children: [
114
- /* @__PURE__ */ jsxs("div", { className: clsx(formWrapper({ variant })), children: [
115
- /* @__PURE__ */ jsx("div", { className: "", children: /* @__PURE__ */ jsx(
116
- Input,
117
- {
118
- id: "first_name",
119
- ...register("first_name", { required: true }),
120
- label: "First Name",
121
- sizes: "medium",
122
- required: true,
123
- error: !!errors.first_name,
124
- helperText: errors.first_name?.message,
125
- variant
126
- }
127
- ) }),
128
- /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
129
- Input,
130
- {
131
- id: "last_name",
132
- ...register("last_name", { required: true }),
133
- label: "Last Name",
134
- sizes: "medium",
135
- required: true,
136
- error: !!errors.last_name,
137
- helperText: errors.last_name?.message,
138
- variant
139
- }
140
- ) }),
141
- /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
142
- Input,
143
- {
144
- id: "email",
145
- ...register("email", {
146
- required: true,
147
- validate: {
148
- isValid: associatedEmail
114
+ /* @__PURE__ */ jsxs(
115
+ "form",
116
+ {
117
+ className: form,
118
+ onSubmit: async (e) => {
119
+ onValidate && onValidate(e);
120
+ await handleSubmit(submitForm)(e);
121
+ e.preventDefault();
122
+ },
123
+ children: [
124
+ /* @__PURE__ */ jsxs("div", { className: clsx(formWrapper({ variant })), children: [
125
+ /* @__PURE__ */ jsx("div", { className: "", children: /* @__PURE__ */ jsx(
126
+ Input,
127
+ {
128
+ id: "first_name",
129
+ ...register("first_name", { required: true }),
130
+ label: "First Name",
131
+ sizes: "medium",
132
+ required: true,
133
+ error: !!errors.first_name,
134
+ helperText: errors.first_name?.message,
135
+ variant
149
136
  }
150
- }),
151
- label: "Email",
152
- sizes: "medium",
153
- required: true,
154
- error: !!errors.email,
155
- helperText: errors.email?.message,
156
- variant
157
- }
158
- ) }),
159
- /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
160
- Input,
161
- {
162
- id: "Insurance_Company__c",
163
- ...register("Insurance_Company__c", {}),
164
- label: "Insurance Company",
165
- sizes: "medium",
166
- error: !!errors.Insurance_Company__c,
167
- helperText: errors.Insurance_Company__c?.message,
168
- variant
169
- }
170
- ) }),
171
- /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
172
- Dropdown,
173
- {
174
- id: "Type_of_Policy__c",
175
- ...register("Type_of_Policy__c", {}),
176
- label: "Type of Policy",
177
- sizes: "medium",
178
- variant,
179
- defaultValue: "",
180
- children: [
181
- /* @__PURE__ */ jsx("option", { value: "" }),
182
- /* @__PURE__ */ jsx("option", { value: "Whole life", children: "Whole life" }),
183
- /* @__PURE__ */ jsx("option", { value: "Index Universal Life", children: "Index Universal Life" })
184
- ]
185
- }
186
- ) }),
187
- /* @__PURE__ */ jsx(HoneyPot, { register, errors, variant })
188
- ] }),
189
- children,
190
- /* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure }),
191
- /* @__PURE__ */ jsx("div", { className: actions, children: isSubmitting ? /* @__PURE__ */ jsx(
192
- LoadingIndicator,
193
- {
194
- style: { marginInline: "auto" },
195
- variant
196
- }
197
- ) : /* @__PURE__ */ jsx(
198
- Button,
199
- {
200
- color: getVariant(callToAction?.variant),
201
- as: "button",
202
- type: "submit",
203
- disabled: !isValid || isSubmitting,
204
- children: callToAction?.displayText
205
- }
206
- ) })
207
- ] })
137
+ ) }),
138
+ /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
139
+ Input,
140
+ {
141
+ id: "last_name",
142
+ ...register("last_name", { required: true }),
143
+ label: "Last Name",
144
+ sizes: "medium",
145
+ required: true,
146
+ error: !!errors.last_name,
147
+ helperText: errors.last_name?.message,
148
+ variant
149
+ }
150
+ ) }),
151
+ /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
152
+ Input,
153
+ {
154
+ id: "email",
155
+ ...register("email", {
156
+ required: true,
157
+ validate: {
158
+ isValid: associatedEmail
159
+ }
160
+ }),
161
+ label: "Email",
162
+ sizes: "medium",
163
+ required: true,
164
+ error: !!errors.email,
165
+ helperText: errors.email?.message,
166
+ variant
167
+ }
168
+ ) }),
169
+ /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
170
+ Input,
171
+ {
172
+ id: "Insurance_Company__c",
173
+ ...register("Insurance_Company__c", {}),
174
+ label: "Insurance Company",
175
+ sizes: "medium",
176
+ error: !!errors.Insurance_Company__c,
177
+ helperText: errors.Insurance_Company__c?.message,
178
+ variant
179
+ }
180
+ ) }),
181
+ /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
182
+ Dropdown,
183
+ {
184
+ id: "Type_of_Policy__c",
185
+ ...register("Type_of_Policy__c", {}),
186
+ label: "Type of Policy",
187
+ sizes: "medium",
188
+ variant,
189
+ defaultValue: "",
190
+ children: [
191
+ /* @__PURE__ */ jsx("option", { value: "" }),
192
+ /* @__PURE__ */ jsx("option", { value: "Whole life", children: "Whole life" }),
193
+ /* @__PURE__ */ jsx("option", { value: "Index Universal Life", children: "Index Universal Life" })
194
+ ]
195
+ }
196
+ ) }),
197
+ /* @__PURE__ */ jsx(HoneyPot, { register, errors, variant })
198
+ ] }),
199
+ children,
200
+ /* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure }),
201
+ /* @__PURE__ */ jsx("div", { className: actions, children: isSubmitting ? /* @__PURE__ */ jsx(
202
+ LoadingIndicator,
203
+ {
204
+ style: { marginInline: "auto" },
205
+ variant
206
+ }
207
+ ) : /* @__PURE__ */ jsx(
208
+ Button,
209
+ {
210
+ color: getVariant(callToAction?.variant),
211
+ as: "button",
212
+ type: "submit",
213
+ disabled: !isValid || isSubmitting,
214
+ children: callToAction?.displayText
215
+ }
216
+ ) })
217
+ ]
218
+ }
219
+ )
208
220
  ] }) }) }, id);
209
221
  };
210
222
  export {
@@ -7,4 +7,4 @@ export type ContactCompanyInputs = {
7
7
  phone: string;
8
8
  company: string;
9
9
  };
10
- export declare const ContactCompany: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;
10
+ export declare const ContactCompany: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, onValidate, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;
@@ -46,6 +46,7 @@ const ContactCompany = ({
46
46
  description,
47
47
  callToAction,
48
48
  validateEmail,
49
+ onValidate,
49
50
  id
50
51
  }) => {
51
52
  const schema = z.object({
@@ -114,98 +115,109 @@ const ContactCompany = ({
114
115
  }
115
116
  )
116
117
  ] }),
117
- /* @__PURE__ */ jsxs("form", { className: form, onSubmit: handleSubmit(submitForm), children: [
118
- /* @__PURE__ */ jsxs("div", { className: clsx(formWrapper({ variant })), children: [
119
- /* @__PURE__ */ jsx("div", { className: "", children: /* @__PURE__ */ jsx(
120
- Input,
121
- {
122
- id: "first_name",
123
- ...register("first_name", { required: true }),
124
- label: "First Name",
125
- sizes: "medium",
126
- placeholder: "First Name",
127
- required: true,
128
- error: !!errors.first_name,
129
- helperText: errors.first_name?.message,
130
- variant
131
- }
132
- ) }),
133
- /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
134
- Input,
135
- {
136
- id: "last_name",
137
- ...register("last_name", { required: true }),
138
- label: "Last Name",
139
- sizes: "medium",
140
- placeholder: "Last Name",
141
- required: true,
142
- error: !!errors.last_name,
143
- helperText: errors.last_name?.message,
144
- variant
145
- }
146
- ) }),
147
- /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
148
- Input,
149
- {
150
- id: "email",
151
- ...register("email", {
152
- required: true,
153
- validate: {
154
- isValid: associatedEmail
118
+ /* @__PURE__ */ jsxs(
119
+ "form",
120
+ {
121
+ className: form,
122
+ onSubmit: async (e) => {
123
+ onValidate && onValidate(e);
124
+ await handleSubmit(submitForm)(e);
125
+ e.preventDefault();
126
+ },
127
+ children: [
128
+ /* @__PURE__ */ jsxs("div", { className: clsx(formWrapper({ variant })), children: [
129
+ /* @__PURE__ */ jsx("div", { className: "", children: /* @__PURE__ */ jsx(
130
+ Input,
131
+ {
132
+ id: "first_name",
133
+ ...register("first_name", { required: true }),
134
+ label: "First Name",
135
+ sizes: "medium",
136
+ placeholder: "First Name",
137
+ required: true,
138
+ error: !!errors.first_name,
139
+ helperText: errors.first_name?.message,
140
+ variant
155
141
  }
156
- }),
157
- label: "Email",
158
- sizes: "medium",
159
- placeholder: "Email",
160
- required: true,
161
- error: !!errors.email,
162
- helperText: errors.email?.message,
163
- variant
164
- }
165
- ) }),
166
- /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
167
- InputPhone,
168
- {
169
- id: "phone",
170
- ...register("phone", { required: true, maxLength: 12 }),
171
- label: "Phone",
172
- sizes: "medium",
173
- placeholder: "Phone",
174
- required: true,
175
- error: !!errors.phone,
176
- helperText: errors.phone?.message,
177
- variant
178
- }
179
- ) }),
180
- /* @__PURE__ */ jsx("div", { className: fullRowForm, children: /* @__PURE__ */ jsx(
181
- Input,
182
- {
183
- id: "company",
184
- ...register("company", { required: true }),
185
- label: "Company",
186
- sizes: "medium",
187
- placeholder: "Company",
188
- required: true,
189
- error: !!errors.company,
190
- helperText: errors.company?.message,
191
- variant
192
- }
193
- ) }),
194
- /* @__PURE__ */ jsx(HoneyPot, { register, errors, variant })
195
- ] }),
196
- children,
197
- /* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure }),
198
- /* @__PURE__ */ jsx("div", { className: actions, children: /* @__PURE__ */ jsx(
199
- Button,
200
- {
201
- color: getVariant(callToAction?.variant),
202
- as: "button",
203
- type: "submit",
204
- disabled: !isValid || isSubmitting,
205
- children: callToAction?.displayText
206
- }
207
- ) })
208
- ] })
142
+ ) }),
143
+ /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
144
+ Input,
145
+ {
146
+ id: "last_name",
147
+ ...register("last_name", { required: true }),
148
+ label: "Last Name",
149
+ sizes: "medium",
150
+ placeholder: "Last Name",
151
+ required: true,
152
+ error: !!errors.last_name,
153
+ helperText: errors.last_name?.message,
154
+ variant
155
+ }
156
+ ) }),
157
+ /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
158
+ Input,
159
+ {
160
+ id: "email",
161
+ ...register("email", {
162
+ required: true,
163
+ validate: {
164
+ isValid: associatedEmail
165
+ }
166
+ }),
167
+ label: "Email",
168
+ sizes: "medium",
169
+ placeholder: "Email",
170
+ required: true,
171
+ error: !!errors.email,
172
+ helperText: errors.email?.message,
173
+ variant
174
+ }
175
+ ) }),
176
+ /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
177
+ InputPhone,
178
+ {
179
+ id: "phone",
180
+ ...register("phone", { required: true, maxLength: 12 }),
181
+ label: "Phone",
182
+ sizes: "medium",
183
+ placeholder: "Phone",
184
+ required: true,
185
+ error: !!errors.phone,
186
+ helperText: errors.phone?.message,
187
+ variant
188
+ }
189
+ ) }),
190
+ /* @__PURE__ */ jsx("div", { className: fullRowForm, children: /* @__PURE__ */ jsx(
191
+ Input,
192
+ {
193
+ id: "company",
194
+ ...register("company", { required: true }),
195
+ label: "Company",
196
+ sizes: "medium",
197
+ placeholder: "Company",
198
+ required: true,
199
+ error: !!errors.company,
200
+ helperText: errors.company?.message,
201
+ variant
202
+ }
203
+ ) }),
204
+ /* @__PURE__ */ jsx(HoneyPot, { register, errors, variant })
205
+ ] }),
206
+ children,
207
+ /* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure }),
208
+ /* @__PURE__ */ jsx("div", { className: actions, children: /* @__PURE__ */ jsx(
209
+ Button,
210
+ {
211
+ color: getVariant(callToAction?.variant),
212
+ as: "button",
213
+ type: "submit",
214
+ disabled: !isValid || isSubmitting,
215
+ children: callToAction?.displayText
216
+ }
217
+ ) })
218
+ ]
219
+ }
220
+ )
209
221
  ] }) }) }, id);
210
222
  };
211
223
  export {
@@ -8,4 +8,4 @@ export type ContactCompanyTitleInputs = {
8
8
  company: string;
9
9
  title: string;
10
10
  };
11
- export declare const ContactCompanyTitle: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;
11
+ export declare const ContactCompanyTitle: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, onValidate, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;