@rtstic.dev/pulse 0.0.55 → 0.0.56

package/dist/form/index.js

@@ -1,2 +1,962 @@
-"use strict";(()=>{var H=Object.create;var S=Object.defineProperty;var I=Object.getOwnPropertyDescriptor;var q=Object.getOwnPropertyNames;var k=Object.getPrototypeOf,x=Object.prototype.hasOwnProperty;var F=(l=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(l,{get:(t,e)=>(typeof require<"u"?require:t)[e]}):l)(function(l){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+l+'" is not supported')});var w=(l,t,e,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of q(t))!x.call(l,n)&&n!==e&&S(l,n,{get:()=>t[n],enumerable:!(r=I(t,n))||r.enumerable});return l};var A=(l,t,e)=>(e=l!=null?H(k(l)):{},w(t||!l||!l.__esModule?S(e,"default",{value:l,enumerable:!0}):e,l));function g(l={}){let{root:t=document,initialCountry:e="us",separateDialCode:r=!0,countryCodeSelector:n='input[pulse-form-field="country-code"]',onInit:i,onError:o=c=>console.warn(`[initIntlTelInput] ${c}`)}=l,s=new Map,u=window.intlTelInput;return u?(t.querySelectorAll('input[type="tel"]').forEach(c=>{try{let m=u(c,{initialCountry:e,separateDialCode:r,strictMode:!1,loadUtils:()=>import("https://cdn.jsdelivr.net/npm/intl-tel-input@25/build/js/utils.js")});s.set(c,m),b(m,n),c.addEventListener("countrychange",()=>{b(m,n)}),i?.(c,m)}catch(m){o(`Failed to init on input inside "${C(c)}"`,m)}}),s):(o(`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>`),s)}function b(l,t){try{let e=l.getSelectedCountryData?.();if(!e?.dialCode)return;document.querySelectorAll(t).forEach(r=>{r.value=`+${e.dialCode}`})}catch{}}function C(l){return l.closest("[pulse-form-block]")?.getAttribute("pulse-field-name")??"unknown"}var L=window.location.host==="influur-staging.webflow.io";function d(l,...t){L&&console.warn(`[MSF:${l}]`,...t)}function p(l,...t){L&&console.error(`[MSF:${l}]`,...t)}var N={1:[{selector:'[data-action="back"]',property:"display",value:"none"},{selector:'[pricing-form-element="progress-fill"]',property:"width",value:"50%"},{selector:"[data-step-1-terms]",property:"display",value:"block"}],2:[{selector:'[data-action="back"]',property:"display",value:"flex"},{selector:'[pricing-form-element="progress-fill"]',property:"width",value:"100%"},{selector:"[data-step-1-terms]",property:"display",value:"none"}]},v=[{type:"company_type",name:"Record Label / Music Distributor","calender-name":"valeria","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"}],T={required:"This field is required",email_invalid:"Please enter a valid email address",email_company:"Please use your company email address",phone_invalid:"Please enter a valid phone number",selection_required:"Please select at least one option",legal_required:"You must accept this to continue"},_={"pulse-demo":["pulse-demo-only","common-fields"],"white-glove-services":["white-glove-only","common-fields"]},O={1:{heading:"Your info",subheading:"Pulse is launching March 2025. Spots for onboarding cohort 1 are limited.",counter:"Step 1/2"},2:{heading:"Personalize",subheading:"Help us personalize your demo.",counter:"Step 2/2"}},E=class{constructor(t,e){this.currentStepIndex=0;this.stepHasBeenValidated=!1;this.originalRequired=new WeakMap;this.fieldState=new Map;this.isFormSubmitted=!1;this.isFormStarted=!1;this.form=t,this.itiInstances=e,this.steps=Array.from(t.querySelectorAll('[data-msf="step"]')),this.steps.length===0&&p("init","No steps found! Check [data-msf='step'] selectors in HTML."),this.steps.forEach((r,n)=>{r.dataset.step||d("init",`Step element at index ${n} is missing data-step attribute`)}),this.bindEvents(),this.cacheOriginalRequiredState(),this.initializeFieldState(),this.showStep(0),this.applyFlowConditions(),this.syncAllFieldState()}bindEvents(){let t=()=>{this.isFormStarted||(this.isFormStarted=!0,this.startAbandonmentCheck())};this.form.addEventListener("input",t),this.form.addEventListener("change",t),this.form.addEventListener("click",e=>{let r=e.target;if(!r)return;let n=r.closest("[data-action]");if(!n)return;let i=n.dataset.action;i==="next"&&(e.preventDefault(),this.next()),i==="back"&&(e.preventDefault(),this.back())}),this.form.addEventListener("submit",e=>{e.preventDefault()}),this.form.addEventListener("input",e=>{let r=e.target;r&&(!(r instanceof HTMLInputElement)&&!(r instanceof HTMLTextAreaElement)&&!(r instanceof HTMLSelectElement)||this.handleLiveValidation())}),this.itiInstances.forEach((e,r)=>{r.addEventListener("countrychange",()=>{this.stepHasBeenValidated&&this.handleLiveValidation()})}),this.form.addEventListener("change",e=>{let r=e.target;r&&r instanceof HTMLInputElement&&r.type==="radio"&&r.name==="flow-type"&&this.applyFlowConditions()}),this.form.addEventListener("input",e=>{let r=e.target;if(!r)return;let n=r.closest("[data-field-key]");if(!n)return;let i=n.dataset.fieldKey;i&&this.updateFieldState(i)}),this.form.addEventListener("change",e=>{let r=e.target;if(!r)return;let n=r.closest("[data-field-key]");if(!n)return;let i=n.dataset.fieldKey;i&&this.updateFieldState(i)})}handleLiveValidation(){if(!this.stepHasBeenValidated)return;let t=this.validateStep(this.currentStepIndex);this.clearErrors(),Object.keys(t).length>0&&this.showErrors(t)}showStep(t){if(t<0||t>=this.steps.length){p("showStep",`Invalid step index: ${t} (total steps: ${this.steps.length})`);return}this.steps.forEach((r,n)=>{r.style.display=n===t?"flex":"none"}),this.currentStepIndex=t,this.stepHasBeenValidated=!1,this.clearErrors();let e=t+1;this.updateStepText(e),this.applyStepStyles(e)}next(){this.stepHasBeenValidated=!0;let t=this.validateStep(this.currentStepIndex);if(Object.keys(t).length>0){this.clearErrors(),this.showErrors(t),this.focusFirstError(t);return}this.clearErrors(),this.stepHasBeenValidated=!1;let e=this.currentStepIndex+1;if(e>=this.steps.length){let n=this.steps[this.currentStepIndex].querySelector('[data-action="next"]');if(n){let s=n.querySelector("[data-action-text]");s?s.textContent="Submitting...":d("next","No [data-action-text] element found inside next button")}else d("next","No [data-action='next'] button found in current step");this.mirrorFieldStateToDOM(),this.setQualificationStatus(),this.loadCalendarEmbed();let i=document.getElementById("webflow-form-submit"),o=document.getElementById("hubspot-form-submit");i||p("submit","Missing #webflow-form-submit button in DOM!"),o||p("submit","Missing #hubspot-form-submit button in DOM!"),i&&o?(this.setSubmissionType("manual"),i.click(),o.click(),this.isFormSubmitted=!0):p("submit","One or both submit buttons not found \u2014 form NOT submitted");return}this.showStep(e)}showErrors(t){Object.entries(t).forEach(([e,r])=>{let n=this.form.querySelector(`[data-required-group="${e}"]`)||this.form.querySelector(`[data-required-legal="${e}"]`);if(n){n.classList.add("has-error");let s=n.querySelector(".field-error");s||(s=document.createElement("div"),s.className="field-error",n.appendChild(s)),s.textContent=T[r],s.setAttribute("data-error-code",r);return}let i=this.form.querySelector(`[name="${e}"]`);if(!i){d("showErrors",`Cannot find field or group for error key: "${e}"`);return}i.classList.add("has-error");let o=i.parentElement?.querySelector(".field-error");o||(o=document.createElement("div"),o.className="field-error",i.parentElement?.appendChild(o)),o.textContent=T[r],o.setAttribute("data-error-code",r)})}clearErrors(){let t=this.form.querySelectorAll(".field-error"),e=this.form.querySelectorAll(".has-error");t.forEach(r=>r.remove()),e.forEach(r=>r.classList.remove("has-error"))}back(){let t=this.currentStepIndex-1;t<0||this.showStep(t)}getFieldsForStep(t){let e=this.steps[t];return e?Array.from(e.querySelectorAll("input, select, textarea")):(p("getFieldsForStep",`Step at index ${t} does not exist`),[])}validateStep(t){let e={};this.getFieldsForStep(t).forEach(s=>{let u=s.name;if(!u||s.type==="checkbox"||s.type==="radio")return;let a=s.value.trim();if(s.hasAttribute("required")&&!a){e[u]="required";return}if(s.type==="email"&&a){if(!this.isValidEmailFormat(a)){e[u]="email_invalid";return}if(!this.isCompanyEmail(a)){e[u]="email_company";return}}if(s.type==="tel"&&a&&this.validatePhoneField(s)){e[u]="phone_invalid";return}});let n=this.validateRequiredSelectionGroups(t),i=this.validateLegalGroups(t);return{...e,...n,...i}}validateRequiredSelectionGroups(t){let e=this.steps[t],r={};return e.querySelectorAll("[data-required-group]").forEach(i=>{let o=i.dataset.requiredGroup;if(!o)return;let u=Array.from(i.querySelectorAll('input[type="checkbox"], input[type="radio"]')).filter(c=>!c.disabled);if(u.length===0)return;u.some(c=>c.checked)||(r[o]="selection_required")}),r}validateLegalGroups(t){let e=this.steps[t],r={};return e.querySelectorAll("[data-required-legal]").forEach(i=>{let o=i.dataset.requiredLegal;if(!o)return;let s=i.querySelector('input[type="checkbox"]');!s||s.disabled||s.checked||(r[o]="legal_required")}),r}startAbandonmentCheck(){setTimeout(()=>{if(this.isFormSubmitted)return;let t=this.getFormStateJSON().find(s=>s["field-name"]==="email"),e=this.getFormStateJSON().find(s=>s["field-name"]==="first_name"),r=this.getFormStateJSON().find(s=>s["field-name"]==="last_name"),n=t&&t.value&&this.isValidEmailFormat(t.value),i=e&&e.value.trim().length>0,o=r&&r.value.trim().length>0;if(n&&i&&o){console.warn("[MSF] User is likely to skip the form submission \u2014 losing a lead. Email:",t.value),this.mirrorFieldStateToDOM();let s=document.getElementById("hubspot-form-submit");s?(this.setSubmissionType("automated"),s.click()):p("abandonCheck","Missing #hubspot-form-submit button in DOM!")}},30*60*1e3)}setSubmissionType(t){let e=document.getElementById("submission_type");e?e.value=t:d("setSubmissionType","No element found with id 'submission_type'")}isValidEmailFormat(t){return/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(t)}isCompanyEmail(t){let e=["gmail.com","yahoo.com","hotmail.com","outlook.com","icloud.com","aol.com"],r=t.split("@")[1]?.toLowerCase();return r?!e.includes(r):!1}validatePhoneField(t){let e=this.itiInstances.get(t);return e?t.value.trim()?e.isValidNumber()?null:"phone_invalid":null:(d("phoneValidation",`No ITI instance found for field "${t.name}" \u2014 skipping phone validation`),null)}focusFirstError(t){let e=Object.keys(t)[0];if(!e)return;let r=this.form.querySelector(`[data-required-group="${e}"]`)||this.form.querySelector(`[data-required-legal="${e}"]`);if(r){let i=r.querySelector("input, select, textarea");i&&i.focus();return}let n=this.form.querySelector(`[name="${e}"]`);n&&n.focus()}getFlowType(){let t=this.form.querySelector('[data-required-group="flow-type"]');return t?t.querySelector('input[type="radio"]:checked')?.value??null:(d("getFlowType",'No [data-required-group="flow-type"] element found'),null)}applyFlowConditions(){let t=this.getFlowType();if(!t)return;let e=_[t]||[];e.length===0&&d("flowConditions",`No FLOW_CONDITIONS entry for flow type: "${t}"`),this.form.querySelectorAll("[data-conditional]").forEach(n=>{let i=n.dataset.conditional;if(!i)return;let o=e.includes(i),s=n.querySelectorAll("input, select, textarea");if(o)n.style.display="",s.forEach(u=>{u.disabled=!1,this.originalRequired.get(u)&&u.setAttribute("required","true")});else{n.style.display="none",s.forEach(a=>{a.disabled=!0,a.removeAttribute("required"),a instanceof HTMLInputElement?a.type==="checkbox"||a.type==="radio"?a.checked=!1:a.value="":a instanceof HTMLSelectElement?a.selectedIndex=0:a instanceof HTMLTextAreaElement&&(a.value="");let c=a.closest("[data-field-key]");if(!c)return;let m=c.dataset.fieldKey;if(!m)return;let f=this.fieldState.get(m);f&&(f.required=!1,f.valid=!0,f.value="",this.fieldState.set(m,f))});let u=n.dataset.fieldKey;if(u){let a=this.fieldState.get(u);a&&(a.required=!1,a.valid=!0,a.value="",this.fieldState.set(u,a))}this.clearErrorsInBlock(n)}}),this.updateValidityForStep(this.currentStepIndex+1)}cacheOriginalRequiredState(){this.form.querySelectorAll("input, select, textarea").forEach(e=>{let r=e.hasAttribute("required");this.originalRequired.set(e,r)})}clearErrorsInBlock(t){t.querySelectorAll(".field-error").forEach(e=>e.remove()),t.querySelectorAll(".has-error").forEach(e=>e.classList.remove("has-error"))}initializeFieldState(){this.form.querySelectorAll("[data-field-key]").forEach(e=>{let r=e.dataset.fieldKey;if(!r)return;let n=e.closest("[data-msf='step']"),i=n?Number(n.dataset.step):this.currentStepIndex+1;n||d("initFieldState",`Field "${r}" is not inside a [data-msf="step"] element \u2014 defaulting to step ${i}`),this.fieldState.set(r,{"field-name":r,value:"",required:!1,valid:!0,"step-number":i})})}updateFieldState(t){let e=this.form.querySelector(`[data-field-key="${t}"]`);if(!e){d("updateFieldState",`No element found for field key: "${t}"`);return}let r="",n=!1;if(e.hasAttribute("data-group")){let u=Array.from(e.querySelectorAll("input[type='radio'], input[type='checkbox']")).filter(a=>!a.disabled);if(n=e.hasAttribute("data-required-group"),u.some(a=>a.type==="radio")){let a=u.find(c=>c.checked);a?r=a.closest("label")?.querySelector("span")?.textContent?.trim()??a.value??"":r=""}else r=u.filter(c=>c.checked).map(c=>c.closest("label")?.querySelector("span")?.textContent?.trim()??c.value??"").join(",")}else if(e.hasAttribute("data-required-legal")){let u=e.querySelector("input[type='checkbox']");u&&!u.disabled&&(n=!0,r=u.checked?"true":"false")}else(e instanceof HTMLInputElement||e instanceof HTMLSelectElement||e instanceof HTMLTextAreaElement)&&(n=e.hasAttribute("required")&&!e.disabled,e instanceof HTMLInputElement&&e.type==="checkbox"?r=e.checked?"true":"false":r=e.value.trim());let i=e.closest("[data-msf='step']"),o=i?Number(i.dataset.step):this.currentStepIndex+1,s=this.fieldState.get(t);if(!s){d("updateFieldState",`No state entry for key "${t}" \u2014 was it initialized?`);return}s.value=r,s.required=n,s["step-number"]=o,this.fieldState.set(t,s),this.updateValidityForStep(o)}updateValidityForStep(t){let e=this.steps.findIndex(i=>Number(i.dataset.step)===t);if(e===-1){d("updateValidity",`No step element found with data-step="${t}"`);return}let r=this.validateStep(e);Array.from(this.fieldState.values()).filter(i=>i["step-number"]===t).forEach(i=>{i.valid=!r[i["field-name"]]})}getFormStateJSON(){return Array.from(this.fieldState.values())}updateStepText(t){let e=O[t];if(!e){d("updateStepText",`No STEP_TEXT config for step ${t}`);return}if(e.heading){let r=this.form.querySelector('[data-dynamic-text="heading"]');r?r.textContent=e.heading:d("updateStepText",'Missing [data-dynamic-text="heading"] element')}if(e.subheading){let r=this.form.querySelector('[data-dynamic-text="subheading"]');r?r.textContent=e.subheading:d("updateStepText",'Missing [data-dynamic-text="subheading"] element')}if(e.counter){let r=this.form.querySelector('[data-dynamic-text="counter"]');r?r.textContent=e.counter:d("updateStepText",'Missing [data-dynamic-text="counter"] element')}}syncAllFieldState(){this.fieldState.forEach((t,e)=>{this.updateFieldState(e)})}mirrorFieldStateToDOM(){let t=this.getFormStateJSON(),e=document.getElementById("form-hubspot-book-a-demo");if(!e){p("mirror","HubSpot form #form-hubspot-book-a-demo NOT FOUND in DOM!");return}t.forEach(r=>{let n=e?.querySelector(`[data-mirror="${r["field-name"]}"]`);if(!n){d("mirror",`No mirror element for data-mirror="${r["field-name"]}"`);return}n instanceof HTMLInputElement&&n.disabled||(n instanceof HTMLInputElement?n.type==="checkbox"?n.checked=r.value==="true":n.type==="radio"?n.checked=n.value===r.value:n.value=r.value:n.value=r.value)})}resolveCalendarEntry(){let t=this.fieldState.get("company_type")?.value??"",e=this.fieldState.get("industry")?.value??"";return v.find(r=>r.type==="company_type"&&r.name===t)??v.find(r=>r.type==="industry"&&r.name===e)??null}loadCalendarEmbed(){let t=document.querySelector("[hs-calender-block]");if(!t){p("calendar","No [hs-calender-block] element found in DOM!");return}let e=this.resolveCalendarEntry();if(!e){t.setAttribute("hs-calender-block-active","false"),t.innerHTML="",document.querySelectorAll("[hs-thankyou-block-active]").forEach(M=>M.setAttribute("hs-thankyou-block-active","true"));return}t.setAttribute("hs-calender-block-active","true"),t.innerHTML="",document.querySelectorAll("[hs-thankyou-block-active]").forEach(y=>y.setAttribute("hs-thankyou-block-active","false"));let n=this.fieldState.get("first_name")?.value??"",i=this.fieldState.get("last_name")?.value??"",o=this.fieldState.get("email")?.value??"",s=new URLSearchParams;n&&s.set("firstName",n),i&&s.set("lastName",i),o&&s.set("email",o);let u=e["embed-url"].includes("?")?"&":"?",a=s.toString()?`${e["embed-url"]}${u}${s.toString()}`:e["embed-url"],c=document.createElement("div");c.className="meetings-iframe-container",c.setAttribute("data-src",a),t.appendChild(c);let m="https://static.hsappstatic.net/MeetingsEmbed/ex/MeetingsEmbedCode.js",f=document.querySelector(`script[src="${m}"]`);f&&f.remove();let h=document.createElement("script");h.type="text/javascript",h.src=m,h.addEventListener("error",y=>{p("calendar","HubSpot meetings script FAILED to load:",y)}),t.appendChild(h)}applyStepStyles(t){let e=N[t];if(!e){d("applyStepStyles",`No STEP_STYLES config for step ${t}`);return}e.forEach(({selector:r,property:n,value:i})=>{let o=document.querySelectorAll(r);o.length===0&&d("applyStepStyles",`Selector "${r}" matched 0 elements`),o.forEach(s=>{s.style.setProperty(n,i)})})}setQualificationStatus(){let t=this.fieldState.get("company_type")?.value??"",e=document.getElementById("qualified_unqualified");if(!e){d("qualification","No element found with id 'qualified_unqualified'");return}e.value=t==="Record Label / Music Distributor"?"qualified":"unqualified"}};document.addEventListener("DOMContentLoaded",()=>{let l=document.querySelector('[data-msf="form"]');if(!l){p("boot",'No form element found with [data-msf="form"] \u2014 MultiStepForm NOT initialized');return}let t;try{t=g({root:l})}catch(e){p("boot","intl-tel-input initialization FAILED:",e),t=new Map}try{let e=new E(l,t);window.msf=e}catch(e){p("boot","MultiStepForm constructor THREW:",e)}});})();
+"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/index.ts
+  var IS_STAGING = window.location.host === "influur-staging.webflow.io";
+  function dbgWarn(tag, ...args) {
+    if (!IS_STAGING) return;
+    console.warn(`[MSF:${tag}]`, ...args);
+  }
+  function dbgError(tag, ...args) {
+    if (!IS_STAGING) return;
+    console.error(`[MSF:${tag}]`, ...args);
+  }
+  var STEP_STYLES = {
+    1: [
+      { selector: '[data-action="back"]', property: "display", value: "none" },
+      { selector: '[pricing-form-element="progress-fill"]', property: "width", value: "50%" },
+      { selector: "[data-step-1-terms]", property: "display", value: "block" }
+    ],
+    2: [
+      { selector: '[data-action="back"]', property: "display", value: "flex" },
+      { selector: '[pricing-form-element="progress-fill"]', property: "width", value: "100%" },
+      { selector: "[data-step-1-terms]", property: "display", value: "none" }
+    ]
+  };
+  var CALENDAR_ENTRIES = [
+    {
+      type: "company_type",
+      name: "Record Label / Music Distributor",
+      "calender-name": "valeria",
+      "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 ERROR_MESSAGES = {
+    required: "This field is required",
+    email_invalid: "Please enter a valid email address",
+    email_company: "Please use your company email address",
+    phone_invalid: "Please enter a valid phone number",
+    selection_required: "Please select at least one option",
+    legal_required: "You must accept this to continue"
+  };
+  var FLOW_CONDITIONS = {
+    "pulse-demo": [
+      "pulse-demo-only",
+      "common-fields"
+    ],
+    "white-glove-services": [
+      "white-glove-only",
+      "common-fields"
+    ]
+  };
+  var STEP_TEXT = {
+    1: {
+      heading: "Your info",
+      subheading: "Pulse is launching March 2025. Spots for onboarding cohort 1 are limited.",
+      counter: "Step 1/2"
+    },
+    2: {
+      heading: "Personalize",
+      subheading: "Help us personalize your demo.",
+      counter: "Step 2/2"
+    }
+  };
+  var MultiStepForm = class {
+    constructor(form, itiInstances) {
+      this.currentStepIndex = 0;
+      this.stepHasBeenValidated = false;
+      this.originalRequired = /* @__PURE__ */ new WeakMap();
+      this.fieldState = /* @__PURE__ */ new Map();
+      this.isFormSubmitted = false;
+      this.isFormStarted = false;
+      this.form = form;
+      this.itiInstances = itiInstances;
+      this.steps = Array.from(
+        form.querySelectorAll('[data-msf="step"]')
+      );
+      if (this.steps.length === 0) {
+        dbgError("init", "No steps found! Check [data-msf='step'] selectors in HTML.");
+      }
+      this.steps.forEach((step, i) => {
+        const stepNum = step.dataset.step;
+        if (!stepNum) {
+          dbgWarn("init", `Step element at index ${i} is missing data-step attribute`);
+        }
+      });
+      this.bindEvents();
+      this.cacheOriginalRequiredState();
+      this.initializeFieldState();
+      this.showStep(0);
+      this.applyFlowConditions();
+      this.syncAllFieldState();
+    }
+    bindEvents() {
+      const markStarted = () => {
+        if (!this.isFormStarted) {
+          this.isFormStarted = true;
+          this.startAbandonmentCheck();
+          window.posthog?.capture("form_started", {
+            fields: this.getFormStateJSON()
+          });
+        }
+      };
+      this.form.addEventListener("input", markStarted);
+      this.form.addEventListener("change", markStarted);
+      this.form.addEventListener("click", (e) => {
+        const target = e.target;
+        if (!target) return;
+        const btn = target.closest("[data-action]");
+        if (!btn) return;
+        const action = btn.dataset.action;
+        if (action === "next") {
+          e.preventDefault();
+          this.next();
+        }
+        if (action === "back") {
+          e.preventDefault();
+          this.back();
+        }
+      });
+      this.form.addEventListener("submit", (e) => {
+        e.preventDefault();
+      });
+      this.form.addEventListener("input", (e) => {
+        const target = e.target;
+        if (!target) return;
+        if (!(target instanceof HTMLInputElement) && !(target instanceof HTMLTextAreaElement) && !(target instanceof HTMLSelectElement)) return;
+        this.handleLiveValidation();
+      });
+      this.itiInstances.forEach((_iti, input) => {
+        input.addEventListener("countrychange", () => {
+          if (!this.stepHasBeenValidated) return;
+          this.handleLiveValidation();
+        });
+      });
+      this.form.addEventListener("change", (e) => {
+        const target = e.target;
+        if (!target) return;
+        if (target instanceof HTMLInputElement && target.type === "radio" && target.name === "flow-type") {
+          this.applyFlowConditions();
+        }
+      });
+      this.form.addEventListener("input", (e) => {
+        const target = e.target;
+        if (!target) return;
+        const trackable = target.closest("[data-field-key]");
+        if (!trackable) return;
+        const key = trackable.dataset.fieldKey;
+        if (!key) return;
+        this.updateFieldState(key);
+      });
+      this.form.addEventListener("change", (e) => {
+        const target = e.target;
+        if (!target) return;
+        const trackable = target.closest("[data-field-key]");
+        if (!trackable) return;
+        const key = trackable.dataset.fieldKey;
+        if (!key) return;
+        this.updateFieldState(key);
+      });
+    }
+    handleLiveValidation() {
+      if (!this.stepHasBeenValidated) return;
+      const errors = this.validateStep(this.currentStepIndex);
+      this.clearErrors();
+      if (Object.keys(errors).length > 0) {
+        this.showErrors(errors);
+      }
+    }
+    showStep(index) {
+      if (index < 0 || index >= this.steps.length) {
+        dbgError("showStep", `Invalid step index: ${index} (total steps: ${this.steps.length})`);
+        return;
+      }
+      this.steps.forEach((step, i) => {
+        step.style.display = i === index ? "flex" : "none";
+      });
+      this.currentStepIndex = index;
+      this.stepHasBeenValidated = false;
+      this.clearErrors();
+      const stepNumber = index + 1;
+      this.updateStepText(stepNumber);
+      this.applyStepStyles(stepNumber);
+    }
+    next() {
+      this.stepHasBeenValidated = true;
+      const errors = this.validateStep(this.currentStepIndex);
+      if (Object.keys(errors).length > 0) {
+        this.clearErrors();
+        this.showErrors(errors);
+        this.focusFirstError(errors);
+        return;
+      }
+      this.clearErrors();
+      this.stepHasBeenValidated = false;
+      const nextIndex = this.currentStepIndex + 1;
+      if (nextIndex >= this.steps.length) {
+        const currentStep = this.steps[this.currentStepIndex];
+        const nextButton = currentStep.querySelector('[data-action="next"]');
+        if (nextButton) {
+          const actionTextEl = nextButton.querySelector("[data-action-text]");
+          if (actionTextEl) {
+            actionTextEl.textContent = "Submitting...";
+          } else {
+            dbgWarn("next", "No [data-action-text] element found inside next button");
+          }
+        } else {
+          dbgWarn("next", "No [data-action='next'] button found in current step");
+        }
+        this.mirrorFieldStateToDOM();
+        this.setQualificationStatus();
+        this.loadCalendarEmbed();
+        const webflowSubmitBtn = document.getElementById("webflow-form-submit");
+        const hubspotSubmitBtn = document.getElementById("hubspot-form-submit");
+        if (!webflowSubmitBtn) {
+          dbgError("submit", "Missing #webflow-form-submit button in DOM!");
+        }
+        if (!hubspotSubmitBtn) {
+          dbgError("submit", "Missing #hubspot-form-submit button in DOM!");
+        }
+        if (webflowSubmitBtn && hubspotSubmitBtn) {
+          this.setSubmissionType("manual");
+          webflowSubmitBtn.click();
+          hubspotSubmitBtn.click();
+          this.isFormSubmitted = true;
+          window.posthog?.capture("form_submitted", {
+            fields: this.getFormStateJSON()
+          });
+        } else {
+          dbgError("submit", "One or both submit buttons not found \u2014 form NOT submitted");
+        }
+        return;
+      }
+      this.showStep(nextIndex);
+    }
+    showErrors(errors) {
+      Object.entries(errors).forEach(([name, message]) => {
+        const groupEl = this.form.querySelector(`[data-required-group="${name}"]`) || this.form.querySelector(`[data-required-legal="${name}"]`);
+        if (groupEl) {
+          groupEl.classList.add("has-error");
+          let errorEl2 = groupEl.querySelector(".field-error");
+          if (!errorEl2) {
+            errorEl2 = document.createElement("div");
+            errorEl2.className = "field-error";
+            groupEl.appendChild(errorEl2);
+          }
+          errorEl2.textContent = ERROR_MESSAGES[message];
+          errorEl2.setAttribute("data-error-code", message);
+          return;
+        }
+        const field = this.form.querySelector(`[name="${name}"]`);
+        if (!field) {
+          dbgWarn("showErrors", `Cannot find field or group for error key: "${name}"`);
+          return;
+        }
+        field.classList.add("has-error");
+        let errorEl = field.parentElement?.querySelector(".field-error");
+        if (!errorEl) {
+          errorEl = document.createElement("div");
+          errorEl.className = "field-error";
+          field.parentElement?.appendChild(errorEl);
+        }
+        errorEl.textContent = ERROR_MESSAGES[message];
+        errorEl.setAttribute("data-error-code", message);
+      });
+    }
+    clearErrors() {
+      const errorEls = this.form.querySelectorAll(".field-error");
+      const hasErrorEls = this.form.querySelectorAll(".has-error");
+      errorEls.forEach((el) => el.remove());
+      hasErrorEls.forEach(
+        (el) => el.classList.remove("has-error")
+      );
+    }
+    back() {
+      const prevIndex = this.currentStepIndex - 1;
+      if (prevIndex < 0) {
+        return;
+      }
+      this.showStep(prevIndex);
+    }
+    getFieldsForStep(index) {
+      const step = this.steps[index];
+      if (!step) {
+        dbgError("getFieldsForStep", `Step at index ${index} does not exist`);
+        return [];
+      }
+      const fields = Array.from(
+        step.querySelectorAll(
+          "input, select, textarea"
+        )
+      );
+      return fields;
+    }
+    validateStep(index) {
+      const errors = {};
+      const fields = this.getFieldsForStep(index);
+      fields.forEach((field) => {
+        const name = field.name;
+        if (!name) {
+          return;
+        }
+        if (field.type === "checkbox" || field.type === "radio") return;
+        const value = field.value.trim();
+        const isRequired = field.hasAttribute("required");
+        if (isRequired && !value) {
+          errors[name] = "required";
+          return;
+        }
+        if (field.type === "email" && value) {
+          if (!this.isValidEmailFormat(value)) {
+            errors[name] = "email_invalid";
+            return;
+          }
+          if (!this.isCompanyEmail(value)) {
+            errors[name] = "email_company";
+            return;
+          }
+        }
+        if (field.type === "tel" && value) {
+          const phoneError = this.validatePhoneField(field);
+          if (phoneError) {
+            errors[name] = "phone_invalid";
+            return;
+          }
+        }
+      });
+      const selectionGroupErrors = this.validateRequiredSelectionGroups(index);
+      const legalErrors = this.validateLegalGroups(index);
+      const allErrors = {
+        ...errors,
+        ...selectionGroupErrors,
+        ...legalErrors
+      };
+      return allErrors;
+    }
+    validateRequiredSelectionGroups(index) {
+      const step = this.steps[index];
+      const errors = {};
+      const groups = step.querySelectorAll("[data-required-group]");
+      groups.forEach((groupEl) => {
+        const groupName = groupEl.dataset.requiredGroup;
+        if (!groupName) return;
+        const inputs = Array.from(
+          groupEl.querySelectorAll(
+            'input[type="checkbox"], input[type="radio"]'
+          )
+        );
+        const enabledInputs = inputs.filter((input) => !input.disabled);
+        if (enabledInputs.length === 0) {
+          return;
+        }
+        const isChecked = enabledInputs.some((input) => input.checked);
+        if (!isChecked) {
+          errors[groupName] = "selection_required";
+        }
+      });
+      return errors;
+    }
+    validateLegalGroups(index) {
+      const step = this.steps[index];
+      const errors = {};
+      const legalGroups = step.querySelectorAll("[data-required-legal]");
+      legalGroups.forEach((groupEl) => {
+        const groupName = groupEl.dataset.requiredLegal;
+        if (!groupName) return;
+        const checkbox = groupEl.querySelector(
+          'input[type="checkbox"]'
+        );
+        if (!checkbox || checkbox.disabled) {
+          return;
+        }
+        if (!checkbox.checked) {
+          errors[groupName] = "legal_required";
+        }
+      });
+      return errors;
+    }
+    startAbandonmentCheck() {
+      setTimeout(() => {
+        if (this.isFormSubmitted) return;
+        const emailField = this.getFormStateJSON().find(
+          (f) => f["field-name"] === "email"
+        );
+        const firstNameField = this.getFormStateJSON().find(
+          (f) => f["field-name"] === "first_name"
+        );
+        const lastNameField = this.getFormStateJSON().find(
+          (f) => f["field-name"] === "last_name"
+        );
+        const hasValidEmail = emailField && emailField.value && this.isValidEmailFormat(emailField.value);
+        const hasFirstName = firstNameField && firstNameField.value.trim().length > 0;
+        const hasLastName = lastNameField && lastNameField.value.trim().length > 0;
+        if (hasValidEmail && hasFirstName && hasLastName) {
+          console.warn(
+            "[MSF] User is likely to skip the form submission \u2014 losing a lead. Email:",
+            emailField.value
+          );
+          this.mirrorFieldStateToDOM();
+          const hubspotSubmitBtn = document.getElementById("hubspot-form-submit");
+          if (hubspotSubmitBtn) {
+            this.setSubmissionType("automated");
+            window.posthog?.capture("form_abandoned", {
+              fields: this.getFormStateJSON()
+            });
+            hubspotSubmitBtn.click();
+          } else {
+            dbgError("abandonCheck", "Missing #hubspot-form-submit button in DOM!");
+          }
+        }
+      }, 30 * 60 * 1e3);
+    }
+    setSubmissionType(type) {
+      const el = document.getElementById("submission_type");
+      if (el) {
+        el.value = type;
+      } else {
+        dbgWarn("setSubmissionType", "No element found with id 'submission_type'");
+      }
+    }
+    isValidEmailFormat(email) {
+      const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+      return emailRegex.test(email);
+    }
+    isCompanyEmail(email) {
+      const publicDomains = [
+        "gmail.com",
+        "yahoo.com",
+        "hotmail.com",
+        "outlook.com",
+        "icloud.com",
+        "aol.com"
+      ];
+      const domain = email.split("@")[1]?.toLowerCase();
+      if (!domain) return false;
+      return !publicDomains.includes(domain);
+    }
+    validatePhoneField(field) {
+      const iti = this.itiInstances.get(field);
+      if (!iti) {
+        dbgWarn("phoneValidation", `No ITI instance found for field "${field.name}" \u2014 skipping phone validation`);
+        return null;
+      }
+      const value = field.value.trim();
+      if (!value) return null;
+      if (!iti.isValidNumber()) {
+        return "phone_invalid";
+      }
+      return null;
+    }
+    focusFirstError(errors) {
+      const firstErrorName = Object.keys(errors)[0];
+      if (!firstErrorName) return;
+      const groupEl = this.form.querySelector(
+        `[data-required-group="${firstErrorName}"]`
+      ) || this.form.querySelector(
+        `[data-required-legal="${firstErrorName}"]`
+      );
+      if (groupEl) {
+        const firstInput = groupEl.querySelector("input, select, textarea");
+        if (firstInput) {
+          firstInput.focus();
+        }
+        return;
+      }
+      const field = this.form.querySelector(`[name="${firstErrorName}"]`);
+      if (field) {
+        field.focus();
+      }
+    }
+    getFlowType() {
+      const flowWrapper = this.form.querySelector(
+        '[data-required-group="flow-type"]'
+      );
+      if (!flowWrapper) {
+        dbgWarn("getFlowType", 'No [data-required-group="flow-type"] element found');
+        return null;
+      }
+      const checked = flowWrapper.querySelector(
+        'input[type="radio"]:checked'
+      );
+      const value = checked?.value ?? null;
+      return value;
+    }
+    applyFlowConditions() {
+      const flowType = this.getFlowType();
+      if (!flowType) {
+        return;
+      }
+      const visibleKeys = FLOW_CONDITIONS[flowType] || [];
+      if (visibleKeys.length === 0) {
+        dbgWarn("flowConditions", `No FLOW_CONDITIONS entry for flow type: "${flowType}"`);
+      }
+      const conditionalBlocks = this.form.querySelectorAll(
+        "[data-conditional]"
+      );
+      conditionalBlocks.forEach((block) => {
+        const key = block.dataset.conditional;
+        if (!key) return;
+        const shouldShow = visibleKeys.includes(key);
+        const inputs = block.querySelectorAll("input, select, textarea");
+        if (shouldShow) {
+          block.style.display = "";
+          inputs.forEach((input) => {
+            input.disabled = false;
+            const wasRequired = this.originalRequired.get(input);
+            if (wasRequired) {
+              input.setAttribute("required", "true");
+            }
+          });
+        } else {
+          block.style.display = "none";
+          inputs.forEach((input) => {
+            input.disabled = true;
+            input.removeAttribute("required");
+            if (input instanceof HTMLInputElement) {
+              if (input.type === "checkbox" || input.type === "radio") {
+                input.checked = false;
+              } else {
+                input.value = "";
+              }
+            } else if (input instanceof HTMLSelectElement) {
+              input.selectedIndex = 0;
+            } else if (input instanceof HTMLTextAreaElement) {
+              input.value = "";
+            }
+            const trackable = input.closest("[data-field-key]");
+            if (!trackable) return;
+            const fieldKey = trackable.dataset.fieldKey;
+            if (!fieldKey) return;
+            const state = this.fieldState.get(fieldKey);
+            if (!state) return;
+            state.required = false;
+            state.valid = true;
+            state.value = "";
+            this.fieldState.set(fieldKey, state);
+          });
+          const wrapperKey = block.dataset.fieldKey;
+          if (wrapperKey) {
+            const state = this.fieldState.get(wrapperKey);
+            if (state) {
+              state.required = false;
+              state.valid = true;
+              state.value = "";
+              this.fieldState.set(wrapperKey, state);
+            }
+          }
+          this.clearErrorsInBlock(block);
+        }
+      });
+      this.updateValidityForStep(this.currentStepIndex + 1);
+    }
+    cacheOriginalRequiredState() {
+      const inputs = this.form.querySelectorAll("input, select, textarea");
+      inputs.forEach((input) => {
+        const isReq = input.hasAttribute("required");
+        this.originalRequired.set(input, isReq);
+      });
+    }
+    clearErrorsInBlock(block) {
+      block.querySelectorAll(".field-error").forEach((el) => el.remove());
+      block.querySelectorAll(".has-error").forEach(
+        (el) => el.classList.remove("has-error")
+      );
+    }
+    initializeFieldState() {
+      const trackables = this.form.querySelectorAll(
+        "[data-field-key]"
+      );
+      trackables.forEach((el) => {
+        const key = el.dataset.fieldKey;
+        if (!key) return;
+        const stepWrapper = el.closest("[data-msf='step']");
+        const stepNumber = stepWrapper ? Number(stepWrapper.dataset.step) : this.currentStepIndex + 1;
+        if (!stepWrapper) {
+          dbgWarn("initFieldState", `Field "${key}" is not inside a [data-msf="step"] element \u2014 defaulting to step ${stepNumber}`);
+        }
+        this.fieldState.set(key, {
+          "field-name": key,
+          value: "",
+          required: false,
+          valid: true,
+          "step-number": stepNumber
+        });
+      });
+    }
+    updateFieldState(key) {
+      const element = this.form.querySelector(
+        `[data-field-key="${key}"]`
+      );
+      if (!element) {
+        dbgWarn("updateFieldState", `No element found for field key: "${key}"`);
+        return;
+      }
+      let value = "";
+      let required = false;
+      if (element.hasAttribute("data-group")) {
+        const inputs = Array.from(
+          element.querySelectorAll(
+            "input[type='radio'], input[type='checkbox']"
+          )
+        ).filter((i) => !i.disabled);
+        required = element.hasAttribute("data-required-group");
+        if (inputs.some((i) => i.type === "radio")) {
+          const checked = inputs.find((i) => i.checked);
+          if (checked) {
+            const span = checked.closest("label")?.querySelector("span");
+            value = span?.textContent?.trim() ?? checked.value ?? "";
+          } else {
+            value = "";
+          }
+        } else {
+          const checkedValues = inputs.filter((i) => i.checked).map((i) => {
+            const span = i.closest("label")?.querySelector("span");
+            return span?.textContent?.trim() ?? i.value ?? "";
+          });
+          value = checkedValues.join(",");
+        }
+      } else if (element.hasAttribute("data-required-legal")) {
+        const checkbox = element.querySelector(
+          "input[type='checkbox']"
+        );
+        if (checkbox && !checkbox.disabled) {
+          required = true;
+          value = checkbox.checked ? "true" : "false";
+        }
+      } else if (element instanceof HTMLInputElement || element instanceof HTMLSelectElement || element instanceof HTMLTextAreaElement) {
+        required = element.hasAttribute("required") && !element.disabled;
+        if (element instanceof HTMLInputElement && element.type === "checkbox") {
+          value = element.checked ? "true" : "false";
+        } else {
+          value = element.value.trim();
+        }
+      }
+      const stepWrapper = element.closest("[data-msf='step']");
+      const stepNumber = stepWrapper ? Number(stepWrapper.dataset.step) : this.currentStepIndex + 1;
+      const state = this.fieldState.get(key);
+      if (!state) {
+        dbgWarn("updateFieldState", `No state entry for key "${key}" \u2014 was it initialized?`);
+        return;
+      }
+      state.value = value;
+      state.required = required;
+      state["step-number"] = stepNumber;
+      this.fieldState.set(key, state);
+      this.updateValidityForStep(stepNumber);
+    }
+    updateValidityForStep(stepNumber) {
+      const stepIndex = this.steps.findIndex(
+        (step) => Number(step.dataset.step) === stepNumber
+      );
+      if (stepIndex === -1) {
+        dbgWarn("updateValidity", `No step element found with data-step="${stepNumber}"`);
+        return;
+      }
+      const errors = this.validateStep(stepIndex);
+      const keysInStep = Array.from(this.fieldState.values()).filter(
+        (f) => f["step-number"] === stepNumber
+      );
+      keysInStep.forEach((field) => {
+        field.valid = !errors[field["field-name"]];
+      });
+    }
+    getFormStateJSON() {
+      return Array.from(this.fieldState.values());
+    }
+    updateStepText(stepNumber) {
+      const config = STEP_TEXT[stepNumber];
+      if (!config) {
+        dbgWarn("updateStepText", `No STEP_TEXT config for step ${stepNumber}`);
+        return;
+      }
+      if (config.heading) {
+        const headingEl = this.form.querySelector(
+          '[data-dynamic-text="heading"]'
+        );
+        if (headingEl) {
+          headingEl.textContent = config.heading;
+        } else {
+          dbgWarn("updateStepText", 'Missing [data-dynamic-text="heading"] element');
+        }
+      }
+      if (config.subheading) {
+        const subheadingEl = this.form.querySelector(
+          '[data-dynamic-text="subheading"]'
+        );
+        if (subheadingEl) {
+          subheadingEl.textContent = config.subheading;
+        } else {
+          dbgWarn("updateStepText", 'Missing [data-dynamic-text="subheading"] element');
+        }
+      }
+      if (config.counter) {
+        const counterEl = this.form.querySelector(
+          '[data-dynamic-text="counter"]'
+        );
+        if (counterEl) {
+          counterEl.textContent = config.counter;
+        } else {
+          dbgWarn("updateStepText", 'Missing [data-dynamic-text="counter"] element');
+        }
+      }
+    }
+    syncAllFieldState() {
+      this.fieldState.forEach((_state, key) => {
+        this.updateFieldState(key);
+      });
+    }
+    mirrorFieldStateToDOM() {
+      const allFields = this.getFormStateJSON();
+      const hubspotForm = document.getElementById("form-hubspot-book-a-demo");
+      if (!hubspotForm) {
+        dbgError("mirror", "HubSpot form #form-hubspot-book-a-demo NOT FOUND in DOM!");
+        return;
+      }
+      allFields.forEach((field) => {
+        const mirrorEl = hubspotForm?.querySelector(`[data-mirror="${field["field-name"]}"]`);
+        if (!mirrorEl) {
+          dbgWarn("mirror", `No mirror element for data-mirror="${field["field-name"]}"`);
+          return;
+        }
+        if (mirrorEl instanceof HTMLInputElement && mirrorEl.disabled) {
+          return;
+        }
+        if (mirrorEl instanceof HTMLInputElement) {
+          if (mirrorEl.type === "checkbox") {
+            mirrorEl.checked = field.value === "true";
+          } else if (mirrorEl.type === "radio") {
+            mirrorEl.checked = mirrorEl.value === field.value;
+          } else {
+            mirrorEl.value = field.value;
+          }
+        } else {
+          mirrorEl.value = field.value;
+        }
+      });
+    }
+    resolveCalendarEntry() {
+      const companyType = this.fieldState.get("company_type")?.value ?? "";
+      const industry = this.fieldState.get("industry")?.value ?? "";
+      return CALENDAR_ENTRIES.find(
+        (entry) => entry.type === "company_type" && entry.name === companyType
+      ) ?? CALENDAR_ENTRIES.find(
+        (entry) => entry.type === "industry" && entry.name === industry
+      ) ?? null;
+    }
+    loadCalendarEmbed() {
+      const container = document.querySelector("[hs-calender-block]");
+      if (!container) {
+        dbgError("calendar", "No [hs-calender-block] element found in DOM!");
+        return;
+      }
+      const entry = this.resolveCalendarEntry();
+      if (!entry) {
+        container.setAttribute("hs-calender-block-active", "false");
+        container.innerHTML = "";
+        const tyEls2 = document.querySelectorAll("[hs-thankyou-block-active]");
+        tyEls2.forEach((el) => el.setAttribute("hs-thankyou-block-active", "true"));
+        return;
+      }
+      container.setAttribute("hs-calender-block-active", "true");
+      container.innerHTML = "";
+      const tyEls = document.querySelectorAll("[hs-thankyou-block-active]");
+      tyEls.forEach((el) => el.setAttribute("hs-thankyou-block-active", "false"));
+      const firstName = this.fieldState.get("first_name")?.value ?? "";
+      const lastName = this.fieldState.get("last_name")?.value ?? "";
+      const email = this.fieldState.get("email")?.value ?? "";
+      const prefillParams = new URLSearchParams();
+      if (firstName) prefillParams.set("firstName", firstName);
+      if (lastName) prefillParams.set("lastName", lastName);
+      if (email) prefillParams.set("email", email);
+      const separator = entry["embed-url"].includes("?") ? "&" : "?";
+      const embedUrl = prefillParams.toString() ? `${entry["embed-url"]}${separator}${prefillParams.toString()}` : entry["embed-url"];
+      const meetingsDiv = document.createElement("div");
+      meetingsDiv.className = "meetings-iframe-container";
+      meetingsDiv.setAttribute("data-src", embedUrl);
+      container.appendChild(meetingsDiv);
+      const scriptSrc = "https://static.hsappstatic.net/MeetingsEmbed/ex/MeetingsEmbedCode.js";
+      const existingScript = document.querySelector(
+        `script[src="${scriptSrc}"]`
+      );
+      if (existingScript) {
+        existingScript.remove();
+      }
+      const script = document.createElement("script");
+      script.type = "text/javascript";
+      script.src = scriptSrc;
+      script.addEventListener("error", (err) => {
+        dbgError("calendar", "HubSpot meetings script FAILED to load:", err);
+      });
+      container.appendChild(script);
+    }
+    applyStepStyles(stepNumber) {
+      const styles = STEP_STYLES[stepNumber];
+      if (!styles) {
+        dbgWarn("applyStepStyles", `No STEP_STYLES config for step ${stepNumber}`);
+        return;
+      }
+      styles.forEach(({ selector, property, value }) => {
+        const els = document.querySelectorAll(selector);
+        if (els.length === 0) {
+          dbgWarn("applyStepStyles", `Selector "${selector}" matched 0 elements`);
+        }
+        els.forEach((el) => {
+          el.style.setProperty(property, value);
+        });
+      });
+    }
+    setQualificationStatus() {
+      const companyType = this.fieldState.get("company_type")?.value ?? "";
+      const el = document.getElementById("qualified_unqualified");
+      if (!el) {
+        dbgWarn("qualification", "No element found with id 'qualified_unqualified'");
+        return;
+      }
+      el.value = companyType === "Record Label / Music Distributor" ? "qualified" : "unqualified";
+    }
+  };
+  document.addEventListener("DOMContentLoaded", () => {
+    const form = document.querySelector('[data-msf="form"]');
+    if (!form) {
+      dbgError("boot", 'No form element found with [data-msf="form"] \u2014 MultiStepForm NOT initialized');
+      return;
+    }
+    let itiInstances;
+    try {
+      itiInstances = initIntlTelInput({ root: form });
+    } catch (err) {
+      dbgError("boot", "intl-tel-input initialization FAILED:", err);
+      itiInstances = /* @__PURE__ */ new Map();
+    }
+    try {
+      const msf = new MultiStepForm(form, itiInstances);
+      window.msf = msf;
+    } catch (err) {
+      dbgError("boot", "MultiStepForm constructor THREW:", err);
+    }
+  });
+})();
+//# sourceMappingURL=index.js.map