bhl-forms 0.7.2 → 0.7.4

package/dist/forms/testForm.es.js

@@ -2,34 +2,42 @@ function merge() {
   return Object.assign({}, ...arguments)
 }
 
-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_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 select = (updates) => {
   if (updates.name && !updates.id) {
     updates.id = updates.name;
   }
-  return merge({
-    $formkit: 'select',
-    placeholder: "Please Select",
-    validation: 'required',
-    validationMessages: {
-      required: 'Field is required'
+  return merge(
+    {
+      $formkit: "select",
+      placeholder: "Please Select",
+      validation: "required",
+      validationMessages: {
+        required: "Field is required",
+      },
+      inputClass: "t-bg-white",
+      labelClass: "required",
     },
-    inputClass: 't-bg-white',
-    labelClass: 'required'
-  }, updates)
+    updates
+  )
 };
 
 const sbsSelect = (updates) => {
-  updates.labelClass = 'required';
-  updates.wrapperClass = 'side-by-side t-items-center';
-  updates.innerClass = 'select-height-content';
-  updates.helpClass = 't-mt-2.5 md:t-text-right md:t-mt-[-5px]';
+  updates.labelClass = "required";
+  updates.wrapperClass = "side-by-side t-items-center";
+  updates.innerClass = "select-height-content";
+  updates.helpClass = "t-mt-2.5 md:t-text-right md:t-mt-[-5px]";
   return select(updates)
 };
 
@@ -37,139 +45,165 @@ 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)
 };
 
-const email = (scope) => sbsText({
-  $formkit: 'email',
-  name: scope ? scope + ':' + 'Email' : 'Email',
-  label: 'Email Address:',
-  placeholder: 'email@domain.com',
-  autocomplete: 'email',
-  'data-tf-sensitive': 'false',
-  validation: 'required|email',
-  validationMessages: {
-    required: 'Email is required',
-    email: 'Invalid Email'
-  }
-});
-
-const firstName = (scope) => sbsText({
-  label: 'First Name:',
-  placeholder: 'First',
-  name: scope ? scope + ':' + 'First_Name' : 'First_Name',
-  autocomplete: "given-name",
-  validationMessages: {
-    required: '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 = (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 category = () => sbsSelect({
-  label: 'Category:',
-  name: 'category',
-  id: 'category',
-  options: [
-    'Fruits',
-    'Vegetables'
-  ]
-});
+const category = () =>
+  sbsSelect({
+    label: "Category:",
+    name: "category",
+    id: "category",
+    options: ["Fruits", "Vegetables"],
+  });
 
 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];
@@ -185,59 +219,62 @@ 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 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 || ""),
+    },
   }
 }
 
@@ -259,19 +296,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 = {}) {
@@ -294,38 +331,32 @@ 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,
+      },
+    ],
+  })
 }
 
 function categoryAndZip(updates = {}) {
   return step(
-    'categoryAndZip',
-    [
-      zipcode(),
-      category()
-    ],
+    "categoryAndZip",
+    [zipcode(updates.scope, false, updates.input), category(updates.scope, false, updates.input)],
     updates
   )
 }
 
 function contactInfo(updates = {}) {
   return step(
-    'contactInfo',
+    "contactInfo",
     [
       contactStepHeadline(updates),
       contactStepSubHeadline(updates),
@@ -333,129 +364,122 @@ function contactInfo(updates = {}) {
       email(updates.scope),
       phone(updates.scope),
       TCPAConsent(updates.scope),
-      secureIcon()
+      secureIcon(),
     ],
     { nextOnEnter: false }
   )
 }
 
 function firstAndLast(updates = {}) {
-  return step(
-    'firstAndLast',
-    [
-      firstName(),
-      lastName()
-    ],
-    updates
-  )
+  return step("firstAndLast", [firstName(updates.scope), lastName(updates.scope)], 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 },
@@ -463,13 +487,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) {
@@ -479,10 +501,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;
   }
@@ -492,13 +511,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,
   }
 }
 
@@ -518,168 +534,175 @@ function defaultMetaPropsLegal(tolps = null) {
     defaultFinalHeadline: DEFAULT_FINAL_HEADLINE_LEGAL,
     finalHeadlines: finalHeadlines,
     defaultFinalSubHeadline: DEFAULT_FINAL_SUBHEADLINE_LEGAL,
-    finalSubHeadlines: finalSubHeadlines
+    finalSubHeadlines: finalSubHeadlines,
   })
 }
 
 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 defaultHeadline() {
   return headline({
     children: '$urlParam("hl", "Start Here For a Free Consultation")',
-    if: '$activeStep === $firstStep()'
+    if: "$activeStep === $firstStep()",
   })
 }
 
 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)
 }
 
 function defaultSubHeadline() {
   return subHeadline({
     children: '$urlParam("shl", "Our Service is Fast and Free!")',
-    if: '$activeStep === $firstStep()'
+    if: "$activeStep === $firstStep()",
   })
 }
 
 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 hiddenInputsLegal = [
   {
-    $formkit: 'hidden',
+    $formkit: "hidden",
     name: "vertical",
-    value: "Legal"
+    value: "Legal",
   },
   {
-    $formkit: 'hidden',
+    $formkit: "hidden",
     name: "TCPA_Language",
-    value: "$meta.tcpaLanguage"
+    value: "$meta.tcpaLanguage",
   },
-  ...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 = {
@@ -687,49 +710,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': ''