bhl-forms 0.0.12 → 0.0.15

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.
@@ -16,12 +16,12 @@ const radio = (updates) => {
16
16
  }, updates)
17
17
  };
18
18
 
19
- const sbsRadio = (updates) => {
19
+ const sbs2ColRadio = (updates) => {
20
20
  updates.legendClass = 'legend-left required';
21
21
  updates.fieldsetClass = '$reset side-by-side';
22
- updates.optionsClass = 'pl-1';
23
- updates.innerClass = 'flex items-center';
24
- updates.wrapperClass = 'mb-3';
22
+ updates.optionsClass = 'grid grid-cols-1 md:grid-cols-2';
23
+ updates.innerClass = 'flex items-start';
24
+ updates.wrapperClass = '$reset flex cursor-pointer mb-3';
25
25
  return radio(updates)
26
26
  };
27
27
 
@@ -71,16 +71,16 @@ const sbsText = (updates) => {
71
71
  return text(updates)
72
72
  };
73
73
 
74
- const childAndFamilyTOLP = () => sbsRadio({
74
+ const childAndFamilyTOLP = () => sbs2ColRadio({
75
75
  label: 'Type of Help Needed:',
76
76
  name: 'Type_Of_Legal_Problem',
77
77
  id: 'Type_Of_Legal_Problem',
78
78
  options: [
79
79
  'Adoption',
80
80
  'Child Custody and Support',
81
- // 'Family Issues',
82
- // 'Guardianship',
83
- // 'Divorce and Separation',
81
+ 'Family Issues',
82
+ 'Guardianship',
83
+ 'Divorce and Separation',
84
84
  'Not Sure or Other'
85
85
  ]
86
86
  });
@@ -218,6 +218,7 @@ const phone = () => sbsText({
218
218
  name: 'Primary_Phone',
219
219
  label: 'Phone Number:',
220
220
  placeholder: 'xxx-xxx-xxxx',
221
+ maxlength: 12,
221
222
  // help: '10-digit US phone number, hyphens optional.',
222
223
  validation: 'required|matches:/^[0-9]{3}-?[0-9]{3}-?[0-9]{4}$/',
223
224
  validationMessages: {
@@ -232,6 +233,7 @@ const TCPAConsent = () => ({
232
233
  name: 'TCPA_Opt_In',
233
234
  validation: 'required|accepted',
234
235
  validationMessages: {
236
+ required: 'Consent is required',
235
237
  accepted: 'Consent is required',
236
238
  },
237
239
  classes: {
@@ -243,6 +245,7 @@ const zipcode = () => sbsText({
243
245
  label: 'Zip Code:',
244
246
  placeholder: '90210',
245
247
  name: 'Zip',
248
+ maxlength: 5,
246
249
  validation: 'required|matches:/^[0-9]{5}$/',
247
250
  validationMessages: {
248
251
  required: 'Zip Code is required',
@@ -295,6 +298,48 @@ const ChildCustodyAndSupportQuestions = () => group(
295
298
  }
296
299
  );
297
300
 
301
+ const FamilyIssuesQuestions = () => group(
302
+ 'FamilyIssuesQuestions',
303
+ {
304
+ if: '$get(Type_Of_Legal_Problem).value == "Family Issues"',
305
+ children: [
306
+ haveAttorney(),
307
+ maritalStatus(),
308
+ haveChildren(),
309
+ degreeOfInterest(),
310
+ lawyerPaymentMethod()
311
+ ]
312
+ }
313
+ );
314
+
315
+ const GuardianshipQuestions = () => group(
316
+ 'GuardianshipQuestions',
317
+ {
318
+ if: '$get(Type_Of_Legal_Problem).value == "Guardianship"',
319
+ children: [
320
+ haveAttorney(),
321
+ maritalStatus(),
322
+ haveChildren(),
323
+ degreeOfInterest(),
324
+ lawyerPaymentMethod()
325
+ ]
326
+ }
327
+ );
328
+
329
+ const DivorceQuestions = () => group(
330
+ 'DivorceQuestions',
331
+ {
332
+ if: '$get(Type_Of_Legal_Problem).value == "Divorce and Separation"',
333
+ children: [
334
+ haveAttorney(),
335
+ maritalStatus(),
336
+ haveChildren(),
337
+ degreeOfInterest(),
338
+ lawyerPaymentMethod()
339
+ ]
340
+ }
341
+ );
342
+
298
343
  const NotSureOrOtherQuestions = () => group(
299
344
  'NotSureOrOtherQuestions',
300
345
  {
@@ -384,7 +429,7 @@ function contactInfo() {
384
429
  loading: 'lazy',
385
430
  alt: '',
386
431
  style: { border: 0 },
387
- src: 'https://www.jotform.com/uploads/bunker_hill/form_files/SecurePrivacy.61e1c17c976f80.61736956.png',
432
+ src: 'https://d27hmee62k45vz.cloudfront.net/form-secure-privacy.png',
388
433
  width: '320',
389
434
  height: '100'
390
435
  }
@@ -420,6 +465,9 @@ function TOLPQuestions() {
420
465
  },
421
466
  AdoptionQuestions(),
422
467
  ChildCustodyAndSupportQuestions(),
468
+ FamilyIssuesQuestions(),
469
+ GuardianshipQuestions(),
470
+ DivorceQuestions(),
423
471
  NotSureOrOtherQuestions()
424
472
  ],
425
473
  ...arguments
@@ -445,7 +493,7 @@ const formNavigation = () => ({
445
493
  },
446
494
  {
447
495
  $formkit: 'button',
448
- onClick: '$setNextStep()',
496
+ onClick: '$setNextStep($fireStepEvent($get(form)))',
449
497
  children: 'Next',
450
498
  style: {
451
499
  if: '$activeStep === $lastStep()',
@@ -515,6 +563,7 @@ const schema = [
515
563
  props: {
516
564
  type: 'form',
517
565
  id: 'form',
566
+ formId: 'childAndFamily',
518
567
  onSubmit: '$submit("https://httpbin.org/post", $prepData, $getRedirect)',
519
568
  // onSubmit: '$submit("http://localhost:8080/api/v1/form_leads_ext", $prepData, $getRedirect)',
520
569
  plugins: '$plugins',
@@ -528,7 +577,11 @@ const schema = [
528
577
  429: "An Error Occurred"
529
578
  },
530
579
  redirectMap: {
531
- '*': 'https://justanswer.9pctbx.net/c/2880795/808601/9320?sharedid=${vid}'
580
+ 'Adoption': 'https://justanswer.9pctbx.net/c/2880795/565949/9320?sharedid=${properties.vid}',
581
+ 'Child Custody and Support': 'https://justanswer.9pctbx.net/c/2880795/565949/9320?sharedid=${properties.vid}',
582
+ 'Divorce and Separation': 'https://justanswer.9pctbx.net/c/2880795/966410/9320?sharedid=${properties.vid}',
583
+ 'Guardianship': 'https://justanswer.9pctbx.net/c/2880795/565949/9320?sharedid=${properties.vid}',
584
+ '*': 'https://justanswer.9pctbx.net/c/2880795/808601/9320?sharedid=${properties.vid}'
532
585
  },
533
586
  formClass: '!max-w-xl'
534
587
  },
@@ -19,12 +19,12 @@ var childAndFamily = (function () {
19
19
  }, updates)
20
20
  };
21
21
 
22
- const sbsRadio = (updates) => {
22
+ const sbs2ColRadio = (updates) => {
23
23
  updates.legendClass = 'legend-left required';
24
24
  updates.fieldsetClass = '$reset side-by-side';
25
- updates.optionsClass = 'pl-1';
26
- updates.innerClass = 'flex items-center';
27
- updates.wrapperClass = 'mb-3';
25
+ updates.optionsClass = 'grid grid-cols-1 md:grid-cols-2';
26
+ updates.innerClass = 'flex items-start';
27
+ updates.wrapperClass = '$reset flex cursor-pointer mb-3';
28
28
  return radio(updates)
29
29
  };
30
30
 
@@ -74,16 +74,16 @@ var childAndFamily = (function () {
74
74
  return text(updates)
75
75
  };
76
76
 
77
- const childAndFamilyTOLP = () => sbsRadio({
77
+ const childAndFamilyTOLP = () => sbs2ColRadio({
78
78
  label: 'Type of Help Needed:',
79
79
  name: 'Type_Of_Legal_Problem',
80
80
  id: 'Type_Of_Legal_Problem',
81
81
  options: [
82
82
  'Adoption',
83
83
  'Child Custody and Support',
84
- // 'Family Issues',
85
- // 'Guardianship',
86
- // 'Divorce and Separation',
84
+ 'Family Issues',
85
+ 'Guardianship',
86
+ 'Divorce and Separation',
87
87
  'Not Sure or Other'
88
88
  ]
89
89
  });
@@ -221,6 +221,7 @@ var childAndFamily = (function () {
221
221
  name: 'Primary_Phone',
222
222
  label: 'Phone Number:',
223
223
  placeholder: 'xxx-xxx-xxxx',
224
+ maxlength: 12,
224
225
  // help: '10-digit US phone number, hyphens optional.',
225
226
  validation: 'required|matches:/^[0-9]{3}-?[0-9]{3}-?[0-9]{4}$/',
226
227
  validationMessages: {
@@ -235,6 +236,7 @@ var childAndFamily = (function () {
235
236
  name: 'TCPA_Opt_In',
236
237
  validation: 'required|accepted',
237
238
  validationMessages: {
239
+ required: 'Consent is required',
238
240
  accepted: 'Consent is required',
239
241
  },
240
242
  classes: {
@@ -246,6 +248,7 @@ var childAndFamily = (function () {
246
248
  label: 'Zip Code:',
247
249
  placeholder: '90210',
248
250
  name: 'Zip',
251
+ maxlength: 5,
249
252
  validation: 'required|matches:/^[0-9]{5}$/',
250
253
  validationMessages: {
251
254
  required: 'Zip Code is required',
@@ -298,6 +301,48 @@ var childAndFamily = (function () {
298
301
  }
299
302
  );
300
303
 
304
+ const FamilyIssuesQuestions = () => group(
305
+ 'FamilyIssuesQuestions',
306
+ {
307
+ if: '$get(Type_Of_Legal_Problem).value == "Family Issues"',
308
+ children: [
309
+ haveAttorney(),
310
+ maritalStatus(),
311
+ haveChildren(),
312
+ degreeOfInterest(),
313
+ lawyerPaymentMethod()
314
+ ]
315
+ }
316
+ );
317
+
318
+ const GuardianshipQuestions = () => group(
319
+ 'GuardianshipQuestions',
320
+ {
321
+ if: '$get(Type_Of_Legal_Problem).value == "Guardianship"',
322
+ children: [
323
+ haveAttorney(),
324
+ maritalStatus(),
325
+ haveChildren(),
326
+ degreeOfInterest(),
327
+ lawyerPaymentMethod()
328
+ ]
329
+ }
330
+ );
331
+
332
+ const DivorceQuestions = () => group(
333
+ 'DivorceQuestions',
334
+ {
335
+ if: '$get(Type_Of_Legal_Problem).value == "Divorce and Separation"',
336
+ children: [
337
+ haveAttorney(),
338
+ maritalStatus(),
339
+ haveChildren(),
340
+ degreeOfInterest(),
341
+ lawyerPaymentMethod()
342
+ ]
343
+ }
344
+ );
345
+
301
346
  const NotSureOrOtherQuestions = () => group(
302
347
  'NotSureOrOtherQuestions',
303
348
  {
@@ -387,7 +432,7 @@ var childAndFamily = (function () {
387
432
  loading: 'lazy',
388
433
  alt: '',
389
434
  style: { border: 0 },
390
- src: 'https://www.jotform.com/uploads/bunker_hill/form_files/SecurePrivacy.61e1c17c976f80.61736956.png',
435
+ src: 'https://d27hmee62k45vz.cloudfront.net/form-secure-privacy.png',
391
436
  width: '320',
392
437
  height: '100'
393
438
  }
@@ -423,6 +468,9 @@ var childAndFamily = (function () {
423
468
  },
424
469
  AdoptionQuestions(),
425
470
  ChildCustodyAndSupportQuestions(),
471
+ FamilyIssuesQuestions(),
472
+ GuardianshipQuestions(),
473
+ DivorceQuestions(),
426
474
  NotSureOrOtherQuestions()
427
475
  ],
428
476
  ...arguments
@@ -448,7 +496,7 @@ var childAndFamily = (function () {
448
496
  },
449
497
  {
450
498
  $formkit: 'button',
451
- onClick: '$setNextStep()',
499
+ onClick: '$setNextStep($fireStepEvent($get(form)))',
452
500
  children: 'Next',
453
501
  style: {
454
502
  if: '$activeStep === $lastStep()',
@@ -518,6 +566,7 @@ var childAndFamily = (function () {
518
566
  props: {
519
567
  type: 'form',
520
568
  id: 'form',
569
+ formId: 'childAndFamily',
521
570
  onSubmit: '$submit("https://httpbin.org/post", $prepData, $getRedirect)',
522
571
  // onSubmit: '$submit("http://localhost:8080/api/v1/form_leads_ext", $prepData, $getRedirect)',
523
572
  plugins: '$plugins',
@@ -531,7 +580,11 @@ var childAndFamily = (function () {
531
580
  429: "An Error Occurred"
532
581
  },
533
582
  redirectMap: {
534
- '*': 'https://justanswer.9pctbx.net/c/2880795/808601/9320?sharedid=${vid}'
583
+ 'Adoption': 'https://justanswer.9pctbx.net/c/2880795/565949/9320?sharedid=${properties.vid}',
584
+ 'Child Custody and Support': 'https://justanswer.9pctbx.net/c/2880795/565949/9320?sharedid=${properties.vid}',
585
+ 'Divorce and Separation': 'https://justanswer.9pctbx.net/c/2880795/966410/9320?sharedid=${properties.vid}',
586
+ 'Guardianship': 'https://justanswer.9pctbx.net/c/2880795/565949/9320?sharedid=${properties.vid}',
587
+ '*': 'https://justanswer.9pctbx.net/c/2880795/808601/9320?sharedid=${properties.vid}'
535
588
  },
536
589
  formClass: '!max-w-xl'
537
590
  },
@@ -1 +1 @@
1
- [{"type":"meta","data":{"tcpaLanguage":"By checking this box, I a) agree to the Terms of Use, and b) consent to be contacted by lawyers, lawyer networks, and partners of this website using live, autodialed, pre-recorded, or artificial voice calls, as well as text messages. Your consent is not required as a condition of purchasing any goods or services. To submit this request without this consent, call 855-506-0847."}},{"$cmp":"FormKit","props":{"type":"form","id":"form","onSubmit":"$submit(\"https://httpbin.org/post\", $prepData, $getRedirect)","plugins":"$plugins","actions":false,"prepop":{"fromURL":true},"errorCodes":{"403":"An Error Occurred","409":{"abort":false},"429":"An Error Occurred"},"redirectMap":{"*":"https://justanswer.9pctbx.net/c/2880795/808601/9320?sharedid=${vid}"},"formClass":"!max-w-xl"},"children":[{"$el":"h1","if":"$activeStep === $firstStep()","children":"Get Child & Family Help Today","attrs":{"class":"flex justify-center text-center text-3xl font-bold pt-5 px-3"}},{"$el":"h3","if":"$activeStep === $firstStep()","children":"Contact Us Now for Child Support, Custody and Family Issues","attrs":{"class":"flex justify-center text-center text-md font-medium text-blue-500 px-3"}},{"$formkit":"hidden","name":"vertical","value":"Legal"},{"$formkit":"hidden","name":"TCPA_Language","value":"$meta.tcpaLanguage"},{"$formkit":"hidden","name":"gclid","value":null},{"$formkit":"hidden","name":"campaignid","value":null},{"$formkit":"hidden","name":"s","value":null},{"$el":"div","attrs":{"class":"form-body"},"children":[{"$el":"section","if":"$stepIsEnabled(\"childAndFamilyTOLPAndZip\")","attrs":{"style":{"if":"$activeStep !== \"childAndFamilyTOLPAndZip\"","then":"display: none;"}},"children":[{"$formkit":"group","id":"childAndFamilyTOLPAndZip","name":"childAndFamilyTOLPAndZip","children":[{"$formkit":"radio","validation":"required","validationMessages":{"required":"Field is required"},"optionsClass":"pl-1","legendClass":"legend-left required","label":"Type of Help Needed:","name":"Type_Of_Legal_Problem","id":"Type_Of_Legal_Problem","options":["Adoption","Child Custody and Support","Not Sure or Other"],"fieldsetClass":"$reset side-by-side","innerClass":"flex items-center","wrapperClass":"mb-3"},{"$formkit":"text","validation":"required|matches:/^[0-9]{5}$/","validationMessages":{"required":"Zip Code is required","matches":"Invalid Zip Code"},"labelClass":"required","label":"Zip Code:","placeholder":"90210","name":"Zip","wrapperClass":"side-by-side items-center"}]}]},{"$el":"section","if":"$stepIsEnabled(\"TOLPQuestions\")","attrs":{"style":{"if":"$activeStep !== \"TOLPQuestions\"","then":"display: none;"}},"children":[{"$formkit":"group","id":"TOLPQuestions","name":"TOLPQuestions","children":[{"$el":"h3","children":"Please Complete the Following:","attrs":{"class":"flex justify-center text-center text-2xl font-bold text-blue-500 pb-5 pt-0 px-3"}},{"$cmp":"FormKit","props":{"type":"group","key":"AdoptionQuestions","id":"AdoptionQuestions","name":"AdoptionQuestions"},"if":"$get(Type_Of_Legal_Problem).value == \"Adoption\"","children":[{"$formkit":"radio","validation":"required","validationMessages":{"required":"Field is required"},"optionsClass":"pl-1 side-by-side items-center","legendClass":"legend-left required","name":"Have_Attorney","label":"Are You Currently Working with An Attorney?","options":["Yes","No"],"fieldsetClass":"$reset side-by-side items-center","innerClass":"flex items-center"},{"$formkit":"select","placeholder":"Please Select","validation":"required","validationMessages":{"required":"Field is required"},"inputClass":"bg-white","labelClass":"required","label":"Marital Status:","name":"Marital_Status","options":["Unmarried, Living Together","Unmarried, Do Not Live Together","Married, Living Together","Separated","Divorced","Other"],"wrapperClass":"side-by-side items-center","innerClass":"select-height-content"},{"$formkit":"radio","validation":"required","validationMessages":{"required":"Field is required"},"optionsClass":"pl-1 side-by-side items-center","legendClass":"legend-left required","name":"Have_Children","label":"Do You Have Children?","options":["Yes","No"],"fieldsetClass":"$reset side-by-side items-center","innerClass":"flex items-center"},{"$formkit":"select","placeholder":"Please Select","validation":"required","validationMessages":{"required":"Field is required"},"inputClass":"bg-white","labelClass":"required","label":"How Likely Are You to Pay if Your Issue Could be Resolved?","name":"Degree_Of_Interest","options":["Definitely","Probably","Maybe","Absolutely Can't Afford"],"wrapperClass":"side-by-side items-center","innerClass":"select-height-content"},{"$formkit":"select","placeholder":"Please Select","validation":"required","validationMessages":{"required":"Field is required"},"inputClass":"bg-white","labelClass":"required","label":"How Will You Pay for Legal Fees if You Hire a Lawyer?","name":"Lawyer_Payment_Method","help":"No payment necessary to speak with lawyers.","options":["Cash","Check","Credit Card","Friend","Family","Other"],"wrapperClass":"side-by-side items-center","innerClass":"select-height-content"}]},{"$cmp":"FormKit","props":{"type":"group","key":"ChildCustodyAndSupportQuestions","id":"ChildCustodyAndSupportQuestions","name":"ChildCustodyAndSupportQuestions"},"if":"$get(Type_Of_Legal_Problem).value == \"Child Custody and Support\"","children":[{"$formkit":"radio","validation":"required","validationMessages":{"required":"Field is required"},"optionsClass":"pl-1 side-by-side items-center","legendClass":"legend-left required","name":"Have_Attorney","label":"Are You Currently Working with An Attorney?","options":["Yes","No"],"fieldsetClass":"$reset side-by-side items-center","innerClass":"flex items-center"},{"$formkit":"select","placeholder":"Please Select","validation":"required","validationMessages":{"required":"Field is required"},"inputClass":"bg-white","labelClass":"required","label":"Your Relationship to Child(ren):","name":"Child_Relationship","options":["Father","Mother","Grandparent","Aunt/Uncle","Other"],"wrapperClass":"side-by-side items-center","innerClass":"select-height-content"},{"$formkit":"select","placeholder":"Please Select","validation":"required","validationMessages":{"required":"Field is required"},"inputClass":"bg-white","labelClass":"required","label":"With Whom Do the Children Currently Live?","name":"Child_Home","options":["Mother","Father","Grandparents","Other"],"wrapperClass":"side-by-side items-center","innerClass":"select-height-content"},{"$formkit":"select","placeholder":"Please Select","validation":"required","validationMessages":{"required":"Field is required"},"inputClass":"bg-white","labelClass":"required","label":"Who is the Primary Caregiver?","name":"Child_Primary_Caregiver","options":["Mother","Father","Other"],"wrapperClass":"side-by-side items-center","innerClass":"select-height-content"},{"$formkit":"select","placeholder":"Please Select","validation":"required","validationMessages":{"required":"Field is required"},"inputClass":"bg-white","labelClass":"required","label":"How Likely Are You to Pay if Your Issue Could be Resolved?","name":"Degree_Of_Interest","options":["Definitely","Probably","Maybe","Absolutely Can't Afford"],"wrapperClass":"side-by-side items-center","innerClass":"select-height-content"},{"$formkit":"select","placeholder":"Please Select","validation":"required","validationMessages":{"required":"Field is required"},"inputClass":"bg-white","labelClass":"required","label":"How Will You Pay for Legal Fees if You Hire a Lawyer?","name":"Lawyer_Payment_Method","help":"No payment necessary to speak with lawyers.","options":["Cash","Check","Credit Card","Friend","Family","Other"],"wrapperClass":"side-by-side items-center","innerClass":"select-height-content"}]},{"$cmp":"FormKit","props":{"type":"group","key":"NotSureOrOtherQuestions","id":"NotSureOrOtherQuestions","name":"NotSureOrOtherQuestions"},"if":"$get(Type_Of_Legal_Problem).value == \"Not Sure or Other\"","children":[{"$formkit":"radio","validation":"required","validationMessages":{"required":"Field is required"},"optionsClass":"pl-1 side-by-side items-center","legendClass":"legend-left required","name":"Have_Attorney","label":"Are You Currently Working with An Attorney?","options":["Yes","No"],"fieldsetClass":"$reset side-by-side items-center","innerClass":"flex items-center"},{"$formkit":"select","placeholder":"Please Select","validation":"required","validationMessages":{"required":"Field is required"},"inputClass":"bg-white","labelClass":"required","label":"How Will You Pay for Legal Fees if You Hire a Lawyer?","name":"Lawyer_Payment_Method","help":"No payment necessary to speak with lawyers.","options":["Cash","Check","Credit Card","Friend","Family","Other"],"wrapperClass":"side-by-side items-center","innerClass":"select-height-content"}]}]}]},{"$el":"section","if":"$stepIsEnabled(\"comments\")","attrs":{"style":{"if":"$activeStep !== \"comments\"","then":"display: none;"}},"children":[{"$formkit":"group","id":"comments","name":"comments","children":[{"$formkit":"textarea","label":"Please provide a brief description of your situation:","name":"Comments","placeholder":"For Example: \"I would like help with child support payments\" or \"I need help with visitation rights\"","rows":1,"validation":"required","maxlength":1000,"labelClass":"required","validationMessages":{"required":"Description is required"}}]}]},{"$el":"section","if":"$stepIsEnabled(\"firstAndLast\")","attrs":{"style":{"if":"$activeStep !== \"firstAndLast\"","then":"display: none;"}},"children":[{"$formkit":"group","id":"firstAndLast","name":"firstAndLast","children":[{"$formkit":"text","validation":"required","validationMessages":{"required":"First Name is required"},"labelClass":"required","label":"First Name:","name":"First_Name","wrapperClass":"side-by-side items-center"},{"$formkit":"text","validation":"required","validationMessages":{"required":"Last Name is required"},"labelClass":"required","label":"Last Name:","name":"Last_Name","wrapperClass":"side-by-side items-center"}]}]},{"$el":"section","if":"$stepIsEnabled(\"contactInfo\")","attrs":{"style":{"if":"$activeStep !== \"contactInfo\"","then":"display: none;"}},"children":[{"$formkit":"group","id":"contactInfo","name":"contactInfo","children":[{"$el":"h3","children":"Based on your input, you may benefit from speaking with a family lawyer. Please verify your contact information:","attrs":{"class":"flex justify-center text-center text-lg font-bold pb-5 pt-0 px-3"}},{"$formkit":"email","validation":"required|email","validationMessages":{"required":"Email is required","email":"Invalid Email"},"labelClass":"required","name":"Email","label":"Email Address:","placeholder":"email@domain.com","wrapperClass":"side-by-side items-center"},{"$formkit":"tel","validation":"required|matches:/^[0-9]{3}-?[0-9]{3}-?[0-9]{4}$/","validationMessages":{"required":"Phone Number is required","matches":"Invalid Phone Number"},"labelClass":"required","name":"Primary_Phone","label":"Phone Number:","placeholder":"xxx-xxx-xxxx","wrapperClass":"side-by-side items-center"},{"$formkit":"checkbox","label":"$meta.tcpaLanguage","name":"TCPA_Opt_In","validation":"required|accepted","validationMessages":{"accepted":"Consent is required"},"classes":{"label":"text-xs text-slate-500 font-normal"}},{"$el":"div","if":"$activeStep === $lastStep()","attrs":{"class":"flex justify-center"},"children":[{"$el":"img","attrs":{"loading":"lazy","alt":"","style":{"border":0},"src":"https://www.jotform.com/uploads/bunker_hill/form_files/SecurePrivacy.61e1c17c976f80.61736956.png","width":"320","height":"100"}}]}]}]},{"$el":"div","attrs":{"class":"step-nav"},"children":[{"$formkit":"button","onClick":"$setPreviousStep()","children":"Back","style":{"if":"$activeStep === $firstStep()","then":"visibility: hidden;"}},{"$formkit":"button","onClick":"$setNextStep()","children":"Next","style":{"if":"$activeStep === $lastStep()","then":"display: none;"}},{"$formkit":"submit","label":"Submit","if":"$activeStep === $lastStep()","style":{"if":"$activeStep !== $lastStep()","then":"display: none;"}}]},{"$el":"pre","if":"$urlParam(\"fdbg\", \"\") == 1","children":[{"$el":"pre","children":"$stringify( $get(form).value )","attrs":{"class":"text-xs","style":"overflow: scroll"}},{"$el":"pre","children":["activeStep: ","$activeStep"],"attrs":{"class":"text-xs","style":"overflow: scroll"}},{"$el":"pre","children":["stepHistory: ","$stepHistory"],"attrs":{"class":"text-xs","style":"overflow: scroll"}},{"$el":"pre","children":["stepQueue: ","$stepQueue"],"attrs":{"class":"text-xs","style":"overflow: scroll"}}]}]}]}]
1
+ [{"type":"meta","data":{"tcpaLanguage":"By checking this box, I a) agree to the Terms of Use, and b) consent to be contacted by lawyers, lawyer networks, and partners of this website using live, autodialed, pre-recorded, or artificial voice calls, as well as text messages. Your consent is not required as a condition of purchasing any goods or services. To submit this request without this consent, call 855-506-0847."}},{"$cmp":"FormKit","props":{"type":"form","id":"form","formId":"childAndFamily","onSubmit":"$submit(\"https://httpbin.org/post\", $prepData, $getRedirect)","plugins":"$plugins","actions":false,"prepop":{"fromURL":true},"errorCodes":{"403":"An Error Occurred","409":{"abort":false},"429":"An Error Occurred"},"redirectMap":{"Adoption":"https://justanswer.9pctbx.net/c/2880795/565949/9320?sharedid=${properties.vid}","Child Custody and Support":"https://justanswer.9pctbx.net/c/2880795/565949/9320?sharedid=${properties.vid}","Divorce and Separation":"https://justanswer.9pctbx.net/c/2880795/966410/9320?sharedid=${properties.vid}","Guardianship":"https://justanswer.9pctbx.net/c/2880795/565949/9320?sharedid=${properties.vid}","*":"https://justanswer.9pctbx.net/c/2880795/808601/9320?sharedid=${properties.vid}"},"formClass":"!max-w-xl"},"children":[{"$el":"h1","if":"$activeStep === $firstStep()","children":"Get Child & Family Help Today","attrs":{"class":"flex justify-center text-center text-3xl font-bold pt-5 px-3"}},{"$el":"h3","if":"$activeStep === $firstStep()","children":"Contact Us Now for Child Support, Custody and Family Issues","attrs":{"class":"flex justify-center text-center text-md font-medium text-blue-500 px-3"}},{"$formkit":"hidden","name":"vertical","value":"Legal"},{"$formkit":"hidden","name":"TCPA_Language","value":"$meta.tcpaLanguage"},{"$formkit":"hidden","name":"gclid","value":null},{"$formkit":"hidden","name":"campaignid","value":null},{"$formkit":"hidden","name":"s","value":null},{"$el":"div","attrs":{"class":"form-body"},"children":[{"$el":"section","if":"$stepIsEnabled(\"childAndFamilyTOLPAndZip\")","attrs":{"style":{"if":"$activeStep !== \"childAndFamilyTOLPAndZip\"","then":"display: none;"}},"children":[{"$formkit":"group","id":"childAndFamilyTOLPAndZip","name":"childAndFamilyTOLPAndZip","children":[{"$formkit":"radio","validation":"required","validationMessages":{"required":"Field is required"},"optionsClass":"grid grid-cols-1 md:grid-cols-2","legendClass":"legend-left required","label":"Type of Help Needed:","name":"Type_Of_Legal_Problem","id":"Type_Of_Legal_Problem","options":["Adoption","Child Custody and Support","Family Issues","Guardianship","Divorce and Separation","Not Sure or Other"],"fieldsetClass":"$reset side-by-side","innerClass":"flex items-start","wrapperClass":"$reset flex cursor-pointer mb-3"},{"$formkit":"text","validation":"required|matches:/^[0-9]{5}$/","validationMessages":{"required":"Zip Code is required","matches":"Invalid Zip Code"},"labelClass":"required","label":"Zip Code:","placeholder":"90210","name":"Zip","maxlength":5,"wrapperClass":"side-by-side items-center"}]}]},{"$el":"section","if":"$stepIsEnabled(\"TOLPQuestions\")","attrs":{"style":{"if":"$activeStep !== \"TOLPQuestions\"","then":"display: none;"}},"children":[{"$formkit":"group","id":"TOLPQuestions","name":"TOLPQuestions","children":[{"$el":"h3","children":"Please Complete the Following:","attrs":{"class":"flex justify-center text-center text-2xl font-bold text-blue-500 pb-5 pt-0 px-3"}},{"$cmp":"FormKit","props":{"type":"group","key":"AdoptionQuestions","id":"AdoptionQuestions","name":"AdoptionQuestions"},"if":"$get(Type_Of_Legal_Problem).value == \"Adoption\"","children":[{"$formkit":"radio","validation":"required","validationMessages":{"required":"Field is required"},"optionsClass":"pl-1 side-by-side items-center","legendClass":"legend-left required","name":"Have_Attorney","label":"Are You Currently Working with An Attorney?","options":["Yes","No"],"fieldsetClass":"$reset side-by-side items-center","innerClass":"flex items-center"},{"$formkit":"select","placeholder":"Please Select","validation":"required","validationMessages":{"required":"Field is required"},"inputClass":"bg-white","labelClass":"required","label":"Marital Status:","name":"Marital_Status","options":["Unmarried, Living Together","Unmarried, Do Not Live Together","Married, Living Together","Separated","Divorced","Other"],"wrapperClass":"side-by-side items-center","innerClass":"select-height-content"},{"$formkit":"radio","validation":"required","validationMessages":{"required":"Field is required"},"optionsClass":"pl-1 side-by-side items-center","legendClass":"legend-left required","name":"Have_Children","label":"Do You Have Children?","options":["Yes","No"],"fieldsetClass":"$reset side-by-side items-center","innerClass":"flex items-center"},{"$formkit":"select","placeholder":"Please Select","validation":"required","validationMessages":{"required":"Field is required"},"inputClass":"bg-white","labelClass":"required","label":"How Likely Are You to Pay if Your Issue Could be Resolved?","name":"Degree_Of_Interest","options":["Definitely","Probably","Maybe","Absolutely Can't Afford"],"wrapperClass":"side-by-side items-center","innerClass":"select-height-content"},{"$formkit":"select","placeholder":"Please Select","validation":"required","validationMessages":{"required":"Field is required"},"inputClass":"bg-white","labelClass":"required","label":"How Will You Pay for Legal Fees if You Hire a Lawyer?","name":"Lawyer_Payment_Method","help":"No payment necessary to speak with lawyers.","options":["Cash","Check","Credit Card","Friend","Family","Other"],"wrapperClass":"side-by-side items-center","innerClass":"select-height-content"}]},{"$cmp":"FormKit","props":{"type":"group","key":"ChildCustodyAndSupportQuestions","id":"ChildCustodyAndSupportQuestions","name":"ChildCustodyAndSupportQuestions"},"if":"$get(Type_Of_Legal_Problem).value == \"Child Custody and Support\"","children":[{"$formkit":"radio","validation":"required","validationMessages":{"required":"Field is required"},"optionsClass":"pl-1 side-by-side items-center","legendClass":"legend-left required","name":"Have_Attorney","label":"Are You Currently Working with An Attorney?","options":["Yes","No"],"fieldsetClass":"$reset side-by-side items-center","innerClass":"flex items-center"},{"$formkit":"select","placeholder":"Please Select","validation":"required","validationMessages":{"required":"Field is required"},"inputClass":"bg-white","labelClass":"required","label":"Your Relationship to Child(ren):","name":"Child_Relationship","options":["Father","Mother","Grandparent","Aunt/Uncle","Other"],"wrapperClass":"side-by-side items-center","innerClass":"select-height-content"},{"$formkit":"select","placeholder":"Please Select","validation":"required","validationMessages":{"required":"Field is required"},"inputClass":"bg-white","labelClass":"required","label":"With Whom Do the Children Currently Live?","name":"Child_Home","options":["Mother","Father","Grandparents","Other"],"wrapperClass":"side-by-side items-center","innerClass":"select-height-content"},{"$formkit":"select","placeholder":"Please Select","validation":"required","validationMessages":{"required":"Field is required"},"inputClass":"bg-white","labelClass":"required","label":"Who is the Primary Caregiver?","name":"Child_Primary_Caregiver","options":["Mother","Father","Other"],"wrapperClass":"side-by-side items-center","innerClass":"select-height-content"},{"$formkit":"select","placeholder":"Please Select","validation":"required","validationMessages":{"required":"Field is required"},"inputClass":"bg-white","labelClass":"required","label":"How Likely Are You to Pay if Your Issue Could be Resolved?","name":"Degree_Of_Interest","options":["Definitely","Probably","Maybe","Absolutely Can't Afford"],"wrapperClass":"side-by-side items-center","innerClass":"select-height-content"},{"$formkit":"select","placeholder":"Please Select","validation":"required","validationMessages":{"required":"Field is required"},"inputClass":"bg-white","labelClass":"required","label":"How Will You Pay for Legal Fees if You Hire a Lawyer?","name":"Lawyer_Payment_Method","help":"No payment necessary to speak with lawyers.","options":["Cash","Check","Credit Card","Friend","Family","Other"],"wrapperClass":"side-by-side items-center","innerClass":"select-height-content"}]},{"$cmp":"FormKit","props":{"type":"group","key":"FamilyIssuesQuestions","id":"FamilyIssuesQuestions","name":"FamilyIssuesQuestions"},"if":"$get(Type_Of_Legal_Problem).value == \"Family Issues\"","children":[{"$formkit":"radio","validation":"required","validationMessages":{"required":"Field is required"},"optionsClass":"pl-1 side-by-side items-center","legendClass":"legend-left required","name":"Have_Attorney","label":"Are You Currently Working with An Attorney?","options":["Yes","No"],"fieldsetClass":"$reset side-by-side items-center","innerClass":"flex items-center"},{"$formkit":"select","placeholder":"Please Select","validation":"required","validationMessages":{"required":"Field is required"},"inputClass":"bg-white","labelClass":"required","label":"Marital Status:","name":"Marital_Status","options":["Unmarried, Living Together","Unmarried, Do Not Live Together","Married, Living Together","Separated","Divorced","Other"],"wrapperClass":"side-by-side items-center","innerClass":"select-height-content"},{"$formkit":"radio","validation":"required","validationMessages":{"required":"Field is required"},"optionsClass":"pl-1 side-by-side items-center","legendClass":"legend-left required","name":"Have_Children","label":"Do You Have Children?","options":["Yes","No"],"fieldsetClass":"$reset side-by-side items-center","innerClass":"flex items-center"},{"$formkit":"select","placeholder":"Please Select","validation":"required","validationMessages":{"required":"Field is required"},"inputClass":"bg-white","labelClass":"required","label":"How Likely Are You to Pay if Your Issue Could be Resolved?","name":"Degree_Of_Interest","options":["Definitely","Probably","Maybe","Absolutely Can't Afford"],"wrapperClass":"side-by-side items-center","innerClass":"select-height-content"},{"$formkit":"select","placeholder":"Please Select","validation":"required","validationMessages":{"required":"Field is required"},"inputClass":"bg-white","labelClass":"required","label":"How Will You Pay for Legal Fees if You Hire a Lawyer?","name":"Lawyer_Payment_Method","help":"No payment necessary to speak with lawyers.","options":["Cash","Check","Credit Card","Friend","Family","Other"],"wrapperClass":"side-by-side items-center","innerClass":"select-height-content"}]},{"$cmp":"FormKit","props":{"type":"group","key":"GuardianshipQuestions","id":"GuardianshipQuestions","name":"GuardianshipQuestions"},"if":"$get(Type_Of_Legal_Problem).value == \"Guardianship\"","children":[{"$formkit":"radio","validation":"required","validationMessages":{"required":"Field is required"},"optionsClass":"pl-1 side-by-side items-center","legendClass":"legend-left required","name":"Have_Attorney","label":"Are You Currently Working with An Attorney?","options":["Yes","No"],"fieldsetClass":"$reset side-by-side items-center","innerClass":"flex items-center"},{"$formkit":"select","placeholder":"Please Select","validation":"required","validationMessages":{"required":"Field is required"},"inputClass":"bg-white","labelClass":"required","label":"Marital Status:","name":"Marital_Status","options":["Unmarried, Living Together","Unmarried, Do Not Live Together","Married, Living Together","Separated","Divorced","Other"],"wrapperClass":"side-by-side items-center","innerClass":"select-height-content"},{"$formkit":"radio","validation":"required","validationMessages":{"required":"Field is required"},"optionsClass":"pl-1 side-by-side items-center","legendClass":"legend-left required","name":"Have_Children","label":"Do You Have Children?","options":["Yes","No"],"fieldsetClass":"$reset side-by-side items-center","innerClass":"flex items-center"},{"$formkit":"select","placeholder":"Please Select","validation":"required","validationMessages":{"required":"Field is required"},"inputClass":"bg-white","labelClass":"required","label":"How Likely Are You to Pay if Your Issue Could be Resolved?","name":"Degree_Of_Interest","options":["Definitely","Probably","Maybe","Absolutely Can't Afford"],"wrapperClass":"side-by-side items-center","innerClass":"select-height-content"},{"$formkit":"select","placeholder":"Please Select","validation":"required","validationMessages":{"required":"Field is required"},"inputClass":"bg-white","labelClass":"required","label":"How Will You Pay for Legal Fees if You Hire a Lawyer?","name":"Lawyer_Payment_Method","help":"No payment necessary to speak with lawyers.","options":["Cash","Check","Credit Card","Friend","Family","Other"],"wrapperClass":"side-by-side items-center","innerClass":"select-height-content"}]},{"$cmp":"FormKit","props":{"type":"group","key":"DivorceQuestions","id":"DivorceQuestions","name":"DivorceQuestions"},"if":"$get(Type_Of_Legal_Problem).value == \"Divorce and Separation\"","children":[{"$formkit":"radio","validation":"required","validationMessages":{"required":"Field is required"},"optionsClass":"pl-1 side-by-side items-center","legendClass":"legend-left required","name":"Have_Attorney","label":"Are You Currently Working with An Attorney?","options":["Yes","No"],"fieldsetClass":"$reset side-by-side items-center","innerClass":"flex items-center"},{"$formkit":"select","placeholder":"Please Select","validation":"required","validationMessages":{"required":"Field is required"},"inputClass":"bg-white","labelClass":"required","label":"Marital Status:","name":"Marital_Status","options":["Unmarried, Living Together","Unmarried, Do Not Live Together","Married, Living Together","Separated","Divorced","Other"],"wrapperClass":"side-by-side items-center","innerClass":"select-height-content"},{"$formkit":"radio","validation":"required","validationMessages":{"required":"Field is required"},"optionsClass":"pl-1 side-by-side items-center","legendClass":"legend-left required","name":"Have_Children","label":"Do You Have Children?","options":["Yes","No"],"fieldsetClass":"$reset side-by-side items-center","innerClass":"flex items-center"},{"$formkit":"select","placeholder":"Please Select","validation":"required","validationMessages":{"required":"Field is required"},"inputClass":"bg-white","labelClass":"required","label":"How Likely Are You to Pay if Your Issue Could be Resolved?","name":"Degree_Of_Interest","options":["Definitely","Probably","Maybe","Absolutely Can't Afford"],"wrapperClass":"side-by-side items-center","innerClass":"select-height-content"},{"$formkit":"select","placeholder":"Please Select","validation":"required","validationMessages":{"required":"Field is required"},"inputClass":"bg-white","labelClass":"required","label":"How Will You Pay for Legal Fees if You Hire a Lawyer?","name":"Lawyer_Payment_Method","help":"No payment necessary to speak with lawyers.","options":["Cash","Check","Credit Card","Friend","Family","Other"],"wrapperClass":"side-by-side items-center","innerClass":"select-height-content"}]},{"$cmp":"FormKit","props":{"type":"group","key":"NotSureOrOtherQuestions","id":"NotSureOrOtherQuestions","name":"NotSureOrOtherQuestions"},"if":"$get(Type_Of_Legal_Problem).value == \"Not Sure or Other\"","children":[{"$formkit":"radio","validation":"required","validationMessages":{"required":"Field is required"},"optionsClass":"pl-1 side-by-side items-center","legendClass":"legend-left required","name":"Have_Attorney","label":"Are You Currently Working with An Attorney?","options":["Yes","No"],"fieldsetClass":"$reset side-by-side items-center","innerClass":"flex items-center"},{"$formkit":"select","placeholder":"Please Select","validation":"required","validationMessages":{"required":"Field is required"},"inputClass":"bg-white","labelClass":"required","label":"How Will You Pay for Legal Fees if You Hire a Lawyer?","name":"Lawyer_Payment_Method","help":"No payment necessary to speak with lawyers.","options":["Cash","Check","Credit Card","Friend","Family","Other"],"wrapperClass":"side-by-side items-center","innerClass":"select-height-content"}]}]}]},{"$el":"section","if":"$stepIsEnabled(\"comments\")","attrs":{"style":{"if":"$activeStep !== \"comments\"","then":"display: none;"}},"children":[{"$formkit":"group","id":"comments","name":"comments","children":[{"$formkit":"textarea","label":"Please provide a brief description of your situation:","name":"Comments","placeholder":"For Example: \"I would like help with child support payments\" or \"I need help with visitation rights\"","rows":1,"validation":"required","maxlength":1000,"labelClass":"required","validationMessages":{"required":"Description is required"}}]}]},{"$el":"section","if":"$stepIsEnabled(\"firstAndLast\")","attrs":{"style":{"if":"$activeStep !== \"firstAndLast\"","then":"display: none;"}},"children":[{"$formkit":"group","id":"firstAndLast","name":"firstAndLast","children":[{"$formkit":"text","validation":"required","validationMessages":{"required":"First Name is required"},"labelClass":"required","label":"First Name:","name":"First_Name","wrapperClass":"side-by-side items-center"},{"$formkit":"text","validation":"required","validationMessages":{"required":"Last Name is required"},"labelClass":"required","label":"Last Name:","name":"Last_Name","wrapperClass":"side-by-side items-center"}]}]},{"$el":"section","if":"$stepIsEnabled(\"contactInfo\")","attrs":{"style":{"if":"$activeStep !== \"contactInfo\"","then":"display: none;"}},"children":[{"$formkit":"group","id":"contactInfo","name":"contactInfo","children":[{"$el":"h3","children":"Based on your input, you may benefit from speaking with a family lawyer. Please verify your contact information:","attrs":{"class":"flex justify-center text-center text-lg font-bold pb-5 pt-0 px-3"}},{"$formkit":"email","validation":"required|email","validationMessages":{"required":"Email is required","email":"Invalid Email"},"labelClass":"required","name":"Email","label":"Email Address:","placeholder":"email@domain.com","wrapperClass":"side-by-side items-center"},{"$formkit":"tel","validation":"required|matches:/^[0-9]{3}-?[0-9]{3}-?[0-9]{4}$/","validationMessages":{"required":"Phone Number is required","matches":"Invalid Phone Number"},"labelClass":"required","name":"Primary_Phone","label":"Phone Number:","placeholder":"xxx-xxx-xxxx","maxlength":12,"wrapperClass":"side-by-side items-center"},{"$formkit":"checkbox","label":"$meta.tcpaLanguage","name":"TCPA_Opt_In","validation":"required|accepted","validationMessages":{"required":"Consent is required","accepted":"Consent is required"},"classes":{"label":"text-xs text-slate-500 font-normal"}},{"$el":"div","if":"$activeStep === $lastStep()","attrs":{"class":"flex justify-center"},"children":[{"$el":"img","attrs":{"loading":"lazy","alt":"","style":{"border":0},"src":"https://d27hmee62k45vz.cloudfront.net/form-secure-privacy.png","width":"320","height":"100"}}]}]}]},{"$el":"div","attrs":{"class":"step-nav"},"children":[{"$formkit":"button","onClick":"$setPreviousStep()","children":"Back","style":{"if":"$activeStep === $firstStep()","then":"visibility: hidden;"}},{"$formkit":"button","onClick":"$setNextStep($fireStepEvent($get(form)))","children":"Next","style":{"if":"$activeStep === $lastStep()","then":"display: none;"}},{"$formkit":"submit","label":"Submit","if":"$activeStep === $lastStep()","style":{"if":"$activeStep !== $lastStep()","then":"display: none;"}}]},{"$el":"pre","if":"$urlParam(\"fdbg\", \"\") == 1","children":[{"$el":"pre","children":"$stringify( $get(form).value )","attrs":{"class":"text-xs","style":"overflow: scroll"}},{"$el":"pre","children":["activeStep: ","$activeStep"],"attrs":{"class":"text-xs","style":"overflow: scroll"}},{"$el":"pre","children":["stepHistory: ","$stepHistory"],"attrs":{"class":"text-xs","style":"overflow: scroll"}},{"$el":"pre","children":["stepQueue: ","$stepQueue"],"attrs":{"class":"text-xs","style":"overflow: scroll"}}]}]}]}]
@@ -70,6 +70,7 @@ const phone = () => sbsText({
70
70
  name: 'Primary_Phone',
71
71
  label: 'Phone Number:',
72
72
  placeholder: 'xxx-xxx-xxxx',
73
+ maxlength: 12,
73
74
  // help: '10-digit US phone number, hyphens optional.',
74
75
  validation: 'required|matches:/^[0-9]{3}-?[0-9]{3}-?[0-9]{4}$/',
75
76
  validationMessages: {
@@ -84,6 +85,7 @@ const TCPAConsent = () => ({
84
85
  name: 'TCPA_Opt_In',
85
86
  validation: 'required|accepted',
86
87
  validationMessages: {
88
+ required: 'Consent is required',
87
89
  accepted: 'Consent is required',
88
90
  },
89
91
  classes: {
@@ -95,6 +97,7 @@ const zipcode = () => sbsText({
95
97
  label: 'Zip Code:',
96
98
  placeholder: '90210',
97
99
  name: 'Zip',
100
+ maxlength: 5,
98
101
  validation: 'required|matches:/^[0-9]{5}$/',
99
102
  validationMessages: {
100
103
  required: 'Zip Code is required',
@@ -169,7 +172,7 @@ function contactInfo() {
169
172
  loading: 'lazy',
170
173
  alt: '',
171
174
  style: { border: 0 },
172
- src: 'https://www.jotform.com/uploads/bunker_hill/form_files/SecurePrivacy.61e1c17c976f80.61736956.png',
175
+ src: 'https://d27hmee62k45vz.cloudfront.net/form-secure-privacy.png',
173
176
  width: '320',
174
177
  height: '100'
175
178
  }
@@ -211,7 +214,7 @@ const formNavigation = () => ({
211
214
  },
212
215
  {
213
216
  $formkit: 'button',
214
- onClick: '$setNextStep()',
217
+ onClick: '$setNextStep($fireStepEvent($get(form)))',
215
218
  children: 'Next',
216
219
  style: {
217
220
  if: '$activeStep === $lastStep()',
@@ -73,6 +73,7 @@ var testForm = (function () {
73
73
  name: 'Primary_Phone',
74
74
  label: 'Phone Number:',
75
75
  placeholder: 'xxx-xxx-xxxx',
76
+ maxlength: 12,
76
77
  // help: '10-digit US phone number, hyphens optional.',
77
78
  validation: 'required|matches:/^[0-9]{3}-?[0-9]{3}-?[0-9]{4}$/',
78
79
  validationMessages: {
@@ -87,6 +88,7 @@ var testForm = (function () {
87
88
  name: 'TCPA_Opt_In',
88
89
  validation: 'required|accepted',
89
90
  validationMessages: {
91
+ required: 'Consent is required',
90
92
  accepted: 'Consent is required',
91
93
  },
92
94
  classes: {
@@ -98,6 +100,7 @@ var testForm = (function () {
98
100
  label: 'Zip Code:',
99
101
  placeholder: '90210',
100
102
  name: 'Zip',
103
+ maxlength: 5,
101
104
  validation: 'required|matches:/^[0-9]{5}$/',
102
105
  validationMessages: {
103
106
  required: 'Zip Code is required',
@@ -172,7 +175,7 @@ var testForm = (function () {
172
175
  loading: 'lazy',
173
176
  alt: '',
174
177
  style: { border: 0 },
175
- src: 'https://www.jotform.com/uploads/bunker_hill/form_files/SecurePrivacy.61e1c17c976f80.61736956.png',
178
+ src: 'https://d27hmee62k45vz.cloudfront.net/form-secure-privacy.png',
176
179
  width: '320',
177
180
  height: '100'
178
181
  }
@@ -214,7 +217,7 @@ var testForm = (function () {
214
217
  },
215
218
  {
216
219
  $formkit: 'button',
217
- onClick: '$setNextStep()',
220
+ onClick: '$setNextStep($fireStepEvent($get(form)))',
218
221
  children: 'Next',
219
222
  style: {
220
223
  if: '$activeStep === $lastStep()',
@@ -1 +1 @@
1
- [{"type":"meta","data":{"tcpaLanguage":"By checking this box, I a) agree to the Terms of Use, and b) consent to be contacted by lawyers, lawyer networks, and partners of this website using live, autodialed, pre-recorded, or artificial voice calls, as well as text messages. Your consent is not required as a condition of purchasing any goods or services. To submit this request without this consent, call 855-506-0847."}},{"$cmp":"FormKit","props":{"type":"form","id":"form","onSubmit":"$submit(\"http://localhost:8080/api/v1/form_leads_ext\", $prepData)","plugins":"$plugins","actions":false,"prepop":{"fromURL":true},"errorCodes":{"403":"An Error Occurred","409":{"abort":false},"429":"An Error Occurred"}},"children":[{"$el":"h1","children":"Need Help? Start Here!","attrs":{"class":"flex justify-center text-3xl font-bold"}},{"$el":"h3","children":"Get Your Questions Answered Today!","attrs":{"class":"flex justify-center text-l font-bold text-blue-500"}},{"$formkit":"hidden","name":"vertical","value":"Legal"},{"$formkit":"hidden","name":"TCPA_Language","value":"$meta.tcpaLanguage"},{"$formkit":"hidden","name":"gclid","value":null},{"$formkit":"hidden","name":"campaignid","value":null},{"$formkit":"hidden","name":"s","value":null},{"$el":"div","attrs":{"class":"form-body"},"children":[{"$el":"section","if":"$stepIsEnabled(\"categoryAndZip\")","attrs":{"style":{"if":"$activeStep !== \"categoryAndZip\"","then":"display: none;"}},"children":[{"$formkit":"group","id":"categoryAndZip","name":"categoryAndZip","children":[{"$formkit":"text","validation":"required|matches:/^[0-9]{5}$/","validationMessages":{"required":"Zip Code is required","matches":"Invalid Zip Code"},"labelClass":"required","label":"Zip Code:","placeholder":"90210","name":"Zip","wrapperClass":"side-by-side items-center"},{"$formkit":"select","label":"Category","name":"category","id":"category","validation":"required","options":["Fruits","Vegetables"]}]}]},{"$el":"section","if":"$stepIsEnabled(\"firstAndLast\")","attrs":{"style":{"if":"$activeStep !== \"firstAndLast\"","then":"display: none;"}},"children":[{"$formkit":"group","id":"firstAndLast","name":"firstAndLast","children":[{"$formkit":"text","validation":"required","validationMessages":{"required":"First Name is required"},"labelClass":"required","label":"First Name:","name":"First_Name","wrapperClass":"side-by-side items-center"},{"$formkit":"text","validation":"required","validationMessages":{"required":"Last Name is required"},"labelClass":"required","label":"Last Name:","name":"Last_Name","wrapperClass":"side-by-side items-center"}]}]},{"$el":"section","if":"$stepIsEnabled(\"contactInfo\")","attrs":{"style":{"if":"$activeStep !== \"contactInfo\"","then":"display: none;"}},"children":[{"$formkit":"group","id":"contactInfo","name":"contactInfo","children":[{"$el":"h3","children":"Based on your input, you may benefit from speaking with a family lawyer. Please verify your contact information:","attrs":{"class":"flex justify-center text-center text-lg font-bold pb-5 pt-0 px-3"}},{"$formkit":"email","validation":"required|email","validationMessages":{"required":"Email is required","email":"Invalid Email"},"labelClass":"required","name":"Email","label":"Email Address:","placeholder":"email@domain.com","wrapperClass":"side-by-side items-center"},{"$formkit":"tel","validation":"required|matches:/^[0-9]{3}-?[0-9]{3}-?[0-9]{4}$/","validationMessages":{"required":"Phone Number is required","matches":"Invalid Phone Number"},"labelClass":"required","name":"Primary_Phone","label":"Phone Number:","placeholder":"xxx-xxx-xxxx","wrapperClass":"side-by-side items-center"},{"$formkit":"checkbox","label":"$meta.tcpaLanguage","name":"TCPA_Opt_In","validation":"required|accepted","validationMessages":{"accepted":"Consent is required"},"classes":{"label":"text-xs text-slate-500 font-normal"}},{"$el":"div","if":"$activeStep === $lastStep()","attrs":{"class":"flex justify-center"},"children":[{"$el":"img","attrs":{"loading":"lazy","alt":"","style":{"border":0},"src":"https://www.jotform.com/uploads/bunker_hill/form_files/SecurePrivacy.61e1c17c976f80.61736956.png","width":"320","height":"100"}}]}]}]},{"$el":"div","attrs":{"class":"step-nav"},"children":[{"$formkit":"button","onClick":"$setPreviousStep()","children":"Back","style":{"if":"$activeStep === $firstStep()","then":"visibility: hidden;"}},{"$formkit":"button","onClick":"$setNextStep()","children":"Next","style":{"if":"$activeStep === $lastStep()","then":"display: none;"}},{"$formkit":"submit","label":"Submit","if":"$activeStep === $lastStep()","style":{"if":"$activeStep !== $lastStep()","then":"display: none;"}}]},{"$el":"pre","if":"$urlParam(\"fdbg\", \"\") == 1","children":[{"$el":"pre","children":"$stringify( $get(form).value )","attrs":{"class":"text-xs","style":"overflow: scroll"}},{"$el":"pre","children":["activeStep: ","$activeStep"],"attrs":{"class":"text-xs","style":"overflow: scroll"}},{"$el":"pre","children":["stepHistory: ","$stepHistory"],"attrs":{"class":"text-xs","style":"overflow: scroll"}},{"$el":"pre","children":["stepQueue: ","$stepQueue"],"attrs":{"class":"text-xs","style":"overflow: scroll"}}]}]}]}]
1
+ [{"type":"meta","data":{"tcpaLanguage":"By checking this box, I a) agree to the Terms of Use, and b) consent to be contacted by lawyers, lawyer networks, and partners of this website using live, autodialed, pre-recorded, or artificial voice calls, as well as text messages. Your consent is not required as a condition of purchasing any goods or services. To submit this request without this consent, call 855-506-0847."}},{"$cmp":"FormKit","props":{"type":"form","id":"form","onSubmit":"$submit(\"http://localhost:8080/api/v1/form_leads_ext\", $prepData)","plugins":"$plugins","actions":false,"prepop":{"fromURL":true},"errorCodes":{"403":"An Error Occurred","409":{"abort":false},"429":"An Error Occurred"}},"children":[{"$el":"h1","children":"Need Help? Start Here!","attrs":{"class":"flex justify-center text-3xl font-bold"}},{"$el":"h3","children":"Get Your Questions Answered Today!","attrs":{"class":"flex justify-center text-l font-bold text-blue-500"}},{"$formkit":"hidden","name":"vertical","value":"Legal"},{"$formkit":"hidden","name":"TCPA_Language","value":"$meta.tcpaLanguage"},{"$formkit":"hidden","name":"gclid","value":null},{"$formkit":"hidden","name":"campaignid","value":null},{"$formkit":"hidden","name":"s","value":null},{"$el":"div","attrs":{"class":"form-body"},"children":[{"$el":"section","if":"$stepIsEnabled(\"categoryAndZip\")","attrs":{"style":{"if":"$activeStep !== \"categoryAndZip\"","then":"display: none;"}},"children":[{"$formkit":"group","id":"categoryAndZip","name":"categoryAndZip","children":[{"$formkit":"text","validation":"required|matches:/^[0-9]{5}$/","validationMessages":{"required":"Zip Code is required","matches":"Invalid Zip Code"},"labelClass":"required","label":"Zip Code:","placeholder":"90210","name":"Zip","maxlength":5,"wrapperClass":"side-by-side items-center"},{"$formkit":"select","label":"Category","name":"category","id":"category","validation":"required","options":["Fruits","Vegetables"]}]}]},{"$el":"section","if":"$stepIsEnabled(\"firstAndLast\")","attrs":{"style":{"if":"$activeStep !== \"firstAndLast\"","then":"display: none;"}},"children":[{"$formkit":"group","id":"firstAndLast","name":"firstAndLast","children":[{"$formkit":"text","validation":"required","validationMessages":{"required":"First Name is required"},"labelClass":"required","label":"First Name:","name":"First_Name","wrapperClass":"side-by-side items-center"},{"$formkit":"text","validation":"required","validationMessages":{"required":"Last Name is required"},"labelClass":"required","label":"Last Name:","name":"Last_Name","wrapperClass":"side-by-side items-center"}]}]},{"$el":"section","if":"$stepIsEnabled(\"contactInfo\")","attrs":{"style":{"if":"$activeStep !== \"contactInfo\"","then":"display: none;"}},"children":[{"$formkit":"group","id":"contactInfo","name":"contactInfo","children":[{"$el":"h3","children":"Based on your input, you may benefit from speaking with a family lawyer. Please verify your contact information:","attrs":{"class":"flex justify-center text-center text-lg font-bold pb-5 pt-0 px-3"}},{"$formkit":"email","validation":"required|email","validationMessages":{"required":"Email is required","email":"Invalid Email"},"labelClass":"required","name":"Email","label":"Email Address:","placeholder":"email@domain.com","wrapperClass":"side-by-side items-center"},{"$formkit":"tel","validation":"required|matches:/^[0-9]{3}-?[0-9]{3}-?[0-9]{4}$/","validationMessages":{"required":"Phone Number is required","matches":"Invalid Phone Number"},"labelClass":"required","name":"Primary_Phone","label":"Phone Number:","placeholder":"xxx-xxx-xxxx","maxlength":12,"wrapperClass":"side-by-side items-center"},{"$formkit":"checkbox","label":"$meta.tcpaLanguage","name":"TCPA_Opt_In","validation":"required|accepted","validationMessages":{"required":"Consent is required","accepted":"Consent is required"},"classes":{"label":"text-xs text-slate-500 font-normal"}},{"$el":"div","if":"$activeStep === $lastStep()","attrs":{"class":"flex justify-center"},"children":[{"$el":"img","attrs":{"loading":"lazy","alt":"","style":{"border":0},"src":"https://d27hmee62k45vz.cloudfront.net/form-secure-privacy.png","width":"320","height":"100"}}]}]}]},{"$el":"div","attrs":{"class":"step-nav"},"children":[{"$formkit":"button","onClick":"$setPreviousStep()","children":"Back","style":{"if":"$activeStep === $firstStep()","then":"visibility: hidden;"}},{"$formkit":"button","onClick":"$setNextStep($fireStepEvent($get(form)))","children":"Next","style":{"if":"$activeStep === $lastStep()","then":"display: none;"}},{"$formkit":"submit","label":"Submit","if":"$activeStep === $lastStep()","style":{"if":"$activeStep !== $lastStep()","then":"display: none;"}}]},{"$el":"pre","if":"$urlParam(\"fdbg\", \"\") == 1","children":[{"$el":"pre","children":"$stringify( $get(form).value )","attrs":{"class":"text-xs","style":"overflow: scroll"}},{"$el":"pre","children":["activeStep: ","$activeStep"],"attrs":{"class":"text-xs","style":"overflow: scroll"}},{"$el":"pre","children":["stepHistory: ","$stepHistory"],"attrs":{"class":"text-xs","style":"overflow: scroll"}},{"$el":"pre","children":["stepQueue: ","$stepQueue"],"attrs":{"class":"text-xs","style":"overflow: scroll"}}]}]}]}]
package/dist/main.css CHANGED
@@ -1 +1 @@
1
- *,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input:-ms-input-placeholder,textarea:-ms-input-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mr-2{margin-right:.5rem}.mb-0{margin-bottom:0}.mb-5{margin-bottom:1.25rem}.mt-1{margin-top:.25rem}.ml-auto{margin-left:auto}.mb-3{margin-bottom:.75rem}.block{display:block}.flex{display:flex}.hidden{display:none}.h-10{height:2.5rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-2{height:.5rem}.h-32{height:8rem}.w-full{width:100%}.w-5{width:1.25rem}.w-16{width:4rem}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.\!max-w-xl{max-width:36rem!important}.cursor-pointer{cursor:pointer}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-none{border-style:none}.border-gray-400{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity))}.border-gray-500{--tw-border-opacity: 1;border-color:rgb(107 114 128 / var(--tw-border-opacity))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.p-0{padding:0}.p-1{padding:.25rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.pb-1{padding-bottom:.25rem}.pt-1{padding-top:.25rem}.pt-5{padding-top:1.25rem}.pt-3{padding-top:.75rem}.pl-1{padding-left:.25rem}.pb-5{padding-bottom:1.25rem}.pt-0{padding-top:0}.text-center{text-align:center}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.font-bold{font-weight:700}.font-normal{font-weight:400}.font-medium{font-weight:500}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity))}.text-slate-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity))}.placeholder-gray-400::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity))}.placeholder-gray-400:-ms-input-placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity))}.placeholder-gray-400::placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity))}.transition{transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-100{transition-duration:.1s}:root{--gray: #ccccd7;--gray-l: #eeeef4}.formkit-form{max-width:500px;flex-shrink:0;margin-top:1em;margin-bottom:1em;background:#fff;color:#000;border:1px solid var(--gray);border-radius:.5em;box-shadow:.25em .25em 1em #0000001a}#app .source-content{padding:2em;background:transparent}.side-by-side{display:grid;grid-template-columns:40fr 60fr;grid-gap:30px}.select-height-content{height:-webkit-min-content;height:-moz-min-content;height:min-content}.legend-left{float:left}.required:after{content:"*";color:red;margin-left:4px}.steps{list-style-type:none;margin:0;display:flex;padding-left:0;background:var(--gray-l);border-radius:.4em .4em 0 0;overflow:hidden;border-bottom:1px solid var(--gray)}.step{font-size:14px;display:flex;align-items:center;padding:16px 20px;background:var(--gray-l);border-right:1px solid var(--gray);color:gray;flex-grow:0;flex-shrink:0;position:relative}.step:last-child{box-shadow:.1em -.1 .1em #00000054}.step:hover{cursor:pointer}[data-step-active=true]{color:#000;background:white!important;border-bottom:none;position:relative}.step--errors,[data-step-valid=true]:after{content:"\e2\153\201c";background-color:#54a085;position:absolute;top:4px;right:4px;height:18px;width:18px;border-radius:50%;z-index:10;display:flex;font-size:10px;flex-direction:column;justify-content:center;text-align:center;color:#fff}.step--errors{background-color:#ff4949;color:#fff;z-index:100}.step-nav{display:flex;margin-top:2em;margin-bottom:1em;justify-content:space-between}.form-body{padding:2em 2em 0}.next{margin-left:auto}.formkit-outer[data-type=submit] .formkit-wrapper{display:flex}.formkit-outer[data-type=submit] .formkit-input{margin-left:auto;margin-right:0}details{border:1px solid var(--gray);background:var(--gray-l);border-radius:.15em;padding:1em}.formkit-form>.formkit-messages{padding:0 2em}.formkit-form>.formkit-messages:last-child{padding:0 2em 2em}[data-errors=true] .formkit-label{color:#ff4949}.formkit-wrapper{max-width:100%}button:hover,summary{cursor:pointer}p small{color:#999}h1{margin:.25em 0}@media (max-width: 438px){h1{font-size:1.15em}#app .source-content{padding:.5em}.steps{flex-direction:column}.step{border-bottom:1px solid var(--gray);border-right:none}.step:last-child{border-bottom:none}.side-by-side{display:unset;grid-template-columns:unset;grid-gap:unset}.legend-left{float:unset;padding-bottom:1em}.form-body{padding:1em}.formkit-outer[data-type=submit] .formkit-wrapper{display:flex}.formkit-form>.formkit-messages{padding:0 1em}.formkit-form>.formkit-messages:last-child{padding:0 1em 1em}.formkit-options.side-by-side{padding-left:0}}.file\:mr-4::-webkit-file-upload-button{margin-right:1rem}.file\:mr-4::file-selector-button{margin-right:1rem}.file\:rounded-full::-webkit-file-upload-button{border-radius:9999px}.file\:rounded-full::file-selector-button{border-radius:9999px}.file\:border-0::-webkit-file-upload-button{border-width:0px}.file\:border-0::file-selector-button{border-width:0px}.file\:bg-blue-500::-webkit-file-upload-button{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity))}.file\:bg-blue-500::file-selector-button{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity))}.file\:py-2::-webkit-file-upload-button{padding-top:.5rem;padding-bottom:.5rem}.file\:py-2::file-selector-button{padding-top:.5rem;padding-bottom:.5rem}.file\:px-4::-webkit-file-upload-button{padding-left:1rem;padding-right:1rem}.file\:px-4::file-selector-button{padding-left:1rem;padding-right:1rem}.file\:text-sm::-webkit-file-upload-button{font-size:.875rem;line-height:1.25rem}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\:text-white::-webkit-file-upload-button{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.file\:text-white::file-selector-button{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.placeholder\:text-sm::-moz-placeholder{font-size:.875rem;line-height:1.25rem}.placeholder\:text-sm:-ms-input-placeholder{font-size:.875rem;line-height:1.25rem}.placeholder\:text-sm::placeholder{font-size:.875rem;line-height:1.25rem}.checked\:bg-blue-500:checked{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity))}.focus-within\:border-blue-500:focus-within{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity))}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity))}.hover\:file\:bg-blue-600::-webkit-file-upload-button:hover{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity))}.hover\:file\:bg-blue-600::file-selector-button:hover{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity))}.focus\:shadow-none:focus{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-0:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}
1
+ *,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input:-ms-input-placeholder,textarea:-ms-input-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mr-2{margin-right:.5rem}.mb-0{margin-bottom:0}.mb-5{margin-bottom:1.25rem}.mt-1{margin-top:.25rem}.ml-auto{margin-left:auto}.mb-3{margin-bottom:.75rem}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-2{height:.5rem}.h-32{height:8rem}.w-full{width:100%}.w-5{width:1.25rem}.w-16{width:4rem}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.\!max-w-xl{max-width:36rem!important}.cursor-pointer{cursor:pointer}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-none{border-style:none}.border-gray-400{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity))}.border-gray-500{--tw-border-opacity: 1;border-color:rgb(107 114 128 / var(--tw-border-opacity))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.p-0{padding:0}.p-1{padding:.25rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.pb-1{padding-bottom:.25rem}.pt-1{padding-top:.25rem}.pt-5{padding-top:1.25rem}.pt-3{padding-top:.75rem}.pl-1{padding-left:.25rem}.pb-5{padding-bottom:1.25rem}.pt-0{padding-top:0}.text-center{text-align:center}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.font-bold{font-weight:700}.font-normal{font-weight:400}.font-medium{font-weight:500}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity))}.text-slate-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity))}.placeholder-gray-400::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity))}.placeholder-gray-400:-ms-input-placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity))}.placeholder-gray-400::placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity))}.transition{transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-100{transition-duration:.1s}:root{--gray: #ccccd7;--gray-l: #eeeef4}.formkit-form{max-width:500px;flex-shrink:0;margin-top:1em;margin-bottom:1em;background:#fff;color:#000;border:1px solid var(--gray);border-radius:.5em;box-shadow:.25em .25em 1em #0000001a}#app .source-content{padding:2em;background:transparent}.side-by-side{display:grid;grid-template-columns:40fr 60fr;grid-gap:30px}.select-height-content{height:-webkit-min-content;height:-moz-min-content;height:min-content}.legend-left{float:left}.required:after{content:"*";color:red;margin-left:4px}.steps{list-style-type:none;margin:0;display:flex;padding-left:0;background:var(--gray-l);border-radius:.4em .4em 0 0;overflow:hidden;border-bottom:1px solid var(--gray)}.step{font-size:14px;display:flex;align-items:center;padding:16px 20px;background:var(--gray-l);border-right:1px solid var(--gray);color:gray;flex-grow:0;flex-shrink:0;position:relative}.step:last-child{box-shadow:.1em -.1 .1em #00000054}.step:hover{cursor:pointer}[data-step-active=true]{color:#000;background:white!important;border-bottom:none;position:relative}.step--errors,[data-step-valid=true]:after{content:"\e2\153\201c";background-color:#54a085;position:absolute;top:4px;right:4px;height:18px;width:18px;border-radius:50%;z-index:10;display:flex;font-size:10px;flex-direction:column;justify-content:center;text-align:center;color:#fff}.step--errors{background-color:#ff4949;color:#fff;z-index:100}.step-nav{display:flex;margin-top:2em;margin-bottom:1em;justify-content:space-between}.form-body{padding:2em 2em 0}.next{margin-left:auto}.formkit-outer[data-type=submit] .formkit-wrapper{display:flex}.formkit-outer[data-type=submit] .formkit-input{margin-left:auto;margin-right:0}details{border:1px solid var(--gray);background:var(--gray-l);border-radius:.15em;padding:1em}.formkit-form>.formkit-messages{padding:0 2em}.formkit-form>.formkit-messages:last-child{padding:0 2em 2em}[data-errors=true] .formkit-label{color:#ff4949}.formkit-wrapper{max-width:100%}button:hover,summary{cursor:pointer}p small{color:#999}h1{margin:.25em 0}@media (max-width: 438px){h1{font-size:1.15em}#app .source-content{padding:.5em}.steps{flex-direction:column}.step{border-bottom:1px solid var(--gray);border-right:none}.step:last-child{border-bottom:none}.side-by-side{display:unset;grid-template-columns:unset;grid-gap:unset}.legend-left{float:unset;padding-bottom:1em}.form-body{padding:1em}.formkit-outer[data-type=submit] .formkit-wrapper{display:flex}.formkit-form>.formkit-messages{padding:0 1em}.formkit-form>.formkit-messages:last-child{padding:0 1em 1em}.formkit-options.side-by-side{padding-left:0}}.file\:mr-4::-webkit-file-upload-button{margin-right:1rem}.file\:mr-4::file-selector-button{margin-right:1rem}.file\:rounded-full::-webkit-file-upload-button{border-radius:9999px}.file\:rounded-full::file-selector-button{border-radius:9999px}.file\:border-0::-webkit-file-upload-button{border-width:0px}.file\:border-0::file-selector-button{border-width:0px}.file\:bg-blue-500::-webkit-file-upload-button{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity))}.file\:bg-blue-500::file-selector-button{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity))}.file\:py-2::-webkit-file-upload-button{padding-top:.5rem;padding-bottom:.5rem}.file\:py-2::file-selector-button{padding-top:.5rem;padding-bottom:.5rem}.file\:px-4::-webkit-file-upload-button{padding-left:1rem;padding-right:1rem}.file\:px-4::file-selector-button{padding-left:1rem;padding-right:1rem}.file\:text-sm::-webkit-file-upload-button{font-size:.875rem;line-height:1.25rem}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\:text-white::-webkit-file-upload-button{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.file\:text-white::file-selector-button{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.placeholder\:text-sm::-moz-placeholder{font-size:.875rem;line-height:1.25rem}.placeholder\:text-sm:-ms-input-placeholder{font-size:.875rem;line-height:1.25rem}.placeholder\:text-sm::placeholder{font-size:.875rem;line-height:1.25rem}.checked\:bg-blue-500:checked{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity))}.focus-within\:border-blue-500:focus-within{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity))}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity))}.hover\:file\:bg-blue-600::-webkit-file-upload-button:hover{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity))}.hover\:file\:bg-blue-600::file-selector-button:hover{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity))}.focus\:shadow-none:focus{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-0:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bhl-forms",
3
- "version": "0.0.12",
3
+ "version": "0.0.15",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -25,7 +25,8 @@
25
25
  },
26
26
  "dependencies": {
27
27
  "@analytics/storage-utils": "^0.4.0",
28
- "formkit-multistep": "0.1.1",
28
+ "formkit-multistep": "0.1.2",
29
+ "@formkit/tailwindcss": "^1.0.0-beta.8",
29
30
  "vue": "^3.2.16"
30
31
  },
31
32
  "devDependencies": {