bhl-forms 0.1.26 → 0.1.28

package/dist/forms/vets.es.js

@@ -0,0 +1,319 @@
+function merge() {
+  return Object.assign({}, ...arguments)
+}
+
+function RedirectUrl(domain, category) {
+  return 'https://listings.' + domain + '/api/v1/redirect?zone_id=4&sub_id=${properties.vid}&category=' + encodeURIComponent(category)
+}
+
+function RedirectUrlComments(domain, category) {
+  return RedirectUrl(domain, category) + '&Comments=${properties.Comments}'
+}
+
+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',
+  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) {
+  return merge(
+    formPropDefaults,
+    updates
+  )
+}
+
+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
+  )
+}
+
+const headlineDefaults = {
+  $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'
+  }
+};
+
+function headline(updates) {
+  return merge(
+    headlineDefaults,
+    updates
+  )
+}
+
+const subHeadlineDefaults = {
+  $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'
+  }
+};
+
+function subHeadline(updates) {
+  return merge(
+    subHeadlineDefaults,
+    updates
+  )
+}
+
+const hiddenInputsBase = [
+  {
+    $formkit: 'hidden',
+    name: "gclid",
+    value: null
+  },
+  {
+    $formkit: 'hidden',
+    name: "campaignid",
+    value: null
+  },
+  {
+    $formkit: 'hidden',
+    name: "s",
+    value: null
+  }
+];
+
+const hiddenInputsVets = [
+  {
+    $formkit: 'hidden',
+    name: "vertical",
+    value: "Veterinarians"
+  },
+  ...hiddenInputsBase
+];
+
+const textArea = (updates) => {
+  return merge({
+    $formkit: 'textarea',
+    rows: 5,
+    maxlength: 500,
+    validation: 'required',
+    validationMessages: {
+      required: 'Field is required'
+    },
+    innerClass: 't-max-w-xl',
+    labelClass: 'required'
+  }, updates)
+};
+
+const comments$1 = (updates) => textArea(
+  merge({
+    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"'
+  }, updates)
+);
+
+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) };
+
+const findLastInput = (n) => {
+  if (isInput(n)) {
+    return n
+  }
+  for (var i = n.children.length - 1; i >= 0; i--) {
+    if (typeof n.children === 'string') {
+      continue
+    }
+    const child = n.children[i];
+    if (isInput(child)) {
+      return child
+    }
+    const res = findLastInput(child);
+    if (res) {
+      return res
+    }
+  }
+  return null
+};
+
+const stepDefaults = (step) => ({
+  $el: 'section',
+  if: '$stepIsEnabled("' + step + '")',
+  attrs: {
+    style: {
+      if: '$activeStep !== "' + step + '"',
+      then: 'display: none;'
+    }
+  }
+});
+
+function step(name, inputs, nextOnEnter = true) {
+  if (typeof nextOnEnter === 'undefined') {
+    nextOnEnter = true;
+  }
+  if (inputs && inputs.length && nextOnEnter) {
+    const lastInput = findLastInput(inputs[inputs.length - 1]);
+    lastInput.onKeypress = NEXT_ON_ENTER;
+  }
+
+  return merge(
+    stepDefaults(name),
+    {
+      children: [
+        {
+          $formkit: 'group',
+          id: name,
+          name: name,
+          children: inputs
+        }
+      ]
+    }
+  )
+}
+
+function comments(updates = {}) {
+  return step(
+    'comments',
+    [
+      comments$1({
+        label: updates.label || DEFAULT_COMMENTS_LABEL,
+        placeholder: updates.placeholder || DEFAULT_COMMENTS_PLACEHOLDER_DYNAMIC
+      })
+    ],
+    updates.nextOnEnter
+  )
+}
+
+const formNavigationOnlySubmit = () => ({
+  $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',
+      // TODO ability to customize this
+      label: 'Chat Now'
+    }
+  ]
+});
+
+const formDetails = () => ({
+  $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'
+      }
+    }
+  ]
+});
+
+const schema = [
+  formAnchor(),
+  {
+    $cmp: 'FormKit',
+    props: formProps({
+      formId: 'vets',
+      redirectMap: {
+        '*': RedirectUrlComments('answers-now.com', 'Veterinarians')
+      },
+      formClass: '!t-max-w-[36rem]'
+    }),
+    children: [
+      headline({
+        children: '$urlParam("hl", "Have Questions About Your Pet?")',
+        if: '$activeStep === $firstStep()'
+      }),
+      subHeadline({
+        children: '$urlParam("shl", "Get Answers Within Minutes!")',
+        if: '$activeStep === $firstStep()'
+      }),
+      ...hiddenInputsVets,
+      {
+        $el: 'div',
+        attrs: {
+          class: 'form-body'
+        },
+        children: [
+          comments({
+            label: 'Please describe your issue in a few words:',
+            placeholder: 'Example: "My dog is limping and I need to know if I should take him to the vet"',
+            nextOnEnter: false
+          }),
+          formNavigationOnlySubmit(),
+          formDetails()
+        ]
+      }
+    ]
+  }
+];
+
+export { schema as default };

package/dist/forms/vets.iife.js

@@ -0,0 +1 @@
+var vets=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 n=[{$formkit:"hidden",name:"vertical",value:"Veterinarians"},{$formkit:"hidden",name:"gclid",value:null},{$formkit:"hidden",name:"campaignid",value:null},{$formkit:"hidden",name:"s",value:null}],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=e=>"group"!==e.type&&"section"!==e.type&&"form"!==e.type&&"hidden"!==e.$formkit&&!e.children,o=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 i=o(r);if(i)return i}return null};const a=[e({$el:"div",children:[{$el:"div",attrs:{id:"form-anchor",class:"t-absolute",style:{top:"-30px",left:0}}}],attrs:{class:"t-relative"}},u),{$cmp:"FormKit",props:function(r){return e(t,r)}({formId:"vets",redirectMap:{"*":(c="answers-now.com",d="Veterinarians",function(e,t){return"https://listings."+e+"/api/v1/redirect?zone_id=4&sub_id=${properties.vid}&category="+encodeURIComponent(t)}(c,d)+"&Comments=${properties.Comments}")},formClass:"!t-max-w-[36rem]"}),children:[function(t){return e(r,t)}({children:'$urlParam("hl", "Have Questions About Your Pet?")',if:"$activeStep === $firstStep()"}),function(t){return e(i,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&&(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}]})}("comments",[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)'})],t.nextOnEnter)}({label:"Please describe your issue in a few words:",placeholder:'Example: "My dog is limping and I need to know if I should take him to the vet"',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 c,d,u;return a}();

package/dist/forms/vets.json

@@ -0,0 +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":"vets","redirectMap":{"*":"https://listings.answers-now.com/api/v1/redirect?zone_id=4&sub_id=${properties.vid}&category=Veterinarians&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 About Your Pet?\")","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":"Veterinarians"},{"$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(\"comments\")","attrs":{"style":{"if":"$activeStep !== \"comments\"","then":"display: none;"}},"children":[{"$formkit":"group","id":"comments","name":"comments","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: \"My dog is limping and I need to know if I should take him to the vet\""}]}]},{"$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.26",
+  "version": "0.1.28",
   "publishConfig": {
     "access": "public"
   },