@axos-web-dev/shared-components 0.0.103 → 0.0.104

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (51) hide show
  1. package/dist/ATMLocator/ATMLocator.js +2 -1
  2. package/dist/Accordion/Accordion.css.d.ts +9 -9
  3. package/dist/Button/Button.js +3 -2
  4. package/dist/Calculators/Calculator.js +2 -1
  5. package/dist/Carousel/index.js +2 -1
  6. package/dist/Chevron/index.js +3 -2
  7. package/dist/Comparison/Comparison.js +3 -2
  8. package/dist/Comparison/ComparisonSet.js +3 -2
  9. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +2 -1
  10. package/dist/Forms/ApplicationStart.js +3 -2
  11. package/dist/Forms/CommercialLending.d.ts +12 -8
  12. package/dist/Forms/CommercialLending.js +177 -63
  13. package/dist/Forms/ContactCompany.js +3 -2
  14. package/dist/Forms/ContactUs.js +3 -2
  15. package/dist/Forms/ContactUsAAS.js +3 -2
  16. package/dist/Forms/ContactUsBusiness.js +4 -3
  17. package/dist/Forms/ContactUsNMLSId.js +4 -3
  18. package/dist/Forms/DealerServices.js +3 -2
  19. package/dist/Forms/EmailOnly.js +4 -3
  20. package/dist/Forms/SalesforceFieldsForm.d.ts +0 -1
  21. package/dist/Forms/ScheduleCall.js +7 -3
  22. package/dist/Forms/ScheduleCallPremier.js +3 -2
  23. package/dist/Forms/SuccesForm.js +2 -1
  24. package/dist/Forms/WcplSurvey.js +3 -2
  25. package/dist/Hyperlink/index.js +2 -1
  26. package/dist/ImageLink/ImageLink.js +3 -2
  27. package/dist/ImageLink/ImageLinkSet.js +2 -1
  28. package/dist/ImageLink/index.js +2 -1
  29. package/dist/Input/Checkbox.d.ts +1 -1
  30. package/dist/Input/CurrencyInput.js +3 -2
  31. package/dist/Input/DatePicker.css.d.ts +1 -0
  32. package/dist/Input/DatePicker.css.js +6 -0
  33. package/dist/Input/Datepicker.d.ts +3 -0
  34. package/dist/Input/Datepicker.js +47 -0
  35. package/dist/Input/InputDate.css.d.ts +6 -0
  36. package/dist/Input/InputDate.css.js +15 -0
  37. package/dist/Input/InputDate.d.ts +3 -0
  38. package/dist/Input/InputDate.js +47 -0
  39. package/dist/Input/InputPhone.js +3 -2
  40. package/dist/Input/InputProps.d.ts +6 -0
  41. package/dist/Input/index.d.ts +3 -0
  42. package/dist/Input/index.js +6 -0
  43. package/dist/Modal/Modal.js +3 -2
  44. package/dist/NavigationMenu/AxosAdvisorServices/index.js +3 -0
  45. package/dist/NavigationMenu/AxosBank/SubNavBar.js +2 -1
  46. package/dist/SetContainer/SetContainer.js +3 -2
  47. package/dist/Table/Table.d.ts +13 -13
  48. package/dist/assets/Input/DatePicker.css +95 -0
  49. package/dist/assets/Input/InputDate.css +39 -0
  50. package/dist/main.js +6 -0
  51. package/package.json +1 -1
@@ -47,10 +47,11 @@ 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 */
50
52
  import "../Input/Dropdown.js";
51
53
  /* empty css */
52
54
  import "../Input/Input.js";
53
- import "../Input/Input.css.js";
54
55
  import "../Input/InputPhone.js";
55
56
  import "../Input/InputTextArea.js";
56
57
  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: `${number}%`;
7
+ flexBasis: "50%";
8
8
  };
9
9
  "1/3": {
10
10
  display: "flex";
11
- flexBasis: `${number}%`;
11
+ flexBasis: "33.333333333333336%";
12
12
  };
13
13
  "2/3": {
14
14
  display: "flex";
15
- flexBasis: `${number}%`;
15
+ flexBasis: "66.66666666666667%";
16
16
  };
17
17
  "1/4": {
18
18
  display: "flex";
19
- flexBasis: `${number}%`;
19
+ flexBasis: "25%";
20
20
  };
21
21
  "3/4": {
22
22
  display: "flex";
23
- flexBasis: `${number}%`;
23
+ flexBasis: "75%";
24
24
  };
25
25
  "1/5": {
26
26
  display: "flex";
27
- flexBasis: `${number}%`;
27
+ flexBasis: "20%";
28
28
  };
29
29
  "2/5": {
30
30
  display: "flex";
31
- flexBasis: `${number}%`;
31
+ flexBasis: "40%";
32
32
  };
33
33
  "3/5": {
34
34
  display: "flex";
35
- flexBasis: `${number}%`;
35
+ flexBasis: "60%";
36
36
  };
37
37
  "4/5": {
38
38
  display: "flex";
39
- flexBasis: `${number}%`;
39
+ flexBasis: "80%";
40
40
  };
41
41
  };
42
42
  }>;
@@ -27,11 +27,12 @@ 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/Dropdown.js";
30
+ import "../Input/Input.css.js";
31
31
  /* empty css */
32
+ /* empty css */
33
+ import "../Input/Dropdown.js";
32
34
  /* empty css */
33
35
  import "../Input/Input.js";
34
- import "../Input/Input.css.js";
35
36
  import "../Input/InputPhone.js";
36
37
  import "../Input/InputTextArea.js";
37
38
  import "react-hook-form";
@@ -52,10 +52,11 @@ 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 */
55
57
  import "../Input/Dropdown.js";
56
58
  /* empty css */
57
59
  import "../Input/Input.js";
58
- import "../Input/Input.css.js";
59
60
  import "../Input/InputPhone.js";
60
61
  import "../Input/InputTextArea.js";
61
62
  import "../LandingPageHeader/LandingPageHeader.css.js";
@@ -34,10 +34,11 @@ 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 */
37
39
  import "../Input/Dropdown.js";
38
40
  /* empty css */
39
41
  import "../Input/Input.js";
40
- import "../Input/Input.css.js";
41
42
  import "../Input/InputPhone.js";
42
43
  import "../Input/InputTextArea.js";
43
44
  import "react-hook-form";
@@ -30,11 +30,12 @@ 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/Dropdown.js";
33
+ import "../Input/Input.css.js";
34
34
  /* empty css */
35
+ /* empty css */
36
+ import "../Input/Dropdown.js";
35
37
  /* empty css */
36
38
  import "../Input/Input.js";
37
- import "../Input/Input.css.js";
38
39
  import "../Input/InputPhone.js";
39
40
  import "../Input/InputTextArea.js";
40
41
  import "react-hook-form";
@@ -28,11 +28,12 @@ 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/Dropdown.js";
31
+ import "../Input/Input.css.js";
32
32
  /* empty css */
33
+ /* empty css */
34
+ import "../Input/Dropdown.js";
33
35
  /* empty css */
34
36
  import "../Input/Input.js";
35
- import "../Input/Input.css.js";
36
37
  import "../Input/InputPhone.js";
37
38
  import "../Input/InputTextArea.js";
38
39
  import "react-hook-form";
@@ -27,11 +27,12 @@ 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/Dropdown.js";
30
+ import "../Input/Input.css.js";
31
31
  /* empty css */
32
+ /* empty css */
33
+ import "../Input/Dropdown.js";
32
34
  /* empty css */
33
35
  import "../Input/Input.js";
34
- import "../Input/Input.css.js";
35
36
  import "../Input/InputPhone.js";
36
37
  import "../Input/InputTextArea.js";
37
38
  import "react-hook-form";
@@ -29,10 +29,11 @@ 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 */
32
34
  import "../../Input/Dropdown.js";
33
35
  /* empty css */
34
36
  import "../../Input/Input.js";
35
- import "../../Input/Input.css.js";
36
37
  import "../../Input/InputPhone.js";
37
38
  import "../../Input/InputTextArea.js";
38
39
  import "react-hook-form";
@@ -7,11 +7,12 @@ import "react";
7
7
  import "react-use";
8
8
  import { Checkbox } from "../Input/Checkbox.js";
9
9
  import "../Input/CurrencyInput.js";
10
- import "../Input/Dropdown.js";
10
+ import "../Input/Input.css.js";
11
11
  /* empty css */
12
+ /* empty css */
13
+ import "../Input/Dropdown.js";
12
14
  /* empty css */
13
15
  import { Input } from "../Input/Input.js";
14
- import "../Input/Input.css.js";
15
16
  import { InputPhone } from "../Input/InputPhone.js";
16
17
  import "../Input/InputTextArea.js";
17
18
  import "../icons/ArrowIcon/ArrowIcon.css.js";
@@ -3,13 +3,17 @@ import { FormProps } from './FormProps';
3
3
  export type CommercialLendingInputs = {
4
4
  first_name: string;
5
5
  last_name: string;
6
- business_email: string;
7
- business_phone: string;
8
- company_nmls_id: string;
9
- business_name: string;
10
- zip: string;
11
- annual_gross_revenue: string;
12
- time_in_business: string;
13
- type: string;
6
+ email: string;
7
+ General_Business_Phone_SFDC2__c: string;
8
+ Company_NMLS_ID__c: string;
9
+ Business_Name__c: string;
10
+ Property_Zip__c: string;
11
+ Annual_Gross_Revenue__c: string;
12
+ Time_in_Business__c: string;
13
+ Lead_Type__c: string;
14
+ Type_of_Equipment_Finance__c: string;
15
+ Loan__c: string;
16
+ Requested_loan_amount_and_leverage__c: string;
17
+ Asset_Class__c: string;
14
18
  };
15
19
  export declare const CommercialLending: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, callToAction, validateEmail, description, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;
@@ -3,15 +3,16 @@ import { jsx, jsxs } from "react/jsx-runtime";
3
3
  import { zodResolver } from "@hookform/resolvers/zod";
4
4
  import { Button } from "../Button/Button.js";
5
5
  import "../Button/Button.css.js";
6
- import "react";
7
- import "react-use";
6
+ import { useState, useEffect } from "react";
7
+ import { useLocation } from "react-use";
8
8
  import "../Input/Checkbox.js";
9
9
  import "../Input/CurrencyInput.js";
10
- import { Dropdown } from "../Input/Dropdown.js";
10
+ import "../Input/Input.css.js";
11
11
  /* empty css */
12
+ /* empty css */
13
+ import { Dropdown } from "../Input/Dropdown.js";
12
14
  /* empty css */
13
15
  import { Input } from "../Input/Input.js";
14
- import "../Input/Input.css.js";
15
16
  import { InputPhone } from "../Input/InputPhone.js";
16
17
  import "../Input/InputTextArea.js";
17
18
  import "../icons/ArrowIcon/ArrowIcon.css.js";
@@ -44,8 +45,26 @@ const CommercialLending = ({
44
45
  description,
45
46
  id
46
47
  }) => {
48
+ const { pathname } = useLocation();
49
+ const [equipmentPage, setEquipmentPage] = useState(false);
50
+ const [warehousePage, setWarehousePage] = useState(false);
51
+ const [CRESLPage, setCRESLPage] = useState(false);
52
+ useEffect(() => {
53
+ if (pathname === "/Business/Commercial-Lending/Equipment-Finance") {
54
+ setEquipmentPage(true);
55
+ }
56
+ if (pathname === "/Business/Commercial-Lending/Warehouse-Lending") {
57
+ setWarehousePage(true);
58
+ }
59
+ if (pathname === "/Business/Commercial-Lending/Commercial-Real-Estate-Specialty-Lending") {
60
+ setCRESLPage(true);
61
+ }
62
+ }, [pathname]);
47
63
  const schema = z.object({
48
- first_name: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g).trim().min(1, { message: "First Name is required." }),
64
+ first_name: z.string({
65
+ required_error: "First name is required",
66
+ invalid_type_error: "Invalid first name"
67
+ }).regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g).trim().min(1, { message: "First Name is required." }),
49
68
  last_name: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g).trim().min(1, { message: "Last Name is required." }),
50
69
  business_email: z.string().email({ message: "Business Email is required." }).refine(async (val) => await validateEmail(val)),
51
70
  business_phone: z.string().regex(/[\d-]{10}/).min(10, { message: "Business Phone is required." }).max(12, { message: "Business Phone is required." }).transform((val, ctx) => {
@@ -65,12 +84,16 @@ const CommercialLending = ({
65
84
  type: z.string()
66
85
  });
67
86
  const methods = useForm({
68
- resolver: zodResolver(schema.merge(SalesforceSchema), {
69
- async: true
70
- }),
87
+ resolver: zodResolver(
88
+ schema.merge(SalesforceSchema).refine(() => {
89
+ }),
90
+ {
91
+ async: true
92
+ }
93
+ ),
71
94
  mode: "all",
72
95
  defaultValues: {
73
- business_email: ""
96
+ email: ""
74
97
  }
75
98
  });
76
99
  const {
@@ -112,7 +135,7 @@ const CommercialLending = ({
112
135
  ...register("first_name", { required: true }),
113
136
  label: "First Name",
114
137
  sizes: "medium",
115
- placeholder: "First Name",
138
+ placeholder: "",
116
139
  required: true,
117
140
  error: !!errors.first_name,
118
141
  helperText: errors.first_name?.message,
@@ -126,7 +149,7 @@ const CommercialLending = ({
126
149
  ...register("last_name", { required: true }),
127
150
  label: "Last Name",
128
151
  sizes: "medium",
129
- placeholder: "Last Name",
152
+ placeholder: "",
130
153
  required: true,
131
154
  error: !!errors.last_name,
132
155
  helperText: errors.last_name?.message,
@@ -136,8 +159,8 @@ const CommercialLending = ({
136
159
  /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
137
160
  Input,
138
161
  {
139
- id: "business_email",
140
- ...register("business_email", {
162
+ id: "email",
163
+ ...register("email", {
141
164
  required: true,
142
165
  validate: {
143
166
  isValid: associatedEmail
@@ -145,139 +168,230 @@ const CommercialLending = ({
145
168
  }),
146
169
  label: "Business Email",
147
170
  sizes: "medium",
148
- placeholder: "Business Email",
171
+ placeholder: "",
149
172
  required: true,
150
- error: !!errors.business_email,
151
- helperText: errors.business_email?.message,
173
+ error: !!errors.email,
174
+ helperText: errors.email?.message,
152
175
  variant
153
176
  }
154
177
  ) }),
155
178
  /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
156
179
  InputPhone,
157
180
  {
158
- id: "business_phone",
159
- ...register("business_phone", {
181
+ id: "General_Business_Phone_SFDC2__c",
182
+ ...register("General_Business_Phone_SFDC2__c", {
160
183
  required: true,
161
184
  maxLength: 12
162
185
  }),
163
186
  label: "Business Phone",
164
187
  sizes: "medium",
165
- placeholder: "Business Phone",
188
+ placeholder: "",
166
189
  required: true,
167
- error: !!errors.business_phone,
168
- helperText: errors.business_phone?.message,
190
+ error: !!errors.General_Business_Phone_SFDC2__c,
191
+ helperText: errors.General_Business_Phone_SFDC2__c?.message,
169
192
  variant
170
193
  }
171
194
  ) }),
172
195
  /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
173
196
  Input,
174
197
  {
175
- id: "company_nmls_id",
176
- ...register("company_nmls_id", {
198
+ id: "Company_NMLS_ID__c",
199
+ ...register("Company_NMLS_ID__c", {
177
200
  required: true,
178
201
  maxLength: 12
179
202
  }),
180
203
  label: "Company NMLS ID",
181
204
  sizes: "medium",
182
- placeholder: "Company NMLS ID",
205
+ placeholder: "",
183
206
  required: true,
184
- error: !!errors.company_nmls_id,
185
- helperText: errors.company_nmls_id?.message,
207
+ error: !!errors.Company_NMLS_ID__c,
208
+ helperText: errors.Company_NMLS_ID__c?.message,
186
209
  variant
187
210
  }
188
211
  ) }),
189
212
  /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
190
213
  Input,
191
214
  {
192
- id: "business_name",
193
- ...register("business_name", {
215
+ id: "Business_Name__c",
216
+ ...register("Business_Name__c", {
194
217
  required: true,
195
218
  maxLength: 12
196
219
  }),
197
220
  label: "Business Name",
198
221
  sizes: "medium",
199
- placeholder: "Buesiness Name",
222
+ placeholder: "",
200
223
  required: true,
201
- error: !!errors.business_name,
202
- helperText: errors.business_name?.message,
224
+ error: !!errors.Business_Name__c,
225
+ helperText: errors.Business_Name__c?.message,
203
226
  variant
204
227
  }
205
228
  ) }),
206
229
  /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
207
230
  Input,
208
231
  {
209
- id: "zip",
210
- ...register("zip", {
232
+ id: "Property_Zip__c",
233
+ ...register("Property_Zip__c", {
211
234
  required: true
212
235
  }),
213
236
  label: "Property Location or ZIP Code",
214
237
  sizes: "medium",
215
- placeholder: "Property Location or ZIP Code",
238
+ placeholder: "",
216
239
  required: true,
217
- error: !!errors.business_name,
218
- helperText: errors.business_name?.message,
240
+ error: !!errors.Property_Zip__c,
241
+ helperText: errors.Property_Zip__c?.message,
219
242
  variant
220
243
  }
221
244
  ) }),
222
- /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
245
+ /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
223
246
  Dropdown,
224
247
  {
225
- id: "annual_gross_revenue",
226
- ...register("annual_gross_revenue", {
248
+ id: "Annual_Gross_Revenue__c",
249
+ ...register("Annual_Gross_Revenue__c", {
227
250
  required: true
228
251
  }),
229
252
  label: "Annual Gross Revenue",
230
253
  sizes: "medium",
231
254
  required: true,
232
- error: !!errors.annual_gross_revenue,
233
- helperText: errors.annual_gross_revenue?.message,
255
+ error: !!errors.Annual_Gross_Revenue__c,
256
+ helperText: errors.Annual_Gross_Revenue__c?.message,
234
257
  variant,
235
- options: [
236
- { value: 1, text: "<$5MM" },
237
- { value: 2, text: "$5-10MM" },
238
- { value: 3, text: "$10MM-$20MM" },
239
- { value: 4, text: "$20MM+" }
258
+ children: [
259
+ /* @__PURE__ */ jsx("option", { value: "<$5MM", children: "<$5MM" }),
260
+ /* @__PURE__ */ jsx("option", { value: "$5-10MM", children: "$5-10MM" }),
261
+ /* @__PURE__ */ jsx("option", { value: "$10MM-$20MM", children: "$10MM-$20MM" }),
262
+ /* @__PURE__ */ jsx("option", { value: "$20MM+", children: "$20MM+" })
240
263
  ]
241
264
  }
242
265
  ) }),
243
- /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
266
+ /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
244
267
  Dropdown,
245
268
  {
246
- id: "time_in_business",
247
- ...register("time_in_business", {
269
+ id: "Time_in_Business__c",
270
+ ...register("Time_in_Business__c", {
248
271
  required: true
249
272
  }),
250
273
  label: "Time in Business",
251
274
  sizes: "medium",
252
275
  required: true,
253
- error: !!errors.time_in_business,
254
- helperText: errors.time_in_business?.message,
276
+ error: !!errors.Time_in_Business__c,
277
+ helperText: errors.Time_in_Business__c?.message,
255
278
  variant,
256
- options: [
257
- { value: 1, text: "< 2 Years in Business" },
258
- { value: 2, text: "2-5 Years in Business" },
259
- { value: 3, text: "5+ Years in Business" }
279
+ children: [
280
+ /* @__PURE__ */ jsx("option", { value: "< 2 Years in Business", children: "< 2 Years in Business" }),
281
+ /* @__PURE__ */ jsx("option", { value: "2-5 Years in Business", children: "2-5 Years in Business" }),
282
+ /* @__PURE__ */ jsx("option", { value: "5+ Years in Business", children: "5+ Years in Business" })
260
283
  ]
261
284
  }
262
285
  ) }),
263
- /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
286
+ /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
264
287
  Dropdown,
265
288
  {
266
- id: "type",
267
- ...register("type", {
289
+ id: "Lead_Type__c",
290
+ ...register("Lead_Type__c", {
268
291
  required: true
269
292
  }),
270
293
  label: "Type",
271
294
  sizes: "medium",
272
295
  required: true,
273
- error: !!errors.type,
274
- helperText: errors.type?.message,
296
+ error: !!errors.Lead_Type__c,
297
+ helperText: errors.Lead_Type__c?.message,
298
+ variant,
299
+ children: [
300
+ /* @__PURE__ */ jsx("option", { value: "Broker", children: "Broker" }),
301
+ /* @__PURE__ */ jsx("option", { value: "Borrower", children: "Borrower" })
302
+ ]
303
+ }
304
+ ) }),
305
+ equipmentPage && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
306
+ Dropdown,
307
+ {
308
+ id: "Type_of_Equipment_Finance__c",
309
+ ...register("Type_of_Equipment_Finance__c", {
310
+ required: true
311
+ }),
312
+ label: "Type of Equipment",
313
+ sizes: "medium",
314
+ required: true,
315
+ error: !!errors.Type_of_Equipment_Finance__c,
316
+ helperText: errors.Type_of_Equipment_Finance__c?.message,
275
317
  variant,
276
- options: [
277
- { value: 1, text: "Broker" },
278
- { value: 2, text: "Borrower" }
318
+ defaultValue: "",
319
+ children: [
320
+ /* @__PURE__ */ jsx("option", { value: "", children: "Select Option" }),
321
+ /* @__PURE__ */ jsx("option", { value: "Agriculture", children: "Agriculture" }),
322
+ /* @__PURE__ */ jsx("option", { value: "Transportation and Material Handling", children: "Transportation and Material Handling" }),
323
+ /* @__PURE__ */ jsx("option", { value: "Construction", children: "Construction" }),
324
+ /* @__PURE__ */ jsx("option", { value: "Healthcare", children: "Healthcare" }),
325
+ /* @__PURE__ */ jsx("option", { value: "Manufacturing", children: "Manufacturing" }),
326
+ /* @__PURE__ */ jsx("option", { value: "Energy", children: "Energy" }),
327
+ /* @__PURE__ */ jsx("option", { value: "Technology and Service", children: "Technology and Service" }),
328
+ /* @__PURE__ */ jsx("option", { value: "Insurance", children: "Insurance" }),
329
+ /* @__PURE__ */ jsx("option", { value: "Pharmaceutical and Laboratory", children: "Pharmaceutical and Laboratory" })
279
330
  ]
280
331
  }
332
+ ) }),
333
+ (CRESLPage || warehousePage) && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
334
+ Dropdown,
335
+ {
336
+ id: "Asset_Class__c",
337
+ ...register("Asset_Class__c", {
338
+ required: true
339
+ }),
340
+ label: "Asset Class",
341
+ sizes: "medium",
342
+ required: true,
343
+ error: !!errors.Asset_Class__c,
344
+ helperText: errors.Asset_Class__c?.message,
345
+ variant,
346
+ defaultValue: "",
347
+ children: [
348
+ /* @__PURE__ */ jsx("option", { value: "", children: "Select Option" }),
349
+ /* @__PURE__ */ jsx("option", { value: "Multifamily", children: "Multifamily" }),
350
+ CRESLPage && /* @__PURE__ */ jsx("option", { value: "Mixed-Use", children: "Mixed-Use" }),
351
+ /* @__PURE__ */ jsx("option", { value: "Office", children: "Office" }),
352
+ /* @__PURE__ */ jsx("option", { value: "Retail", children: "Retail" }),
353
+ /* @__PURE__ */ jsx("option", { value: "Hospitality", children: "Hospitality" }),
354
+ /* @__PURE__ */ jsx("option", { value: "Industrial/Warehouse", children: "Industrial/Warehouse" }),
355
+ /* @__PURE__ */ jsx("option", { value: "Other", children: "Other" })
356
+ ]
357
+ }
358
+ ) }),
359
+ CRESLPage && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
360
+ Dropdown,
361
+ {
362
+ id: "Loan__c",
363
+ ...register("Loan__c", {
364
+ required: true
365
+ }),
366
+ label: "Purpose of Loan",
367
+ sizes: "medium",
368
+ required: true,
369
+ error: !!errors.Loan__c,
370
+ helperText: errors.Loan__c?.message,
371
+ variant,
372
+ defaultValue: "",
373
+ children: [
374
+ /* @__PURE__ */ jsx("option", { value: "", children: "Select Option" }),
375
+ /* @__PURE__ */ jsx("option", { value: "Bridge", children: "Bridge" }),
376
+ /* @__PURE__ */ jsx("option", { value: "Construction", children: "Construction" })
377
+ ]
378
+ }
379
+ ) }),
380
+ (CRESLPage || warehousePage) && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
381
+ Input,
382
+ {
383
+ id: "Requested_loan_amount_and_leverage__c",
384
+ ...register("Requested_loan_amount_and_leverage__c", {
385
+ required: true
386
+ }),
387
+ label: "Requested loan amount and leverage",
388
+ sizes: "medium",
389
+ placeholder: "",
390
+ required: true,
391
+ error: !!errors.Requested_loan_amount_and_leverage__c,
392
+ helperText: errors.Requested_loan_amount_and_leverage__c?.message,
393
+ variant
394
+ }
281
395
  ) })
282
396
  ] }),
283
397
  children,
@@ -7,11 +7,12 @@ import "react";
7
7
  import "react-use";
8
8
  import "../Input/Checkbox.js";
9
9
  import "../Input/CurrencyInput.js";
10
- import "../Input/Dropdown.js";
10
+ import "../Input/Input.css.js";
11
11
  /* empty css */
12
+ /* empty css */
13
+ import "../Input/Dropdown.js";
12
14
  /* empty css */
13
15
  import { Input } from "../Input/Input.js";
14
- import "../Input/Input.css.js";
15
16
  import { InputPhone } from "../Input/InputPhone.js";
16
17
  import "../Input/InputTextArea.js";
17
18
  import "../icons/ArrowIcon/ArrowIcon.css.js";
@@ -7,11 +7,12 @@ import "react";
7
7
  import "react-use";
8
8
  import "../Input/Checkbox.js";
9
9
  import "../Input/CurrencyInput.js";
10
- import "../Input/Dropdown.js";
10
+ import "../Input/Input.css.js";
11
11
  /* empty css */
12
+ /* empty css */
13
+ import "../Input/Dropdown.js";
12
14
  /* empty css */
13
15
  import { Input } from "../Input/Input.js";
14
- import "../Input/Input.css.js";
15
16
  import { InputPhone } from "../Input/InputPhone.js";
16
17
  import "../Input/InputTextArea.js";
17
18
  import "../icons/ArrowIcon/ArrowIcon.css.js";
@@ -7,11 +7,12 @@ import "react";
7
7
  import "react-use";
8
8
  import "../Input/Checkbox.js";
9
9
  import "../Input/CurrencyInput.js";
10
- import { Dropdown } from "../Input/Dropdown.js";
10
+ import "../Input/Input.css.js";
11
11
  /* empty css */
12
+ /* empty css */
13
+ import { Dropdown } from "../Input/Dropdown.js";
12
14
  /* empty css */
13
15
  import { Input } from "../Input/Input.js";
14
- import "../Input/Input.css.js";
15
16
  import { InputPhone } from "../Input/InputPhone.js";
16
17
  import { InputTextArea } from "../Input/InputTextArea.js";
17
18
  import { LoadingIndicator } from "../LoadingIndicator/index.js";