bhl-forms 0.7.3 → 0.7.5

package/dist/forms/mechanics.es.js

@@ -11,63 +11,96 @@ function RedirectUrlComments(domain, vertical, category) {
   return RedirectUrl(domain, vertical, category) + '&Comments=${properties.Comments}'
 }
 
-const DEFAULT_COMMENTS_LABEL = 'Please briefly describe your issue in a few words:';
-const DEFAULT_COMMENTS_PLACEHOLDER_DYNAMIC = '$getKey($meta, "commentsPlaceholders." + $get(Category).value, $meta.defaultCommentsPlaceholder)';
-
-const DEFAULT_COMMENTS_PLACEHOLDER_DYNAMIC_LEGAL = '$getKey($meta, "commentsPlaceholders." + $get(Type_Of_Legal_Problem).value, $meta.defaultCommentsPlaceholder)';
-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 DEFAULT_COMMENTS_LABEL = "Please briefly describe your issue in a few words:";
+const DEFAULT_COMMENTS_PLACEHOLDER_DYNAMIC =
+  '$getKey($meta, "commentsPlaceholders." + $get(Category).value, $meta.defaultCommentsPlaceholder)';
+
+const DEFAULT_COMMENTS_PLACEHOLDER_DYNAMIC_LEGAL =
+  '$getKey($meta, "commentsPlaceholders." + $get(Type_Of_Legal_Problem).value, $meta.defaultCommentsPlaceholder)';
+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 radio = (updates) => {
   if (updates.name && !updates.id) {
     updates.id = updates.name;
   }
-  return merge({
-    $formkit: 'radio',
-    validation: 'required',
-    validationMessages: {
-      required: 'Field is required'
+  return merge(
+    {
+      $formkit: "radio",
+      validation: "required",
+      validationMessages: {
+        required: "Field is required",
+      },
+      optionsClass: "t-pt-3 t-pl-1",
+      legendClass: "required",
     },
-    optionsClass: 't-pt-3 t-pl-1',
-    legendClass: 'required'
-  }, updates)
+    updates
+  )
 };
 
+// TODO: rename
 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.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';
+  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.optionsClass = "t-pl-4 t-pt-3 t-grid t-grid-cols-1 md:t-grid-cols-2";
+  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 sbs2ColRadio = (updates) => {
+  updates.legendClass = "legend-left-flex md:t-max-w-[40%] required";
+  updates.fieldsetClass = "$reset side-by-side-flex";
+  updates.optionsClass = "md:t-ml-4 md:t-mt-2 t-grid t-grid-cols-1 md:t-grid-cols-2-125";
+  updates.innerClass = "t-flex t-items-start";
+  updates.wrapperClass = "$reset t-flex t-cursor-pointer t-mb-3";
+  return radio(updates)
+};
+
+const sbs2ItemRadio = (updates) => {
+  updates.legendClass = "legend-left t-pb-1 required";
+  updates.fieldsetClass = "$reset side-by-side t-items-center";
+  updates.optionsClass = "t-mt-1 t-grid t-grid-cols-1 md:t-grid-cols-2-125 t-items-center";
+  updates.innerClass = "t-flex t-items-center";
+  updates.optionClass = "t-pr-1";
+  return radio(updates)
+};
+
+const sbsYesNoRadio = (updates) => {
+  updates.options = ["Yes", "No"];
+  return sbs2ItemRadio(updates)
+};
+
 const 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.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.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';
+  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';
+  updates.options = ["Yes", "No"];
+  updates.optionsClass = "t-flex t-justify-center t-my-3";
   return verticalButtonRadio(updates)
 };
 
@@ -75,26 +108,29 @@ const text = (updates) => {
   if (updates.name && !updates.id) {
     updates.id = updates.name;
   }
-  return merge({
-    $formkit: 'text',
-    validation: 'required',
-    validationMessages: {
-      required: 'Field is required'
+  return merge(
+    {
+      $formkit: "text",
+      validation: "required",
+      validationMessages: {
+        required: "Field is required",
+      },
+      labelClass: "required",
     },
-    labelClass: 'required'
-  }, updates)
+    updates
+  )
 };
 
 const sbsText = (updates) => {
-  updates.wrapperClass = 'side-by-side t-items-center';
+  updates.wrapperClass = "side-by-side t-items-center";
   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';
+  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)
 };
 
@@ -102,208 +138,331 @@ const textArea = (updates) => {
   if (updates.name && !updates.id) {
     updates.id = updates.name;
   }
-  return merge({
-    $formkit: 'textarea',
-    rows: 5,
-    maxlength: 500,
-    validation: 'required',
-    validationMessages: {
-      required: 'Field is required'
+  return merge(
+    {
+      $formkit: "textarea",
+      rows: 5,
+      maxlength: 500,
+      validation: "required",
+      validationMessages: {
+        required: "Field is required",
+      },
+      innerClass: "t-max-w-xl",
+      labelClass: "required",
     },
-    innerClass: 't-max-w-xl',
-    labelClass: 'required'
-  }, 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'
+  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",
     },
-    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)
+    updates
+  )
 };
 
-const verticalDate = (updates) => {
-  updates.wrapperClass = 't-flex t-justify-center';
-  updates.inputClass = 't-text-center';
-  updates.messagesClass = 't-flex t-justify-center';
+const sbsDate = (updates) => {
+  updates.wrapperClass = "side-by-side t-items-center";
   return date(updates)
 };
 
-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 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 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 email = (scope, vertical, updates = {}) => {
+  const func = vertical ? verticalText : sbsText;
+  const label = vertical ? updates.label : "Email Address:";
+  return func({
+    $formkit: "email",
+    name: scope ? scope + ":" + "Email" : "Email",
+    label,
+    placeholder: "email@domain.com",
+    autocomplete: "email",
+    "data-tf-sensitive": "false",
+    validation: "required|email",
+    validationMessages: {
+      required: "Email is required",
+      email: "Invalid Email",
+    },
+    ...updates,
+  })
+};
 
-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 firstName = (scope, vertical, updates = {}) => {
+  const func = vertical ? verticalText : sbsText;
+  const label = vertical ? updates.label : "First Name:";
+  return func({
+    label,
+    placeholder: "First",
+    name: scope ? scope + ":" + "First_Name" : "First_Name",
+    autocomplete: "given-name",
+    validationMessages: {
+      required: "First Name is required",
+    },
+    ...updates,
+  })
+};
 
-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 lastName = (scope, vertical, updates = {}) => {
+  const func = vertical ? verticalText : sbsText;
+  const label = vertical ? updates.label : "Last Name:";
+  return func({
+    label,
+    placeholder: "Last",
+    name: scope ? scope + ":" + "Last_Name" : "Last_Name",
+    autocomplete: "family-name",
+    validationMessages: {
+      required: "Last Name is required",
+    },
+    ...updates,
+  })
+};
 
+const phone = (scope, vertical, updates = {}) => {
+  const func = vertical ? verticalText : sbsText;
+  const label = vertical ? updates.label : "Phone Number:";
+  return func({
+    $formkit: "tel",
+    name: scope ? scope + ":" + "Primary_Phone" : "Primary_Phone",
+    label,
+    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: "Phone Number 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]",
+    ...updates,
+  })
+};
 
 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;  
+  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',
+    placeholder: "#####",
+    name: scope ? scope + ":" + "Zip" : "Zip",
     maxlength: 5,
     inputmode: "numeric",
-    autocomplete: 'postal-code',
-    validation: 'required|matches:/^[0-9]{5}$/',
+    autocomplete: "postal-code",
+    validation: "required|matches:/^[0-9]{5}$/",
     validationMessages: {
-      required: 'Zip Code is required',
-      matches: 'Invalid Zip Code'
+      required: "Zip Code is required",
+      matches: "Invalid Zip Code",
     },
-    ...updates
+    ...updates,
   })
 };
 
+const autoDamageFromAccident$1 = (scope, vertical, updates = {}) => {
+  const func = vertical ? verticalYesNoRadio : sbsYesNoRadio;
+  const label = vertical ? updates.label : "Auto Damage from Accident?";
+  return func(
+    merge(
+      {
+        label,
+        name: scope ? scope + ":" + "Auto_Damage_From_Accident" : "Auto_Damage_From_Accident",
+      },
+      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.",
-});
+const wouldLikeMVAConsultation$1 = (scope, vertical, updates = {}) => {
+  const func = vertical ? verticalYesNoRadio : sbsYesNoRadio;
+  const label = vertical ? updates.label : "Would You Like a Free MVA Consultation?";
+  return func(
+    merge(
+      {
+        label,
+        name: scope ? scope + ":" + "Would_Like_MVA_Consultation" : "Would_Like_MVA_Consultation",
+        help: "Note: we'll still connect you for a mechanic.",
+      },
+      updates
+    )
+  )
+};
 
-const atFaultCenter = (scope) => verticalYesNoRadio({
-  name: scope ? scope + ':' + 'At_Fault' : 'At_Fault',
-});
+const atFault$1 = (scope, vertical, updates = {}) => {
+  const func = vertical ? verticalYesNoRadio : sbsYesNoRadio;
+  const label = vertical ? updates.label : "Were You at Fault?";
+  return func(
+    merge(
+      {
+        label,
+        name: scope ? scope + ":" + "At_Fault" : "At_Fault",
+      },
+      updates
+    )
+  )
+};
 
-const comments = (updates, scope) => textArea(
-  merge({
-    name: scope ? scope + ':' + 'Comments' : 'Comments',
-    label: 'Please briefly describe your situation in a few words:',
-    placeholder: 'For Example: "I would like help with child support payments" or "I need help with visitation rights"'
-  }, updates)
-);
+// TODO: vertical not supported yet
+const comments = (scope, vertical, updates) =>
+  textArea(
+    merge(
+      {
+        name: scope ? scope + ":" + "Comments" : "Comments",
+        label: "Please briefly describe your situation in a few words:",
+        placeholder:
+          'For Example: "I would like help with child support payments" or "I need help with visitation rights"',
+      },
+      updates
+    )
+  );
 
-const doctorTreatmentCenter = (scope) => verticalYesNoRadio({
-  name: scope ? scope + ':' + 'Doctor_Treatment' : 'Doctor_Treatment',
-});
+const doctorTreatment$1 = (scope, vertical, updates = {}) => {
+  const func = vertical ? verticalYesNoRadio : sbsYesNoRadio;
+  const label = vertical ? updates.label : "Have You Recently Been Treated by a Doctor, Hospital or Clinic?";
+  return func(
+    merge(
+      {
+        name: scope ? scope + ":" + "Doctor_Treatment" : "Doctor_Treatment",
+        label,
+      },
+      updates
+    )
+  )
+};
 
-const haveAttorneyCenter = (scope) => verticalYesNoRadio({
-  name: scope ? scope + ':' + 'Have_Attorney' : 'Have_Attorney',
-});
+const haveAttorney$1 = (scope, vertical, updates = {}) => {
+  const func = vertical ? verticalYesNoRadio : sbsYesNoRadio;
+  const label = vertical ? updates.label : "Already Working with An Attorney?";
+  return func(
+    merge(
+      {
+        label,
+        name: scope ? scope + ":" + "Have_Attorney" : "Have_Attorney",
+      },
+      updates
+    )
+  )
+};
 
-const incidentDateCenter = (scope) => verticalDate({
-  name: scope ? scope + ':' + 'Incident_Date' : 'Incident_Date',
-});
+const incidentDate$1 = (scope, vertical, updates = {}) => {
+  const func = vertical ? verticalDate : sbsDate;
+  const label = vertical ? updates.label : "Date of Incident:";
+  return func(
+    merge(
+      {
+        label,
+        name: scope ? scope + ":" + "Incident_Date" : "Incident_Date",
+      },
+      updates
+    )
+  )
+};
 
-const mechanicsCrossSells = () => radio({
-  id: 'Mechanics_CrossSells',
-  name: 'Mechanics_CrossSells',
-  // 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 was involved in a car accident",
-    'Auto Insurance': "I'd like to save on my auto insurance (optional)"
-  },
-});
+const mechanicsCrossSells = (scope) =>
+  radio({
+    id: scope ? scope + ":" + "Mechanics_CrossSells" : "Mechanics_CrossSells",
+    name: scope ? scope + ":" + "Mechanics_CrossSells" : "Mechanics_CrossSells",
+    // 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 was involved in a car accident",
+      "Auto Insurance": "I'd like to save on my auto insurance (optional)",
+    },
+  });
 
-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 primaryInjury$1 = (scope, vertical, updates = {}) => {
+  const func = vertical ? col2RadioCenter : sbs2ColRadio;
+  const label = vertical ? updates.label : "Primary Injury:";
+  return func(
+    merge(
+      {
+        label,
+        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",
+        ],
+      },
+      updates
+    )
+  )
+};
 
-const policeReportFiledCenter = (scope) => verticalYesNoRadio({
-  name: scope ? scope + ':' + 'Police_Report_Filed' : 'Police_Report_Filed',
-});
+const policeReportFiled$1 = (scope, vertical, updates = {}) => {
+  const func = vertical ? verticalYesNoRadio : sbsYesNoRadio;
+  const label = vertical ? updates.label : "Was a Police Report Filed?";
+  return func(
+    merge(
+      {
+        name: scope ? scope + ":" + "Police_Report_Filed" : "Police_Report_Filed",
+        label,
+      },
+      updates
+    )
+  )
+};
 
 const TCPAConsent = (scope) => ({
-  $formkit: 'checkbox',
-  label: '$meta.tcpaLanguage',
-  name: scope ? scope + ':' + 'TCPA_Opt_In' : 'TCPA_Opt_In',
-  'data-tf-sensitive': 'false',
-  validation: 'required|accepted',
+  $formkit: "checkbox",
+  label: "$meta.tcpaLanguage",
+  // Necessary to get links to work in the tcpa language
+  __raw__sectionsSchema: {
+    label: { attrs: { innerHTML: "$label" } },
+  },
+  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'
+    required: "Consent is required",
+    accepted: "Consent is required",
   },
   classes: {
-    label: "t-text-xs t-text-slate-500 t-font-normal"
-  }
+    label: "t-text-xs t-text-slate-500 t-font-normal",
+  },
 });
 
-const NEXT_ON_ENTER = '$onEnter($setNextStep($fireStepEvent($get(form)), $preStepFunc($get(form))))';
-const NEXT_ON_INPUT = '$onInput($setNextStep($fireStepEvent($get(form)), $preStepFunc($get(form))))';
+const NEXT_ON_ENTER = "$onEnter($setNextStep($fireStepEvent($get(form)), $preStepFunc($get(form))))";
+const NEXT_ON_INPUT = "$onInput($setNextStep($fireStepEvent($get(form)), $preStepFunc($get(form))))";
 
-const isInput = (n) => { return (n.type !== 'group' && n.type !== 'section' && n.type !== 'form' && n.$formkit !== 'hidden' && !n.children) };
+const isInput = (n) => {
+  return n.type !== "group" && n.type !== "section" && n.type !== "form" && n.$formkit !== "hidden" && !n.children
+};
 
 const findLastInput = (n) => {
   if (isInput(n)) {
     return n
   }
   for (var i = n.children.length - 1; i >= 0; i--) {
-    if (typeof n.children === 'string') {
+    if (typeof n.children === "string") {
       continue
     }
     const child = n.children[i];
@@ -319,99 +478,114 @@ const findLastInput = (n) => {
 };
 
 const secureIconDefault = {
-  $el: 'div',
-  if: '$activeStep === $lastStep()',
+  $el: "div",
+  if: "$activeStep === $lastStep()",
   attrs: {
-    class: 't-flex t-justify-center t-items-center t-text-sm t-text-gray-500'
+    class: "t-flex t-justify-center t-items-center t-text-sm t-text-gray-500",
   },
   children: [
     {
-      $el: 'img',
+      $el: "img",
       attrs: {
-        loading: 'lazy',
-        alt: '',
+        loading: "lazy",
+        alt: "",
         style: {
-          border: 0
+          border: 0,
         },
-        width: '25',
-        height: '25',
-        src: 'https://d27hmee62k45vz.cloudfront.net/lock_icon_1.jpeg',
-      }
+        width: "25",
+        height: "25",
+        src: "https://d27hmee62k45vz.cloudfront.net/lock_icon_1.jpeg",
+      },
     },
     {
-      $el: 'span',
-      children: 'Secure & Encrypted',
+      $el: "span",
+      children: "Secure & Encrypted",
       attrs: {
-        class: 't-pl-2 t-pt-1 t-font-medium'
-      }
-    }
-  ]
+        class: "t-pl-2 t-pt-1 t-font-medium",
+      },
+    },
+  ],
 };
 
 function secureIcon(updates) {
-  return merge(
-    secureIconDefault,
-    updates
-  )
+  return merge(secureIconDefault, updates)
 }
 
 function verticalStepHeadline(updates) {
   return {
-    $el: 'h3',
-    children: updates.headline || 'Tell Us About Your Situation',
+    $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 || '')
-    }
+      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 || '',
+    $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 || '')
-    }
+      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 Details',
+    $el: "h3",
+    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 || '')
-    }
+      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',
+    $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 || '')
-    }
+      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',
+    $el: "h3",
     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 || '')
-    }
+      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',
+    $el: "h5",
     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 || '')
-    }
+      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 || ""),
+    },
   }
 }
 
@@ -433,19 +607,19 @@ const TRUSTED_FORM_JS = `(function() {
 
 function trustedFormScript() {
   return {
-    $el: 'script',
-    if: '$activeStep === $lastStep()',
-    children: TRUSTED_FORM_JS
+    $el: "script",
+    if: "$activeStep === $lastStep()",
+    children: TRUSTED_FORM_JS,
   }
 }
 
 const stepDefaults = (step, stepKey) => ({
-  $el: 'section',
+  $el: "section",
   if: '$stepEnabled("' + step + '")',
   attrs: {
     hidden: '$activeStep !== "' + step + '"',
-    key: stepKey ? stepKey : step
-  }
+    key: stepKey ? stepKey : step,
+  },
 });
 
 function step(name, inputs, updates = {}) {
@@ -468,35 +642,35 @@ function step(name, inputs, updates = {}) {
     }
   }
 
-  return merge(
-    stepDefaults(name, stepKey),
-    {
-      children: [
-        {
-          $formkit: 'group',
-          id: name,
-          name: name,
-          nextStepMap: nextStepMap,
-          triggerRedirectMap: triggerRedirectMap,
-          autoFocus: autoFocus,
-          children: inputs
-        }
-      ]
-    }
-  )
+  return merge(stepDefaults(name, stepKey), {
+    children: [
+      {
+        $formkit: "group",
+        id: name,
+        name: name,
+        nextStepMap: nextStepMap,
+        triggerRedirectMap: triggerRedirectMap,
+        autoFocus: autoFocus,
+        children: inputs,
+      },
+    ],
+  })
 }
 
 // Single question step
 function sqstep(name, input, defaultHeadline, updates = {}) {
-  if (typeof updates.nextOnInput === 'undefined') {
+  if (typeof updates.nextOnInput === "undefined") {
     updates.nextOnInput = true;
   }
-  
+
   return step(
     name,
     [
-      verticalStepHeadline({ headline: updates.headline ?? defaultHeadline, headlineClass: updates.headlineClass }),
-      ...Array.isArray(input) ? input : [input],
+      verticalStepHeadline({
+        headline: updates.headline ?? defaultHeadline,
+        headlineClass: updates.headlineClass,
+      }),
+      ...(Array.isArray(input) ? input : [input]),
     ],
     updates
   )
@@ -506,14 +680,14 @@ function commentsHeadline(updates = {}) {
   const mergedUpdates = { ...updates, nextOnEnter: false };
 
   return step(
-    'comments',
+    "comments",
     [
       commentsStepHeadline(updates),
-      comments({
-        label: typeof updates.label === 'undefined' ? DEFAULT_COMMENTS_LABEL : updates.label,
+      comments(updates.scope, false, {
+        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),
+        inputClass: typeof updates.inputClass === "undefined" ? "!t-h-32" : updates.inputClass,
+      }),
     ],
     mergedUpdates
   )
@@ -521,15 +695,15 @@ function commentsHeadline(updates = {}) {
 
 function commentsMechanics(updates = {}) {
   return step(
-    'commentsMechanics',
+    "commentsMechanics",
     [
       commentsStepHeadline(updates),
-      comments({
-        label: typeof updates.label === 'undefined' ? DEFAULT_COMMENTS_LABEL : updates.label,
+      comments(updates.scope, false, {
+        label: typeof updates.label === "undefined" ? DEFAULT_COMMENTS_LABEL : updates.label,
         placeholder: updates.placeholder || DEFAULT_COMMENTS_PLACEHOLDER_DYNAMIC,
-        inputClass: '!t-h-20',
+        inputClass: "!t-h-20",
       }),
-      mechanicsCrossSells()
+      mechanicsCrossSells(updates.scope),
     ],
     updates
   )
@@ -537,7 +711,7 @@ function commentsMechanics(updates = {}) {
 
 function contactInfo(updates = {}) {
   return step(
-    'contactInfo',
+    "contactInfo",
     [
       contactStepHeadline(updates),
       contactStepSubHeadline(updates),
@@ -545,73 +719,62 @@ function contactInfo(updates = {}) {
       email(updates.scope),
       phone(updates.scope),
       TCPAConsent(updates.scope),
-      secureIcon()
+      secureIcon(),
     ],
     { nextOnEnter: false }
   )
 }
 
-function firstAndLastV3(updates = {}, scope) {
+function firstAndLastV3(updates = {}) {
   return step(
-    'firstAndLast',
+    "firstAndLast",
     [
       firstAndLastStepHeadline({
-        headline: updates.headline ?? 'Who is looking for help?',
-        headlineClass: updates.headlineClass
+        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'
+        subheadline: updates.subheadline ?? "Note: we never share info without consent",
+        subheadlineClass: "!t-text-sm !t-text-gray-500",
       }),
-      firstName(scope),
-      lastName(scope)
+      firstName(updates.scope),
+      lastName(updates.scope),
     ],
     updates
   )
 }
 
 function zipcode(updates = {}) {
-  return sqstep(
-    'zipcode',
-    zipcode$1(updates.scope, true, updates),
-    'Please verify your Zip Code',
-    updates
-  )
+  return sqstep("zipcode", zipcode$1(updates.scope, true, updates.input), "Please verify your Zip Code", updates)
 }
 
 function autoDamageFromAccident(updates = {}) {
-  return step(
-    'autoDamageFromAccident',
-    [
-      autoDamageFromAccident$1(updates.scope),
-    ],
-    updates
-  )
+  return step("autoDamageFromAccident", [autoDamageFromAccident$1(updates.scope, true, updates.input)], updates)
 }
 
 function wouldLikeMVAConsultation(updates = {}) {
   return step(
-    'wouldLikeMVAConsultation',
+    "wouldLikeMVAConsultation",
     [
       verticalStepHeadline({
-        headline: updates.headline ?? 'Do you want a free legal evaluation?',
+        headline: updates.headline ?? "Do you want a free legal evaluation?",
       }),
       verticalStepSubHeadline({
-        subheadline: updates.subheadline ?? 'You may be entitled to compensation for your accident.',
-        subheadlineClass: '!t-text-blue-900 !t-font-semibold'
+        subheadline: updates.subheadline ?? "You may be entitled to compensation for your accident.",
+        subheadlineClass: "!t-text-blue-900 !t-font-semibold",
       }),
       {
-        $formkit: 'hidden',
+        $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"
+        value: "Auto and Car Accidents",
       },
       {
-        $formkit: 'hidden',
+        $formkit: "hidden",
         name: "CrossSell:Auto_and_Car_Accidents:vertical",
-        value: "Legal"
+        value: "Legal",
       },
-      wouldLikeMVAConsultation$1(),
+      wouldLikeMVAConsultation$1(updates.scope, true, updates.input),
     ],
     updates
   )
@@ -619,164 +782,159 @@ function wouldLikeMVAConsultation(updates = {}) {
 
 function haveAttorney(updates = {}) {
   return sqstep(
-    'haveAttorney',
-    haveAttorneyCenter(updates.scope),
-    'Already working with an attorney?',
+    "haveAttorney",
+    haveAttorney$1(updates.scope, true, updates.input),
+    "Already working with an attorney?",
     updates
   )
 }
 
 function incidentDate(updates = {}) {
   return sqstep(
-    'incidentDate',
-    incidentDateCenter(updates.scope),
-    'When did the incident occur?',
+    "incidentDate",
+    incidentDate$1(updates.scope, true, updates.input),
+    "When did the incident occur?",
     updates
   )
 }
 
 function doctorTreatment(updates = {}) {
   return sqstep(
-    'doctorTreatment',
-    doctorTreatmentCenter(updates.scope),
-    'Have you seen a doctor about this?',
+    "doctorTreatment",
+    doctorTreatment$1(updates.scope, true, updates.input),
+    "Have you seen a doctor about this?",
     updates
   )
 }
 
 function atFault(updates = {}) {
-  return sqstep(
-    'atFault',
-    atFaultCenter(updates.scope),
-    'Were you at fault?',
-    updates
-  )
+  return sqstep("atFault", atFault$1(updates.scope, true, updates.input), "Were you at fault?", updates)
 }
 
 function primaryInjury(updates = {}) {
   return sqstep(
-    'primaryInjury',
-    primaryInjuryCenter(updates.scope),
-    'What was the primary injury?',
+    "primaryInjury",
+    primaryInjury$1(updates.scope, true, updates.input),
+    "What was the primary injury?",
     updates
   )
 }
 
 function policeReportFiled(updates = {}) {
   return sqstep(
-    'policeReportFiled',
-    policeReportFiledCenter(updates.scope),
-    'Was a police report filed?',
+    "policeReportFiled",
+    policeReportFiled$1(updates.scope, true, updates.input),
+    "Was a police report filed?",
     updates
   )
 }
 
 const formNavigation = (updates = {}) => ({
-  $el: 'div',
+  $el: "div",
   attrs: {
-    class: 'step-nav'
+    class: "step-nav",
   },
   children: [
     {
-      $formkit: 'button',
-      name: 'back_button',
-      onClick: '$setPreviousStep($prevStepFunc($get(form)))',
-      children: 'Back',
+      $formkit: "button",
+      name: "back_button",
+      onClick: "$setPreviousStep($prevStepFunc($get(form)))",
+      children: "Back",
       style: {
-        if: '$activeStep === $firstStep()',
-        then: 'visibility: hidden;'
-      }
+        if: "$activeStep === $firstStep()",
+        then: "visibility: hidden;",
+      },
     },
     {
-      $formkit: 'button',
-      name: 'next_button',
-      onClick: '$setNextStep($fireStepEvent($get(form)), $preStepFunc($get(form)))',
+      $formkit: "button",
+      name: "next_button",
+      onClick: "$setNextStep($fireStepEvent($get(form)), $preStepFunc($get(form)))",
       children: {
-        if: '$activeStep === $firstStep()',
-        then: 'Start',
-        else: 'Next'
+        if: "$activeStep === $firstStep()",
+        then: "Start",
+        else: "Next",
       },
       outerClass: {
-        if: '$activeStep === $lastStep()',
-        then: 't-hidden',
-        else: ''
+        if: "$activeStep === $lastStep()",
+        then: "t-hidden",
+        else: "",
       },
       style: {
-        if: '$activeStep === $lastStep()',
-        then: 'display: none;'
-      }
+        if: "$activeStep === $lastStep()",
+        then: "display: none;",
+      },
     },
     {
-      $formkit: 'submit',
-      name: 'submit_button',
-      label: updates.submitLabel || 'Submit',
-      if: '$activeStep === $lastStep()',
+      $formkit: "submit",
+      name: "submit_button",
+      label: updates.submitLabel || "Submit",
+      if: "$activeStep === $lastStep()",
       style: {
-        if: '$activeStep !== $lastStep()',
-        then: 'display: none;'
-      }
-    }
-  ]
+        if: "$activeStep !== $lastStep()",
+        then: "display: none;",
+      },
+    },
+  ],
 });
 
 const formDetails = () => ({
-  $el: 'pre',
+  $el: "pre",
   if: '$urlParam("fdbg", "") == 1',
   children: [
     {
-      $el: 'pre',
-      children: '$stringify( $get(form).value )',
+      $el: "pre",
+      children: "$stringify( $get(form).value )",
       attrs: {
-        class: 't-text-xs',
-        style: 'overflow: scroll'
-      }
+        class: "t-text-xs",
+        style: "overflow: scroll",
+      },
     },
     {
-      $el: 'pre',
-      children: ['activeStep: ', '$activeStep'],
+      $el: "pre",
+      children: ["activeStep: ", "$activeStep"],
       attrs: {
-        class: 't-text-xs',
-        style: 'overflow: scroll'
-      }
+        class: "t-text-xs",
+        style: "overflow: scroll",
+      },
     },
     {
-      $el: 'pre',
-      children: ['stepHistory: ', '$stepHistory'],
+      $el: "pre",
+      children: ["stepHistory: ", "$stepHistory"],
       attrs: {
-        class: 't-text-xs',
-        style: 'overflow: scroll'
-      }
+        class: "t-text-xs",
+        style: "overflow: scroll",
+      },
     },
     {
-      $el: 'pre',
-      children: ['stepQueue: ', '$stepQueue'],
+      $el: "pre",
+      children: ["stepQueue: ", "$stepQueue"],
       attrs: {
-        class: 't-text-xs',
-        style: 'overflow: scroll'
-      }
+        class: "t-text-xs",
+        style: "overflow: scroll",
+      },
     },
     {
-      $el: 'pre',
-      children: ['steps: ', '$stepKeys()'],
+      $el: "pre",
+      children: ["steps: ", "$stepKeys()"],
       attrs: {
-        class: 't-text-xs',
-        style: 'overflow: scroll'
-      }
-    }
-  ]
+        class: "t-text-xs",
+        style: "overflow: scroll",
+      },
+    },
+  ],
 });
 
 const formPropDefaults = {
-  type: 'form',
-  id: 'form',
-  config: { validationVisibility: 'submit' },
+  type: "form",
+  id: "form",
+  config: { validationVisibility: "submit" },
   onSubmit: '$submit($submitUrl, $prepData, $handleRedirect, "text/plain; charset=UTF-8")',
-  plugins: '$plugins',
+  plugins: "$plugins",
   actions: false,
-  anchorElement: 'form-anchor',
+  anchorElement: "form-anchor",
   useLocalStorage: true,
   prepop: {
-    fromURL: true
+    fromURL: true,
   },
   errorCodes: {
     403: { message: "An Error Occurred", abort: false },
@@ -784,13 +942,11 @@ const formPropDefaults = {
     429: "An Error Occurred",
     504: { message: "An Error Occurred", abort: false },
   },
-  formClass: '!t-max-w-[40rem]'
+  formClass: "!t-max-w-[40rem]",
 };
 
 function filterMapByKey(obj, keyList) {
-  return Object.fromEntries(
-    Object.entries(obj).filter(([key]) => keyList.includes(key))
-  );
+  return Object.fromEntries(Object.entries(obj).filter(([key]) => keyList.includes(key)))
 }
 
 // export function filteredNextStepsMapLegal(keyList) {
@@ -800,10 +956,7 @@ function filterMapByKey(obj, keyList) {
 // }
 
 function formProps(updates) {
-  const props = merge(
-    formPropDefaults,
-    updates
-  );
+  const props = merge(formPropDefaults, updates);
   if (props.formId && !props.name) {
     props.name = props.formId;
   }
@@ -813,13 +966,10 @@ function formProps(updates) {
 const metaDefaults = {};
 
 function metaProps(updates) {
-  const data = merge(
-    metaDefaults,
-    updates
-  );
+  const data = merge(metaDefaults, updates);
   return {
-    type: 'meta',
-    data
+    type: "meta",
+    data,
   }
 }
 
@@ -839,166 +989,173 @@ function defaultMetaPropsLegal(tolps = null) {
     defaultFinalHeadline: DEFAULT_FINAL_HEADLINE_LEGAL,
     finalHeadlines: finalHeadlines,
     defaultFinalSubHeadline: DEFAULT_FINAL_SUBHEADLINE_LEGAL,
-    finalSubHeadlines: finalSubHeadlines
+    finalSubHeadlines: finalSubHeadlines,
   })
 }
 
-function dynamicSchemaNode(field = 'Type_Of_Legal_Problem') {
+function dynamicSchemaNode(field = "Type_Of_Legal_Problem") {
   return {
-    $cmp: 'FormKitSchema',
-    if: '$get(' + field + ').value',
+    $cmp: "FormKitSchema",
+    if: "$get(" + field + ").value",
     props: {
-      schema: '$meta.dynamicSchema',
-      data: '$buildData($meta)'
-    }
+      schema: "$meta.dynamicSchema",
+      data: "$buildData($meta)",
+    },
   }
 }
 
 const formAnchorDefaults = {
-  $el: 'div',
+  $el: "div",
   children: [
     {
-      $el: 'div',
+      $el: "div",
       attrs: {
-        id: 'form-anchor',
-        class: 't-absolute',
-        style: { top: '-30px', left: 0 }
-      }
-    }
+        id: "form-anchor",
+        class: "t-absolute",
+        style: { top: "-30px", left: 0 },
+      },
+    },
   ],
   attrs: {
-    class: 't-relative'
-  }
+    class: "t-relative",
+  },
 };
 
 function formAnchor(updates) {
-  return merge(
-    formAnchorDefaults,
-    updates
-  )
+  return merge(formAnchorDefaults, updates)
 }
 
 function headlineDefaults(updates = {}) {
   return {
-    $el: 'h1',
+    $el: "h1",
     attrs: {
-      class: 't-flex t-justify-center t-text-center !t-text-[2rem] t-font-semibold t-pt-5 t-px-7 md:t-px-3' + ' ' + (updates.headlineClass || '')
-    }
+      class:
+        "t-flex t-justify-center t-text-center !t-text-[2rem] t-font-semibold t-pt-5 t-px-7 md:t-px-3" +
+        " " +
+        (updates.headlineClass || ""),
+    },
   }
 }
 
 function headline(updates = {}) {
-  return merge(
-    headlineDefaults(updates),
-    updates
-  )
+  return merge(headlineDefaults(updates), updates)
 }
 
 function subHeadlineDefaults(updates = {}) {
   return {
-    $el: 'h3',
+    $el: "h3",
     attrs: {
-      class: 't-flex t-justify-center t-text-center !t-text-[1.2rem] t-font-medium t-text-blue-500 t-px-10' + ' ' + (updates.subheadlineClass || '')
-    }
+      class:
+        "t-flex t-justify-center t-text-center !t-text-[1.2rem] t-font-medium t-text-blue-500 t-px-10" +
+        " " +
+        (updates.subheadlineClass || ""),
+    },
   }
 }
 
 function subHeadline(updates = {}) {
-  return merge(
-    subHeadlineDefaults(updates),
-    updates
-  )
+  return merge(subHeadlineDefaults(updates), updates)
 }
 
 const hiddenInputsBase = [
   {
-    $formkit: 'hidden',
+    $formkit: "hidden",
     name: "gclid",
-    value: null
+    value: null,
   },
   {
-    $formkit: 'hidden',
+    $formkit: "hidden",
     name: "campaignid",
-    value: null
+    value: null,
   },
   {
-    $formkit: 'hidden',
+    $formkit: "hidden",
     name: "s",
-    value: null
-  }
+    value: null,
+  },
 ];
 
 const hiddenInputsMechanics = [
   {
-    $formkit: 'hidden',
+    $formkit: "hidden",
     name: "vertical",
-    value: "AutoRepair"
+    value: "AutoRepair",
   },
   {
-    $formkit: 'hidden',
+    $formkit: "hidden",
     name: "Category",
     id: "Category",
-    value: "Mechanics"
+    value: "Mechanics",
   },
-  ...hiddenInputsBase
+  ...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"'
+  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 = {
@@ -1006,49 +1163,64 @@ const TOLPFinalHeadlines = {
 };
 
 const TOLPFinalSubHeadlines = {
-  'Adoption': 'You may benefit from speaking with an adoption professional. Please verify your contact information.',
+  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.',
+  "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.',
+  "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.',
+  "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.',
+  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.',
+  "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.',
+  "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.',
+  "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.',
+  "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.',
+  "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.',
+  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.',
+  "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': ''