bhl-forms 0.2.4 → 0.2.6

package/dist/forms/mechanics.es.js

@@ -123,20 +123,25 @@ const hiddenInputsMechanics = [
   ...hiddenInputsBase
 ];
 
-const text = (updates) => {
+// ------ Common Base Settings
+
+const checkbox = (updates) => {
   return merge({
-    $formkit: 'text',
+    $formkit: 'checkbox',
     validation: 'required',
     validationMessages: {
       required: 'Field is required'
-    },
-    labelClass: 'required'
+    }
   }, updates)
 };
 
-const sbsText = (updates) => {
-  updates.wrapperClass = 'side-by-side t-items-center';
-  return text(updates)
+const sbsCheckbox = (updates) => {
+  updates.legendClass = 'legend-left required';
+  updates.fieldsetClass = '$reset side-by-side';
+  updates.optionsClass = 't-pl-1';
+  updates.innerClass = 't-flex t-items-center';
+  updates.wrapperClass = 't-mb-3';
+  return checkbox(updates)
 };
 
 const textArea = (updates) => {
@@ -153,6 +158,12 @@ const textArea = (updates) => {
   }, updates)
 };
 
+const autoInsuranceInterest = () => sbsCheckbox({
+  label: "I'm also interested in saving money on my auto insurance",
+  name: 'Auto_Insurance_Interest',
+  validation: null,
+});
+
 const comments = (updates) => textArea(
   merge({
     label: 'Please briefly describe your situation in a few words:',
@@ -161,20 +172,6 @@ const comments = (updates) => textArea(
   }, updates)
 );
 
-const zipcode = () => sbsText({
-  label: 'Zip Code:',
-  placeholder: '#####',
-  name: 'Zip',
-  maxlength: 5,
-  inputmode: "numeric",
-  autocomplete: 'postal-code',
-  validation: 'required|matches:/^[0-9]{5}$/',
-  validationMessages: {
-    required: 'Zip Code is required',
-    matches: 'Invalid Zip Code'
-  }
-});
-
 const NEXT_ON_ENTER = '$onEnter($setNextStep($fireStepEvent($get(form)), $preStepFunc($get(form))))';
 const NEXT_ON_INPUT = '$onInput($setNextStep($fireStepEvent($get(form)), $preStepFunc($get(form))))';
 
@@ -240,16 +237,16 @@ function step(name, inputs, nextOnEnter = true, nextOnInput = false) {
   )
 }
 
-function zipAndComments(updates = {}) {
+function commentsAndAutoInsuranceInterest(updates = {}) {
   return step(
-    'zipAndComments',
+    'commentsAndAutoInsuranceInterest',
     [
-      zipcode(),
       comments({
         label: updates.label || DEFAULT_COMMENTS_LABEL,
         placeholder: updates.placeholder || DEFAULT_COMMENTS_PLACEHOLDER_DYNAMIC,
         inputClass: 't-h-24',
-      })
+      }),
+      autoInsuranceInterest()
     ],
     updates.nextOnEnter
   )
@@ -324,7 +321,11 @@ const schema = [
     $cmp: 'FormKit',
     props: formProps({
       formId: 'mechanics',
-      popUnder: RedirectUrl("answers-now.com", "Auto Insurance"),
+      popUnderMap: {
+        'properties.Auto_Insurance_Interest': {
+          'true': RedirectUrl("answers-now.com", "Auto Insurance"),
+        },
+      },
       redirectMap: {
         '*': RedirectUrlComments('answers-now.com', 'Mechanics')
       },
@@ -346,7 +347,7 @@ const schema = [
           class: 'form-body'
         },
         children: [
-          zipAndComments({
+          commentsAndAutoInsuranceInterest({
             label: 'Please describe your issue in a few words:',
             placeholder: 'Example: "Need help changing my brake pads and rotors"',
             nextOnEnter: false

package/dist/forms/mechanics.iife.js

@@ -1 +1 @@
-var mechanics=function(){"use strict";function e(){return Object.assign({},...arguments)}function t(e,t){return"https://listings."+e+"/api/v1/redirect?zone_id=4&sub_id=${properties.vid}&category="+encodeURIComponent(t)}const r={type:"form",id:"form",config:{validationVisibility:"submit"},onSubmit:'$submit($submitUrl, $prepData, $handleRedirect, "text/plain; charset=UTF-8")',plugins:"$plugins",actions:!1,anchorElement:"form-anchor",prepop:{fromURL:!0},errorCodes:{403:{message:"An Error Occurred",abort:!1},409:{abort:!1},429:"An Error Occurred",504:{message:"An Error Occurred",abort:!1}},formClass:"!t-max-w-[40rem]"};const i=[{$formkit:"hidden",name:"vertical",value:"Mechanics"},{$formkit:"hidden",name:"gclid",value:null},{$formkit:"hidden",name:"campaignid",value:null},{$formkit:"hidden",name:"s",value:null}],n=t=>(t.wrapperClass="side-by-side t-items-center",(t=>e({$formkit:"text",validation:"required",validationMessages:{required:"Field is required"},labelClass:"required"},t))(t)),s=t=>(t=>e({$formkit:"textarea",rows:5,maxlength:500,validation:"required",validationMessages:{required:"Field is required"},innerClass:"t-max-w-xl",labelClass:"required"},t))(e({label:"Please briefly describe your situation in a few words:",name:"Comments",placeholder:'For Example: "I would like help with child support payments" or "I need help with visitation rights"'},t)),l="$onEnter($setNextStep($fireStepEvent($get(form)), $preStepFunc($get(form))))",a="$onInput($setNextStep($fireStepEvent($get(form)), $preStepFunc($get(form))))",o=e=>"group"!==e.type&&"section"!==e.type&&"form"!==e.type&&"hidden"!==e.$formkit&&!e.children,c=e=>{if(o(e))return e;for(var t=e.children.length-1;t>=0;t--){if("string"==typeof e.children)continue;const r=e.children[t];if(o(r))return r;const i=c(r);if(i)return i}return null},d=e=>({$el:"section",if:'$stepIsEnabled("'+e+'")',attrs:{style:{if:'$activeStep !== "'+e+'"',then:"display: none;"}}});const u=[e({$el:"div",children:[{$el:"div",attrs:{id:"form-anchor",class:"t-absolute",style:{top:"-30px",left:0}}}],attrs:{class:"t-relative"}},f),{$cmp:"FormKit",props:function(t){return e(r,t)}({formId:"mechanics",popUnder:t("answers-now.com","Auto Insurance"),redirectMap:{"*":(p="answers-now.com",m="Mechanics",t(p,m)+"&Comments=${properties.Comments}")},formClass:"!t-max-w-[36rem]"}),children:[function(t={}){return e(function(e={}){return{$el:"h1",attrs:{class:"t-flex t-justify-center t-text-center !t-text-[2rem] t-font-semibold t-pt-5 t-px-7 md:t-px-3 "+(e.headlineClass||"")}}}(t),t)}({children:'$urlParam("hl", "Have Questions for a Mechanic?")',if:"$activeStep === $firstStep()"}),function(t={}){return e(function(e={}){return{$el:"h3",attrs:{class:"t-flex t-justify-center t-text-center !t-text-[1.2rem] t-font-medium t-text-blue-500 t-px-10 "+(e.subHeadlineClass||"")}}}(t),t)}({children:'$urlParam("shl", "Get Answers Within Minutes!")',if:"$activeStep === $firstStep()"}),...i,{$el:"div",attrs:{class:"form-body"},children:[function(t={}){return function(t,r,i=!0,n=!1){if(void 0===i&&(i=!0),r&&r.length&&(i||n)){const e=c(r[r.length-1]);!0===i&&(e.onKeypress=l),!0===n&&(e.onInput=a)}return e(d(t),{children:[{$formkit:"group",id:t,name:t,children:r}]})}("zipAndComments",[n({label:"Zip Code:",placeholder:"#####",name:"Zip",maxlength:5,inputmode:"numeric",autocomplete:"postal-code",validation:"required|matches:/^[0-9]{5}$/",validationMessages:{required:"Zip Code is required",matches:"Invalid Zip Code"}}),s({label:t.label||"Please briefly describe your legal issue in a few words:",placeholder:t.placeholder||'$getKey($meta, "commentsPlaceholders." + $get(Type_Of_Legal_Problem).value, $meta.defaultCommentsPlaceholder)',inputClass:"t-h-24"})],t.nextOnEnter)}({label:"Please describe your issue in a few words:",placeholder:'Example: "Need help changing my brake pads and rotors"',nextOnEnter:!1}),{$el:"div",attrs:{class:"step-nav"},children:[{$formkit:"button",name:"hidden_button",children:"Hidden",style:{if:"$activeStep === $firstStep()",then:"visibility: hidden;"}},{$formkit:"submit",name:"submit_button",label:"Chat Now"}]},{$el:"pre",if:'$urlParam("fdbg", "") == 1',children:[{$el:"pre",children:"$stringify( $get(form).value )",attrs:{class:"t-text-xs",style:"overflow: scroll"}},{$el:"pre",children:["activeStep: ","$activeStep"],attrs:{class:"t-text-xs",style:"overflow: scroll"}},{$el:"pre",children:["stepHistory: ","$stepHistory"],attrs:{class:"t-text-xs",style:"overflow: scroll"}},{$el:"pre",children:["stepQueue: ","$stepQueue"],attrs:{class:"t-text-xs",style:"overflow: scroll"}}]}]}]}];var p,m,f;return u}();
+var mechanics=function(){"use strict";function e(){return Object.assign({},...arguments)}function t(e,t){return"https://listings."+e+"/api/v1/redirect?zone_id=4&sub_id=${properties.vid}&category="+encodeURIComponent(t)}const r={type:"form",id:"form",config:{validationVisibility:"submit"},onSubmit:'$submit($submitUrl, $prepData, $handleRedirect, "text/plain; charset=UTF-8")',plugins:"$plugins",actions:!1,anchorElement:"form-anchor",prepop:{fromURL:!0},errorCodes:{403:{message:"An Error Occurred",abort:!1},409:{abort:!1},429:"An Error Occurred",504:{message:"An Error Occurred",abort:!1}},formClass:"!t-max-w-[40rem]"};const n=[{$formkit:"hidden",name:"vertical",value:"Mechanics"},{$formkit:"hidden",name:"gclid",value:null},{$formkit:"hidden",name:"campaignid",value:null},{$formkit:"hidden",name:"s",value:null}],s=t=>(t.legendClass="legend-left required",t.fieldsetClass="$reset side-by-side",t.optionsClass="t-pl-1",t.innerClass="t-flex t-items-center",t.wrapperClass="t-mb-3",(t=>e({$formkit:"checkbox",validation:"required",validationMessages:{required:"Field is required"}},t))(t)),i=t=>(t=>e({$formkit:"textarea",rows:5,maxlength:500,validation:"required",validationMessages:{required:"Field is required"},innerClass:"t-max-w-xl",labelClass:"required"},t))(e({label:"Please briefly describe your situation in a few words:",name:"Comments",placeholder:'For Example: "I would like help with child support payments" or "I need help with visitation rights"'},t)),l="$onEnter($setNextStep($fireStepEvent($get(form)), $preStepFunc($get(form))))",a="$onInput($setNextStep($fireStepEvent($get(form)), $preStepFunc($get(form))))",o=e=>"group"!==e.type&&"section"!==e.type&&"form"!==e.type&&"hidden"!==e.$formkit&&!e.children,c=e=>{if(o(e))return e;for(var t=e.children.length-1;t>=0;t--){if("string"==typeof e.children)continue;const r=e.children[t];if(o(r))return r;const n=c(r);if(n)return n}return null},d=e=>({$el:"section",if:'$stepIsEnabled("'+e+'")',attrs:{style:{if:'$activeStep !== "'+e+'"',then:"display: none;"}}});const u=[e({$el:"div",children:[{$el:"div",attrs:{id:"form-anchor",class:"t-absolute",style:{top:"-30px",left:0}}}],attrs:{class:"t-relative"}},f),{$cmp:"FormKit",props:function(t){return e(r,t)}({formId:"mechanics",popUnderMap:{"properties.Auto_Insurance_Interest":{true:t("answers-now.com","Auto Insurance")}},redirectMap:{"*":(m="answers-now.com",p="Mechanics",t(m,p)+"&Comments=${properties.Comments}")},formClass:"!t-max-w-[36rem]"}),children:[function(t={}){return e(function(e={}){return{$el:"h1",attrs:{class:"t-flex t-justify-center t-text-center !t-text-[2rem] t-font-semibold t-pt-5 t-px-7 md:t-px-3 "+(e.headlineClass||"")}}}(t),t)}({children:'$urlParam("hl", "Have Questions for a Mechanic?")',if:"$activeStep === $firstStep()"}),function(t={}){return e(function(e={}){return{$el:"h3",attrs:{class:"t-flex t-justify-center t-text-center !t-text-[1.2rem] t-font-medium t-text-blue-500 t-px-10 "+(e.subHeadlineClass||"")}}}(t),t)}({children:'$urlParam("shl", "Get Answers Within Minutes!")',if:"$activeStep === $firstStep()"}),...n,{$el:"div",attrs:{class:"form-body"},children:[function(t={}){return function(t,r,n=!0,s=!1){if(void 0===n&&(n=!0),r&&r.length&&(n||s)){const e=c(r[r.length-1]);!0===n&&(e.onKeypress=l),!0===s&&(e.onInput=a)}return e(d(t),{children:[{$formkit:"group",id:t,name:t,children:r}]})}("commentsAndAutoInsuranceInterest",[i({label:t.label||"Please briefly describe your legal issue in a few words:",placeholder:t.placeholder||'$getKey($meta, "commentsPlaceholders." + $get(Type_Of_Legal_Problem).value, $meta.defaultCommentsPlaceholder)',inputClass:"t-h-24"}),s({label:"I'm also interested in saving money on my auto insurance",name:"Auto_Insurance_Interest",validation:null})],t.nextOnEnter)}({label:"Please describe your issue in a few words:",placeholder:'Example: "Need help changing my brake pads and rotors"',nextOnEnter:!1}),{$el:"div",attrs:{class:"step-nav"},children:[{$formkit:"button",name:"hidden_button",children:"Hidden",style:{if:"$activeStep === $firstStep()",then:"visibility: hidden;"}},{$formkit:"submit",name:"submit_button",label:"Chat Now"}]},{$el:"pre",if:'$urlParam("fdbg", "") == 1',children:[{$el:"pre",children:"$stringify( $get(form).value )",attrs:{class:"t-text-xs",style:"overflow: scroll"}},{$el:"pre",children:["activeStep: ","$activeStep"],attrs:{class:"t-text-xs",style:"overflow: scroll"}},{$el:"pre",children:["stepHistory: ","$stepHistory"],attrs:{class:"t-text-xs",style:"overflow: scroll"}},{$el:"pre",children:["stepQueue: ","$stepQueue"],attrs:{class:"t-text-xs",style:"overflow: scroll"}}]}]}]}];var m,p,f;return u}();

package/dist/forms/mechanics.json

@@ -1 +1 @@
-[{"$el":"div","children":[{"$el":"div","attrs":{"id":"form-anchor","class":"t-absolute","style":{"top":"-30px","left":0}}}],"attrs":{"class":"t-relative"}},{"$cmp":"FormKit","props":{"type":"form","id":"form","config":{"validationVisibility":"submit"},"onSubmit":"$submit($submitUrl, $prepData, $handleRedirect, \"text/plain; charset=UTF-8\")","plugins":"$plugins","actions":false,"anchorElement":"form-anchor","prepop":{"fromURL":true},"errorCodes":{"403":{"message":"An Error Occurred","abort":false},"409":{"abort":false},"429":"An Error Occurred","504":{"message":"An Error Occurred","abort":false}},"formClass":"!t-max-w-[36rem]","formId":"mechanics","popUnder":"https://listings.answers-now.com/api/v1/redirect?zone_id=4&sub_id=${properties.vid}&category=Auto%20Insurance","redirectMap":{"*":"https://listings.answers-now.com/api/v1/redirect?zone_id=4&sub_id=${properties.vid}&category=Mechanics&Comments=${properties.Comments}"}},"children":[{"$el":"h1","attrs":{"class":"t-flex t-justify-center t-text-center !t-text-[2rem] t-font-semibold t-pt-5 t-px-7 md:t-px-3 "},"children":"$urlParam(\"hl\", \"Have Questions for a Mechanic?\")","if":"$activeStep === $firstStep()"},{"$el":"h3","attrs":{"class":"t-flex t-justify-center t-text-center !t-text-[1.2rem] t-font-medium t-text-blue-500 t-px-10 "},"children":"$urlParam(\"shl\", \"Get Answers Within Minutes!\")","if":"$activeStep === $firstStep()"},{"$formkit":"hidden","name":"vertical","value":"Mechanics"},{"$formkit":"hidden","name":"gclid","value":null},{"$formkit":"hidden","name":"campaignid","value":null},{"$formkit":"hidden","name":"s","value":null},{"$el":"div","attrs":{"class":"form-body"},"children":[{"$el":"section","if":"$stepIsEnabled(\"zipAndComments\")","attrs":{"style":{"if":"$activeStep !== \"zipAndComments\"","then":"display: none;"}},"children":[{"$formkit":"group","id":"zipAndComments","name":"zipAndComments","children":[{"$formkit":"text","validation":"required|matches:/^[0-9]{5}$/","validationMessages":{"required":"Zip Code is required","matches":"Invalid Zip Code"},"labelClass":"required","label":"Zip Code:","placeholder":"#####","name":"Zip","maxlength":5,"inputmode":"numeric","autocomplete":"postal-code","wrapperClass":"side-by-side t-items-center"},{"$formkit":"textarea","rows":5,"maxlength":500,"validation":"required","validationMessages":{"required":"Field is required"},"innerClass":"t-max-w-xl","labelClass":"required","label":"Please describe your issue in a few words:","name":"Comments","placeholder":"Example: \"Need help changing my brake pads and rotors\"","inputClass":"t-h-24"}]}]},{"$el":"div","attrs":{"class":"step-nav"},"children":[{"$formkit":"button","name":"hidden_button","children":"Hidden","style":{"if":"$activeStep === $firstStep()","then":"visibility: hidden;"}},{"$formkit":"submit","name":"submit_button","label":"Chat Now"}]},{"$el":"pre","if":"$urlParam(\"fdbg\", \"\") == 1","children":[{"$el":"pre","children":"$stringify( $get(form).value )","attrs":{"class":"t-text-xs","style":"overflow: scroll"}},{"$el":"pre","children":["activeStep: ","$activeStep"],"attrs":{"class":"t-text-xs","style":"overflow: scroll"}},{"$el":"pre","children":["stepHistory: ","$stepHistory"],"attrs":{"class":"t-text-xs","style":"overflow: scroll"}},{"$el":"pre","children":["stepQueue: ","$stepQueue"],"attrs":{"class":"t-text-xs","style":"overflow: scroll"}}]}]}]}]
+[{"$el":"div","children":[{"$el":"div","attrs":{"id":"form-anchor","class":"t-absolute","style":{"top":"-30px","left":0}}}],"attrs":{"class":"t-relative"}},{"$cmp":"FormKit","props":{"type":"form","id":"form","config":{"validationVisibility":"submit"},"onSubmit":"$submit($submitUrl, $prepData, $handleRedirect, \"text/plain; charset=UTF-8\")","plugins":"$plugins","actions":false,"anchorElement":"form-anchor","prepop":{"fromURL":true},"errorCodes":{"403":{"message":"An Error Occurred","abort":false},"409":{"abort":false},"429":"An Error Occurred","504":{"message":"An Error Occurred","abort":false}},"formClass":"!t-max-w-[36rem]","formId":"mechanics","popUnderMap":{"properties.Auto_Insurance_Interest":{"true":"https://listings.answers-now.com/api/v1/redirect?zone_id=4&sub_id=${properties.vid}&category=Auto%20Insurance"}},"redirectMap":{"*":"https://listings.answers-now.com/api/v1/redirect?zone_id=4&sub_id=${properties.vid}&category=Mechanics&Comments=${properties.Comments}"}},"children":[{"$el":"h1","attrs":{"class":"t-flex t-justify-center t-text-center !t-text-[2rem] t-font-semibold t-pt-5 t-px-7 md:t-px-3 "},"children":"$urlParam(\"hl\", \"Have Questions for a Mechanic?\")","if":"$activeStep === $firstStep()"},{"$el":"h3","attrs":{"class":"t-flex t-justify-center t-text-center !t-text-[1.2rem] t-font-medium t-text-blue-500 t-px-10 "},"children":"$urlParam(\"shl\", \"Get Answers Within Minutes!\")","if":"$activeStep === $firstStep()"},{"$formkit":"hidden","name":"vertical","value":"Mechanics"},{"$formkit":"hidden","name":"gclid","value":null},{"$formkit":"hidden","name":"campaignid","value":null},{"$formkit":"hidden","name":"s","value":null},{"$el":"div","attrs":{"class":"form-body"},"children":[{"$el":"section","if":"$stepIsEnabled(\"commentsAndAutoInsuranceInterest\")","attrs":{"style":{"if":"$activeStep !== \"commentsAndAutoInsuranceInterest\"","then":"display: none;"}},"children":[{"$formkit":"group","id":"commentsAndAutoInsuranceInterest","name":"commentsAndAutoInsuranceInterest","children":[{"$formkit":"textarea","rows":5,"maxlength":500,"validation":"required","validationMessages":{"required":"Field is required"},"innerClass":"t-max-w-xl","labelClass":"required","label":"Please describe your issue in a few words:","name":"Comments","placeholder":"Example: \"Need help changing my brake pads and rotors\"","inputClass":"t-h-24"},{"$formkit":"checkbox","validation":null,"validationMessages":{"required":"Field is required"},"label":"I'm also interested in saving money on my auto insurance","name":"Auto_Insurance_Interest","legendClass":"legend-left required","fieldsetClass":"$reset side-by-side","optionsClass":"t-pl-1","innerClass":"t-flex t-items-center","wrapperClass":"t-mb-3"}]}]},{"$el":"div","attrs":{"class":"step-nav"},"children":[{"$formkit":"button","name":"hidden_button","children":"Hidden","style":{"if":"$activeStep === $firstStep()","then":"visibility: hidden;"}},{"$formkit":"submit","name":"submit_button","label":"Chat Now"}]},{"$el":"pre","if":"$urlParam(\"fdbg\", \"\") == 1","children":[{"$el":"pre","children":"$stringify( $get(form).value )","attrs":{"class":"t-text-xs","style":"overflow: scroll"}},{"$el":"pre","children":["activeStep: ","$activeStep"],"attrs":{"class":"t-text-xs","style":"overflow: scroll"}},{"$el":"pre","children":["stepHistory: ","$stepHistory"],"attrs":{"class":"t-text-xs","style":"overflow: scroll"}},{"$el":"pre","children":["stepQueue: ","$stepQueue"],"attrs":{"class":"t-text-xs","style":"overflow: scroll"}}]}]}]}]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bhl-forms",
-  "version": "0.2.4",
+  "version": "0.2.6",
   "publishConfig": {
     "access": "public"
   },
@@ -33,7 +33,7 @@
   "dependencies": {
     "@formkit/tailwindcss": "^0.16.4",
     "@formkit/vue": "^0.16.4",
-    "formkit-multistep": "^0.3.7",
+    "formkit-multistep": "^0.3.8",
     "vue": "^3.2.16",
     "vue3-datepicker": "^0.3.4"
   },