bhl-forms 0.0.11 → 0.0.12

package/dist/forms/childAndFamily.es.js

@@ -12,23 +12,25 @@ const radio = (updates) => {
       required: 'Field is required',
     },
     optionsClass: 'pt-3 pl-1',
+    legendClass: 'required'
   }, updates)
 };
 
 const sbsRadio = (updates) => {
-  updates.legendClass = 'legend-left';
+  updates.legendClass = 'legend-left required';
   updates.fieldsetClass = '$reset side-by-side';
   updates.optionsClass = 'pl-1';
-  updates.innerClass = 'center-label';
+  updates.innerClass = 'flex items-center';
+  updates.wrapperClass = 'mb-3';
   return radio(updates)
 };
 
 const sbsYesNoRadio = (updates) => {
   updates.options = ['Yes', 'No'];
-  updates.legendClass = 'legend-left';
-  updates.fieldsetClass = '$reset side-by-side';
-  updates.optionsClass = 'pl-1 side-by-side center-label';
-  updates.innerClass = 'center-label';
+  updates.legendClass = 'legend-left required';
+  updates.fieldsetClass = '$reset side-by-side items-center';
+  updates.optionsClass = 'pl-1 side-by-side items-center';
+  updates.innerClass = 'flex items-center';
   return radio(updates)
 };
 
@@ -41,12 +43,13 @@ const select = (updates) => {
       required: 'Field is required',
     },
     inputClass: 'bg-white',
+    labelClass: 'required'
   }, updates)
 };
 
 const sbsSelect = (updates) => {
-  updates.labelClass = 'center-label';
-  updates.wrapperClass = 'side-by-side';
+  updates.labelClass = 'required';
+  updates.wrapperClass = 'side-by-side items-center';
   updates.innerClass = 'select-height-content';
   return select(updates)
 };
@@ -58,17 +61,18 @@ const text = (updates) => {
     validationMessages: {
       required: 'Field is required',
     },
+    labelClass: 'required'
   }, updates)
 };
 
 const sbsText = (updates) => {
-  updates.labelClass = 'center-label';
-  updates.wrapperClass = 'side-by-side';
+  updates.labelClass = 'required';
+  updates.wrapperClass = 'side-by-side items-center';
   return text(updates)
 };
 
 const childAndFamilyTOLP = () => sbsRadio({
-  label: 'Which Type of Help is Needed? *',
+  label: 'Type of Help Needed:',
   name: 'Type_Of_Legal_Problem',
   id: 'Type_Of_Legal_Problem',
   options: [
@@ -82,7 +86,7 @@ const childAndFamilyTOLP = () => sbsRadio({
 });
 
 const childHome = () => sbsSelect({
-  label: 'With Whom Do the Children Currently Live? *',
+  label: 'With Whom Do the Children Currently Live?',
   name: 'Child_Home',
   options: [
     'Mother',
@@ -93,7 +97,7 @@ const childHome = () => sbsSelect({
 });
 
 const childPrimaryCaregiver = () => sbsSelect({
-  label: 'Who is the Primary Caregiver? *',
+  label: 'Who is the Primary Caregiver?',
   name: 'Child_Primary_Caregiver',
   options: [
     'Mother',
@@ -103,7 +107,7 @@ const childPrimaryCaregiver = () => sbsSelect({
 });
 
 const childRelationship = () => sbsSelect({
-  label: 'Your Relationship to Child(ren): *',
+  label: 'Your Relationship to Child(ren):',
   name: 'Child_Relationship',
   options: [
     'Father',
@@ -116,19 +120,20 @@ const childRelationship = () => sbsSelect({
 
 const comments$1 = () => ({
   $formkit: 'textarea',
-  label: 'Please provide a brief description of your situation *',
+  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',
   },
 });
 
 const degreeOfInterest = () => sbsSelect({
-  label: 'How Likely Are You to Pay if Your Issue Could be Resolved? *',
+  label: 'How Likely Are You to Pay if Your Issue Could be Resolved?',
   name: 'Degree_Of_Interest',
   // help: 'No payment necessary to speak with lawyers.',
   options: [
@@ -141,7 +146,7 @@ const degreeOfInterest = () => sbsSelect({
 
 const firstName = () => sbsText({
   $formkit: 'text',
-  label: 'First Name *',
+  label: 'First Name:',
   name: 'First_Name',
   validation: 'required',
   validationMessages: {
@@ -152,7 +157,7 @@ const firstName = () => sbsText({
 const email = () => sbsText({
   $formkit: 'email',
   name: 'Email',
-  label: 'Email Address *',
+  label: 'Email Address:',
   placeholder: 'email@domain.com',
   validation: 'required|email',
   validationMessages: {
@@ -163,17 +168,17 @@ const email = () => sbsText({
 
 const haveAttorney = () => sbsYesNoRadio({
   name: 'Have_Attorney',
-  label: 'Are You Currently Working with An Attorney? *',
+  label: 'Are You Currently Working with An Attorney?',
 });
 
 const haveChildren = () => sbsYesNoRadio({
   name: 'Have_Children',
-  label: 'Do You Have Children? *',
+  label: 'Do You Have Children?',
 });
 
 const lastName = () => sbsText({
   $formkit: 'text',
-  label: 'Last Name *',
+  label: 'Last Name:',
   name: 'Last_Name',
   validation: 'required',
   validationMessages: {
@@ -182,7 +187,7 @@ const lastName = () => sbsText({
 });
 
 const lawyerPaymentMethod = () => sbsSelect({
-  label: 'How Will You Pay for Legal Fees if You Hire a Lawyer? *',
+  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: [
@@ -196,7 +201,7 @@ const lawyerPaymentMethod = () => sbsSelect({
 });
 
 const maritalStatus = () => sbsSelect({
-  label: 'Marital Status *',
+  label: 'Marital Status:',
   name: 'Marital_Status',
   options: [
     'Unmarried, Living Together',
@@ -211,7 +216,7 @@ const maritalStatus = () => sbsSelect({
 const phone = () => sbsText({
   $formkit: 'tel',
   name: 'Primary_Phone',
-  label: 'Phone Number *',
+  label: 'Phone Number:',
   placeholder: 'xxx-xxx-xxxx',
   // help: '10-digit US phone number, hyphens optional.',
   validation: 'required|matches:/^[0-9]{3}-?[0-9]{3}-?[0-9]{4}$/',
@@ -235,7 +240,7 @@ const TCPAConsent = () => ({
 });
 
 const zipcode = () => sbsText({
-  label: 'Zip Code *',
+  label: 'Zip Code:',
   placeholder: '90210',
   name: 'Zip',
   validation: 'required|matches:/^[0-9]{5}$/',
@@ -510,8 +515,8 @@ const schema = [
     props: {
       type: 'form',
       id: 'form',
-      onSubmit: '$submit("https://httpbin.org/post", $prepData)',
-      // onSubmit: '$submit("http://localhost:8080/api/v1/form_leads_ext", $prepData)',
+      onSubmit: '$submit("https://httpbin.org/post", $prepData, $getRedirect)',
+      // onSubmit: '$submit("http://localhost:8080/api/v1/form_leads_ext", $prepData, $getRedirect)',
       plugins: '$plugins',
       actions: false,
       prepop: {
@@ -522,6 +527,9 @@ const schema = [
         409: { abort: false },
         429: "An Error Occurred"
       },
+      redirectMap: {
+        '*': 'https://justanswer.9pctbx.net/c/2880795/808601/9320?sharedid=${vid}'
+      },
       formClass: '!max-w-xl'
     },
     children: [
@@ -538,7 +546,7 @@ const schema = [
         if: '$activeStep === $firstStep()',
         children: 'Contact Us Now for Child Support, Custody and Family Issues',
         attrs: {
-          class: 'flex justify-center text-center text-l font-bold text-blue-500 px-3'
+          class: 'flex justify-center text-center text-md font-medium text-blue-500 px-3'
         }
       },
       {

package/dist/forms/childAndFamily.iife.js

@@ -15,23 +15,25 @@ var childAndFamily = (function () {
         required: 'Field is required',
       },
       optionsClass: 'pt-3 pl-1',
+      legendClass: 'required'
     }, updates)
   };
 
   const sbsRadio = (updates) => {
-    updates.legendClass = 'legend-left';
+    updates.legendClass = 'legend-left required';
     updates.fieldsetClass = '$reset side-by-side';
     updates.optionsClass = 'pl-1';
-    updates.innerClass = 'center-label';
+    updates.innerClass = 'flex items-center';
+    updates.wrapperClass = 'mb-3';
     return radio(updates)
   };
 
   const sbsYesNoRadio = (updates) => {
     updates.options = ['Yes', 'No'];
-    updates.legendClass = 'legend-left';
-    updates.fieldsetClass = '$reset side-by-side';
-    updates.optionsClass = 'pl-1 side-by-side center-label';
-    updates.innerClass = 'center-label';
+    updates.legendClass = 'legend-left required';
+    updates.fieldsetClass = '$reset side-by-side items-center';
+    updates.optionsClass = 'pl-1 side-by-side items-center';
+    updates.innerClass = 'flex items-center';
     return radio(updates)
   };
 
@@ -44,12 +46,13 @@ var childAndFamily = (function () {
         required: 'Field is required',
       },
       inputClass: 'bg-white',
+      labelClass: 'required'
     }, updates)
   };
 
   const sbsSelect = (updates) => {
-    updates.labelClass = 'center-label';
-    updates.wrapperClass = 'side-by-side';
+    updates.labelClass = 'required';
+    updates.wrapperClass = 'side-by-side items-center';
     updates.innerClass = 'select-height-content';
     return select(updates)
   };
@@ -61,17 +64,18 @@ var childAndFamily = (function () {
       validationMessages: {
         required: 'Field is required',
       },
+      labelClass: 'required'
     }, updates)
   };
 
   const sbsText = (updates) => {
-    updates.labelClass = 'center-label';
-    updates.wrapperClass = 'side-by-side';
+    updates.labelClass = 'required';
+    updates.wrapperClass = 'side-by-side items-center';
     return text(updates)
   };
 
   const childAndFamilyTOLP = () => sbsRadio({
-    label: 'Which Type of Help is Needed? *',
+    label: 'Type of Help Needed:',
     name: 'Type_Of_Legal_Problem',
     id: 'Type_Of_Legal_Problem',
     options: [
@@ -85,7 +89,7 @@ var childAndFamily = (function () {
   });
 
   const childHome = () => sbsSelect({
-    label: 'With Whom Do the Children Currently Live? *',
+    label: 'With Whom Do the Children Currently Live?',
     name: 'Child_Home',
     options: [
       'Mother',
@@ -96,7 +100,7 @@ var childAndFamily = (function () {
   });
 
   const childPrimaryCaregiver = () => sbsSelect({
-    label: 'Who is the Primary Caregiver? *',
+    label: 'Who is the Primary Caregiver?',
     name: 'Child_Primary_Caregiver',
     options: [
       'Mother',
@@ -106,7 +110,7 @@ var childAndFamily = (function () {
   });
 
   const childRelationship = () => sbsSelect({
-    label: 'Your Relationship to Child(ren): *',
+    label: 'Your Relationship to Child(ren):',
     name: 'Child_Relationship',
     options: [
       'Father',
@@ -119,19 +123,20 @@ var childAndFamily = (function () {
 
   const comments$1 = () => ({
     $formkit: 'textarea',
-    label: 'Please provide a brief description of your situation *',
+    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',
     },
   });
 
   const degreeOfInterest = () => sbsSelect({
-    label: 'How Likely Are You to Pay if Your Issue Could be Resolved? *',
+    label: 'How Likely Are You to Pay if Your Issue Could be Resolved?',
     name: 'Degree_Of_Interest',
     // help: 'No payment necessary to speak with lawyers.',
     options: [
@@ -144,7 +149,7 @@ var childAndFamily = (function () {
 
   const firstName = () => sbsText({
     $formkit: 'text',
-    label: 'First Name *',
+    label: 'First Name:',
     name: 'First_Name',
     validation: 'required',
     validationMessages: {
@@ -155,7 +160,7 @@ var childAndFamily = (function () {
   const email = () => sbsText({
     $formkit: 'email',
     name: 'Email',
-    label: 'Email Address *',
+    label: 'Email Address:',
     placeholder: 'email@domain.com',
     validation: 'required|email',
     validationMessages: {
@@ -166,17 +171,17 @@ var childAndFamily = (function () {
 
   const haveAttorney = () => sbsYesNoRadio({
     name: 'Have_Attorney',
-    label: 'Are You Currently Working with An Attorney? *',
+    label: 'Are You Currently Working with An Attorney?',
   });
 
   const haveChildren = () => sbsYesNoRadio({
     name: 'Have_Children',
-    label: 'Do You Have Children? *',
+    label: 'Do You Have Children?',
   });
 
   const lastName = () => sbsText({
     $formkit: 'text',
-    label: 'Last Name *',
+    label: 'Last Name:',
     name: 'Last_Name',
     validation: 'required',
     validationMessages: {
@@ -185,7 +190,7 @@ var childAndFamily = (function () {
   });
 
   const lawyerPaymentMethod = () => sbsSelect({
-    label: 'How Will You Pay for Legal Fees if You Hire a Lawyer? *',
+    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: [
@@ -199,7 +204,7 @@ var childAndFamily = (function () {
   });
 
   const maritalStatus = () => sbsSelect({
-    label: 'Marital Status *',
+    label: 'Marital Status:',
     name: 'Marital_Status',
     options: [
       'Unmarried, Living Together',
@@ -214,7 +219,7 @@ var childAndFamily = (function () {
   const phone = () => sbsText({
     $formkit: 'tel',
     name: 'Primary_Phone',
-    label: 'Phone Number *',
+    label: 'Phone Number:',
     placeholder: 'xxx-xxx-xxxx',
     // help: '10-digit US phone number, hyphens optional.',
     validation: 'required|matches:/^[0-9]{3}-?[0-9]{3}-?[0-9]{4}$/',
@@ -238,7 +243,7 @@ var childAndFamily = (function () {
   });
 
   const zipcode = () => sbsText({
-    label: 'Zip Code *',
+    label: 'Zip Code:',
     placeholder: '90210',
     name: 'Zip',
     validation: 'required|matches:/^[0-9]{5}$/',
@@ -513,8 +518,8 @@ var childAndFamily = (function () {
       props: {
         type: 'form',
         id: 'form',
-        onSubmit: '$submit("https://httpbin.org/post", $prepData)',
-        // onSubmit: '$submit("http://localhost:8080/api/v1/form_leads_ext", $prepData)',
+        onSubmit: '$submit("https://httpbin.org/post", $prepData, $getRedirect)',
+        // onSubmit: '$submit("http://localhost:8080/api/v1/form_leads_ext", $prepData, $getRedirect)',
         plugins: '$plugins',
         actions: false,
         prepop: {
@@ -525,6 +530,9 @@ var childAndFamily = (function () {
           409: { abort: false },
           429: "An Error Occurred"
         },
+        redirectMap: {
+          '*': 'https://justanswer.9pctbx.net/c/2880795/808601/9320?sharedid=${vid}'
+        },
         formClass: '!max-w-xl'
       },
       children: [
@@ -541,7 +549,7 @@ var childAndFamily = (function () {
           if: '$activeStep === $firstStep()',
           children: 'Contact Us Now for Child Support, Custody and Family Issues',
           attrs: {
-            class: 'flex justify-center text-center text-l font-bold text-blue-500 px-3'
+            class: 'flex justify-center text-center text-md font-medium text-blue-500 px-3'
           }
         },
         {

package/dist/forms/childAndFamily.json

@@ -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)","plugins":"$plugins","actions":false,"prepop":{"fromURL":true},"errorCodes":{"403":"An Error Occurred","409":{"abort":false},"429":"An Error Occurred"},"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-l font-bold 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","label":"Which Type of Help is Needed? *","name":"Type_Of_Legal_Problem","id":"Type_Of_Legal_Problem","options":["Adoption","Child Custody and Support","Not Sure or Other"],"legendClass":"legend-left","fieldsetClass":"$reset side-by-side","innerClass":"center-label"},{"$formkit":"text","validation":"required|matches:/^[0-9]{5}$/","validationMessages":{"required":"Zip Code is required","matches":"Invalid Zip Code"},"label":"Zip Code *","placeholder":"90210","name":"Zip","labelClass":"center-label","wrapperClass":"side-by-side"}]}]},{"$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 center-label","name":"Have_Attorney","label":"Are You Currently Working with An Attorney? *","options":["Yes","No"],"legendClass":"legend-left","fieldsetClass":"$reset side-by-side","innerClass":"center-label"},{"$formkit":"select","placeholder":"Please Select","validation":"required","validationMessages":{"required":"Field is required"},"inputClass":"bg-white","label":"Marital Status *","name":"Marital_Status","options":["Unmarried, Living Together","Unmarried, Do Not Live Together","Married, Living Together","Separated","Divorced","Other"],"labelClass":"center-label","wrapperClass":"side-by-side","innerClass":"select-height-content"},{"$formkit":"radio","validation":"required","validationMessages":{"required":"Field is required"},"optionsClass":"pl-1 side-by-side center-label","name":"Have_Children","label":"Do You Have Children? *","options":["Yes","No"],"legendClass":"legend-left","fieldsetClass":"$reset side-by-side","innerClass":"center-label"},{"$formkit":"select","placeholder":"Please Select","validation":"required","validationMessages":{"required":"Field is required"},"inputClass":"bg-white","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"],"labelClass":"center-label","wrapperClass":"side-by-side","innerClass":"select-height-content"},{"$formkit":"select","placeholder":"Please Select","validation":"required","validationMessages":{"required":"Field is required"},"inputClass":"bg-white","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"],"labelClass":"center-label","wrapperClass":"side-by-side","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 center-label","name":"Have_Attorney","label":"Are You Currently Working with An Attorney? *","options":["Yes","No"],"legendClass":"legend-left","fieldsetClass":"$reset side-by-side","innerClass":"center-label"},{"$formkit":"select","placeholder":"Please Select","validation":"required","validationMessages":{"required":"Field is required"},"inputClass":"bg-white","label":"Your Relationship to Child(ren): *","name":"Child_Relationship","options":["Father","Mother","Grandparent","Aunt/Uncle","Other"],"labelClass":"center-label","wrapperClass":"side-by-side","innerClass":"select-height-content"},{"$formkit":"select","placeholder":"Please Select","validation":"required","validationMessages":{"required":"Field is required"},"inputClass":"bg-white","label":"With Whom Do the Children Currently Live? *","name":"Child_Home","options":["Mother","Father","Grandparents","Other"],"labelClass":"center-label","wrapperClass":"side-by-side","innerClass":"select-height-content"},{"$formkit":"select","placeholder":"Please Select","validation":"required","validationMessages":{"required":"Field is required"},"inputClass":"bg-white","label":"Who is the Primary Caregiver? *","name":"Child_Primary_Caregiver","options":["Mother","Father","Other"],"labelClass":"center-label","wrapperClass":"side-by-side","innerClass":"select-height-content"},{"$formkit":"select","placeholder":"Please Select","validation":"required","validationMessages":{"required":"Field is required"},"inputClass":"bg-white","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"],"labelClass":"center-label","wrapperClass":"side-by-side","innerClass":"select-height-content"},{"$formkit":"select","placeholder":"Please Select","validation":"required","validationMessages":{"required":"Field is required"},"inputClass":"bg-white","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"],"labelClass":"center-label","wrapperClass":"side-by-side","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 center-label","name":"Have_Attorney","label":"Are You Currently Working with An Attorney? *","options":["Yes","No"],"legendClass":"legend-left","fieldsetClass":"$reset side-by-side","innerClass":"center-label"},{"$formkit":"select","placeholder":"Please Select","validation":"required","validationMessages":{"required":"Field is required"},"inputClass":"bg-white","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"],"labelClass":"center-label","wrapperClass":"side-by-side","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,"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"},"label":"First Name *","name":"First_Name","labelClass":"center-label","wrapperClass":"side-by-side"},{"$formkit":"text","validation":"required","validationMessages":{"required":"Last Name is required"},"label":"Last Name *","name":"Last_Name","labelClass":"center-label","wrapperClass":"side-by-side"}]}]},{"$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"},"name":"Email","label":"Email Address *","placeholder":"email@domain.com","labelClass":"center-label","wrapperClass":"side-by-side"},{"$formkit":"tel","validation":"required|matches:/^[0-9]{3}-?[0-9]{3}-?[0-9]{4}$/","validationMessages":{"required":"Phone Number is required","matches":"Invalid Phone Number"},"name":"Primary_Phone","label":"Phone Number *","placeholder":"xxx-xxx-xxxx","labelClass":"center-label","wrapperClass":"side-by-side"},{"$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"}}]}]}]}]
+[{"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"}}]}]}]}]

package/dist/forms/testForm.es.js

@@ -9,12 +9,13 @@ const text = (updates) => {
     validationMessages: {
       required: 'Field is required',
     },
+    labelClass: 'required'
   }, updates)
 };
 
 const sbsText = (updates) => {
-  updates.labelClass = 'center-label';
-  updates.wrapperClass = 'side-by-side';
+  updates.labelClass = 'required';
+  updates.wrapperClass = 'side-by-side items-center';
   return text(updates)
 };
 
@@ -22,7 +23,7 @@ const sbsText = (updates) => {
 
 const category = () => ({
   $formkit: 'select',
-  label: 'Category *',
+  label: 'Category',
   name: 'category',
   id: 'category',
   validation: 'required',
@@ -34,7 +35,7 @@ const category = () => ({
 
 const firstName = () => sbsText({
   $formkit: 'text',
-  label: 'First Name *',
+  label: 'First Name:',
   name: 'First_Name',
   validation: 'required',
   validationMessages: {
@@ -45,7 +46,7 @@ const firstName = () => sbsText({
 const email = () => sbsText({
   $formkit: 'email',
   name: 'Email',
-  label: 'Email Address *',
+  label: 'Email Address:',
   placeholder: 'email@domain.com',
   validation: 'required|email',
   validationMessages: {
@@ -56,7 +57,7 @@ const email = () => sbsText({
 
 const lastName = () => sbsText({
   $formkit: 'text',
-  label: 'Last Name *',
+  label: 'Last Name:',
   name: 'Last_Name',
   validation: 'required',
   validationMessages: {
@@ -67,7 +68,7 @@ const lastName = () => sbsText({
 const phone = () => sbsText({
   $formkit: 'tel',
   name: 'Primary_Phone',
-  label: 'Phone Number *',
+  label: 'Phone Number:',
   placeholder: 'xxx-xxx-xxxx',
   // help: '10-digit US phone number, hyphens optional.',
   validation: 'required|matches:/^[0-9]{3}-?[0-9]{3}-?[0-9]{4}$/',
@@ -91,7 +92,7 @@ const TCPAConsent = () => ({
 });
 
 const zipcode = () => sbsText({
-  label: 'Zip Code *',
+  label: 'Zip Code:',
   placeholder: '90210',
   name: 'Zip',
   validation: 'required|matches:/^[0-9]{5}$/',

package/dist/forms/testForm.iife.js

@@ -12,12 +12,13 @@ var testForm = (function () {
       validationMessages: {
         required: 'Field is required',
       },
+      labelClass: 'required'
     }, updates)
   };
 
   const sbsText = (updates) => {
-    updates.labelClass = 'center-label';
-    updates.wrapperClass = 'side-by-side';
+    updates.labelClass = 'required';
+    updates.wrapperClass = 'side-by-side items-center';
     return text(updates)
   };
 
@@ -25,7 +26,7 @@ var testForm = (function () {
 
   const category = () => ({
     $formkit: 'select',
-    label: 'Category *',
+    label: 'Category',
     name: 'category',
     id: 'category',
     validation: 'required',
@@ -37,7 +38,7 @@ var testForm = (function () {
 
   const firstName = () => sbsText({
     $formkit: 'text',
-    label: 'First Name *',
+    label: 'First Name:',
     name: 'First_Name',
     validation: 'required',
     validationMessages: {
@@ -48,7 +49,7 @@ var testForm = (function () {
   const email = () => sbsText({
     $formkit: 'email',
     name: 'Email',
-    label: 'Email Address *',
+    label: 'Email Address:',
     placeholder: 'email@domain.com',
     validation: 'required|email',
     validationMessages: {
@@ -59,7 +60,7 @@ var testForm = (function () {
 
   const lastName = () => sbsText({
     $formkit: 'text',
-    label: 'Last Name *',
+    label: 'Last Name:',
     name: 'Last_Name',
     validation: 'required',
     validationMessages: {
@@ -70,7 +71,7 @@ var testForm = (function () {
   const phone = () => sbsText({
     $formkit: 'tel',
     name: 'Primary_Phone',
-    label: 'Phone Number *',
+    label: 'Phone Number:',
     placeholder: 'xxx-xxx-xxxx',
     // help: '10-digit US phone number, hyphens optional.',
     validation: 'required|matches:/^[0-9]{3}-?[0-9]{3}-?[0-9]{4}$/',
@@ -94,7 +95,7 @@ var testForm = (function () {
   });
 
   const zipcode = () => sbsText({
-    label: 'Zip Code *',
+    label: 'Zip Code:',
     placeholder: '90210',
     name: 'Zip',
     validation: 'required|matches:/^[0-9]{5}$/',