bhl-forms 0.6.15 → 0.7.1

package/dist/forms/generalLegalThankYou.es.js

@@ -2,14 +2,13 @@ function merge() {
   return Object.assign({}, ...arguments)
 }
 
-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_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_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
 
@@ -126,6 +125,15 @@ const sbsSelect = (updates) => {
   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;
@@ -145,6 +153,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;
@@ -182,42 +198,131 @@ const sbsDate = (updates) => {
   return date(updates)
 };
 
-const amountPaymentsPastDue = () => sbsSelect({
-  label: 'Total Amount of Payments that are Past Due:',
-  name: '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"
-  ]
+const email = (scope) => sbsText({
+  $formkit: 'email',
+  name: scope ? scope + ':' + 'Email' : 'Email',
+  label: 'Email Address:',
+  placeholder: 'email@domain.com',
+  autocomplete: 'email',
+  'data-tf-sensitive': 'false',
+  validation: 'required|email',
+  validationMessages: {
+    required: 'Email is required',
+    email: 'Invalid Email'
+  }
 });
 
-const applicantOccupation = (scope) => sbsText({
-  name: scope ? scope + ':' + 'Applicant_Occupation' : 'Applicant_Occupation',
-  label: "What is the Applicant's Occupation?",
-  placeholder: "Occupation"
+const firstName = (scope) => sbsText({
+  label: 'First Name:',
+  placeholder: 'First',
+  name: scope ? scope + ':' + 'First_Name' : 'First_Name',
+  autocomplete: "given-name",
+  validationMessages: {
+    required: 'First Name is required'
+  }
 });
 
-const applicantAge = (scope) => sbsText({
-  name: scope ? scope + ':' + 'Applicant_Age' : 'Applicant_Age',
-  label: 'Age of Applicant?',
-  placeholder: 'Age between 18 and 65',
-  maxlength: 2,
-  inputmode: "numeric",
-  validation: "required|min:18,max:65",
+const lastName = (scope) => sbsText({
+  label: 'Last Name:',
+  placeholder: 'Last',
+  name: scope ? scope + ':' + 'Last_Name' : 'Last_Name',
+  autocomplete: "family-name",
   validationMessages: {
-    required: 'Applicant Age is required',
-    min: 'Invalid Age - must be between 18 and 65',
-    max: 'Invalid Age - must be between 18 and 65',
+    required: 'Last Name is required'
   }
 });
 
+const phone = (scope) => sbsText({
+  $formkit: 'tel',
+  name: scope ? scope + ':' + 'Primary_Phone' : 'Primary_Phone',
+  label: 'Phone Number:',
+  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: 'Field 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]"
+});
+
+
+const zipcode = (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 = (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 applicantOccupation = (scope, vertical, updates = {}) => {
+  const func = vertical ? verticalText : sbsText;
+  const label = vertical ? (updates.label) : "What is the Applicant's Occupation?";
+  return func(merge({
+    label,
+    placeholder: "Occupation",
+    name: scope ? scope + ':' + 'Applicant_Occupation' : 'Applicant_Occupation',
+  }, 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 applicantDisabilityHowObtain = (scope) => sbsSelect({
   name: scope ? scope + ':' + 'Applicant_Disability_How_Obtain' : 'Applicant_Disability_How_Obtain',
   label: 'How Did Applicant Obtain the Disability Policy?',
@@ -732,20 +837,6 @@ const driversLicenseType = () => sbs2ItemRadio({
   ]
 });
 
-const email = (scope) => sbsText({
-  $formkit: 'email',
-  name: scope ? scope + ':' + 'Email' : 'Email',
-  label: 'Email Address:',
-  placeholder: 'email@domain.com',
-  autocomplete: 'email',
-  'data-tf-sensitive': 'false',
-  validation: 'required|email',
-  validationMessages: {
-    required: 'Email is required',
-    email: 'Invalid Email'
-  }
-});
-
 const employerType = () => sbsSelect({
   label: 'The Employer Is a:',
   name: 'Employer_Type',
@@ -794,16 +885,6 @@ const estateLegalServicesNeeded = (scope) => sbsSelect({
   ]
 });
 
-const firstName = (scope) => sbsText({
-  $formkit: 'text',
-  label: 'First Name:',
-  placeholder: 'First',
-  name: scope ? scope + ':' + 'First_Name' : 'First_Name',
-  autocomplete: "given-name",
-  validationMessages: {
-    required: 'First Name is required'
-  }
-});
 
 const TOLPOptions = [
   'Adoption',
@@ -951,17 +1032,6 @@ const incidentDate = (scope) => sbsDate({
   label: 'Date of Incident:',
 });
 
-const lastName = (scope) => sbsText({
-  $formkit: 'text',
-  label: 'Last Name:',
-  placeholder: 'Last',
-  name: scope ? scope + ':' + 'Last_Name' : 'Last_Name',
-  autocomplete: "family-name",
-  validationMessages: {
-    required: 'Last Name is required'
-  }
-});
-
 const landlordTenantParty = () => sbsSelect({
   label: 'I am the:',
   name: 'Landlord_Tenant_Party',
@@ -1108,24 +1178,6 @@ const pendingCharges = (scope) => sbsYesNoRadio({
   label: 'Do you currently have any pending charges?'
 });
 
-const phone = (scope) => sbsText({
-  $formkit: 'tel',
-  name: scope ? scope + ':' + 'Primary_Phone' : 'Primary_Phone',
-  label: 'Phone Number:',
-  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: 'Field 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]"
-});
-
 const primaryInjury = (scope) => sbs2ColRadio({
   name: scope ? scope + ':' + 'Primary_Injury' : 'Primary_Injury',
   label: 'Primary Injury:',
@@ -1392,21 +1444,6 @@ const wouldLikeLawyerTo = () => sbsRadio({
   ]
 });
 
-const zipcode = (scope) => sbsText({
-  label: 'Zip Code:',
-  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'
-  }
-});
-
-
 // ------ Question Groups
 
 // NOTE: name must be unique within a form!
@@ -2245,13 +2282,20 @@ function questionsStepHeadline(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 || '')
     }
   }
 }
 
+function commentsStepHeadlineLegal(updates) {
+  return commentsStepHeadline({
+    headline: updates.headline || 'Additional Case Details',
+    headlineClass: updates.headlineClass
+  })
+}
+
 function firstAndLastStepHeadline(updates) {
   return {
     $el: 'h3',
@@ -2265,7 +2309,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 || '')
     }
@@ -2275,7 +2319,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 || '')
     }
@@ -2315,10 +2359,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) {
@@ -2338,6 +2388,7 @@ function step(name, inputs, nextOnEnter = true, nextOnInput = false, stepKey = u
           id: name,
           name: name,
           nextStepMap: nextStepMap,
+          triggerRedirectMap: triggerRedirectMap,
           autoFocus: autoFocus,
           children: inputs
         }
@@ -2346,6 +2397,34 @@ function step(name, inputs, nextOnEnter = true, nextOnInput = false, stepKey = u
   )
 }
 
+function contactInfo(updates = {}) {
+  return step(
+    'contactInfo',
+    [
+      contactStepHeadline(updates),
+      contactStepSubHeadline(updates),
+      trustedFormScript(),
+      email(updates.scope),
+      phone(updates.scope),
+      TCPAConsent(updates.scope),
+      secureIcon()
+    ],
+    { nextOnEnter: false }
+  )
+}
+
+function firstAndLastV2(updates = {}) {
+  return step(
+    'firstAndLast',
+    [
+      firstAndLastStepHeadline(updates),
+      firstName(),
+      lastName()
+    ],
+    updates
+  )
+}
+
 function generalLegalTOLPAndZip(updates = {}) {
   return step(
     'generalLegalTOLPAndZip',
@@ -2359,10 +2438,7 @@ function generalLegalTOLPAndZip(updates = {}) {
       realEstateTOLPDisplay(),
       zipcode()
     ],
-    updates.nextOnEnter,
-    updates.nextOnInput,
-    updates.stepKey,
-    updates.nextStepMap
+    updates
   )
 }
 
@@ -2370,10 +2446,10 @@ function commentsWithBankruptcy(updates = {}) {
   return step(
     'commentsWithBankruptcy',
     [
-      commentsStepHeadline(updates),
+      commentsStepHeadlineLegal(updates),
       comments({
-        label: typeof updates.label === 'undefined' ? DEFAULT_COMMENTS_LABEL : updates.label,
-        placeholder: updates.placeholder || DEFAULT_COMMENTS_PLACEHOLDER_DYNAMIC,
+        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,
       }, updates.scope),
       // TODO: needs scope support
@@ -2390,39 +2466,10 @@ function commentsWithBankruptcy(updates = {}) {
         ],
       }
     ],
-    false // nextOnEnter
+    { nextOnEnter: false }
   )
 }
 
-function contactInfo(updates = {}) {
-  return step(
-    'contactInfo',
-    [
-      contactStepHeadline(updates),
-      contactStepSubHeadline(updates),
-      trustedFormScript(),
-      email(updates.scope),
-      phone(updates.scope),
-      TCPAConsent(updates.scope),
-      secureIcon()
-    ],
-    false, // nextOnEnter
-  )
-}
-
-function firstAndLastV2(updates = {}) {
-  return step(
-    'firstAndLast',
-    [
-      firstAndLastStepHeadline(updates),
-      firstName(),
-      lastName()
-    ],
-    updates.nextOnEnter
-  )
-}
-
-
 const AllTOLPQuestions = () => {
   return [
     AdoptionQuestions(),
@@ -2493,7 +2540,7 @@ function generalLegalTOLPQuestions(updates = {}) {
   return step(
     'TOLPQuestions',
     questions,
-    updates.nextOnEnter
+    updates
   )
 }
 
@@ -2636,9 +2683,7 @@ function formProps(updates) {
   return props
 }
 
-const metaDefaults = {
-  tcpaLanguage: TCPA_LANGUAGE
-};
+const metaDefaults = {};
 
 function metaProps(updates) {
   const data = merge(
@@ -2651,7 +2696,7 @@ function metaProps(updates) {
   }
 }
 
-function defaultMetaProps(tolps = null) {
+function defaultMetaPropsLegal(tolps = null) {
   let commentsPlaceholders = TOLPCommentsPlaceholders;
   let finalHeadlines = TOLPFinalHeadlines;
   let finalSubHeadlines = TOLPFinalSubHeadlines;
@@ -2661,12 +2706,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
   })
 }
 
@@ -3110,7 +3156,7 @@ const TOLPFinalSubHeadlines = {
 };
 
 const schema = [
-  defaultMetaProps(),
+  defaultMetaPropsLegal(),
   formAnchor(),
   {
     $cmp: 'FormKit',