jat-feedback 1.4.0 → 1.4.1

package/dist/jat-feedback.js

@@ -69,7 +69,7 @@ var Pd=Object.defineProperty;var cl=te=>{throw TypeError(te)};var Dd=(te,ne,pe)=
     animation: svelte-nv4d5v-spin 0.6s linear infinite;}
   @keyframes svelte-nv4d5v-spin {
     to { transform: rotate(360deg); }
-  }`};function nl(e,t){rn(t,!0),An(e,Rd);let n=K(t,"endpoint",7),r=K(t,"project",7),s=K(t,"userId",7,""),i=K(t,"userEmail",7,""),o=K(t,"userName",7,""),a=K(t,"userRole",7,""),l=K(t,"orgId",7,""),u=K(t,"orgName",7,""),f=K(t,"onclose",7),v=K(t,"ongrip",7),d=z("new"),m=z(ze([])),b=z(!1),_=z(""),h=yt(()=>c(m).filter(p=>p.status==="completed").length);async function w(){E(b,!0),E(_,"");const p=await nf(n());E(m,p.reports,!0),p.error&&E(_,p.error,!0),E(b,!1)}vi(()=>{w()});let A=z(""),k=z(""),j=z("bug"),R=z("medium"),L=z(ze([])),q=z(ze([])),re=z(ze([])),se=z(!1),ce=z(!1),Ge=z(!1),$e=z(""),jt=z("success"),mt=z(!1);function Xe(p,$){E($e,p,!0),E(jt,$,!0),E(mt,!0),setTimeout(()=>{E(mt,!1)},3e3)}async function fn(){E(ce,!0);try{const p=await Za();E(L,[...c(L),p],!0),Xe(`Screenshot captured (${c(L).length})`,"success")}catch(p){console.error("[jat-feedback] Screenshot failed:",p),Xe("Screenshot failed: "+(p instanceof Error?p.message:"unknown error"),"error")}finally{E(ce,!1)}}function I(p){E(L,c(L).filter(($,O)=>O!==p),!0)}function _e(){E(Ge,!0),ya(p=>{E(q,[...c(q),p],!0),E(Ge,!1),Xe(`Element captured: <${p.tagName.toLowerCase()}>`,"success")})}function fe(){E(re,Kc(),!0)}async function bt(p){if(p.preventDefault(),!c(A).trim())return;E(se,!0),fe();const $={};(s()||i()||o()||a())&&($.reporter={},s()&&($.reporter.userId=s()),i()&&($.reporter.email=i()),o()&&($.reporter.name=o()),a()&&($.reporter.role=a())),(l()||u())&&($.organization={},l()&&($.organization.id=l()),u()&&($.organization.name=u()));const O={title:c(A).trim(),description:c(k).trim(),type:c(j),priority:c(R),project:r()||"",page_url:window.location.href,user_agent:navigator.userAgent,console_logs:c(re).length>0?c(re):null,selected_elements:c(q).length>0?c(q):null,screenshots:c(L).length>0?c(L):null,metadata:Object.keys($).length>0?$:null};try{const T=await ka(n(),O);T.ok?(Xe(`Report submitted (${T.id})`,"success"),Yt(),setTimeout(()=>{w(),E(d,"requests")},1200)):($a(n(),O),Xe("Queued for retry (endpoint unreachable)","error"))}catch{$a(n(),O),Xe("Queued for retry (endpoint unreachable)","error")}finally{E(se,!1)}}function Yt(){E(A,""),E(k,""),E(j,"bug"),E(R,"medium"),E(L,[],!0),E(q,[],!0),E(re,[],!0)}vi(()=>{fe()});const Pn=[{value:"bug",label:"Bug"},{value:"enhancement",label:"Enhancement"},{value:"other",label:"Other"}],Gt=[{value:"low",label:"Low"},{value:"medium",label:"Medium"},{value:"high",label:"High"},{value:"critical",label:"Critical"}];function gr(){return c(L).length+c(q).length}var Ii={get endpoint(){return n()},set endpoint(p){n(p),V()},get project(){return r()},set project(p){r(p),V()},get userId(){return s()},set userId(p=""){s(p),V()},get userEmail(){return i()},set userEmail(p=""){i(p),V()},get userName(){return o()},set userName(p=""){o(p),V()},get userRole(){return a()},set userRole(p=""){a(p),V()},get orgId(){return l()},set orgId(p=""){l(p),V()},get orgName(){return u()},set orgName(p=""){u(p),V()},get onclose(){return f()},set onclose(p){f(p),V()},get ongrip(){return v()},set ongrip(p){v(p),V()}},Kr=Nd(),Xt=x(Kr),Zr=x(Xt);{var Li=p=>{var $=_d();ee("mousedown",$,function(...O){var T;(T=v())==null||T.apply(this,O)}),S(p,$)};F(Zr,p=>{v()&&p(Li)})}var Jr=C(Zr,2),un=x(Jr);let Qr;var mr=C(un,2);let Ps;var Ds=C(x(mr),2);{var Mi=p=>{var $=wd(),O=x($,!0);y($),M(()=>W(O,c(h))),S(p,$)};F(Ds,p=>{c(h)>0&&p(Mi)})}y(mr),y(Jr);var qi=C(Jr,2);y(Xt);var Fs=C(Xt,2);{var Pi=p=>{var $=Td(),O=x($),T=C(x(O),2);Mc(T),y(O);var Ae=C(O,2),Ce=C(x(Ae),2);qo(Ce),y(Ae);var Fe=C(Ae,2),Dn=x(Fe),br=C(x(Dn),2);He(br,21,()=>Pn,ht,(B,Q)=>{var ue=yd(),Ke=x(ue,!0);y(ue);var Re={};M(()=>{W(Ke,c(Q).label),Re!==(Re=c(Q).value)&&(ue.value=(ue.__value=c(Q).value)??"")}),S(B,ue)}),y(br),y(Dn);var _r=C(Dn,2),wr=C(x(_r),2);He(wr,21,()=>Gt,ht,(B,Q)=>{var ue=xd(),Ke=x(ue,!0);y(ue);var Re={};M(()=>{W(Ke,c(Q).label),Re!==(Re=c(Q).value)&&(ue.value=(ue.__value=c(Q).value)??"")}),S(B,ue)}),y(wr),y(_r),y(Fe);var dn=C(Fe,2),Os=x(dn);Ja(Os,{get screenshots(){return c(L)},get capturing(){return c(ce)},oncapture:fn,onremove:I});var yr=C(Os,2),zs=C(x(yr),2);{var Oi=B=>{var Q=sa("Click an element...");S(B,Q)},zi=B=>{var Q=Ed(),ue=C(zt(Q));{var Ke=Re=>{var Kt=kd(),zn=x(Kt,!0);y(Kt),M(()=>W(zn,c(q).length)),S(Re,Kt)};F(ue,Re=>{c(q).length>0&&Re(Ke)})}S(B,Q)};F(zs,B=>{c(Ge)?B(Oi):B(zi,!1)})}y(yr),y(dn);var vn=C(dn,2);{var Fn=B=>{var Q=Cd();He(Q,21,()=>c(q),ht,(ue,Ke,Re)=>{var Kt=Sd(),zn=x(Kt),Hi=x(zn);y(zn);var Y=C(zn,2),Z=x(Y,!0);y(Y);var ae=C(Y,2);y(Kt),M((we,at)=>{W(Hi,`<${we??""}>`),W(Z,at)},[()=>c(Ke).tagName.toLowerCase(),()=>{var we;return((we=c(Ke).textContent)==null?void 0:we.substring(0,40))||c(Ke).selector}]),ee("click",ae,()=>{E(q,c(q).filter((we,at)=>at!==Re),!0)}),S(ue,Kt)}),y(Q),S(B,Q)};F(vn,B=>{c(q).length>0&&B(Fn)})}var On=C(vn,2);Qa(On,{get logs(){return c(re)}});var xr=C(On,2);{var kr=B=>{var Q=$d(),ue=x(Q);y(Q),M((Ke,Re)=>W(ue,`${Ke??""} attachment${Re??""} will be included`),[gr,()=>gr()>1?"s":""]),S(B,Q)},Bi=yt(()=>gr()>0);F(xr,B=>{c(Bi)&&B(kr)})}var es=C(xr,2),ts=x(es),ns=C(ts,2),Bs=x(ns);{var Ui=B=>{var Q=Ad();Ar(),S(B,Q)},Us=B=>{var Q=sa("Submit");S(B,Q)};F(Bs,B=>{c(se)?B(Ui):B(Us,!1)})}y(ns),y(es),y($),M(B=>{T.disabled=c(se),Ce.disabled=c(se),br.disabled=c(se),wr.disabled=c(se),yr.disabled=c(Ge),ts.disabled=c(se),ns.disabled=B},[()=>c(se)||!c(A).trim()]),_c("submit",$,bt),ki(T,()=>c(A),B=>E(A,B)),ki(Ce,()=>c(k),B=>E(k,B)),ua(br,()=>c(j),B=>E(j,B)),ua(wr,()=>c(R),B=>E(R,B)),ee("click",yr,_e),ee("click",ts,function(...B){var Q;(Q=f())==null||Q.apply(this,B)}),S(p,$)},Di=p=>{tl(p,{get endpoint(){return n()},get loading(){return c(b)},get error(){return c(_)},onreload:w,get reports(){return c(m)},set reports($){E(m,$,!0)}})};F(Fs,p=>{c(d)==="new"?p(Pi):p(Di,!1)})}var Fi=C(Fs,2);return el(Fi,{get message(){return c($e)},get type(){return c(jt)},get visible(){return c(mt)}}),y(Kr),M(()=>{Qr=Ve(un,1,"tab svelte-nv4d5v",null,Qr,{active:c(d)==="new"}),Ps=Ve(mr,1,"tab svelte-nv4d5v",null,Ps,{active:c(d)==="requests"})}),ee("click",un,()=>E(d,"new")),ee("click",mr,()=>E(d,"requests")),ee("click",qi,function(...p){var $;($=f())==null||$.apply(this,p)}),S(e,Kr),sn(Ii)}Es(["mousedown","click"]),Tn(nl,{endpoint:{},project:{},userId:{},userEmail:{},userName:{},userRole:{},orgId:{},orgName:{},onclose:{},ongrip:{}},[],[],{mode:"open"});var jd=N("<div><!></div>"),Id=N('<div class="jat-feedback-panel svelte-qpyrvv"><div class="no-endpoint svelte-qpyrvv"><p class="svelte-qpyrvv">No endpoint configured.</p> <p class="svelte-qpyrvv">Add the <code class="svelte-qpyrvv">endpoint</code> attribute:</p> <code class="example svelte-qpyrvv">&lt;jat-feedback endpoint="http://localhost:3333"&gt;</code></div></div>'),Ld=N('<div class="jat-feedback-root svelte-qpyrvv"><!> <!></div>');const Md={hash:"svelte-qpyrvv",code:`.jat-feedback-root.svelte-qpyrvv {position:fixed;z-index:2147483647;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;}.jat-feedback-panel.svelte-qpyrvv {position:absolute;
+  }`};function nl(e,t){rn(t,!0),An(e,Rd);let n=K(t,"endpoint",7),r=K(t,"project",7),s=K(t,"userId",7,""),i=K(t,"userEmail",7,""),o=K(t,"userName",7,""),a=K(t,"userRole",7,""),l=K(t,"orgId",7,""),u=K(t,"orgName",7,""),f=K(t,"onclose",7),v=K(t,"ongrip",7),d=z("new"),m=z(ze([])),b=z(!1),_=z(""),h=yt(()=>c(m).filter(p=>p.status==="completed").length);async function w(){E(b,!0),E(_,"");const p=await nf(n());E(m,p.reports,!0),p.error&&E(_,p.error,!0),E(b,!1)}vi(()=>{n()&&w()});let A=z(""),k=z(""),j=z("bug"),R=z("medium"),L=z(ze([])),q=z(ze([])),re=z(ze([])),se=z(!1),ce=z(!1),Ge=z(!1),$e=z(""),jt=z("success"),mt=z(!1);function Xe(p,$){E($e,p,!0),E(jt,$,!0),E(mt,!0),setTimeout(()=>{E(mt,!1)},3e3)}async function fn(){E(ce,!0);try{const p=await Za();E(L,[...c(L),p],!0),Xe(`Screenshot captured (${c(L).length})`,"success")}catch(p){console.error("[jat-feedback] Screenshot failed:",p),Xe("Screenshot failed: "+(p instanceof Error?p.message:"unknown error"),"error")}finally{E(ce,!1)}}function I(p){E(L,c(L).filter(($,O)=>O!==p),!0)}function _e(){E(Ge,!0),ya(p=>{E(q,[...c(q),p],!0),E(Ge,!1),Xe(`Element captured: <${p.tagName.toLowerCase()}>`,"success")})}function fe(){E(re,Kc(),!0)}async function bt(p){if(p.preventDefault(),!c(A).trim())return;E(se,!0),fe();const $={};(s()||i()||o()||a())&&($.reporter={},s()&&($.reporter.userId=s()),i()&&($.reporter.email=i()),o()&&($.reporter.name=o()),a()&&($.reporter.role=a())),(l()||u())&&($.organization={},l()&&($.organization.id=l()),u()&&($.organization.name=u()));const O={title:c(A).trim(),description:c(k).trim(),type:c(j),priority:c(R),project:r()||"",page_url:window.location.href,user_agent:navigator.userAgent,console_logs:c(re).length>0?c(re):null,selected_elements:c(q).length>0?c(q):null,screenshots:c(L).length>0?c(L):null,metadata:Object.keys($).length>0?$:null};try{const T=await ka(n(),O);T.ok?(Xe(`Report submitted (${T.id})`,"success"),Yt(),setTimeout(()=>{w(),E(d,"requests")},1200)):($a(n(),O),Xe("Queued for retry (endpoint unreachable)","error"))}catch{$a(n(),O),Xe("Queued for retry (endpoint unreachable)","error")}finally{E(se,!1)}}function Yt(){E(A,""),E(k,""),E(j,"bug"),E(R,"medium"),E(L,[],!0),E(q,[],!0),E(re,[],!0)}vi(()=>{fe()});const Pn=[{value:"bug",label:"Bug"},{value:"enhancement",label:"Enhancement"},{value:"other",label:"Other"}],Gt=[{value:"low",label:"Low"},{value:"medium",label:"Medium"},{value:"high",label:"High"},{value:"critical",label:"Critical"}];function gr(){return c(L).length+c(q).length}var Ii={get endpoint(){return n()},set endpoint(p){n(p),V()},get project(){return r()},set project(p){r(p),V()},get userId(){return s()},set userId(p=""){s(p),V()},get userEmail(){return i()},set userEmail(p=""){i(p),V()},get userName(){return o()},set userName(p=""){o(p),V()},get userRole(){return a()},set userRole(p=""){a(p),V()},get orgId(){return l()},set orgId(p=""){l(p),V()},get orgName(){return u()},set orgName(p=""){u(p),V()},get onclose(){return f()},set onclose(p){f(p),V()},get ongrip(){return v()},set ongrip(p){v(p),V()}},Kr=Nd(),Xt=x(Kr),Zr=x(Xt);{var Li=p=>{var $=_d();ee("mousedown",$,function(...O){var T;(T=v())==null||T.apply(this,O)}),S(p,$)};F(Zr,p=>{v()&&p(Li)})}var Jr=C(Zr,2),un=x(Jr);let Qr;var mr=C(un,2);let Ps;var Ds=C(x(mr),2);{var Mi=p=>{var $=wd(),O=x($,!0);y($),M(()=>W(O,c(h))),S(p,$)};F(Ds,p=>{c(h)>0&&p(Mi)})}y(mr),y(Jr);var qi=C(Jr,2);y(Xt);var Fs=C(Xt,2);{var Pi=p=>{var $=Td(),O=x($),T=C(x(O),2);Mc(T),y(O);var Ae=C(O,2),Ce=C(x(Ae),2);qo(Ce),y(Ae);var Fe=C(Ae,2),Dn=x(Fe),br=C(x(Dn),2);He(br,21,()=>Pn,ht,(B,Q)=>{var ue=yd(),Ke=x(ue,!0);y(ue);var Re={};M(()=>{W(Ke,c(Q).label),Re!==(Re=c(Q).value)&&(ue.value=(ue.__value=c(Q).value)??"")}),S(B,ue)}),y(br),y(Dn);var _r=C(Dn,2),wr=C(x(_r),2);He(wr,21,()=>Gt,ht,(B,Q)=>{var ue=xd(),Ke=x(ue,!0);y(ue);var Re={};M(()=>{W(Ke,c(Q).label),Re!==(Re=c(Q).value)&&(ue.value=(ue.__value=c(Q).value)??"")}),S(B,ue)}),y(wr),y(_r),y(Fe);var dn=C(Fe,2),Os=x(dn);Ja(Os,{get screenshots(){return c(L)},get capturing(){return c(ce)},oncapture:fn,onremove:I});var yr=C(Os,2),zs=C(x(yr),2);{var Oi=B=>{var Q=sa("Click an element...");S(B,Q)},zi=B=>{var Q=Ed(),ue=C(zt(Q));{var Ke=Re=>{var Kt=kd(),zn=x(Kt,!0);y(Kt),M(()=>W(zn,c(q).length)),S(Re,Kt)};F(ue,Re=>{c(q).length>0&&Re(Ke)})}S(B,Q)};F(zs,B=>{c(Ge)?B(Oi):B(zi,!1)})}y(yr),y(dn);var vn=C(dn,2);{var Fn=B=>{var Q=Cd();He(Q,21,()=>c(q),ht,(ue,Ke,Re)=>{var Kt=Sd(),zn=x(Kt),Hi=x(zn);y(zn);var Y=C(zn,2),Z=x(Y,!0);y(Y);var ae=C(Y,2);y(Kt),M((we,at)=>{W(Hi,`<${we??""}>`),W(Z,at)},[()=>c(Ke).tagName.toLowerCase(),()=>{var we;return((we=c(Ke).textContent)==null?void 0:we.substring(0,40))||c(Ke).selector}]),ee("click",ae,()=>{E(q,c(q).filter((we,at)=>at!==Re),!0)}),S(ue,Kt)}),y(Q),S(B,Q)};F(vn,B=>{c(q).length>0&&B(Fn)})}var On=C(vn,2);Qa(On,{get logs(){return c(re)}});var xr=C(On,2);{var kr=B=>{var Q=$d(),ue=x(Q);y(Q),M((Ke,Re)=>W(ue,`${Ke??""} attachment${Re??""} will be included`),[gr,()=>gr()>1?"s":""]),S(B,Q)},Bi=yt(()=>gr()>0);F(xr,B=>{c(Bi)&&B(kr)})}var es=C(xr,2),ts=x(es),ns=C(ts,2),Bs=x(ns);{var Ui=B=>{var Q=Ad();Ar(),S(B,Q)},Us=B=>{var Q=sa("Submit");S(B,Q)};F(Bs,B=>{c(se)?B(Ui):B(Us,!1)})}y(ns),y(es),y($),M(B=>{T.disabled=c(se),Ce.disabled=c(se),br.disabled=c(se),wr.disabled=c(se),yr.disabled=c(Ge),ts.disabled=c(se),ns.disabled=B},[()=>c(se)||!c(A).trim()]),_c("submit",$,bt),ki(T,()=>c(A),B=>E(A,B)),ki(Ce,()=>c(k),B=>E(k,B)),ua(br,()=>c(j),B=>E(j,B)),ua(wr,()=>c(R),B=>E(R,B)),ee("click",yr,_e),ee("click",ts,function(...B){var Q;(Q=f())==null||Q.apply(this,B)}),S(p,$)},Di=p=>{tl(p,{get endpoint(){return n()},get loading(){return c(b)},get error(){return c(_)},onreload:w,get reports(){return c(m)},set reports($){E(m,$,!0)}})};F(Fs,p=>{c(d)==="new"?p(Pi):p(Di,!1)})}var Fi=C(Fs,2);return el(Fi,{get message(){return c($e)},get type(){return c(jt)},get visible(){return c(mt)}}),y(Kr),M(()=>{Qr=Ve(un,1,"tab svelte-nv4d5v",null,Qr,{active:c(d)==="new"}),Ps=Ve(mr,1,"tab svelte-nv4d5v",null,Ps,{active:c(d)==="requests"})}),ee("click",un,()=>E(d,"new")),ee("click",mr,()=>E(d,"requests")),ee("click",qi,function(...p){var $;($=f())==null||$.apply(this,p)}),S(e,Kr),sn(Ii)}Es(["mousedown","click"]),Tn(nl,{endpoint:{},project:{},userId:{},userEmail:{},userName:{},userRole:{},orgId:{},orgName:{},onclose:{},ongrip:{}},[],[],{mode:"open"});var jd=N("<div><!></div>"),Id=N('<div class="jat-feedback-panel svelte-qpyrvv"><div class="no-endpoint svelte-qpyrvv"><p class="svelte-qpyrvv">No endpoint configured.</p> <p class="svelte-qpyrvv">Add the <code class="svelte-qpyrvv">endpoint</code> attribute:</p> <code class="example svelte-qpyrvv">&lt;jat-feedback endpoint="http://localhost:3333"&gt;</code></div></div>'),Ld=N('<div class="jat-feedback-root svelte-qpyrvv"><!> <!></div>');const Md={hash:"svelte-qpyrvv",code:`.jat-feedback-root.svelte-qpyrvv {position:fixed;z-index:2147483647;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;}.jat-feedback-panel.svelte-qpyrvv {position:absolute;
     animation: svelte-qpyrvv-panel-in 0.2s ease;}.jat-feedback-panel.hidden.svelte-qpyrvv {display:none;}.jat-feedback-panel.dragging.svelte-qpyrvv {pointer-events:none;opacity:0.9;}.no-endpoint.svelte-qpyrvv {width:320px;background:#111827;border:1px solid #374151;border-radius:12px;padding:20px;color:#d1d5db;font-size:13px;box-shadow:0 20px 60px rgba(0,0,0,0.4);}.no-endpoint.svelte-qpyrvv p:where(.svelte-qpyrvv) {margin:0 0 8px;}.no-endpoint.svelte-qpyrvv code:where(.svelte-qpyrvv) {font-family:'SF Mono', 'Fira Code', monospace;font-size:11px;color:#93c5fd;}.no-endpoint.svelte-qpyrvv code.example:where(.svelte-qpyrvv) {display:block;background:#1f2937;padding:8px 10px;border-radius:4px;margin-top:4px;}
   @keyframes svelte-qpyrvv-panel-in {
     from { opacity: 0; transform: translateY(8px) scale(0.96); }

package/dist/jat-feedback.mjs

@@ -5252,7 +5252,7 @@ function cl(e, t) {
     E(m, p.reports, !0), p.error && E(_, p.error, !0), E(b, !1);
   }
   xi(() => {
-    w();
+    n() && w();
   });
   let A = /* @__PURE__ */ U(""), k = /* @__PURE__ */ U(""), j = /* @__PURE__ */ U("bug"), R = /* @__PURE__ */ U("medium"), L = /* @__PURE__ */ U(Ge([])), q = /* @__PURE__ */ U(Ge([])), te = /* @__PURE__ */ U(Ge([])), ne = /* @__PURE__ */ U(!1), oe = /* @__PURE__ */ U(!1), Pe = /* @__PURE__ */ U(!1), Ee = /* @__PURE__ */ U(""), mt = /* @__PURE__ */ U("success"), ot = /* @__PURE__ */ U(!1);
   function De(p, $) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jat-feedback",
-  "version": "1.4.0",
+  "version": "1.4.1",
   "description": "Embeddable feedback widget for bug reports and feature requests. Captures screenshots, console logs, and user context as a web component.",
   "type": "module",
   "main": "dist/jat-feedback.js",