@forms.expert/sdk 0.2.0 → 0.2.2

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 (11) hide show
  1. package/dist/react/index.cjs +6 -6
  2. package/dist/react/index.cjs.map +1 -1
  3. package/dist/react/index.js +6 -6
  4. package/dist/react/index.js.map +1 -1
  5. package/dist/vanilla/index.cjs +26 -26
  6. package/dist/vanilla/index.cjs.map +1 -1
  7. package/dist/vanilla/index.global.js +26 -26
  8. package/dist/vanilla/index.global.js.map +1 -1
  9. package/dist/vanilla/index.js +30 -30
  10. package/dist/vanilla/index.js.map +1 -1
  11. package/package.json +1 -1
package/dist/vanilla/index.js CHANGED
@@ -1,4 +1,4 @@
1
- var w={theme:"light",primaryColor:"#3b82f6",backgroundColor:"#ffffff",textColor:"#1f2937",borderRadius:"md",fontSize:"md",buttonStyle:"filled",labelPosition:"top"};function P(r){switch(r){case"none":return"0";case"sm":return"0.125rem";case"md":return"0.375rem";case"lg":return"0.5rem";default:return"0.375rem"}}function A(r){switch(r){case"none":return"0";case"small":return"4px";case"medium":return"8px";case"large":return"12px";case"full":return"9999px";default:return"8px"}}function z(r){switch(r){case"sm":return"0.875rem";case"md":return"1rem";case"lg":return"1.125rem";default:return"1rem"}}function U(r){switch(r){case"small":return"0.75rem";case"large":return"1rem";default:return"0.875rem"}}function M(r){switch(r){case"compact":return"0.5rem";case"relaxed":return"1.5rem";case"spacious":return"2rem";default:return"1rem"}}function I(r){switch(r){case"none":return"0";case"compact":return"1rem";case"relaxed":return"2.5rem";case"spacious":return"3.5rem";default:return"1.5rem"}}function O(r){switch(r){case"compact":return"0.125rem";case"relaxed":return"0.75rem";default:return"0.25rem"}}function B(r){switch(r){case"narrow":return"28rem";case"wide":return"48rem";case"full":return"100%";default:return"36rem"}}function H(r){switch(r){case"left":return"flex-start";case"right":return"flex-end";default:return"center"}}function v(r=w){let e={...w,...r},s=P(e.borderRadius),m=A(e.buttonRadius),i=z(e.fontSize),u=U(e.placeholderFontSize),c=M(e.fieldSpacing),a=I(e.formPadding),n=O(e.labelSpacing),o=B(e.formWidth),p=e.primaryColor,t=e.buttonColor,l=e.fontFamily||"system-ui, -apple-system, sans-serif",d=H(e.buttonAlign),S={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"],R=e.buttonPaddingX!=null?`${e.buttonPaddingX}px`:S.px,N=e.buttonPaddingY!=null?`${e.buttonPaddingY}px`:S.py,L=e.buttonGradient||(e.buttonStyle==="filled"?p:"transparent");return`
1
+ var E={theme:"light",primaryColor:"#3b82f6",backgroundColor:"#ffffff",textColor:"#1f2937",borderRadius:"md",fontSize:"md",buttonStyle:"filled",labelPosition:"top"};function L(r){switch(r){case"none":return"0";case"sm":return"0.125rem";case"md":return"0.375rem";case"lg":return"0.5rem";default:return"0.375rem"}}function P(r){switch(r){case"none":return"0";case"small":return"4px";case"medium":return"8px";case"large":return"12px";case"full":return"9999px";default:return"8px"}}function A(r){switch(r){case"sm":return"0.875rem";case"md":return"1rem";case"lg":return"1.125rem";default:return"1rem"}}function z(r){switch(r){case"small":return"0.75rem";case"large":return"1rem";default:return"0.875rem"}}function U(r){switch(r){case"compact":return"0.5rem";case"relaxed":return"1.5rem";case"spacious":return"2rem";default:return"1rem"}}function M(r){switch(r){case"none":return"0";case"compact":return"1rem";case"relaxed":return"2.5rem";case"spacious":return"3.5rem";default:return"1.5rem"}}function I(r){switch(r){case"compact":return"0.125rem";case"relaxed":return"0.75rem";default:return"0.25rem"}}function O(r){switch(r){case"narrow":return"28rem";case"wide":return"48rem";case"full":return"100%";default:return"36rem"}}function B(r){switch(r){case"left":return"flex-start";case"right":return"flex-end";default:return"center"}}function w(r=E){let e={...E,...r},a=L(e.borderRadius),d=P(e.buttonRadius),l=A(e.fontSize),c=z(e.placeholderFontSize),o=U(e.fieldSpacing),n=M(e.formPadding),m=I(e.labelSpacing),i=O(e.formWidth),s=e.primaryColor,t=e.buttonColor,p=e.fontFamily||"system-ui, -apple-system, sans-serif",u=B(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"],T=e.buttonPaddingX!=null?`${e.buttonPaddingX}px`:y.px,R=e.buttonPaddingY!=null?`${e.buttonPaddingY}px`:y.py,N=e.buttonGradient||(e.buttonStyle==="filled"?s:"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 w={theme:"light",primaryColor:"#3b82f6",backgroundColor:"#ffffff",textColor:
13
13
  }
14
14
 
15
15
  .forms-expert {
16
- font-family: ${l};
17
- font-size: ${i};
16
+ font-family: ${p};
17
+ font-size: ${l};
18
18
  color: ${e.textColor};
19
19
  background-color: ${e.transparentBackground?"transparent":e.backgroundColor};
20
- padding: ${a};
21
- border-radius: ${s};
20
+ padding: ${n};
21
+ border-radius: ${a};
22
22
  box-sizing: border-box;
23
- max-width: ${o};
23
+ max-width: ${i};
24
24
  width: 100%;
25
25
  margin: 0 auto;
26
26
  position: relative;
@@ -44,12 +44,12 @@ var w={theme:"light",primaryColor:"#3b82f6",backgroundColor:"#ffffff",textColor:
44
44
  width: 100%;
45
45
  max-height: 200px;
46
46
  object-fit: cover;
47
- border-radius: ${s} ${s} 0 0;
47
+ border-radius: ${a} ${a} 0 0;
48
48
  margin-bottom: 1rem;
49
49
  }
50
50
 
51
51
  .forms-expert-group {
52
- margin-bottom: ${c};
52
+ margin-bottom: ${o};
53
53
  ${e.labelPosition==="left"||e.fieldLayout==="inline"?"display: flex; align-items: flex-start; gap: 1rem;":""}
54
54
  }
55
55
 
@@ -57,7 +57,7 @@ var w={theme:"light",primaryColor:"#3b82f6",backgroundColor:"#ffffff",textColor:
57
57
  display: block;
58
58
  font-weight: 500;
59
59
  color: ${e.textColor};
60
- ${e.labelPosition==="left"||e.fieldLayout==="inline"?"width: 33%; flex-shrink: 0; padding-top: 0.5rem; margin-bottom: 0;":`margin-bottom: ${n};`}
60
+ ${e.labelPosition==="left"||e.fieldLayout==="inline"?"width: 33%; flex-shrink: 0; padding-top: 0.5rem; margin-bottom: 0;":`margin-bottom: ${m};`}
61
61
  }
62
62
 
63
63
  .forms-expert-required {
@@ -76,8 +76,8 @@ var w={theme:"light",primaryColor:"#3b82f6",backgroundColor:"#ffffff",textColor:
76
76
  padding: 0.5rem 0.75rem;
77
77
  border: ${e.fieldBorderStyle==="bottom"?"none":`1px solid ${e.theme==="dark"?"#4b5563":"#d1d5db"}`};
78
78
  ${e.fieldBorderStyle==="bottom"?`border-bottom: 1px solid ${e.theme==="dark"?"#4b5563":"#d1d5db"};`:""}
79
- border-radius: ${e.fieldBorderStyle==="bottom"?"0":s};
80
- font-size: ${i};
79
+ border-radius: ${e.fieldBorderStyle==="bottom"?"0":a};
80
+ font-size: ${l};
81
81
  font-family: inherit;
82
82
  background-color: ${e.theme==="dark"?"#374151":"#ffffff"};
83
83
  color: ${e.textColor};
@@ -86,7 +86,7 @@ var w={theme:"light",primaryColor:"#3b82f6",backgroundColor:"#ffffff",textColor:
86
86
 
87
87
  .forms-expert-input::placeholder,
88
88
  .forms-expert-textarea::placeholder {
89
- font-size: ${u};
89
+ font-size: ${c};
90
90
  }
91
91
 
92
92
  .forms-expert-input:focus,
@@ -112,7 +112,7 @@ var w={theme:"light",primaryColor:"#3b82f6",backgroundColor:"#ffffff",textColor:
112
112
  display: flex;
113
113
  align-items: center;
114
114
  gap: 0.5rem;
115
- margin-bottom: ${c};
115
+ margin-bottom: ${o};
116
116
  }
117
117
 
118
118
  .forms-expert-checkbox {
@@ -131,8 +131,8 @@ var w={theme:"light",primaryColor:"#3b82f6",backgroundColor:"#ffffff",textColor:
131
131
  padding: 0.5rem 0.75rem;
132
132
  border: ${e.fieldBorderStyle==="bottom"?"none":`1px solid ${e.theme==="dark"?"#4b5563":"#d1d5db"}`};
133
133
  ${e.fieldBorderStyle==="bottom"?`border-bottom: 1px solid ${e.theme==="dark"?"#4b5563":"#d1d5db"};`:""}
134
- border-radius: ${e.fieldBorderStyle==="bottom"?"0":s};
135
- font-size: ${i};
134
+ border-radius: ${e.fieldBorderStyle==="bottom"?"0":a};
135
+ font-size: ${l};
136
136
  background-color: ${e.theme==="dark"?"#374151":"#ffffff"};
137
137
  cursor: pointer;
138
138
  }
@@ -145,7 +145,7 @@ var w={theme:"light",primaryColor:"#3b82f6",backgroundColor:"#ffffff",textColor:
145
145
 
146
146
  .forms-expert-button-wrapper {
147
147
  display: flex;
148
- justify-content: ${d};
148
+ justify-content: ${u};
149
149
  margin-top: 1rem;
150
150
  gap: 0.5rem;
151
151
  flex-wrap: wrap;
@@ -153,14 +153,14 @@ var w={theme:"light",primaryColor:"#3b82f6",backgroundColor:"#ffffff",textColor:
153
153
 
154
154
  .forms-expert-button {
155
155
  ${e.buttonFullWidth?"width: 100%;":e.buttonAlign?"":"width: 100%;"}
156
- padding: ${N} ${R};
156
+ padding: ${R} ${T};
157
157
  font-weight: 500;
158
- font-size: ${S.fs};
158
+ font-size: ${y.fs};
159
159
  font-family: inherit;
160
- border-radius: ${m};
160
+ border-radius: ${d};
161
161
  cursor: pointer;
162
162
  transition: opacity 0.2s, transform 0.1s;
163
- ${e.buttonStyle==="filled"?`background: ${L}; color: ${t||"white"}; border: none;`:`background: transparent; color: ${p}; border: 2px solid ${p};`}
163
+ ${e.buttonStyle==="filled"?`background: ${N}; color: ${t||"white"}; border: none;`:`background: transparent; color: ${s}; border: 2px solid ${s};`}
164
164
  }
165
165
 
166
166
  .forms-expert-button:hover {
@@ -245,9 +245,9 @@ var w={theme:"light",primaryColor:"#3b82f6",backgroundColor:"#ffffff",textColor:
245
245
  justify-content: center;
246
246
  padding: 0.625rem 1.25rem;
247
247
  font-weight: 500;
248
- font-size: ${i};
248
+ font-size: ${l};
249
249
  font-family: inherit;
250
- border-radius: ${m};
250
+ border-radius: ${d};
251
251
  cursor: pointer;
252
252
  transition: opacity 0.2s;
253
253
  text-decoration: none;
@@ -272,7 +272,7 @@ var w={theme:"light",primaryColor:"#3b82f6",backgroundColor:"#ffffff",textColor:
272
272
  .forms-expert-scale { display: flex; gap: 0.25rem; flex-wrap: wrap; }
273
273
  .forms-expert-scale-labels { display: flex; justify-content: space-between; font-size: 0.75rem; color: ${e.theme==="dark"?"#9ca3af":"#6b7280"}; margin-top: 0.25rem; }
274
274
  .forms-expert-scale-btn {
275
- min-width: 2.25rem; height: 2.25rem; border-radius: ${s}; cursor: pointer;
275
+ min-width: 2.25rem; height: 2.25rem; border-radius: ${a}; cursor: pointer;
276
276
  border: 1px solid ${e.theme==="dark"?"#4b5563":"#d1d5db"};
277
277
  background: ${e.theme==="dark"?"#374151":"#ffffff"}; color: ${e.textColor};
278
278
  font-size: 0.875rem; transition: all 0.15s;
@@ -296,24 +296,24 @@ var w={theme:"light",primaryColor:"#3b82f6",backgroundColor:"#ffffff",textColor:
296
296
  /* Image choice */
297
297
  .forms-expert-image-choice { display: flex; flex-wrap: wrap; gap: 0.5rem; }
298
298
  .forms-expert-image-choice-item {
299
- border: 2px solid ${e.theme==="dark"?"#4b5563":"#d1d5db"}; border-radius: ${s};
299
+ border: 2px solid ${e.theme==="dark"?"#4b5563":"#d1d5db"}; border-radius: ${a};
300
300
  padding: 0.5rem; cursor: pointer; text-align: center; transition: border-color 0.15s;
301
301
  }
302
302
  .forms-expert-image-choice-item.active { border-color: ${e.primaryColor}; }
303
- .forms-expert-image-choice-item img { max-width: 80px; max-height: 80px; object-fit: cover; border-radius: ${s}; }
303
+ .forms-expert-image-choice-item img { max-width: 80px; max-height: 80px; object-fit: cover; border-radius: ${a}; }
304
304
 
305
305
  ${e.customCss||""}
306
- `.trim()}function b(r){let e=document.createElement("div");return e.textContent=r,e.innerHTML}function V(r){switch(r){case"small":return"18px";case"large":return"30px";case"extra-large":return"36px";default:return"24px"}}function q(r){switch(r){case"small":return"14px";case"large":return"18px";default:return"16px"}}function W(r,e,s,m){let i=document.createElement("div");if(r.type==="heading"){i.className="forms-expert-group";let n=document.createElement("h3");if(n.className="forms-expert-heading",n.style.fontSize=V(m?.headingSize),n.textContent=r.label||"",i.appendChild(n),r.content){let o=document.createElement("p");o.className="forms-expert-heading-subtitle",o.textContent=r.content,i.appendChild(o)}return i}if(r.type==="divider"){let n=document.createElement("hr");return n.className="forms-expert-divider",n}if(r.type==="paragraph"){i.className="forms-expert-group";let n=r.paragraphFontSize?`${r.paragraphFontSize}px`:q(m?.paragraphSize);if(r.label){let o=document.createElement("p");o.className="forms-expert-paragraph-label",o.style.fontSize=n,o.textContent=r.label,i.appendChild(o)}if(r.content){let o=document.createElement("div");o.className="forms-expert-paragraph",o.style.fontSize=n,o.innerHTML=r.content,i.appendChild(o)}return i}if(r.type==="hidden"){let n=document.createElement("input");return n.type="hidden",n.name=r.name,n.value=String(r.defaultValue??e??""),i.appendChild(n),i.style.display="none",i}if(r.type==="checkbox"||r.type==="toggle"||r.type==="consent"){i.className="forms-expert-checkbox-group";let n=document.createElement("input");n.type="checkbox",n.id=`mira-field-${r.name}`,n.name=r.name,n.className="forms-expert-checkbox",n.checked=!!e,r.required&&(n.required=!0);let o=document.createElement("label");o.htmlFor=n.id;let p=r.type==="consent"?r.consentText||r.label||r.name:r.label||r.name;if(o.innerHTML=`${b(p)}${r.required?'<span class="forms-expert-required">*</span>':""}`,i.appendChild(n),i.appendChild(o),r.type==="consent"&&r.consentUrl){let t=document.createElement("a");t.href=r.consentUrl,t.target="_blank",t.rel="noopener noreferrer",t.textContent="View policy",t.className="forms-expert-consent-link",i.appendChild(t)}if(s){let t=document.createElement("div");t.className="forms-expert-error-message",t.textContent=s,i.appendChild(t)}return i}i.className="forms-expert-group";let u=document.createElement("label");u.className="forms-expert-label",u.htmlFor=`mira-field-${r.name}`,u.innerHTML=`${b(r.label||r.name)}${r.required?'<span class="forms-expert-required">*</span>':""}`,i.appendChild(u);let c=document.createElement("div");c.className="forms-expert-input-wrapper";let a;switch(r.type){case"textarea":case"richText":a=document.createElement("textarea"),a.className="forms-expert-textarea",a.value=String(e||""),r.maxLength&&(a.maxLength=r.maxLength);break;case"select":case"dropdown":{a=document.createElement("select"),a.className="forms-expert-select";let n=document.createElement("option");n.value="",n.textContent=r.placeholder||"Select an option...",a.appendChild(n),(r.options||[]).forEach(p=>{let t=document.createElement("option");t.value=p,t.textContent=p,e===p&&(t.selected=!0),a.appendChild(t)});break}case"radio":{let n=document.createElement("div");if(n.className="forms-expert-radio-group",(r.options||[]).forEach(p=>{let t=document.createElement("label");t.className="forms-expert-radio-item";let l=document.createElement("input");l.type="radio",l.name=r.name,l.value=p,l.checked=e===p,t.appendChild(l),t.appendChild(document.createTextNode(` ${p}`)),n.appendChild(t)}),c.appendChild(n),s){let p=document.createElement("div");p.className="forms-expert-error-message",p.textContent=s,c.appendChild(p)}return i.appendChild(c),i}case"multiselect":{let n=document.createElement("div");n.className="forms-expert-multiselect-group";let o=e||[];if((r.options||[]).forEach(t=>{let l=document.createElement("label");l.className="forms-expert-checkbox-item";let d=document.createElement("input");d.type="checkbox",d.name=r.name,d.value=t,d.checked=o.includes(t),l.appendChild(d),l.appendChild(document.createTextNode(` ${t}`)),n.appendChild(l)}),c.appendChild(n),s){let t=document.createElement("div");t.className="forms-expert-error-message",t.textContent=s,c.appendChild(t)}return i.appendChild(c),i}case"rating":{let n=document.createElement("div");n.className="forms-expert-rating";let o=r.ratingMax||5,p=e||0;for(let t=1;t<=o;t++){let l=document.createElement("button");l.type="button",l.className=`forms-expert-rating-star ${t<=p?"active":""}`,l.textContent="\u2605",l.dataset.value=String(t),n.appendChild(l)}if(c.appendChild(n),s){let t=document.createElement("div");t.className="forms-expert-error-message",t.textContent=s,c.appendChild(t)}return i.appendChild(c),i}case"scale":case"opinionScale":{let n=document.createElement("div");n.className="forms-expert-scale";let o=r.min??(r.type==="opinionScale"?0:1),p=r.max??(r.type==="opinionScale"?10:5),t=e;for(let l=o;l<=p;l++){let d=document.createElement("button");d.type="button",d.className=`forms-expert-scale-btn ${t===l?"active":""}`,d.textContent=String(l),d.dataset.value=String(l),n.appendChild(d)}if(c.appendChild(n),r.lowLabel||r.highLabel){let l=document.createElement("div");l.className="forms-expert-scale-labels",l.innerHTML=`<span>${b(r.lowLabel||"")}</span><span>${b(r.highLabel||"")}</span>`,c.appendChild(l)}if(s){let l=document.createElement("div");l.className="forms-expert-error-message",l.textContent=s,c.appendChild(l)}return i.appendChild(c),i}case"slider":{a=document.createElement("input"),a.type="range",a.className="forms-expert-slider",a.min=String(r.min??0),a.max=String(r.max??100),a.step=String(r.step??1),a.value=String(e??r.min??0);break}case"file":a=document.createElement("input"),a.type="file",a.className="forms-expert-file",r.allowedMimeTypes?.length&&(a.accept=r.allowedMimeTypes.join(",")),r.multiple&&(a.multiple=!0);break;case"currency":{a=document.createElement("input"),a.type="number",a.className="forms-expert-input",a.value=String(e??""),r.min!==void 0&&(a.min=String(r.min)),r.max!==void 0&&(a.max=String(r.max)),a.step=String(r.step||.01);break}case"phone":a=document.createElement("input"),a.type="tel",a.className="forms-expert-input",a.value=String(e||"");break;case"url":a=document.createElement("input"),a.type="url",a.className="forms-expert-input",a.value=String(e||"");break;case"password":a=document.createElement("input"),a.type="password",a.className="forms-expert-input",a.value=String(e||"");break;case"time":a=document.createElement("input"),a.type="time",a.className="forms-expert-input",a.value=String(e||"");break;case"datetime":a=document.createElement("input"),a.type="datetime-local",a.className="forms-expert-input",a.value=String(e||"");break;case"colorPicker":a=document.createElement("input"),a.type="color",a.className="forms-expert-color",a.value=String(e||"#000000");break;case"dateRange":{let n=document.createElement("div");n.className="forms-expert-date-range";let o=e||{},p=document.createElement("input");p.type="date",p.className="forms-expert-input",p.name=`${r.name}.start`,p.value=o.start||"";let t=document.createElement("input");if(t.type="date",t.className="forms-expert-input",t.name=`${r.name}.end`,t.value=o.end||"",n.appendChild(p),n.appendChild(t),c.appendChild(n),s){let l=document.createElement("div");l.className="forms-expert-error-message",l.textContent=s,c.appendChild(l)}return i.appendChild(c),i}case"address":{let n=document.createElement("div");n.className="forms-expert-address";let o=r.addressFields||["street","city","state","zip","country"],p=e||{},t={street:"Street",street2:"Street Line 2",city:"City",state:"State",zip:"ZIP",country:"Country"};if(o.forEach(l=>{let d=document.createElement("input");d.type="text",d.className="forms-expert-input",d.name=`${r.name}.${l}`,d.placeholder=t[l]||l,d.value=p[l]||"",n.appendChild(d)}),c.appendChild(n),s){let l=document.createElement("div");l.className="forms-expert-error-message",l.textContent=s,c.appendChild(l)}return i.appendChild(c),i}case"name":{let n=document.createElement("div");n.className="forms-expert-name";let o=r.nameFields||["first","last"],p=e||{},t={prefix:"Prefix",first:"First Name",middle:"Middle",last:"Last Name",suffix:"Suffix"};if(o.forEach(l=>{let d=document.createElement("input");d.type="text",d.className="forms-expert-input",d.name=`${r.name}.${l}`,d.placeholder=t[l]||l,d.value=p[l]||"",n.appendChild(d)}),c.appendChild(n),s){let l=document.createElement("div");l.className="forms-expert-error-message",l.textContent=s,c.appendChild(l)}return i.appendChild(c),i}case"imageChoice":{let n=document.createElement("div");n.className="forms-expert-image-choice";let o=r.options||[],p=e;if(o.forEach(t=>{let l=document.createElement("button");if(l.type="button",l.className=`forms-expert-image-choice-item ${p===t.value?"active":""}`,l.dataset.value=t.value,t.imageUrl){let f=document.createElement("img");f.src=t.imageUrl,f.alt=t.label,l.appendChild(f)}let d=document.createElement("span");d.textContent=t.label,l.appendChild(d),n.appendChild(l)}),c.appendChild(n),s){let t=document.createElement("div");t.className="forms-expert-error-message",t.textContent=s,c.appendChild(t)}return i.appendChild(c),i}case"ranking":{let n=document.createElement("div");n.className="forms-expert-ranking";let o=r.options||[];if((e||[...o]).forEach((t,l)=>{let d=document.createElement("div");d.className="forms-expert-ranking-item",d.textContent=`${l+1}. ${t}`,d.dataset.value=t,n.appendChild(d)}),c.appendChild(n),s){let t=document.createElement("div");t.className="forms-expert-error-message",t.textContent=s,c.appendChild(t)}return i.appendChild(c),i}case"location":{let n=document.createElement("div");n.className="forms-expert-location";let o=e||{},p=document.createElement("input");p.type="text",p.className="forms-expert-input",p.name=`${r.name}.address`,p.placeholder="Address",p.value=o.address||"",n.appendChild(p);let t=document.createElement("div");t.className="forms-expert-location-coords";let l=document.createElement("input");l.type="number",l.className="forms-expert-input",l.name=`${r.name}.lat`,l.placeholder="Latitude",l.step="any",l.value=o.lat!==void 0?String(o.lat):"";let d=document.createElement("input");if(d.type="number",d.className="forms-expert-input",d.name=`${r.name}.lng`,d.placeholder="Longitude",d.step="any",d.value=o.lng!==void 0?String(o.lng):"",t.appendChild(l),t.appendChild(d),n.appendChild(t),c.appendChild(n),s){let f=document.createElement("div");f.className="forms-expert-error-message",f.textContent=s,c.appendChild(f)}return i.appendChild(c),i}default:a=document.createElement("input"),a.type=r.type==="email"?"email":r.type==="number"?"number":r.type==="date"?"date":"text",a.className="forms-expert-input",a.value=String(e||""),r.type==="number"&&(r.min!==void 0&&(a.min=String(r.min)),r.max!==void 0&&(a.max=String(r.max)),r.step!==void 0&&(a.step=String(r.step)));break}if(a.id=`mira-field-${r.name}`,a.name=r.name,r.placeholder&&"placeholder"in a&&(a.placeholder=r.placeholder),r.required&&(a.required=!0),s&&a.classList.add("forms-expert-error"),c.appendChild(a),s){let n=document.createElement("div");n.className="forms-expert-error-message",n.textContent=s,c.appendChild(n)}return i.appendChild(c),i}function k(r,e={},s={},m={}){let i=document.createElement("form");if(i.className="forms-expert",m.hideRequiredAsterisk){let t=document.createElement("style");t.textContent=".forms-expert .forms-expert-required { display: none; }",i.appendChild(t)}if(m.showFormName!==!1&&m.formName){let t=document.createElement("h1");t.className="forms-expert-title",t.textContent=m.formName,t.style.fontSize="1.5rem",t.style.fontWeight="700",t.style.marginBottom="0.5rem",i.appendChild(t)}let u=r.styling;if(r.fields.forEach(t=>{let l=W(t,e[t.name],s[t.name],u);i.appendChild(l)}),m.honeypot){let t=document.createElement("input");t.type="text",t.name="_hp",t.className="forms-expert-honeypot",t.tabIndex=-1,t.autocomplete="off",i.appendChild(t)}let c=document.createElement("input");c.type="hidden",c.name="pageUrl",c.value=typeof window<"u"?window.location.href:"",i.appendChild(c);let a=document.createElement("div");a.className="forms-expert-button-wrapper";let n=document.createElement("button");n.type="submit",n.className="forms-expert-button",n.disabled=m.isLoading||!1,m.isLoading?n.innerHTML=`
306
+ `.trim()}function h(r){let e=document.createElement("div");return e.textContent=r,e.innerHTML}function H(r){switch(r){case"small":return"18px";case"large":return"30px";case"extra-large":return"36px";default:return"24px"}}function V(r){switch(r){case"small":return"14px";case"large":return"18px";default:return"16px"}}function q(r,e,a,d){let l=document.createElement("div");if(r.type==="heading"){l.className="forms-expert-group";let n=document.createElement("h3");if(n.className="forms-expert-heading",n.style.fontSize=H(d?.headingSize),n.textContent=r.label||"",l.appendChild(n),r.content){let m=document.createElement("p");m.className="forms-expert-heading-subtitle",m.textContent=r.content,l.appendChild(m)}return l}if(r.type==="divider"){let n=document.createElement("hr");return n.className="forms-expert-divider",n}if(r.type==="paragraph"){l.className="forms-expert-group";let n=r.paragraphFontSize?`${r.paragraphFontSize}px`:V(d?.paragraphSize);if(r.label){let m=document.createElement("p");m.className="forms-expert-paragraph-label",m.style.fontSize=n,m.textContent=r.label,l.appendChild(m)}if(r.content){let m=document.createElement("div");m.className="forms-expert-paragraph",m.style.fontSize=n,m.innerHTML=r.content,l.appendChild(m)}return l}if(r.type==="hidden"){let n=document.createElement("input");return n.type="hidden",n.name=r.name,n.value=String(r.defaultValue??e??""),l.appendChild(n),l.style.display="none",l}if(r.type==="checkbox"||r.type==="toggle"||r.type==="consent"){l.className="forms-expert-checkbox-group";let n=document.createElement("input");n.type="checkbox",n.id=`mira-field-${r.name}`,n.name=r.name,n.className="forms-expert-checkbox",n.checked=!!e,r.required&&(n.required=!0);let m=document.createElement("label");m.htmlFor=n.id;let i=r.type==="consent"?r.consentText||r.label||r.name:r.label||r.name;if(m.innerHTML=`${h(i)}${r.required?'<span class="forms-expert-required">*</span>':""}`,l.appendChild(n),l.appendChild(m),r.type==="consent"&&r.consentUrl){let s=document.createElement("a");s.href=r.consentUrl,s.target="_blank",s.rel="noopener noreferrer",s.textContent="View policy",s.className="forms-expert-consent-link",l.appendChild(s)}if(a){let s=document.createElement("div");s.className="forms-expert-error-message",s.textContent=a,l.appendChild(s)}return l}if(l.className="forms-expert-group",r.label){let n=document.createElement("label");n.className="forms-expert-label",n.htmlFor=`mira-field-${r.name}`,n.innerHTML=`${h(r.label)}${r.required?'<span class="forms-expert-required">*</span>':""}`,l.appendChild(n)}let c=document.createElement("div");c.className="forms-expert-input-wrapper";let o;switch(r.type){case"textarea":case"richText":o=document.createElement("textarea"),o.className="forms-expert-textarea",o.value=String(e||""),r.maxLength&&(o.maxLength=r.maxLength);break;case"select":case"dropdown":{o=document.createElement("select"),o.className="forms-expert-select";let n=document.createElement("option");n.value="",n.textContent=r.placeholder||"Select an option...",o.appendChild(n),(r.options||[]).forEach(i=>{let s=document.createElement("option");s.value=i,s.textContent=i,e===i&&(s.selected=!0),o.appendChild(s)});break}case"radio":{let n=document.createElement("div");if(n.className="forms-expert-radio-group",(r.options||[]).forEach(i=>{let s=document.createElement("label");s.className="forms-expert-radio-item";let t=document.createElement("input");t.type="radio",t.name=r.name,t.value=i,t.checked=e===i,s.appendChild(t),s.appendChild(document.createTextNode(` ${i}`)),n.appendChild(s)}),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"multiselect":{let n=document.createElement("div");n.className="forms-expert-multiselect-group";let m=e||[];if((r.options||[]).forEach(s=>{let t=document.createElement("label");t.className="forms-expert-checkbox-item";let p=document.createElement("input");p.type="checkbox",p.name=r.name,p.value=s,p.checked=m.includes(s),t.appendChild(p),t.appendChild(document.createTextNode(` ${s}`)),n.appendChild(t)}),c.appendChild(n),a){let s=document.createElement("div");s.className="forms-expert-error-message",s.textContent=a,c.appendChild(s)}return l.appendChild(c),l}case"rating":{let n=document.createElement("div");n.className="forms-expert-rating";let m=r.ratingMax||5,i=e||0;for(let s=1;s<=m;s++){let t=document.createElement("button");t.type="button",t.className=`forms-expert-rating-star ${s<=i?"active":""}`,t.textContent="\u2605",t.dataset.value=String(s),n.appendChild(t)}if(c.appendChild(n),a){let s=document.createElement("div");s.className="forms-expert-error-message",s.textContent=a,c.appendChild(s)}return l.appendChild(c),l}case"scale":case"opinionScale":{let n=document.createElement("div");n.className="forms-expert-scale";let m=r.min??(r.type==="opinionScale"?0:1),i=r.max??(r.type==="opinionScale"?10:5),s=e;for(let t=m;t<=i;t++){let p=document.createElement("button");p.type="button",p.className=`forms-expert-scale-btn ${s===t?"active":""}`,p.textContent=String(t),p.dataset.value=String(t),n.appendChild(p)}if(c.appendChild(n),r.lowLabel||r.highLabel){let t=document.createElement("div");t.className="forms-expert-scale-labels",t.innerHTML=`<span>${h(r.lowLabel||"")}</span><span>${h(r.highLabel||"")}</span>`,c.appendChild(t)}if(a){let t=document.createElement("div");t.className="forms-expert-error-message",t.textContent=a,c.appendChild(t)}return l.appendChild(c),l}case"slider":{o=document.createElement("input"),o.type="range",o.className="forms-expert-slider",o.min=String(r.min??0),o.max=String(r.max??100),o.step=String(r.step??1),o.value=String(e??r.min??0);break}case"file":o=document.createElement("input"),o.type="file",o.className="forms-expert-file",r.allowedMimeTypes?.length&&(o.accept=r.allowedMimeTypes.join(",")),r.multiple&&(o.multiple=!0);break;case"currency":{o=document.createElement("input"),o.type="number",o.className="forms-expert-input",o.value=String(e??""),r.min!==void 0&&(o.min=String(r.min)),r.max!==void 0&&(o.max=String(r.max)),o.step=String(r.step||.01);break}case"phone":o=document.createElement("input"),o.type="tel",o.className="forms-expert-input",o.value=String(e||"");break;case"url":o=document.createElement("input"),o.type="url",o.className="forms-expert-input",o.value=String(e||"");break;case"password":o=document.createElement("input"),o.type="password",o.className="forms-expert-input",o.value=String(e||"");break;case"time":o=document.createElement("input"),o.type="time",o.className="forms-expert-input",o.value=String(e||"");break;case"datetime":o=document.createElement("input"),o.type="datetime-local",o.className="forms-expert-input",o.value=String(e||"");break;case"colorPicker":o=document.createElement("input"),o.type="color",o.className="forms-expert-color",o.value=String(e||"#000000");break;case"dateRange":{let n=document.createElement("div");n.className="forms-expert-date-range";let m=e||{},i=document.createElement("input");i.type="date",i.className="forms-expert-input",i.name=`${r.name}.start`,i.value=m.start||"";let s=document.createElement("input");if(s.type="date",s.className="forms-expert-input",s.name=`${r.name}.end`,s.value=m.end||"",n.appendChild(i),n.appendChild(s),c.appendChild(n),a){let t=document.createElement("div");t.className="forms-expert-error-message",t.textContent=a,c.appendChild(t)}return l.appendChild(c),l}case"address":{let n=document.createElement("div");n.className="forms-expert-address";let m=r.addressFields||["street","city","state","zip","country"],i=e||{},s={street:"Street",street2:"Street Line 2",city:"City",state:"State",zip:"ZIP",country:"Country"};if(m.forEach(t=>{let p=document.createElement("input");p.type="text",p.className="forms-expert-input",p.name=`${r.name}.${t}`,p.placeholder=s[t]||t,p.value=i[t]||"",n.appendChild(p)}),c.appendChild(n),a){let t=document.createElement("div");t.className="forms-expert-error-message",t.textContent=a,c.appendChild(t)}return l.appendChild(c),l}case"name":{let n=document.createElement("div");n.className="forms-expert-name";let m=r.nameFields||["first","last"],i=e||{},s={prefix:"Prefix",first:"First Name",middle:"Middle",last:"Last Name",suffix:"Suffix"};if(m.forEach(t=>{let p=document.createElement("input");p.type="text",p.className="forms-expert-input",p.name=`${r.name}.${t}`,p.placeholder=s[t]||t,p.value=i[t]||"",n.appendChild(p)}),c.appendChild(n),a){let t=document.createElement("div");t.className="forms-expert-error-message",t.textContent=a,c.appendChild(t)}return l.appendChild(c),l}case"imageChoice":{let n=document.createElement("div");n.className="forms-expert-image-choice";let m=r.options||[],i=e;if(m.forEach(s=>{let t=document.createElement("button");if(t.type="button",t.className=`forms-expert-image-choice-item ${i===s.value?"active":""}`,t.dataset.value=s.value,s.imageUrl){let u=document.createElement("img");u.src=s.imageUrl,u.alt=s.label,t.appendChild(u)}let p=document.createElement("span");p.textContent=s.label,t.appendChild(p),n.appendChild(t)}),c.appendChild(n),a){let s=document.createElement("div");s.className="forms-expert-error-message",s.textContent=a,c.appendChild(s)}return l.appendChild(c),l}case"ranking":{let n=document.createElement("div");n.className="forms-expert-ranking";let m=r.options||[];if((e||[...m]).forEach((s,t)=>{let p=document.createElement("div");p.className="forms-expert-ranking-item",p.textContent=`${t+1}. ${s}`,p.dataset.value=s,n.appendChild(p)}),c.appendChild(n),a){let s=document.createElement("div");s.className="forms-expert-error-message",s.textContent=a,c.appendChild(s)}return l.appendChild(c),l}case"location":{let n=document.createElement("div");n.className="forms-expert-location";let m=e||{},i=document.createElement("input");i.type="text",i.className="forms-expert-input",i.name=`${r.name}.address`,i.placeholder="Address",i.value=m.address||"",n.appendChild(i);let s=document.createElement("div");s.className="forms-expert-location-coords";let t=document.createElement("input");t.type="number",t.className="forms-expert-input",t.name=`${r.name}.lat`,t.placeholder="Latitude",t.step="any",t.value=m.lat!==void 0?String(m.lat):"";let p=document.createElement("input");if(p.type="number",p.className="forms-expert-input",p.name=`${r.name}.lng`,p.placeholder="Longitude",p.step="any",p.value=m.lng!==void 0?String(m.lng):"",s.appendChild(t),s.appendChild(p),n.appendChild(s),c.appendChild(n),a){let u=document.createElement("div");u.className="forms-expert-error-message",u.textContent=a,c.appendChild(u)}return l.appendChild(c),l}default:o=document.createElement("input"),o.type=r.type==="email"?"email":r.type==="number"?"number":r.type==="date"?"date":"text",o.className="forms-expert-input",o.value=String(e||""),r.type==="number"&&(r.min!==void 0&&(o.min=String(r.min)),r.max!==void 0&&(o.max=String(r.max)),r.step!==void 0&&(o.step=String(r.step)));break}if(o.id=`mira-field-${r.name}`,o.name=r.name,r.placeholder&&"placeholder"in o&&(o.placeholder=r.placeholder),r.required&&(o.required=!0),a&&o.classList.add("forms-expert-error"),c.appendChild(o),a){let n=document.createElement("div");n.className="forms-expert-error-message",n.textContent=a,c.appendChild(n)}return l.appendChild(c),l}function v(r,e={},a={},d={}){let l=document.createElement("form");if(l.className="forms-expert",d.hideRequiredAsterisk){let t=document.createElement("style");t.textContent=".forms-expert .forms-expert-required { display: none; }",l.appendChild(t)}if(d.showFormName!==!1&&d.formName){let t=document.createElement("h1");t.className="forms-expert-title",t.textContent=d.formName,t.style.fontSize="1.5rem",t.style.fontWeight="700",t.style.marginBottom="0.5rem",l.appendChild(t)}let c=r.styling;if(r.fields.forEach(t=>{let p=q(t,e[t.name],a[t.name],c);l.appendChild(p)}),d.honeypot){let t=document.createElement("input");t.type="text",t.name="_hp",t.className="forms-expert-honeypot",t.tabIndex=-1,t.autocomplete="off",l.appendChild(t)}let o=document.createElement("input");o.type="hidden",o.name="pageUrl",o.value=typeof window<"u"?window.location.href:"",l.appendChild(o);let n=document.createElement("div");n.className="forms-expert-button-wrapper";let m=document.createElement("button");m.type="submit",m.className="forms-expert-button",m.disabled=d.isLoading||!1,d.isLoading?m.innerHTML=`
307
307
  <span class="forms-expert-button-loading">
308
308
  <span class="forms-expert-spinner"></span>
309
309
  Submitting...
310
310
  </span>
311
- `:n.textContent=m.submitText||"Submit";let o=m.secondaryButton,p=()=>{if(!o?.enabled)return null;let t=document.createElement("a");t.className="forms-expert-secondary-btn",t.href=o.href||"#",t.textContent=o.text||"Learn More",o.openInNewTab&&(t.target="_blank",t.rel="noopener noreferrer");let l=u?.primaryColor||"#3b82f6",d=o.color||l;return o.style==="filled"?(t.style.background=d,t.style.color=o.textColor||"#ffffff",t.style.border="none"):o.style==="outlined"?(t.style.background="transparent",t.style.color=o.textColor||d,t.style.border=`2px solid ${d}`):o.style==="link"?(t.style.background="transparent",t.style.color=o.textColor||d,t.style.border="none",t.style.textDecoration="underline"):(t.style.background="transparent",t.style.color=o.textColor||d,t.style.border="none"),o.marginTop!=null&&(t.style.marginTop=`${o.marginTop}px`),o.marginBottom!=null&&(t.style.marginBottom=`${o.marginBottom}px`),t};if(o?.enabled&&o.position==="left"){let t=p();t&&a.appendChild(t)}if(a.appendChild(n),o?.enabled&&o.position!=="left"&&o.position!=="below"){let t=p();t&&a.appendChild(t)}if(i.appendChild(a),o?.enabled&&o.position==="below"){let t=document.createElement("div");t.className="forms-expert-secondary-below";let l=o.align||m.buttonAlign||"left";t.style.justifyContent=l==="center"?"center":l==="right"?"flex-end":"flex-start",o.marginTop!=null&&(t.style.marginTop=`${o.marginTop}px`),o.marginBottom!=null&&(t.style.marginBottom=`${o.marginBottom}px`);let d=p();d&&(d.style.marginTop="0",d.style.marginBottom="0",t.appendChild(d)),i.appendChild(t)}if(m.showBranding!==!1){let t=m.brandingText||"Powered by Forms Expert",l=m.brandingUrl||"https://mira.io",d=document.createElement("div");d.className="forms-expert-branding",d.innerHTML=`<a href="${l}" target="_blank" rel="noopener">${t}</a>`,i.appendChild(d)}return i}function F(r){let e=document.createElement("div");return e.className="forms-expert-success",e.innerHTML=`
311
+ `:m.textContent=d.submitText||"Submit";let i=d.secondaryButton,s=()=>{if(!i?.enabled)return null;let t=document.createElement("a");t.className="forms-expert-secondary-btn",t.href=i.href||"#",t.textContent=i.text||"Learn More",i.openInNewTab&&(t.target="_blank",t.rel="noopener noreferrer");let p=c?.primaryColor||"#3b82f6",u=i.color||p;return i.style==="filled"?(t.style.background=u,t.style.color=i.textColor||"#ffffff",t.style.border="none"):i.style==="outlined"?(t.style.background="transparent",t.style.color=i.textColor||u,t.style.border=`2px solid ${u}`):i.style==="link"?(t.style.background="transparent",t.style.color=i.textColor||u,t.style.border="none",t.style.textDecoration="underline"):(t.style.background="transparent",t.style.color=i.textColor||u,t.style.border="none"),i.marginTop!=null&&(t.style.marginTop=`${i.marginTop}px`),i.marginBottom!=null&&(t.style.marginBottom=`${i.marginBottom}px`),t};if(i?.enabled&&i.position==="left"){let t=s();t&&n.appendChild(t)}if(n.appendChild(m),i?.enabled&&i.position!=="left"&&i.position!=="below"){let t=s();t&&(t.style.marginLeft="auto",n.appendChild(t))}if(l.appendChild(n),i?.enabled&&i.position==="below"){let t=document.createElement("div");t.className="forms-expert-secondary-below";let p=i.align||d.buttonAlign||"left";t.style.justifyContent=p==="center"?"center":p==="right"?"flex-end":"flex-start",i.marginTop!=null&&(t.style.marginTop=`${i.marginTop}px`),i.marginBottom!=null&&(t.style.marginBottom=`${i.marginBottom}px`);let u=s();u&&(u.style.marginTop="0",u.style.marginBottom="0",t.appendChild(u)),l.appendChild(t)}if(d.showBranding!==!1){let t=d.brandingText||"Powered by Forms Expert",p=d.brandingUrl||"https://mira.io",u=document.createElement("div");u.className="forms-expert-branding",u.innerHTML=`<a href="${p}" target="_blank" rel="noopener">${t}</a>`,l.appendChild(u)}return l}function k(r){let e=document.createElement("div");return e.className="forms-expert-success",e.innerHTML=`
312
312
  <svg class="forms-expert-success-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">
313
313
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
314
314
  </svg>
315
- <div class="forms-expert-success-message">${b(r)}</div>
316
- `,e}function $(r){return r.reduce((e,s)=>({...e,[s.field]:s.message}),{})}var g=class extends Error{constructor(s,m,i,u){super(s);this.code=m;this.statusCode=i;this.retryAfter=u;this.name="FormsError"}},h=class extends Error{constructor(s){super("Validation failed");this.errors=s;this.name="FormValidationError"}};var x=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 s=e.includes("?")?"&":"?";return`${this.baseUrl}${e}${s}token=${encodeURIComponent(this.apiKey)}`}async request(e,s,m){let i=this.buildUrl(s),u=await fetch(i,{method:e,headers:{"Content-Type":"application/json"},body:m?JSON.stringify(m):void 0}),c=await u.json();if(!u.ok)throw new g(c.message||"Request failed",c.code||"UNKNOWN_ERROR",u.status,c.retryAfter);return c}async isActive(e,s){let m=s?`?lang=${encodeURIComponent(s)}`:"";return this.request("GET",`/f/${this.resourceId}/${e}/is-active${m}`)}async validate(e,s){return this.request("POST",`/f/${this.resourceId}/${e}/validate`,{data:s})}async submit(e,s,m){let i=this.buildUrl(`/f/${this.resourceId}/${e}`);return Object.values(s).some(c=>c instanceof File||c instanceof FileList&&c.length>0)||m?.onProgress?this.submitWithFormData(i,s,m):this.request("POST",`/f/${this.resourceId}/${e}`,{data:s,pageUrl:m?.pageUrl||(typeof window<"u"?window.location.href:void 0),captchaToken:m?.captchaToken})}submitWithFormData(e,s,m){return new Promise((i,u)=>{let c=new FormData;for(let[o,p]of Object.entries(s))p instanceof File?c.append(o,p):p instanceof FileList?Array.from(p).forEach(t=>c.append(o,t)):p!=null&&c.append(`data[${o}]`,String(p));let a=m?.pageUrl||(typeof window<"u"?window.location.href:"");a&&c.append("pageUrl",a),m?.captchaToken&&c.append("captchaToken",m.captchaToken);let n=new XMLHttpRequest;m?.onProgress&&n.upload.addEventListener("progress",o=>{o.lengthComputable&&m.onProgress({loaded:o.loaded,total:o.total,percentage:Math.round(o.loaded/o.total*100)})}),n.addEventListener("load",()=>{try{let o=JSON.parse(n.responseText);n.status>=200&&n.status<300?i(o):u(new g(o.message||"Submission failed",o.code||"UNKNOWN_ERROR",n.status,o.retryAfter))}catch{u(new g("Invalid response","PARSE_ERROR",n.status))}}),n.addEventListener("error",()=>{u(new g("Network error","NETWORK_ERROR",0))}),n.addEventListener("abort",()=>{u(new g("Request aborted","ABORTED",0))}),n.open("POST",e),n.send(c)})}async trackView(e){let s=this.buildUrl(`/f/${this.resourceId}/${e}/view`);await fetch(s,{method:"POST",headers:{"Content-Type":"application/json"}}).catch(()=>{})}getResourceId(){return this.resourceId}getBaseUrl(){return this.baseUrl}};var C=class{constructor(e,s,m={}){this.config=null;this.apiClient=e,this.slug=s,this.options=m}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,s){this.options.onSubmitStart?.();try{if(this.config?.mode==="schema"){let i=await this.validate(e);if(!i.valid)throw this.options.onValidationError?.(i.errors),new h(i.errors)}let m=await this.apiClient.submit(this.slug,e,s);return this.options.onSubmitSuccess?.(m),m}catch(m){throw m instanceof g&&this.options.onSubmitError?.(m),m}}getSuccessMessage(){return this.config?.settings?.successMessage||"Form submitted successfully!"}getRedirectUrl(){return this.config?.settings?.redirectUrl}},y=class{constructor(e){this.apiClient=new x(e)}async isActive(e,s){return this.apiClient.isActive(e,s)}async validate(e,s){return this.apiClient.validate(e,s)}async submit(e,s,m){return this.apiClient.submit(e,s,m)}form(e,s){return new C(this.apiClient,e,s)}async trackView(e){return this.apiClient.trackView(e)}async submitWithRetry(e,s,m){let i=m?.maxRetries??3,u=null;for(let c=0;c<i;c++)try{return await this.submit(e,s,m)}catch(a){if(u=a,a instanceof g){if(["VALIDATION_ERROR","CAPTCHA_REQUIRED","ORIGIN_NOT_ALLOWED"].includes(a.code))throw a;if(a.code.includes("RATE_LIMIT")){let n=a.retryAfter||Math.pow(2,c)*1e3;await new Promise(o=>setTimeout(o,n));continue}}await new Promise(n=>setTimeout(n,Math.pow(2,c)*1e3))}throw u}};var E=class{constructor(e,s){this.config=null;this.values={};this.errors={};this.isLoading=!1;this.isSubmitted=!1;this.styleEl=null;this.sdk=new y(e),this.options=s;let m=s.target;if(typeof m=="string"){let i=document.querySelector(m);if(!i)throw new Error(`Element not found: ${m}`);this.container=i}else this.container=m}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=v(e),document.head.appendChild(this.styleEl)}render(){if(!this.config?.schema)return;if(this.isSubmitted){this.container.innerHTML="";let i=this.config.settings?.successMessage||"Form submitted successfully!";this.container.appendChild(F(i));return}let e={...this.config.schema.styling,...this.config.styling},s={...this.config.schema,styling:e},m=k(s,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});m.addEventListener("input",i=>{let u=i.target;u.name&&u.name!=="_hp"&&u.name!=="pageUrl"&&(u.type==="checkbox"?this.values[u.name]=u.checked:u.type==="file"?this.values[u.name]=u.multiple?u.files:u.files?.[0]:this.values[u.name]=u.value,this.errors[u.name]&&(delete this.errors[u.name],this.render()))}),m.addEventListener("submit",i=>{i.preventDefault(),this.handleSubmit()}),this.container.innerHTML="",this.container.appendChild(m)}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 s=this.options.redirectUrl||this.config.settings?.redirectUrl;s&&setTimeout(()=>{window.location.href=s},1500),this.options.resetOnSuccess&&setTimeout(()=>{this.reset()},3e3)}catch(e){this.isLoading=!1,e instanceof h?(this.errors=$(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=`
315
+ <div class="forms-expert-success-message">${h(r)}</div>
316
+ `,e}function F(r){return r.reduce((e,a)=>({...e,[a.field]:a.message}),{})}var g=class extends Error{constructor(a,d,l,c){super(a);this.code=d;this.statusCode=l;this.retryAfter=c;this.name="FormsError"}},f=class extends Error{constructor(a){super("Validation failed");this.errors=a;this.name="FormValidationError"}};var b=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,d){let l=this.buildUrl(a),c=await fetch(l,{method:e,headers:{"Content-Type":"application/json"},body:d?JSON.stringify(d):void 0}),o=await c.json();if(!c.ok)throw new g(o.message||"Request failed",o.code||"UNKNOWN_ERROR",c.status,o.retryAfter);return o}async isActive(e,a){let d=a?`?lang=${encodeURIComponent(a)}`:"";return this.request("GET",`/f/${this.resourceId}/${e}/is-active${d}`)}async validate(e,a){return this.request("POST",`/f/${this.resourceId}/${e}/validate`,{data:a})}async submit(e,a,d){let l=this.buildUrl(`/f/${this.resourceId}/${e}`);return Object.values(a).some(o=>o instanceof File||o instanceof FileList&&o.length>0)||d?.onProgress?this.submitWithFormData(l,a,d):this.request("POST",`/f/${this.resourceId}/${e}`,{data:a,pageUrl:d?.pageUrl||(typeof window<"u"?window.location.href:void 0),captchaToken:d?.captchaToken})}submitWithFormData(e,a,d){return new Promise((l,c)=>{let o=new FormData;for(let[i,s]of Object.entries(a))s instanceof File?o.append(i,s):s instanceof FileList?Array.from(s).forEach(t=>o.append(i,t)):s!=null&&o.append(`data[${i}]`,String(s));let n=d?.pageUrl||(typeof window<"u"?window.location.href:"");n&&o.append("pageUrl",n),d?.captchaToken&&o.append("captchaToken",d.captchaToken);let m=new XMLHttpRequest;d?.onProgress&&m.upload.addEventListener("progress",i=>{i.lengthComputable&&d.onProgress({loaded:i.loaded,total:i.total,percentage:Math.round(i.loaded/i.total*100)})}),m.addEventListener("load",()=>{try{let i=JSON.parse(m.responseText);m.status>=200&&m.status<300?l(i):c(new g(i.message||"Submission failed",i.code||"UNKNOWN_ERROR",m.status,i.retryAfter))}catch{c(new g("Invalid response","PARSE_ERROR",m.status))}}),m.addEventListener("error",()=>{c(new g("Network error","NETWORK_ERROR",0))}),m.addEventListener("abort",()=>{c(new g("Request aborted","ABORTED",0))}),m.open("POST",e),m.send(o)})}async trackView(e){let a=this.buildUrl(`/f/${this.resourceId}/${e}/view`);await fetch(a,{method:"POST",headers:{"Content-Type":"application/json"}}).catch(()=>{})}getResourceId(){return this.resourceId}getBaseUrl(){return this.baseUrl}};var S=class{constructor(e,a,d={}){this.config=null;this.apiClient=e,this.slug=a,this.options=d}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 f(l.errors)}let d=await this.apiClient.submit(this.slug,e,a);return this.options.onSubmitSuccess?.(d),d}catch(d){throw d instanceof g&&this.options.onSubmitError?.(d),d}}getSuccessMessage(){return this.config?.settings?.successMessage||"Form submitted successfully!"}getRedirectUrl(){return this.config?.settings?.redirectUrl}},x=class{constructor(e){this.apiClient=new b(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,d){return this.apiClient.submit(e,a,d)}form(e,a){return new S(this.apiClient,e,a)}async trackView(e){return this.apiClient.trackView(e)}async submitWithRetry(e,a,d){let l=d?.maxRetries??3,c=null;for(let o=0;o<l;o++)try{return await this.submit(e,a,d)}catch(n){if(c=n,n instanceof g){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,o)*1e3;await new Promise(i=>setTimeout(i,m));continue}}await new Promise(m=>setTimeout(m,Math.pow(2,o)*1e3))}throw c}};var C=class{constructor(e,a){this.config=null;this.values={};this.errors={};this.isLoading=!1;this.isSubmitted=!1;this.styleEl=null;this.sdk=new x(e),this.options=a;let d=a.target;if(typeof d=="string"){let l=document.querySelector(d);if(!l)throw new Error(`Element not found: ${d}`);this.container=l}else this.container=d}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=w(e),document.head.appendChild(this.styleEl)}render(){if(!this.config?.schema)return;if(this.isSubmitted){this.container.innerHTML="";let l=this.config.settings?.successMessage||"Form submitted successfully!";this.container.appendChild(k(l));return}let e={...this.config.schema.styling,...this.config.styling},a={...this.config.schema,styling:e},d=v(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});d.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()))}),d.addEventListener("submit",l=>{l.preventDefault(),this.handleSubmit()}),this.container.innerHTML="",this.container.appendChild(d)}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 f?(this.errors=F(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=`
317
317
  <div class="forms-expert" style="display: flex; align-items: center; justify-content: center; padding: 2rem;">
318
318
  <svg width="24" height="24" viewBox="0 0 24 24" style="animation: fe-spin 1s linear infinite; color: #9ca3af;">
319
319
  <circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="3" fill="none" stroke-dasharray="31.4 31.4" stroke-linecap="round"/>
@@ -324,5 +324,5 @@ ${e.customCss||""}
324
324
  <div class="forms-expert" style="text-align: center; padding: 2rem; color: #ef4444;">
325
325
  <p>${e}</p>
326
326
  </div>
327
- `}destroy(){this.container.innerHTML="",this.styleEl?.remove(),this.styleEl=null}};function T(){document.querySelectorAll("[data-forms-expert]").forEach(e=>{let s=e.getAttribute("data-api-key"),m=e.getAttribute("data-resource-id"),i=e.getAttribute("data-forms-expert"),u=e.getAttribute("data-base-url")||void 0;if(!s||!m||!i){console.error("Forms Expert: Missing required attributes",{apiKey:!!s,resourceId:!!m,slug:!!i});return}new E({apiKey:s,resourceId:m,baseUrl:u},{target:e,slug:i,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",T):T());export{E as FormWidget,T as autoInit,$ as errorsToRecord,v as generateFormStyles,W as renderField,k as renderForm,F as renderSuccess};
327
+ `}destroy(){this.container.innerHTML="",this.styleEl?.remove(),this.styleEl=null}};function $(){document.querySelectorAll("[data-forms-expert]").forEach(e=>{let a=e.getAttribute("data-api-key"),d=e.getAttribute("data-resource-id"),l=e.getAttribute("data-forms-expert"),c=e.getAttribute("data-base-url")||void 0;if(!a||!d||!l){console.error("Forms Expert: Missing required attributes",{apiKey:!!a,resourceId:!!d,slug:!!l});return}new C({apiKey:a,resourceId:d,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",$):$());export{C as FormWidget,$ as autoInit,F as errorsToRecord,w as generateFormStyles,q as renderField,v as renderForm,k as renderSuccess};
328
328
  //# sourceMappingURL=index.js.map