bhl-forms 0.6.6 → 0.6.7

package/dist/forms/employmentAndWorkplace.es.js

@@ -65,12 +65,17 @@ const radio = (updates) => {
   }, updates)
 };
 
-const col2Radio = (updates) => {
-  updates.legendClass = 'required';
-  updates.fieldsetClass = '$reset';
-  updates.optionsClass = 't-pl-2 t-pt-3 t-grid t-grid-cols-1 md:t-grid-cols-2';
+const col2RadioCenter = (updates) => {
+  updates.legendClass = 'required t-w-[100%] t-text-center';
+  if (typeof updates.fieldsetClass === 'undefined') {
+    updates.fieldsetClass = '$reset t-flex t-justify-center';
+  }
+  updates.optionsClass = 't-pl-4 t-pt-3 t-grid t-grid-cols-1 md:t-grid-cols-2';
   updates.innerClass = 't-items-start';
   updates.wrapperClass = '$reset t-flex t-cursor-pointer t-mb-3';
+  updates.optionClass = 't-pl-4 md:t-pl-8 md:t-min-w-[200px]';
+  updates.messagesClass = 't-flex t-justify-center';
+  updates.helpClass = 't-mt-0 t-mb-4 !t-text-sm t-text-center';
   return radio(updates)
 };
 
@@ -97,6 +102,37 @@ const sbsYesNoRadio = (updates) => {
   return sbs2ItemRadio(updates)
 };
 
+const verticalButtonRadio = (updates) => {
+  updates.legendClass = 'legend-left';
+  updates.fieldsetClass = '$reset t-flex t-justify-center t-items-center';
+  if (typeof updates.optionsClass === 'undefined') {
+    updates.optionsClass = 't-flex t-flex-col sm:t-flex-row t-justify-center t-my-3';
+  }
+  updates.optionClass = 'radiobtn t-my-2 sm:t-my-0 t-mx-2 md:t-mx-5';
+  updates.wrapperClass = '$reset formkit-wrapper t-mb-0 t-flex t-items-center t-h-[100%]';
+  updates.labelClass = 't-font-semibold t-text-[#1e448f] t-w-[100%]';
+  updates.decoratorIcon = false;
+  updates.messagesClass = 't-flex t-justify-center';
+  return radio(updates)
+};
+
+const verticalYesNoRadio = (updates) => {
+  updates.options = ['Yes', 'No'];
+  updates.optionsClass = 't-flex t-justify-center t-my-3';
+  return verticalButtonRadio(updates)
+};
+
+const verticalRadio = (updates) => {
+  updates.legendClass = 'required';
+  updates.fieldsetClass = '$reset t-flex t-justify-center';
+  updates.optionsClass = 't-pl-2 t-pt-3';
+  updates.innerClass = 't-items-center';
+  updates.wrapperClass = '$reset t-flex t-cursor-pointer t-mb-3';
+  updates.optionClass = 't-pl-4 md:t-pl-12';
+  updates.messagesClass = 't-flex t-justify-center';
+  return radio(updates)
+};
+
 const select = (updates) => {
   if (updates.name && !updates.id) {
     updates.id = updates.name;
@@ -177,6 +213,13 @@ const sbsDate = (updates) => {
   return date(updates)
 };
 
+const verticalDate = (updates) => {
+  updates.wrapperClass = 't-flex t-justify-center';
+  updates.inputClass = 't-text-center';
+  updates.messagesClass = 't-flex t-justify-center';
+  return date(updates)
+};
+
 const applicantAge = (scope) => sbsText({
   name: scope ? scope + ':' + 'Applicant_Age' : 'Applicant_Age',
   label: 'Age of Applicant?',
@@ -191,11 +234,15 @@ const applicantAge = (scope) => sbsText({
   }
 });
 
-const atFault = (scope) => sbsYesNoRadio({
+const atFault$1 = (scope) => sbsYesNoRadio({
   name: scope ? scope + ':' + 'At_Fault' : 'At_Fault',
   label: 'Were You at Fault?'
 });
 
+const atFaultCenter = (scope) => verticalYesNoRadio({
+  name: scope ? scope + ':' + 'At_Fault' : 'At_Fault',
+});
+
 const bankruptcyCrossSell = () => sbsCheckbox({
   label: "I'd also like a consult for bankruptcy or debt elimination (optional)",
   help: "Note: you will be contacted separately by a bankruptcy/debt expert",
@@ -221,7 +268,7 @@ const bloodContentAlcoholTest = (scope) => sbsSelect({
   ]
 });
 
-const causeOfInjury = (scope) => sbsSelect({
+const causeOfInjury$1 = (scope) => sbsSelect({
   name: scope ? scope + ':' + 'Cause_Of_Injury' : 'Cause_Of_Injury',
   label: 'Cause of Injury:',
   options: [
@@ -233,6 +280,27 @@ const causeOfInjury = (scope) => sbsSelect({
   ]
 });
 
+const causeOfInjuryCenter = (scope) => col2RadioCenter({
+  name: scope ? scope + ':' + 'Cause_Of_Injury' : 'Cause_Of_Injury',
+  options: [
+    "Traumatic Physical Injury (Accident)",
+    "Repeated Trauma Injury",
+    "Mental Injury",
+    "Occupational Disease",
+    "Not Sure"
+  ]
+});
+
+const causeOfDeathCenter = () => col2RadioCenter({
+  name: 'Cause_Of_Death',
+  options: [
+    "Vehicle Accident",
+    "Negligent/Careless Act",
+    "Reckless Act",
+    "Other"
+  ]
+});
+
 const childHome = (scope) => sbsSelect({
   name: scope ? scope + ':' + 'Child_Home' : 'Child_Home',
   label: 'With Whom Do the Children Currently Live?',
@@ -266,7 +334,7 @@ const childRelationship = (scope) => sbsSelect({
   ]
 });
 
-const claimStatus = (scope) => sbsSelect({
+const claimStatus$1 = (scope) => sbsSelect({
   name: scope ? scope + ':' + 'Claim_Status' : 'Claim_Status',
   label: "Status of Claim:",
   options: [
@@ -277,6 +345,16 @@ const claimStatus = (scope) => sbsSelect({
   ]
 });
 
+const claimStatusCenter = (scope) => col2RadioCenter({
+  name: scope ? scope + ':' + 'Claim_Status' : 'Claim_Status',
+  options: [
+    "No action taken yet",
+    "Demand for compensation made",
+    "Lawsuit filed",
+    "Other"
+  ]
+});
+
 const comments = (updates, scope) => textArea(
   merge({
     name: scope ? scope + ':' + 'Comments' : 'Comments',
@@ -285,7 +363,16 @@ const comments = (updates, scope) => textArea(
   }, updates)
 );
 
-const degreeOfInterest = (scope, help) => sbsSelect({
+const criminalChargesFiledCenter = () => verticalRadio({
+  name: 'Criminal_Charges_Filed',
+  options: [
+    "Yes",
+    "No",
+    "Not Sure"
+  ]
+});
+
+const degreeOfInterest$1 = (scope, help) => sbsSelect({
   name: scope ? scope + ':' + 'Degree_Of_Interest' : 'Degree_Of_Interest',
   id: scope ? scope + ':' + 'Degree_Of_Interest' : 'Degree_Of_Interest',
   label: 'How Likely Are You to Pay if Your Issue Could be Resolved?',
@@ -298,7 +385,19 @@ const degreeOfInterest = (scope, help) => sbsSelect({
   ]
 });
 
-const degreeOfInterestHelp = (scope) => degreeOfInterest(scope, 'No payment necessary to speak with lawyers.');
+const degreeOfInterestCenter = (scope, help) => col2RadioCenter({
+  name: scope ? scope + ':' + 'Degree_Of_Interest' : 'Degree_Of_Interest',
+  id: scope ? scope + ':' + 'Degree_Of_Interest' : 'Degree_Of_Interest',
+  help: help,
+  options: [
+    'Definitely',
+    'Probably',
+    'Maybe',
+    "Absolutely Can't Afford"
+  ]
+});
+
+const degreeOfInterestHelp = (scope) => degreeOfInterest$1(scope, 'No payment necessary to speak with lawyers.');
 
 const disabilityConditionStopWork = (scope) => sbsYesNoRadio({
   name: scope ? scope + ':' + 'Disability_Condition_Stop_Work' : 'Disability_Condition_Stop_Work',
@@ -310,11 +409,15 @@ const disabilityWorkHistory = (scope) => sbsYesNoRadio({
   label: 'Have You Had a Full-Time Job Within the Past 5 Years?'
 });
 
-const doctorTreatment = (scope) => sbsYesNoRadio({
+const doctorTreatment$1 = (scope) => sbsYesNoRadio({
   name: scope ? scope + ':' + 'Doctor_Treatment' : 'Doctor_Treatment',
   label: 'Have You Recently Been Treated by a Doctor, Hospital or Clinic?',
 });
 
+const doctorTreatmentCenter = () => verticalYesNoRadio({
+  name: 'Doctor_Treatment',
+});
+
 const email = () => sbsText({
   $formkit: 'email',
   name: 'Email',
@@ -329,8 +432,7 @@ const email = () => sbsText({
   }
 });
 
-const employerType = () => sbsSelect({
-  label: 'The Employer Is a:',
+const employerTypeCenter = () => col2RadioCenter({
   name: 'Employer_Type',
   options: [
     "Sole proprietorship (mom and pop)",
@@ -343,15 +445,12 @@ const employerType = () => sbsSelect({
   ]
 });
 
-const employeeAtCompany = (scope) => sbsYesNoRadio({
+const employeeAtCompanyCenter = (scope) => verticalYesNoRadio({
   name: scope ? scope + ':' + 'Employee_At_Company' : 'Employee_At_Company',
-  label: 'Do you/they still work at the company?'
 });
 
-const employmentAndWorkplaceTOLPDisplay = (updates) => col2Radio(merge({
+const employmentAndWorkplaceTOLPDisplayCenter = (updates) => col2RadioCenter(merge({
   name: 'Type_Of_Legal_Problem_Display',
-  if: '$get(Type_Of_Legal_Problem).value == "Employment and Workplace"',
-  label: 'Select The Workplace Issue:',
   options: [
     'Workplace Harassment',
     'Workplace Discrimination',
@@ -388,21 +487,29 @@ const firstName = () => sbsText({
   }
 });
 
-const haveAttorney = (scope) => sbsYesNoRadio({
+const haveAttorney$1 = (scope) => sbsYesNoRadio({
   name: scope ? scope + ':' + 'Have_Attorney' : 'Have_Attorney',
   label: 'Already Working with An Attorney?'
 });
 
+const haveAttorneyCenter = () => verticalYesNoRadio({
+  name: 'Have_Attorney',
+});
+
 const haveChildren = (scope) => sbsYesNoRadio({
   name: scope ? scope + ':' + 'Have_Children' : 'Have_Children',
   label: 'Do You Have Children?'
 });
 
-const incidentDate = (scope) => sbsDate({
+const incidentDate$1 = (scope) => sbsDate({
   name: scope ? scope + ':' + 'Incident_Date' : 'Incident_Date',
   label: 'Date of Incident:',
 });
 
+const incidentDateCenter = (scope) => verticalDate({
+  name: scope ? scope + ':' + 'Incident_Date' : 'Incident_Date',
+});
+
 const lastName = () => sbsText({
   $formkit: 'text',
   label: 'Last Name:',
@@ -512,9 +619,7 @@ const maritalStatus = (scope) => sbsSelect({
   ]
 });
 
-
-const numEmployeesOfBusiness = () => sbsSelect({
-  label: 'Total Employees of Business? (estimated)',
+const numEmployeesOfBusinessCenter = () => col2RadioCenter({
   name: 'Num_Employees_Of_Business',
   options: [
     "1-5",
@@ -550,7 +655,7 @@ const phone = () => sbsText({
   helpClass: "t-mt-2.5 md:t-text-right md:t-mt-[-2px]"
 });
 
-const primaryInjury = (scope) => sbs2ColRadio({
+const primaryInjury$1 = (scope) => sbs2ColRadio({
   name: scope ? scope + ':' + 'Primary_Injury' : 'Primary_Injury',
   label: 'Primary Injury:',
   options: [
@@ -561,7 +666,21 @@ const primaryInjury = (scope) => sbs2ColRadio({
     "Headaches",
     "Memory Loss",
     "Loss of Limb",
-    "Other (describe on next page)"
+    "Not Sure or Other"
+  ]
+});
+
+const primaryInjuryCenter = (scope) => col2RadioCenter({
+  name: scope ? scope + ':' + 'Primary_Injury' : 'Primary_Injury',
+  options: [
+    "Anxiety",
+    "Back or Neck Pain",
+    "Broken Bones",
+    "Cuts and Bruises",
+    "Headaches",
+    "Memory Loss",
+    "Loss of Limb",
+    "Not Sure or Other"
   ]
 });
 
@@ -575,6 +694,17 @@ const policeReportFiled = (scope) => sbsYesNoRadio({
   label: 'Was a Police Report Filed?'
 });
 
+const relationshipToVictimCenter = () => col2RadioCenter({
+  name: 'Relationship_To_Victim',
+  options: [
+    "Parent",
+    "Spouse",
+    "Sibling",
+    "Friend",
+    "Other"
+  ]
+});
+
 const roleInMatterProbate = (scope) => sbsSelect({
   name: scope ? scope + ':' + 'Role_In_Matter_Probate' : 'Role_In_Matter_Probate',
   label: "What Is Your Role in this Matter?",
@@ -646,9 +776,9 @@ const valueOfAssets = (scope) => sbsSelect({
   ]
 });
 
-const zipcode = () => sbsText({
-  label: 'Zip Code:',
+const zipcodeCenter = () => text({
   placeholder: '#####',
+  help: "We try to match you with local legal help",
   name: 'Zip',
   maxlength: 5,
   inputmode: "numeric",
@@ -657,7 +787,11 @@ const zipcode = () => sbsText({
   validationMessages: {
     required: 'Zip Code is required',
     matches: 'Invalid Zip Code'
-  }
+  },
+  wrapperClass: 't-flex t-justify-center',
+  messagesClass: 't-flex t-justify-center',
+  inputClass: 't-text-center',
+  helpClass: 't-mt-2.5 !t-text-sm t-text-center'
 });
 
 
@@ -681,11 +815,11 @@ const AutoAndCarAccidentsQuestions = (condition, scope) => group(
   {
     if: (condition || '$get(Type_Of_Legal_Problem).value == "Auto and Car Accidents"'),
     children: [
-      haveAttorney(scope),
-      incidentDate(scope),
-      atFault(scope),
-      primaryInjury(scope),
-      doctorTreatment(scope),
+      haveAttorney$1(scope),
+      incidentDate$1(scope),
+      atFault$1(scope),
+      primaryInjury$1(scope),
+      doctorTreatment$1(scope),
       policeReportFiled(scope)
     ]
   }
@@ -696,11 +830,11 @@ const ChildCustodyQuestions = (condition, scope) => group(
   {
     if: (condition || '$get(Type_Of_Legal_Problem).value == "Child Custody"'),
     children: [
-      haveAttorney(scope),
+      haveAttorney$1(scope),
       childRelationship(scope),
       childHome(scope),
       childPrimaryCaregiver(scope),
-      degreeOfInterest(scope),
+      degreeOfInterest$1(scope),
       lawyerPaymentMethod(scope)
     ]
   }
@@ -711,10 +845,10 @@ const DivorceQuestions = (condition, scope) => group(
   {
     if: (condition || '$get(Type_Of_Legal_Problem).value == "Divorce and Separation"'),
     children: [
-      haveAttorney(scope),
+      haveAttorney$1(scope),
       maritalStatus(scope),
       haveChildren(scope),
-      degreeOfInterest(scope),
+      degreeOfInterest$1(scope),
       lawyerPaymentMethod(scope)
     ]
   }
@@ -725,8 +859,8 @@ const DUIAndDWIQuestions = (condition, scope) => group(
   {
     if: (condition || '$get(Type_Of_Legal_Problem).value == "DUI and DWI"'),
     children: [
-      haveAttorney(scope),
-      incidentDate(scope),
+      haveAttorney$1(scope),
+      incidentDate$1(scope),
       priorAlcoholOffenses(scope),
       typeOfAlcoholTest(scope),
       bloodContentAlcoholTest(scope),
@@ -736,59 +870,17 @@ const DUIAndDWIQuestions = (condition, scope) => group(
   }
 );
 
-const EmploymentAndWorkplaceQuestions = () => group(
-  'EmploymentAndWorkplaceQuestions',
-  {
-    if: '$get(Type_Of_Legal_Problem).value == "Employment and Workplace"',
-    children: [
-      haveAttorney(),
-      numEmployeesOfBusiness(),
-      employerType(),
-      employeeAtCompany(),
-      degreeOfInterestHelp()
-    ]
-  }
-);
-
-const WorkplaceHarassmentQuestions = () => group(
-  'WorkplaceHarassmentQuestions',
-  {
-    if: '$get(Type_Of_Legal_Problem).value == "Workplace Harassment"',
-    children: [
-      haveAttorney(),
-      numEmployeesOfBusiness(),
-      employerType(),
-      employeeAtCompany(),
-      degreeOfInterestHelp()
-    ]
-  }
-);
-
-const WorkplaceDiscriminationQuestions = () => group(
-  'WorkplaceDiscriminationQuestions',
-  {
-    if: '$get(Type_Of_Legal_Problem).value == "Workplace Discrimination"',
-    children: [
-      haveAttorney(),
-      numEmployeesOfBusiness(),
-      employerType(),
-      employeeAtCompany(),
-      degreeOfInterestHelp()
-    ]
-  }
-);
-
 const PersonalInjuryQuestions = (condition, scope) => group(
   'PersonalInjuryQuestions',
   {
     if: (condition || '$get(Type_Of_Legal_Problem).value == "Personal Injury"'),
     children: [
-      haveAttorney(scope),
-      incidentDate(scope),
-      claimStatus(scope),
-      atFault(scope),
-      primaryInjury(scope),
-      doctorTreatment(scope)
+      haveAttorney$1(scope),
+      incidentDate$1(scope),
+      claimStatus$1(scope),
+      atFault$1(scope),
+      primaryInjury$1(scope),
+      doctorTreatment$1(scope)
     ]
   }
 );
@@ -798,7 +890,7 @@ const PowerofAttorneyQuestions = (condition, scope) => group(
   {
     if: (condition || '$get(Type_Of_Legal_Problem).value == "Power of Attorney"'),
     children: [
-      haveAttorney(scope),
+      haveAttorney$1(scope),
       degreeOfInterestHelp(scope)
     ]
   }
@@ -809,24 +901,12 @@ const SocialSecurityDisabilityAndInsuranceQuestions = (condition, scope) => grou
   {
     if: (condition || '$get(Type_Of_Legal_Problem).value == "Social Security Disability and Insurance"'),
     children: [
-      haveAttorney(scope),
+      haveAttorney$1(scope),
       applicantAge(scope),
       disabilityConditionStopWork(scope),
       disabilityWorkHistory(scope),
       socialSecurityDisabilityReceivingBenefits(scope),
-      doctorTreatment(scope)
-    ]
-  }
-);
-
-const UnemploymentQuestions = () => group(
-  'UnemploymentQuestions',
-  {
-    if: '$get(Type_Of_Legal_Problem).value == "Unemployment"',
-    children: [
-      numEmployeesOfBusiness(),
-      employerType(),
-      degreeOfInterestHelp()
+      doctorTreatment$1(scope)
     ]
   }
 );
@@ -836,7 +916,7 @@ const WillsAndTrustsQuestions = (condition, scope) => group(
   {
     if: (condition || '$get(Type_Of_Legal_Problem).value == "Wills and Trusts"'),
     children: [
-      haveAttorney(scope),
+      haveAttorney$1(scope),
       valueOfAssets(scope),
       typeOfAssets(scope),
       roleInMatterProbate(scope),
@@ -851,36 +931,12 @@ const WorkersCompensationQuestions = (condition, scope) => group(
   {
     if: (condition || '$get(Type_Of_Legal_Problem).value == "Workers Compensation"'),
     children: [
-      haveAttorney(scope),
-      incidentDate(scope),
-      claimStatus(scope),
-      primaryInjury(scope),
-      causeOfInjury(scope),
-      doctorTreatment(scope)
-    ]
-  }
-);
-
-const WrongfulTerminationQuestions = () => group(
-  'WrongfulTerminationQuestions',
-  {
-    if: '$get(Type_Of_Legal_Problem).value == "Wrongful Termination"',
-    children: [
-      haveAttorney(),
-      numEmployeesOfBusiness(),
-      employerType(),
-      degreeOfInterestHelp()
-    ]
-  }
-);
-
-const NotSureOrOtherQuestions = () => group(
-  'NotSureOrOtherQuestions',
-  {
-    if: '$get(Type_Of_Legal_Problem).value == "Not Sure or Other"',
-    children: [
-      haveAttorney(),
-      degreeOfInterestHelp()
+      haveAttorney$1(scope),
+      incidentDate$1(scope),
+      claimStatus$1(scope),
+      primaryInjury$1(scope),
+      causeOfInjury$1(scope),
+      doctorTreatment$1(scope)
     ]
   }
 );
@@ -947,7 +1003,7 @@ function secureIcon(updates) {
   )
 }
 
-function questionsStepHeadline(updates) {
+function crossSellQuestionsStepHeadline(updates) {
   return {
     $el: 'h3',
     children: updates.headline || 'Tell Us About Your Situation',
@@ -957,22 +1013,32 @@ function questionsStepHeadline(updates) {
   }
 }
 
-function crossSellQuestionsStepHeadline(updates) {
+function crossSellQuestionsStepSubHeadline(updates) {
+  return {
+    $el: 'h5',
+    children: updates.subheadline || 'Tell us about your situation:',
+    attrs: {
+      class: 't-flex t-justify-center t-text-dark t-text-center !t-text-lg t-font-semibold t-pb-4 t-pt-0 t-px-3'
+    }
+  }
+}
+
+function verticalStepHeadline(updates) {
   return {
     $el: 'h3',
     children: updates.headline || 'Tell Us About Your Situation',
     attrs: {
-      class: 't-flex t-justify-center t-text-center t-text-2xl t-font-bold t-text-blue-500 t-pb-5 t-pt-0 t-px-1'
+      class: 't-flex t-justify-center t-text-center t-text-2xl t-font-bold t-text-dark t-pb-5 t-pt-0 t-px-1' + ' ' + (updates.headlineClass || '')
     }
   }
 }
 
-function crossSellQuestionsStepSubHeadline(updates) {
+function verticalStepSubHeadline(updates) {
   return {
     $el: 'h5',
-    children: updates.subheadline || 'Tell us about your situation:',
+    children: updates.subheadline || '',
     attrs: {
-      class: 't-flex t-justify-center t-text-dark t-text-center !t-text-lg t-font-semibold t-pb-4 t-pt-0 t-px-3'
+      class: 't-flex t-justify-center t-text-center !t-text-lg t-font-normal t-text-dark t-pb-5 t-pt-0 t-px-1' + ' ' + (updates.subheadlineClass || '')
     }
   }
 }
@@ -1091,6 +1157,21 @@ function step(name, inputs, nextOnEnter = true, nextOnInput = false, stepKey = u
   )
 }
 
+// Single question step
+function sqstep(name, input, defaultHeadline, updates = {}) {
+  return step(
+    name,
+    [
+      verticalStepHeadline({ headline: updates.headline ?? defaultHeadline, headlineClass: updates.headlineClass }),
+      ...Array.isArray(input) ? input : [input],
+    ],
+    updates.nextOnEnter,
+    typeof updates.nextOnInput === 'undefined' ? true : updates.nextOnInput,
+    updates.stepKey,
+    updates.nextStepMap
+  )
+}
+
 function commentsWithBankruptcy(updates = {}) {
   return step(
     'commentsWithBankruptcy',
@@ -1134,11 +1215,18 @@ function contactInfo(updates = {}) {
   )
 }
 
-function firstAndLastV2(updates = {}) {
+function firstAndLastV3(updates = {}) {
   return step(
     'firstAndLast',
     [
-      firstAndLastStepHeadline(updates),
+      firstAndLastStepHeadline({
+        headline: updates.headline ?? 'Who is looking for help?',
+        headlineClass: updates.headlineClass
+      }),
+      verticalStepSubHeadline({
+        subheadline: updates.subheadline ?? 'Note: we never share info without consent',
+        subheadlineClass: '!t-text-sm !t-text-gray-500'
+      }),
       firstName(),
       lastName()
     ],
@@ -1322,9 +1410,9 @@ function workersCompensationCrossSellQuestions(updates = {}) {
   )
 }
 
-function employmentAndWorkplaceTOLPAndZip(updates = {}) {
+function employmentAndWorkplaceTOLP(updates = {}) {
   return step(
-    'employmentAndWorkplaceTOLPAndZip',
+    'employmentAndWorkplaceTOLP',
     [
       {
         $formkit: 'hidden',
@@ -1332,10 +1420,7 @@ function employmentAndWorkplaceTOLPAndZip(updates = {}) {
         id: "Type_Of_Legal_Problem",
         value: "Employment and Workplace"
       },
-      employmentAndWorkplaceTOLPDisplay({
-        if: 'true'
-      }),
-      zipcode()
+      employmentAndWorkplaceTOLPDisplayCenter(),
     ],
     updates.nextOnEnter,
     updates.nextOnInput,
@@ -1344,24 +1429,6 @@ function employmentAndWorkplaceTOLPAndZip(updates = {}) {
   )
 }
 
-function employmentAndWorkplaceTOLPQuestions(updates = {}) {
-  return step(
-    'TOLPQuestions',
-    [
-      questionsStepHeadline(updates),
-      WorkplaceHarassmentQuestions(),
-      WorkplaceDiscriminationQuestions(),
-      WrongfulTerminationQuestions(),
-      WorkersCompensationQuestions(),
-      PersonalInjuryQuestions(),
-      UnemploymentQuestions(),
-      EmploymentAndWorkplaceQuestions(),
-      NotSureOrOtherQuestions()
-    ],
-    updates.nextOnEnter
-  )
-}
-
 function legalCrossSells(updates = {}) {
   return step(
     'legalCrossSells',
@@ -1376,6 +1443,141 @@ function legalCrossSells(updates = {}) {
   )
 }
 
+function zipcode(updates = {}) {
+  return sqstep(
+    'zipcode',
+    zipcodeCenter(),
+    'Please verify your Zip Code',
+    updates
+  )
+}
+
+function haveAttorney(updates = {}) {
+  return sqstep(
+    'haveAttorney',
+    haveAttorneyCenter(),
+    'Already working with an attorney?',
+    updates
+  )
+}
+
+function degreeOfInterest(updates = {}) {
+  return sqstep(
+    'degreeOfInterest',
+    degreeOfInterestCenter(),
+    'Could you pay if your issue could be resolved?',
+    updates
+  )
+}
+
+function incidentDate(updates = {}) {
+  return sqstep(
+    'incidentDate',
+    incidentDateCenter(),
+    'When did the incident occur?',
+    updates
+  )
+}
+
+function doctorTreatment(updates = {}) {
+  return sqstep(
+    'doctorTreatment',
+    doctorTreatmentCenter(),
+    'Have you seen a doctor about this?',
+    updates
+  )
+}
+
+function atFault(updates = {}) {
+  return sqstep(
+    'atFault',
+    atFaultCenter(),
+    'Were you at fault?',
+    updates
+  )
+}
+
+function primaryInjury(updates = {}) {
+  return sqstep(
+    'primaryInjury',
+    primaryInjuryCenter(),
+    'What was the primary injury?',
+    updates
+  )
+}
+
+function employerType(updates = {}) {
+  return sqstep(
+    'employerType',
+    employerTypeCenter(),
+    'What type of employer is it?',
+    updates
+  )
+}
+
+function employeeAtCompany(updates = {}) {
+  return sqstep(
+    'employeeAtCompany',
+    employeeAtCompanyCenter(),
+    'Do you/they still work at the company?',
+    updates
+  )
+}
+
+function numEmployeesOfBusiness(updates = {}) {
+  return sqstep(
+    'numEmployeesOfBusiness',
+    numEmployeesOfBusinessCenter(),
+    'How many employees does the business have?',
+    updates
+  )
+}
+
+function claimStatus(updates = {}) {
+  return sqstep(
+    'claimStatus',
+    claimStatusCenter(),
+    'What is the status of the claim?',
+    updates
+  )
+}
+
+function causeOfInjury(updates = {}) {
+  return sqstep(
+    'causeOfInjury',
+    causeOfInjuryCenter(),
+    'What was the cause of the injury?',
+    updates
+  )
+}
+
+function causeOfDeath(updates = {}) {
+  return sqstep(
+    'causeOfDeath',
+    causeOfDeathCenter(),
+    'What was the cause of death?',
+    updates
+  )
+}
+
+function relationshipToVictim(updates = {}) {
+  return sqstep(
+    'relationshipToVictim',
+    relationshipToVictimCenter(),
+    'What is your relationship to the victim?',
+    updates
+  )
+}
+
+function criminalChargesFiled(updates = {}) {
+  return sqstep(
+    'criminalChargesFiled',
+    criminalChargesFiledCenter(),
+    'Have criminal charges been filed?',
+    updates
+  )
+}
+
 // ------ Common
 
 const formNavigation = () => ({
@@ -1564,6 +1766,62 @@ function formAnchor(updates) {
   )
 }
 
+const progressBarDefaults = {
+  $el: 'div',
+  attrs: {
+    class: 't-mt-7 t-mb-5 t-w-full t-flex t-flex-col t-justify-center t-items-center',
+    style: {
+      if: '$fns.eq($activeStep, $firstStep()) || $fns.eq($activeStep, $lastStep())',
+      then: 'display: none'
+    },
+  },
+  children: [
+    {
+      $el: 'div',
+      attrs: {
+        class: 't-flex t-justify-center'
+      },
+      children: [
+        {
+          $el: 'span',
+          attrs: {
+            id: 'progress-bar-text',
+            class: 't-text-sm t-mb-1'
+          },
+          children: [
+            "0% Complete"
+          ]
+        },
+      ]
+    },
+    {
+      $el: 'div',
+      attrs: {
+        class: 't-bg-gray-100 t-w-9/12 t-rounded'
+      },
+      children: [
+        {
+          $el: 'div',
+          attrs: {
+            id: 'progress-bar',
+            class: 't-flex t-flex-col t-justify-center t-text-center t-whitespace-nowrap t-w-[10%] t-h-1.5 t-rounded t-text-white t-bg-[#007bff]',
+            style: {
+              transition: 'width 0.5s ease'
+            },
+          },
+        }
+      ]
+    }
+  ]
+};
+
+function progressBar(updates) {
+  return merge(
+    progressBarDefaults,
+    updates
+  )
+}
+
 function headlineDefaults(updates = {}) {
   return {
     $el: 'h1',
@@ -1603,13 +1861,6 @@ function subHeadline(updates = {}) {
   )
 }
 
-function defaultSubHeadline() {
-  return subHeadline({
-    children: '$urlParam("shl", "Our Service is Fast and Free!")',
-    if: '$activeStep === $firstStep()'
-  })
-}
-
 const hiddenInputsBase = [
   {
     $formkit: 'hidden',
@@ -1953,23 +2204,370 @@ const TOLPFinalSubHeadlines = {
   // 'Non-Workplace Discrimination': '',
 };
 
+const nextStepsLegalDefault = [
+  'haveAttorney',
+  'degreeOfInterest',
+  'commentsWithBankruptcy',
+  'zipcode',
+  'legalCrossSells',
+  'firstAndLast',
+  'contactInfo',
+];
+
+const nextStepsLegalDefaultLPM = [
+  'haveAttorney',
+  'degreeOfInterest',
+  'lawyerPaymentMethod',
+  'commentsWithBankruptcy',
+  'zipcode',
+  'legalCrossSells',
+  'firstAndLast',
+  'contactInfo',
+];
+
+const nextStepsLegalNoDOI = [
+  'haveAttorney',
+  'commentsWithBankruptcy',
+  'zipcode',
+  'legalCrossSells',
+  'firstAndLast',
+  'contactInfo',
+];
+
+const nextStepsLegalNoHA = [
+  'degreeOfInterest',
+  'commentsWithBankruptcy',
+  'zipcode',
+  'legalCrossSells',
+  'firstAndLast',
+  'contactInfo',
+];
+
+const nextStepsMapGeneralLegal = {
+  'Type_Of_Legal_Problem': {
+    'Adoption': [
+      'maritalStatus',
+      'haveChildren',
+      ...nextStepsLegalDefaultLPM
+    ],
+    'Asbestos and Mesothelioma': [
+      'incidentDate',
+      'doctorTreatment',
+      ...nextStepsLegalDefault
+    ],
+    'Auto and Car Accidents': [
+      'incidentDate',
+      'atFault',
+      'primaryInjury',
+      'doctorTreatment',
+      'policeReportFiled',
+      ...nextStepsLegalNoDOI
+    ],
+    'Bankruptcy': [
+      'totalMonthlyIncome',
+      'totalDebt',
+      'ownRealEstate',
+      'valueOfAssets',
+      ...nextStepsLegalDefault
+    ],
+    'Business Lawyers': [
+      'businessServices',
+      'businessType',
+      'numEmployeesOfBusiness',
+      ...nextStepsLegalDefault
+    ],
+    'Child Custody': [
+      'childRelationship',
+      'childHome',
+      'childPrimaryCaregiver',
+      ...nextStepsLegalDefaultLPM
+    ],
+    'Child Support': [
+      'childRelationship',
+      'childHome',
+      'childPrimaryCaregiver',
+      ...nextStepsLegalDefaultLPM
+    ],
+    'Civil Rights and Discrimination': [
+      'civilRightsType',
+      ...nextStepsLegalDefault
+    ],
+    'Civil Lawsuit': [
+      'civilDefense',
+      'lawsuitOtherParty',
+      ...nextStepsLegalDefault
+    ],
+    'File a Lawsuit': [
+      'civilLawsuitTOLPDisplay',
+      'lawsuitOtherParty',
+      ...nextStepsLegalDefault
+    ],
+    'Defend a Lawsuit': [
+      'lawsuitOtherParty',
+      ...nextStepsLegalDefault
+    ],
+    'Consumer Lawyers': [
+      'consumerLawyerType',
+      'incidentDate',
+      'lawsuitOtherParty',
+      ...nextStepsLegalDefault
+    ],
+    'Criminal and Felony': [
+      'criminalTOLPDisplay',
+      'crimeCommittedDate',
+      'roleInMatterCriminal',
+      'pendingCharges',
+      ...nextStepsLegalDefaultLPM
+    ],
+    'Debt and Collections': [
+      'totalMonthlyIncome',
+      'totalDebt',
+      'ownRealEstate',
+      'valueOfAssets',
+      ...nextStepsLegalDefault
+    ],
+    'Divorce and Separation': [
+      'maritalStatus',
+      'haveChildren',
+      ...nextStepsLegalDefaultLPM
+    ],
+    'DUI and DWI': [
+      'incidentDate',
+      'priorAlcoholOffenses',
+      'typeOfAlcoholTest',
+      'bloodContentAlcoholTest',
+      'pendingCharges',
+      ...nextStepsLegalDefault
+    ],
+    'Employment and Workplace': [
+      'employmentAndWorkplaceTOLPDisplay',
+      'numEmployeesOfBusiness',
+      'employerType',
+      'employeeAtCompany',
+      ...nextStepsLegalDefault
+    ],
+    'Expungement': [
+      'incidentDate',
+      'criminalChargeType',
+      ...nextStepsLegalDefaultLPM
+    ],
+    'Family Issues': [
+      'maritalStatus',
+      'haveChildren',
+      ...nextStepsLegalDefaultLPM
+    ],
+    'Foreclosure': [
+      'ownRealEstate',
+      'typeOfProperty',
+      'amountPaymentsPastDue',
+      'loanAmount',
+      'defaultNotice',
+      ...nextStepsLegalDefault
+    ],
+    'Guardianship': [
+      'maritalStatus',
+      'haveChildren',
+      ...nextStepsLegalDefaultLPM
+    ],
+    'Immigration and Visas': [
+      'countryOfCitizenship',
+      'immigrationLocation',
+      'immigrationEntry',
+      'immigrationType',
+      'immigrationStatus',
+      'immigrationDetails',
+      ...nextStepsLegalDefault
+    ],
+    'Landlord and Tenant': [
+      'landlordTenantIssue',
+      'landlordTenantParty',
+      ...nextStepsLegalDefault
+    ],
+    'Lemon Law': [
+      'incidentDate',
+      'lawsuitOtherParty',
+      ...nextStepsLegalDefault
+    ],
+    'Long Term Disability': [
+      'applicantOccupation',
+      'applicantAge',
+      'applicantLTDisabilityPolicy',
+      'applicantDisabilityHowObtain',
+      'applicantPreviouslyAppliedLtdBenefits',
+      'applicantReceivedDisabilityBenefits',
+      'applicantMonthlySalary',
+      ...nextStepsLegalNoDOI
+    ],
+    'Medical Malpractice': [
+      'incidentDate',
+      'claimStatus',
+      'doctorTreatment',
+      'medicalMalpracticeInjuries',
+      ...nextStepsLegalDefault
+    ],
+    'Patents and Intellectual Property': [
+      'patentAssistanceType',
+      'patentFor',
+      ...nextStepsLegalDefault
+    ],
+    'Personal Injury': [
+      'incidentDate',
+      'claimStatus',
+      'atFault',
+      'primaryInjury',
+      'doctorTreatment',
+      ...nextStepsLegalNoDOI
+    ],
+    'Probate and Estates': [
+      'valueOfAssets',
+      'typeOfAssets',
+      'roleInMatterProbate',
+      'estateLegalServicesNeeded',
+      ...nextStepsLegalDefault
+    ],
+    'Property Damage': [
+      'realEstateArea',
+      'wouldLikeLawyerTo',
+      ...nextStepsLegalDefault
+    ],
+    'Real Estate': [
+      'realEstateTOLPDisplay',
+      'realEstateArea',
+      'wouldLikeLawyerTo',
+      ...nextStepsLegalDefault
+    ],
+    'Social Security Disability and Insurance': [
+      'applicantAge',
+      'disabilityConditionStopWork',
+      'disabilityWorkHistory',
+      'socialSecurityDisabilityReceivingBenefits',
+      'doctorTreatment',
+      ...nextStepsLegalNoDOI
+    ],
+    'Tax and IRS': [
+      'totalDebt',
+      'taxProblemDetails',
+      'taxLevel',
+      'taxIssueType',
+      ...nextStepsLegalDefault
+    ],
+    'Traffic and Tickets': [
+      'driversLicenseType',
+      'trafficViolations',
+      'haveCourtDate',
+      ...nextStepsLegalDefault
+    ],
+    'Unemployment': [
+      'numEmployeesOfBusiness',
+      'employerType',
+      ...nextStepsLegalNoHA
+    ],
+    'Victim of a Crime': [
+      'crimeCommittedDate',
+      'roleInMatterCriminal',
+      'pendingCharges',
+      ...nextStepsLegalDefaultLPM
+    ],
+    'Wills and Trusts': [
+      'valueOfAssets',
+      'typeOfAssets',
+      'roleInMatterProbate',
+      'estateLegalServicesNeeded',
+      ...nextStepsLegalDefault
+    ],
+    'Workers Compensation': [
+      'incidentDate',
+      'claimStatus',
+      'primaryInjury',
+      'causeOfInjury',
+      'doctorTreatment',
+      ...nextStepsLegalNoDOI
+    ],
+    'Workplace Harassment': [
+      'numEmployeesOfBusiness',
+      'employerType',
+      'employeeAtCompany',
+      ...nextStepsLegalDefault
+    ],
+    'Workplace Discrimination': [
+      'numEmployeesOfBusiness',
+      'employerType',
+      'employeeAtCompany',
+      ...nextStepsLegalDefault
+    ],
+    'Wrongful Death': [
+      'incidentDate',
+      'relationshipToVictim',
+      'criminalChargesFiled',
+      'causeOfDeath',
+      ...nextStepsLegalNoDOI
+    ],
+    'Wrongful Termination': [
+      'numEmployeesOfBusiness',
+      'employerType',
+      ...nextStepsLegalDefault
+    ],
+  },
+  '*': nextStepsLegalDefault
+};
+
+// function filterMapByKey(obj, keyList) {
+//   return Object.fromEntries(
+//     Object.entries(obj).filter(([key]) => keyList.includes(key))
+//   );
+// }
 
-const nextStepsMapLegalLegacy = {
+// export function filteredNextStepsMapLegal(keyList) {
+//   const res = { Type_Of_Legal_Problem: filterMapByKey(nextStepsMapGeneralLegal["Type_Of_Legal_Problem"], keyList) }
+//   res["*"] = nextStepsMapGeneralLegal["*"]
+//   return res
+// }
+
+const TOLPNextSteps = nextStepsMapGeneralLegal["Type_Of_Legal_Problem"];
+
+const nextStepsMapEmploymentAndWorkplaceTOLPDisplay = {
+  'Type_Of_Legal_Problem_Display': {
+    'Wrongful Termination': TOLPNextSteps["Wrongful Termination"],
+    'Workers Compensation': TOLPNextSteps["Workers Compensation"],
+    'Personal Injury': TOLPNextSteps["Personal Injury"],
+    'Unemployment': TOLPNextSteps["Unemployment"],
+  },
   '*': [
-    'TOLPQuestions',
-    'commentsWithBankruptcy',
-    'legalCrossSells',
-    'firstAndLast',
-    'contactInfo',
+    'numEmployeesOfBusiness',
+    'employerType',
+    'employeeAtCompany',
+    ...nextStepsLegalDefault
   ]
 };
 
 const meta = defaultMetaProps();
 
 meta.data.dynamicSchema = [
-  employmentAndWorkplaceTOLPQuestions(),
-  commentsWithBankruptcy(),
-  legalCrossSells(),
+  atFault(),
+  causeOfDeath(),
+  causeOfInjury(),
+  claimStatus(),
+  criminalChargesFiled(),
+  degreeOfInterest(),
+  doctorTreatment(),
+  employerType(),
+  employeeAtCompany(),
+  haveAttorney(),
+  incidentDate({
+    nextOnInput: false
+  }),
+  numEmployeesOfBusiness(),
+  primaryInjury(),
+  relationshipToVictim(),
+  zipcode(),
+  commentsWithBankruptcy({
+    label: null,
+    headline: 'Please briefly describe your situation:',
+    headlineClass: '!t-text-dark',
+  }),
+  legalCrossSells({
+    headlineClass: '!t-text-dark'
+  }),
   autoAndCarAccidentCrossSellQuestions(),
   personalInjuryCrossSellQuestions(),
   workersCompensationCrossSellQuestions(),
@@ -1979,7 +2577,9 @@ meta.data.dynamicSchema = [
   willsAndTrustsCrossSellQuestions(),
   divorceAndSeparationCrossSellQuestions(),
   childCustodyCrossSellQuestions(),
-  firstAndLastV2(),
+  firstAndLastV3({
+    headlineClass: '!t-text-dark'
+  }),
 ];
 
 const schema = [
@@ -1993,8 +2593,12 @@ const schema = [
       valueOverrideMap: legalAllValueOverrideMap
     }),
     children: [
+      progressBar(),
       defaultHeadline(),
-      defaultSubHeadline(),
+      subHeadline({
+        children: '$urlParam("shl", "Select a Category Below to Get Started!")',
+        if: '$activeStep === $firstStep()',
+      }),
       ...hiddenInputsLegal,
       {
         $el: 'div',
@@ -2002,8 +2606,9 @@ const schema = [
           class: 'form-body'
         },
         children: [
-          employmentAndWorkplaceTOLPAndZip({
-            nextStepMap: nextStepsMapLegalLegacy
+          employmentAndWorkplaceTOLP({
+            nextOnInput: false,
+            nextStepMap: nextStepsMapEmploymentAndWorkplaceTOLPDisplay
           }),
           dynamicSchemaNode,
           contactInfo(),