bhl-forms 0.0.10 → 0.0.13

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}$/',
@@ -230,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}$/',
@@ -360,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(),
@@ -379,7 +384,7 @@ function contactInfo() {
               loading: 'lazy',
               alt: '',
               style: { border: 0 },
-              src: 'https://www.jotform.com/uploads/bunker_hill/form_files/SecurePrivacy.61e1c17c976f80.61736956.png',
+              src: 'https://d27hmee62k45vz.cloudfront.net/form-secure-privacy.png',
               width: '320',
               height: '100'
             }
@@ -402,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: {
@@ -477,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',
@@ -508,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: {
@@ -520,6 +527,9 @@ const schema = [
         409: { abort: false },
         429: "An Error Occurred"
       },
+      redirectMap: {
+        '*': 'https://justanswer.9pctbx.net/c/2880795/808601/9320?sharedid=${properties.vid}'
+      },
       formClass: '!max-w-xl'
     },
     children: [
@@ -528,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'
         }
       },
       {
@@ -536,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,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}$/',
@@ -233,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}$/',
@@ -363,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(),
@@ -382,7 +387,7 @@ var childAndFamily = (function () {
                 loading: 'lazy',
                 alt: '',
                 style: { border: 0 },
-                src: 'https://www.jotform.com/uploads/bunker_hill/form_files/SecurePrivacy.61e1c17c976f80.61736956.png',
+                src: 'https://d27hmee62k45vz.cloudfront.net/form-secure-privacy.png',
                 width: '320',
                 height: '100'
               }
@@ -405,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: {
@@ -480,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',
@@ -511,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: {
@@ -523,6 +530,9 @@ var childAndFamily = (function () {
           409: { abort: false },
           429: "An Error Occurred"
         },
+        redirectMap: {
+          '*': 'https://justanswer.9pctbx.net/c/2880795/808601/9320?sharedid=${properties.vid}'
+        },
         formClass: '!max-w-xl'
       },
       children: [
@@ -531,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'
           }
         },
         {
@@ -539,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'
           }
         },
         {