bhl-forms 0.6.3 → 0.6.5

package/dist/forms/generalLegalSingle.es.js

@@ -1032,12 +1032,15 @@ const radio = (updates) => {
 
 const col2RadioCenter = (updates) => {
   updates.legendClass = 'required t-w-[100%] t-text-center';
-  updates.fieldsetClass = '$reset';
-  updates.optionsClass = 't-pl-2 t-pt-3 t-grid t-grid-cols-1 md:t-grid-cols-2';
+  if (typeof updates.fieldsetClass === 'undefined') {
+    updates.fieldsetClass = '$reset t-flex t-justify-center';
+  }
+  updates.optionsClass = 't-pl-4 t-pt-3 t-grid t-grid-cols-1 md:t-grid-cols-2';
   updates.innerClass = 't-items-start';
   updates.wrapperClass = '$reset t-flex t-cursor-pointer t-mb-3';
-  updates.optionClass = 't-pl-4 md:t-pl-8';
+  updates.optionClass = 't-pl-4 md:t-pl-8 md:t-min-w-[200px]';
   updates.messagesClass = 't-flex t-justify-center';
+  updates.helpClass = 't-mt-0 t-mb-4 !t-text-sm t-text-center';
   return radio(updates)
 };
 
@@ -1064,11 +1067,13 @@ const sbsYesNoRadio = (updates) => {
   return sbs2ItemRadio(updates)
 };
 
-const vertical2ItemRadio = (updates) => {
+const verticalButtonRadio = (updates) => {
   updates.legendClass = 'legend-left';
-  updates.fieldsetClass = '$reset vertical t-items-center';
-  updates.optionsClass = 't-flex t-justify-center t-my-4';
-  updates.optionClass = 'radiobtn t-mx-2 md:t-mx-5';
+  updates.fieldsetClass = '$reset t-flex t-justify-center t-items-center';
+  if (typeof updates.optionsClass === 'undefined') {
+    updates.optionsClass = 't-flex t-flex-col sm:t-flex-row t-justify-center t-my-3';
+  }
+  updates.optionClass = 'radiobtn t-my-2 sm:t-my-0 t-mx-2 md:t-mx-5';
   updates.wrapperClass = '$reset formkit-wrapper t-mb-0 t-flex t-items-center t-h-[100%]';
   updates.labelClass = 't-font-semibold t-text-[#1e448f] t-w-[100%]';
   updates.decoratorIcon = false;
@@ -1078,7 +1083,8 @@ const vertical2ItemRadio = (updates) => {
 
 const verticalYesNoRadio = (updates) => {
   updates.options = ['Yes', 'No'];
-  return vertical2ItemRadio(updates)
+  updates.optionsClass = 't-flex t-justify-center t-my-3';
+  return verticalButtonRadio(updates)
 };
 
 const verticalRadio = (updates) => {
@@ -1243,7 +1249,7 @@ const applicantAgeCenter = (scope) => verticalText({
   },
 });
 
-const applicantDisabilityHowObtainCenter = (scope) => verticalSelect({
+const applicantDisabilityHowObtainCenter = (scope) => verticalButtonRadio({
   name: scope ? scope + ':' + 'Applicant_Disability_How_Obtain' : 'Applicant_Disability_How_Obtain',
   options: [
     "Employer",
@@ -1301,7 +1307,7 @@ const atFaultCenter = (scope) => verticalYesNoRadio({
 });
 
 const bankruptcyCrossSell = () => sbsCheckbox({
-  label: "I'd also like a consultation for bankruptcy or debt elimination (optional)",
+  label: "I'd also like a consult for bankruptcy or debt elimination (optional)",
   help: "Note: you will be contacted separately by a bankruptcy/debt expert",
   name: 'CrossSell_Bankruptcy',
   id: 'CrossSell_Bankruptcy',
@@ -1339,7 +1345,7 @@ const bloodContentAlcoholTestCenter = (scope) => verticalSelect({
   ]
 });
 
-const businessServicesCenter = () => verticalSelect({
+const businessServicesCenter = () => col2RadioCenter({
   id: 'Business_Services',
   name: 'Business_Services',
   options: [
@@ -1353,7 +1359,7 @@ const businessServicesCenter = () => verticalSelect({
   ]
 });
 
-const businessTypeCenter = () => col2RadioCenter({
+const businessTypeCenter = () => verticalButtonRadio({
   name: 'Business_Type',
   options: [
     "Public",
@@ -1373,7 +1379,7 @@ const causeOfInjury$1 = (scope) => sbsSelect({
   ]
 });
 
-const causeOfInjuryCenter = (scope) => verticalSelect({
+const causeOfInjuryCenter = (scope) => col2RadioCenter({
   name: scope ? scope + ':' + 'Cause_Of_Injury' : 'Cause_Of_Injury',
   options: [
     "Traumatic Physical Injury (Accident)",
@@ -1384,7 +1390,7 @@ const causeOfInjuryCenter = (scope) => verticalSelect({
   ]
 });
 
-const causeOfDeathCenter = () => verticalSelect({
+const causeOfDeathCenter = () => col2RadioCenter({
   name: 'Cause_Of_Death',
   options: [
     "Vehicle Accident",
@@ -1412,7 +1418,7 @@ const civilLawsuitTOLPDisplayCenter = (updates) => col2RadioCenter(merge({
   ]
 }, updates));
 
-const civilRightsTypeCenter = () => verticalSelect({
+const civilRightsTypeCenter = () => col2RadioCenter({
   name: 'Civil_Rights_Type',
   options: [
     "Age",
@@ -1435,7 +1441,7 @@ const childHome$1 = (scope) => sbsSelect({
   ]
 });
 
-const childHomeCenter = (scope) => verticalSelect({
+const childHomeCenter = (scope) => col2RadioCenter({
   name: scope ? scope + ':' + 'Child_Home' : 'Child_Home',
   options: [
     'Mother',
@@ -1455,7 +1461,7 @@ const childPrimaryCaregiver$1 = (scope) => sbsSelect({
   ]
 });
 
-const childPrimaryCaregiverCenter = (scope) => verticalSelect({
+const childPrimaryCaregiverCenter = (scope) => verticalButtonRadio({
   name: scope ? scope + ':' + 'Child_Primary_Caregiver' : 'Child_Primary_Caregiver',
   options: [
     'Mother',
@@ -1476,7 +1482,7 @@ const childRelationship$1 = (scope) => sbsSelect({
   ]
 });
 
-const childRelationshipCenter = (scope) => verticalSelect({
+const childRelationshipCenter = (scope) => col2RadioCenter({
   name: scope ? scope + ':' + 'Child_Relationship' : 'Child_Relationship',
   options: [
     'Father',
@@ -1498,7 +1504,7 @@ const claimStatus$1 = (scope) => sbsSelect({
   ]
 });
 
-const claimStatusCenter = (scope) => verticalSelect({
+const claimStatusCenter = (scope) => col2RadioCenter({
   name: scope ? scope + ':' + 'Claim_Status' : 'Claim_Status',
   options: [
     "No action taken yet",
@@ -1736,7 +1742,7 @@ const crimeCommittedDateCenter = () => verticalDate({
   name: 'Crime_Committed_Date'
 });
 
-const criminalChargeTypeCenter = () => verticalSelect({
+const criminalChargeTypeCenter = () => col2RadioCenter({
   name: 'Criminal_Charge_Type',
   options: [
     "Felony",
@@ -1768,7 +1774,7 @@ const degreeOfInterest$1 = (scope, help) => sbsSelect({
   ]
 });
 
-const degreeOfInterestCenter = (scope, help) => verticalSelect({
+const degreeOfInterestCenter = (scope, help) => col2RadioCenter({
   name: scope ? scope + ':' + 'Degree_Of_Interest' : 'Degree_Of_Interest',
   id: scope ? scope + ':' + 'Degree_Of_Interest' : 'Degree_Of_Interest',
   help: help,
@@ -1813,7 +1819,7 @@ const doctorTreatmentCenter = () => verticalYesNoRadio({
   name: 'Doctor_Treatment',
 });
 
-const driversLicenseTypeCenter = () => vertical2ItemRadio({
+const driversLicenseTypeCenter = () => verticalButtonRadio({
   name: 'Drivers_License_Type',
   options: [
     "Private",
@@ -1835,7 +1841,7 @@ const email = () => sbsText({
   }
 });
 
-const employerTypeCenter = () => verticalSelect({
+const employerTypeCenter = () => col2RadioCenter({
   name: 'Employer_Type',
   options: [
     "Sole proprietorship (mom and pop)",
@@ -1875,7 +1881,7 @@ const estateLegalServicesNeeded$1 = (scope) => sbsSelect({
   ]
 });
 
-const estateLegalServicesNeededCenter = (scope) => verticalSelect({
+const estateLegalServicesNeededCenter = (scope) => col2RadioCenter({
   name: scope ? scope + ':' + 'Estate_Legal_Services_Needed' : 'Estate_Legal_Services_Needed',
   options: [
     "Charitable Giving",
@@ -2006,7 +2012,7 @@ const immigrationEntryCenter = (scope) => verticalSelect({
   ]
 });
 
-const immigrationLocationCenter = (scope) => verticalSelect({
+const immigrationLocationCenter = (scope) => col2RadioCenter({
   name: scope ? scope + ':' + 'Immigration_Location' : 'Immigration_Location',
   options: [
     "In the USA",
@@ -2061,7 +2067,7 @@ const lastName = () => sbsText({
   }
 });
 
-const landlordTenantPartyCenter = () => verticalSelect({
+const landlordTenantPartyCenter = () => verticalButtonRadio({
   name: 'Landlord_Tenant_Party',
   options: [
     "Landlord",
@@ -2085,7 +2091,7 @@ const landlordTenantIssueRadioCenter = () => col2RadioCenter({
   ]
 });
 
-const lawsuitOtherPartyCenter = () => verticalSelect({
+const lawsuitOtherPartyCenter = () => col2RadioCenter({
   name: 'Lawsuit_Other_Party',
   options: [
     "Individual",
@@ -2109,23 +2115,22 @@ const lawyerPaymentMethod$1 = (scope) => sbsSelect({
   ]
 });
 
-const lawyerPaymentMethodCenter = (scope) => verticalSelect({
+const lawyerPaymentMethodCenter = (scope) => col2RadioCenter({
   name: scope ? scope + ':' + 'Lawyer_Payment_Method' : 'Lawyer_Payment_Method',
-  help: 'No payment necessary to speak with lawyers.',
-  options: [
-    'Cash',
-    'Check',
-    'Credit Card',
-    'Friend',
-    'Family',
-    'Other'
-  ]
+  help: 'No payment necessary to start a consultation.',
+  options: {
+    'Cash': 'Cash',
+    'Credit Card': 'Credit Card',
+    'Family': 'Family or Friend',
+    'Other': 'Other'
+  },
+  fieldsetClass: '$reset t-flex t-flex-col t-items-center'
 });
 
 const legalCrossSells$1 = () => col2Checkbox({
   id: 'Legal_CrossSells',
   name: 'Legal_CrossSells',
-  help: 'Note: just hit "Next" if none apply',
+  help: 'Just hit "Next" if none apply',
   helpClass: 't-text-center !t-text-sm',
   validation: null,
   options: {
@@ -2222,7 +2227,7 @@ const maritalStatus$1 = (scope) => sbsSelect({
   ]
 });
 
-const maritalStatusCenter = (scope) => verticalSelect({
+const maritalStatusCenter = (scope) => col2RadioCenter({
   name: scope ? scope + ':' + 'Marital_Status' : 'Marital_Status',
   options: [
     'Unmarried, Living Together',
@@ -2247,7 +2252,7 @@ const medicalMalpracticeInjuriesCenter = () => verticalSelect({
   ]
 });
 
-const numEmployeesOfBusinessCenter = () => verticalSelect({
+const numEmployeesOfBusinessCenter = () => col2RadioCenter({
   name: 'Num_Employees_Of_Business',
   options: [
     "1-5",
@@ -2275,7 +2280,7 @@ const patentAssistanceTypeCenter = () => verticalSelect({
   ]
 });
 
-const patentForCenter = () => verticalSelect({
+const patentForCenter = () => col2RadioCenter({
   name: 'Patent_For',
   options: [
     "Product or Machine",
@@ -2361,7 +2366,7 @@ const policeReportFiledCenter = (scope) => verticalYesNoRadio({
   name: scope ? scope + ':' + 'Police_Report_Filed' : 'Police_Report_Filed',
 });
 
-const realEstateAreaCenter = () => verticalSelect({
+const realEstateAreaCenter = () => col2RadioCenter({
   name: 'Real_Estate_Area',
   options: [
     "Condos and Coops",
@@ -2391,7 +2396,7 @@ const realEstateTOLPDisplayCenter = (updates) => col2RadioCenter(merge({
   ]
 }, updates));
 
-const relationshipToVictimCenter = () => verticalSelect({
+const relationshipToVictimCenter = () => col2RadioCenter({
   name: 'Relationship_To_Victim',
   options: [
     "Parent",
@@ -2422,7 +2427,7 @@ const roleInMatterProbate$1 = (scope) => sbsSelect({
   ]
 });
 
-const roleInMatterProbateCenter = (scope) => verticalSelect({
+const roleInMatterProbateCenter = (scope) => col2RadioCenter({
   name: scope ? scope + ':' + 'Role_In_Matter_Probate' : 'Role_In_Matter_Probate',
   options: [
     "Preparing My Will",
@@ -2441,7 +2446,7 @@ const socialSecurityDisabilityReceivingBenefitsCenter = (scope) => verticalYesNo
   name: scope ? scope + ':' + 'Social_Security_Disability_Receiving_Benefits' : 'Social_Security_Disability_Receiving_Benefits',
 });
 
-const taxLevelCenter = () => verticalSelect({
+const taxLevelCenter = () => col2RadioCenter({
   name: 'Tax_Level',
   options: [
     "Federal",
@@ -2450,7 +2455,7 @@ const taxLevelCenter = () => verticalSelect({
   ]
 });
 
-const taxIssueTypeCenter = () => verticalSelect({
+const taxIssueTypeCenter = () => col2RadioCenter({
   name: 'Tax_Issue_Type',
   options: [
     "Income",
@@ -2474,7 +2479,7 @@ const taxProblemDetailsCenter = () => verticalSelect({
   ]
 });
 
-const totalDebtCenter = () => verticalSelect({
+const totalDebtCenter = () => col2RadioCenter({
   name: 'Total_Debt',
   options: [
     "Less than 5K",
@@ -2528,7 +2533,7 @@ const typeOfAlcoholTest$1 = (scope) => sbsSelect({
   ]
 });
 
-const typeOfAlcoholTestCenter = (scope) => verticalSelect({
+const typeOfAlcoholTestCenter = (scope) => col2RadioCenter({
   name: scope ? scope + ':' + 'Type_Of_Alcohol_Test' : 'Type_Of_Alcohol_Test',
   options: [
     "No Test",
@@ -2567,7 +2572,7 @@ const typeOfAssetsCenter = (scope) => verticalCol2Checkbox({
   ]
 });
 
-const typeOfPropertyCenter = () => verticalSelect({
+const typeOfPropertyCenter = () => col2RadioCenter({
   name: 'Type_Of_Property',
   options: [
     "Residential",
@@ -2615,7 +2620,7 @@ const valueOfAssets$1 = (scope) => sbsSelect({
   ]
 });
 
-const valueOfAssetsCenter = (scope) => verticalSelect({
+const valueOfAssetsCenter = (scope) => col2RadioCenter({
   name: scope ? scope + ':' + 'Value_Of_Assets' : 'Value_Of_Assets',
   options: [
     "Less than 50K",
@@ -2681,7 +2686,7 @@ const wouldLikeLawyerToCenter = () => verticalRadio({
 
 const zipcodeCenter = () => text({
   placeholder: '#####',
-  help: "We try to match you with local legal help.",
+  help: "We try to match you with local legal help",
   name: 'Zip',
   maxlength: 5,
   inputmode: "numeric",
@@ -2911,7 +2916,15 @@ 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 {
@@ -3065,12 +3078,7 @@ function commentsWithBankruptcyV2(updates = {}) {
         ],
       }
     ],
-    // TODO: UGLY: use named params!
     updates.nextOnEnter,
-    false,
-    undefined,
-    undefined,
-    false
   )
 }
 
@@ -3091,11 +3099,18 @@ function contactInfoV2(updates = {}) {
   )
 }
 
-function firstAndLastV2(updates = {}) {
+function firstAndLastV3(updates = {}) {
   return step(
     'firstAndLast',
     [
-      firstAndLastStepHeadline(updates),
+      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(),
       lastName()
     ],
@@ -3427,7 +3442,7 @@ function lawyerPaymentMethod(updates = {}) {
   return sqstep(
     'lawyerPaymentMethod',
     lawyerPaymentMethodCenter(),
-    'How will you pay if you decide to hire a lawyer?',
+    'How would you pay if a solution required it?',
     updates
   )
 }
@@ -3571,7 +3586,7 @@ function lawsuitOtherParty(updates = {}) {
   return sqstep(
     'lawsuitOtherParty',
     lawsuitOtherPartyCenter(),
-    'What best describes the other party in the lawsuit?',
+    'What describes the other party in the lawsuit?',
     updates
   )
 }
@@ -3688,7 +3703,7 @@ function applicantLTDisabilityPolicy(updates = {}) {
   return sqstep(
     'applicantLTDisabilityPolicy',
     applicantLTDisabilityPolicyCenter(),
-    'Does the applicant have a long-term disability policy?',
+    'Does the applicant have a disability policy?',
     updates
   )
 }
@@ -3907,7 +3922,7 @@ function landlordTenantParty(updates = {}) {
   return sqstep(
     'landlordTenantParty',
     landlordTenantPartyCenter(),
-    'Which party are you?',
+    'I am the:',
     updates
   )
 }
@@ -4254,7 +4269,7 @@ meta.data.dynamicSchema = [
   willsAndTrustsCrossSellQuestions(),
   divorceAndSeparationCrossSellQuestions(),
   childCustodyCrossSellQuestions(),
-  firstAndLastV2({
+  firstAndLastV3({
     headlineClass: '!t-text-dark'
   }),
 ];