@forms.expert/sdk 0.4.7 → 0.4.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (23) hide show
  1. package/dist/core/index.cjs.map +1 -1
  2. package/dist/core/index.d.cts +2 -2
  3. package/dist/core/index.d.ts +2 -2
  4. package/dist/core/index.js.map +1 -1
  5. package/dist/react/index.cjs +128 -123
  6. package/dist/react/index.cjs.map +1 -1
  7. package/dist/react/index.d.cts +2 -2
  8. package/dist/react/index.d.ts +2 -2
  9. package/dist/react/index.js +128 -123
  10. package/dist/react/index.js.map +1 -1
  11. package/dist/vanilla/index.cjs +47 -47
  12. package/dist/vanilla/index.cjs.map +1 -1
  13. package/dist/vanilla/index.d.cts +2 -2
  14. package/dist/vanilla/index.d.ts +2 -2
  15. package/dist/vanilla/index.global.js +47 -47
  16. package/dist/vanilla/index.global.js.map +1 -1
  17. package/dist/vanilla/index.js +37 -37
  18. package/dist/vanilla/index.js.map +1 -1
  19. package/dist/vue/index.cjs.map +1 -1
  20. package/dist/vue/index.d.cts +2 -2
  21. package/dist/vue/index.d.ts +2 -2
  22. package/dist/vue/index.js.map +1 -1
  23. package/package.json +1 -1
package/dist/vanilla/index.js CHANGED
@@ -1,4 +1,4 @@
1
- var L={theme:"light",primaryColor:"#3b82f6",backgroundColor:"#ffffff",textColor:"#1f2937",borderRadius:"md",fontSize:"md",buttonStyle:"filled",labelPosition:"top"};function U(t){switch(t){case"none":return"0";case"sm":return"0.125rem";case"md":return"0.375rem";case"lg":return"0.5rem";default:return"0.375rem"}}function O(t){switch(t){case"none":return"0";case"small":return"0.25rem";case"medium":return"0.375rem";case"large":return"0.75rem";case"full":return"9999px";default:return"0.375rem"}}function H(t){switch(t){case"none":return"0";case"small":return"4px";case"medium":return"8px";case"large":return"12px";case"full":return"9999px";default:return"8px"}}function V(t){switch(t){case"sm":case"small":return"0.875rem";case"md":case"medium":return"1rem";case"lg":case"large":return"1.125rem";default:return"1rem"}}function q(t){switch(t){case"small":return"0.75rem";case"large":return"1rem";default:return"0.875rem"}}function W(t){switch(t){case"compact":return"0.5rem";case"relaxed":return"1.5rem";case"spacious":return"2rem";default:return"1rem"}}function D(t){switch(t){case"none":return"0";case"compact":return"1rem";case"relaxed":return"2.5rem";case"spacious":return"3.5rem";default:return"1.5rem"}}function j(t){switch(t){case"compact":return"0.125rem";case"relaxed":return"0.75rem";default:return"0.25rem"}}function K(t){switch(t){case"narrow":return"28rem";case"wide":return"48rem";case"full":return"100%";default:return"36rem"}}function _(t){switch(t){case"left":return"flex-start";case"right":return"flex-end";default:return"center"}}function z(t=L){let e={...L,...t},a=U(e.borderRadius),s=O(e.fieldBorderRadius),l=H(e.buttonRadius),c=V(e.fontSize),d=q(e.placeholderFontSize),n=W(e.fieldSpacing),m=D(e.formPadding),p=j(e.labelSpacing),i=K(e.formWidth),r=e.primaryColor,u=e.buttonColor,o=e.fieldBorderColor||(e.theme==="dark"?"#4b5563":"#d1d5db"),g=e.separatorColor||(e.theme==="dark"?"#4b5563":"#d1d5db"),f=e.fontFamily?e.fontFamily.includes(",")?e.fontFamily:`${e.fontFamily}, sans-serif`:"inherit",h=_(e.buttonAlign),y={small:{px:"0.75rem",py:"0.375rem",fs:"0.875rem"},medium:{px:"1.25rem",py:"0.625rem",fs:"1rem"},large:{px:"1.75rem",py:"0.875rem",fs:"1.125rem"}}[e.buttonSize||"medium"],S=e.buttonPaddingX!=null?`${e.buttonPaddingX}px`:y.px,$=e.buttonPaddingY!=null?`${e.buttonPaddingY}px`:y.py,R=e.buttonFontSize!=null?`${e.buttonFontSize}px`:y.fs,A=e.buttonGradient||(e.buttonStyle==="filled"?r:"transparent");return`
1
+ var z={theme:"light",primaryColor:"#3b82f6",backgroundColor:"#ffffff",textColor:"#1f2937",borderRadius:"md",fontSize:"md",buttonStyle:"filled",labelPosition:"top"};function U(t){switch(t){case"none":return"0";case"sm":return"0.125rem";case"md":return"0.375rem";case"lg":return"0.5rem";default:return"0.375rem"}}function O(t){switch(t){case"none":return"0";case"small":return"0.25rem";case"medium":return"0.375rem";case"large":return"0.75rem";case"full":return"9999px";default:return"0.375rem"}}function H(t){switch(t){case"none":return"0";case"small":return"4px";case"medium":return"8px";case"large":return"12px";case"full":return"9999px";default:return"8px"}}function V(t){switch(t){case"sm":case"small":return"0.875rem";case"md":case"medium":return"1rem";case"lg":case"large":return"1.125rem";default:return"1rem"}}function W(t){switch(t){case"small":return"0.75rem";case"large":return"1rem";default:return"0.875rem"}}function q(t){switch(t){case"none":return"0";case"compact":return"0.5rem";case"relaxed":return"1.5rem";case"spacious":return"2rem";default:return"1rem"}}function D(t){switch(t){case"none":return"0";case"compact":return"1rem";case"relaxed":return"2.5rem";case"spacious":return"3.5rem";default:return"1.5rem"}}function j(t){switch(t){case"compact":return"0.125rem";case"relaxed":return"0.75rem";default:return"0.25rem"}}function K(t){switch(t){case"narrow":return"28rem";case"wide":return"48rem";case"full":return"100%";default:return"36rem"}}function _(t){switch(t){case"left":return"flex-start";case"right":return"flex-end";default:return"center"}}function P(t=z){let e={...z,...t},a=U(e.borderRadius),o=O(e.fieldBorderRadius),l=H(e.buttonRadius),d=V(e.fontSize),m=W(e.placeholderFontSize),n=q(e.fieldSpacing),c=D(e.formPadding),p=j(e.labelSpacing),s=K(e.formWidth),r=e.primaryColor,u=e.buttonColor,g=e.fieldBorderColor||(e.theme==="dark"?"#4b5563":"#d1d5db"),h=e.separatorColor||(e.theme==="dark"?"#4b5563":"#d1d5db"),i=e.fontFamily?e.fontFamily.includes(",")?e.fontFamily:`${e.fontFamily}, sans-serif`:"inherit",f=_(e.buttonAlign),x={small:{px:"0.75rem",py:"0.375rem",fs:"0.875rem"},medium:{px:"1.25rem",py:"0.625rem",fs:"1rem"},large:{px:"1.75rem",py:"0.875rem",fs:"1.125rem"}}[e.buttonSize||"medium"],C=e.buttonPaddingX!=null?`${e.buttonPaddingX}px`:x.px,w=e.buttonPaddingY!=null?`${e.buttonPaddingY}px`:x.py,E=e.buttonFontSize!=null?`${e.buttonFontSize}px`:x.fs,N=e.buttonGradient||(e.buttonStyle==="filled"?r:"transparent");return`
2
2
  .forms-expert-wrapper {
3
3
  ${e.backgroundImageUrl?`background-image: url(${e.backgroundImageUrl}); background-size: cover; background-position: center;`:""}
4
4
  ${e.backgroundImageUrl?"":`background-color: ${e.backgroundColor};`}
@@ -13,14 +13,14 @@ var L={theme:"light",primaryColor:"#3b82f6",backgroundColor:"#ffffff",textColor:
13
13
  }
14
14
 
15
15
  .forms-expert {
16
- font-family: ${f};
17
- font-size: ${c};
16
+ font-family: ${i};
17
+ font-size: ${d};
18
18
  color: ${e.textColor};
19
19
  background-color: ${e.transparentBackground?"transparent":e.backgroundColor};
20
- padding: ${m};
20
+ padding: ${c};
21
21
  border-radius: ${a};
22
22
  box-sizing: border-box;
23
- max-width: ${i};
23
+ max-width: ${s};
24
24
  width: 100%;
25
25
  margin: 0 auto;
26
26
  position: relative;
@@ -74,10 +74,10 @@ var L={theme:"light",primaryColor:"#3b82f6",backgroundColor:"#ffffff",textColor:
74
74
  .forms-expert-select {
75
75
  width: 100%;
76
76
  padding: ${e.fieldPaddingX!=null||e.fieldPaddingY!=null?`${e.fieldPaddingY??8}px ${e.fieldPaddingX??12}px`:"0.5rem 0.75rem"};
77
- border: ${e.fieldBorderStyle==="bottom"?"none":`1px solid ${o}`};
78
- ${e.fieldBorderStyle==="bottom"?`border-bottom: 1px solid ${o};`:""}
79
- border-radius: ${e.fieldBorderStyle==="bottom"?"0":s};
80
- font-size: ${c};
77
+ border: ${e.fieldBorderStyle==="bottom"?"none":`1px solid ${g}`};
78
+ ${e.fieldBorderStyle==="bottom"?`border-bottom: 1px solid ${g};`:""}
79
+ border-radius: ${e.fieldBorderStyle==="bottom"?"0":o};
80
+ font-size: ${d};
81
81
  font-family: inherit;
82
82
  background-color: ${e.inputBackgroundColor||(e.theme==="dark"?"#374151":"#ffffff")};
83
83
  color: ${e.textColor};
@@ -86,7 +86,7 @@ var L={theme:"light",primaryColor:"#3b82f6",backgroundColor:"#ffffff",textColor:
86
86
 
87
87
  .forms-expert-input::placeholder,
88
88
  .forms-expert-textarea::placeholder {
89
- font-size: ${d};${e.placeholderColor?`
89
+ font-size: ${m};${e.placeholderColor?`
90
90
  color: ${e.placeholderColor};`:""}
91
91
  }
92
92
 
@@ -113,8 +113,8 @@ var L={theme:"light",primaryColor:"#3b82f6",backgroundColor:"#ffffff",textColor:
113
113
  z-index: 50;
114
114
  margin-top: 4px;
115
115
  background-color: ${e.inputBackgroundColor||(e.theme==="dark"?"#374151":"#ffffff")};
116
- border: 1px solid ${o};
117
- border-radius: ${s};
116
+ border: 1px solid ${g};
117
+ border-radius: ${o};
118
118
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
119
119
  max-height: 200px;
120
120
  overflow-y: auto;
@@ -123,7 +123,7 @@ var L={theme:"light",primaryColor:"#3b82f6",backgroundColor:"#ffffff",textColor:
123
123
  .forms-expert-select-option {
124
124
  padding: ${e.fieldPaddingX!=null||e.fieldPaddingY!=null?`${e.fieldPaddingY??8}px ${e.fieldPaddingX??12}px`:"0.5rem 0.75rem"};
125
125
  cursor: pointer;
126
- font-size: ${c};
126
+ font-size: ${d};
127
127
  transition: background-color 0.1s;
128
128
  }
129
129
 
@@ -168,8 +168,8 @@ var L={theme:"light",primaryColor:"#3b82f6",backgroundColor:"#ffffff",textColor:
168
168
  align-items: center;
169
169
  justify-content: center;
170
170
  gap: 0.5rem;
171
- border: 2px dashed ${o};
172
- border-radius: ${s};
171
+ border: 2px dashed ${g};
172
+ border-radius: ${o};
173
173
  padding: 1.5rem;
174
174
  cursor: pointer;
175
175
  transition: border-color 0.15s, background-color 0.15s;
@@ -183,10 +183,10 @@ var L={theme:"light",primaryColor:"#3b82f6",backgroundColor:"#ffffff",textColor:
183
183
  .forms-expert-file {
184
184
  width: 100%;
185
185
  padding: 0.5rem 0.75rem;
186
- border: ${e.fieldBorderStyle==="bottom"?"none":`1px solid ${o}`};
187
- ${e.fieldBorderStyle==="bottom"?`border-bottom: 1px solid ${o};`:""}
188
- border-radius: ${e.fieldBorderStyle==="bottom"?"0":s};
189
- font-size: ${c};
186
+ border: ${e.fieldBorderStyle==="bottom"?"none":`1px solid ${g}`};
187
+ ${e.fieldBorderStyle==="bottom"?`border-bottom: 1px solid ${g};`:""}
188
+ border-radius: ${e.fieldBorderStyle==="bottom"?"0":o};
189
+ font-size: ${d};
190
190
  background-color: ${e.inputBackgroundColor||(e.theme==="dark"?"#374151":"#ffffff")};
191
191
  cursor: pointer;
192
192
  }
@@ -199,13 +199,13 @@ var L={theme:"light",primaryColor:"#3b82f6",backgroundColor:"#ffffff",textColor:
199
199
 
200
200
  .forms-expert-divider {
201
201
  border: none;
202
- border-top: 1px solid ${g};
202
+ border-top: 1px solid ${h};
203
203
  margin: ${n} 0;
204
204
  }
205
205
 
206
206
  .forms-expert-button-wrapper {
207
207
  display: flex;
208
- justify-content: ${h};
208
+ justify-content: ${f};
209
209
  margin-top: 1rem;
210
210
  gap: 0.5rem;
211
211
  flex-wrap: wrap;
@@ -213,9 +213,9 @@ var L={theme:"light",primaryColor:"#3b82f6",backgroundColor:"#ffffff",textColor:
213
213
 
214
214
  .forms-expert-button {
215
215
  ${e.buttonFullWidth?"width: 100%;":e.buttonAlign?"":"width: 100%;"}
216
- padding: ${$} ${S};
216
+ padding: ${w} ${C};
217
217
  font-weight: 500;
218
- font-size: ${R};
218
+ font-size: ${E};
219
219
  font-family: inherit;
220
220
  border-radius: ${l};
221
221
  cursor: pointer;
@@ -227,7 +227,7 @@ var L={theme:"light",primaryColor:"#3b82f6",backgroundColor:"#ffffff",textColor:
227
227
  white-space: nowrap;
228
228
  overflow: hidden;
229
229
  text-overflow: ellipsis;
230
- ${e.buttonStyle==="filled"?`background: ${A}; color: ${u||"white"}; border: none;`:`background: transparent; color: ${r}; border: 2px solid ${r};`}
230
+ ${e.buttonStyle==="filled"?`background: ${N}; color: ${u||"white"}; border: none;`:`background: transparent; color: ${r}; border: 2px solid ${r};`}
231
231
  }
232
232
 
233
233
  .forms-expert-button:hover {
@@ -294,7 +294,7 @@ var L={theme:"light",primaryColor:"#3b82f6",backgroundColor:"#ffffff",textColor:
294
294
  text-align: center;
295
295
  margin-top: 1rem;
296
296
  padding-top: 0.75rem;
297
- border-top: 1px solid ${g};
297
+ border-top: 1px solid ${h};
298
298
  }
299
299
 
300
300
  .forms-expert-branding a {
@@ -313,7 +313,7 @@ var L={theme:"light",primaryColor:"#3b82f6",backgroundColor:"#ffffff",textColor:
313
313
  justify-content: center;
314
314
  padding: 0.625rem 1.25rem;
315
315
  font-weight: 500;
316
- font-size: ${c};
316
+ font-size: ${d};
317
317
  font-family: inherit;
318
318
  border-radius: ${l};
319
319
  cursor: pointer;
@@ -365,9 +365,9 @@ var L={theme:"light",primaryColor:"#3b82f6",backgroundColor:"#ffffff",textColor:
365
365
  gap: 0.5rem;
366
366
  width: 100%;
367
367
  padding: ${e.fieldPaddingX!=null||e.fieldPaddingY!=null?`${e.fieldPaddingY??8}px ${e.fieldPaddingX??12}px`:"0.5rem 0.75rem"};
368
- border: ${e.fieldBorderStyle==="bottom"?"none":`1px solid ${o}`};
369
- ${e.fieldBorderStyle==="bottom"?`border-bottom: 1px solid ${o};`:""}
370
- border-radius: ${e.fieldBorderStyle==="bottom"?"0":s};
368
+ border: ${e.fieldBorderStyle==="bottom"?"none":`1px solid ${g}`};
369
+ ${e.fieldBorderStyle==="bottom"?`border-bottom: 1px solid ${g};`:""}
370
+ border-radius: ${e.fieldBorderStyle==="bottom"?"0":o};
371
371
  background-color: ${e.inputBackgroundColor||(e.theme==="dark"?"#374151":"#ffffff")};
372
372
  box-sizing: border-box;
373
373
  }
@@ -393,24 +393,24 @@ var L={theme:"light",primaryColor:"#3b82f6",backgroundColor:"#ffffff",textColor:
393
393
  @media (max-width: 480px) {
394
394
  .forms-expert-button,
395
395
  .forms-expert-secondary-btn {
396
- padding-left: max(0.5rem, min(${S}, 3vw));
397
- padding-right: max(0.5rem, min(${S}, 3vw));
398
- font-size: max(0.75rem, min(${R}, 3.5vw));
396
+ padding-left: max(0.5rem, min(${C}, 3vw));
397
+ padding-right: max(0.5rem, min(${C}, 3vw));
398
+ font-size: max(0.75rem, min(${E}, 3.5vw));
399
399
  }
400
400
  }
401
401
 
402
402
  ${e.customCss||""}
403
- `.trim()}function v(t){let e=document.createElement("div");return e.textContent=t,e.innerHTML}function Y(t){switch(t){case"small":return"18px";case"large":return"30px";case"extra-large":return"36px";default:return"24px"}}function X(t){switch(t){case"small":return"14px";case"large":return"18px";default:return"16px"}}function b(t,e){return e?`${t} ${e}`:t}function G(t){return t.map(e=>typeof e=="string"?{value:e,label:e}:e)}function J(t){switch(t){case"1/4":return"25%";case"1/3":return"33.333%";case"1/2":return"50%";case"2/3":return"66.666%";case"3/4":return"75%";case"full":return"100%";default:return}}function F(t,e,a,s){let l=document.createElement("div");if(t.type==="heading"){l.className="forms-expert-group";let n=document.createElement("h3");if(n.className="forms-expert-heading",n.style.fontSize=Y(s?.headingSize),n.textContent=t.label||"",l.appendChild(n),t.content){let m=document.createElement("p");m.className="forms-expert-heading-subtitle",m.textContent=t.content,l.appendChild(m)}return l}if(t.type==="divider"){let n=document.createElement("hr");return n.className="forms-expert-divider",n}if(t.type==="paragraph"){l.className="forms-expert-group";let n=t.paragraphFontSize?`${t.paragraphFontSize}px`:X(s?.paragraphSize);if(t.label){let m=document.createElement("p");m.className="forms-expert-paragraph-label",m.style.fontSize=n,m.textContent=t.label,l.appendChild(m)}if(t.content){let m=document.createElement("div");m.className="forms-expert-paragraph",m.style.fontSize=n,m.innerHTML=t.content,l.appendChild(m)}return l}if(t.type==="hidden"){let n=document.createElement("input");return n.type="hidden",n.name=t.name,n.value=String(t.defaultValue??e??""),l.appendChild(n),l.style.display="none",l}if(t.type==="checkbox"||t.type==="toggle"||t.type==="consent"){l.className="forms-expert-checkbox-group";let n=document.createElement("input");n.type="checkbox",n.id=`mira-field-${t.name}`,n.name=t.name,n.className="forms-expert-checkbox",n.checked=!!e,t.required&&(n.required=!0);let m=document.createElement("div"),p=document.createElement("label");p.htmlFor=n.id,p.style.cursor="pointer",t.type==="consent"&&t.consentFontSize&&(p.style.fontSize=`${t.consentFontSize}px`);let i=t.type==="consent"?t.consentText||t.label||t.name:t.label||t.name;if(p.innerHTML=`${v(i)}${t.required?'<span class="forms-expert-required">*</span>':""}`,m.appendChild(p),t.type==="consent"&&t.consentUrl){let r=document.createElement("a");r.href=t.consentUrl,r.target="_blank",r.rel="noopener noreferrer",r.textContent="View policy",r.className="forms-expert-consent-link",m.appendChild(r)}if(l.appendChild(n),l.appendChild(m),a){let r=document.createElement("div");r.className="forms-expert-error-message",r.textContent=a,l.appendChild(r)}return l}if(l.className="forms-expert-group",t.label){let n=document.createElement("label");n.className=`forms-expert-label${s?.labelClassName?" "+s.labelClassName:""}`,n.htmlFor=`mira-field-${t.name}`,n.innerHTML=`${v(t.label)}${t.required?'<span class="forms-expert-required">*</span>':""}`,l.appendChild(n)}let c=document.createElement("div");c.className="forms-expert-input-wrapper";let d;switch(t.type){case"textarea":case"richText":d=document.createElement("textarea"),d.className=b("forms-expert-textarea",s?.fieldClassName),d.value=String(e||""),t.maxLength&&(d.maxLength=t.maxLength);break;case"select":case"dropdown":{let n=document.createElement("div");n.style.position="relative",n.style.width="100%",s?.fieldClassName&&(n.className=s.fieldClassName);let m=document.createElement("button");m.type="button",m.className="forms-expert-select",m.style.display="flex",m.style.alignItems="center",m.style.justifyContent="space-between",m.style.cursor="pointer",m.style.textAlign="left",m.style.width="100%";let p=G(t.options||[]),i=p.find(f=>f.value===String(e||"")),r=document.createElement("span");r.textContent=i?.label||t.placeholder||"Select an option...",!i&&s?.placeholderColor&&(r.style.color=s.placeholderColor),m.appendChild(r);let u=document.createElement("span");u.innerHTML='<svg width="12" height="12" viewBox="0 0 12 12" fill="none"><path d="M3 4.5L6 7.5L9 4.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>',u.style.flexShrink="0",u.style.opacity="0.5",m.appendChild(u);let o=document.createElement("div");o.className="forms-expert-select-dropdown",o.style.display="none",p.forEach(f=>{let h=document.createElement("div");h.className="forms-expert-select-option",h.textContent=f.label,String(e||"")===f.value&&h.classList.add("active"),h.addEventListener("mousedown",x=>{x.preventDefault(),g.value=f.value,r.textContent=f.label,s?.placeholderColor&&(r.style.color=""),o.querySelectorAll(".forms-expert-select-option").forEach(y=>y.classList.remove("active")),h.classList.add("active"),o.style.display="none",g.dispatchEvent(new Event("input",{bubbles:!0}))}),o.appendChild(h)}),m.addEventListener("click",()=>{o.style.display=o.style.display==="none"?"block":"none"}),m.addEventListener("blur",()=>{setTimeout(()=>{o.style.display="none"},150)});let g=document.createElement("input");if(g.type="hidden",g.name=t.name,g.value=String(e||""),t.required&&(g.required=!0),n.appendChild(m),n.appendChild(o),n.appendChild(g),c.appendChild(n),a){let f=document.createElement("div");f.className="forms-expert-error-message",f.textContent=a,c.appendChild(f)}return l.appendChild(c),l}case"radio":{let n=document.createElement("div");if(n.className="forms-expert-radio-group",(t.options||[]).forEach(p=>{let i=document.createElement("label");i.className="forms-expert-radio-item";let r=document.createElement("input");r.type="radio",r.name=t.name,r.value=p,r.checked=e===p,i.appendChild(r),i.appendChild(document.createTextNode(` ${p}`)),n.appendChild(i)}),c.appendChild(n),a){let p=document.createElement("div");p.className="forms-expert-error-message",p.textContent=a,c.appendChild(p)}return l.appendChild(c),l}case"multiselect":{let n=document.createElement("div");n.className="forms-expert-multiselect-group";let m=e||[];if((t.options||[]).forEach(i=>{let r=document.createElement("label");r.className="forms-expert-checkbox-item";let u=document.createElement("input");u.type="checkbox",u.name=t.name,u.value=i,u.checked=m.includes(i),r.appendChild(u),r.appendChild(document.createTextNode(` ${i}`)),n.appendChild(r)}),c.appendChild(n),a){let i=document.createElement("div");i.className="forms-expert-error-message",i.textContent=a,c.appendChild(i)}return l.appendChild(c),l}case"rating":{let n=document.createElement("div");n.className="forms-expert-rating";let m=t.ratingMax||5,p=e||0;for(let i=1;i<=m;i++){let r=document.createElement("button");r.type="button",r.className=`forms-expert-rating-star ${i<=p?"active":""}`,r.textContent="\u2605",r.dataset.value=String(i),n.appendChild(r)}if(c.appendChild(n),a){let i=document.createElement("div");i.className="forms-expert-error-message",i.textContent=a,c.appendChild(i)}return l.appendChild(c),l}case"scale":case"opinionScale":{let n=document.createElement("div");n.className="forms-expert-scale";let m=t.min??(t.type==="opinionScale"?0:1),p=t.max??(t.type==="opinionScale"?10:5),i=e;for(let r=m;r<=p;r++){let u=document.createElement("button");u.type="button",u.className=`forms-expert-scale-btn ${i===r?"active":""}`,u.textContent=String(r),u.dataset.value=String(r),n.appendChild(u)}if(c.appendChild(n),t.lowLabel||t.highLabel){let r=document.createElement("div");r.className="forms-expert-scale-labels",r.innerHTML=`<span>${v(t.lowLabel||"")}</span><span>${v(t.highLabel||"")}</span>`,c.appendChild(r)}if(a){let r=document.createElement("div");r.className="forms-expert-error-message",r.textContent=a,c.appendChild(r)}return l.appendChild(c),l}case"slider":{d=document.createElement("input"),d.type="range",d.className="forms-expert-slider",d.min=String(t.min??0),d.max=String(t.max??100),d.step=String(t.step??1),d.value=String(e??t.min??0);break}case"file":{let n=s?.theme==="dark"?"#4b5563":"#d1d5db",m=s?.theme==="dark"?"#9ca3af":"#6b7280",p=s?.primaryColor||"#3b82f6",i=document.createElement("label");i.htmlFor=`mira-field-${t.name}`,i.className="forms-expert-dropzone";let r=document.createElement("input");r.id=`mira-field-${t.name}`,r.name=t.name,r.type="file",r.style.cssText="position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0",t.allowedMimeTypes?.length&&(r.accept=t.allowedMimeTypes.join(",")),t.multiple&&(r.multiple=!0),i.appendChild(r);let u=document.createElement("div");u.innerHTML=`<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="${m}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="17 8 12 3 7 8"/><line x1="12" x2="12" y1="3" y2="15"/></svg>`,i.appendChild(u);let o=document.createElement("span");if(o.style.cssText="font-size:0.875rem;font-weight:500",o.textContent="Drag & drop a file here, or click to browse",i.appendChild(o),t.allowedMimeTypes?.length){let g=document.createElement("span");g.style.cssText=`font-size:0.75rem;color:${m}`,g.textContent=t.allowedMimeTypes.join(", "),i.appendChild(g)}if(t.maxFileSize){let g=document.createElement("span");g.style.cssText=`font-size:0.75rem;color:${m}`;let f=t.maxFileSize;g.textContent=`Max size: ${f<1048576?`${(f/1024).toFixed(0)} KB`:`${(f/1048576).toFixed(0)} MB`}`,i.appendChild(g)}if(i.addEventListener("dragover",g=>{g.preventDefault(),i.style.borderColor=p,i.style.backgroundColor=s?.theme==="dark"?"rgba(255,255,255,0.08)":"rgba(0,0,0,0.04)"}),i.addEventListener("dragleave",()=>{i.style.borderColor=n,i.style.backgroundColor="transparent"}),i.addEventListener("drop",g=>{g.preventDefault(),i.style.borderColor=n,i.style.backgroundColor="transparent"}),l.appendChild(i),a){let g=document.createElement("div");g.className="forms-expert-error-message",g.textContent=a,l.appendChild(g)}return l}case"currency":{d=document.createElement("input"),d.type="number",d.className=b("forms-expert-input",s?.fieldClassName),d.value=String(e??""),t.min!==void 0&&(d.min=String(t.min)),t.max!==void 0&&(d.max=String(t.max)),d.step=String(t.step||.01);break}case"phone":d=document.createElement("input"),d.type="tel",d.className=b("forms-expert-input",s?.fieldClassName),d.value=String(e||"");break;case"url":d=document.createElement("input"),d.type="url",d.className=b("forms-expert-input",s?.fieldClassName),d.value=String(e||"");break;case"password":d=document.createElement("input"),d.type="password",d.className=b("forms-expert-input",s?.fieldClassName),d.value=String(e||"");break;case"time":d=document.createElement("input"),d.type="time",d.className=b("forms-expert-input",s?.fieldClassName),d.value=String(e||"");break;case"datetime":d=document.createElement("input"),d.type="datetime-local",d.className=b("forms-expert-input",s?.fieldClassName),d.value=String(e||"");break;case"colorPicker":d=document.createElement("input"),d.type="color",d.className="forms-expert-color",d.value=String(e||"#000000");break;case"dateRange":{let n=document.createElement("div");n.className="forms-expert-date-range";let m=e||{},p=document.createElement("input");p.type="date",p.className=b("forms-expert-input",s?.fieldClassName),p.name=`${t.name}.start`,p.value=m.start||"";let i=document.createElement("input");if(i.type="date",i.className=b("forms-expert-input",s?.fieldClassName),i.name=`${t.name}.end`,i.value=m.end||"",n.appendChild(p),n.appendChild(i),c.appendChild(n),a){let r=document.createElement("div");r.className="forms-expert-error-message",r.textContent=a,c.appendChild(r)}return l.appendChild(c),l}case"address":{let n=document.createElement("div");n.className="forms-expert-address";let m=t.addressFields||["street","city","state","zip","country"],p=e||{},i={street:"Street",street2:"Street Line 2",city:"City",state:"State",zip:"ZIP",country:"Country"};if(m.forEach(r=>{let u=document.createElement("input");u.type="text",u.className=b("forms-expert-input",s?.fieldClassName),u.name=`${t.name}.${r}`,u.placeholder=i[r]||r,u.value=p[r]||"",n.appendChild(u)}),c.appendChild(n),a){let r=document.createElement("div");r.className="forms-expert-error-message",r.textContent=a,c.appendChild(r)}return l.appendChild(c),l}case"name":{let n=document.createElement("div");n.className="forms-expert-name";let m=t.nameFields||["first","last"],p=e||{},i={prefix:"Prefix",first:"First Name",middle:"Middle",last:"Last Name",suffix:"Suffix"};if(m.forEach(r=>{let u=document.createElement("input");u.type="text",u.className=b("forms-expert-input",s?.fieldClassName),u.name=`${t.name}.${r}`,u.placeholder=i[r]||r,u.value=p[r]||"",n.appendChild(u)}),c.appendChild(n),a){let r=document.createElement("div");r.className="forms-expert-error-message",r.textContent=a,c.appendChild(r)}return l.appendChild(c),l}case"imageChoice":{let n=document.createElement("div");n.className="forms-expert-image-choice";let m=t.options||[],p=e;if(m.forEach(i=>{let r=document.createElement("button");if(r.type="button",r.className=`forms-expert-image-choice-item ${p===i.value?"active":""}`,r.dataset.value=i.value,i.imageUrl){let o=document.createElement("img");o.src=i.imageUrl,o.alt=i.label,r.appendChild(o)}let u=document.createElement("span");u.textContent=i.label,r.appendChild(u),n.appendChild(r)}),c.appendChild(n),a){let i=document.createElement("div");i.className="forms-expert-error-message",i.textContent=a,c.appendChild(i)}return l.appendChild(c),l}case"ranking":{let n=document.createElement("div");n.className="forms-expert-ranking";let m=t.options||[];if((e||[...m]).forEach((i,r)=>{let u=document.createElement("div");u.className="forms-expert-ranking-item",u.textContent=`${r+1}. ${i}`,u.dataset.value=i,n.appendChild(u)}),c.appendChild(n),a){let i=document.createElement("div");i.className="forms-expert-error-message",i.textContent=a,c.appendChild(i)}return l.appendChild(c),l}case"location":{let n=document.createElement("div");n.className="forms-expert-location";let m=e||{},p=document.createElement("input");p.type="text",p.className=b("forms-expert-input",s?.fieldClassName),p.name=`${t.name}.address`,p.placeholder="Address",p.value=m.address||"",n.appendChild(p);let i=document.createElement("div");i.className="forms-expert-location-coords";let r=document.createElement("input");r.type="number",r.className=b("forms-expert-input",s?.fieldClassName),r.name=`${t.name}.lat`,r.placeholder="Latitude",r.step="any",r.value=m.lat!==void 0?String(m.lat):"";let u=document.createElement("input");if(u.type="number",u.className=b("forms-expert-input",s?.fieldClassName),u.name=`${t.name}.lng`,u.placeholder="Longitude",u.step="any",u.value=m.lng!==void 0?String(m.lng):"",i.appendChild(r),i.appendChild(u),n.appendChild(i),c.appendChild(n),a){let o=document.createElement("div");o.className="forms-expert-error-message",o.textContent=a,c.appendChild(o)}return l.appendChild(c),l}default:d=document.createElement("input"),d.type=t.type==="email"?"email":t.type==="number"?"number":t.type==="date"?"date":"text",d.className=b("forms-expert-input",s?.fieldClassName),d.value=String(e||""),t.type==="number"&&(t.min!==void 0&&(d.min=String(t.min)),t.max!==void 0&&(d.max=String(t.max)),t.step!==void 0&&(d.step=String(t.step)));break}if(d.id=`mira-field-${t.name}`,d.name=t.name,t.placeholder&&"placeholder"in d&&(d.placeholder=t.placeholder),t.required&&(d.required=!0),a&&d.classList.add("forms-expert-error"),c.appendChild(d),a){let n=document.createElement("div");n.className="forms-expert-error-message",n.textContent=a,c.appendChild(n)}return l.appendChild(c),l}function P(t,e={},a={},s={}){let l=document.createElement("form");if(l.className="forms-expert",s.hideRequiredAsterisk){let o=document.createElement("style");o.textContent=".forms-expert .forms-expert-required { display: none; }",l.appendChild(o)}if(s.showFormName!==!1&&s.formName){let o=document.createElement("h1");o.className="forms-expert-title",o.textContent=s.formName,o.style.fontSize=s.formNameFontSize!=null?`${s.formNameFontSize}px`:"1.5rem";let g={normal:"400",medium:"500",semibold:"600",bold:"700"};o.style.fontWeight=g[s.formNameFontWeight||"bold"]||"700",o.style.marginBottom="0.5rem",l.appendChild(o)}let c=t.styling,d=t.fields,n=0;for(;n<d.length;){let o=d[n];if(o.row!=null){let g=[o],f=n+1;for(;f<d.length&&d[f].row===o.row;)g.push(d[f]),f++;if(g.length>1){let h=document.createElement("div");h.style.display="flex",h.style.gap="0.75rem",h.style.flexWrap="wrap",g.forEach(x=>{let y=document.createElement("div"),S=J(x.width);S?y.style.flex=`0 0 calc(${S} - 0.75rem)`:y.style.flex="1 1 0",y.style.minWidth="180px";let $=F(x,e[x.name],a[x.name],c);y.appendChild($),h.appendChild(y)}),l.appendChild(h)}else{let h=F(o,e[o.name],a[o.name],c);l.appendChild(h)}n=f}else{let g=F(o,e[o.name],a[o.name],c);l.appendChild(g),n++}}if(s.honeypot){let o=document.createElement("input");o.type="text",o.name="_hp",o.className="forms-expert-honeypot",o.tabIndex=-1,o.autocomplete="off",l.appendChild(o)}let m=document.createElement("input");m.type="hidden",m.name="pageUrl",m.value=typeof window<"u"?window.location.href:"",l.appendChild(m);let p=document.createElement("div");p.className="forms-expert-button-wrapper";let i=document.createElement("button");if(i.type="submit",i.className=b("forms-expert-button",s.buttonClassName),i.disabled=s.isLoading||!1,s.isLoading)i.innerHTML=`
403
+ `.trim()}function k(t){let e=document.createElement("div");return e.textContent=t,e.innerHTML}function Y(t){switch(t){case"small":return"18px";case"large":return"30px";case"extra-large":return"36px";default:return"24px"}}function X(t){switch(t){case"small":return"14px";case"large":return"18px";default:return"16px"}}function y(t,e){return e?`${t} ${e}`:t}function G(t){return t.map(e=>typeof e=="string"?{value:e,label:e}:e)}function J(t){switch(t){case"1/4":return"25%";case"1/3":return"33.333%";case"1/2":return"50%";case"2/3":return"66.666%";case"3/4":return"75%";case"full":return"100%";default:return}}function T(t,e,a,o){let l=document.createElement("div");if(t.type==="heading"){l.className="forms-expert-group";let n=document.createElement("h3");if(n.className="forms-expert-heading",n.style.fontSize=Y(o?.headingSize),n.textContent=t.label||"",l.appendChild(n),t.content){let c=document.createElement("p");c.className="forms-expert-heading-subtitle",c.textContent=t.content,l.appendChild(c)}return l}if(t.type==="divider"){let n=document.createElement("hr");return n.className="forms-expert-divider",n}if(t.type==="paragraph"){l.className="forms-expert-group";let n=t.paragraphFontSize?`${t.paragraphFontSize}px`:X(o?.paragraphSize);if(t.label){let c=document.createElement("p");c.className="forms-expert-paragraph-label",c.style.fontSize=n,c.textContent=t.label,l.appendChild(c)}if(t.content){let c=document.createElement("div");c.className="forms-expert-paragraph",c.style.fontSize=n,c.innerHTML=t.content,l.appendChild(c)}return l}if(t.type==="hidden"){let n=document.createElement("input");return n.type="hidden",n.name=t.name,n.value=String(t.defaultValue??e??""),l.appendChild(n),l.style.display="none",l}if(t.type==="checkbox"||t.type==="toggle"||t.type==="consent"){l.className="forms-expert-checkbox-group";let n=document.createElement("input");n.type="checkbox",n.id=`mira-field-${t.name}`,n.name=t.name,n.className="forms-expert-checkbox",n.checked=!!e,t.required&&(n.required=!0);let c=document.createElement("div"),p=document.createElement("label");p.htmlFor=n.id,p.style.cursor="pointer",t.type==="consent"&&t.consentFontSize&&(p.style.fontSize=`${t.consentFontSize}px`);let s=t.type==="consent"?t.consentText||t.label||t.name:t.label||t.name;if(p.innerHTML=`${k(s)}${t.required?'<span class="forms-expert-required">*</span>':""}`,c.appendChild(p),t.type==="consent"&&t.consentUrl){let r=document.createElement("a");r.href=t.consentUrl,r.target="_blank",r.rel="noopener noreferrer",r.textContent="View policy",r.className="forms-expert-consent-link",c.appendChild(r)}if(l.appendChild(n),l.appendChild(c),a){let r=document.createElement("div");r.className="forms-expert-error-message",r.textContent=a,l.appendChild(r)}return l}if(l.className="forms-expert-group",t.label){let n=document.createElement("label");n.className=`forms-expert-label${o?.labelClassName?" "+o.labelClassName:""}`,n.htmlFor=`mira-field-${t.name}`,n.innerHTML=`${k(t.label)}${t.required?'<span class="forms-expert-required">*</span>':""}`,l.appendChild(n)}let d=document.createElement("div");d.className="forms-expert-input-wrapper";let m;switch(t.type){case"textarea":case"richText":m=document.createElement("textarea"),m.className=y("forms-expert-textarea",o?.fieldClassName),m.value=String(e||""),t.maxLength&&(m.maxLength=t.maxLength);break;case"select":case"dropdown":{let n=document.createElement("div");n.style.position="relative",n.style.width="100%",o?.fieldClassName&&(n.className=o.fieldClassName);let c=document.createElement("button");c.type="button",c.className="forms-expert-select",c.style.display="flex",c.style.alignItems="center",c.style.justifyContent="space-between",c.style.cursor="pointer",c.style.textAlign="left",c.style.width="100%";let p=G(t.options||[]),s=p.find(i=>i.value===String(e||"")),r=document.createElement("span");r.textContent=s?.label||t.placeholder||"Select an option...",!s&&o?.placeholderColor&&(r.style.color=o.placeholderColor),c.appendChild(r);let u=document.createElement("span");u.innerHTML='<svg width="12" height="12" viewBox="0 0 12 12" fill="none"><path d="M3 4.5L6 7.5L9 4.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>',u.style.flexShrink="0",u.style.opacity="0.5",c.appendChild(u);let g=document.createElement("div");g.className="forms-expert-select-dropdown",g.style.display="none",p.forEach(i=>{let f=document.createElement("div");f.className="forms-expert-select-option",f.textContent=i.label,String(e||"")===i.value&&f.classList.add("active"),f.addEventListener("mousedown",b=>{b.preventDefault(),h.value=i.value,r.textContent=i.label,o?.placeholderColor&&(r.style.color=""),g.querySelectorAll(".forms-expert-select-option").forEach(x=>x.classList.remove("active")),f.classList.add("active"),g.style.display="none",h.dispatchEvent(new Event("input",{bubbles:!0}))}),g.appendChild(f)}),c.addEventListener("click",()=>{g.style.display=g.style.display==="none"?"block":"none"}),c.addEventListener("blur",()=>{setTimeout(()=>{g.style.display="none"},150)});let h=document.createElement("input");if(h.type="hidden",h.name=t.name,h.value=String(e||""),t.required&&(h.required=!0),n.appendChild(c),n.appendChild(g),n.appendChild(h),d.appendChild(n),a){let i=document.createElement("div");i.className="forms-expert-error-message",i.textContent=a,d.appendChild(i)}return l.appendChild(d),l}case"radio":{let n=document.createElement("div");if(n.className="forms-expert-radio-group",(t.options||[]).forEach(p=>{let s=document.createElement("label");s.className="forms-expert-radio-item";let r=document.createElement("input");r.type="radio",r.name=t.name,r.value=p,r.checked=e===p,s.appendChild(r),s.appendChild(document.createTextNode(` ${p}`)),n.appendChild(s)}),d.appendChild(n),a){let p=document.createElement("div");p.className="forms-expert-error-message",p.textContent=a,d.appendChild(p)}return l.appendChild(d),l}case"multiselect":{let n=document.createElement("div");n.className="forms-expert-multiselect-group";let c=e||[];if((t.options||[]).forEach(s=>{let r=document.createElement("label");r.className="forms-expert-checkbox-item";let u=document.createElement("input");u.type="checkbox",u.name=t.name,u.value=s,u.checked=c.includes(s),r.appendChild(u),r.appendChild(document.createTextNode(` ${s}`)),n.appendChild(r)}),d.appendChild(n),a){let s=document.createElement("div");s.className="forms-expert-error-message",s.textContent=a,d.appendChild(s)}return l.appendChild(d),l}case"rating":{let n=document.createElement("div");n.className="forms-expert-rating";let c=t.ratingMax||5,p=e||0;for(let s=1;s<=c;s++){let r=document.createElement("button");r.type="button",r.className=`forms-expert-rating-star ${s<=p?"active":""}`,r.textContent="\u2605",r.dataset.value=String(s),n.appendChild(r)}if(d.appendChild(n),a){let s=document.createElement("div");s.className="forms-expert-error-message",s.textContent=a,d.appendChild(s)}return l.appendChild(d),l}case"scale":case"opinionScale":{let n=document.createElement("div");n.className="forms-expert-scale";let c=t.min??(t.type==="opinionScale"?0:1),p=t.max??(t.type==="opinionScale"?10:5),s=e;for(let r=c;r<=p;r++){let u=document.createElement("button");u.type="button",u.className=`forms-expert-scale-btn ${s===r?"active":""}`,u.textContent=String(r),u.dataset.value=String(r),n.appendChild(u)}if(d.appendChild(n),t.lowLabel||t.highLabel){let r=document.createElement("div");r.className="forms-expert-scale-labels",r.innerHTML=`<span>${k(t.lowLabel||"")}</span><span>${k(t.highLabel||"")}</span>`,d.appendChild(r)}if(a){let r=document.createElement("div");r.className="forms-expert-error-message",r.textContent=a,d.appendChild(r)}return l.appendChild(d),l}case"slider":{m=document.createElement("input"),m.type="range",m.className="forms-expert-slider",m.min=String(t.min??0),m.max=String(t.max??100),m.step=String(t.step??1),m.value=String(e??t.min??0);break}case"file":{let n=o?.theme==="dark"?"#4b5563":"#d1d5db",c=o?.theme==="dark"?"#9ca3af":"#6b7280",p=o?.primaryColor||"#3b82f6",s=document.createElement("label");s.htmlFor=`mira-field-${t.name}`,s.className="forms-expert-dropzone";let r=document.createElement("input");r.id=`mira-field-${t.name}`,r.name=t.name,r.type="file",r.style.cssText="position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0",t.allowedMimeTypes?.length&&(r.accept=t.allowedMimeTypes.join(",")),t.multiple&&(r.multiple=!0),s.appendChild(r);let u=document.createElement("div");u.innerHTML=`<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="${c}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="17 8 12 3 7 8"/><line x1="12" x2="12" y1="3" y2="15"/></svg>`,s.appendChild(u);let g=document.createElement("span");if(g.style.cssText="font-size:0.875rem;font-weight:500",g.textContent="Drag & drop a file here, or click to browse",s.appendChild(g),t.allowedMimeTypes?.length){let h=document.createElement("span");h.style.cssText=`font-size:0.75rem;color:${c}`,h.textContent=t.allowedMimeTypes.join(", "),s.appendChild(h)}if(t.maxFileSize){let h=document.createElement("span");h.style.cssText=`font-size:0.75rem;color:${c}`;let i=t.maxFileSize;h.textContent=`Max size: ${i<1048576?`${(i/1024).toFixed(0)} KB`:`${(i/1048576).toFixed(0)} MB`}`,s.appendChild(h)}if(s.addEventListener("dragover",h=>{h.preventDefault(),s.style.borderColor=p,s.style.backgroundColor=o?.theme==="dark"?"rgba(255,255,255,0.08)":"rgba(0,0,0,0.04)"}),s.addEventListener("dragleave",()=>{s.style.borderColor=n,s.style.backgroundColor="transparent"}),s.addEventListener("drop",h=>{h.preventDefault(),s.style.borderColor=n,s.style.backgroundColor="transparent"}),l.appendChild(s),a){let h=document.createElement("div");h.className="forms-expert-error-message",h.textContent=a,l.appendChild(h)}return l}case"currency":{m=document.createElement("input"),m.type="number",m.className=y("forms-expert-input",o?.fieldClassName),m.value=String(e??""),t.min!==void 0&&(m.min=String(t.min)),t.max!==void 0&&(m.max=String(t.max)),m.step=String(t.step||.01);break}case"phone":m=document.createElement("input"),m.type="tel",m.className=y("forms-expert-input",o?.fieldClassName),m.value=String(e||"");break;case"url":m=document.createElement("input"),m.type="url",m.className=y("forms-expert-input",o?.fieldClassName),m.value=String(e||"");break;case"password":m=document.createElement("input"),m.type="password",m.className=y("forms-expert-input",o?.fieldClassName),m.value=String(e||"");break;case"time":m=document.createElement("input"),m.type="time",m.className=y("forms-expert-input",o?.fieldClassName),m.value=String(e||"");break;case"datetime":m=document.createElement("input"),m.type="datetime-local",m.className=y("forms-expert-input",o?.fieldClassName),m.value=String(e||"");break;case"colorPicker":m=document.createElement("input"),m.type="color",m.className="forms-expert-color",m.value=String(e||"#000000");break;case"dateRange":{let n=document.createElement("div");n.className="forms-expert-date-range";let c=e||{},p=document.createElement("input");p.type="date",p.className=y("forms-expert-input",o?.fieldClassName),p.name=`${t.name}.start`,p.value=c.start||"";let s=document.createElement("input");if(s.type="date",s.className=y("forms-expert-input",o?.fieldClassName),s.name=`${t.name}.end`,s.value=c.end||"",n.appendChild(p),n.appendChild(s),d.appendChild(n),a){let r=document.createElement("div");r.className="forms-expert-error-message",r.textContent=a,d.appendChild(r)}return l.appendChild(d),l}case"address":{let n=document.createElement("div");n.className="forms-expert-address";let c=t.addressFields||["street","city","state","zip","country"],p=e||{},s={street:"Street",street2:"Street Line 2",city:"City",state:"State",zip:"ZIP",country:"Country"};if(c.forEach(r=>{let u=document.createElement("input");u.type="text",u.className=y("forms-expert-input",o?.fieldClassName),u.name=`${t.name}.${r}`,u.placeholder=s[r]||r,u.value=p[r]||"",n.appendChild(u)}),d.appendChild(n),a){let r=document.createElement("div");r.className="forms-expert-error-message",r.textContent=a,d.appendChild(r)}return l.appendChild(d),l}case"name":{let n=document.createElement("div");n.className="forms-expert-name";let c=t.nameFields||["first","last"],p=e||{},s={prefix:"Prefix",first:"First Name",middle:"Middle",last:"Last Name",suffix:"Suffix"};if(c.forEach(r=>{let u=document.createElement("input");u.type="text",u.className=y("forms-expert-input",o?.fieldClassName),u.name=`${t.name}.${r}`,u.placeholder=s[r]||r,u.value=p[r]||"",n.appendChild(u)}),d.appendChild(n),a){let r=document.createElement("div");r.className="forms-expert-error-message",r.textContent=a,d.appendChild(r)}return l.appendChild(d),l}case"imageChoice":{let n=document.createElement("div");n.className="forms-expert-image-choice";let c=t.options||[],p=e;if(c.forEach(s=>{let r=document.createElement("button");if(r.type="button",r.className=`forms-expert-image-choice-item ${p===s.value?"active":""}`,r.dataset.value=s.value,s.imageUrl){let g=document.createElement("img");g.src=s.imageUrl,g.alt=s.label,r.appendChild(g)}let u=document.createElement("span");u.textContent=s.label,r.appendChild(u),n.appendChild(r)}),d.appendChild(n),a){let s=document.createElement("div");s.className="forms-expert-error-message",s.textContent=a,d.appendChild(s)}return l.appendChild(d),l}case"ranking":{let n=document.createElement("div");n.className="forms-expert-ranking";let c=t.options||[];if((e||[...c]).forEach((s,r)=>{let u=document.createElement("div");u.className="forms-expert-ranking-item",u.textContent=`${r+1}. ${s}`,u.dataset.value=s,n.appendChild(u)}),d.appendChild(n),a){let s=document.createElement("div");s.className="forms-expert-error-message",s.textContent=a,d.appendChild(s)}return l.appendChild(d),l}case"location":{let n=document.createElement("div");n.className="forms-expert-location";let c=e||{},p=document.createElement("input");p.type="text",p.className=y("forms-expert-input",o?.fieldClassName),p.name=`${t.name}.address`,p.placeholder="Address",p.value=c.address||"",n.appendChild(p);let s=document.createElement("div");s.className="forms-expert-location-coords";let r=document.createElement("input");r.type="number",r.className=y("forms-expert-input",o?.fieldClassName),r.name=`${t.name}.lat`,r.placeholder="Latitude",r.step="any",r.value=c.lat!==void 0?String(c.lat):"";let u=document.createElement("input");if(u.type="number",u.className=y("forms-expert-input",o?.fieldClassName),u.name=`${t.name}.lng`,u.placeholder="Longitude",u.step="any",u.value=c.lng!==void 0?String(c.lng):"",s.appendChild(r),s.appendChild(u),n.appendChild(s),d.appendChild(n),a){let g=document.createElement("div");g.className="forms-expert-error-message",g.textContent=a,d.appendChild(g)}return l.appendChild(d),l}default:m=document.createElement("input"),m.type=t.type==="email"?"email":t.type==="number"?"number":t.type==="date"?"date":"text",m.className=y("forms-expert-input",o?.fieldClassName),m.value=String(e||""),t.type==="number"&&(t.min!==void 0&&(m.min=String(t.min)),t.max!==void 0&&(m.max=String(t.max)),t.step!==void 0&&(m.step=String(t.step)));break}if(m.id=`mira-field-${t.name}`,m.name=t.name,t.placeholder&&"placeholder"in m&&(m.placeholder=t.placeholder),t.required&&(m.required=!0),a&&m.classList.add("forms-expert-error"),d.appendChild(m),a){let n=document.createElement("div");n.className="forms-expert-error-message",n.textContent=a,d.appendChild(n)}return l.appendChild(d),l}function B(t,e={},a={},o={}){let l=document.createElement("form");if(l.className="forms-expert",o.hideRequiredAsterisk){let i=document.createElement("style");i.textContent=".forms-expert .forms-expert-required { display: none; }",l.appendChild(i)}if(o.showFormName!==!1&&o.formName){let i=document.createElement("h1");i.className="forms-expert-title",i.textContent=o.formName,i.style.fontSize=o.formNameFontSize!=null?`${o.formNameFontSize}px`:"1.5rem";let f={normal:"400",medium:"500",semibold:"600",bold:"700"};i.style.fontWeight=f[o.formNameFontWeight||"bold"]||"700",i.style.marginBottom="0.5rem",l.appendChild(i)}let d=t.styling,m=t.fields,n=d?.buttonAlign==="inline",c=document.createElement("div");n&&(c.style.flex="1 1 0",c.style.minWidth="180px");let p=0;for(;p<m.length;){let i=m[p];if(i.row!=null){let f=[i],b=p+1;for(;b<m.length&&m[b].row===i.row;)f.push(m[b]),b++;if(f.length>1){let x=document.createElement("div");x.style.display="flex",x.style.gap="0.75rem",x.style.flexWrap="wrap",f.forEach(C=>{let w=document.createElement("div"),E=J(C.width);E?w.style.flex=`0 0 calc(${E} - 0.75rem)`:w.style.flex="1 1 0",w.style.minWidth="180px";let N=T(C,e[C.name],a[C.name],d);w.appendChild(N),x.appendChild(w)}),c.appendChild(x)}else{let x=T(i,e[i.name],a[i.name],d);c.appendChild(x)}p=b}else{let f=T(i,e[i.name],a[i.name],d);c.appendChild(f),p++}}if(l.appendChild(c),o.honeypot){let i=document.createElement("input");i.type="text",i.name="_hp",i.className="forms-expert-honeypot",i.tabIndex=-1,i.autocomplete="off",l.appendChild(i)}let s=document.createElement("input");s.type="hidden",s.name="pageUrl",s.value=typeof window<"u"?window.location.href:"",l.appendChild(s);let r=document.createElement("div");r.className="forms-expert-button-wrapper";let u=document.createElement("button");if(u.type="submit",u.className=y("forms-expert-button",o.buttonClassName),u.disabled=o.isLoading||!1,o.isLoading)u.innerHTML=`
404
404
  <span class="forms-expert-button-loading">
405
405
  <span class="forms-expert-spinner"></span>
406
406
  Submitting...
407
407
  </span>
408
- `;else{let o=c?.buttonIcon,g=c?.buttonIconPosition||"left";if(o){i.style.display="inline-flex",i.style.alignItems="center",i.style.gap="0.5rem";let f=document.createElement("span");f.style.display="inline-flex",f.style.flexShrink="0",f.innerHTML=o;let h=document.createElement("span");h.textContent=s.submitText||"Submit",g==="right"?(i.appendChild(h),i.appendChild(f)):(i.appendChild(f),i.appendChild(h))}else i.textContent=s.submitText||"Submit"}let r=s.secondaryButton,u=()=>{if(!r?.enabled)return null;let o=document.createElement("a");if(o.className="forms-expert-secondary-btn",o.href=r.href||"#",o.style.display="inline-flex",o.style.alignItems="center",o.style.gap="0.5rem",r.icon){let h=document.createElement("span");h.style.display="inline-flex",h.style.flexShrink="0",h.innerHTML=r.icon;let x=document.createElement("span");x.textContent=r.text||"Learn More",r.iconPosition==="right"?(o.appendChild(x),o.appendChild(h)):(o.appendChild(h),o.appendChild(x))}else o.textContent=r.text||"Learn More";r.openInNewTab&&(o.target="_blank",o.rel="noopener noreferrer");let g=c?.primaryColor||"#3b82f6",f=r.color||g;return r.style==="filled"?(o.style.background=f,o.style.color=r.textColor||"#ffffff",o.style.border="none"):r.style==="outlined"?(o.style.background="transparent",o.style.color=r.textColor||f,o.style.border=`2px solid ${f}`):r.style==="link"?(o.style.background="transparent",o.style.color=r.textColor||f,o.style.border="none",o.style.textDecoration="underline"):(o.style.background="transparent",o.style.color=r.textColor||f,o.style.border="none"),r.marginTop!=null&&(o.style.marginTop=`${r.marginTop}px`),r.marginBottom!=null&&(o.style.marginBottom=`${r.marginBottom}px`),r.fontSize!=null&&(o.style.fontSize=`${r.fontSize}px`),o};if(r?.enabled&&r.position==="left"){let o=u();o&&p.appendChild(o)}if(p.appendChild(i),r?.enabled&&r.position!=="left"&&r.position!=="below"){let o=u();o&&(o.style.marginLeft="auto",p.appendChild(o))}if(l.appendChild(p),r?.enabled&&r.position==="below"){let o=document.createElement("div");o.className="forms-expert-secondary-below";let g=r.align||s.buttonAlign||"left";o.style.justifyContent=g==="center"?"center":g==="right"?"flex-end":"flex-start",r.marginTop!=null&&(o.style.marginTop=`${r.marginTop}px`),r.marginBottom!=null&&(o.style.marginBottom=`${r.marginBottom}px`);let f=u();f&&(f.style.marginTop="0",f.style.marginBottom="0",o.appendChild(f)),l.appendChild(o)}if(s.showBranding!==!1){let o=s.brandingText||"Powered by Forms Expert",g=s.brandingUrl||"https://mira.io",f=document.createElement("div");f.className="forms-expert-branding",f.innerHTML=`<a href="${g}" target="_blank" rel="noopener">${o}</a>`,l.appendChild(f)}return l}function B(t){let e=document.createElement("div");return e.className="forms-expert-success",e.innerHTML=`
408
+ `;else{let i=d?.buttonIcon,f=d?.buttonIconPosition||"left";if(i){u.style.display="inline-flex",u.style.alignItems="center",u.style.gap="0.5rem";let b=document.createElement("span");b.style.display="inline-flex",b.style.flexShrink="0",b.innerHTML=i;let x=document.createElement("span");x.textContent=o.submitText||"Submit",f==="right"?(u.appendChild(x),u.appendChild(b)):(u.appendChild(b),u.appendChild(x))}else u.textContent=o.submitText||"Submit"}let g=o.secondaryButton,h=()=>{if(!g?.enabled)return null;let i=document.createElement("a");if(i.className="forms-expert-secondary-btn",i.href=g.href||"#",i.style.display="inline-flex",i.style.alignItems="center",i.style.gap="0.5rem",g.icon){let x=document.createElement("span");x.style.display="inline-flex",x.style.flexShrink="0",x.innerHTML=g.icon;let C=document.createElement("span");C.textContent=g.text||"Learn More",g.iconPosition==="right"?(i.appendChild(C),i.appendChild(x)):(i.appendChild(x),i.appendChild(C))}else i.textContent=g.text||"Learn More";g.openInNewTab&&(i.target="_blank",i.rel="noopener noreferrer");let f=d?.primaryColor||"#3b82f6",b=g.color||f;return g.style==="filled"?(i.style.background=b,i.style.color=g.textColor||"#ffffff",i.style.border="none"):g.style==="outlined"?(i.style.background="transparent",i.style.color=g.textColor||b,i.style.border=`2px solid ${b}`):g.style==="link"?(i.style.background="transparent",i.style.color=g.textColor||b,i.style.border="none",i.style.textDecoration="underline"):(i.style.background="transparent",i.style.color=g.textColor||b,i.style.border="none"),g.marginTop!=null&&(i.style.marginTop=`${g.marginTop}px`),g.marginBottom!=null&&(i.style.marginBottom=`${g.marginBottom}px`),g.fontSize!=null&&(i.style.fontSize=`${g.fontSize}px`),i};if(g?.enabled&&g.position==="left"){let i=h();i&&r.appendChild(i)}if(r.appendChild(u),g?.enabled&&g.position!=="left"&&g.position!=="below"){let i=h();i&&(i.style.marginLeft="auto",r.appendChild(i))}if(n){r.style.marginTop="0",r.style.alignSelf="flex-end";let i=c.lastElementChild;i&&(i.style.marginBottom="0"),l.removeChild(c);let f=document.createElement("div");f.style.display="flex",f.style.gap="0.75rem",f.style.flexWrap="wrap",f.appendChild(c),f.appendChild(r),l.appendChild(f)}else l.appendChild(r);if(g?.enabled&&g.position==="below"){let i=document.createElement("div");i.className="forms-expert-secondary-below";let f=g.align||o.buttonAlign||"left";i.style.justifyContent=f==="center"?"center":f==="right"?"flex-end":"flex-start",g.marginTop!=null&&(i.style.marginTop=`${g.marginTop}px`),g.marginBottom!=null&&(i.style.marginBottom=`${g.marginBottom}px`);let b=h();b&&(b.style.marginTop="0",b.style.marginBottom="0",i.appendChild(b)),l.appendChild(i)}if(o.showBranding!==!1){let i=o.brandingText||"Powered by Forms Expert",f=o.brandingUrl||"https://mira.io",b=document.createElement("div");b.className="forms-expert-branding",b.innerHTML=`<a href="${f}" target="_blank" rel="noopener">${i}</a>`,l.appendChild(b)}return l}function I(t){let e=document.createElement("div");return e.className="forms-expert-success",e.innerHTML=`
409
409
  <svg class="forms-expert-success-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">
410
410
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
411
411
  </svg>
412
- <div class="forms-expert-success-message">${v(t)}</div>
413
- `,e}function I(t){return t.reduce((e,a)=>({...e,[a.field]:a.message}),{})}var C=class extends Error{constructor(a,s,l,c){super(a);this.code=s;this.statusCode=l;this.retryAfter=c;this.name="FormsError"}},w=class extends Error{constructor(a){super("Validation failed");this.errors=a;this.name="FormValidationError"}};var E=class{constructor(e){this.apiKey=e.apiKey,this.resourceId=e.resourceId,this.baseUrl=(e.baseUrl||"https://api.forms.expert/api/v1").replace(/\/$/,"")}buildUrl(e){let a=e.includes("?")?"&":"?";return`${this.baseUrl}${e}${a}token=${encodeURIComponent(this.apiKey)}`}async request(e,a,s){let l=this.buildUrl(a),c=await fetch(l,{method:e,headers:{"Content-Type":"application/json"},body:s?JSON.stringify(s):void 0}),d=await c.json();if(!c.ok)throw new C(d.message||"Request failed",d.code||"UNKNOWN_ERROR",c.status,d.retryAfter);return d}async isActive(e,a){let s=a?`?lang=${encodeURIComponent(a)}`:"";return this.request("GET",`/f/${this.resourceId}/${e}/is-active${s}`)}async validate(e,a){return this.request("POST",`/f/${this.resourceId}/${e}/validate`,{data:a})}async submit(e,a,s){let l=this.buildUrl(`/f/${this.resourceId}/${e}`);return Object.values(a).some(d=>d instanceof File||d instanceof FileList&&d.length>0)||s?.onProgress?this.submitWithFormData(l,a,s):this.request("POST",`/f/${this.resourceId}/${e}`,{data:a,pageUrl:s?.pageUrl||(typeof window<"u"?window.location.href:void 0),captchaToken:s?.captchaToken})}submitWithFormData(e,a,s){return new Promise((l,c)=>{let d=new FormData;for(let[p,i]of Object.entries(a))i instanceof File?d.append(p,i):i instanceof FileList?Array.from(i).forEach(r=>d.append(p,r)):i!=null&&d.append(`data[${p}]`,String(i));let n=s?.pageUrl||(typeof window<"u"?window.location.href:"");n&&d.append("pageUrl",n),s?.captchaToken&&d.append("captchaToken",s.captchaToken);let m=new XMLHttpRequest;s?.onProgress&&m.upload.addEventListener("progress",p=>{p.lengthComputable&&s.onProgress({loaded:p.loaded,total:p.total,percentage:Math.round(p.loaded/p.total*100)})}),m.addEventListener("load",()=>{try{let p=JSON.parse(m.responseText);m.status>=200&&m.status<300?l(p):c(new C(p.message||"Submission failed",p.code||"UNKNOWN_ERROR",m.status,p.retryAfter))}catch{c(new C("Invalid response","PARSE_ERROR",m.status))}}),m.addEventListener("error",()=>{c(new C("Network error","NETWORK_ERROR",0))}),m.addEventListener("abort",()=>{c(new C("Request aborted","ABORTED",0))}),m.open("POST",e),m.send(d)})}async trackView(e){let a=this.buildUrl(`/f/${this.resourceId}/${e}/view`);await fetch(a,{method:"POST",headers:{"Content-Type":"application/json"},body:"{}"}).catch(()=>{})}getResourceId(){return this.resourceId}getBaseUrl(){return this.baseUrl}};var N=class{constructor(e,a,s={}){this.config=null;this.apiClient=e,this.slug=a,this.options=s}async initialize(e){return this.config=await this.apiClient.isActive(this.slug,e),this.options.trackViews&&this.apiClient.trackView(this.slug),this.config}getConfig(){return this.config}isActive(){return this.config?.active??!1}requiresCaptcha(){return this.config?.settings?.captcha?.enabled??!1}getCaptchaProvider(){return this.config?.settings?.captcha?.provider}getSchema(){return this.config?.schema}async validate(e){return this.apiClient.validate(this.slug,e)}async submit(e,a){this.options.onSubmitStart?.();try{if(this.config?.mode==="schema"){let l=await this.validate(e);if(!l.valid)throw this.options.onValidationError?.(l.errors),new w(l.errors)}let s=await this.apiClient.submit(this.slug,e,a);return this.options.onSubmitSuccess?.(s),s}catch(s){throw s instanceof C&&this.options.onSubmitError?.(s),s}}getSuccessMessage(){return this.config?.settings?.successMessage||"Form submitted successfully!"}getRedirectUrl(){return this.config?.settings?.redirectUrl}},k=class{constructor(e){this.apiClient=new E(e)}async isActive(e,a){return this.apiClient.isActive(e,a)}async validate(e,a){return this.apiClient.validate(e,a)}async submit(e,a,s){return this.apiClient.submit(e,a,s)}form(e,a){return new N(this.apiClient,e,a)}async trackView(e){return this.apiClient.trackView(e)}async submitWithRetry(e,a,s){let l=s?.maxRetries??3,c=null;for(let d=0;d<l;d++)try{return await this.submit(e,a,s)}catch(n){if(c=n,n instanceof C){if(["VALIDATION_ERROR","CAPTCHA_REQUIRED","ORIGIN_NOT_ALLOWED"].includes(n.code))throw n;if(n.code.includes("RATE_LIMIT")){let m=n.retryAfter||Math.pow(2,d)*1e3;await new Promise(p=>setTimeout(p,m));continue}}await new Promise(m=>setTimeout(m,Math.pow(2,d)*1e3))}throw c}};var T=class{constructor(e,a){this.config=null;this.values={};this.errors={};this.isLoading=!1;this.isSubmitted=!1;this.styleEl=null;this.sdk=new k(e),this.options=a;let s=a.target;if(typeof s=="string"){let l=document.querySelector(s);if(!l)throw new Error(`Element not found: ${s}`);this.container=l}else this.container=s}async init(){try{if(this.renderLoading(),this.config=await this.sdk.isActive(this.options.slug,this.options.lang),!this.config.active){this.renderError("This form is not available");return}this.options.trackViews&&this.sdk.trackView(this.options.slug),this.injectStyles(),this.render()}catch(e){this.renderError("Failed to load form"),this.options.onError?.(e)}}injectStyles(){if(this.styleEl)return;this.styleEl=document.createElement("style"),this.styleEl.id=`forms-expert-styles-${this.options.slug}`;let e={...this.config?.schema?.styling,...this.config?.styling};this.styleEl.textContent=z(e),document.head.appendChild(this.styleEl),this.injectGoogleFont(e?.fontFamily)}injectGoogleFont(e){if(!e)return;let a=["Inter","Roboto","Open Sans","Lato","Poppins","Montserrat","Nunito","Source Sans Pro","Raleway","Ubuntu","Playfair Display","Merriweather"],s=e.split(",")[0]?.trim();if(!s||!a.includes(s))return;let l=`forms-expert-font-${this.options.slug}`;if(document.getElementById(l))return;let c=document.createElement("link");c.id=l,c.rel="stylesheet",c.href=`https://fonts.googleapis.com/css2?family=${s.replace(/ /g,"+")}:wght@400;500;600;700&display=swap`,document.head.appendChild(c)}render(){if(!this.config?.schema)return;if(this.isSubmitted){this.container.innerHTML="";let l=this.config.settings?.successMessage||"Form submitted successfully!";this.container.appendChild(B(l));return}let e={...this.config.schema.styling,...this.config.styling},a={...this.config.schema,styling:e},s=P(a,this.values,this.errors,{honeypot:this.config.settings?.honeypot,showBranding:this.config.branding?.enabled!==!1,brandingText:this.config.branding?.text,brandingUrl:this.config.branding?.url,submitText:e.buttonText||this.options.submitText,isLoading:this.isLoading,hideRequiredAsterisk:e.hideRequiredAsterisk,formName:this.config.hostedConfig?.pageTitle||this.config.name,showFormName:this.config.settings?.showFormName,secondaryButton:e.secondaryButton,buttonAlign:e.buttonAlign,buttonClassName:e.buttonClassName,formNameFontSize:e.formNameFontSize,formNameFontWeight:e.formNameFontWeight});s.addEventListener("input",l=>{let c=l.target;c.name&&c.name!=="_hp"&&c.name!=="pageUrl"&&(c.type==="checkbox"?this.values[c.name]=c.checked:c.type==="file"?this.values[c.name]=c.multiple?c.files:c.files?.[0]:this.values[c.name]=c.value,this.errors[c.name]&&(delete this.errors[c.name],this.render()))}),s.addEventListener("submit",l=>{l.preventDefault(),this.handleSubmit()}),this.container.innerHTML="",this.container.appendChild(s)}async handleSubmit(){if(!(this.isLoading||!this.config)){this.isLoading=!0,this.errors={},this.render();try{let e=await this.sdk.submit(this.options.slug,this.values);this.isLoading=!1,this.isSubmitted=!0,this.render(),this.options.onSuccess?.(e);let a=this.options.redirectUrl||this.config.settings?.redirectUrl;a&&setTimeout(()=>{window.location.href=a},1500),this.options.resetOnSuccess&&setTimeout(()=>{this.reset()},3e3)}catch(e){this.isLoading=!1,e instanceof w?(this.errors=I(e.errors),this.options.onValidationError?.(e.errors)):this.options.onError?.(e),this.render()}}}reset(){this.values={},this.errors={},this.isLoading=!1,this.isSubmitted=!1,this.render()}renderLoading(){this.container.innerHTML=`
412
+ <div class="forms-expert-success-message">${k(t)}</div>
413
+ `,e}function M(t){return t.reduce((e,a)=>({...e,[a.field]:a.message}),{})}var S=class extends Error{constructor(a,o,l,d){super(a);this.code=o;this.statusCode=l;this.retryAfter=d;this.name="FormsError"}},v=class extends Error{constructor(a){super("Validation failed");this.errors=a;this.name="FormValidationError"}};var $=class{constructor(e){this.apiKey=e.apiKey,this.resourceId=e.resourceId,this.baseUrl=(e.baseUrl||"https://api.forms.expert/api/v1").replace(/\/$/,"")}buildUrl(e){let a=e.includes("?")?"&":"?";return`${this.baseUrl}${e}${a}token=${encodeURIComponent(this.apiKey)}`}async request(e,a,o){let l=this.buildUrl(a),d=await fetch(l,{method:e,headers:{"Content-Type":"application/json"},body:o?JSON.stringify(o):void 0}),m=await d.json();if(!d.ok)throw new S(m.message||"Request failed",m.code||"UNKNOWN_ERROR",d.status,m.retryAfter);return m}async isActive(e,a){let o=a?`?lang=${encodeURIComponent(a)}`:"";return this.request("GET",`/f/${this.resourceId}/${e}/is-active${o}`)}async validate(e,a){return this.request("POST",`/f/${this.resourceId}/${e}/validate`,{data:a})}async submit(e,a,o){let l=this.buildUrl(`/f/${this.resourceId}/${e}`);return Object.values(a).some(m=>m instanceof File||m instanceof FileList&&m.length>0)||o?.onProgress?this.submitWithFormData(l,a,o):this.request("POST",`/f/${this.resourceId}/${e}`,{data:a,pageUrl:o?.pageUrl||(typeof window<"u"?window.location.href:void 0),captchaToken:o?.captchaToken})}submitWithFormData(e,a,o){return new Promise((l,d)=>{let m=new FormData;for(let[p,s]of Object.entries(a))s instanceof File?m.append(p,s):s instanceof FileList?Array.from(s).forEach(r=>m.append(p,r)):s!=null&&m.append(`data[${p}]`,String(s));let n=o?.pageUrl||(typeof window<"u"?window.location.href:"");n&&m.append("pageUrl",n),o?.captchaToken&&m.append("captchaToken",o.captchaToken);let c=new XMLHttpRequest;o?.onProgress&&c.upload.addEventListener("progress",p=>{p.lengthComputable&&o.onProgress({loaded:p.loaded,total:p.total,percentage:Math.round(p.loaded/p.total*100)})}),c.addEventListener("load",()=>{try{let p=JSON.parse(c.responseText);c.status>=200&&c.status<300?l(p):d(new S(p.message||"Submission failed",p.code||"UNKNOWN_ERROR",c.status,p.retryAfter))}catch{d(new S("Invalid response","PARSE_ERROR",c.status))}}),c.addEventListener("error",()=>{d(new S("Network error","NETWORK_ERROR",0))}),c.addEventListener("abort",()=>{d(new S("Request aborted","ABORTED",0))}),c.open("POST",e),c.send(m)})}async trackView(e){let a=this.buildUrl(`/f/${this.resourceId}/${e}/view`);await fetch(a,{method:"POST",headers:{"Content-Type":"application/json"},body:"{}"}).catch(()=>{})}getResourceId(){return this.resourceId}getBaseUrl(){return this.baseUrl}};var R=class{constructor(e,a,o={}){this.config=null;this.apiClient=e,this.slug=a,this.options=o}async initialize(e){return this.config=await this.apiClient.isActive(this.slug,e),this.options.trackViews&&this.apiClient.trackView(this.slug),this.config}getConfig(){return this.config}isActive(){return this.config?.active??!1}requiresCaptcha(){return this.config?.settings?.captcha?.enabled??!1}getCaptchaProvider(){return this.config?.settings?.captcha?.provider}getSchema(){return this.config?.schema}async validate(e){return this.apiClient.validate(this.slug,e)}async submit(e,a){this.options.onSubmitStart?.();try{if(this.config?.mode==="schema"){let l=await this.validate(e);if(!l.valid)throw this.options.onValidationError?.(l.errors),new v(l.errors)}let o=await this.apiClient.submit(this.slug,e,a);return this.options.onSubmitSuccess?.(o),o}catch(o){throw o instanceof S&&this.options.onSubmitError?.(o),o}}getSuccessMessage(){return this.config?.settings?.successMessage||"Form submitted successfully!"}getRedirectUrl(){return this.config?.settings?.redirectUrl}},F=class{constructor(e){this.apiClient=new $(e)}async isActive(e,a){return this.apiClient.isActive(e,a)}async validate(e,a){return this.apiClient.validate(e,a)}async submit(e,a,o){return this.apiClient.submit(e,a,o)}form(e,a){return new R(this.apiClient,e,a)}async trackView(e){return this.apiClient.trackView(e)}async submitWithRetry(e,a,o){let l=o?.maxRetries??3,d=null;for(let m=0;m<l;m++)try{return await this.submit(e,a,o)}catch(n){if(d=n,n instanceof S){if(["VALIDATION_ERROR","CAPTCHA_REQUIRED","ORIGIN_NOT_ALLOWED"].includes(n.code))throw n;if(n.code.includes("RATE_LIMIT")){let c=n.retryAfter||Math.pow(2,m)*1e3;await new Promise(p=>setTimeout(p,c));continue}}await new Promise(c=>setTimeout(c,Math.pow(2,m)*1e3))}throw d}};var L=class{constructor(e,a){this.config=null;this.values={};this.errors={};this.isLoading=!1;this.isSubmitted=!1;this.styleEl=null;this.sdk=new F(e),this.options=a;let o=a.target;if(typeof o=="string"){let l=document.querySelector(o);if(!l)throw new Error(`Element not found: ${o}`);this.container=l}else this.container=o}async init(){try{if(this.renderLoading(),this.config=await this.sdk.isActive(this.options.slug,this.options.lang),!this.config.active){this.renderError("This form is not available");return}this.options.trackViews&&this.sdk.trackView(this.options.slug),this.injectStyles(),this.render()}catch(e){this.renderError("Failed to load form"),this.options.onError?.(e)}}injectStyles(){if(this.styleEl)return;this.styleEl=document.createElement("style"),this.styleEl.id=`forms-expert-styles-${this.options.slug}`;let e={...this.config?.schema?.styling,...this.config?.styling};this.styleEl.textContent=P(e),document.head.appendChild(this.styleEl),this.injectGoogleFont(e?.fontFamily)}injectGoogleFont(e){if(!e)return;let a=["Inter","Roboto","Open Sans","Lato","Poppins","Montserrat","Nunito","Source Sans Pro","Raleway","Ubuntu","Playfair Display","Merriweather"],o=e.split(",")[0]?.trim();if(!o||!a.includes(o))return;let l=`forms-expert-font-${this.options.slug}`;if(document.getElementById(l))return;let d=document.createElement("link");d.id=l,d.rel="stylesheet",d.href=`https://fonts.googleapis.com/css2?family=${o.replace(/ /g,"+")}:wght@400;500;600;700&display=swap`,document.head.appendChild(d)}render(){if(!this.config?.schema)return;if(this.isSubmitted){this.container.innerHTML="";let l=this.config.settings?.successMessage||"Form submitted successfully!";this.container.appendChild(I(l));return}let e={...this.config.schema.styling,...this.config.styling},a={...this.config.schema,styling:e},o=B(a,this.values,this.errors,{honeypot:this.config.settings?.honeypot,showBranding:this.config.branding?.enabled!==!1,brandingText:this.config.branding?.text,brandingUrl:this.config.branding?.url,submitText:e.buttonText||this.options.submitText,isLoading:this.isLoading,hideRequiredAsterisk:e.hideRequiredAsterisk,formName:this.config.hostedConfig?.pageTitle||this.config.name,showFormName:this.config.settings?.showFormName,secondaryButton:e.secondaryButton,buttonAlign:e.buttonAlign,buttonClassName:e.buttonClassName,formNameFontSize:e.formNameFontSize,formNameFontWeight:e.formNameFontWeight});o.addEventListener("input",l=>{let d=l.target;d.name&&d.name!=="_hp"&&d.name!=="pageUrl"&&(d.type==="checkbox"?this.values[d.name]=d.checked:d.type==="file"?this.values[d.name]=d.multiple?d.files:d.files?.[0]:this.values[d.name]=d.value,this.errors[d.name]&&(delete this.errors[d.name],this.render()))}),o.addEventListener("submit",l=>{l.preventDefault(),this.handleSubmit()}),this.container.innerHTML="",this.container.appendChild(o)}async handleSubmit(){if(!(this.isLoading||!this.config)){this.isLoading=!0,this.errors={},this.render();try{let e=await this.sdk.submit(this.options.slug,this.values);this.isLoading=!1,this.isSubmitted=!0,this.render(),this.options.onSuccess?.(e);let a=this.options.redirectUrl||this.config.settings?.redirectUrl;a&&setTimeout(()=>{window.location.href=a},1500),this.options.resetOnSuccess&&setTimeout(()=>{this.reset()},3e3)}catch(e){this.isLoading=!1,e instanceof v?(this.errors=M(e.errors),this.options.onValidationError?.(e.errors)):this.options.onError?.(e),this.render()}}}reset(){this.values={},this.errors={},this.isLoading=!1,this.isSubmitted=!1,this.render()}renderLoading(){this.container.innerHTML=`
414
414
  <div class="forms-expert" style="display: flex; align-items: center; justify-content: center; padding: 2rem;">
415
415
  <svg width="24" height="24" viewBox="0 0 24 24" style="animation: fe-spin 1s linear infinite; color: #9ca3af;">
416
416
  <circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="3" fill="none" stroke-dasharray="31.4 31.4" stroke-linecap="round"/>
@@ -421,5 +421,5 @@ ${e.customCss||""}
421
421
  <div class="forms-expert" style="text-align: center; padding: 2rem; color: #ef4444;">
422
422
  <p>${e}</p>
423
423
  </div>
424
- `}destroy(){this.container.innerHTML="",this.styleEl?.remove(),this.styleEl=null}};function M(){document.querySelectorAll("[data-forms-expert]").forEach(e=>{let a=e.getAttribute("data-api-key"),s=e.getAttribute("data-resource-id"),l=e.getAttribute("data-forms-expert"),c=e.getAttribute("data-base-url")||void 0;if(!a||!s||!l){console.error("Forms Expert: Missing required attributes",{apiKey:!!a,resourceId:!!s,slug:!!l});return}new T({apiKey:a,resourceId:s,baseUrl:c},{target:e,slug:l,trackViews:e.getAttribute("data-track-views")==="true",submitText:e.getAttribute("data-submit-text")||void 0,resetOnSuccess:e.getAttribute("data-reset")==="true",lang:e.getAttribute("data-lang")||void 0}).init()})}typeof window<"u"&&(document.readyState==="loading"?document.addEventListener("DOMContentLoaded",M):M());export{T as FormWidget,M as autoInit,I as errorsToRecord,z as generateFormStyles,F as renderField,P as renderForm,B as renderSuccess};
424
+ `}destroy(){this.container.innerHTML="",this.styleEl?.remove(),this.styleEl=null}};function A(){document.querySelectorAll("[data-forms-expert]").forEach(e=>{let a=e.getAttribute("data-api-key"),o=e.getAttribute("data-resource-id"),l=e.getAttribute("data-forms-expert"),d=e.getAttribute("data-base-url")||void 0;if(!a||!o||!l){console.error("Forms Expert: Missing required attributes",{apiKey:!!a,resourceId:!!o,slug:!!l});return}new L({apiKey:a,resourceId:o,baseUrl:d},{target:e,slug:l,trackViews:e.getAttribute("data-track-views")==="true",submitText:e.getAttribute("data-submit-text")||void 0,resetOnSuccess:e.getAttribute("data-reset")==="true",lang:e.getAttribute("data-lang")||void 0}).init()})}typeof window<"u"&&(document.readyState==="loading"?document.addEventListener("DOMContentLoaded",A):A());export{L as FormWidget,A as autoInit,M as errorsToRecord,P as generateFormStyles,T as renderField,B as renderForm,I as renderSuccess};
425
425
  //# sourceMappingURL=index.js.map