bhl-forms 0.7.3 → 0.7.5

package/dist/forms/contracts.es.js

@@ -6,96 +6,101 @@ function LegalRedirectUrl() {
   return 'https://listings.ziplawyer.com/api/v1/redirect?zone_id=4&vertical=Legal&category=${properties.Type_Of_Legal_Problem}&Degree_Of_Interest=${properties.Degree_Of_Interest}&zip_code=${properties.Zip}&sub_id=${properties.vid}'
 }
 
-const DEFAULT_COMMENTS_PLACEHOLDER_DYNAMIC_LEGAL = '$getKey($meta, "commentsPlaceholders." + $get(Type_Of_Legal_Problem).value, $meta.defaultCommentsPlaceholder)';
-const DEFAULT_COMMENTS_LABEL_LEGAL = 'Please briefly describe your legal issue in a few words:';
-const DEFAULT_FINAL_HEADLINE_LEGAL = 'Submit Your Case';
-const DEFAULT_FINAL_HEADLINE_DYNAMIC_LEGAL = '$getKey($meta, "finalHeadlines." + $get(Type_Of_Legal_Problem).value, $meta.defaultFinalHeadline)';
-const DEFAULT_FINAL_SUBHEADLINE_LEGAL = 'You may benefit from speaking with a legal professional. Please verify your contact information.';
-const DEFAULT_FINAL_SUBHEADLINE_DYNAMIC_LEGAL = '$getKey($meta, "finalSubHeadlines." + $get(Type_Of_Legal_Problem).value, $meta.defaultFinalSubHeadline)';
-const TCPA_LANGUAGE_LEGAL = "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 878-213-4937.";
+const DEFAULT_COMMENTS_PLACEHOLDER_DYNAMIC_LEGAL =
+  '$getKey($meta, "commentsPlaceholders." + $get(Type_Of_Legal_Problem).value, $meta.defaultCommentsPlaceholder)';
+const DEFAULT_COMMENTS_LABEL_LEGAL = "Please briefly describe your legal issue in a few words:";
+const DEFAULT_FINAL_HEADLINE_LEGAL = "Submit Your Case";
+const DEFAULT_FINAL_HEADLINE_DYNAMIC_LEGAL =
+  '$getKey($meta, "finalHeadlines." + $get(Type_Of_Legal_Problem).value, $meta.defaultFinalHeadline)';
+const DEFAULT_FINAL_SUBHEADLINE_LEGAL =
+  "You may benefit from speaking with a legal professional. Please verify your contact information.";
+const DEFAULT_FINAL_SUBHEADLINE_DYNAMIC_LEGAL =
+  '$getKey($meta, "finalSubHeadlines." + $get(Type_Of_Legal_Problem).value, $meta.defaultFinalSubHeadline)';
+const TCPA_LANGUAGE_LEGAL =
+  "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 878-213-4937.";
 const defaultLegalImprovementCrossSells = {
-  'Auto and Car Accidents': 'Injured in a Car Accident',
-  'Personal Injury': 'Personal or Workplace Injury',
-  'DUI and DWI': 'Involved in a DUI/DWI',
-  'Wills and Trusts': 'Need a Will or Trust',
-  'Power of Attorney': 'Update Power of Attorney',
-  'Social Security Disability and Insurance': 'Interest in Disability Benefits',
+  "Auto and Car Accidents": "Injured in a Car Accident",
+  "Personal Injury": "Personal or Workplace Injury",
+  "DUI and DWI": "Involved in a DUI/DWI",
+  "Wills and Trusts": "Need a Will or Trust",
+  "Power of Attorney": "Update Power of Attorney",
+  "Social Security Disability and Insurance": "Interest in Disability Benefits",
 };
 const CROSS_SELL_OPTION_MAP_LEGAL = {
   // Values can be a list or a map of value -> display value
-  'Auto and Car Accidents': {
-    'Social Security Disability and Insurance': 'Interest in Disability Benefits',
-    'Wills and Trusts': 'Need a Will or Trust',
-    'Workers Compensation': 'Workplace Injury',
-    'Power of Attorney': 'Update Power of Attorney',
-    'Divorce and Separation': 'Need a Divorce or Separation',
-    'Child Custody': 'Need help with Child Custody',
+  "Auto and Car Accidents": {
+    "Social Security Disability and Insurance": "Interest in Disability Benefits",
+    "Wills and Trusts": "Need a Will or Trust",
+    "Workers Compensation": "Workplace Injury",
+    "Power of Attorney": "Update Power of Attorney",
+    "Divorce and Separation": "Need a Divorce or Separation",
+    "Child Custody": "Need help with Child Custody",
   },
   "Personal Injury": {
-    'DUI and DWI': 'Involved in a DUI/DWI',
-    'Wills and Trusts': 'Need a Will or Trust',
-    'Power of Attorney': 'Update Power of Attorney',
-    'Divorce and Separation': 'Need a Divorce or Separation',
-    'Child Custody': 'Need help with Child Custody',
+    "DUI and DWI": "Involved in a DUI/DWI",
+    "Wills and Trusts": "Need a Will or Trust",
+    "Power of Attorney": "Update Power of Attorney",
+    "Divorce and Separation": "Need a Divorce or Separation",
+    "Child Custody": "Need help with Child Custody",
     // TODO add one more?
   },
   "Workers Compensation": {
-    'DUI and DWI': 'Involved in a DUI/DWI',
-    'Wills and Trusts': 'Need a Will or Trust',
-    'Power of Attorney': 'Update Power of Attorney',
-    'Divorce and Separation': 'Need a Divorce or Separation',
-    'Child Custody': 'Need help with Child Custody',
+    "DUI and DWI": "Involved in a DUI/DWI",
+    "Wills and Trusts": "Need a Will or Trust",
+    "Power of Attorney": "Update Power of Attorney",
+    "Divorce and Separation": "Need a Divorce or Separation",
+    "Child Custody": "Need help with Child Custody",
     // TODO add one more?
   },
   "DUI and DWI": {
-    'Personal Injury': 'Personal or Workplace Injury',
-    'Wills and Trusts': 'Need a Will or Trust',
-    'Social Security Disability and Insurance': 'Interest in Disability Benefits',
-    'Power of Attorney': 'Update Power of Attorney',
-    'Divorce and Separation': 'Need a Divorce or Separation',
-    'Child Custody': 'Need help with Child Custody',
+    "Personal Injury": "Personal or Workplace Injury",
+    "Wills and Trusts": "Need a Will or Trust",
+    "Social Security Disability and Insurance": "Interest in Disability Benefits",
+    "Power of Attorney": "Update Power of Attorney",
+    "Divorce and Separation": "Need a Divorce or Separation",
+    "Child Custody": "Need help with Child Custody",
   },
   "Wills and Trusts": {
-    'Auto and Car Accidents': 'Injured in a Car Accident',
-    'Personal Injury': 'Personal or Workplace Injury',
-    'DUI and DWI': 'Involved in a DUI/DWI',
-    'Social Security Disability and Insurance': 'Interest in Disability Benefits',
-    'Divorce and Separation': 'Need a Divorce or Separation',
-    'Child Custody': 'Need help with Child Custody',
+    "Auto and Car Accidents": "Injured in a Car Accident",
+    "Personal Injury": "Personal or Workplace Injury",
+    "DUI and DWI": "Involved in a DUI/DWI",
+    "Social Security Disability and Insurance": "Interest in Disability Benefits",
+    "Divorce and Separation": "Need a Divorce or Separation",
+    "Child Custody": "Need help with Child Custody",
   },
   "Probate and Estates": {
-    'Auto and Car Accidents': 'Injured in a Car Accident',
-    'Personal Injury': 'Personal or Workplace Injury',
-    'DUI and DWI': 'Involved in a DUI/DWI',
-    'Social Security Disability and Insurance': 'Interest in Disability Benefits',
-    'Divorce and Separation': 'Need a Divorce or Separation',
-    'Child Custody': 'Need help with Child Custody',
+    "Auto and Car Accidents": "Injured in a Car Accident",
+    "Personal Injury": "Personal or Workplace Injury",
+    "DUI and DWI": "Involved in a DUI/DWI",
+    "Social Security Disability and Insurance": "Interest in Disability Benefits",
+    "Divorce and Separation": "Need a Divorce or Separation",
+    "Child Custody": "Need help with Child Custody",
   },
   "Power of Attorney": {
-    'Auto and Car Accidents': 'Injured in a Car Accident',
-    'Personal Injury': 'Personal or Workplace Injury',
-    'DUI and DWI': 'Involved in a DUI/DWI',
-    'Social Security Disability and Insurance': 'Interest in Disability Benefits',
-    'Divorce and Separation': 'Need a Divorce or Separation',
-    'Child Custody': 'Need help with Child Custody',
+    "Auto and Car Accidents": "Injured in a Car Accident",
+    "Personal Injury": "Personal or Workplace Injury",
+    "DUI and DWI": "Involved in a DUI/DWI",
+    "Social Security Disability and Insurance": "Interest in Disability Benefits",
+    "Divorce and Separation": "Need a Divorce or Separation",
+    "Child Custody": "Need help with Child Custody",
   },
   "Long Term Disability": {
-    'Auto and Car Accidents': 'Injured in a Car Accident',
-    'DUI and DWI': 'Involved in a DUI/DWI',
-    'Wills and Trusts': 'Need a Will or Trust',
-    'Power of Attorney': 'Update Power of Attorney',
-    'Divorce and Separation': 'Need a Divorce or Separation',
-    'Child Custody': 'Need help with Child Custody',
+    "Auto and Car Accidents": "Injured in a Car Accident",
+    "DUI and DWI": "Involved in a DUI/DWI",
+    "Wills and Trusts": "Need a Will or Trust",
+    "Power of Attorney": "Update Power of Attorney",
+    "Divorce and Separation": "Need a Divorce or Separation",
+    "Child Custody": "Need help with Child Custody",
   },
   "Social Security Disability and Insurance": {
-    'Auto and Car Accidents': 'Injured in a Car Accident',
-    'DUI and DWI': 'Involved in a DUI/DWI',
-    'Wills and Trusts': 'Need a Will or Trust',
-    'Power of Attorney': 'Update Power of Attorney',
-    'Divorce and Separation': 'Need a Divorce or Separation',
-    'Child Custody': 'Need help with Child Custody',
+    "Auto and Car Accidents": "Injured in a Car Accident",
+    "DUI and DWI": "Involved in a DUI/DWI",
+    "Wills and Trusts": "Need a Will or Trust",
+    "Power of Attorney": "Update Power of Attorney",
+    "Divorce and Separation": "Need a Divorce or Separation",
+    "Child Custody": "Need help with Child Custody",
   },
-  '*': defaultLegalImprovementCrossSells,
+  "*": defaultLegalImprovementCrossSells,
 };
 
 // ------ Common Base Settings
@@ -104,32 +109,49 @@ const checkbox = (updates) => {
   if (updates.name && !updates.id) {
     updates.id = updates.name;
   }
-  return merge({
-    $formkit: 'checkbox',
-    validation: 'required',
-    validationMessages: {
-      required: 'Field is required'
-    }
-  }, updates)
+  return merge(
+    {
+      $formkit: "checkbox",
+      validation: "required",
+      validationMessages: {
+        required: "Field is required",
+      },
+    },
+    updates
+  )
 };
 
 const sbsCheckbox = (updates) => {
-  updates.legendClass = 'legend-left required';
-  updates.fieldsetClass = '$reset side-by-side';
-  updates.optionsClass = 't-pl-1';
-  updates.innerClass = 't-flex t-items-center';
-  updates.wrapperClass = 't-mb-3';
+  updates.legendClass = "legend-left required";
+  updates.fieldsetClass = "$reset side-by-side";
+  updates.optionsClass = "t-pl-1";
+  updates.innerClass = "t-flex t-items-center";
+  updates.wrapperClass = "t-mb-3";
   return checkbox(updates)
 };
 
 const col2Checkbox = (updates) => {
   if (!updates || !updates.legendClass) {
-    updates.legendClass = 'required';
+    updates.legendClass = "required";
   }
-  updates.fieldsetClass = '$reset';
-  updates.optionsClass = 't-pl-8 md:t-pl-2 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.fieldsetClass = "$reset";
+  updates.optionsClass = "t-pl-8 md:t-pl-2 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";
+  return checkbox(updates)
+};
+
+const verticalCol2Checkbox = (updates) => {
+  if (!updates || !updates.legendClass) {
+    updates.legendClass = "required t-w-[100%] t-text-center";
+  }
+  updates.fieldsetClass = "$reset t-flex t-justify-center t-flex-col";
+  updates.innerClass = "t-items-start";
+  updates.wrapperClass = "$reset t-flex t-cursor-pointer t-mb-3";
+  updates.optionClass = "t-pl-4 md:t-pl-16 md:t-min-w-[200px]";
+  updates.optionsClass = "t-pl-4 t-pt-3 t-grid t-grid-cols-1 md:t-grid-cols-2";
+  updates.messagesClass = "t-flex t-justify-center";
+  updates.helpClass = "t-mt-0 t-mb-4 !t-text-sm t-text-center";
   return checkbox(updates)
 };
 
@@ -137,70 +159,121 @@ const radio = (updates) => {
   if (updates.name && !updates.id) {
     updates.id = updates.name;
   }
-  return merge({
-    $formkit: 'radio',
-    validation: 'required',
-    validationMessages: {
-      required: 'Field is required'
+  return merge(
+    {
+      $formkit: "radio",
+      validation: "required",
+      validationMessages: {
+        required: "Field is required",
+      },
+      optionsClass: "t-pt-3 t-pl-1",
+      legendClass: "required",
     },
-    optionsClass: 't-pt-3 t-pl-1',
-    legendClass: 'required'
-  }, 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';
-  updates.innerClass = 't-items-start';
-  updates.wrapperClass = '$reset t-flex t-cursor-pointer t-mb-3';
+  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";
+  updates.innerClass = "t-items-start";
+  updates.wrapperClass = "$reset t-flex t-cursor-pointer t-mb-3";
+  return radio(updates)
+};
+
+// TODO: rename
+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.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.optionsClass = "t-pl-4 t-pt-3 t-grid t-grid-cols-1 md:t-grid-cols-2";
+  updates.messagesClass = "t-flex t-justify-center";
+  updates.helpClass = "t-mt-0 t-mb-4 !t-text-sm t-text-center";
   return radio(updates)
 };
 
 const sbs2ColRadio = (updates) => {
-  updates.legendClass = 'legend-left-flex md:t-max-w-[40%] required';
-  updates.fieldsetClass = '$reset side-by-side-flex';
-  updates.optionsClass = 'md:t-ml-4 md:t-mt-2 t-grid t-grid-cols-1 md:t-grid-cols-2-125';
-  updates.innerClass = 't-flex t-items-start';
-  updates.wrapperClass = '$reset t-flex t-cursor-pointer t-mb-3';
+  updates.legendClass = "legend-left-flex md:t-max-w-[40%] required";
+  updates.fieldsetClass = "$reset side-by-side-flex";
+  updates.optionsClass = "md:t-ml-4 md:t-mt-2 t-grid t-grid-cols-1 md:t-grid-cols-2-125";
+  updates.innerClass = "t-flex t-items-start";
+  updates.wrapperClass = "$reset t-flex t-cursor-pointer t-mb-3";
   return radio(updates)
 };
 
 const sbs2ItemRadio = (updates) => {
-  updates.legendClass = 'legend-left t-pb-1 required';
-  updates.fieldsetClass = '$reset side-by-side t-items-center';
-  updates.optionsClass = 't-mt-1 t-grid t-grid-cols-1 md:t-grid-cols-2-125 t-items-center';
-  updates.innerClass = 't-flex t-items-center';
-  updates.optionClass = 't-pr-1';
+  updates.legendClass = "legend-left t-pb-1 required";
+  updates.fieldsetClass = "$reset side-by-side t-items-center";
+  updates.optionsClass = "t-mt-1 t-grid t-grid-cols-1 md:t-grid-cols-2-125 t-items-center";
+  updates.innerClass = "t-flex t-items-center";
+  updates.optionClass = "t-pr-1";
   return radio(updates)
 };
 
 const sbsYesNoRadio = (updates) => {
-  updates.options = ['Yes', 'No'];
+  updates.options = ["Yes", "No"];
   return sbs2ItemRadio(updates)
 };
 
+const verticalButtonRadio = (updates) => {
+  updates.legendClass = "legend-left";
+  updates.fieldsetClass = "$reset t-flex t-justify-center t-flex-col-reverse 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";
+  updates.helpClass = "t-mt-2.5 !t-text-sm t-text-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 select = (updates) => {
   if (updates.name && !updates.id) {
     updates.id = updates.name;
   }
-  return merge({
-    $formkit: 'select',
-    placeholder: "Please Select",
-    validation: 'required',
-    validationMessages: {
-      required: 'Field is required'
+  return merge(
+    {
+      $formkit: "select",
+      placeholder: "Please Select",
+      validation: "required",
+      validationMessages: {
+        required: "Field is required",
+      },
+      inputClass: "t-bg-white",
+      labelClass: "required",
     },
-    inputClass: 't-bg-white',
-    labelClass: 'required'
-  }, updates)
+    updates
+  )
 };
 
 const sbsSelect = (updates) => {
-  updates.labelClass = 'required';
-  updates.wrapperClass = 'side-by-side t-items-center';
-  updates.innerClass = 'select-height-content';
-  updates.helpClass = 't-mt-2.5 md:t-text-right md:t-mt-[-5px]';
+  updates.labelClass = "required";
+  updates.wrapperClass = "side-by-side t-items-center";
+  updates.innerClass = "select-height-content";
+  updates.helpClass = "t-mt-2.5 md:t-text-right md:t-mt-[-5px]";
+  return select(updates)
+};
+
+const verticalSelect = (updates) => {
+  updates.labelClass = "required";
+  updates.wrapperClass = "t-flex t-justify-center";
+  updates.messagesClass = "t-flex t-justify-center";
+  updates.inputClass = "t-min-w-[150px] t-bg-white";
+  updates.helpClass = "t-mt-2.5 t-text-center";
   return select(updates)
 };
 
@@ -208,26 +281,29 @@ const text = (updates) => {
   if (updates.name && !updates.id) {
     updates.id = updates.name;
   }
-  return merge({
-    $formkit: 'text',
-    validation: 'required',
-    validationMessages: {
-      required: 'Field is required'
+  return merge(
+    {
+      $formkit: "text",
+      validation: "required",
+      validationMessages: {
+        required: "Field is required",
+      },
+      labelClass: "required",
     },
-    labelClass: 'required'
-  }, updates)
+    updates
+  )
 };
 
 const sbsText = (updates) => {
-  updates.wrapperClass = 'side-by-side t-items-center';
+  updates.wrapperClass = "side-by-side t-items-center";
   return text(updates)
 };
 
 const verticalText = (updates) => {
-  updates.wrapperClass = 't-flex t-justify-center';
-  updates.messagesClass = 't-flex t-justify-center';
-  updates.inputClass = 't-text-center';
-  updates.helpClass = 't-mt-2.5 !t-text-sm t-text-center';
+  updates.wrapperClass = "t-flex t-justify-center";
+  updates.messagesClass = "t-flex t-justify-center";
+  updates.inputClass = "t-text-center";
+  updates.helpClass = "t-mt-2.5 !t-text-sm t-text-center";
   return text(updates)
 };
 
@@ -235,509 +311,758 @@ const textArea = (updates) => {
   if (updates.name && !updates.id) {
     updates.id = updates.name;
   }
-  return merge({
-    $formkit: 'textarea',
-    rows: 5,
-    maxlength: 500,
-    validation: 'required',
-    validationMessages: {
-      required: 'Field is required'
+  return merge(
+    {
+      $formkit: "textarea",
+      rows: 5,
+      maxlength: 500,
+      validation: "required",
+      validationMessages: {
+        required: "Field is required",
+      },
+      innerClass: "t-max-w-xl",
+      labelClass: "required",
     },
-    innerClass: 't-max-w-xl',
-    labelClass: 'required'
-  }, updates)
+    updates
+  )
 };
 
 const date = (updates) => {
   if (updates.name && !updates.id) {
     updates.id = updates.name;
   }
-  return merge({
-    $formkit: 'DatePicker',
-    validation: 'required',
-    validationMessages: {
-      required: 'Field is required'
+  return merge(
+    {
+      $formkit: "DatePicker",
+      validation: "required",
+      validationMessages: {
+        required: "Field is required",
+      },
+      labelClass: "required t-block t-mb-3 t-font-semibold t-text-base formkit-invalid:t-text-red-500",
+      innerClass:
+        "t-border t-border-gray-400 formkit-invalid:t-border-red-500 t-rounded t-mb-1 focus-within:t-border-blue-500",
     },
-    labelClass: 'required t-block t-mb-3 t-font-semibold t-text-base formkit-invalid:t-text-red-500',
-    innerClass: 't-border t-border-gray-400 formkit-invalid:t-border-red-500 t-rounded t-mb-1 focus-within:t-border-blue-500'
-  }, updates)
+    updates
+  )
 };
 
 const sbsDate = (updates) => {
-  updates.wrapperClass = 'side-by-side t-items-center';
+  updates.wrapperClass = "side-by-side t-items-center";
   return date(updates)
 };
 
-const email = (scope) => sbsText({
-  $formkit: 'email',
-  name: scope ? scope + ':' + 'Email' : 'Email',
-  label: 'Email Address:',
-  placeholder: 'email@domain.com',
-  autocomplete: 'email',
-  'data-tf-sensitive': 'false',
-  validation: 'required|email',
-  validationMessages: {
-    required: 'Email is required',
-    email: 'Invalid Email'
-  }
-});
+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 firstName = (scope) => sbsText({
-  label: 'First Name:',
-  placeholder: 'First',
-  name: scope ? scope + ':' + 'First_Name' : 'First_Name',
-  autocomplete: "given-name",
-  validationMessages: {
-    required: 'First Name is required'
-  }
-});
+const email = (scope, vertical, updates = {}) => {
+  const func = vertical ? verticalText : sbsText;
+  const label = vertical ? updates.label : "Email Address:";
+  return func({
+    $formkit: "email",
+    name: scope ? scope + ":" + "Email" : "Email",
+    label,
+    placeholder: "email@domain.com",
+    autocomplete: "email",
+    "data-tf-sensitive": "false",
+    validation: "required|email",
+    validationMessages: {
+      required: "Email is required",
+      email: "Invalid Email",
+    },
+    ...updates,
+  })
+};
 
-const lastName = (scope) => sbsText({
-  label: 'Last Name:',
-  placeholder: 'Last',
-  name: scope ? scope + ':' + 'Last_Name' : 'Last_Name',
-  autocomplete: "family-name",
-  validationMessages: {
-    required: 'Last Name is required'
-  }
-});
+const firstName = (scope, vertical, updates = {}) => {
+  const func = vertical ? verticalText : sbsText;
+  const label = vertical ? updates.label : "First Name:";
+  return func({
+    label,
+    placeholder: "First",
+    name: scope ? scope + ":" + "First_Name" : "First_Name",
+    autocomplete: "given-name",
+    validationMessages: {
+      required: "First Name is required",
+    },
+    ...updates,
+  })
+};
 
-const phone = (scope) => sbsText({
-  $formkit: 'tel',
-  name: scope ? scope + ':' + 'Primary_Phone' : 'Primary_Phone',
-  label: 'Phone Number:',
-  placeholder: '###-###-####',
-  maxlength: 12,
-  help: '10-digit phone number, hyphens optional',
-  autocomplete: 'tel-national',
-  'data-tf-sensitive': 'false',
-  validation: 'required|matches:/^[0-9]{3}-?[0-9]{3}-?[0-9]{4}$/|valid_phone',
-  validationMessages: {
-    required: 'Field is required',
-    matches: 'Invalid Phone Format, use ###-###-####',
-    valid_phone: 'Invalid Phone Number'
-  },
-  helpClass: "t-mt-2.5 md:t-text-right md:t-mt-[-2px]"
-});
+const lastName = (scope, vertical, updates = {}) => {
+  const func = vertical ? verticalText : sbsText;
+  const label = vertical ? updates.label : "Last Name:";
+  return func({
+    label,
+    placeholder: "Last",
+    name: scope ? scope + ":" + "Last_Name" : "Last_Name",
+    autocomplete: "family-name",
+    validationMessages: {
+      required: "Last Name is required",
+    },
+    ...updates,
+  })
+};
 
+const phone = (scope, vertical, updates = {}) => {
+  const func = vertical ? verticalText : sbsText;
+  const label = vertical ? updates.label : "Phone Number:";
+  return func({
+    $formkit: "tel",
+    name: scope ? scope + ":" + "Primary_Phone" : "Primary_Phone",
+    label,
+    placeholder: "###-###-####",
+    maxlength: 12,
+    help: "10-digit phone number, hyphens optional",
+    autocomplete: "tel-national",
+    "data-tf-sensitive": "false",
+    validation: "required|matches:/^[0-9]{3}-?[0-9]{3}-?[0-9]{4}$/|valid_phone",
+    validationMessages: {
+      required: "Phone Number is required",
+      matches: "Invalid Phone Format, use ###-###-####",
+      valid_phone: "Invalid Phone Number",
+    },
+    helpClass: "t-mt-2.5 md:t-text-right md:t-mt-[-2px]",
+    ...updates,
+  })
+};
 
 const zipcode = (scope, vertical, updates = {}) => {
   const func = vertical ? verticalText : sbsText;
-  const label = vertical ? (updates.label) : 'Zip Code:';
-  const help = vertical ? (updates.help ?? "We try to match you with local help") : null;  
+  const label = vertical ? updates.label : "Zip Code:";
+  const help = vertical ? updates.help ?? "We try to match you with local help" : null;
   return func({
     label,
     help,
-    placeholder: '#####',
-    name: scope ? scope + ':' + 'Zip' : 'Zip',
+    placeholder: "#####",
+    name: scope ? scope + ":" + "Zip" : "Zip",
     maxlength: 5,
     inputmode: "numeric",
-    autocomplete: 'postal-code',
-    validation: 'required|matches:/^[0-9]{5}$/',
+    autocomplete: "postal-code",
+    validation: "required|matches:/^[0-9]{5}$/",
     validationMessages: {
-      required: 'Zip Code is required',
-      matches: 'Invalid Zip Code'
+      required: "Zip Code is required",
+      matches: "Invalid Zip Code",
     },
-    ...updates
+    ...updates,
   })
 };
 
 const applicantAge = (scope, vertical, updates = {}) => {
   const func = vertical ? verticalText : sbsText;
-  const label = vertical ? (updates.label) : 'Age of Applicant?';
-  const value = vertical ? (updates.value ?? "50") : null;
-  return func(merge({
-    label,
-    placeholder: 'Age between 18 and 65',
-    name: scope ? scope + ':' + 'Applicant_Age' : 'Applicant_Age',
-    value,
-    maxlength: 2,
-    inputmode: "numeric",
-    validation: "required|min:18,max:65",
-    validationMessages: {
-      required: 'Applicant Age is required',
-      min: 'Invalid Age - must be between 18 and 65',
-      max: 'Invalid Age - must be between 18 and 65',
-    },
-    ...updates
-  }))
+  const label = vertical ? updates.label : "Age of Applicant?";
+  const value = vertical ? updates.value ?? "50" : null;
+  return func(
+    merge({
+      label,
+      placeholder: "Age between 18 and 65",
+      name: scope ? scope + ":" + "Applicant_Age" : "Applicant_Age",
+      value,
+      maxlength: 2,
+      inputmode: "numeric",
+      validation: "required|min:18,max:65",
+      validationMessages: {
+        required: "Applicant Age is required",
+        min: "Invalid Age - must be between 18 and 65",
+        max: "Invalid Age - must be between 18 and 65",
+      },
+      ...updates,
+    })
+  )
 };
 
-const atFault = (scope) => sbsYesNoRadio({
-  name: scope ? scope + ':' + 'At_Fault' : 'At_Fault',
-  label: 'Were You at Fault?'
-});
+const atFault = (scope, vertical, updates = {}) => {
+  const func = vertical ? verticalYesNoRadio : sbsYesNoRadio;
+  const label = vertical ? updates.label : "Were You at Fault?";
+  return func(
+    merge(
+      {
+        label,
+        name: scope ? scope + ":" + "At_Fault" : "At_Fault",
+      },
+      updates
+    )
+  )
+};
 
-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",
-  name: 'CrossSell_Bankruptcy',
-  id: 'CrossSell_Bankruptcy',
-  if: '$getVal($get(form), "Type_Of_Legal_Problem") != "Bankruptcy" && ($getVal($get(form), "Degree_Of_Interest") == "Absolutely Can\'t Afford" || $getVal($get(form), "Degree_Of_Interest") == "Maybe" || $getVal($get(form), "Degree_Of_Interest") == "Probably")',
-  validation: null,
-  helpClass: "!t-text-sm"
-});
+const bankruptcyCrossSell = (scope) =>
+  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",
+    name: scope ? scope + ":CrossSell_Bankruptcy" : "CrossSell_Bankruptcy",
+    id: scope ? scope + ":CrossSell_Bankruptcy" : "CrossSell_Bankruptcy",
+    if: '$getVal($get(form), "Type_Of_Legal_Problem") != "Bankruptcy" && ($getVal($get(form), "Degree_Of_Interest") == "Absolutely Can\'t Afford" || $getVal($get(form), "Degree_Of_Interest") == "Maybe" || $getVal($get(form), "Degree_Of_Interest") == "Probably")',
+    validation: null,
+    helpClass: "!t-text-sm",
+  });
+
+const bloodContentAlcoholTest = (scope, vertical, updates = {}) => {
+  const func = vertical ? verticalSelect : sbsSelect;
+  const label = vertical ? updates.label : "Blood Alcohol Content Measured by Test:";
+  return func(
+    merge(
+      {
+        label,
+        name: scope ? scope + ":" + "Blood_Alcohol_Content_Test" : "Blood_Alcohol_Content_Test",
+        options: [
+          "No Test",
+          "0.00% - 0.04%",
+          "0.05% - 0.08%",
+          "0.09% - 0.12%",
+          "0.13% - 0.16%",
+          "0.17% - 0.20%",
+          "More than 0.20%",
+          "Don't know",
+        ],
+      },
+      updates
+    )
+  )
+};
 
-const bloodContentAlcoholTest = (scope) => sbsSelect({
-  name: scope ? scope + ':' + 'Blood_Alcohol_Content_Test' : 'Blood_Alcohol_Content_Test',
-  label: 'Blood Alcohol Content Measured by Test:',
-  options: [
-    "No Test",
-    "0.00% - 0.04%",
-    "0.05% - 0.08%",
-    "0.09% - 0.12%",
-    "0.13% - 0.16%",
-    "0.17% - 0.20%",
-    "More than 0.20%",
-    "Don't know"
-  ]
-});
+const causeOfInjury = (scope, vertical, updates = {}) => {
+  const func = vertical ? col2RadioCenter : sbsSelect;
+  const label = vertical ? updates.label : "Cause of Injury:";
+  return func(
+    merge(
+      {
+        label,
+        name: scope ? scope + ":" + "Cause_Of_Injury" : "Cause_Of_Injury",
+        options: [
+          "Traumatic Physical Injury (Accident)",
+          "Repeated Trauma Injury",
+          "Mental Injury",
+          "Occupational Disease",
+          "Not Sure",
+        ],
+      },
+      updates
+    )
+  )
+};
 
-const causeOfInjury = (scope) => sbsSelect({
-  name: scope ? scope + ':' + 'Cause_Of_Injury' : 'Cause_Of_Injury',
-  label: 'Cause of Injury:',
-  options: [
-    "Traumatic Physical Injury (Accident)",
-    "Repeated Trauma Injury",
-    "Mental Injury",
-    "Occupational Disease",
-    "Not Sure"
-  ]
-});
+const childHome = (scope, vertical, updates = {}) => {
+  const func = vertical ? col2RadioCenter : sbsSelect;
+  const label = vertical ? updates.label : "With Whom Do the Children Currently Live?";
+  return func(
+    merge(
+      {
+        label,
+        name: scope ? scope + ":" + "Child_Home" : "Child_Home",
+        options: ["Mother", "Father", "Grandparents", "Other"],
+      },
+      updates
+    )
+  )
+};
 
-const childHome = (scope) => sbsSelect({
-  name: scope ? scope + ':' + 'Child_Home' : 'Child_Home',
-  label: 'With Whom Do the Children Currently Live?',
-  options: [
-    'Mother',
-    'Father',
-    'Grandparents',
-    'Other'
-  ]
-});
+const childPrimaryCaregiver = (scope, vertical, updates = {}) => {
+  const func = vertical ? verticalButtonRadio : sbsSelect;
+  const label = vertical ? updates.label : "Who is the Primary Caregiver?";
+  return func(
+    merge(
+      {
+        label,
+        name: scope ? scope + ":" + "Child_Primary_Caregiver" : "Child_Primary_Caregiver",
+        options: ["Mother", "Father", "Other"],
+      },
+      updates
+    )
+  )
+};
 
-const childPrimaryCaregiver = (scope) => sbsSelect({
-  name: scope ? scope + ':' + 'Child_Primary_Caregiver' : 'Child_Primary_Caregiver',
-  label: 'Who is the Primary Caregiver?',
-  options: [
-    'Mother',
-    'Father',
-    'Other'
-  ]
-});
+const childRelationship = (scope, vertical, updates = {}) => {
+  const func = vertical ? col2RadioCenter : sbsSelect;
+  const label = vertical ? updates.label : "Your Relationship to Child(ren):";
+  return func(
+    merge(
+      {
+        label,
+        name: scope ? scope + ":" + "Child_Relationship" : "Child_Relationship",
+        options: ["Father", "Mother", "Grandparent", "Aunt/Uncle", "Other"],
+      },
+      updates
+    )
+  )
+};
 
-const childRelationship = (scope) => sbsSelect({
-  name: scope ? scope + ':' + 'Child_Relationship' : 'Child_Relationship',
-  label: 'Your Relationship to Child(ren):',
-  options: [
-    'Father',
-    'Mother',
-    'Grandparent',
-    'Aunt/Uncle',
-    'Other'
-  ]
-});
+const claimStatus = (scope, vertical, updates = {}) => {
+  const func = vertical ? col2RadioCenter : sbsSelect;
+  const label = vertical ? updates.label : "Status of Claim:";
+  return func(
+    merge(
+      {
+        label,
+        name: scope ? scope + ":" + "Claim_Status" : "Claim_Status",
+        options: ["No action taken yet", "Demand for compensation made", "Lawsuit filed", "Other"],
+      },
+      updates
+    )
+  )
+};
 
-const claimStatus = (scope) => sbsSelect({
-  name: scope ? scope + ':' + 'Claim_Status' : 'Claim_Status',
-  label: "Status of Claim:",
-  options: [
-    "No action taken yet",
-    "Demand for compensation made",
-    "Lawsuit filed",
-    "Other"
-  ]
-});
+// TODO: vertical not supported yet
+const comments = (scope, vertical, updates) =>
+  textArea(
+    merge(
+      {
+        name: scope ? scope + ":" + "Comments" : "Comments",
+        label: "Please briefly describe your situation in a few words:",
+        placeholder:
+          'For Example: "I would like help with child support payments" or "I need help with visitation rights"',
+      },
+      updates
+    )
+  );
 
-const comments = (updates, scope) => textArea(
-  merge({
-    name: scope ? scope + ':' + 'Comments' : 'Comments',
-    label: 'Please briefly describe your situation in a few words:',
-    placeholder: 'For Example: "I would like help with child support payments" or "I need help with visitation rights"'
-  }, updates)
-);
-
-const contractsTOLPDisplay = (updates) => col2Radio(merge({
-  name: 'Type_Of_Legal_Problem_Display',
-  label: 'Select The Contract Issue:',
-  options: [
-    'Contract Creation',
-    'Contract Enforcement',
-    'Contract Cancellation',
-    'Contract Fraud',
-    'Breach of Contract',
-    'Other Contract Issues'
-  ]
-}, updates));
-
-const degreeOfInterest = (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?',
-  help: help,
-  options: [
-    'Definitely',
-    'Probably',
-    'Maybe',
-    "Absolutely Can't Afford"
-  ]
-});
+const contractsTOLPDisplay = (scope, vertical, updates = {}) => {
+  const func = vertical ? col2RadioCenter : col2Radio;
+  const label = vertical ? updates.label : "Select The Contract Issue:";
+  return func(
+    merge(
+      {
+        label,
+        name: scope ? scope + ":" + "Type_Of_Legal_Problem_Display" : "Type_Of_Legal_Problem_Display",
+        options: [
+          "Contract Creation",
+          "Contract Enforcement",
+          "Contract Cancellation",
+          "Contract Fraud",
+          "Breach of Contract",
+          "Other Contract Issues",
+        ],
+      },
+      updates
+    )
+  )
+};
 
-const degreeOfInterestHelp = (scope) => degreeOfInterest(scope, 'No payment necessary to speak with lawyers.');
+const degreeOfInterest = (scope, vertical, updates = {}) => {
+  const func = vertical ? col2RadioCenter : sbsSelect;
+  const label = vertical ? updates.label : "How Likely Are You to Pay if Your Issue Could be Resolved?";
+  const help = vertical ? updates.help : "No payment necessary to speak with lawyers.";
+  return func(
+    merge(
+      {
+        name: scope ? scope + ":" + "Degree_Of_Interest" : "Degree_Of_Interest",
+        id: scope ? scope + ":" + "Degree_Of_Interest" : "Degree_Of_Interest",
+        label,
+        help,
+        options: ["Definitely", "Probably", "Maybe", "Absolutely Can't Afford"],
+      },
+      updates
+    )
+  )
+};
 
-const disabilityConditionStopWork = (scope) => sbsYesNoRadio({
-  name: scope ? scope + ':' + 'Disability_Condition_Stop_Work' : 'Disability_Condition_Stop_Work',
-  label: 'Do You Expect To Be Out Of Work For At Least a Year Due To Your Health?'
-});
+const degreeOfInterestHelp = (scope, vertical, updates = {}) =>
+  degreeOfInterest(scope, vertical, merge(updates, { help: "No payment necessary to speak with lawyers." }));
 
-const disabilityWorkHistory = (scope) => sbsYesNoRadio({
-  name: scope ? scope + ':' + 'Disability_Work_History' : 'Disability_Work_History',
-  label: 'Have You Had a Full-Time Job Within the Past 5 Years?'
-});
+const disabilityConditionStopWork = (scope, vertical, updates = {}) => {
+  const func = vertical ? verticalYesNoRadio : sbsYesNoRadio;
+  const label = vertical
+    ? updates.label
+    : "Do You Expect To Be Out Of Work For At Least a Year Due To Your Health?";
+  return func(
+    merge(
+      {
+        name: scope ? scope + ":" + "Disability_Condition_Stop_Work" : "Disability_Condition_Stop_Work",
+        label,
+      },
+      updates
+    )
+  )
+};
 
-const doctorTreatment = (scope) => sbsYesNoRadio({
-  name: scope ? scope + ':' + 'Doctor_Treatment' : 'Doctor_Treatment',
-  label: 'Have You Recently Been Treated by a Doctor, Hospital or Clinic?',
-});
+const disabilityWorkHistory = (scope, vertical, updates = {}) => {
+  const func = vertical ? verticalYesNoRadio : sbsYesNoRadio;
+  const label = vertical ? updates.label : "Have You Had a Full-Time Job Within the Past 5 Years?";
+  return func(
+    merge(
+      {
+        name: scope ? scope + ":" + "Disability_Work_History" : "Disability_Work_History",
+        label,
+      },
+      updates
+    )
+  )
+};
 
-const estateLegalServicesNeeded = (scope) => sbsSelect({
-  name: scope ? scope + ':' + 'Estate_Legal_Services_Needed' : 'Estate_Legal_Services_Needed',
-  label: "Legal Services Needed for Your Estate:",
-  options: [
-    "Charitable Giving",
-    "Contested Wills",
-    "Drafting Wills or Trust",
-    "Estate Administration",
-    "Asset Protection",
-    "Other"
-  ]
-});
+const doctorTreatment = (scope, vertical, updates = {}) => {
+  const func = vertical ? verticalYesNoRadio : sbsYesNoRadio;
+  const label = vertical ? updates.label : "Have You Recently Been Treated by a Doctor, Hospital or Clinic?";
+  return func(
+    merge(
+      {
+        name: scope ? scope + ":" + "Doctor_Treatment" : "Doctor_Treatment",
+        label,
+      },
+      updates
+    )
+  )
+};
 
-const haveAttorney = (scope) => sbsYesNoRadio({
-  name: scope ? scope + ':' + 'Have_Attorney' : 'Have_Attorney',
-  label: 'Already Working with An Attorney?'
-});
+const estateLegalServicesNeeded = (scope, vertical, updates = {}) => {
+  const func = vertical ? col2RadioCenter : sbsSelect;
+  const label = vertical ? updates.label : "Legal Services Needed for Your Estate:";
+  return func(
+    merge(
+      {
+        name: scope ? scope + ":" + "Estate_Legal_Services_Needed" : "Estate_Legal_Services_Needed",
+        label,
+        options: [
+          "Charitable Giving",
+          "Contested Wills",
+          "Drafting Wills or Trust",
+          "Estate Administration",
+          "Asset Protection",
+          "Other",
+        ],
+      },
+      updates
+    )
+  )
+};
 
-const haveChildren = (scope) => sbsYesNoRadio({
-  name: scope ? scope + ':' + 'Have_Children' : 'Have_Children',
-  label: 'Do You Have Children?'
-});
+const haveAttorney = (scope, vertical, updates = {}) => {
+  const func = vertical ? verticalYesNoRadio : sbsYesNoRadio;
+  const label = vertical ? updates.label : "Already Working with An Attorney?";
+  return func(
+    merge(
+      {
+        label,
+        name: scope ? scope + ":" + "Have_Attorney" : "Have_Attorney",
+      },
+      updates
+    )
+  )
+};
 
-const incidentDate = (scope) => sbsDate({
-  name: scope ? scope + ':' + 'Incident_Date' : 'Incident_Date',
-  label: 'Date of Incident:',
-});
+const haveChildren = (scope, vertical, updates = {}) => {
+  const func = vertical ? verticalYesNoRadio : sbsYesNoRadio;
+  const label = vertical ? updates.label : "Do You Have Children?";
+  return func(
+    merge(
+      {
+        name: scope ? scope + ":" + "Have_Children" : "Have_Children",
+        label,
+      },
+      updates
+    )
+  )
+};
 
-const lawyerPaymentMethod = (scope) => sbsSelect({
-  name: scope ? scope + ':' + 'Lawyer_Payment_Method' : 'Lawyer_Payment_Method',
-  label: 'How Will You Pay for Legal Fees if You Hire a Lawyer?',
-  help: 'No payment necessary to speak with lawyers.',
-  options: [
-    'Cash',
-    'Check',
-    'Credit Card',
-    'Friend',
-    'Family',
-    'Other'
-  ]
-});
+const incidentDate = (scope, vertical, updates = {}) => {
+  const func = vertical ? verticalDate : sbsDate;
+  const label = vertical ? updates.label : "Date of Incident:";
+  return func(
+    merge(
+      {
+        label,
+        name: scope ? scope + ":" + "Incident_Date" : "Incident_Date",
+      },
+      updates
+    )
+  )
+};
 
-const legalCrossSells$1 = () => col2Checkbox({
-  id: 'Legal_CrossSells',
-  name: 'Legal_CrossSells',
-  help: 'Just hit "Next" if none apply',
-  helpClass: 't-text-center !t-text-sm',
-  validation: null,
-  options: '$getCrossSellOptions($get(form), $getVal($get(form), "Type_Of_Legal_Problem"))',
-});
+const lawyerPaymentMethod = (scope, vertical, updates = {}) => {
+  const func = vertical ? col2RadioCenter : sbsSelect;
+  const label = vertical ? updates.label : "How Will You Pay for Legal Fees if You Hire a Lawyer?";
+  const help = vertical ? updates.help : "No payment necessary to start a consultation.";
+  const options = vertical
+    ? {
+        Cash: "Cash",
+        "Credit Card": "Credit Card",
+        Family: "Family or Friend",
+        Other: "Other",
+      }
+    : ["Cash", "Check", "Credit Card", "Friend", "Family", "Other"];
+  return func(
+    merge(
+      {
+        label,
+        help,
+        name: scope ? scope + ":" + "Lawyer_Payment_Method" : "Lawyer_Payment_Method",
+        options,
+        fieldsetClass: vertical ? "$reset t-flex t-flex-col t-items-center" : undefined,
+      },
+      updates
+    )
+  )
+};
 
-const maritalStatus = (scope) => sbsSelect({
-  name: scope ? scope + ':' + 'Marital_Status' : 'Marital_Status',
-  label: 'Marital Status:',
-  options: [
-    'Unmarried, Living Together',
-    'Unmarried, Do Not Live Together',
-    'Married, Living Together',
-    'Separated',
-    'Divorced',
-    'Other'
-  ]
-});
+const legalCrossSells$1 = () =>
+  col2Checkbox({
+    id: "Legal_CrossSells",
+    name: "Legal_CrossSells",
+    help: 'Just hit "Next" if none apply',
+    helpClass: "t-text-center !t-text-sm",
+    validation: null,
+    options: '$getCrossSellOptions($get(form), $getVal($get(form), "Type_Of_Legal_Problem"))',
+  });
+
+const maritalStatus = (scope, vertical, updates = {}) => {
+  const func = vertical ? col2RadioCenter : sbsSelect;
+  const label = vertical ? updates.label : "Marital Status:";
+  return func(
+    merge(
+      {
+        label,
+        name: scope ? scope + ":" + "Marital_Status" : "Marital_Status",
+        options: [
+          "Unmarried, Living Together",
+          "Unmarried, Do Not Live Together",
+          "Married, Living Together",
+          "Separated",
+          "Divorced",
+          "Other",
+        ],
+      },
+      updates
+    )
+  )
+};
 
-const pendingCharges = (scope) => sbsYesNoRadio({
-  name: scope ? scope + ':' + 'Pending_Charges' : 'Pending_Charges',
-  label: 'Do you currently have any pending charges?'
-});
+// XXX HERE
 
-const primaryInjury = (scope) => sbs2ColRadio({
-  name: scope ? scope + ':' + 'Primary_Injury' : 'Primary_Injury',
-  label: 'Primary Injury:',
-  options: [
-    "Anxiety",
-    "Back or Neck Pain",
-    "Broken Bones",
-    "Cuts and Bruises",
-    "Headaches",
-    "Memory Loss",
-    "Loss of Limb",
-    "Not Sure or Other"
-  ]
-});
+const pendingCharges = (scope, vertical, updates = {}) => {
+  const func = vertical ? verticalYesNoRadio : sbsYesNoRadio;
+  const label = vertical ? updates.label : "Do you currently have any pending charges?";
+  return func(
+    merge(
+      {
+        name: scope ? scope + ":" + "Pending_Charges" : "Pending_Charges",
+        label,
+      },
+      updates
+    )
+  )
+};
 
-const priorAlcoholOffenses = (scope) => sbsYesNoRadio({
-  name: scope ? scope + ':' + 'Prior_Alcohol_Offenses' : 'Prior_Alcohol_Offenses',
-  label: 'Any Prior Alcohol Related Offenses?'
-});
+const primaryInjury = (scope, vertical, updates = {}) => {
+  const func = vertical ? col2RadioCenter : sbs2ColRadio;
+  const label = vertical ? updates.label : "Primary Injury:";
+  return func(
+    merge(
+      {
+        label,
+        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",
+        ],
+      },
+      updates
+    )
+  )
+};
 
-const policeReportFiled = (scope) => sbsYesNoRadio({
-  name: scope ? scope + ':' + 'Police_Report_Filed' : 'Police_Report_Filed',
-  label: 'Was a Police Report Filed?'
-});
+const priorAlcoholOffenses = (scope, vertical, updates = {}) => {
+  const func = vertical ? verticalYesNoRadio : sbsYesNoRadio;
+  const label = vertical ? updates.label : "Any Prior Alcohol Related Offenses?";
+  return func(
+    merge(
+      {
+        name: scope ? scope + ":" + "Prior_Alcohol_Offenses" : "Prior_Alcohol_Offenses",
+        label,
+      },
+      updates
+    )
+  )
+};
 
-const roleInMatterProbate = (scope) => sbsSelect({
-  name: scope ? scope + ':' + 'Role_In_Matter_Probate' : 'Role_In_Matter_Probate',
-  label: "What Is Your Role in this Matter?",
-  options: [
-    "Preparing My Will",
-    "Executor",
-    "Heir",
-    "Other"
-  ]
-});
+const policeReportFiled = (scope, vertical, updates = {}) => {
+  const func = vertical ? verticalYesNoRadio : sbsYesNoRadio;
+  const label = vertical ? updates.label : "Was a Police Report Filed?";
+  return func(
+    merge(
+      {
+        name: scope ? scope + ":" + "Police_Report_Filed" : "Police_Report_Filed",
+        label,
+      },
+      updates
+    )
+  )
+};
 
-const socialSecurityDisabilityReceivingBenefits = (scope) => sbsYesNoRadio({
-  name: scope ? scope + ':' + 'Social_Security_Disability_Receiving_Benefits' : 'Social_Security_Disability_Receiving_Benefits',
-  label: 'Are You Currently Receiving Social Security Disability Benefits?'
-});
+const roleInMatterProbate = (scope, vertical, updates = {}) => {
+  const func = vertical ? col2RadioCenter : sbsSelect;
+  const label = vertical ? updates.label : "What is Your Role in this Matter?";
+  return func(
+    merge(
+      {
+        label,
+        name: scope ? scope + ":" + "Role_In_Matter_Probate" : "Role_In_Matter_Probate",
+        options: ["Preparing My Will", "Executor", "Heir", "Other"],
+      },
+      updates
+    )
+  )
+};
+
+const socialSecurityDisabilityReceivingBenefits = (scope, vertical, updates = {}) => {
+  const func = vertical ? verticalYesNoRadio : sbsYesNoRadio;
+  const label = vertical ? updates.label : "Are You Currently Receiving Social Security Disability Benefits?";
+  return func(
+    merge(
+      {
+        name: scope
+          ? scope + ":" + "Social_Security_Disability_Receiving_Benefits"
+          : "Social_Security_Disability_Receiving_Benefits",
+        label,
+      },
+      updates
+    )
+  )
+};
 
 const TCPAConsent = (scope) => ({
-  $formkit: 'checkbox',
-  label: '$meta.tcpaLanguage',
-  name: scope ? scope + ':' + 'TCPA_Opt_In' : 'TCPA_Opt_In',
-  'data-tf-sensitive': 'false',
-  validation: 'required|accepted',
+  $formkit: "checkbox",
+  label: "$meta.tcpaLanguage",
+  // Necessary to get links to work in the tcpa language
+  __raw__sectionsSchema: {
+    label: { attrs: { innerHTML: "$label" } },
+  },
+  name: scope ? scope + ":" + "TCPA_Opt_In" : "TCPA_Opt_In",
+  "data-tf-sensitive": "false",
+  validation: "required|accepted",
   validationMessages: {
-    required: 'Consent is required',
-    accepted: 'Consent is required'
+    required: "Consent is required",
+    accepted: "Consent is required",
   },
   classes: {
-    label: "t-text-xs t-text-slate-500 t-font-normal"
-  }
+    label: "t-text-xs t-text-slate-500 t-font-normal",
+  },
 });
 
-const typeOfAlcoholTest = (scope) => sbsSelect({
-  name: scope ? scope + ':' + 'Type_Of_Alcohol_Test' : 'Type_Of_Alcohol_Test',
-  label: 'Type of Alcohol Test Performed?',
-  options: [
-    "No Test",
-    "Refused Test",
-    "Breath Test",
-    "Blood Test",
-    "Urine Test",
-    "Don't Know"
-  ]
-});
+const typeOfAlcoholTest = (scope, vertical, updates = {}) => {
+  const func = vertical ? col2RadioCenter : sbsSelect;
+  const label = vertical ? updates.label : "Type of Alcohol Test Performed?";
+  return func(
+    merge(
+      {
+        label,
+        name: scope ? scope + ":" + "Type_Of_Alcohol_Test" : "Type_Of_Alcohol_Test",
+        options: ["No Test", "Refused Test", "Breath Test", "Blood Test", "Urine Test", "Don't Know"],
+      },
+      updates
+    )
+  )
+};
 
-const typeOfAssets = (scope) => col2Checkbox({
-  name: scope ? scope + ':' + 'Type_Of_Assets' : 'Type_Of_Assets',
-  label: 'Type of Assets:',
-  options: [
-    "Business Interests",
-    "Cash",
-    "Life Insurance Policies",
-    "Pensions/Retirement",
-    "Personal Possessions",
-    "Property",
-    "Stock/Bonds"
-  ]
-});
+const typeOfAssets = (scope, vertical, updates = {}) => {
+  const func = vertical ? verticalCol2Checkbox : col2Checkbox;
+  const label = vertical ? updates.label : "Type of Assets:";
+  return func(
+    merge(
+      {
+        label,
+        name: scope ? scope + ":" + "Type_Of_Assets" : "Type_Of_Assets",
+        options: [
+          "Business Interests",
+          "Cash",
+          "Life Insurance Policies",
+          "Pensions/Retirement",
+          "Personal Possessions",
+          "Property",
+          "Stock/Bonds",
+        ],
+      },
+      updates
+    )
+  )
+};
 
-const valueOfAssets = (scope) => sbsSelect({
-  name: scope ? scope + ':' + 'Value_Of_Assets' : 'Value_Of_Assets',
-  label: 'Value of Your Assets?',
-  options: [
-    "Less than 50K",
-    "50K to 100K",
-    "100K to 250K",
-    "250K to 500K",
-    "500K to 1M",
-    "More than 1M"
-  ]
-});
+const valueOfAssets = (scope, vertical, updates = {}) => {
+  const func = vertical ? col2RadioCenter : sbsSelect;
+  const label = vertical ? updates.label : "Value of Your Assets?";
+  return func(
+    merge(
+      {
+        label,
+        name: scope ? scope + ":" + "Value_Of_Assets" : "Value_Of_Assets",
+        options: ["Less than 50K", "50K to 100K", "100K to 250K", "250K to 500K", "500K to 1M", "More than 1M"],
+      },
+      updates
+    )
+  )
+};
 
-// ------ Question Groups
+// ------ Question Groups - TODO: move these go separate file groups.js
 
 // NOTE: name must be unique within a form!
 const group = (name, updates) => {
-  return merge({
-    $cmp: 'FormKit',
-    props: {
-      type: 'group',
-      key: name,
-      id: name,
-      name: name
-    }
-  }, updates)
+  return merge(
+    {
+      $cmp: "FormKit",
+      props: {
+        type: "group",
+        key: name,
+        id: name,
+        name: name,
+      },
+    },
+    updates
+  )
 };
 
-const AutoAndCarAccidentsQuestions = (condition, scope) => group(
-  'AutoAndCarAccidentsQuestions',
-  {
-    if: (condition || '$get(Type_Of_Legal_Problem).value == "Auto and Car Accidents"'),
+const AutoAndCarAccidentsQuestions = (condition, scope) =>
+  group("AutoAndCarAccidentsQuestions", {
+    if: condition || '$get(Type_Of_Legal_Problem).value == "Auto and Car Accidents"',
     children: [
       haveAttorney(scope),
       incidentDate(scope),
       atFault(scope),
       primaryInjury(scope),
       doctorTreatment(scope),
-      policeReportFiled(scope)
-    ]
-  }
-);
+      policeReportFiled(scope),
+    ],
+  });
 
-const ContractsQuestions = () => group(
-  'ContractsQuestions',
-  {
-    children: [
-      haveAttorney(),
-      degreeOfInterestHelp()
-    ]
-  }
-);
+const ContractsQuestions = (condition, scope) =>
+  group("ContractsQuestions", {
+    if: condition || '$get(Type_Of_Legal_Problem).value == "Contracts"',
+    children: [haveAttorney(scope), degreeOfInterestHelp(scope)],
+  });
 
-const ChildCustodyQuestions = (condition, scope) => group(
-  'ChildCustodyQuestions',
-  {
-    if: (condition || '$get(Type_Of_Legal_Problem).value == "Child Custody"'),
+const ChildCustodyQuestions = (condition, scope) =>
+  group("ChildCustodyQuestions", {
+    if: condition || '$get(Type_Of_Legal_Problem).value == "Child Custody"',
     children: [
       haveAttorney(scope),
       childRelationship(scope),
       childHome(scope),
       childPrimaryCaregiver(scope),
       degreeOfInterest(scope),
-      lawyerPaymentMethod(scope)
-    ]
-  }
-);
+      lawyerPaymentMethod(scope),
+    ],
+  });
 
-const DivorceQuestions = (condition, scope) => group(
-  'DivorceQuestions',
-  {
-    if: (condition || '$get(Type_Of_Legal_Problem).value == "Divorce and Separation"'),
+const DivorceQuestions = (condition, scope) =>
+  group("DivorceQuestions", {
+    if: condition || '$get(Type_Of_Legal_Problem).value == "Divorce and Separation"',
     children: [
       haveAttorney(scope),
       maritalStatus(scope),
       haveChildren(scope),
       degreeOfInterest(scope),
-      lawyerPaymentMethod(scope)
-    ]
-  }
-);
+      lawyerPaymentMethod(scope),
+    ],
+  });
 
-const DUIAndDWIQuestions = (condition, scope) => group(
-  'DUIAndDWIQuestions',
-  {
-    if: (condition || '$get(Type_Of_Legal_Problem).value == "DUI and DWI"'),
+const DUIAndDWIQuestions = (condition, scope) =>
+  group("DUIAndDWIQuestions", {
+    if: condition || '$get(Type_Of_Legal_Problem).value == "DUI and DWI"',
     children: [
       haveAttorney(scope),
       incidentDate(scope),
@@ -745,104 +1070,87 @@ const DUIAndDWIQuestions = (condition, scope) => group(
       typeOfAlcoholTest(scope),
       bloodContentAlcoholTest(scope),
       pendingCharges(scope),
-      degreeOfInterestHelp(scope)
-    ]
-  }
-);
+      degreeOfInterestHelp(scope),
+    ],
+  });
 
-const PersonalInjuryQuestions = (condition, scope) => group(
-  'PersonalInjuryQuestions',
-  {
-    if: (condition || '$get(Type_Of_Legal_Problem).value == "Personal Injury"'),
+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)
-    ]
-  }
-);
+      doctorTreatment(scope),
+    ],
+  });
 
-const PowerofAttorneyQuestions = (condition, scope) => group(
-  'PowerofAttorneyQuestions',
-  {
-    if: (condition || '$get(Type_Of_Legal_Problem).value == "Power of Attorney"'),
-    children: [
-      haveAttorney(scope),
-      degreeOfInterestHelp(scope)
-    ]
-  }
-);
+const PowerofAttorneyQuestions = (condition, scope) =>
+  group("PowerofAttorneyQuestions", {
+    if: condition || '$get(Type_Of_Legal_Problem).value == "Power of Attorney"',
+    children: [haveAttorney(scope), degreeOfInterestHelp(scope)],
+  });
 
-const SocialSecurityDisabilityAndInsuranceQuestions = (condition, scope) => group(
-  'SocialSecurityDisabilityAndInsuranceQuestions',
-  {
-    if: (condition || '$get(Type_Of_Legal_Problem).value == "Social Security Disability and Insurance"'),
+const SocialSecurityDisabilityAndInsuranceQuestions = (condition, scope) =>
+  group("SocialSecurityDisabilityAndInsuranceQuestions", {
+    if: condition || '$get(Type_Of_Legal_Problem).value == "Social Security Disability and Insurance"',
     children: [
       haveAttorney(scope),
       applicantAge(scope),
       disabilityConditionStopWork(scope),
       disabilityWorkHistory(scope),
       socialSecurityDisabilityReceivingBenefits(scope),
-      doctorTreatment(scope)
-    ]
-  }
-);
+      doctorTreatment(scope),
+    ],
+  });
 
-const WillsAndTrustsQuestions = (condition, scope) => group(
-  'WillsAndTrustsQuestions',
-  {
-    if: (condition || '$get(Type_Of_Legal_Problem).value == "Wills and Trusts"'),
+const WillsAndTrustsQuestions = (condition, scope) =>
+  group("WillsAndTrustsQuestions", {
+    if: condition || '$get(Type_Of_Legal_Problem).value == "Wills and Trusts"',
     children: [
       haveAttorney(scope),
       valueOfAssets(scope),
       typeOfAssets(scope),
       roleInMatterProbate(scope),
       estateLegalServicesNeeded(scope),
-      degreeOfInterestHelp(scope)
-    ]
-  }
-);
+      degreeOfInterestHelp(scope),
+    ],
+  });
 
-const WorkersCompensationQuestions = (condition, scope) => group(
-  'WorkersCompensationQuestions',
-  {
-    if: (condition || '$get(Type_Of_Legal_Problem).value == "Workers Compensation"'),
+const WorkersCompensationQuestions = (condition, scope) =>
+  group("WorkersCompensationQuestions", {
+    if: condition || '$get(Type_Of_Legal_Problem).value == "Workers Compensation"',
     children: [
       haveAttorney(scope),
       incidentDate(scope),
       claimStatus(scope),
       primaryInjury(scope),
       causeOfInjury(scope),
-      doctorTreatment(scope)
-    ]
-  }
-);
+      doctorTreatment(scope),
+    ],
+  });
 
-const NotSureOrOtherQuestions = () => group(
-  'NotSureOrOtherQuestions',
-  {
-    if: '$get(Type_Of_Legal_Problem).value == "Not Sure or Other"',
-    children: [
-      haveAttorney(),
-      degreeOfInterestHelp()
-    ]
-  }
-);
+const NotSureOrOtherQuestions = (condition, scope) =>
+  group("NotSureOrOtherQuestions", {
+    if: condition || '$get(Type_Of_Legal_Problem).value == "Not Sure or Other"',
+    children: [haveAttorney(scope), degreeOfInterestHelp(scope)],
+  });
 
-const NEXT_ON_ENTER = '$onEnter($setNextStep($fireStepEvent($get(form)), $preStepFunc($get(form))))';
-const NEXT_ON_INPUT = '$onInput($setNextStep($fireStepEvent($get(form)), $preStepFunc($get(form))))';
+const NEXT_ON_ENTER = "$onEnter($setNextStep($fireStepEvent($get(form)), $preStepFunc($get(form))))";
+const NEXT_ON_INPUT = "$onInput($setNextStep($fireStepEvent($get(form)), $preStepFunc($get(form))))";
 
-const isInput = (n) => { return (n.type !== 'group' && n.type !== 'section' && n.type !== 'form' && n.$formkit !== 'hidden' && !n.children) };
+const isInput = (n) => {
+  return n.type !== "group" && n.type !== "section" && n.type !== "form" && n.$formkit !== "hidden" && !n.children
+};
 
 const findLastInput = (n) => {
   if (isInput(n)) {
     return n
   }
   for (var i = n.children.length - 1; i >= 0; i--) {
-    if (typeof n.children === 'string') {
+    if (typeof n.children === "string") {
       continue
     }
     const child = n.children[i];
@@ -858,126 +1166,138 @@ const findLastInput = (n) => {
 };
 
 const secureIconDefault = {
-  $el: 'div',
-  if: '$activeStep === $lastStep()',
+  $el: "div",
+  if: "$activeStep === $lastStep()",
   attrs: {
-    class: 't-flex t-justify-center t-items-center t-text-sm t-text-gray-500'
+    class: "t-flex t-justify-center t-items-center t-text-sm t-text-gray-500",
   },
   children: [
     {
-      $el: 'img',
+      $el: "img",
       attrs: {
-        loading: 'lazy',
-        alt: '',
+        loading: "lazy",
+        alt: "",
         style: {
-          border: 0
+          border: 0,
         },
-        width: '25',
-        height: '25',
-        src: 'https://d27hmee62k45vz.cloudfront.net/lock_icon_1.jpeg',
-      }
+        width: "25",
+        height: "25",
+        src: "https://d27hmee62k45vz.cloudfront.net/lock_icon_1.jpeg",
+      },
     },
     {
-      $el: 'span',
-      children: 'Secure & Encrypted',
+      $el: "span",
+      children: "Secure & Encrypted",
       attrs: {
-        class: 't-pl-2 t-pt-1 t-font-medium'
-      }
-    }
-  ]
+        class: "t-pl-2 t-pt-1 t-font-medium",
+      },
+    },
+  ],
 };
 
 function secureIcon(updates) {
-  return merge(
-    secureIconDefault,
-    updates
-  )
+  return merge(secureIconDefault, updates)
 }
 
 function questionsStepHeadline(updates) {
   return {
-    $el: 'h3',
-    children: updates.headline || 'Tell Us About Your Situation',
+    $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-blue-500 t-pb-5 t-pt-0 t-px-1",
+    },
   }
 }
 
 function crossSellQuestionsStepHeadline(updates) {
   return {
-    $el: 'h3',
-    children: updates.headline || 'Tell Us About Your Situation',
+    $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-blue-500 t-pb-4 t-pt-0 t-px-1",
+    },
   }
 }
 
 function crossSellQuestionsStepSubHeadline(updates) {
   return {
-    $el: 'h5',
-    children: updates.subheadline || 'Tell us about your situation:',
+    $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'
-    }
+      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 commentsStepHeadline(updates) {
   return {
-    $el: 'h3',
-    children: updates.headline || 'Additional Details',
+    $el: "h3",
+    children: updates.headline || "Additional Details",
     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' + ' ' + (updates.headlineClass || '')
-    }
+      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" +
+        " " +
+        (updates.headlineClass || ""),
+    },
   }
 }
 
 function commentsStepHeadlineLegal(updates) {
   return commentsStepHeadline({
-    headline: updates.headline || 'Additional Case Details',
-    headlineClass: updates.headlineClass
+    headline: updates.headline || "Additional Case Details",
+    headlineClass: updates.headlineClass,
   })
 }
 
 function firstAndLastStepHeadline(updates) {
   return {
-    $el: 'h3',
-    children: updates.headline || 'Please Provide a Contact Name',
+    $el: "h3",
+    children: updates.headline || "Please Provide a Contact Name",
     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' + ' ' + (updates.headlineClass || '')
-    }
+      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" +
+        " " +
+        (updates.headlineClass || ""),
+    },
   }
 }
 
 function legalCrossSellsStepHeadline(updates) {
   return {
-    $el: 'h3',
-    children: updates.headline || 'Do any of the following situations apply?',
+    $el: "h3",
+    children: updates.headline || "Do any of the following situations apply?",
     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' + ' ' + (updates.headlineClass || '')
-    }
+      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" +
+        " " +
+        (updates.headlineClass || ""),
+    },
   }
 }
 
 function contactStepHeadline(updates) {
   return {
-    $el: 'h3',
+    $el: "h3",
     children: updates.headline || DEFAULT_FINAL_HEADLINE_DYNAMIC_LEGAL,
     attrs: {
-      class: 't-flex t-justify-center t-text-center t-text-2xl t-font-bold t-text-blue-500 t-pb-3 t-pt-0 t-px-1' + ' ' + (updates.headlineClass || '')
-    }
+      class:
+        "t-flex t-justify-center t-text-center t-text-2xl t-font-bold t-text-blue-500 t-pb-3 t-pt-0 t-px-1" +
+        " " +
+        (updates.headlineClass || ""),
+    },
   }
 }
 
 function contactStepSubHeadline(updates) {
   return {
-    $el: 'h5',
+    $el: "h5",
     children: updates.subheadline || DEFAULT_FINAL_SUBHEADLINE_DYNAMIC_LEGAL,
     attrs: {
-      class: 't-flex t-justify-center t-text-center !t-text-lg t-font-semibold t-pb-7 t-pt-0 t-px-3' + ' ' + (updates.subheadlineClass || '')
-    }
+      class:
+        "t-flex t-justify-center t-text-center !t-text-lg t-font-semibold t-pb-7 t-pt-0 t-px-3" +
+        " " +
+        (updates.subheadlineClass || ""),
+    },
   }
 }
 
@@ -999,19 +1319,19 @@ const TRUSTED_FORM_JS = `(function() {
 
 function trustedFormScript() {
   return {
-    $el: 'script',
-    if: '$activeStep === $lastStep()',
-    children: TRUSTED_FORM_JS
+    $el: "script",
+    if: "$activeStep === $lastStep()",
+    children: TRUSTED_FORM_JS,
   }
 }
 
 const stepDefaults = (step, stepKey) => ({
-  $el: 'section',
+  $el: "section",
   if: '$stepEnabled("' + step + '")',
   attrs: {
     hidden: '$activeStep !== "' + step + '"',
-    key: stepKey ? stepKey : step
-  }
+    key: stepKey ? stepKey : step,
+  },
 });
 
 function step(name, inputs, updates = {}) {
@@ -1034,27 +1354,24 @@ function step(name, inputs, updates = {}) {
     }
   }
 
-  return merge(
-    stepDefaults(name, stepKey),
-    {
-      children: [
-        {
-          $formkit: 'group',
-          id: name,
-          name: name,
-          nextStepMap: nextStepMap,
-          triggerRedirectMap: triggerRedirectMap,
-          autoFocus: autoFocus,
-          children: inputs
-        }
-      ]
-    }
-  )
+  return merge(stepDefaults(name, stepKey), {
+    children: [
+      {
+        $formkit: "group",
+        id: name,
+        name: name,
+        nextStepMap: nextStepMap,
+        triggerRedirectMap: triggerRedirectMap,
+        autoFocus: autoFocus,
+        children: inputs,
+      },
+    ],
+  })
 }
 
 function contactInfo(updates = {}) {
   return step(
-    'contactInfo',
+    "contactInfo",
     [
       contactStepHeadline(updates),
       contactStepSubHeadline(updates),
@@ -1062,7 +1379,7 @@ function contactInfo(updates = {}) {
       email(updates.scope),
       phone(updates.scope),
       TCPAConsent(updates.scope),
-      secureIcon()
+      secureIcon(),
     ],
     { nextOnEnter: false }
   )
@@ -1070,34 +1387,30 @@ function contactInfo(updates = {}) {
 
 function firstAndLastV2(updates = {}) {
   return step(
-    'firstAndLast',
-    [
-      firstAndLastStepHeadline(updates),
-      firstName(),
-      lastName()
-    ],
+    "firstAndLast",
+    [firstAndLastStepHeadline(updates), firstName(updates.scope), lastName(updates.scope)],
     updates
   )
 }
 
 function contractsTOLPAndZip(updates = {}) {
   return step(
-    'contractsTOLPAndZip',
+    "contractsTOLPAndZip",
     [
       {
-        $formkit: 'hidden',
+        $formkit: "hidden",
         name: "Type_Of_Legal_Problem",
         id: "Type_Of_Legal_Problem",
-        value: "Business Lawyers"
+        value: "Business Lawyers",
       },
       {
-        $formkit: 'hidden',
+        $formkit: "hidden",
         name: "Business_Services",
         id: "Business_Services",
-        value: "Contracts"
+        value: "Contracts",
       },
-      contractsTOLPDisplay(),
-      zipcode()
+      contractsTOLPDisplay(updates.scope),
+      zipcode(updates.scope),
     ],
     updates
   )
@@ -1105,27 +1418,27 @@ function contractsTOLPAndZip(updates = {}) {
 
 function commentsWithBankruptcy(updates = {}) {
   return step(
-    'commentsWithBankruptcy',
+    "commentsWithBankruptcy",
     [
       commentsStepHeadlineLegal(updates),
-      comments({
-        label: typeof updates.label === 'undefined' ? DEFAULT_COMMENTS_LABEL_LEGAL : updates.label,
+      comments(updates.scope, false, {
+        label: typeof updates.label === "undefined" ? DEFAULT_COMMENTS_LABEL_LEGAL : updates.label,
         placeholder: updates.placeholder || DEFAULT_COMMENTS_PLACEHOLDER_DYNAMIC_LEGAL,
-        inputClass: typeof updates.inputClass === 'undefined' ? '!t-h-32' : updates.inputClass,
-      }, updates.scope),
+        inputClass: typeof updates.inputClass === "undefined" ? "!t-h-32" : updates.inputClass,
+      }),
       // TODO: needs scope support
       bankruptcyCrossSell(),
       {
-        $el: 'div',
-        if: '$get(CrossSell_Bankruptcy).value == true',
+        $el: "div",
+        if: "$get(CrossSell_Bankruptcy).value == true",
         children: [
-          comments({
-            label: 'Bankruptcy or debt details:',
-            placeholder: 'Please describe your bankrtupcy or debt situation in a few words...',
-            inputClass: '!t-h-16'
-          }, 'CrossSell:Bankruptcy')
+          comments("CrossSell:Bankruptcy", false, {
+            label: "Bankruptcy or debt details:",
+            placeholder: "Please describe your bankrtupcy or debt situation in a few words...",
+            inputClass: "!t-h-16",
+          }),
         ],
-      }
+      },
     ],
     { nextOnEnter: false }
   )
@@ -1133,19 +1446,20 @@ function commentsWithBankruptcy(updates = {}) {
 
 function autoAndCarAccidentCrossSellQuestions(updates = {}) {
   return step(
-    'autoAndCarAccidentCrossSellQuestions',
+    "autoAndCarAccidentCrossSellQuestions",
     [
-      crossSellQuestionsStepHeadline({ headline: 'You May Be Entitled To Compensation' }),
-      crossSellQuestionsStepSubHeadline({ subheadline: 'Tell us about your accident:' }),
-      AutoAndCarAccidentsQuestions("true", 'CrossSell:Auto_and_Car_Accidents'),
-      comments(
-        {
-          label: 'Accident Description:',
-          placeholder: 'Please describe your accident in a few words...',
-          inputClass: '!t-h-16'
-        },
-        'CrossSell:Auto_and_Car_Accidents'
-      )
+      crossSellQuestionsStepHeadline({
+        headline: "You May Be Entitled To Compensation",
+      }),
+      crossSellQuestionsStepSubHeadline({
+        subheadline: "Tell us about your accident:",
+      }),
+      AutoAndCarAccidentsQuestions("true", "CrossSell:Auto_and_Car_Accidents"),
+      comments("CrossSell:Auto_and_Car_Accidents", false, {
+        label: "Accident Description:",
+        placeholder: "Please describe your accident in a few words...",
+        inputClass: "!t-h-16",
+      }),
     ],
     updates
   )
@@ -1153,18 +1467,15 @@ function autoAndCarAccidentCrossSellQuestions(updates = {}) {
 
 function childCustodyCrossSellQuestions(updates = {}) {
   return step(
-    'childCustodyCrossSellQuestions',
+    "childCustodyCrossSellQuestions",
     [
-      crossSellQuestionsStepHeadline({ headline: 'Child Custody Information' }),
-      ChildCustodyQuestions("true", 'CrossSell:Child_Custody'),
-      comments(
-        {
-          label: 'Description:',
-          placeholder: 'Please describe your situation in a few words...',
-          inputClass: '!t-h-16'
-        },
-        'CrossSell:Child_Custody'
-      )
+      crossSellQuestionsStepHeadline({ headline: "Child Custody Information" }),
+      ChildCustodyQuestions("true", "CrossSell:Child_Custody"),
+      comments("CrossSell:Child_Custody", false, {
+        label: "Description:",
+        placeholder: "Please describe your situation in a few words...",
+        inputClass: "!t-h-16",
+      }),
     ],
     updates
   )
@@ -1172,18 +1483,17 @@ function childCustodyCrossSellQuestions(updates = {}) {
 
 function divorceAndSeparationCrossSellQuestions(updates = {}) {
   return step(
-    'divorceAndSeparationCrossSellQuestions',
+    "divorceAndSeparationCrossSellQuestions",
     [
-      crossSellQuestionsStepHeadline({ headline: 'Divorce or Separation Information' }),
-      DivorceQuestions("true", 'CrossSell:Divorce_and_Separation'),
-      comments(
-        {
-          label: 'Description:',
-          placeholder: 'Please describe your situation in a few words...',
-          inputClass: '!t-h-16'
-        },
-        'CrossSell:Divorce_and_Separation'
-      )
+      crossSellQuestionsStepHeadline({
+        headline: "Divorce or Separation Information",
+      }),
+      DivorceQuestions("true", "CrossSell:Divorce_and_Separation"),
+      comments("CrossSell:Divorce_and_Separation", false, {
+        label: "Description:",
+        placeholder: "Please describe your situation in a few words...",
+        inputClass: "!t-h-16",
+      }),
     ],
     updates
   )
@@ -1191,18 +1501,15 @@ function divorceAndSeparationCrossSellQuestions(updates = {}) {
 
 function duiAndDWICrossSellQuestions(updates = {}) {
   return step(
-    'duiAndDWICrossSellQuestions',
+    "duiAndDWICrossSellQuestions",
     [
-      crossSellQuestionsStepHeadline({ headline: 'About Your DUI/DWI' }),
-      DUIAndDWIQuestions("true", 'CrossSell:DUI_and_DWI'),
-      comments(
-        {
-          label: 'Incident Description:',
-          placeholder: 'Please describe your incident in a few words...',
-          inputClass: '!t-h-16'
-        },
-        'CrossSell:DUI_and_DWI'
-      )
+      crossSellQuestionsStepHeadline({ headline: "About Your DUI/DWI" }),
+      DUIAndDWIQuestions("true", "CrossSell:DUI_and_DWI"),
+      comments("CrossSell:DUI_and_DWI", false, {
+        label: "Incident Description:",
+        placeholder: "Please describe your incident in a few words...",
+        inputClass: "!t-h-16",
+      }),
     ],
     updates
   )
@@ -1210,19 +1517,20 @@ function duiAndDWICrossSellQuestions(updates = {}) {
 
 function ssdiCrossSellQuestions(updates = {}) {
   return step(
-    'ssdiCrossSellQuestions',
+    "ssdiCrossSellQuestions",
     [
-      crossSellQuestionsStepHeadline({ headline: 'You May Be Entitled To Benefits' }),
-      crossSellQuestionsStepSubHeadline({ subheadline: 'Tell us about your disability:' }),
-      SocialSecurityDisabilityAndInsuranceQuestions("true", 'CrossSell:Social_Security_Disability_and_Insurance'),
-      comments(
-        {
-          label: 'Description:',
-          placeholder: 'Please describe your situation in a few words...',
-          inputClass: '!t-h-16'
-        },
-        'CrossSell:Social_Security_Disability_and_Insurance'
-      )
+      crossSellQuestionsStepHeadline({
+        headline: "You May Be Entitled To Benefits",
+      }),
+      crossSellQuestionsStepSubHeadline({
+        subheadline: "Tell us about your disability:",
+      }),
+      SocialSecurityDisabilityAndInsuranceQuestions("true", "CrossSell:Social_Security_Disability_and_Insurance"),
+      comments("CrossSell:Social_Security_Disability_and_Insurance", false, {
+        label: "Description:",
+        placeholder: "Please describe your situation in a few words...",
+        inputClass: "!t-h-16",
+      }),
     ],
     updates
   )
@@ -1230,19 +1538,20 @@ function ssdiCrossSellQuestions(updates = {}) {
 
 function personalInjuryCrossSellQuestions(updates = {}) {
   return step(
-    'personalInjuryCrossSellQuestions',
+    "personalInjuryCrossSellQuestions",
     [
-      crossSellQuestionsStepHeadline({ headline: 'You May Be Entitled To Compensation' }),
-      crossSellQuestionsStepSubHeadline({ subheadline: 'Tell us about your injury:' }),
-      PersonalInjuryQuestions("true", 'CrossSell:Personal_Injury'),
-      comments(
-        {
-          label: 'Injury Description:',
-          placeholder: 'Please describe your injury in a few words...',
-          inputClass: '!t-h-16'
-        },
-        'CrossSell:Personal_Injury'
-      )
+      crossSellQuestionsStepHeadline({
+        headline: "You May Be Entitled To Compensation",
+      }),
+      crossSellQuestionsStepSubHeadline({
+        subheadline: "Tell us about your injury:",
+      }),
+      PersonalInjuryQuestions("true", "CrossSell:Personal_Injury"),
+      comments("CrossSell:Personal_Injury", false, {
+        label: "Injury Description:",
+        placeholder: "Please describe your injury in a few words...",
+        inputClass: "!t-h-16",
+      }),
     ],
     updates
   )
@@ -1250,18 +1559,17 @@ function personalInjuryCrossSellQuestions(updates = {}) {
 
 function powerOfAttorneyCrossSellQuestions(updates = {}) {
   return step(
-    'powerOfAttorneyCrossSellQuestions',
+    "powerOfAttorneyCrossSellQuestions",
     [
-      crossSellQuestionsStepHeadline({ headline: 'Power of Attorney Information' }),
-      PowerofAttorneyQuestions("true", 'CrossSell:Power_of_Attorney'),
-      comments(
-        {
-          label: 'Description:',
-          placeholder: 'Please describe your situation in a few words...',
-          inputClass: '!t-h-16'
-        },
-        'CrossSell:Power_of_Attorney'
-      )
+      crossSellQuestionsStepHeadline({
+        headline: "Power of Attorney Information",
+      }),
+      PowerofAttorneyQuestions("true", "CrossSell:Power_of_Attorney"),
+      comments("CrossSell:Power_of_Attorney", false, {
+        label: "Description:",
+        placeholder: "Please describe your situation in a few words...",
+        inputClass: "!t-h-16",
+      }),
     ],
     updates
   )
@@ -1269,18 +1577,15 @@ function powerOfAttorneyCrossSellQuestions(updates = {}) {
 
 function willsAndTrustsCrossSellQuestions(updates = {}) {
   return step(
-    'willsAndTrustsCrossSellQuestions',
+    "willsAndTrustsCrossSellQuestions",
     [
-      crossSellQuestionsStepHeadline({ headline: 'Will or Trust Information' }),
-      WillsAndTrustsQuestions("true", 'CrossSell:Wills_and_Trusts'),
-      comments(
-        {
-          label: 'Description:',
-          placeholder: 'Please describe your situation in a few words...',
-          inputClass: '!t-h-16'
-        },
-        'CrossSell:Wills_and_Trusts'
-      )
+      crossSellQuestionsStepHeadline({ headline: "Will or Trust Information" }),
+      WillsAndTrustsQuestions("true", "CrossSell:Wills_and_Trusts"),
+      comments("CrossSell:Wills_and_Trusts", false, {
+        label: "Description:",
+        placeholder: "Please describe your situation in a few words...",
+        inputClass: "!t-h-16",
+      }),
     ],
     updates
   )
@@ -1288,19 +1593,20 @@ function willsAndTrustsCrossSellQuestions(updates = {}) {
 
 function workersCompensationCrossSellQuestions(updates = {}) {
   return step(
-    'workersCompensationCrossSellQuestions',
+    "workersCompensationCrossSellQuestions",
     [
-      crossSellQuestionsStepHeadline({ headline: 'You May Be Entitled To Benefits' }),
-      crossSellQuestionsStepSubHeadline({ subheadline: 'Tell us about your injury:' }),
-      WorkersCompensationQuestions("true", 'CrossSell:Workers_Compensation'),
-      comments(
-        {
-          label: 'Injury Description:',
-          placeholder: 'Please describe your injury in a few words...',
-          inputClass: '!t-h-16'
-        },
-        'CrossSell:Workers_Compensation'
-      )
+      crossSellQuestionsStepHeadline({
+        headline: "You May Be Entitled To Benefits",
+      }),
+      crossSellQuestionsStepSubHeadline({
+        subheadline: "Tell us about your injury:",
+      }),
+      WorkersCompensationQuestions("true", "CrossSell:Workers_Compensation"),
+      comments("CrossSell:Workers_Compensation", false, {
+        label: "Injury Description:",
+        placeholder: "Please describe your injury in a few words...",
+        inputClass: "!t-h-16",
+      }),
     ],
     updates
   )
@@ -1308,135 +1614,124 @@ function workersCompensationCrossSellQuestions(updates = {}) {
 
 function contractsTOLPQuestions(updates = {}) {
   return step(
-    'TOLPQuestions',
-    [
-      questionsStepHeadline(updates),
-      ContractsQuestions(),
-      NotSureOrOtherQuestions()
-    ],
+    "TOLPQuestions",
+    [questionsStepHeadline(updates), ContractsQuestions(), NotSureOrOtherQuestions()],
     updates
   )
 }
 
 function legalCrossSells(updates = {}) {
   updates.nextOnInput = false;
-  updates.stepKey = '$get(Type_Of_Legal_Problem).value';
-  return step(
-    'legalCrossSells',
-    [
-      legalCrossSellsStepHeadline(updates),
-      legalCrossSells$1(),
-    ],
-    updates
-  )
+  updates.stepKey = "$get(Type_Of_Legal_Problem).value";
+  return step("legalCrossSells", [legalCrossSellsStepHeadline(updates), legalCrossSells$1()], updates)
 }
 
 const formNavigation = (updates = {}) => ({
-  $el: 'div',
+  $el: "div",
   attrs: {
-    class: 'step-nav'
+    class: "step-nav",
   },
   children: [
     {
-      $formkit: 'button',
-      name: 'back_button',
-      onClick: '$setPreviousStep($prevStepFunc($get(form)))',
-      children: 'Back',
+      $formkit: "button",
+      name: "back_button",
+      onClick: "$setPreviousStep($prevStepFunc($get(form)))",
+      children: "Back",
       style: {
-        if: '$activeStep === $firstStep()',
-        then: 'visibility: hidden;'
-      }
+        if: "$activeStep === $firstStep()",
+        then: "visibility: hidden;",
+      },
     },
     {
-      $formkit: 'button',
-      name: 'next_button',
-      onClick: '$setNextStep($fireStepEvent($get(form)), $preStepFunc($get(form)))',
+      $formkit: "button",
+      name: "next_button",
+      onClick: "$setNextStep($fireStepEvent($get(form)), $preStepFunc($get(form)))",
       children: {
-        if: '$activeStep === $firstStep()',
-        then: 'Start',
-        else: 'Next'
+        if: "$activeStep === $firstStep()",
+        then: "Start",
+        else: "Next",
       },
       outerClass: {
-        if: '$activeStep === $lastStep()',
-        then: 't-hidden',
-        else: ''
+        if: "$activeStep === $lastStep()",
+        then: "t-hidden",
+        else: "",
       },
       style: {
-        if: '$activeStep === $lastStep()',
-        then: 'display: none;'
-      }
+        if: "$activeStep === $lastStep()",
+        then: "display: none;",
+      },
     },
     {
-      $formkit: 'submit',
-      name: 'submit_button',
-      label: updates.submitLabel || 'Submit',
-      if: '$activeStep === $lastStep()',
+      $formkit: "submit",
+      name: "submit_button",
+      label: updates.submitLabel || "Submit",
+      if: "$activeStep === $lastStep()",
       style: {
-        if: '$activeStep !== $lastStep()',
-        then: 'display: none;'
-      }
-    }
-  ]
+        if: "$activeStep !== $lastStep()",
+        then: "display: none;",
+      },
+    },
+  ],
 });
 
 const formDetails = () => ({
-  $el: 'pre',
+  $el: "pre",
   if: '$urlParam("fdbg", "") == 1',
   children: [
     {
-      $el: 'pre',
-      children: '$stringify( $get(form).value )',
+      $el: "pre",
+      children: "$stringify( $get(form).value )",
       attrs: {
-        class: 't-text-xs',
-        style: 'overflow: scroll'
-      }
+        class: "t-text-xs",
+        style: "overflow: scroll",
+      },
     },
     {
-      $el: 'pre',
-      children: ['activeStep: ', '$activeStep'],
+      $el: "pre",
+      children: ["activeStep: ", "$activeStep"],
       attrs: {
-        class: 't-text-xs',
-        style: 'overflow: scroll'
-      }
+        class: "t-text-xs",
+        style: "overflow: scroll",
+      },
     },
     {
-      $el: 'pre',
-      children: ['stepHistory: ', '$stepHistory'],
+      $el: "pre",
+      children: ["stepHistory: ", "$stepHistory"],
       attrs: {
-        class: 't-text-xs',
-        style: 'overflow: scroll'
-      }
+        class: "t-text-xs",
+        style: "overflow: scroll",
+      },
     },
     {
-      $el: 'pre',
-      children: ['stepQueue: ', '$stepQueue'],
+      $el: "pre",
+      children: ["stepQueue: ", "$stepQueue"],
       attrs: {
-        class: 't-text-xs',
-        style: 'overflow: scroll'
-      }
+        class: "t-text-xs",
+        style: "overflow: scroll",
+      },
     },
     {
-      $el: 'pre',
-      children: ['steps: ', '$stepKeys()'],
+      $el: "pre",
+      children: ["steps: ", "$stepKeys()"],
       attrs: {
-        class: 't-text-xs',
-        style: 'overflow: scroll'
-      }
-    }
-  ]
+        class: "t-text-xs",
+        style: "overflow: scroll",
+      },
+    },
+  ],
 });
 
 const formPropDefaults = {
-  type: 'form',
-  id: 'form',
-  config: { validationVisibility: 'submit' },
+  type: "form",
+  id: "form",
+  config: { validationVisibility: "submit" },
   onSubmit: '$submit($submitUrl, $prepData, $handleRedirect, "text/plain; charset=UTF-8")',
-  plugins: '$plugins',
+  plugins: "$plugins",
   actions: false,
-  anchorElement: 'form-anchor',
+  anchorElement: "form-anchor",
   useLocalStorage: true,
   prepop: {
-    fromURL: true
+    fromURL: true,
   },
   errorCodes: {
     403: { message: "An Error Occurred", abort: false },
@@ -1444,13 +1739,11 @@ const formPropDefaults = {
     429: "An Error Occurred",
     504: { message: "An Error Occurred", abort: false },
   },
-  formClass: '!t-max-w-[40rem]'
+  formClass: "!t-max-w-[40rem]",
 };
 
 function filterMapByKey(obj, keyList) {
-  return Object.fromEntries(
-    Object.entries(obj).filter(([key]) => keyList.includes(key))
-  );
+  return Object.fromEntries(Object.entries(obj).filter(([key]) => keyList.includes(key)))
 }
 
 // export function filteredNextStepsMapLegal(keyList) {
@@ -1460,10 +1753,7 @@ function filterMapByKey(obj, keyList) {
 // }
 
 function formProps(updates) {
-  const props = merge(
-    formPropDefaults,
-    updates
-  );
+  const props = merge(formPropDefaults, updates);
   if (props.formId && !props.name) {
     props.name = props.formId;
   }
@@ -1473,13 +1763,10 @@ function formProps(updates) {
 const metaDefaults = {};
 
 function metaProps(updates) {
-  const data = merge(
-    metaDefaults,
-    updates
-  );
+  const data = merge(metaDefaults, updates);
   return {
-    type: 'meta',
-    data
+    type: "meta",
+    data,
   }
 }
 
@@ -1499,177 +1786,180 @@ function defaultMetaPropsLegal(tolps = null) {
     defaultFinalHeadline: DEFAULT_FINAL_HEADLINE_LEGAL,
     finalHeadlines: finalHeadlines,
     defaultFinalSubHeadline: DEFAULT_FINAL_SUBHEADLINE_LEGAL,
-    finalSubHeadlines: finalSubHeadlines
+    finalSubHeadlines: finalSubHeadlines,
   })
 }
 
-function dynamicSchemaNode(field = 'Type_Of_Legal_Problem') {
+function dynamicSchemaNode(field = "Type_Of_Legal_Problem") {
   return {
-    $cmp: 'FormKitSchema',
-    if: '$get(' + field + ').value',
+    $cmp: "FormKitSchema",
+    if: "$get(" + field + ").value",
     props: {
-      schema: '$meta.dynamicSchema',
-      data: '$buildData($meta)'
-    }
+      schema: "$meta.dynamicSchema",
+      data: "$buildData($meta)",
+    },
   }
 }
 
 const formAnchorDefaults = {
-  $el: 'div',
+  $el: "div",
   children: [
     {
-      $el: 'div',
+      $el: "div",
       attrs: {
-        id: 'form-anchor',
-        class: 't-absolute',
-        style: { top: '-30px', left: 0 }
-      }
-    }
+        id: "form-anchor",
+        class: "t-absolute",
+        style: { top: "-30px", left: 0 },
+      },
+    },
   ],
   attrs: {
-    class: 't-relative'
-  }
+    class: "t-relative",
+  },
 };
 
 function formAnchor(updates) {
-  return merge(
-    formAnchorDefaults,
-    updates
-  )
+  return merge(formAnchorDefaults, updates)
 }
 
 function headlineDefaults(updates = {}) {
   return {
-    $el: 'h1',
+    $el: "h1",
     attrs: {
-      class: 't-flex t-justify-center t-text-center !t-text-[2rem] t-font-semibold t-pt-5 t-px-7 md:t-px-3' + ' ' + (updates.headlineClass || '')
-    }
+      class:
+        "t-flex t-justify-center t-text-center !t-text-[2rem] t-font-semibold t-pt-5 t-px-7 md:t-px-3" +
+        " " +
+        (updates.headlineClass || ""),
+    },
   }
 }
 
 function headline(updates = {}) {
-  return merge(
-    headlineDefaults(updates),
-    updates
-  )
+  return merge(headlineDefaults(updates), updates)
 }
 
 function subHeadlineDefaults(updates = {}) {
   return {
-    $el: 'h3',
+    $el: "h3",
     attrs: {
-      class: 't-flex t-justify-center t-text-center !t-text-[1.2rem] t-font-medium t-text-blue-500 t-px-10' + ' ' + (updates.subheadlineClass || '')
-    }
+      class:
+        "t-flex t-justify-center t-text-center !t-text-[1.2rem] t-font-medium t-text-blue-500 t-px-10" +
+        " " +
+        (updates.subheadlineClass || ""),
+    },
   }
 }
 
 function subHeadline(updates = {}) {
-  return merge(
-    subHeadlineDefaults(updates),
-    updates
-  )
+  return merge(subHeadlineDefaults(updates), updates)
 }
 
 const hiddenInputsBase = [
   {
-    $formkit: 'hidden',
+    $formkit: "hidden",
     name: "gclid",
-    value: null
+    value: null,
   },
   {
-    $formkit: 'hidden',
+    $formkit: "hidden",
     name: "campaignid",
-    value: null
+    value: null,
   },
   {
-    $formkit: 'hidden',
+    $formkit: "hidden",
     name: "s",
-    value: null
-  }
+    value: null,
+  },
 ];
 
 const hiddenInputsLegal = [
   {
-    $formkit: 'hidden',
+    $formkit: "hidden",
     name: "vertical",
-    value: "Legal"
+    value: "Legal",
   },
   {
-    $formkit: 'hidden',
+    $formkit: "hidden",
     name: "TCPA_Language",
-    value: "$meta.tcpaLanguage"
+    value: "$meta.tcpaLanguage",
   },
-  ...hiddenInputsBase
+  ...hiddenInputsBase,
 ];
 
 const legalRedirectMapDefaults = {
-  '*': LegalRedirectUrl()
+  "*": LegalRedirectUrl(),
 };
 
-
 function legalRedirectMap(updates) {
-  return merge(
-    legalRedirectMapDefaults,
-    updates
-  )
+  return merge(legalRedirectMapDefaults, updates)
 }
 
 const TOLPCommentsPlaceholders = {
-  'Adoption': 'Example: "I need help with adoption forms"',
-  'Asbestos and Mesothelioma': 'Example: "I was exposed to asbestos at work and would like to file a claim"',
-  'Auto and Car Accidents': 'Example: "A truck crashed into my car on the highway" or "I\'ve been involved in a hit and run accident"',
-  'Bankruptcy': 'Example: "I need help filing for bankruptcy"',
-  'Birth Certificate and Name Change': 'Example: "Just married and would like to change my last name"',
-  'Business Lawyers': 'Example: "I need help incorporating a business" or "I would like a legal contract reviewed"',
-  'Child Custody and Support': 'Example: "Need help getting custody" or "Issues with child support payments"',
-  'Child Custody': 'Example: "Need help getting custody"',
-  'Child Support': 'Example: "Issues with child support payments"',
-  'Civil Rights and Discrimination': 'Example: "Police brutality" or "Coworker keeps harassing me"',
-  'Civil Lawsuit': 'Example: "A contractor took my money and never completed the job" or "I am being sued by a neighbor"',
-  'File a Lawsuit': 'Example: "A contractor took my money and never completed the job"',
-  'Defend a Lawsuit': 'Example: "I am being sued by a neighbor"',
-  'Consumer Lawyers': 'Example: "Someone committed fraud against me" or "A contractor took my money and never completed the job"',
-  'Copyrights and Trademarks': 'Example: "I would like to register a trademark or copyright a name"',
-  'Criminal and Felony': 'Example: "I was arrested for DUI and need legal defense" or "I am being charged with assault"',
-  'Debt and Collections': 'Example: "I would like to consolidate my debt" or "A collection agency is harassing me"',
-  'Divorce and Separation': 'Example: "I would like to file for an uncontested divorce"',
-  'DUI and DWI': 'Example: "I was arrested for DUI and need legal defense"',
-  'Elder Law': 'Example: "I would like help with Estate Planning" or "I need help with a guardianship"',
-  'Employment and Workplace': 'Example: "I was injured while on the job" or "My company is discriminating against me"',
-  'Expungement': 'Example: "I would like to file for an expungement and clear my record"',
-  'Family Issues': 'Example: "I need help with guardianship" or "I need a simple will created"',
-  'Foreclosure': 'Example: "I need help to avoid foreclosure on my house"',
-  'Guardianship': 'Example: "I need help with guardianship documents"',
-  'Harassment and Discrimination': 'Example: "I am being discriminated at work" or "My neighbor is harassing me"',
-  'Sexual Harassment': 'Example: "I am being sexually harassed by a coworker"',
-  'Workplace Harassment': 'Example: "My coworker is being aggressive towards me"',
-  'Non-Workplace Harassment': 'Example: "My neighbor is harassing me"',
-  'Workplace Discrimination': 'Example: "I am being discriminated at work based on my age"',
-  'Non-Workplace Discrimination': 'Example: "I am being discriminated against by a local official"',
-  'Identity Theft': 'Example: "Someone stole my identity and I need help fixing the issue"',
-  'Immigration and Visas': 'Example: "I need help filing for a visa" or "Help with a green card"',
-  'Insurance': 'Example: "I need help filing an insurance claim for damage to my house"',
-  'Landlord and Tenant': 'Example: "I need help to fight an eviction" or "I would like a lawyer to review a rental contract"',
-  'Lemon Law': 'Example: "I purchased a new vehicle that broke down already and seller will not assist"',
-  'Long Term Disability': 'Example: "I was injured on the job and would like to file for benefits" or "I need help filing for disability benefits"',
-  'Medical Malpractice': 'Example: "A doctor performed surgery on the wrong limb and I would like to file a lawsuit"',
-  'Patents and Intellectual Property': 'Example: "I would like to file for a patent" or "I need to copyright a name"',
-  'Personal Injury': 'Example: "I was bit by the neighbor\'s dog" or "I fell in the icy grocery store parking lot"',
-  'Power of Attorney': 'Example: "I need help with a limited or general power of attorney"',
-  'Probate and Estates': 'Example: "I need help with planning for my estate" or "A family member passed without a will in place"',
-  'Product Liability': 'Example: "My car battery caught on fire" or "I purchased a faulty product"',
-  'Property Damage': 'Example: "The neighbor\'s tree fell on my fence" or "My car was hit in the parking lot"',
-  'Real Estate': 'Example: "I need help with a quitclaim deed" or "I need a lawyer to review a purchase and sales agreement"',
-  'Social Security Disability and Insurance': 'Example: "I would like help filing for disability benefits" or "I\'ve been denied for SSDI and would like to appeal"',
-  'Tax and IRS': 'Example: "I need help fighting an IRS tax claim" or "I need audit defense"',
-  'Traffic and Tickets': 'Example: "I need help reinstating a supsended license" or "I would like to fight a traffic ticket"',
-  'Unemployment': 'Example: "I need help filing for unemployment benefits"',
-  'Victim of a Crime': 'Example: "I was assaulted in the store" or "I am being discriminated against at work"',
-  'Wills and Trusts': 'Example: "I need a simple will created" or "I would like guidance on creating a trust fund"',
-  'Workers Compensation': 'Example: "I was injured at work and would like to file for workers compensation benefits"',
-  'Wrongful Death': 'Example: "A family member was killed on the job and we need legal representation"',
-  'Wrongful Termination': 'Example: "I was fired by my employer without cause"',
-  'Not Sure or Other': 'Example: "I was involved in a car accident" or "I need help setting up power of attorney"'
+  Adoption: 'Example: "I need help with adoption forms"',
+  "Asbestos and Mesothelioma": 'Example: "I was exposed to asbestos at work and would like to file a claim"',
+  "Auto and Car Accidents":
+    'Example: "A truck crashed into my car on the highway" or "I\'ve been involved in a hit and run accident"',
+  Bankruptcy: 'Example: "I need help filing for bankruptcy"',
+  "Birth Certificate and Name Change": 'Example: "Just married and would like to change my last name"',
+  "Business Lawyers": 'Example: "I need help incorporating a business" or "I would like a legal contract reviewed"',
+  "Child Custody and Support": 'Example: "Need help getting custody" or "Issues with child support payments"',
+  "Child Custody": 'Example: "Need help getting custody"',
+  "Child Support": 'Example: "Issues with child support payments"',
+  "Civil Rights and Discrimination": 'Example: "Police brutality" or "Coworker keeps harassing me"',
+  "Civil Lawsuit":
+    'Example: "A contractor took my money and never completed the job" or "I am being sued by a neighbor"',
+  "File a Lawsuit": 'Example: "A contractor took my money and never completed the job"',
+  "Defend a Lawsuit": 'Example: "I am being sued by a neighbor"',
+  "Consumer Lawyers":
+    'Example: "Someone committed fraud against me" or "A contractor took my money and never completed the job"',
+  "Copyrights and Trademarks": 'Example: "I would like to register a trademark or copyright a name"',
+  "Criminal and Felony":
+    'Example: "I was arrested for DUI and need legal defense" or "I am being charged with assault"',
+  "Debt and Collections": 'Example: "I would like to consolidate my debt" or "A collection agency is harassing me"',
+  "Divorce and Separation": 'Example: "I would like to file for an uncontested divorce"',
+  "DUI and DWI": 'Example: "I was arrested for DUI and need legal defense"',
+  "Elder Law": 'Example: "I would like help with Estate Planning" or "I need help with a guardianship"',
+  "Employment and Workplace": 'Example: "I was injured while on the job" or "My company is discriminating against me"',
+  Expungement: 'Example: "I would like to file for an expungement and clear my record"',
+  "Family Issues": 'Example: "I need help with guardianship" or "I need a simple will created"',
+  Foreclosure: 'Example: "I need help to avoid foreclosure on my house"',
+  Guardianship: 'Example: "I need help with guardianship documents"',
+  "Harassment and Discrimination": 'Example: "I am being discriminated at work" or "My neighbor is harassing me"',
+  "Sexual Harassment": 'Example: "I am being sexually harassed by a coworker"',
+  "Workplace Harassment": 'Example: "My coworker is being aggressive towards me"',
+  "Non-Workplace Harassment": 'Example: "My neighbor is harassing me"',
+  "Workplace Discrimination": 'Example: "I am being discriminated at work based on my age"',
+  "Non-Workplace Discrimination": 'Example: "I am being discriminated against by a local official"',
+  "Identity Theft": 'Example: "Someone stole my identity and I need help fixing the issue"',
+  "Immigration and Visas": 'Example: "I need help filing for a visa" or "Help with a green card"',
+  Insurance: 'Example: "I need help filing an insurance claim for damage to my house"',
+  "Landlord and Tenant":
+    'Example: "I need help to fight an eviction" or "I would like a lawyer to review a rental contract"',
+  "Lemon Law": 'Example: "I purchased a new vehicle that broke down already and seller will not assist"',
+  "Long Term Disability":
+    'Example: "I was injured on the job and would like to file for benefits" or "I need help filing for disability benefits"',
+  "Medical Malpractice": 'Example: "A doctor performed surgery on the wrong limb and I would like to file a lawsuit"',
+  "Patents and Intellectual Property": 'Example: "I would like to file for a patent" or "I need to copyright a name"',
+  "Personal Injury": 'Example: "I was bit by the neighbor\'s dog" or "I fell in the icy grocery store parking lot"',
+  "Power of Attorney": 'Example: "I need help with a limited or general power of attorney"',
+  "Probate and Estates":
+    'Example: "I need help with planning for my estate" or "A family member passed without a will in place"',
+  "Product Liability": 'Example: "My car battery caught on fire" or "I purchased a faulty product"',
+  "Property Damage": 'Example: "The neighbor\'s tree fell on my fence" or "My car was hit in the parking lot"',
+  "Real Estate":
+    'Example: "I need help with a quitclaim deed" or "I need a lawyer to review a purchase and sales agreement"',
+  "Social Security Disability and Insurance":
+    'Example: "I would like help filing for disability benefits" or "I\'ve been denied for SSDI and would like to appeal"',
+  "Tax and IRS": 'Example: "I need help fighting an IRS tax claim" or "I need audit defense"',
+  "Traffic and Tickets":
+    'Example: "I need help reinstating a supsended license" or "I would like to fight a traffic ticket"',
+  Unemployment: 'Example: "I need help filing for unemployment benefits"',
+  "Victim of a Crime": 'Example: "I was assaulted in the store" or "I am being discriminated against at work"',
+  "Wills and Trusts": 'Example: "I need a simple will created" or "I would like guidance on creating a trust fund"',
+  "Workers Compensation": 'Example: "I was injured at work and would like to file for workers compensation benefits"',
+  "Wrongful Death": 'Example: "A family member was killed on the job and we need legal representation"',
+  "Wrongful Termination": 'Example: "I was fired by my employer without cause"',
+  "Not Sure or Other": 'Example: "I was involved in a car accident" or "I need help setting up power of attorney"',
 };
 
 const TOLPFinalHeadlines = {
@@ -1677,49 +1967,64 @@ const TOLPFinalHeadlines = {
 };
 
 const TOLPFinalSubHeadlines = {
-  'Adoption': 'You may benefit from speaking with an adoption professional. Please verify your contact information.',
+  Adoption: "You may benefit from speaking with an adoption professional. Please verify your contact information.",
   // 'Asbestos and Mesothelioma': '',
-  'Auto and Car Accidents': 'You may benefit from speaking with an accident professional. Please verify your contact information.',
-  'Bankruptcy': 'You may benefit from speaking with a bankruptcy professional. Please verify your contact information.',
+  "Auto and Car Accidents":
+    "You may benefit from speaking with an accident professional. Please verify your contact information.",
+  Bankruptcy: "You may benefit from speaking with a bankruptcy professional. Please verify your contact information.",
   // 'Birth Certificate and Name Change': '',
   // 'Business Lawyers': '',
   // 'Child Custody and Support': '',
   // 'Civil Rights and Discrimination': '',
   // 'Civil Lawsuit': '',
   // 'Consumer Lawyers': '',
-  'Copyrights and Trademarks': 'You may benefit from speaking with a copyright and trademark professional. Please verify your contact information.',
+  "Copyrights and Trademarks":
+    "You may benefit from speaking with a copyright and trademark professional. Please verify your contact information.",
   // 'Criminal and Felony': '',
   // 'Debt and Collections': '',
-  'Divorce and Separation': 'You may benefit from speaking with a divorce professional. Please verify your contact information.',
-  'DUI and DWI': 'You may benefit from speaking with a DUI professional. Please verify your contact information.',
-  'Elder Law': 'You may benefit from speaking with an elder law professional. Please verify your contact information.',
+  "Divorce and Separation":
+    "You may benefit from speaking with a divorce professional. Please verify your contact information.",
+  "DUI and DWI": "You may benefit from speaking with a DUI professional. Please verify your contact information.",
+  "Elder Law": "You may benefit from speaking with an elder law professional. Please verify your contact information.",
   // 'Employment and Workplace': '',
   // 'Expungement': '',
   // 'Family Issues': '',
-  'Foreclosure': 'You may benefit from speaking with a foreclosure professional. Please verify your contact information.',
-  'Guardianship': 'You may benefit from speaking with a guardianship professional. Please verify your contact information.',
+  Foreclosure: "You may benefit from speaking with a foreclosure professional. Please verify your contact information.",
+  Guardianship:
+    "You may benefit from speaking with a guardianship professional. Please verify your contact information.",
   // 'Harassment and Discrimination': '',
   // 'Identity Theft': '',
-  'Immigration and Visas': 'You may benefit from speaking with a immigration professional. Please verify your contact information.',
+  "Immigration and Visas":
+    "You may benefit from speaking with a immigration professional. Please verify your contact information.",
   // 'Insurance': '',
-  'Landlord and Tenant': 'You may benefit from speaking with a landlord and tenant legal professional. Please verify your contact information.',
+  "Landlord and Tenant":
+    "You may benefit from speaking with a landlord and tenant legal professional. Please verify your contact information.",
   // 'Lemon Law': '',
-  'Long Term Disability': 'You may benefit from speaking with a disability legal professional. Please verify your contact information.',
-  'Medical Malpractice': 'You may benefit from speaking with a malpractice professional. Please verify your contact information.',
-  'Patents and Intellectual Property': 'You may benefit from speaking with a patent professional. Please verify your contact information.',
-  'Personal Injury': 'You may benefit from speaking with a personal injury professional. Please verify your contact information.',
+  "Long Term Disability":
+    "You may benefit from speaking with a disability legal professional. Please verify your contact information.",
+  "Medical Malpractice":
+    "You may benefit from speaking with a malpractice professional. Please verify your contact information.",
+  "Patents and Intellectual Property":
+    "You may benefit from speaking with a patent professional. Please verify your contact information.",
+  "Personal Injury":
+    "You may benefit from speaking with a personal injury professional. Please verify your contact information.",
   // 'Power of Attorney': '',
-  'Probate and Estates': 'You may benefit from speaking with a probate and estate professional. Please verify your contact information.',
+  "Probate and Estates":
+    "You may benefit from speaking with a probate and estate professional. Please verify your contact information.",
   // 'Product Liability': '',
   // 'Property Damage': '',
-  'Real Estate': 'You may benefit from speaking with a real estate professional. Please verify your contact information.',
-  'Social Security Disability and Insurance': 'You may benefit from speaking with an SSDI professional. Please verify your contact information.',
-  'Tax and IRS': 'You may benefit from speaking with a tax professional. Please verify your contact information.',
+  "Real Estate":
+    "You may benefit from speaking with a real estate professional. Please verify your contact information.",
+  "Social Security Disability and Insurance":
+    "You may benefit from speaking with an SSDI professional. Please verify your contact information.",
+  "Tax and IRS": "You may benefit from speaking with a tax professional. Please verify your contact information.",
   // 'Traffic and Tickets': '',
-  'Unemployment': 'You may benefit from speaking with an unemployment professional. Please verify your contact information.',
+  Unemployment:
+    "You may benefit from speaking with an unemployment professional. Please verify your contact information.",
   // 'Victim of a Crime': '',
   // 'Wills and Trusts': '',
-  'Workers Compensation': 'You may benefit from speaking with a workers compensation professional. Please verify your contact information.',
+  "Workers Compensation":
+    "You may benefit from speaking with a workers compensation professional. Please verify your contact information.",
   // 'Wrongful Death': '',
   // 'Wrongful Termination': '',
   // 'Not Sure or Other': ''
@@ -1732,37 +2037,31 @@ const TOLPFinalSubHeadlines = {
 
 const nextStepsMapLegalLegacy = {
   values: {
-    '*': [
-      'TOLPQuestions',
-      'commentsWithBankruptcy',
-      'legalCrossSells',
-      'firstAndLast',
-      'contactInfo',
-    ]
-  }
+    "*": ["TOLPQuestions", "commentsWithBankruptcy", "legalCrossSells", "firstAndLast", "contactInfo"],
+  },
 };
 
 const nextStepsMapLegalCrossSells = {
   values: {
-    'Legal_CrossSells': {
-      'Auto and Car Accidents': ['autoAndCarAccidentCrossSellQuestions'],
-      'Personal Injury': ['personalInjuryCrossSellQuestions'],
-      'Workers Compensation': ['workersCompensationCrossSellQuestions'],
-      'DUI and DWI': ['duiAndDWICrossSellQuestions'],
-      'Long Term Disability': ['longTermDisabilityCrossSellQuestions'],
-      'Social Security Disability and Insurance': ['ssdiCrossSellQuestions'],
-      'Bankruptcy': ['bankruptcyCrossSellQuestions'],
-      'Power of Attorney': ['powerOfAttorneyCrossSellQuestions'],
-      'Wills and Trusts': ['willsAndTrustsCrossSellQuestions'],
-      'Divorce and Separation': ['divorceAndSeparationCrossSellQuestions'],
-      'Child Custody': ['childCustodyCrossSellQuestions'],
+    Legal_CrossSells: {
+      "Auto and Car Accidents": ["autoAndCarAccidentCrossSellQuestions"],
+      "Personal Injury": ["personalInjuryCrossSellQuestions"],
+      "Workers Compensation": ["workersCompensationCrossSellQuestions"],
+      "DUI and DWI": ["duiAndDWICrossSellQuestions"],
+      "Long Term Disability": ["longTermDisabilityCrossSellQuestions"],
+      "Social Security Disability and Insurance": ["ssdiCrossSellQuestions"],
+      Bankruptcy: ["bankruptcyCrossSellQuestions"],
+      "Power of Attorney": ["powerOfAttorneyCrossSellQuestions"],
+      "Wills and Trusts": ["willsAndTrustsCrossSellQuestions"],
+      "Divorce and Separation": ["divorceAndSeparationCrossSellQuestions"],
+      "Child Custody": ["childCustodyCrossSellQuestions"],
     },
-    '*': ['firstAndLast', 'contactInfo'],
+    "*": ["firstAndLast", "contactInfo"],
   },
-  
+
   // NOTE: this assumes a certain placement of the cross sell question
   // in the form flow.
-  appendSteps: ['firstAndLast', 'contactInfo'],
+  appendSteps: ["firstAndLast", "contactInfo"],
   matchesAllowed: 1,
 };