@useknest/widget-web 0.1.0 → 0.1.1

package/dist/widget.js

@@ -17269,6 +17269,8 @@ const d0 = {
 		animation: svelte-7fg7a1-spin 1s linear infinite;}.bubble-panel.svelte-7fg7a1 {position:relative;width:380px;height:520px;max-width:calc(100vw - 48px);max-height:calc(100vh - 100px);border-radius:1rem;border:1px solid rgba(0, 0, 0, 0.1);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1);overflow:hidden;}.bubble-panel.svelte-7fg7a1 .chat-card:where(.svelte-7fg7a1) {height:100%;}.bubble-close-btn.svelte-7fg7a1 {display:none;position:absolute;top:0.75rem;right:0.75rem;z-index:10;width:2rem;height:2rem;align-items:center;justify-content:center;border:none;border-radius:50%;background:rgba(0, 0, 0, 0.06);color:#374151;cursor:pointer;}.bubble-close-btn.svelte-7fg7a1:hover {background:rgba(0, 0, 0, 0.12);}
 
 	@media (max-width: 440px) {.bubble-container.bubble-open.svelte-7fg7a1 {inset:0;bottom:0;right:0;}.bubble-container.bubble-open.svelte-7fg7a1 .bubble-button:where(.svelte-7fg7a1) {display:none;}.bubble-panel.svelte-7fg7a1 {width:100%;height:100dvh;max-width:none;max-height:none;border-radius:0;border:none;box-shadow:none;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);}.bubble-close-btn.svelte-7fg7a1 {display:flex;}.bubble-panel.svelte-7fg7a1 .messages-container:where(.svelte-7fg7a1) > :where(.svelte-7fg7a1):first-child {padding-right:2.5rem;}
+
+		/* iOS Safari auto-zooms on inputs with font-size < 16px. */.input-field.svelte-7fg7a1 {font-size:1rem;}
 	}`
 };
 function hd(t, e) {

package/dist/widget.umd.js

@@ -159,4 +159,6 @@ Url: ${Bs(t)}`),!0}return!1}function wv(t,e){return e?.length?gu(t).some(n=>Ns(n
 		animation: svelte-7fg7a1-spin 1s linear infinite;}.bubble-panel.svelte-7fg7a1 {position:relative;width:380px;height:520px;max-width:calc(100vw - 48px);max-height:calc(100vh - 100px);border-radius:1rem;border:1px solid rgba(0, 0, 0, 0.1);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1);overflow:hidden;}.bubble-panel.svelte-7fg7a1 .chat-card:where(.svelte-7fg7a1) {height:100%;}.bubble-close-btn.svelte-7fg7a1 {display:none;position:absolute;top:0.75rem;right:0.75rem;z-index:10;width:2rem;height:2rem;align-items:center;justify-content:center;border:none;border-radius:50%;background:rgba(0, 0, 0, 0.06);color:#374151;cursor:pointer;}.bubble-close-btn.svelte-7fg7a1:hover {background:rgba(0, 0, 0, 0.12);}
 
 	@media (max-width: 440px) {.bubble-container.bubble-open.svelte-7fg7a1 {inset:0;bottom:0;right:0;}.bubble-container.bubble-open.svelte-7fg7a1 .bubble-button:where(.svelte-7fg7a1) {display:none;}.bubble-panel.svelte-7fg7a1 {width:100%;height:100dvh;max-width:none;max-height:none;border-radius:0;border:none;box-shadow:none;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);}.bubble-close-btn.svelte-7fg7a1 {display:flex;}.bubble-panel.svelte-7fg7a1 .messages-container:where(.svelte-7fg7a1) > :where(.svelte-7fg7a1):first-child {padding-right:2.5rem;}
+
+		/* iOS Safari auto-zooms on inputs with font-size < 16px. */.input-field.svelte-7fg7a1 {font-size:1rem;}
 	}`};function cd(t,e){Jr(e,!0),Zo(t,Kw);const n=R=>{var M=Fw(),q=J(M);{var te=ne=>{var fe=Ew();L(ne,fe)},Te=ne=>{var fe=It(),ut=rt(fe);{var ie=ye=>{var Ne=kw(),dt=J(Ne),Lt=J(dt),lr=J(Lt,!0);z(Lt),z(dt),z(Ne),Ae(()=>gt(lr,Ku)),L(ye,Ne)},Rn=ye=>{var Ne=Uw(),dt=rt(Ne),Lt=J(dt);vr(Lt,19,()=>w(_),(D,V)=>D.id??V,(D,V,Je)=>{var On=Tw(),In=rt(On);{let wt=jn(()=>!w(V).content&&w(S)&&w(V).role==="assistant"),Wa=jn(()=>o()?.baseUrl);qa(In,{get message(){return w(V)},get isLoading(){return w(wt)},get avatarUrl(){return w(h)},get brandColor(){return w(m)},get publishableApiKey(){return r()},get baseUrl(){return w(Wa)}})}var $n=Q(In,2);{var yt=wt=>{var Wa=Sw();L(wt,Wa)};ae($n,wt=>{w(Je)<w(_).length-1&&wt(yt)})}L(D,On)});var lr=Q(Lt,2);{var Yt=D=>{var V=Rw(),Je=Q(J(V),2);vr(Je,17,()=>w(f),Yo,(On,In,$n)=>{var yt=Aw();yt.__click=[xw,K,In];var wt=J(yt,!0);z(yt),Ae(()=>{cs(yt,$n===0?`border-color: ${w(m)}; border-width: 2px;`:""),gt(wt,w(In))}),L(On,yt)}),z(V),L(D,V)};ae(lr,D=>{w(_).length===1&&!w(c)&&D(Yt)})}var cr=Q(lr,2);{var Vw=D=>{var V=Ow(),Je=J(V,!0);z(V),Ae(()=>gt(Je,ky)),L(D,V)};ae(cr,D=>{w($)&&D(Vw)})}var Jw=Q(cr,2);rl(Jw,D=>O(g,D),()=>w(g)),z(dt);var ud=Q(dt,2),dd=J(ud);{var Yw=D=>{var V=Iw(),Je=Q(J(V),1,!0);z(V),Ae(()=>gt(Je,Sy)),L(D,V)};ae(dd,D=>{w(H)&&D(Yw)})}var Xs=Q(dd,2);Xs.__change=Ee,rl(Xs,D=>O(x,D),()=>w(x));var hd=Q(Xs,2);{var Xw=D=>{var V=Cw();vr(V,21,()=>w(k),Yo,(Je,On,In)=>{var $n=$w(),yt=J($n),wt=Q(yt);wt.__click=()=>oe(In),z($n),Ae(()=>{gt(yt,`${w(On).name??""} `),Qe(wt,"aria-label",`Remove ${w(On).name??""}`)}),L(Je,$n)}),z(V),L(D,V)};ae(hd,D=>{w(k).length>0&&D(Xw)})}var fd=Q(hd,2);{var Zw=D=>{var V=Pw(),Je=J(V,!0);z(V),Ae(()=>gt(Je,w(T))),L(D,V)};ae(fd,D=>{w(T)&&D(Zw)})}var za=Q(fd,2),Mr=J(za);Ph(Mr);var Zs=Q(Mr,2);Zs.__click=[Nw,x];var pd=Q(Zs,2);pd.__click=[Lw,_e],z(za);var gd=Q(za,2);{var Qw=D=>{var V=jw(),Je=J(V);Je.__click=[ww,r,p,_,l,v,k,T,$,H],z(V),L(D,V)};ae(gd,D=>{w(_).length>1&&!w(S)&&D(Qw)})}var e0=Q(gd,2);{var t0=D=>{var V=Dw();L(D,V)};ae(e0,D=>{D(t0)})}z(ud),Ae(D=>{Qe(Xs,"accept",_y),Mr.disabled=w(S)||w(A)||!w(d),Zs.disabled=!w(p)||w(S)||w(A),Qe(Zs,"title",w(p)?"Attach file":"Send a message first to enable attachments"),pd.disabled=D},[()=>w(S)||w(A)||!w(v).trim()||!w(d)]),Wo("keypress",Mr,Ve),jh(Mr,()=>w(v),D=>O(v,D)),L(ye,Ne)};ae(ut,ye=>{w(u)==="auth"?ye(ie):ye(Rn,!1)},!0)}L(ne,fe)};ae(q,ne=>{w(c)?ne(te):ne(Te,!1)})}z(M),L(R,M)};let r=Se(e,"publishableApiKey"),s=Se(e,"mode",7,"inline"),i=Se(e,"defaultOpen",7,!1),a=Se(e,"user"),o=Se(e,"_internal"),l=X(null),c=X(!0),u=X(null),d=X(!1),h=jn(()=>w(l)?.avatarUrl||py),f=jn(()=>w(l)?.exampleQuestions||gy),m=jn(()=>w(l)?.brandColor||Fa),_=X(xt([])),v=X(""),S=X(!1),g=X(void 0),p=X(void 0),y=X(xt(i())),E=X(!1),b=null,k=X(xt([])),A=X(!1),T=X(null),x=X(void 0),$=X(!1),H=X(!1);Th(()=>{typeof requestIdleCallback<"u"?requestIdleCallback(()=>ad()):setTimeout(()=>ad(),0)}),Dn(()=>{if(!r()||w(E))return;O(E,!0);const R=o()?.supabaseUrl||ly,M=o()?.supabasePublishableKey||cy;b=Iy(R,M),ce()});async function ce(){const R=await Oy(r(),o()?.baseUrl,q=>{O(l,q,!0)});if(R.error){O(u,R.error,!0),O(c,!1);return}O(l,R.config,!0),O(c,!1);const M=nw(r());if(M&&M.messages.length>0?(O(_,M.messages,!0),O(p,M.threadId,!0),O(v,M.input,!0)):O(_,[{role:"assistant",content:R.config?.welcomeMessage||Vu}],!0),b){const q=await b;q||console.warn("Widget auth initialization failed"),O(d,q,!0)}}Dn(()=>{w(_).length>0&&w(g)&&w(g).scrollIntoView({behavior:"smooth"})}),Dn(()=>{if(!(!w(p)||!w(d)))return Zy(w(p),R=>{if(R.role!=="human"||w(_).some(q=>q.id===R.id))return;const M=R.metadata?.attachments??[];O(_,[...w(_),{id:R.id,role:"assistant",content:R.content,...M.length>0?{attachments:M}:{}}],!0)},{role:"visitor",onPresenceChange:R=>O(H,R,!0)})});function Ee(R){const M=R.target,q=Array.from(M.files||[]);M.value="",O(T,null);for(const Te of q){const ne=zy(Te);if(ne){O(T,ne,!0);return}}const te=by-w(k).length;O(k,[...w(k),...q.slice(0,te)],!0)}function oe(R){O(k,w(k).filter((M,q)=>q!==R),!0)}async function _e(R){const M=R??w(v);if(!M.trim()||w(S)||!w(d))return;const q=M.trim();O(v,""),O(S,!0),O(T,null);let te=[];if(w(k).length>0&&w(p)){O(A,!0);try{te=await Promise.all(w(k).map(ie=>Ky({publishableApiKey:r(),threadId:w(p),file:ie,baseUrl:o()?.baseUrl})))}catch(ie){od(ie instanceof Error?ie.message:"Upload failed",{threadId:w(p),baseUrl:o()?.baseUrl}),O(T,ie instanceof Error?ie.message:"Upload failed.",!0),O(S,!1),O(A,!1);return}O(A,!1),O(k,[],!0)}const Te=te.length>0?{attachments:te}:void 0;O(_,[...w(_),{role:"user",content:q,...te.length>0?{attachments:te}:{}}],!0);const ne=w(_).length;O(_,[...w(_),{role:"assistant",content:""}],!0);let fe="",ut=[];await Py({publishableApiKey:r(),content:q,threadId:w(p),baseUrl:o()?.baseUrl,metadata:Te,user:a(),callbacks:{onInit:ie=>{w(p)||O(p,ie,!0)},onContent:ie=>{fe+=ie,O(_,[...w(_).slice(0,ne),{role:"assistant",content:fe},...w(_).slice(ne+1)],!0)},onComplete:ie=>{ut=ie,O(_,[...w(_).slice(0,ne),{role:"assistant",content:fe,sources:ut},...w(_).slice(ne+1)],!0)},onDone:({humanTakeover:ie})=>{O($,!!ie),ie&&!fe&&O(_,[...w(_).slice(0,ne),...w(_).slice(ne+1)],!0)},onError:ie=>{od(ie,{userMessage:q,threadId:w(p),baseUrl:o()?.baseUrl}),O(_,[...w(_).slice(0,ne),{role:"assistant",content:`Error: ${ie}`},...w(_).slice(ne+1)],!0)}}}),O(S,!1)}function Ve(R){R.key==="Enter"&&!R.shiftKey&&(R.preventDefault(),_e())}function K(R){_e(R)}Dn(()=>{const R=w(_),M=w(p),q=w(v);R.length<=1&&!q||sw(r(),{threadId:M,messages:R,input:q,savedAt:Date.now()})}),Dn(()=>{const R=window.matchMedia(`(max-width: ${aw}px)`);return w(y)&&R.matches?ow():ld(),()=>ld()});var le={get publishableApiKey(){return r()},set publishableApiKey(R){r(R),pe()},get mode(){return s()},set mode(R="inline"){s(R),pe()},get defaultOpen(){return i()},set defaultOpen(R=!1){i(R),pe()},get user(){return a()},set user(R){a(R),pe()},get _internal(){return o()},set _internal(R){o(R),pe()}},ue=It(),de=rt(ue);{var se=R=>{n(R)},Ue=R=>{const M=jn(()=>w(c)?"#9ca3af":w(m));var q=Gw();let te;var Te=J(q);{var ne=ye=>{var Ne=Bw(),dt=J(Ne);dt.__click=[Mw,y];var Lt=Q(dt,2);n(Lt),z(Ne),L(ye,Ne)};ae(Te,ye=>{w(y)&&ye(ne)})}var fe=Q(Te,2);fe.__click=[qw,y];var ut=J(fe);{var ie=ye=>{var Ne=Hw();L(ye,Ne)},Rn=ye=>{var Ne=It(),dt=rt(Ne);{var Lt=Yt=>{var cr=zw();L(Yt,cr)},lr=Yt=>{var cr=Ww();L(Yt,cr)};ae(dt,Yt=>{w(y)?Yt(Lt):Yt(lr,!1)},!0)}L(ye,Ne)};ae(ut,ye=>{w(c)?ye(ie):ye(Rn,!1)})}z(fe),z(q),Ae(ye=>{te=el(q,1,"bubble-container svelte-7fg7a1",null,te,ye),Qe(fe,"aria-label",w(c)?"Loading chat":w(y)?"Close chat":"Open chat"),cs(fe,`background-color: ${w(M)??""}`)},[()=>({"bubble-open":w(y)})]),L(R,q)};ae(de,R=>{s()==="inline"?R(se):R(Ue,!1)})}return L(t,ue),Yr(le)}bh(["click","change"]),ki(cd,{publishableApiKey:{},mode:{},defaultOpen:{},user:{},_internal:{}},[],[],!0);function Ha(t,e){Jr(e,!0);let n=Se(e,"publishableApiKey"),r=Se(e,"mode",7,"inline"),s=Se(e,"defaultOpen",7,!1),i=Se(e,"user"),a=Se(e,"_internal");var o={get publishableApiKey(){return n()},set publishableApiKey(l){n(l),pe()},get mode(){return r()},set mode(l="inline"){r(l),pe()},get defaultOpen(){return s()},set defaultOpen(l=!1){s(l),pe()},get user(){return i()},set user(l){i(l),pe()},get _internal(){return a()},set _internal(l){a(l),pe()}};return cd(t,{get publishableApiKey(){return n()},get mode(){return r()},get defaultOpen(){return s()},get user(){return i()},get _internal(){return a()}}),Yr(o)}customElements.define("knest-chat",ki(Ha,{publishableApiKey:{attribute:"publishable-api-key",type:"String"},mode:{attribute:"mode",type:"String"},defaultOpen:{attribute:"default-open",type:"Boolean"},user:{type:"Object"},_internal:{type:"Object"}},[],[],!0)),jt.ChatMessage=qa,jt.ChatWidget=Ha,jt.default=Ha,Object.defineProperties(jt,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useknest/widget-web",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "type": "module",
   "description": "Svelte web component for Knest chat widget",
   "files": [