bhl-forms 0.5.1 → 0.5.3

package/dist/forms/generalLegalSingle.es.js

@@ -869,9 +869,21 @@ const nextStepsMapGeneralLegal = {
   '*': nextStepsLegalDefault
 };
 
+// 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
+// }
+
 const TOLPNextSteps = nextStepsMapGeneralLegal["Type_Of_Legal_Problem"];
 
-const nextStepsMapCivilDefense = {
+({
   'Civil_Defense': {
     'Yes': TOLPNextSteps["Defend a Lawsuit"],
     'No': TOLPNextSteps["File a Lawsuit"],
@@ -880,7 +892,7 @@ const nextStepsMapCivilDefense = {
     'lawsuitOtherParty',
     ...nextStepsLegalDefault
   ]
-};
+});
 
 const nextStepsMapCivilTOLPDisplay = {
   'Type_Of_Legal_Problem_Display': {
@@ -981,7 +993,7 @@ const col2Checkbox = (updates) => {
     updates.legendClass = 'required';
   }
   updates.fieldsetClass = '$reset';
-  updates.optionsClass = 't-pl-2 t-pt-3 t-grid t-grid-cols-1 md:t-grid-cols-2';
+  updates.optionsClass = 't-pl-8 md:t-pl-2 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';
   return checkbox(updates)
@@ -1018,7 +1030,7 @@ const col2RadioCenter = (updates) => {
   updates.optionsClass = 't-pl-2 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-12 md:t-pl-8';
+  updates.optionClass = 't-pl-4 md:t-pl-8';
   updates.messagesClass = 't-flex t-justify-center';
   return radio(updates)
 };
@@ -1050,7 +1062,7 @@ const vertical2ItemRadio = (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-5';
+  updates.optionClass = 'radiobtn 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;
@@ -1069,7 +1081,7 @@ const verticalRadio = (updates) => {
   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-20 md:t-pl-12';
+  updates.optionClass = 't-pl-4 md:t-pl-12';
   updates.messagesClass = 't-flex t-justify-center';
   return radio(updates)
 };
@@ -1099,7 +1111,7 @@ 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-[250px] t-bg-white t-text-center';
+  updates.inputClass = 't-min-w-[150px] t-bg-white';
   updates.helpClass = 't-mt-2.5 t-text-center';
   return select(updates)
 };
@@ -1161,6 +1173,7 @@ const sbsDate = (updates) => {
 const verticalDate = (updates) => {
   updates.wrapperClass = 't-flex t-justify-center';
   updates.inputClass = 't-text-center';
+  updates.messagesClass = 't-flex t-justify-center';
   return date(updates)
 };
 
@@ -1363,15 +1376,6 @@ const causeOfDeathCenter = () => verticalSelect({
   ]
 });
 
-const civilDefenseCenter = (updates) => vertical2ItemRadio(merge({
-  name: 'Civil_Defense',
-  id: 'Civil_Defense',
-  options: {
-    Yes: 'Defend a Lawsuit',
-    No: 'File a Lawsuit'
-  }
-}, updates));
-
 const civilLawsuitTOLPDisplayCenter = (updates) => col2RadioCenter(merge({
   name: 'Type_Of_Legal_Problem_Display',
   options: [
@@ -1876,63 +1880,66 @@ const firstName = () => sbsText({
   }
 });
 
+const TOLPOptions = [
+  'Adoption',
+  'Asbestos and Mesothelioma',
+  'Auto and Car Accidents',
+  'Bankruptcy',
+  'Birth Certificate and Name Change',
+  'Business Lawyers',
+  'Child Custody',
+  'Child Support',
+  'Civil Rights and Discrimination',
+  'Consumer Lawyers',
+  'Copyrights and Trademarks',
+  'Criminal and Felony',
+  'Debt and Collections',
+  'Defend a Lawsuit',
+  'Divorce and Separation',
+  'DUI and DWI',
+  'Elder Law',
+  'Employment and Workplace',
+  'Expungement',
+  'Family Issues',
+  'File a Lawsuit',
+  'Foreclosure',
+  'Guardianship',
+  'Harassment and Discrimination',
+  'Identity Theft',
+  'Immigration and Visas',
+  'Insurance',
+  'Landlord and Tenant',
+  'Lemon Law',
+  'Long Term Disability',
+  'Medical Malpractice',
+  'Non-Workplace Discrimination',
+  'Non-Workplace Harassment',
+  'Patents and Intellectual Property',
+  'Personal Injury',
+  'Power of Attorney',
+  'Probate and Estates',
+  'Product Liability',
+  'Property Damage',
+  'Real Estate',
+  'Sexual Harassment',
+  'Social Security Disability and Insurance',
+  'Tax and IRS',
+  'Traffic and Tickets',
+  'Unemployment',
+  'Victim of a Crime',
+  'Wills and Trusts',
+  'Workers Compensation',
+  'Workplace Discrimination',
+  'Workplace Harassment',
+  'Wrongful Death',
+  'Wrongful Termination',
+  'Not Sure or Other'
+];
+
 const generalTOLPCenter = (updates) => verticalSelect(merge({
   name: 'Type_Of_Legal_Problem',
   id: 'Type_Of_Legal_Problem',
-  options: [
-    'Adoption',
-    'Asbestos and Mesothelioma',
-    'Auto and Car Accidents',
-    'Bankruptcy',
-    'Birth Certificate and Name Change',
-    'Business Lawyers',
-    'Child Custody',
-    'Child Support',
-    'Civil Rights and Discrimination',
-    'Civil Lawsuit',
-    'Consumer Lawyers',
-    'Copyrights and Trademarks',
-    'Criminal and Felony',
-    'Debt and Collections',
-    'Divorce and Separation',
-    'DUI and DWI',
-    'Elder Law',
-    'Employment and Workplace',
-    'Expungement',
-    'Family Issues',
-    'Foreclosure',
-    'Guardianship',
-    'Harassment and Discrimination',
-    'Identity Theft',
-    'Immigration and Visas',
-    'Insurance',
-    'Landlord and Tenant',
-    'Lemon Law',
-    'Long Term Disability',
-    'Medical Malpractice',
-    'Non-Workplace Discrimination',
-    'Non-Workplace Harassment',
-    'Patents and Intellectual Property',
-    'Personal Injury',
-    'Power of Attorney',
-    'Probate and Estates',
-    'Product Liability',
-    'Property Damage',
-    'Real Estate',
-    'Sexual Harassment',
-    'Social Security Disability and Insurance',
-    'Tax and IRS',
-    'Traffic and Tickets',
-    'Unemployment',
-    'Victim of a Crime',
-    'Wills and Trusts',
-    'Workers Compensation',
-    'Workplace Discrimination',
-    'Workplace Harassment',
-    'Wrongful Death',
-    'Wrongful Termination',
-    'Not Sure or Other'
-  ]
+  options: TOLPOptions,
 }, updates));
 
 const haveAttorney$1 = (scope) => sbsYesNoRadio({
@@ -3008,7 +3015,7 @@ function sqstep(name, input, defaultHeadline, updates = {}) {
   return step(
     name,
     [
-      verticalStepHeadline({ headline: updates.headline ?? defaultHeadline }),
+      verticalStepHeadline({ headline: updates.headline ?? defaultHeadline, headlineClass: updates.headlineClass }),
       ...Array.isArray(input) ? input : [input],
     ],
     updates.nextOnEnter,
@@ -3267,7 +3274,7 @@ function generalTOLP(updates = {}) {
   return step(
     'generalTOLP',
     [
-      generalTOLPCenter(),
+      generalTOLPCenter(updates.input),
     ],
     updates.nextOnEnter,
     updates.nextOnInput,
@@ -3294,16 +3301,6 @@ function maritalStatus(updates = {}) {
   )
 }
 
-function civilDefense(updates = {}) {
-  return sqstep(
-    'civilDefense',
-    civilDefenseCenter(),
-    // [inp.civilDefenseCenter(), inp.civilLawsuitTOLPDisplayCenter()],
-    'Do you need to file or defend a lawsuit?',
-    updates
-  )
-}
-
 function civilLawsuitTOLPDisplay(updates = {}) {
   return sqstep(
     'civilLawsuitTOLPDisplay',
@@ -3551,7 +3548,7 @@ function lawsuitOtherParty(updates = {}) {
   return sqstep(
     'lawsuitOtherParty',
     lawsuitOtherPartyCenter(),
-    'The other party is a:',
+    'What best describes the other party in the lawsuit?',
     updates
   )
 }
@@ -4135,7 +4132,14 @@ const schema = [
         },
         children: [
           generalTOLP({
-            nextStepMap: nextStepsMapGeneralLegal
+            nextOnInput: false,
+            nextStepMap: nextStepsMapGeneralLegal,
+            headlineClass: 't-text-lg',
+            input: {
+              // TODO: move to common settings for this input?
+              placeholder: 'Select a Category',
+              innerClass: '!t-max-w-[275px] md:!t-max-w-xl'
+            }
           }),
           amountPaymentsPastDue(),
           applicantAge(),
@@ -4156,9 +4160,10 @@ const schema = [
           childHome(),
           childPrimaryCaregiver(),
           childRelationship(),
-          civilDefense({
-            nextStepMap: nextStepsMapCivilDefense,
-          }),
+          // We removed Civil Lawsuit from TOLP dropdown for now
+          // steps.civilDefense({
+          //   nextStepMap: forms.nextStepsMapCivilDefense,
+          // }),
           civilLawsuitTOLPDisplay({
             nextStepMap: nextStepsMapCivilTOLPDisplay
           }),