bhl-forms 0.6.10 → 0.6.12

package/dist/forms/generalLegalPopUnderSingle.es.js

@@ -128,7 +128,7 @@ const sbsYesNoRadio = (updates) => {
 
 const verticalButtonRadio = (updates) => {
   updates.legendClass = 'legend-left';
-  updates.fieldsetClass = '$reset t-flex t-justify-center t-items-center';
+  updates.fieldsetClass = '$reset t-flex t-justify-center t-flex-col-reverse 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';
   }
@@ -137,6 +137,7 @@ const verticalButtonRadio = (updates) => {
   updates.labelClass = 't-font-semibold t-text-[#1e448f] t-w-[100%]';
   updates.decoratorIcon = false;
   updates.messagesClass = 't-flex t-justify-center';
+  updates.helpClass = 't-mt-2.5 !t-text-sm t-text-center';
   return radio(updates)
 };
 
@@ -874,8 +875,8 @@ const doctorTreatment$1 = (scope) => sbsYesNoRadio({
   label: 'Have You Recently Been Treated by a Doctor, Hospital or Clinic?',
 });
 
-const doctorTreatmentCenter = () => verticalYesNoRadio({
-  name: 'Doctor_Treatment',
+const doctorTreatmentCenter = (scope) => verticalYesNoRadio({
+  name: scope ? scope + ':' + 'Doctor_Treatment' : 'Doctor_Treatment',
 });
 
 const driversLicenseTypeCenter = () => verticalButtonRadio({
@@ -886,9 +887,9 @@ const driversLicenseTypeCenter = () => verticalButtonRadio({
   ]
 });
 
-const email = () => sbsText({
+const email = (scope) => sbsText({
   $formkit: 'email',
-  name: 'Email',
+  name: scope ? scope + ':' + 'Email' : 'Email',
   label: 'Email Address:',
   placeholder: 'email@domain.com',
   autocomplete: 'email',
@@ -956,11 +957,11 @@ const estateLegalServicesNeededCenter = (scope) => col2RadioCenter({
   ]
 });
 
-const firstName = () => sbsText({
+const firstName = (scope) => sbsText({
   $formkit: 'text',
   label: 'First Name:',
   placeholder: 'First',
-  name: 'First_Name',
+  name: scope ? scope + ':' + 'First_Name' : 'First_Name',
   autocomplete: "given-name",
   validationMessages: {
     required: 'First Name is required'
@@ -1034,8 +1035,8 @@ const haveAttorney$1 = (scope) => sbsYesNoRadio({
   label: 'Already Working with An Attorney?'
 });
 
-const haveAttorneyCenter = () => verticalYesNoRadio({
-  name: 'Have_Attorney',
+const haveAttorneyCenter = (scope) => verticalYesNoRadio({
+  name: scope ? scope + ':' + 'Have_Attorney' : 'Have_Attorney',
 });
 
 const haveChildren$1 = (scope) => sbsYesNoRadio({
@@ -1119,11 +1120,11 @@ const incidentDateCenter = (scope) => verticalDate({
   name: scope ? scope + ':' + 'Incident_Date' : 'Incident_Date',
 });
 
-const lastName = () => sbsText({
+const lastName = (scope) => sbsText({
   $formkit: 'text',
   label: 'Last Name:',
   placeholder: 'Last',
-  name: 'Last_Name',
+  name: scope ? scope + ':' + 'Last_Name' : 'Last_Name',
   autocomplete: "family-name",
   validationMessages: {
     required: 'Last Name is required'
@@ -1364,9 +1365,9 @@ const pendingChargesCenter = (scope) => verticalYesNoRadio({
   name: scope ? scope + ':' + 'Pending_Charges' : 'Pending_Charges',
 });
 
-const phone = () => sbsText({
+const phone = (scope) => sbsText({
   $formkit: 'tel',
-  name: 'Primary_Phone',
+  name: scope ? scope + ':' + 'Primary_Phone' : 'Primary_Phone',
   label: 'Phone Number:',
   placeholder: '###-###-####',
   maxlength: 12,
@@ -1568,10 +1569,10 @@ const totalMonthlyIncomeCenter = () => verticalSelect({
   ]
 });
 
-const TCPAConsent = () => ({
+const TCPAConsent = (scope) => ({
   $formkit: 'checkbox',
   label: '$meta.tcpaLanguage',
-  name: 'TCPA_Opt_In',
+  name: scope ? scope + ':' + 'TCPA_Opt_In' : 'TCPA_Opt_In',
   'data-tf-sensitive': 'false',
   validation: 'required|accepted',
   validationMessages: {
@@ -1747,10 +1748,10 @@ const wouldLikeLawyerToCenter = () => verticalRadio({
   ]
 });
 
-const zipcodeCenter = (updates = {}) => text({
+const zipcodeCenter = (updates = {}, scope) => text({
   placeholder: '#####',
   help: updates.help ?? "We try to match you with local legal help",
-  name: 'Zip',
+  name: scope ? scope + ':' + 'Zip' : 'Zip',
   maxlength: 5,
   inputmode: "numeric",
   autocomplete: 'postal-code',
@@ -2164,7 +2165,8 @@ function commentsWithBankruptcy(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,
-      }),
+      }, updates.scope),
+      // TODO: needs scope support
       bankruptcyCrossSell(),
       {
         $el: 'div',
@@ -2189,16 +2191,16 @@ function contactInfo(updates = {}) {
       contactStepHeadline(updates),
       contactStepSubHeadline(updates),
       trustedFormScript(),
-      email(),
-      phone(),
-      TCPAConsent(),
+      email(updates.scope),
+      phone(updates.scope),
+      TCPAConsent(updates.scope),
       secureIcon()
     ],
     false, // nextOnEnter
   )
 }
 
-function firstAndLastV3(updates = {}) {
+function firstAndLastV3(updates = {}, scope) {
   return step(
     'firstAndLast',
     [
@@ -2210,8 +2212,8 @@ function firstAndLastV3(updates = {}) {
         subheadline: updates.subheadline ?? 'Note: we never share info without consent',
         subheadlineClass: '!t-text-sm !t-text-gray-500'
       }),
-      firstName(),
-      lastName()
+      firstName(scope),
+      lastName(scope)
     ],
     updates.nextOnEnter
   )
@@ -2423,7 +2425,7 @@ function generalTOLP(updates = {}) {
 function zipcode(updates = {}) {
   return sqstep(
     'zipcode',
-    zipcodeCenter(updates),
+    zipcodeCenter(updates, updates.scope),
     'Please verify your Zip Code',
     updates
   )
@@ -2522,7 +2524,7 @@ function childPrimaryCaregiver(updates = {}) {
 function haveAttorney(updates = {}) {
   return sqstep(
     'haveAttorney',
-    haveAttorneyCenter(),
+    haveAttorneyCenter(updates.scope),
     'Already working with an attorney?',
     updates
   )
@@ -2549,7 +2551,7 @@ function lawyerPaymentMethod(updates = {}) {
 function incidentDate(updates = {}) {
   return sqstep(
     'incidentDate',
-    incidentDateCenter(),
+    incidentDateCenter(updates.scope),
     'When did the incident occur?',
     updates
   )
@@ -2558,7 +2560,7 @@ function incidentDate(updates = {}) {
 function doctorTreatment(updates = {}) {
   return sqstep(
     'doctorTreatment',
-    doctorTreatmentCenter(),
+    doctorTreatmentCenter(updates.scope),
     'Have you seen a doctor about this?',
     updates
   )
@@ -2576,7 +2578,7 @@ function medicalMalpracticeInjuries(updates = {}) {
 function atFault(updates = {}) {
   return sqstep(
     'atFault',
-    atFaultCenter(),
+    atFaultCenter(updates.scope),
     'Were you at fault?',
     updates
   )
@@ -2585,7 +2587,7 @@ function atFault(updates = {}) {
 function primaryInjury(updates = {}) {
   return sqstep(
     'primaryInjury',
-    primaryInjuryCenter(),
+    primaryInjuryCenter(updates.scope),
     'What was the primary injury?',
     updates
   )
@@ -2594,7 +2596,7 @@ function primaryInjury(updates = {}) {
 function policeReportFiled(updates = {}) {
   return sqstep(
     'policeReportFiled',
-    policeReportFiledCenter(),
+    policeReportFiledCenter(updates.scope),
     'Was a police report filed?',
     updates
   )
@@ -3161,9 +3163,7 @@ function criminalChargesFiled(updates = {}) {
   )
 }
 
-// ------ Common
-
-const formNavigation = () => ({
+const formNavigation = (updates = {}) => ({
   $el: 'div',
   attrs: {
     class: 'step-nav'
@@ -3201,7 +3201,7 @@ const formNavigation = () => ({
     {
       $formkit: 'submit',
       name: 'submit_button',
-      label: 'Submit',
+      label: updates.submitLabel || 'Submit',
       if: '$activeStep === $lastStep()',
       style: {
         if: '$activeStep !== $lastStep()',
@@ -3336,14 +3336,16 @@ function defaultMetaProps(tolps = null) {
   })
 }
 
-const dynamicSchemaNode = {
-  $cmp: 'FormKitSchema',
-  if: '$get(Type_Of_Legal_Problem).value',
-  props: {
-    schema: '$meta.dynamicSchema',
-    data: '$buildData($meta)'
+function dynamicSchemaNode(field = 'Type_Of_Legal_Problem') {
+  return {
+    $cmp: 'FormKitSchema',
+    if: '$get(' + field + ').value',
+    props: {
+      schema: '$meta.dynamicSchema',
+      data: '$buildData($meta)'
+    }
   }
-};
+}
 
 const formAnchorDefaults = {
   $el: 'div',
@@ -4438,7 +4440,7 @@ const schema = [
               innerClass: '!t-max-w-[275px] md:!t-max-w-xl'
             }
           }),
-          dynamicSchemaNode,
+          dynamicSchemaNode(),
           contactInfo(),
           formNavigation(),
           formDetails()