bhl-forms 0.0.2 → 0.0.5

package/dist/forms/childAndFamily.iife.js

@@ -0,0 +1,575 @@
+var childAndFamily = (function () {
+  'use strict';
+
+  function merge() {
+    return Object.assign({}, ...arguments)
+  }
+
+  // ------ Common Base Settings
+
+  const radio = (updates) => {
+    return merge({
+      $formkit: 'radio',
+      validation: 'required',
+      validationMessages: {
+        required: 'Field is required',
+      },
+      optionsClass: 'pt-3 pl-1',
+    }, updates)
+  };
+
+  const sbsRadio = (updates) => {
+    updates.legendClass = 'legend-left';
+    updates.fieldsetClass = '$reset side-by-side';
+    updates.optionsClass = 'pl-1';
+    updates.innerClass = 'center-label';
+    return radio(updates)
+  };
+
+  const sbsYesNoRadio = (updates) => {
+    updates.options = ['Yes', 'No'];
+    updates.legendClass = 'legend-left';
+    updates.fieldsetClass = '$reset side-by-side';
+    updates.optionsClass = 'pl-1 side-by-side center-label';
+    updates.innerClass = 'center-label';
+    return radio(updates)
+  };
+
+  const select = (updates) => {
+    return merge({
+      $formkit: 'select',
+      placeholder: "Please Select",
+      validation: 'required',
+      validationMessages: {
+        required: 'Field is required',
+      },
+      inputClass: 'bg-white',
+    }, updates)
+  };
+
+  const sbsSelect = (updates) => {
+    updates.labelClass = 'center-label';
+    updates.wrapperClass = 'side-by-side';
+    updates.innerClass = 'select-height-content';
+    return select(updates)
+  };
+
+  const text = (updates) => {
+    return merge({
+      $formkit: 'text',
+      validation: 'required',
+      validationMessages: {
+        required: 'Field is required',
+      },
+    }, updates)
+  };
+
+  const sbsText = (updates) => {
+    updates.labelClass = 'center-label';
+    updates.wrapperClass = 'side-by-side';
+    return text(updates)
+  };
+
+  const childAndFamilyTOLP = () => sbsRadio({
+    label: 'Type of Legal Issue *',
+    name: 'Type_Of_Legal_Problem',
+    id: 'Type_Of_Legal_Problem',
+    options: [
+      'Adoption',
+      'Child Custody and Support',
+      // 'Family Issues',
+      // 'Guardianship',
+      // 'Divorce and Separation',
+      'Not Sure or Other'
+    ]
+  });
+
+  const childHome = () => sbsSelect({
+    label: 'With Whom Do the Children Currently Live? *',
+    name: 'Child_Home',
+    // id: 'Child_Home',
+    options: [
+      'Mother',
+      'Father',
+      'Grandparents',
+      'Other'
+    ]
+  });
+
+  const childPrimaryCaregiver = () => sbsSelect({
+    label: 'Who is the Primary Caregiver? *',
+    name: 'Child_Primary_Caregiver',
+    options: [
+      'Mother',
+      'Father',
+      'Other'
+    ]
+  });
+
+  const childRelationship = () => sbsSelect({
+    label: 'Your Relationship to Child(ren): *',
+    name: 'Child_Relationship',
+    options: [
+      'Father',
+      'Mother',
+      'Grandparent',
+      'Aunt/Uncle',
+      'Other'
+    ]
+  });
+
+  const comments$1 = () => ({
+    $formkit: 'textarea',
+    label: 'Please provide a brief description of your situation *',
+    name: 'Comments',
+    placeholder: 'For Example: "I would like help with child support payments" or "I need help with visitation rights"',
+    rows: 1,
+    validation: 'required',
+    maxlength: 1000,
+    validationMessages: {
+      required: 'Description is required',
+    },
+  });
+
+  const degreeOfInterest = () => sbsSelect({
+    label: 'How Likely Are You to Pay if Your Issue Could be Resolved? *',
+    name: 'Degree_Of_Interest',
+    help: 'No payment necessary to speak with lawyers.',
+    options: [
+      'Definitely',
+      'Probably',
+      'Maybe',
+      "Absolutely Can't Afford"
+    ]
+  });
+
+  const firstName = () => ({
+    $formkit: 'text',
+    label: 'First Name *',
+    name: 'First_Name',
+    validation: 'required',
+    validationMessages: {
+      required: 'First Name is required'
+    },
+  });
+
+  const email = () => ({
+    $formkit: 'email',
+    name: 'Email',
+    label: 'Email Address *',
+    placeholder: 'email@domain.com',
+    validation: 'required|email',
+    validationMessages: {
+      required: 'Email is required',
+      email: 'Invalid Email',
+    },
+  });
+
+  const haveAttorney = () => sbsYesNoRadio({
+    name: 'Have_Attorney',
+    label: 'Are You Currently Working with An Attorney? *',
+  });
+
+  const haveChildren = () => sbsYesNoRadio({
+    name: 'Have_Children',
+    label: 'Do You Have Children? *',
+  });
+
+  const lastName = () => ({
+    $formkit: 'text',
+    label: 'Last Name *',
+    name: 'Last_Name',
+    validation: 'required',
+    validationMessages: {
+      required: 'Last Name is required'
+    },
+  });
+
+  const lawyerPaymentMethod = () => sbsSelect({
+    label: 'How Will You Pay for Legal Fees if You Hire a Lawyer? *',
+    name: 'Lawyer_Payment_Method',
+    help: 'No payment necessary to speak with lawyers.',
+    options: [
+      'Cash',
+      'Check',
+      'Credit Card',
+      'Friend',
+      'Family',
+      'Other'
+    ]
+  });
+
+  const maritalStatus = () => sbsSelect({
+    label: 'Marital Status *',
+    name: 'Marital_Status',
+    options: [
+      'Unmarried, Living Together',
+      'Unmarried, Do Not Live Together',
+      'Married, Living Together',
+      'Separated',
+      'Divorced',
+      'Other',
+    ]
+  });
+
+  const phone = () => ({
+    $formkit: 'tel',
+    name: 'Primary_Phone',
+    label: 'Phone Number *',
+    placeholder: 'xxx-xxx-xxxx',
+    help: '10-digit US phone number, hyphens optional.',
+    validation: 'required|matches:/^[0-9]{3}-?[0-9]{3}-?[0-9]{4}$/',
+    validationMessages: {
+      required: 'Phone Number is required',
+      matches: 'Invalid Phone Number',
+    },
+  });
+
+  const TCPAConsent = () => ({
+    $formkit: 'checkbox',
+    label: '$meta.tcpaLanguage',
+    name: 'TCPA_Opt_In',
+    validation: 'required|accepted',
+    validationMessages: {
+      accepted: 'Consent is required',
+    },
+    classes: {
+      label: "text-xs text-slate-500"
+    }
+  });
+
+  const zipcode = () => sbsText({
+    label: 'Zip Code *',
+    placeholder: '90210',
+    name: 'Zip',
+    validation: 'required|matches:/^[0-9]{5}$/',
+    validationMessages: {
+      required: 'Zip Code is required',
+      matches: 'Invalid Zip Code',
+    },
+  });
+
+  // ------ Question Groups
+
+  // NOTE: name must be unique!
+  const group = (name, updates) => {
+    return merge({
+      $cmp: 'FormKit',
+      props: {
+        type: 'group',
+        key: name,
+        id: name,
+        name: name
+      },
+    }, updates)
+  };
+
+
+  const AdoptionQuestions = () => group(
+    'AdoptionQuestions',
+    {
+      if: '$get(Type_Of_Legal_Problem).value == "Adoption"',
+      children: [
+        haveAttorney(),
+        maritalStatus(),
+        haveChildren(),
+        degreeOfInterest(),
+        lawyerPaymentMethod()
+      ]
+    }
+  );
+
+  const ChildCustodyAndSupportQuestions = () => group(
+    'ChildCustodyAndSupportQuestions',
+    {
+      if: '$get(Type_Of_Legal_Problem).value == "Child Custody and Support"',
+      children: [
+        haveAttorney(),
+        childRelationship(),
+        childHome(),
+        childPrimaryCaregiver(),
+        degreeOfInterest(),
+        lawyerPaymentMethod()
+      ]
+    }
+  );
+
+  const stepDefaults = (step) => ({
+    $el: 'section',
+    if: '$stepIsEnabled("' + step + '")',
+    attrs: {
+      style: {
+        if: '$activeStep !== "' + step + '"',
+        then: 'display: none;'
+      }
+    }
+  });
+
+  // ...args get merged onto the group since the 'section' node basically
+  // disappears in the formkit hierarchy
+  function step(name, inputs, ...args) {
+    return merge(
+      stepDefaults(name),
+      {
+        children: [
+          merge({
+            $formkit: 'group',
+            id: name,
+            name: name,
+            children: inputs
+          }, ...args)
+        ],
+      }
+    )
+  }
+
+
+  function childAndFamilyTOLPAndZip() {
+    return step(
+      'childAndFamilyTOLPAndZip',
+      [
+        childAndFamilyTOLP(),
+        zipcode(),
+      ],
+      ...arguments
+    )
+  }
+
+  function comments() {
+    return step(
+      'comments',
+      [
+        comments$1(),
+      ],
+      ...arguments
+    )
+  }
+
+  function contactInfo() {
+    return step(
+      'contactInfo',
+      [
+        email(),
+        phone(),
+        TCPAConsent(),
+        {
+          $el: 'img',
+          if: '$activeStep === $lastStep()',
+          attrs: {
+            loading: 'lazy',
+            alt: '',
+            style: { border: 0 },
+            src: 'https://www.jotform.com/uploads/bunker_hill/form_files/SecurePrivacy.61e1c17c976f80.61736956.png',
+            width: '320',
+            height: '100'
+          }
+        },
+      ],
+      ...arguments
+    )
+  }
+
+  function firstAndLast() {
+    return step(
+      'firstAndLast',
+      [
+        firstName(),
+        lastName(),
+      ],
+      ...arguments
+    )
+  }
+
+  const formNavigation = () => ({
+    $el: 'div',
+    attrs: {
+      class: 'step-nav'
+    },
+    children: [
+      {
+        $formkit: 'button',
+        onClick: '$setPreviousStep()',
+        children: 'Previous Step',
+        style: {
+          if: '$activeStep === $firstStep()',
+          then: 'visibility: hidden;'
+        }
+      },
+      {
+        $formkit: 'button',
+        onClick: '$setNextStep()',
+        children: 'Next Step',
+        style: {
+          if: '$activeStep === $lastStep()',
+          then: 'display: none;'
+        }
+      },
+      {
+        $formkit: 'submit',
+        label: 'Submit Application',
+        if: '$activeStep === $lastStep()',
+        style: {
+          if: '$activeStep !== $lastStep()',
+          then: 'display: none;'
+        }
+      }
+    ]
+  });
+
+  const formDetails = () => ({
+    $el: 'pre',
+    if: '$urlParam("fdbg", "") == 1',
+    children: [
+      {
+        $el: 'pre',
+        children: '$stringify( $get(form).value )',
+        attrs: {
+          class: 'text-xs',
+          style: 'overflow: scroll'
+        }
+      },
+      {
+        $el: 'pre',
+        children: ['activeStep: ', '$activeStep'],
+        attrs: {
+          class: 'text-xs',
+          style: 'overflow: scroll'
+        }
+      },
+      {
+        $el: 'pre',
+        children: ['stepHistory: ', '$stepHistory'],
+        attrs: {
+          class: 'text-xs',
+          style: 'overflow: scroll'
+        }
+      },
+      {
+        $el: 'pre',
+        children: ['stepQueue: ', '$stepQueue'],
+        attrs: {
+          class: 'text-xs',
+          style: 'overflow: scroll'
+        }
+      }
+    ]
+  });
+
+  function TOLPQuestions() {
+    return step(
+      'TOLPQuestions',
+      [
+        {
+          $el: 'h3',
+          children: 'Please Complete the Following:',
+          attrs: {
+            class: 'flex justify-center text-xl font-bold text-blue-500 pb-3'
+          }
+        },
+        AdoptionQuestions(),
+        ChildCustodyAndSupportQuestions()
+      ],
+      ...arguments
+    )
+  }
+
+  const schema = [
+    {
+      type: 'meta',
+      data: {
+        tcpaLanguage: "By checking this box, I a) agree to the Terms of Use, and b) consent to be contacted by lawyers, lawyer networks, and partners of this website using live, autodialed, pre-recorded, or artificial voice calls, as well as text messages. Your consent is not required as a condition of purchasing any goods or services. To submit this request without this consent, call 855-506-0847."
+      }
+    },
+    {
+      $cmp: 'FormKit',
+      props: {
+        type: 'form',
+        id: 'form',
+        // onSubmit: '$submit("https://httpbin.org/post")',
+        // onSubmit: '$submit("https://httpbin.org/post", "https://www.google.com?x=${vertical}")',
+        onSubmit: '$submit("http://localhost:8080/api/v1/form_leads_ext", $prepData)',
+        plugins: '$plugins',
+        actions: false,
+        prepop: {
+          fromURL: true
+        },
+        errorCodes: {
+          403: "An Error Occurred",
+          409: { abort: false },
+          429: "An Error Occurred"
+        },
+        formClass: '!max-w-xl'
+      },
+      children: [
+        {
+          $el: 'h1',
+          if: '$activeStep === $firstStep()',
+          children: 'Need Help? Start Here!',
+          attrs: {
+            class: 'flex justify-center text-3xl font-bold'
+          }
+        },
+        {
+          $el: 'h3',
+          if: '$activeStep === $firstStep()',
+          children: 'Get Your Questions Answered Today!',
+          attrs: {
+            class: 'flex justify-center text-l font-bold text-blue-500'
+          }
+        },
+        {
+          $formkit: 'hidden',
+          name: "vertical",
+          value: "Legal"
+        },
+        {
+          $formkit: 'hidden',
+          name: "TCPA_Language",
+          value: "$meta.tcpaLanguage"
+        },
+        {
+          $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: [
+            childAndFamilyTOLPAndZip(
+              {
+                nextStepMap: {
+                  'Type_Of_Legal_Problem': {
+                    'Not Sure or Other': ['comments', 'firstAndLast', 'contactInfo'],
+                  },
+                  '*': ['TOLPQuestions', 'comments', 'firstAndLast', 'contactInfo']
+                }
+              }
+            ),
+            TOLPQuestions(),
+            comments(),
+            firstAndLast(),
+            contactInfo(),
+            formNavigation(),
+            formDetails(),
+          ]
+        },
+      ]
+    }
+  ];
+
+  return schema;
+
+})();

package/dist/forms/childAndFamily.json

@@ -0,0 +1 @@
+[{"type":"meta","data":{"tcpaLanguage":"By checking this box, I a) agree to the Terms of Use, and b) consent to be contacted by lawyers, lawyer networks, and partners of this website using live, autodialed, pre-recorded, or artificial voice calls, as well as text messages. Your consent is not required as a condition of purchasing any goods or services. To submit this request without this consent, call 855-506-0847."}},{"$cmp":"FormKit","props":{"type":"form","id":"form","onSubmit":"$submit(\"http://localhost:8080/api/v1/form_leads_ext\", $prepData)","plugins":"$plugins","actions":false,"prepop":{"fromURL":true},"errorCodes":{"403":"An Error Occurred","409":{"abort":false},"429":"An Error Occurred"},"formClass":"!max-w-xl"},"children":[{"$el":"h1","if":"$activeStep === $firstStep()","children":"Need Help? Start Here!","attrs":{"class":"flex justify-center text-3xl font-bold"}},{"$el":"h3","if":"$activeStep === $firstStep()","children":"Get Your Questions Answered Today!","attrs":{"class":"flex justify-center text-l font-bold text-blue-500"}},{"$formkit":"hidden","name":"vertical","value":"Legal"},{"$formkit":"hidden","name":"TCPA_Language","value":"$meta.tcpaLanguage"},{"$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(\"childAndFamilyTOLPAndZip\")","attrs":{"style":{"if":"$activeStep !== \"childAndFamilyTOLPAndZip\"","then":"display: none;"}},"children":[{"$formkit":"group","id":"childAndFamilyTOLPAndZip","name":"childAndFamilyTOLPAndZip","children":[{"$formkit":"radio","validation":"required","validationMessages":{"required":"Field is required"},"optionsClass":"pl-1","label":"Type of Legal Issue *","name":"Type_Of_Legal_Problem","id":"Type_Of_Legal_Problem","options":["Adoption","Child Custody and Support","Not Sure or Other"],"legendClass":"legend-left","fieldsetClass":"$reset side-by-side","innerClass":"center-label"},{"$formkit":"text","validation":"required|matches:/^[0-9]{5}$/","validationMessages":{"required":"Zip Code is required","matches":"Invalid Zip Code"},"label":"Zip Code *","placeholder":"90210","name":"Zip","labelClass":"center-label","wrapperClass":"side-by-side"}],"nextStepMap":{"Type_Of_Legal_Problem":{"Not Sure or Other":["comments","firstAndLast","contactInfo"]},"*":["TOLPQuestions","comments","firstAndLast","contactInfo"]}}]},{"$el":"section","if":"$stepIsEnabled(\"TOLPQuestions\")","attrs":{"style":{"if":"$activeStep !== \"TOLPQuestions\"","then":"display: none;"}},"children":[{"$formkit":"group","id":"TOLPQuestions","name":"TOLPQuestions","children":[{"$el":"h3","children":"Please Complete the Following:","attrs":{"class":"flex justify-center text-xl font-bold text-blue-500 pb-3"}},{"$cmp":"FormKit","props":{"type":"group","key":"AdoptionQuestions","id":"AdoptionQuestions","name":"AdoptionQuestions"},"if":"$get(Type_Of_Legal_Problem).value == \"Adoption\"","children":[{"$formkit":"radio","validation":"required","validationMessages":{"required":"Field is required"},"optionsClass":"pl-1 side-by-side center-label","name":"Have_Attorney","label":"Are You Currently Working with An Attorney? *","options":["Yes","No"],"legendClass":"legend-left","fieldsetClass":"$reset side-by-side","innerClass":"center-label"},{"$formkit":"select","placeholder":"Please Select","validation":"required","validationMessages":{"required":"Field is required"},"inputClass":"bg-white","label":"Marital Status *","name":"Marital_Status","options":["Unmarried, Living Together","Unmarried, Do Not Live Together","Married, Living Together","Separated","Divorced","Other"],"labelClass":"center-label","wrapperClass":"side-by-side","innerClass":"select-height-content"},{"$formkit":"radio","validation":"required","validationMessages":{"required":"Field is required"},"optionsClass":"pl-1 side-by-side center-label","name":"Have_Children","label":"Do You Have Children? *","options":["Yes","No"],"legendClass":"legend-left","fieldsetClass":"$reset side-by-side","innerClass":"center-label"},{"$formkit":"select","placeholder":"Please Select","validation":"required","validationMessages":{"required":"Field is required"},"inputClass":"bg-white","label":"How Likely Are You to Pay if Your Issue Could be Resolved? *","name":"Degree_Of_Interest","help":"No payment necessary to speak with lawyers.","options":["Definitely","Probably","Maybe","Absolutely Can't Afford"],"labelClass":"center-label","wrapperClass":"side-by-side","innerClass":"select-height-content"},{"$formkit":"select","placeholder":"Please Select","validation":"required","validationMessages":{"required":"Field is required"},"inputClass":"bg-white","label":"How Will You Pay for Legal Fees if You Hire a Lawyer? *","name":"Lawyer_Payment_Method","help":"No payment necessary to speak with lawyers.","options":["Cash","Check","Credit Card","Friend","Family","Other"],"labelClass":"center-label","wrapperClass":"side-by-side","innerClass":"select-height-content"}]},{"$cmp":"FormKit","props":{"type":"group","key":"ChildCustodyAndSupportQuestions","id":"ChildCustodyAndSupportQuestions","name":"ChildCustodyAndSupportQuestions"},"if":"$get(Type_Of_Legal_Problem).value == \"Child Custody and Support\"","children":[{"$formkit":"radio","validation":"required","validationMessages":{"required":"Field is required"},"optionsClass":"pl-1 side-by-side center-label","name":"Have_Attorney","label":"Are You Currently Working with An Attorney? *","options":["Yes","No"],"legendClass":"legend-left","fieldsetClass":"$reset side-by-side","innerClass":"center-label"},{"$formkit":"select","placeholder":"Please Select","validation":"required","validationMessages":{"required":"Field is required"},"inputClass":"bg-white","label":"Your Relationship to Child(ren): *","name":"Child_Relationship","options":["Father","Mother","Grandparent","Aunt/Uncle","Other"],"labelClass":"center-label","wrapperClass":"side-by-side","innerClass":"select-height-content"},{"$formkit":"select","placeholder":"Please Select","validation":"required","validationMessages":{"required":"Field is required"},"inputClass":"bg-white","label":"With Whom Do the Children Currently Live? *","name":"Child_Home","options":["Mother","Father","Grandparents","Other"],"labelClass":"center-label","wrapperClass":"side-by-side","innerClass":"select-height-content"},{"$formkit":"select","placeholder":"Please Select","validation":"required","validationMessages":{"required":"Field is required"},"inputClass":"bg-white","label":"Who is the Primary Caregiver? *","name":"Child_Primary_Caregiver","options":["Mother","Father","Other"],"labelClass":"center-label","wrapperClass":"side-by-side","innerClass":"select-height-content"},{"$formkit":"select","placeholder":"Please Select","validation":"required","validationMessages":{"required":"Field is required"},"inputClass":"bg-white","label":"How Likely Are You to Pay if Your Issue Could be Resolved? *","name":"Degree_Of_Interest","help":"No payment necessary to speak with lawyers.","options":["Definitely","Probably","Maybe","Absolutely Can't Afford"],"labelClass":"center-label","wrapperClass":"side-by-side","innerClass":"select-height-content"},{"$formkit":"select","placeholder":"Please Select","validation":"required","validationMessages":{"required":"Field is required"},"inputClass":"bg-white","label":"How Will You Pay for Legal Fees if You Hire a Lawyer? *","name":"Lawyer_Payment_Method","help":"No payment necessary to speak with lawyers.","options":["Cash","Check","Credit Card","Friend","Family","Other"],"labelClass":"center-label","wrapperClass":"side-by-side","innerClass":"select-height-content"}]}]}]},{"$el":"section","if":"$stepIsEnabled(\"comments\")","attrs":{"style":{"if":"$activeStep !== \"comments\"","then":"display: none;"}},"children":[{"$formkit":"group","id":"comments","name":"comments","children":[{"$formkit":"textarea","label":"Please provide a brief description of your situation *","name":"Comments","placeholder":"For Example: \"I would like help with child support payments\" or \"I need help with visitation rights\"","rows":1,"validation":"required","maxlength":1000,"validationMessages":{"required":"Description is required"}}]}]},{"$el":"section","if":"$stepIsEnabled(\"firstAndLast\")","attrs":{"style":{"if":"$activeStep !== \"firstAndLast\"","then":"display: none;"}},"children":[{"$formkit":"group","id":"firstAndLast","name":"firstAndLast","children":[{"$formkit":"text","label":"First Name *","name":"First_Name","validation":"required","validationMessages":{"required":"First Name is required"}},{"$formkit":"text","label":"Last Name *","name":"Last_Name","validation":"required","validationMessages":{"required":"Last Name is required"}}]}]},{"$el":"section","if":"$stepIsEnabled(\"contactInfo\")","attrs":{"style":{"if":"$activeStep !== \"contactInfo\"","then":"display: none;"}},"children":[{"$formkit":"group","id":"contactInfo","name":"contactInfo","children":[{"$formkit":"email","name":"Email","label":"Email Address *","placeholder":"email@domain.com","validation":"required|email","validationMessages":{"required":"Email is required","email":"Invalid Email"}},{"$formkit":"tel","name":"Primary_Phone","label":"Phone Number *","placeholder":"xxx-xxx-xxxx","help":"10-digit US phone number, hyphens optional.","validation":"required|matches:/^[0-9]{3}-?[0-9]{3}-?[0-9]{4}$/","validationMessages":{"required":"Phone Number is required","matches":"Invalid Phone Number"}},{"$formkit":"checkbox","label":"$meta.tcpaLanguage","name":"TCPA_Opt_In","validation":"required|accepted","validationMessages":{"accepted":"Consent is required"},"classes":{"label":"text-xs text-slate-500"}},{"$el":"img","if":"$activeStep === $lastStep()","attrs":{"loading":"lazy","alt":"","style":{"border":0},"src":"https://www.jotform.com/uploads/bunker_hill/form_files/SecurePrivacy.61e1c17c976f80.61736956.png","width":"320","height":"100"}}]}]},{"$el":"div","attrs":{"class":"step-nav"},"children":[{"$formkit":"button","onClick":"$setPreviousStep()","children":"Previous Step","style":{"if":"$activeStep === $firstStep()","then":"visibility: hidden;"}},{"$formkit":"button","onClick":"$setNextStep()","children":"Next Step","style":{"if":"$activeStep === $lastStep()","then":"display: none;"}},{"$formkit":"submit","label":"Submit Application","if":"$activeStep === $lastStep()","style":{"if":"$activeStep !== $lastStep()","then":"display: none;"}}]},{"$el":"pre","if":"$urlParam(\"fdbg\", \"\") == 1","children":[{"$el":"pre","children":"$stringify( $get(form).value )","attrs":{"class":"text-xs","style":"overflow: scroll"}},{"$el":"pre","children":["activeStep: ","$activeStep"],"attrs":{"class":"text-xs","style":"overflow: scroll"}},{"$el":"pre","children":["stepHistory: ","$stepHistory"],"attrs":{"class":"text-xs","style":"overflow: scroll"}},{"$el":"pre","children":["stepQueue: ","$stepQueue"],"attrs":{"class":"text-xs","style":"overflow: scroll"}}]}]}]}]