@axos-web-dev/shared-components 1.0.77-patch.12 → 1.0.77-patch.14

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 (58) hide show
  1. package/dist/Auth/ErrorAlert.js +2 -2
  2. package/dist/Button/Button.js +2 -2
  3. package/dist/Calculators/Calculator.js +14 -2
  4. package/dist/Calculators/MarineLoanMonthlyPaymentCalculator/index.d.ts +9 -0
  5. package/dist/Calculators/MarineLoanMonthlyPaymentCalculator/index.js +219 -0
  6. package/dist/Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.d.ts +1 -0
  7. package/dist/Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js +2 -0
  8. package/dist/Calculators/index.d.ts +2 -1
  9. package/dist/Calculators/index.js +3 -1
  10. package/dist/Carousel/index.js +2 -2
  11. package/dist/Chevron/index.js +2 -2
  12. package/dist/Comparison/Comparison.js +2 -2
  13. package/dist/ExecutiveBio/ExecutiveBio.js +2 -2
  14. package/dist/FaqAccordion/index.js +2 -2
  15. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +2 -2
  16. package/dist/Forms/ApplyNow.d.ts +2 -2
  17. package/dist/Forms/ApplyNow.js +170 -145
  18. package/dist/Forms/ContactUsBusiness.js +2 -2
  19. package/dist/Forms/ContactUsBusinessNameEmail.js +2 -2
  20. package/dist/Forms/ContactUsLVF.d.ts +3 -1
  21. package/dist/Forms/ContactUsLVF.js +9 -4
  22. package/dist/Forms/ContactUsNMLSId.js +2 -2
  23. package/dist/Forms/CraPublicFile.js +2 -2
  24. package/dist/Forms/EmailOnly.js +2 -2
  25. package/dist/Forms/Forms.css.d.ts +18 -0
  26. package/dist/Forms/Forms.css.js +44 -38
  27. package/dist/Forms/MortgageRate/MortgageRateForm.js +2 -2
  28. package/dist/Forms/MortgageRate/MortgageRateWatch.js +2 -2
  29. package/dist/Forms/SuccesForm.js +5 -5
  30. package/dist/Forms/applynow-utils.d.ts +1 -0
  31. package/dist/Forms/applynow-utils.js +48 -0
  32. package/dist/Forms/index.d.ts +1 -0
  33. package/dist/Forms/index.js +6 -2
  34. package/dist/Hyperlink/index.js +2 -2
  35. package/dist/IconBillboard/sections/CallToActionSection.js +1 -0
  36. package/dist/ImageLink/ImageLink.js +2 -2
  37. package/dist/ImageLink/ImageLinkSet.js +2 -2
  38. package/dist/ImageLink/index.js +2 -2
  39. package/dist/Insight/Featured/CategorySelector.js +2 -2
  40. package/dist/Insight/Featured/Featured.js +2 -2
  41. package/dist/Insight/Featured/Header.js +2 -2
  42. package/dist/Modal/Modal.js +2 -2
  43. package/dist/NavigationMenu/AxosALTS/NavData.js +2 -2
  44. package/dist/NavigationMenu/AxosALTS/index.js +2 -2
  45. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.js +2 -2
  46. package/dist/NavigationMenu/AxosBank/NavData.js +2 -2
  47. package/dist/NavigationMenu/AxosBank/SubNavBar.js +14 -6
  48. package/dist/NavigationMenu/AxosBank/index.js +2 -2
  49. package/dist/NavigationMenu/LaVictoire/NavData.js +2 -2
  50. package/dist/NavigationMenu/LaVictoire/index.js +2 -2
  51. package/dist/SetContainer/SetContainer.js +2 -2
  52. package/dist/SocialMediaBar/iconsRepository.js +2 -2
  53. package/dist/VideoTile/VideoTile.js +2 -2
  54. package/dist/VideoWrapper/index.js +2 -2
  55. package/dist/assets/Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css +3 -0
  56. package/dist/assets/Forms/Forms.css +135 -105
  57. package/dist/main.js +9 -3
  58. package/package.json +1 -1
@@ -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 { iconForm, headerContainer, headerForm, form, descriptionField, 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
+ 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 { ...state, step: 2, selection: ["Term"] };
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 { ...state, step: 2, selection: ["Credit Line"] };
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 { ...state, step: 4, selection: [...state.selection, "LLC"] };
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("div", { className: `${headerContainer} text_center`, children: [
205
- /* @__PURE__ */ jsx("h2", { className: clsx("header_2", headerForm({ variant })), children: headline }),
206
- description && typeof description === "string" ? /* @__PURE__ */ jsx(
207
- "div",
208
- {
209
- className: clsx(
210
- "text_center",
211
- form,
212
- descriptionField({ variant })
213
- ),
214
- children: description
215
- }
216
- ) : description
217
- ] }),
218
- /* @__PURE__ */ jsxs("form", { className: form, children: [
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("div", { className: clsx(form_nav_apply_now), children: /* @__PURE__ */ jsx(
238
- "p",
285
+ /* @__PURE__ */ jsx(
286
+ "div",
239
287
  {
240
288
  className: clsx(
241
- "header_2",
242
- headerForm({ variant }),
243
- step_title_apply_now
289
+ form_nav_apply_now,
290
+ project !== "lvf" ? "hide" : ""
244
291
  ),
245
- children: "Step One"
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: "I am buying a new or used boat OR I am looking for a Preapproval.",
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
- gbf && /* @__PURE__ */ jsx(
273
- IconBillboard,
274
- {
275
- headline: "Credit Line",
276
- body: "I want to make improvements on my boat.",
277
- callToActionRow: [
278
- {
279
- id: "Credit Line",
280
- targetUrl: "#",
281
- displayText: "Select",
282
- variant: "secondary",
283
- type: "Button",
284
- as: "button",
285
- onClick: () => {
286
- dispatch({ type: "Credit Line" });
287
- dispatch({ type: "URL" });
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
- id: "Credit Line",
292
- variant: "primary"
293
- }
294
- ),
295
- !gbf && /* @__PURE__ */ jsx(
296
- IconBillboard,
297
- {
298
- headline: "Inventory Finance",
299
- body: "I am a boat dealer purchasing multiple boats in the future.",
300
- callToActionRow: [
301
- {
302
- id: "Inventory Finance",
303
- targetUrl: "/contact-us",
304
- displayText: "Select",
305
- variant: "secondary",
306
- type: "Button",
307
- as: "a"
308
- }
309
- ],
310
- id: "billboard-term",
311
- variant: "primary"
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: "primary",
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: "primary",
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: "primary",
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) => import("react/jsx-runtime").JSX.Element;
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 */
@@ -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 */