bhl-forms 0.11.12 → 0.11.14

package/dist/forms/generalHomeImprovementThankYou.es.js

@@ -5,13 +5,13 @@ function merge() {
 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_FINAL_HEADLINE_DYNAMIC =
+  '$getKey($meta, "finalHeadlines." + ($get(Type_Of_Legal_Problem).value || $get(Category).value), $meta.defaultFinalHeadline)';
+const DEFAULT_FINAL_SUBHEADLINE_DYNAMIC =
+  '$getKey($meta, "finalSubHeadlines." + ($get(Type_Of_Legal_Problem).value || $get(Category).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_HEADLINE_HOME_IMPROVEMENT = "We Found Matching Contractors!";
 const DEFAULT_FINAL_SUBHEADLINE_HOME_IMPROVEMENT = "Compare quotes and save. Verify contact info:";
 // This version has a link to a providers page, starting without that
 // export const TCPA_LANGUAGE_HOME_IMPROVEMENT =
@@ -199,36 +199,47 @@ const email = (scope, vertical, updates = {}) => {
   })
 };
 
-const firstName = (scope, vertical, updates = {}) => {
-  const func = vertical ? verticalText : sbsText;
-  const label = vertical ? updates.label : "First Name:";
-  return func({
-    label,
+const firstNameFL = (scope, updates = {}) => {
+  return text({
+    $formkit: "FloatingLabelText",
     placeholder: "First Name",
     name: scope ? scope + ":" + "First_Name" : "First_Name",
     autocomplete: "given-name",
     validationMessages: {
       required: "First Name is required",
     },
+    inputClass: "t-text-center",
     ...updates,
   })
 };
 
-const lastName = (scope, vertical, updates = {}) => {
-  const func = vertical ? verticalText : sbsText;
-  const label = vertical ? updates.label : "Last Name:";
-  return func({
-    label,
+const lastNameFL = (scope, updates = {}) => {
+  return text({
+    $formkit: "FloatingLabelText",
     placeholder: "Last Name",
     name: scope ? scope + ":" + "Last_Name" : "Last_Name",
     autocomplete: "family-name",
     validationMessages: {
       required: "Last Name is required",
     },
+    inputClass: "t-text-center",
     ...updates,
   })
 };
 
+const fullNameFLMobileCol = (scope, updates = {}) => {
+  return {
+    $el: "div",
+    attrs: {
+      class: "t-flex t-flex-col sm:t-flex-row t-flex-wrap t-gap-x-[2%] t-justify-center  sm:!t-max-w-[70%]",
+    },
+    children: [
+      firstNameFL(scope, { outerClass: "sm:!t-max-w-[49%]", ...updates }),
+      lastNameFL(scope, { outerClass: "sm:!t-max-w-[49%]", ...updates }),
+    ],
+  }
+};
+
 const phone = (scope, vertical, updates = {}) => {
   const func = vertical ? verticalText : sbsText;
   const label = vertical ? updates.label : "Phone Number:";
@@ -252,27 +263,6 @@ const phone = (scope, vertical, 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(
@@ -1441,19 +1431,6 @@ function verticalStepHeadline(updates) {
   }
 }
 
-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",
@@ -1483,7 +1460,7 @@ function firstAndLastStepHeadline(updates) {
 function contactStepHeadline(updates) {
   return {
     $el: "h3",
-    children: updates.headline || DEFAULT_FINAL_HEADLINE_DYNAMIC_LEGAL,
+    children: updates.headline || DEFAULT_FINAL_HEADLINE_DYNAMIC,
     attrs: {
       class:
         "t-flex t-justify-center t-text-center t-text-2xl t-font-bold t-text-blue-500 t-pb-3 t-pt-4 t-px-1" +
@@ -1497,7 +1474,7 @@ function contactStepHeadline(updates) {
 function contactStepSubHeadline(updates) {
   return {
     $el: "h5",
-    children: updates.subheadline || DEFAULT_FINAL_SUBHEADLINE_DYNAMIC_LEGAL,
+    children: updates.subheadline || DEFAULT_FINAL_SUBHEADLINE_DYNAMIC,
     attrs: {
       class:
         "t-flex t-justify-center t-text-center !t-text-lg t-font-semibold t-pb-6 t-pt-0 t-px-3" +
@@ -1618,6 +1595,8 @@ function commentsHeadline(updates = {}) {
         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,
+        innerClass: typeof updates.innerClass === "undefined" ? "t-max-w-xl" : updates.innerClass,
+        wrapperClass: typeof updates.wrapperClass === "undefined" ? undefined : updates.wrapperClass,
       }),
     ],
     mergedUpdates
@@ -1640,7 +1619,7 @@ function contactInfo(updates = {}) {
   )
 }
 
-function firstAndLastV3(updates = {}) {
+function firstAndLastV4(updates = {}) {
   return step(
     "firstAndLast",
     [
@@ -1648,21 +1627,18 @@ function firstAndLastV3(updates = {}) {
         headline: updates.headline ?? "Who is looking for help?",
         headlineClass: updates.headlineClass,
       }),
-      verticalStepSubHeadline({
-        subheadline: updates.subheadline ?? "We never share info without consent",
-        subheadlineClass: "!t-text-sm !t-text-gray-500",
-      }),
-      firstName(updates.scope),
-      lastName(updates.scope),
+      {
+        $el: "div",
+        attrs: {
+          class: "t-flex t-flex-col t-justify-center t-items-center t-pt-3",
+        },
+        children: [fullNameFLMobileCol(updates.scope)],
+      },
     ],
     updates
   )
 }
 
-function zipcode(updates = {}) {
-  return sqstep("zipcode", zipcode$1(updates.scope, true, updates.input), "Please verify your Zip Code", updates)
-}
-
 function homeImprovementCategory(updates = {}) {
   return step("homeImprovementCategory", [homeImprovementCategory$1(updates.scope, true, updates.input)], updates)
 }
@@ -2320,7 +2296,6 @@ function defaultMetaPropsHomeImprovement(category = null) {
 function defaultMetaPropsHomeImprovementGeneral(defaultSteps = nextStepsHomeImprovementDefault) {
   const meta = defaultMetaPropsHomeImprovement();
   meta.data.dynamicSchema = [
-    zipcode(),
     timeframe(),
     ownHome(),
     address(),
@@ -2383,9 +2358,12 @@ function defaultMetaPropsHomeImprovementGeneral(defaultSteps = nextStepsHomeImpr
       label: null,
       headline: "Please briefly describe your project:",
       headlineClass: "!t-text-dark",
+      wrapperClass: "t-flex t-justify-center",
+      innerClass: "t-w-full",
     }),
-    firstAndLastV3({
+    firstAndLastV4({
       headlineClass: "!t-text-dark",
+      headline: "Who is looking for quotes?",
     }),
   ];
   return meta
@@ -3018,7 +2996,7 @@ const HomeImprovementCommentsPlaceholders = {
 
 const HomeImprovementFinalHeadlines = {
   // 'Additions': '',
-  Appliances: "We Have Appliance Pros Standing By!",
+  // Appliances: "We Have Appliance Pros Standing By!",
   // 'Appraisals': '',
   // 'Cabinets': '',
   // 'Carpentry': '',
@@ -3035,7 +3013,7 @@ const HomeImprovementFinalHeadlines = {
   // 'Flooring': '',
   // 'Foundations': '',
   // 'Garage Doors': '',
-  // 'General Contractors': '',
+  // "General Contractors": "Connect With Top Contractors!",
   // 'Gutters': '',
   // 'Handyman': '',
   // 'Holiday Decorators': '',
@@ -3061,7 +3039,7 @@ const HomeImprovementFinalHeadlines = {
   // 'Pools': '',
   // 'Plumbing': '',
   // 'Pressure Washing': '',
-  // 'Remodeling': '',
+  // Remodeling: "Connect With Top Remodelers!",
   // 'Roofing': '',
   // 'Sheds': '',
   // 'Siding': '',
@@ -3074,60 +3052,60 @@ const HomeImprovementFinalHeadlines = {
 };
 
 const HomeImprovementFinalSubHeadlines = {
-  // 'Additions': '',
-  Appliances: "Who needs appliance help?",
-  // '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': '',
+  Additions: "Get your dream addition started today!",
+  Appliances: "Expert appliance repair and installation.",
+  Appraisals: "Accurate home appraisals at your service.",
+  Cabinets: "Transform your kitchen with new cabinets.",
+  Carpentry: "Custom carpentry solutions for your home.",
+  Carpets: "Upgrade your home with new carpets.",
+  Cleaning: "Professional cleaning services for a spotless home.",
+  Countertops: "Install beautiful countertops in your kitchen.",
+  "Decks and Porches": "Build the perfect outdoor space.",
+  Demolition: "Safe and efficient demolition services.",
+  Doors: "Enhance your home with new doors.",
+  Driveways: "Repair or install a new driveway.",
+  "Drywall and Plaster": "Expert drywall and plaster services.",
+  Electrical: "Reliable electrical services for your home.",
+  Fencing: "Secure your property with new fencing.",
+  Flooring: "Install stunning new floors.",
+  Foundations: "Foundation repair and maintenance.",
+  "Garage Doors": "Upgrade your garage with new doors.",
+  "General Contractors": "Top contractors for your home projects.",
+  Gutters: "Clean and repair your gutters.",
+  Handyman: "Handyman services for all your needs.",
+  "Holiday Decorators": "Get your home ready for the holidays.",
+  "Smart Home": "Upgrade to a smart home today.",
+  "Home Builders": "Build your custom dream home.",
+  "Home Inspection": "Thorough home inspections for peace of mind.",
+  "Home Organization": "Organize your home with expert help.",
+  "Home Security": "Protect your home with a security system.",
+  "Home Staging": "Stage your home for a quick sale.",
+  "Home Theater": "Create the ultimate home theater.",
+  "Home Warranties": "Get a warranty for your home.",
+  "Hot Tubs": "Install a relaxing hot tub.",
+  "Heating and Cooling": "HVAC repair and installation.",
+  Insulation: "Improve your home's insulation.",
+  "Junk Removal": "Remove unwanted junk from your property.",
+  Landscaping: "Transform your yard with expert landscaping.",
+  Locksmiths: "Professional locksmith services.",
+  "Masonry and Concrete": "Expert masonry and concrete work.",
+  Restoration: "Restore your home after damage.",
+  Moving: "Reliable moving services.",
+  Painting: "Professional painting services.",
+  "Pest Control": "Effective pest control solutions.",
+  Pools: "Install or repair your pool.",
+  Plumbing: "Expert plumbing services.",
+  "Pressure Washing": "Pressure wash your home's exterior.",
+  Remodeling: "Remodel your home with top professionals.",
+  Roofing: "Repair or replace your roof.",
+  Sheds: "Build a new shed for extra storage.",
+  Siding: "Upgrade your home's siding.",
+  Solar: "Install solar panels and save on energy.",
+  Tiling: "Install beautiful new tiles.",
+  "Walk-in Tubs": "Install a convenient walk-in tub.",
+  Waterproofing: "Waterproof your home to prevent damage.",
+  "Window Cleaning": "Professional window cleaning services.",
+  Windows: "Replace your windows with energy-efficient options.",
 };
 
 const nextStepsHomeImprovementDefault = [