bhl-forms 0.6.9 → 0.6.11

package/dist/forms/mechanics.es.js

@@ -11,8 +11,14 @@ function RedirectUrlComments(domain, vertical, category) {
   return RedirectUrl(domain, vertical, category) + '&Comments=${properties.Comments}'
 }
 
+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 radio = (updates) => {
   if (updates.name && !updates.id) {
@@ -29,6 +35,60 @@ const radio = (updates) => {
   }, updates)
 };
 
+const col2RadioCenter = (updates) => {
+  updates.legendClass = 'required t-w-[100%] t-text-center';
+  if (typeof updates.fieldsetClass === 'undefined') {
+    updates.fieldsetClass = '$reset t-flex t-justify-center';
+  }
+  updates.optionsClass = 't-pl-4 t-pt-3 t-grid t-grid-cols-1 md:t-grid-cols-2';
+  updates.innerClass = 't-items-start';
+  updates.wrapperClass = '$reset t-flex t-cursor-pointer t-mb-3';
+  updates.optionClass = 't-pl-4 md:t-pl-8 md:t-min-w-[200px]';
+  updates.messagesClass = 't-flex t-justify-center';
+  updates.helpClass = 't-mt-0 t-mb-4 !t-text-sm t-text-center';
+  return radio(updates)
+};
+
+const verticalButtonRadio = (updates) => {
+  updates.legendClass = 'legend-left';
+  updates.fieldsetClass = '$reset t-flex t-justify-center t-flex-col-reverse t-items-center';
+  if (typeof updates.optionsClass === 'undefined') {
+    updates.optionsClass = 't-flex t-flex-col sm:t-flex-row t-justify-center t-my-3';
+  }
+  updates.optionClass = 'radiobtn t-my-2 sm:t-my-0 t-mx-2 md:t-mx-5';
+  updates.wrapperClass = '$reset formkit-wrapper t-mb-0 t-flex t-items-center t-h-[100%]';
+  updates.labelClass = 't-font-semibold t-text-[#1e448f] t-w-[100%]';
+  updates.decoratorIcon = false;
+  updates.messagesClass = 't-flex t-justify-center';
+  updates.helpClass = 't-mt-2.5 !t-text-sm t-text-center';
+  return radio(updates)
+};
+
+const verticalYesNoRadio = (updates) => {
+  updates.options = ['Yes', 'No'];
+  updates.optionsClass = 't-flex t-justify-center t-my-3';
+  return verticalButtonRadio(updates)
+};
+
+const text = (updates) => {
+  if (updates.name && !updates.id) {
+    updates.id = updates.name;
+  }
+  return merge({
+    $formkit: 'text',
+    validation: 'required',
+    validationMessages: {
+      required: 'Field is required'
+    },
+    labelClass: 'required'
+  }, updates)
+};
+
+const sbsText = (updates) => {
+  updates.wrapperClass = 'side-by-side t-items-center';
+  return text(updates)
+};
+
 const textArea = (updates) => {
   if (updates.name && !updates.id) {
     updates.id = updates.name;
@@ -46,6 +106,42 @@ const textArea = (updates) => {
   }, updates)
 };
 
+const date = (updates) => {
+  if (updates.name && !updates.id) {
+    updates.id = updates.name;
+  }
+  return merge({
+    $formkit: 'DatePicker',
+    validation: 'required',
+    validationMessages: {
+      required: 'Field is required'
+    },
+    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 verticalDate = (updates) => {
+  updates.wrapperClass = 't-flex t-justify-center';
+  updates.inputClass = 't-text-center';
+  updates.messagesClass = 't-flex t-justify-center';
+  return date(updates)
+};
+
+
+const autoDamageFromAccident$1 = (scope) => verticalYesNoRadio({
+  name: scope ? scope + ':' + 'Auto_Damage_From_Accident' : 'Auto_Damage_From_Accident',
+});
+
+const wouldLikeMVAConsultation$1 = (scope) => verticalYesNoRadio({
+  name: scope ? scope + ':' + 'Would_Like_MVA_Consultation' : 'Would_Like_MVA_Consultation',
+  help: "Note: we'll still connect you for a mechanic either way.",
+});
+
+const atFaultCenter = (scope) => verticalYesNoRadio({
+  name: scope ? scope + ':' + 'At_Fault' : 'At_Fault',
+});
+
 const comments = (updates, scope) => textArea(
   merge({
     name: scope ? scope + ':' + 'Comments' : 'Comments',
@@ -54,19 +150,136 @@ const comments = (updates, scope) => textArea(
   }, updates)
 );
 
+const doctorTreatmentCenter = (scope) => verticalYesNoRadio({
+  name: scope ? scope + ':' + 'Doctor_Treatment' : 'Doctor_Treatment',
+});
+
+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({
+  $formkit: 'text',
+  label: 'First Name:',
+  placeholder: 'First',
+  name: scope ? scope + ':' + 'First_Name' : 'First_Name',
+  autocomplete: "given-name",
+  validationMessages: {
+    required: 'First Name is required'
+  }
+});
+
+const haveAttorneyCenter = (scope) => verticalYesNoRadio({
+  name: scope ? scope + ':' + 'Have_Attorney' : 'Have_Attorney',
+});
+
+const incidentDateCenter = (scope) => verticalDate({
+  name: scope ? scope + ':' + 'Incident_Date' : 'Incident_Date',
+});
+
+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 mechanicsCrossSells = () => radio({
   id: 'Mechanics_CrossSells',
   name: 'Mechanics_CrossSells',
-  label: 'Click all that apply (optional):',
+  // label: 'Click all that apply (optional):',
   fieldsetClass: '$reset',
   wrapperClass: 't-mb-2',
   optionsClass: 't-pt-3',
   legendClass: '',
   validation: null,
   options: {
-    // 'Auto and Car Accidents': "I've been in a car accident",
-    'Auto Insurance': "I'd like to save on my car insurance"
+    // 'Auto and Car Accidents': "I was involved in a car accident",
+    'Auto Insurance': "I'd like to save on my auto insurance (optional)"
+  },
+});
+
+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 primaryInjuryCenter = (scope) => col2RadioCenter({
+  name: scope ? scope + ':' + 'Primary_Injury' : 'Primary_Injury',
+  options: [
+    "Anxiety",
+    "Back or Neck Pain",
+    "Broken Bones",
+    "Cuts and Bruises",
+    "Headaches",
+    "Memory Loss",
+    "Loss of Limb",
+    "Not Sure or Other"
+  ]
+});
+
+const policeReportFiledCenter = (scope) => verticalYesNoRadio({
+  name: scope ? scope + ':' + 'Police_Report_Filed' : 'Police_Report_Filed',
+});
+
+const TCPAConsent = (scope) => ({
+  $formkit: 'checkbox',
+  label: '$meta.tcpaLanguage',
+  name: scope ? scope + ':' + 'TCPA_Opt_In' : 'TCPA_Opt_In',
+  'data-tf-sensitive': 'false',
+  validation: 'required|accepted',
+  validationMessages: {
+    required: 'Consent is required',
+    accepted: 'Consent is required'
+  },
+  classes: {
+    label: "t-text-xs t-text-slate-500 t-font-normal"
+  }
+});
+
+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'
 });
 
 const NEXT_ON_ENTER = '$onEnter($setNextStep($fireStepEvent($get(form)), $preStepFunc($get(form))))';
@@ -94,6 +307,127 @@ 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 verticalStepHeadline(updates) {
+  return {
+    $el: 'h3',
+    children: updates.headline || 'Tell Us About Your Situation',
+    attrs: {
+      class: 't-flex t-justify-center t-text-center t-text-2xl t-font-bold t-text-dark t-pb-5 t-pt-0 t-px-1' + ' ' + (updates.headlineClass || '')
+    }
+  }
+}
+
+function verticalStepSubHeadline(updates) {
+  return {
+    $el: 'h5',
+    children: updates.subheadline || '',
+    attrs: {
+      class: 't-flex t-justify-center t-text-center !t-text-lg t-font-normal t-text-dark t-pb-5 t-pt-0 t-px-1' + ' ' + (updates.subheadlineClass || '')
+    }
+  }
+}
+
+function commentsStepHeadline(updates) {
+  return {
+    $el: 'h3',
+    children: updates.headline || 'Additional Case 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 firstAndLastStepHeadline(updates) {
+  return {
+    $el: 'h3',
+    children: updates.headline || 'Please Provide a Contact Name',
+    attrs: {
+      class: 't-flex t-justify-center t-text-center t-text-2xl t-font-bold t-text-blue-500 t-pb-5 t-pt-0 t-px-1' + ' ' + (updates.headlineClass || '')
+    }
+  }
+}
+
+function contactStepHeadline(updates) {
+  return {
+    $el: 'h3',
+    children: updates.headline || DEFAULT_FINAL_HEADLINE_DYNAMIC,
+    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 || '')
+    }
+  }
+}
+
+function contactStepSubHeadline(updates) {
+  return {
+    $el: 'h5',
+    children: updates.subheadline || DEFAULT_FINAL_SUBHEADLINE_DYNAMIC,
+    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 || '')
+    }
+  }
+}
+
+const TRUSTED_FORM_JS = `(function() {
+  if (window.xxTrustedFormLoaded) {
+    return
+  }
+  var vid = '';
+  if (typeof window.zar !== 'undefined') {
+    vid = window.zar.getVID();
+  }
+  window.xxTrustedFormLoaded = true;
+  var sandbox = document.location.hostname.indexOf('localhost') > -1 ? 'true' : 'false'
+  var tf = document.createElement('script');
+  tf.type = 'text/javascript'; tf.async = true;
+  tf.src = ("https:" == document.location.protocol ? 'https' : 'http') + "://api.trustedform.com/trustedform.js?field=xxTrustedFormCertUrl&identifier=" + vid + "&ping_field=xxTrustedFormPingUrl&provideReferrer=false&invert_field_sensitivity=true&sandbox=" + sandbox + "&l=" + new Date().getTime() + Math.random();
+  var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(tf, s);
+})();`;
+
+function trustedFormScript() {
+  return {
+    $el: 'script',
+    if: '$activeStep === $lastStep()',
+    children: TRUSTED_FORM_JS
+  }
+}
+
 const stepDefaults = (step, stepKey) => ({
   $el: 'section',
   if: '$stepEnabled("' + step + '")',
@@ -134,12 +468,83 @@ function step(name, inputs, nextOnEnter = true, nextOnInput = false, stepKey = u
   )
 }
 
+// Single question step
+function sqstep(name, input, defaultHeadline, updates = {}) {
+  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 autoDamageFromAccident(updates = {}) {
+  return step(
+    'autoDamageFromAccident',
+    [
+      autoDamageFromAccident$1(updates.scope),
+    ],
+    updates.nextOnEnter,
+    updates.nextOnInput,
+    updates.stepKey,
+    updates.nextStepMap
+  )
+}
+
+function wouldLikeMVAConsultation(updates = {}) {
+  return step(
+    'wouldLikeMVAConsultation',
+    [
+      verticalStepHeadline({
+        headline: updates.headline ?? 'Would you like a free accident consultation?',
+      }),
+      {
+        $formkit: 'hidden',
+        name: "CrossSell:Auto_and_Car_Accidents:Type_Of_Legal_Problem",
+        id: "CrossSell:Auto_and_Car_Accidents:Type_Of_Legal_Problem",
+        value: "Auto and Car Accidents"
+      },
+      {
+        $formkit: 'hidden',
+        name: "CrossSell:Auto_and_Car_Accidents:vertical",
+        value: "Legal"
+      },
+      wouldLikeMVAConsultation$1(),
+    ],
+    updates.nextOnEnter,
+    updates.nextOnInput,
+    updates.stepKey,
+    updates.nextStepMap
+  )
+}
+
+function commentsHeadline(updates = {}) {
+  return step(
+    'comments',
+    [
+      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),
+    ],
+    false // nextOnEnter
+  )
+}
+
 function commentsMechanics(updates = {}) {
   return step(
     'commentsMechanics',
     [
+      commentsStepHeadline(updates),
       comments({
-        label: updates.label || DEFAULT_COMMENTS_LABEL,
+        label: typeof updates.label === 'undefined' ? DEFAULT_COMMENTS_LABEL : updates.label,
         placeholder: updates.placeholder || DEFAULT_COMMENTS_PLACEHOLDER_DYNAMIC,
         inputClass: '!t-h-20',
       }),
@@ -149,30 +554,151 @@ function commentsMechanics(updates = {}) {
   )
 }
 
-function formNavigationOnlySubmit(updates = {}) {
-  return {
-    $el: 'div',
-    attrs: {
-      class: 'step-nav'
+function contactInfo(updates = {}) {
+  return step(
+    'contactInfo',
+    [
+      contactStepHeadline(updates),
+      contactStepSubHeadline(updates),
+      trustedFormScript(),
+      email(updates.scope),
+      phone(updates.scope),
+      TCPAConsent(updates.scope),
+      secureIcon()
+    ],
+    false, // nextOnEnter
+  )
+}
+
+function firstAndLastV3(updates = {}, scope) {
+  return step(
+    'firstAndLast',
+    [
+      firstAndLastStepHeadline({
+        headline: updates.headline ?? 'Who is looking for help?',
+        headlineClass: updates.headlineClass
+      }),
+      verticalStepSubHeadline({
+        subheadline: updates.subheadline ?? 'Note: we never share info without consent',
+        subheadlineClass: '!t-text-sm !t-text-gray-500'
+      }),
+      firstName(scope),
+      lastName(scope)
+    ],
+    updates.nextOnEnter
+  )
+}
+
+function zipcode(updates = {}) {
+  return sqstep(
+    'zipcode',
+    zipcodeCenter(updates, updates.scope),
+    'Please verify your Zip Code',
+    updates
+  )
+}
+
+function haveAttorney(updates = {}) {
+  return sqstep(
+    'haveAttorney',
+    haveAttorneyCenter(updates.scope),
+    'Already working with an attorney?',
+    updates
+  )
+}
+
+function incidentDate(updates = {}) {
+  return sqstep(
+    'incidentDate',
+    incidentDateCenter(updates.scope),
+    'When did the incident occur?',
+    updates
+  )
+}
+
+function doctorTreatment(updates = {}) {
+  return sqstep(
+    'doctorTreatment',
+    doctorTreatmentCenter(updates.scope),
+    'Have you seen a doctor about this?',
+    updates
+  )
+}
+
+function atFault(updates = {}) {
+  return sqstep(
+    'atFault',
+    atFaultCenter(updates.scope),
+    'Were you at fault?',
+    updates
+  )
+}
+
+function primaryInjury(updates = {}) {
+  return sqstep(
+    'primaryInjury',
+    primaryInjuryCenter(updates.scope),
+    'What was the primary injury?',
+    updates
+  )
+}
+
+function policeReportFiled(updates = {}) {
+  return sqstep(
+    'policeReportFiled',
+    policeReportFiledCenter(updates.scope),
+    'Was a police report filed?',
+    updates
+  )
+}
+
+const formNavigation = (updates = {}) => ({
+  $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;'
+      }
     },
-    children: [
-      {
-        $formkit: 'button',
-        name: 'hidden_button',
-        children: 'Hidden',
-        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'
       },
-      {
-        $formkit: 'submit',
-        name: 'submit_button',
-        label: updates.submitLabel || 'Chat Now'
+      outerClass: {
+        if: '$activeStep === $lastStep()',
+        then: 't-hidden',
+        else: ''
+      },
+      style: {
+        if: '$activeStep === $lastStep()',
+        then: 'display: none;'
       }
-    ]
-  }
-}
+    },
+    {
+      $formkit: 'submit',
+      name: 'submit_button',
+      label: updates.submitLabel || 'Submit',
+      if: '$activeStep === $lastStep()',
+      style: {
+        if: '$activeStep !== $lastStep()',
+        then: 'display: none;'
+      }
+    }
+  ]
+});
 
 const formDetails = () => ({
   $el: 'pre',
@@ -242,6 +768,12 @@ const formPropDefaults = {
   formClass: '!t-max-w-[40rem]'
 };
 
+function filterMapByKey(obj, keyList) {
+  return Object.fromEntries(
+    Object.entries(obj).filter(([key]) => keyList.includes(key))
+  );
+}
+
 // export function filteredNextStepsMapLegal(keyList) {
 //   const res = { Type_Of_Legal_Problem: filterMapByKey(nextStepsMapGeneralLegal["Type_Of_Legal_Problem"], keyList) }
 //   res["*"] = nextStepsMapGeneralLegal["*"]
@@ -259,6 +791,51 @@ function formProps(updates) {
   return props
 }
 
+const metaDefaults = {
+  tcpaLanguage: TCPA_LANGUAGE
+};
+
+function metaProps(updates) {
+  const data = merge(
+    metaDefaults,
+    updates
+  );
+  return {
+    type: 'meta',
+    data
+  }
+}
+
+function defaultMetaProps(tolps = null) {
+  let commentsPlaceholders = TOLPCommentsPlaceholders;
+  let finalHeadlines = TOLPFinalHeadlines;
+  let finalSubHeadlines = TOLPFinalSubHeadlines;
+  if (tolps) {
+    commentsPlaceholders = filterMapByKey(TOLPCommentsPlaceholders, tolps);
+    finalHeadlines = filterMapByKey(TOLPFinalHeadlines, tolps);
+    finalSubHeadlines = filterMapByKey(TOLPFinalSubHeadlines, tolps);
+  }
+  return metaProps({
+    defaultCommentsPlaceholder: DEFAULT_COMMENTS_PLACEHOLDER_DYNAMIC,
+    commentsPlaceholders: commentsPlaceholders,
+    defaultFinalHeadline: DEFAULT_FINAL_HEADLINE,
+    finalHeadlines: finalHeadlines,
+    defaultFinalSubHeadline: DEFAULT_FINAL_SUBHEADLINE,
+    finalSubHeadlines: finalSubHeadlines,
+  })
+}
+
+function dynamicSchemaNode(field = 'Type_Of_Legal_Problem') {
+  return {
+    $cmp: 'FormKitSchema',
+    if: '$get(' + field + ').value',
+    props: {
+      schema: '$meta.dynamicSchema',
+      data: '$buildData($meta)'
+    }
+  }
+}
+
 const formAnchorDefaults = {
   $el: 'div',
   children: [
@@ -339,10 +916,184 @@ const hiddenInputsMechanics = [
     name: "vertical",
     value: "AutoRepair"
   },
+  {
+    $formkit: 'hidden',
+    name: "Category",
+    id: "Category",
+    value: "Mechanics"
+  },
   ...hiddenInputsBase
 ];
 
+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': '',
+};
+
+const tolps = [
+  'Auto and Car Accidents',
+];
+
+const meta = defaultMetaProps(tolps);
+
+// All of the dynamic MVA questions get scoped
+const scope = 'CrossSell:Auto_and_Car_Accidents';
+
+meta.data.dynamicSchema = [
+  incidentDate({
+    scope,
+    nextOnInput: false
+  }),
+  atFault({
+    scope,
+  }),
+  primaryInjury({
+    scope,
+  }),
+  doctorTreatment({
+    scope,
+  }),
+  policeReportFiled({
+    scope,
+  }),
+  haveAttorney({
+    scope,
+  }),
+  commentsHeadline({
+    scope,
+    label: null,
+    placeholder: 'Example: "A truck crashed into my car on the highway" or "I\'ve been involved in a hit and run accident"',
+    headline: 'Please briefly describe the accident:',
+    headlineClass: '!t-text-dark',
+  }),
+  zipcode({
+    scope,
+    help: 'We try to match you with local help'
+  }),
+  firstAndLastV3({
+    scope,
+    headlineClass: '!t-text-dark'
+  }),
+  contactInfo({
+    scope,
+    headline: 'Connect Now - Final Step',
+    subheadline: "After submitting you'll be connected for your mechanic chat and get contacted for a free accident consultation.",
+  }),
+];
+
 const schema = [
+  meta,
   formAnchor(),
   {
     $cmp: 'FormKit',
@@ -350,37 +1101,77 @@ const schema = [
       formId: 'mechanics',
       popUnderMap: {
         'properties.Mechanics_CrossSells': {
-          // 'Auto and Car Accidents': '/legal?Type_Of_Legal_Problem=Auto+and+Car+Accidents&hl=You+May+Deserve+Compensation',
           'Auto Insurance': RedirectUrl("answers-now.com", 'Insurance', "Auto Insurance"),
         }
       },
       redirectMap: {
         '*': RedirectUrlComments('answers-now.com', 'AutoRepair', 'Mechanics')
       },
-      formClass: '!t-max-w-[36rem]'
+      formClass: '!t-max-w-[38rem]'
     }),
     children: [
+      // forms.progressBar(),
       headline({
-        children: '$urlParam("hl", "Have Questions for a Mechanic?")',
+        children: '$urlParam("hl", "Chat With a Mechanic Online")',
         if: '$activeStep === $firstStep()'
       }),
       subHeadline({
-        children: '$urlParam("shl", "Get Answers Within Minutes!")',
-        if: '$activeStep === $firstStep()'
+        children: '$urlParam("shl", "Is the issue due to an auto accident?")',
+        if: '$activeStep === $firstStep()',
+        subheadlineClass: '!t-text-dark'
       }),
       ...hiddenInputsMechanics,
+      {
+        $formkit: 'hidden',
+        name: "CrossSell:Auto_and_Car_Accidents:TCPA_Language",
+        value: "$meta.tcpaLanguage"
+      },
       {
         $el: 'div',
         attrs: {
           class: 'form-body'
         },
         children: [
+          autoDamageFromAccident({
+            nextOnInput: false,
+            nextStepMap: {
+              'Auto_Damage_From_Accident': {
+                'Yes': ['wouldLikeMVAConsultation', 'commentsMechanics'],
+                'No': ['commentsMechanics'],
+              },
+              '*': ["commentsMechanics"]
+            }
+          }),
+          wouldLikeMVAConsultation({
+            nextOnInput: true,
+            nextStepMap: {
+              'Would_Like_MVA_Consultation': {
+                'Yes': [
+                  'incidentDate',
+                  'atFault',
+                  'primaryInjury',
+                  'doctorTreatment',
+                  'policeReportFiled',
+                  'haveAttorney',
+                  'comments',
+                  'zipcode',
+                  'firstAndLast',
+                  'contactInfo',
+                ],
+                'No': ['commentsMechanics'],
+              },
+              '*': ["commentsMechanics"]
+            }
+          }),
+          dynamicSchemaNode('Auto_Damage_From_Accident'),
           commentsMechanics({
-            label: 'Please briefly describe your issue:',
+            headline: 'Last Step: Describe your vehicle issue',
+            headlineClass: '!t-text-dark',
+            label: null,
             placeholder: 'Example: "I\'m having transmission trouble", or "My car won\'t start"',
-            nextOnEnter: false
+            nextOnEnter: false,
           }),
-          formNavigationOnlySubmit({
+          formNavigation({
             submitLabel: 'Chat Now'
           }),
           formDetails()