@axos-web-dev/shared-components 0.0.123 → 0.0.125
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/Comparison/Comparison.css.js +2 -2
- package/dist/Forms/CommercialDeposits.d.ts +1 -1
- package/dist/Forms/CommercialDeposits.js +6 -7
- package/dist/Forms/CpraRequest.js +61 -57
- package/dist/Forms/Forms.css.js +2 -2
- package/dist/HeroBanner/HeroBanner.css.js +1 -1
- package/dist/ImageBillboard/ImageBillboard.css.js +1 -1
- package/dist/Input/Input.css.js +1 -1
- package/dist/Insight/Featured/CategorySelector.css.js +1 -1
- package/dist/assets/Forms/Forms.css +2 -9
- package/dist/index.css.js +1 -1
- package/package.json +1 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/* empty css */
|
|
2
|
-
/* empty css */
|
|
3
|
-
/* empty css */
|
|
4
2
|
/* empty css */
|
|
3
|
+
/* empty css */
|
|
4
|
+
/* empty css */
|
|
5
5
|
/* empty css */
|
|
6
6
|
import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
|
|
7
7
|
var comparison = createRuntimeFn({ defaultClassName: "_198o0lt0", variantClassNames: { variant: { primary: "_198o0lt1", secondary: "_198o0lt2", tertiary: "_198o0lt3", quaternary: "_198o0lt4" } }, defaultVariants: {}, compoundVariants: [] });
|
|
@@ -15,4 +15,4 @@ export type CommercialDepositsInputs = {
|
|
|
15
15
|
Others_Detail__c: string;
|
|
16
16
|
Product_and_servicing_needs__c: string;
|
|
17
17
|
};
|
|
18
|
-
export declare const CommercialDeposits: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
export declare const CommercialDeposits: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -42,18 +42,17 @@ const CommercialDeposits = ({
|
|
|
42
42
|
headline,
|
|
43
43
|
description,
|
|
44
44
|
callToAction,
|
|
45
|
-
|
|
45
|
+
validateEmail,
|
|
46
46
|
id
|
|
47
47
|
}) => {
|
|
48
48
|
const schema = z.object({
|
|
49
|
-
first_name: z.string({ message: "First
|
|
50
|
-
message: "First
|
|
49
|
+
first_name: z.string({ message: "First Name is required." }).regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g, {
|
|
50
|
+
message: "First Name is required."
|
|
51
51
|
}).trim().min(1, { message: "First Name is required." }),
|
|
52
52
|
last_name: z.string({ message: "Last Name is required." }).regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g, {
|
|
53
53
|
message: "Last Name is required."
|
|
54
54
|
}).trim().min(1, { message: "Last Name is required." }),
|
|
55
|
-
email: z.string().email({ message: "Email is required." }),
|
|
56
|
-
// .refine(async (val: string) => await validateEmail(val)),
|
|
55
|
+
email: z.string().email({ message: "Email is required." }).refine(async (val) => await validateEmail(val)),
|
|
57
56
|
phone: z.string({ message: "Business Phone is required." }).regex(/[\d-]{10}/, { message: "Business Phone is required." }).min(10, { message: "Business Phone is required." }).max(12, { message: "Business Phone is required." }).transform((val, ctx) => {
|
|
58
57
|
const removeDashes = val.replace(/-/gi, "");
|
|
59
58
|
if (removeDashes.length !== 10) {
|
|
@@ -73,8 +72,8 @@ const CommercialDeposits = ({
|
|
|
73
72
|
Treasury_Management__c: z.boolean(),
|
|
74
73
|
Commercial_Credit_Card__c: z.boolean(),
|
|
75
74
|
Lending__c: z.boolean(),
|
|
76
|
-
Others__c: z.boolean(),
|
|
77
|
-
Others_Detail__c: z.string(),
|
|
75
|
+
Others__c: z.boolean().optional(),
|
|
76
|
+
Others_Detail__c: z.string().optional(),
|
|
78
77
|
Product_and_servicing_needs__c: z.string()
|
|
79
78
|
});
|
|
80
79
|
const methods = useForm({
|
|
@@ -56,16 +56,20 @@ const CpraRequest = ({
|
|
|
56
56
|
Previously_Employed_by_Axos_Financial: z.string(),
|
|
57
57
|
Ever_Applied_for_Employment_with_Axos_Financial: z.string(),
|
|
58
58
|
Axos_Financial_interaction_outlet: z.string(),
|
|
59
|
-
Street_Address: z.string(),
|
|
59
|
+
Street_Address: z.string().min(1, { message: "Street address is required." }),
|
|
60
60
|
City: z.string(),
|
|
61
61
|
State_: z.string(),
|
|
62
|
-
Zip_Code: z.string().
|
|
62
|
+
Zip_Code: z.string().trim().max(20).min(1, { message: "Zip code is required." }),
|
|
63
63
|
Contact_Method: z.string(),
|
|
64
64
|
DOB: z.string(),
|
|
65
|
-
First_Name: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g
|
|
66
|
-
|
|
65
|
+
First_Name: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g, {
|
|
66
|
+
message: "First Name is required."
|
|
67
|
+
}).trim().min(1, { message: "First Name is required." }),
|
|
68
|
+
Last_Name: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g, {
|
|
69
|
+
message: "Last Name is required."
|
|
70
|
+
}).trim().min(1, { message: "Last Name is required." }),
|
|
67
71
|
email: z.string().email({ message: "Email is required." }),
|
|
68
|
-
Telephone: z.string().regex(/[\d-]{10}
|
|
72
|
+
Telephone: z.string().regex(/[\d-]{10}/, { message: "Phone is required." }).min(10, { message: "Phone is required." }).max(12, { message: "Phone is required." }).transform((val, ctx) => {
|
|
69
73
|
const removeDashes = val.replace(/-/gi, "");
|
|
70
74
|
if (removeDashes.length !== 10) {
|
|
71
75
|
ctx.addIssue({
|
|
@@ -503,7 +507,6 @@ const CpraRequest = ({
|
|
|
503
507
|
...register("First_Name", { required: true }),
|
|
504
508
|
label: "First Name",
|
|
505
509
|
sizes: "medium",
|
|
506
|
-
placeholder: "First Name",
|
|
507
510
|
required: true,
|
|
508
511
|
error: !!errors.First_Name,
|
|
509
512
|
helperText: errors.First_Name?.message,
|
|
@@ -600,63 +603,64 @@ const CpraRequest = ({
|
|
|
600
603
|
...register("State_", {
|
|
601
604
|
required: true
|
|
602
605
|
}),
|
|
603
|
-
label: "
|
|
606
|
+
label: "State",
|
|
604
607
|
sizes: "medium",
|
|
605
608
|
required: true,
|
|
606
609
|
error: !!errors.State_,
|
|
607
610
|
helperText: errors.State_?.message,
|
|
608
611
|
variant,
|
|
609
612
|
children: [
|
|
610
|
-
/* @__PURE__ */ jsx("option", { value: "
|
|
611
|
-
/* @__PURE__ */ jsx("option", { value: "
|
|
612
|
-
/* @__PURE__ */ jsx("option", { value: "
|
|
613
|
-
/* @__PURE__ */ jsx("option", { value: "
|
|
614
|
-
/* @__PURE__ */ jsx("option", { value: "
|
|
615
|
-
/* @__PURE__ */ jsx("option", { value: "
|
|
616
|
-
/* @__PURE__ */ jsx("option", { value: "
|
|
617
|
-
/* @__PURE__ */ jsx("option", { value: "
|
|
618
|
-
/* @__PURE__ */ jsx("option", { value: "
|
|
619
|
-
/* @__PURE__ */ jsx("option", { value: "
|
|
620
|
-
/* @__PURE__ */ jsx("option", { value: "
|
|
621
|
-
/* @__PURE__ */ jsx("option", { value: "
|
|
622
|
-
/* @__PURE__ */ jsx("option", { value: "
|
|
623
|
-
/* @__PURE__ */ jsx("option", { value: "
|
|
624
|
-
/* @__PURE__ */ jsx("option", { value: "
|
|
625
|
-
/* @__PURE__ */ jsx("option", { value: "
|
|
626
|
-
/* @__PURE__ */ jsx("option", { value: "
|
|
627
|
-
/* @__PURE__ */ jsx("option", { value: "
|
|
628
|
-
/* @__PURE__ */ jsx("option", { value: "
|
|
629
|
-
/* @__PURE__ */ jsx("option", { value: "
|
|
630
|
-
/* @__PURE__ */ jsx("option", { value: "
|
|
631
|
-
/* @__PURE__ */ jsx("option", { value: "
|
|
632
|
-
/* @__PURE__ */ jsx("option", { value: "
|
|
633
|
-
/* @__PURE__ */ jsx("option", { value: "
|
|
634
|
-
/* @__PURE__ */ jsx("option", { value: "
|
|
635
|
-
/* @__PURE__ */ jsx("option", { value: "
|
|
636
|
-
/* @__PURE__ */ jsx("option", { value: "
|
|
637
|
-
/* @__PURE__ */ jsx("option", { value: "
|
|
638
|
-
/* @__PURE__ */ jsx("option", { value: "
|
|
639
|
-
/* @__PURE__ */ jsx("option", { value: "
|
|
640
|
-
/* @__PURE__ */ jsx("option", { value: "
|
|
641
|
-
/* @__PURE__ */ jsx("option", { value: "
|
|
642
|
-
/* @__PURE__ */ jsx("option", { value: "
|
|
643
|
-
/* @__PURE__ */ jsx("option", { value: "
|
|
644
|
-
/* @__PURE__ */ jsx("option", { value: "
|
|
645
|
-
/* @__PURE__ */ jsx("option", { value: "
|
|
646
|
-
/* @__PURE__ */ jsx("option", { value: "
|
|
647
|
-
/* @__PURE__ */ jsx("option", { value: "
|
|
648
|
-
/* @__PURE__ */ jsx("option", { value: "
|
|
649
|
-
/* @__PURE__ */ jsx("option", { value: "
|
|
650
|
-
/* @__PURE__ */ jsx("option", { value: "
|
|
651
|
-
/* @__PURE__ */ jsx("option", { value: "
|
|
652
|
-
/* @__PURE__ */ jsx("option", { value: "
|
|
653
|
-
/* @__PURE__ */ jsx("option", { value: "
|
|
654
|
-
/* @__PURE__ */ jsx("option", { value: "
|
|
655
|
-
/* @__PURE__ */ jsx("option", { value: "
|
|
656
|
-
/* @__PURE__ */ jsx("option", { value: "
|
|
657
|
-
/* @__PURE__ */ jsx("option", { value: "
|
|
658
|
-
/* @__PURE__ */ jsx("option", { value: "
|
|
659
|
-
/* @__PURE__ */ jsx("option", { value: "
|
|
613
|
+
/* @__PURE__ */ jsx("option", { value: "" }),
|
|
614
|
+
/* @__PURE__ */ jsx("option", { value: "AL", children: "Alabama - AL" }),
|
|
615
|
+
/* @__PURE__ */ jsx("option", { value: "AK", children: "Alaska - AK" }),
|
|
616
|
+
/* @__PURE__ */ jsx("option", { value: "AZ", children: "Arizona - AZ" }),
|
|
617
|
+
/* @__PURE__ */ jsx("option", { value: "AR", children: "Arkansas - AR" }),
|
|
618
|
+
/* @__PURE__ */ jsx("option", { value: "CA", children: "California - CA" }),
|
|
619
|
+
/* @__PURE__ */ jsx("option", { value: "CO", children: "Colorado - CO" }),
|
|
620
|
+
/* @__PURE__ */ jsx("option", { value: "CT", children: "Connecticut - CT" }),
|
|
621
|
+
/* @__PURE__ */ jsx("option", { value: "DE", children: "Delaware - DE" }),
|
|
622
|
+
/* @__PURE__ */ jsx("option", { value: "FL", children: "Florida - FL" }),
|
|
623
|
+
/* @__PURE__ */ jsx("option", { value: "GA", children: "Georgia - GA" }),
|
|
624
|
+
/* @__PURE__ */ jsx("option", { value: "HI", children: "Hawaii - HI" }),
|
|
625
|
+
/* @__PURE__ */ jsx("option", { value: "ID", children: "Idaho - ID" }),
|
|
626
|
+
/* @__PURE__ */ jsx("option", { value: "IL", children: "Illinois - IL" }),
|
|
627
|
+
/* @__PURE__ */ jsx("option", { value: "IN", children: "Indiana - IN" }),
|
|
628
|
+
/* @__PURE__ */ jsx("option", { value: "IA", children: "Iowa - IA" }),
|
|
629
|
+
/* @__PURE__ */ jsx("option", { value: "KS", children: "Kansas - KS" }),
|
|
630
|
+
/* @__PURE__ */ jsx("option", { value: "KY", children: "Kentucky - KY" }),
|
|
631
|
+
/* @__PURE__ */ jsx("option", { value: "LA", children: "Louisiana - LA" }),
|
|
632
|
+
/* @__PURE__ */ jsx("option", { value: "ME", children: "Maine - ME" }),
|
|
633
|
+
/* @__PURE__ */ jsx("option", { value: "MD", children: "Maryland - MD" }),
|
|
634
|
+
/* @__PURE__ */ jsx("option", { value: "MA", children: "Massachusetts - MA" }),
|
|
635
|
+
/* @__PURE__ */ jsx("option", { value: "MI", children: "Michigan - MI" }),
|
|
636
|
+
/* @__PURE__ */ jsx("option", { value: "MN", children: "Minnesota - MN" }),
|
|
637
|
+
/* @__PURE__ */ jsx("option", { value: "MS", children: "Mississippi - MS" }),
|
|
638
|
+
/* @__PURE__ */ jsx("option", { value: "MO", children: "Missouri - MO" }),
|
|
639
|
+
/* @__PURE__ */ jsx("option", { value: "MT", children: "Montana - MT" }),
|
|
640
|
+
/* @__PURE__ */ jsx("option", { value: "NE", children: "Nebraska - NE" }),
|
|
641
|
+
/* @__PURE__ */ jsx("option", { value: "NV", children: "Nevada - NV" }),
|
|
642
|
+
/* @__PURE__ */ jsx("option", { value: "NH", children: "New Hampshire - NH" }),
|
|
643
|
+
/* @__PURE__ */ jsx("option", { value: "NJ", children: "New Jersey - NJ" }),
|
|
644
|
+
/* @__PURE__ */ jsx("option", { value: "NM", children: "New Mexico - NM" }),
|
|
645
|
+
/* @__PURE__ */ jsx("option", { value: "NY", children: "New York - NY" }),
|
|
646
|
+
/* @__PURE__ */ jsx("option", { value: "NC", children: "North Carolina - NC" }),
|
|
647
|
+
/* @__PURE__ */ jsx("option", { value: "ND", children: "North Dakota - ND" }),
|
|
648
|
+
/* @__PURE__ */ jsx("option", { value: "OH", children: "Ohio - OH" }),
|
|
649
|
+
/* @__PURE__ */ jsx("option", { value: "OK", children: "Oklahoma - OK" }),
|
|
650
|
+
/* @__PURE__ */ jsx("option", { value: "OR", children: "Oregon - OR" }),
|
|
651
|
+
/* @__PURE__ */ jsx("option", { value: "PA", children: "Pennsylvania - PA" }),
|
|
652
|
+
/* @__PURE__ */ jsx("option", { value: "RI", children: "Rhode Island - RI" }),
|
|
653
|
+
/* @__PURE__ */ jsx("option", { value: "SC", children: "South Carolina - SC" }),
|
|
654
|
+
/* @__PURE__ */ jsx("option", { value: "SD", children: "South Dakota - SD" }),
|
|
655
|
+
/* @__PURE__ */ jsx("option", { value: "TN", children: "Tennessee - TN" }),
|
|
656
|
+
/* @__PURE__ */ jsx("option", { value: "TX", children: "Texas - TX" }),
|
|
657
|
+
/* @__PURE__ */ jsx("option", { value: "UT", children: "Utah - UT" }),
|
|
658
|
+
/* @__PURE__ */ jsx("option", { value: "VT", children: "Vermont - VT" }),
|
|
659
|
+
/* @__PURE__ */ jsx("option", { value: "VA", children: "Virginia - VA" }),
|
|
660
|
+
/* @__PURE__ */ jsx("option", { value: "WA", children: "Washington - WA" }),
|
|
661
|
+
/* @__PURE__ */ jsx("option", { value: "WV", children: "West Virginia - WV" }),
|
|
662
|
+
/* @__PURE__ */ jsx("option", { value: "WI", children: "Wisconsin - WI" }),
|
|
663
|
+
/* @__PURE__ */ jsx("option", { value: "WY", children: "Wyoming - WY" })
|
|
660
664
|
]
|
|
661
665
|
}
|
|
662
666
|
) }),
|
package/dist/Forms/Forms.css.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
+
/* empty css */
|
|
1
2
|
/* empty css */
|
|
2
3
|
/* empty css */
|
|
3
4
|
/* empty css */
|
|
4
|
-
/* empty css */
|
|
5
5
|
/* empty css */
|
|
6
6
|
import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
|
|
7
7
|
var billboard = createRuntimeFn({ defaultClassName: "_1m7m2a0", variantClassNames: { variant: { primary: "_1m7m2a1", secondary: "_1m7m2a2", tertiary: "_1m7m2a3", quaternary: "_1m7m2a4" } }, defaultVariants: {}, compoundVariants: [] });
|
package/dist/Input/Input.css.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
+
/* empty css */
|
|
1
2
|
/* empty css */
|
|
2
3
|
/* empty css */
|
|
3
|
-
/* empty css */
|
|
4
4
|
/* empty css */
|
|
5
5
|
import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
|
|
6
6
|
var iconInput = createRuntimeFn({ defaultClassName: "_18du0la0", variantClassNames: { size: { small: "_18du0la1", medium: "_18du0la2", large: "_18du0la3" } }, defaultVariants: {}, compoundVariants: [] });
|
|
@@ -288,14 +288,7 @@
|
|
|
288
288
|
padding: 6px;
|
|
289
289
|
}
|
|
290
290
|
}
|
|
291
|
-
@media screen and (max-width:
|
|
292
|
-
.tfms6a1j label {
|
|
293
|
-
height: 48px;
|
|
294
|
-
display: flex;
|
|
295
|
-
align-items: flex-end;
|
|
296
|
-
}
|
|
297
|
-
}
|
|
298
|
-
@media screen and (max-width: 579px) and (min-width: 481px) {
|
|
291
|
+
@media screen and (max-width: 571px) and (min-width: 481px) {
|
|
299
292
|
.tfms6a1j label {
|
|
300
293
|
height: 48px;
|
|
301
294
|
display: flex;
|
|
@@ -303,7 +296,7 @@
|
|
|
303
296
|
}
|
|
304
297
|
}
|
|
305
298
|
@media screen and (max-width: 483px) {
|
|
306
|
-
.
|
|
299
|
+
.tfms6a1k label {
|
|
307
300
|
white-space: nowrap;
|
|
308
301
|
}
|
|
309
302
|
}
|
package/dist/index.css.js
CHANGED