@rtstic.dev/pulse 0.0.54 → 0.0.56

package/dist/form/book-a-demo.js

@@ -1,2 +1,679 @@
-"use strict";(()=>{var P=Object.create;var T=Object.defineProperty;var M=Object.getOwnPropertyDescriptor;var S=Object.getOwnPropertyNames;var k=Object.getPrototypeOf,w=Object.prototype.hasOwnProperty;var D=(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 C=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of S(t))!w.call(e,o)&&o!==r&&T(e,o,{get:()=>t[o],enumerable:!(n=M(t,o))||n.enumerable});return e};var x=(e,t,r)=>(r=e!=null?P(k(e)):{},C(t||!e||!e.__esModule?T(r,"default",{value:e,enumerable:!0}):r,e));console.log("Book a demo form script loaded");var _=["text","email","phone","checkbox","radio","select","legal"],h=[{type:"pulse",name:"pulse","calender-name":"david","embed-url":"https://meetings.hubspot.com/valeria-angelini/pulse-valeria-and-alessandra?embed=true"},{type:"industry",name:"Financial Services","calender-name":"david","embed-url":"https://meetings.hubspot.com/david-zarate2?embed=true"},{type:"industry",name:"Sports","calender-name":"steven","embed-url":"https://meetings.hubspot.com/steven-campos?embed=true"},{type:"industry",name:"Beauty","calender-name":"albany","embed-url":"https://meetings.hubspot.com/david-zarate2?embed=true"},{type:"industry",name:"Music","calender-name":"steven","embed-url":"https://meetings.hubspot.com/steven-campos?embed=true"},{type:"industry",name:"Customer Packaged Goods","calender-name":"david","embed-url":"https://meetings.hubspot.com/david-zarate2?embed=true"},{type:"industry",name:"Other","calender-name":"david","embed-url":"https://meetings.hubspot.com/david-zarate2?embed=true"}],q=["true","atleast-one","only-one"],l={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"},d={[l.REQUIRED_INPUT]:"This field is required.",[l.REQUIRED_LEGAL]:"You must accept this to continue.",[l.REQUIRED_SELECT]:"Please select an option.",[l.ATLEAST_ONE]:"Please select at least one option.",[l.ONLY_ONE_NONE]:"Please select one option.",[l.ONLY_ONE_EXCEEDED]:"Only one option can be selected.",[l.INVALID_EMAIL]:"Please enter a valid email address.",[l.INVALID_PHONE]:"Please enter a valid phone number.",[l.PHONE_TOO_SHORT]:"Phone number is too short.",[l.PHONE_TOO_LONG]:"Phone number is too long.",[l.PHONE_INVALID_COUNTRY]:"Invalid country code."},p="pulse-form-error",I=new Map;function N(e){try{let t=e.getSelectedCountryData?.();if(!t?.dialCode)return;document.querySelectorAll('input[pulse-form-field="country-code"]').forEach(n=>{n.value=`+${t.dialCode}`})}catch(t){console.warn("[PulseForm] Error filling country code:",t)}}function V(){let e=window.intlTelInput;if(!e){console.warn(`[PulseForm] intlTelInput not found on window. Make sure you include the intl-tel-input script before this script.
-e.g. <script src="https://cdn.jsdelivr.net/npm/intl-tel-input@25/build/js/intlTelInput.min.js"><\/script>`);return}document.querySelectorAll('[pulse-form-block="phone"] input[type="tel"]').forEach(r=>{try{let n=e(r,{initialCountry:"us",separateDialCode:!0,strictMode:!1,loadUtils:()=>import("https://cdn.jsdelivr.net/npm/intl-tel-input@25/build/js/utils.js")});I.set(r,n),N(n),r.addEventListener("countrychange",()=>{N(n)}),console.log(`[PulseForm] intl-tel-input initialized for "${r.closest("[pulse-form-block]")?.getAttribute("pulse-field-name")||"unknown"}"`)}catch(n){console.warn("[PulseForm] Failed to init intl-tel-input:",n)}})}var U={0:l.INVALID_PHONE,1:l.PHONE_INVALID_COUNTRY,2:l.PHONE_TOO_SHORT,3:l.PHONE_TOO_LONG,4:l.INVALID_PHONE};function B(e){return e?/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e)?null:{code:l.INVALID_EMAIL,message:d[l.INVALID_EMAIL]}:null}function Y(e){let t=e.value.trim();if(!t)return null;let r=I.get(e);if(r)try{if(r.isValidNumber())return null;let o=r.getValidationError?.()??0,s=U[o]||l.INVALID_PHONE;return{code:s,message:d[s]}}catch{return{code:l.INVALID_PHONE,message:d[l.INVALID_PHONE]}}let n=t.replace(/\D/g,"");return n.length<7?{code:l.PHONE_TOO_SHORT,message:d[l.PHONE_TOO_SHORT]}:n.length>15?{code:l.PHONE_TOO_LONG,message:d[l.PHONE_TOO_LONG]}:null}function $(e){let t=e.querySelector("input, textarea");return t?t.value.trim():null}function Q(e){let t=e.querySelector('input[type="email"]');return t?t.value.trim():null}function G(e){let t=e.querySelector('input[type="tel"]');return t?t.value.trim():null}function j(e){let t=e.querySelectorAll('input[type="checkbox"]'),r=[];return t.forEach(n=>{if(n.checked){let o=n.getAttribute("data-name")?.trim();r.push(o||n.value||"on")}}),r}function z(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 X(e){let t=e.querySelector("select");if(!t)return null;let r=t.value.trim();return!r||t.selectedIndex===0?null:r}function W(e){let t=e.querySelector('input[type="checkbox"]');return t?t.checked:!1}function v(e,t){switch(e){case"text":return $(t);case"email":return Q(t);case"phone":return G(t);case"checkbox":return j(t);case"radio":return z(t);case"select":return X(t);case"legal":return W(t);default:return null}}function A(e){let t=e.getAttribute("required-selection")?.trim().toLowerCase();return!t||!q.includes(t)?null:t}function J(e){return e.getAttribute("mirror-value")?.trim().toLowerCase()==="true"}function b(e,t,r,n){if(t)switch(t){case"true":{if(e==="legal"&&r!==!0)return{code:l.REQUIRED_LEGAL,message:d[l.REQUIRED_LEGAL]};if(e==="select"&&!r)return{code:l.REQUIRED_SELECT,message:d[l.REQUIRED_SELECT]};if((e==="text"||e==="email"||e==="phone")&&(!r||typeof r=="string"&&r===""))return{code:l.REQUIRED_INPUT,message:d[l.REQUIRED_INPUT]};break}case"atleast-one":{if(Array.isArray(r)?r.length===0:!r)return{code:l.ATLEAST_ONE,message:d[l.ATLEAST_ONE]};break}case"only-one":{if(Array.isArray(r)){if(r.length===0)return{code:l.ONLY_ONE_NONE,message:d[l.ONLY_ONE_NONE]};if(r.length>1)return{code:l.ONLY_ONE_EXCEEDED,message:d[l.ONLY_ONE_EXCEEDED]}}else if(!r)return{code:l.ONLY_ONE_NONE,message:d[l.ONLY_ONE_NONE]};break}}if(e==="email"&&typeof r=="string"&&r){let o=B(r);if(o)return o}if(e==="phone"&&typeof r=="string"&&r){let o=n.querySelector('input[type="tel"]');if(o){let s=Y(o);if(s)return s}}return null}function y(e){let t=document.querySelectorAll("[pulse-form-block]"),r=[];return t.forEach(n=>{let o=n.getAttribute("pulse-form-block")?.trim().toLowerCase();if(!o||!_.includes(o))return;let s=o,u=n.getAttribute("pulse-field-name")?.trim();if(!u)return;let a=A(n),c=J(n),g=v(s,n),F=e?b(s,a,g,n):null;r.push({"form-block":s,"field-name":u,value:g,required:a,"mirror-value":c,error:F})}),r}function R(){document.querySelectorAll(`.${p}`).forEach(e=>e.remove()),document.querySelectorAll("[pulse-form-block]").forEach(e=>e.classList.remove("has-error"))}function K(e){let t=e.querySelector(`.${p}`);t&&t.remove(),e.classList.remove("has-error")}function H(e,t){let r=e.querySelector(`.${p}`);r&&r.remove();let n=document.createElement("span");n.className=p,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("has-error"),e.appendChild(n)}function Z(e){R(),document.querySelectorAll("[pulse-form-block]").forEach(r=>{let n=r.getAttribute("pulse-field-name")?.trim();if(!n)return;let o=e.find(s=>s["field-name"]===n);!o||!o.error||H(r,o.error)})}function ee(){let e=document.querySelector("[pulse-form-block].has-error");if(!e)return;e.scrollIntoView({behavior:"smooth",block:"center"});let t=e.querySelector("input, textarea, select");t&&setTimeout(()=>t.focus(),400)}function m(){let e=i.filter(r=>r["mirror-value"]===!0);if(e.length===0)return;let t=document.querySelectorAll("[pulse-form-block-mirror]");e.forEach(r=>{let n=r["field-name"],o=!1;t.forEach(s=>{if(s.getAttribute("pulse-form-block-mirror")?.trim()!==n)return;o=!0;let a=s.querySelector("input, textarea, select");if(!a){console.warn(`[PulseForm] Mirror target for "${n}" found, but no input element inside it.`);return}let c=r.value;typeof c=="string"?a.value=c:typeof c=="boolean"?a instanceof HTMLInputElement&&a.type==="checkbox"?a.checked=c:a.value=String(c):Array.isArray(c)?a.value=c.join(", "):a.value=""}),o||console.warn(`[PulseForm] No mirror target found for field "${n}". Add an element with attribute pulse-form-block-mirror="${n}" to mirror this value.`)})}function te(){let e=document.querySelector("[hs-calender-block]");if(!e){console.warn("[PulseForm] No element with attribute 'hs-calender-block' found.");return}let r=i.find(u=>u["field-name"]==="flow-type")?.value,n;if(r==="Pulse demo")n=h.find(u=>u.type==="pulse");else if(r==="White Glove services"){let a=i.find(c=>c["field-name"]==="industry")?.value;typeof a=="string"&&a&&(n=h.find(c=>c.type==="industry"&&c.name.toLowerCase()===a.toLowerCase()))}if(n||(n=h.find(u=>u.type==="industry"&&u.name==="Other")),!n){console.warn("[PulseForm] No matching calendar entry found.");return}e.innerHTML="";let o=document.createElement("div");o.className="meetings-iframe-container",o.setAttribute("data-src",n["embed-url"]),e.appendChild(o);let s=document.createElement("script");s.type="text/javascript",s.src="https://static.hsappstatic.net/MeetingsEmbed/ex/MeetingsEmbedCode.js",e.appendChild(s),console.log(`[PulseForm] Loaded calendar: ${n["calender-name"]} (${n.name})`)}function E(){let e=i.find(n=>n["field-name"]==="flow-type");if(!e)return;let t=e.value;document.querySelectorAll("[form-flow]").forEach(n=>{n.getAttribute("form-flow")?.trim()===t?n.setAttribute("form-flow-active","true"):n.setAttribute("form-flow-active","false")})}function f(){let e=i.find(o=>o["field-name"]==="flow-type");if(!e)return;let t=e.value,r=i.findIndex(o=>o["field-name"]==="industry"),n=i.findIndex(o=>o["field-name"]==="what-are-you-looking-for");r!==-1&&(i[r]={...i[r],required:null}),n!==-1&&(i[n]={...i[n],required:null}),t==="White Glove services"&&r!==-1?i[r]={...i[r],required:"true"}:t==="Pulse demo"&&n!==-1&&(i[n]={...i[n],required:"atleast-one"}),window.PulseFormData=i}var i=[];function L(e,t,r){let n=i.findIndex(o=>o["field-name"]===e);n!==-1&&(i[n]={...i[n],value:t,error:r},window.PulseFormData=i,f(),m(),E())}function ne(e){let t=e.getAttribute("pulse-form-block")?.trim().toLowerCase(),r=e.getAttribute("pulse-field-name")?.trim();if(!r)return;let n=A(e),o=v(t,e);if(e.classList.contains("has-error")){let u=b(t,n,o,e);u?(H(e,u),L(r,o,u)):(K(e),L(r,o,null))}else L(r,o,null)}function re(){document.querySelectorAll("[pulse-form-block]").forEach(t=>{let r=t.getAttribute("pulse-form-block")?.trim().toLowerCase();if(!r||!_.includes(r))return;let n=()=>ne(t);switch(r){case"text":case"email":{let o=t.querySelector("input, textarea");o&&(o.addEventListener("input",n),o.addEventListener("change",n));break}case"phone":{let o=t.querySelector('input[type="tel"]');o&&(o.addEventListener("input",n),o.addEventListener("change",n),o.addEventListener("keyup",n),o.addEventListener("countrychange",n));break}case"checkbox":case"legal":{t.querySelectorAll('input[type="checkbox"]').forEach(o=>o.addEventListener("change",n));break}case"radio":{t.querySelectorAll('input[type="radio"]').forEach(o=>o.addEventListener("change",n));break}case"select":{let o=t.querySelector("select");o&&o.addEventListener("change",n);break}}})}var O={get fields(){return i},refresh(){return i=y(!1),window.PulseFormData=i,f(),m(),E(),i},validate(){i=y(!0),window.PulseFormData=i,f();let t=document.querySelectorAll("[pulse-form-block]");i.forEach((n,o)=>{let s=Array.from(t).find(a=>a.getAttribute("pulse-field-name")?.trim()===n["field-name"]);if(!s)return;let u=b(n["form-block"],n.required,n.value,s);i[o]={...i[o],error:u}}),window.PulseFormData=i;let r=i.every(n=>n.error===null);return m(),E(),Z(i),r||ee(),{fields:i,isValid:r}},clearErrors(){R(),i=i.map(e=>({...e,error:null})),window.PulseFormData=i,f(),m(),E()},ERROR_CODES:l,ERROR_MESSAGES:d};document.addEventListener("DOMContentLoaded",()=>{let e=document.querySelectorAll("[pulse-form-block]").length;console.log(`[PulseForm] Initialized \u2014 found ${e} form blocks.`),V(),i=y(!1),window.PulseFormData=i,f(),m(),E(),re();let t=document.getElementById("trigger-webflow-form-submit");t&&t.addEventListener("click",r=>{r.preventDefault();let{isValid:n}=O.validate();if(!n)return;let o=t.textContent;t.textContent="Submitting...",te();let s=document.getElementById("webflow-form-submit");s?s.click():console.warn('[PulseForm] Button with id "webflow-form-submit" not found.');let u=document.getElementById("hubspot-form-submit");u?u.click():console.warn('[PulseForm] Button with id "hubspot-form-submit" not found.'),setTimeout(()=>{window.scrollTo({top:0,behavior:"smooth"})},1200)}),window.PulseForm=O});})();
+"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/book-a-demo.ts
+  console.log("Book a demo form script loaded");
+  var VALID_BLOCK_TYPES = [
+    "text",
+    "email",
+    "phone",
+    "checkbox",
+    "radio",
+    "select",
+    "legal"
+  ];
+  var CALENDAR_ENTRIES = [
+    {
+      type: "pulse",
+      name: "pulse",
+      "calender-name": "david",
+      "embed-url": "https://meetings.hubspot.com/valeria-angelini/pulse-valeria-and-alessandra?embed=true"
+    },
+    {
+      type: "industry",
+      name: "Financial Services",
+      "calender-name": "david",
+      "embed-url": "https://meetings.hubspot.com/david-zarate2?embed=true"
+    },
+    {
+      type: "industry",
+      name: "Sports",
+      "calender-name": "steven",
+      "embed-url": "https://meetings.hubspot.com/steven-campos?embed=true"
+    },
+    {
+      type: "industry",
+      name: "Beauty",
+      "calender-name": "albany",
+      "embed-url": "https://meetings.hubspot.com/david-zarate2?embed=true"
+    },
+    {
+      type: "industry",
+      name: "Music",
+      "calender-name": "steven",
+      "embed-url": "https://meetings.hubspot.com/steven-campos?embed=true"
+    },
+    {
+      type: "industry",
+      name: "Customer Packaged Goods",
+      "calender-name": "david",
+      "embed-url": "https://meetings.hubspot.com/david-zarate2?embed=true"
+    },
+    {
+      type: "industry",
+      name: "Other",
+      "calender-name": "david",
+      "embed-url": "https://meetings.hubspot.com/david-zarate2?embed=true"
+    }
+  ];
+  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."
+  };
+  var ERROR_SPAN_CLASS = "pulse-form-error";
+  var itiInstances = /* @__PURE__ */ new Map();
+  function fillCountryCodeInput(iti) {
+    try {
+      const countryData = iti.getSelectedCountryData?.();
+      if (!countryData?.dialCode) return;
+      const inputs = document.querySelectorAll(
+        'input[pulse-form-field="country-code"]'
+      );
+      inputs.forEach((input) => {
+        input.value = `+${countryData.dialCode}`;
+      });
+    } catch (err) {
+      console.warn("[PulseForm] Error filling country code:", err);
+    }
+  }
+  function initIntlTelInput() {
+    const intlTelInput = window.intlTelInput;
+    if (!intlTelInput) {
+      console.warn(
+        '[PulseForm] intlTelInput not found on window. Make sure you include the intl-tel-input script before this script.\ne.g. <script src="https://cdn.jsdelivr.net/npm/intl-tel-input@25/build/js/intlTelInput.min.js"><\/script>'
+      );
+      return;
+    }
+    const phoneInputs = document.querySelectorAll(
+      '[pulse-form-block="phone"] input[type="tel"]'
+    );
+    phoneInputs.forEach((input) => {
+      try {
+        const iti = intlTelInput(input, {
+          initialCountry: "us",
+          separateDialCode: true,
+          strictMode: false,
+          // @ts-ignore — runtime CDN import, not a TS module
+          loadUtils: () => import("https://cdn.jsdelivr.net/npm/intl-tel-input@25/build/js/utils.js")
+        });
+        itiInstances.set(input, iti);
+        fillCountryCodeInput(iti);
+        input.addEventListener("countrychange", () => {
+          fillCountryCodeInput(iti);
+        });
+        console.log(
+          `[PulseForm] intl-tel-input initialized for "${input.closest("[pulse-form-block]")?.getAttribute("pulse-field-name") || "unknown"}"`
+        );
+      } catch (err) {
+        console.warn("[PulseForm] Failed to init intl-tel-input:", err);
+      }
+    });
+  }
+  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) {
+    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 extractTextValue(wrapper) {
+    const input = wrapper.querySelector(
+      "input, textarea"
+    );
+    if (!input) return null;
+    return input.value.trim();
+  }
+  function extractEmailValue(wrapper) {
+    const input = wrapper.querySelector('input[type="email"]');
+    if (!input) return null;
+    return input.value.trim();
+  }
+  function extractPhoneValue(wrapper) {
+    const input = wrapper.querySelector('input[type="tel"]');
+    if (!input) return null;
+    return input.value.trim();
+  }
+  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"]'
+    );
+    if (!checkbox) return false;
+    return checkbox.checked;
+  }
+  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";
+  }
+  function getFieldError(type, required, value, wrapper) {
+    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);
+        if (phoneError) return phoneError;
+      }
+    }
+    return null;
+  }
+  function collectFormFields(withValidation) {
+    const wrappers = document.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 = withValidation ? getFieldError(blockType, required, value, wrapper) : null;
+      fields.push({
+        "form-block": blockType,
+        "field-name": fieldName,
+        value,
+        required,
+        "mirror-value": mirrorValue,
+        error
+      });
+    });
+    return fields;
+  }
+  function clearAllErrors() {
+    document.querySelectorAll(`.${ERROR_SPAN_CLASS}`).forEach((el) => el.remove());
+    document.querySelectorAll("[pulse-form-block]").forEach((el) => el.classList.remove("has-error"));
+  }
+  function clearErrorOnWrapper(wrapper) {
+    const span = wrapper.querySelector(`.${ERROR_SPAN_CLASS}`);
+    if (span) span.remove();
+    wrapper.classList.remove("has-error");
+  }
+  function showErrorOnWrapper(wrapper, error) {
+    const existing = wrapper.querySelector(`.${ERROR_SPAN_CLASS}`);
+    if (existing) existing.remove();
+    const span = document.createElement("span");
+    span.className = ERROR_SPAN_CLASS;
+    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("has-error");
+    wrapper.appendChild(span);
+  }
+  function renderErrors(fields) {
+    clearAllErrors();
+    const wrappers = document.querySelectorAll("[pulse-form-block]");
+    wrappers.forEach((wrapper) => {
+      const fieldName = wrapper.getAttribute("pulse-field-name")?.trim();
+      if (!fieldName) return;
+      const field = fields.find((f) => f["field-name"] === fieldName);
+      if (!field || !field.error) return;
+      showErrorOnWrapper(wrapper, field.error);
+    });
+  }
+  function focusFirstError() {
+    const first = document.querySelector(
+      `[pulse-form-block].has-error`
+    );
+    if (!first) return;
+    first.scrollIntoView({ behavior: "smooth", block: "center" });
+    const focusable = first.querySelector(
+      "input, textarea, select"
+    );
+    if (focusable) setTimeout(() => focusable.focus(), 400);
+  }
+  function fillMirrorValues() {
+    const mirrorFields = _currentFields.filter((f) => f["mirror-value"] === true);
+    if (mirrorFields.length === 0) return;
+    const mirrorTargets = document.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) {
+          console.warn(
+            `[PulseForm] Mirror target for "${fieldName}" found, but no input element inside it.`
+          );
+          return;
+        }
+        const value = field.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 = "";
+        }
+      });
+      if (!found) {
+        console.warn(
+          `[PulseForm] No mirror target found for field "${fieldName}". Add an element with attribute pulse-form-block-mirror="${fieldName}" to mirror this value.`
+        );
+      }
+    });
+  }
+  function loadCalendarEmbed() {
+    const container = document.querySelector("[hs-calender-block]");
+    if (!container) {
+      console.warn("[PulseForm] No element with attribute 'hs-calender-block' found.");
+      return;
+    }
+    const flowField = _currentFields.find((f) => f["field-name"] === "flow-type");
+    const flowValue = flowField?.value;
+    let entry;
+    if (flowValue === "Pulse demo") {
+      entry = CALENDAR_ENTRIES.find((e) => e.type === "pulse");
+    } else if (flowValue === "White Glove services") {
+      const industryField = _currentFields.find((f) => f["field-name"] === "industry");
+      const industryValue = industryField?.value;
+      if (typeof industryValue === "string" && industryValue) {
+        entry = CALENDAR_ENTRIES.find(
+          (e) => e.type === "industry" && e.name.toLowerCase() === industryValue.toLowerCase()
+        );
+      }
+    }
+    if (!entry) {
+      entry = CALENDAR_ENTRIES.find((e) => e.type === "industry" && e.name === "Other");
+    }
+    if (!entry) {
+      console.warn("[PulseForm] No matching calendar entry found.");
+      return;
+    }
+    container.innerHTML = "";
+    const meetingsDiv = document.createElement("div");
+    meetingsDiv.className = "meetings-iframe-container";
+    meetingsDiv.setAttribute("data-src", entry["embed-url"]);
+    container.appendChild(meetingsDiv);
+    const script = document.createElement("script");
+    script.type = "text/javascript";
+    script.src = "https://static.hsappstatic.net/MeetingsEmbed/ex/MeetingsEmbedCode.js";
+    container.appendChild(script);
+    console.log(`[PulseForm] Loaded calendar: ${entry["calender-name"]} (${entry.name})`);
+  }
+  function updateFlowType() {
+    const flowField = _currentFields.find((f) => f["field-name"] === "flow-type");
+    if (!flowField) return;
+    const flowValue = flowField.value;
+    const flowElements = document.querySelectorAll("[form-flow]");
+    flowElements.forEach((el) => {
+      const elFlowValue = el.getAttribute("form-flow")?.trim();
+      if (elFlowValue === flowValue) {
+        el.setAttribute("form-flow-active", "true");
+      } else {
+        el.setAttribute("form-flow-active", "false");
+      }
+    });
+  }
+  function updateConditionalRequired() {
+    const flowField = _currentFields.find((f) => f["field-name"] === "flow-type");
+    if (!flowField) return;
+    const flowValue = flowField.value;
+    const industryIdx = _currentFields.findIndex((f) => f["field-name"] === "industry");
+    const lookingForIdx = _currentFields.findIndex((f) => f["field-name"] === "what-are-you-looking-for");
+    if (industryIdx !== -1) {
+      _currentFields[industryIdx] = { ..._currentFields[industryIdx], required: null };
+    }
+    if (lookingForIdx !== -1) {
+      _currentFields[lookingForIdx] = { ..._currentFields[lookingForIdx], required: null };
+    }
+    if (flowValue === "White Glove services" && industryIdx !== -1) {
+      _currentFields[industryIdx] = { ..._currentFields[industryIdx], required: "true" };
+    } else if (flowValue === "Pulse demo" && lookingForIdx !== -1) {
+      _currentFields[lookingForIdx] = { ..._currentFields[lookingForIdx], required: "atleast-one" };
+    }
+    window.PulseFormData = _currentFields;
+  }
+  var _currentFields = [];
+  function updateFieldInState(fieldName, value, error) {
+    const idx = _currentFields.findIndex((f) => f["field-name"] === fieldName);
+    if (idx === -1) return;
+    _currentFields[idx] = { ..._currentFields[idx], value, error };
+    window.PulseFormData = _currentFields;
+    updateConditionalRequired();
+    fillMirrorValues();
+    updateFlowType();
+  }
+  function handleFieldChange(wrapper) {
+    const rawType = wrapper.getAttribute("pulse-form-block")?.trim().toLowerCase();
+    const fieldName = wrapper.getAttribute("pulse-field-name")?.trim();
+    if (!fieldName) return;
+    const required = parseRequired(wrapper);
+    const value = extractValue(rawType, wrapper);
+    const hasError = wrapper.classList.contains("has-error");
+    if (hasError) {
+      const error = getFieldError(rawType, required, value, wrapper);
+      if (!error) {
+        clearErrorOnWrapper(wrapper);
+        updateFieldInState(fieldName, value, null);
+      } else {
+        showErrorOnWrapper(wrapper, error);
+        updateFieldInState(fieldName, value, error);
+      }
+    } else {
+      updateFieldInState(fieldName, value, null);
+    }
+  }
+  function bindChangeListeners() {
+    const wrappers = document.querySelectorAll("[pulse-form-block]");
+    wrappers.forEach((wrapper) => {
+      const type = wrapper.getAttribute("pulse-form-block")?.trim().toLowerCase();
+      if (!type || !VALID_BLOCK_TYPES.includes(type)) return;
+      const onChange = () => handleFieldChange(wrapper);
+      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;
+        }
+      }
+    });
+  }
+  var PulseForm = {
+    get fields() {
+      return _currentFields;
+    },
+    refresh() {
+      _currentFields = collectFormFields(false);
+      window.PulseFormData = _currentFields;
+      updateConditionalRequired();
+      fillMirrorValues();
+      updateFlowType();
+      return _currentFields;
+    },
+    validate() {
+      const fields = collectFormFields(true);
+      _currentFields = fields;
+      window.PulseFormData = _currentFields;
+      updateConditionalRequired();
+      const wrappers = document.querySelectorAll("[pulse-form-block]");
+      _currentFields.forEach((field, idx) => {
+        const wrapper = Array.from(wrappers).find(
+          (w) => w.getAttribute("pulse-field-name")?.trim() === field["field-name"]
+        );
+        if (!wrapper) return;
+        const error = getFieldError(
+          field["form-block"],
+          field.required,
+          field.value,
+          wrapper
+        );
+        _currentFields[idx] = { ..._currentFields[idx], error };
+      });
+      window.PulseFormData = _currentFields;
+      const isValid = _currentFields.every((f) => f.error === null);
+      fillMirrorValues();
+      updateFlowType();
+      renderErrors(_currentFields);
+      if (!isValid) focusFirstError();
+      return { fields: _currentFields, isValid };
+    },
+    clearErrors() {
+      clearAllErrors();
+      _currentFields = _currentFields.map((f) => ({ ...f, error: null }));
+      window.PulseFormData = _currentFields;
+      updateConditionalRequired();
+      fillMirrorValues();
+      updateFlowType();
+    },
+    ERROR_CODES,
+    ERROR_MESSAGES
+  };
+  document.addEventListener("DOMContentLoaded", () => {
+    const count = document.querySelectorAll("[pulse-form-block]").length;
+    console.log(`[PulseForm] Initialized \u2014 found ${count} form blocks.`);
+    initIntlTelInput();
+    _currentFields = collectFormFields(false);
+    window.PulseFormData = _currentFields;
+    updateConditionalRequired();
+    fillMirrorValues();
+    updateFlowType();
+    bindChangeListeners();
+    const triggerBtn = document.getElementById("trigger-webflow-form-submit");
+    if (triggerBtn) {
+      triggerBtn.addEventListener("click", (e) => {
+        e.preventDefault();
+        const { isValid } = PulseForm.validate();
+        if (!isValid) return;
+        const originalText = triggerBtn.textContent;
+        triggerBtn.textContent = "Submitting...";
+        loadCalendarEmbed();
+        const submitBtn = document.getElementById("webflow-form-submit");
+        if (submitBtn) {
+          submitBtn.click();
+        } else {
+          console.warn('[PulseForm] Button with id "webflow-form-submit" not found.');
+        }
+        const hubspotBtn = document.getElementById("hubspot-form-submit");
+        if (hubspotBtn) {
+          hubspotBtn.click();
+        } else {
+          console.warn('[PulseForm] Button with id "hubspot-form-submit" not found.');
+        }
+        setTimeout(() => {
+          window.scrollTo({ top: 0, behavior: "smooth" });
+        }, 1200);
+      });
+    }
+    window.PulseForm = PulseForm;
+  });
+})();
+//# sourceMappingURL=book-a-demo.js.map