bhl-forms 0.6.15 → 0.7.1

package/dist/forms/mechanics.es.js

@@ -11,14 +11,15 @@ function RedirectUrlComments(domain, vertical, category) {
   return RedirectUrl(domain, vertical, category) + '&Comments=${properties.Comments}'
 }
 
-var TCPA_LANGUAGE = "By checking this box, I a) agree to the Terms of Use, and b) consent to be contacted by lawyers, lawyer networks, and partners of this website using live, autodialed, pre-recorded, or artificial voice calls, as well as text messages. Your consent is not required as a condition of purchasing any goods or services. To submit this request without this consent, call 878-213-4937.";
+const DEFAULT_COMMENTS_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_COMMENTS_PLACEHOLDER_DYNAMIC = '$getKey($meta, "commentsPlaceholders." + $get(Type_Of_Legal_Problem).value, $meta.defaultCommentsPlaceholder)';
-const DEFAULT_COMMENTS_LABEL = 'Please briefly describe your legal issue in a few words:';
-const DEFAULT_FINAL_HEADLINE = 'Submit Your Case';
-const DEFAULT_FINAL_HEADLINE_DYNAMIC = '$getKey($meta, "finalHeadlines." + $get(Type_Of_Legal_Problem).value, $meta.defaultFinalHeadline)';
-const DEFAULT_FINAL_SUBHEADLINE = 'You may benefit from speaking with a legal professional. Please verify your contact information.';
-const DEFAULT_FINAL_SUBHEADLINE_DYNAMIC = '$getKey($meta, "finalSubHeadlines." + $get(Type_Of_Legal_Problem).value, $meta.defaultFinalSubHeadline)';
+const DEFAULT_COMMENTS_PLACEHOLDER_DYNAMIC_LEGAL = '$getKey($meta, "commentsPlaceholders." + $get(Type_Of_Legal_Problem).value, $meta.defaultCommentsPlaceholder)';
+const DEFAULT_FINAL_HEADLINE_LEGAL = 'Submit Your Case';
+const DEFAULT_FINAL_HEADLINE_DYNAMIC_LEGAL = '$getKey($meta, "finalHeadlines." + $get(Type_Of_Legal_Problem).value, $meta.defaultFinalHeadline)';
+const DEFAULT_FINAL_SUBHEADLINE_LEGAL = 'You may benefit from speaking with a legal professional. Please verify your contact information.';
+const DEFAULT_FINAL_SUBHEADLINE_DYNAMIC_LEGAL = '$getKey($meta, "finalSubHeadlines." + $get(Type_Of_Legal_Problem).value, $meta.defaultFinalSubHeadline)';
+const TCPA_LANGUAGE_LEGAL = "By checking this box, I a) agree to the Terms of Use, and b) consent to be contacted by lawyers, lawyer networks, and partners of this website using live, autodialed, pre-recorded, or artificial voice calls, as well as text messages. Your consent is not required as a condition of purchasing any goods or services. To submit this request without this consent, call 878-213-4937.";
 
 const radio = (updates) => {
   if (updates.name && !updates.id) {
@@ -89,6 +90,14 @@ const sbsText = (updates) => {
   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;
@@ -128,32 +137,6 @@ const verticalDate = (updates) => {
   return date(updates)
 };
 
-
-const autoDamageFromAccident$1 = (scope) => verticalYesNoRadio({
-  name: scope ? scope + ':' + 'Auto_Damage_From_Accident' : 'Auto_Damage_From_Accident',
-});
-
-const wouldLikeMVAConsultation$1 = (scope) => verticalYesNoRadio({
-  name: scope ? scope + ':' + 'Would_Like_MVA_Consultation' : 'Would_Like_MVA_Consultation',
-  help: "Note: we'll still connect you for a mechanic.",
-});
-
-const atFaultCenter = (scope) => verticalYesNoRadio({
-  name: scope ? scope + ':' + 'At_Fault' : 'At_Fault',
-});
-
-const comments = (updates, scope) => 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 doctorTreatmentCenter = (scope) => verticalYesNoRadio({
-  name: scope ? scope + ':' + 'Doctor_Treatment' : 'Doctor_Treatment',
-});
-
 const email = (scope) => sbsText({
   $formkit: 'email',
   name: scope ? scope + ':' + 'Email' : 'Email',
@@ -169,7 +152,6 @@ const email = (scope) => sbsText({
 });
 
 const firstName = (scope) => sbsText({
-  $formkit: 'text',
   label: 'First Name:',
   placeholder: 'First',
   name: scope ? scope + ':' + 'First_Name' : 'First_Name',
@@ -179,16 +161,7 @@ const firstName = (scope) => sbsText({
   }
 });
 
-const haveAttorneyCenter = (scope) => verticalYesNoRadio({
-  name: scope ? scope + ':' + 'Have_Attorney' : 'Have_Attorney',
-});
-
-const incidentDateCenter = (scope) => verticalDate({
-  name: scope ? scope + ':' + 'Incident_Date' : 'Incident_Date',
-});
-
 const lastName = (scope) => sbsText({
-  $formkit: 'text',
   label: 'Last Name:',
   placeholder: 'Last',
   name: scope ? scope + ':' + 'Last_Name' : 'Last_Name',
@@ -198,21 +171,6 @@ const lastName = (scope) => sbsText({
   }
 });
 
-const mechanicsCrossSells = () => radio({
-  id: 'Mechanics_CrossSells',
-  name: 'Mechanics_CrossSells',
-  // label: 'Click all that apply (optional):',
-  fieldsetClass: '$reset',
-  wrapperClass: 't-mb-2',
-  optionsClass: 't-pt-3',
-  legendClass: '',
-  validation: null,
-  options: {
-    // 'Auto and Car Accidents': "I was involved in a car accident",
-    'Auto Insurance': "I'd like to save on my auto insurance (optional)"
-  },
-});
-
 const phone = (scope) => sbsText({
   $formkit: 'tel',
   name: scope ? scope + ':' + 'Primary_Phone' : 'Primary_Phone',
@@ -231,6 +189,77 @@ const phone = (scope) => sbsText({
   helpClass: "t-mt-2.5 md:t-text-right md:t-mt-[-2px]"
 });
 
+
+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 autoDamageFromAccident$1 = (scope) => verticalYesNoRadio({
+  name: scope ? scope + ':' + 'Auto_Damage_From_Accident' : 'Auto_Damage_From_Accident',
+});
+
+const wouldLikeMVAConsultation$1 = (scope) => verticalYesNoRadio({
+  name: scope ? scope + ':' + 'Would_Like_MVA_Consultation' : 'Would_Like_MVA_Consultation',
+  help: "Note: we'll still connect you for a mechanic.",
+});
+
+const atFaultCenter = (scope) => verticalYesNoRadio({
+  name: scope ? scope + ':' + 'At_Fault' : 'At_Fault',
+});
+
+const comments = (updates, scope) => 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 doctorTreatmentCenter = (scope) => verticalYesNoRadio({
+  name: scope ? scope + ':' + 'Doctor_Treatment' : 'Doctor_Treatment',
+});
+
+const haveAttorneyCenter = (scope) => verticalYesNoRadio({
+  name: scope ? scope + ':' + 'Have_Attorney' : 'Have_Attorney',
+});
+
+const incidentDateCenter = (scope) => verticalDate({
+  name: scope ? scope + ':' + 'Incident_Date' : 'Incident_Date',
+});
+
+const mechanicsCrossSells = () => radio({
+  id: 'Mechanics_CrossSells',
+  name: 'Mechanics_CrossSells',
+  // label: 'Click all that apply (optional):',
+  fieldsetClass: '$reset',
+  wrapperClass: 't-mb-2',
+  optionsClass: 't-pt-3',
+  legendClass: '',
+  validation: null,
+  options: {
+    // 'Auto and Car Accidents': "I was involved in a car accident",
+    'Auto Insurance': "I'd like to save on my auto insurance (optional)"
+  },
+});
+
 const primaryInjuryCenter = (scope) => col2RadioCenter({
   name: scope ? scope + ':' + 'Primary_Injury' : 'Primary_Injury',
   options: [
@@ -264,24 +293,6 @@ const TCPAConsent = (scope) => ({
   }
 });
 
-const zipcodeCenter = (updates = {}, scope) => text({
-  placeholder: '#####',
-  help: updates.help ?? "We try to match you with local legal help",
-  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'
-  },
-  wrapperClass: 't-flex t-justify-center',
-  messagesClass: 't-flex t-justify-center',
-  inputClass: 't-text-center',
-  helpClass: 't-mt-2.5 !t-text-sm t-text-center'
-});
-
 const NEXT_ON_ENTER = '$onEnter($setNextStep($fireStepEvent($get(form)), $preStepFunc($get(form))))';
 const NEXT_ON_INPUT = '$onInput($setNextStep($fireStepEvent($get(form)), $preStepFunc($get(form))))';
 
@@ -367,7 +378,7 @@ function verticalStepSubHeadline(updates) {
 function commentsStepHeadline(updates) {
   return {
     $el: 'h3',
-    children: updates.headline || 'Additional Case Details',
+    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 || '')
     }
@@ -387,7 +398,7 @@ function firstAndLastStepHeadline(updates) {
 function contactStepHeadline(updates) {
   return {
     $el: 'h3',
-    children: updates.headline || DEFAULT_FINAL_HEADLINE_DYNAMIC,
+    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 || '')
     }
@@ -397,7 +408,7 @@ function contactStepHeadline(updates) {
 function contactStepSubHeadline(updates) {
   return {
     $el: 'h5',
-    children: updates.subheadline || DEFAULT_FINAL_SUBHEADLINE_DYNAMIC,
+    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 || '')
     }
@@ -437,10 +448,16 @@ const stepDefaults = (step, stepKey) => ({
   }
 });
 
-function step(name, inputs, nextOnEnter = true, nextOnInput = false, stepKey = undefined, nextStepMap = undefined, autoFocus = undefined) {
-  if (typeof nextOnEnter === 'undefined') {
-    nextOnEnter = true;
-  }
+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) {
@@ -460,6 +477,7 @@ function step(name, inputs, nextOnEnter = true, nextOnInput = false, stepKey = u
           id: name,
           name: name,
           nextStepMap: nextStepMap,
+          triggerRedirectMap: triggerRedirectMap,
           autoFocus: autoFocus,
           children: inputs
         }
@@ -470,64 +488,23 @@ function step(name, inputs, nextOnEnter = true, nextOnInput = false, stepKey = u
 
 // 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.nextOnEnter,
-    typeof updates.nextOnInput === 'undefined' ? true : updates.nextOnInput,
-    updates.stepKey,
-    updates.nextStepMap
-  )
-}
-
-function autoDamageFromAccident(updates = {}) {
-  return step(
-    'autoDamageFromAccident',
-    [
-      autoDamageFromAccident$1(updates.scope),
-    ],
-    updates.nextOnEnter,
-    updates.nextOnInput,
-    updates.stepKey,
-    updates.nextStepMap
-  )
-}
-
-function wouldLikeMVAConsultation(updates = {}) {
-  return step(
-    'wouldLikeMVAConsultation',
-    [
-      verticalStepHeadline({
-        headline: updates.headline ?? 'Do you want a free legal evaluation?',
-      }),
-      verticalStepSubHeadline({
-        subheadline: updates.subheadline ?? 'You may be entitled to compensation for your accident.',
-        subheadlineClass: '!t-text-blue-900 !t-font-semibold'
-      }),
-      {
-        $formkit: 'hidden',
-        name: "CrossSell:Auto_and_Car_Accidents:Type_Of_Legal_Problem",
-        id: "CrossSell:Auto_and_Car_Accidents:Type_Of_Legal_Problem",
-        value: "Auto and Car Accidents"
-      },
-      {
-        $formkit: 'hidden',
-        name: "CrossSell:Auto_and_Car_Accidents:vertical",
-        value: "Legal"
-      },
-      wouldLikeMVAConsultation$1(),
-    ],
-    updates.nextOnEnter,
-    updates.nextOnInput,
-    updates.stepKey,
-    updates.nextStepMap
+    updates
   )
 }
 
 function commentsHeadline(updates = {}) {
+  const mergedUpdates = { ...updates, nextOnEnter: false };
+
   return step(
     'comments',
     [
@@ -538,7 +515,7 @@ function commentsHeadline(updates = {}) {
         inputClass: typeof updates.inputClass === 'undefined' ? '!t-h-32' : updates.inputClass,
       }, updates.scope),
     ],
-    false // nextOnEnter
+    mergedUpdates
   )
 }
 
@@ -554,7 +531,7 @@ function commentsMechanics(updates = {}) {
       }),
       mechanicsCrossSells()
     ],
-    updates.nextOnEnter
+    updates
   )
 }
 
@@ -570,7 +547,7 @@ function contactInfo(updates = {}) {
       TCPAConsent(updates.scope),
       secureIcon()
     ],
-    false, // nextOnEnter
+    { nextOnEnter: false }
   )
 }
 
@@ -589,19 +566,57 @@ function firstAndLastV3(updates = {}, scope) {
       firstName(scope),
       lastName(scope)
     ],
-    updates.nextOnEnter
+    updates
   )
 }
 
 function zipcode(updates = {}) {
   return sqstep(
     'zipcode',
-    zipcodeCenter(updates, updates.scope),
+    zipcode$1(updates.scope, true, updates),
     'Please verify your Zip Code',
     updates
   )
 }
 
+function autoDamageFromAccident(updates = {}) {
+  return step(
+    'autoDamageFromAccident',
+    [
+      autoDamageFromAccident$1(updates.scope),
+    ],
+    updates
+  )
+}
+
+function wouldLikeMVAConsultation(updates = {}) {
+  return step(
+    'wouldLikeMVAConsultation',
+    [
+      verticalStepHeadline({
+        headline: updates.headline ?? 'Do you want a free legal evaluation?',
+      }),
+      verticalStepSubHeadline({
+        subheadline: updates.subheadline ?? 'You may be entitled to compensation for your accident.',
+        subheadlineClass: '!t-text-blue-900 !t-font-semibold'
+      }),
+      {
+        $formkit: 'hidden',
+        name: "CrossSell:Auto_and_Car_Accidents:Type_Of_Legal_Problem",
+        id: "CrossSell:Auto_and_Car_Accidents:Type_Of_Legal_Problem",
+        value: "Auto and Car Accidents"
+      },
+      {
+        $formkit: 'hidden',
+        name: "CrossSell:Auto_and_Car_Accidents:vertical",
+        value: "Legal"
+      },
+      wouldLikeMVAConsultation$1(),
+    ],
+    updates
+  )
+}
+
 function haveAttorney(updates = {}) {
   return sqstep(
     'haveAttorney',
@@ -795,9 +810,7 @@ function formProps(updates) {
   return props
 }
 
-const metaDefaults = {
-  tcpaLanguage: TCPA_LANGUAGE
-};
+const metaDefaults = {};
 
 function metaProps(updates) {
   const data = merge(
@@ -810,7 +823,7 @@ function metaProps(updates) {
   }
 }
 
-function defaultMetaProps(tolps = null) {
+function defaultMetaPropsLegal(tolps = null) {
   let commentsPlaceholders = TOLPCommentsPlaceholders;
   let finalHeadlines = TOLPFinalHeadlines;
   let finalSubHeadlines = TOLPFinalSubHeadlines;
@@ -820,12 +833,13 @@ function defaultMetaProps(tolps = null) {
     finalSubHeadlines = filterMapByKey(TOLPFinalSubHeadlines, tolps);
   }
   return metaProps({
-    defaultCommentsPlaceholder: DEFAULT_COMMENTS_PLACEHOLDER_DYNAMIC,
+    tcpaLanguage: TCPA_LANGUAGE_LEGAL,
+    defaultCommentsPlaceholder: DEFAULT_COMMENTS_PLACEHOLDER_DYNAMIC_LEGAL,
     commentsPlaceholders: commentsPlaceholders,
-    defaultFinalHeadline: DEFAULT_FINAL_HEADLINE,
+    defaultFinalHeadline: DEFAULT_FINAL_HEADLINE_LEGAL,
     finalHeadlines: finalHeadlines,
-    defaultFinalSubHeadline: DEFAULT_FINAL_SUBHEADLINE,
-    finalSubHeadlines: finalSubHeadlines,
+    defaultFinalSubHeadline: DEFAULT_FINAL_SUBHEADLINE_LEGAL,
+    finalSubHeadlines: finalSubHeadlines
   })
 }
 
@@ -1049,7 +1063,7 @@ const tolps = [
   'Auto and Car Accidents',
 ];
 
-const meta = defaultMetaProps(tolps);
+const meta = defaultMetaPropsLegal(tolps);
 
 // All of the dynamic MVA questions get scoped
 const scope = 'CrossSell:Auto_and_Car_Accidents';
@@ -1138,32 +1152,36 @@ const schema = [
           autoDamageFromAccident({
             nextOnInput: false,
             nextStepMap: {
-              'Auto_Damage_From_Accident': {
-                'Yes': ['wouldLikeMVAConsultation', 'commentsMechanics'],
-                'No': ['commentsMechanics'],
-              },
-              '*': ["commentsMechanics"]
+              values: {
+                'Auto_Damage_From_Accident': {
+                  'Yes': ['wouldLikeMVAConsultation', 'commentsMechanics'],
+                  'No': ['commentsMechanics'],
+                },
+                '*': ["commentsMechanics"]
+              }
             }
           }),
           wouldLikeMVAConsultation({
             nextOnInput: true,
             nextStepMap: {
-              'Would_Like_MVA_Consultation': {
-                'Yes': [
-                  'incidentDate',
-                  'atFault',
-                  'primaryInjury',
-                  'doctorTreatment',
-                  'policeReportFiled',
-                  'haveAttorney',
-                  'comments',
-                  'zipcode',
-                  'firstAndLast',
-                  'contactInfo',
-                ],
-                'No': ['commentsMechanics'],
-              },
-              '*': ["commentsMechanics"]
+              values: {
+                'Would_Like_MVA_Consultation': {
+                  'Yes': [
+                    'incidentDate',
+                    'atFault',
+                    'primaryInjury',
+                    'doctorTreatment',
+                    'policeReportFiled',
+                    'haveAttorney',
+                    'comments',
+                    'zipcode',
+                    'firstAndLast',
+                    'contactInfo',
+                  ],
+                  'No': ['commentsMechanics'],
+                },
+                '*': ["commentsMechanics"]
+              }
             }
           }),
           dynamicSchemaNode('Auto_Damage_From_Accident'),