bhl-forms 0.6.4 → 0.6.6

package/dist/forms/childAndFamily.es.js

@@ -15,480 +15,166 @@ const DEFAULT_FINAL_HEADLINE_DYNAMIC = '$getKey($meta, "finalHeadlines." + $get(
 const DEFAULT_FINAL_SUBHEADLINE = 'You may benefit from speaking with a legal professional. Please verify your contact information.';
 const DEFAULT_FINAL_SUBHEADLINE_DYNAMIC = '$getKey($meta, "finalSubHeadlines." + $get(Type_Of_Legal_Problem).value, $meta.defaultFinalSubHeadline)';
 
-const formPropDefaults = {
-  type: 'form',
-  id: 'form',
-  config: { validationVisibility: 'submit' },
-  onSubmit: '$submit($submitUrl, $prepData, $handleRedirect, "text/plain; charset=UTF-8")',
-  plugins: '$plugins',
-  actions: false,
-  anchorElement: 'form-anchor',
-  useLocalStorage: true,
-  prepop: {
-    fromURL: true
-  },
-  errorCodes: {
-    403: { message: "An Error Occurred", abort: false },
-    409: { abort: false },
-    429: "An Error Occurred",
-    504: { message: "An Error Occurred", abort: false },
-  },
-  formClass: '!t-max-w-[40rem]'
-};
+// ------ Common Base Settings
 
-function formProps(updates) {
-  const props = merge(
-    formPropDefaults,
-    updates
-  );
-  if (props.formId && !props.name) {
-    props.name = props.formId;
+const checkbox = (updates) => {
+  if (updates.name && !updates.id) {
+    updates.id = updates.name;
   }
-  return props
-}
+  return merge({
+    $formkit: 'checkbox',
+    validation: 'required',
+    validationMessages: {
+      required: 'Field is required'
+    }
+  }, updates)
+};
 
-const metaDefaults = {
-  tcpaLanguage: TCPA_LANGUAGE
+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';
+  return checkbox(updates)
 };
 
-function metaProps(updates) {
-  const data = merge(
-    metaDefaults,
-    updates
-  );
-  return {
-    type: 'meta',
-    data
+const col2Checkbox = (updates) => {
+  if (!updates || !updates.legendClass) {
+    updates.legendClass = 'required';
   }
-}
-
-function defaultMetaProps() {
-  return metaProps({
-    defaultCommentsPlaceholder: DEFAULT_COMMENTS_PLACEHOLDER_DYNAMIC,
-    commentsPlaceholders: TOLPCommentsPlaceholders,
-    defaultFinalHeadline: DEFAULT_FINAL_HEADLINE,
-    finalHeadlines: TOLPFinalHeadlines,
-    defaultFinalSubHeadline: DEFAULT_FINAL_SUBHEADLINE,
-    finalSubHeadlines: TOLPFinalSubHeadlines,
-    // Added everywhere for now
-    // trustedFormTOLPs: trustedFormTOLPs
-  })
-}
+  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 formAnchorDefaults = {
-  $el: 'div',
-  children: [
-    {
-      $el: 'div',
-      attrs: {
-        id: 'form-anchor',
-        class: 't-absolute',
-        style: { top: '-30px', left: 0 }
-      }
-    }
-  ],
-  attrs: {
-    class: 't-relative'
+const radio = (updates) => {
+  if (updates.name && !updates.id) {
+    updates.id = updates.name;
   }
+  return merge({
+    $formkit: 'radio',
+    validation: 'required',
+    validationMessages: {
+      required: 'Field is required'
+    },
+    optionsClass: 't-pt-3 t-pl-1',
+    legendClass: 'required'
+  }, updates)
 };
 
-function formAnchor(updates) {
-  return merge(
-    formAnchorDefaults,
-    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';
+  return radio(updates)
+};
 
-function headlineDefaults(updates = {}) {
-  return {
-    $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 || '')
-    }
-  }
-}
+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';
+  return radio(updates)
+};
 
-function headline(updates = {}) {
-  return merge(
-    headlineDefaults(updates),
-    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';
+  return radio(updates)
+};
 
-function subHeadlineDefaults(updates = {}) {
-  return {
-    $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 || '')
-    }
+const sbsYesNoRadio = (updates) => {
+  updates.options = ['Yes', 'No'];
+  return sbs2ItemRadio(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'
+    },
+    inputClass: 't-bg-white',
+    labelClass: 'required'
+  }, updates)
+};
 
-function subHeadline(updates = {}) {
-  return merge(
-    subHeadlineDefaults(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]';
+  return select(updates)
+};
 
-const secureIconDefault = {
-  $el: 'div',
-  if: '$activeStep === $lastStep()',
-  attrs: {
-    class: 't-flex t-justify-center t-items-center t-text-sm t-text-gray-500'
-  },
-  children: [
-    {
-      $el: 'img',
-      attrs: {
-        loading: 'lazy',
-        alt: '',
-        style: {
-          border: 0
-        },
-        width: '25',
-        height: '25',
-        src: 'https://d27hmee62k45vz.cloudfront.net/lock_icon_1.jpeg',
-      }
+const text = (updates) => {
+  if (updates.name && !updates.id) {
+    updates.id = updates.name;
+  }
+  return merge({
+    $formkit: 'text',
+    validation: 'required',
+    validationMessages: {
+      required: 'Field is required'
     },
-    {
-      $el: 'span',
-      children: 'Secure & Encrypted',
-      attrs: {
-        class: 't-pl-2 t-pt-1 t-font-medium'
-      }
-    }
-  ]
+    labelClass: 'required'
+  }, updates)
 };
 
+const sbsText = (updates) => {
+  updates.wrapperClass = 'side-by-side t-items-center';
+  return text(updates)
+};
 
-function secureIcon(updates) {
-  return merge(
-    secureIconDefault,
-    updates
-  )
-}
-
-const hiddenInputsBase = [
-  {
-    $formkit: 'hidden',
-    name: "gclid",
-    value: null
-  },
-  {
-    $formkit: 'hidden',
-    name: "campaignid",
-    value: null
-  },
-  {
-    $formkit: 'hidden',
-    name: "s",
-    value: null
-  }
-];
-
-const hiddenInputsLegal = [
-  {
-    $formkit: 'hidden',
-    name: "vertical",
-    value: "Legal"
-  },
-  {
-    $formkit: 'hidden',
-    name: "TCPA_Language",
-    value: "$meta.tcpaLanguage"
-  },
-  ...hiddenInputsBase
-];
-
-const legalRedirectMapDefaults = {
-  '*': LegalRedirectUrl()
-};
-
-
-function legalRedirectMap(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"'
-};
-
-const TOLPFinalHeadlines = {
-  // 'Adoption': '',
-};
-
-const TOLPFinalSubHeadlines = {
-  '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.',
-  // '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.',
-  // '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.',
-  // '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.',
-  // 'Harassment and Discrimination': '',
-  // 'Identity Theft': '',
-  '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.',
-  // '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.',
-  // 'Power of Attorney': '',
-  '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.',
-  // 'Traffic and Tickets': '',
-  '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.',
-  // 'Wrongful Death': '',
-  // 'Wrongful Termination': '',
-  // 'Not Sure or Other': ''
-  // 'Sexual Harassment': '',
-  // 'Workplace Harassment': '',
-  // 'Non-Workplace Harassment': '',
-  // 'Workplace Discrimination': '',
-  // 'Non-Workplace Discrimination': '',
-};
-
-// ------ Common Base Settings
-
-const checkbox = (updates) => {
-  if (updates.name && !updates.id) {
-    updates.id = updates.name;
-  }
-  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';
-  return checkbox(updates)
-};
-
-const col2Checkbox = (updates) => {
-  if (!updates || !updates.legendClass) {
-    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';
-  return checkbox(updates)
-};
-
-const radio = (updates) => {
-  if (updates.name && !updates.id) {
-    updates.id = updates.name;
-  }
-  return merge({
-    $formkit: 'radio',
-    validation: 'required',
-    validationMessages: {
-      required: 'Field is required'
-    },
-    optionsClass: 't-pt-3 t-pl-1',
-    legendClass: 'required'
-  }, 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';
-  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';
-  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';
-  return radio(updates)
-};
-
-const sbsYesNoRadio = (updates) => {
-  updates.options = ['Yes', 'No'];
-  return sbs2ItemRadio(updates)
-};
-
-const select = (updates) => {
-  if (updates.name && !updates.id) {
-    updates.id = updates.name;
+const textArea = (updates) => {
+  if (updates.name && !updates.id) {
+    updates.id = updates.name;
   }
   return merge({
-    $formkit: 'select',
-    placeholder: "Please Select",
+    $formkit: 'textarea',
+    rows: 5,
+    maxlength: 500,
     validation: 'required',
     validationMessages: {
       required: 'Field is required'
     },
-    inputClass: 't-bg-white',
+    innerClass: 't-max-w-xl',
     labelClass: 'required'
   }, 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]';
-  return select(updates)
-};
-
-const text = (updates) => {
+const date = (updates) => {
   if (updates.name && !updates.id) {
     updates.id = updates.name;
   }
   return merge({
-    $formkit: 'text',
+    $formkit: 'DatePicker',
     validation: 'required',
     validationMessages: {
       required: 'Field is required'
     },
-    labelClass: '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'
   }, updates)
 };
 
-const sbsText = (updates) => {
+const sbsDate = (updates) => {
   updates.wrapperClass = 'side-by-side t-items-center';
-  return text(updates)
-};
-
-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'
-    },
-    innerClass: 't-max-w-xl',
-    labelClass: 'required'
-  }, updates)
-};
-
-const date = (updates) => {
-  if (updates.name && !updates.id) {
-    updates.id = updates.name;
-  }
-  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'
-  }, updates)
-};
-
-const sbsDate = (updates) => {
-  updates.wrapperClass = 'side-by-side t-items-center';
-  return date(updates)
+  return date(updates)
 };
 
 const applicantAge = (scope) => sbsText({
@@ -1167,6 +853,43 @@ const findLastInput = (n) => {
   return null
 };
 
+const secureIconDefault = {
+  $el: 'div',
+  if: '$activeStep === $lastStep()',
+  attrs: {
+    class: 't-flex t-justify-center t-items-center t-text-sm t-text-gray-500'
+  },
+  children: [
+    {
+      $el: 'img',
+      attrs: {
+        loading: 'lazy',
+        alt: '',
+        style: {
+          border: 0
+        },
+        width: '25',
+        height: '25',
+        src: 'https://d27hmee62k45vz.cloudfront.net/lock_icon_1.jpeg',
+      }
+    },
+    {
+      $el: 'span',
+      children: 'Secure & Encrypted',
+      attrs: {
+        class: 't-pl-2 t-pt-1 t-font-medium'
+      }
+    }
+  ]
+};
+
+function secureIcon(updates) {
+  return merge(
+    secureIconDefault,
+    updates
+  )
+}
+
 function questionsStepHeadline(updates) {
   return {
     $el: 'h3',
@@ -1280,356 +1003,668 @@ const stepDefaults = (step, stepKey) => ({
   }
 });
 
-function step(name, inputs, nextOnEnter = true, nextOnInput = false, stepKey = undefined, nextStepMap = undefined, autoFocus = undefined) {
-  if (typeof nextOnEnter === 'undefined') {
-    nextOnEnter = true;
+function step(name, inputs, nextOnEnter = true, nextOnInput = false, stepKey = undefined, nextStepMap = undefined, autoFocus = undefined) {
+  if (typeof nextOnEnter === 'undefined') {
+    nextOnEnter = true;
+  }
+  if (inputs && inputs.length && (nextOnEnter || nextOnInput)) {
+    const lastInput = findLastInput(inputs[inputs.length - 1]);
+    if (lastInput && nextOnEnter === true) {
+      lastInput.onKeypress = NEXT_ON_ENTER;
+    }
+    if (lastInput && nextOnInput === true) {
+      lastInput.onInput = NEXT_ON_INPUT;
+    }
+  }
+
+  return merge(
+    stepDefaults(name, stepKey),
+    {
+      children: [
+        {
+          $formkit: 'group',
+          id: name,
+          name: name,
+          nextStepMap: nextStepMap,
+          autoFocus: autoFocus,
+          children: inputs
+        }
+      ]
+    }
+  )
+}
+
+
+function childAndFamilyTOLPAndZip(updates = {}) {
+  return step(
+    'childAndFamilyTOLPAndZip',
+    [
+      childAndFamilyTOLP(),
+      zipcode()
+    ],
+    updates.nextOnEnter,
+    updates.nextOnInput,
+    updates.stepKey,
+    updates.nextStepMap
+  )
+}
+
+function commentsWithBankruptcy(updates = {}) {
+  return step(
+    'commentsWithBankruptcy',
+    [
+      commentsStepHeadline(updates),
+      comments({
+        label: typeof updates.label === 'undefined' ? DEFAULT_COMMENTS_LABEL : updates.label,
+        placeholder: updates.placeholder || DEFAULT_COMMENTS_PLACEHOLDER_DYNAMIC,
+        inputClass: typeof updates.inputClass === 'undefined' ? '!t-h-32' : updates.inputClass,
+      }),
+      bankruptcyCrossSell(),
+      {
+        $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')
+        ],
+      }
+    ],
+    false // nextOnEnter
+  )
+}
+
+function contactInfo(updates = {}) {
+  return step(
+    'contactInfo',
+    [
+      contactStepHeadline(updates),
+      contactStepSubHeadline(updates),
+      trustedFormScript(),
+      email(),
+      phone(),
+      TCPAConsent(),
+      secureIcon()
+    ],
+    false, // nextOnEnter
+  )
+}
+
+function firstAndLastV2(updates = {}) {
+  return step(
+    'firstAndLast',
+    [
+      firstAndLastStepHeadline(updates),
+      firstName(),
+      lastName()
+    ],
+    updates.nextOnEnter
+  )
+}
+
+
+function autoAndCarAccidentCrossSellQuestions(updates = {}) {
+  return step(
+    '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'
+      )
+    ],
+    updates.nextOnEnter
+  )
+}
+
+function duiAndDWICrossSellQuestions(updates = {}) {
+  return step(
+    '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'
+      )
+    ],
+    updates.nextOnEnter
+  )
+}
+
+function ssdiCrossSellQuestions(updates = {}) {
+  return step(
+    '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'
+      )
+    ],
+    updates.nextOnEnter
+  )
+}
+
+function personalInjuryCrossSellQuestions(updates = {}) {
+  return step(
+    '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'
+      )
+    ],
+    updates.nextOnEnter
+  )
+}
+
+function powerOfAttorneyCrossSellQuestions(updates = {}) {
+  return step(
+    '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'
+      )
+    ],
+    updates.nextOnEnter
+  )
+}
+
+function willsAndTrustsCrossSellQuestions(updates = {}) {
+  return step(
+    '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'
+      )
+    ],
+    updates.nextOnEnter
+  )
+}
+
+function childAndFamilyTOLPQuestions(updates = {}) {
+  return step(
+    'TOLPQuestions',
+    [
+      questionsStepHeadline(updates),
+      AdoptionQuestions(),
+      ChildCustodyAndSupportQuestions(),
+      ChildCustodyQuestions(),
+      ChildSupportQuestions(),
+      FamilyIssuesQuestions(),
+      GuardianshipQuestions(),
+      DivorceQuestions(),
+      NotSureOrOtherQuestions()
+    ],
+    updates.nextOnEnter
+  )
+}
+
+function legalCrossSells(updates = {}) {
+  return step(
+    'legalCrossSells',
+    [
+      legalCrossSellsStepHeadline(updates),
+      legalCrossSells$1(),
+    ],
+    updates.nextOnEnter,
+    false,
+    // Note: we should probably scope this stepKey to this step name
+    '$get(Type_Of_Legal_Problem).value'
+  )
+}
+
+// ------ Common
+
+const formNavigation = () => ({
+  $el: 'div',
+  attrs: {
+    class: 'step-nav'
+  },
+  children: [
+    {
+      $formkit: 'button',
+      name: 'back_button',
+      onClick: '$setPreviousStep($prevStepFunc($get(form)))',
+      children: 'Back',
+      style: {
+        if: '$activeStep === $firstStep()',
+        then: 'visibility: hidden;'
+      }
+    },
+    {
+      $formkit: 'button',
+      name: 'next_button',
+      onClick: '$setNextStep($fireStepEvent($get(form)), $preStepFunc($get(form)))',
+      children: {
+        if: '$activeStep === $firstStep()',
+        then: 'Start',
+        else: 'Next'
+      },
+      outerClass: {
+        if: '$activeStep === $lastStep()',
+        then: 't-hidden',
+        else: ''
+      },
+      style: {
+        if: '$activeStep === $lastStep()',
+        then: 'display: none;'
+      }
+    },
+    {
+      $formkit: 'submit',
+      name: 'submit_button',
+      label: 'Submit',
+      if: '$activeStep === $lastStep()',
+      style: {
+        if: '$activeStep !== $lastStep()',
+        then: 'display: none;'
+      }
+    }
+  ]
+});
+
+const formDetails = () => ({
+  $el: 'pre',
+  if: '$urlParam("fdbg", "") == 1',
+  children: [
+    {
+      $el: 'pre',
+      children: '$stringify( $get(form).value )',
+      attrs: {
+        class: 't-text-xs',
+        style: 'overflow: scroll'
+      }
+    },
+    {
+      $el: 'pre',
+      children: ['activeStep: ', '$activeStep'],
+      attrs: {
+        class: 't-text-xs',
+        style: 'overflow: scroll'
+      }
+    },
+    {
+      $el: 'pre',
+      children: ['stepHistory: ', '$stepHistory'],
+      attrs: {
+        class: 't-text-xs',
+        style: 'overflow: scroll'
+      }
+    },
+    {
+      $el: 'pre',
+      children: ['stepQueue: ', '$stepQueue'],
+      attrs: {
+        class: 't-text-xs',
+        style: 'overflow: scroll'
+      }
+    },
+    {
+      $el: 'pre',
+      children: ['steps: ', '$stepKeys()'],
+      attrs: {
+        class: 't-text-xs',
+        style: 'overflow: scroll'
+      }
+    }
+  ]
+});
+
+const formPropDefaults = {
+  type: 'form',
+  id: 'form',
+  config: { validationVisibility: 'submit' },
+  onSubmit: '$submit($submitUrl, $prepData, $handleRedirect, "text/plain; charset=UTF-8")',
+  plugins: '$plugins',
+  actions: false,
+  anchorElement: 'form-anchor',
+  useLocalStorage: true,
+  prepop: {
+    fromURL: true
+  },
+  errorCodes: {
+    403: { message: "An Error Occurred", abort: false },
+    409: { abort: false },
+    429: "An Error Occurred",
+    504: { message: "An Error Occurred", abort: false },
+  },
+  formClass: '!t-max-w-[40rem]'
+};
+
+function formProps(updates) {
+  const props = merge(
+    formPropDefaults,
+    updates
+  );
+  if (props.formId && !props.name) {
+    props.name = props.formId;
+  }
+  return props
+}
+
+const metaDefaults = {
+  tcpaLanguage: TCPA_LANGUAGE
+};
+
+function metaProps(updates) {
+  const data = merge(
+    metaDefaults,
+    updates
+  );
+  return {
+    type: 'meta',
+    data
+  }
+}
+
+function defaultMetaProps() {
+  return metaProps({
+    defaultCommentsPlaceholder: DEFAULT_COMMENTS_PLACEHOLDER_DYNAMIC,
+    commentsPlaceholders: TOLPCommentsPlaceholders,
+    defaultFinalHeadline: DEFAULT_FINAL_HEADLINE,
+    finalHeadlines: TOLPFinalHeadlines,
+    defaultFinalSubHeadline: DEFAULT_FINAL_SUBHEADLINE,
+    finalSubHeadlines: TOLPFinalSubHeadlines,
+  })
+}
+
+const dynamicSchemaNode = {
+  $cmp: 'FormKitSchema',
+  if: '$get(Type_Of_Legal_Problem).value',
+  props: {
+    schema: '$meta.dynamicSchema',
+    data: '$buildData($meta)'
   }
-  if (inputs && inputs.length && (nextOnEnter || nextOnInput)) {
-    const lastInput = findLastInput(inputs[inputs.length - 1]);
-    if (lastInput && nextOnEnter === true) {
-      lastInput.onKeypress = NEXT_ON_ENTER;
-    }
-    if (lastInput && nextOnInput === true) {
-      lastInput.onInput = NEXT_ON_INPUT;
+};
+
+const formAnchorDefaults = {
+  $el: 'div',
+  children: [
+    {
+      $el: 'div',
+      attrs: {
+        id: 'form-anchor',
+        class: 't-absolute',
+        style: { top: '-30px', left: 0 }
+      }
     }
+  ],
+  attrs: {
+    class: 't-relative'
   }
+};
 
+function formAnchor(updates) {
   return merge(
-    stepDefaults(name, stepKey),
-    {
-      children: [
-        {
-          $formkit: 'group',
-          id: name,
-          name: name,
-          nextStepMap: nextStepMap,
-          autoFocus: autoFocus,
-          children: inputs
-        }
-      ]
-    }
+    formAnchorDefaults,
+    updates
   )
 }
 
-
-function childAndFamilyTOLPAndZip(updates = {}) {
-  return step(
-    'childAndFamilyTOLPAndZip',
-    [
-      childAndFamilyTOLP(),
-      zipcode()
-    ],
-    updates.nextOnEnter
-  )
+function headlineDefaults(updates = {}) {
+  return {
+    $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 || '')
+    }
+  }
 }
 
-function commentsWithBankruptcyV2(updates = {}) {
-  return step(
-    'commentsWithBankruptcy',
-    [
-      commentsStepHeadline(updates),
-      comments({
-        label: typeof updates.label === 'undefined' ? DEFAULT_COMMENTS_LABEL : updates.label,
-        placeholder: updates.placeholder || DEFAULT_COMMENTS_PLACEHOLDER_DYNAMIC,
-        inputClass: typeof updates.inputClass === 'undefined' ? '!t-h-40' : updates.inputClass,
-      }),
-      bankruptcyCrossSell(),
-      {
-        $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')
-        ],
-      }
-    ],
-    // TODO: UGLY: use named params!
-    updates.nextOnEnter,
-    false,
-    undefined,
-    undefined,
-    false
+function headline(updates = {}) {
+  return merge(
+    headlineDefaults(updates),
+    updates
   )
 }
 
-function contactInfoTF(updates = {}) {
-  return step(
-    'contactInfo',
-    [
-      contactStepHeadline(updates),
-      contactStepSubHeadline(updates),
-      trustedFormScript(),
-      email(),
-      phone(),
-      TCPAConsent(),
-      secureIcon()
-    ],
-    updates.nextOnEnter
-  )
+function subHeadlineDefaults(updates = {}) {
+  return {
+    $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 || '')
+    }
+  }
 }
 
-function firstAndLastV2(updates = {}) {
-  return step(
-    'firstAndLast',
-    [
-      firstAndLastStepHeadline(updates),
-      firstName(),
-      lastName()
-    ],
-    updates.nextOnEnter
+function subHeadline(updates = {}) {
+  return merge(
+    subHeadlineDefaults(updates),
+    updates
   )
 }
 
+const hiddenInputsBase = [
+  {
+    $formkit: 'hidden',
+    name: "gclid",
+    value: null
+  },
+  {
+    $formkit: 'hidden',
+    name: "campaignid",
+    value: null
+  },
+  {
+    $formkit: 'hidden',
+    name: "s",
+    value: null
+  }
+];
+
+const hiddenInputsLegal = [
+  {
+    $formkit: 'hidden',
+    name: "vertical",
+    value: "Legal"
+  },
+  {
+    $formkit: 'hidden',
+    name: "TCPA_Language",
+    value: "$meta.tcpaLanguage"
+  },
+  ...hiddenInputsBase
+];
 
-function autoAndCarAccidentCrossSellQuestions(updates = {}) {
-  return step(
-    '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'
-      )
-    ],
-    updates.nextOnEnter
-  )
-}
+const legalRedirectMapDefaults = {
+  '*': LegalRedirectUrl()
+};
 
-function duiAndDWICrossSellQuestions(updates = {}) {
-  return step(
-    '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'
-      )
-    ],
-    updates.nextOnEnter
-  )
-}
 
-function ssdiCrossSellQuestions(updates = {}) {
-  return step(
-    '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'
-      )
-    ],
-    updates.nextOnEnter
+function legalRedirectMap(updates) {
+  return merge(
+    legalRedirectMapDefaults,
+    updates
   )
 }
 
-function personalInjuryCrossSellQuestions(updates = {}) {
-  return step(
-    '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'
-      )
-    ],
-    updates.nextOnEnter
-  )
-}
+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"'
+};
+
+const TOLPFinalHeadlines = {
+  // 'Adoption': '',
+};
 
-function powerOfAttorneyCrossSellQuestions(updates = {}) {
-  return step(
-    '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'
-      )
-    ],
-    updates.nextOnEnter
-  )
-}
+const TOLPFinalSubHeadlines = {
+  '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.',
+  // '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.',
+  // '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.',
+  // '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.',
+  // 'Harassment and Discrimination': '',
+  // 'Identity Theft': '',
+  '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.',
+  // '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.',
+  // 'Power of Attorney': '',
+  '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.',
+  // 'Traffic and Tickets': '',
+  '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.',
+  // 'Wrongful Death': '',
+  // 'Wrongful Termination': '',
+  // 'Not Sure or Other': ''
+  // 'Sexual Harassment': '',
+  // 'Workplace Harassment': '',
+  // 'Non-Workplace Harassment': '',
+  // 'Workplace Discrimination': '',
+  // 'Non-Workplace Discrimination': '',
+};
 
-function willsAndTrustsCrossSellQuestions(updates = {}) {
-  return step(
-    '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'
-      )
-    ],
-    updates.nextOnEnter
-  )
-}
 
-function childAndFamilyTOLPQuestions(updates = {}) {
-  return step(
+const nextStepsMapLegalLegacy = {
+  '*': [
     'TOLPQuestions',
-    [
-      questionsStepHeadline(updates),
-      AdoptionQuestions(),
-      ChildCustodyAndSupportQuestions(),
-      ChildCustodyQuestions(),
-      ChildSupportQuestions(),
-      FamilyIssuesQuestions(),
-      GuardianshipQuestions(),
-      DivorceQuestions(),
-      NotSureOrOtherQuestions()
-    ],
-    updates.nextOnEnter
-  )
-}
-
-function legalCrossSells(updates = {}) {
-  return step(
+    'commentsWithBankruptcy',
     'legalCrossSells',
-    [
-      legalCrossSellsStepHeadline(updates),
-      legalCrossSells$1(),
-    ],
-    updates.nextOnEnter,
-    false,
-    // Note: we should probably scope this stepKey to this step name
-    '$get(Type_Of_Legal_Problem).value'
-  )
-}
-
-const formNavigationV2 = () => ({
-  $el: 'div',
-  attrs: {
-    class: 'step-nav'
-  },
-  children: [
-    {
-      $formkit: 'button',
-      name: 'back_button',
-      onClick: '$setPreviousStep($prevStepFunc($get(form)))',
-      children: 'Back',
-      style: {
-        if: '$activeStep === $firstStep()',
-        then: 'visibility: hidden;'
-      }
-    },
-    {
-      $formkit: 'button',
-      name: 'next_button',
-      onClick: '$setNextStep($fireStepEvent($get(form)), $preStepFunc($get(form)))',
-      children: {
-        if: '$activeStep === $firstStep()',
-        then: 'Start',
-        else: 'Next'
-      },
-      outerClass: {
-        if: '$activeStep === $lastStep()',
-        then: 't-hidden',
-        else: ''
-      },
-      style: {
-        if: '$activeStep === $lastStep()',
-        then: 'display: none;'
-      }
-    },
-    {
-      $formkit: 'submit',
-      name: 'submit_button',
-      label: 'Submit',
-      if: '$activeStep === $lastStep()',
-      style: {
-        if: '$activeStep !== $lastStep()',
-        then: 'display: none;'
-      }
-    }
+    'firstAndLast',
+    'contactInfo',
   ]
-});
+};
 
-const formDetails = () => ({
-  $el: 'pre',
-  if: '$urlParam("fdbg", "") == 1',
-  children: [
-    {
-      $el: 'pre',
-      children: '$stringify( $get(form).value )',
-      attrs: {
-        class: 't-text-xs',
-        style: 'overflow: scroll'
-      }
-    },
-    {
-      $el: 'pre',
-      children: ['activeStep: ', '$activeStep'],
-      attrs: {
-        class: 't-text-xs',
-        style: 'overflow: scroll'
-      }
-    },
-    {
-      $el: 'pre',
-      children: ['stepHistory: ', '$stepHistory'],
-      attrs: {
-        class: 't-text-xs',
-        style: 'overflow: scroll'
-      }
-    },
-    {
-      $el: 'pre',
-      children: ['stepQueue: ', '$stepQueue'],
-      attrs: {
-        class: 't-text-xs',
-        style: 'overflow: scroll'
-      }
-    },
-    {
-      $el: 'pre',
-      children: ['steps: ', '$stepKeys()'],
-      attrs: {
-        class: 't-text-xs',
-        style: 'overflow: scroll'
-      }
-    }
-  ]
-});
+const meta = defaultMetaProps();
+
+meta.data.dynamicSchema = [
+  childAndFamilyTOLPQuestions(),
+  commentsWithBankruptcy(),
+  legalCrossSells(),
+  // Note: this is purposefully limited to a subset of values
+  // that could show up in the Legal_CrossSells input because
+  // this form only allows a handful of TOLPs on stage 1!
+  autoAndCarAccidentCrossSellQuestions(),
+  personalInjuryCrossSellQuestions(),
+  duiAndDWICrossSellQuestions(),
+  ssdiCrossSellQuestions(),
+  powerOfAttorneyCrossSellQuestions(),
+  willsAndTrustsCrossSellQuestions(),
+  firstAndLastV2(),
+];
 
 const schema = [
-  defaultMetaProps(),
+  meta,
   formAnchor(),
   {
     $cmp: 'FormKit',
@@ -1653,26 +1688,12 @@ const schema = [
           class: 'form-body'
         },
         children: [
-          childAndFamilyTOLPAndZip(),
-          childAndFamilyTOLPQuestions(),
-          commentsWithBankruptcyV2({
-            nextOnEnter: false
-          }),
-          legalCrossSells(),
-          // Note: this is purposefully limited to a subset of values
-          // that could show up in the Legal_CrossSells input because
-          // this form only allows a handful of TOLPs on stage 1!
-          autoAndCarAccidentCrossSellQuestions(),
-          personalInjuryCrossSellQuestions(),
-          duiAndDWICrossSellQuestions(),
-          ssdiCrossSellQuestions(),
-          powerOfAttorneyCrossSellQuestions(),
-          willsAndTrustsCrossSellQuestions(),
-          firstAndLastV2(),
-          contactInfoTF({
-            nextOnEnter: false
+          childAndFamilyTOLPAndZip({
+            nextStepMap: nextStepsMapLegalLegacy
           }),
-          formNavigationV2(),
+          dynamicSchemaNode,
+          contactInfo(),
+          formNavigation(),
           formDetails()
         ]
       }