@axos-web-dev/shared-components 1.0.98 → 1.0.99-dev-2
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.
- package/dist/ATMLocator/ATMLocator.js +1 -0
- package/dist/Auth/ErrorAlert.js +1 -0
- package/dist/Blockquote/Blockquote.module.js +3 -3
- package/dist/Button/Button.js +1 -0
- package/dist/Calculators/BuyDownCalculator/index.js +1 -1
- package/dist/Calculators/Calculator.js +1 -0
- package/dist/Carousel/index.js +1 -0
- package/dist/Chevron/index.js +1 -0
- package/dist/Comparison/Comparison.js +1 -0
- package/dist/ExecutiveBio/ExecutiveBio.js +1 -0
- package/dist/FaqAccordion/index.js +1 -0
- package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +1 -0
- package/dist/Forms/ApplicationStart.js +13 -3
- package/dist/Forms/ApplyNow.js +1 -0
- package/dist/Forms/ClearingForm.js +11 -1
- package/dist/Forms/CommercialDeposits.js +12 -2
- package/dist/Forms/CommercialLending.js +12 -2
- package/dist/Forms/CommercialPremiumFinance.js +24 -14
- package/dist/Forms/ContactCompany.js +12 -2
- package/dist/Forms/ContactCompanyTitle.js +12 -2
- package/dist/Forms/ContactUs.d.ts +1 -1
- package/dist/Forms/ContactUs.js +99 -78
- package/dist/Forms/ContactUsAAS.js +12 -2
- package/dist/Forms/ContactUsBusiness.js +12 -2
- package/dist/Forms/ContactUsBusinessNameEmail.js +12 -2
- package/dist/Forms/ContactUsLVF.js +12 -2
- package/dist/Forms/ContactUsNMLSId.js +12 -2
- package/dist/Forms/CpraRequest.js +13 -3
- package/dist/Forms/CraPublicFile.js +12 -2
- package/dist/Forms/DealerServices.js +12 -3
- package/dist/Forms/EmailOnly.js +30 -22
- package/dist/Forms/EmailUs.js +12 -2
- package/dist/Forms/FormProps.d.ts +3 -0
- package/dist/Forms/HoneyPot/HoneyPot.css.d.ts +1 -0
- package/dist/Forms/HoneyPot/HoneyPot.css.js +5 -0
- package/dist/Forms/HoneyPot/index.d.ts +24 -0
- package/dist/Forms/HoneyPot/index.js +71 -0
- package/dist/Forms/MortgageRate/MortgageRateForm.js +1 -0
- package/dist/Forms/MortgageRate/MortgageRateWatch.js +1 -0
- package/dist/Forms/QuickPricer/QuickPricerForm.js +18 -15
- package/dist/Forms/ScheduleCall.js +12 -2
- package/dist/Forms/ScheduleCallPremier.js +12 -2
- package/dist/Forms/SuccesForm.js +1 -0
- package/dist/Forms/VendorQuestionnaire.js +12 -2
- package/dist/Forms/WcplSurvey.js +12 -2
- package/dist/Forms/index.d.ts +1 -0
- package/dist/Forms/index.js +4 -0
- package/dist/Hyperlink/index.js +1 -0
- package/dist/ImageLink/ImageLink.js +1 -0
- package/dist/ImageLink/ImageLinkSet.js +1 -0
- package/dist/ImageLink/index.js +1 -0
- package/dist/Input/Input.js +3 -1
- package/dist/Insight/Featured/CategorySelector.js +1 -0
- package/dist/Insight/Featured/Featured.js +1 -0
- package/dist/Insight/Featured/Header.js +1 -0
- package/dist/Modal/Modal.js +1 -0
- package/dist/NavigationMenu/AxosALTS/NavData.js +1 -0
- package/dist/NavigationMenu/AxosALTS/index.js +1 -0
- package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.module.js +16 -16
- package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.d.ts +1 -0
- package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.js +4 -0
- package/dist/NavigationMenu/AxosBank/NavBar.module.js +39 -39
- package/dist/NavigationMenu/AxosBank/NavData.js +1 -0
- package/dist/NavigationMenu/AxosBank/SubNavBar.js +10 -0
- package/dist/NavigationMenu/AxosBank/index.js +1 -0
- package/dist/NavigationMenu/LaVictoire/NavData.js +1 -0
- package/dist/NavigationMenu/LaVictoire/index.js +1 -0
- package/dist/NavigationMenu/NavDataJson.d.ts +2 -0
- package/dist/NavigationMenu/NavDataJson.js +309 -0
- package/dist/NavigationMenu/Navbar.d.ts +5 -0
- package/dist/NavigationMenu/Navbar.js +195 -0
- package/dist/NavigationMenu/SignInNavButton.d.ts +1 -0
- package/dist/NavigationMenu/SignInNavButton.js +363 -0
- package/dist/SetContainer/SetContainer.js +1 -0
- package/dist/SocialMediaBar/iconsRepository.js +1 -0
- package/dist/VideoTile/VideoTile.js +1 -0
- package/dist/VideoWrapper/index.js +1 -0
- package/dist/assets/Blockquote/Blockquote.css.css +68 -68
- package/dist/assets/Forms/HoneyPot/HoneyPot.css +4 -0
- package/dist/assets/ImageBillboard/ImageBillboard.css +2 -2
- package/dist/assets/NavigationMenu/AxosBank/MobileMenu/MobileMenu.css.css +191 -191
- package/dist/assets/NavigationMenu/AxosBank/NavBar.css.css +473 -473
- package/dist/assets/utils/optimizeImage/optimizeImage.css.css +47 -47
- package/dist/icons/Logos/AXB.d.ts +8 -0
- package/dist/icons/Logos/AXB.js +74 -0
- package/dist/main.js +4 -0
- package/dist/utils/optimizeImage/optimizeImage.module.js +3 -3
- package/package.json +1 -1
|
@@ -33,6 +33,7 @@ import { useForm, FormProvider } from "react-hook-form";
|
|
|
33
33
|
import { z } from "zod";
|
|
34
34
|
import { Roles } from "./FormEnums.js";
|
|
35
35
|
import { iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, disclosureForm, actions, formContainer } from "./Forms.css.js";
|
|
36
|
+
import { honeyPotSchema, isValidHoneyPot, HoneyPot } from "./HoneyPot/index.js";
|
|
36
37
|
import { SalesforceSchema } from "./SalesforceFieldsForm.js";
|
|
37
38
|
const ContactUsAAS = ({
|
|
38
39
|
icon = false,
|
|
@@ -81,9 +82,17 @@ const ContactUsAAS = ({
|
|
|
81
82
|
Role__c: z.string().min(1, { message: "Role is required." }).refine((val) => Roles.includes(val), "Role is required"),
|
|
82
83
|
description: z.optional(z.string().trim().max(32e3))
|
|
83
84
|
});
|
|
85
|
+
const gen_schema = schema.merge(SalesforceSchema).merge(honeyPotSchema).superRefine((data, ctx) => {
|
|
86
|
+
if (!isValidHoneyPot(data)) {
|
|
87
|
+
ctx.addIssue({
|
|
88
|
+
code: z.ZodIssueCode.custom,
|
|
89
|
+
message: "fields are not valid."
|
|
90
|
+
});
|
|
91
|
+
}
|
|
92
|
+
});
|
|
84
93
|
const methods = useForm({
|
|
85
94
|
resolver: zodResolver(
|
|
86
|
-
|
|
95
|
+
gen_schema,
|
|
87
96
|
{
|
|
88
97
|
async: true
|
|
89
98
|
},
|
|
@@ -252,7 +261,8 @@ const ContactUsAAS = ({
|
|
|
252
261
|
variant,
|
|
253
262
|
rows: 1
|
|
254
263
|
}
|
|
255
|
-
) })
|
|
264
|
+
) }),
|
|
265
|
+
/* @__PURE__ */ jsx(HoneyPot, { register, errors, variant })
|
|
256
266
|
] }),
|
|
257
267
|
children,
|
|
258
268
|
/* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure }),
|
|
@@ -44,6 +44,7 @@ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
|
|
|
44
44
|
import { useForm, FormProvider } from "react-hook-form";
|
|
45
45
|
import { z } from "zod";
|
|
46
46
|
import { iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, disclosureForm, actions, formContainer } from "./Forms.css.js";
|
|
47
|
+
import { honeyPotSchema, isValidHoneyPot, HoneyPot } from "./HoneyPot/index.js";
|
|
47
48
|
import { SalesforceSchema } from "./SalesforceFieldsForm.js";
|
|
48
49
|
/* empty css */
|
|
49
50
|
/* empty css */
|
|
@@ -165,9 +166,17 @@ const ContactUsBusiness = ({
|
|
|
165
166
|
Company: z.string().min(1),
|
|
166
167
|
Company_NMLS_ID__c: z.string().min(6).max(7)
|
|
167
168
|
});
|
|
169
|
+
const gen_schema = schema.merge(SalesforceSchema).merge(honeyPotSchema).superRefine((data, ctx) => {
|
|
170
|
+
if (!isValidHoneyPot(data)) {
|
|
171
|
+
ctx.addIssue({
|
|
172
|
+
code: z.ZodIssueCode.custom,
|
|
173
|
+
message: "fields are not valid."
|
|
174
|
+
});
|
|
175
|
+
}
|
|
176
|
+
});
|
|
168
177
|
const methods = useForm({
|
|
169
178
|
resolver: zodResolver(
|
|
170
|
-
|
|
179
|
+
gen_schema,
|
|
171
180
|
{
|
|
172
181
|
async: true
|
|
173
182
|
},
|
|
@@ -300,7 +309,8 @@ const ContactUsBusiness = ({
|
|
|
300
309
|
helperText: errors.Company_NMLS_ID__c?.message,
|
|
301
310
|
variant
|
|
302
311
|
}
|
|
303
|
-
) })
|
|
312
|
+
) }),
|
|
313
|
+
/* @__PURE__ */ jsx(HoneyPot, { register, errors, variant })
|
|
304
314
|
] }),
|
|
305
315
|
children,
|
|
306
316
|
/* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure }),
|
|
@@ -44,6 +44,7 @@ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
|
|
|
44
44
|
import { useForm, FormProvider } from "react-hook-form";
|
|
45
45
|
import { z } from "zod";
|
|
46
46
|
import { iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, disclosureForm, actions, formContainer } from "./Forms.css.js";
|
|
47
|
+
import { honeyPotSchema, isValidHoneyPot, HoneyPot } from "./HoneyPot/index.js";
|
|
47
48
|
import { SalesforceSchema } from "./SalesforceFieldsForm.js";
|
|
48
49
|
/* empty css */
|
|
49
50
|
/* empty css */
|
|
@@ -146,9 +147,17 @@ const ContactUsBusinessNameAndEmail = ({
|
|
|
146
147
|
email: z.string().email({ message: "Email is required." }).refine(async (val) => await validateEmail(val)),
|
|
147
148
|
Business_Name__c: z.string().min(1)
|
|
148
149
|
});
|
|
150
|
+
const gen_schema = schema.merge(SalesforceSchema).merge(honeyPotSchema).superRefine((data, ctx) => {
|
|
151
|
+
if (!isValidHoneyPot(data)) {
|
|
152
|
+
ctx.addIssue({
|
|
153
|
+
code: z.ZodIssueCode.custom,
|
|
154
|
+
message: "fields are not valid."
|
|
155
|
+
});
|
|
156
|
+
}
|
|
157
|
+
});
|
|
149
158
|
const methods = useForm({
|
|
150
159
|
resolver: zodResolver(
|
|
151
|
-
|
|
160
|
+
gen_schema,
|
|
152
161
|
{
|
|
153
162
|
async: true
|
|
154
163
|
},
|
|
@@ -244,7 +253,8 @@ const ContactUsBusinessNameAndEmail = ({
|
|
|
244
253
|
helperText: errors.email?.message,
|
|
245
254
|
variant
|
|
246
255
|
}
|
|
247
|
-
) })
|
|
256
|
+
) }),
|
|
257
|
+
/* @__PURE__ */ jsx(HoneyPot, { register, errors, variant })
|
|
248
258
|
] }),
|
|
249
259
|
children,
|
|
250
260
|
/* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure }),
|
|
@@ -32,6 +32,7 @@ import clsx from "clsx";
|
|
|
32
32
|
import { useForm, FormProvider } from "react-hook-form";
|
|
33
33
|
import * as z from "zod";
|
|
34
34
|
import { iconForm, headerContainer, headerForm, form, descriptionField, fullRowForm, formWrapper, disclosureForm, actions, formContainer } from "./Forms.css.js";
|
|
35
|
+
import { honeyPotSchema, isValidHoneyPot, HoneyPot } from "./HoneyPot/index.js";
|
|
35
36
|
const ContactUsLVF = ({
|
|
36
37
|
icon = false,
|
|
37
38
|
children,
|
|
@@ -75,8 +76,16 @@ const ContactUsLVF = ({
|
|
|
75
76
|
message: z.string().min(1, { message: "Please complete this required field." }),
|
|
76
77
|
checkbox: z.boolean()
|
|
77
78
|
});
|
|
79
|
+
const gen_schema = schema.merge(honeyPotSchema).superRefine((data, ctx) => {
|
|
80
|
+
if (!isValidHoneyPot(data)) {
|
|
81
|
+
ctx.addIssue({
|
|
82
|
+
code: z.ZodIssueCode.custom,
|
|
83
|
+
message: "fields are not valid."
|
|
84
|
+
});
|
|
85
|
+
}
|
|
86
|
+
});
|
|
78
87
|
const methods = useForm({
|
|
79
|
-
resolver: zodResolver(
|
|
88
|
+
resolver: zodResolver(gen_schema, {
|
|
80
89
|
async: true
|
|
81
90
|
}),
|
|
82
91
|
mode: "all"
|
|
@@ -211,7 +220,8 @@ const ContactUsLVF = ({
|
|
|
211
220
|
variant,
|
|
212
221
|
children: "I'm a Dealer interested in Inventory Financing."
|
|
213
222
|
}
|
|
214
|
-
) })
|
|
223
|
+
) }),
|
|
224
|
+
/* @__PURE__ */ jsx(HoneyPot, { register, errors, variant })
|
|
215
225
|
] }),
|
|
216
226
|
children,
|
|
217
227
|
/* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure }),
|
|
@@ -44,6 +44,7 @@ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
|
|
|
44
44
|
import { useForm, FormProvider } from "react-hook-form";
|
|
45
45
|
import { z } from "zod";
|
|
46
46
|
import { iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, disclosureForm, actions, formContainer } from "./Forms.css.js";
|
|
47
|
+
import { honeyPotSchema, isValidHoneyPot, HoneyPot } from "./HoneyPot/index.js";
|
|
47
48
|
import { SalesforceSchema } from "./SalesforceFieldsForm.js";
|
|
48
49
|
/* empty css */
|
|
49
50
|
/* empty css */
|
|
@@ -164,9 +165,17 @@ const ContactUsNMLSId = ({
|
|
|
164
165
|
}),
|
|
165
166
|
NMLS_ID__c: z.string().min(6).max(7)
|
|
166
167
|
});
|
|
168
|
+
const gen_schema = schema.merge(SalesforceSchema).merge(honeyPotSchema).superRefine((data, ctx) => {
|
|
169
|
+
if (!isValidHoneyPot(data)) {
|
|
170
|
+
ctx.addIssue({
|
|
171
|
+
code: z.ZodIssueCode.custom,
|
|
172
|
+
message: "fields are not valid."
|
|
173
|
+
});
|
|
174
|
+
}
|
|
175
|
+
});
|
|
167
176
|
const methods = useForm({
|
|
168
177
|
resolver: zodResolver(
|
|
169
|
-
|
|
178
|
+
gen_schema,
|
|
170
179
|
{
|
|
171
180
|
async: true
|
|
172
181
|
},
|
|
@@ -282,7 +291,8 @@ const ContactUsNMLSId = ({
|
|
|
282
291
|
helperText: errors.NMLS_ID__c?.message,
|
|
283
292
|
variant
|
|
284
293
|
}
|
|
285
|
-
) })
|
|
294
|
+
) }),
|
|
295
|
+
/* @__PURE__ */ jsx(HoneyPot, { register, errors, variant })
|
|
286
296
|
] }),
|
|
287
297
|
children,
|
|
288
298
|
/* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure }),
|
|
@@ -16,6 +16,7 @@ import { InputPhone } from "../Input/InputPhone.js";
|
|
|
16
16
|
import "../Input/InputTextArea.js";
|
|
17
17
|
import "../Input/DownPaymentInput.js";
|
|
18
18
|
import { RadioButtonSet, RadioButton } from "../Input/RadioButton.js";
|
|
19
|
+
import CheckboxGroup from "../Input/CheckboxGroup.js";
|
|
19
20
|
import "../icons/ArrowIcon/ArrowIcon.css.js";
|
|
20
21
|
import SvgAxosX from "../icons/AxosX/index.js";
|
|
21
22
|
import SvgComponent from "../icons/AxosX/Blue.js";
|
|
@@ -28,11 +29,11 @@ import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/Downl
|
|
|
28
29
|
import { findMoreAxosDomains } from "../utils/allowedAxosDomains.js";
|
|
29
30
|
import { associatedEmail } from "../utils/EverestValidity.js";
|
|
30
31
|
import { getVariant } from "../utils/getVariant.js";
|
|
31
|
-
import CheckboxGroup from "../Input/CheckboxGroup.js";
|
|
32
32
|
import clsx from "clsx";
|
|
33
33
|
import { useForm, FormProvider } from "react-hook-form";
|
|
34
34
|
import * as z from "zod";
|
|
35
35
|
import { iconForm, headerContainer, form, descriptionField, fullRowForm, formWrapper, disclosureForm, actions, formContainer } from "./Forms.css.js";
|
|
36
|
+
import { honeyPotSchema, isValidHoneyPot, HoneyPot } from "./HoneyPot/index.js";
|
|
36
37
|
const CpraRequest = ({
|
|
37
38
|
icon = false,
|
|
38
39
|
children,
|
|
@@ -91,8 +92,16 @@ const CpraRequest = ({
|
|
|
91
92
|
return removeDashes;
|
|
92
93
|
})
|
|
93
94
|
});
|
|
95
|
+
const gen_schema = schema.merge(honeyPotSchema).superRefine((data, ctx) => {
|
|
96
|
+
if (!isValidHoneyPot(data)) {
|
|
97
|
+
ctx.addIssue({
|
|
98
|
+
code: z.ZodIssueCode.custom,
|
|
99
|
+
message: "fields are not valid."
|
|
100
|
+
});
|
|
101
|
+
}
|
|
102
|
+
});
|
|
94
103
|
const methods = useForm({
|
|
95
|
-
resolver: zodResolver(
|
|
104
|
+
resolver: zodResolver(gen_schema, {
|
|
96
105
|
async: true
|
|
97
106
|
}),
|
|
98
107
|
mode: "all"
|
|
@@ -726,7 +735,8 @@ const CpraRequest = ({
|
|
|
726
735
|
)
|
|
727
736
|
]
|
|
728
737
|
}
|
|
729
|
-
) })
|
|
738
|
+
) }),
|
|
739
|
+
/* @__PURE__ */ jsx(HoneyPot, { register, errors, variant })
|
|
730
740
|
] }),
|
|
731
741
|
children,
|
|
732
742
|
/* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure }),
|
|
@@ -44,6 +44,7 @@ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
|
|
|
44
44
|
import { useForm, FormProvider } from "react-hook-form";
|
|
45
45
|
import { z } from "zod";
|
|
46
46
|
import { iconForm, headerContainer, headerForm, form, descriptionField, fullRowForm, formWrapper, disclosureForm, actions, formContainer } from "./Forms.css.js";
|
|
47
|
+
import { honeyPotSchema, isValidHoneyPot, HoneyPot } from "./HoneyPot/index.js";
|
|
47
48
|
import { SalesforceSchema } from "./SalesforceFieldsForm.js";
|
|
48
49
|
/* empty css */
|
|
49
50
|
/* empty css */
|
|
@@ -166,9 +167,17 @@ const CraPublicFile = ({
|
|
|
166
167
|
message: "Comments/Questions should have at least 10 chars."
|
|
167
168
|
})
|
|
168
169
|
});
|
|
170
|
+
const gen_schema = schema.merge(SalesforceSchema).merge(honeyPotSchema).superRefine((data, ctx) => {
|
|
171
|
+
if (!isValidHoneyPot(data)) {
|
|
172
|
+
ctx.addIssue({
|
|
173
|
+
code: z.ZodIssueCode.custom,
|
|
174
|
+
message: "fields are not valid."
|
|
175
|
+
});
|
|
176
|
+
}
|
|
177
|
+
});
|
|
169
178
|
const methods = useForm({
|
|
170
179
|
resolver: zodResolver(
|
|
171
|
-
|
|
180
|
+
gen_schema,
|
|
172
181
|
{
|
|
173
182
|
async: true
|
|
174
183
|
},
|
|
@@ -276,7 +285,8 @@ const CraPublicFile = ({
|
|
|
276
285
|
variant,
|
|
277
286
|
rows: 1
|
|
278
287
|
}
|
|
279
|
-
) })
|
|
288
|
+
) }),
|
|
289
|
+
/* @__PURE__ */ jsx(HoneyPot, { register, errors, variant })
|
|
280
290
|
] }),
|
|
281
291
|
children,
|
|
282
292
|
/* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure }),
|
|
@@ -32,6 +32,7 @@ import clsx from "clsx";
|
|
|
32
32
|
import { useForm, FormProvider } from "react-hook-form";
|
|
33
33
|
import * as z from "zod";
|
|
34
34
|
import { iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, disclosureForm, actions, formContainer } from "./Forms.css.js";
|
|
35
|
+
import { honeyPotSchema, isValidHoneyPot, HoneyPot } from "./HoneyPot/index.js";
|
|
35
36
|
import { SalesforceSchema } from "./SalesforceFieldsForm.js";
|
|
36
37
|
const DealerServices = ({
|
|
37
38
|
icon = false,
|
|
@@ -51,7 +52,6 @@ const DealerServices = ({
|
|
|
51
52
|
first_name: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g).trim().min(1, { message: "First Name is required." }),
|
|
52
53
|
last_name: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g).trim().min(1, { message: "Last Name is required." }),
|
|
53
54
|
email: z.string().email({ message: "Email is required." }),
|
|
54
|
-
// .refine(async (val: string) => await validateEmail(val)),
|
|
55
55
|
phone: z.string({ message: "Phone is required." }).regex(/[\d-]{10}/, "Invalid phone number.").min(10, { message: "Phone is required." }).max(12, { message: "Phone is required." }).transform((val, ctx) => {
|
|
56
56
|
const removeDashes = val.replace(/-/gi, "");
|
|
57
57
|
if (removeDashes.length !== 10) {
|
|
@@ -81,8 +81,16 @@ const DealerServices = ({
|
|
|
81
81
|
zip: z.string().trim().max(20).min(1, { message: "Zip code is required." }),
|
|
82
82
|
description: z.string().trim().max(32e3)
|
|
83
83
|
});
|
|
84
|
+
const gen_schema = schema.merge(SalesforceSchema).merge(honeyPotSchema).superRefine((data, ctx) => {
|
|
85
|
+
if (!isValidHoneyPot(data)) {
|
|
86
|
+
ctx.addIssue({
|
|
87
|
+
code: z.ZodIssueCode.custom,
|
|
88
|
+
message: "fields are not valid."
|
|
89
|
+
});
|
|
90
|
+
}
|
|
91
|
+
});
|
|
84
92
|
const methods = useForm({
|
|
85
|
-
resolver: zodResolver(
|
|
93
|
+
resolver: zodResolver(gen_schema, {
|
|
86
94
|
async: true
|
|
87
95
|
}),
|
|
88
96
|
mode: "all",
|
|
@@ -306,7 +314,8 @@ const DealerServices = ({
|
|
|
306
314
|
variant,
|
|
307
315
|
rows: 1
|
|
308
316
|
}
|
|
309
|
-
) })
|
|
317
|
+
) }),
|
|
318
|
+
/* @__PURE__ */ jsx(HoneyPot, { register, errors, variant })
|
|
310
319
|
] }),
|
|
311
320
|
children,
|
|
312
321
|
/* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure }),
|
package/dist/Forms/EmailOnly.js
CHANGED
|
@@ -45,6 +45,7 @@ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
|
|
|
45
45
|
import { useForm, FormProvider } from "react-hook-form";
|
|
46
46
|
import { z } from "zod";
|
|
47
47
|
import { iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, disclosureForm, actions, formContainer } from "./Forms.css.js";
|
|
48
|
+
import { honeyPotSchema, isValidHoneyPot, HoneyPot } from "./HoneyPot/index.js";
|
|
48
49
|
import { SalesforceSchema } from "./SalesforceFieldsForm.js";
|
|
49
50
|
/* empty css */
|
|
50
51
|
/* empty css */
|
|
@@ -144,13 +145,17 @@ const EmailOnly = ({
|
|
|
144
145
|
const schema = z.object({
|
|
145
146
|
email: z.string().email({ message: "Email is required." }).refine(async (val) => await validateEmail(val))
|
|
146
147
|
});
|
|
148
|
+
const gen_schema = schema.merge(SalesforceSchema).merge(honeyPotSchema).superRefine((data, ctx) => {
|
|
149
|
+
if (!isValidHoneyPot(data)) {
|
|
150
|
+
ctx.addIssue({
|
|
151
|
+
code: z.ZodIssueCode.custom,
|
|
152
|
+
message: "fields are not valid."
|
|
153
|
+
});
|
|
154
|
+
}
|
|
155
|
+
});
|
|
147
156
|
const methods = useForm({
|
|
148
157
|
resolver: async (data, context, options) => {
|
|
149
|
-
return zodResolver(
|
|
150
|
-
data,
|
|
151
|
-
context,
|
|
152
|
-
options
|
|
153
|
-
);
|
|
158
|
+
return zodResolver(gen_schema)(data, context, options);
|
|
154
159
|
},
|
|
155
160
|
mode: "all",
|
|
156
161
|
defaultValues: {
|
|
@@ -184,24 +189,27 @@ const EmailOnly = ({
|
|
|
184
189
|
)
|
|
185
190
|
] }),
|
|
186
191
|
/* @__PURE__ */ jsxs("form", { className: form, onSubmit: handleSubmit(submitForm), children: [
|
|
187
|
-
/* @__PURE__ */
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
+
/* @__PURE__ */ jsxs("div", { className: clsx(formWrapper({ variant, formType })), children: [
|
|
193
|
+
/* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
|
|
194
|
+
Input,
|
|
195
|
+
{
|
|
196
|
+
id: "email",
|
|
197
|
+
...register("email", {
|
|
198
|
+
required: true,
|
|
199
|
+
validate: {
|
|
200
|
+
isValid: associatedEmail
|
|
201
|
+
}
|
|
202
|
+
}),
|
|
203
|
+
sizes: "medium",
|
|
204
|
+
placeholder: "Enter Email",
|
|
192
205
|
required: true,
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
}
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
error: !!errors.email,
|
|
201
|
-
helperText: errors.email?.message,
|
|
202
|
-
variant
|
|
203
|
-
}
|
|
204
|
-
) }) }),
|
|
206
|
+
error: !!errors.email,
|
|
207
|
+
helperText: errors.email?.message,
|
|
208
|
+
variant
|
|
209
|
+
}
|
|
210
|
+
) }),
|
|
211
|
+
/* @__PURE__ */ jsx(HoneyPot, { register, errors, variant })
|
|
212
|
+
] }),
|
|
205
213
|
children,
|
|
206
214
|
/* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure }),
|
|
207
215
|
/* @__PURE__ */ jsx("div", { className: actions, children: /* @__PURE__ */ jsx(
|
package/dist/Forms/EmailUs.js
CHANGED
|
@@ -24,6 +24,7 @@ import clsx from "clsx";
|
|
|
24
24
|
import { useForm, FormProvider } from "react-hook-form";
|
|
25
25
|
import * as z from "zod";
|
|
26
26
|
import { iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, disclosureForm, actions, formContainer } from "./Forms.css.js";
|
|
27
|
+
import { honeyPotSchema, isValidHoneyPot, HoneyPot } from "./HoneyPot/index.js";
|
|
27
28
|
const EmailUs = ({
|
|
28
29
|
icon = false,
|
|
29
30
|
children,
|
|
@@ -42,8 +43,16 @@ const EmailUs = ({
|
|
|
42
43
|
email: z.string().email({ message: "Email is required." }).refine(async (val) => await validateEmail(val)),
|
|
43
44
|
message: z.string().min(2, "Message is required")
|
|
44
45
|
});
|
|
46
|
+
const gen_schema = schema.merge(honeyPotSchema).superRefine((data, ctx) => {
|
|
47
|
+
if (!isValidHoneyPot(data)) {
|
|
48
|
+
ctx.addIssue({
|
|
49
|
+
code: z.ZodIssueCode.custom,
|
|
50
|
+
message: "fields are not valid."
|
|
51
|
+
});
|
|
52
|
+
}
|
|
53
|
+
});
|
|
45
54
|
const methods = useForm({
|
|
46
|
-
resolver: zodResolver(
|
|
55
|
+
resolver: zodResolver(gen_schema, {
|
|
47
56
|
async: true
|
|
48
57
|
}),
|
|
49
58
|
mode: "all",
|
|
@@ -109,7 +118,8 @@ const EmailUs = ({
|
|
|
109
118
|
helperText: errors.message?.message,
|
|
110
119
|
variant
|
|
111
120
|
}
|
|
112
|
-
) })
|
|
121
|
+
) }),
|
|
122
|
+
/* @__PURE__ */ jsx(HoneyPot, { register, errors, variant })
|
|
113
123
|
] }),
|
|
114
124
|
children,
|
|
115
125
|
/* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure }),
|
|
@@ -7,6 +7,9 @@ export interface FormProps extends PropsWithChildren {
|
|
|
7
7
|
onSubmit?: (values: {
|
|
8
8
|
[index: string]: string | boolean | number | Date | any;
|
|
9
9
|
}) => void;
|
|
10
|
+
onValidate?: (values: {
|
|
11
|
+
[index: string]: string | boolean | number | Date | any;
|
|
12
|
+
}) => void;
|
|
10
13
|
icon?: boolean;
|
|
11
14
|
headline?: ReactNode | string;
|
|
12
15
|
description?: ReactNode | string;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const h_container_position: string;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { FieldErrors, UseFormRegister } from 'react-hook-form';
|
|
2
|
+
import { z } from 'zod';
|
|
3
|
+
import { FormProps } from '../FormProps';
|
|
4
|
+
|
|
5
|
+
export type HoneyPotInterface = {
|
|
6
|
+
Alternative_Phone?: string;
|
|
7
|
+
Alternative_Email?: string;
|
|
8
|
+
};
|
|
9
|
+
export declare const honeyPotSchema: z.ZodObject<{
|
|
10
|
+
Alternative_Email: z.ZodOptional<z.ZodString>;
|
|
11
|
+
Alternative_Phone: z.ZodOptional<z.ZodString>;
|
|
12
|
+
}, "strip", z.ZodTypeAny, {
|
|
13
|
+
Alternative_Email?: string | undefined;
|
|
14
|
+
Alternative_Phone?: string | undefined;
|
|
15
|
+
}, {
|
|
16
|
+
Alternative_Email?: string | undefined;
|
|
17
|
+
Alternative_Phone?: string | undefined;
|
|
18
|
+
}>;
|
|
19
|
+
export declare const isValidHoneyPot: (data: HoneyPotInterface) => boolean;
|
|
20
|
+
export declare const HoneyPot: ({ variant: fullVariant, register, errors, }: {
|
|
21
|
+
variant?: FormProps["variant"];
|
|
22
|
+
register: UseFormRegister<any>;
|
|
23
|
+
errors: FieldErrors<HoneyPotInterface>;
|
|
24
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
import { jsxs, Fragment, jsx } from "react/jsx-runtime";
|
|
2
|
+
import "../../Input/Checkbox.js";
|
|
3
|
+
import "../../Input/CurrencyInput.js";
|
|
4
|
+
import "../../Input/Dropdown.js";
|
|
5
|
+
import "../../Input/Dropdown.css.js";
|
|
6
|
+
import { Input } from "../../Input/Input.js";
|
|
7
|
+
import "../../Input/Input.css.js";
|
|
8
|
+
import "../../Input/InputAmount.js";
|
|
9
|
+
import { InputPhone } from "../../Input/InputPhone.js";
|
|
10
|
+
import "../../Input/InputTextArea.js";
|
|
11
|
+
import "../../Input/DownPaymentInput.js";
|
|
12
|
+
import "../../Input/RadioButton.js";
|
|
13
|
+
import "../../utils/allowedAxosDomains.js";
|
|
14
|
+
import { getVariant } from "../../utils/getVariant.js";
|
|
15
|
+
import { z } from "zod";
|
|
16
|
+
import { h_container_position } from "./HoneyPot.css.js";
|
|
17
|
+
const honeyPotSchema = z.object({
|
|
18
|
+
Alternative_Email: z.string().optional(),
|
|
19
|
+
Alternative_Phone: z.string().optional()
|
|
20
|
+
});
|
|
21
|
+
const isValidHoneyPot = (data) => {
|
|
22
|
+
if (data.Alternative_Email !== "bestbank@axos.com" || data.Alternative_Phone !== "") {
|
|
23
|
+
return false;
|
|
24
|
+
}
|
|
25
|
+
return true;
|
|
26
|
+
};
|
|
27
|
+
const HoneyPot = ({
|
|
28
|
+
variant: fullVariant = "primary",
|
|
29
|
+
register,
|
|
30
|
+
errors
|
|
31
|
+
}) => {
|
|
32
|
+
const variant = getVariant(fullVariant);
|
|
33
|
+
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
34
|
+
/* @__PURE__ */ jsx("div", { className: h_container_position, children: /* @__PURE__ */ jsx(
|
|
35
|
+
Input,
|
|
36
|
+
{
|
|
37
|
+
id: "Alternative_Email",
|
|
38
|
+
...register("Alternative_Email"),
|
|
39
|
+
label: "Alternative Email",
|
|
40
|
+
sizes: "medium",
|
|
41
|
+
error: !!errors.Alternative_Email,
|
|
42
|
+
helperText: errors.Alternative_Email?.message,
|
|
43
|
+
variant,
|
|
44
|
+
tabIndex: -1,
|
|
45
|
+
defaultValue: "bestbank@axos.com",
|
|
46
|
+
autoComplete: "false"
|
|
47
|
+
}
|
|
48
|
+
) }),
|
|
49
|
+
/* @__PURE__ */ jsx("div", { className: h_container_position, children: /* @__PURE__ */ jsx(
|
|
50
|
+
InputPhone,
|
|
51
|
+
{
|
|
52
|
+
id: "Alternative_Phone",
|
|
53
|
+
...register("Alternative_Phone", {
|
|
54
|
+
maxLength: 12
|
|
55
|
+
}),
|
|
56
|
+
label: "Alternative Phone",
|
|
57
|
+
sizes: "medium",
|
|
58
|
+
error: !!errors.Alternative_Phone,
|
|
59
|
+
helperText: errors.Alternative_Phone?.message,
|
|
60
|
+
variant,
|
|
61
|
+
tabIndex: -1,
|
|
62
|
+
autoComplete: "autocomplete_off_randString"
|
|
63
|
+
}
|
|
64
|
+
) })
|
|
65
|
+
] });
|
|
66
|
+
};
|
|
67
|
+
export {
|
|
68
|
+
HoneyPot,
|
|
69
|
+
honeyPotSchema,
|
|
70
|
+
isValidHoneyPot
|
|
71
|
+
};
|
|
@@ -44,6 +44,7 @@ import "../../Input/RadioButton.js";
|
|
|
44
44
|
import { useForm, FormProvider } from "react-hook-form";
|
|
45
45
|
import * as z from "zod";
|
|
46
46
|
import { iconForm, headerForm, form, descriptionField, headerContainer, fullRowSelect, formWrapper, centerSelect, mt2rem, fullRowForm, disclosureForm, actions, formBtns, na_cursor, formContainer } from "../Forms.css.js";
|
|
47
|
+
import "../HoneyPot/index.js";
|
|
47
48
|
import { SalesforceSchema } from "../SalesforceFieldsForm.js";
|
|
48
49
|
import "../../Input/RadioButton.css.js";
|
|
49
50
|
import "../../Input/Checkbox.css.js";
|
|
@@ -44,6 +44,7 @@ import "../../Calculators/ApyCalculator/ApyCalculator.css.js";
|
|
|
44
44
|
import "../../Table/Table.css.js";
|
|
45
45
|
import "../../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
|
|
46
46
|
import "../../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
|
|
47
|
+
import "../HoneyPot/index.js";
|
|
47
48
|
import "../SalesforceFieldsForm.js";
|
|
48
49
|
import "react-use";
|
|
49
50
|
import "../../Chevron/Chevron.css.js";
|
|
@@ -34,6 +34,7 @@ import { useForm, FormProvider } from "react-hook-form";
|
|
|
34
34
|
import * as z from "zod";
|
|
35
35
|
import { BrokerConpensation, PrepaymentPenalty, NumberOfUnits, Occupancy, PropertyType, BankruptcySeasoning, BankruptcyType, HousingEventHistory, HousingEventType, MortgageLates24, MortgageLates12, Citizenship, DocType, RepresentativesFico, Purposes } from "../FormEnums.js";
|
|
36
36
|
import { iconForm, headerContainer, headerForm, form, descriptionField, one_row, section_title, checkbox_group, formWrapper, disclosureForm, actions, formContainer } from "../Forms.css.js";
|
|
37
|
+
import { honeyPotSchema, isValidHoneyPot, HoneyPot } from "../HoneyPot/index.js";
|
|
37
38
|
import { SalesforceSchema } from "../SalesforceFieldsForm.js";
|
|
38
39
|
const QuickPricer = ({
|
|
39
40
|
icon = false,
|
|
@@ -131,12 +132,9 @@ const QuickPricer = ({
|
|
|
131
132
|
message: "Housing event history is required"
|
|
132
133
|
}
|
|
133
134
|
),
|
|
134
|
-
bankruptcyType__c: z.string().min(1, { message: "Bankruptcy type is required" }).refine(
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
message: "Bankruptcy type is required"
|
|
138
|
-
}
|
|
139
|
-
),
|
|
135
|
+
bankruptcyType__c: z.string().min(1, { message: "Bankruptcy type is required" }).refine((val) => BankruptcyType.map((item) => item.value).includes(val), {
|
|
136
|
+
message: "Bankruptcy type is required"
|
|
137
|
+
}),
|
|
140
138
|
Number_of_Properties_Financed__c: z.coerce.number({ message: "Please provide a valid # of Properties" }).min(0, {
|
|
141
139
|
message: "Please provide a valid # of Properties"
|
|
142
140
|
}).max(100, {
|
|
@@ -155,12 +153,9 @@ const QuickPricer = ({
|
|
|
155
153
|
Occupance__c: z.string().min(1, { message: "Occupancy is required" }).refine((val) => Occupancy.map((item) => item.value).includes(val), {
|
|
156
154
|
message: "Occupancy is required"
|
|
157
155
|
}),
|
|
158
|
-
Units__c: z.string().min(1, { message: "# of Units is required" }).refine(
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
message: "# of Units is required"
|
|
162
|
-
}
|
|
163
|
-
),
|
|
156
|
+
Units__c: z.string().min(1, { message: "# of Units is required" }).refine((val) => NumberOfUnits.map((item) => item.value).includes(val), {
|
|
157
|
+
message: "# of Units is required"
|
|
158
|
+
}),
|
|
164
159
|
Prepayment_Penalty__c: z.string().min(1, { message: "Prepayment penalty is required" }).refine(
|
|
165
160
|
(val) => PrepaymentPenalty.map((field) => field.value).includes(val),
|
|
166
161
|
{
|
|
@@ -189,7 +184,8 @@ const QuickPricer = ({
|
|
|
189
184
|
}
|
|
190
185
|
return removeDashes;
|
|
191
186
|
})
|
|
192
|
-
})
|
|
187
|
+
});
|
|
188
|
+
const gen_schema = schema.merge(SalesforceSchema).merge(honeyPotSchema).superRefine((values, ctx) => {
|
|
193
189
|
if (values.Base_Loan_Amount__c < 149999) {
|
|
194
190
|
ctx.addIssue({
|
|
195
191
|
code: z.ZodIssueCode.custom,
|
|
@@ -211,9 +207,15 @@ const QuickPricer = ({
|
|
|
211
207
|
message: "Loan amount should be lower than property value"
|
|
212
208
|
});
|
|
213
209
|
}
|
|
210
|
+
if (!isValidHoneyPot(values)) {
|
|
211
|
+
ctx.addIssue({
|
|
212
|
+
code: z.ZodIssueCode.custom,
|
|
213
|
+
message: "fields are not valid."
|
|
214
|
+
});
|
|
215
|
+
}
|
|
214
216
|
});
|
|
215
217
|
const methods = useForm({
|
|
216
|
-
resolver: zodResolver(
|
|
218
|
+
resolver: zodResolver(gen_schema, {
|
|
217
219
|
async: true
|
|
218
220
|
}),
|
|
219
221
|
mode: "all",
|
|
@@ -852,7 +854,8 @@ const QuickPricer = ({
|
|
|
852
854
|
helperText: errors.Cell_Phone__c?.message,
|
|
853
855
|
variant
|
|
854
856
|
}
|
|
855
|
-
) })
|
|
857
|
+
) }),
|
|
858
|
+
/* @__PURE__ */ jsx(HoneyPot, { register, errors, variant })
|
|
856
859
|
] }),
|
|
857
860
|
children,
|
|
858
861
|
/* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure }),
|