bhl-forms 0.1.25 → 0.1.27

package/dist/forms/mechanics.es.js

@@ -119,25 +119,20 @@ const hiddenInputsMechanics = [
   ...hiddenInputsBase
 ];
 
-// ------ Common Base Settings
-
-const checkbox = (updates) => {
+const text = (updates) => {
   return merge({
-    $formkit: 'checkbox',
+    $formkit: 'text',
     validation: 'required',
     validationMessages: {
       required: 'Field is required'
-    }
+    },
+    labelClass: 'required'
   }, 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 sbsText = (updates) => {
+  updates.wrapperClass = 'side-by-side t-items-center';
+  return text(updates)
 };
 
 const textArea = (updates) => {
@@ -154,12 +149,6 @@ const textArea = (updates) => {
   }, updates)
 };
 
-const newOrUseAutoInterest = () => sbsCheckbox({
-  label: "I'm also interested in free quotes for a new or used car",
-  name: 'New_Or_Used_Auto_Interest',
-  validation: null,
-});
-
 const comments = (updates) => textArea(
   merge({
     label: 'Please briefly describe your situation in a few words:',
@@ -168,6 +157,20 @@ 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 isInput = (n) => { return (n.type !== 'group' && n.type !== 'section' && n.type !== 'form' && n.$formkit !== 'hidden' && !n.children) };
@@ -227,16 +230,16 @@ function step(name, inputs, nextOnEnter = true) {
   )
 }
 
-function commentsAndAutoInterest(updates = {}) {
+function zipAndComments(updates = {}) {
   return step(
-    'commentsAndAutoInterest',
+    'zipAndComments',
     [
+      zipcode(),
       comments({
         label: updates.label || DEFAULT_COMMENTS_LABEL,
         placeholder: updates.placeholder || DEFAULT_COMMENTS_PLACEHOLDER_DYNAMIC,
         inputClass: 't-h-24',
-      }),
-      newOrUseAutoInterest()
+      })
     ],
     updates.nextOnEnter
   )
@@ -311,6 +314,7 @@ const schema = [
     $cmp: 'FormKit',
     props: formProps({
       formId: 'mechanics',
+      popUnder: RedirectUrl("answers-now.com", "Used Cars"),
       redirectMap: {
         '*': RedirectUrlComments('answers-now.com', 'Mechanics')
       },
@@ -332,7 +336,7 @@ const schema = [
           class: 'form-body'
         },
         children: [
-          commentsAndAutoInterest({
+          zipAndComments({
             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)}const t={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 r={$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"}};const i={$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"}};const s=[{$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.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)),l=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)),a=e=>"group"!==e.type&&"section"!==e.type&&"form"!==e.type&&"hidden"!==e.$formkit&&!e.children,o=e=>{if(a(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(a(r))return r;const i=o(r);if(i)return i}return null};const c=[e({$el:"div",children:[{$el:"div",attrs:{id:"form-anchor",class:"t-absolute",style:{top:"-30px",left:0}}}],attrs:{class:"t-relative"}},m),{$cmp:"FormKit",props:function(r){return e(t,r)}({formId:"mechanics",redirectMap:{"*":(d="answers-now.com",u="Mechanics",function(e,t){return"https://listings."+e+"/api/v1/redirect?zone_id=4&sub_id=${properties.vid}&category="+encodeURIComponent(t)}(d,u)+"&Comments=${properties.Comments}")},formClass:"!t-max-w-[36rem]"}),children:[function(t){return e(r,t)}({children:'$urlParam("hl", "Have Questions for a Mechanic?")',if:"$activeStep === $firstStep()"}),function(t){return e(i,t)}({children:'$urlParam("shl", "Get Answers Within Minutes!")',if:"$activeStep === $firstStep()"}),...s,{$el:"div",attrs:{class:"form-body"},children:[function(t={}){return function(t,r,i=!0){void 0===i&&(i=!0),r&&r.length&&i&&(o(r[r.length-1]).onKeypress="$onEnter($setNextStep($fireStepEvent($get(form)), $preStepFunc($get(form))))");return e((e=>({$el:"section",if:'$stepIsEnabled("'+e+'")',attrs:{style:{if:'$activeStep !== "'+e+'"',then:"display: none;"}}}))(t),{children:[{$formkit:"group",id:t,name:t,children:r}]})}("commentsAndAutoInterest",[l({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"}),n({label:"I'm also interested in free quotes for a new or used car",name:"New_Or_Used_Auto_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 d,u,m;return c}();
+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={$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"}};const s={$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"}};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}],l=t=>(t.wrapperClass="side-by-side t-items-center",(t=>e({$formkit:"text",validation:"required",validationMessages:{required:"Field is required"},labelClass:"required"},t))(t)),a=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)),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};const d=[e({$el:"div",children:[{$el:"div",attrs:{id:"form-anchor",class:"t-absolute",style:{top:"-30px",left:0}}}],attrs:{class:"t-relative"}},p),{$cmp:"FormKit",props:function(t){return e(r,t)}({formId:"mechanics",popUnder:t("answers-now.com","Used Cars"),redirectMap:{"*":(m="answers-now.com",u="Mechanics",t(m,u)+"&Comments=${properties.Comments}")},formClass:"!t-max-w-[36rem]"}),children:[function(t){return e(i,t)}({children:'$urlParam("hl", "Have Questions for a Mechanic?")',if:"$activeStep === $firstStep()"}),function(t){return e(s,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,i=!0){void 0===i&&(i=!0),r&&r.length&&i&&(c(r[r.length-1]).onKeypress="$onEnter($setNextStep($fireStepEvent($get(form)), $preStepFunc($get(form))))");return e((e=>({$el:"section",if:'$stepIsEnabled("'+e+'")',attrs:{style:{if:'$activeStep !== "'+e+'"',then:"display: none;"}}}))(t),{children:[{$formkit:"group",id:t,name:t,children:r}]})}("zipAndComments",[l({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"}}),a({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 m,u,p;return d}();

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","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(\"commentsAndAutoInterest\")","attrs":{"style":{"if":"$activeStep !== \"commentsAndAutoInterest\"","then":"display: none;"}},"children":[{"$formkit":"group","id":"commentsAndAutoInterest","name":"commentsAndAutoInterest","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 free quotes for a new or used car","name":"New_Or_Used_Auto_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"}}]}]}]}]
+[{"$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=Used%20Cars","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"}}]}]}]}]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bhl-forms",
-  "version": "0.1.25",
+  "version": "0.1.27",
   "publishConfig": {
     "access": "public"
   },