bhl-forms 0.7.3 → 0.7.4

package/dist/forms/coins.es.js

@@ -11,45 +11,57 @@ function RedirectUrlComments(domain, vertical, category) {
   return RedirectUrl(domain, vertical, category) + '&Comments=${properties.Comments}'
 }
 
-const DEFAULT_COMMENTS_LABEL = 'Please briefly describe your issue in a few words:';
-const DEFAULT_COMMENTS_PLACEHOLDER_DYNAMIC = '$getKey($meta, "commentsPlaceholders." + $get(Category).value, $meta.defaultCommentsPlaceholder)';
+const DEFAULT_COMMENTS_LABEL = "Please briefly describe your issue in a few words:";
+const DEFAULT_COMMENTS_PLACEHOLDER_DYNAMIC =
+  '$getKey($meta, "commentsPlaceholders." + $get(Category).value, $meta.defaultCommentsPlaceholder)';
 
 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'
+  return merge(
+    {
+      $formkit: "textarea",
+      rows: 5,
+      maxlength: 500,
+      validation: "required",
+      validationMessages: {
+        required: "Field is required",
+      },
+      innerClass: "t-max-w-xl",
+      labelClass: "required",
     },
-    innerClass: 't-max-w-xl',
-    labelClass: 'required'
-  }, updates)
+    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)
-);
+// TODO: vertical not supported yet
+const comments$1 = (scope, vertical, updates) =>
+  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 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 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') {
+    if (typeof n.children === "string") {
       continue
     }
     const child = n.children[i];
@@ -65,12 +77,12 @@ const findLastInput = (n) => {
 };
 
 const stepDefaults = (step, stepKey) => ({
-  $el: 'section',
+  $el: "section",
   if: '$stepEnabled("' + step + '")',
   attrs: {
     hidden: '$activeStep !== "' + step + '"',
-    key: stepKey ? stepKey : step
-  }
+    key: stepKey ? stepKey : step,
+  },
 });
 
 function step(name, inputs, updates = {}) {
@@ -93,34 +105,29 @@ function step(name, inputs, updates = {}) {
     }
   }
 
-  return merge(
-    stepDefaults(name, stepKey),
-    {
-      children: [
-        {
-          $formkit: 'group',
-          id: name,
-          name: name,
-          nextStepMap: nextStepMap,
-          triggerRedirectMap: triggerRedirectMap,
-          autoFocus: autoFocus,
-          children: inputs
-        }
-      ]
-    }
-  )
+  return merge(stepDefaults(name, stepKey), {
+    children: [
+      {
+        $formkit: "group",
+        id: name,
+        name: name,
+        nextStepMap: nextStepMap,
+        triggerRedirectMap: triggerRedirectMap,
+        autoFocus: autoFocus,
+        children: inputs,
+      },
+    ],
+  })
 }
 
-// TODO: this has some vertical-specific for defaults!
-
 function comments(updates = {}) {
   return step(
-    'comments',
+    "comments",
     [
-      comments$1({
+      comments$1(updates.scope, false, {
         label: updates.label || DEFAULT_COMMENTS_LABEL,
-        placeholder: updates.placeholder || DEFAULT_COMMENTS_PLACEHOLDER_DYNAMIC
-      })
+        placeholder: updates.placeholder || DEFAULT_COMMENTS_PLACEHOLDER_DYNAMIC,
+      }),
     ],
     updates
   )
@@ -128,87 +135,87 @@ function comments(updates = {}) {
 
 function formNavigationOnlySubmit(updates = {}) {
   return {
-    $el: 'div',
+    $el: "div",
     attrs: {
-      class: 'step-nav'
+      class: "step-nav",
     },
     children: [
       {
-        $formkit: 'button',
-        name: 'hidden_button',
-        children: 'Hidden',
+        $formkit: "button",
+        name: "hidden_button",
+        children: "Hidden",
         style: {
-          if: '$activeStep === $firstStep()',
-          then: 'visibility: hidden;'
-        }
+          if: "$activeStep === $firstStep()",
+          then: "visibility: hidden;",
+        },
       },
       {
-        $formkit: 'submit',
-        name: 'submit_button',
-        label: updates.submitLabel || 'Chat Now'
-      }
-    ]
+        $formkit: "submit",
+        name: "submit_button",
+        label: updates.submitLabel || "Chat Now",
+      },
+    ],
   }
 }
 
 const formDetails = () => ({
-  $el: 'pre',
+  $el: "pre",
   if: '$urlParam("fdbg", "") == 1',
   children: [
     {
-      $el: 'pre',
-      children: '$stringify( $get(form).value )',
+      $el: "pre",
+      children: "$stringify( $get(form).value )",
       attrs: {
-        class: 't-text-xs',
-        style: 'overflow: scroll'
-      }
+        class: "t-text-xs",
+        style: "overflow: scroll",
+      },
     },
     {
-      $el: 'pre',
-      children: ['activeStep: ', '$activeStep'],
+      $el: "pre",
+      children: ["activeStep: ", "$activeStep"],
       attrs: {
-        class: 't-text-xs',
-        style: 'overflow: scroll'
-      }
+        class: "t-text-xs",
+        style: "overflow: scroll",
+      },
     },
     {
-      $el: 'pre',
-      children: ['stepHistory: ', '$stepHistory'],
+      $el: "pre",
+      children: ["stepHistory: ", "$stepHistory"],
       attrs: {
-        class: 't-text-xs',
-        style: 'overflow: scroll'
-      }
+        class: "t-text-xs",
+        style: "overflow: scroll",
+      },
     },
     {
-      $el: 'pre',
-      children: ['stepQueue: ', '$stepQueue'],
+      $el: "pre",
+      children: ["stepQueue: ", "$stepQueue"],
       attrs: {
-        class: 't-text-xs',
-        style: 'overflow: scroll'
-      }
+        class: "t-text-xs",
+        style: "overflow: scroll",
+      },
     },
     {
-      $el: 'pre',
-      children: ['steps: ', '$stepKeys()'],
+      $el: "pre",
+      children: ["steps: ", "$stepKeys()"],
       attrs: {
-        class: 't-text-xs',
-        style: 'overflow: scroll'
-      }
-    }
-  ]
+        class: "t-text-xs",
+        style: "overflow: scroll",
+      },
+    },
+  ],
 });
 
 const formPropDefaults = {
-  type: 'form',
-  id: 'form',
-  config: { validationVisibility: 'submit' },
+  type: "form",
+  id: "form",
+  config: { validationVisibility: "submit" },
   onSubmit: '$submit($submitUrl, $prepData, $handleRedirect, "text/plain; charset=UTF-8")',
-  plugins: '$plugins',
+  plugins: "$plugins",
   actions: false,
-  anchorElement: 'form-anchor',
+  anchorElement: "form-anchor",
   useLocalStorage: true,
   prepop: {
-    fromURL: true
+    fromURL: true,
   },
   errorCodes: {
     403: { message: "An Error Occurred", abort: false },
@@ -216,7 +223,7 @@ const formPropDefaults = {
     429: "An Error Occurred",
     504: { message: "An Error Occurred", abort: false },
   },
-  formClass: '!t-max-w-[40rem]'
+  formClass: "!t-max-w-[40rem]",
 };
 
 // export function filteredNextStepsMapLegal(keyList) {
@@ -226,10 +233,7 @@ const formPropDefaults = {
 // }
 
 function formProps(updates) {
-  const props = merge(
-    formPropDefaults,
-    updates
-  );
+  const props = merge(formPropDefaults, updates);
   if (props.formId && !props.name) {
     props.name = props.formId;
   }
@@ -237,86 +241,83 @@ function formProps(updates) {
 }
 
 const formAnchorDefaults = {
-  $el: 'div',
+  $el: "div",
   children: [
     {
-      $el: 'div',
+      $el: "div",
       attrs: {
-        id: 'form-anchor',
-        class: 't-absolute',
-        style: { top: '-30px', left: 0 }
-      }
-    }
+        id: "form-anchor",
+        class: "t-absolute",
+        style: { top: "-30px", left: 0 },
+      },
+    },
   ],
   attrs: {
-    class: 't-relative'
-  }
+    class: "t-relative",
+  },
 };
 
 function formAnchor(updates) {
-  return merge(
-    formAnchorDefaults,
-    updates
-  )
+  return merge(formAnchorDefaults, updates)
 }
 
 function headlineDefaults(updates = {}) {
   return {
-    $el: 'h1',
+    $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 || '')
-    }
+      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
-  )
+  return merge(headlineDefaults(updates), updates)
 }
 
 function subHeadlineDefaults(updates = {}) {
   return {
-    $el: 'h3',
+    $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 || '')
-    }
+      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
-  )
+  return merge(subHeadlineDefaults(updates), updates)
 }
 
 const hiddenInputsBase = [
   {
-    $formkit: 'hidden',
+    $formkit: "hidden",
     name: "gclid",
-    value: null
+    value: null,
   },
   {
-    $formkit: 'hidden',
+    $formkit: "hidden",
     name: "campaignid",
-    value: null
+    value: null,
   },
   {
-    $formkit: 'hidden',
+    $formkit: "hidden",
     name: "s",
-    value: null
-  }
+    value: null,
+  },
 ];
 
 const hiddenInputsAppraisals = [
   {
-    $formkit: 'hidden',
+    $formkit: "hidden",
     name: "vertical",
-    value: "Appraisals"
+    value: "Appraisals",
   },
-  ...hiddenInputsBase
+  ...hiddenInputsBase,
 ];
 
 const schema = [

package/dist/forms/coins.iife.js

@@ -1 +1 @@
-var coins=function(){"use strict";function e(){return Object.assign({},...arguments)}const t=(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)),r="$onEnter($setNextStep($fireStepEvent($get(form)), $preStepFunc($get(form))))",n="$onInput($setNextStep($fireStepEvent($get(form)), $preStepFunc($get(form))))",i=e=>"group"!==e.type&&"section"!==e.type&&"form"!==e.type&&"hidden"!==e.$formkit&&!e.children,s=e=>{if(i(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(i(r))return r;const n=s(r);if(n)return n}return null},l=(e,t)=>({$el:"section",if:'$stepEnabled("'+e+'")',attrs:{hidden:'$activeStep !== "'+e+'"',key:t||e}});const a={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 o=[{$formkit:"hidden",name:"vertical",value:"Appraisals"},{$formkit:"hidden",name:"gclid",value:null},{$formkit:"hidden",name:"campaignid",value:null},{$formkit:"hidden",name:"s",value:null}],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(t){const r=e(a,t);return r.formId&&!r.name&&(r.name=r.formId),r}({formId:"coins",redirectMap:{"*":(d="answers-now.com",p="Appraisals",u="Coins",function(e,t,r,n=4){return"https://listings."+e+"/api/v1/redirect?zone_id="+n+"&sub_id=${properties.vid}&vertical="+encodeURIComponent(t)+"&category="+encodeURIComponent(r)}(d,p,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()"}),...o,{$el:"div",attrs:{class:"form-body"},children:[function(i={}){return function(t,i,a={}){const{nextOnEnter:o=!0,nextOnInput:c=!1,stepKey:d,nextStepMap:p,triggerRedirectMap:u,autoFocus:m}=a;if(i&&i.length&&(o||c)){const e=s(i[i.length-1]);e&&!0===o&&(e.onKeypress=r),e&&!0===c&&(e.onInput=n)}return e(l(t,d),{children:[{$formkit:"group",id:t,name:t,nextStepMap:p,triggerRedirectMap:u,autoFocus:m,children:i}]})}("comments",[t({label:i.label||"Please briefly describe your issue in a few words:",placeholder:i.placeholder||'$getKey($meta, "commentsPlaceholders." + $get(Category).value, $meta.defaultCommentsPlaceholder)'})],i)}({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,p,u,m;return c}();
+var coins=function(){"use strict";function e(){return Object.assign({},...arguments)}const t=(t,r,n)=>(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:t?t+":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"'},n)),r="$onEnter($setNextStep($fireStepEvent($get(form)), $preStepFunc($get(form))))",n="$onInput($setNextStep($fireStepEvent($get(form)), $preStepFunc($get(form))))",i=e=>"group"!==e.type&&"section"!==e.type&&"form"!==e.type&&"hidden"!==e.$formkit&&!e.children,s=e=>{if(i(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(i(r))return r;const n=s(r);if(n)return n}return null},l=(e,t)=>({$el:"section",if:'$stepEnabled("'+e+'")',attrs:{hidden:'$activeStep !== "'+e+'"',key:t||e}});const a={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 o=[{$formkit:"hidden",name:"vertical",value:"Appraisals"},{$formkit:"hidden",name:"gclid",value:null},{$formkit:"hidden",name:"campaignid",value:null},{$formkit:"hidden",name:"s",value:null}],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(t){const r=e(a,t);return r.formId&&!r.name&&(r.name=r.formId),r}({formId:"coins",redirectMap:{"*":(d="answers-now.com",p="Appraisals",u="Coins",function(e,t,r,n=4){return"https://listings."+e+"/api/v1/redirect?zone_id="+n+"&sub_id=${properties.vid}&vertical="+encodeURIComponent(t)+"&category="+encodeURIComponent(r)}(d,p,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()"}),...o,{$el:"div",attrs:{class:"form-body"},children:[function(i={}){return function(t,i,a={}){const{nextOnEnter:o=!0,nextOnInput:c=!1,stepKey:d,nextStepMap:p,triggerRedirectMap:u,autoFocus:m}=a;if(i&&i.length&&(o||c)){const e=s(i[i.length-1]);e&&!0===o&&(e.onKeypress=r),e&&!0===c&&(e.onInput=n)}return e(l(t,d),{children:[{$formkit:"group",id:t,name:t,nextStepMap:p,triggerRedirectMap:u,autoFocus:m,children:i}]})}("comments",[t(i.scope,0,{label:i.label||"Please briefly describe your issue in a few words:",placeholder:i.placeholder||'$getKey($meta, "commentsPlaceholders." + $get(Category).value, $meta.defaultCommentsPlaceholder)'})],i)}({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,p,u,m;return c}();