bhl-forms 0.8.7 → 0.8.9

package/dist/forms/foreclosure.es.js

@@ -0,0 +1,2123 @@
+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 = "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.";
+
+// ------ Common Base Settings
+
+const checkbox = (updates) => {
+  if (updates.name && !updates.id) {
+    updates.id = updates.name;
+  }
+  return merge(
+    {
+      $formkit: "checkbox",
+      validation: "required",
+      validationMessages: {
+        required: "Field is required",
+      },
+    },
+    updates
+  )
+};
+
+const sbsCheckbox = (updates) => {
+  updates.legendClass = "legend-left required";
+  updates.fieldsetClass = "$reset side-by-side";
+  updates.optionsClass = "t-pl-1";
+  updates.innerClass = "t-flex t-items-center";
+  updates.wrapperClass = "t-mb-3";
+  return checkbox(updates)
+};
+
+const col2Checkbox = (updates) => {
+  if (!updates || !updates.legendClass) {
+    updates.legendClass = "required";
+  }
+  updates.fieldsetClass = "$reset";
+  updates.optionsClass = "t-pl-8 md:t-pl-2 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";
+  return checkbox(updates)
+};
+
+const verticalCol2Checkbox = (updates) => {
+  if (!updates || !updates.legendClass) {
+    updates.legendClass = "required t-w-[100%] t-text-center";
+  }
+  updates.fieldsetClass = "$reset t-flex t-justify-center t-flex-col";
+  updates.innerClass = "t-items-start";
+  updates.wrapperClass = "$reset t-flex t-cursor-pointer t-mb-3";
+  updates.optionClass = "t-pl-4 md:t-pl-16 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 checkbox(updates)
+};
+
+const radio = (updates) => {
+  if (updates.name && !updates.id) {
+    updates.id = updates.name;
+  }
+  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 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.optionClass = "radiobtn t-my-2 sm:t-my-0 t-mx-2 md:t-mx-5";
+  updates.wrapperClass = "$reset formkit-wrapper t-mb-0 t-flex t-items-center t-h-[100%]";
+  updates.labelClass = "t-font-semibold t-text-[#1e448f] t-w-[100%]";
+  updates.decoratorIcon = false;
+  updates.messagesClass = "t-flex t-justify-center";
+  updates.helpClass = "t-mt-2.5 !t-text-sm t-text-center";
+  return radio(updates)
+};
+
+const verticalYesNoRadio = (updates) => {
+  updates.options = ["Yes", "No"];
+  updates.optionsClass = "t-flex t-justify-center t-my-3";
+  return verticalButtonRadio(updates)
+};
+
+const 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",
+      },
+      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.helpClass = "t-mt-2.5 t-text-center";
+  return select(updates)
+};
+
+const text = (updates) => {
+  if (updates.name && !updates.id) {
+    updates.id = updates.name;
+  }
+  return merge(
+    {
+      $formkit: "text",
+      validation: "required",
+      validationMessages: {
+        required: "Field is required",
+      },
+      labelClass: "required",
+    },
+    updates
+  )
+};
+
+const sbsText = (updates) => {
+  updates.wrapperClass = "side-by-side t-items-center";
+  return text(updates)
+};
+
+const verticalText = (updates) => {
+  updates.wrapperClass = "t-flex t-justify-center";
+  updates.messagesClass = "t-flex t-justify-center";
+  updates.inputClass = "t-text-center";
+  updates.helpClass = "t-mt-2.5 !t-text-sm t-text-center";
+  return text(updates)
+};
+
+const textArea = (updates) => {
+  if (updates.name && !updates.id) {
+    updates.id = updates.name;
+  }
+  return merge(
+    {
+      $formkit: "textarea",
+      rows: 5,
+      maxlength: 500,
+      validation: "required",
+      validationMessages: {
+        required: "Field is required",
+      },
+      innerClass: "t-max-w-xl",
+      labelClass: "required",
+    },
+    updates
+  )
+};
+
+const date = (updates) => {
+  if (updates.name && !updates.id) {
+    updates.id = updates.name;
+  }
+  return merge(
+    {
+      $formkit: "DatePicker",
+      validation: "required",
+      validationMessages: {
+        required: "Field is required",
+      },
+      labelClass: "required t-block t-mb-3 t-font-semibold t-text-base formkit-invalid:t-text-red-500",
+      innerClass:
+        "t-border t-border-gray-400 formkit-invalid:t-border-red-500 t-rounded t-mb-1 focus-within:t-border-blue-500",
+    },
+    updates
+  )
+};
+
+const sbsDate = (updates) => {
+  updates.wrapperClass = "side-by-side t-items-center";
+  return date(updates)
+};
+
+const verticalDate = (updates) => {
+  updates.wrapperClass = "t-flex t-justify-center";
+  updates.inputClass = "t-text-center";
+  updates.messagesClass = "t-flex t-justify-center";
+  return date(updates)
+};
+
+const 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 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 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;
+  return func({
+    label,
+    help,
+    placeholder: "#####",
+    name: scope ? scope + ":" + "Zip" : "Zip",
+    maxlength: 5,
+    inputmode: "numeric",
+    autocomplete: "postal-code",
+    validation: "required|matches:/^[0-9]{5}$/",
+    validationMessages: {
+      required: "Zip Code is required",
+      matches: "Invalid Zip Code",
+    },
+    ...updates,
+  })
+};
+
+const amountPaymentsPastDue$1 = (scope, vertical, updates = {}) => {
+  const func = vertical ? verticalSelect : sbsSelect;
+  const label = vertical ? updates.label : "Total Amount of Payments that are Past Due:";
+  return func(
+    merge(
+      {
+        label,
+        name: scope ? scope + ":" + "Amount_Payments_Past_Due" : "Amount_Payments_Past_Due",
+        options: [
+          "$0 - $499",
+          "$500 - $999",
+          "$1,000 - $2,499",
+          "$2,500 - $4,999",
+          "$5,000 - $9,999",
+          "$10,000 - $24,999",
+          "$25,000 - $49,999",
+          "$50,000 - $99,999",
+          "More than $100,000",
+        ],
+      },
+      updates
+    )
+  )
+};
+
+const applicantAge = (scope, vertical, updates = {}) => {
+  const func = vertical ? verticalText : sbsText;
+  const label = vertical ? updates.label : "Age of Applicant?";
+  const value = vertical ? updates.value ?? "50" : null;
+  return func(
+    merge({
+      label,
+      placeholder: "Age between 18 and 65",
+      name: scope ? scope + ":" + "Applicant_Age" : "Applicant_Age",
+      value,
+      maxlength: 2,
+      inputmode: "numeric",
+      validation: "required|min:18,max:65",
+      validationMessages: {
+        required: "Applicant Age is required",
+        min: "Invalid Age - must be between 18 and 65",
+        max: "Invalid Age - must be between 18 and 65",
+      },
+      ...updates,
+    })
+  )
+};
+
+const atFault = (scope, 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 bankruptcyCrossSell = (scope) =>
+  sbsCheckbox({
+    label: "I'd also like a consult for bankruptcy or debt elimination (optional)",
+    help: "Note: you will be contacted separately by a bankruptcy/debt expert",
+    name: scope ? scope + ":CrossSell_Bankruptcy" : "CrossSell_Bankruptcy",
+    id: scope ? scope + ":CrossSell_Bankruptcy" : "CrossSell_Bankruptcy",
+    if: '$getVal($get(form), "Type_Of_Legal_Problem") != "Bankruptcy" && ($getVal($get(form), "Degree_Of_Interest") == "Absolutely Can\'t Afford" || $getVal($get(form), "Degree_Of_Interest") == "Maybe" || $getVal($get(form), "Degree_Of_Interest") == "Probably")',
+    validation: null,
+    helpClass: "!t-text-sm",
+  });
+
+const childHome = (scope, vertical, updates = {}) => {
+  const func = vertical ? col2RadioCenter : sbsSelect;
+  const label = vertical ? updates.label : "With Whom Do the Children Currently Live?";
+  return func(
+    merge(
+      {
+        label,
+        name: scope ? scope + ":" + "Child_Home" : "Child_Home",
+        options: ["Mother", "Father", "Grandparents", "Other"],
+      },
+      updates
+    )
+  )
+};
+
+const childPrimaryCaregiver = (scope, vertical, updates = {}) => {
+  const func = vertical ? verticalButtonRadio : sbsSelect;
+  const label = vertical ? updates.label : "Who is the Primary Caregiver?";
+  return func(
+    merge(
+      {
+        label,
+        name: scope ? scope + ":" + "Child_Primary_Caregiver" : "Child_Primary_Caregiver",
+        options: ["Mother", "Father", "Other"],
+      },
+      updates
+    )
+  )
+};
+
+const childRelationship = (scope, vertical, updates = {}) => {
+  const func = vertical ? col2RadioCenter : sbsSelect;
+  const label = vertical ? updates.label : "Your Relationship to Child(ren):";
+  return func(
+    merge(
+      {
+        label,
+        name: scope ? scope + ":" + "Child_Relationship" : "Child_Relationship",
+        options: ["Father", "Mother", "Grandparent", "Aunt/Uncle", "Other"],
+      },
+      updates
+    )
+  )
+};
+
+const claimStatus = (scope, vertical, updates = {}) => {
+  const func = vertical ? col2RadioCenter : sbsSelect;
+  const label = vertical ? updates.label : "Status of Claim:";
+  return func(
+    merge(
+      {
+        label,
+        name: scope ? scope + ":" + "Claim_Status" : "Claim_Status",
+        options: ["No action taken yet", "Demand for compensation made", "Lawsuit filed", "Other"],
+      },
+      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 defaultNotice$1 = (scope, vertical, updates = {}) => {
+  const func = vertical ? verticalYesNoRadio : sbsYesNoRadio;
+  const label = vertical ? updates.label : "Have You Received a Notice of Loan Default?";
+  return func(
+    merge(
+      {
+        name: scope ? scope + ":" + "Default_Notice" : "Default_Notice",
+        label,
+      },
+      updates
+    )
+  )
+};
+
+const degreeOfInterestHelp = (scope, vertical, updates = {}) =>
+  degreeOfInterest$1(scope, vertical, merge(updates, { help: "No payment necessary to speak with lawyers." }));
+
+const disabilityConditionStopWork = (scope, vertical, updates = {}) => {
+  const func = vertical ? verticalYesNoRadio : sbsYesNoRadio;
+  const label = vertical
+    ? updates.label
+    : "Do You Expect To Be Out Of Work For At Least a Year Due To Your Health?";
+  return func(
+    merge(
+      {
+        name: scope ? scope + ":" + "Disability_Condition_Stop_Work" : "Disability_Condition_Stop_Work",
+        label,
+      },
+      updates
+    )
+  )
+};
+
+const disabilityWorkHistory = (scope, vertical, updates = {}) => {
+  const func = vertical ? verticalYesNoRadio : sbsYesNoRadio;
+  const label = vertical ? updates.label : "Have You Had a Full-Time Job Within the Past 5 Years?";
+  return func(
+    merge(
+      {
+        name: scope ? scope + ":" + "Disability_Work_History" : "Disability_Work_History",
+        label,
+      },
+      updates
+    )
+  )
+};
+
+const doctorTreatment = (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 estateLegalServicesNeeded = (scope, vertical, updates = {}) => {
+  const func = vertical ? col2RadioCenter : sbsSelect;
+  const label = vertical ? updates.label : "Legal Services Needed for Your Estate:";
+  return func(
+    merge(
+      {
+        name: scope ? scope + ":" + "Estate_Legal_Services_Needed" : "Estate_Legal_Services_Needed",
+        label,
+        options: [
+          "Charitable Giving",
+          "Contested Wills",
+          "Drafting Wills or Trust",
+          "Estate Administration",
+          "Asset Protection",
+          "Other",
+        ],
+      },
+      updates
+    )
+  )
+};
+
+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 haveChildren = (scope, vertical, updates = {}) => {
+  const func = vertical ? verticalYesNoRadio : sbsYesNoRadio;
+  const label = vertical ? updates.label : "Do You Have Children?";
+  return func(
+    merge(
+      {
+        name: scope ? scope + ":" + "Have_Children" : "Have_Children",
+        label,
+      },
+      updates
+    )
+  )
+};
+
+const incidentDate = (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 lawyerPaymentMethod = (scope, vertical, updates = {}) => {
+  const func = vertical ? col2RadioCenter : sbsSelect;
+  const label = vertical ? updates.label : "How Will You Pay for Legal Fees if You Hire a Lawyer?";
+  const help = vertical ? updates.help : "No payment necessary to start a consultation.";
+  const options = vertical
+    ? {
+        Cash: "Cash",
+        "Credit Card": "Credit Card",
+        Family: "Family or Friend",
+        Other: "Other",
+      }
+    : ["Cash", "Check", "Credit Card", "Friend", "Family", "Other"];
+  return func(
+    merge(
+      {
+        label,
+        help,
+        name: scope ? scope + ":" + "Lawyer_Payment_Method" : "Lawyer_Payment_Method",
+        options,
+        fieldsetClass: vertical ? "$reset t-flex t-flex-col t-items-center" : undefined,
+      },
+      updates
+    )
+  )
+};
+
+const legalCrossSells$1 = () =>
+  col2Checkbox({
+    id: "Legal_CrossSells",
+    name: "Legal_CrossSells",
+    help: 'Just hit "Next" if none apply',
+    helpClass: "t-text-center !t-text-sm",
+    validation: null,
+    options: '$getCrossSellOptions($get(form), $getVal($get(form), "Type_Of_Legal_Problem"))',
+  });
+
+const loanAmount$1 = (scope, vertical, updates = {}) => {
+  const func = vertical ? verticalSelect : sbsSelect;
+  const label = vertical ? updates.label : "Total Amount of Loan?";
+  return func(
+    merge(
+      {
+        label,
+        name: scope ? scope + ":" + "Loan_Amount" : "Loan_Amount",
+        options: [
+          "Less than $10,000",
+          "$10,000 - $24,999",
+          "$25,000 - $49,999",
+          "$50,000 - $99,999",
+          "$100,000 - $199,999",
+          "$200,000 - $299,999",
+          "$300,000 - $399,999",
+          "$400,000 - $499,999",
+          "$500,000 - $599,999",
+          "More than $600,000",
+        ],
+      },
+      updates
+    )
+  )
+};
+
+const maritalStatus = (scope, vertical, updates = {}) => {
+  const func = vertical ? col2RadioCenter : sbsSelect;
+  const label = vertical ? updates.label : "Marital Status:";
+  return func(
+    merge(
+      {
+        label,
+        name: scope ? scope + ":" + "Marital_Status" : "Marital_Status",
+        options: [
+          "Unmarried, Living Together",
+          "Unmarried, Do Not Live Together",
+          "Married, Living Together",
+          "Separated",
+          "Divorced",
+          "Other",
+        ],
+      },
+      updates
+    )
+  )
+};
+
+const ownRealEstate$1 = (scope, vertical, updates = {}) => {
+  const func = vertical ? verticalYesNoRadio : sbsYesNoRadio;
+  const label = vertical ? updates.label : "Do You Own Real Estate?";
+  return func(
+    merge(
+      {
+        name: scope ? scope + ":" + "Own_Real_Estate" : "Own_Real_Estate",
+        label,
+      },
+      updates
+    )
+  )
+};
+
+const primaryInjury = (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 policeReportFiled = (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 roleInMatterProbate = (scope, vertical, updates = {}) => {
+  const func = vertical ? col2RadioCenter : sbsSelect;
+  const label = vertical ? updates.label : "What is Your Role in this Matter?";
+  return func(
+    merge(
+      {
+        label,
+        name: scope ? scope + ":" + "Role_In_Matter_Probate" : "Role_In_Matter_Probate",
+        options: ["Preparing My Will", "Executor", "Heir", "Other"],
+      },
+      updates
+    )
+  )
+};
+
+const socialSecurityDisabilityReceivingBenefits = (scope, vertical, updates = {}) => {
+  const func = vertical ? verticalYesNoRadio : sbsYesNoRadio;
+  const label = vertical ? updates.label : "Are You Currently Receiving Social Security Disability Benefits?";
+  return func(
+    merge(
+      {
+        name: scope
+          ? scope + ":" + "Social_Security_Disability_Receiving_Benefits"
+          : "Social_Security_Disability_Receiving_Benefits",
+        label,
+      },
+      updates
+    )
+  )
+};
+
+const TCPAConsent = (scope) => ({
+  $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: {
+    label: "t-text-xs t-text-slate-500 t-font-normal !t-leading-[0.9rem]",
+  },
+});
+
+const typeOfAssets = (scope, vertical, updates = {}) => {
+  const func = vertical ? verticalCol2Checkbox : col2Checkbox;
+  const label = vertical ? updates.label : "Type of Assets:";
+  return func(
+    merge(
+      {
+        label,
+        name: scope ? scope + ":" + "Type_Of_Assets" : "Type_Of_Assets",
+        options: [
+          "Business Interests",
+          "Cash",
+          "Life Insurance Policies",
+          "Pensions/Retirement",
+          "Personal Possessions",
+          "Property",
+          "Stock/Bonds",
+        ],
+      },
+      updates
+    )
+  )
+};
+
+const typeOfProperty$1 = (scope, vertical, updates = {}) => {
+  const func = vertical ? col2RadioCenter : sbsSelect;
+  const label = vertical ? updates.label : "Type of Property:";
+  return func(
+    merge(
+      {
+        label,
+        name: scope ? scope + ":" + "Type_Of_Property" : "Type_Of_Property",
+        options: ["Residential", "Commercial", "Industrial", "Agricultural", "Recreational", "Other"],
+      },
+      updates
+    )
+  )
+};
+
+const valueOfAssets = (scope, vertical, updates = {}) => {
+  const func = vertical ? col2RadioCenter : sbsSelect;
+  const label = vertical ? updates.label : "Value of Your Assets?";
+  return func(
+    merge(
+      {
+        label,
+        name: scope ? scope + ":" + "Value_Of_Assets" : "Value_Of_Assets",
+        options: ["Less than 50K", "50K to 100K", "100K to 250K", "250K to 500K", "500K to 1M", "More than 1M"],
+      },
+      updates
+    )
+  )
+};
+
+// ------ Question Groups - TODO: move these go separate file groups.js
+
+// NOTE: name must be unique within a form!
+const group = (name, updates) => {
+  return merge(
+    {
+      $cmp: "FormKit",
+      props: {
+        type: "group",
+        key: name,
+        id: name,
+        name: name,
+      },
+    },
+    updates
+  )
+};
+
+const AutoAndCarAccidentsQuestions = (condition, scope) =>
+  group("AutoAndCarAccidentsQuestions", {
+    if: condition || '$get(Type_Of_Legal_Problem).value == "Auto and Car Accidents"',
+    children: [
+      haveAttorney$1(scope),
+      incidentDate(scope),
+      atFault(scope),
+      primaryInjury(scope),
+      doctorTreatment(scope),
+      policeReportFiled(scope),
+    ],
+  });
+
+const ChildCustodyQuestions = (condition, scope) =>
+  group("ChildCustodyQuestions", {
+    if: condition || '$get(Type_Of_Legal_Problem).value == "Child Custody"',
+    children: [
+      haveAttorney$1(scope),
+      childRelationship(scope),
+      childHome(scope),
+      childPrimaryCaregiver(scope),
+      degreeOfInterest$1(scope),
+      lawyerPaymentMethod(scope),
+    ],
+  });
+
+const DivorceQuestions = (condition, scope) =>
+  group("DivorceQuestions", {
+    if: condition || '$get(Type_Of_Legal_Problem).value == "Divorce and Separation"',
+    children: [
+      haveAttorney$1(scope),
+      maritalStatus(scope),
+      haveChildren(scope),
+      degreeOfInterest$1(scope),
+      lawyerPaymentMethod(scope),
+    ],
+  });
+
+const PersonalInjuryQuestions = (condition, scope) =>
+  group("PersonalInjuryQuestions", {
+    if: condition || '$get(Type_Of_Legal_Problem).value == "Personal Injury"',
+    children: [
+      haveAttorney$1(scope),
+      incidentDate(scope),
+      claimStatus(scope),
+      atFault(scope),
+      primaryInjury(scope),
+      doctorTreatment(scope),
+    ],
+  });
+
+const SocialSecurityDisabilityAndInsuranceQuestions = (condition, scope) =>
+  group("SocialSecurityDisabilityAndInsuranceQuestions", {
+    if: condition || '$get(Type_Of_Legal_Problem).value == "Social Security Disability and Insurance"',
+    children: [
+      haveAttorney$1(scope),
+      applicantAge(scope),
+      disabilityConditionStopWork(scope),
+      disabilityWorkHistory(scope),
+      socialSecurityDisabilityReceivingBenefits(scope),
+      doctorTreatment(scope),
+    ],
+  });
+
+const WillsAndTrustsQuestions = (condition, scope) =>
+  group("WillsAndTrustsQuestions", {
+    if: condition || '$get(Type_Of_Legal_Problem).value == "Wills and Trusts"',
+    children: [
+      haveAttorney$1(scope),
+      valueOfAssets(scope),
+      typeOfAssets(scope),
+      roleInMatterProbate(scope),
+      estateLegalServicesNeeded(scope),
+      degreeOfInterestHelp(scope),
+    ],
+  });
+
+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 crossSellQuestionsStepHeadline(updates) {
+  return {
+    $el: "h3",
+    children: updates.headline || "Tell Us About Your Situation",
+    attrs: {
+      class: "t-flex t-justify-center t-text-center t-text-2xl t-font-bold t-text-blue-500 t-pb-4 t-pt-0 t-px-1",
+    },
+  }
+}
+
+function crossSellQuestionsStepSubHeadline(updates) {
+  return {
+    $el: "h5",
+    children: updates.subheadline || "Tell us about your situation:",
+    attrs: {
+      class: "t-flex t-justify-center t-text-dark t-text-center !t-text-lg t-font-semibold t-pb-4 t-pt-0 t-px-3",
+    },
+  }
+}
+
+function verticalStepHeadline(updates) {
+  return {
+    $el: "h3",
+    children: updates.headline || "Tell Us About Your Situation",
+    attrs: {
+      class:
+        "t-flex t-justify-center t-text-center t-text-2xl t-font-bold t-text-dark t-pb-5 t-pt-0 t-px-1" +
+        " " +
+        (updates.headlineClass || ""),
+    },
+  }
+}
+
+function verticalStepSubHeadline(updates) {
+  return {
+    $el: "h5",
+    children: updates.subheadline || "",
+    attrs: {
+      class:
+        "t-flex t-justify-center t-text-center !t-text-lg t-font-normal t-text-dark t-pb-5 t-pt-0 t-px-1" +
+        " " +
+        (updates.subheadlineClass || ""),
+    },
+  }
+}
+
+function commentsStepHeadline(updates) {
+  return {
+    $el: "h3",
+    children: updates.headline || "Additional Details",
+    attrs: {
+      class:
+        "t-flex t-justify-center t-text-center t-text-2xl t-font-bold t-text-blue-500 t-pb-5 t-pt-0 t-px-1" +
+        " " +
+        (updates.headlineClass || ""),
+    },
+  }
+}
+
+function commentsStepHeadlineLegal(updates) {
+  return commentsStepHeadline({
+    headline: updates.headline || "Additional Case Details",
+    headlineClass: updates.headlineClass,
+  })
+}
+
+function firstAndLastStepHeadline(updates) {
+  return {
+    $el: "h3",
+    children: updates.headline || "Please Provide a Contact Name",
+    attrs: {
+      class:
+        "t-flex t-justify-center t-text-center t-text-2xl t-font-bold t-text-blue-500 t-pb-5 t-pt-0 t-px-1" +
+        " " +
+        (updates.headlineClass || ""),
+    },
+  }
+}
+
+function legalCrossSellsStepHeadline(updates) {
+  return {
+    $el: "h3",
+    children: updates.headline || "Do any of the following situations apply?",
+    attrs: {
+      class:
+        "t-flex t-justify-center t-text-center t-text-2xl t-font-bold t-text-blue-500 t-pb-5 t-pt-0 t-px-1" +
+        " " +
+        (updates.headlineClass || ""),
+    },
+  }
+}
+
+function contactStepHeadline(updates) {
+  return {
+    $el: "h3",
+    children: updates.headline || DEFAULT_FINAL_HEADLINE_DYNAMIC_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 || "") +
+        " 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-7 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 contactInfo(updates = {}) {
+  return step(
+    "contactInfo",
+    [
+      contactStepHeadline(updates),
+      contactStepSubHeadline(updates),
+      trustedFormScript(),
+      email(updates.scope),
+      phone(updates.scope),
+      TCPAConsent(updates.scope),
+      secureIcon(),
+    ],
+    { nextOnEnter: false }
+  )
+}
+
+function firstAndLastV3(updates = {}) {
+  return step(
+    "firstAndLast",
+    [
+      firstAndLastStepHeadline({
+        headline: updates.headline ?? "Who is looking for help?",
+        headlineClass: updates.headlineClass,
+      }),
+      verticalStepSubHeadline({
+        subheadline: updates.subheadline ?? "Note: we never share info without consent",
+        subheadlineClass: "!t-text-sm !t-text-gray-500",
+      }),
+      firstName(updates.scope),
+      lastName(updates.scope),
+    ],
+    updates
+  )
+}
+
+function zipcode(updates = {}) {
+  return sqstep("zipcode", zipcode$1(updates.scope, true, updates.input), "Please verify your Zip Code", updates)
+}
+
+function commentsWithBankruptcy(updates = {}) {
+  return step(
+    "commentsWithBankruptcy",
+    [
+      commentsStepHeadlineLegal(updates),
+      comments(updates.scope, false, {
+        label: typeof updates.label === "undefined" ? DEFAULT_COMMENTS_LABEL_LEGAL : updates.label,
+        placeholder: updates.placeholder || DEFAULT_COMMENTS_PLACEHOLDER_DYNAMIC_LEGAL,
+        inputClass: typeof updates.inputClass === "undefined" ? "!t-h-32" : updates.inputClass,
+      }),
+      // TODO: needs scope support
+      bankruptcyCrossSell(),
+      {
+        $el: "div",
+        if: "$get(CrossSell_Bankruptcy).value == true",
+        children: [
+          comments("CrossSell:Bankruptcy", false, {
+            label: "Bankruptcy or debt details:",
+            placeholder: "Please describe your bankrtupcy or debt situation in a few words...",
+            inputClass: "!t-h-16",
+          }),
+        ],
+      },
+    ],
+    { nextOnEnter: false }
+  )
+}
+
+function autoAndCarAccidentCrossSellQuestions(updates = {}) {
+  return step(
+    "autoAndCarAccidentCrossSellQuestions",
+    [
+      crossSellQuestionsStepHeadline({
+        headline: "You May Be Entitled To Compensation",
+      }),
+      crossSellQuestionsStepSubHeadline({
+        subheadline: "Tell us about your accident:",
+      }),
+      AutoAndCarAccidentsQuestions("true", "CrossSell:Auto_and_Car_Accidents"),
+      comments("CrossSell:Auto_and_Car_Accidents", false, {
+        label: "Accident Description:",
+        placeholder: "Please describe your accident in a few words...",
+        inputClass: "!t-h-16",
+      }),
+    ],
+    updates
+  )
+}
+
+function childCustodyCrossSellQuestions(updates = {}) {
+  return step(
+    "childCustodyCrossSellQuestions",
+    [
+      crossSellQuestionsStepHeadline({ headline: "Child Custody Information" }),
+      ChildCustodyQuestions("true", "CrossSell:Child_Custody"),
+      comments("CrossSell:Child_Custody", false, {
+        label: "Description:",
+        placeholder: "Please describe your situation in a few words...",
+        inputClass: "!t-h-16",
+      }),
+    ],
+    updates
+  )
+}
+
+function divorceAndSeparationCrossSellQuestions(updates = {}) {
+  return step(
+    "divorceAndSeparationCrossSellQuestions",
+    [
+      crossSellQuestionsStepHeadline({
+        headline: "Divorce or Separation Information",
+      }),
+      DivorceQuestions("true", "CrossSell:Divorce_and_Separation"),
+      comments("CrossSell:Divorce_and_Separation", false, {
+        label: "Description:",
+        placeholder: "Please describe your situation in a few words...",
+        inputClass: "!t-h-16",
+      }),
+    ],
+    updates
+  )
+}
+
+function ssdiCrossSellQuestions(updates = {}) {
+  return step(
+    "ssdiCrossSellQuestions",
+    [
+      crossSellQuestionsStepHeadline({
+        headline: "You May Be Entitled To Benefits",
+      }),
+      crossSellQuestionsStepSubHeadline({
+        subheadline: "Tell us about your disability:",
+      }),
+      SocialSecurityDisabilityAndInsuranceQuestions("true", "CrossSell:Social_Security_Disability_and_Insurance"),
+      comments("CrossSell:Social_Security_Disability_and_Insurance", false, {
+        label: "Description:",
+        placeholder: "Please describe your situation in a few words...",
+        inputClass: "!t-h-16",
+      }),
+    ],
+    updates
+  )
+}
+
+function personalInjuryCrossSellQuestions(updates = {}) {
+  return step(
+    "personalInjuryCrossSellQuestions",
+    [
+      crossSellQuestionsStepHeadline({
+        headline: "You May Be Entitled To Compensation",
+      }),
+      crossSellQuestionsStepSubHeadline({
+        subheadline: "Tell us about your injury:",
+      }),
+      PersonalInjuryQuestions("true", "CrossSell:Personal_Injury"),
+      comments("CrossSell:Personal_Injury", false, {
+        label: "Injury Description:",
+        placeholder: "Please describe your injury in a few words...",
+        inputClass: "!t-h-16",
+      }),
+    ],
+    updates
+  )
+}
+
+function willsAndTrustsCrossSellQuestions(updates = {}) {
+  return step(
+    "willsAndTrustsCrossSellQuestions",
+    [
+      crossSellQuestionsStepHeadline({ headline: "Will or Trust Information" }),
+      WillsAndTrustsQuestions("true", "CrossSell:Wills_and_Trusts"),
+      comments("CrossSell:Wills_and_Trusts", false, {
+        label: "Description:",
+        placeholder: "Please describe your situation in a few words...",
+        inputClass: "!t-h-16",
+      }),
+    ],
+    updates
+  )
+}
+
+function legalCrossSells(updates = {}) {
+  updates.nextOnInput = false;
+  updates.stepKey = "$get(Type_Of_Legal_Problem).value";
+  return step("legalCrossSells", [legalCrossSellsStepHeadline(updates), legalCrossSells$1()], updates)
+}
+
+function haveAttorney(updates = {}) {
+  return sqstep(
+    "haveAttorney",
+    haveAttorney$1(updates.scope, true, updates.input),
+    "Already working with an attorney?",
+    updates
+  )
+}
+
+function degreeOfInterest(updates = {}) {
+  return sqstep(
+    "degreeOfInterest",
+    degreeOfInterest$1(updates.scope, true, updates.input),
+    "Could you pay if your issue could be resolved?",
+    updates
+  )
+}
+
+function ownRealEstate(updates = {}) {
+  return sqstep(
+    "ownRealEstate",
+    ownRealEstate$1(updates.scope, true, updates.input),
+    "Do you own real estate?",
+    updates
+  )
+}
+
+function typeOfProperty(updates = {}) {
+  return sqstep(
+    "typeOfProperty",
+    typeOfProperty$1(updates.scope, true, updates.input),
+    "What type of property is involved?",
+    updates
+  )
+}
+
+function amountPaymentsPastDue(updates = {}) {
+  return sqstep(
+    "amountPaymentsPastDue",
+    amountPaymentsPastDue$1(updates.scope, true, updates.input),
+    "Total amount of payments past due:",
+    updates
+  )
+}
+
+function loanAmount(updates = {}) {
+  return sqstep("loanAmount", loanAmount$1(updates.scope, true, updates.input), "Total amount of the loan:", updates)
+}
+
+function defaultNotice(updates = {}) {
+  return sqstep(
+    "defaultNotice",
+    defaultNotice$1(updates.scope, true, updates.input),
+    "Have you received a loan default notice?",
+    updates
+  )
+}
+
+function foreclosureTOLP(updates = {}) {
+  return step(
+    "foreclosureTOLP",
+    [
+      {
+        $formkit: "hidden",
+        name: "Type_Of_Legal_Problem",
+        id: "Type_Of_Legal_Problem",
+        value: "Foreclosure",
+      },
+      typeOfProperty$1(updates.scope, true, updates.input),
+    ],
+    updates
+  )
+}
+
+const formNavigation = (updates = {}) => ({
+  $el: "div",
+  attrs: {
+    class: {
+      if: "$activeStep === $firstStep()",
+      then: "step-nav !t-justify-center sm:!t-justify-between",
+      else: "step-nav !t-justify-between",
+    },
+  },
+  children: [
+    {
+      $formkit: "button",
+      name: "back_button",
+      onClick: "$setPreviousStep($prevStepFunc($get(form)))",
+      children: "Back",
+      outerClass: {
+        if: "$activeStep === $firstStep()",
+        then: "t-hidden sm:t-block",
+        else: "",
+      },
+      style: {
+        if: "$activeStep === $firstStep()",
+        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 || "") + " !t-ml-2 sm:!t-ml-auto f-navigation-input",
+      },
+    },
+  ],
+});
+
+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.2rem] t-font-medium t-text-blue-500 t-px-10" +
+        " " +
+        (updates.subheadlineClass || "") +
+        " f-first-subheadline",
+    },
+  }
+}
+
+function subHeadline(updates = {}) {
+  return merge(subHeadlineDefaults(updates), updates)
+}
+
+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': '',
+};
+
+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 nextStepsLegalDefault = [
+  "haveAttorney",
+  "degreeOfInterest",
+  "commentsWithBankruptcy",
+  "zipcode",
+  "legalCrossSells",
+  "firstAndLast",
+  "contactInfo",
+];
+
+const nextStepsMapForeclosure = {
+  values: {
+    // Custom because we ask typeOfProperty on s1
+    "*": ["amountPaymentsPastDue", "loanAmount", "defaultNotice", "ownRealEstate", ...nextStepsLegalDefault],
+  },
+};
+
+const nextStepsMapLegalCrossSells = {
+  values: {
+    Legal_CrossSells: {
+      "Auto and Car Accidents": ["autoAndCarAccidentCrossSellQuestions"],
+      "Personal Injury": ["personalInjuryCrossSellQuestions"],
+      "Workers Compensation": ["workersCompensationCrossSellQuestions"],
+      "DUI and DWI": ["duiAndDWICrossSellQuestions"],
+      "Long Term Disability": ["longTermDisabilityCrossSellQuestions"],
+      "Social Security Disability and Insurance": ["ssdiCrossSellQuestions"],
+      Bankruptcy: ["bankruptcyCrossSellQuestions"],
+      "Power of Attorney": ["powerOfAttorneyCrossSellQuestions"],
+      "Wills and Trusts": ["willsAndTrustsCrossSellQuestions"],
+      "Divorce and Separation": ["divorceAndSeparationCrossSellQuestions"],
+      "Child Custody": ["childCustodyCrossSellQuestions"],
+    },
+    "*": ["firstAndLast", "contactInfo"],
+  },
+
+  // NOTE: this assumes a certain placement of the cross sell question
+  // in the form flow.
+  appendSteps: ["firstAndLast", "contactInfo"],
+  matchesAllowed: 1,
+};
+
+const meta = defaultMetaPropsLegal();
+
+meta.data.dynamicSchema = [
+  amountPaymentsPastDue(),
+  defaultNotice(),
+  loanAmount(),
+  ownRealEstate(),
+  typeOfProperty(),
+  degreeOfInterest(),
+  haveAttorney(),
+  zipcode(),
+  commentsWithBankruptcy({
+    label: null,
+    headline: "Please briefly describe your situation:",
+    headlineClass: "!t-text-dark",
+  }),
+  legalCrossSells({
+    headlineClass: "!t-text-dark",
+    nextStepMap: nextStepsMapLegalCrossSells,
+  }),
+  autoAndCarAccidentCrossSellQuestions(),
+  ssdiCrossSellQuestions(),
+  personalInjuryCrossSellQuestions(),
+  willsAndTrustsCrossSellQuestions(),
+  divorceAndSeparationCrossSellQuestions(),
+  childCustodyCrossSellQuestions(),
+  firstAndLastV3({
+    headlineClass: "!t-text-dark",
+  }),
+];
+
+const schema = [
+  meta,
+  formAnchor(),
+  {
+    $cmp: "FormKit",
+    props: formProps({
+      formId: "foreclosure",
+      redirectMap: legalRedirectMap(),
+      crossSellOptionMap: {
+        Foreclosure: {
+          "Auto and Car Accidents": "Involved in a Car Accident",
+          "Wills and Trusts": "Need a Will or Trust",
+          "Personal Injury": "Personal or Workplace Injury",
+          "Divorce and Separation": "Need a Divorce or Separation",
+          "Child Custody": "Need help with Child Custody",
+          "Social Security Disability and Insurance": "Interest in SSDI Benefits",
+        },
+      },
+    }),
+    children: [
+      progressBar(),
+      headline({
+        children: '$urlParam("hl", "Protect Your Family Today!")',
+        if: "$activeStep === $firstStep()",
+        headlineClass: "!t-pt-8 !t-text-2xl",
+      }),
+      subHeadline({
+        children: '$urlParam("shl", "What Type of Property Is Facing Foreclosure?")',
+        if: "$activeStep === $firstStep()",
+      }),
+      ...hiddenInputsLegal,
+      {
+        $el: "div",
+        attrs: {
+          class: "form-body",
+        },
+        children: [
+          foreclosureTOLP({
+            nextOnInput: false,
+            nextStepMap: nextStepsMapForeclosure,
+          }),
+          dynamicSchemaNode(),
+          contactInfo({
+            headline: "Secure Your Future Today",
+            subheadline: "Attorneys Are Ready To Help",
+          }),
+          formNavigation({
+            startText: "Get Started",
+            inputClass: "!t-font-extrabold",
+          }),
+          formDetails(),
+        ],
+      },
+    ],
+  },
+];
+
+export { schema as default };