bhl-forms 0.6.1 → 0.6.3

package/dist/forms/coins.es.js

@@ -0,0 +1,346 @@
+function merge() {
+  return Object.assign({}, ...arguments)
+}
+
+function RedirectUrl(domain, vertical, category) {
+  return 'https://listings.' + domain + '/api/v1/redirect?zone_id=4&sub_id=${properties.vid}&vertical=' + encodeURIComponent(vertical) + '&category=' + encodeURIComponent(category)
+}
+
+function RedirectUrlComments(domain, vertical, category) {
+  return RedirectUrl(domain, vertical, 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',
+  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 hiddenInputsAppraisals = [
+  {
+    $formkit: 'hidden',
+    name: "vertical",
+    value: "Appraisals"
+  },
+  ...hiddenInputsBase
+];
+
+const textArea = (updates) => {
+  if (updates.name && !updates.id) {
+    updates.id = updates.name;
+  }
+  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, scope) => textArea(
+  merge({
+    name: scope ? scope + ':' + '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"'
+  }, updates)
+);
+
+const NEXT_ON_ENTER = '$onEnter($setNextStep($fireStepEvent($get(form)), $preStepFunc($get(form))))';
+const NEXT_ON_INPUT = '$onInput($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, stepKey) => ({
+  $el: 'section',
+  if: '$stepEnabled("' + step + '")',
+  attrs: {
+    hidden: '$activeStep !== "' + step + '"',
+    key: stepKey ? stepKey : step
+  }
+});
+
+function step(name, inputs, nextOnEnter = true, nextOnInput = false, stepKey = undefined, nextStepMap = undefined, autoFocus = undefined) {
+  if (typeof nextOnEnter === 'undefined') {
+    nextOnEnter = true;
+  }
+  if (inputs && inputs.length && (nextOnEnter || nextOnInput)) {
+    const lastInput = findLastInput(inputs[inputs.length - 1]);
+    if (lastInput && nextOnEnter === true) {
+      lastInput.onKeypress = NEXT_ON_ENTER;
+    }
+    if (lastInput && nextOnInput === true) {
+      lastInput.onInput = NEXT_ON_INPUT;
+    }
+  }
+
+  return merge(
+    stepDefaults(name, stepKey),
+    {
+      children: [
+        {
+          $formkit: 'group',
+          id: name,
+          name: name,
+          nextStepMap: nextStepMap,
+          autoFocus: autoFocus,
+          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
+  )
+}
+
+function formNavigationOnlySubmit(updates = {}) {
+  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: updates.submitLabel || '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'
+      }
+    },
+    {
+      $el: 'pre',
+      children: ['steps: ', '$stepKeys()'],
+      attrs: {
+        class: 't-text-xs',
+        style: 'overflow: scroll'
+      }
+    }
+  ]
+});
+
+const schema = [
+  formAnchor(),
+  {
+    $cmp: 'FormKit',
+    props: formProps({
+      formId: 'coins',
+      redirectMap: {
+        '*': RedirectUrlComments('answers-now.com', 'Appraisals', 'Coins')
+      },
+      formClass: '!t-max-w-[36rem]'
+    }),
+    children: [
+      headline({
+        children: '$urlParam("hl", "Start Here for An Appraisal")',
+        if: '$activeStep === $firstStep()'
+      }),
+      subHeadline({
+        children: '$urlParam("shl", "Get Coin Valuations In Minutes!")',
+        if: '$activeStep === $firstStep()'
+      }),
+      ...hiddenInputsAppraisals,
+      {
+        $el: 'div',
+        attrs: {
+          class: 'form-body'
+        },
+        children: [
+          comments({
+            label: 'Please describe your item in a few words:',
+            placeholder: 'Example: "I have a wheat penny, buffalo nickel, and silver barber dime from the early 1900s I would like appraised."',
+            nextOnEnter: false
+          }),
+          formNavigationOnlySubmit(),
+          formDetails()
+        ]
+      }
+    ]
+  }
+];
+
+export { schema as default };

package/dist/forms/coins.iife.js

@@ -0,0 +1 @@
+var coins=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",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 r=[{$formkit:"hidden",name:"vertical",value:"Appraisals"},{$formkit:"hidden",name:"gclid",value:null},{$formkit:"hidden",name:"campaignid",value:null},{$formkit:"hidden",name:"s",value:null}],n=(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="$onEnter($setNextStep($fireStepEvent($get(form)), $preStepFunc($get(form))))",l="$onInput($setNextStep($fireStepEvent($get(form)), $preStepFunc($get(form))))",s=e=>"group"!==e.type&&"section"!==e.type&&"form"!==e.type&&"hidden"!==e.$formkit&&!e.children,a=e=>{if(s(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(s(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=[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(r){const n=e(t,r);return n.formId&&!n.name&&(n.name=n.formId),n}({formId:"coins",redirectMap:{"*":(d="answers-now.com",m="Appraisals",u="Coins",function(e,t,r){return"https://listings."+e+"/api/v1/redirect?zone_id=4&sub_id=${properties.vid}&vertical="+encodeURIComponent(t)+"&category="+encodeURIComponent(r)}(d,m,u)+"&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", "Start Here for An Appraisal")',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 Coin Valuations In Minutes!")',if:"$activeStep === $firstStep()"}),...r,{$el:"div",attrs:{class:"form-body"},children:[function(t={}){return function(t,r,n=!0,s=!1,c,d,m){if(void 0===n&&(n=!0),r&&r.length&&(n||s)){const e=a(r[r.length-1]);e&&!0===n&&(e.onKeypress=i),e&&!0===s&&(e.onInput=l)}return e(o(t,c),{children:[{$formkit:"group",id:t,name:t,nextStepMap:d,autoFocus:m,children:r}]})}("comments",[n({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 item in a few words:",placeholder:'Example: "I have a wheat penny, buffalo nickel, and silver barber dime from the early 1900s I would like appraised."',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"}]}}(),{$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 d,m,u,p;return c}();

package/dist/forms/coins.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","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-[36rem]","formId":"coins","redirectMap":{"*":"https://listings.answers-now.com/api/v1/redirect?zone_id=4&sub_id=${properties.vid}&vertical=Appraisals&category=Coins&Comments=${properties.Comments}"},"name":"coins"},"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\", \"Start Here for An Appraisal\")","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 Coin Valuations In Minutes!\")","if":"$activeStep === $firstStep()"},{"$formkit":"hidden","name":"vertical","value":"Appraisals"},{"$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":"$stepEnabled(\"comments\")","attrs":{"hidden":"$activeStep !== \"comments\"","key":"comments"},"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","name":"Comments","label":"Please describe your item in a few words:","placeholder":"Example: \"I have a wheat penny, buffalo nickel, and silver barber dime from the early 1900s I would like appraised.\"","id":"Comments"}]}]},{"$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":"pre","children":["steps: ","$stepKeys()"],"attrs":{"class":"t-text-xs","style":"overflow: scroll"}}]}]}]}]