@usero/sdk 0.2.0 → 0.3.0

package/dist/usero.iife.js

@@ -1,4 +1,4 @@
-var Usero=(function(exports){'use strict';var fe={1:"\u{1F61E}",2:"\u{1F610}",3:"\u{1F60A}",4:"\u{1F929}"},O={1:"Needs work",2:"It's okay",3:"Pretty good",4:"Amazing!"},be={1:"linear-gradient(135deg,#ff6b6b14,#ff6b6b1f)",2:"linear-gradient(135deg,#9ca3af0f,#9ca3af1a)",3:"linear-gradient(135deg,#3b82f614,#3b82f61f)",4:"linear-gradient(135deg,#f59e0b14,#f59e0b1f)"},ue="https://usero.io",V={primary:"#2563eb",background:"#ffffff",text:"#374151",border:"#e5e7eb",shadow:"0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)"},W={primary:"#2563eb",background:"#1f2937",text:"#f9fafb",border:"#374151",shadow:"0 10px 15px -3px rgba(0, 0, 0, 0.3), 0 4px 6px -2px rgba(0, 0, 0, 0.2)"};function Le(t={}){return {...V,...t}}function ze(t){return typeof t=="object"&&t!==null&&"error"in t}function Ae(t){if(typeof t!="object"||t===null)return {success:false,error:"Invalid response"};let r=t,a=r.success===true,s=typeof r.error=="string"?r.error:void 0,c=r.screenshot,n;if(typeof c=="object"&&c!==null){let i=c;typeof i.fileName=="string"&&typeof i.url=="string"&&typeof i.fileSize=="number"&&typeof i.mimeType=="string"&&(n={fileName:i.fileName,url:i.url,fileSize:i.fileSize,mimeType:i.mimeType,width:typeof i.width=="number"?i.width:void 0,height:typeof i.height=="number"?i.height:void 0});}return {success:a,error:s,screenshot:n}}var B=class{constructor(r=ue){this.baseUrl=r.replace(/\/$/,"");}async submitFeedback(r){try{let a=await fetch(`${this.baseUrl}/api/feedback`,{method:"POST",headers:{"Content-Type":"application/json",Accept:"application/json"},body:JSON.stringify(r),signal:AbortSignal.timeout(1e4)});if(!a.ok){let n=`HTTP ${a.status}: ${a.statusText}`;try{let i=await a.json();ze(i)&&typeof i.error=="string"&&(n=i.error);}catch{}throw new Error(n)}let s=await a.json(),c=typeof s=="object"&&s!==null&&"message"in s&&typeof s.message=="string"?s.message:"Feedback submitted successfully";return {success:!0,data:s,message:c}}catch(a){return {success:false,error:a instanceof Error?a.message:"An unexpected error occurred"}}}async uploadScreenshot(r,a){let s=new FormData;s.append("screenshot",r),s.append("clientId",a);let c=await fetch(`${this.baseUrl}/api/screenshots`,{method:"POST",body:s,signal:AbortSignal.timeout(3e4)}),n={success:false};try{let i=await c.json();n=Ae(i);}catch{}if(!c.ok||!n.success||!n.screenshot){let i=n.error??`HTTP ${c.status}: ${c.statusText}`;throw new Error(i)}return n.screenshot}ping(){fetch(`${this.baseUrl}/api/ping`,{signal:AbortSignal.timeout(5e3)}).catch(()=>{});}};function Ce(t){if(t.startsWith("#")||typeof document>"u")return t;let a=document.createElement("canvas").getContext("2d");return a?(a.fillStyle=t,a.fillStyle):t}function Y(t){let r=Ce(t);if(!r.startsWith("#")||r.length<7)return r;let a=parseInt(r.slice(1,3),16),s=parseInt(r.slice(3,5),16),c=parseInt(r.slice(5,7),16),n=Math.max(0,a-60),i=Math.min(255,s+40),T=Math.min(255,c+20);return `#${[n,i,T].map(F=>F.toString(16).padStart(2,"0")).join("")}`}function me(t){let r=[],a=t.rating!=null,s=!!t.comment?.trim();return !a&&!s&&r.push("Add rating or comment"),a&&t.rating!==void 0&&![1,2,3,4].includes(t.rating)&&r.push("Invalid rating"),s&&t.comment!==void 0&&(t.comment.length>1e3&&r.push("Comment too long"),/<script[^>]*>.*?<\/script>/gi.test(t.comment)&&r.push("Invalid comment")),{isValid:r.length===0,errors:r}}var ge=`
+var Usero=(function(exports){'use strict';var ve={1:"\u{1F61E}",2:"\u{1F610}",3:"\u{1F60A}",4:"\u{1F929}"},q={1:"Needs work",2:"It's okay",3:"Pretty good",4:"Amazing!"},ke={1:"linear-gradient(135deg,#ff6b6b14,#ff6b6b1f)",2:"linear-gradient(135deg,#9ca3af0f,#9ca3af1a)",3:"linear-gradient(135deg,#3b82f614,#3b82f61f)",4:"linear-gradient(135deg,#f59e0b14,#f59e0b1f)"},K="https://usero.io",oe={primary:"#2563eb",background:"#ffffff",text:"#374151",border:"#e5e7eb",shadow:"0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)"},G={primary:"#2563eb",background:"#1f2937",text:"#f9fafb",border:"#374151",shadow:"0 10px 15px -3px rgba(0, 0, 0, 0.3), 0 4px 6px -2px rgba(0, 0, 0, 0.2)"};function ze(t={}){return {...oe,...t}}function Ie(t){return typeof t=="object"&&t!==null&&"error"in t}function De(t){if(typeof t!="object"||t===null)return {success:false,error:"Invalid response"};let n=t,o=n.success===true,s=typeof n.error=="string"?n.error:void 0,d=n.screenshot,r;if(typeof d=="object"&&d!==null){let l=d;typeof l.fileName=="string"&&typeof l.url=="string"&&typeof l.fileSize=="number"&&typeof l.mimeType=="string"&&(r={fileName:l.fileName,url:l.url,fileSize:l.fileSize,mimeType:l.mimeType,width:typeof l.width=="number"?l.width:void 0,height:typeof l.height=="number"?l.height:void 0});}return {success:o,error:s,screenshot:r}}var J=class{constructor(n=K){this.baseUrl=n.replace(/\/$/,"");}async submitFeedback(n){try{let o=await fetch(`${this.baseUrl}/api/feedback`,{method:"POST",headers:{"Content-Type":"application/json",Accept:"application/json"},body:JSON.stringify(n),signal:AbortSignal.timeout(1e4)});if(!o.ok){let r=`HTTP ${o.status}: ${o.statusText}`;try{let l=await o.json();Ie(l)&&typeof l.error=="string"&&(r=l.error);}catch{}throw new Error(r)}let s=await o.json(),d=typeof s=="object"&&s!==null&&"message"in s&&typeof s.message=="string"?s.message:"Feedback submitted successfully";return {success:!0,data:s,message:d}}catch(o){return {success:false,error:o instanceof Error?o.message:"An unexpected error occurred"}}}async uploadScreenshot(n,o){let s=new FormData;s.append("screenshot",n),s.append("clientId",o);let d=await fetch(`${this.baseUrl}/api/screenshots`,{method:"POST",body:s,signal:AbortSignal.timeout(3e4)}),r={success:false};try{let l=await d.json();r=De(l);}catch{}if(!d.ok||!r.success||!r.screenshot){let l=r.error??`HTTP ${d.status}: ${d.statusText}`;throw new Error(l)}return r.screenshot}ping(){fetch(`${this.baseUrl}/api/ping`,{signal:AbortSignal.timeout(5e3)}).catch(()=>{});}};function He(t){if(t.startsWith("#")||typeof document>"u")return t;let o=document.createElement("canvas").getContext("2d");return o?(o.fillStyle=t,o.fillStyle):t}function ie(t){let n=He(t);if(!n.startsWith("#")||n.length<7)return n;let o=parseInt(n.slice(1,3),16),s=parseInt(n.slice(3,5),16),d=parseInt(n.slice(5,7),16),r=Math.max(0,o-60),l=Math.min(255,s+40),P=Math.min(255,d+20);return `#${[r,l,P].map(R=>R.toString(16).padStart(2,"0")).join("")}`}function we(t){let n=`[usero:${t}]`;return {debug:(...o)=>{typeof console<"u"&&console.debug(n,...o);},info:(...o)=>{typeof console<"u"&&console.info(n,...o);},warn:(...o)=>{typeof console<"u"&&console.warn(n,...o);},error:(...o)=>{typeof console<"u"&&console.error(n,...o);}}}function Se(t){let n=[],o=t.rating!=null,s=!!t.comment?.trim();return !o&&!s&&n.push("Add rating or comment"),o&&t.rating!==void 0&&![1,2,3,4].includes(t.rating)&&n.push("Invalid rating"),s&&t.comment!==void 0&&(t.comment.length>1e3&&n.push("Comment too long"),/<script[^>]*>.*?<\/script>/gi.test(t.comment)&&n.push("Invalid comment")),{isValid:n.length===0,errors:n}}var Ee=`
 @keyframes spin {
   0% { transform: rotate(0deg); }
   100% { transform: rotate(360deg); }
@@ -7,8 +7,8 @@ var Usero=(function(exports){'use strict';var fe={1:"\u{1F61E}",2:"\u{1F610}",3:
 .fb-es {
   display: flex;
   justify-content: center;
-  gap: 15px;
-  padding-bottom: 10px;
+  gap: 12px;
+  padding-bottom: 8px;
 }
 
 .fb-ec {
@@ -99,7 +99,7 @@ var Usero=(function(exports){'use strict';var fe={1:"\u{1F61E}",2:"\u{1F610}",3:
 
 .fb-sub {
   width: 100%;
-  padding: 16px 24px;
+  padding: 12px 24px;
   border: none;
   border-radius: 12px;
   font-size: 15px;
@@ -127,7 +127,7 @@ var Usero=(function(exports){'use strict';var fe={1:"\u{1F61E}",2:"\u{1F610}",3:
 }
 
 .fb-cnt {
-  padding: 24px;
+  padding: 20px 24px 16px;
   overflow: auto;
   max-height: calc(90vh - 48px);
 }
@@ -140,22 +140,29 @@ var Usero=(function(exports){'use strict';var fe={1:"\u{1F61E}",2:"\u{1F610}",3:
 
 .fb-ta {
   width: 100%;
-  min-height: 100px;
-  padding: 12px;
+  min-height: 80px;
+  padding: 10px;
   border-radius: 8px;
   font-size: 14px;
   font-family: inherit;
   outline: none;
   resize: vertical;
   transition: border-color 150ms ease;
-  margin-bottom: 4px;
+  margin-bottom: 2px;
   box-sizing: border-box;
 }
 
+.fb-toolrow {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  margin-bottom: 8px;
+}
+
 .fb-charcount {
   font-size: 12px;
   margin-left: auto;
-  margin-bottom: 8px;
   text-align: right;
 }
 
@@ -166,8 +173,8 @@ var Usero=(function(exports){'use strict';var fe={1:"\u{1F61E}",2:"\u{1F610}",3:
 .fb-email {
   display: flex;
   flex-direction: column;
-  gap: 8px;
-  margin-bottom: 16px;
+  gap: 6px;
+  margin-bottom: 10px;
 }
 
 .fb-email-lbl {
@@ -303,8 +310,8 @@ var Usero=(function(exports){'use strict';var fe={1:"\u{1F61E}",2:"\u{1F610}",3:
 .fb-up {
   display: flex;
   flex-direction: column;
-  gap: 8px;
-  margin-bottom: 12px;
+  gap: 6px;
+  margin-bottom: 8px;
 }
 
 .fb-upb {
@@ -406,62 +413,62 @@ var Usero=(function(exports){'use strict';var fe={1:"\u{1F61E}",2:"\u{1F610}",3:
   .fb-pnl-base {
     width: 100% !important;
     max-width: none !important;
-    top: 5vh !important;
-    max-height: 70vh !important;
+    top: 4vh !important;
+    max-height: 92vh !important;
   }
-  .fb-cnt { padding: 20px !important; max-height: calc(100vh - 80px) !important; }
-  .fb-ta { font-size: 16px !important; min-height: 80px !important; }
+  .fb-cnt { padding: 16px 18px 14px !important; max-height: calc(100vh - 40px) !important; }
+  .fb-ta { font-size: 16px !important; min-height: 64px !important; }
   .fb-ttl { font-size: 18px !important; }
   .fb-ei { font-size: 24px !important; }
   .fb-el { font-size: 11px !important; }
-  .fb-sub { padding: 14px 20px !important; font-size: 16px !important; }
+  .fb-sub { padding: 12px 20px !important; font-size: 16px !important; }
 }
-`;function De(){return typeof window>"u"||typeof window.matchMedia!="function"?W:window.matchMedia("(prefers-color-scheme: dark)").matches?W:window.matchMedia("(prefers-color-scheme: light)").matches?V:W}function Q(t){let r=De();return t?{...r,...t}:r}var he="feedback_user_email";function E(t){return t.replace(/[&<>"']/g,r=>{switch(r){case "&":return "&amp;";case "<":return "&lt;";case ">":return "&gt;";case '"':return "&quot;";case "'":return "&#x27;";default:return r}})}function Ie(){if(typeof window>"u")return "";try{return window.localStorage.getItem(he)??""}catch{return ""}}function He(t){try{window.localStorage.setItem(he,t);}catch{}}function Ve(t){if(typeof document>"u")return {destroy:()=>{},open:()=>{},close:()=>{},update:()=>{}};let{clientId:r,baseUrl:a}=t;if(!r||r.length<3){let e=new Error("Invalid config. Contact admin.");return t.onError?.(e),{destroy:()=>{},open:()=>{},close:()=>{},update:()=>{}}}let s=t.position??"right",c=t.theme,n=Q(c),i=t.title??"Share Feedback",T=t.placeholder??"Tell us what you think... (optional)",F=t.showEmailOption??true,_=t.showScreenshotOption??true,Z=t.environment,j=t.metadata,ee=t.onSubmit,N=t.onError,te=t.onOpen,ne=t.onClose,q=new B(a),u=false,M,h="",x=false,R=Ie(),y=false,m=null,b=[],L=false,g=null,H=3,xe=10*1024*1024,z=document.createElement("div");z.setAttribute("data-usero-widget",""),z.style.cssText="all: initial;",document.body.appendChild(z);let P=z.attachShadow({mode:"open"}),re=document.createElement("style");re.textContent=ge,P.appendChild(re);let v=document.createElement("button"),A=document.createElement("div"),d=document.createElement("div");P.appendChild(v),P.appendChild(A),P.appendChild(d);function ye(e){m=e,f();}function oe(){u||(u=true,M=void 0,h="",x=false,m=null,b=[],g=null,L=false,q.ping(),te?.(),f());}async function ve(e){if(g=null,!e.type.startsWith("image/")){g="Image files only",f();return}if(e.size>xe){g="Max 10MB",f();return}if(b.length>=H){g=`Max ${H} screenshots`,f();return}L=true,f();try{let l=await q.uploadScreenshot(e,r);b=[...b,l];}catch(l){g=l instanceof Error?l.message:"Upload failed";}finally{L=false,f();}}function ke(e){b=b.filter((l,$)=>$!==e),f();}function C(){u&&(u=false,ne?.(),f());}async function ie(){if(y)return;y=true,m=null,f();let e={rating:M,comment:h.trim()||void 0,userEmail:x?R:void 0,screenshots:b.length>0?b:void 0,metadata:{pageUrl:window.location.href,pageTitle:document.title||"Untitled Page",referrer:document.referrer||void 0,timestamp:Date.now()}},l={clientId:r,rating:e.rating,comment:e.comment,userEmail:e.userEmail,pageUrl:e.metadata.pageUrl,pageTitle:e.metadata.pageTitle,referrer:e.metadata.referrer,environment:Z};b.length>0&&(l.screenshots=b),j!==void 0&&(l.metadata=j);let $=me(l);if(!$.isValid){y=false,ye({type:"error",text:$.errors.join(", ")});return}try{let k=await q.submitFeedback(l);if(k.success)x&&R&&He(R),ee?.(e),M=void 0,h="",x=!1,b=[],g=null,m={type:"success",text:"Thank you!"};else {let w=k.error??"Error occurred. Try again.";N?.(new Error(w)),m={type:"error",text:w};}}catch(k){let w=k instanceof Error?k.message:"Error occurred. Try again.";N?.(new Error(w)),m={type:"error",text:w};}finally{y=false,f();}}function we(){v.className=`fb-btn fb-btn--${s} ${u?"fb-btn--open":""}`,v.setAttribute("aria-label","Open feedback"),v.type="button",v.style.background=`linear-gradient(135deg, ${n.primary}, ${Y(n.primary)})`,v.innerHTML=u?'<span style="font-size:20px;">\u2715</span>':"";}function Ee(){A.className="fb-backdrop",A.style.display=u?"block":"none",A.setAttribute("aria-label","Close modal");}function Se(){d.className=`fb-pnl-base fb-pnl--${s} ${u?"fb-pnl--open":"fb-pnl--closed"}`,d.style.backgroundColor=n.background,s==="right"?(d.style.borderLeft=`1px solid ${n.border}`,d.style.borderRight=""):(d.style.borderRight=`1px solid ${n.border}`,d.style.borderLeft=""),d.setAttribute("role","dialog"),d.setAttribute("aria-modal","true"),d.setAttribute("aria-labelledby","usero-feedback-title");let e=1e3-h.length,l=e<50,$=[1,2,3,4].map(o=>{let p=M===o,X=be[o];return `
-					<div class="${["fb-ec",p&&"fb-ec--sel"].filter(Boolean).join(" ")}" style="background:${X}">
-						<button type="button" class="fb-eb" data-rating="${o}" role="radio" aria-checked="${p}" aria-label="${o}: ${O[o]}">
-							<div class="fb-ei"><span role="img" aria-label="${O[o]}">${fe[o]}</span></div>
-							<div class="fb-el">${O[o]}</div>
+`;function Oe(){return typeof window>"u"||typeof window.matchMedia!="function"?G:window.matchMedia("(prefers-color-scheme: dark)").matches?G:window.matchMedia("(prefers-color-scheme: light)").matches?oe:G}function ae(t){let n=Oe();return t?{...n,...t}:n}var $e="feedback_user_email";function $(t){return t.replace(/[&<>"']/g,n=>{switch(n){case "&":return "&amp;";case "<":return "&lt;";case ">":return "&gt;";case '"':return "&quot;";case "'":return "&#x27;";default:return n}})}function We(t,n){let o=t;for(let s of n){if(!s||typeof s!="object")continue;let{metadata:d,...r}=s;o={...o,...r},d&&typeof d=="object"&&(o.metadata={...o.metadata??{},...d});}return o}function Be(){if(typeof window>"u")return "";try{return window.localStorage.getItem($e)??""}catch{return ""}}function je(t){try{window.localStorage.setItem($e,t);}catch{}}function it(t){if(typeof document>"u")return {destroy:()=>{},open:()=>{},close:()=>{},update:()=>{},whenReady:()=>Promise.resolve()};let{clientId:n,baseUrl:o}=t;if(!n||n.length<3){let e=new Error("Invalid config. Contact admin.");return t.onError?.(e),{destroy:()=>{},open:()=>{},close:()=>{},update:()=>{},whenReady:()=>Promise.resolve()}}let s=t.position??"right",d=t.theme,r=ae(d),l=t.title??"Share Feedback",P=t.placeholder??"Tell us what you think... (optional)",R=t.showEmailOption??true,W=t.showScreenshotOption??true,se=t.environment,X=t.metadata,le=t.onSubmit,V=t.onError,de=t.onOpen,ce=t.onClose,Y=new J(o),B=t.plugins??[],Q=new Map,j=new Map,Z=[];for(let e of B){let i={clientId:n,baseUrl:o??K,logger:we(e.name),getStore:()=>Q.get(e.name),setStore:b=>{Q.set(e.name,b);}};if(j.set(e.name,i),e.onInit){let b=(async()=>{try{await e.onInit?.(i);}catch(F){i.logger.error("onInit threw",F);}})();Z.push(b);}}let Te=Z.length===0?Promise.resolve():Promise.all(Z).then(()=>{}),m=false,M,v="",k=false,L=Be(),w=false,g=null,f=[],C=false,h=null,A=3,Fe=10*1024*1024,U=document.createElement("div");U.setAttribute("data-usero-widget",""),U.style.cssText="all: initial;",document.body.appendChild(U);let _=U.attachShadow({mode:"open"}),pe=document.createElement("style");pe.textContent=Ee,_.appendChild(pe);let S=document.createElement("button"),z=document.createElement("div"),c=document.createElement("div");_.appendChild(S),_.appendChild(z),_.appendChild(c);function Pe(e){g=e,u();}function fe(){m||(m=true,M=void 0,v="",k=false,g=null,f=[],h=null,C=false,Y.ping(),de?.(),u());}async function Re(e){if(h=null,!e.type.startsWith("image/")){h="Image files only",u();return}if(e.size>Fe){h="Max 10MB",u();return}if(f.length>=A){h=`Max ${A} screenshots`,u();return}C=true,u();try{let i=await Y.uploadScreenshot(e,n);f=[...f,i];}catch(i){h=i instanceof Error?i.message:"Upload failed";}finally{C=false,u();}}function Me(e){f=f.filter((i,b)=>b!==e),u();}function I(){m&&(m=false,ce?.(),u());}async function ue(){if(w)return;w=true,g=null,u();let e={rating:M,comment:v.trim()||void 0,userEmail:k?L:void 0,screenshots:f.length>0?f:void 0,metadata:{pageUrl:window.location.href,pageTitle:document.title||"Untitled Page",referrer:document.referrer||void 0,timestamp:Date.now()}},i={clientId:n,rating:e.rating,comment:e.comment,userEmail:e.userEmail,pageUrl:e.metadata.pageUrl,pageTitle:e.metadata.pageTitle,referrer:e.metadata.referrer,environment:se};f.length>0&&(i.screenshots=f),X!==void 0&&(i.metadata=X);let b=Se(i);if(!b.isValid){w=false,Pe({type:"error",text:b.errors.join(", ")});return}let F=i;if(B.length>0){let y=B.map(async H=>{if(!H.onFeedbackSubmit)return;let E=j.get(H.name);if(E)try{return await H.onFeedbackSubmit(E,i)}catch(te){E.logger.error("onFeedbackSubmit threw",te);return}}),x=await Promise.all(y);F=We(i,x);}try{let y=await Y.submitFeedback(F);if(y.success)k&&L&&je(L),le?.(e),M=void 0,v="",k=!1,f=[],h=null,g={type:"success",text:"Thank you!"};else {let x=y.error??"Error occurred. Try again.";V?.(new Error(x)),g={type:"error",text:x};}}catch(y){let x=y instanceof Error?y.message:"Error occurred. Try again.";V?.(new Error(x)),g={type:"error",text:x};}finally{w=false,u();}}function Le(){S.className=`fb-btn fb-btn--${s} ${m?"fb-btn--open":""}`,S.setAttribute("aria-label","Open feedback"),S.type="button",S.style.background=`linear-gradient(135deg, ${r.primary}, ${ie(r.primary)})`,S.innerHTML=m?'<span style="font-size:20px;">\u2715</span>':"";}function Ce(){z.className="fb-backdrop",z.style.display=m?"block":"none",z.setAttribute("aria-label","Close modal");}function Ae(){c.className=`fb-pnl-base fb-pnl--${s} ${m?"fb-pnl--open":"fb-pnl--closed"}`,c.style.backgroundColor=r.background,s==="right"?(c.style.borderLeft=`1px solid ${r.border}`,c.style.borderRight=""):(c.style.borderRight=`1px solid ${r.border}`,c.style.borderLeft=""),c.setAttribute("role","dialog"),c.setAttribute("aria-modal","true"),c.setAttribute("aria-labelledby","usero-feedback-title");let e=1e3-v.length,i=e<50,b=[1,2,3,4].map(a=>{let p=M===a,re=ke[a];return `
+					<div class="${["fb-ec",p&&"fb-ec--sel"].filter(Boolean).join(" ")}" style="background:${re}">
+						<button type="button" class="fb-eb" data-rating="${a}" role="radio" aria-checked="${p}" aria-label="${a}: ${q[a]}" style="color:${r.text}">
+							<div class="fb-ei"><span role="img" aria-label="${q[a]}">${ve[a]}</span></div>
+							<div class="fb-el" style="color:${r.text}">${q[a]}</div>
 						</button>
 					</div>
-				`}).join(""),k=m?`<div class="fb-msg fb-msg--header ${m.type==="success"?"fb-msg--ok":"fb-msg--err"}">${m.type==="success"?"\u2713":"\u26A0"} ${E(m.text)}</div>`:"",w=_?(()=>{let o=b.length>=H,p=L||o,X=b.map((Re,pe)=>`
+				`}).join(""),F=g?`<div class="fb-msg fb-msg--header ${g.type==="success"?"fb-msg--ok":"fb-msg--err"}">${g.type==="success"?"\u2713":"\u26A0"} ${$(g.text)}</div>`:"",y=W?(()=>{let a=f.length>=A,p=C||a;return `
+						<input type="file" accept="image/*" data-role="screenshot-input" style="display:none;" aria-label="Choose screenshot" />
+						<button type="button" class="fb-upb ${p?"fb-upb--dis":""}" data-role="screenshot-pick" ${p?"disabled":""} style="border:1px solid ${r.border};color:${r.text};">
+							${C?'<span class="fb-ups"></span> Uploading...':"\u{1F4F7} Add screenshot"}
+						</button>
+					`})():"",x=W?(()=>{let a=f.length>=A,p=f.map((Ue,ye)=>`
 								<div class="fb-sp">
-									<img src="${E(Re.url)}" alt="Screenshot ${pe+1}" class="fb-si" />
-									<button type="button" class="fb-sr" data-role="screenshot-remove" data-index="${pe}" aria-label="Remove screenshot">\u2715</button>
+									<img src="${$(Ue.url)}" alt="Screenshot ${ye+1}" class="fb-si" />
+									<button type="button" class="fb-sr" data-role="screenshot-remove" data-index="${ye}" aria-label="Remove screenshot">\u2715</button>
 								</div>
-							`).join(""),ce=g?`<div class="fb-upe">\u26A0 ${E(g)}</div>`:"",Fe=o?`<div class="fb-sl">Max ${H}</div>`:"",Me=g||b.length>0||o?`<div class="fb-up-extras">${ce}${b.length>0?`<div class="fb-ss">${X}</div>`:""}${Fe}</div>`:"";return `
-						<div class="fb-up">
-							<input type="file" accept="image/*" data-role="screenshot-input" style="display:none;" aria-label="Choose screenshot" />
-							<button type="button" class="fb-upb ${p?"fb-upb--dis":""}" data-role="screenshot-pick" ${p?"disabled":""} style="border:1px solid ${n.border};color:${n.text};">
-								${L?'<span class="fb-ups"></span> Uploading...':"\u{1F4F7} Add screenshot"}
-							</button>
-							${Me}
-						</div>
-					`})():"",$e=F?`
+							`).join(""),re=h?`<div class="fb-upe">\u26A0 ${$(h)}</div>`:"",xe=a?`<div class="fb-sl">Max ${A}</div>`:"";return h||f.length>0||a?`<div class="fb-up-extras">${re}${f.length>0?`<div class="fb-ss">${p}</div>`:""}${xe}</div>`:""})():"",H=R?`
 				<div class="fb-email">
-					<label class="fb-email-lbl" style="color:${n.text}">
-						<input type="checkbox" class="fb-email-cb" data-role="share-email" ${x?"checked":""} aria-label="Share email" />
+					<label class="fb-email-lbl" style="color:${r.text}">
+						<input type="checkbox" class="fb-email-cb" data-role="share-email" ${k?"checked":""} aria-label="Share email" />
 						<span>Share my email</span>
 					</label>
-					${x?`<input type="email" class="fb-email-inp" data-role="email-input" value="${E(R)}" placeholder="your.email@example.com" aria-label="Email" maxlength="254" autocomplete="email" style="border:1px solid ${n.border};color:${n.text};background-color:${n.background};" />`:""}
+					${k?`<input type="email" class="fb-email-inp" data-role="email-input" value="${$(L)}" placeholder="your.email@example.com" aria-label="Email" maxlength="254" autocomplete="email" style="border:1px solid ${r.border};color:${r.text};background-color:${r.background};" />`:""}
 				</div>
-			`:"",G=y,Te=`background:linear-gradient(135deg, ${n.primary}, ${Y(n.primary)});color:#ffffff;${G?"opacity:0.6;cursor:not-allowed;":""}`;d.innerHTML=`
+			`:"",E=w,te=`background:linear-gradient(135deg, ${r.primary}, ${ie(r.primary)});color:#ffffff;${E?"opacity:0.6;cursor:not-allowed;":""}`;c.innerHTML=`
 			<div class="fb-cnt">
-				<div class="fb-hdr" style="border-bottom:1px solid ${n.border}">
-					<h2 id="usero-feedback-title" class="fb-ttl" style="color:${n.text}">${E(i)}</h2>
-					${k}
-					<button class="fb-close-btn" data-role="close" style="color:${n.text}" aria-label="Close" type="button">\u2715</button>
+				<div class="fb-hdr" style="border-bottom:1px solid ${r.border}">
+					<h2 id="usero-feedback-title" class="fb-ttl" style="color:${r.text}">${$(l)}</h2>
+					${F}
+					<button class="fb-close-btn" data-role="close" style="color:${r.text}" aria-label="Close" type="button">\u2715</button>
 				</div>
 				<form data-role="form">
-					<div class="fb-es" role="radiogroup" aria-label="Rate experience">${$}</div>
-					<textarea class="fb-ta" data-role="comment" placeholder="${E(T)}" aria-label="Comments" maxlength="1000" rows="2" style="border:1px solid ${n.border};color:${n.text};background-color:${n.background};">${E(h)}</textarea>
-					<div class="fb-charcount${l?" fb-charcount--low":""}" data-role="charcount" style="color:${l?"#dc2626":n.text};opacity:${l?1:.6};">${e} chars remaining</div>
-					${w}
-					${$e}
-					<button class="fb-sub ${G?"fb-sub--dis":""}" type="submit" aria-label="Submit" ${G?"disabled":""} style="${Te}">
-						${y?'<span class="fb-spin"></span>':""}
-						${y?"Submitting...":"Send Feedback \u{1F680}"}
+					<div class="fb-es" role="radiogroup" aria-label="Rate experience">${b}</div>
+					<textarea class="fb-ta" data-role="comment" placeholder="${$(P)}" aria-label="Comments" maxlength="1000" rows="2" style="border:1px solid ${r.border};color:${r.text};background-color:${r.background};">${$(v)}</textarea>
+					<div class="fb-toolrow">
+						${y}
+						<div class="fb-charcount${i?" fb-charcount--low":""}" data-role="charcount" style="color:${i?"#dc2626":r.text};opacity:${i?1:.6};">${e} chars remaining</div>
+					</div>
+					${x?`<div class="fb-up">${x}</div>`:""}
+					${H}
+					<button class="fb-sub ${E?"fb-sub--dis":""}" type="submit" aria-label="Submit" ${E?"disabled":""} style="${te}">
+						${w?'<span class="fb-spin"></span>':""}
+						${w?"Submitting...":"Send Feedback \u{1F680}"}
 					</button>
 				</form>
 			</div>
-		`,d.querySelector('form[data-role="form"]')?.addEventListener("submit",o=>{o.preventDefault(),ie();}),d.querySelector('button[data-role="close"]')?.addEventListener("click",C),d.querySelectorAll("button[data-rating]").forEach(o=>{o.addEventListener("click",()=>{let p=o.dataset.rating;(p==="1"||p==="2"||p==="3"||p==="4")&&(M=Number(p),f());});});let U=d.querySelector('textarea[data-role="comment"]');U&&U.addEventListener("input",()=>{if(U.value.length<=1e3){h=U.value;let o=d.querySelector('[data-role="charcount"]');if(o){let p=1e3-h.length;o.textContent=`${p} chars remaining`,o.style.color=p<50?"#dc2626":n.text,o.style.opacity=p<50?"1":"0.6";}}});let de=d.querySelector('input[data-role="share-email"]');de?.addEventListener("change",()=>{x=de.checked,f();});let J=d.querySelector('input[data-role="email-input"]');J?.addEventListener("input",()=>{J.value.length<=254&&(R=J.value);});let I=d.querySelector('input[data-role="screenshot-input"]');d.querySelector('button[data-role="screenshot-pick"]')?.addEventListener("click",()=>{I?.click();}),I?.addEventListener("change",()=>{let o=I.files?.[0];o&&ve(o).finally(()=>{I&&(I.value="");});}),d.querySelectorAll('button[data-role="screenshot-remove"]').forEach(o=>{o.addEventListener("click",()=>{let p=Number(o.dataset.index);Number.isInteger(p)&&ke(p);});});}function f(){we(),Ee(),Se();}v.addEventListener("click",()=>{u?C():oe();}),A.addEventListener("click",C);let ae=e=>{u&&(e.key==="Escape"&&C(),e.key==="Enter"&&(e.metaKey||e.ctrlKey)&&(e.preventDefault(),ie()));};document.addEventListener("keydown",ae);let S=null,D=null;function se(){S&&D&&S.removeEventListener("change",D),S=null,D=null;}function le(){S||typeof window>"u"||typeof window.matchMedia!="function"||(S=window.matchMedia("(prefers-color-scheme: dark)"),D=()=>{c===void 0&&(n=Q(void 0),f());},S.addEventListener("change",D));}c===void 0&&le(),f();let K=false;return {destroy:()=>{K||(K=true,document.removeEventListener("keydown",ae),se(),z.remove());},open:oe,close:C,update:e=>{if(K)return;let l=false;e.position!==void 0&&e.position!==s&&(s=e.position,l=true),"theme"in e&&(c=e.theme,n=Q(c),c===void 0?le():se(),l=true),e.title!==void 0&&e.title!==i&&(i=e.title,l=true),e.placeholder!==void 0&&e.placeholder!==T&&(T=e.placeholder,l=true),e.showEmailOption!==void 0&&e.showEmailOption!==F&&(F=e.showEmailOption,l=true),e.showScreenshotOption!==void 0&&e.showScreenshotOption!==_&&(_=e.showScreenshotOption,l=true),"environment"in e&&(Z=e.environment),"metadata"in e&&(j=e.metadata),"onSubmit"in e&&(ee=e.onSubmit),"onError"in e&&(N=e.onError),"onOpen"in e&&(te=e.onOpen),"onClose"in e&&(ne=e.onClose),l&&f();}}}exports.DARK_THEME=W;exports.DEFAULT_THEME=V;exports.initUseroFeedbackWidget=Ve;exports.mergeTheme=Le;exports.resolveTheme=Q;return exports;})({});//# sourceMappingURL=usero.iife.js.map
+		`,c.querySelector('form[data-role="form"]')?.addEventListener("submit",a=>{a.preventDefault(),ue();}),c.querySelector('button[data-role="close"]')?.addEventListener("click",I),c.querySelectorAll("button[data-rating]").forEach(a=>{a.addEventListener("click",()=>{let p=a.dataset.rating;(p==="1"||p==="2"||p==="3"||p==="4")&&(M=Number(p),u());});});let N=c.querySelector('textarea[data-role="comment"]');N&&N.addEventListener("input",()=>{if(N.value.length<=1e3){v=N.value;let a=c.querySelector('[data-role="charcount"]');if(a){let p=1e3-v.length;a.textContent=`${p} chars remaining`,a.style.color=p<50?"#dc2626":r.text,a.style.opacity=p<50?"1":"0.6";}}});let he=c.querySelector('input[data-role="share-email"]');he?.addEventListener("change",()=>{k=he.checked,u();});let ne=c.querySelector('input[data-role="email-input"]');ne?.addEventListener("input",()=>{ne.value.length<=254&&(L=ne.value);});let O=c.querySelector('input[data-role="screenshot-input"]');c.querySelector('button[data-role="screenshot-pick"]')?.addEventListener("click",()=>{O?.click();}),O?.addEventListener("change",()=>{let a=O.files?.[0];a&&Re(a).finally(()=>{O&&(O.value="");});}),c.querySelectorAll('button[data-role="screenshot-remove"]').forEach(a=>{a.addEventListener("click",()=>{let p=Number(a.dataset.index);Number.isInteger(p)&&Me(p);});});}function u(){Le(),Ce(),Ae();}S.addEventListener("click",()=>{m?I():fe();}),z.addEventListener("click",I);let be=e=>{m&&(e.key==="Escape"&&I(),e.key==="Enter"&&(e.metaKey||e.ctrlKey)&&(e.preventDefault(),ue()));};document.addEventListener("keydown",be);let T=null,D=null;function me(){T&&D&&T.removeEventListener("change",D),T=null,D=null;}function ge(){T||typeof window>"u"||typeof window.matchMedia!="function"||(T=window.matchMedia("(prefers-color-scheme: dark)"),D=()=>{d===void 0&&(r=ae(void 0),u());},T.addEventListener("change",D));}d===void 0&&ge(),u();let ee=false;return {destroy:()=>{if(!ee){ee=true,document.removeEventListener("keydown",be),me();for(let e of B){if(!e.onDestroy)continue;let i=j.get(e.name);if(i)try{e.onDestroy(i);}catch(b){i.logger.error("onDestroy threw",b);}}Q.clear(),j.clear(),U.remove();}},open:fe,close:I,whenReady:()=>Te,update:e=>{if(ee)return;let i=false;e.position!==void 0&&e.position!==s&&(s=e.position,i=true),"theme"in e&&(d=e.theme,r=ae(d),d===void 0?ge():me(),i=true),e.title!==void 0&&e.title!==l&&(l=e.title,i=true),e.placeholder!==void 0&&e.placeholder!==P&&(P=e.placeholder,i=true),e.showEmailOption!==void 0&&e.showEmailOption!==R&&(R=e.showEmailOption,i=true),e.showScreenshotOption!==void 0&&e.showScreenshotOption!==W&&(W=e.showScreenshotOption,i=true),"environment"in e&&(se=e.environment),"metadata"in e&&(X=e.metadata),"onSubmit"in e&&(le=e.onSubmit),"onError"in e&&(V=e.onError),"onOpen"in e&&(de=e.onOpen),"onClose"in e&&(ce=e.onClose),i&&u();}}}exports.DARK_THEME=G;exports.DEFAULT_THEME=oe;exports.initUseroFeedbackWidget=it;exports.mergePluginPatches=We;exports.mergeTheme=ze;exports.resolveTheme=ae;return exports;})({});//# sourceMappingURL=usero.iife.js.map
 //# sourceMappingURL=usero.iife.js.map