bhl-forms 0.8.3 → 0.8.4

package/dist/forms/generalContractors.es.js

@@ -0,0 +1,1865 @@
+function merge() {
+  return Object.assign({}, ...arguments)
+}
+
+function HomeImprovementRedirectUrl() {
+  return 'https://listings.zipcontractor.com/api/v1/redirect?zone_id=4&vertical=HomeImprovement&category=${properties.Category}&zip_code=${properties.Zip}&sub_id=${properties.vid}'
+}
+
+const DEFAULT_COMMENTS_LABEL = "Please briefly describe your issue in a few words:";
+const DEFAULT_COMMENTS_PLACEHOLDER_DYNAMIC =
+  '$getKey($meta, "commentsPlaceholders." + $get(Category).value, $meta.defaultCommentsPlaceholder)';
+const DEFAULT_FINAL_HEADLINE_DYNAMIC_LEGAL =
+  '$getKey($meta, "finalHeadlines." + $get(Type_Of_Legal_Problem).value, $meta.defaultFinalHeadline)';
+const DEFAULT_FINAL_SUBHEADLINE_DYNAMIC_LEGAL =
+  '$getKey($meta, "finalSubHeadlines." + $get(Type_Of_Legal_Problem).value, $meta.defaultFinalSubHeadline)';
+
+const DEFAULT_COMMENTS_PLACEHOLDER_DYNAMIC_HOME_IMPROVEMENT = DEFAULT_COMMENTS_PLACEHOLDER_DYNAMIC;
+const DEFAULT_FINAL_HEADLINE_HOME_IMPROVEMENT = "We Found Contractors!";
+const DEFAULT_FINAL_SUBHEADLINE_HOME_IMPROVEMENT = "Compare quotes and save. Verify contact info:";
+const TCPA_LANGUAGE_HOME_IMPROVEMENT =
+  'By checking this box, I a) agree to the Terms of Use, and b) consent to be contacted by up to four <a href="/providers" target="_blank" class="t-text-blue-600 t-underline">contractors and partners</a> 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.';
+const defaultHomeImprovementCrossSells = ["Painting", "Plumbing", "Electrical", "Siding", "Remodeling", "Roofing"];
+const CROSS_SELL_OPTION_MAP_HOME_IMPROVEMENT = {
+  // Values can be a list or a map of value -> display value
+  Additions: ["Painting", "Landscaping", "Plumbing", "Appliances", "Heating and Cooling", "Driveways"],
+  // 'Appliances': [],
+  // 'Appraisals': [],
+  // 'Cabinets': [],
+  // 'Carpentry': [],
+  // 'Carpets': [],
+  // 'Cleaning': [],
+  // 'Countertops': [],
+  // 'Decks and Porches': [],
+  // 'Demolition': [],
+  // 'Doors': [],
+  // 'Driveways': [],
+  // 'Drywall and Plaster': [],
+  Electrical: ["Painting", "Plumbing", "Drywall and Plaster", "Flooring", "Remodeling", "Roofing"],
+  // 'Fencing': [],
+  Flooring: ["Painting", "Plumbing", "Electrical", "Carpentry", "Remodeling", "Roofing"],
+  // 'Foundations': [],
+  // 'Garage Doors': [],
+  "General Contractors": ["Painting", "Plumbing", "Electrical", "Flooring", "Landscaping", "Roofing"],
+  // 'Gutters': [],
+  // 'Handyman': [],
+  // 'Holiday Decorators': [],
+  // 'Smart Home': [],
+  "Home Builders": ["Painting", "Driveways", "Masonry and Concrete", "Pest Control", "Landscaping", "Windows"],
+  // 'Home Inspection': [],
+  // 'Home Organization': [],
+  // 'Home Security': [],
+  // 'Home Staging': [],
+  // 'Home Theater': [],
+  // 'Home Warranties': [],
+  // 'Hot Tubs': [],
+  // 'Heating and Cooling': [],
+  // 'Insulation': [],
+  // 'Junk Removal': [],
+  // 'Landscaping': [],
+  // 'Locksmiths': [],
+  // 'Masonry and Concrete': [],
+  // 'Restoration': [],
+  // // 'Moving': [],
+  Painting: ["Plumbing", "Electrical", "Flooring", "Remodeling", "Roofing", "Windows"],
+  // 'Pest Control': [],
+  // 'Pools': [],
+  Plumbing: ["Painting", "Appliances", "Electrical", "Flooring", "Remodeling", "Roofing"],
+  // 'Pressure Washing': [],
+  Remodeling: ["Painting", "Landscaping", "Electrical", "Flooring", "Masonry and Concrete", "Roofing"],
+  Roofing: ["Painting", "Plumbing", "Electrical", "Flooring", "Remodeling", "Windows"],
+  // 'Sheds': [],
+  // 'Siding': [],
+  // 'Solar': [],
+  // 'Tiling': [],
+  // 'Walk-in Tubs': [],
+  // 'Waterproofing': [],
+  // 'Window Cleaning': [],
+  // 'Windows': []
+  "*": defaultHomeImprovementCrossSells,
+};
+
+// ------ 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 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 sbsRadio = (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 radio(updates)
+};
+
+const verticalRadio = (updates) => {
+  updates.legendClass = "required";
+  updates.fieldsetClass = "$reset t-flex t-justify-center";
+  updates.optionsClass = "t-pl-2 t-pt-3";
+  updates.innerClass = "t-items-center";
+  updates.wrapperClass = "$reset t-flex t-cursor-pointer t-mb-3";
+  updates.optionClass = "t-pl-4 md:t-pl-12";
+  updates.messagesClass = "t-flex t-justify-center";
+  return radio(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
+  )
+};
+
+// ------ Common Inputs
+
+const address$1 = (scope, vertical, updates = {}) => {
+  const func = vertical ? verticalText : sbsText;
+  const label = vertical ? updates.label : "Street Address:";
+  return func({
+    label,
+    placeholder: "10 Example St",
+    name: scope ? scope + ":" + "Address" : "Address",
+    autocomplete: "street-address",
+    "data-tf-sensitive": "false",
+    minlength: 5,
+    maxlength: 100,
+    validationMessages: {
+      minlength: "Invalid Address",
+      required: "Address is required",
+    },
+    ...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,
+  })
+};
+
+// 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 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]",
+  },
+});
+
+// ------ 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
+  )
+};
+
+// ------ Home Improvement
+
+const homeImprovementCrossSells$1 = () =>
+  verticalCol2Checkbox({
+    id: "HomeImprovement_CrossSells",
+    name: "HomeImprovement_CrossSells",
+    help: 'Just hit "Next" if none apply',
+    helpClass: "t-text-center !t-text-sm",
+    validation: null,
+    options: '$getCrossSellOptions($get(form), $getVal($get(form), "Category"))',
+  });
+
+const ElectricalQuestions = (condition, scope) =>
+  group("ElectricalQuestions", {
+    if: condition || '$get(Category).value == "Electrical"',
+    children: [electricalSubtype(scope), homeImprovementWorkType(scope)],
+  });
+
+const FlooringQuestions = (condition, scope) =>
+  group("FlooringQuestions", {
+    if: condition || '$get(Category).value == "Flooring"',
+    children: [flooringMaterial(scope), homeImprovementWorkType(scope)],
+  });
+
+const LandscapingQuestions = (condition, scope) =>
+  group("LandscapingQuestions", {
+    if: condition || '$get(Category).value == "Landscaping"',
+    children: [landscapingSubtype(scope), homeImprovementWorkType(scope)],
+  });
+
+const PaintingQuestions = (condition, scope) =>
+  group("PaintingQuestions", {
+    if: condition || '$get(Category).value == "Painting"',
+    children: [paintingSubtype(scope), numberOfRooms(scope)],
+  });
+
+const PlumbingQuestions = (condition, scope) =>
+  group("PlumbingQuestions", {
+    if: condition || '$get(Category).value == "Plumbing"',
+    children: [plumbingSubtype(scope), homeImprovementWorkType(scope)],
+  });
+
+const RoofingQuestions = (condition, scope) =>
+  group("RoofingQuestions", {
+    if: condition || '$get(Category).value == "Roofing"',
+    children: [roofingMaterial(scope), roofingWorkType(scope)],
+  });
+
+const timeframe$1 = (scope, vertical, updates = {}) => {
+  const func = vertical ? verticalRadio : sbsRadio;
+  const label = vertical ? updates.label : "What is the project timeframe?";
+  return func(
+    merge(
+      {
+        label,
+        name: scope ? scope + ":" + "Timeframe" : "Timeframe",
+        options: ["Immediate", "1-6 Months", "More than 6 Months"],
+      },
+      updates
+    )
+  )
+};
+
+const ownHome$1 = (scope, vertical, updates = {}) => {
+  const func = vertical ? verticalRadio : sbsRadio;
+  const label = vertical ? updates.label : "Do you own the home?";
+  return func(
+    merge(
+      {
+        label,
+        name: scope ? scope + ":" + "Own_Home" : "Own_Home",
+        options: ["Yes", "No", "No but authorized"],
+      },
+      updates
+    )
+  )
+};
+
+const homeImprovementWorkType = (scope, vertical, updates = {}) => {
+  const func = vertical ? verticalRadio : sbsRadio;
+  const label = vertical ? updates.label : "What type of work?";
+  return func(
+    merge(
+      {
+        label,
+        name: scope ? scope + ":" + "Work_Type" : "Work_Type",
+        options: ["Install or Replace", "Repair", "Not Sure or Other"],
+      },
+      updates
+    )
+  )
+};
+
+const electricalSubtype = (scope, vertical, updates = {}) => {
+  const func = vertical ? verticalSelect : sbsSelect;
+  const label = vertical ? updates.label : "What electrical job type?";
+  return func(
+    merge(
+      {
+        label,
+        name: scope ? scope + ":" + "Electrical_Subtype" : "Electrical_Subtype",
+        options: [
+          "Electrical Panel",
+          "Outlets and Fixtures",
+          "Home Theater",
+          "Exhaust Fans",
+          "Ceiling Fans",
+          "EV Charging Station",
+          "Addition or Remodel",
+          "Generator",
+          "Outdoor Lighting",
+          "Pet Fence",
+          "Thermostat",
+          "Wall or Baseboard Heater",
+          "Holiday Lighting",
+          "Not Sure or Other",
+        ],
+      },
+      updates
+    )
+  )
+};
+
+const flooringMaterial = (scope, vertical, updates = {}) => {
+  const func = vertical ? verticalRadio : sbsSelect;
+  const label = vertical ? updates.label : "What flooring material?";
+  return func(
+    merge(
+      {
+        label,
+        name: scope ? scope + ":" + "Flooring_Material" : "Flooring_Material",
+        options: [
+          "Carpet",
+          "Concrete",
+          "Hardwood",
+          "Laminate",
+          "Linoleum",
+          "Slate",
+          "Tile",
+          "Vinyl",
+          "Not Sure or Other",
+        ],
+      },
+      updates
+    )
+  )
+};
+
+const generalContractorSubtype = (scope, vertical, updates = {}) => {
+  const func = vertical ? col2RadioCenter : sbsRadio;
+  const label = vertical ? updates.label : "What contractor job type?";
+  return func(
+    merge(
+      {
+        label,
+        name: scope ? scope + ":" + "General_Contractor_Subtype" : "General_Contractor_Subtype",
+        options: [
+          "Remodeling",
+          "Additions",
+          "Major Home Repairs",
+          "Excavation",
+          "Demolition",
+          "Dumpster Rental",
+          "Not Sure or Other",
+        ],
+      },
+      updates
+    )
+  )
+};
+
+const numberOfRooms = (scope, vertical, updates = {}) => {
+  const func = vertical ? verticalRadio : sbsRadio;
+  const label = vertical ? updates.label : "How many rooms?";
+  return func(
+    merge(
+      {
+        label,
+        name: scope ? scope + ":" + "Number_Of_Rooms" : "Number_Of_Rooms",
+        options: ["1-2", "3-4", "4-5", "5-6", "6+"],
+      },
+      updates
+    )
+  )
+};
+
+const landscapingSubtype = (scope, vertical, updates = {}) => {
+  const func = vertical ? verticalSelect : sbsSelect;
+  const label = vertical ? updates.label : "What landscaping job?";
+  return func(
+    merge(
+      {
+        label,
+        name: scope ? scope + ":" + "Landscaping_Subtype" : "Landscaping_Subtype",
+        options: [
+          "Lawn Mowing",
+          "Lawn Care or Fertilization",
+          "Yard or Leaf Cleanup",
+          "Patios or Walkways",
+          "Stonework",
+          "Architects",
+          "Landscape Construction",
+          "Outdoor Lighting",
+          "Grading",
+          "Materials Delivery",
+          "Spinklers",
+        ],
+      },
+      updates
+    )
+  )
+};
+
+// TODO: need to finalize support for moving
+
+// export const movingFromAddress = (scope) => sbsText({
+//   name: scope ? scope + ':' + 'Moving_From_Address' : 'Moving_From_Address',
+//   label: 'Moving from address',
+//   placeholder: '10 Example St',
+//   autocomplete: "street-address",
+//   'data-tf-sensitive': 'false',
+//   maxlength: 100,
+//   validationMessages: {
+//     required: 'From address is required'
+//   }
+// })
+
+// export const movingToAddress = (scope) => sbsText({
+//   name: scope ? scope + ':' + 'Moving_To_Address' : 'Moving_To_Address',
+//   label: 'Moving to address',
+//   placeholder: '11 Other St',
+//   'data-tf-sensitive': 'false',
+//   maxlength: 100,
+//   validationMessages: {
+//     required: 'To address is required'
+//   }
+// })
+
+// export const movingHouseholdSize = (scope) => verticalRadio({
+//   name: scope ? scope + ':' + 'Moving_Household_Size' : 'Moving_Household_Size',
+//   label: 'What is the household size?',
+//   options: [
+//     'Less than 1000 square feet',
+//     '1000 to 2000 square feet',
+//     '2000 to 3000 square feet',
+//     'More than 3000 square feet'
+//   ]
+// })
+
+const paintingSubtype = (scope, vertical, updates = {}) => {
+  const func = vertical ? verticalSelect : sbsSelect;
+  const label = vertical ? updates.label : "What painting job type?";
+  return func(
+    merge(
+      {
+        label,
+        name: scope ? scope + ":" + "Painting_Subtype" : "Painting_Subtype",
+        options: [
+          "Whole Exterior",
+          "Exterior Touch-up",
+          "Interior Rooms",
+          "Interior Touch-up",
+          "Ceilings",
+          "Deck",
+          "Shed",
+          "Cabinets",
+          "Not Sure or Other",
+        ],
+      },
+      updates
+    )
+  )
+};
+
+const plumbingSubtype = (scope, vertical, updates = {}) => {
+  const func = vertical ? verticalSelect : sbsSelect;
+  const label = vertical ? updates.label : "What plumbing job type?";
+  return func(
+    merge(
+      {
+        label,
+        name: scope ? scope + ":" + "Plumbing_Subtype" : "Plumbing_Subtype",
+        options: [
+          "Tub or Shower",
+          "Drain",
+          "Sink",
+          "Toilet",
+          "Boiler",
+          "Water Heater",
+          "Sump Pump",
+          "Piping",
+          "Septic",
+          "Water Main",
+          "Hot Tub",
+          "Additions and Remodels",
+          "Not Sure or Other",
+        ],
+      },
+      updates
+    )
+  )
+};
+
+const roofingWorkType = (scope, vertical, updates = {}) => {
+  const func = vertical ? verticalRadio : sbsRadio;
+  const label = vertical ? updates.label : "What type of work?";
+  return func(
+    merge(
+      {
+        label,
+        name: scope ? scope + ":" + "Roofing_Work_Type" : "Roofing_Work_Type",
+        options: ["Install or Replace Roof", "Repair Roof", "Ice Dams", "Gutters", "Not Sure or Other"],
+      },
+      updates
+    )
+  )
+};
+
+const roofingMaterial = (scope, vertical, updates = {}) => {
+  const func = vertical ? verticalSelect : sbsSelect;
+  const label = vertical ? updates.label : "What roofing material?";
+  return func(
+    merge(
+      {
+        label,
+        name: scope ? scope + ":" + "Roofing_Material" : "Roofing_Material",
+        options: [
+          "Asphalt Shingle",
+          "Metal",
+          "Composite",
+          "Flat",
+          "Foam",
+          "Tile",
+          "Wood",
+          "Slate",
+          "Not Sure or Other",
+        ],
+      },
+      updates
+    )
+  )
+};
+
+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 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 firstAndLastStepHeadline(updates) {
+  return {
+    $el: "h3",
+    children: updates.headline || "Please Provide a Contact Name",
+    attrs: {
+      class:
+        "t-flex t-justify-center t-text-center t-text-2xl t-font-bold t-text-blue-500 t-pb-5 t-pt-0 t-px-1" +
+        " " +
+        (updates.headlineClass || ""),
+    },
+  }
+}
+
+function contactStepHeadline(updates) {
+  return {
+    $el: "h3",
+    children: updates.headline || DEFAULT_FINAL_HEADLINE_DYNAMIC_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 || ""),
+    },
+  }
+}
+
+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 || ""),
+    },
+  }
+}
+
+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
+  )
+}
+
+// ------ Common Steps
+
+function address(updates = {}) {
+  updates.nextOnInput = typeof updates.nextOnInput === "undefined" ? false : updates.nextOnInput;
+  return sqstep(
+    "address",
+    address$1(updates.scope, true, updates.input),
+    "What is the street address of the home?",
+    updates
+  )
+}
+
+function commentsHeadline(updates = {}) {
+  const mergedUpdates = { ...updates, nextOnEnter: false };
+
+  return step(
+    "comments",
+    [
+      commentsStepHeadline(updates),
+      comments(updates.scope, false, {
+        label: typeof updates.label === "undefined" ? DEFAULT_COMMENTS_LABEL : updates.label,
+        placeholder: updates.placeholder || DEFAULT_COMMENTS_PLACEHOLDER_DYNAMIC,
+        inputClass: typeof updates.inputClass === "undefined" ? "!t-h-32" : updates.inputClass,
+      }),
+    ],
+    mergedUpdates
+  )
+}
+
+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)
+}
+
+// ------ Home Improvement
+
+function homeImprovementCrossSellsStepHeadline(updates) {
+  return {
+    $el: "h3",
+    children: updates.headline || "Interested in free quotes for other projects?",
+    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 homeImprovementCrossSells(updates = {}) {
+  updates.nextOnInput = false;
+  updates.stepKey = "$get(Category).value";
+  return step(
+    "homeImprovementCrossSells",
+    [homeImprovementCrossSellsStepHeadline(updates), homeImprovementCrossSells$1(updates.scope)],
+    updates
+  )
+}
+
+function electricalCrossSellQuestions(updates = {}) {
+  return step(
+    "electricalCrossSellQuestions",
+    [
+      crossSellQuestionsStepHeadline({ headline: "Connect With Electrical Pros" }),
+      ElectricalQuestions("true", "CrossSell:Electrical"),
+      comments("CrossSell:Electrical", false, {
+        label: "Project Description:",
+        placeholder: "Please describe your project in a few words...",
+        inputClass: "!t-h-16",
+      }),
+    ],
+    updates
+  )
+}
+
+function flooringCrossSellQuestions(updates = {}) {
+  return step(
+    "flooringCrossSellQuestions",
+    [
+      crossSellQuestionsStepHeadline({ headline: "Connect With Flooring Pros" }),
+      FlooringQuestions("true", "CrossSell:Flooring"),
+      comments("CrossSell:Flooring", false, {
+        label: "Project Description:",
+        placeholder: "Please describe your project in a few words...",
+        inputClass: "!t-h-16",
+      }),
+    ],
+    updates
+  )
+}
+
+function landscapingCrossSellQuestions(updates = {}) {
+  return step(
+    "landscapingCrossSellQuestions",
+    [
+      crossSellQuestionsStepHeadline({ headline: "Connect With a Landscaper" }),
+      LandscapingQuestions("true", "CrossSell:Landscaping"),
+      comments("CrossSell:Landscaping", false, {
+        label: "Project Description:",
+        placeholder: "Please describe your project in a few words...",
+        inputClass: "!t-h-16",
+      }),
+    ],
+    updates
+  )
+}
+
+function paintingCrossSellQuestions(updates = {}) {
+  return step(
+    "paintingCrossSellQuestions",
+    [
+      crossSellQuestionsStepHeadline({ headline: "Connect With a Painter" }),
+      PaintingQuestions("true", "CrossSell:Painting"),
+      comments("CrossSell:Painting", false, {
+        label: "Project Description:",
+        placeholder: "Please describe your project in a few words...",
+        inputClass: "!t-h-16",
+      }),
+    ],
+    updates
+  )
+}
+
+function plumbingCrossSellQuestions(updates = {}) {
+  return step(
+    "plumbingCrossSellQuestions",
+    [
+      crossSellQuestionsStepHeadline({ headline: "Connect With a Plumber" }),
+      PlumbingQuestions("true", "CrossSell:Plumbing"),
+      comments("CrossSell:Plumbing", false, {
+        label: "Project Description:",
+        placeholder: "Please describe your project in a few words...",
+        inputClass: "!t-h-16",
+      }),
+    ],
+    updates
+  )
+}
+
+function roofingCrossSellQuestions(updates = {}) {
+  return step(
+    "roofingCrossSellQuestions",
+    [
+      crossSellQuestionsStepHeadline({ headline: "Connect With a Roofer" }),
+      RoofingQuestions("true", "CrossSell:Roofing"),
+      comments("CrossSell:Roofing", false, {
+        label: "Project Description:",
+        placeholder: "Please describe your project in a few words...",
+        inputClass: "!t-h-16",
+      }),
+    ],
+    updates
+  )
+}
+
+function timeframe(updates = {}) {
+  return sqstep(
+    "timeframe",
+    timeframe$1(updates.scope, true, updates.input),
+    "What is the project timeframe?",
+    updates
+  )
+}
+
+function ownHome(updates = {}) {
+  return sqstep("ownHome", ownHome$1(updates.scope, true, updates.input), "Do you own the home?", updates)
+}
+
+function generalContractorFirstStep(updates = {}) {
+  return step(
+    "generalContractorSubtype",
+    [
+      {
+        $formkit: "hidden",
+        name: "Category",
+        id: "Category",
+        value: "General Contractors",
+      },
+      generalContractorSubtype(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 || "",
+      },
+    },
+    {
+      $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 || "",
+      },
+    },
+    {
+      $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",
+      },
+    },
+  ],
+});
+
+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 defaultMetaPropsHomeImprovement(category = null) {
+  let commentsPlaceholders = HomeImprovementCommentsPlaceholders;
+  let finalHeadlines = HomeImprovementFinalHeadlines;
+  let finalSubHeadlines = HomeImprovementFinalSubHeadlines;
+  if (category) {
+    commentsPlaceholders = filterMapByKey(HomeImprovementCommentsPlaceholders, category);
+    finalHeadlines = filterMapByKey(HomeImprovementFinalHeadlines, category);
+    finalSubHeadlines = filterMapByKey(HomeImprovementFinalSubHeadlines, category);
+  }
+  return metaProps({
+    tcpaLanguage: TCPA_LANGUAGE_HOME_IMPROVEMENT,
+    defaultCommentsPlaceholder: DEFAULT_COMMENTS_PLACEHOLDER_DYNAMIC_HOME_IMPROVEMENT,
+    commentsPlaceholders: commentsPlaceholders,
+    defaultFinalHeadline: DEFAULT_FINAL_HEADLINE_HOME_IMPROVEMENT,
+    finalHeadlines: finalHeadlines,
+    defaultFinalSubHeadline: DEFAULT_FINAL_SUBHEADLINE_HOME_IMPROVEMENT,
+    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 || ""),
+    },
+  }
+}
+
+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 || ""),
+    },
+  }
+}
+
+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 hiddenInputsHomeImprovement = [
+  {
+    $formkit: "hidden",
+    name: "vertical",
+    value: "HomeImprovement",
+  },
+  {
+    $formkit: "hidden",
+    name: "TCPA_Language",
+    value: "$meta.tcpaLanguage",
+  },
+  ...hiddenInputsBase,
+];
+
+const homeImprovementRedirectMapDefaults = {
+  "*": HomeImprovementRedirectUrl(),
+};
+
+function homeImprovementRedirectMap(updates) {
+  return merge(homeImprovementRedirectMapDefaults, updates)
+}
+
+// ------ Home Improvement
+
+const HomeImprovementCommentsPlaceholders = {
+  Additions: 'Example: "I would like to add a sunroom to my home"',
+  Appliances: 'Example: "I need to repair a dishwasher"',
+  Appraisals: 'Example: "I need to get my home appraised"',
+  Cabinets: 'Example: "I want to install new kitchen cabinets"',
+  Carpentry: 'Example: "I need someone to build custom shelves"',
+  Carpets: 'Example: "I want to replace the carpets in my living room"',
+  Cleaning: 'Example: "I need a professional cleaning service for my home"',
+  Countertops: 'Example: "I want to install granite countertops in my kitchen"',
+  "Decks and Porches": 'Example: "I want to build a new deck in my backyard"',
+  Demolition: 'Example: "I need to demolish a wall in my home"',
+  Doors: 'Example: "I want to replace the front door of my house"',
+  Driveways: 'Example: "I need to repair my driveway"',
+  "Drywall and Plaster": 'Example: "I need to repair a hole in my drywall"',
+  Electrical: 'Example: "I need an electrician to install new light fixtures"',
+  Fencing: 'Example: "I want to install a privacy fence in my backyard"',
+  Flooring: 'Example: "I want to install hardwood flooring in my living room"',
+  Foundations: 'Example: "I need to repair the foundation of my house"',
+  "Garage Doors": 'Example: "I want to replace my garage door"',
+  "General Contractors": 'Example: "I need a general contractor for a home renovation"',
+  Gutters: 'Example: "I need to clean and repair my gutters"',
+  Handyman: 'Example: "I need a handyman to fix various things around my house"',
+  "Holiday Decorators": 'Example: "I want to hire someone to decorate my home for the holidays"',
+  "Smart Home": 'Example: "I want to install a smart home automation system"',
+  "Home Builders": 'Example: "I want to build a custom home"',
+  "Home Inspection": 'Example: "I need a home inspection before buying a house"',
+  "Home Organization": 'Example: "I need help organizing my closets and storage"',
+  "Home Security": 'Example: "I want to install a home security system"',
+  "Home Staging": 'Example: "I need a home staging service to prepare my house for sale"',
+  "Home Theater": 'Example: "I want to set up a home theater system"',
+  "Home Warranties": 'Example: "I want to purchase a home warranty"',
+  "Hot Tubs": 'Example: "I want to install a hot tub in my backyard"',
+  "Heating and Cooling": 'Example: "I need to repair my air conditioning unit"',
+  Insulation: 'Example: "I want to improve the insulation in my home"',
+  "Junk Removal": 'Example: "I need a service to remove junk and debris from my property"',
+  Landscaping: 'Example: "I want to redesign my backyard landscaping"',
+  Locksmiths: 'Example: "I need a locksmith to change the locks on my doors"',
+  "Masonry and Concrete": 'Example: "I need to repair a cracked concrete driveway"',
+  Restoration: 'Example: "I need water damage restoration services"',
+  Moving: 'Example: "I need a moving company to help me relocate"',
+  Painting: 'Example: "I want to paint the interior walls of my house"',
+  "Pest Control": 'Example: "I need pest control services for my home"',
+  Pools: 'Example: "I want to install a swimming pool in my backyard"',
+  Plumbing: 'Example: "I need a plumber to fix a leaky faucet"',
+  "Pressure Washing": 'Example: "I want to pressure wash the exterior of my house"',
+  Remodeling: 'Example: "I want to remodel my kitchen"',
+  Roofing: 'Example: "I need to repair a leaky roof"',
+  Sheds: 'Example: "I want to build a storage shed in my backyard"',
+  Siding: 'Example: "I want to replace the siding on my house"',
+  Solar: 'Example: "I want to install solar panels on my roof"',
+  Tiling: 'Example: "I want to install new tiles in my bathroom"',
+  "Tree Services": 'Example: "I need a large tree removed"',
+  "Walk-in Tubs": 'Example: "I want to install a walk-in tub in my bathroom"',
+  Waterproofing: 'Example: "I need to waterproof my basement"',
+  "Window Cleaning": 'Example: "I need a professional window cleaning service"',
+  Windows: 'Example: "I want to replace 3 windows in my house"',
+  "Not Sure or Other": 'Example: "I need general handyman services"',
+};
+
+const HomeImprovementFinalHeadlines = {
+  // 'Additions': '',
+  // 'Appliances': '',
+  // 'Appraisals': '',
+  // 'Cabinets': '',
+  // 'Carpentry': '',
+  // 'Carpets': '',
+  // 'Cleaning': '',
+  // 'Countertops': '',
+  // 'Decks and Porches': '',
+  // 'Demolition': '',
+  // 'Doors': '',
+  // 'Driveways': '',
+  // 'Drywall and Plaster': '',
+  // 'Electrical': '',
+  // 'Fencing': '',
+  // 'Flooring': '',
+  // 'Foundations': '',
+  // 'Garage Doors': '',
+  // 'General Contractors': '',
+  // 'Gutters': '',
+  // 'Handyman': '',
+  // 'Holiday Decorators': '',
+  // 'Smart Home': '',
+  // 'Home Builders': '',
+  // 'Home Inspection': '',
+  // 'Home Organization': '',
+  // 'Home Security': '',
+  // 'Home Staging': '',
+  // 'Home Theater': '',
+  // 'Home Warranties': '',
+  // 'Hot Tubs': '',
+  // 'Heating and Cooling': '',
+  // 'Insulation': '',
+  // 'Junk Removal': '',
+  // 'Landscaping': '',
+  // 'Locksmiths': '',
+  // 'Masonry and Concrete': '',
+  // 'Restoration': '',
+  // 'Moving': '',
+  // 'Painting': '',
+  // 'Pest Control': '',
+  // 'Pools': '',
+  // 'Plumbing': '',
+  // 'Pressure Washing': '',
+  // 'Remodeling': '',
+  // 'Roofing': '',
+  // 'Sheds': '',
+  // 'Siding': '',
+  // 'Solar': '',
+  // 'Tiling': '',
+  // 'Walk-in Tubs': '',
+  // 'Waterproofing': '',
+  // 'Window Cleaning': '',
+  // 'Windows': '',
+};
+
+const HomeImprovementFinalSubHeadlines = {
+  // 'Additions': '',
+  // 'Appliances': '',
+  // 'Appraisals': '',
+  // 'Cabinets': '',
+  // 'Carpentry': '',
+  // 'Carpets': '',
+  // 'Cleaning': '',
+  // 'Countertops': '',
+  // 'Decks and Porches': '',
+  // 'Demolition': '',
+  // 'Doors': '',
+  // 'Driveways': '',
+  // 'Drywall and Plaster': '',
+  // 'Electrical': '',
+  // 'Fencing': '',
+  // 'Flooring': '',
+  // 'Foundations': '',
+  // 'Garage Doors': '',
+  // 'General Contractors': '',
+  // 'Gutters': '',
+  // 'Handyman': '',
+  // 'Holiday Decorators': '',
+  // 'Smart Home': '',
+  // 'Home Builders': '',
+  // 'Home Inspection': '',
+  // 'Home Organization': '',
+  // 'Home Security': '',
+  // 'Home Staging': '',
+  // 'Home Theater': '',
+  // 'Home Warranties': '',
+  // 'Hot Tubs': '',
+  // 'Heating and Cooling': '',
+  // 'Insulation': '',
+  // 'Junk Removal': '',
+  // 'Landscaping': '',
+  // 'Locksmiths': '',
+  // 'Masonry and Concrete': '',
+  // 'Restoration': '',
+  // 'Moving': '',
+  // 'Painting': '',
+  // 'Pest Control': '',
+  // 'Pools': '',
+  // 'Plumbing': '',
+  // 'Pressure Washing': '',
+  // 'Remodeling': '',
+  // 'Roofing': '',
+  // 'Sheds': '',
+  // 'Siding': '',
+  // 'Solar': '',
+  // 'Tiling': '',
+  // 'Walk-in Tubs': '',
+  // 'Waterproofing': '',
+  // 'Window Cleaning': '',
+  // 'Windows': '',
+};
+
+const nextStepsHomeImprovementDefault = [
+  "comments",
+  "timeframe",
+  "ownHome",
+  "zipcode",
+  "address",
+  "homeImprovementCrossSells",
+  "firstAndLast",
+  "contactInfo",
+];
+
+const homeImprovementCrossSellOptionMap = CROSS_SELL_OPTION_MAP_HOME_IMPROVEMENT;
+
+const nextStepsMapHomeImprovementCrossSells = {
+  values: {
+    HomeImprovement_CrossSells: {
+      Appliances: ["appliancesCrossSellQuestions"],
+      Carpentry: ["carpentryCrossSellQuestions"],
+      Driveways: ["drivewaysCrossSellQuestions"],
+      "Drywall and Plaster": ["drywallCrossSellQuestions"],
+      Electrical: ["electricalCrossSellQuestions"],
+      Flooring: ["flooringCrossSellQuestions"],
+      "Heating and Cooling": ["heatingCoolingCrossSellQuestions"],
+      Landscaping: ["landscapingCrossSellQuestions"],
+      "Masonry and Concrete": ["masonryAndConcreteCrossSellQuestions"],
+      Painting: ["paintingCrossSellQuestions"],
+      "Pest Control": ["pestControlCrossSellQuestions"],
+      Plumbing: ["plumbingCrossSellQuestions"],
+      Remodeling: ["remodelingCrossSellQuestions"],
+      Roofing: ["roofingCrossSellQuestions"],
+      Siding: ["sidingCrossSellQuestions"],
+      Windows: ["windowsCrossSellQuestions"],
+      // TODO:
+      // Insulation, Cabinets, Countertops, Decks and Porches, Doors,
+      // Fencing, Gutters, Handyman, Pressure Washing
+    },
+    "*": ["firstAndLast", "contactInfo"],
+  },
+  // NOTE: this assumes a certain placement of the cross sell question
+  // in the form flow.
+  appendSteps: ["firstAndLast", "contactInfo"],
+  // TODO: revisit what's allowed here
+  matchesAllowed: 1,
+};
+
+const meta = defaultMetaPropsHomeImprovement();
+
+meta.data.dynamicSchema = [
+  zipcode(),
+  timeframe(),
+  ownHome(),
+  address(),
+  commentsHeadline({
+    label: null,
+    headline: "Please briefly describe your project:",
+    headlineClass: "!t-text-dark",
+  }),
+  firstAndLastV3({
+    headlineClass: "!t-text-dark",
+  }),
+  // NOTE: commented out cross sells that currently aren't mapped
+  // as options for GC.
+  // steps.appliancesCrossSellQuestions(),
+  // steps.carpentryCrossSellQuestions(),
+  // steps.drivewaysCrossSellQuestions(),
+  // steps.drywallAndPlasterCrossSellQuestions(),
+  electricalCrossSellQuestions(),
+  flooringCrossSellQuestions(),
+  // steps.heatingCoolingCrossSellQuestions(),
+  landscapingCrossSellQuestions(),
+  // steps.masonryAndConcreteCrossSellQuestions(),
+  paintingCrossSellQuestions(),
+  // steps.pestControlCrossSellQuestions(),
+  plumbingCrossSellQuestions(),
+  // steps.remodelingCrossSellQuestions(),
+  roofingCrossSellQuestions(),
+  // steps.sidingCrossSellQuestions(),
+  // steps.windowsCrossSellQuestions(),
+  homeImprovementCrossSells({
+    headlineClass: "!t-text-dark",
+    nextStepMap: nextStepsMapHomeImprovementCrossSells,
+  }),
+];
+
+const schema = [
+  meta,
+  formAnchor(),
+  {
+    $cmp: "FormKit",
+    props: formProps({
+      formId: "generalContractors",
+      redirectMap: homeImprovementRedirectMap(),
+      crossSellOptionMap: homeImprovementCrossSellOptionMap,
+    }),
+    children: [
+      progressBar(),
+      headline({
+        children: '$urlParam("hl", "Get Started Here!")',
+        if: "$activeStep === $firstStep()",
+      }),
+      subHeadline({
+        children: '$urlParam("shl", "Why do you need a contractor?")',
+        if: "$activeStep === $firstStep()",
+        subheadlineClass: "!t-font-bold !t-text-[#465f87]",
+      }),
+      ...hiddenInputsHomeImprovement,
+      {
+        $el: "div",
+        attrs: {
+          class: "form-body",
+        },
+        children: [
+          generalContractorFirstStep({
+            nextOnInput: false,
+            headlineClass: "t-text-lg",
+            nextStepMap: {
+              values: {
+                "*": nextStepsHomeImprovementDefault,
+              },
+            },
+          }),
+          dynamicSchemaNode("Category"),
+          contactInfo({
+            headlineClass: "!t-text-[#465f87]",
+            subheadlineClass: "!t-text-[#353739]",
+          }),
+          formNavigation({
+            startText: "Get Quotes",
+            inputClass: "!t-text-black !t-font-extrabold !t-bg-[#ffce51]",
+          }),
+          formDetails(),
+        ],
+      },
+    ],
+  },
+];
+
+export { schema as default };