bhl-forms 0.0.9 → 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,9 +86,8 @@ 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',
-  // id: 'Child_Home',
   options: [
     'Mother',
     'Father',
@@ -94,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',
@@ -104,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',
@@ -117,21 +120,22 @@ 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.',
+  // help: 'No payment necessary to speak with lawyers.',
   options: [
     'Definitely',
     'Probably',
@@ -140,9 +144,9 @@ const degreeOfInterest = () => sbsSelect({
   ]
 });
 
-const firstName = () => ({
+const firstName = () => sbsText({
   $formkit: 'text',
-  label: 'First Name *',
+  label: 'First Name:',
   name: 'First_Name',
   validation: 'required',
   validationMessages: {
@@ -150,10 +154,10 @@ const firstName = () => ({
   },
 });
 
-const email = () => ({
+const email = () => sbsText({
   $formkit: 'email',
   name: 'Email',
-  label: 'Email Address *',
+  label: 'Email Address:',
   placeholder: 'email@domain.com',
   validation: 'required|email',
   validationMessages: {
@@ -164,17 +168,17 @@ const email = () => ({
 
 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 = () => ({
+const lastName = () => sbsText({
   $formkit: 'text',
-  label: 'Last Name *',
+  label: 'Last Name:',
   name: 'Last_Name',
   validation: 'required',
   validationMessages: {
@@ -183,7 +187,7 @@ const lastName = () => ({
 });
 
 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: [
@@ -197,7 +201,7 @@ const lawyerPaymentMethod = () => sbsSelect({
 });
 
 const maritalStatus = () => sbsSelect({
-  label: 'Marital Status *',
+  label: 'Marital Status:',
   name: 'Marital_Status',
   options: [
     'Unmarried, Living Together',
@@ -209,12 +213,12 @@ const maritalStatus = () => sbsSelect({
   ]
 });
 
-const phone = () => ({
+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.',
+  // help: '10-digit US phone number, hyphens optional.',
   validation: 'required|matches:/^[0-9]{3}-?[0-9]{3}-?[0-9]{4}$/',
   validationMessages: {
     required: 'Phone Number is required',
@@ -231,12 +235,12 @@ const TCPAConsent = () => ({
     accepted: 'Consent is required',
   },
   classes: {
-    label: "text-xs text-slate-500"
+    label: "text-xs text-slate-500 font-normal"
   }
 });
 
 const zipcode = () => sbsText({
-  label: 'Zip Code *',
+  label: 'Zip Code:',
   placeholder: '90210',
   name: 'Zip',
   validation: 'required|matches:/^[0-9]{5}$/',
@@ -361,7 +365,7 @@ function contactInfo() {
         $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-lg font-bold pb-5 pt-0'
+          class: 'flex justify-center text-center text-lg font-bold pb-5 pt-0 px-3'
         }
       },
       email(),
@@ -403,6 +407,27 @@ function firstAndLast() {
   )
 }
 
+function TOLPQuestions() {
+  return step(
+    'TOLPQuestions',
+    [
+      {
+        $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'
+        }
+      },
+      AdoptionQuestions(),
+      ChildCustodyAndSupportQuestions(),
+      NotSureOrOtherQuestions()
+    ],
+    ...arguments
+  )
+}
+
+// ------ Utilities
+
 const formNavigation = () => ({
   $el: 'div',
   attrs: {
@@ -412,7 +437,7 @@ const formNavigation = () => ({
     {
       $formkit: 'button',
       onClick: '$setPreviousStep()',
-      children: 'Previous Step',
+      children: 'Back',
       style: {
         if: '$activeStep === $firstStep()',
         then: 'visibility: hidden;'
@@ -421,7 +446,7 @@ const formNavigation = () => ({
     {
       $formkit: 'button',
       onClick: '$setNextStep()',
-      children: 'Next Step',
+      children: 'Next',
       style: {
         if: '$activeStep === $lastStep()',
         then: 'display: none;'
@@ -429,7 +454,7 @@ const formNavigation = () => ({
     },
     {
       $formkit: 'submit',
-      label: 'Submit Application',
+      label: 'Submit',
       if: '$activeStep === $lastStep()',
       style: {
         if: '$activeStep !== $lastStep()',
@@ -478,25 +503,6 @@ const formDetails = () => ({
   ]
 });
 
-function TOLPQuestions() {
-  return step(
-    'TOLPQuestions',
-    [
-      {
-        $el: 'h3',
-        children: 'Please Complete the Following:',
-        attrs: {
-          class: 'flex justify-center text-2xl font-bold text-blue-500 pb-5 pt-0'
-        }
-      },
-      AdoptionQuestions(),
-      ChildCustodyAndSupportQuestions(),
-      NotSureOrOtherQuestions()
-    ],
-    ...arguments
-  )
-}
-
 const schema = [
   {
     type: 'meta',
@@ -509,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: {
@@ -521,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: [
@@ -529,7 +538,7 @@ const schema = [
         if: '$activeStep === $firstStep()',
         children: 'Get Child & Family Help Today',
         attrs: {
-          class: 'flex justify-center text-3xl font-bold pt-5'
+          class: 'flex justify-center text-center text-3xl font-bold pt-5 px-3'
         }
       },
       {
@@ -537,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-l font-bold text-blue-500'
+          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,9 +89,8 @@ 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',
-    // id: 'Child_Home',
     options: [
       'Mother',
       'Father',
@@ -97,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',
@@ -107,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',
@@ -120,21 +123,22 @@ 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.',
+    // help: 'No payment necessary to speak with lawyers.',
     options: [
       'Definitely',
       'Probably',
@@ -143,9 +147,9 @@ var childAndFamily = (function () {
     ]
   });
 
-  const firstName = () => ({
+  const firstName = () => sbsText({
     $formkit: 'text',
-    label: 'First Name *',
+    label: 'First Name:',
     name: 'First_Name',
     validation: 'required',
     validationMessages: {
@@ -153,10 +157,10 @@ var childAndFamily = (function () {
     },
   });
 
-  const email = () => ({
+  const email = () => sbsText({
     $formkit: 'email',
     name: 'Email',
-    label: 'Email Address *',
+    label: 'Email Address:',
     placeholder: 'email@domain.com',
     validation: 'required|email',
     validationMessages: {
@@ -167,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 = () => ({
+  const lastName = () => sbsText({
     $formkit: 'text',
-    label: 'Last Name *',
+    label: 'Last Name:',
     name: 'Last_Name',
     validation: 'required',
     validationMessages: {
@@ -186,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: [
@@ -200,7 +204,7 @@ var childAndFamily = (function () {
   });
 
   const maritalStatus = () => sbsSelect({
-    label: 'Marital Status *',
+    label: 'Marital Status:',
     name: 'Marital_Status',
     options: [
       'Unmarried, Living Together',
@@ -212,12 +216,12 @@ var childAndFamily = (function () {
     ]
   });
 
-  const phone = () => ({
+  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.',
+    // help: '10-digit US phone number, hyphens optional.',
     validation: 'required|matches:/^[0-9]{3}-?[0-9]{3}-?[0-9]{4}$/',
     validationMessages: {
       required: 'Phone Number is required',
@@ -234,12 +238,12 @@ var childAndFamily = (function () {
       accepted: 'Consent is required',
     },
     classes: {
-      label: "text-xs text-slate-500"
+      label: "text-xs text-slate-500 font-normal"
     }
   });
 
   const zipcode = () => sbsText({
-    label: 'Zip Code *',
+    label: 'Zip Code:',
     placeholder: '90210',
     name: 'Zip',
     validation: 'required|matches:/^[0-9]{5}$/',
@@ -364,7 +368,7 @@ var childAndFamily = (function () {
           $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-lg font-bold pb-5 pt-0'
+            class: 'flex justify-center text-center text-lg font-bold pb-5 pt-0 px-3'
           }
         },
         email(),
@@ -406,6 +410,27 @@ var childAndFamily = (function () {
     )
   }
 
+  function TOLPQuestions() {
+    return step(
+      'TOLPQuestions',
+      [
+        {
+          $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'
+          }
+        },
+        AdoptionQuestions(),
+        ChildCustodyAndSupportQuestions(),
+        NotSureOrOtherQuestions()
+      ],
+      ...arguments
+    )
+  }
+
+  // ------ Utilities
+
   const formNavigation = () => ({
     $el: 'div',
     attrs: {
@@ -415,7 +440,7 @@ var childAndFamily = (function () {
       {
         $formkit: 'button',
         onClick: '$setPreviousStep()',
-        children: 'Previous Step',
+        children: 'Back',
         style: {
           if: '$activeStep === $firstStep()',
           then: 'visibility: hidden;'
@@ -424,7 +449,7 @@ var childAndFamily = (function () {
       {
         $formkit: 'button',
         onClick: '$setNextStep()',
-        children: 'Next Step',
+        children: 'Next',
         style: {
           if: '$activeStep === $lastStep()',
           then: 'display: none;'
@@ -432,7 +457,7 @@ var childAndFamily = (function () {
       },
       {
         $formkit: 'submit',
-        label: 'Submit Application',
+        label: 'Submit',
         if: '$activeStep === $lastStep()',
         style: {
           if: '$activeStep !== $lastStep()',
@@ -481,25 +506,6 @@ var childAndFamily = (function () {
     ]
   });
 
-  function TOLPQuestions() {
-    return step(
-      'TOLPQuestions',
-      [
-        {
-          $el: 'h3',
-          children: 'Please Complete the Following:',
-          attrs: {
-            class: 'flex justify-center text-2xl font-bold text-blue-500 pb-5 pt-0'
-          }
-        },
-        AdoptionQuestions(),
-        ChildCustodyAndSupportQuestions(),
-        NotSureOrOtherQuestions()
-      ],
-      ...arguments
-    )
-  }
-
   const schema = [
     {
       type: 'meta',
@@ -512,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: {
@@ -524,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: [
@@ -532,7 +541,7 @@ var childAndFamily = (function () {
           if: '$activeStep === $firstStep()',
           children: 'Get Child & Family Help Today',
           attrs: {
-            class: 'flex justify-center text-3xl font-bold pt-5'
+            class: 'flex justify-center text-center text-3xl font-bold pt-5 px-3'
           }
         },
         {
@@ -540,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-l font-bold text-blue-500'
+            class: 'flex justify-center text-center text-md font-medium text-blue-500 px-3'
           }
         },
         {