bhl-forms 0.0.15 → 0.0.18

package/dist/forms/childAndFamily.es.js

@@ -2,6 +2,58 @@ function merge() {
   return Object.assign({}, ...arguments)
 }
 
+const formPropDefaults = {
+  type: 'form',
+  id: 'form',
+  onSubmit: '$submit("https://httpbin.org/post", $prepData, $getRedirect)',
+  plugins: '$plugins',
+  actions: false,
+  prepop: {
+    fromURL: true
+  },
+  errorCodes: {
+    403: "An Error Occurred",
+    409: { abort: false },
+    429: "An Error Occurred"
+  },
+  formClass: '!t-max-w-xl'
+};
+
+function formProps(updates) {
+  return merge(
+    formPropDefaults,
+    updates
+  )
+}
+
+const hiddenInputs = [
+  {
+    $formkit: 'hidden',
+    name: "vertical",
+    value: "Legal"
+  },
+  {
+    $formkit: 'hidden',
+    name: "TCPA_Language",
+    value: "$meta.tcpaLanguage"
+  },
+  {
+    $formkit: 'hidden',
+    name: "gclid",
+    value: null,
+  },
+  {
+    $formkit: 'hidden',
+    name: "campaignid",
+    value: null,
+  },
+  {
+    $formkit: 'hidden',
+    name: "s",
+    value: null,
+  }
+];
+
 // ------ Common Base Settings
 
 const radio = (updates) => {
@@ -11,7 +63,7 @@ const radio = (updates) => {
     validationMessages: {
       required: 'Field is required',
     },
-    optionsClass: 'pt-3 pl-1',
+    optionsClass: 't-pt-3 t-pl-1',
     legendClass: 'required'
   }, updates)
 };
@@ -19,18 +71,18 @@ const radio = (updates) => {
 const sbs2ColRadio = (updates) => {
   updates.legendClass = 'legend-left required';
   updates.fieldsetClass = '$reset side-by-side';
-  updates.optionsClass = 'grid grid-cols-1 md:grid-cols-2';
-  updates.innerClass = 'flex items-start';
-  updates.wrapperClass = '$reset flex cursor-pointer mb-3';
+  updates.optionsClass = 't-grid t-grid-cols-1 md:t-grid-cols-2';
+  updates.innerClass = 't-flex t-items-start';
+  updates.wrapperClass = '$reset t-flex t-cursor-pointer t-mb-3';
   return radio(updates)
 };
 
 const sbsYesNoRadio = (updates) => {
   updates.options = ['Yes', 'No'];
   updates.legendClass = 'legend-left required';
-  updates.fieldsetClass = '$reset side-by-side items-center';
-  updates.optionsClass = 'pl-1 side-by-side items-center';
-  updates.innerClass = 'flex items-center';
+  updates.fieldsetClass = '$reset side-by-side t-items-center';
+  updates.optionsClass = 't-pl-1 side-by-side t-items-center';
+  updates.innerClass = 't-flex t-items-center';
   return radio(updates)
 };
 
@@ -42,14 +94,14 @@ const select = (updates) => {
     validationMessages: {
       required: 'Field is required',
     },
-    inputClass: 'bg-white',
+    inputClass: 't-bg-white',
     labelClass: 'required'
   }, updates)
 };
 
 const sbsSelect = (updates) => {
   updates.labelClass = 'required';
-  updates.wrapperClass = 'side-by-side items-center';
+  updates.wrapperClass = 'side-by-side t-items-center';
   updates.innerClass = 'select-height-content';
   return select(updates)
 };
@@ -67,7 +119,7 @@ const text = (updates) => {
 
 const sbsText = (updates) => {
   updates.labelClass = 'required';
-  updates.wrapperClass = 'side-by-side items-center';
+  updates.wrapperClass = 'side-by-side t-items-center';
   return text(updates)
 };
 
@@ -237,7 +289,7 @@ const TCPAConsent = () => ({
     accepted: 'Consent is required',
   },
   classes: {
-    label: "text-xs text-slate-500 font-normal"
+    label: "t-text-xs t-text-slate-500 t-font-normal"
   }
 });
 
@@ -410,7 +462,7 @@ function contactInfo() {
         $el: 'h3',
         children: 'Based on your input, you may benefit from speaking with a family lawyer. Please verify your contact information:',
         attrs: {
-          class: 'flex justify-center text-center text-lg font-bold pb-5 pt-0 px-3'
+          class: 't-flex t-justify-center t-text-center t-text-lg t-font-bold t-pb-5 t-pt-0 t-px-3'
         }
       },
       email(),
@@ -420,7 +472,7 @@ function contactInfo() {
         $el: 'div',
         if: '$activeStep === $lastStep()',
         attrs: {
-          class: 'flex justify-center'
+          class: 't-flex t-justify-center'
         },
         children: [
           {
@@ -460,7 +512,7 @@ function TOLPQuestions() {
         $el: 'h3',
         children: 'Please Complete the Following:',
         attrs: {
-          class: 'flex justify-center text-center text-2xl font-bold text-blue-500 pb-5 pt-0 px-3'
+          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-3'
         }
       },
       AdoptionQuestions(),
@@ -520,7 +572,7 @@ const formDetails = () => ({
       $el: 'pre',
       children: '$stringify( $get(form).value )',
       attrs: {
-        class: 'text-xs',
+        class: 't-text-xs',
         style: 'overflow: scroll'
       }
     },
@@ -528,7 +580,7 @@ const formDetails = () => ({
       $el: 'pre',
       children: ['activeStep: ', '$activeStep'],
       attrs: {
-        class: 'text-xs',
+        class: 't-text-xs',
         style: 'overflow: scroll'
       }
     },
@@ -536,7 +588,7 @@ const formDetails = () => ({
       $el: 'pre',
       children: ['stepHistory: ', '$stepHistory'],
       attrs: {
-        class: 'text-xs',
+        class: 't-text-xs',
         style: 'overflow: scroll'
       }
     },
@@ -544,7 +596,7 @@ const formDetails = () => ({
       $el: 'pre',
       children: ['stepQueue: ', '$stepQueue'],
       attrs: {
-        class: 'text-xs',
+        class: 't-text-xs',
         style: 'overflow: scroll'
       }
     }
@@ -560,22 +612,10 @@ const schema = [
   },
   {
     $cmp: 'FormKit',
-    props: {
-      type: 'form',
-      id: 'form',
+    props: formProps({
       formId: 'childAndFamily',
       onSubmit: '$submit("https://httpbin.org/post", $prepData, $getRedirect)',
       // onSubmit: '$submit("http://localhost:8080/api/v1/form_leads_ext", $prepData, $getRedirect)',
-      plugins: '$plugins',
-      actions: false,
-      prepop: {
-        fromURL: true
-      },
-      errorCodes: {
-        403: "An Error Occurred",
-        409: { abort: false },
-        429: "An Error Occurred"
-      },
       redirectMap: {
         'Adoption': 'https://justanswer.9pctbx.net/c/2880795/565949/9320?sharedid=${properties.vid}',
         'Child Custody and Support': 'https://justanswer.9pctbx.net/c/2880795/565949/9320?sharedid=${properties.vid}',
@@ -583,15 +623,14 @@ const schema = [
         'Guardianship': 'https://justanswer.9pctbx.net/c/2880795/565949/9320?sharedid=${properties.vid}',
         '*': 'https://justanswer.9pctbx.net/c/2880795/808601/9320?sharedid=${properties.vid}'
       },
-      formClass: '!max-w-xl'
-    },
+    }),
     children: [
       {
         $el: 'h1',
         if: '$activeStep === $firstStep()',
         children: 'Get Child & Family Help Today',
         attrs: {
-          class: 'flex justify-center text-center text-3xl font-bold pt-5 px-3'
+          class: 't-flex t-justify-center t-text-center t-text-3xl t-font-bold t-pt-5 t-px-3'
         }
       },
       {
@@ -599,34 +638,10 @@ const schema = [
         if: '$activeStep === $firstStep()',
         children: 'Contact Us Now for Child Support, Custody and Family Issues',
         attrs: {
-          class: 'flex justify-center text-center text-md font-medium text-blue-500 px-3'
+          class: 't-flex t-justify-center t-text-center t-text-md t-font-medium t-text-blue-500 t-px-3'
         }
       },
-      {
-        $formkit: 'hidden',
-        name: "vertical",
-        value: "Legal"
-      },
-      {
-        $formkit: 'hidden',
-        name: "TCPA_Language",
-        value: "$meta.tcpaLanguage"
-      },
-      {
-        $formkit: 'hidden',
-        name: "gclid",
-        value: null,
-      },
-      {
-        $formkit: 'hidden',
-        name: "campaignid",
-        value: null,
-      },
-      {
-        $formkit: 'hidden',
-        name: "s",
-        value: null,
-      },
+      ...hiddenInputs,
       {
         $el: 'div',
         attrs: {