(function(c,m){typeof exports=="object"&&typeof module<"u"?m(exports):typeof define=="function"&&define.amd?define(["exports"],m):(c=typeof globalThis<"u"?globalThis:c||self,m(c.FormBuilderWidget={}))})(this,(function(c){"use strict";var m=document.createElement("style");m.textContent=`.form-builder-widget{display:block;width:100%}.form-builder-widget-grid-wrapper{display:grid}.form-builder-widget-grid-wrapper>*{grid-area:1 / 1}.form-builder-widget-form{display:block;width:100%}.form-builder-widget-field{margin-bottom:1rem}.form-builder-widget-field label{display:block;margin-bottom:.25rem}.form-builder-widget-field input:not([type=checkbox]):not([type=radio]),.form-builder-widget-field textarea,.form-builder-widget-field select{display:block;width:100%;box-sizing:border-box}.form-builder-widget-field.checkbox-field label,.form-builder-widget-field.radio-field label{display:inline-block;margin-bottom:0}.form-builder-widget-field .checkbox-item,.form-builder-widget-field .radio-item{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.form-builder-widget-field .checkbox-item input,.form-builder-widget-field .radio-item input{width:auto;margin:0}.form-builder-widget-field fieldset{border:none;padding:0;margin:0}.form-builder-widget-field legend{display:block;margin-bottom:.5rem;padding:0}.required-indicator{color:#e53e3e;margin-left:.25rem}.help-text{font-size:.875em;opacity:.8;margin-top:.25rem}.form-builder-widget-submit{margin-top:1rem;cursor:pointer}.form-builder-widget-submit:disabled{cursor:not-allowed;opacity:.6}.form-builder-widget-message{padding:.75rem 1rem;margin-bottom:1rem;border-radius:.25rem}.form-builder-widget-message.success{background-color:#c6f6d5;color:#22543d;border:1px solid #9ae6b4}.form-builder-widget-message.error{background-color:#fed7d7;color:#742a2a;border:1px solid #fc8181}.form-builder-widget-message.warning{background-color:#feebc8;color:#744210;border:1px solid #f6ad55}.form-builder-widget-form.was-validated input:invalid,.form-builder-widget-form.was-validated textarea:invalid,.form-builder-widget-form.was-validated select:invalid{border-color:#e53e3e}.form-builder-widget-form.was-validated input:valid,.form-builder-widget-form.was-validated textarea:valid,.form-builder-widget-form.was-validated select:valid{border-color:#38a169}.form-builder-widget-field.display-field{margin-bottom:1rem}.form-builder-widget-field.headline-field .headline-text{margin:0 0 1rem}.form-builder-widget-field.subhead-field .subhead-text,.form-builder-widget-field.copy-field .copy-text{margin:0 0 .75rem}.confirmation-content{transition:opacity .5s ease-in}
/*$vite$:1*/`,document.head.appendChild(m);function x(u){let e=0;for(let i=0;i<u.length;i++){const t=u.charCodeAt(i);e=(e<<5)-e+t,e=e&e}return Math.abs(e).toString(36).substring(0,8).padStart(8,"0")}function p(u,e){const i=u.toLowerCase().replace(/[^a-z0-9]+/g,"-").replace(/^-+|-+$/g,"");return`f-${e}-${i}`}function k(u){try{const e=atob(u);let i;try{const r=new Uint8Array(e.length);for(let s=0;s<e.length;s++)r[s]=e.charCodeAt(s);i=new TextDecoder("utf-8",{fatal:!0}).decode(r)}catch{i=e}const t=JSON.parse(i);if(!t||typeof t!="object")throw new Error("Invalid configuration format");if(!t.fields||!Array.isArray(t.fields))throw new Error("Configuration must have a fields array");return t}catch(e){throw console.error("Error decoding form config:",e),new Error("Failed to decode form configuration")}}class l{config;container;formElement=null;formData={};configHash="";constructor(e,i){if(typeof e=="string"){const t=document.getElementById(e);if(!t)throw new Error(`Container element with id "${e}" not found`);this.container=t}else this.container=e;if(typeof i=="string")try{this.config=k(i),this.configHash=x(i)}catch(t){throw new Error(`Invalid form configuration: ${t instanceof Error?t.message:"Unknown error"}`)}else this.config=i,this.configHash=x(JSON.stringify(i));this.render()}render(){this.container.innerHTML="",this.container.classList.add("form-builder-widget"),this.config.settings.cssClass&&this.container.classList.add(this.config.settings.cssClass);const e=document.createElement("div");e.className="form-builder-widget-grid-wrapper";const i=document.createElement("div");i.className="form-builder-widget-form-container",this.formElement=document.createElement("form"),this.formElement.className="form-builder-widget-form",this.formElement.setAttribute("novalidate","true"),this.config.fields.forEach((s,o)=>{const n=this.renderFormField(s,o);this.formElement.appendChild(n)});const t=document.createElement("button");t.type="submit",t.className="form-builder-widget-submit",t.textContent=this.config.settings.submitButtonText,i.appendChild(this.formElement),i.appendChild(t),e.appendChild(i);const r=document.createElement("div");r.className="form-builder-widget-message",r.style.display="none",this.container.appendChild(r),this.container.appendChild(e),this.setupEventListeners()}renderFormField(e,i){const t=document.createElement("div");t.className="form-builder-widget-field";const r=e.name?p(e.name,this.configHash):p(e.label,this.configHash);t.setAttribute("data-field-index",i.toString()),t.setAttribute("data-field-type",e.type);const s=e.required?'<span class="required-indicator">*</span>':"",o=e.helpText?`<div class="help-text">${this.escapeHtml(e.helpText)}</div>`:"",n=e.name||e.label;switch(e.type){case"text":case"email":case"name":case"phone":const a=e,H=e.type==="name"?"text":e.type;t.innerHTML=`
                    <label for="${r}">${this.escapeHtml(e.label)}${s}</label>
                    <input 
                        type="${H}" 
                        id="${r}" 
                        name="${n}"
                        placeholder="${this.escapeHtml(e.placeholder||"")}"
                        ${e.required?"required":""}
                        ${a.pattern?`pattern="${a.pattern}"`:""}
                        ${a.minLength?`minlength="${a.minLength}"`:""}
                        ${a.maxLength?`maxlength="${a.maxLength}"`:""}
                    >
                    ${o}
                `;break;case"number":const f=e;t.innerHTML=`
                    <label for="${r}">${this.escapeHtml(e.label)}${s}</label>
                    <input 
                        type="number" 
                        id="${r}" 
                        name="${n}"
                        placeholder="${this.escapeHtml(e.placeholder||"")}"
                        ${e.required?"required":""}
                        ${f.min!==void 0?`min="${f.min}"`:""}
                        ${f.max!==void 0?`max="${f.max}"`:""}
                        ${f.step!==void 0?`step="${f.step}"`:""}
                    >
                    ${o}
                `;break;case"date":const E=e,T=E.min||"1925-01-01",L=E.max||new Date().toISOString().split("T")[0];t.innerHTML=`
                    <label for="${r}">${this.escapeHtml(e.label)}${s}</label>
                    <input 
                        type="date" 
                        id="${r}" 
                        name="${n}"
                        ${e.required?"required":""}
                        min="${T}"
                        max="${L}"
                    >
                    ${o}
                `;break;case"hidden":const S=e;t.innerHTML=`
                    <input 
                        type="hidden" 
                        id="${r}" 
                        name="${n}"
                        value="${S.value||""}"
                    >
                `;break;case"textarea":const g=e,F=g.rows||4;t.innerHTML=`
                    <label for="${r}">${this.escapeHtml(e.label)}${s}</label>
                    <textarea 
                        id="${r}" 
                        name="${n}"
                        rows="${F}"
                        placeholder="${this.escapeHtml(e.placeholder||"")}"
                        ${e.required?"required":""}
                        ${g.maxLength?`maxlength="${g.maxLength}"`:""}`;break;case"select":const C=e,A=C.multiple?"multiple":"",N=e.placeholder||"Choose an option...",D=C.options.map(d=>`<option value="${this.escapeHtml(d.value)}">${this.escapeHtml(d.label)}</option>`).join("");t.innerHTML=`
                    <label for="${r}">${this.escapeHtml(e.label)}${s}</label>
                    <select 
                        id="${r}" 
                        name="${n}"
                        ${e.required?"required":""}
                        ${A}
                    >
                        <option value="">${this.escapeHtml(N)}</option>
                        ${D}
                    </select>
                    ${o}
                `;break;case"checkbox":const q=e;t.className="form-builder-widget-field checkbox-field",t.innerHTML=`
                    <div class="checkbox-item">
                        <input 
                            type="checkbox" 
                            id="${r}" 
                            name="${n}"
                            value="true"
                            ${e.required?"required":""}
                            ${q.checked?"checked":""}
                        >
                        <label for="${r}">${this.escapeHtml(e.label)}${s}</label>
                    </div>
                    ${o}
                `;break;case"radio":const I=e.options.map(d=>`
                    <div class="radio-item">
                        <input 
                            type="radio" 
                            id="${r}_${d.value}" 
                            name="${n}"
                            value="${this.escapeHtml(d.value)}"
                            ${e.required?"required":""}
                        >
                        <label for="${r}_${d.value}">${this.escapeHtml(d.label)}</label>
                    </div>
                `).join("");t.className="form-builder-widget-field radio-field",t.innerHTML=`
                    <fieldset>
                        <legend>${this.escapeHtml(e.label)}${s}</legend>
                        ${I}
                    </fieldset>
                    ${o}
                `;break;case"headline":const b=e,M=b.cssClass?` ${b.cssClass}`:"";t.className="form-builder-widget-field display-field headline-field",t.innerHTML=`
                    <h1 class="headline-text${M}">${this.escapeHtml(b.text||"Headline")}</h1>
                `;break;case"subhead":const w=e,P=w.cssClass?` ${w.cssClass}`:"";t.className="form-builder-widget-field display-field subhead-field",t.innerHTML=`
                    <h2 class="subhead-text${P}">${this.escapeHtml(w.text||"Subhead")}</h2>
                `;break;case"copy":const y=e,v=y.cssClass?` ${y.cssClass}`:"",$=y.text||"Copy text";t.className="form-builder-widget-field display-field copy-field";const U=$.includes("<")?`<div class="copy-text${v}">${$}</div>`:`<p class="copy-text${v}">${this.escapeHtml($)}</p>`;t.innerHTML=U;break;case"image":const h=e,j=h.cssClass?` ${h.cssClass}`:"";t.className="form-builder-widget-field display-field image-field",t.innerHTML=h.url?`<img src="${this.escapeHtml(h.url)}" alt="${this.escapeHtml(h.alt||"")}" class="form-image${j}" style="max-width: 100%; height: auto; display: block;">`:'<div class="image-placeholder">🖼️ No image</div>';break;default:t.innerHTML=`<p>Unsupported field type: ${e.type}</p>`}return t}setupEventListeners(){if(!this.formElement)return;this.container.querySelector(".form-builder-widget-submit")?.addEventListener("click",i=>{i.preventDefault(),this.handleFormSubmit()}),this.formElement.addEventListener("input",i=>{const t=i.target;if(t.tagName==="INPUT"&&t.type==="email"){const r=t,s=this.getFieldIndexFromElement(t);if(s!==null){const o=this.config.fields[s];o&&o.checkSubscription&&r.setCustomValidity("")}}},!0),this.formElement.addEventListener("blur",i=>{const t=i.target;if((t.tagName==="INPUT"||t.tagName==="TEXTAREA"||t.tagName==="SELECT")&&(t.classList.add("touched"),t.tagName==="INPUT"&&t.type==="email")){const r=this.getFieldIndexFromElement(t);r!==null&&this.checkEmailSubscription(r,t)}},!0),this.formElement.addEventListener("change",i=>{const t=i.target;t.tagName==="SELECT"&&t.classList.add("touched")})}getFieldIndexFromElement(e){const i=e.closest(".form-builder-widget-field");if(!i)return null;const t=i.getAttribute("data-field-index");if(!t)return null;const r=parseInt(t,10);return isNaN(r)||r<0||r>=this.config.fields.length?null:r}async checkEmailSubscription(e,i){const t=this.config.fields[e];if(!t||t.type!=="email"||!t.checkSubscription)return;const r=i.value.trim();if(r&&i.checkValidity()){if(!t.subscriptionApiUrl||!t.subscriptionDataExtension){console.warn("Email subscription check enabled but API URL or Data Extension not configured");return}try{const s=new URL(t.subscriptionApiUrl);s.searchParams.set("email",r),s.searchParams.set("extension",t.subscriptionDataExtension);const o=await fetch(s.toString());if(!o.ok){console.error("Email subscription check API error:",o.statusText);return}const n=await o.json();if(n.count&&n.count>0){const a=t.subscriptionErrorMessage||"This email is already subscribed to our list.";i.setCustomValidity(a),i.reportValidity()}else i.setCustomValidity("")}catch(s){console.error("Error checking email subscription:",s),i.setCustomValidity("")}}}async handleFormSubmit(){if(this.formElement){this.formElement.classList.add("was-validated");for(let e=0;e<this.config.fields.length;e++){const i=this.config.fields[e];if(i.type==="email"&&i.checkSubscription){const t=i.name?p(i.name,this.configHash):p(i.label,this.configHash),r=this.formElement.querySelector(`#${t}`);r&&await this.checkEmailSubscription(e,r)}}if(this.formElement.checkValidity()){this.collectFormData();const e=new CustomEvent("formBuilderSubmit",{detail:{formData:this.formData,config:this.config},bubbles:!0});this.container.dispatchEvent(e),console.log("Form submitted with data:",this.formData),this.config.settings.apiEndpointUrl?await this.submitToApi():(console.warn("No API endpoint configured. Form data logged to console only."),this.disableForm(),this.showConfirmation())}else this.formElement.reportValidity()}}async submitToApi(){if(this.config.settings.apiEndpointUrl)try{const e=new URLSearchParams;for(const[r,s]of Object.entries(this.formData))Array.isArray(s)?s.forEach(o=>e.append(r,String(o))):e.append(r,String(s));const i=await fetch(this.config.settings.apiEndpointUrl,{method:"POST",headers:{"Content-Type":"application/x-www-form-urlencoded"},body:e.toString()});if(!i.ok)throw new Error(`HTTP error! status: ${i.status}`);const t=await i.json();if(t.success)this.disableForm(),this.showConfirmation();else{const r=t.message||"Form submission failed. Please try again.";alert(r)}}catch(e){console.error("Error submitting form to API:",e),alert("An error occurred while submitting the form. Please try again later.")}}showConfirmation(){this.config.confirmationContent&&this.config.confirmationContent.length>0?this.showConfirmationContent():this.showMessage("Thank you for your submission!","success")}collectFormData(){if(!this.formElement)return;this.formData={};const e=new FormData(this.formElement);for(const[t,r]of e.entries())this.formData[t]?Array.isArray(this.formData[t])?this.formData[t].push(r):this.formData[t]=[this.formData[t],r]:this.formData[t]=r;this.formElement.querySelectorAll('input[type="checkbox"]').forEach(t=>{const r=t;!r.checked&&!this.formData.hasOwnProperty(r.name)&&(this.formData[r.name]=!1)})}disableForm(){if(!this.formElement)return;this.formElement.querySelectorAll("input, textarea, select").forEach(t=>{t.disabled=!0});const i=this.container.querySelector(".form-builder-widget-submit");i&&(i.textContent="Submitted ✓",i.disabled=!0)}showConfirmationContent(){if(!this.config.confirmationContent)return;const e=this.container.querySelector(".form-builder-widget-grid-wrapper");if(!e)return;const i=document.createElement("div");i.className="confirmation-content",i.style.opacity="0",i.innerHTML=this.config.confirmationContent.map(r=>this.renderConfirmationContent(r)).join(""),e.appendChild(i);const t=e.querySelector(".form-builder-widget-form-container");setTimeout(()=>{t&&(t.style.transition="opacity 0.5s ease-out",t.style.opacity="0"),i.style.transition="opacity 0.5s ease-in",i.style.opacity="1"},100)}renderConfirmationContent(e){const i=e.cssClass?` class="${e.cssClass}"`:"";switch(e.type){case"image":const t=e;return t.url?`<img src="${t.url}" alt="${t.alt||""}"${i}>`:"";case"headline":return`<h1${i}>
                    ${e.text||"Thank You!"}
                </h1>`;case"subhead":return`<h2${i}>
                    ${e.text||"Your submission was successful"}
                </h2>`;case"copy":return`<div${i}>
                    ${e.text||""}
                </div>`;default:return""}}showMessage(e,i){const t=this.container.querySelector(".form-builder-widget-message");t&&(t.textContent=e,t.className=`form-builder-widget-message ${i}`,t.style.display="block",i==="success"&&setTimeout(()=>{t.style.display="none"},5e3),t.scrollIntoView({behavior:"smooth",block:"nearest"}))}escapeHtml(e){const i=document.createElement("div");return i.textContent=e,i.innerHTML}static render(e,i){return new l(e,i)}static initAll(){const e=[];return document.querySelectorAll("[data-form-config]").forEach(t=>{const r=t.getAttribute("data-form-config");if(r)try{const s=new l(t,r);e.push(s)}catch(s){console.error("Error initializing form widget:",s)}}),e}}typeof window<"u"&&(document.readyState==="loading"?document.addEventListener("DOMContentLoaded",()=>{l.initAll()}):l.initAll()),typeof window<"u"&&(window.FormBuilderWidget=l),c.FormBuilderWidget=l,Object.defineProperty(c,Symbol.toStringTag,{value:"Module"})}));