bhl-forms 0.6.15 → 0.7.1

package/dist/forms/harassmentAndDiscrimination.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
 
@@ -140,6 +223,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;
@@ -177,20 +268,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: 'Applicant Age is required',
-    min: 'Invalid Age - must be between 18 and 65',
-    max: 'Invalid Age - must be between 18 and 65',
+    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: '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 = (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?'
@@ -315,20 +487,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 employerType = () => sbsSelect({
   label: 'The Employer Is a:',
   name: 'Employer_Type',
@@ -361,18 +519,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 harassmentAndDiscriminationTOLP = () => col2Radio({
   label: 'Type of Help Needed:',
   name: 'Type_Of_Legal_Problem',
@@ -402,17 +548,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 lawyerPaymentMethod = (scope) => sbsSelect({
   name: scope ? scope + ':' + 'Lawyer_Payment_Method' : 'Lawyer_Payment_Method',
   label: 'How Will You Pay for Legal Fees if You Hire a Lawyer?',
@@ -433,69 +568,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({
@@ -531,24 +604,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:',
@@ -645,21 +700,6 @@ const valueOfAssets = (scope) => sbsSelect({
   ]
 });
 
-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!
@@ -969,13 +1009,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',
@@ -999,7 +1046,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 || '')
     }
@@ -1009,7 +1056,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 || '')
     }
@@ -1049,10 +1096,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) {
@@ -1072,6 +1125,7 @@ function step(name, inputs, nextOnEnter = true, nextOnInput = false, stepKey = u
           id: name,
           name: name,
           nextStepMap: nextStepMap,
+          triggerRedirectMap: triggerRedirectMap,
           autoFocus: autoFocus,
           children: inputs
         }
@@ -1080,34 +1134,6 @@ function step(name, inputs, nextOnEnter = true, nextOnInput = false, stepKey = u
   )
 }
 
-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
-  )
-}
-
 function contactInfo(updates = {}) {
   return step(
     'contactInfo',
@@ -1120,7 +1146,7 @@ function contactInfo(updates = {}) {
       TCPAConsent(updates.scope),
       secureIcon()
     ],
-    false, // nextOnEnter
+    { nextOnEnter: false }
   )
 }
 
@@ -1132,10 +1158,37 @@ function firstAndLastV2(updates = {}) {
       firstName(),
       lastName()
     ],
-    updates.nextOnEnter
+    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(
@@ -1153,7 +1206,7 @@ function autoAndCarAccidentCrossSellQuestions(updates = {}) {
         'CrossSell:Auto_and_Car_Accidents'
       )
     ],
-    updates.nextOnEnter
+    updates
   )
 }
 
@@ -1172,7 +1225,7 @@ function childCustodyCrossSellQuestions(updates = {}) {
         'CrossSell:Child_Custody'
       )
     ],
-    updates.nextOnEnter
+    updates
   )
 }
 
@@ -1191,7 +1244,7 @@ function divorceAndSeparationCrossSellQuestions(updates = {}) {
         'CrossSell:Divorce_and_Separation'
       )
     ],
-    updates.nextOnEnter
+    updates
   )
 }
 
@@ -1210,7 +1263,7 @@ function duiAndDWICrossSellQuestions(updates = {}) {
         'CrossSell:DUI_and_DWI'
       )
     ],
-    updates.nextOnEnter
+    updates
   )
 }
 
@@ -1230,7 +1283,7 @@ function ssdiCrossSellQuestions(updates = {}) {
         'CrossSell:Social_Security_Disability_and_Insurance'
       )
     ],
-    updates.nextOnEnter
+    updates
   )
 }
 
@@ -1250,7 +1303,7 @@ function personalInjuryCrossSellQuestions(updates = {}) {
         'CrossSell:Personal_Injury'
       )
     ],
-    updates.nextOnEnter
+    updates
   )
 }
 
@@ -1269,7 +1322,7 @@ function powerOfAttorneyCrossSellQuestions(updates = {}) {
         'CrossSell:Power_of_Attorney'
       )
     ],
-    updates.nextOnEnter
+    updates
   )
 }
 
@@ -1288,7 +1341,7 @@ function willsAndTrustsCrossSellQuestions(updates = {}) {
         'CrossSell:Wills_and_Trusts'
       )
     ],
-    updates.nextOnEnter
+    updates
   )
 }
 
@@ -1308,7 +1361,7 @@ function workersCompensationCrossSellQuestions(updates = {}) {
         'CrossSell:Workers_Compensation'
       )
     ],
-    updates.nextOnEnter
+    updates
   )
 }
 
@@ -1319,10 +1372,7 @@ function harassmentAndDiscriminationTOLPAndZip(updates = {}) {
       harassmentAndDiscriminationTOLP(),
       zipcode()
     ],
-    updates.nextOnEnter,
-    updates.nextOnInput,
-    updates.stepKey,
-    updates.nextStepMap
+    updates
   )
 }
 
@@ -1338,21 +1388,20 @@ function harassmentAndDiscriminationTOLPQuestions(updates = {}) {
       NonWorkplaceDiscriminationQuestions(),
       NotSureOrOtherQuestions()
     ],
-    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
   )
 }
 
@@ -1495,9 +1544,7 @@ function formProps(updates) {
   return props
 }
 
-const metaDefaults = {
-  tcpaLanguage: TCPA_LANGUAGE
-};
+const metaDefaults = {};
 
 function metaProps(updates) {
   const data = merge(
@@ -1510,7 +1557,7 @@ function metaProps(updates) {
   }
 }
 
-function defaultMetaProps(tolps = null) {
+function defaultMetaPropsLegal(tolps = null) {
   let commentsPlaceholders = TOLPCommentsPlaceholders;
   let finalHeadlines = TOLPFinalHeadlines;
   let finalSubHeadlines = TOLPFinalSubHeadlines;
@@ -1520,12 +1567,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
   })
 }
 
@@ -1770,23 +1818,53 @@ 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 meta = defaultMetaProps();
+const legalCrossSellOptionMap = CROSS_SELL_OPTION_MAP_LEGAL;
+
+const meta = defaultMetaPropsLegal();
 
 meta.data.dynamicSchema = [
   harassmentAndDiscriminationTOLPQuestions(),
   commentsWithBankruptcy(),
-  legalCrossSells(),
+  legalCrossSells({
+    headlineClass: '!t-text-dark',
+    nextStepMap: nextStepsMapLegalCrossSells,
+  }),
   autoAndCarAccidentCrossSellQuestions(),
   personalInjuryCrossSellQuestions(),
   workersCompensationCrossSellQuestions(),
@@ -1807,6 +1885,7 @@ const schema = [
     props: formProps({
       formId: 'harassmentAndDiscrimination',
       redirectMap: legalRedirectMap(),
+      crossSellOptionMap: legalCrossSellOptionMap
     }),
     children: [
       defaultHeadline(),