@rtstic.dev/pulse 0.0.55 → 0.0.56

package/dist/form/pricing.js

@@ -1,2 +1,790 @@
-"use strict";(()=>{var Q=Object.create;var R=Object.defineProperty;var G=Object.getOwnPropertyDescriptor;var $=Object.getOwnPropertyNames;var X=Object.getPrototypeOf,j=Object.prototype.hasOwnProperty;var J=(e=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(e,{get:(t,r)=>(typeof require<"u"?require:t)[r]}):e)(function(e){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+e+'" is not supported')});var K=(e,t,r,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let l of $(t))!j.call(e,l)&&l!==r&&R(e,l,{get:()=>t[l],enumerable:!(o=G(t,l))||o.enumerable});return e};var W=(e,t,r)=>(r=e!=null?Q(X(e)):{},K(t||!e||!e.__esModule?R(r,"default",{value:e,enumerable:!0}):r,e));function S(e={}){let{root:t=document,initialCountry:r="us",separateDialCode:o=!0,countryCodeSelector:l='input[pulse-form-field="country-code"]',onInit:n,onError:i=m=>console.warn(`[initIntlTelInput] ${m}`)}=e,u=new Map,d=window.intlTelInput;return d?(t.querySelectorAll('input[type="tel"]').forEach(m=>{try{let a=d(m,{initialCountry:r,separateDialCode:o,strictMode:!1,loadUtils:()=>import("https://cdn.jsdelivr.net/npm/intl-tel-input@25/build/js/utils.js")});u.set(m,a),M(a,l),m.addEventListener("countrychange",()=>{M(a,l)}),n?.(m,a)}catch(a){i(`Failed to init on input inside "${z(m)}"`,a)}}),u):(i(`intlTelInput not found on window. Include the script before calling this function.
-e.g. <script src="https://cdn.jsdelivr.net/npm/intl-tel-input@25/build/js/intlTelInput.min.js"><\/script>`),u)}function M(e,t){try{let r=e.getSelectedCountryData?.();if(!r?.dialCode)return;document.querySelectorAll(t).forEach(o=>{o.value=`+${r.dialCode}`})}catch{}}function z(e){return e.closest("[pulse-form-block]")?.getAttribute("pulse-field-name")??"unknown"}var Z=["text","email","phone","checkbox","radio","select","legal"],ee=["true","atleast-one","only-one"],s={REQUIRED_INPUT:"ERR_REQUIRED",REQUIRED_LEGAL:"ERR_LEGAL_REQUIRED",REQUIRED_SELECT:"ERR_SELECT_REQUIRED",ATLEAST_ONE:"ERR_ATLEAST_ONE",ONLY_ONE_NONE:"ERR_ONLY_ONE_NONE",ONLY_ONE_EXCEEDED:"ERR_ONLY_ONE_EXCEEDED",INVALID_EMAIL:"ERR_INVALID_EMAIL",INVALID_PHONE:"ERR_INVALID_PHONE",PHONE_TOO_SHORT:"ERR_PHONE_TOO_SHORT",PHONE_TOO_LONG:"ERR_PHONE_TOO_LONG",PHONE_INVALID_COUNTRY:"ERR_PHONE_INVALID_COUNTRY"},T={[s.REQUIRED_INPUT]:"This field is required.",[s.REQUIRED_LEGAL]:"You must accept this to continue.",[s.REQUIRED_SELECT]:"Please select an option.",[s.ATLEAST_ONE]:"Please select at least one option.",[s.ONLY_ONE_NONE]:"Please select one option.",[s.ONLY_ONE_EXCEEDED]:"Only one option can be selected.",[s.INVALID_EMAIL]:"Please enter a valid email address.",[s.INVALID_PHONE]:"Please enter a valid phone number.",[s.PHONE_TOO_SHORT]:"Phone number is too short.",[s.PHONE_TOO_LONG]:"Phone number is too long.",[s.PHONE_INVALID_COUNTRY]:"Invalid country code."};function te(e){let t=e.querySelector("input, textarea");return t?t.value.trim():null}function re(e){let t=e.querySelector('input[type="email"]');return t?t.value.trim():null}function ne(e){let t=e.querySelector('input[type="tel"]');return t?t.value.trim():null}function oe(e){let t=e.querySelectorAll('input[type="checkbox"]'),r=[];return t.forEach(o=>{if(o.checked){let l=o.getAttribute("data-name")?.trim();r.push(l||o.value||"on")}}),r}function le(e){let t=e.querySelectorAll('input[type="radio"]');for(let r of t)if(r.checked)return r.closest("label")?.textContent?.trim()||r.value||"on";return null}function ie(e){let t=e.querySelector("select");if(!t)return null;let r=t.value.trim();return!r||t.selectedIndex===0?null:r}function se(e){let t=e.querySelector('input[type="checkbox"]');return t?t.checked:!1}function I(e,t){switch(e){case"text":return te(t);case"email":return re(t);case"phone":return ne(t);case"checkbox":return oe(t);case"radio":return le(t);case"select":return ie(t);case"legal":return se(t);default:return null}}function ce(e){let t=e.getAttribute("required-selection")?.trim().toLowerCase();return!t||!ee.includes(t)?null:t}function ae(e){return e.getAttribute("mirror-value")?.trim().toLowerCase()==="true"}var ue={0:s.INVALID_PHONE,1:s.PHONE_INVALID_COUNTRY,2:s.PHONE_TOO_SHORT,3:s.PHONE_TOO_LONG,4:s.INVALID_PHONE};function de(e){return e?/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e)?null:{code:s.INVALID_EMAIL,message:T[s.INVALID_EMAIL]}:null}function me(e,t){let r=e.value.trim();if(!r)return null;let o=t?.get(e);if(o)try{if(o.isValidNumber())return null;let n=o.getValidationError?.()??0,i=ue[n]||s.INVALID_PHONE;return{code:i,message:T[i]}}catch{return{code:s.INVALID_PHONE,message:T[s.INVALID_PHONE]}}let l=r.replace(/\D/g,"");return l.length<7?{code:s.PHONE_TOO_SHORT,message:T[s.PHONE_TOO_SHORT]}:l.length>15?{code:s.PHONE_TOO_LONG,message:T[s.PHONE_TOO_LONG]}:null}function O(e,t,r,o,l){if(t)switch(t){case"true":{if(e==="legal"&&r!==!0)return{code:s.REQUIRED_LEGAL,message:T[s.REQUIRED_LEGAL]};if(e==="select"&&!r)return{code:s.REQUIRED_SELECT,message:T[s.REQUIRED_SELECT]};if((e==="text"||e==="email"||e==="phone")&&(!r||typeof r=="string"&&r===""))return{code:s.REQUIRED_INPUT,message:T[s.REQUIRED_INPUT]};break}case"atleast-one":{if(Array.isArray(r)?r.length===0:!r)return{code:s.ATLEAST_ONE,message:T[s.ATLEAST_ONE]};break}case"only-one":{if(Array.isArray(r)){if(r.length===0)return{code:s.ONLY_ONE_NONE,message:T[s.ONLY_ONE_NONE]};if(r.length>1)return{code:s.ONLY_ONE_EXCEEDED,message:T[s.ONLY_ONE_EXCEEDED]}}else if(!r)return{code:s.ONLY_ONE_NONE,message:T[s.ONLY_ONE_NONE]};break}}if(e==="email"&&typeof r=="string"&&r){let n=de(r);if(n)return n}if(e==="phone"&&typeof r=="string"&&r){let n=o.querySelector('input[type="tel"]');if(n){let i=me(n,l);if(i)return i}}return null}function x(e={}){let{validate:t=!1,root:r=document,itiInstances:o}=e,l=r.querySelectorAll("[pulse-form-block]"),n=[];return l.forEach(i=>{let u=i.getAttribute("pulse-form-block")?.trim().toLowerCase();if(!u||!Z.includes(u))return;let d=u,f=i.getAttribute("pulse-field-name")?.trim();if(!f)return;let m=ce(i),a=ae(i),p=I(d,i),E=t?O(d,m,p,i,o):null;n.push({"form-block":d,"field-name":f,value:p,required:m,"mirror-value":a,error:E})}),n}var F=[],Ee=["text","email","phone","checkbox","radio","select","legal"],A=[];function _(e){return A.push(e),()=>{let t=A.indexOf(e);t!==-1&&A.splice(t,1)}}function P(){for(let e of A)try{e(F)}catch(t){console.error("[SampleForm] Error in onFieldsUpdate callback:",t)}}function v(e=document){return F=x({root:e}),window.PulseFormData=F,P(),console.log(`[SampleForm] Initialised ${F.length} fields.`),F}function k(e=document){let t=e.querySelectorAll("[pulse-form-block]");t.forEach(r=>{let o=r.getAttribute("pulse-form-block")?.trim().toLowerCase();if(!o||!Ee.includes(o))return;let l=()=>fe(r,e);switch(o){case"text":case"email":{let n=r.querySelector("input, textarea");n&&(n.addEventListener("input",l),n.addEventListener("change",l));break}case"phone":{let n=r.querySelector('input[type="tel"]');n&&(n.addEventListener("input",l),n.addEventListener("change",l),n.addEventListener("keyup",l),n.addEventListener("countrychange",l));break}case"checkbox":case"legal":{r.querySelectorAll('input[type="checkbox"]').forEach(n=>n.addEventListener("change",l));break}case"radio":{r.querySelectorAll('input[type="radio"]').forEach(n=>n.addEventListener("change",l));break}case"select":{let n=r.querySelector("select");n&&n.addEventListener("change",l);break}}}),console.log(`[SampleForm] Listeners bound to ${t.length} blocks.`)}function fe(e,t){let r=e.getAttribute("pulse-form-block")?.trim().toLowerCase(),o=e.getAttribute("pulse-field-name")?.trim();if(!o)return;let l=I(r,e),n=F.findIndex(i=>i["field-name"]===o);n!==-1&&(F[n]={...F[n],value:l,error:null},window.PulseFormData=F,P())}function y(){return F}var pe=["true","atleast-one","only-one"];function q(e,t={}){let{root:r=document,requiredAttribute:o="required-selection"}=t,l=[...e];return r.querySelectorAll("[pulse-form-block]").forEach(n=>{let i=n.getAttribute("pulse-field-name")?.trim();if(!i)return;let u=l.findIndex(m=>m["field-name"]===i);if(u===-1)return;let d=n.getAttribute(o)?.trim().toLowerCase()||"",f=pe.includes(d)?d:null;l[u]={...l[u],required:f}}),l}function C(e,t=document){t.querySelectorAll("[pulse-form-block]").forEach(r=>{let o=r.getAttribute("pulse-field-name")?.trim();if(!o)return;let l=e.find(n=>n["field-name"]===o);l&&(l.required?r.setAttribute("required-selection",l.required):r.removeAttribute("required-selection"))})}var Le="data-original-required-selection";function D(e,t={}){let{root:r=document,fieldName:o="flow-type",flowAttribute:l="form-flow",activeAttribute:n="form-flow-active",requiredAttribute:i="required-selection",originalRequiredAttribute:u=Le}=t,d=e.find(a=>a["field-name"]===o);if(!d)return e;let f=d.value;return r.querySelectorAll(`[${l}]`).forEach(a=>{let E=a.getAttribute(l)?.trim()===f;a.setAttribute(n,E?"true":"false");let c=[];a.hasAttribute("pulse-form-block")&&c.push(a),a.querySelectorAll("[pulse-form-block]").forEach(L=>{c.push(L)}),c.forEach(L=>{if(!L.hasAttribute(u)){let g=L.getAttribute(i)?.trim()||"";L.setAttribute(u,g)}if(E){let g=L.getAttribute(u)||"";L.setAttribute(i,g||"false")}else L.setAttribute(i,"false")})}),q(e,{root:r,requiredAttribute:i})}function V(e,t={}){let{root:r=document,onMissingInput:o,onMissingTarget:l}=t,n=e.filter(u=>u["mirror-value"]===!0);if(n.length===0)return;let i=r.querySelectorAll("[pulse-form-block-mirror]");n.forEach(u=>{let d=u["field-name"],f=!1;i.forEach(m=>{if(m.getAttribute("pulse-form-block-mirror")?.trim()!==d)return;f=!0;let p=m.querySelector("input, textarea, select");if(!p){o?.(d,m);return}Te(p,u.value)}),f||l?.(d)})}function Te(e,t){typeof t=="string"?e.value=t:typeof t=="boolean"?e instanceof HTMLInputElement&&e.type==="checkbox"?e.checked=t:e.value=String(t):Array.isArray(t)?e.value=t.join(", "):e.value=""}var N={errorClass:"pulse-form-error",wrapperErrorClass:"has-error",focusFirst:!0};function U(e,t){return t??e}function ge(e){let t=new Set;return e.querySelectorAll("[pulse-form-block]").forEach(r=>{let o=r.getAttribute("pulse-field-name")?.trim();o&&t.add(o)}),t}function h(e,t={}){let{root:r=document,scope:o,itiInstances:l,errorClass:n=N.errorClass,wrapperErrorClass:i=N.wrapperErrorClass,focusFirst:u=N.focusFirst}=t,d=U(r,o),f=d.querySelectorAll("[pulse-form-block]"),m=ge(d);ye(d,n,i);let a=e.map(c=>{if(!m.has(c["field-name"]))return c;let L=Ne(f,c["field-name"]);if(!L)return{...c,error:null};let g=O(c["form-block"],c.required,c.value,L,l);return g&&w(L,g,n,i),{...c,error:g}}),E=a.filter(c=>m.has(c["field-name"])).every(c=>c.error===null);return!E&&u&&Ie(d,i),{fields:a,isValid:E}}function H(e){let{root:t=document,scope:r,itiInstances:o,errorClass:l=N.errorClass,wrapperErrorClass:n=N.wrapperErrorClass,getFields:i,onFieldValidated:u}=e,d=["text","email","phone","checkbox","radio","select","legal"];U(t,r).querySelectorAll("[pulse-form-block]").forEach(a=>{let p=a.getAttribute("pulse-form-block")?.trim().toLowerCase();if(!p||!d.includes(p))return;let E=()=>{if(!a.classList.contains(n))return;let c=a.getAttribute("pulse-field-name")?.trim();if(!c)return;let g=i().find(Y=>Y["field-name"]===c);if(!g)return;let B=I(p,a),b=O(p,g.required,B,a,o);b?w(a,b,l,n):Fe(a,l,n),u?.(c,b)};switch(p){case"text":case"email":{let c=a.querySelector("input, textarea");c&&(c.addEventListener("input",E),c.addEventListener("change",E));break}case"phone":{let c=a.querySelector('input[type="tel"]');c&&(c.addEventListener("input",E),c.addEventListener("change",E),c.addEventListener("keyup",E),c.addEventListener("countrychange",E));break}case"checkbox":case"legal":{a.querySelectorAll('input[type="checkbox"]').forEach(c=>c.addEventListener("change",E));break}case"radio":{a.querySelectorAll('input[type="radio"]').forEach(c=>c.addEventListener("change",E));break}case"select":{let c=a.querySelector("select");c&&c.addEventListener("change",E);break}}})}function w(e,t,r,o){let l=e.querySelector(`.${r}`);l&&l.remove();let n=document.createElement("span");n.className=r,n.textContent=t.message,n.setAttribute("data-error-code",t.code),n.setAttribute("data-field-name",e.getAttribute("pulse-field-name")?.trim()||""),e.classList.add(o),e.appendChild(n)}function Fe(e,t,r){let o=e.querySelector(`.${t}`);o&&o.remove(),e.classList.remove(r)}function ye(e,t,r){e.querySelectorAll(`.${t}`).forEach(o=>o.remove()),e.querySelectorAll("[pulse-form-block]").forEach(o=>o.classList.remove(r))}function Ie(e,t){let r=e.querySelector(`[pulse-form-block].${t}`);if(!r)return;r.scrollIntoView({behavior:"smooth",block:"center"});let o=r.querySelector("input, textarea, select");o&&setTimeout(()=>o.focus(),400)}function Ne(e,t){return Array.from(e).find(r=>r.getAttribute("pulse-field-name")?.trim()===t)}document.addEventListener("DOMContentLoaded",()=>{let e=S();_(n=>{let i=D(n);window.PulseFormData=i}),_(n=>V(n)),v(),C(y()),k();let t=document.getElementById("step-2-container"),r=document.getElementById("step-2-button");H({scope:t,getFields:y,itiInstances:e}),r.addEventListener("click",n=>{n.preventDefault();let{fields:i,isValid:u}=h(y(),{scope:t,itiInstances:e});window.PulseFormData=i,u&&console.log("Step 2 valid, moving on...")});let o=document.getElementById("step-3-container"),l=document.getElementById("step-3-button");H({scope:o,getFields:y,itiInstances:e}),l.addEventListener("click",n=>{n.preventDefault(),console.log("step 3 clicked");let{fields:i,isValid:u}=h(y(),{scope:o,itiInstances:e});window.PulseFormData=i,console.log("Step 3 valid",u),u&&console.log("Step 3 valid, proceeding to submit...")})});})();
+"use strict";
+(() => {
+  var __create = Object.create;
+  var __defProp = Object.defineProperty;
+  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+  var __getOwnPropNames = Object.getOwnPropertyNames;
+  var __getProtoOf = Object.getPrototypeOf;
+  var __hasOwnProp = Object.prototype.hasOwnProperty;
+  var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+    get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+  }) : x)(function(x) {
+    if (typeof require !== "undefined") return require.apply(this, arguments);
+    throw Error('Dynamic require of "' + x + '" is not supported');
+  });
+  var __copyProps = (to, from, except, desc) => {
+    if (from && typeof from === "object" || typeof from === "function") {
+      for (let key of __getOwnPropNames(from))
+        if (!__hasOwnProp.call(to, key) && key !== except)
+          __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+    }
+    return to;
+  };
+  var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+    // If the importer is in node compatibility mode or this is not an ESM
+    // file that has been converted to a CommonJS file using a Babel-
+    // compatible transform (i.e. "__esModule" has not been set), then set
+    // "default" to the CommonJS "module.exports" for node compatibility.
+    isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+    mod
+  ));
+
+  // src/form/utils/initIntlTelInput.ts
+  function initIntlTelInput(options = {}) {
+    const {
+      root = document,
+      initialCountry = "us",
+      separateDialCode = true,
+      countryCodeSelector = 'input[pulse-form-field="country-code"]',
+      onInit,
+      onError = (msg) => console.warn(`[initIntlTelInput] ${msg}`)
+    } = options;
+    const instances = /* @__PURE__ */ new Map();
+    const intlTelInput = window.intlTelInput;
+    if (!intlTelInput) {
+      onError(
+        'intlTelInput not found on window. Include the script before calling this function.\ne.g. <script src="https://cdn.jsdelivr.net/npm/intl-tel-input@25/build/js/intlTelInput.min.js"><\/script>'
+      );
+      return instances;
+    }
+    const phoneInputs = root.querySelectorAll(
+      'input[type="tel"]'
+    );
+    phoneInputs.forEach((input) => {
+      try {
+        const iti = intlTelInput(input, {
+          initialCountry,
+          separateDialCode,
+          strictMode: false,
+          // @ts-ignore — runtime CDN import
+          loadUtils: () => import(
+            // @ts-ignore — runtime CDN import, not a TS module
+            "https://cdn.jsdelivr.net/npm/intl-tel-input@25/build/js/utils.js"
+          )
+        });
+        instances.set(input, iti);
+        fillCountryCode(iti, countryCodeSelector);
+        input.addEventListener("countrychange", () => {
+          fillCountryCode(iti, countryCodeSelector);
+        });
+        onInit?.(input, iti);
+      } catch (err) {
+        onError(`Failed to init on input inside "${fieldNameOf(input)}"`, err);
+      }
+    });
+    return instances;
+  }
+  function fillCountryCode(iti, selector) {
+    try {
+      const countryData = iti.getSelectedCountryData?.();
+      if (!countryData?.dialCode) return;
+      document.querySelectorAll(selector).forEach((input) => {
+        input.value = `+${countryData.dialCode}`;
+      });
+    } catch {
+    }
+  }
+  function fieldNameOf(input) {
+    return input.closest("[pulse-form-block]")?.getAttribute("pulse-field-name") ?? "unknown";
+  }
+
+  // src/form/utils/collectFormFields.ts
+  var VALID_BLOCK_TYPES = [
+    "text",
+    "email",
+    "phone",
+    "checkbox",
+    "radio",
+    "select",
+    "legal"
+  ];
+  var VALID_REQUIRED_VALUES = [
+    "true",
+    "atleast-one",
+    "only-one"
+  ];
+  var ERROR_CODES = {
+    REQUIRED_INPUT: "ERR_REQUIRED",
+    REQUIRED_LEGAL: "ERR_LEGAL_REQUIRED",
+    REQUIRED_SELECT: "ERR_SELECT_REQUIRED",
+    ATLEAST_ONE: "ERR_ATLEAST_ONE",
+    ONLY_ONE_NONE: "ERR_ONLY_ONE_NONE",
+    ONLY_ONE_EXCEEDED: "ERR_ONLY_ONE_EXCEEDED",
+    INVALID_EMAIL: "ERR_INVALID_EMAIL",
+    INVALID_PHONE: "ERR_INVALID_PHONE",
+    PHONE_TOO_SHORT: "ERR_PHONE_TOO_SHORT",
+    PHONE_TOO_LONG: "ERR_PHONE_TOO_LONG",
+    PHONE_INVALID_COUNTRY: "ERR_PHONE_INVALID_COUNTRY"
+  };
+  var ERROR_MESSAGES = {
+    [ERROR_CODES.REQUIRED_INPUT]: "This field is required.",
+    [ERROR_CODES.REQUIRED_LEGAL]: "You must accept this to continue.",
+    [ERROR_CODES.REQUIRED_SELECT]: "Please select an option.",
+    [ERROR_CODES.ATLEAST_ONE]: "Please select at least one option.",
+    [ERROR_CODES.ONLY_ONE_NONE]: "Please select one option.",
+    [ERROR_CODES.ONLY_ONE_EXCEEDED]: "Only one option can be selected.",
+    [ERROR_CODES.INVALID_EMAIL]: "Please enter a valid email address.",
+    [ERROR_CODES.INVALID_PHONE]: "Please enter a valid phone number.",
+    [ERROR_CODES.PHONE_TOO_SHORT]: "Phone number is too short.",
+    [ERROR_CODES.PHONE_TOO_LONG]: "Phone number is too long.",
+    [ERROR_CODES.PHONE_INVALID_COUNTRY]: "Invalid country code."
+  };
+  function extractTextValue(wrapper) {
+    const input = wrapper.querySelector(
+      "input, textarea"
+    );
+    return input ? input.value.trim() : null;
+  }
+  function extractEmailValue(wrapper) {
+    const input = wrapper.querySelector('input[type="email"]');
+    return input ? input.value.trim() : null;
+  }
+  function extractPhoneValue(wrapper) {
+    const input = wrapper.querySelector('input[type="tel"]');
+    return input ? input.value.trim() : null;
+  }
+  function extractCheckboxValues(wrapper) {
+    const checkboxes = wrapper.querySelectorAll(
+      'input[type="checkbox"]'
+    );
+    const values = [];
+    checkboxes.forEach((cb) => {
+      if (cb.checked) {
+        const name = cb.getAttribute("data-name")?.trim();
+        values.push(name || cb.value || "on");
+      }
+    });
+    return values;
+  }
+  function extractRadioValue(wrapper) {
+    const radios = wrapper.querySelectorAll(
+      'input[type="radio"]'
+    );
+    for (const radio of radios) {
+      if (radio.checked) {
+        const label = radio.closest("label")?.textContent?.trim();
+        return label || radio.value || "on";
+      }
+    }
+    return null;
+  }
+  function extractSelectValue(wrapper) {
+    const select = wrapper.querySelector("select");
+    if (!select) return null;
+    const val = select.value.trim();
+    if (!val || select.selectedIndex === 0) return null;
+    return val;
+  }
+  function extractLegalValue(wrapper) {
+    const checkbox = wrapper.querySelector(
+      'input[type="checkbox"]'
+    );
+    return checkbox ? checkbox.checked : false;
+  }
+  function extractValue(type, wrapper) {
+    switch (type) {
+      case "text":
+        return extractTextValue(wrapper);
+      case "email":
+        return extractEmailValue(wrapper);
+      case "phone":
+        return extractPhoneValue(wrapper);
+      case "checkbox":
+        return extractCheckboxValues(wrapper);
+      case "radio":
+        return extractRadioValue(wrapper);
+      case "select":
+        return extractSelectValue(wrapper);
+      case "legal":
+        return extractLegalValue(wrapper);
+      default:
+        return null;
+    }
+  }
+  function parseRequired(wrapper) {
+    const raw = wrapper.getAttribute("required-selection")?.trim().toLowerCase();
+    if (!raw || !VALID_REQUIRED_VALUES.includes(raw))
+      return null;
+    return raw;
+  }
+  function parseMirrorValue(wrapper) {
+    return wrapper.getAttribute("mirror-value")?.trim().toLowerCase() === "true";
+  }
+  var PHONE_ITI_ERROR_MAP = {
+    0: ERROR_CODES.INVALID_PHONE,
+    1: ERROR_CODES.PHONE_INVALID_COUNTRY,
+    2: ERROR_CODES.PHONE_TOO_SHORT,
+    3: ERROR_CODES.PHONE_TOO_LONG,
+    4: ERROR_CODES.INVALID_PHONE
+  };
+  function validateEmail(value) {
+    if (!value) return null;
+    const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+    if (!emailRegex.test(value)) {
+      return {
+        code: ERROR_CODES.INVALID_EMAIL,
+        message: ERROR_MESSAGES[ERROR_CODES.INVALID_EMAIL]
+      };
+    }
+    return null;
+  }
+  function validatePhone(input, itiInstances) {
+    const value = input.value.trim();
+    if (!value) return null;
+    const iti = itiInstances?.get(input);
+    if (iti) {
+      try {
+        if (iti.isValidNumber()) return null;
+        const errorCode = iti.getValidationError?.() ?? 0;
+        const code = PHONE_ITI_ERROR_MAP[errorCode] || ERROR_CODES.INVALID_PHONE;
+        return { code, message: ERROR_MESSAGES[code] };
+      } catch {
+        return {
+          code: ERROR_CODES.INVALID_PHONE,
+          message: ERROR_MESSAGES[ERROR_CODES.INVALID_PHONE]
+        };
+      }
+    }
+    const digits = value.replace(/\D/g, "");
+    if (digits.length < 7)
+      return {
+        code: ERROR_CODES.PHONE_TOO_SHORT,
+        message: ERROR_MESSAGES[ERROR_CODES.PHONE_TOO_SHORT]
+      };
+    if (digits.length > 15)
+      return {
+        code: ERROR_CODES.PHONE_TOO_LONG,
+        message: ERROR_MESSAGES[ERROR_CODES.PHONE_TOO_LONG]
+      };
+    return null;
+  }
+  function getFieldError(type, required, value, wrapper, itiInstances) {
+    if (required) {
+      switch (required) {
+        case "true": {
+          if (type === "legal" && value !== true)
+            return {
+              code: ERROR_CODES.REQUIRED_LEGAL,
+              message: ERROR_MESSAGES[ERROR_CODES.REQUIRED_LEGAL]
+            };
+          if (type === "select" && !value)
+            return {
+              code: ERROR_CODES.REQUIRED_SELECT,
+              message: ERROR_MESSAGES[ERROR_CODES.REQUIRED_SELECT]
+            };
+          if ((type === "text" || type === "email" || type === "phone") && (!value || typeof value === "string" && value === ""))
+            return {
+              code: ERROR_CODES.REQUIRED_INPUT,
+              message: ERROR_MESSAGES[ERROR_CODES.REQUIRED_INPUT]
+            };
+          break;
+        }
+        case "atleast-one": {
+          const empty = Array.isArray(value) ? value.length === 0 : !value;
+          if (empty)
+            return {
+              code: ERROR_CODES.ATLEAST_ONE,
+              message: ERROR_MESSAGES[ERROR_CODES.ATLEAST_ONE]
+            };
+          break;
+        }
+        case "only-one": {
+          if (Array.isArray(value)) {
+            if (value.length === 0)
+              return {
+                code: ERROR_CODES.ONLY_ONE_NONE,
+                message: ERROR_MESSAGES[ERROR_CODES.ONLY_ONE_NONE]
+              };
+            if (value.length > 1)
+              return {
+                code: ERROR_CODES.ONLY_ONE_EXCEEDED,
+                message: ERROR_MESSAGES[ERROR_CODES.ONLY_ONE_EXCEEDED]
+              };
+          } else if (!value) {
+            return {
+              code: ERROR_CODES.ONLY_ONE_NONE,
+              message: ERROR_MESSAGES[ERROR_CODES.ONLY_ONE_NONE]
+            };
+          }
+          break;
+        }
+      }
+    }
+    if (type === "email" && typeof value === "string" && value) {
+      const emailError = validateEmail(value);
+      if (emailError) return emailError;
+    }
+    if (type === "phone" && typeof value === "string" && value) {
+      const phoneInput = wrapper.querySelector(
+        'input[type="tel"]'
+      );
+      if (phoneInput) {
+        const phoneError = validatePhone(phoneInput, itiInstances);
+        if (phoneError) return phoneError;
+      }
+    }
+    return null;
+  }
+  function collectFormFields(options = {}) {
+    const { validate = false, root = document, itiInstances } = options;
+    const wrappers = root.querySelectorAll("[pulse-form-block]");
+    const fields = [];
+    wrappers.forEach((wrapper) => {
+      const rawType = wrapper.getAttribute("pulse-form-block")?.trim().toLowerCase();
+      if (!rawType || !VALID_BLOCK_TYPES.includes(rawType))
+        return;
+      const blockType = rawType;
+      const fieldName = wrapper.getAttribute("pulse-field-name")?.trim();
+      if (!fieldName) return;
+      const required = parseRequired(wrapper);
+      const mirrorValue = parseMirrorValue(wrapper);
+      const value = extractValue(blockType, wrapper);
+      const error = validate ? getFieldError(blockType, required, value, wrapper, itiInstances) : null;
+      fields.push({
+        "form-block": blockType,
+        "field-name": fieldName,
+        value,
+        required,
+        "mirror-value": mirrorValue,
+        error
+      });
+    });
+    return fields;
+  }
+
+  // src/form/utils/initFormControls.ts
+  var _fields = [];
+  var VALID_BLOCK_TYPES2 = [
+    "text",
+    "email",
+    "phone",
+    "checkbox",
+    "radio",
+    "select",
+    "legal"
+  ];
+  var _updateCallbacks = [];
+  function onFieldsUpdate(cb) {
+    _updateCallbacks.push(cb);
+    return () => {
+      const idx = _updateCallbacks.indexOf(cb);
+      if (idx !== -1) _updateCallbacks.splice(idx, 1);
+    };
+  }
+  function notifyUpdate() {
+    for (const cb of _updateCallbacks) {
+      try {
+        cb(_fields);
+      } catch (err) {
+        console.error("[SampleForm] Error in onFieldsUpdate callback:", err);
+      }
+    }
+  }
+  function initFormJSON(root = document) {
+    _fields = collectFormFields({ root });
+    window.PulseFormData = _fields;
+    notifyUpdate();
+    console.log(`[SampleForm] Initialised ${_fields.length} fields.`);
+    return _fields;
+  }
+  function bindFormListeners(root = document) {
+    const wrappers = root.querySelectorAll("[pulse-form-block]");
+    wrappers.forEach((wrapper) => {
+      const type = wrapper.getAttribute("pulse-form-block")?.trim().toLowerCase();
+      if (!type || !VALID_BLOCK_TYPES2.includes(type)) return;
+      const onChange = () => handleChange(wrapper, root);
+      switch (type) {
+        case "text":
+        case "email": {
+          const input = wrapper.querySelector(
+            "input, textarea"
+          );
+          if (input) {
+            input.addEventListener("input", onChange);
+            input.addEventListener("change", onChange);
+          }
+          break;
+        }
+        case "phone": {
+          const phoneInput = wrapper.querySelector('input[type="tel"]');
+          if (phoneInput) {
+            phoneInput.addEventListener("input", onChange);
+            phoneInput.addEventListener("change", onChange);
+            phoneInput.addEventListener("keyup", onChange);
+            phoneInput.addEventListener("countrychange", onChange);
+          }
+          break;
+        }
+        case "checkbox":
+        case "legal": {
+          wrapper.querySelectorAll('input[type="checkbox"]').forEach((cb) => cb.addEventListener("change", onChange));
+          break;
+        }
+        case "radio": {
+          wrapper.querySelectorAll('input[type="radio"]').forEach((r) => r.addEventListener("change", onChange));
+          break;
+        }
+        case "select": {
+          const select = wrapper.querySelector("select");
+          if (select) select.addEventListener("change", onChange);
+          break;
+        }
+      }
+    });
+    console.log(`[SampleForm] Listeners bound to ${wrappers.length} blocks.`);
+  }
+  function handleChange(wrapper, root) {
+    const rawType = wrapper.getAttribute("pulse-form-block")?.trim().toLowerCase();
+    const fieldName = wrapper.getAttribute("pulse-field-name")?.trim();
+    if (!fieldName) return;
+    const value = extractValue(rawType, wrapper);
+    const idx = _fields.findIndex((f) => f["field-name"] === fieldName);
+    if (idx === -1) return;
+    _fields[idx] = { ..._fields[idx], value, error: null };
+    window.PulseFormData = _fields;
+    notifyUpdate();
+  }
+  function getFormFields() {
+    return _fields;
+  }
+
+  // src/form/utils/updateRequiredFields.ts
+  var VALID_REQUIRED = ["true", "atleast-one", "only-one"];
+  function updateRequiredFields(fields, options = {}) {
+    const {
+      root = document,
+      requiredAttribute = "required-selection"
+    } = options;
+    const updated = [...fields];
+    root.querySelectorAll("[pulse-form-block]").forEach((block) => {
+      const fieldName = block.getAttribute("pulse-field-name")?.trim();
+      if (!fieldName) return;
+      const idx = updated.findIndex((f) => f["field-name"] === fieldName);
+      if (idx === -1) return;
+      const raw = block.getAttribute(requiredAttribute)?.trim().toLowerCase() || "";
+      const parsed = VALID_REQUIRED.includes(raw) ? raw : null;
+      updated[idx] = { ...updated[idx], required: parsed };
+    });
+    return updated;
+  }
+  function syncRequiredToDOM(fields, root = document) {
+    root.querySelectorAll("[pulse-form-block]").forEach((block) => {
+      const name = block.getAttribute("pulse-field-name")?.trim();
+      if (!name) return;
+      const field = fields.find((f) => f["field-name"] === name);
+      if (!field) return;
+      if (field.required) {
+        block.setAttribute("required-selection", field.required);
+      } else {
+        block.removeAttribute("required-selection");
+      }
+    });
+  }
+
+  // src/form/utils/updateFlowType.ts
+  var ORIGINAL_ATTR_DEFAULT = "data-original-required-selection";
+  function updateFlowType(fields, options = {}) {
+    const {
+      root = document,
+      fieldName = "flow-type",
+      flowAttribute = "form-flow",
+      activeAttribute = "form-flow-active",
+      requiredAttribute = "required-selection",
+      originalRequiredAttribute = ORIGINAL_ATTR_DEFAULT
+    } = options;
+    const flowField = fields.find((f) => f["field-name"] === fieldName);
+    if (!flowField) return fields;
+    const flowValue = flowField.value;
+    root.querySelectorAll(`[${flowAttribute}]`).forEach((el) => {
+      const elValue = el.getAttribute(flowAttribute)?.trim();
+      const isActive = elValue === flowValue;
+      el.setAttribute(activeAttribute, isActive ? "true" : "false");
+      const blocks = [];
+      if (el.hasAttribute("pulse-form-block")) {
+        blocks.push(el);
+      }
+      el.querySelectorAll("[pulse-form-block]").forEach((child) => {
+        blocks.push(child);
+      });
+      blocks.forEach((block) => {
+        if (!block.hasAttribute(originalRequiredAttribute)) {
+          const current = block.getAttribute(requiredAttribute)?.trim() || "";
+          block.setAttribute(originalRequiredAttribute, current);
+        }
+        if (isActive) {
+          const original = block.getAttribute(originalRequiredAttribute) || "";
+          block.setAttribute(requiredAttribute, original || "false");
+        } else {
+          block.setAttribute(requiredAttribute, "false");
+        }
+      });
+    });
+    const updated = updateRequiredFields(fields, { root, requiredAttribute });
+    return updated;
+  }
+
+  // src/form/utils/fillMirrorValues.ts
+  function fillMirrorValues(fields, options = {}) {
+    const { root = document, onMissingInput, onMissingTarget } = options;
+    const mirrorFields = fields.filter((f) => f["mirror-value"] === true);
+    if (mirrorFields.length === 0) return;
+    const mirrorTargets = root.querySelectorAll(
+      "[pulse-form-block-mirror]"
+    );
+    mirrorFields.forEach((field) => {
+      const fieldName = field["field-name"];
+      let found = false;
+      mirrorTargets.forEach((target) => {
+        const mirrorAttr = target.getAttribute("pulse-form-block-mirror")?.trim();
+        if (mirrorAttr !== fieldName) return;
+        found = true;
+        const input = target.querySelector("input, textarea, select");
+        if (!input) {
+          onMissingInput?.(fieldName, target);
+          return;
+        }
+        writeValueToInput(input, field.value);
+      });
+      if (!found) {
+        onMissingTarget?.(fieldName);
+      }
+    });
+  }
+  function writeValueToInput(input, value) {
+    if (typeof value === "string") {
+      input.value = value;
+    } else if (typeof value === "boolean") {
+      if (input instanceof HTMLInputElement && input.type === "checkbox") {
+        input.checked = value;
+      } else {
+        input.value = String(value);
+      }
+    } else if (Array.isArray(value)) {
+      input.value = value.join(", ");
+    } else {
+      input.value = "";
+    }
+  }
+
+  // src/form/utils/validateForm.ts
+  var DEFAULTS = {
+    errorClass: "pulse-form-error",
+    wrapperErrorClass: "has-error",
+    focusFirst: true
+  };
+  function resolveTarget(root, scope) {
+    return scope ?? root;
+  }
+  function getScopedFieldNames(target) {
+    const names = /* @__PURE__ */ new Set();
+    target.querySelectorAll("[pulse-form-block]").forEach((w) => {
+      const name = w.getAttribute("pulse-field-name")?.trim();
+      if (name) names.add(name);
+    });
+    return names;
+  }
+  function validateForm(fields, options = {}) {
+    const {
+      root = document,
+      scope,
+      itiInstances,
+      errorClass = DEFAULTS.errorClass,
+      wrapperErrorClass = DEFAULTS.wrapperErrorClass,
+      focusFirst = DEFAULTS.focusFirst
+    } = options;
+    const target = resolveTarget(root, scope);
+    const wrappers = target.querySelectorAll("[pulse-form-block]");
+    const scopedNames = getScopedFieldNames(target);
+    clearAllErrors(target, errorClass, wrapperErrorClass);
+    const validated = fields.map((field) => {
+      if (!scopedNames.has(field["field-name"])) return field;
+      const wrapper = findWrapper(wrappers, field["field-name"]);
+      if (!wrapper) return { ...field, error: null };
+      const error = getFieldError(
+        field["form-block"],
+        field.required,
+        field.value,
+        wrapper,
+        itiInstances
+      );
+      if (error) {
+        showError(wrapper, error, errorClass, wrapperErrorClass);
+      }
+      return { ...field, error };
+    });
+    const scopedFields = validated.filter((f) => scopedNames.has(f["field-name"]));
+    const isValid = scopedFields.every((f) => f.error === null);
+    if (!isValid && focusFirst) {
+      focusFirstError(target, wrapperErrorClass);
+    }
+    return { fields: validated, isValid };
+  }
+  function bindValidationListeners(options) {
+    const {
+      root = document,
+      scope,
+      itiInstances,
+      errorClass = DEFAULTS.errorClass,
+      wrapperErrorClass = DEFAULTS.wrapperErrorClass,
+      getFields,
+      onFieldValidated
+    } = options;
+    const VALID_TYPES = [
+      "text",
+      "email",
+      "phone",
+      "checkbox",
+      "radio",
+      "select",
+      "legal"
+    ];
+    const target = resolveTarget(root, scope);
+    const wrappers = target.querySelectorAll("[pulse-form-block]");
+    wrappers.forEach((wrapper) => {
+      const type = wrapper.getAttribute("pulse-form-block")?.trim().toLowerCase();
+      if (!type || !VALID_TYPES.includes(type)) return;
+      const onChange = () => {
+        if (!wrapper.classList.contains(wrapperErrorClass)) return;
+        const fieldName = wrapper.getAttribute("pulse-field-name")?.trim();
+        if (!fieldName) return;
+        const fields = getFields();
+        const field = fields.find((f) => f["field-name"] === fieldName);
+        if (!field) return;
+        const value = extractValue(type, wrapper);
+        const error = getFieldError(type, field.required, value, wrapper, itiInstances);
+        if (!error) {
+          clearError(wrapper, errorClass, wrapperErrorClass);
+        } else {
+          showError(wrapper, error, errorClass, wrapperErrorClass);
+        }
+        onFieldValidated?.(fieldName, error);
+      };
+      switch (type) {
+        case "text":
+        case "email": {
+          const input = wrapper.querySelector(
+            "input, textarea"
+          );
+          if (input) {
+            input.addEventListener("input", onChange);
+            input.addEventListener("change", onChange);
+          }
+          break;
+        }
+        case "phone": {
+          const phoneInput = wrapper.querySelector('input[type="tel"]');
+          if (phoneInput) {
+            phoneInput.addEventListener("input", onChange);
+            phoneInput.addEventListener("change", onChange);
+            phoneInput.addEventListener("keyup", onChange);
+            phoneInput.addEventListener("countrychange", onChange);
+          }
+          break;
+        }
+        case "checkbox":
+        case "legal": {
+          wrapper.querySelectorAll('input[type="checkbox"]').forEach((cb) => cb.addEventListener("change", onChange));
+          break;
+        }
+        case "radio": {
+          wrapper.querySelectorAll('input[type="radio"]').forEach((r) => r.addEventListener("change", onChange));
+          break;
+        }
+        case "select": {
+          const select = wrapper.querySelector("select");
+          if (select) select.addEventListener("change", onChange);
+          break;
+        }
+      }
+    });
+  }
+  function showError(wrapper, error, errorClass, wrapperErrorClass) {
+    const existing = wrapper.querySelector(`.${errorClass}`);
+    if (existing) existing.remove();
+    const span = document.createElement("span");
+    span.className = errorClass;
+    span.textContent = error.message;
+    span.setAttribute("data-error-code", error.code);
+    span.setAttribute(
+      "data-field-name",
+      wrapper.getAttribute("pulse-field-name")?.trim() || ""
+    );
+    wrapper.classList.add(wrapperErrorClass);
+    wrapper.appendChild(span);
+  }
+  function clearError(wrapper, errorClass, wrapperErrorClass) {
+    const span = wrapper.querySelector(`.${errorClass}`);
+    if (span) span.remove();
+    wrapper.classList.remove(wrapperErrorClass);
+  }
+  function clearAllErrors(target, errorClass, wrapperErrorClass) {
+    target.querySelectorAll(`.${errorClass}`).forEach((el) => el.remove());
+    target.querySelectorAll("[pulse-form-block]").forEach((el) => el.classList.remove(wrapperErrorClass));
+  }
+  function focusFirstError(target, wrapperErrorClass) {
+    const first = target.querySelector(
+      `[pulse-form-block].${wrapperErrorClass}`
+    );
+    if (!first) return;
+    first.scrollIntoView({ behavior: "smooth", block: "center" });
+    const focusable = first.querySelector(
+      "input, textarea, select"
+    );
+    if (focusable) setTimeout(() => focusable.focus(), 400);
+  }
+  function findWrapper(wrappers, fieldName) {
+    return Array.from(wrappers).find(
+      (w) => w.getAttribute("pulse-field-name")?.trim() === fieldName
+    );
+  }
+
+  // src/form/pricing.ts
+  document.addEventListener("DOMContentLoaded", () => {
+    const itiInstances = initIntlTelInput();
+    onFieldsUpdate((fields) => {
+      const updated = updateFlowType(fields);
+      window.PulseFormData = updated;
+    });
+    onFieldsUpdate((fields) => fillMirrorValues(fields));
+    initFormJSON();
+    syncRequiredToDOM(getFormFields());
+    bindFormListeners();
+    const step2Container = document.getElementById("step-2-container");
+    const step2Button = document.getElementById("step-2-button");
+    bindValidationListeners({
+      scope: step2Container,
+      getFields: getFormFields,
+      itiInstances
+    });
+    step2Button.addEventListener("click", (e) => {
+      e.preventDefault();
+      const { fields, isValid } = validateForm(getFormFields(), {
+        scope: step2Container,
+        itiInstances
+      });
+      window.PulseFormData = fields;
+      if (!isValid) return;
+      console.log("Step 2 valid, moving on...");
+    });
+    const step3Container = document.getElementById("step-3-container");
+    const step3Button = document.getElementById("step-3-button");
+    bindValidationListeners({
+      scope: step3Container,
+      getFields: getFormFields,
+      itiInstances
+    });
+    step3Button.addEventListener("click", (e) => {
+      e.preventDefault();
+      console.log("step 3 clicked");
+      const { fields, isValid } = validateForm(getFormFields(), {
+        scope: step3Container,
+        itiInstances
+      });
+      window.PulseFormData = fields;
+      console.log("Step 3 valid", isValid);
+      if (!isValid) return;
+      console.log("Step 3 valid, proceeding to submit...");
+    });
+  });
+})();
+//# sourceMappingURL=pricing.js.map