bhl-forms 0.6.15 → 0.7.1

package/dist/forms/generalLegal.es.js

@@ -6,14 +6,97 @@ 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}'
 }
 
-var TCPA_LANGUAGE = "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 = '$getKey($meta, "commentsPlaceholders." + $get(Type_Of_Legal_Problem).value, $meta.defaultCommentsPlaceholder)';
-const DEFAULT_COMMENTS_LABEL = 'Please briefly describe your legal issue in a few words:';
-const DEFAULT_FINAL_HEADLINE = 'Submit Your Case';
-const DEFAULT_FINAL_HEADLINE_DYNAMIC = '$getKey($meta, "finalHeadlines." + $get(Type_Of_Legal_Problem).value, $meta.defaultFinalHeadline)';
-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 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',
+};
+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',
+  },
+  "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',
+    // 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',
+    // 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',
+  },
+  "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',
+  },
+  "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',
+  },
+  "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',
+  },
+  "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',
+  },
+  "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',
+  },
+  '*': defaultLegalImprovementCrossSells,
+};
 
 // ------ Common Base Settings
 
@@ -130,6 +213,15 @@ const sbsSelect = (updates) => {
   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)
+};
+
 const text = (updates) => {
   if (updates.name && !updates.id) {
     updates.id = updates.name;
@@ -149,6 +241,14 @@ const sbsText = (updates) => {
   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';
+  return text(updates)
+};
+
 const textArea = (updates) => {
   if (updates.name && !updates.id) {
     updates.id = updates.name;
@@ -186,42 +286,131 @@ const sbsDate = (updates) => {
   return date(updates)
 };
 
-const amountPaymentsPastDue = () => sbsSelect({
-  label: 'Total Amount of Payments that are Past Due:',
-  name: 'Amount_Payments_Past_Due',
-  options: [
-    "$0 - $499",
-    "$500 - $999",
-    "$1,000 - $2,499",
-    "$2,500 - $4,999",
-    "$5,000 - $9,999",
-    "$10,000 - $24,999",
-    "$25,000 - $49,999",
-    "$50,000 - $99,999",
-    "More than $100,000"
-  ]
+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 applicantOccupation = (scope) => sbsText({
-  name: scope ? scope + ':' + 'Applicant_Occupation' : 'Applicant_Occupation',
-  label: "What is the Applicant's Occupation?",
-  placeholder: "Occupation"
+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 applicantAge = (scope) => sbsText({
-  name: scope ? scope + ':' + 'Applicant_Age' : 'Applicant_Age',
-  label: 'Age of Applicant?',
-  placeholder: 'Age between 18 and 65',
-  maxlength: 2,
-  inputmode: "numeric",
-  validation: "required|min:18,max:65",
+const lastName = (scope) => sbsText({
+  label: 'Last Name:',
+  placeholder: 'Last',
+  name: scope ? scope + ':' + 'Last_Name' : 'Last_Name',
+  autocomplete: "family-name",
   validationMessages: {
-    required: 'Applicant Age is required',
-    min: 'Invalid Age - must be between 18 and 65',
-    max: 'Invalid Age - must be between 18 and 65',
+    required: 'Last Name is required'
   }
 });
 
+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 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;  
+  return func({
+    label,
+    help,
+    placeholder: '#####',
+    name: scope ? scope + ':' + 'Zip' : 'Zip',
+    maxlength: 5,
+    inputmode: "numeric",
+    autocomplete: 'postal-code',
+    validation: 'required|matches:/^[0-9]{5}$/',
+    validationMessages: {
+      required: 'Zip Code is required',
+      matches: 'Invalid Zip Code'
+    },
+    ...updates
+  })
+};
+
+const amountPaymentsPastDue = (scope, vertical, updates = {}) => {
+  const func = vertical ? verticalSelect : sbsSelect;
+  const label = vertical ? (updates.label) : 'Total Amount of Payments that are Past Due:';
+  return func(merge({
+    label,
+    name: scope ? scope + ':' + 'Amount_Payments_Past_Due' : 'Amount_Payments_Past_Due',
+    options: [
+      "$0 - $499",
+      "$500 - $999",
+      "$1,000 - $2,499",
+      "$2,500 - $4,999",
+      "$5,000 - $9,999",
+      "$10,000 - $24,999",
+      "$25,000 - $49,999",
+      "$50,000 - $99,999",
+      "More than $100,000"
+    ]
+  }, updates))
+};
+
+const applicantOccupation = (scope, vertical, updates = {}) => {
+  const func = vertical ? verticalText : sbsText;
+  const label = vertical ? (updates.label) : "What is the Applicant's Occupation?";
+  return func(merge({
+    label,
+    placeholder: "Occupation",
+    name: scope ? scope + ':' + 'Applicant_Occupation' : 'Applicant_Occupation',
+  }, 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 applicantDisabilityHowObtain = (scope) => sbsSelect({
   name: scope ? scope + ':' + 'Applicant_Disability_How_Obtain' : 'Applicant_Disability_How_Obtain',
   label: 'How Did Applicant Obtain the Disability Policy?',
@@ -736,20 +925,6 @@ const driversLicenseType = () => sbs2ItemRadio({
   ]
 });
 
-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 employerType = () => sbsSelect({
   label: 'The Employer Is a:',
   name: 'Employer_Type',
@@ -798,16 +973,6 @@ const estateLegalServicesNeeded = (scope) => sbsSelect({
   ]
 });
 
-const firstName = (scope) => sbsText({
-  $formkit: 'text',
-  label: 'First Name:',
-  placeholder: 'First',
-  name: scope ? scope + ':' + 'First_Name' : 'First_Name',
-  autocomplete: "given-name",
-  validationMessages: {
-    required: 'First Name is required'
-  }
-});
 
 const TOLPOptions = [
   'Adoption',
@@ -955,17 +1120,6 @@ const incidentDate = (scope) => sbsDate({
   label: 'Date of Incident:',
 });
 
-const lastName = (scope) => sbsText({
-  $formkit: 'text',
-  label: 'Last Name:',
-  placeholder: 'Last',
-  name: scope ? scope + ':' + 'Last_Name' : 'Last_Name',
-  autocomplete: "family-name",
-  validationMessages: {
-    required: 'Last Name is required'
-  }
-});
-
 const landlordTenantParty = () => sbsSelect({
   label: 'I am the:',
   name: 'Landlord_Tenant_Party',
@@ -1024,69 +1178,7 @@ const legalCrossSells$1 = () => col2Checkbox({
   help: 'Just hit "Next" if none apply',
   helpClass: 't-text-center !t-text-sm',
   validation: null,
-  options: {
-    if: '$getVal($get(form), "Type_Of_Legal_Problem") === "Auto and Car Accidents"',
-    then: {
-      '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',
-    },
-    else: {
-      if: '$getVal($get(form), "Type_Of_Legal_Problem") === "Personal Injury" || $getVal($get(form), "Type_Of_Legal_Problem") === "Workers Compensation"',
-      then: {
-        '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?
-      },
-      else: {
-        if: '$getVal($get(form), "Type_Of_Legal_Problem") === "DUI and DWI"',
-        then: {
-          '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',
-        },
-        else: {
-          if: '$getVal($get(form), "Type_Of_Legal_Problem") === "Wills and Trusts" || $getVal($get(form), "Type_Of_Legal_Problem") === "Probate and Estates" || $getVal($get(form), "Type_Of_Legal_Problem") === "Power of Attorney"',
-          then: {
-            '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',
-          },
-          else: {
-            if: '$getVal($get(form), "Type_Of_Legal_Problem") === "Long Term Disability" || $getVal($get(form), "Type_Of_Legal_Problem") === "Social Security Disability and Insurance"',
-            then: {
-              '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',
-            },
-            else: {
-              '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',
-            }
-          }
-        }
-      }
-    }
-  }
+  options: '$getCrossSellOptions($get(form), $getVal($get(form), "Type_Of_Legal_Problem"))',
 });
 
 const loanAmount = () => sbsSelect({
@@ -1183,24 +1275,6 @@ const pendingCharges = (scope) => sbsYesNoRadio({
   label: 'Do you currently have any pending charges?'
 });
 
-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 primaryInjury = (scope) => sbs2ColRadio({
   name: scope ? scope + ':' + 'Primary_Injury' : 'Primary_Injury',
   label: 'Primary Injury:',
@@ -1467,21 +1541,6 @@ const wouldLikeLawyerTo = () => sbsRadio({
   ]
 });
 
-const zipcode = (scope) => sbsText({
-  label: 'Zip Code:',
-  placeholder: '#####',
-  name: scope ? scope + ':' + 'Zip' : 'Zip',
-  maxlength: 5,
-  inputmode: "numeric",
-  autocomplete: 'postal-code',
-  validation: 'required|matches:/^[0-9]{5}$/',
-  validationMessages: {
-    required: 'Zip Code is required',
-    matches: 'Invalid Zip Code'
-  }
-});
-
-
 // ------ Question Groups
 
 // NOTE: name must be unique within a form!
@@ -2340,13 +2399,20 @@ function crossSellQuestionsStepSubHeadline(updates) {
 function commentsStepHeadline(updates) {
   return {
     $el: 'h3',
-    children: updates.headline || 'Additional Case Details',
+    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 || '')
     }
   }
 }
 
+function commentsStepHeadlineLegal(updates) {
+  return commentsStepHeadline({
+    headline: updates.headline || 'Additional Case Details',
+    headlineClass: updates.headlineClass
+  })
+}
+
 function firstAndLastStepHeadline(updates) {
   return {
     $el: 'h3',
@@ -2370,7 +2436,7 @@ function legalCrossSellsStepHeadline(updates) {
 function contactStepHeadline(updates) {
   return {
     $el: 'h3',
-    children: updates.headline || DEFAULT_FINAL_HEADLINE_DYNAMIC,
+    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 || '')
     }
@@ -2380,7 +2446,7 @@ function contactStepHeadline(updates) {
 function contactStepSubHeadline(updates) {
   return {
     $el: 'h5',
-    children: updates.subheadline || DEFAULT_FINAL_SUBHEADLINE_DYNAMIC,
+    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 || '')
     }
@@ -2420,10 +2486,16 @@ 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, updates = {}) {
+  const {
+    nextOnEnter = true,
+    nextOnInput = false,
+    stepKey = undefined,
+    nextStepMap = undefined,
+    triggerRedirectMap = undefined,
+    autoFocus = undefined,
+  } = updates;
+
   if (inputs && inputs.length && (nextOnEnter || nextOnInput)) {
     const lastInput = findLastInput(inputs[inputs.length - 1]);
     if (lastInput && nextOnEnter === true) {
@@ -2443,6 +2515,7 @@ function step(name, inputs, nextOnEnter = true, nextOnInput = false, stepKey = u
           id: name,
           name: name,
           nextStepMap: nextStepMap,
+          triggerRedirectMap: triggerRedirectMap,
           autoFocus: autoFocus,
           children: inputs
         }
@@ -2451,6 +2524,34 @@ function step(name, inputs, nextOnEnter = true, nextOnInput = false, stepKey = u
   )
 }
 
+function contactInfo(updates = {}) {
+  return step(
+    'contactInfo',
+    [
+      contactStepHeadline(updates),
+      contactStepSubHeadline(updates),
+      trustedFormScript(),
+      email(updates.scope),
+      phone(updates.scope),
+      TCPAConsent(updates.scope),
+      secureIcon()
+    ],
+    { nextOnEnter: false }
+  )
+}
+
+function firstAndLastV2(updates = {}) {
+  return step(
+    'firstAndLast',
+    [
+      firstAndLastStepHeadline(updates),
+      firstName(),
+      lastName()
+    ],
+    updates
+  )
+}
+
 function generalLegalTOLPAndZip(updates = {}) {
   return step(
     'generalLegalTOLPAndZip',
@@ -2464,10 +2565,7 @@ function generalLegalTOLPAndZip(updates = {}) {
       realEstateTOLPDisplay(),
       zipcode()
     ],
-    updates.nextOnEnter,
-    updates.nextOnInput,
-    updates.stepKey,
-    updates.nextStepMap
+    updates
   )
 }
 
@@ -2475,10 +2573,10 @@ function commentsWithBankruptcy(updates = {}) {
   return step(
     'commentsWithBankruptcy',
     [
-      commentsStepHeadline(updates),
+      commentsStepHeadlineLegal(updates),
       comments({
-        label: typeof updates.label === 'undefined' ? DEFAULT_COMMENTS_LABEL : updates.label,
-        placeholder: updates.placeholder || DEFAULT_COMMENTS_PLACEHOLDER_DYNAMIC,
+        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),
       // TODO: needs scope support
@@ -2495,39 +2593,10 @@ function commentsWithBankruptcy(updates = {}) {
         ],
       }
     ],
-    false // nextOnEnter
-  )
-}
-
-function contactInfo(updates = {}) {
-  return step(
-    'contactInfo',
-    [
-      contactStepHeadline(updates),
-      contactStepSubHeadline(updates),
-      trustedFormScript(),
-      email(updates.scope),
-      phone(updates.scope),
-      TCPAConsent(updates.scope),
-      secureIcon()
-    ],
-    false, // nextOnEnter
-  )
-}
-
-function firstAndLastV2(updates = {}) {
-  return step(
-    'firstAndLast',
-    [
-      firstAndLastStepHeadline(updates),
-      firstName(),
-      lastName()
-    ],
-    updates.nextOnEnter
+    { nextOnEnter: false }
   )
 }
 
-
 const AllTOLPQuestions = () => {
   return [
     AdoptionQuestions(),
@@ -2598,11 +2667,10 @@ function generalLegalTOLPQuestions(updates = {}) {
   return step(
     'TOLPQuestions',
     questions,
-    updates.nextOnEnter
+    updates
   )
 }
 
-
 function autoAndCarAccidentCrossSellQuestions(updates = {}) {
   return step(
     'autoAndCarAccidentCrossSellQuestions',
@@ -2619,7 +2687,7 @@ function autoAndCarAccidentCrossSellQuestions(updates = {}) {
         'CrossSell:Auto_and_Car_Accidents'
       )
     ],
-    updates.nextOnEnter
+    updates
   )
 }
 
@@ -2638,7 +2706,7 @@ function childCustodyCrossSellQuestions(updates = {}) {
         'CrossSell:Child_Custody'
       )
     ],
-    updates.nextOnEnter
+    updates
   )
 }
 
@@ -2657,7 +2725,7 @@ function divorceAndSeparationCrossSellQuestions(updates = {}) {
         'CrossSell:Divorce_and_Separation'
       )
     ],
-    updates.nextOnEnter
+    updates
   )
 }
 
@@ -2676,7 +2744,7 @@ function duiAndDWICrossSellQuestions(updates = {}) {
         'CrossSell:DUI_and_DWI'
       )
     ],
-    updates.nextOnEnter
+    updates
   )
 }
 
@@ -2696,7 +2764,7 @@ function ssdiCrossSellQuestions(updates = {}) {
         'CrossSell:Social_Security_Disability_and_Insurance'
       )
     ],
-    updates.nextOnEnter
+    updates
   )
 }
 
@@ -2716,7 +2784,7 @@ function personalInjuryCrossSellQuestions(updates = {}) {
         'CrossSell:Personal_Injury'
       )
     ],
-    updates.nextOnEnter
+    updates
   )
 }
 
@@ -2735,7 +2803,7 @@ function powerOfAttorneyCrossSellQuestions(updates = {}) {
         'CrossSell:Power_of_Attorney'
       )
     ],
-    updates.nextOnEnter
+    updates
   )
 }
 
@@ -2754,7 +2822,7 @@ function willsAndTrustsCrossSellQuestions(updates = {}) {
         'CrossSell:Wills_and_Trusts'
       )
     ],
-    updates.nextOnEnter
+    updates
   )
 }
 
@@ -2774,21 +2842,20 @@ function workersCompensationCrossSellQuestions(updates = {}) {
         'CrossSell:Workers_Compensation'
       )
     ],
-    updates.nextOnEnter
+    updates
   )
 }
 
 function legalCrossSells(updates = {}) {
+  updates.nextOnInput = false;
+  updates.stepKey = '$get(Type_Of_Legal_Problem).value';
   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'
+    updates
   )
 }
 
@@ -2931,9 +2998,7 @@ function formProps(updates) {
   return props
 }
 
-const metaDefaults = {
-  tcpaLanguage: TCPA_LANGUAGE
-};
+const metaDefaults = {};
 
 function metaProps(updates) {
   const data = merge(
@@ -2946,7 +3011,7 @@ function metaProps(updates) {
   }
 }
 
-function defaultMetaProps(tolps = null) {
+function defaultMetaPropsLegal(tolps = null) {
   let commentsPlaceholders = TOLPCommentsPlaceholders;
   let finalHeadlines = TOLPFinalHeadlines;
   let finalSubHeadlines = TOLPFinalSubHeadlines;
@@ -2956,23 +3021,27 @@ function defaultMetaProps(tolps = null) {
     finalSubHeadlines = filterMapByKey(TOLPFinalSubHeadlines, tolps);
   }
   return metaProps({
-    defaultCommentsPlaceholder: DEFAULT_COMMENTS_PLACEHOLDER_DYNAMIC,
+    tcpaLanguage: TCPA_LANGUAGE_LEGAL,
+    defaultCommentsPlaceholder: DEFAULT_COMMENTS_PLACEHOLDER_DYNAMIC_LEGAL,
     commentsPlaceholders: commentsPlaceholders,
-    defaultFinalHeadline: DEFAULT_FINAL_HEADLINE,
+    defaultFinalHeadline: DEFAULT_FINAL_HEADLINE_LEGAL,
     finalHeadlines: finalHeadlines,
-    defaultFinalSubHeadline: DEFAULT_FINAL_SUBHEADLINE,
-    finalSubHeadlines: finalSubHeadlines,
+    defaultFinalSubHeadline: DEFAULT_FINAL_SUBHEADLINE_LEGAL,
+    finalSubHeadlines: finalSubHeadlines
   })
 }
 
 function defaultMetaPropsLegalLegacy() {
-  const meta = defaultMetaProps();
+  const meta = defaultMetaPropsLegal();
   meta.data.dynamicSchema = [
     generalLegalTOLPQuestions(),
     commentsWithBankruptcy({
       inputClass: '!t-h-28',
     }),
-    legalCrossSells(),
+    legalCrossSells({
+      headlineClass: '!t-text-dark',
+      nextStepMap: nextStepsMapLegalCrossSells,
+    }),
     autoAndCarAccidentCrossSellQuestions(),
     personalInjuryCrossSellQuestions(),
     workersCompensationCrossSellQuestions(),
@@ -3456,17 +3525,44 @@ const TOLPFinalSubHeadlines = {
   // 'Non-Workplace Discrimination': '',
 };
 
-
 const nextStepsMapLegalLegacy = {
-  '*': [
-    'TOLPQuestions',
-    'commentsWithBankruptcy',
-    'legalCrossSells',
-    'firstAndLast',
-    'contactInfo',
-  ]
+  values: {
+    '*': [
+      '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'],
+    },
+    '*': ['firstAndLast', 'contactInfo'],
+  },
+  
+  // NOTE: this assumes a certain placement of the cross sell question
+  // in the form flow.
+  appendSteps: ['firstAndLast', 'contactInfo'],
+  matchesAllowed: 1,
+};
+
+const legalCrossSellOptionMap = CROSS_SELL_OPTION_MAP_LEGAL;
+
 const schema = [
   defaultMetaPropsLegalLegacy(),
   formAnchor(),
@@ -3476,6 +3572,7 @@ const schema = [
       formId: 'generalLegal',
       redirectMap: legalRedirectMap(),
       valueOverrideMap: legalAllValueOverrideMap,
+      crossSellOptionMap: legalCrossSellOptionMap
     }),
     children: [
       headline({