bhl-forms 0.6.5 → 0.6.6

package/dist/forms/mechanics.es.js

@@ -13,121 +13,6 @@ function RedirectUrlComments(domain, vertical, category) {
 const DEFAULT_COMMENTS_PLACEHOLDER_DYNAMIC = '$getKey($meta, "commentsPlaceholders." + $get(Type_Of_Legal_Problem).value, $meta.defaultCommentsPlaceholder)';
 const DEFAULT_COMMENTS_LABEL = 'Please briefly describe your legal issue in a few words:';
 
-const formPropDefaults = {
-  type: 'form',
-  id: 'form',
-  config: { validationVisibility: 'submit' },
-  onSubmit: '$submit($submitUrl, $prepData, $handleRedirect, "text/plain; charset=UTF-8")',
-  plugins: '$plugins',
-  actions: false,
-  anchorElement: 'form-anchor',
-  useLocalStorage: true,
-  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-[40rem]'
-};
-
-function formProps(updates) {
-  const props = merge(
-    formPropDefaults,
-    updates
-  );
-  if (props.formId && !props.name) {
-    props.name = props.formId;
-  }
-  return props
-}
-
-const formAnchorDefaults = {
-  $el: 'div',
-  children: [
-    {
-      $el: 'div',
-      attrs: {
-        id: 'form-anchor',
-        class: 't-absolute',
-        style: { top: '-30px', left: 0 }
-      }
-    }
-  ],
-  attrs: {
-    class: 't-relative'
-  }
-};
-
-function formAnchor(updates) {
-  return merge(
-    formAnchorDefaults,
-    updates
-  )
-}
-
-function headlineDefaults(updates = {}) {
-  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' + ' ' + (updates.headlineClass || '')
-    }
-  }
-}
-
-function headline(updates = {}) {
-  return merge(
-    headlineDefaults(updates),
-    updates
-  )
-}
-
-function subHeadlineDefaults(updates = {}) {
-  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' + ' ' + (updates.subheadlineClass || '')
-    }
-  }
-}
-
-function subHeadline(updates = {}) {
-  return merge(
-    subHeadlineDefaults(updates),
-    updates
-  )
-}
-
-const hiddenInputsBase = [
-  {
-    $formkit: 'hidden',
-    name: "gclid",
-    value: null
-  },
-  {
-    $formkit: 'hidden',
-    name: "campaignid",
-    value: null
-  },
-  {
-    $formkit: 'hidden',
-    name: "s",
-    value: null
-  }
-];
-
-const hiddenInputsMechanics = [
-  {
-    $formkit: 'hidden',
-    name: "vertical",
-    value: "AutoRepair"
-  },
-  ...hiddenInputsBase
-];
-
 const radio = (updates) => {
   if (updates.name && !updates.id) {
     updates.id = updates.name;
@@ -335,6 +220,121 @@ const formDetails = () => ({
   ]
 });
 
+const formPropDefaults = {
+  type: 'form',
+  id: 'form',
+  config: { validationVisibility: 'submit' },
+  onSubmit: '$submit($submitUrl, $prepData, $handleRedirect, "text/plain; charset=UTF-8")',
+  plugins: '$plugins',
+  actions: false,
+  anchorElement: 'form-anchor',
+  useLocalStorage: true,
+  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-[40rem]'
+};
+
+function formProps(updates) {
+  const props = merge(
+    formPropDefaults,
+    updates
+  );
+  if (props.formId && !props.name) {
+    props.name = props.formId;
+  }
+  return props
+}
+
+const formAnchorDefaults = {
+  $el: 'div',
+  children: [
+    {
+      $el: 'div',
+      attrs: {
+        id: 'form-anchor',
+        class: 't-absolute',
+        style: { top: '-30px', left: 0 }
+      }
+    }
+  ],
+  attrs: {
+    class: 't-relative'
+  }
+};
+
+function formAnchor(updates) {
+  return merge(
+    formAnchorDefaults,
+    updates
+  )
+}
+
+function headlineDefaults(updates = {}) {
+  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' + ' ' + (updates.headlineClass || '')
+    }
+  }
+}
+
+function headline(updates = {}) {
+  return merge(
+    headlineDefaults(updates),
+    updates
+  )
+}
+
+function subHeadlineDefaults(updates = {}) {
+  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' + ' ' + (updates.subheadlineClass || '')
+    }
+  }
+}
+
+function subHeadline(updates = {}) {
+  return merge(
+    subHeadlineDefaults(updates),
+    updates
+  )
+}
+
+const hiddenInputsBase = [
+  {
+    $formkit: 'hidden',
+    name: "gclid",
+    value: null
+  },
+  {
+    $formkit: 'hidden',
+    name: "campaignid",
+    value: null
+  },
+  {
+    $formkit: 'hidden',
+    name: "s",
+    value: null
+  }
+];
+
+const hiddenInputsMechanics = [
+  {
+    $formkit: 'hidden',
+    name: "vertical",
+    value: "AutoRepair"
+  },
+  ...hiddenInputsBase
+];
+
 const schema = [
   formAnchor(),
   {

package/dist/forms/mechanics.iife.js

@@ -1 +1 @@
-var mechanics=function(){"use strict";function e(){return Object.assign({},...arguments)}function t(e,t,r){return"https://listings."+e+"/api/v1/redirect?zone_id=4&sub_id=${properties.vid}&vertical="+encodeURIComponent(t)+"&category="+encodeURIComponent(r)}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",useLocalStorage:!0,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:"AutoRepair"},{$formkit:"hidden",name:"gclid",value:null},{$formkit:"hidden",name:"campaignid",value:null},{$formkit:"hidden",name:"s",value:null}],s=(t,r)=>(t=>(t.name&&!t.id&&(t.id=t.name),e({$formkit:"textarea",rows:5,maxlength:500,validation:"required",validationMessages:{required:"Field is required"},innerClass:"t-max-w-xl",labelClass:"required"},t)))(e({name:r?r+":Comments":"Comments",label:"Please briefly describe your situation in a few words:",placeholder:'For Example: "I would like help with child support payments" or "I need help with visitation rights"'},t)),i=()=>{return(t={id:"Mechanics_CrossSells",name:"Mechanics_CrossSells",label:"Click all that apply (optional):",fieldsetClass:"$reset",wrapperClass:"t-mb-2",optionsClass:"t-pt-3",legendClass:"",validation:null,options:{"Auto Insurance":"I'd like to save on my car insurance"}}).name&&!t.id&&(t.id=t.name),e({$formkit:"radio",validation:"required",validationMessages:{required:"Field is required"},optionsClass:"t-pt-3 t-pl-1",legendClass:"required"},t);var 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,t)=>({$el:"section",if:'$stepEnabled("'+e+'")',attrs:{hidden:'$activeStep !== "'+e+'"',key:t||e}});const u=[e({$el:"div",children:[{$el:"div",attrs:{id:"form-anchor",class:"t-absolute",style:{top:"-30px",left:0}}}],attrs:{class:"t-relative"}},h),{$cmp:"FormKit",props:function(t){const n=e(r,t);return n.formId&&!n.name&&(n.name=n.formId),n}({formId:"mechanics",popUnderMap:{"properties.Mechanics_CrossSells":{"Auto Insurance":t("answers-now.com","Insurance","Auto Insurance")}},redirectMap:{"*":(p="answers-now.com",m="AutoRepair",f="Mechanics",t(p,m,f)+"&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", "Book Top-rated Mechanics")',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", "Certified Shops, Instant Quotes Online!")',if:"$activeStep === $firstStep()"}),...n,{$el:"div",attrs:{class:"form-body"},children:[function(t={}){return function(t,r,n=!0,s=!1,i,o,u){if(void 0===n&&(n=!0),r&&r.length&&(n||s)){const e=c(r[r.length-1]);e&&!0===n&&(e.onKeypress=l),e&&!0===s&&(e.onInput=a)}return e(d(t,i),{children:[{$formkit:"group",id:t,name:t,nextStepMap:o,autoFocus:u,children:r}]})}("commentsMechanics",[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-20"}),i()],t.nextOnEnter)}({label:"Please briefly describe your issue:",placeholder:'Example: "I\'m having transmission trouble", or "My brakes need to be replaced"',nextOnEnter:!1}),function(e={}){return{$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:e.submitLabel||"Chat Now"}]}}({submitLabel:"Start"}),{$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:"pre",children:["steps: ","$stepKeys()"],attrs:{class:"t-text-xs",style:"overflow: scroll"}}]}]}]}];var p,m,f,h;return u}();
+var mechanics=function(){"use strict";function e(){return Object.assign({},...arguments)}function t(e,t,r){return"https://listings."+e+"/api/v1/redirect?zone_id=4&sub_id=${properties.vid}&vertical="+encodeURIComponent(t)+"&category="+encodeURIComponent(r)}const r=(t,r)=>(t=>(t.name&&!t.id&&(t.id=t.name),e({$formkit:"textarea",rows:5,maxlength:500,validation:"required",validationMessages:{required:"Field is required"},innerClass:"t-max-w-xl",labelClass:"required"},t)))(e({name:r?r+":Comments":"Comments",label:"Please briefly describe your situation in a few words:",placeholder:'For Example: "I would like help with child support payments" or "I need help with visitation rights"'},t)),n=()=>{return(t={id:"Mechanics_CrossSells",name:"Mechanics_CrossSells",label:"Click all that apply (optional):",fieldsetClass:"$reset",wrapperClass:"t-mb-2",optionsClass:"t-pt-3",legendClass:"",validation:null,options:{"Auto Insurance":"I'd like to save on my car insurance"}}).name&&!t.id&&(t.id=t.name),e({$formkit:"radio",validation:"required",validationMessages:{required:"Field is required"},optionsClass:"t-pt-3 t-pl-1",legendClass:"required"},t);var t},s="$onEnter($setNextStep($fireStepEvent($get(form)), $preStepFunc($get(form))))",i="$onInput($setNextStep($fireStepEvent($get(form)), $preStepFunc($get(form))))",l=e=>"group"!==e.type&&"section"!==e.type&&"form"!==e.type&&"hidden"!==e.$formkit&&!e.children,a=e=>{if(l(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(l(r))return r;const n=a(r);if(n)return n}return null},o=(e,t)=>({$el:"section",if:'$stepEnabled("'+e+'")',attrs:{hidden:'$activeStep !== "'+e+'"',key:t||e}});const c={type:"form",id:"form",config:{validationVisibility:"submit"},onSubmit:'$submit($submitUrl, $prepData, $handleRedirect, "text/plain; charset=UTF-8")',plugins:"$plugins",actions:!1,anchorElement:"form-anchor",useLocalStorage:!0,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 d=[{$formkit:"hidden",name:"vertical",value:"AutoRepair"},{$formkit:"hidden",name:"gclid",value:null},{$formkit:"hidden",name:"campaignid",value:null},{$formkit:"hidden",name:"s",value:null}],u=[e({$el:"div",children:[{$el:"div",attrs:{id:"form-anchor",class:"t-absolute",style:{top:"-30px",left:0}}}],attrs:{class:"t-relative"}},h),{$cmp:"FormKit",props:function(t){const r=e(c,t);return r.formId&&!r.name&&(r.name=r.formId),r}({formId:"mechanics",popUnderMap:{"properties.Mechanics_CrossSells":{"Auto Insurance":t("answers-now.com","Insurance","Auto Insurance")}},redirectMap:{"*":(p="answers-now.com",m="AutoRepair",f="Mechanics",t(p,m,f)+"&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", "Book Top-rated Mechanics")',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", "Certified Shops, Instant Quotes Online!")',if:"$activeStep === $firstStep()"}),...d,{$el:"div",attrs:{class:"form-body"},children:[function(t={}){return function(t,r,n=!0,l=!1,c,d,u){if(void 0===n&&(n=!0),r&&r.length&&(n||l)){const e=a(r[r.length-1]);e&&!0===n&&(e.onKeypress=s),e&&!0===l&&(e.onInput=i)}return e(o(t,c),{children:[{$formkit:"group",id:t,name:t,nextStepMap:d,autoFocus:u,children:r}]})}("commentsMechanics",[r({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-20"}),n()],t.nextOnEnter)}({label:"Please briefly describe your issue:",placeholder:'Example: "I\'m having transmission trouble", or "My brakes need to be replaced"',nextOnEnter:!1}),function(e={}){return{$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:e.submitLabel||"Chat Now"}]}}({submitLabel:"Start"}),{$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:"pre",children:["steps: ","$stepKeys()"],attrs:{class:"t-text-xs",style:"overflow: scroll"}}]}]}]}];var p,m,f,h;return u}();