@heedb/web-sdk 0.1.2 → 0.1.3

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 (3) hide show
  1. package/dist/widget.js +52 -39
  2. package/package.json +1 -1
  3. package/widget.js +52 -39
package/dist/widget.js CHANGED
@@ -1,24 +1,28 @@
1
1
  /* Heedb Widget — https://heedb.com */
2
- "use strict";(()=>{(function(){var $,D,q,O,R;let y=document.currentScript||document.querySelector("script[data-api-key]"),k=($=y==null?void 0:y.getAttribute("data-api-key"))!=null?$:"",_=(D=y==null?void 0:y.src)!=null?D:"",C=(y==null?void 0:y.getAttribute("data-host"))||(_?new URL(_).origin:"");if(!k){console.warn("[Heedb] Missing data-api-key on <script> tag.");return}let M=!1,b="contact",I="",T=(q=localStorage.getItem("heedb_name"))!=null?q:"",m=(O=localStorage.getItem("heedb_email"))!=null?O:"",f=(R=localStorage.getItem("heedb_token"))!=null?R:"",v=null,P=null;async function F(e,t){try{let o=await S("/api/threads/token",{api_key:k,email:e,userHash:t});if(o.ok){let l=await o.json();if(l.widgetToken){f=l.widgetToken,localStorage.setItem("heedb_token",l.widgetToken);return}}f="",localStorage.removeItem("heedb_token")}catch(o){f="",localStorage.removeItem("heedb_token")}}window.Heedb={init(e={}){e.name&&(T=e.name,localStorage.setItem("heedb_name",e.name)),e.email&&(m=e.email,localStorage.setItem("heedb_email",e.email),e.userHash?F(e.email,e.userHash).then(()=>{B(),M&&v&&h()}):(B(),M&&v&&h()))}};function S(e,t){return fetch(`${C}${e}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(t)})}function J(e){let t=new URL(`${C}/api/threads`);return t.searchParams.set("api_key",k),t.searchParams.set("email",e),f&&t.searchParams.set("token",f),fetch(t.toString()).then(o=>o.json())}function K(e){let t=new URL(`${C}/api/threads/${e}`);return t.searchParams.set("api_key",k),t.searchParams.set("email",m),t.searchParams.set("token",f),fetch(t.toString()).then(o=>o.json())}function U(e,t){return S(`/api/threads/${e}/reply`,{api_key:k,email:m,token:f,message:t})}let W=`
2
+ "use strict";(()=>{(function(){var W,U,K,J,G;let k=document.currentScript||document.querySelector("script[data-api-key]"),L=(W=k==null?void 0:k.getAttribute("data-api-key"))!=null?W:"",N=(U=k==null?void 0:k.src)!=null?U:"",_=(k==null?void 0:k.getAttribute("data-host"))||(N?new URL(N).origin:"");if(!L){console.warn("[Heedb] Missing data-api-key on <script> tag.");return}let p={},m=!1,Y={primary:"#18181b",text:"#18181b",bg:"#ffffff"},Q={primary:"#e4e4e7",text:"#e4e4e7",bg:"#1a1a1a"};function q(){return p.mode==="dark"?!0:p.mode==="light"?!1:p.mode==="system"?window.matchMedia("(prefers-color-scheme: dark)").matches:!1}function V(){return m?Q:Y}function S(e,t){let n=p[e];return n!=null?String(n):t}let C=!1,b="contact",A="",E=(K=localStorage.getItem("heedb_name"))!=null?K:"",f=(J=localStorage.getItem("heedb_email"))!=null?J:"",x=(G=localStorage.getItem("heedb_token"))!=null?G:"",y=null,H=null;async function X(e,t){try{let n=await P("/api/threads/token",{api_key:L,email:e,userHash:t});if(n.ok){let o=await n.json();if(o.widgetToken){x=o.widgetToken,localStorage.setItem("heedb_token",o.widgetToken);return}}x="",localStorage.removeItem("heedb_token")}catch(n){x="",localStorage.removeItem("heedb_token")}}window.Heedb={init(e={}){e.name&&(E=e.name,localStorage.setItem("heedb_name",e.name)),e.email&&(f=e.email,localStorage.setItem("heedb_email",e.email),e.userHash?X(e.email,e.userHash).then(()=>{I(),C&&y&&v()}):(I(),C&&y&&v()))},reset(){E="",f="",x="",localStorage.removeItem("heedb_name"),localStorage.removeItem("heedb_email"),localStorage.removeItem("heedb_token"),b="contact",C=!1,y&&(y.style.display="none"),I()}};function P(e,t){return fetch(`${_}${e}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(t)})}function Z(e){let t=new URL(`${_}/api/threads`);return t.searchParams.set("api_key",L),t.searchParams.set("email",e),x&&t.searchParams.set("token",x),fetch(t.toString()).then(n=>n.json())}function ee(e){let t=new URL(`${_}/api/threads/${e}`);return t.searchParams.set("api_key",L),t.searchParams.set("email",f),t.searchParams.set("token",x),fetch(t.toString()).then(n=>n.json())}function te(e,t){return P(`/api/threads/${e}/reply`,{api_key:L,email:f,token:x,message:t})}async function ne(){var e;try{let t=new URL(`${_}/api/widget-config`);t.searchParams.set("api_key",L);let n=await fetch(t.toString());if(n.ok)return(e=(await n.json()).config)!=null?e:{}}catch(t){}return{}}function R(){var c;let e=V(),t=S(m?"darkPrimaryColor":"primaryColor",e.primary),n=S(m?"darkTextColor":"textColor",e.text),o=S(m?"darkBgColor":"bgColor",e.bg),l=(c=p.borderRadius)!=null?c:16,s=p.fontFamily||"system-ui, -apple-system, sans-serif",d=p.position==="bottom-left",u=l>=20?"50%":`${l}px`,i=Math.round(l*.5);return`
3
3
  .llp-btn {
4
- position: fixed; bottom: 24px; right: 24px; z-index: 999998;
5
- width: 52px; height: 52px; border-radius: 50%; border: none;
6
- background: #18181b; color: #fff; font-size: 22px; cursor: pointer;
4
+ position: fixed; bottom: 24px; ${d?"left: 24px":"right: 24px"}; z-index: 999998;
5
+ width: 52px; height: 52px; border-radius: ${u}; border: none;
6
+ background: ${t}; color: #fff; font-size: 22px; cursor: pointer;
7
7
  box-shadow: 0 4px 16px rgba(0,0,0,.25);
8
- display: flex; align-items: center; justify-content: center;
8
+ display: ${p.triggerMode==="embedded"?"none":"flex"}; align-items: center; justify-content: center;
9
9
  transition: transform .15s;
10
10
  }
11
11
  .llp-btn:hover { transform: scale(1.08); }
12
+ .llp-btn-label { font-size: 14px; font-weight: 600; margin-left: 6px; }
13
+ .llp-btn-icon { display: flex; align-items: center; justify-content: center; }
14
+ .llp-btn-icon svg { width: 22px; height: 22px; fill: currentColor; }
15
+ .llp-btn:has(.llp-btn-label) { width: auto; padding: 0 18px; gap: 4px; }
12
16
  .llp-panel {
13
- position: fixed; bottom: 88px; right: 24px; z-index: 999999;
14
- width: 370px; max-height: 560px; border-radius: 16px;
15
- background: #fff; box-shadow: 0 8px 32px rgba(0,0,0,.18);
17
+ position: fixed; bottom: 88px; ${d?"left: 24px":"right: 24px"}; z-index: 999999;
18
+ width: 370px; max-height: 560px; border-radius: ${l}px;
19
+ background: ${o}; box-shadow: 0 8px 32px rgba(0,0,0,.18);
16
20
  display: flex; flex-direction: column; overflow: hidden;
17
- font-family: system-ui, -apple-system, sans-serif; font-size: 14px;
21
+ font-family: ${s}; font-size: 14px; color: ${n};
18
22
  transition: opacity .15s, transform .15s;
19
23
  }
20
24
  .llp-header {
21
- background: #18181b; color: #fff; padding: 14px 16px;
25
+ background: ${t}; color: #fff; padding: 14px 16px;
22
26
  display: flex; align-items: center; justify-content: space-between;
23
27
  }
24
28
  .llp-header h2 { margin: 0; font-size: 15px; font-weight: 600; }
@@ -27,29 +31,29 @@
27
31
  font-size: 18px; line-height: 1; padding: 0;
28
32
  }
29
33
  .llp-tabs {
30
- display: flex; border-bottom: 1px solid #e4e4e7;
34
+ display: flex; border-bottom: 1px solid ${m?"#333":"#e4e4e7"};
31
35
  }
32
36
  .llp-tab {
33
37
  flex: 1; padding: 10px 0; border: none; background: none;
34
38
  cursor: pointer; font-size: 13px; font-weight: 500; color: #71717a;
35
39
  border-bottom: 2px solid transparent; margin-bottom: -1px;
36
40
  }
37
- .llp-tab.active { color: #18181b; border-bottom-color: #18181b; }
41
+ .llp-tab.active { color: ${n}; border-bottom-color: ${t}; }
38
42
  .llp-body { padding: 16px; overflow-y: auto; flex: 1; }
39
43
  .llp-label { display: block; font-size: 12px; font-weight: 600; color: #52525b; margin-bottom: 4px; }
40
44
  .llp-input, .llp-textarea, .llp-select {
41
45
  width: 100%; box-sizing: border-box; padding: 8px 10px;
42
- border: 1px solid #d4d4d8; border-radius: 8px;
43
- font-size: 13px; color: #18181b; margin-bottom: 10px;
44
- font-family: inherit; background: #fff;
46
+ border: 1px solid ${m?"#444":"#d4d4d8"}; border-radius: ${i}px;
47
+ font-size: 13px; color: ${n}; margin-bottom: 10px;
48
+ font-family: inherit; background: ${m?"#222":o};
45
49
  }
46
50
  .llp-textarea { min-height: 80px; resize: vertical; }
47
51
  .llp-input:focus, .llp-textarea:focus, .llp-select:focus {
48
- outline: none; border-color: #18181b;
52
+ outline: none; border-color: ${t};
49
53
  }
50
54
  .llp-btn-submit {
51
- width: 100%; padding: 10px; background: #18181b; color: #fff;
52
- border: none; border-radius: 8px; font-size: 14px; font-weight: 600;
55
+ width: 100%; padding: 10px; background: ${t}; color: #fff;
56
+ border: none; border-radius: ${i}px; font-size: 14px; font-weight: 600;
53
57
  cursor: pointer; transition: opacity .15s;
54
58
  }
55
59
  .llp-btn-submit:hover { opacity: .85; }
@@ -57,31 +61,38 @@
57
61
  .llp-error { color: #ef4444; font-size: 12px; margin-bottom: 8px; }
58
62
  .llp-success { text-align: center; padding: 24px 8px; }
59
63
  .llp-success-icon { font-size: 36px; }
60
- .llp-success h3 { margin: 12px 0 6px; font-size: 15px; color: #18181b; }
64
+ .llp-success h3 { margin: 12px 0 6px; font-size: 15px; color: ${n}; }
61
65
  .llp-success p { margin: 0; color: #71717a; font-size: 13px; line-height: 1.5; }
62
66
  .llp-thread-item {
63
- padding: 10px 12px; border: 1px solid #e4e4e7; border-radius: 8px;
67
+ padding: 10px 12px; border: 1px solid ${m?"#333":"#e4e4e7"}; border-radius: ${i}px;
64
68
  margin-bottom: 8px; cursor: pointer; display: block; color: inherit;
65
69
  transition: background .1s; background: none;
66
70
  }
67
- .llp-thread-item:hover { background: #f4f4f5; }
71
+ .llp-thread-item:hover { background: ${m?"#252525":"#f4f4f5"}; }
68
72
  .llp-thread-label { font-size: 12px; color: #71717a; margin-bottom: 2px; }
69
- .llp-thread-text { font-size: 13px; color: #18181b; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
73
+ .llp-thread-text { font-size: 13px; color: ${n}; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
70
74
  .llp-thread-meta { font-size: 11px; color: #a1a1aa; margin-top: 3px; }
71
75
  .llp-badge { display: inline-block; padding: 1px 6px; border-radius: 9999px; font-size: 10px; font-weight: 600; }
72
76
  .llp-badge-open { background: #d1fae5; color: #065f46; }
73
77
  .llp-badge-replied { background: #dbeafe; color: #1e40af; }
74
- .llp-new-msg { margin-top: 12px; padding-top: 12px; border-top: 1px solid #e4e4e7; }
78
+ .llp-new-msg { margin-top: 12px; padding-top: 12px; border-top: 1px solid ${m?"#333":"#e4e4e7"}; }
75
79
  .llp-new-msg button {
76
- width: 100%; padding: 8px; background: none; border: 1px solid #d4d4d8;
77
- border-radius: 8px; font-size: 13px; cursor: pointer; color: #52525b;
80
+ width: 100%; padding: 8px; background: none; border: 1px solid ${m?"#444":"#d4d4d8"};
81
+ border-radius: ${i}px; font-size: 13px; cursor: pointer; color: ${m?"#999":"#52525b"};
78
82
  }
79
- .llp-new-msg button:hover { background: #f4f4f5; }
83
+ .llp-new-msg button:hover { background: ${m?"#252525":"#f4f4f5"}; }
84
+ .llp-footer {
85
+ padding: 6px 16px; text-align: center; border-top: 1px solid ${m?"#333":"#f0f0f0"};
86
+ }
87
+ .llp-footer a {
88
+ font-size: 10px; color: #a1a1aa; text-decoration: none; font-weight: 500;
89
+ }
90
+ .llp-footer a:hover { color: #71717a; text-decoration: underline; }
80
91
 
81
92
  /* Chat view */
82
93
  .llp-chat-back {
83
94
  background: none; border: none; cursor: pointer; font-size: 13px;
84
- color: #6366f1; padding: 0; margin-bottom: 12px; font-weight: 500;
95
+ color: ${t}; padding: 0; margin-bottom: 12px; font-weight: 500;
85
96
  display: flex; align-items: center; gap: 4px;
86
97
  }
87
98
  .llp-chat-back:hover { text-decoration: underline; }
@@ -90,16 +101,16 @@
90
101
  max-height: 320px; overflow-y: auto;
91
102
  }
92
103
  .llp-chat-bubble {
93
- padding: 8px 12px; border-radius: 12px; font-size: 13px;
104
+ padding: 8px 12px; border-radius: ${Math.max(i,8)}px; font-size: 13px;
94
105
  line-height: 1.45; max-width: 85%; word-wrap: break-word;
95
106
  white-space: pre-wrap;
96
107
  }
97
108
  .llp-chat-inbound {
98
- background: #f4f4f5; color: #18181b; align-self: flex-start;
109
+ background: ${m?"#252525":"#f4f4f5"}; color: ${n}; align-self: flex-start;
99
110
  border-bottom-left-radius: 4px;
100
111
  }
101
112
  .llp-chat-outbound {
102
- background: #18181b; color: #fff; align-self: flex-end;
113
+ background: ${t}; color: #fff; align-self: flex-end;
103
114
  border-bottom-right-radius: 4px;
104
115
  }
105
116
  .llp-chat-time {
@@ -107,23 +118,25 @@
107
118
  }
108
119
  .llp-chat-time-right { text-align: right; }
109
120
  .llp-chat-reply {
110
- display: flex; gap: 8px; border-top: 1px solid #e4e4e7; padding-top: 12px;
121
+ display: flex; gap: 8px; border-top: 1px solid ${m?"#333":"#e4e4e7"}; padding-top: 12px;
111
122
  }
112
123
  .llp-chat-reply-input {
113
- flex: 1; padding: 8px 10px; border: 1px solid #d4d4d8; border-radius: 8px;
114
- font-size: 13px; font-family: inherit; color: #18181b;
124
+ flex: 1; padding: 8px 10px; border: 1px solid ${m?"#444":"#d4d4d8"}; border-radius: ${i}px;
125
+ font-size: 13px; font-family: inherit; color: ${n}; background: ${m?"#222":o};
115
126
  resize: none; min-height: 36px; max-height: 80px; box-sizing: border-box;
116
127
  }
117
- .llp-chat-reply-input:focus { outline: none; border-color: #18181b; }
128
+ .llp-chat-reply-input:focus { outline: none; border-color: ${t}; }
118
129
  .llp-chat-send {
119
- padding: 8px 14px; background: #18181b; color: #fff; border: none;
120
- border-radius: 8px; font-size: 13px; font-weight: 600; cursor: pointer;
130
+ padding: 8px 14px; background: ${t}; color: #fff; border: none;
131
+ border-radius: ${i}px; font-size: 13px; font-weight: 600; cursor: pointer;
121
132
  transition: opacity .15s; white-space: nowrap; align-self: flex-end;
122
133
  }
123
134
  .llp-chat-send:hover { opacity: .85; }
124
135
  .llp-chat-send:disabled { opacity: .5; cursor: not-allowed; }
125
- `;function n(e,t={},o=[]){let l=document.createElement(e);for(let[a,s]of Object.entries(t))a==="class"?l.className=s:a==="style"?l.setAttribute("style",s):a.startsWith("on")&&typeof s=="function"?l.addEventListener(a.slice(2),s):l.setAttribute(a,String(s));for(let a of o)l.appendChild(typeof a=="string"?document.createTextNode(a):a);return l}function z(e,t,o=""){let l=document.createElement("input");return l.type=e,l.id=t,l.placeholder=o,l.className="llp-input",l}function V(e,t=""){let o=document.createElement("textarea");return o.id=e,o.placeholder=t,o.className="llp-textarea",o}function Y(e,t){let o=document.createElement("select");o.id=e,o.className="llp-select";for(let l of t){let a=document.createElement("option");a.value=l.value,a.textContent=l.label,o.appendChild(a)}return o}function h(){if(!v)return;let e=v.querySelector(".llp-body");e.innerHTML="",b==="contact"?G(e):b==="privacy"?Q(e):b==="threads"?X(e):b==="thread-detail"&&ee(e),L&&(L.style.display=b==="thread-detail"?"none":"flex")}function G(e,t=""){let o=!!(T&&m),l=n("label",{class:"llp-label"},["Name"]),a=z("text","llp-name","Jane Smith");T&&(a.value=T);let s=n("label",{class:"llp-label"},["Email"]),r=z("email","llp-email","jane@example.com");(t||m)&&(r.value=t||m);let u=n("label",{class:"llp-label"},["Message"]),p=V("llp-message","How can we help?"),c=n("div",{class:"llp-error",style:"display:none"}),i=n("button",{class:"llp-btn-submit"},["Send message"]);i.onclick=async()=>{let d=a.value.trim(),g=r.value.trim(),x=p.value.trim();if(c.style.display="none",!d||!g||!x){c.textContent="Please fill in all fields.",c.style.display="block";return}i.disabled=!0,i.textContent="Sending\u2026";try{let w=await S("/api/contact",{api_key:k,name:d,email:g,message:x});if(w.ok)m=g,localStorage.setItem("heedb_email",g),B(),A(e,"Message sent!","We'll get back to you soon. Check your inbox for a confirmation email.");else{let ne=await w.json();c.textContent=ne.error||"Something went wrong.",c.style.display="block",i.disabled=!1,i.textContent="Send message"}}catch(w){c.textContent="Network error. Please try again.",c.style.display="block",i.disabled=!1,i.textContent="Send message"}},o?e.append(u,p,c,i):e.append(l,a,s,r,u,p,c,i)}function Q(e){let t=!!(T&&m),o=n("label",{class:"llp-label"},["Name"]),l=z("text","llp-priv-name","Jane Smith");T&&(l.value=T);let a=n("label",{class:"llp-label"},["Email"]),s=z("email","llp-priv-email","jane@example.com");m&&(s.value=m);let r=n("label",{class:"llp-label"},["Request type"]),u=Y("llp-priv-type",[{value:"deletion",label:"Delete my data"},{value:"access",label:"Access my data"},{value:"portability",label:"Export my data"},{value:"correction",label:"Correct my data"},{value:"restriction",label:"Restrict processing"},{value:"objection",label:"Object to processing"},{value:"other",label:"Other"}]),p=n("div",{class:"llp-error",style:"display:none"}),c=n("button",{class:"llp-btn-submit"},["Submit request"]);c.onclick=async()=>{let i=l.value.trim(),d=s.value.trim(),g=u.value;if(p.style.display="none",!i||!d){p.textContent="Please fill in all fields.",p.style.display="block";return}c.disabled=!0,c.textContent="Submitting\u2026";try{let x=await S("/api/privacy-request",{api_key:k,name:i,email:d,request_type:g});if(x.ok)m=d,localStorage.setItem("heedb_email",d),B(),A(e,"Request submitted!","Your privacy request has been received. We'll respond within 30 days.");else{let w=await x.json();p.textContent=w.error||"Something went wrong.",p.style.display="block",c.disabled=!1,c.textContent="Submit request"}}catch(x){p.textContent="Network error. Please try again.",p.style.display="block",c.disabled=!1,c.textContent="Submit request"}},t?e.append(r,u,p,c):e.append(o,l,a,s,r,u,p,c)}async function X(e){var t;if(!f){e.innerHTML="";let o=n("p",{style:"color:#71717a;text-align:center;margin:8px 0;font-size:13px;line-height:1.5"},["Send a message below to view your message history."]),l=n("div",{class:"llp-new-msg"}),a=n("button",{},["+ Send a message"]);a.onclick=()=>{b="contact",E("contact"),h()},l.appendChild(a),e.append(o,l);return}e.innerHTML='<p style="color:#71717a;text-align:center">Loading\u2026</p>';try{let{threads:o}=await J(m);if(e.innerHTML="",o.length===0){let s=n("p",{style:"color:#71717a;text-align:center;margin:8px 0"},["No open messages yet."]);e.appendChild(s)}else for(let s of o){let r=n("span",{class:`llp-badge llp-badge-${s.status}`},[s.status]),u=n("div",{class:"llp-thread-label"},[s.type==="privacy"?"Privacy request":"Message"," \u2022 "]);u.appendChild(r);let p=n("div",{class:"llp-thread-text"},[(t=s.preview)!=null?t:""]),c=new Date(s.createdAt).toLocaleDateString(),i=n("div",{class:"llp-thread-meta"},[c]),d=n("div",{class:"llp-thread-item"});d.append(u,p,i),d.onclick=()=>Z(s.id),e.appendChild(d)}let l=n("div",{class:"llp-new-msg"}),a=n("button",{},["+ Send a new message"]);a.onclick=()=>{b="contact",E("contact"),h()},l.appendChild(a),e.appendChild(l)}catch(o){e.innerHTML='<p style="color:#ef4444;text-align:center">Failed to load messages.</p>'}}function Z(e){I=e,b="thread-detail",h()}async function ee(e){e.innerHTML='<p style="color:#71717a;text-align:center">Loading\u2026</p>';let t=n("button",{class:"llp-chat-back"},["\u2190 Back to messages"]);t.onclick=()=>{b="threads",E("threads"),h()};try{let l=(await K(I)).messages||[];e.innerHTML="",e.style.padding="12px",e.appendChild(t);let a=n("div",{class:"llp-chat-messages"});for(let i of l){let d=i.direction==="inbound",g=n("div",{style:`display:flex;flex-direction:column;${d?"align-items:flex-start":"align-items:flex-end"}`}),x=n("div",{class:`llp-chat-bubble ${d?"llp-chat-inbound":"llp-chat-outbound"}`},[i.body]),w=n("div",{class:`llp-chat-time ${d?"":"llp-chat-time-right"}`},[te(i.createdAt)]);g.append(x,w),a.appendChild(g)}e.appendChild(a),requestAnimationFrame(()=>{a.scrollTop=a.scrollHeight});let s=n("div",{class:"llp-chat-reply"}),r=document.createElement("textarea");r.className="llp-chat-reply-input",r.placeholder="Type a reply\u2026",r.rows=1,r.addEventListener("input",()=>{r.style.height="auto",r.style.height=Math.min(r.scrollHeight,80)+"px"});let u=n("button",{class:"llp-chat-send"},["Send"]),p=n("div",{class:"llp-error",style:"display:none;margin-top:4px"});async function c(){let i=r.value.trim();if(i){u.disabled=!0,u.textContent="\u2026",p.style.display="none";try{let d=await U(I,i);if(d.ok){let g=n("div",{style:"display:flex;flex-direction:column;align-items:flex-start"}),x=n("div",{class:"llp-chat-bubble llp-chat-inbound"},[i]),w=n("div",{class:"llp-chat-time"},["Just now"]);g.append(x,w),a.appendChild(g),a.scrollTop=a.scrollHeight,r.value="",r.style.height="auto"}else{let g=await d.json();p.textContent=g.error||"Failed to send.",p.style.display="block"}}catch(d){p.textContent="Network error. Please try again.",p.style.display="block"}u.disabled=!1,u.textContent="Send"}}u.onclick=c,r.addEventListener("keydown",i=>{i.key==="Enter"&&!i.shiftKey&&(i.preventDefault(),c())}),s.append(r,u),e.append(s,p),requestAnimationFrame(()=>r.focus())}catch(o){e.innerHTML="",e.appendChild(t),e.appendChild(n("p",{style:"color:#ef4444;text-align:center"},["Failed to load conversation."]))}}function te(e){let t=new Date(e),l=new Date().getTime()-t.getTime(),a=Math.floor(l/6e4);if(a<1)return"Just now";if(a<60)return`${a}m ago`;let s=Math.floor(a/60);return s<24?`${s}h ago`:t.toLocaleDateString()}function A(e,t,o){e.innerHTML="";let l=n("div",{class:"llp-success"});l.innerHTML=`
136
+ `}function a(e,t={},n=[]){let o=document.createElement(e);for(let[l,s]of Object.entries(t))l==="class"?o.className=s:l==="style"?o.setAttribute("style",s):l.startsWith("on")&&typeof s=="function"?o.addEventListener(l.slice(2),s):o.setAttribute(l,String(s));for(let l of n)o.appendChild(typeof l=="string"?document.createTextNode(l):l);return o}function j(e,t,n=""){let o=document.createElement("input");return o.type=e,o.id=t,o.placeholder=n,o.className="llp-input",o}function le(e,t=""){let n=document.createElement("textarea");return n.id=e,n.placeholder=t,n.className="llp-textarea",n}function ae(e,t){let n=document.createElement("select");n.id=e,n.className="llp-select";for(let o of t){let l=document.createElement("option");l.value=o.value,l.textContent=o.label,n.appendChild(l)}return n}function v(){if(!y)return;let e=y.querySelector(".llp-body");e.innerHTML="",b==="contact"?oe(e):b==="privacy"?ie(e):b==="threads"?re(e):b==="thread-detail"&&ce(e),M&&(M.style.display=b==="thread-detail"?"none":"flex")}function oe(e,t=""){let n=!!(E&&f),o=a("label",{class:"llp-label"},["Name"]),l=j("text","llp-name","Jane Smith");E&&(l.value=E);let s=a("label",{class:"llp-label"},["Email"]),d=j("email","llp-email","jane@example.com");(t||f)&&(d.value=t||f);let u=a("label",{class:"llp-label"},["Message"]),i=le("llp-message","How can we help?"),c=a("div",{class:"llp-error",style:"display:none"}),r=a("button",{class:"llp-btn-submit"},["Send message"]);r.onclick=async()=>{let g=l.value.trim(),h=d.value.trim(),w=i.value.trim();if(c.style.display="none",!g||!h||!w){c.textContent="Please fill in all fields.",c.style.display="block";return}r.disabled=!0,r.textContent="Sending\u2026";try{let T=await P("/api/contact",{api_key:L,name:g,email:h,message:w});if(T.ok)f=h,localStorage.setItem("heedb_email",h),I(),O(e,"Message sent!","We'll get back to you soon. Check your inbox for a confirmation email.");else{let me=await T.json();c.textContent=me.error||"Something went wrong.",c.style.display="block",r.disabled=!1,r.textContent="Send message"}}catch(T){c.textContent="Network error. Please try again.",c.style.display="block",r.disabled=!1,r.textContent="Send message"}},n?e.append(u,i,c,r):e.append(o,l,s,d,u,i,c,r)}function ie(e){let t=!!(E&&f),n=a("label",{class:"llp-label"},["Name"]),o=j("text","llp-priv-name","Jane Smith");E&&(o.value=E);let l=a("label",{class:"llp-label"},["Email"]),s=j("email","llp-priv-email","jane@example.com");f&&(s.value=f);let d=a("label",{class:"llp-label"},["Request type"]),u=ae("llp-priv-type",[{value:"deletion",label:"Delete my data"},{value:"access",label:"Access my data"},{value:"portability",label:"Export my data"},{value:"correction",label:"Correct my data"},{value:"restriction",label:"Restrict processing"},{value:"objection",label:"Object to processing"},{value:"other",label:"Other"}]),i=a("div",{class:"llp-error",style:"display:none"}),c=a("button",{class:"llp-btn-submit"},["Submit request"]);c.onclick=async()=>{let r=o.value.trim(),g=s.value.trim(),h=u.value;if(i.style.display="none",!r||!g){i.textContent="Please fill in all fields.",i.style.display="block";return}c.disabled=!0,c.textContent="Submitting\u2026";try{let w=await P("/api/privacy-request",{api_key:L,name:r,email:g,request_type:h});if(w.ok)f=g,localStorage.setItem("heedb_email",g),I(),O(e,"Request submitted!","Your privacy request has been received. We'll respond within 30 days.");else{let T=await w.json();i.textContent=T.error||"Something went wrong.",i.style.display="block",c.disabled=!1,c.textContent="Submit request"}}catch(w){i.textContent="Network error. Please try again.",i.style.display="block",c.disabled=!1,c.textContent="Submit request"}},t?e.append(d,u,i,c):e.append(n,o,l,s,d,u,i,c)}async function re(e){var t;if(!x){e.innerHTML="";let n=a("p",{style:"color:#71717a;text-align:center;margin:8px 0;font-size:13px;line-height:1.5"},["Send a message below to view your message history."]),o=a("div",{class:"llp-new-msg"}),l=a("button",{},["+ Send a message"]);l.onclick=()=>{b="contact",$("contact"),v()},o.appendChild(l),e.append(n,o);return}e.innerHTML='<p style="color:#71717a;text-align:center">Loading\u2026</p>';try{let{threads:n}=await Z(f);if(e.innerHTML="",n.length===0){let s=a("p",{style:"color:#71717a;text-align:center;margin:8px 0"},["No open messages yet."]);e.appendChild(s)}else for(let s of n){let d=a("span",{class:`llp-badge llp-badge-${s.status}`},[s.status]),u=a("div",{class:"llp-thread-label"},[s.type==="privacy"?"Privacy request":"Message"," \u2022 "]);u.appendChild(d);let i=a("div",{class:"llp-thread-text"},[(t=s.preview)!=null?t:""]),c=new Date(s.createdAt).toLocaleDateString(),r=a("div",{class:"llp-thread-meta"},[c]),g=a("div",{class:"llp-thread-item"});g.append(u,i,r),g.onclick=()=>se(s.id),e.appendChild(g)}let o=a("div",{class:"llp-new-msg"}),l=a("button",{},["+ Send a new message"]);l.onclick=()=>{b="contact",$("contact"),v()},o.appendChild(l),e.appendChild(o)}catch(n){e.innerHTML='<p style="color:#ef4444;text-align:center">Failed to load messages.</p>'}}function se(e){A=e,b="thread-detail",v()}async function ce(e){e.innerHTML='<p style="color:#71717a;text-align:center">Loading\u2026</p>';let t=a("button",{class:"llp-chat-back"},["\u2190 Back to messages"]);t.onclick=()=>{b="threads",$("threads"),v()};try{let o=(await ee(A)).messages||[];e.innerHTML="",e.style.padding="12px",e.appendChild(t);let l=a("div",{class:"llp-chat-messages"});for(let r of o){let g=r.direction==="inbound",h=a("div",{style:`display:flex;flex-direction:column;${g?"align-items:flex-start":"align-items:flex-end"}`}),w=a("div",{class:`llp-chat-bubble ${g?"llp-chat-inbound":"llp-chat-outbound"}`},[de(r.body)]),T=a("div",{class:`llp-chat-time ${g?"":"llp-chat-time-right"}`},[pe(r.createdAt)]);h.append(w,T),l.appendChild(h)}e.appendChild(l),requestAnimationFrame(()=>{l.scrollTop=l.scrollHeight});let s=a("div",{class:"llp-chat-reply"}),d=document.createElement("textarea");d.className="llp-chat-reply-input",d.placeholder="Type a reply\u2026",d.rows=1,d.addEventListener("input",()=>{d.style.height="auto",d.style.height=Math.min(d.scrollHeight,80)+"px"});let u=a("button",{class:"llp-chat-send"},["Send"]),i=a("div",{class:"llp-error",style:"display:none;margin-top:4px"});async function c(){let r=d.value.trim();if(r){u.disabled=!0,u.textContent="\u2026",i.style.display="none";try{let g=await te(A,r);if(g.ok){let h=a("div",{style:"display:flex;flex-direction:column;align-items:flex-start"}),w=a("div",{class:"llp-chat-bubble llp-chat-inbound"},[r]),T=a("div",{class:"llp-chat-time"},["Just now"]);h.append(w,T),l.appendChild(h),l.scrollTop=l.scrollHeight,d.value="",d.style.height="auto"}else{let h=await g.json();i.textContent=h.error||"Failed to send.",i.style.display="block"}}catch(g){i.textContent="Network error. Please try again.",i.style.display="block"}u.disabled=!1,u.textContent="Send"}}u.onclick=c,d.addEventListener("keydown",r=>{r.key==="Enter"&&!r.shiftKey&&(r.preventDefault(),c())}),s.append(d,u),e.append(s,i),requestAnimationFrame(()=>d.focus())}catch(n){e.innerHTML="",e.appendChild(t),e.appendChild(a("p",{style:"color:#ef4444;text-align:center"},["Failed to load conversation."]))}}function de(e){let t=e.split(`
137
+ `),n=[];for(let o of t){let l=o.trim();if(/^(On|Em|El|Le|Am|Il giorno) .+(<[^>]+@[^>]+>).*(wrote|escreveu|escribi|crit|schrieb|scritto)\s?:$/i.test(l)||/<[^>]+@[^>]+>/.test(l)&&l.endsWith(":")||/^-{3,}$/.test(l))break;/^>{1,}\s/.test(l)||n.push(o)}return n.join(`
138
+ `).trim()}function pe(e){let t=new Date(e),o=new Date().getTime()-t.getTime(),l=Math.floor(o/6e4);if(l<1)return"Just now";if(l<60)return`${l}m ago`;let s=Math.floor(l/60);return s<24?`${s}h ago`:t.toLocaleDateString()}function O(e,t,n){e.innerHTML="";let o=a("div",{class:"llp-success"});o.innerHTML=`
126
139
  <div class="llp-success-icon">\u2705</div>
127
140
  <h3>${t}</h3>
128
- <p>${o}</p>
129
- `;let a=n("a",{href:`${C}/app?email=${encodeURIComponent(m)}`,target:"_blank",style:"display:inline-block;margin-top:12px;color:#18181b;font-size:13px;font-weight:600"},["View your messages \u2192"]);l.appendChild(a),e.appendChild(l)}let L=null,H=null;function E(e){b=e,L&&L.querySelectorAll(".llp-tab").forEach(t=>{t.classList.toggle("active",t.dataset.mode===e)})}function B(){H&&(H.style.display=m&&f?"":"none")}function j(){let e=document.createElement("style");e.textContent=W,document.head.appendChild(e),P=n("button",{class:"llp-btn",title:"Contact us","aria-label":"Open contact widget"},["\u{1F4AC}"]),P.onclick=N,document.body.appendChild(P),v=n("div",{class:"llp-panel",style:"display:none"});let t=n("div",{class:"llp-header"}),o=n("h2",{},["Contact us"]),l=n("button",{class:"llp-close","aria-label":"Close"},["\u2715"]);l.onclick=N,t.append(o,l),L=n("div",{class:"llp-tabs"});let a=n("button",{class:"llp-tab active","data-mode":"contact"},["Message"]),s=n("button",{class:"llp-tab","data-mode":"privacy"},["Privacy"]);H=n("button",{class:"llp-tab","data-mode":"threads"},["Messages"]),H.style.display=m&&f?"":"none",a.onclick=()=>{E("contact"),h()},s.onclick=()=>{E("privacy"),h()},H.onclick=()=>{E("threads"),h()},L.append(a,s,H);let r=n("div",{class:"llp-body"});v.append(t,L,r),document.body.appendChild(v)}function N(){M=!M,v&&(v.style.display=M?"flex":"none",M&&(m&&f&&b!=="privacy"&&b!=="thread-detail"&&(b="threads",E("threads")),h()))}document.readyState==="loading"?document.addEventListener("DOMContentLoaded",j):j()})();})();
141
+ <p>${n}</p>
142
+ `,e.appendChild(o)}let M=null,z=null;function $(e){b=e,M&&M.querySelectorAll(".llp-tab").forEach(t=>{t.classList.toggle("active",t.dataset.mode===e)})}function I(){z&&(z.style.display=f&&x?"":"none")}let B=null;function ge(){m=q(),B&&(B.textContent=R())}async function F(){p=await ne(),m=q(),B=document.createElement("style"),B.textContent=R(),document.head.appendChild(B),p.mode==="system"&&window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",()=>{ge(),C&&y&&v()});let e=p.triggerIcon?p.triggerIcon:p.triggerEmoji||"\u{1F4AC}",t=p.triggerText||"";if(H=a("button",{class:"llp-btn",title:"Contact us","aria-label":"Open contact widget"}),p.triggerIcon){let r=a("span",{class:"llp-btn-icon"});r.innerHTML=p.triggerIcon,H.appendChild(r)}else H.appendChild(document.createTextNode(p.triggerEmoji||"\u{1F4AC}"));if(t&&H.appendChild(a("span",{class:"llp-btn-label"},[t])),H.onclick=D,document.body.appendChild(H),p.triggerMode==="embedded"&&p.triggerSelector){let r=document.querySelector(p.triggerSelector);r&&r.addEventListener("click",g=>{g.preventDefault(),D()})}y=a("div",{class:"llp-panel",style:"display:none"});let n=a("div",{class:"llp-header"}),o=a("h2",{},[p.headerTitle||"Contact us"]),l=a("button",{class:"llp-close","aria-label":"Close"},["\u2715"]);l.onclick=D,n.append(o,l),M=a("div",{class:"llp-tabs"});let s=a("button",{class:"llp-tab active","data-mode":"contact"},["Message"]),d=a("button",{class:"llp-tab","data-mode":"privacy"},["Privacy"]);z=a("button",{class:"llp-tab","data-mode":"threads"},["Messages"]),z.style.display=f&&x?"":"none",s.onclick=()=>{$("contact"),v()},d.onclick=()=>{$("privacy"),v()},z.onclick=()=>{$("threads"),v()},M.append(s,d,z);let u=a("div",{class:"llp-body"}),i=a("div",{class:"llp-footer"}),c=a("a",{href:"https://heedb.com",target:"_blank",rel:"noopener noreferrer"},["Powered by Heedb"]);i.appendChild(c),y.append(n,M,u,i),document.body.appendChild(y)}function D(){C=!C,y&&(y.style.display=C?"flex":"none",C&&(f&&x&&b!=="privacy"&&b!=="thread-detail"&&(b="threads",$("threads")),v()))}document.readyState==="loading"?document.addEventListener("DOMContentLoaded",F):F()})();})();
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@heedb/web-sdk",
3
- "version": "0.1.2",
3
+ "version": "0.1.3",
4
4
  "description": "Drop-in feedback widget with email conversations for any website",
5
5
  "license": "MIT",
6
6
  "repository": {
package/widget.js CHANGED
@@ -1,24 +1,28 @@
1
1
  /* Heedb Widget — https://heedb.com */
2
- "use strict";(()=>{(function(){var $,D,q,O,R;let y=document.currentScript||document.querySelector("script[data-api-key]"),k=($=y==null?void 0:y.getAttribute("data-api-key"))!=null?$:"",_=(D=y==null?void 0:y.src)!=null?D:"",C=(y==null?void 0:y.getAttribute("data-host"))||(_?new URL(_).origin:"");if(!k){console.warn("[Heedb] Missing data-api-key on <script> tag.");return}let M=!1,b="contact",I="",T=(q=localStorage.getItem("heedb_name"))!=null?q:"",m=(O=localStorage.getItem("heedb_email"))!=null?O:"",f=(R=localStorage.getItem("heedb_token"))!=null?R:"",v=null,P=null;async function F(e,t){try{let o=await S("/api/threads/token",{api_key:k,email:e,userHash:t});if(o.ok){let l=await o.json();if(l.widgetToken){f=l.widgetToken,localStorage.setItem("heedb_token",l.widgetToken);return}}f="",localStorage.removeItem("heedb_token")}catch(o){f="",localStorage.removeItem("heedb_token")}}window.Heedb={init(e={}){e.name&&(T=e.name,localStorage.setItem("heedb_name",e.name)),e.email&&(m=e.email,localStorage.setItem("heedb_email",e.email),e.userHash?F(e.email,e.userHash).then(()=>{B(),M&&v&&h()}):(B(),M&&v&&h()))}};function S(e,t){return fetch(`${C}${e}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(t)})}function J(e){let t=new URL(`${C}/api/threads`);return t.searchParams.set("api_key",k),t.searchParams.set("email",e),f&&t.searchParams.set("token",f),fetch(t.toString()).then(o=>o.json())}function K(e){let t=new URL(`${C}/api/threads/${e}`);return t.searchParams.set("api_key",k),t.searchParams.set("email",m),t.searchParams.set("token",f),fetch(t.toString()).then(o=>o.json())}function U(e,t){return S(`/api/threads/${e}/reply`,{api_key:k,email:m,token:f,message:t})}let W=`
2
+ "use strict";(()=>{(function(){var W,U,K,J,G;let k=document.currentScript||document.querySelector("script[data-api-key]"),L=(W=k==null?void 0:k.getAttribute("data-api-key"))!=null?W:"",N=(U=k==null?void 0:k.src)!=null?U:"",_=(k==null?void 0:k.getAttribute("data-host"))||(N?new URL(N).origin:"");if(!L){console.warn("[Heedb] Missing data-api-key on <script> tag.");return}let p={},m=!1,Y={primary:"#18181b",text:"#18181b",bg:"#ffffff"},Q={primary:"#e4e4e7",text:"#e4e4e7",bg:"#1a1a1a"};function q(){return p.mode==="dark"?!0:p.mode==="light"?!1:p.mode==="system"?window.matchMedia("(prefers-color-scheme: dark)").matches:!1}function V(){return m?Q:Y}function S(e,t){let n=p[e];return n!=null?String(n):t}let C=!1,b="contact",A="",E=(K=localStorage.getItem("heedb_name"))!=null?K:"",f=(J=localStorage.getItem("heedb_email"))!=null?J:"",x=(G=localStorage.getItem("heedb_token"))!=null?G:"",y=null,H=null;async function X(e,t){try{let n=await P("/api/threads/token",{api_key:L,email:e,userHash:t});if(n.ok){let o=await n.json();if(o.widgetToken){x=o.widgetToken,localStorage.setItem("heedb_token",o.widgetToken);return}}x="",localStorage.removeItem("heedb_token")}catch(n){x="",localStorage.removeItem("heedb_token")}}window.Heedb={init(e={}){e.name&&(E=e.name,localStorage.setItem("heedb_name",e.name)),e.email&&(f=e.email,localStorage.setItem("heedb_email",e.email),e.userHash?X(e.email,e.userHash).then(()=>{I(),C&&y&&v()}):(I(),C&&y&&v()))},reset(){E="",f="",x="",localStorage.removeItem("heedb_name"),localStorage.removeItem("heedb_email"),localStorage.removeItem("heedb_token"),b="contact",C=!1,y&&(y.style.display="none"),I()}};function P(e,t){return fetch(`${_}${e}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(t)})}function Z(e){let t=new URL(`${_}/api/threads`);return t.searchParams.set("api_key",L),t.searchParams.set("email",e),x&&t.searchParams.set("token",x),fetch(t.toString()).then(n=>n.json())}function ee(e){let t=new URL(`${_}/api/threads/${e}`);return t.searchParams.set("api_key",L),t.searchParams.set("email",f),t.searchParams.set("token",x),fetch(t.toString()).then(n=>n.json())}function te(e,t){return P(`/api/threads/${e}/reply`,{api_key:L,email:f,token:x,message:t})}async function ne(){var e;try{let t=new URL(`${_}/api/widget-config`);t.searchParams.set("api_key",L);let n=await fetch(t.toString());if(n.ok)return(e=(await n.json()).config)!=null?e:{}}catch(t){}return{}}function R(){var c;let e=V(),t=S(m?"darkPrimaryColor":"primaryColor",e.primary),n=S(m?"darkTextColor":"textColor",e.text),o=S(m?"darkBgColor":"bgColor",e.bg),l=(c=p.borderRadius)!=null?c:16,s=p.fontFamily||"system-ui, -apple-system, sans-serif",d=p.position==="bottom-left",u=l>=20?"50%":`${l}px`,i=Math.round(l*.5);return`
3
3
  .llp-btn {
4
- position: fixed; bottom: 24px; right: 24px; z-index: 999998;
5
- width: 52px; height: 52px; border-radius: 50%; border: none;
6
- background: #18181b; color: #fff; font-size: 22px; cursor: pointer;
4
+ position: fixed; bottom: 24px; ${d?"left: 24px":"right: 24px"}; z-index: 999998;
5
+ width: 52px; height: 52px; border-radius: ${u}; border: none;
6
+ background: ${t}; color: #fff; font-size: 22px; cursor: pointer;
7
7
  box-shadow: 0 4px 16px rgba(0,0,0,.25);
8
- display: flex; align-items: center; justify-content: center;
8
+ display: ${p.triggerMode==="embedded"?"none":"flex"}; align-items: center; justify-content: center;
9
9
  transition: transform .15s;
10
10
  }
11
11
  .llp-btn:hover { transform: scale(1.08); }
12
+ .llp-btn-label { font-size: 14px; font-weight: 600; margin-left: 6px; }
13
+ .llp-btn-icon { display: flex; align-items: center; justify-content: center; }
14
+ .llp-btn-icon svg { width: 22px; height: 22px; fill: currentColor; }
15
+ .llp-btn:has(.llp-btn-label) { width: auto; padding: 0 18px; gap: 4px; }
12
16
  .llp-panel {
13
- position: fixed; bottom: 88px; right: 24px; z-index: 999999;
14
- width: 370px; max-height: 560px; border-radius: 16px;
15
- background: #fff; box-shadow: 0 8px 32px rgba(0,0,0,.18);
17
+ position: fixed; bottom: 88px; ${d?"left: 24px":"right: 24px"}; z-index: 999999;
18
+ width: 370px; max-height: 560px; border-radius: ${l}px;
19
+ background: ${o}; box-shadow: 0 8px 32px rgba(0,0,0,.18);
16
20
  display: flex; flex-direction: column; overflow: hidden;
17
- font-family: system-ui, -apple-system, sans-serif; font-size: 14px;
21
+ font-family: ${s}; font-size: 14px; color: ${n};
18
22
  transition: opacity .15s, transform .15s;
19
23
  }
20
24
  .llp-header {
21
- background: #18181b; color: #fff; padding: 14px 16px;
25
+ background: ${t}; color: #fff; padding: 14px 16px;
22
26
  display: flex; align-items: center; justify-content: space-between;
23
27
  }
24
28
  .llp-header h2 { margin: 0; font-size: 15px; font-weight: 600; }
@@ -27,29 +31,29 @@
27
31
  font-size: 18px; line-height: 1; padding: 0;
28
32
  }
29
33
  .llp-tabs {
30
- display: flex; border-bottom: 1px solid #e4e4e7;
34
+ display: flex; border-bottom: 1px solid ${m?"#333":"#e4e4e7"};
31
35
  }
32
36
  .llp-tab {
33
37
  flex: 1; padding: 10px 0; border: none; background: none;
34
38
  cursor: pointer; font-size: 13px; font-weight: 500; color: #71717a;
35
39
  border-bottom: 2px solid transparent; margin-bottom: -1px;
36
40
  }
37
- .llp-tab.active { color: #18181b; border-bottom-color: #18181b; }
41
+ .llp-tab.active { color: ${n}; border-bottom-color: ${t}; }
38
42
  .llp-body { padding: 16px; overflow-y: auto; flex: 1; }
39
43
  .llp-label { display: block; font-size: 12px; font-weight: 600; color: #52525b; margin-bottom: 4px; }
40
44
  .llp-input, .llp-textarea, .llp-select {
41
45
  width: 100%; box-sizing: border-box; padding: 8px 10px;
42
- border: 1px solid #d4d4d8; border-radius: 8px;
43
- font-size: 13px; color: #18181b; margin-bottom: 10px;
44
- font-family: inherit; background: #fff;
46
+ border: 1px solid ${m?"#444":"#d4d4d8"}; border-radius: ${i}px;
47
+ font-size: 13px; color: ${n}; margin-bottom: 10px;
48
+ font-family: inherit; background: ${m?"#222":o};
45
49
  }
46
50
  .llp-textarea { min-height: 80px; resize: vertical; }
47
51
  .llp-input:focus, .llp-textarea:focus, .llp-select:focus {
48
- outline: none; border-color: #18181b;
52
+ outline: none; border-color: ${t};
49
53
  }
50
54
  .llp-btn-submit {
51
- width: 100%; padding: 10px; background: #18181b; color: #fff;
52
- border: none; border-radius: 8px; font-size: 14px; font-weight: 600;
55
+ width: 100%; padding: 10px; background: ${t}; color: #fff;
56
+ border: none; border-radius: ${i}px; font-size: 14px; font-weight: 600;
53
57
  cursor: pointer; transition: opacity .15s;
54
58
  }
55
59
  .llp-btn-submit:hover { opacity: .85; }
@@ -57,31 +61,38 @@
57
61
  .llp-error { color: #ef4444; font-size: 12px; margin-bottom: 8px; }
58
62
  .llp-success { text-align: center; padding: 24px 8px; }
59
63
  .llp-success-icon { font-size: 36px; }
60
- .llp-success h3 { margin: 12px 0 6px; font-size: 15px; color: #18181b; }
64
+ .llp-success h3 { margin: 12px 0 6px; font-size: 15px; color: ${n}; }
61
65
  .llp-success p { margin: 0; color: #71717a; font-size: 13px; line-height: 1.5; }
62
66
  .llp-thread-item {
63
- padding: 10px 12px; border: 1px solid #e4e4e7; border-radius: 8px;
67
+ padding: 10px 12px; border: 1px solid ${m?"#333":"#e4e4e7"}; border-radius: ${i}px;
64
68
  margin-bottom: 8px; cursor: pointer; display: block; color: inherit;
65
69
  transition: background .1s; background: none;
66
70
  }
67
- .llp-thread-item:hover { background: #f4f4f5; }
71
+ .llp-thread-item:hover { background: ${m?"#252525":"#f4f4f5"}; }
68
72
  .llp-thread-label { font-size: 12px; color: #71717a; margin-bottom: 2px; }
69
- .llp-thread-text { font-size: 13px; color: #18181b; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
73
+ .llp-thread-text { font-size: 13px; color: ${n}; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
70
74
  .llp-thread-meta { font-size: 11px; color: #a1a1aa; margin-top: 3px; }
71
75
  .llp-badge { display: inline-block; padding: 1px 6px; border-radius: 9999px; font-size: 10px; font-weight: 600; }
72
76
  .llp-badge-open { background: #d1fae5; color: #065f46; }
73
77
  .llp-badge-replied { background: #dbeafe; color: #1e40af; }
74
- .llp-new-msg { margin-top: 12px; padding-top: 12px; border-top: 1px solid #e4e4e7; }
78
+ .llp-new-msg { margin-top: 12px; padding-top: 12px; border-top: 1px solid ${m?"#333":"#e4e4e7"}; }
75
79
  .llp-new-msg button {
76
- width: 100%; padding: 8px; background: none; border: 1px solid #d4d4d8;
77
- border-radius: 8px; font-size: 13px; cursor: pointer; color: #52525b;
80
+ width: 100%; padding: 8px; background: none; border: 1px solid ${m?"#444":"#d4d4d8"};
81
+ border-radius: ${i}px; font-size: 13px; cursor: pointer; color: ${m?"#999":"#52525b"};
78
82
  }
79
- .llp-new-msg button:hover { background: #f4f4f5; }
83
+ .llp-new-msg button:hover { background: ${m?"#252525":"#f4f4f5"}; }
84
+ .llp-footer {
85
+ padding: 6px 16px; text-align: center; border-top: 1px solid ${m?"#333":"#f0f0f0"};
86
+ }
87
+ .llp-footer a {
88
+ font-size: 10px; color: #a1a1aa; text-decoration: none; font-weight: 500;
89
+ }
90
+ .llp-footer a:hover { color: #71717a; text-decoration: underline; }
80
91
 
81
92
  /* Chat view */
82
93
  .llp-chat-back {
83
94
  background: none; border: none; cursor: pointer; font-size: 13px;
84
- color: #6366f1; padding: 0; margin-bottom: 12px; font-weight: 500;
95
+ color: ${t}; padding: 0; margin-bottom: 12px; font-weight: 500;
85
96
  display: flex; align-items: center; gap: 4px;
86
97
  }
87
98
  .llp-chat-back:hover { text-decoration: underline; }
@@ -90,16 +101,16 @@
90
101
  max-height: 320px; overflow-y: auto;
91
102
  }
92
103
  .llp-chat-bubble {
93
- padding: 8px 12px; border-radius: 12px; font-size: 13px;
104
+ padding: 8px 12px; border-radius: ${Math.max(i,8)}px; font-size: 13px;
94
105
  line-height: 1.45; max-width: 85%; word-wrap: break-word;
95
106
  white-space: pre-wrap;
96
107
  }
97
108
  .llp-chat-inbound {
98
- background: #f4f4f5; color: #18181b; align-self: flex-start;
109
+ background: ${m?"#252525":"#f4f4f5"}; color: ${n}; align-self: flex-start;
99
110
  border-bottom-left-radius: 4px;
100
111
  }
101
112
  .llp-chat-outbound {
102
- background: #18181b; color: #fff; align-self: flex-end;
113
+ background: ${t}; color: #fff; align-self: flex-end;
103
114
  border-bottom-right-radius: 4px;
104
115
  }
105
116
  .llp-chat-time {
@@ -107,23 +118,25 @@
107
118
  }
108
119
  .llp-chat-time-right { text-align: right; }
109
120
  .llp-chat-reply {
110
- display: flex; gap: 8px; border-top: 1px solid #e4e4e7; padding-top: 12px;
121
+ display: flex; gap: 8px; border-top: 1px solid ${m?"#333":"#e4e4e7"}; padding-top: 12px;
111
122
  }
112
123
  .llp-chat-reply-input {
113
- flex: 1; padding: 8px 10px; border: 1px solid #d4d4d8; border-radius: 8px;
114
- font-size: 13px; font-family: inherit; color: #18181b;
124
+ flex: 1; padding: 8px 10px; border: 1px solid ${m?"#444":"#d4d4d8"}; border-radius: ${i}px;
125
+ font-size: 13px; font-family: inherit; color: ${n}; background: ${m?"#222":o};
115
126
  resize: none; min-height: 36px; max-height: 80px; box-sizing: border-box;
116
127
  }
117
- .llp-chat-reply-input:focus { outline: none; border-color: #18181b; }
128
+ .llp-chat-reply-input:focus { outline: none; border-color: ${t}; }
118
129
  .llp-chat-send {
119
- padding: 8px 14px; background: #18181b; color: #fff; border: none;
120
- border-radius: 8px; font-size: 13px; font-weight: 600; cursor: pointer;
130
+ padding: 8px 14px; background: ${t}; color: #fff; border: none;
131
+ border-radius: ${i}px; font-size: 13px; font-weight: 600; cursor: pointer;
121
132
  transition: opacity .15s; white-space: nowrap; align-self: flex-end;
122
133
  }
123
134
  .llp-chat-send:hover { opacity: .85; }
124
135
  .llp-chat-send:disabled { opacity: .5; cursor: not-allowed; }
125
- `;function n(e,t={},o=[]){let l=document.createElement(e);for(let[a,s]of Object.entries(t))a==="class"?l.className=s:a==="style"?l.setAttribute("style",s):a.startsWith("on")&&typeof s=="function"?l.addEventListener(a.slice(2),s):l.setAttribute(a,String(s));for(let a of o)l.appendChild(typeof a=="string"?document.createTextNode(a):a);return l}function z(e,t,o=""){let l=document.createElement("input");return l.type=e,l.id=t,l.placeholder=o,l.className="llp-input",l}function V(e,t=""){let o=document.createElement("textarea");return o.id=e,o.placeholder=t,o.className="llp-textarea",o}function Y(e,t){let o=document.createElement("select");o.id=e,o.className="llp-select";for(let l of t){let a=document.createElement("option");a.value=l.value,a.textContent=l.label,o.appendChild(a)}return o}function h(){if(!v)return;let e=v.querySelector(".llp-body");e.innerHTML="",b==="contact"?G(e):b==="privacy"?Q(e):b==="threads"?X(e):b==="thread-detail"&&ee(e),L&&(L.style.display=b==="thread-detail"?"none":"flex")}function G(e,t=""){let o=!!(T&&m),l=n("label",{class:"llp-label"},["Name"]),a=z("text","llp-name","Jane Smith");T&&(a.value=T);let s=n("label",{class:"llp-label"},["Email"]),r=z("email","llp-email","jane@example.com");(t||m)&&(r.value=t||m);let u=n("label",{class:"llp-label"},["Message"]),p=V("llp-message","How can we help?"),c=n("div",{class:"llp-error",style:"display:none"}),i=n("button",{class:"llp-btn-submit"},["Send message"]);i.onclick=async()=>{let d=a.value.trim(),g=r.value.trim(),x=p.value.trim();if(c.style.display="none",!d||!g||!x){c.textContent="Please fill in all fields.",c.style.display="block";return}i.disabled=!0,i.textContent="Sending\u2026";try{let w=await S("/api/contact",{api_key:k,name:d,email:g,message:x});if(w.ok)m=g,localStorage.setItem("heedb_email",g),B(),A(e,"Message sent!","We'll get back to you soon. Check your inbox for a confirmation email.");else{let ne=await w.json();c.textContent=ne.error||"Something went wrong.",c.style.display="block",i.disabled=!1,i.textContent="Send message"}}catch(w){c.textContent="Network error. Please try again.",c.style.display="block",i.disabled=!1,i.textContent="Send message"}},o?e.append(u,p,c,i):e.append(l,a,s,r,u,p,c,i)}function Q(e){let t=!!(T&&m),o=n("label",{class:"llp-label"},["Name"]),l=z("text","llp-priv-name","Jane Smith");T&&(l.value=T);let a=n("label",{class:"llp-label"},["Email"]),s=z("email","llp-priv-email","jane@example.com");m&&(s.value=m);let r=n("label",{class:"llp-label"},["Request type"]),u=Y("llp-priv-type",[{value:"deletion",label:"Delete my data"},{value:"access",label:"Access my data"},{value:"portability",label:"Export my data"},{value:"correction",label:"Correct my data"},{value:"restriction",label:"Restrict processing"},{value:"objection",label:"Object to processing"},{value:"other",label:"Other"}]),p=n("div",{class:"llp-error",style:"display:none"}),c=n("button",{class:"llp-btn-submit"},["Submit request"]);c.onclick=async()=>{let i=l.value.trim(),d=s.value.trim(),g=u.value;if(p.style.display="none",!i||!d){p.textContent="Please fill in all fields.",p.style.display="block";return}c.disabled=!0,c.textContent="Submitting\u2026";try{let x=await S("/api/privacy-request",{api_key:k,name:i,email:d,request_type:g});if(x.ok)m=d,localStorage.setItem("heedb_email",d),B(),A(e,"Request submitted!","Your privacy request has been received. We'll respond within 30 days.");else{let w=await x.json();p.textContent=w.error||"Something went wrong.",p.style.display="block",c.disabled=!1,c.textContent="Submit request"}}catch(x){p.textContent="Network error. Please try again.",p.style.display="block",c.disabled=!1,c.textContent="Submit request"}},t?e.append(r,u,p,c):e.append(o,l,a,s,r,u,p,c)}async function X(e){var t;if(!f){e.innerHTML="";let o=n("p",{style:"color:#71717a;text-align:center;margin:8px 0;font-size:13px;line-height:1.5"},["Send a message below to view your message history."]),l=n("div",{class:"llp-new-msg"}),a=n("button",{},["+ Send a message"]);a.onclick=()=>{b="contact",E("contact"),h()},l.appendChild(a),e.append(o,l);return}e.innerHTML='<p style="color:#71717a;text-align:center">Loading\u2026</p>';try{let{threads:o}=await J(m);if(e.innerHTML="",o.length===0){let s=n("p",{style:"color:#71717a;text-align:center;margin:8px 0"},["No open messages yet."]);e.appendChild(s)}else for(let s of o){let r=n("span",{class:`llp-badge llp-badge-${s.status}`},[s.status]),u=n("div",{class:"llp-thread-label"},[s.type==="privacy"?"Privacy request":"Message"," \u2022 "]);u.appendChild(r);let p=n("div",{class:"llp-thread-text"},[(t=s.preview)!=null?t:""]),c=new Date(s.createdAt).toLocaleDateString(),i=n("div",{class:"llp-thread-meta"},[c]),d=n("div",{class:"llp-thread-item"});d.append(u,p,i),d.onclick=()=>Z(s.id),e.appendChild(d)}let l=n("div",{class:"llp-new-msg"}),a=n("button",{},["+ Send a new message"]);a.onclick=()=>{b="contact",E("contact"),h()},l.appendChild(a),e.appendChild(l)}catch(o){e.innerHTML='<p style="color:#ef4444;text-align:center">Failed to load messages.</p>'}}function Z(e){I=e,b="thread-detail",h()}async function ee(e){e.innerHTML='<p style="color:#71717a;text-align:center">Loading\u2026</p>';let t=n("button",{class:"llp-chat-back"},["\u2190 Back to messages"]);t.onclick=()=>{b="threads",E("threads"),h()};try{let l=(await K(I)).messages||[];e.innerHTML="",e.style.padding="12px",e.appendChild(t);let a=n("div",{class:"llp-chat-messages"});for(let i of l){let d=i.direction==="inbound",g=n("div",{style:`display:flex;flex-direction:column;${d?"align-items:flex-start":"align-items:flex-end"}`}),x=n("div",{class:`llp-chat-bubble ${d?"llp-chat-inbound":"llp-chat-outbound"}`},[i.body]),w=n("div",{class:`llp-chat-time ${d?"":"llp-chat-time-right"}`},[te(i.createdAt)]);g.append(x,w),a.appendChild(g)}e.appendChild(a),requestAnimationFrame(()=>{a.scrollTop=a.scrollHeight});let s=n("div",{class:"llp-chat-reply"}),r=document.createElement("textarea");r.className="llp-chat-reply-input",r.placeholder="Type a reply\u2026",r.rows=1,r.addEventListener("input",()=>{r.style.height="auto",r.style.height=Math.min(r.scrollHeight,80)+"px"});let u=n("button",{class:"llp-chat-send"},["Send"]),p=n("div",{class:"llp-error",style:"display:none;margin-top:4px"});async function c(){let i=r.value.trim();if(i){u.disabled=!0,u.textContent="\u2026",p.style.display="none";try{let d=await U(I,i);if(d.ok){let g=n("div",{style:"display:flex;flex-direction:column;align-items:flex-start"}),x=n("div",{class:"llp-chat-bubble llp-chat-inbound"},[i]),w=n("div",{class:"llp-chat-time"},["Just now"]);g.append(x,w),a.appendChild(g),a.scrollTop=a.scrollHeight,r.value="",r.style.height="auto"}else{let g=await d.json();p.textContent=g.error||"Failed to send.",p.style.display="block"}}catch(d){p.textContent="Network error. Please try again.",p.style.display="block"}u.disabled=!1,u.textContent="Send"}}u.onclick=c,r.addEventListener("keydown",i=>{i.key==="Enter"&&!i.shiftKey&&(i.preventDefault(),c())}),s.append(r,u),e.append(s,p),requestAnimationFrame(()=>r.focus())}catch(o){e.innerHTML="",e.appendChild(t),e.appendChild(n("p",{style:"color:#ef4444;text-align:center"},["Failed to load conversation."]))}}function te(e){let t=new Date(e),l=new Date().getTime()-t.getTime(),a=Math.floor(l/6e4);if(a<1)return"Just now";if(a<60)return`${a}m ago`;let s=Math.floor(a/60);return s<24?`${s}h ago`:t.toLocaleDateString()}function A(e,t,o){e.innerHTML="";let l=n("div",{class:"llp-success"});l.innerHTML=`
136
+ `}function a(e,t={},n=[]){let o=document.createElement(e);for(let[l,s]of Object.entries(t))l==="class"?o.className=s:l==="style"?o.setAttribute("style",s):l.startsWith("on")&&typeof s=="function"?o.addEventListener(l.slice(2),s):o.setAttribute(l,String(s));for(let l of n)o.appendChild(typeof l=="string"?document.createTextNode(l):l);return o}function j(e,t,n=""){let o=document.createElement("input");return o.type=e,o.id=t,o.placeholder=n,o.className="llp-input",o}function le(e,t=""){let n=document.createElement("textarea");return n.id=e,n.placeholder=t,n.className="llp-textarea",n}function ae(e,t){let n=document.createElement("select");n.id=e,n.className="llp-select";for(let o of t){let l=document.createElement("option");l.value=o.value,l.textContent=o.label,n.appendChild(l)}return n}function v(){if(!y)return;let e=y.querySelector(".llp-body");e.innerHTML="",b==="contact"?oe(e):b==="privacy"?ie(e):b==="threads"?re(e):b==="thread-detail"&&ce(e),M&&(M.style.display=b==="thread-detail"?"none":"flex")}function oe(e,t=""){let n=!!(E&&f),o=a("label",{class:"llp-label"},["Name"]),l=j("text","llp-name","Jane Smith");E&&(l.value=E);let s=a("label",{class:"llp-label"},["Email"]),d=j("email","llp-email","jane@example.com");(t||f)&&(d.value=t||f);let u=a("label",{class:"llp-label"},["Message"]),i=le("llp-message","How can we help?"),c=a("div",{class:"llp-error",style:"display:none"}),r=a("button",{class:"llp-btn-submit"},["Send message"]);r.onclick=async()=>{let g=l.value.trim(),h=d.value.trim(),w=i.value.trim();if(c.style.display="none",!g||!h||!w){c.textContent="Please fill in all fields.",c.style.display="block";return}r.disabled=!0,r.textContent="Sending\u2026";try{let T=await P("/api/contact",{api_key:L,name:g,email:h,message:w});if(T.ok)f=h,localStorage.setItem("heedb_email",h),I(),O(e,"Message sent!","We'll get back to you soon. Check your inbox for a confirmation email.");else{let me=await T.json();c.textContent=me.error||"Something went wrong.",c.style.display="block",r.disabled=!1,r.textContent="Send message"}}catch(T){c.textContent="Network error. Please try again.",c.style.display="block",r.disabled=!1,r.textContent="Send message"}},n?e.append(u,i,c,r):e.append(o,l,s,d,u,i,c,r)}function ie(e){let t=!!(E&&f),n=a("label",{class:"llp-label"},["Name"]),o=j("text","llp-priv-name","Jane Smith");E&&(o.value=E);let l=a("label",{class:"llp-label"},["Email"]),s=j("email","llp-priv-email","jane@example.com");f&&(s.value=f);let d=a("label",{class:"llp-label"},["Request type"]),u=ae("llp-priv-type",[{value:"deletion",label:"Delete my data"},{value:"access",label:"Access my data"},{value:"portability",label:"Export my data"},{value:"correction",label:"Correct my data"},{value:"restriction",label:"Restrict processing"},{value:"objection",label:"Object to processing"},{value:"other",label:"Other"}]),i=a("div",{class:"llp-error",style:"display:none"}),c=a("button",{class:"llp-btn-submit"},["Submit request"]);c.onclick=async()=>{let r=o.value.trim(),g=s.value.trim(),h=u.value;if(i.style.display="none",!r||!g){i.textContent="Please fill in all fields.",i.style.display="block";return}c.disabled=!0,c.textContent="Submitting\u2026";try{let w=await P("/api/privacy-request",{api_key:L,name:r,email:g,request_type:h});if(w.ok)f=g,localStorage.setItem("heedb_email",g),I(),O(e,"Request submitted!","Your privacy request has been received. We'll respond within 30 days.");else{let T=await w.json();i.textContent=T.error||"Something went wrong.",i.style.display="block",c.disabled=!1,c.textContent="Submit request"}}catch(w){i.textContent="Network error. Please try again.",i.style.display="block",c.disabled=!1,c.textContent="Submit request"}},t?e.append(d,u,i,c):e.append(n,o,l,s,d,u,i,c)}async function re(e){var t;if(!x){e.innerHTML="";let n=a("p",{style:"color:#71717a;text-align:center;margin:8px 0;font-size:13px;line-height:1.5"},["Send a message below to view your message history."]),o=a("div",{class:"llp-new-msg"}),l=a("button",{},["+ Send a message"]);l.onclick=()=>{b="contact",$("contact"),v()},o.appendChild(l),e.append(n,o);return}e.innerHTML='<p style="color:#71717a;text-align:center">Loading\u2026</p>';try{let{threads:n}=await Z(f);if(e.innerHTML="",n.length===0){let s=a("p",{style:"color:#71717a;text-align:center;margin:8px 0"},["No open messages yet."]);e.appendChild(s)}else for(let s of n){let d=a("span",{class:`llp-badge llp-badge-${s.status}`},[s.status]),u=a("div",{class:"llp-thread-label"},[s.type==="privacy"?"Privacy request":"Message"," \u2022 "]);u.appendChild(d);let i=a("div",{class:"llp-thread-text"},[(t=s.preview)!=null?t:""]),c=new Date(s.createdAt).toLocaleDateString(),r=a("div",{class:"llp-thread-meta"},[c]),g=a("div",{class:"llp-thread-item"});g.append(u,i,r),g.onclick=()=>se(s.id),e.appendChild(g)}let o=a("div",{class:"llp-new-msg"}),l=a("button",{},["+ Send a new message"]);l.onclick=()=>{b="contact",$("contact"),v()},o.appendChild(l),e.appendChild(o)}catch(n){e.innerHTML='<p style="color:#ef4444;text-align:center">Failed to load messages.</p>'}}function se(e){A=e,b="thread-detail",v()}async function ce(e){e.innerHTML='<p style="color:#71717a;text-align:center">Loading\u2026</p>';let t=a("button",{class:"llp-chat-back"},["\u2190 Back to messages"]);t.onclick=()=>{b="threads",$("threads"),v()};try{let o=(await ee(A)).messages||[];e.innerHTML="",e.style.padding="12px",e.appendChild(t);let l=a("div",{class:"llp-chat-messages"});for(let r of o){let g=r.direction==="inbound",h=a("div",{style:`display:flex;flex-direction:column;${g?"align-items:flex-start":"align-items:flex-end"}`}),w=a("div",{class:`llp-chat-bubble ${g?"llp-chat-inbound":"llp-chat-outbound"}`},[de(r.body)]),T=a("div",{class:`llp-chat-time ${g?"":"llp-chat-time-right"}`},[pe(r.createdAt)]);h.append(w,T),l.appendChild(h)}e.appendChild(l),requestAnimationFrame(()=>{l.scrollTop=l.scrollHeight});let s=a("div",{class:"llp-chat-reply"}),d=document.createElement("textarea");d.className="llp-chat-reply-input",d.placeholder="Type a reply\u2026",d.rows=1,d.addEventListener("input",()=>{d.style.height="auto",d.style.height=Math.min(d.scrollHeight,80)+"px"});let u=a("button",{class:"llp-chat-send"},["Send"]),i=a("div",{class:"llp-error",style:"display:none;margin-top:4px"});async function c(){let r=d.value.trim();if(r){u.disabled=!0,u.textContent="\u2026",i.style.display="none";try{let g=await te(A,r);if(g.ok){let h=a("div",{style:"display:flex;flex-direction:column;align-items:flex-start"}),w=a("div",{class:"llp-chat-bubble llp-chat-inbound"},[r]),T=a("div",{class:"llp-chat-time"},["Just now"]);h.append(w,T),l.appendChild(h),l.scrollTop=l.scrollHeight,d.value="",d.style.height="auto"}else{let h=await g.json();i.textContent=h.error||"Failed to send.",i.style.display="block"}}catch(g){i.textContent="Network error. Please try again.",i.style.display="block"}u.disabled=!1,u.textContent="Send"}}u.onclick=c,d.addEventListener("keydown",r=>{r.key==="Enter"&&!r.shiftKey&&(r.preventDefault(),c())}),s.append(d,u),e.append(s,i),requestAnimationFrame(()=>d.focus())}catch(n){e.innerHTML="",e.appendChild(t),e.appendChild(a("p",{style:"color:#ef4444;text-align:center"},["Failed to load conversation."]))}}function de(e){let t=e.split(`
137
+ `),n=[];for(let o of t){let l=o.trim();if(/^(On|Em|El|Le|Am|Il giorno) .+(<[^>]+@[^>]+>).*(wrote|escreveu|escribi|crit|schrieb|scritto)\s?:$/i.test(l)||/<[^>]+@[^>]+>/.test(l)&&l.endsWith(":")||/^-{3,}$/.test(l))break;/^>{1,}\s/.test(l)||n.push(o)}return n.join(`
138
+ `).trim()}function pe(e){let t=new Date(e),o=new Date().getTime()-t.getTime(),l=Math.floor(o/6e4);if(l<1)return"Just now";if(l<60)return`${l}m ago`;let s=Math.floor(l/60);return s<24?`${s}h ago`:t.toLocaleDateString()}function O(e,t,n){e.innerHTML="";let o=a("div",{class:"llp-success"});o.innerHTML=`
126
139
  <div class="llp-success-icon">\u2705</div>
127
140
  <h3>${t}</h3>
128
- <p>${o}</p>
129
- `;let a=n("a",{href:`${C}/app?email=${encodeURIComponent(m)}`,target:"_blank",style:"display:inline-block;margin-top:12px;color:#18181b;font-size:13px;font-weight:600"},["View your messages \u2192"]);l.appendChild(a),e.appendChild(l)}let L=null,H=null;function E(e){b=e,L&&L.querySelectorAll(".llp-tab").forEach(t=>{t.classList.toggle("active",t.dataset.mode===e)})}function B(){H&&(H.style.display=m&&f?"":"none")}function j(){let e=document.createElement("style");e.textContent=W,document.head.appendChild(e),P=n("button",{class:"llp-btn",title:"Contact us","aria-label":"Open contact widget"},["\u{1F4AC}"]),P.onclick=N,document.body.appendChild(P),v=n("div",{class:"llp-panel",style:"display:none"});let t=n("div",{class:"llp-header"}),o=n("h2",{},["Contact us"]),l=n("button",{class:"llp-close","aria-label":"Close"},["\u2715"]);l.onclick=N,t.append(o,l),L=n("div",{class:"llp-tabs"});let a=n("button",{class:"llp-tab active","data-mode":"contact"},["Message"]),s=n("button",{class:"llp-tab","data-mode":"privacy"},["Privacy"]);H=n("button",{class:"llp-tab","data-mode":"threads"},["Messages"]),H.style.display=m&&f?"":"none",a.onclick=()=>{E("contact"),h()},s.onclick=()=>{E("privacy"),h()},H.onclick=()=>{E("threads"),h()},L.append(a,s,H);let r=n("div",{class:"llp-body"});v.append(t,L,r),document.body.appendChild(v)}function N(){M=!M,v&&(v.style.display=M?"flex":"none",M&&(m&&f&&b!=="privacy"&&b!=="thread-detail"&&(b="threads",E("threads")),h()))}document.readyState==="loading"?document.addEventListener("DOMContentLoaded",j):j()})();})();
141
+ <p>${n}</p>
142
+ `,e.appendChild(o)}let M=null,z=null;function $(e){b=e,M&&M.querySelectorAll(".llp-tab").forEach(t=>{t.classList.toggle("active",t.dataset.mode===e)})}function I(){z&&(z.style.display=f&&x?"":"none")}let B=null;function ge(){m=q(),B&&(B.textContent=R())}async function F(){p=await ne(),m=q(),B=document.createElement("style"),B.textContent=R(),document.head.appendChild(B),p.mode==="system"&&window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",()=>{ge(),C&&y&&v()});let e=p.triggerIcon?p.triggerIcon:p.triggerEmoji||"\u{1F4AC}",t=p.triggerText||"";if(H=a("button",{class:"llp-btn",title:"Contact us","aria-label":"Open contact widget"}),p.triggerIcon){let r=a("span",{class:"llp-btn-icon"});r.innerHTML=p.triggerIcon,H.appendChild(r)}else H.appendChild(document.createTextNode(p.triggerEmoji||"\u{1F4AC}"));if(t&&H.appendChild(a("span",{class:"llp-btn-label"},[t])),H.onclick=D,document.body.appendChild(H),p.triggerMode==="embedded"&&p.triggerSelector){let r=document.querySelector(p.triggerSelector);r&&r.addEventListener("click",g=>{g.preventDefault(),D()})}y=a("div",{class:"llp-panel",style:"display:none"});let n=a("div",{class:"llp-header"}),o=a("h2",{},[p.headerTitle||"Contact us"]),l=a("button",{class:"llp-close","aria-label":"Close"},["\u2715"]);l.onclick=D,n.append(o,l),M=a("div",{class:"llp-tabs"});let s=a("button",{class:"llp-tab active","data-mode":"contact"},["Message"]),d=a("button",{class:"llp-tab","data-mode":"privacy"},["Privacy"]);z=a("button",{class:"llp-tab","data-mode":"threads"},["Messages"]),z.style.display=f&&x?"":"none",s.onclick=()=>{$("contact"),v()},d.onclick=()=>{$("privacy"),v()},z.onclick=()=>{$("threads"),v()},M.append(s,d,z);let u=a("div",{class:"llp-body"}),i=a("div",{class:"llp-footer"}),c=a("a",{href:"https://heedb.com",target:"_blank",rel:"noopener noreferrer"},["Powered by Heedb"]);i.appendChild(c),y.append(n,M,u,i),document.body.appendChild(y)}function D(){C=!C,y&&(y.style.display=C?"flex":"none",C&&(f&&x&&b!=="privacy"&&b!=="thread-detail"&&(b="threads",$("threads")),v()))}document.readyState==="loading"?document.addEventListener("DOMContentLoaded",F):F()})();})();