bhl-forms 0.6.15 → 0.7.1

package/dist/forms/landlordTenant.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
 
@@ -166,6 +249,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;
@@ -203,20 +294,101 @@ const sbsDate = (updates) => {
   return date(updates)
 };
 
-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 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 firstName = (scope) => sbsText({
+  label: 'First Name:',
+  placeholder: 'First',
+  name: scope ? scope + ':' + 'First_Name' : 'First_Name',
+  autocomplete: "given-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: 'First Name is required'
   }
 });
 
+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 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$1 = (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 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 atFault = (scope) => sbsYesNoRadio({
   name: scope ? scope + ':' + 'At_Fault' : 'At_Fault',
   label: 'Were You at Fault?'
@@ -353,20 +525,6 @@ const doctorTreatment = (scope) => sbsYesNoRadio({
   label: 'Have You Recently Been Treated by a Doctor, Hospital or Clinic?',
 });
 
-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 estateLegalServicesNeeded = (scope) => sbsSelect({
   name: scope ? scope + ':' + 'Estate_Legal_Services_Needed' : 'Estate_Legal_Services_Needed',
   label: "Legal Services Needed for Your Estate:",
@@ -380,17 +538,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 haveAttorney$1 = (scope) => sbsYesNoRadio({
   name: scope ? scope + ':' + 'Have_Attorney' : 'Have_Attorney',
   label: 'Already Working with An Attorney?'
@@ -410,17 +557,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 landlordTenantPartyCenter = () => verticalButtonRadio({
   name: 'Landlord_Tenant_Party',
   options: [
@@ -465,69 +601,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 maritalStatus = (scope) => sbsSelect({
@@ -548,24 +622,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:',
@@ -662,25 +718,6 @@ const valueOfAssets = (scope) => sbsSelect({
   ]
 });
 
-const zipcodeCenter = (updates = {}, scope) => text({
-  placeholder: '#####',
-  help: updates.help ?? "We try to match you with local legal help",
-  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'
-  },
-  wrapperClass: 't-flex t-justify-center',
-  messagesClass: 't-flex t-justify-center',
-  inputClass: 't-text-center',
-  helpClass: 't-mt-2.5 !t-text-sm t-text-center'
-});
-
-
 // ------ Question Groups
 
 // NOTE: name must be unique within a form!
@@ -932,13 +969,20 @@ function verticalStepSubHeadline(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',
@@ -962,7 +1006,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 || '')
     }
@@ -972,7 +1016,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 || '')
     }
@@ -1012,10 +1056,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) {
@@ -1035,6 +1085,7 @@ function step(name, inputs, nextOnEnter = true, nextOnInput = false, stepKey = u
           id: name,
           name: name,
           nextStepMap: nextStepMap,
+          triggerRedirectMap: triggerRedirectMap,
           autoFocus: autoFocus,
           children: inputs
         }
@@ -1045,44 +1096,17 @@ function step(name, inputs, nextOnEnter = true, nextOnInput = false, stepKey = u
 
 // Single question step
 function sqstep(name, input, defaultHeadline, updates = {}) {
+  if (typeof updates.nextOnInput === 'undefined') {
+    updates.nextOnInput = true;
+  }
+  
   return step(
     name,
     [
       verticalStepHeadline({ headline: updates.headline ?? defaultHeadline, headlineClass: updates.headlineClass }),
       ...Array.isArray(input) ? input : [input],
     ],
-    updates.nextOnEnter,
-    typeof updates.nextOnInput === 'undefined' ? true : updates.nextOnInput,
-    updates.stepKey,
-    updates.nextStepMap
-  )
-}
-
-function commentsWithBankruptcy(updates = {}) {
-  return step(
-    'commentsWithBankruptcy',
-    [
-      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,
-      }, updates.scope),
-      // TODO: needs scope support
-      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
+    updates
   )
 }
 
@@ -1098,7 +1122,7 @@ function contactInfo(updates = {}) {
       TCPAConsent(updates.scope),
       secureIcon()
     ],
-    false, // nextOnEnter
+    { nextOnEnter: false }
   )
 }
 
@@ -1117,10 +1141,46 @@ function firstAndLastV3(updates = {}, scope) {
       firstName(scope),
       lastName(scope)
     ],
-    updates.nextOnEnter
+    updates
   )
 }
 
+function zipcode(updates = {}) {
+  return sqstep(
+    'zipcode',
+    zipcode$1(updates.scope, true, updates),
+    'Please verify your Zip Code',
+    updates
+  )
+}
+
+function commentsWithBankruptcy(updates = {}) {
+  return step(
+    'commentsWithBankruptcy',
+    [
+      commentsStepHeadlineLegal(updates),
+      comments({
+        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
+      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')
+        ],
+      }
+    ],
+    { nextOnEnter: false }
+  )
+}
 
 function autoAndCarAccidentCrossSellQuestions(updates = {}) {
   return step(
@@ -1138,7 +1198,7 @@ function autoAndCarAccidentCrossSellQuestions(updates = {}) {
         'CrossSell:Auto_and_Car_Accidents'
       )
     ],
-    updates.nextOnEnter
+    updates
   )
 }
 
@@ -1157,7 +1217,7 @@ function childCustodyCrossSellQuestions(updates = {}) {
         'CrossSell:Child_Custody'
       )
     ],
-    updates.nextOnEnter
+    updates
   )
 }
 
@@ -1176,7 +1236,7 @@ function divorceAndSeparationCrossSellQuestions(updates = {}) {
         'CrossSell:Divorce_and_Separation'
       )
     ],
-    updates.nextOnEnter
+    updates
   )
 }
 
@@ -1195,7 +1255,7 @@ function duiAndDWICrossSellQuestions(updates = {}) {
         'CrossSell:DUI_and_DWI'
       )
     ],
-    updates.nextOnEnter
+    updates
   )
 }
 
@@ -1215,7 +1275,7 @@ function ssdiCrossSellQuestions(updates = {}) {
         'CrossSell:Social_Security_Disability_and_Insurance'
       )
     ],
-    updates.nextOnEnter
+    updates
   )
 }
 
@@ -1235,7 +1295,7 @@ function personalInjuryCrossSellQuestions(updates = {}) {
         'CrossSell:Personal_Injury'
       )
     ],
-    updates.nextOnEnter
+    updates
   )
 }
 
@@ -1254,7 +1314,7 @@ function powerOfAttorneyCrossSellQuestions(updates = {}) {
         'CrossSell:Power_of_Attorney'
       )
     ],
-    updates.nextOnEnter
+    updates
   )
 }
 
@@ -1273,7 +1333,7 @@ function willsAndTrustsCrossSellQuestions(updates = {}) {
         'CrossSell:Wills_and_Trusts'
       )
     ],
-    updates.nextOnEnter
+    updates
   )
 }
 
@@ -1293,29 +1353,19 @@ 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'
-  )
-}
-
-function zipcode(updates = {}) {
-  return sqstep(
-    'zipcode',
-    zipcodeCenter(updates, updates.scope),
-    'Please verify your Zip Code',
     updates
   )
 }
@@ -1332,10 +1382,7 @@ function landlordTenantIssueTOLP(updates = {}) {
       },
       landlordTenantIssueRadioCenter(),
     ],
-    updates.nextOnEnter,
-    updates.nextOnInput,
-    updates.stepKey,
-    updates.nextStepMap
+    updates
   )
 }
 
@@ -1505,9 +1552,7 @@ function formProps(updates) {
   return props
 }
 
-const metaDefaults = {
-  tcpaLanguage: TCPA_LANGUAGE
-};
+const metaDefaults = {};
 
 function metaProps(updates) {
   const data = merge(
@@ -1520,7 +1565,7 @@ function metaProps(updates) {
   }
 }
 
-function defaultMetaProps(tolps = null) {
+function defaultMetaPropsLegal(tolps = null) {
   let commentsPlaceholders = TOLPCommentsPlaceholders;
   let finalHeadlines = TOLPFinalHeadlines;
   let finalSubHeadlines = TOLPFinalSubHeadlines;
@@ -1530,12 +1575,13 @@ 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
   })
 }
 
@@ -1822,12 +1868,38 @@ const TOLPFinalSubHeadlines = {
   // 'Non-Workplace Discrimination': '',
 };
 
+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 tolps = [
   'Landlord and Tenant',
   'Not Sure or Other'
 ];
 
-const meta = defaultMetaProps(tolps);
+const meta = defaultMetaPropsLegal(tolps);
 
 meta.data.dynamicSchema = [
   landlordTenantParty(),
@@ -1840,7 +1912,8 @@ meta.data.dynamicSchema = [
   }),
   zipcode(),
   legalCrossSells({
-    headlineClass: '!t-text-dark'
+    headlineClass: '!t-text-dark',
+    nextStepMap: nextStepsMapLegalCrossSells,
   }),
   autoAndCarAccidentCrossSellQuestions(),
   personalInjuryCrossSellQuestions(),
@@ -1864,6 +1937,7 @@ const schema = [
     props: formProps({
       formId: 'landlordTenant',
       redirectMap: legalRedirectMap(),
+      crossSellOptionMap: legalCrossSellOptionMap
     }),
     children: [
       progressBar(),
@@ -1886,16 +1960,18 @@ const schema = [
             nextOnInput: false,
             headlineClass: 't-text-lg',
             nextStepMap: {
-              '*': [
-                'landlordTenantParty',
-                'haveAttorney',
-                'degreeOfInterest',
-                'commentsWithBankruptcy',
-                'zipcode',
-                'legalCrossSells',
-                'firstAndLast',
-                'contactInfo',
-              ]
+              values: {
+                '*': [
+                  'landlordTenantParty',
+                  'haveAttorney',
+                  'degreeOfInterest',
+                  'commentsWithBankruptcy',
+                  'zipcode',
+                  'legalCrossSells',
+                  'firstAndLast',
+                  'contactInfo',
+                ]
+              }
             }
           }),
           dynamicSchemaNode(),