@axos-web-dev/shared-components 0.0.104 → 0.0.106
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 -2
- package/dist/Accordion/Accordion.css.d.ts +9 -9
- package/dist/Button/Button.js +2 -3
- package/dist/Calculators/Calculator.js +1 -2
- package/dist/Carousel/index.js +1 -2
- package/dist/Chevron/index.js +2 -3
- package/dist/Comparison/Comparison.js +2 -3
- package/dist/Comparison/ComparisonSet.js +2 -3
- package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +1 -2
- package/dist/Forms/ApplicationStart.js +2 -3
- package/dist/Forms/CommercialLending.d.ts +1 -1
- package/dist/Forms/CommercialLending.js +57 -62
- package/dist/Forms/ContactCompany.js +2 -3
- package/dist/Forms/ContactUs.js +2 -3
- package/dist/Forms/ContactUsAAS.js +2 -3
- package/dist/Forms/ContactUsBusiness.js +3 -4
- package/dist/Forms/ContactUsNMLSId.js +3 -4
- package/dist/Forms/DealerServices.js +2 -3
- package/dist/Forms/EmailOnly.js +3 -4
- package/dist/Forms/FormEnums.d.ts +6 -0
- package/dist/Forms/FormEnums.js +40 -1
- package/dist/Forms/SalesforceFieldsForm.d.ts +1 -0
- package/dist/Forms/ScheduleCall.js +3 -7
- package/dist/Forms/ScheduleCallPremier.js +2 -3
- package/dist/Forms/SuccesForm.js +1 -2
- package/dist/Forms/WcplSurvey.js +2 -3
- package/dist/Hyperlink/index.js +1 -2
- package/dist/ImageLink/ImageLink.js +2 -3
- package/dist/ImageLink/ImageLinkSet.js +1 -2
- package/dist/ImageLink/index.js +1 -2
- package/dist/Input/Checkbox.d.ts +1 -1
- package/dist/Input/CurrencyInput.js +2 -3
- package/dist/Input/InputPhone.js +2 -3
- package/dist/Input/InputProps.d.ts +0 -6
- package/dist/Input/index.d.ts +0 -3
- package/dist/Input/index.js +0 -6
- package/dist/Modal/Modal.js +2 -3
- package/dist/NavigationMenu/AxosAdvisorServices/NavData.js +2 -2
- package/dist/NavigationMenu/AxosAdvisorServices/index.js +2 -2
- package/dist/NavigationMenu/AxosBank/SubNavBar.js +1 -2
- package/dist/SetContainer/SetContainer.js +2 -3
- package/dist/Table/Table.d.ts +13 -13
- package/dist/main.js +0 -6
- package/package.json +1 -1
- package/dist/Input/DatePicker.css.d.ts +0 -1
- package/dist/Input/DatePicker.css.js +0 -6
- package/dist/Input/Datepicker.d.ts +0 -3
- package/dist/Input/Datepicker.js +0 -47
- package/dist/Input/InputDate.css.d.ts +0 -6
- package/dist/Input/InputDate.css.js +0 -15
- package/dist/Input/InputDate.d.ts +0 -3
- package/dist/Input/InputDate.js +0 -47
- package/dist/assets/Input/DatePicker.css +0 -95
- package/dist/assets/Input/InputDate.css +0 -39
|
@@ -47,11 +47,10 @@ import "../FooterDisclosure/FooterDisclosure.css.js";
|
|
|
47
47
|
import "@hookform/resolvers/zod";
|
|
48
48
|
import "../Input/Checkbox.js";
|
|
49
49
|
import "../Input/CurrencyInput.js";
|
|
50
|
-
import "../Input/Input.css.js";
|
|
51
|
-
/* empty css */
|
|
52
50
|
import "../Input/Dropdown.js";
|
|
53
51
|
/* empty css */
|
|
54
52
|
import "../Input/Input.js";
|
|
53
|
+
import "../Input/Input.css.js";
|
|
55
54
|
import "../Input/InputPhone.js";
|
|
56
55
|
import "../Input/InputTextArea.js";
|
|
57
56
|
import "react-hook-form";
|
|
@@ -4,39 +4,39 @@ export declare const accordion: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
|
4
4
|
width: {
|
|
5
5
|
"1/2": {
|
|
6
6
|
display: "flex";
|
|
7
|
-
flexBasis:
|
|
7
|
+
flexBasis: `${number}%`;
|
|
8
8
|
};
|
|
9
9
|
"1/3": {
|
|
10
10
|
display: "flex";
|
|
11
|
-
flexBasis:
|
|
11
|
+
flexBasis: `${number}%`;
|
|
12
12
|
};
|
|
13
13
|
"2/3": {
|
|
14
14
|
display: "flex";
|
|
15
|
-
flexBasis:
|
|
15
|
+
flexBasis: `${number}%`;
|
|
16
16
|
};
|
|
17
17
|
"1/4": {
|
|
18
18
|
display: "flex";
|
|
19
|
-
flexBasis:
|
|
19
|
+
flexBasis: `${number}%`;
|
|
20
20
|
};
|
|
21
21
|
"3/4": {
|
|
22
22
|
display: "flex";
|
|
23
|
-
flexBasis:
|
|
23
|
+
flexBasis: `${number}%`;
|
|
24
24
|
};
|
|
25
25
|
"1/5": {
|
|
26
26
|
display: "flex";
|
|
27
|
-
flexBasis:
|
|
27
|
+
flexBasis: `${number}%`;
|
|
28
28
|
};
|
|
29
29
|
"2/5": {
|
|
30
30
|
display: "flex";
|
|
31
|
-
flexBasis:
|
|
31
|
+
flexBasis: `${number}%`;
|
|
32
32
|
};
|
|
33
33
|
"3/5": {
|
|
34
34
|
display: "flex";
|
|
35
|
-
flexBasis:
|
|
35
|
+
flexBasis: `${number}%`;
|
|
36
36
|
};
|
|
37
37
|
"4/5": {
|
|
38
38
|
display: "flex";
|
|
39
|
-
flexBasis:
|
|
39
|
+
flexBasis: `${number}%`;
|
|
40
40
|
};
|
|
41
41
|
};
|
|
42
42
|
}>;
|
package/dist/Button/Button.js
CHANGED
|
@@ -27,12 +27,11 @@ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
|
|
|
27
27
|
import "@hookform/resolvers/zod";
|
|
28
28
|
import "../Input/Checkbox.js";
|
|
29
29
|
import "../Input/CurrencyInput.js";
|
|
30
|
-
import "../Input/Input.css.js";
|
|
31
|
-
/* empty css */
|
|
32
|
-
/* empty css */
|
|
33
30
|
import "../Input/Dropdown.js";
|
|
31
|
+
/* empty css */
|
|
34
32
|
/* empty css */
|
|
35
33
|
import "../Input/Input.js";
|
|
34
|
+
import "../Input/Input.css.js";
|
|
36
35
|
import "../Input/InputPhone.js";
|
|
37
36
|
import "../Input/InputTextArea.js";
|
|
38
37
|
import "react-hook-form";
|
|
@@ -52,11 +52,10 @@ import "../FooterDisclosure/FooterDisclosure.css.js";
|
|
|
52
52
|
import "../ImageBillboard/ImageBillboard.css.js";
|
|
53
53
|
import "../Input/Checkbox.js";
|
|
54
54
|
import "../Input/CurrencyInput.js";
|
|
55
|
-
import "../Input/Input.css.js";
|
|
56
|
-
/* empty css */
|
|
57
55
|
import "../Input/Dropdown.js";
|
|
58
56
|
/* empty css */
|
|
59
57
|
import "../Input/Input.js";
|
|
58
|
+
import "../Input/Input.css.js";
|
|
60
59
|
import "../Input/InputPhone.js";
|
|
61
60
|
import "../Input/InputTextArea.js";
|
|
62
61
|
import "../LandingPageHeader/LandingPageHeader.css.js";
|
package/dist/Carousel/index.js
CHANGED
|
@@ -34,11 +34,10 @@ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
|
|
|
34
34
|
import "@hookform/resolvers/zod";
|
|
35
35
|
import "../Input/Checkbox.js";
|
|
36
36
|
import "../Input/CurrencyInput.js";
|
|
37
|
-
import "../Input/Input.css.js";
|
|
38
|
-
/* empty css */
|
|
39
37
|
import "../Input/Dropdown.js";
|
|
40
38
|
/* empty css */
|
|
41
39
|
import "../Input/Input.js";
|
|
40
|
+
import "../Input/Input.css.js";
|
|
42
41
|
import "../Input/InputPhone.js";
|
|
43
42
|
import "../Input/InputTextArea.js";
|
|
44
43
|
import "react-hook-form";
|
package/dist/Chevron/index.js
CHANGED
|
@@ -30,12 +30,11 @@ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
|
|
|
30
30
|
import "@hookform/resolvers/zod";
|
|
31
31
|
import "../Input/Checkbox.js";
|
|
32
32
|
import "../Input/CurrencyInput.js";
|
|
33
|
-
import "../Input/Input.css.js";
|
|
34
|
-
/* empty css */
|
|
35
|
-
/* empty css */
|
|
36
33
|
import "../Input/Dropdown.js";
|
|
34
|
+
/* empty css */
|
|
37
35
|
/* empty css */
|
|
38
36
|
import "../Input/Input.js";
|
|
37
|
+
import "../Input/Input.css.js";
|
|
39
38
|
import "../Input/InputPhone.js";
|
|
40
39
|
import "../Input/InputTextArea.js";
|
|
41
40
|
import "react-hook-form";
|
|
@@ -28,12 +28,11 @@ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
|
|
|
28
28
|
import "@hookform/resolvers/zod";
|
|
29
29
|
import "../Input/Checkbox.js";
|
|
30
30
|
import "../Input/CurrencyInput.js";
|
|
31
|
-
import "../Input/Input.css.js";
|
|
32
|
-
/* empty css */
|
|
33
|
-
/* empty css */
|
|
34
31
|
import "../Input/Dropdown.js";
|
|
32
|
+
/* empty css */
|
|
35
33
|
/* empty css */
|
|
36
34
|
import "../Input/Input.js";
|
|
35
|
+
import "../Input/Input.css.js";
|
|
37
36
|
import "../Input/InputPhone.js";
|
|
38
37
|
import "../Input/InputTextArea.js";
|
|
39
38
|
import "react-hook-form";
|
|
@@ -27,12 +27,11 @@ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
|
|
|
27
27
|
import "@hookform/resolvers/zod";
|
|
28
28
|
import "../Input/Checkbox.js";
|
|
29
29
|
import "../Input/CurrencyInput.js";
|
|
30
|
-
import "../Input/Input.css.js";
|
|
31
|
-
/* empty css */
|
|
32
|
-
/* empty css */
|
|
33
30
|
import "../Input/Dropdown.js";
|
|
31
|
+
/* empty css */
|
|
34
32
|
/* empty css */
|
|
35
33
|
import "../Input/Input.js";
|
|
34
|
+
import "../Input/Input.css.js";
|
|
36
35
|
import "../Input/InputPhone.js";
|
|
37
36
|
import "../Input/InputTextArea.js";
|
|
38
37
|
import "react-hook-form";
|
|
@@ -29,11 +29,10 @@ import "../../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
|
|
|
29
29
|
import "@hookform/resolvers/zod";
|
|
30
30
|
import "../../Input/Checkbox.js";
|
|
31
31
|
import "../../Input/CurrencyInput.js";
|
|
32
|
-
import "../../Input/Input.css.js";
|
|
33
|
-
/* empty css */
|
|
34
32
|
import "../../Input/Dropdown.js";
|
|
35
33
|
/* empty css */
|
|
36
34
|
import "../../Input/Input.js";
|
|
35
|
+
import "../../Input/Input.css.js";
|
|
37
36
|
import "../../Input/InputPhone.js";
|
|
38
37
|
import "../../Input/InputTextArea.js";
|
|
39
38
|
import "react-hook-form";
|
|
@@ -7,12 +7,11 @@ import "react";
|
|
|
7
7
|
import "react-use";
|
|
8
8
|
import { Checkbox } from "../Input/Checkbox.js";
|
|
9
9
|
import "../Input/CurrencyInput.js";
|
|
10
|
-
import "../Input/Input.css.js";
|
|
11
|
-
/* empty css */
|
|
12
|
-
/* empty css */
|
|
13
10
|
import "../Input/Dropdown.js";
|
|
11
|
+
/* empty css */
|
|
14
12
|
/* empty css */
|
|
15
13
|
import { Input } from "../Input/Input.js";
|
|
14
|
+
import "../Input/Input.css.js";
|
|
16
15
|
import { InputPhone } from "../Input/InputPhone.js";
|
|
17
16
|
import "../Input/InputTextArea.js";
|
|
18
17
|
import "../icons/ArrowIcon/ArrowIcon.css.js";
|
|
@@ -12,8 +12,8 @@ export type CommercialLendingInputs = {
|
|
|
12
12
|
Time_in_Business__c: string;
|
|
13
13
|
Lead_Type__c: string;
|
|
14
14
|
Type_of_Equipment_Finance__c: string;
|
|
15
|
+
Asset_Class__c: string;
|
|
15
16
|
Loan__c: string;
|
|
16
17
|
Requested_loan_amount_and_leverage__c: string;
|
|
17
|
-
Asset_Class__c: string;
|
|
18
18
|
};
|
|
19
19
|
export declare const CommercialLending: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, callToAction, validateEmail, description, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -7,14 +7,14 @@ import { useState, useEffect } from "react";
|
|
|
7
7
|
import { useLocation } from "react-use";
|
|
8
8
|
import "../Input/Checkbox.js";
|
|
9
9
|
import "../Input/CurrencyInput.js";
|
|
10
|
-
import "../Input/Input.css.js";
|
|
11
|
-
/* empty css */
|
|
12
|
-
/* empty css */
|
|
13
10
|
import { Dropdown } from "../Input/Dropdown.js";
|
|
11
|
+
/* empty css */
|
|
14
12
|
/* empty css */
|
|
15
13
|
import { Input } from "../Input/Input.js";
|
|
14
|
+
import "../Input/Input.css.js";
|
|
16
15
|
import { InputPhone } from "../Input/InputPhone.js";
|
|
17
16
|
import "../Input/InputTextArea.js";
|
|
17
|
+
import { LoadingIndicator } from "../LoadingIndicator/index.js";
|
|
18
18
|
import "../icons/ArrowIcon/ArrowIcon.css.js";
|
|
19
19
|
import SvgAxosX from "../icons/AxosX/index.js";
|
|
20
20
|
import SvgComponent from "../icons/AxosX/Blue.js";
|
|
@@ -50,13 +50,13 @@ const CommercialLending = ({
|
|
|
50
50
|
const [warehousePage, setWarehousePage] = useState(false);
|
|
51
51
|
const [CRESLPage, setCRESLPage] = useState(false);
|
|
52
52
|
useEffect(() => {
|
|
53
|
-
if (pathname === "/
|
|
53
|
+
if (pathname?.toLocaleLowerCase() === "/commercial/lending/equipment-finance") {
|
|
54
54
|
setEquipmentPage(true);
|
|
55
55
|
}
|
|
56
|
-
if (pathname === "/
|
|
56
|
+
if (pathname?.toLocaleLowerCase() === "/commercial/lending/residential-warehouse-lending") {
|
|
57
57
|
setWarehousePage(true);
|
|
58
58
|
}
|
|
59
|
-
if (pathname === "/
|
|
59
|
+
if (pathname?.toLocaleLowerCase() === "/commercial/lending/bridge-and-construction-lending") {
|
|
60
60
|
setCRESLPage(true);
|
|
61
61
|
}
|
|
62
62
|
}, [pathname]);
|
|
@@ -64,10 +64,17 @@ const CommercialLending = ({
|
|
|
64
64
|
first_name: z.string({
|
|
65
65
|
required_error: "First name is required",
|
|
66
66
|
invalid_type_error: "Invalid first name"
|
|
67
|
-
}).regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
67
|
+
}).regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g, {
|
|
68
|
+
message: "Invalid first name"
|
|
69
|
+
}).trim().min(1, { message: "First Name is required." }),
|
|
70
|
+
last_name: z.string({
|
|
71
|
+
required_error: "Last name is required",
|
|
72
|
+
invalid_type_error: "Invalid last name"
|
|
73
|
+
}).regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g, {
|
|
74
|
+
message: "Invalid last name"
|
|
75
|
+
}).trim().min(1, { message: "Last Name is required." }),
|
|
76
|
+
email: z.string().email({ message: "Business Email is required." }).refine(async (val) => await validateEmail(val)),
|
|
77
|
+
General_Business_Phone_SFDC2__c: z.string().regex(/[\d-]{10}/).min(10, { message: "Business Phone is required." }).max(12, { message: "Business Phone is required." }).transform((val, ctx) => {
|
|
71
78
|
const removeDashes = val.replace(/-/gi, "");
|
|
72
79
|
if (removeDashes.length !== 10) {
|
|
73
80
|
ctx.addIssue({
|
|
@@ -78,19 +85,32 @@ const CommercialLending = ({
|
|
|
78
85
|
}
|
|
79
86
|
return removeDashes;
|
|
80
87
|
}),
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
88
|
+
Company_NMLS_ID__c: z.string().min(6).max(7).optional().or(z.literal("")),
|
|
89
|
+
Business_Name__c: z.string({
|
|
90
|
+
invalid_type_error: "Invalid business name"
|
|
91
|
+
}).regex(/^[A-Za-z-0-9][^_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]*$/g).trim().optional().or(z.literal("")),
|
|
92
|
+
Property_Zip__c: z.string().regex(/^[0-9]*$/g, { message: "Invalid zip code" }).optional().or(z.literal("")),
|
|
93
|
+
Annual_Gross_Revenue__c: z.string({
|
|
94
|
+
invalid_type_error: "Invalid annual gross revenue",
|
|
95
|
+
required_error: "Annual gross revenue is required"
|
|
96
|
+
}),
|
|
97
|
+
Time_in_Business__c: z.string({
|
|
98
|
+
invalid_type_error: "Invalid time in business",
|
|
99
|
+
required_error: "Time in business is required"
|
|
100
|
+
}),
|
|
101
|
+
Lead_Type__c: z.string({
|
|
102
|
+
invalid_type_error: "Invalid type",
|
|
103
|
+
required_error: "Type is required"
|
|
104
|
+
}),
|
|
105
|
+
Type_of_Equipment_Finance__c: z.union([z.string(), z.undefined()]),
|
|
106
|
+
Loan__c: z.union([z.string(), z.undefined()]),
|
|
107
|
+
Asset_Class__c: z.union([z.string(), z.undefined()]),
|
|
108
|
+
Requested_loan_amount_and_leverage__c: z.union([z.string(), z.undefined()])
|
|
85
109
|
});
|
|
86
110
|
const methods = useForm({
|
|
87
|
-
resolver: zodResolver(
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
{
|
|
91
|
-
async: true
|
|
92
|
-
}
|
|
93
|
-
),
|
|
111
|
+
resolver: zodResolver(schema.merge(SalesforceSchema), {
|
|
112
|
+
async: true
|
|
113
|
+
}),
|
|
94
114
|
mode: "all",
|
|
95
115
|
defaultValues: {
|
|
96
116
|
email: ""
|
|
@@ -99,7 +119,7 @@ const CommercialLending = ({
|
|
|
99
119
|
const {
|
|
100
120
|
handleSubmit,
|
|
101
121
|
register,
|
|
102
|
-
formState: { errors, isValid }
|
|
122
|
+
formState: { errors, isValid, isSubmitting }
|
|
103
123
|
} = methods;
|
|
104
124
|
const submitForm = async (data) => {
|
|
105
125
|
await onSubmit(data);
|
|
@@ -135,7 +155,6 @@ const CommercialLending = ({
|
|
|
135
155
|
...register("first_name", { required: true }),
|
|
136
156
|
label: "First Name",
|
|
137
157
|
sizes: "medium",
|
|
138
|
-
placeholder: "",
|
|
139
158
|
required: true,
|
|
140
159
|
error: !!errors.first_name,
|
|
141
160
|
helperText: errors.first_name?.message,
|
|
@@ -149,7 +168,6 @@ const CommercialLending = ({
|
|
|
149
168
|
...register("last_name", { required: true }),
|
|
150
169
|
label: "Last Name",
|
|
151
170
|
sizes: "medium",
|
|
152
|
-
placeholder: "",
|
|
153
171
|
required: true,
|
|
154
172
|
error: !!errors.last_name,
|
|
155
173
|
helperText: errors.last_name?.message,
|
|
@@ -168,7 +186,6 @@ const CommercialLending = ({
|
|
|
168
186
|
}),
|
|
169
187
|
label: "Business Email",
|
|
170
188
|
sizes: "medium",
|
|
171
|
-
placeholder: "",
|
|
172
189
|
required: true,
|
|
173
190
|
error: !!errors.email,
|
|
174
191
|
helperText: errors.email?.message,
|
|
@@ -185,7 +202,6 @@ const CommercialLending = ({
|
|
|
185
202
|
}),
|
|
186
203
|
label: "Business Phone",
|
|
187
204
|
sizes: "medium",
|
|
188
|
-
placeholder: "",
|
|
189
205
|
required: true,
|
|
190
206
|
error: !!errors.General_Business_Phone_SFDC2__c,
|
|
191
207
|
helperText: errors.General_Business_Phone_SFDC2__c?.message,
|
|
@@ -196,14 +212,9 @@ const CommercialLending = ({
|
|
|
196
212
|
Input,
|
|
197
213
|
{
|
|
198
214
|
id: "Company_NMLS_ID__c",
|
|
199
|
-
...register("Company_NMLS_ID__c",
|
|
200
|
-
required: true,
|
|
201
|
-
maxLength: 12
|
|
202
|
-
}),
|
|
215
|
+
...register("Company_NMLS_ID__c"),
|
|
203
216
|
label: "Company NMLS ID",
|
|
204
217
|
sizes: "medium",
|
|
205
|
-
placeholder: "",
|
|
206
|
-
required: true,
|
|
207
218
|
error: !!errors.Company_NMLS_ID__c,
|
|
208
219
|
helperText: errors.Company_NMLS_ID__c?.message,
|
|
209
220
|
variant
|
|
@@ -213,14 +224,9 @@ const CommercialLending = ({
|
|
|
213
224
|
Input,
|
|
214
225
|
{
|
|
215
226
|
id: "Business_Name__c",
|
|
216
|
-
...register("Business_Name__c",
|
|
217
|
-
required: true,
|
|
218
|
-
maxLength: 12
|
|
219
|
-
}),
|
|
227
|
+
...register("Business_Name__c"),
|
|
220
228
|
label: "Business Name",
|
|
221
229
|
sizes: "medium",
|
|
222
|
-
placeholder: "",
|
|
223
|
-
required: true,
|
|
224
230
|
error: !!errors.Business_Name__c,
|
|
225
231
|
helperText: errors.Business_Name__c?.message,
|
|
226
232
|
variant
|
|
@@ -230,13 +236,9 @@ const CommercialLending = ({
|
|
|
230
236
|
Input,
|
|
231
237
|
{
|
|
232
238
|
id: "Property_Zip__c",
|
|
233
|
-
...register("Property_Zip__c",
|
|
234
|
-
required: true
|
|
235
|
-
}),
|
|
239
|
+
...register("Property_Zip__c"),
|
|
236
240
|
label: "Property Location or ZIP Code",
|
|
237
241
|
sizes: "medium",
|
|
238
|
-
placeholder: "",
|
|
239
|
-
required: true,
|
|
240
242
|
error: !!errors.Property_Zip__c,
|
|
241
243
|
helperText: errors.Property_Zip__c?.message,
|
|
242
244
|
variant
|
|
@@ -306,12 +308,9 @@ const CommercialLending = ({
|
|
|
306
308
|
Dropdown,
|
|
307
309
|
{
|
|
308
310
|
id: "Type_of_Equipment_Finance__c",
|
|
309
|
-
...register("Type_of_Equipment_Finance__c",
|
|
310
|
-
required: true
|
|
311
|
-
}),
|
|
311
|
+
...register("Type_of_Equipment_Finance__c"),
|
|
312
312
|
label: "Type of Equipment",
|
|
313
313
|
sizes: "medium",
|
|
314
|
-
required: true,
|
|
315
314
|
error: !!errors.Type_of_Equipment_Finance__c,
|
|
316
315
|
helperText: errors.Type_of_Equipment_Finance__c?.message,
|
|
317
316
|
variant,
|
|
@@ -334,12 +333,9 @@ const CommercialLending = ({
|
|
|
334
333
|
Dropdown,
|
|
335
334
|
{
|
|
336
335
|
id: "Asset_Class__c",
|
|
337
|
-
...register("Asset_Class__c",
|
|
338
|
-
required: true
|
|
339
|
-
}),
|
|
336
|
+
...register("Asset_Class__c"),
|
|
340
337
|
label: "Asset Class",
|
|
341
338
|
sizes: "medium",
|
|
342
|
-
required: true,
|
|
343
339
|
error: !!errors.Asset_Class__c,
|
|
344
340
|
helperText: errors.Asset_Class__c?.message,
|
|
345
341
|
variant,
|
|
@@ -360,12 +356,9 @@ const CommercialLending = ({
|
|
|
360
356
|
Dropdown,
|
|
361
357
|
{
|
|
362
358
|
id: "Loan__c",
|
|
363
|
-
...register("Loan__c",
|
|
364
|
-
required: true
|
|
365
|
-
}),
|
|
359
|
+
...register("Loan__c"),
|
|
366
360
|
label: "Purpose of Loan",
|
|
367
361
|
sizes: "medium",
|
|
368
|
-
required: true,
|
|
369
362
|
error: !!errors.Loan__c,
|
|
370
363
|
helperText: errors.Loan__c?.message,
|
|
371
364
|
variant,
|
|
@@ -381,13 +374,9 @@ const CommercialLending = ({
|
|
|
381
374
|
Input,
|
|
382
375
|
{
|
|
383
376
|
id: "Requested_loan_amount_and_leverage__c",
|
|
384
|
-
...register("Requested_loan_amount_and_leverage__c",
|
|
385
|
-
required: true
|
|
386
|
-
}),
|
|
377
|
+
...register("Requested_loan_amount_and_leverage__c"),
|
|
387
378
|
label: "Requested loan amount and leverage",
|
|
388
379
|
sizes: "medium",
|
|
389
|
-
placeholder: "",
|
|
390
|
-
required: true,
|
|
391
380
|
error: !!errors.Requested_loan_amount_and_leverage__c,
|
|
392
381
|
helperText: errors.Requested_loan_amount_and_leverage__c?.message,
|
|
393
382
|
variant
|
|
@@ -396,13 +385,19 @@ const CommercialLending = ({
|
|
|
396
385
|
] }),
|
|
397
386
|
children,
|
|
398
387
|
/* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure }),
|
|
399
|
-
/* @__PURE__ */ jsx("div", { className: actions, children: /* @__PURE__ */ jsx(
|
|
388
|
+
/* @__PURE__ */ jsx("div", { className: actions, children: isSubmitting ? /* @__PURE__ */ jsx(
|
|
389
|
+
LoadingIndicator,
|
|
390
|
+
{
|
|
391
|
+
style: { marginInline: "auto" },
|
|
392
|
+
variant
|
|
393
|
+
}
|
|
394
|
+
) : /* @__PURE__ */ jsx(
|
|
400
395
|
Button,
|
|
401
396
|
{
|
|
402
397
|
color: getVariant(callToAction?.variant),
|
|
403
398
|
as: "button",
|
|
404
399
|
type: "submit",
|
|
405
|
-
disabled: !isValid,
|
|
400
|
+
disabled: !isValid || isSubmitting,
|
|
406
401
|
children: callToAction?.displayText
|
|
407
402
|
}
|
|
408
403
|
) })
|
|
@@ -7,12 +7,11 @@ import "react";
|
|
|
7
7
|
import "react-use";
|
|
8
8
|
import "../Input/Checkbox.js";
|
|
9
9
|
import "../Input/CurrencyInput.js";
|
|
10
|
-
import "../Input/Input.css.js";
|
|
11
|
-
/* empty css */
|
|
12
|
-
/* empty css */
|
|
13
10
|
import "../Input/Dropdown.js";
|
|
11
|
+
/* empty css */
|
|
14
12
|
/* empty css */
|
|
15
13
|
import { Input } from "../Input/Input.js";
|
|
14
|
+
import "../Input/Input.css.js";
|
|
16
15
|
import { InputPhone } from "../Input/InputPhone.js";
|
|
17
16
|
import "../Input/InputTextArea.js";
|
|
18
17
|
import "../icons/ArrowIcon/ArrowIcon.css.js";
|
package/dist/Forms/ContactUs.js
CHANGED
|
@@ -7,12 +7,11 @@ import "react";
|
|
|
7
7
|
import "react-use";
|
|
8
8
|
import "../Input/Checkbox.js";
|
|
9
9
|
import "../Input/CurrencyInput.js";
|
|
10
|
-
import "../Input/Input.css.js";
|
|
11
|
-
/* empty css */
|
|
12
|
-
/* empty css */
|
|
13
10
|
import "../Input/Dropdown.js";
|
|
11
|
+
/* empty css */
|
|
14
12
|
/* empty css */
|
|
15
13
|
import { Input } from "../Input/Input.js";
|
|
14
|
+
import "../Input/Input.css.js";
|
|
16
15
|
import { InputPhone } from "../Input/InputPhone.js";
|
|
17
16
|
import "../Input/InputTextArea.js";
|
|
18
17
|
import "../icons/ArrowIcon/ArrowIcon.css.js";
|
|
@@ -7,12 +7,11 @@ import "react";
|
|
|
7
7
|
import "react-use";
|
|
8
8
|
import "../Input/Checkbox.js";
|
|
9
9
|
import "../Input/CurrencyInput.js";
|
|
10
|
-
import "../Input/Input.css.js";
|
|
11
|
-
/* empty css */
|
|
12
|
-
/* empty css */
|
|
13
10
|
import { Dropdown } from "../Input/Dropdown.js";
|
|
11
|
+
/* empty css */
|
|
14
12
|
/* empty css */
|
|
15
13
|
import { Input } from "../Input/Input.js";
|
|
14
|
+
import "../Input/Input.css.js";
|
|
16
15
|
import { InputPhone } from "../Input/InputPhone.js";
|
|
17
16
|
import { InputTextArea } from "../Input/InputTextArea.js";
|
|
18
17
|
import { LoadingIndicator } from "../LoadingIndicator/index.js";
|
|
@@ -3,13 +3,11 @@ import { jsx, jsxs } from "react/jsx-runtime";
|
|
|
3
3
|
import { zodResolver } from "@hookform/resolvers/zod";
|
|
4
4
|
import "../Input/Checkbox.js";
|
|
5
5
|
import "../Input/CurrencyInput.js";
|
|
6
|
-
import "react";
|
|
7
|
-
import "../Input/Input.css.js";
|
|
8
|
-
/* empty css */
|
|
9
|
-
/* empty css */
|
|
10
6
|
import "../Input/Dropdown.js";
|
|
7
|
+
/* empty css */
|
|
11
8
|
/* empty css */
|
|
12
9
|
import { Input } from "../Input/Input.js";
|
|
10
|
+
import "../Input/Input.css.js";
|
|
13
11
|
import { InputPhone } from "../Input/InputPhone.js";
|
|
14
12
|
import "../Input/InputTextArea.js";
|
|
15
13
|
import "../icons/ArrowIcon/ArrowIcon.css.js";
|
|
@@ -23,6 +21,7 @@ import "../icons/CheckIcon/CheckIcon.css.js";
|
|
|
23
21
|
import "../Accordion/Accordion.js";
|
|
24
22
|
import "../Accordion/Accordion.css.js";
|
|
25
23
|
import { getVariant } from "../utils/getVariant.js";
|
|
24
|
+
import "react";
|
|
26
25
|
import "../Chevron/Chevron.css.js";
|
|
27
26
|
import "../AlertBanner/AlertBanner.css.js";
|
|
28
27
|
import "../Article/Article.css.js";
|
|
@@ -3,13 +3,11 @@ import { jsx, jsxs } from "react/jsx-runtime";
|
|
|
3
3
|
import { zodResolver } from "@hookform/resolvers/zod";
|
|
4
4
|
import "../Input/Checkbox.js";
|
|
5
5
|
import "../Input/CurrencyInput.js";
|
|
6
|
-
import "react";
|
|
7
|
-
import "../Input/Input.css.js";
|
|
8
|
-
/* empty css */
|
|
9
|
-
/* empty css */
|
|
10
6
|
import "../Input/Dropdown.js";
|
|
7
|
+
/* empty css */
|
|
11
8
|
/* empty css */
|
|
12
9
|
import { Input } from "../Input/Input.js";
|
|
10
|
+
import "../Input/Input.css.js";
|
|
13
11
|
import { InputPhone } from "../Input/InputPhone.js";
|
|
14
12
|
import "../Input/InputTextArea.js";
|
|
15
13
|
import "../icons/ArrowIcon/ArrowIcon.css.js";
|
|
@@ -23,6 +21,7 @@ import "../icons/CheckIcon/CheckIcon.css.js";
|
|
|
23
21
|
import "../Accordion/Accordion.js";
|
|
24
22
|
import "../Accordion/Accordion.css.js";
|
|
25
23
|
import { getVariant } from "../utils/getVariant.js";
|
|
24
|
+
import "react";
|
|
26
25
|
import "../Chevron/Chevron.css.js";
|
|
27
26
|
import "../AlertBanner/AlertBanner.css.js";
|
|
28
27
|
import "../Article/Article.css.js";
|
|
@@ -7,12 +7,11 @@ import "react";
|
|
|
7
7
|
import "react-use";
|
|
8
8
|
import "../Input/Checkbox.js";
|
|
9
9
|
import "../Input/CurrencyInput.js";
|
|
10
|
-
import "../Input/Input.css.js";
|
|
11
|
-
/* empty css */
|
|
12
|
-
/* empty css */
|
|
13
10
|
import { Dropdown } from "../Input/Dropdown.js";
|
|
11
|
+
/* empty css */
|
|
14
12
|
/* empty css */
|
|
15
13
|
import { Input } from "../Input/Input.js";
|
|
14
|
+
import "../Input/Input.css.js";
|
|
16
15
|
import { InputPhone } from "../Input/InputPhone.js";
|
|
17
16
|
import { InputTextArea } from "../Input/InputTextArea.js";
|
|
18
17
|
import "../icons/ArrowIcon/ArrowIcon.css.js";
|
package/dist/Forms/EmailOnly.js
CHANGED
|
@@ -3,13 +3,11 @@ import { jsx, jsxs } from "react/jsx-runtime";
|
|
|
3
3
|
import { zodResolver } from "@hookform/resolvers/zod";
|
|
4
4
|
import "../Input/Checkbox.js";
|
|
5
5
|
import "../Input/CurrencyInput.js";
|
|
6
|
-
import "react";
|
|
7
|
-
import "../Input/Input.css.js";
|
|
8
|
-
/* empty css */
|
|
9
|
-
/* empty css */
|
|
10
6
|
import "../Input/Dropdown.js";
|
|
7
|
+
/* empty css */
|
|
11
8
|
/* empty css */
|
|
12
9
|
import { Input } from "../Input/Input.js";
|
|
10
|
+
import "../Input/Input.css.js";
|
|
13
11
|
import "../Input/InputPhone.js";
|
|
14
12
|
import "../Input/InputTextArea.js";
|
|
15
13
|
import "../icons/ArrowIcon/ArrowIcon.css.js";
|
|
@@ -23,6 +21,7 @@ import "../icons/CheckIcon/CheckIcon.css.js";
|
|
|
23
21
|
import "../Accordion/Accordion.js";
|
|
24
22
|
import "../Accordion/Accordion.css.js";
|
|
25
23
|
import { getVariant } from "../utils/getVariant.js";
|
|
24
|
+
import "react";
|
|
26
25
|
import "../Chevron/Chevron.css.js";
|
|
27
26
|
import "../AlertBanner/AlertBanner.css.js";
|
|
28
27
|
import "../Article/Article.css.js";
|
|
@@ -1,3 +1,9 @@
|
|
|
1
1
|
export declare const Roles: string[];
|
|
2
2
|
export type RoleTypes = (typeof Roles)[number];
|
|
3
3
|
export declare const CurrentAssets: string[];
|
|
4
|
+
export declare const AnnualGrossRevenue: string[];
|
|
5
|
+
export declare const TimeInBusiness: string[];
|
|
6
|
+
export declare const LeadType: string[];
|
|
7
|
+
export declare const TypeOfEquipment: string[];
|
|
8
|
+
export declare const AssetClass: string[];
|
|
9
|
+
export declare const PurposeOfLoan: string[];
|
package/dist/Forms/FormEnums.js
CHANGED
|
@@ -12,7 +12,46 @@ const CurrentAssets = [
|
|
|
12
12
|
"$501M - $1B",
|
|
13
13
|
"$1B+"
|
|
14
14
|
];
|
|
15
|
+
const AnnualGrossRevenue = [
|
|
16
|
+
"<$5MM",
|
|
17
|
+
"$5-10MM",
|
|
18
|
+
"$10MM-$20MM",
|
|
19
|
+
"$20MM+"
|
|
20
|
+
];
|
|
21
|
+
const TimeInBusiness = [
|
|
22
|
+
"< 2 years in business",
|
|
23
|
+
"2-5 years in business",
|
|
24
|
+
"5+ years in business"
|
|
25
|
+
];
|
|
26
|
+
const LeadType = ["Broker", "Borrower"];
|
|
27
|
+
const TypeOfEquipment = [
|
|
28
|
+
"Agriculture",
|
|
29
|
+
"Transportation and Material Handling",
|
|
30
|
+
"Construction",
|
|
31
|
+
"Healthcare",
|
|
32
|
+
"Manufacturing",
|
|
33
|
+
"Energy",
|
|
34
|
+
"Technology and Service",
|
|
35
|
+
"Insurance",
|
|
36
|
+
"Pharmaceutical and Laboratory"
|
|
37
|
+
];
|
|
38
|
+
const AssetClass = [
|
|
39
|
+
"Multifamily",
|
|
40
|
+
"Mixed-use",
|
|
41
|
+
"Office",
|
|
42
|
+
"Retail",
|
|
43
|
+
"Hospitality",
|
|
44
|
+
"Industrial/warehouse",
|
|
45
|
+
"Other"
|
|
46
|
+
];
|
|
47
|
+
const PurposeOfLoan = ["Bridge", "Construction"];
|
|
15
48
|
export {
|
|
49
|
+
AnnualGrossRevenue,
|
|
50
|
+
AssetClass,
|
|
16
51
|
CurrentAssets,
|
|
17
|
-
|
|
52
|
+
LeadType,
|
|
53
|
+
PurposeOfLoan,
|
|
54
|
+
Roles,
|
|
55
|
+
TimeInBusiness,
|
|
56
|
+
TypeOfEquipment
|
|
18
57
|
};
|