@axos-web-dev/shared-components 1.0.77-patch.12 → 1.0.77-patch.13
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/Auth/ErrorAlert.js +2 -2
- package/dist/Button/Button.js +2 -2
- package/dist/Calculators/Calculator.d.ts +0 -1
- package/dist/Calculators/Calculator.js +16 -6
- package/dist/Calculators/MarineLoanMonthlyPaymentCalculator/index.d.ts +9 -0
- package/dist/Calculators/MarineLoanMonthlyPaymentCalculator/index.js +219 -0
- package/dist/Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.d.ts +1 -0
- package/dist/Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js +2 -0
- package/dist/Calculators/index.d.ts +2 -1
- package/dist/Calculators/index.js +3 -1
- package/dist/Carousel/index.js +2 -2
- package/dist/Chevron/index.js +2 -2
- package/dist/Comparison/Comparison.js +2 -2
- package/dist/ExecutiveBio/ExecutiveBio.js +2 -2
- package/dist/FaqAccordion/index.js +2 -2
- package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +2 -2
- package/dist/Forms/ApplyNow.d.ts +2 -2
- package/dist/Forms/ApplyNow.js +170 -145
- package/dist/Forms/ContactUsBusiness.js +2 -2
- package/dist/Forms/ContactUsBusinessNameEmail.js +2 -2
- package/dist/Forms/ContactUsLVF.d.ts +3 -1
- package/dist/Forms/ContactUsLVF.js +9 -4
- package/dist/Forms/ContactUsNMLSId.js +2 -2
- package/dist/Forms/CraPublicFile.js +2 -2
- package/dist/Forms/EmailOnly.js +2 -2
- package/dist/Forms/Forms.css.d.ts +18 -0
- package/dist/Forms/Forms.css.js +44 -38
- package/dist/Forms/MortgageRate/MortgageRateForm.js +2 -2
- package/dist/Forms/MortgageRate/MortgageRateWatch.js +2 -2
- package/dist/Forms/SuccesForm.js +5 -5
- package/dist/Forms/applynow-utils.d.ts +1 -0
- package/dist/Forms/applynow-utils.js +48 -0
- package/dist/Forms/index.d.ts +1 -0
- package/dist/Forms/index.js +6 -2
- package/dist/Hyperlink/index.js +2 -2
- package/dist/IconBillboard/sections/CallToActionSection.js +1 -0
- package/dist/ImageLink/ImageLink.js +2 -2
- package/dist/ImageLink/ImageLinkSet.js +2 -2
- package/dist/ImageLink/index.js +2 -2
- package/dist/Insight/Featured/CategorySelector.js +2 -2
- package/dist/Insight/Featured/Featured.js +2 -2
- package/dist/Insight/Featured/Header.js +2 -2
- package/dist/Modal/Modal.js +2 -2
- package/dist/NavigationMenu/AxosALTS/NavData.js +2 -2
- package/dist/NavigationMenu/AxosALTS/index.js +2 -2
- package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.js +2 -2
- package/dist/NavigationMenu/AxosBank/NavData.js +2 -2
- package/dist/NavigationMenu/AxosBank/SubNavBar.js +14 -6
- package/dist/NavigationMenu/AxosBank/index.js +2 -2
- package/dist/NavigationMenu/LaVictoire/NavData.js +2 -2
- package/dist/NavigationMenu/LaVictoire/index.js +2 -2
- package/dist/SetContainer/SetContainer.js +2 -2
- package/dist/SocialMediaBar/iconsRepository.js +2 -2
- package/dist/VideoTile/VideoTile.js +2 -2
- package/dist/VideoWrapper/index.js +2 -2
- package/dist/assets/Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css +3 -0
- package/dist/assets/Forms/Forms.css +135 -105
- package/dist/main.js +9 -3
- package/package.json +1 -1
package/dist/Forms/ApplyNow.js
CHANGED
|
@@ -44,9 +44,12 @@ import "../Input/InputPhone.js";
|
|
|
44
44
|
import "../Input/InputTextArea.js";
|
|
45
45
|
import "../Input/DownPaymentInput.js";
|
|
46
46
|
import "../Input/RadioButton.js";
|
|
47
|
+
import "../Input/PercentageInput.js";
|
|
47
48
|
import "react-hook-form";
|
|
48
|
-
import
|
|
49
|
+
import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
|
|
50
|
+
import { iconForm, headerForm, form, descriptionField, axosHeader, headerContainer, apply_now_form, formWrapper, step_title_apply_now, form_nav_apply_now, iconbillboards_option_apply_now, show_options, hide_options, back_btn_apply_now, disclosureForm, formContainer } from "./Forms.css.js";
|
|
49
51
|
import "./SalesforceFieldsForm.js";
|
|
52
|
+
import { getLink } from "./applynow-utils.js";
|
|
50
53
|
import "../Input/RadioButton.css.js";
|
|
51
54
|
import "../Input/Checkbox.css.js";
|
|
52
55
|
import "../LoadingIndicator/LoadingIndicator.css.js";
|
|
@@ -60,8 +63,6 @@ import "iframe-resizer";
|
|
|
60
63
|
import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
|
|
61
64
|
import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
|
|
62
65
|
import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
|
|
63
|
-
import "../Input/PercentageInput.js";
|
|
64
|
-
import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
|
|
65
66
|
/* empty css */
|
|
66
67
|
import "react-dom";
|
|
67
68
|
/* empty css */
|
|
@@ -134,21 +135,46 @@ const ApplyNow = ({
|
|
|
134
135
|
headline,
|
|
135
136
|
description,
|
|
136
137
|
id,
|
|
137
|
-
gbf = false
|
|
138
|
+
gbf = false,
|
|
139
|
+
project = "lvf"
|
|
138
140
|
}) => {
|
|
141
|
+
const headers = [
|
|
142
|
+
"Choose the boat loan that fits your needs.",
|
|
143
|
+
"How are you going to use your boat?",
|
|
144
|
+
"Will you hold your boat in LLC or personally own it?"
|
|
145
|
+
];
|
|
139
146
|
const reducer = (state, action) => {
|
|
140
147
|
if (action.type == "back") {
|
|
141
148
|
return {
|
|
142
149
|
...state,
|
|
143
150
|
step: state.selection.includes("Inventory Finance") ? 1 : state.step > 0 ? state.step - 1 : 1,
|
|
144
|
-
selection: state.selection.includes("Inventory Finance") ? [] : state.selection.slice(0, -1)
|
|
151
|
+
selection: state.selection.includes("Inventory Finance") ? [] : state.selection.slice(0, -1),
|
|
152
|
+
title: headers[state.step - 2] || headers[0]
|
|
153
|
+
};
|
|
154
|
+
}
|
|
155
|
+
if (action.type == "Initial") {
|
|
156
|
+
return {
|
|
157
|
+
...state,
|
|
158
|
+
step: 1,
|
|
159
|
+
selection: [],
|
|
160
|
+
title: "Choose the boat loan that fits your needs."
|
|
145
161
|
};
|
|
146
162
|
}
|
|
147
163
|
if (action.type == "Term") {
|
|
148
|
-
return {
|
|
164
|
+
return {
|
|
165
|
+
...state,
|
|
166
|
+
step: 2,
|
|
167
|
+
selection: ["Term"],
|
|
168
|
+
title: "How are you going to use your boat?"
|
|
169
|
+
};
|
|
149
170
|
}
|
|
150
171
|
if (action.type == "Credit Line") {
|
|
151
|
-
return {
|
|
172
|
+
return {
|
|
173
|
+
...state,
|
|
174
|
+
step: 2,
|
|
175
|
+
selection: ["Credit Line"],
|
|
176
|
+
title: "How are you going to use your boat?"
|
|
177
|
+
};
|
|
152
178
|
}
|
|
153
179
|
if (action.type == "Inventory Finance") {
|
|
154
180
|
return { ...state, step: 4, selection: ["Inventory Finance"] };
|
|
@@ -157,31 +183,40 @@ const ApplyNow = ({
|
|
|
157
183
|
return {
|
|
158
184
|
...state,
|
|
159
185
|
step: 3,
|
|
160
|
-
selection: [...state.selection, "Limited Charter"]
|
|
186
|
+
selection: [...state.selection, "Limited Charter"],
|
|
187
|
+
title: "Will you hold your boat in LLC or personally own it?"
|
|
161
188
|
};
|
|
162
189
|
}
|
|
163
190
|
if (action.type == "Personal Use") {
|
|
164
191
|
return {
|
|
165
192
|
...state,
|
|
166
193
|
step: 3,
|
|
167
|
-
selection: [...state.selection, "Personal Use"]
|
|
194
|
+
selection: [...state.selection, "Personal Use"],
|
|
195
|
+
title: "Will you hold your boat in LLC or personally own it?"
|
|
168
196
|
};
|
|
169
197
|
}
|
|
170
198
|
if (action.type == "Full-time Charter") {
|
|
171
199
|
return {
|
|
172
200
|
...state,
|
|
173
201
|
step: 3,
|
|
174
|
-
selection: [...state.selection, "Full-time Charter"]
|
|
202
|
+
selection: [...state.selection, "Full-time Charter"],
|
|
203
|
+
title: "Will you hold your boat in LLC or personally own it?"
|
|
175
204
|
};
|
|
176
205
|
}
|
|
177
206
|
if (action.type == "LLC") {
|
|
178
|
-
return {
|
|
207
|
+
return {
|
|
208
|
+
...state,
|
|
209
|
+
step: 4,
|
|
210
|
+
selection: [...state.selection, "LLC"],
|
|
211
|
+
title: "Get ready to start your application."
|
|
212
|
+
};
|
|
179
213
|
}
|
|
180
214
|
if (action.type == "Personal") {
|
|
181
215
|
return {
|
|
182
216
|
...state,
|
|
183
217
|
step: 4,
|
|
184
|
-
selection: [...state.selection, "Personal"]
|
|
218
|
+
selection: [...state.selection, "Personal"],
|
|
219
|
+
title: "Get ready to start your application."
|
|
185
220
|
};
|
|
186
221
|
}
|
|
187
222
|
if (action.type == "URL") {
|
|
@@ -196,26 +231,39 @@ const ApplyNow = ({
|
|
|
196
231
|
const [stateRed, dispatch] = useReducer(reducer, {
|
|
197
232
|
url: "",
|
|
198
233
|
selection: [],
|
|
199
|
-
step: 1
|
|
234
|
+
step: 1,
|
|
235
|
+
title: "Choose the boat loan that fits your needs."
|
|
200
236
|
});
|
|
201
237
|
const variant = getVariant(fullVariant);
|
|
238
|
+
const backButtonVariant = ["tertiary", "quaternary"].includes(variant) && project !== "lvf" ? "tertiary" : "primary";
|
|
202
239
|
return /* @__PURE__ */ jsx("section", { id, className: clsx(formContainer({ variant })), children: /* @__PURE__ */ jsx("div", { className: clsx("containment"), children: /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
203
240
|
icon && /* @__PURE__ */ jsx("div", { className: clsx("text_center", iconForm), children: ["primary", "secondary"].includes(variant) ? /* @__PURE__ */ jsx(SvgComponent, {}) : /* @__PURE__ */ jsx(SvgAxosX, {}) }),
|
|
204
|
-
/* @__PURE__ */ jsxs(
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
),
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
241
|
+
/* @__PURE__ */ jsxs(
|
|
242
|
+
"div",
|
|
243
|
+
{
|
|
244
|
+
className: clsx(
|
|
245
|
+
project === "lvf" ? axosHeader : "",
|
|
246
|
+
`${headerContainer} text_center`,
|
|
247
|
+
headerForm({ variant })
|
|
248
|
+
),
|
|
249
|
+
children: [
|
|
250
|
+
/* @__PURE__ */ jsx("h2", { className: clsx("header_2", headerForm({ variant })), children: stateRed.title ?? headline }),
|
|
251
|
+
/* @__PURE__ */ jsx(
|
|
252
|
+
"div",
|
|
253
|
+
{
|
|
254
|
+
className: clsx(
|
|
255
|
+
"text_center",
|
|
256
|
+
form,
|
|
257
|
+
descriptionField({ variant }),
|
|
258
|
+
project === "axos" && stateRed.step > 1 ? "hide" : ""
|
|
259
|
+
),
|
|
260
|
+
children: description
|
|
261
|
+
}
|
|
262
|
+
)
|
|
263
|
+
]
|
|
264
|
+
}
|
|
265
|
+
),
|
|
266
|
+
/* @__PURE__ */ jsxs("form", { className: project === "lvf" ? form : apply_now_form, children: [
|
|
219
267
|
/* @__PURE__ */ jsx(
|
|
220
268
|
"div",
|
|
221
269
|
{
|
|
@@ -234,30 +282,48 @@ const ApplyNow = ({
|
|
|
234
282
|
stateRed.step == 1 ? show_options : hide_options
|
|
235
283
|
),
|
|
236
284
|
children: [
|
|
237
|
-
/* @__PURE__ */ jsx(
|
|
238
|
-
"
|
|
285
|
+
/* @__PURE__ */ jsx(
|
|
286
|
+
"div",
|
|
239
287
|
{
|
|
240
288
|
className: clsx(
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
step_title_apply_now
|
|
289
|
+
form_nav_apply_now,
|
|
290
|
+
project !== "lvf" ? "hide" : ""
|
|
244
291
|
),
|
|
245
|
-
children:
|
|
292
|
+
children: /* @__PURE__ */ jsx(
|
|
293
|
+
"p",
|
|
294
|
+
{
|
|
295
|
+
className: clsx(
|
|
296
|
+
"header_2",
|
|
297
|
+
headerForm({ variant }),
|
|
298
|
+
step_title_apply_now
|
|
299
|
+
),
|
|
300
|
+
children: "Step One"
|
|
301
|
+
}
|
|
302
|
+
)
|
|
246
303
|
}
|
|
247
|
-
)
|
|
304
|
+
),
|
|
248
305
|
/* @__PURE__ */ jsxs("div", { className: clsx(iconbillboards_option_apply_now), children: [
|
|
249
306
|
/* @__PURE__ */ jsx(
|
|
250
307
|
IconBillboard,
|
|
251
308
|
{
|
|
252
309
|
headline: "Term Loans",
|
|
253
|
-
body:
|
|
310
|
+
body: project === "lvf" ? /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
311
|
+
"I am buying a new or used boat ",
|
|
312
|
+
/* @__PURE__ */ jsx("strong", { children: "or" }),
|
|
313
|
+
" I am looking for a Preapproval."
|
|
314
|
+
] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
315
|
+
"I'm ready to begin a boat loan application",
|
|
316
|
+
" ",
|
|
317
|
+
/* @__PURE__ */ jsx("strong", { children: "or" }),
|
|
318
|
+
" get preapproved."
|
|
319
|
+
] }),
|
|
254
320
|
callToActionRow: [
|
|
255
321
|
{
|
|
256
322
|
id: "Term",
|
|
257
323
|
targetUrl: "#",
|
|
258
|
-
displayText: "Select",
|
|
259
|
-
variant: "secondary",
|
|
260
|
-
type: "Button",
|
|
324
|
+
displayText: project === "lvf" ? "Select" : "Get Started",
|
|
325
|
+
variant: project === "lvf" ? "secondary" : "primary",
|
|
326
|
+
type: project === "lvf" ? "Button" : "Chevron",
|
|
261
327
|
as: "button",
|
|
262
328
|
onClick: () => {
|
|
263
329
|
dispatch({ type: "Term" });
|
|
@@ -269,48 +335,50 @@ const ApplyNow = ({
|
|
|
269
335
|
variant: "primary"
|
|
270
336
|
}
|
|
271
337
|
),
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
338
|
+
project === "lvf" && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
339
|
+
gbf && /* @__PURE__ */ jsx(
|
|
340
|
+
IconBillboard,
|
|
341
|
+
{
|
|
342
|
+
headline: "Credit Line",
|
|
343
|
+
body: "I want to make improvements on my boat.",
|
|
344
|
+
callToActionRow: [
|
|
345
|
+
{
|
|
346
|
+
id: "Credit Line",
|
|
347
|
+
targetUrl: "#",
|
|
348
|
+
displayText: "Select",
|
|
349
|
+
variant: "secondary",
|
|
350
|
+
type: "Button",
|
|
351
|
+
as: "button",
|
|
352
|
+
onClick: () => {
|
|
353
|
+
dispatch({ type: "Credit Line" });
|
|
354
|
+
dispatch({ type: "URL" });
|
|
355
|
+
}
|
|
288
356
|
}
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
)
|
|
357
|
+
],
|
|
358
|
+
id: "Credit Line",
|
|
359
|
+
variant: "primary"
|
|
360
|
+
}
|
|
361
|
+
),
|
|
362
|
+
!gbf && /* @__PURE__ */ jsx(
|
|
363
|
+
IconBillboard,
|
|
364
|
+
{
|
|
365
|
+
headline: "Inventory Finance",
|
|
366
|
+
body: "I am a boat dealer purchasing multiple boats in the future.",
|
|
367
|
+
callToActionRow: [
|
|
368
|
+
{
|
|
369
|
+
id: "Inventory Finance",
|
|
370
|
+
targetUrl: "/contact-us",
|
|
371
|
+
displayText: "Select",
|
|
372
|
+
variant: "secondary",
|
|
373
|
+
type: "Button",
|
|
374
|
+
as: "a"
|
|
375
|
+
}
|
|
376
|
+
],
|
|
377
|
+
id: "billboard-term",
|
|
378
|
+
variant: "primary"
|
|
379
|
+
}
|
|
380
|
+
)
|
|
381
|
+
] })
|
|
314
382
|
] })
|
|
315
383
|
]
|
|
316
384
|
}
|
|
@@ -331,8 +399,9 @@ const ApplyNow = ({
|
|
|
331
399
|
action: () => {
|
|
332
400
|
dispatch({ type: "back" });
|
|
333
401
|
dispatch({ type: "URL" });
|
|
402
|
+
dispatch({ type: "Initial" });
|
|
334
403
|
},
|
|
335
|
-
variant:
|
|
404
|
+
variant: backButtonVariant,
|
|
336
405
|
targetUrl: "#",
|
|
337
406
|
displayText: "Back",
|
|
338
407
|
leftArrow: true,
|
|
@@ -346,7 +415,8 @@ const ApplyNow = ({
|
|
|
346
415
|
className: clsx(
|
|
347
416
|
"header_2",
|
|
348
417
|
headerForm({ variant }),
|
|
349
|
-
step_title_apply_now
|
|
418
|
+
step_title_apply_now,
|
|
419
|
+
project !== "lvf" ? "hide" : ""
|
|
350
420
|
),
|
|
351
421
|
children: "Step Two"
|
|
352
422
|
}
|
|
@@ -363,8 +433,8 @@ const ApplyNow = ({
|
|
|
363
433
|
id: "Full-time Charter",
|
|
364
434
|
targetUrl: "#",
|
|
365
435
|
displayText: "Select",
|
|
366
|
-
variant: "secondary",
|
|
367
|
-
type: "Button",
|
|
436
|
+
variant: project === "lvf" ? "secondary" : "primary",
|
|
437
|
+
type: project === "lvf" ? "Button" : "Chevron",
|
|
368
438
|
as: "button",
|
|
369
439
|
onClick: () => {
|
|
370
440
|
dispatch({ type: "Full-time Charter" });
|
|
@@ -386,8 +456,8 @@ const ApplyNow = ({
|
|
|
386
456
|
id: "Limited-charter",
|
|
387
457
|
targetUrl: "#",
|
|
388
458
|
displayText: "Select",
|
|
389
|
-
variant: "secondary",
|
|
390
|
-
type: "Button",
|
|
459
|
+
variant: project === "lvf" ? "secondary" : "primary",
|
|
460
|
+
type: project === "lvf" ? "Button" : "Chevron",
|
|
391
461
|
as: "button",
|
|
392
462
|
onClick: () => {
|
|
393
463
|
dispatch({ type: "Limited Charter" });
|
|
@@ -409,8 +479,8 @@ const ApplyNow = ({
|
|
|
409
479
|
id: "personal-use",
|
|
410
480
|
targetUrl: "#",
|
|
411
481
|
displayText: "Select",
|
|
412
|
-
variant: "secondary",
|
|
413
|
-
type: "Button",
|
|
482
|
+
variant: project === "lvf" ? "secondary" : "primary",
|
|
483
|
+
type: project === "lvf" ? "Button" : "Chevron",
|
|
414
484
|
as: "button",
|
|
415
485
|
onClick: () => {
|
|
416
486
|
dispatch({ type: "Personal Use" });
|
|
@@ -443,7 +513,7 @@ const ApplyNow = ({
|
|
|
443
513
|
dispatch({ type: "back" });
|
|
444
514
|
dispatch({ type: "URL" });
|
|
445
515
|
},
|
|
446
|
-
variant:
|
|
516
|
+
variant: backButtonVariant,
|
|
447
517
|
targetUrl: "",
|
|
448
518
|
displayText: "Back",
|
|
449
519
|
leftArrow: true,
|
|
@@ -457,7 +527,8 @@ const ApplyNow = ({
|
|
|
457
527
|
className: clsx(
|
|
458
528
|
"header_2",
|
|
459
529
|
headerForm({ variant }),
|
|
460
|
-
step_title_apply_now
|
|
530
|
+
step_title_apply_now,
|
|
531
|
+
project !== "lvf" ? "hide" : ""
|
|
461
532
|
),
|
|
462
533
|
children: "Step Three"
|
|
463
534
|
}
|
|
@@ -474,8 +545,8 @@ const ApplyNow = ({
|
|
|
474
545
|
id: "llc",
|
|
475
546
|
targetUrl: "#",
|
|
476
547
|
displayText: "Select",
|
|
477
|
-
variant: "secondary",
|
|
478
|
-
type: "Button",
|
|
548
|
+
variant: project === "lvf" ? "secondary" : "primary",
|
|
549
|
+
type: project === "lvf" ? "Button" : "Chevron",
|
|
479
550
|
as: "button",
|
|
480
551
|
onClick: () => {
|
|
481
552
|
dispatch({ type: "LLC" });
|
|
@@ -497,8 +568,8 @@ const ApplyNow = ({
|
|
|
497
568
|
id: "personal",
|
|
498
569
|
targetUrl: "#",
|
|
499
570
|
displayText: "Select",
|
|
500
|
-
variant: "secondary",
|
|
501
|
-
type: "Button",
|
|
571
|
+
variant: project === "lvf" ? "secondary" : "primary",
|
|
572
|
+
type: project === "lvf" ? "Button" : "Chevron",
|
|
502
573
|
as: "button",
|
|
503
574
|
onClick: () => {
|
|
504
575
|
dispatch({ type: "Personal" });
|
|
@@ -531,8 +602,8 @@ const ApplyNow = ({
|
|
|
531
602
|
dispatch({ type: "back" });
|
|
532
603
|
dispatch({ type: "URL" });
|
|
533
604
|
},
|
|
534
|
-
variant:
|
|
535
|
-
targetUrl: "
|
|
605
|
+
variant: backButtonVariant,
|
|
606
|
+
targetUrl: "#",
|
|
536
607
|
displayText: "Back",
|
|
537
608
|
leftArrow: true,
|
|
538
609
|
classNameWrapper: clsx(back_btn_apply_now),
|
|
@@ -566,8 +637,8 @@ const ApplyNow = ({
|
|
|
566
637
|
{
|
|
567
638
|
id: "Inventory Finance",
|
|
568
639
|
targetUrl: stateRed.url,
|
|
569
|
-
displayText: "Select",
|
|
570
|
-
variant: "secondary",
|
|
640
|
+
displayText: project === "lvf" ? "Select" : "Start Application",
|
|
641
|
+
variant: project === "lvf" ? "secondary" : "primary",
|
|
571
642
|
type: "Button",
|
|
572
643
|
as: "a"
|
|
573
644
|
}
|
|
@@ -585,52 +656,6 @@ const ApplyNow = ({
|
|
|
585
656
|
] })
|
|
586
657
|
] }) }) }, id);
|
|
587
658
|
};
|
|
588
|
-
const getLink = (selection) => {
|
|
589
|
-
const formSelection = selection.join(" | ");
|
|
590
|
-
let url = "{LVFMYSITE}/Portal/nPortal__SelfRegistration?core=es5";
|
|
591
|
-
switch (formSelection) {
|
|
592
|
-
case "Term | Full-time Charter | LLC":
|
|
593
|
-
url += "&product=a0u5e000001XiAo";
|
|
594
|
-
break;
|
|
595
|
-
case "Term | Limited Charter | LLC":
|
|
596
|
-
url += "&product=a0u5e000001XiAp";
|
|
597
|
-
break;
|
|
598
|
-
case "Term | Personal Use | LLC":
|
|
599
|
-
url += "&product=a0u5e000001XiB3";
|
|
600
|
-
break;
|
|
601
|
-
case "Term | Full-time Charter | Personal":
|
|
602
|
-
url += "&product=a0u5e000001Wfd5";
|
|
603
|
-
break;
|
|
604
|
-
case "Term | Limited Charter | Personal":
|
|
605
|
-
url += "&product=a0u5e000001WfdA";
|
|
606
|
-
break;
|
|
607
|
-
case "Term | Personal Use | Personal":
|
|
608
|
-
url += "&product=a0u5e000001WfdB";
|
|
609
|
-
break;
|
|
610
|
-
case "Credit Line | Full-time Charter | LLC":
|
|
611
|
-
url += "&product=a0u8W00002DhceX";
|
|
612
|
-
break;
|
|
613
|
-
case "Credit Line | Limited Charter | LLC":
|
|
614
|
-
url += "&product=a0u8W00002DhceY";
|
|
615
|
-
break;
|
|
616
|
-
case "Credit Line | Personal Use | LLC":
|
|
617
|
-
url += "&product=a0u8W00002DhceZ";
|
|
618
|
-
break;
|
|
619
|
-
case "Credit Line | Full-time Charter | Personal":
|
|
620
|
-
url += "&product=a0u8W00002DhceS";
|
|
621
|
-
break;
|
|
622
|
-
case "Credit Line | Limited Charter | Personal":
|
|
623
|
-
url += "&product=a0u8W00002DhceT";
|
|
624
|
-
break;
|
|
625
|
-
case "Credit Line | Personal Use | Personal":
|
|
626
|
-
url += "&product=a0u8W00002DhceU";
|
|
627
|
-
break;
|
|
628
|
-
default:
|
|
629
|
-
url += "&product=a0u5e000000hzHz";
|
|
630
|
-
}
|
|
631
|
-
return url;
|
|
632
|
-
};
|
|
633
659
|
export {
|
|
634
|
-
ApplyNow
|
|
635
|
-
getLink
|
|
660
|
+
ApplyNow
|
|
636
661
|
};
|
|
@@ -41,8 +41,10 @@ import "../Calculators/ApyCalculator/ApyCalculator.css.js";
|
|
|
41
41
|
import "../Table/Table.css.js";
|
|
42
42
|
import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
|
|
43
43
|
import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
|
|
44
|
+
import "../Input/PercentageInput.js";
|
|
44
45
|
import { useForm, FormProvider } from "react-hook-form";
|
|
45
46
|
import { z } from "zod";
|
|
47
|
+
import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
|
|
46
48
|
import { iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, disclosureForm, actions, formContainer } from "./Forms.css.js";
|
|
47
49
|
import { SalesforceSchema } from "./SalesforceFieldsForm.js";
|
|
48
50
|
/* empty css */
|
|
@@ -62,8 +64,6 @@ import "iframe-resizer";
|
|
|
62
64
|
import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
|
|
63
65
|
import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
|
|
64
66
|
import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
|
|
65
|
-
import "../Input/PercentageInput.js";
|
|
66
|
-
import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
|
|
67
67
|
/* empty css */
|
|
68
68
|
import "react-dom";
|
|
69
69
|
/* empty css */
|
|
@@ -41,8 +41,10 @@ import "../Calculators/ApyCalculator/ApyCalculator.css.js";
|
|
|
41
41
|
import "../Table/Table.css.js";
|
|
42
42
|
import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
|
|
43
43
|
import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
|
|
44
|
+
import "../Input/PercentageInput.js";
|
|
44
45
|
import { useForm, FormProvider } from "react-hook-form";
|
|
45
46
|
import { z } from "zod";
|
|
47
|
+
import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
|
|
46
48
|
import { iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, disclosureForm, actions, formContainer } from "./Forms.css.js";
|
|
47
49
|
import { SalesforceSchema } from "./SalesforceFieldsForm.js";
|
|
48
50
|
/* empty css */
|
|
@@ -62,8 +64,6 @@ import "iframe-resizer";
|
|
|
62
64
|
import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
|
|
63
65
|
import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
|
|
64
66
|
import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
|
|
65
|
-
import "../Input/PercentageInput.js";
|
|
66
|
-
import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
|
|
67
67
|
/* empty css */
|
|
68
68
|
import "react-dom";
|
|
69
69
|
/* empty css */
|
|
@@ -8,4 +8,6 @@ export type ContactUsLaVictoireInputs = {
|
|
|
8
8
|
message: string;
|
|
9
9
|
checkbox: boolean;
|
|
10
10
|
};
|
|
11
|
-
export declare const ContactUsLVF: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, id, }: FormProps
|
|
11
|
+
export declare const ContactUsLVF: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, id, dealerCheckbox, }: FormProps & {
|
|
12
|
+
dealerCheckbox?: boolean;
|
|
13
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -44,7 +44,8 @@ const ContactUsLVF = ({
|
|
|
44
44
|
description,
|
|
45
45
|
callToAction,
|
|
46
46
|
validateEmail,
|
|
47
|
-
id
|
|
47
|
+
id,
|
|
48
|
+
dealerCheckbox = true
|
|
48
49
|
}) => {
|
|
49
50
|
const schema = z.object({
|
|
50
51
|
firstname: z.string().regex(/^[a-zA-Z]*(?:[a-zA-Z][a-zA-Z'-]*\s{0,1}){2,}$/g, {
|
|
@@ -79,7 +80,10 @@ const ContactUsLVF = ({
|
|
|
79
80
|
resolver: zodResolver(schema, {
|
|
80
81
|
async: true
|
|
81
82
|
}),
|
|
82
|
-
mode: "all"
|
|
83
|
+
mode: "all",
|
|
84
|
+
defaultValues: {
|
|
85
|
+
checkbox: false
|
|
86
|
+
}
|
|
83
87
|
});
|
|
84
88
|
const {
|
|
85
89
|
handleSubmit,
|
|
@@ -112,7 +116,8 @@ const ContactUsLVF = ({
|
|
|
112
116
|
await onSubmit({
|
|
113
117
|
fields: formattedFieldsData,
|
|
114
118
|
context: contextData,
|
|
115
|
-
legalConsentOptions: legalConsentData
|
|
119
|
+
legalConsentOptions: legalConsentData,
|
|
120
|
+
form: "contactUSLVF"
|
|
116
121
|
});
|
|
117
122
|
};
|
|
118
123
|
const variant = getVariant(fullVariant);
|
|
@@ -200,7 +205,7 @@ const ContactUsLVF = ({
|
|
|
200
205
|
}
|
|
201
206
|
) }),
|
|
202
207
|
" ",
|
|
203
|
-
/* @__PURE__ */ jsx("div", { className: fullRowForm, children: /* @__PURE__ */ jsx(
|
|
208
|
+
dealerCheckbox && /* @__PURE__ */ jsx("div", { className: clsx(fullRowForm), children: /* @__PURE__ */ jsx(
|
|
204
209
|
Checkbox,
|
|
205
210
|
{
|
|
206
211
|
id: "checkbox",
|
|
@@ -41,8 +41,10 @@ import "../Calculators/ApyCalculator/ApyCalculator.css.js";
|
|
|
41
41
|
import "../Table/Table.css.js";
|
|
42
42
|
import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
|
|
43
43
|
import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
|
|
44
|
+
import "../Input/PercentageInput.js";
|
|
44
45
|
import { useForm, FormProvider } from "react-hook-form";
|
|
45
46
|
import { z } from "zod";
|
|
47
|
+
import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
|
|
46
48
|
import { iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, disclosureForm, actions, formContainer } from "./Forms.css.js";
|
|
47
49
|
import { SalesforceSchema } from "./SalesforceFieldsForm.js";
|
|
48
50
|
/* empty css */
|
|
@@ -62,8 +64,6 @@ import "iframe-resizer";
|
|
|
62
64
|
import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
|
|
63
65
|
import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
|
|
64
66
|
import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
|
|
65
|
-
import "../Input/PercentageInput.js";
|
|
66
|
-
import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
|
|
67
67
|
/* empty css */
|
|
68
68
|
import "react-dom";
|
|
69
69
|
/* empty css */
|
|
@@ -41,8 +41,10 @@ import "../Calculators/ApyCalculator/ApyCalculator.css.js";
|
|
|
41
41
|
import "../Table/Table.css.js";
|
|
42
42
|
import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
|
|
43
43
|
import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
|
|
44
|
+
import "../Input/PercentageInput.js";
|
|
44
45
|
import { useForm, FormProvider } from "react-hook-form";
|
|
45
46
|
import { z } from "zod";
|
|
47
|
+
import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
|
|
46
48
|
import { iconForm, headerContainer, headerForm, form, descriptionField, fullRowForm, formWrapper, disclosureForm, actions, formContainer } from "./Forms.css.js";
|
|
47
49
|
import { SalesforceSchema } from "./SalesforceFieldsForm.js";
|
|
48
50
|
/* empty css */
|
|
@@ -62,8 +64,6 @@ import "iframe-resizer";
|
|
|
62
64
|
import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
|
|
63
65
|
import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
|
|
64
66
|
import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
|
|
65
|
-
import "../Input/PercentageInput.js";
|
|
66
|
-
import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
|
|
67
67
|
/* empty css */
|
|
68
68
|
import "react-dom";
|
|
69
69
|
/* empty css */
|
package/dist/Forms/EmailOnly.js
CHANGED
|
@@ -42,8 +42,10 @@ import "../Calculators/ApyCalculator/ApyCalculator.css.js";
|
|
|
42
42
|
import "../Table/Table.css.js";
|
|
43
43
|
import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
|
|
44
44
|
import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
|
|
45
|
+
import "../Input/PercentageInput.js";
|
|
45
46
|
import { useForm, FormProvider } from "react-hook-form";
|
|
46
47
|
import { z } from "zod";
|
|
48
|
+
import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
|
|
47
49
|
import { iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, disclosureForm, actions, formContainer } from "./Forms.css.js";
|
|
48
50
|
import { SalesforceSchema } from "./SalesforceFieldsForm.js";
|
|
49
51
|
/* empty css */
|
|
@@ -63,8 +65,6 @@ import "iframe-resizer";
|
|
|
63
65
|
import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
|
|
64
66
|
import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
|
|
65
67
|
import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
|
|
66
|
-
import "../Input/PercentageInput.js";
|
|
67
|
-
import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
|
|
68
68
|
/* empty css */
|
|
69
69
|
import "react-dom";
|
|
70
70
|
/* empty css */
|