bhl-forms 0.11.0 → 0.11.2

package/dist/forms/generalLegalSingleMinimal.es.js

@@ -0,0 +1,1325 @@
+function merge() {
+  return Object.assign({}, ...arguments)
+}
+
+function LegalRedirectUrl() {
+  return 'https://listings.ziplawyer.com/api/v1/redirect?zone_id=4&vertical=Legal&category=${properties.Type_Of_Legal_Problem}&Degree_Of_Interest=${properties.Degree_Of_Interest}&zip_code=${properties.Zip}&sub_id=${properties.vid}'
+}
+
+const DEFAULT_COMMENTS_PLACEHOLDER_DYNAMIC_LEGAL =
+  '$getKey($meta, "commentsPlaceholders." + $get(Type_Of_Legal_Problem).value, $meta.defaultCommentsPlaceholder)';
+const DEFAULT_COMMENTS_LABEL_LEGAL = "Please briefly describe your legal issue in a few words:";
+const DEFAULT_FINAL_HEADLINE_LEGAL = "Connect With The Legal Help You Deserve";
+const DEFAULT_FINAL_HEADLINE_DYNAMIC_LEGAL =
+  '$getKey($meta, "finalHeadlines." + $get(Type_Of_Legal_Problem).value, $meta.defaultFinalHeadline)';
+const DEFAULT_FINAL_SUBHEADLINE_LEGAL = "Get a no-obligation consultation with a legal expert.";
+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.";
+
+// ------ Common Base Settings
+
+const ensureIds = (cfg) => {
+  if (cfg.name && !cfg.id) {
+    cfg.id = cfg.name;
+  }
+  return cfg
+};
+
+const radio = (updates) => {
+  ensureIds(updates);
+  return merge(
+    {
+      $formkit: "radio",
+      validation: "required",
+      validationMessages: {
+        required: "Field is required",
+      },
+      optionsClass: "t-pt-3 t-pl-1",
+      legendClass: "required",
+    },
+    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.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 select = (updates) => {
+  ensureIds(updates);
+  return merge(
+    {
+      $formkit: "select",
+      placeholder: "Please Select",
+      validation: "required",
+      validationMessages: {
+        required: "Field is required",
+      },
+      inputClass: "t-bg-white",
+      labelClass: "required",
+    },
+    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]";
+  return select(updates)
+};
+
+const verticalSelect = (updates) => {
+  updates.labelClass = "required";
+  updates.wrapperClass = "t-flex t-justify-center";
+  updates.messagesClass = "t-flex t-justify-center";
+  updates.inputClass = "t-min-w-[150px] t-bg-white " + (updates.inputClass || "");
+  updates.helpClass = "t-mt-2.5 t-text-center";
+  return select(updates)
+};
+
+const text = (updates) => {
+  ensureIds(updates);
+  return merge(
+    {
+      $formkit: "text",
+      validation: "required",
+      validationMessages: {
+        required: "Field is required",
+      },
+      labelClass: "required",
+    },
+    updates
+  )
+};
+
+const sbsText = (updates) => {
+  updates.wrapperClass = "side-by-side t-items-center";
+  return text(updates)
+};
+
+const verticalText = (updates) => {
+  updates.wrapperClass = "t-flex t-justify-center";
+  updates.messagesClass = "t-flex t-justify-center";
+  updates.inputClass = "t-text-center";
+  updates.helpClass = "t-mt-2.5 !t-text-sm t-text-center";
+  return text(updates)
+};
+
+const textArea = (updates) => {
+  ensureIds(updates);
+  return merge(
+    {
+      $formkit: "textarea",
+      rows: 5,
+      maxlength: 500,
+      validation: "required",
+      validationMessages: {
+        required: "Field is required",
+      },
+      innerClass: "t-max-w-xl",
+      labelClass: "required",
+    },
+    updates
+  )
+};
+
+const emailFL = (scope, updates = {}) => {
+  return text({
+    $formkit: "FloatingLabelText",
+    name: scope ? scope + ":" + "Email" : "Email",
+    placeholder: "Email Address",
+    autocomplete: "email",
+    "data-tf-sensitive": "false",
+    validation: "required|email",
+    validationMessages: {
+      required: "Email is required",
+      email: "Invalid Email",
+    },
+    inputClass: "t-text-center",
+    wrapperClass: "t-flex t-justify-center",
+    ...updates,
+  })
+};
+
+const firstNameFL = (scope, updates = {}) => {
+  return text({
+    $formkit: "FloatingLabelText",
+    placeholder: "First Name",
+    name: scope ? scope + ":" + "First_Name" : "First_Name",
+    autocomplete: "given-name",
+    validationMessages: {
+      required: "First Name is required",
+    },
+    inputClass: "t-text-center",
+    ...updates,
+  })
+};
+
+const lastNameFL = (scope, updates = {}) => {
+  return text({
+    $formkit: "FloatingLabelText",
+    placeholder: "Last Name",
+    name: scope ? scope + ":" + "Last_Name" : "Last_Name",
+    autocomplete: "family-name",
+    validationMessages: {
+      required: "Last Name is required",
+    },
+    inputClass: "t-text-center",
+    ...updates,
+  })
+};
+
+const fullNameFLMobileCol = (scope, updates = {}) => {
+  return {
+    $el: "div",
+    attrs: {
+      class: "t-flex t-flex-col sm:t-flex-row t-flex-wrap t-gap-x-[2%] t-justify-center  sm:!t-max-w-[70%]",
+    },
+    children: [
+      firstNameFL(scope, { outerClass: "sm:!t-max-w-[49%]", ...updates }),
+      lastNameFL(scope, { outerClass: "sm:!t-max-w-[49%]", ...updates }),
+    ],
+  }
+};
+
+const phoneFL = (scope, updates = {}) => {
+  return text({
+    $formkit: "FloatingLabelText",
+    datatype: "tel",
+    name: scope ? scope + ":" + "Primary_Phone" : "Primary_Phone",
+    placeholder: updates.placeholder || "Phone Number",
+    maxlength: 14,
+    help: updates.help || null,
+    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 (XXX) YYY-ZZZZ",
+      valid_phone: "Invalid Phone Number",
+    },
+    helpClass: "t-mt-2.5 md:t-text-right md:t-mt-[-2px]",
+    inputClass: "t-text-center",
+    wrapperClass: "t-flex t-justify-center",
+    ...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;
+  return func({
+    label,
+    help,
+    placeholder: "#####",
+    name: scope ? scope + ":" + "Zip" : "Zip",
+    maxlength: 5,
+    inputmode: "numeric",
+    autocomplete: "postal-code",
+    validation: "required|matches:/^[0-9]{5}$/",
+    validationMessages: {
+      required: "Zip Code is required",
+      matches: "Invalid Zip Code",
+    },
+    ...updates,
+  })
+};
+
+// 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 degreeOfInterest$1 = (scope, vertical, updates = {}) => {
+  const func = vertical ? col2RadioCenter : sbsSelect;
+  const label = vertical ? updates.label : "How Likely Are You to Pay if Your Issue Could be Resolved?";
+  const help = vertical ? updates.help : "No payment necessary to speak with lawyers.";
+  return func(
+    merge(
+      {
+        name: scope ? scope + ":" + "Degree_Of_Interest" : "Degree_Of_Interest",
+        id: scope ? scope + ":" + "Degree_Of_Interest" : "Degree_Of_Interest",
+        label,
+        help,
+        options: ["Definitely", "Probably", "Maybe", "Absolutely Can't Afford"],
+      },
+      updates
+    )
+  )
+};
+
+const TOLPOptions = [
+  "Adoption",
+  "Asbestos and Mesothelioma",
+  "Auto and Car Accidents",
+  "Bankruptcy",
+  "Birth Certificate and Name Change",
+  "Business Lawyers",
+  "Child Custody",
+  "Child Support",
+  "Civil Rights and Discrimination",
+  "Consumer Lawyers",
+  "Copyrights and Trademarks",
+  "Criminal and Felony",
+  "Debt and Collections",
+  "Defend a Lawsuit",
+  "Divorce and Separation",
+  "DUI and DWI",
+  "Elder Law",
+  "Employment and Workplace",
+  "Expungement",
+  "Family Issues",
+  "File a Lawsuit",
+  "Foreclosure",
+  "Guardianship",
+  "Harassment and Discrimination",
+  "Identity Theft",
+  "Immigration and Visas",
+  "Insurance",
+  "Landlord and Tenant",
+  "Lemon Law",
+  "Long Term Disability",
+  "Medical Malpractice",
+  "Non-Workplace Discrimination",
+  "Non-Workplace Harassment",
+  "Patents and Intellectual Property",
+  "Personal Injury",
+  "Power of Attorney",
+  "Probate and Estates",
+  "Product Liability",
+  "Property Damage",
+  "Real Estate",
+  "Sexual Harassment",
+  "Social Security Disability and Insurance",
+  "Tax and IRS",
+  "Traffic and Tickets",
+  "Unemployment",
+  "Victim of a Crime",
+  "Wills and Trusts",
+  "Workers Compensation",
+  "Workplace Discrimination",
+  "Workplace Harassment",
+  "Wrongful Death",
+  "Wrongful Termination",
+  "Not Sure or Other",
+];
+
+const generalTOLP$1 = (scope, vertical, updates = {}) => {
+  const func = vertical ? verticalSelect : sbsSelect;
+  const label = vertical ? updates.label : "Type of Help Needed:";
+  return func(
+    merge(
+      {
+        label,
+        name: scope ? scope + ":" + "Type_Of_Legal_Problem" : "Type_Of_Legal_Problem",
+        id: scope ? scope + ":" + "Type_Of_Legal_Problem" : "Type_Of_Legal_Problem",
+        options: TOLPOptions,
+      },
+      updates
+    )
+  )
+};
+
+const TCPAConsent = (scope, updates = {}) => ({
+  $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",
+  },
+  classes: {
+    outer: updates.outerClass ? updates.outerClass : "",
+    wrapper: updates.wrapperClass ? updates.wrapperClass : "",
+    messages: updates.messagesClass ? updates.messagesClass : "",
+    label:
+      "!t-text-[0.7rem] t-text-slate-500 t-font-normal !t-leading-[0.9rem]" +
+      (updates.labelClass ? " " + updates.labelClass : ""),
+  },
+});
+
+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 findLastInput = (n) => {
+  if (isInput(n)) {
+    return n
+  }
+  for (var i = n.children.length - 1; i >= 0; i--) {
+    if (typeof n.children === "string") {
+      continue
+    }
+    const child = n.children[i];
+    if (isInput(child)) {
+      return child
+    }
+    const res = findLastInput(child);
+    if (res) {
+      return res
+    }
+  }
+  return null
+};
+
+const secureIconDefault = {
+  $el: "div",
+  if: "$activeStep === $lastStep()",
+  attrs: {
+    class: "t-flex t-justify-center t-items-center t-text-sm t-text-gray-500",
+  },
+  children: [
+    {
+      $el: "img",
+      attrs: {
+        loading: "lazy",
+        alt: "",
+        style: {
+          border: 0,
+        },
+        width: "25",
+        height: "25",
+        src: "https://d27hmee62k45vz.cloudfront.net/lock_icon_1.jpeg",
+      },
+    },
+    {
+      $el: "span",
+      children: "Secure & Encrypted",
+      attrs: {
+        class: "t-pl-2 t-pt-1 t-font-medium",
+      },
+    },
+  ],
+};
+
+function secureIcon(updates = {}) {
+  return merge(secureIconDefault, updates)
+}
+
+function secureIconStandalone(updates = {}) {
+  return {
+    if: "$activeStep === $lastStep()",
+    style: {
+      if: "$activeStep !== $lastStep()",
+      then: "display: none;",
+    },
+    children: [
+      secureIcon({
+        attrs: {
+          class: "t-flex t-justify-center t-items-center t-text-sm t-text-gray-500 t-pb-4 sm:t-pb-8",
+        },
+        ...updates,
+      }),
+    ],
+  }
+}
+
+function verticalStepHeadline(updates) {
+  return {
+    $el: "h3",
+    children: updates.headline || "Tell Us About Your Situation",
+    attrs: {
+      class:
+        "t-flex t-justify-center t-text-center t-text-xl t-font-bold t-text-dark t-pb-5 t-pt-0 t-px-1" +
+        " " +
+        (updates.headlineClass || ""),
+    },
+  }
+}
+
+function commentsStepHeadline(updates) {
+  return {
+    $el: "h3",
+    children: updates.headline || "Additional Details",
+    attrs: {
+      class:
+        "t-flex t-justify-center t-text-center t-text-lg sm:t-text-xl t-font-bold t-text-blue-500 t-pb-5 t-pt-0 t-px-1" +
+        " " +
+        (updates.headlineClass || ""),
+    },
+  }
+}
+
+function firstAndLastStepHeadline(updates) {
+  return {
+    $el: "h3",
+    children: updates.headline || "Please Provide a Contact Name",
+    attrs: {
+      class:
+        "t-flex t-justify-center t-text-center t-text-xl t-font-bold t-text-blue-500 t-pb-5 t-pt-0 t-px-1" +
+        " " +
+        (updates.headlineClass || ""),
+    },
+  }
+}
+
+function contactStepHeadline(updates) {
+  return {
+    $el: "h3",
+    children: updates.headline || DEFAULT_FINAL_HEADLINE_DYNAMIC_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-4 t-px-1" +
+        " " +
+        (updates.headlineClass || "") +
+        " f-contact-info-headline",
+    },
+  }
+}
+
+function contactStepSubHeadline(updates) {
+  return {
+    $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-6 t-pt-0 t-px-3" +
+        " " +
+        (updates.subheadlineClass || "") +
+        " f-contact-info-subheadline",
+    },
+  }
+}
+
+const TRUSTED_FORM_JS = `(function() {
+  if (window.xxTrustedFormLoaded) {
+    return
+  }
+  var vid = '';
+  if (typeof window.zar !== 'undefined') {
+    vid = window.zar.getVID();
+  }
+  window.xxTrustedFormLoaded = true;
+  var sandbox = document.location.hostname.indexOf('localhost') > -1 ? 'true' : 'false'
+  var tf = document.createElement('script');
+  tf.type = 'text/javascript'; tf.async = true;
+  tf.src = ("https:" == document.location.protocol ? 'https' : 'http') + "://api.trustedform.com/trustedform.js?field=xxTrustedFormCertUrl&identifier=" + vid + "&ping_field=xxTrustedFormPingUrl&provideReferrer=false&invert_field_sensitivity=true&sandbox=" + sandbox + "&l=" + new Date().getTime() + Math.random();
+  var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(tf, s);
+})();`;
+
+function trustedFormScript() {
+  return {
+    $el: "script",
+    if: "$activeStep === $lastStep()",
+    children: TRUSTED_FORM_JS,
+  }
+}
+
+const stepDefaults = (step, stepKey) => ({
+  $el: "section",
+  if: '$stepEnabled("' + step + '")',
+  attrs: {
+    hidden: '$activeStep !== "' + step + '"',
+    key: stepKey ? stepKey : step,
+  },
+});
+
+function step(name, inputs, updates = {}) {
+  const {
+    nextOnEnter = true,
+    nextOnInput = false,
+    stepKey = undefined,
+    nextStepMap = undefined,
+    triggerRedirectMap = undefined,
+    autoFocus = undefined,
+  } = updates;
+
+  if (inputs && inputs.length && (nextOnEnter || nextOnInput)) {
+    const lastInput = findLastInput(inputs[inputs.length - 1]);
+    if (lastInput && nextOnEnter === true) {
+      lastInput.onKeypress = NEXT_ON_ENTER;
+    }
+    if (lastInput && nextOnInput === true) {
+      lastInput.onInput = NEXT_ON_INPUT;
+    }
+  }
+
+  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") {
+    updates.nextOnInput = true;
+  }
+
+  return step(
+    name,
+    [
+      verticalStepHeadline({
+        headline: updates.headline ?? defaultHeadline,
+        headlineClass: updates.headlineClass,
+      }),
+      ...(Array.isArray(input) ? input : [input]),
+    ],
+    updates
+  )
+}
+
+function commentsLegal(updates = {}) {
+  const mergedUpdates = { ...updates, nextOnEnter: false };
+
+  return step(
+    "comments",
+    [
+      commentsStepHeadline(updates),
+      comments(updates.scope, false, {
+        label: typeof updates.label === "undefined" ? DEFAULT_COMMENTS_LABEL_LEGAL : updates.label,
+        placeholder: updates.placeholder || DEFAULT_COMMENTS_PLACEHOLDER_DYNAMIC_LEGAL,
+        // TODO: this is a mess
+        inputClass: typeof updates.inputClass === "undefined" ? "!t-h-32" : updates.inputClass,
+        innerClass: typeof updates.innerClass === "undefined" ? "t-max-w-xl" : updates.innerClass,
+        wrapperClass: typeof updates.wrapperClass === "undefined" ? undefined : updates.wrapperClass,
+      }),
+    ],
+    mergedUpdates
+  )
+}
+
+function contactInfoV2(updates = {}) {
+  return step(
+    "contactInfo",
+    [
+      contactStepHeadline(updates),
+      contactStepSubHeadline(updates),
+      trustedFormScript(),
+      {
+        $el: "div",
+        attrs: {
+          class: "t-flex t-flex-col t-justify-center t-items-center",
+        },
+        children: [
+          emailFL(updates.scope, {
+            outerClass: "!t-max-w-[95%] !t-w-[96%] sm:!t-w-[70%]",
+            innerClass: "!t-w-[98%] !t-max-w-[98%] sm:!t-w-[100%] sm:!t-max-w-[100%]",
+          }),
+          phoneFL(updates.scope, {
+            outerClass: "!t-max-w-[95%] !t-w-[96%] sm:!t-w-[70%]",
+            innerClass: "!t-w-[98%] !t-max-w-[98%] sm:!t-w-[100%] sm:!t-max-w-[100%]",
+          }),
+        ],
+      },
+      TCPAConsent(updates.scope, {
+        outerClass: "!t-flex !t-flex-col !t-justify-center !t-items-center",
+        wrapperClass: "t-w-[95%] sm:t-w-[80%]",
+        messagesClass: "t-w-[95%] sm:t-w-[80%]",
+      }),
+    ],
+    { nextOnEnter: false }
+  )
+}
+
+function firstAndLastV4(updates = {}) {
+  return step(
+    "firstAndLast",
+    [
+      firstAndLastStepHeadline({
+        headline: updates.headline ?? "Who is looking for help?",
+        headlineClass: updates.headlineClass,
+      }),
+      {
+        $el: "div",
+        attrs: {
+          class: "t-flex t-flex-col t-justify-center t-items-center t-pt-3",
+        },
+        children: [fullNameFLMobileCol(updates.scope)],
+      },
+    ],
+    updates
+  )
+}
+
+function zipcode(updates = {}) {
+  return sqstep("zipcode", zipcode$1(updates.scope, true, updates.input), "Please verify your Zip Code", updates)
+}
+
+function generalTOLP(updates = {}) {
+  return step("generalTOLP", [generalTOLP$1(updates.scope, true, updates.input)], updates)
+}
+
+function degreeOfInterest(updates = {}) {
+  return sqstep(
+    "degreeOfInterest",
+    degreeOfInterest$1(updates.scope, true, updates.input),
+    "Could you pay if your issue could be resolved?",
+    updates
+  )
+}
+
+const formNavigationNoFinalBack = (updates = {}) => ({
+  $el: "div",
+  attrs: {
+    class: {
+      if: "$activeStep === $firstStep()",
+      then: "step-nav " + (updates.firstStepButtonClass || "!t-justify-center sm:!t-justify-between"),
+      else: {
+        if: "$activeStep === $lastStep()",
+        then: "step-nav !t-justify-center ",
+        else: "step-nav !t-justify-between",
+      },
+    },
+  },
+  children: [
+    {
+      $formkit: "button",
+      name: "back_button",
+      onClick: "$setPreviousStep($prevStepFunc($get(form)))",
+      children: "Back",
+      outerClass: {
+        if: "$fns.eq($activeStep, $firstStep()) || $fns.eq($activeStep, $lastStep())",
+        then: "t-hidden sm:t-block",
+        else: "",
+      },
+      style: {
+        if: "$fns.eq($activeStep, $firstStep()) || $fns.eq($activeStep, $lastStep())",
+        then: "display: none;",
+      },
+      classes: {
+        input: (updates.inputClass || "") + " f-navigation-input",
+      },
+    },
+    {
+      $formkit: "button",
+      name: "next_button",
+      onClick: "$setNextStep($fireStepEvent($get(form)), $preStepFunc($get(form)))",
+      children: {
+        if: "$activeStep === $firstStep()",
+        then: updates.startText || "Start",
+        else: "Next",
+      },
+      outerClass: {
+        if: "$activeStep === $lastStep()",
+        then: "t-hidden",
+        else: "",
+      },
+      style: {
+        if: "$activeStep === $lastStep()",
+        then: "display: none;",
+      },
+      classes: {
+        input: (updates.inputClass || "") + " f-navigation-input",
+      },
+    },
+    {
+      $formkit: "submit",
+      name: "submit_button",
+      label: updates.submitLabel || "Submit",
+      if: "$activeStep === $lastStep()",
+      style: {
+        if: "$activeStep !== $lastStep()",
+        then: "display: none;",
+      },
+      classes: {
+        input: (updates.inputClass || "") + " f-navigation-input !t-w-60",
+        outer: "!t-mt-0 !t-mb-0",
+      },
+    },
+  ],
+});
+
+const formDetails = () => ({
+  $el: "pre",
+  if: '$urlParam("fdbg", "") == 1',
+  children: [
+    {
+      $el: "pre",
+      children: "$stringify( $get(form).value )",
+      attrs: {
+        class: "t-text-xs",
+        style: "overflow: scroll",
+      },
+    },
+    {
+      $el: "pre",
+      children: ["activeStep: ", "$activeStep"],
+      attrs: {
+        class: "t-text-xs",
+        style: "overflow: scroll",
+      },
+    },
+    {
+      $el: "pre",
+      children: ["stepHistory: ", "$stepHistory"],
+      attrs: {
+        class: "t-text-xs",
+        style: "overflow: scroll",
+      },
+    },
+    {
+      $el: "pre",
+      children: ["stepQueue: ", "$stepQueue"],
+      attrs: {
+        class: "t-text-xs",
+        style: "overflow: scroll",
+      },
+    },
+    {
+      $el: "pre",
+      children: ["steps: ", "$stepKeys()"],
+      attrs: {
+        class: "t-text-xs",
+        style: "overflow: scroll",
+      },
+    },
+  ],
+});
+
+const formPropDefaults = {
+  type: "form",
+  id: "form",
+  config: { validationVisibility: "submit" },
+  onSubmit: '$submit($submitUrl, $prepData, $handleRedirect, "text/plain; charset=UTF-8")',
+  plugins: "$plugins",
+  actions: false,
+  anchorElement: "form-anchor",
+  useLocalStorage: true,
+  prepop: {
+    fromURL: true,
+  },
+  errorCodes: {
+    403: { message: "An Error Occurred", abort: false },
+    409: { abort: false },
+    429: "An Error Occurred",
+    504: { message: "An Error Occurred", abort: false },
+  },
+  formClass: "!t-max-w-[40rem]",
+};
+
+function filterMapByKey(obj, keyList) {
+  return Object.fromEntries(Object.entries(obj).filter(([key]) => keyList.includes(key)))
+}
+
+// export function filteredNextStepsMapLegal(keyList) {
+//   const res = { Type_Of_Legal_Problem: filterMapByKey(nextStepsMapGeneralLegal["Type_Of_Legal_Problem"], keyList) }
+//   res["*"] = nextStepsMapGeneralLegal["*"]
+//   return res
+// }
+
+function formProps(updates) {
+  const props = merge(formPropDefaults, updates);
+  if (props.formId && !props.name) {
+    props.name = props.formId;
+  }
+  return props
+}
+
+const metaDefaults = {};
+
+function metaProps(updates) {
+  const data = merge(metaDefaults, updates);
+  return {
+    type: "meta",
+    data,
+  }
+}
+
+function defaultMetaPropsLegal(tolps = null) {
+  let commentsPlaceholders = TOLPCommentsPlaceholders;
+  let finalHeadlines = TOLPFinalHeadlines;
+  let finalSubHeadlines = TOLPFinalSubHeadlines;
+  if (tolps) {
+    commentsPlaceholders = filterMapByKey(TOLPCommentsPlaceholders, tolps);
+    finalHeadlines = filterMapByKey(TOLPFinalHeadlines, tolps);
+    finalSubHeadlines = filterMapByKey(TOLPFinalSubHeadlines, tolps);
+  }
+  return metaProps({
+    tcpaLanguage: TCPA_LANGUAGE_LEGAL,
+    defaultCommentsPlaceholder: DEFAULT_COMMENTS_PLACEHOLDER_DYNAMIC_LEGAL,
+    commentsPlaceholders: commentsPlaceholders,
+    defaultFinalHeadline: DEFAULT_FINAL_HEADLINE_LEGAL,
+    finalHeadlines: finalHeadlines,
+    defaultFinalSubHeadline: DEFAULT_FINAL_SUBHEADLINE_LEGAL,
+    finalSubHeadlines: finalSubHeadlines,
+  })
+}
+
+function dynamicSchemaNode(field = "Type_Of_Legal_Problem") {
+  return {
+    $cmp: "FormKitSchema",
+    if: "$get(" + field + ").value",
+    props: {
+      schema: "$meta.dynamicSchema",
+      data: "$buildData($meta)",
+    },
+  }
+}
+
+const formAnchorDefaults = {
+  $el: "div",
+  children: [
+    {
+      $el: "div",
+      attrs: {
+        id: "form-anchor",
+        class: "t-absolute",
+        style: { top: "-30px", left: 0 },
+      },
+    },
+  ],
+  attrs: {
+    class: "t-relative",
+  },
+};
+
+function formAnchor(updates) {
+  return merge(formAnchorDefaults, updates)
+}
+
+const progressBarDefaults = {
+  $el: "div",
+  attrs: {
+    class: "t-mt-7 t-mb-5 t-w-full t-flex t-flex-col t-justify-center t-items-center",
+    style: {
+      if: "$fns.eq($activeStep, $firstStep()) || $fns.eq($activeStep, $lastStep())",
+      then: "display: none",
+    },
+  },
+  children: [
+    {
+      $el: "div",
+      attrs: {
+        class: "t-flex t-justify-center",
+      },
+      children: [
+        {
+          $el: "span",
+          attrs: {
+            id: "progress-bar-text",
+            class: "t-text-sm t-mb-1",
+          },
+          children: ["0% Complete"],
+        },
+      ],
+    },
+    {
+      $el: "div",
+      attrs: {
+        class: "t-bg-gray-100 t-w-9/12 t-rounded",
+      },
+      children: [
+        {
+          $el: "div",
+          attrs: {
+            id: "progress-bar",
+            class:
+              "t-flex t-flex-col t-justify-center t-text-center t-whitespace-nowrap t-w-[10%] t-h-1.5 t-rounded t-text-white t-bg-[#007bff]",
+            style: {
+              transition: "width 0.5s ease",
+            },
+          },
+        },
+      ],
+    },
+  ],
+};
+
+function progressBar(updates) {
+  return merge(progressBarDefaults, updates)
+}
+
+function headlineDefaults(updates = {}) {
+  return {
+    $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 || "") +
+        " f-first-headline",
+    },
+  }
+}
+
+function headline(updates = {}) {
+  return merge(headlineDefaults(updates), updates)
+}
+
+function subHeadlineDefaults(updates = {}) {
+  return {
+    $el: "h3",
+    attrs: {
+      class:
+        "t-flex t-justify-center t-text-center t-text-[1.1rem] md:t-text-[1.2rem] t-font-medium t-text-blue-500 t-px-10 t-pb-3" +
+        " " +
+        (updates.subheadlineClass || "") +
+        " f-first-subheadline",
+    },
+  }
+}
+
+function subHeadline(updates = {}) {
+  return merge(subHeadlineDefaults(updates), updates)
+}
+
+function defaultSubHeadline() {
+  return subHeadline({
+    children: '$urlParam("shl", "Our Service is Fast and Free!")',
+    if: "$activeStep === $firstStep()",
+  })
+}
+
+const hiddenInputsBase = [
+  {
+    $formkit: "hidden",
+    name: "gclid",
+    value: null,
+  },
+  {
+    $formkit: "hidden",
+    name: "campaignid",
+    value: null,
+  },
+  {
+    $formkit: "hidden",
+    name: "s",
+    value: null,
+  },
+];
+
+const hiddenInputsLegal = [
+  {
+    $formkit: "hidden",
+    name: "vertical",
+    value: "Legal",
+  },
+  {
+    $formkit: "hidden",
+    name: "TCPA_Language",
+    value: "$meta.tcpaLanguage",
+  },
+  ...hiddenInputsBase,
+];
+
+const legalRedirectMapDefaults = {
+  "*": LegalRedirectUrl(),
+};
+
+function legalRedirectMap(updates) {
+  return merge(legalRedirectMapDefaults, updates)
+}
+
+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 broke my arm at work and need help getting compensation"',
+  "Wrongful Death": 'Example: "A family member was killed on the job and we need legal representation"',
+  "Wrongful Termination": 'Example: "I was fired by my employer without cause"',
+  "Not Sure or Other": 'Example: "I was involved in a car accident" or "I need help setting up power of attorney"',
+};
+
+const TOLPFinalHeadlines = {
+  Adoption: "Connect With Adoption Professionals Today",
+  "Auto and Car Accidents": "Connect With Accident Professionals Today",
+  Bankruptcy: "Take Control of Your Financial Future",
+  "Birth Certificate and Name Change": "Start Your Change Today",
+  "Business Lawyers": "Connect With Business Professionals Today",
+  "Child Custody": "Connect With Custody Professionals Today",
+  "Child Support": "Connect With Child Support Professionals",
+  // 'Child Custody and Support': '',
+  "Civil Rights and Discrimination": "Stand Up For Your Rights",
+  "Civil Lawsuit": "Connect With Lawsuit Professionals Today",
+  // "Consumer Lawyers": "",
+  "Copyrights and Trademarks": "Protect Your Intellectual Property",
+  // "Criminal and Felony": "Connect With Legal Help",
+  "Debt and Collections": "Connect With Debt Professionals Today",
+  "Divorce and Separation": "Connect With Divorce Professionals Today",
+  "DUI and DWI": "Defend Against DUI Charges",
+  "Elder Law": "Connect With Elder Law Professionals",
+  // "Employment and Workplace": "Connect With Legal Help",
+  Expungement: "Clear Your Record",
+  "Family Issues": "Connect With Family Legal Help",
+  Foreclosure: "Fight to Keep Your Home",
+  Guardianship: "Connect With Guardianship Professionals",
+  // "Harassment and Discrimination": "Connect With Legal Help",
+  // "Identity Theft": "Connect With Legal Help",
+  "Immigration and Visas": "Get Immigration Legal Help",
+  Insurance: "Get Insurance Legal Help",
+  // "Landlord and Tenant": "Connect With Legal Help",
+  "Lemon Law": "Connect With Lemon Law Professionals",
+  "Long Term Disability": "Connect With Disability Professionals",
+  "Medical Malpractice": "Hold Negligent Providers Accountable",
+  "Patents and Intellectual Property": "Connect With IP Professionals Today",
+  "Personal Injury": "Maximize Your Injury Compensation",
+  // "Power of Attorney": "Connect With Legal Help",
+  "Probate and Estates": "Manage Probate with Expert Guidance",
+  "Product Liability": "Get Justice for Faulty Products",
+  // 'Property Damage': 'Connect With Legal Help',
+  "Real Estate": "Connect With Real Estate Professionals",
+  "Sexual Harassment": "Stand Up Against Sexual Harassment",
+  "Social Security Disability and Insurance": "Get the Benefits You Deserve",
+  "Tax and IRS": "Connect With Tax Legal Help",
+  "Traffic and Tickets": "Protect Your Record Today",
+  Unemployment: "Connect With Unemployment Professionals",
+  "Victim of a Crime": "Seek Justice as a Crime Victim",
+  "Wills and Trusts": "Plan Your Estate with Confidence",
+  "Workers Compensation": "Maximize Your Workers' Comp Benefits",
+  "Wrongful Death": "Seek Justice for a Loved One",
+  "Wrongful Termination": "Fight Back Against Unfair Firing Today",
+  // 'Not Sure or Other': ''
+  // 'Workplace Harassment': '',
+  // 'Non-Workplace Harassment': '',
+  // 'Workplace Discrimination': '',
+  // 'Non-Workplace Discrimination': '',
+};
+
+const TOLPFinalSubHeadlines = {
+  // Adoption: "You may benefit from speaking with an adoption professional. Please verify your contact information.",
+  // // 'Asbestos and Mesothelioma': '',
+  // "Auto and Car Accidents":
+  //   "You may benefit from speaking with an accident professional. Please verify your contact information.",
+  // Bankruptcy: "You may benefit from speaking with a bankruptcy professional. Please verify your contact information.",
+  // // 'Birth Certificate and Name Change': '',
+  // // 'Business Lawyers': '',
+  // // 'Child Custody and Support': '',
+  // // 'Civil Rights and Discrimination': '',
+  // // 'Civil Lawsuit': '',
+  // // 'Consumer Lawyers': '',
+  // "Copyrights and Trademarks":
+  //   "You may benefit from speaking with a copyright and trademark professional. Please verify your contact information.",
+  // // 'Criminal and Felony': '',
+  // // 'Debt and Collections': '',
+  // "Divorce and Separation":
+  //   "You may benefit from speaking with a divorce professional. Please verify your contact information.",
+  // "DUI and DWI": "You may benefit from speaking with a DUI professional. Please verify your contact information.",
+  // "Elder Law": "You may benefit from speaking with an elder law professional. Please verify your contact information.",
+  // // 'Employment and Workplace': '',
+  // // 'Expungement': '',
+  // // 'Family Issues': '',
+  // Foreclosure: "You may benefit from speaking with a foreclosure professional. Please verify your contact information.",
+  // Guardianship:
+  //   "You may benefit from speaking with a guardianship professional. Please verify your contact information.",
+  // // 'Harassment and Discrimination': '',
+  // // 'Identity Theft': '',
+  // "Immigration and Visas":
+  //   "You may benefit from speaking with a immigration professional. Please verify your contact information.",
+  // // 'Insurance': '',
+  // "Landlord and Tenant":
+  //   "You may benefit from speaking with a landlord and tenant legal professional. Please verify your contact information.",
+  // // 'Lemon Law': '',
+  // "Long Term Disability":
+  //   "You may benefit from speaking with a disability legal professional. Please verify your contact information.",
+  // "Medical Malpractice":
+  //   "You may benefit from speaking with a malpractice professional. Please verify your contact information.",
+  // "Patents and Intellectual Property":
+  //   "You may benefit from speaking with a patent professional. Please verify your contact information.",
+  // "Personal Injury":
+  //   "You may benefit from speaking with a personal injury professional. Please verify your contact information.",
+  // // 'Power of Attorney': '',
+  // "Probate and Estates":
+  //   "You may benefit from speaking with a probate and estate professional. Please verify your contact information.",
+  // // 'Product Liability': '',
+  // // 'Property Damage': '',
+  // "Real Estate":
+  //   "You may benefit from speaking with a real estate professional. Please verify your contact information.",
+  // "Social Security Disability and Insurance":
+  //   "You may benefit from speaking with an SSDI professional. Please verify your contact information.",
+  // "Tax and IRS": "You may benefit from speaking with a tax professional. Please verify your contact information.",
+  // // 'Traffic and Tickets': '',
+  // Unemployment:
+  //   "You may benefit from speaking with an unemployment professional. Please verify your contact information.",
+  // // 'Victim of a Crime': '',
+  // // 'Wills and Trusts': '',
+  // "Workers Compensation":
+  //   "You may benefit from speaking with a workers compensation professional. Please verify your contact information.",
+  // // 'Wrongful Death': '',
+  // // 'Wrongful Termination': '',
+  // // 'Not Sure or Other': ''
+  // // 'Sexual Harassment': '',
+  // // 'Workplace Harassment': '',
+  // // 'Non-Workplace Harassment': '',
+  // // 'Workplace Discrimination': '',
+  // // 'Non-Workplace Discrimination': '',
+};
+
+const nextStepsLegalMinimalDefault = ["comments", "degreeOfInterest", "zipcode", "firstAndLast", "contactInfo"];
+
+const nextStepsLegalMinimalNoDOI = ["comments", "zipcode", "firstAndLast", "contactInfo"];
+
+const nextStepsMapGeneralLegalMinimal = {
+  values: {
+    Type_Of_Legal_Problem: {
+      "Auto and Car Accidents": nextStepsLegalMinimalNoDOI,
+      "Long Term Disability": nextStepsLegalMinimalNoDOI,
+      "Personal Injury": nextStepsLegalMinimalNoDOI,
+      "Social Security Disability and Insurance": nextStepsLegalMinimalNoDOI,
+      "Workers Compensation": nextStepsLegalMinimalNoDOI,
+      "Wrongful Death": nextStepsLegalMinimalNoDOI,
+    },
+    "*": nextStepsLegalMinimalDefault,
+  },
+};
+
+const meta = defaultMetaPropsLegal();
+
+meta.data.dynamicSchema = [
+  degreeOfInterest(),
+  zipcode(),
+  commentsLegal({
+    label: null,
+    headline: "Please describe your issue:",
+    headlineClass: "!t-text-dark",
+    wrapperClass: "t-flex t-justify-center",
+    innerClass: "t-w-full",
+  }),
+  firstAndLastV4({
+    headlineClass: "!t-text-dark",
+  }),
+];
+
+const schema = [
+  meta,
+  formAnchor(),
+  {
+    $cmp: "FormKit",
+    props: formProps({
+      formId: "generalLegalSingleSimple",
+      redirectMap: legalRedirectMap(),
+    }),
+    children: [
+      progressBar(),
+      headline({
+        children: '$urlParam("hl", "Need Legal Help? Start Here!")',
+        if: "$activeStep === $firstStep()",
+      }),
+      defaultSubHeadline(),
+      ...hiddenInputsLegal,
+      {
+        $el: "div",
+        attrs: {
+          class: "form-body",
+        },
+        children: [
+          generalTOLP({
+            nextOnInput: false,
+            nextStepMap: nextStepsMapGeneralLegalMinimal,
+            headlineClass: "t-text-lg",
+            input: {
+              placeholder: "Select a Category",
+              innerClass: "!t-max-w-[275px] md:!t-max-w-xl",
+              inputClass: "t-text-center",
+            },
+          }),
+          dynamicSchemaNode(),
+          contactInfoV2({
+            subheadlineClass: "!t-text-base",
+          }),
+          formNavigationNoFinalBack({
+            startText: "Start Now",
+            submitLabel: "Get Help Now",
+            inputClass: "!t-font-extrabold",
+            firstStepButtonClass: "!t-justify-center",
+          }),
+          secureIconStandalone(),
+          formDetails(),
+        ],
+      },
+    ],
+  },
+];
+
+export { schema as default };