useyuva 0.0.17 → 0.0.19

package/dist/esm/yuva-chat-025wzr6w.js

@@ -1,193 +0,0 @@
-import{randomId2,createYuvaClient2}from"./index-6brgxahe.js";import{richText}from"./index-jdxce2se.js";import{ApiError2}from"./index-gk84nm8f.js";import{addStyles,launcherOf,readStored,writeStored}from"./index-r9f9ttb2.js";import{setupI18n}from"@lingui/core";var messages=JSON.parse(`{"-HY5kX":["New conversation"],"-f5Tkb":["Bad"],"09Tv5j":["Reconnecting…"],"0XGLbP":["Your sign-in has expired. Reload the page and try again."],"1EICzz":["We're away right now"],"4TqZiz":["Could not send your rating. Try again."],"6Uau97":["Skip"],"6gRgw8":["Retry"],"6lGaum":["Seen"],"ASr-r0":["Show older conversations"],"Amai22":["Chat is not available right now."],"E_qvzP":["Enter a valid e-mail address."],"GQVIIl":["You seem to be offline."],"JkW3Ph":["This file type is not accepted."],"JlFcis":["Send"],"KDw4GX":["Try again"],"M62PBt":["Nobody is available right now. Leave your e-mail and we'll send the reply there too."],"N7m8E-":["Attach files"],"NBdIgR":["Comment"],"OEEQKT":["Good"],"Pwqkdw":["Loading…"],"PxYAul":["Typing…"],"RzWUUK":["Write a message…"],"S63MQu":["All conversations"],"SOk0EB":["Thanks for your feedback"],"Sad2tK":["Sending…"],"SdV5Cn":["Send us a message and we will reply here."],"UY1vmE":["Attachment"],"VggdQJ":["Usually replies in ",["duration"]],"XJURKP":["E-mail address"],"YyNOE7":["Conversation"],"ZxJcgC":["Could not save your e-mail address. Try again."],"axQ1h6":["Anything you'd like to add? (optional)"],"eOu9Px":["The file is too large."],"h69WC6":["Sent"],"iGNUZJ":["Thanks! We'll e-mail you at ",["known"]," if you're gone when we reply."],"meAa31":["No conversations yet"],"nhTADq":["We'll reply as soon as we can"],"njBr8W":["you@example.com"],"oXOSPE":["Online"],"t7TeQU":["Messages"],"tHaDPf":[["name"]," is typing…"],"tfDRzk":["Save"],"tzsBOP":["Too many attempts. Wait a moment and try again."],"uA8iBc":["How did we do?"],"upFvcp":["Not sent."],"w61W3L":["Remove ",["0"]],"xDAtGP":["Message"],"ydzYKJ":["You:"],"yz7wBu":["Close"],"zLzEI3":["Sign in to chat with us."]}`);var messages2=JSON.parse('{"-HY5kX":["Neue Unterhaltung"],"-f5Tkb":["Schlecht"],"09Tv5j":["Verbindung wird wiederhergestellt…"],"0XGLbP":["Ihre Anmeldung ist abgelaufen. Laden Sie die Seite neu und versuchen Sie es erneut."],"1EICzz":["Wir sind gerade nicht da"],"4TqZiz":["Ihre Bewertung konnte nicht gesendet werden. Versuchen Sie es erneut."],"6Uau97":["Überspringen"],"6gRgw8":["Erneut versuchen"],"6lGaum":["Gesehen"],"ASr-r0":["Ältere Unterhaltungen anzeigen"],"Amai22":["Der Chat ist gerade nicht verfügbar."],"E_qvzP":["Geben Sie eine gültige E-Mail-Adresse ein."],"GQVIIl":["Sie scheinen offline zu sein."],"JkW3Ph":["Dieser Dateityp wird nicht akzeptiert."],"JlFcis":["Senden"],"KDw4GX":["Erneut versuchen"],"M62PBt":["Gerade ist niemand erreichbar. Hinterlassen Sie Ihre E-Mail-Adresse, dann senden wir die Antwort auch dorthin."],"N7m8E-":["Dateien anhängen"],"NBdIgR":["Kommentar"],"OEEQKT":["Gut"],"Pwqkdw":["Wird geladen…"],"PxYAul":["Schreibt…"],"RzWUUK":["Nachricht schreiben…"],"S63MQu":["Alle Unterhaltungen"],"SOk0EB":["Danke für Ihr Feedback"],"Sad2tK":["Wird gesendet…"],"SdV5Cn":["Schreiben Sie uns, wir antworten hier."],"UY1vmE":["Anhang"],"VggdQJ":["Übliche Antwortzeit: ",["duration"]],"XJURKP":["E-Mail-Adresse"],"YyNOE7":["Unterhaltung"],"ZxJcgC":["Ihre E-Mail-Adresse konnte nicht gespeichert werden. Versuchen Sie es erneut."],"axQ1h6":["Möchten Sie noch etwas ergänzen? (optional)"],"eOu9Px":["Die Datei ist zu groß."],"h69WC6":["Gesendet"],"iGNUZJ":["Danke! Falls Sie nicht mehr da sind, wenn wir antworten, schreiben wir Ihnen an ",["known"],"."],"meAa31":["Noch keine Unterhaltungen"],"nhTADq":["Wir antworten so schnell wie möglich"],"njBr8W":["sie@beispiel.de"],"oXOSPE":["Online"],"t7TeQU":["Nachrichten"],"tHaDPf":[["name"]," schreibt…"],"tfDRzk":["Speichern"],"tzsBOP":["Zu viele Versuche. Warten Sie einen Moment und versuchen Sie es erneut."],"uA8iBc":["Wie zufrieden waren Sie?"],"upFvcp":["Nicht gesendet."],"w61W3L":[["0"]," entfernen"],"xDAtGP":["Nachricht"],"ydzYKJ":["Sie:"],"yz7wBu":["Schließen"],"zLzEI3":["Melden Sie sich an, um mit uns zu chatten."]}');var messages3=JSON.parse('{"-HY5kX":["Yeni konuşma"],"-f5Tkb":["Kötü"],"09Tv5j":["Yeniden bağlanıyor…"],"0XGLbP":["Oturumunuzun süresi doldu. Sayfayı yenileyip tekrar deneyin."],"1EICzz":["Şu anda uzaktayız"],"4TqZiz":["Değerlendirmeniz gönderilemedi. Tekrar deneyin."],"6Uau97":["Geç"],"6gRgw8":["Tekrar dene"],"6lGaum":["Görüldü"],"ASr-r0":["Eski konuşmaları göster"],"Amai22":["Sohbet şu anda kullanılamıyor."],"E_qvzP":["Geçerli bir e-posta adresi girin."],"GQVIIl":["Çevrimdışı görünüyorsunuz."],"JkW3Ph":["Bu dosya türü kabul edilmiyor."],"JlFcis":["Gönder"],"KDw4GX":["Tekrar dene"],"M62PBt":["Şu anda müsait kimse yok. E-posta adresinizi bırakın, yanıtı oraya da gönderelim."],"N7m8E-":["Dosya ekle"],"NBdIgR":["Yorum"],"OEEQKT":["İyi"],"Pwqkdw":["Yükleniyor…"],"PxYAul":["Yazıyor…"],"RzWUUK":["Bir mesaj yazın…"],"S63MQu":["Tüm konuşmalar"],"SOk0EB":["Geri bildiriminiz için teşekkürler"],"Sad2tK":["Gönderiliyor…"],"SdV5Cn":["Bize bir mesaj gönderin, yanıtımız burada görünecek."],"UY1vmE":["Ek"],"VggdQJ":["Genellikle ",["duration"]," içinde yanıt verir"],"XJURKP":["E-posta adresi"],"YyNOE7":["Konuşma"],"ZxJcgC":["E-posta adresiniz kaydedilemedi. Tekrar deneyin."],"axQ1h6":["Eklemek istediğiniz bir şey var mı? (isteğe bağlı)"],"eOu9Px":["Dosya çok büyük."],"h69WC6":["Gönderildi"],"iGNUZJ":["Teşekkürler! Yanıtladığımızda burada değilseniz ",["known"]," adresine e-posta göndereceğiz."],"meAa31":["Henüz konuşma yok"],"nhTADq":["En kısa sürede yanıt vereceğiz"],"njBr8W":["siz@ornek.com"],"oXOSPE":["Çevrimiçi"],"t7TeQU":["Mesajlar"],"tHaDPf":[["name"]," yazıyor…"],"tfDRzk":["Kaydet"],"tzsBOP":["Çok fazla deneme. Biraz bekleyip tekrar deneyin."],"uA8iBc":["Nasıldık?"],"upFvcp":["Gönderilemedi."],"w61W3L":[["0"]," kaldır"],"xDAtGP":["Mesaj"],"ydzYKJ":["Siz:"],"yz7wBu":["Kapat"],"zLzEI3":["Bizimle sohbet etmek için giriş yapın."]}');var styles=`
-[hidden] { display: none !important; }
-.header {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  padding-block: 12px;
-  padding-inline: 14px 10px;
-  background: var(--yuva-accent);
-  color: var(--yuva-on-accent);
-}
-.heading { flex: 1; min-inline-size: 0; }
-.title {
-  margin: 0;
-  font-size: 16px;
-  font-weight: 600;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.status { display: flex; align-items: center; gap: 6px; font-size: 13px; opacity: 0.9; }
-.dot { inline-size: 8px; block-size: 8px; border-radius: 50%; background: #22c55e; box-shadow: 0 0 0 2px rgb(255 255 255 / 0.6); }
-.dot.away { background: #9ca3af; }
-.avatars { display: flex; }
-.avatars .avatar { margin-inline-start: -8px; box-shadow: 0 0 0 2px var(--yuva-accent); }
-.avatars .avatar:first-child { margin-inline-start: 0; }
-.avatar {
-  display: grid;
-  place-items: center;
-  flex: none;
-  inline-size: 28px;
-  block-size: 28px;
-  border-radius: 50%;
-  background: var(--yuva-soft);
-  color: var(--yuva-fg);
-  font-size: 11px;
-  font-weight: 700;
-  text-transform: uppercase;
-}
-.icon {
-  display: grid;
-  place-items: center;
-  flex: none;
-  inline-size: 32px;
-  block-size: 32px;
-  padding: 0;
-  border: 0;
-  border-radius: 8px;
-  background: transparent;
-  color: inherit;
-  cursor: pointer;
-}
-.icon:hover { background: rgb(127 127 127 / 0.18); }
-.icon:focus-visible { outline: 2px solid currentColor; outline-offset: -4px; }
-[dir="rtl"] .flip { transform: scaleX(-1); }
-.body { position: relative; flex: 1; min-block-size: 0; display: flex; flex-direction: column; }
-.scroll { flex: 1; overflow-y: auto; overscroll-behavior: contain; padding: 14px; display: flex; flex-direction: column; gap: 4px; }
-.center { flex: 1; display: grid; place-content: center; gap: 6px; padding: 24px; text-align: center; }
-.empty { margin: 0; font-weight: 600; }
-.hint { margin: 0; color: var(--yuva-muted); font-size: 14px; }
-.list { list-style: none; margin: 0; padding: 6px; overflow-y: auto; flex: 1; }
-.item {
-  display: flex;
-  gap: 10px;
-  align-items: center;
-  inline-size: 100%;
-  padding: 10px;
-  border: 0;
-  border-radius: 10px;
-  background: transparent;
-  color: inherit;
-  font: inherit;
-  text-align: start;
-  cursor: pointer;
-}
-.item:hover, .item:focus-visible { background: var(--yuva-soft); outline: none; }
-.item-main { flex: 1; min-inline-size: 0; }
-.item-top { display: flex; gap: 8px; justify-content: space-between; }
-.item-subject, .item-preview { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-.item-subject { font-weight: 600; }
-.item-preview { color: var(--yuva-muted); font-size: 14px; }
-.item.unread .item-preview { color: var(--yuva-fg); font-weight: 600; }
-.item-time { flex: none; color: var(--yuva-muted); font-size: 12px; }
-.unread-dot { flex: none; inline-size: 9px; block-size: 9px; border-radius: 50%; background: var(--yuva-accent); }
-.primary {
-  margin: 10px;
-  padding: 10px 14px;
-  border: 0;
-  border-radius: 10px;
-  background: var(--yuva-accent);
-  color: var(--yuva-on-accent);
-  font: inherit;
-  font-weight: 600;
-  cursor: pointer;
-}
-.row { display: flex; gap: 8px; align-items: flex-end; max-inline-size: 85%; }
-.row.mine { align-self: flex-end; }
-.row.theirs .avatar { margin-block-end: 2px; }
-.avatar img { inline-size: 100%; block-size: 100%; border-radius: 50%; object-fit: cover; }
-.group-gap { margin-block-start: 8px; }
-.author { margin: 6px 0 2px; margin-inline-start: 36px; color: var(--yuva-muted); font-size: 12px; }
-.bubble {
-  padding: 8px 12px;
-  border-radius: 16px;
-  background: var(--yuva-soft);
-  overflow-wrap: anywhere;
-  white-space: normal;
-}
-.mine .bubble { background: var(--yuva-accent); color: var(--yuva-on-accent); border-end-end-radius: 4px; }
-.theirs .bubble { border-end-start-radius: 4px; }
-.bubble a { color: inherit; text-decoration: underline; }
-.bubble code { font-family: ui-monospace, Menlo, monospace; font-size: 13px; padding: 1px 4px; border-radius: 4px; background: rgb(127 127 127 / 0.2); }
-.bubble pre { margin: 4px 0; padding: 8px; border-radius: 8px; background: rgb(127 127 127 / 0.2); font-family: ui-monospace, Menlo, monospace; font-size: 13px; white-space: pre-wrap; }
-.greeting { align-self: flex-start; max-inline-size: 85%; }
-.files { display: flex; flex-direction: column; gap: 4px; margin-block-start: 4px; }
-.files img { display: block; max-inline-size: 100%; max-block-size: 220px; border-radius: 10px; cursor: zoom-in; }
-.file {
-  display: inline-flex;
-  gap: 6px;
-  align-items: center;
-  padding: 6px 10px;
-  border: 1px solid currentColor;
-  border-radius: 8px;
-  background: transparent;
-  color: inherit;
-  font: inherit;
-  font-size: 13px;
-  cursor: pointer;
-}
-.meta { align-self: flex-end; color: var(--yuva-muted); font-size: 12px; margin-block-start: 2px; }
-.meta.failed { color: var(--yuva-danger); }
-.link { padding: 0; border: 0; background: none; color: inherit; font: inherit; text-decoration: underline; cursor: pointer; }
-.typing { display: flex; gap: 6px; align-items: center; color: var(--yuva-muted); font-size: 13px; margin-block-start: 6px; }
-.typing i { display: inline-block; inline-size: 6px; block-size: 6px; border-radius: 50%; background: currentColor; animation: blink 1.2s infinite both; }
-.typing i:nth-child(2) { animation-delay: 0.2s; }
-.typing i:nth-child(3) { animation-delay: 0.4s; }
-@keyframes blink { 0%, 80%, 100% { opacity: 0.25; } 40% { opacity: 1; } }
-@media (prefers-reduced-motion: reduce) { .typing i { animation: none; } }
-.card { margin-block-start: 10px; padding: 12px; border: 1px solid var(--yuva-border); border-radius: 12px; font-size: 14px; }
-.card p { margin: 0 0 8px; }
-.card form { display: flex; gap: 6px; }
-.card input {
-  flex: 1;
-  min-inline-size: 0;
-  padding: 8px 10px;
-  border: 1px solid var(--yuva-border);
-  border-radius: 8px;
-  background: var(--yuva-bg);
-  color: inherit;
-  font: inherit;
-}
-.card button { padding: 8px 12px; border: 0; border-radius: 8px; background: var(--yuva-accent); color: var(--yuva-on-accent); font: inherit; font-weight: 600; cursor: pointer; }
-.card .error { margin: 6px 0 0; color: var(--yuva-danger); }
-.card button:disabled { opacity: 0.6; cursor: default; }
-.rate { text-align: center; }
-.choices { display: flex; justify-content: center; gap: 10px; }
-.card .choice { inline-size: 44px; block-size: 44px; padding: 0; border: 1px solid var(--yuva-border); border-radius: 50%; background: var(--yuva-bg); font-size: 20px; line-height: 1; }
-.card .choice:hover:not(:disabled), .card .choice[aria-pressed="true"] { border-color: var(--yuva-accent); box-shadow: 0 0 0 1px var(--yuva-accent); }
-.card .choice:disabled { opacity: 1; }
-.card .choice:focus-visible { outline: 2px solid var(--yuva-accent); outline-offset: 2px; }
-.rate .choices + p { margin: 8px 0 0; }
-.rate form { flex-direction: column; margin-block-start: 10px; }
-.rate textarea { box-sizing: border-box; inline-size: 100%; padding: 8px 10px; border: 1px solid var(--yuva-border); border-radius: 8px; background: var(--yuva-bg); color: inherit; font: inherit; resize: vertical; }
-.rate .actions { display: flex; justify-content: flex-end; align-items: center; gap: 14px; }
-.card .link { padding: 0; background: none; color: var(--yuva-muted); font-weight: 400; }
-.composer { border-block-start: 1px solid var(--yuva-border); padding: 8px; }
-.composer form { display: flex; gap: 4px; align-items: flex-end; }
-.composer textarea {
-  flex: 1;
-  min-inline-size: 0;
-  box-sizing: border-box;
-  block-size: 38px;
-  max-block-size: 140px;
-  padding: 8px 10px;
-  border: 0;
-  border-radius: 10px;
-  background: transparent;
-  color: inherit;
-  font: inherit;
-  resize: none;
-  outline: none;
-}
-.composer .icon { color: var(--yuva-muted); }
-.composer .send { color: var(--yuva-accent); }
-.composer .send:disabled { opacity: 0.4; cursor: default; }
-.chips { display: flex; flex-wrap: wrap; gap: 6px; padding: 0 6px 6px; }
-.chip { display: inline-flex; gap: 4px; align-items: center; max-inline-size: 100%; padding: 2px 4px 2px 10px; border-radius: 999px; background: var(--yuva-soft); font-size: 13px; }
-.chip span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-inline-size: 180px; }
-.chip .icon { inline-size: 22px; block-size: 22px; }
-.banner { padding: 6px 12px; background: var(--yuva-soft); color: var(--yuva-muted); font-size: 13px; text-align: center; }
-@media (max-width: 480px) { .composer textarea, .card input, .card textarea { font-size: 16px; } }
-.sr { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
-`;var catalogs={en:messages,tr:messages3,de:messages2},maxFiles=10,groupGap=300000,icons={close:'<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M6 6l12 12M18 6L6 18"/></svg>',back:'<svg class="flip" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M15 6l-6 6 6 6"/></svg>',attach:'<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 11.5l-8.3 8.3a5 5 0 01-7-7L13 4.5a3.3 3.3 0 014.7 4.7l-8.3 8.3a1.7 1.7 0 01-2.4-2.4L14.5 7.6"/></svg>',send:'<svg class="flip" width="20" height="20" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M3.4 20.4l17.5-7.5a1 1 0 000-1.8L3.4 3.6a1 1 0 00-1.4 1.2L4.5 12l-2.5 7.2a1 1 0 001.4 1.2zM4.5 12h7"/></svg>',file:'<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linejoin="round" aria-hidden="true"><path d="M14 3H6v18h12V7z M14 3v4h4"/></svg>'};function el(tag,className,text){let element=document.createElement(tag);if(className)element.className=className;if(text!==void 0)element.textContent=text;return element}function iconButton(icon,label,onClick,className="icon"){let button=el("button",className);return button.type="button",button.innerHTML=icon,button.setAttribute("aria-label",label),button.title=label,button.addEventListener("click",onClick),button}var time=(value)=>Date.parse(value),byCreated=(a,b)=>time(a.created_at)-time(b.created_at),byActivity=(a,b)=>time(b.last_message_at??b.created_at)-time(a.last_message_at??a.created_at),authorKey=(m)=>m.author.type==="contact"?"contact":`${m.author.type}:${m.author.name??""}`,isImage=(a)=>/^image\/(png|jpeg|gif|webp)$/.test(a.content_type);class Chat{#host;#i18n;#client;#inbox=null;#contact=null;#phase="loading";#error="";#starting=null;#beginning=null;#conversations=new Map;#conversationCursor;#threads=new Map;#pending=[];#typing=new Map;#view=null;#reconnecting=!1;#files=[];#typingSentAt=0;#typingIdle=null;#blobs=new Map;#blobLoads=new Map;#avatars=new Map;#emailSaved=!1;#emailError="";#connectedBefore=!1;#ratings=new Map;#rateCard=el("div","card rate");#rateComment=el("textarea");#rateKey="";#rateFor=null;#header=el("header","header");#banner=el("div","banner");#body=el("div","body");#scroll=el("div","scroll");#email=el("div","card");#emailInput=el("input");#composer=el("div","composer");#chips=el("div","chips");#textarea=el("textarea");#fileInput=el("input");#sendButton;#attachButton;#live=el("div","sr");#scrollThread;#atEnd=!0;constructor(host){this.#host=host;let{server,channel}=host.config();this.#client=createYuvaClient2({server,channel:channel??"",identityToken:()=>host.identityToken()}),this.#client.on("event",(message)=>this.#event(message)),this.#client.on("connection",({state,attempt})=>{if(state!=="reconnecting")return;this.#reconnecting=attempt>0,this.#renderBanner()}),this.#client.on("session",({session,renewed})=>{if(this.#setInbox(session.inbox),this.#contact=session.contact,renewed)this.#reload();else if(!this.#beginning)this.#client.connect().catch(()=>{return})}),this.#setLocale(),this.#live.setAttribute("aria-live","polite"),this.#scroll.addEventListener("scroll",()=>{if(this.#atEnd=this.#scroll.scrollHeight-this.#scroll.scrollTop-this.#scroll.clientHeight<48,this.#scroll.scrollTop<60&&this.#view?.kind==="thread"&&this.#view.id)this.#loadMessages(this.#view.id,!0)}),this.#textarea.rows=1,this.#textarea.addEventListener("keydown",(event)=>{if(event.key==="Enter"&&!event.shiftKey&&!event.isComposing)event.preventDefault(),this.#send()}),this.#textarea.addEventListener("input",()=>{this.#autosize(),this.#syncSend(),this.#typingInput()}),this.#textarea.addEventListener("paste",(event)=>{let files=Array.from(event.clipboardData?.files??[]);if(files.length===0)return;event.preventDefault(),this.#addFiles(files)}),this.#fileInput.type="file",this.#fileInput.multiple=!0,this.#fileInput.hidden=!0,this.#fileInput.addEventListener("change",()=>{this.#addFiles(Array.from(this.#fileInput.files??[])),this.#fileInput.value=""}),this.#attachButton=iconButton(icons.attach,"",()=>this.#fileInput.click()),this.#sendButton=iconButton(icons.send,"",()=>void this.#send(),"icon send");let form=el("form");form.addEventListener("submit",(event)=>{event.preventDefault(),this.#send()}),form.append(this.#attachButton,this.#textarea,this.#sendButton,this.#fileInput),this.#composer.append(this.#chips,form),this.#emailInput.type="email",this.#emailInput.required=!0,this.#emailInput.autocomplete="email",this.#rateComment.rows=2,this.#rateComment.maxLength=2000,this.#rateComment.dir="auto",document.addEventListener("visibilitychange",this.#onVisible),window.addEventListener("online",this.#onVisible),this.#renderAll(),this.#start()}update(){this.#setLocale(),this.#renderAll()}opened(){if(this.#phase==="error"){this.#starting=null,this.#start();return}if(this.#phase==="ready")this.#client.token?this.#refreshSession():this.#preview().then(()=>this.#render()).catch(()=>{return});if(this.#render(),this.#scrollToEnd(),this.#markRead(),this.#host.config().layout==="launcher")this.#textarea.focus({preventScroll:!0})}closed(){this.#stopTyping()}identityChanged(){this.#reset(),this.#start()}async signOut(){let signingOut=this.#client.signOut();if(this.#reset(),await signingOut,this.#host.isOpen())this.#start();else this.#render()}destroy(){this.#client.reset(),this.#stopTyping(),document.removeEventListener("visibilitychange",this.#onVisible),window.removeEventListener("online",this.#onVisible);for(let url of this.#blobs.values())URL.revokeObjectURL(url)}#reset(){this.#client.reset(),this.#starting=null,this.#beginning=null,this.#inbox=null,this.#contact=null,this.#phase="loading",this.#conversations.clear(),this.#threads.clear(),this.#pending=[],this.#ratings.clear(),this.#rateKey="",this.#view=null,this.#connectedBefore=!1,this.#host.setUnread(0)}#onVisible=()=>{if(document.visibilityState!=="visible")return;this.#client.reconnect(),this.#markRead(),this.#refreshInbox()};#setLocale(){let{locale}=this.#host.config();this.#i18n=setupI18n({locale,messages:{[locale]:catalogs[locale]??messages}})}#t(descriptor){return this.#i18n._(descriptor)}#start(){return this.#starting??=(async()=>{this.#phase="loading",this.#render();let{channel}=this.#host.config();if(!channel)throw new ApiError2(0,"not_configured");if(await this.#host.identityToken()||readStored(channel).session)await this.#begin();else if(await this.#preview(),!this.#inbox?.chat.allow_anonymous)throw new ApiError2(403,"anonymous_not_allowed");if(this.#phase="ready",!this.#view){let list=this.#sorted();if(this.#view=list.length>1?{kind:"list"}:{kind:"thread",id:list[0]?.id??null},this.#view.kind==="thread"&&this.#view.id)await this.#loadMessages(this.#view.id)}this.#render(),this.#scrollToEnd(),this.#markRead()})().catch((error)=>{if(this.#starting=null,this.#refusal(error))return;this.#phase="error",this.#error=error instanceof ApiError2?error.code:"error",this.#render()}),this.#starting}async#preview(){let inbox=await this.#fetchInbox();if(!this.#client.token)this.#setInbox(inbox)}#fetchInbox(){if(!this.#host.config().channel)throw new ApiError2(0,"not_configured");return this.#client.channelSettings()}#setInbox(inbox){let{channel}=this.#host.config();this.#inbox=inbox;let launcher=launcherOf(inbox);if(this.#host.setLauncher(launcher),channel)writeStored(channel,{...readStored(channel),launcher})}async#refreshInbox(){if(this.#phase!=="ready")return;try{this.#setInbox(await this.#fetchInbox()),this.#render()}catch(error){this.#refusal(error,!0)}}#refusal(error,channelRequest=!this.#client.token){let refused=error instanceof ApiError2&&(error.code==="origin_not_allowed"||error.status===404&&channelRequest);if(refused)this.#host.refused();return refused}#begin(){return this.#beginning??=(async()=>{await this.#client.start(),await this.#loadConversations(),await this.#client.connect()})().finally(()=>{this.#beginning=null}),this.#beginning}async#refreshSession(){try{await this.#client.refresh(),this.#render()}catch{}}async#loadConversations(more=!1){let page=await this.#client.listConversations({limit:50,cursor:more?this.#conversationCursor:void 0});if(!more)this.#conversations.clear();for(let conversation of page.items)this.#conversations.set(conversation.id,conversation);this.#conversationCursor=page.next_cursor,this.#syncUnread()}async#reload(){await this.#loadConversations();let current=this.#view?.kind==="thread"?this.#view.id:null;for(let id of this.#threads.keys())if(id!==current)this.#threads.delete(id);if(current)this.#threads.delete(current),await this.#loadMessages(current);this.#render()}async#loadMessages(id,older=!1){let thread=this.#threads.get(id);if(!thread)thread={messages:[],complete:!1,loading:!1},this.#threads.set(id,thread);if(thread.loading||older&&(thread.complete||!thread.cursor))return;thread.loading=!0;let before=this.#scroll.scrollHeight-this.#scroll.scrollTop;try{let page=await this.#client.listMessages(id,{order:"desc",limit:30,cursor:older?thread.cursor:void 0}),known=new Set(thread.messages.map((m)=>m.id));thread.messages=[...thread.messages,...page.items.filter((m)=>!known.has(m.id))].sort(byCreated),thread.cursor=page.next_cursor,thread.complete=!page.next_cursor}finally{thread.loading=!1}if(older)this.#render(),this.#scroll.scrollTop=this.#scroll.scrollHeight-before}#event(message){switch(message.type){case"ready":if(this.#reconnecting=!1,this.#renderBanner(),this.#connectedBefore)this.#refreshInbox();this.#connectedBefore=!0;return;case"inbox.updated":{let asked=this.#inbox?.ask_for_rating;if(this.#setInbox(message.data),asked!==void 0&&asked!==message.data.ask_for_rating)this.#loadConversations().then(()=>this.#render()).catch(()=>{return});break}case"resync_required":this.#reload();return;case"presence":if(this.#inbox)this.#inbox={...this.#inbox,presence:message.data};break;case"conversation.created":if(!this.#conversations.has(message.data.id))this.#conversations.set(message.data.id,message.data);if(this.#view?.kind==="thread"&&this.#view.id===null&&this.#conversations.size>1)this.#view=this.#pending.some((p)=>p.conversation===null)?this.#view:{kind:"list"};this.#syncUnread();break;case"conversation.updated":{let conversation=this.#conversations.get(message.data.id),{status,can_rate,rating}=message.data;if(conversation)this.#conversations.set(conversation.id,{...conversation,status,can_rate,rating});if(!can_rate)this.#ratings.delete(message.data.id);break}case"message.created":case"message.updated":this.#upsertMessage(message.data,message.type==="message.created");break;case"read":{let conversation=this.#conversations.get(message.data.conversation_id),previous=conversation?.last_read_by_member_at;if(conversation&&(!previous||time(message.data.read_at)>time(previous)))this.#conversations.set(conversation.id,{...conversation,last_read_by_member_at:message.data.read_at});break}case"typing":{let id=message.data.conversation_id,previous=this.#typing.get(id);if(previous)clearTimeout(previous.timer);if(message.data.typing){let name=message.data.author.name??"";this.#typing.set(id,{name,timer:setTimeout(()=>this.#typing.delete(id)&&this.#render(),8000)})}else this.#typing.delete(id);break}}this.#render()}#upsertMessage(message,created){let id=message.conversation_id,thread=this.#threads.get(id);if(thread){let index=thread.messages.findIndex((m)=>m.id===message.id);if(index>=0)thread.messages[index]=message;else thread.messages=[...thread.messages,message].sort(byCreated)}if(message.client_id)this.#pending=this.#pending.filter((p)=>p.client_id!==message.client_id);let conversation=this.#conversations.get(id);if(!conversation){this.#client.getConversation(id).then((c)=>{this.#conversations.set(c.id,c),this.#syncUnread(),this.#render()}).catch(()=>{return});return}if(created){let text=message.body.replace(/\s+/g," ").trim();if(this.#conversations.set(id,{...conversation,last_message:{id:message.id,author_type:message.author.type,text:text.length>140?`${text.slice(0,139)}…`:text,created_at:message.created_at},last_message_at:message.created_at,unread:conversation.unread||message.author.type!=="contact"}),message.author.type!=="contact"){let typing=this.#typing.get(id);if(typing)clearTimeout(typing.timer);this.#typing.delete(id),this.#announce(message)}}this.#syncUnread(),this.#markRead()}#announce(message){this.#live.textContent=`${message.author.name||this.#inbox?.name||""}: ${message.body.slice(0,200)}`}#syncUnread(){let count=0;for(let conversation of this.#conversations.values())if(conversation.unread)count++;this.#host.setUnread(count)}#visibleThread(){if(!this.#host.isOpen()||document.visibilityState!=="visible")return null;return this.#view?.kind==="thread"?this.#view.id:null}#markRead(){let id=this.#visibleThread(),conversation=id?this.#conversations.get(id):void 0;if(!id||!conversation?.unread)return;this.#conversations.set(id,{...conversation,unread:!1}),this.#syncUnread(),this.#client.markRead(id).catch(()=>{let current=this.#conversations.get(id);if(current)this.#conversations.set(id,{...current,unread:!0});this.#syncUnread()})}#addFiles(files){this.#files=[...this.#files,...files].slice(0,maxFiles),this.#renderChips(),this.#syncSend(),this.#textarea.focus()}#autosize(){if(this.#textarea.style.blockSize="",this.#textarea.value==="")return;this.#textarea.style.blockSize="auto",this.#textarea.style.blockSize=`${Math.max(38,Math.min(this.#textarea.scrollHeight,140))}px`}#syncSend(){this.#sendButton.disabled=this.#textarea.value.trim()===""&&this.#files.length===0}#typingInput(){let id=this.#view?.kind==="thread"?this.#view.id:null;if(!id||this.#textarea.value.trim()===""){this.#stopTyping();return}if(Date.now()-this.#typingSentAt>3000)this.#typingSentAt=Date.now(),this.#client.setTyping(id,!0).catch(()=>{return});if(this.#typingIdle)clearTimeout(this.#typingIdle);this.#typingIdle=setTimeout(()=>this.#stopTyping(),4000)}#stopTyping(){if(this.#typingIdle)clearTimeout(this.#typingIdle);if(this.#typingIdle=null,this.#typingSentAt===0)return;this.#typingSentAt=0;let id=this.#view?.kind==="thread"?this.#view.id:null;if(id)this.#client.setTyping(id,!1).catch(()=>{return})}async#send(){if(this.#phase!=="ready"||this.#view?.kind!=="thread")return;let body=this.#textarea.value.trim(),files=this.#files;if(!body&&files.length===0)return;if(this.#view.id===null&&this.#pending.some((p)=>p.conversation===null))return;this.#stopTyping(),this.#textarea.value="",this.#files=[],this.#autosize(),this.#renderChips(),this.#syncSend();let pending={client_id:randomId2(),conversation:this.#view.id,body,files,state:"sending"};this.#pending.push(pending),this.#render(),this.#scrollToEnd(),await this.#deliver(pending)}async#deliver(pending){pending.state="sending",this.#render();let input={body:pending.body,files:pending.files,client_id:pending.client_id};try{if(pending.conversation===null){let created=await this.#client.startConversation(input),id=created.conversation.id;if(!this.#conversations.has(id))this.#conversations.set(id,created.conversation);if(!this.#threads.has(id))this.#threads.set(id,{messages:[],complete:!0,loading:!1});if(this.#view?.kind==="thread"&&this.#view.id===null)this.#view={kind:"thread",id};this.#upsertMessage(created.message,!1)}else{let message=await this.#client.sendMessage(pending.conversation,input);this.#upsertMessage(message,!0)}this.#pending=this.#pending.filter((p)=>p!==pending)}catch(error){let status=error instanceof ApiError2?error.status:0;pending.state=status===413||status===415?"refused":"failed",pending.status=status}this.#render(),this.#scrollToEnd()}async rate(id,rating,comment){try{let conversation=await this.#client.rate(id,rating,comment);return this.#conversations.set(conversation.id,conversation),this.#ratings.delete(id),this.#render(),conversation}catch(error){if(error instanceof ApiError2&&error.status===409){let current=await this.#client.getConversation(id).catch(()=>null);if(current)this.#conversations.set(current.id,current);this.#ratings.delete(id),this.#render()}throw error}}#choose(id,choice){if(this.#ratings.get(id)?.state==="sending")return;if(this.#ratings.set(id,{choice,state:"choosing"}),this.#render(),this.#rateComment.focus({preventScroll:!0}),this.#atEnd)this.#scrollToEnd()}async#submitRating(id,withComment){let draft=this.#ratings.get(id);if(!draft||draft.state==="sending")return;draft.state="sending",this.#render();try{await this.rate(id,draft.choice,withComment?this.#rateComment.value:void 0),this.#rateComment.value=""}catch(error){if(error instanceof ApiError2&&error.status===409)return;draft.state="failed",this.#render()}}async#saveEmail(){let email=this.#emailInput.value.trim();if(!email||!this.#emailInput.checkValidity()){this.#emailError=this.#t({id:"E_qvzP"}),this.#renderEmail();return}try{this.#contact=await this.#client.setEmail(email),this.#emailSaved=!0,this.#emailError=""}catch{this.#emailError=this.#t({id:"ZxJcgC"})}this.#renderEmail()}#attachmentUrl(attachment){let cached=this.#blobs.get(attachment.id);if(cached)return Promise.resolve(cached);let load=this.#blobLoads.get(attachment.id);if(!load)load=this.#client.attachment(attachment.id).then((blob)=>{let url=URL.createObjectURL(blob);return this.#blobs.set(attachment.id,url),url}),load.catch(()=>this.#blobLoads.delete(attachment.id)),this.#blobLoads.set(attachment.id,load);return load}async#download(attachment){let url=await this.#attachmentUrl(attachment),a=el("a");a.href=url,a.download=attachment.filename,a.rel="noopener",a.click()}#sorted(){return[...this.#conversations.values()].sort(byActivity)}#nobodyAvailable(){let inbox=this.#inbox;if(!inbox)return!1;return!inbox.open_now||inbox.mode==="async"||!inbox.presence?.available}#scrollToEnd(){this.#atEnd=!0,this.#scroll.scrollTop=this.#scroll.scrollHeight,requestAnimationFrame(()=>{if(this.#atEnd)this.#scroll.scrollTop=this.#scroll.scrollHeight})}#renderAll(){this.#textarea.placeholder=this.#t({id:"RzWUUK"}),this.#textarea.setAttribute("aria-label",this.#t({id:"xDAtGP"})),this.#attachButton.setAttribute("aria-label",this.#t({id:"N7m8E-"})),this.#attachButton.title=this.#t({id:"N7m8E-"}),this.#sendButton.setAttribute("aria-label",this.#t({id:"JlFcis"})),this.#sendButton.title=this.#t({id:"JlFcis"}),this.#emailInput.placeholder=this.#t({id:"njBr8W"}),this.#emailInput.setAttribute("aria-label",this.#t({id:"XJURKP"})),this.#syncSend(),this.#renderChips(),this.#render()}#render(){let panel=this.#host.panel;if(panel.childElementCount===0){let fallback=addStyles(panel.getRootNode(),styles);panel.append(...fallback?[fallback]:[],this.#header,this.#banner,this.#body,this.#live),this.#header.id="yuva-title",panel.setAttribute("aria-labelledby","yuva-title")}if(this.#renderHeader(),this.#renderBanner(),this.#phase!=="ready"){this.#scrollThread=void 0;let center=el("div","center");if(this.#phase==="loading")center.append(el("p","hint",this.#t({id:"Pwqkdw"})));else{center.append(el("p","empty",this.#errorText()));let retry=el("button","primary",this.#t({id:"KDw4GX"}));retry.type="button",retry.addEventListener("click",()=>{this.#starting=null,this.#start()}),center.append(retry)}this.#body.replaceChildren(center);return}if(this.#view?.kind==="list")this.#renderList();else this.#renderThread()}#errorText(){switch(this.#error){case"anonymous_not_allowed":return this.#t({id:"zLzEI3"});case"invalid_identity_token":return this.#t({id:"0XGLbP"});case"rate_limited":return this.#t({id:"tzsBOP"});case"network":return this.#t({id:"GQVIIl"});default:return this.#t({id:"Amai22"})}}#renderHeader(){let{layout}=this.#host.config(),inbox=this.#inbox,children=[],view=this.#view;if(this.#phase==="ready"&&view?.kind==="thread"&&(this.#conversations.size>1||view.id===null&&this.#conversations.size>0))children.push(iconButton(icons.back,this.#t({id:"S63MQu"}),()=>{this.#stopTyping(),this.#view={kind:"list"},this.#render()}));let heading=el("div","heading");if(heading.append(el("h2","title",inbox?.name||this.#t({id:"t7TeQU"}))),inbox){let status=el("div","status");if(inbox.mode==="live"&&inbox.open_now&&inbox.presence?.available){let avatars=el("div","avatars");for(let member of inbox.presence?.members.slice(0,3)??[]){let avatar=el("span","avatar",member.initials||"•");avatar.title=member.name,avatars.append(avatar)}status.append(avatars,el("span","dot"),el("span","",this.#t({id:"oXOSPE"})))}else if(!inbox.open_now||inbox.mode==="live")status.append(el("span","dot away"),el("span","",this.#t({id:"1EICzz"})));else status.append(el("span","",this.#replyTime(inbox.expected_reply_minutes)));heading.append(status)}if(children.push(heading),layout==="launcher")children.push(iconButton(icons.close,this.#t({id:"yz7wBu"}),()=>this.#host.close()));this.#header.replaceChildren(...children)}#replyTime(minutes){if(!minutes)return this.#t({id:"nhTADq"});let{locale}=this.#host.config(),[value,unit]=minutes<60?[minutes,"minute"]:minutes<1440?[Math.round(minutes/60),"hour"]:[Math.round(minutes/1440),"day"],duration=new Intl.NumberFormat(locale,{style:"unit",unit,unitDisplay:"long"}).format(value);return this.#t({id:"VggdQJ",values:{duration}})}#renderBanner(){this.#banner.hidden=!this.#reconnecting,this.#banner.textContent=this.#t({id:"09Tv5j"})}#renderList(){this.#scrollThread=void 0;let{locale}=this.#host.config(),list=el("ul","list"),today=new Date().toDateString();for(let conversation of this.#sorted()){let button=el("button",conversation.unread?"item unread":"item");button.type="button";let main=el("div","item-main"),top=el("div","item-top");top.append(el("span","item-subject",conversation.subject||this.#inbox?.name||this.#t({id:"YyNOE7"})));let at=new Date(conversation.last_message_at??conversation.created_at);top.append(el("span","item-time",new Intl.DateTimeFormat(locale,at.toDateString()===today?{timeStyle:"short"}:{month:"short",day:"numeric"}).format(at)));let preview=conversation.last_message?`${conversation.last_message.author_type==="contact"?this.#t({id:"ydzYKJ"})+" ":""}${conversation.last_message.text||this.#t({id:"UY1vmE"})}`:"",previewLine=el("div","item-preview",preview.replace(/\*\*|`/g,""));if(previewLine.dir="auto",main.append(top,previewLine),button.append(main),conversation.unread)button.append(el("span","unread-dot"));button.addEventListener("click",()=>void this.#openThread(conversation.id));let item=el("li");item.append(button),list.append(item)}if(this.#conversationCursor){let more=el("button","link",this.#t({id:"ASr-r0"}));more.type="button",more.style.margin="8px auto",more.style.display="block",more.addEventListener("click",()=>void this.#loadConversations(!0).then(()=>this.#render())),list.append(more)}let start=el("button","primary",this.#t({id:"-HY5kX"}));start.type="button",start.addEventListener("click",()=>{this.#view={kind:"thread",id:null},this.#render(),this.#textarea.focus()}),this.#body.replaceChildren(list,start)}async#openThread(id){if(this.#view={kind:"thread",id},this.#render(),!this.#threads.get(id)?.complete&&!this.#threads.get(id)?.messages.length)await this.#loadMessages(id).catch(()=>{return});this.#render(),this.#scrollToEnd(),this.#markRead()}#avatar(author){let avatar=el("span","avatar",author.initials||""),url=author.avatar_url,state=url?this.#avatars.get(url):!1;if(!url||state===!1)return avatar;let img=el("img");if(img.alt="",img.referrerPolicy="no-referrer",state)return img.src=url,avatar.replaceChildren(img),avatar;return img.addEventListener("load",()=>{if(this.#avatars.set(url,!0),avatar.isConnected)avatar.replaceChildren(img)}),img.addEventListener("error",()=>this.#avatars.set(url,!1)),img.src=url,avatar}#renderThread(){let view=this.#view;if(view?.kind!=="thread")return;let id=view.id,sameThread=this.#scrollThread===id,atEnd=this.#atEnd,thread=id?this.#threads.get(id):void 0,messages=thread?.messages??[],pending=this.#pending.filter((p)=>p.conversation===id),nodes=[],greeting=this.#inbox?.chat.greeting;if(!thread||thread.complete){if(greeting){let bubble=el("div","bubble greeting");bubble.append(richText(greeting)),nodes.push(bubble)}else if(messages.length===0&&pending.length===0){let center=el("div","center");center.append(el("p","empty",this.#t({id:"meAa31"})),el("p","hint",this.#t({id:"SdV5Cn"}))),nodes.push(center)}}else if(thread.loading)nodes.push(el("p","hint",this.#t({id:"Pwqkdw"})));messages.forEach((message,i)=>{let previous=messages[i-1],next=messages[i+1]??(pending.length>0?null:void 0),mine=message.author.type==="contact",starts=!previous||authorKey(previous)!==authorKey(message)||time(message.created_at)-time(previous.created_at)>groupGap,ends=next===void 0||(next===null?!mine:authorKey(next)!==authorKey(message)||time(next.created_at)-time(message.created_at)>groupGap);if(!mine&&starts&&message.author.name)nodes.push(el("div","author",message.author.name));let row=el("div",`row ${mine?"mine":"theirs"}${starts&&i>0?" group-gap":""}`);if(!mine){let avatar=this.#avatar(message.author);if(!ends)avatar.style.visibility="hidden";row.append(avatar)}let bubble=el("div","bubble");if(bubble.dir="auto",bubble.title=new Date(message.created_at).toLocaleString(this.#host.config().locale),message.body.trim())bubble.append(richText(message.body));if(message.attachments.length>0)bubble.append(this.#renderAttachments(message.attachments));if(row.append(bubble),nodes.push(row),ends){let meta=this.#formatTime(message.created_at);if(mine&&i===messages.length-1&&pending.length===0){let readAt=id?this.#conversations.get(id)?.last_read_by_member_at:void 0,seen=readAt&&time(readAt)>=time(message.created_at);meta+=` · ${seen?this.#t({id:"6lGaum"}):this.#t({id:"h69WC6"})}`}let line=el("div","meta",meta);if(!mine)line.style.alignSelf="flex-start";if(!mine)line.style.marginInlineStart="36px";nodes.push(line)}});let conversation=id?this.#conversations.get(id):void 0,rate=conversation?this.#renderRating(conversation):null;if(rate)nodes.push(rate);pending.forEach((item,i)=>{let row=el("div",`row mine${i===0&&messages.length>0&&messages[messages.length-1]?.author.type!=="contact"?" group-gap":""}`),bubble=el("div","bubble");if(bubble.dir="auto",item.body)bubble.append(richText(item.body));if(item.files.length>0){let files=el("div","files");for(let file of item.files)files.append(el("span","file",file.name||"image"));bubble.append(files)}if(row.append(bubble),nodes.push(row),item.state==="failed"){let line=el("div","meta failed",`${this.#t({id:"upFvcp"})} `),retry=el("button","link",this.#t({id:"6gRgw8"}));retry.type="button",retry.addEventListener("click",()=>void this.#deliver(item)),line.append(retry),nodes.push(line)}else if(item.state==="refused"){let reason=item.status===413?this.#t({id:"eOu9Px"}):this.#t({id:"JkW3Ph"});nodes.push(el("div","meta failed",`${this.#t({id:"upFvcp"})} ${reason}`))}else if(i===pending.length-1)nodes.push(el("div","meta",this.#t({id:"Sad2tK"})))});let typing=id?this.#typing.get(id):void 0;if(typing){let line=el("div","typing");line.append(el("i"),el("i"),el("i"));let name=typing.name;line.append(el("span","",name?this.#t({id:"tHaDPf",values:{name}}):this.#t({id:"PxYAul"}))),nodes.push(line)}let focused=this.#scroll.getRootNode().activeElement===this.#rateComment,{selectionStart,selectionEnd}=this.#rateComment;if(this.#scroll.replaceChildren(...nodes),focused&&this.#rateComment.isConnected)this.#rateComment.focus({preventScroll:!0}),this.#rateComment.setSelectionRange(selectionStart,selectionEnd);if(this.#renderEmail(),this.#body.firstChild!==this.#scroll)this.#body.replaceChildren(this.#scroll,this.#email,this.#composer);if(this.#scrollThread=id,!sameThread||atEnd)this.#scrollToEnd()}#renderRating(conversation){let rated=conversation.status==="closed"?conversation.rating:void 0,draft=conversation.can_rate&&this.#inbox?.ask_for_rating?this.#ratings.get(conversation.id):void 0;if(!rated&&!(conversation.can_rate&&this.#inbox?.ask_for_rating))return null;let card=this.#rateCard,key=[conversation.id,rated,draft?.choice,draft?.state,this.#host.config().locale].join(":");if(key===this.#rateKey)return card;if(this.#rateKey=key,this.#rateFor!==conversation.id)this.#rateFor=conversation.id,this.#rateComment.value="";let question=this.#t({id:"uA8iBc"});card.setAttribute("role","group"),card.setAttribute("aria-label",question);let choices=el("div","choices");for(let value of["good","bad"]){if(rated&&rated!==value)continue;let button=el("button","choice",value==="good"?"\uD83D\uDC4D":"\uD83D\uDC4E");button.type="button";let label=value==="good"?this.#t({id:"OEEQKT"}):this.#t({id:"-f5Tkb"});button.setAttribute("aria-label",label),button.title=label,button.setAttribute("aria-pressed",String((rated??draft?.choice)===value)),button.disabled=!!rated||draft?.state==="sending",button.addEventListener("click",()=>this.#choose(conversation.id,value)),choices.append(button)}if(rated)return card.replaceChildren(choices,el("p","",this.#t({id:"SOk0EB"}))),card;if(card.replaceChildren(el("p","",question),choices),!draft)return card;this.#rateComment.placeholder=this.#t({id:"axQ1h6"}),this.#rateComment.setAttribute("aria-label",this.#t({id:"NBdIgR"})),this.#rateComment.disabled=draft.state==="sending";let form=el("form");form.addEventListener("submit",(event)=>{event.preventDefault(),this.#submitRating(conversation.id,!0)});let skip=el("button","link",this.#t({id:"6Uau97"}));skip.type="button",skip.disabled=draft.state==="sending",skip.addEventListener("click",()=>void this.#submitRating(conversation.id,!1));let send=el("button","",draft.state==="sending"?this.#t({id:"Sad2tK"}):this.#t({id:"JlFcis"}));send.type="submit",send.disabled=draft.state==="sending";let actions=el("div","actions");if(actions.append(skip,send),form.append(this.#rateComment,actions),card.append(form),draft.state==="failed")card.append(el("p","error",this.#t({id:"4TqZiz"})));return card}#renderAttachments(attachments){let files=el("div","files");for(let attachment of attachments)if(isImage(attachment)){let img=el("img");img.alt=attachment.filename;let cached=this.#blobs.get(attachment.id);if(cached)img.src=cached;else this.#attachmentUrl(attachment).then((url)=>{img.src=url}).catch(()=>{return});img.addEventListener("load",()=>{if(this.#atEnd)this.#scroll.scrollTop=this.#scroll.scrollHeight}),img.addEventListener("click",()=>void this.#download(attachment)),files.append(img)}else{let button=el("button","file");button.type="button",button.innerHTML=icons.file,button.append(el("span","",attachment.filename)),button.addEventListener("click",()=>void this.#download(attachment)),files.append(button)}return files}#formatTime(value){return new Intl.DateTimeFormat(this.#host.config().locale,{timeStyle:"short"}).format(new Date(value))}#renderEmail(){let contact=this.#contact,chat=this.#inbox?.chat,sent=(this.#view?.kind==="thread"?this.#view.id:null)!==null||this.#pending.length>0,known=contact?.email||contact?.typed_email,show=!!chat?.ask_email_offline&&this.#nobodyAvailable()&&sent&&(!known||this.#emailSaved);if(this.#email.hidden=!show,!show)return;if(known&&this.#emailSaved){this.#email.replaceChildren(el("p","",this.#t({id:"iGNUZJ",values:{known}})));return}if(this.#email.querySelector("form")){let error=this.#email.querySelector(".error");if(error)error.textContent=this.#emailError;else if(this.#emailError)this.#email.append(el("p","error",this.#emailError));return}let form=el("form");form.noValidate=!0,form.addEventListener("submit",(event)=>{event.preventDefault(),this.#saveEmail()});let save=el("button","",this.#t({id:"tfDRzk"}));if(save.type="submit",form.append(this.#emailInput,save),this.#email.replaceChildren(el("p","",this.#t({id:"M62PBt"})),form),this.#emailError)this.#email.append(el("p","error",this.#emailError))}#renderChips(){this.#chips.hidden=this.#files.length===0,this.#chips.replaceChildren(...this.#files.map((file,index)=>{let chip=el("span","chip");return chip.append(el("span","",file.name||"image"),iconButton(icons.close,this.#t({id:"w61W3L",values:{0:file.name}}),()=>{this.#files=this.#files.filter((_,i)=>i!==index),this.#renderChips(),this.#syncSend()})),chip}))}}function mount(host){return new Chat(host)}export{mount};

package/dist/widget/yuva-docs-thread-8st0egsq.js

@@ -1,61 +0,0 @@
-var D=JSON.parse('{"2Hlmdt":["Write a reply…"],"3CApMv":["All discussions"],"3PqJQG":["Nothing to preview."],"4-S4QM":["Unmark as answer"],"5lWFkC":["Sign in"],"8wRl7c":["The opening post was deleted."],"99w-GZ":["Sign in to start a discussion. Your name is shown with your post."],"F_vGso":["Your reply"],"HkXOWm":["This reply was deleted."],"Hw3P48":["Replies: ",["0"]],"ImOQa9":["Reply"],"JfAIiv":["This discussion is locked. New replies are closed."],"Kl3TuI":["Get an e-mail when someone replies or an answer is accepted."],"Klsidc":["Delete this reply?"],"MHrjPM":["Title"],"MKEPCY":["Follow"],"NjUiZ4":["Ask a question, share an idea or describe a problem with this page."],"NrGspR":["Thanks! Your discussion will appear for everyone once the team approves it."],"OVijcR":["Remove your vote (",["0"]," votes)"],"PL0621":["Sign in to reply, vote and follow this discussion."],"PN38hZ":["Your question or idea"],"PZ_kxo":["Keep"],"Pwqkdw":["Loading…"],"RqsQKK":["Your first posts are checked by the team before they appear for everyone."],"Sad2tK":["Sending…"],"VGqKyv":["This discussion is no longer available."],"Vwy_nT":["Markdown is supported."],"YZayoP":["Thanks! Your reply will appear for everyone once the team approves it."],"cnGeoo":["Delete"],"dEgA5A":["Cancel"],"dNOvhg":["Upvote (",["0"]," votes)"],"ePK91l":["Edit"],"i4_LY_":["Write"],"jhu92n":["Mark as answer"],"k4b5_X":["edited"],"n5vqdp":["Start discussion"],"qzVesX":["Edit your post"],"rAl91-":["Delete this discussion?"],"rdUucN":["Preview"],"tfDRzk":["Save"],"y-KXxN":["Accepted answer"],"y6sq5j":["Following"],"z1qf6l":["Start a discussion"]}');var Q=JSON.parse('{"2Hlmdt":["Antwort schreiben…"],"3CApMv":["Alle Diskussionen"],"3PqJQG":["Noch nichts für die Vorschau."],"4-S4QM":["Antwortmarkierung entfernen"],"5lWFkC":["Anmelden"],"8wRl7c":["Der erste Beitrag wurde gelöscht."],"99w-GZ":["Melden Sie sich an, um eine Diskussion zu starten. Ihr Name wird mit Ihrem Beitrag angezeigt."],"F_vGso":["Ihre Antwort"],"HkXOWm":["Diese Antwort wurde gelöscht."],"Hw3P48":["Antworten: ",["0"]],"ImOQa9":["Antworten"],"JfAIiv":["Diese Diskussion ist gesperrt. Neue Antworten sind nicht möglich."],"Kl3TuI":["Erhalten Sie eine E-Mail, wenn jemand antwortet oder eine Antwort akzeptiert wird."],"Klsidc":["Diese Antwort löschen?"],"MHrjPM":["Titel"],"MKEPCY":["Folgen"],"NjUiZ4":["Stellen Sie eine Frage, teilen Sie eine Idee oder beschreiben Sie ein Problem mit dieser Seite."],"NrGspR":["Danke! Ihre Diskussion ist für alle sichtbar, sobald das Team sie freigibt."],"OVijcR":["Stimme zurückziehen (",["0"]," Stimmen)"],"PL0621":["Melden Sie sich an, um zu antworten, abzustimmen und dieser Diskussion zu folgen."],"PN38hZ":["Ihre Frage oder Idee"],"PZ_kxo":["Behalten"],"Pwqkdw":["Wird geladen…"],"RqsQKK":["Ihre ersten Beiträge prüft das Team, bevor sie für alle sichtbar sind."],"Sad2tK":["Wird gesendet…"],"VGqKyv":["Diese Diskussion ist nicht mehr verfügbar."],"Vwy_nT":["Markdown wird unterstützt."],"YZayoP":["Danke! Ihre Antwort ist für alle sichtbar, sobald das Team sie freigibt."],"cnGeoo":["Löschen"],"dEgA5A":["Abbrechen"],"dNOvhg":["Zustimmen (",["0"]," Stimmen)"],"ePK91l":["Bearbeiten"],"i4_LY_":["Schreiben"],"jhu92n":["Als Antwort markieren"],"k4b5_X":["bearbeitet"],"n5vqdp":["Diskussion starten"],"qzVesX":["Beitrag bearbeiten"],"rAl91-":["Diese Diskussion löschen?"],"rdUucN":["Vorschau"],"tfDRzk":["Speichern"],"y-KXxN":["Akzeptierte Antwort"],"y6sq5j":["Gefolgt"],"z1qf6l":["Diskussion starten"]}');var X=JSON.parse('{"2Hlmdt":["Bir yanıt yazın…"],"3CApMv":["Tüm tartışmalar"],"3PqJQG":["Önizlenecek bir şey yok."],"4-S4QM":["Yanıt işaretini kaldır"],"5lWFkC":["Giriş yap"],"8wRl7c":["Açılış gönderisi silindi."],"99w-GZ":["Tartışma başlatmak için giriş yapın. Adınız gönderinizle birlikte gösterilir."],"F_vGso":["Yanıtınız"],"HkXOWm":["Bu yanıt silindi."],"Hw3P48":["Yanıtlar: ",["0"]],"ImOQa9":["Yanıtla"],"JfAIiv":["Bu tartışma kilitli. Yeni yanıt yazılamaz."],"Kl3TuI":["Biri yanıt yazdığında ya da bir yanıt kabul edildiğinde e-posta alın."],"Klsidc":["Bu yanıt silinsin mi?"],"MHrjPM":["Başlık"],"MKEPCY":["Takip et"],"NjUiZ4":["Bir soru sorun, bir fikir paylaşın ya da bu sayfadaki bir sorunu anlatın."],"NrGspR":["Teşekkürler! Tartışmanız ekip onayladığında herkese görünecek."],"OVijcR":["Oyunuzu geri alın (",["0"]," oy)"],"PL0621":["Bu tartışmada yanıt yazmak, oy vermek ve takip etmek için giriş yapın."],"PN38hZ":["Sorunuz ya da fikriniz"],"PZ_kxo":["Kalsın"],"Pwqkdw":["Yükleniyor…"],"RqsQKK":["İlk gönderileriniz herkese görünmeden önce ekip tarafından kontrol edilir."],"Sad2tK":["Gönderiliyor…"],"VGqKyv":["Bu tartışma artık mevcut değil."],"Vwy_nT":["Markdown desteklenir."],"YZayoP":["Teşekkürler! Yanıtınız ekip onayladığında herkese görünecek."],"cnGeoo":["Sil"],"dEgA5A":["Vazgeç"],"dNOvhg":["Oy ver (",["0"]," oy)"],"ePK91l":["Düzenle"],"i4_LY_":["Yaz"],"jhu92n":["Yanıt olarak işaretle"],"k4b5_X":["düzenlendi"],"n5vqdp":["Tartışmayı başlat"],"qzVesX":["Gönderinizi düzenleyin"],"rAl91-":["Bu tartışma silinsin mi?"],"rdUucN":["Önizleme"],"tfDRzk":["Kaydet"],"y-KXxN":["Kabul edilen yanıt"],"y6sq5j":["Takip ediliyor"],"z1qf6l":["Tartışma başlat"]}');function W(n,t,i){let f=n[t.id]??i[t.id],m=t.values??{};if(typeof f==="string")return f;if(Array.isArray(f))return f.map((p)=>typeof p==="string"?p:Array.isArray(p)?String(m[p[0]]??""):"").join("");return t.message??t.id}function o(n,t,i){let f=document.createElement(n);if(t)f.className=t;if(i!==void 0)f.textContent=i;return f}var ae=/(`[^`\n]+`)|(\*\*[^*\n]+\*\*)|(\*[^*\s][^*\n]*\*|_[^_\s][^_\n]*_)|((?:https?:\/\/|www\.)[^\s<>"]*[^\s<>".,:;'!?)\]])/g;function re(n,t){let i=document.createElement("a");return i.href=n,i.textContent=t,i.target="_blank",i.rel="noopener noreferrer nofollow ugc",i}function L(n,t){let i=document.createElement(n);return i.append(...t),i}function K(n){let t=[],i=0;for(let f of n.matchAll(ae)){let m=f.index??0;if(m>i)t.push(document.createTextNode(n.slice(i,m)));let[p,g,u,y,h]=f;if(g)t.push(L("code",[document.createTextNode(g.slice(1,-1))]));else if(u)t.push(L("strong",K(u.slice(2,-2))));else if(y)t.push(L("em",K(y.slice(1,-1))));else if(h){let A=h.startsWith("www.")?`https://${h}`:h;try{let _=new URL(A);t.push(_.protocol==="http:"||_.protocol==="https:"?re(_.href,h):document.createTextNode(h))}catch{t.push(document.createTextNode(h))}}i=m+p.length}if(i<n.length)t.push(document.createTextNode(n.slice(i)));return t}var se=/\[([^\]\n]+)\]\(([^)\s]+)\)/g;function U(n){let t=[],i=0;for(let f of n.matchAll(se)){let m=f.index??0;if(m>i)t.push(...K(n.slice(i,m)));let[p,g="",u=""]=f,y=null;try{y=new URL(u)}catch{}if(y&&(y.protocol==="http:"||y.protocol==="https:")){let h=document.createElement("a");h.href=y.href,h.target="_blank",h.rel="nofollow ugc noopener",h.append(...K(g)),t.push(h)}else t.push(document.createTextNode(p));i=m+p.length}if(i<n.length)t.push(...K(n.slice(i)));return t}function j(n,t){let i=document.createElement(n);return i.append(...U(t.join(" "))),i}function G(n){let t=document.createDocumentFragment(),i=n.replace(/\r\n?/g,`
-`).split(`
-`),f=[],m=null,p=[],g=()=>{if(f.length)t.append(j("p",f));if(p.length){let u=document.createElement("blockquote");u.append(G(p.join(`
-`))),t.append(u)}f=[],p=[],m=null};for(let u=0;u<i.length;u++){let y=i[u]??"",h=/^\s*(```|~~~)/.exec(y);if(h){g();let M=[];while(++u<i.length&&!(i[u]??"").trimStart().startsWith(h[1]??"```"))M.push(i[u]??"");let q=document.createElement("pre");q.append(Object.assign(document.createElement("code"),{textContent:M.join(`
-`)})),t.append(q);continue}if(/^\s*$/.test(y)){g();continue}let A=/^\s*>\s?(.*)$/.exec(y);if(A){if(f.length||m)g();p.push(A[1]??"");continue}let _=/^\s*(#{1,6})\s+(.*)$/.exec(y);if(_){g(),t.append(j(`h${Math.min(6,(_[1]?.length??1)+2)}`,[_[2]??""]));continue}let S=/^\s*(?:([-*+])|(\d+)[.)])\s+(.*)$/.exec(y);if(S){let M=S[1]?"ul":"ol";if(f.length||p.length||m&&m.tagName.toLowerCase()!==M)g();if(!m)m=document.createElement(M),t.append(m);m.append(j("li",[S[3]??""]));continue}if(p.length)g();if(m&&/^\s{2,}/.test(y)){m.lastElementChild?.append(" ",...U(y.trim()));continue}m=null,f.push(y.trim())}return g(),t}var de=1800000,oe={en:D,tr:X,de:Q},R=(n)=>`<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">${n}</svg>`,J=R('<circle cx="12" cy="12" r="9"/><path d="M8 12l3 3 5-6"/>'),le=R('<path d="M19 12H5M12 19l-7-7 7-7"/>'),ce=R('<path d="M18 8a6 6 0 10-12 0c0 7-3 9-3 9h18s-3-2-3-9M13.7 21a2 2 0 01-3.4 0"/>'),Me=`
-.thread { display: flex; flex-direction: column; gap: 12px; }
-.thread-head { display: flex; flex-direction: column; gap: 8px; }
-.post { display: flex; gap: 12px; padding: 14px; border: 1px solid var(--yuva-border); border-radius: 12px; }
-.post.accepted { border-color: var(--yuva-success); box-shadow: inset 0 0 0 1px var(--yuva-success); }
-.post.pending { border-style: dashed; }
-.side { display: flex; flex-direction: column; align-items: center; gap: 6px; }
-.vote {
-  display: inline-flex; flex-direction: column; align-items: center; gap: 0; min-inline-size: 40px; padding: 4px 6px;
-  border: 1px solid var(--yuva-border); border-radius: 8px; background: none; cursor: pointer; font-size: 0.85em; font-weight: 600;
-}
-.vote:hover:not(:disabled) { border-color: var(--yuva-accent); }
-.vote[aria-pressed="true"] { border-color: var(--yuva-accent); color: var(--yuva-accent); background: var(--yuva-soft); }
-.post-body { flex: 1; min-inline-size: 0; display: flex; flex-direction: column; gap: 8px; }
-.post-head { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; font-size: 0.88em; }
-.name { font-weight: 600; }
-.answer-label { display: flex; align-items: center; gap: 6px; color: var(--yuva-success); font-weight: 600; font-size: 0.85em; }
-.tools { display: flex; flex-wrap: wrap; gap: 4px 8px; align-items: center; }
-.children { display: flex; flex-direction: column; gap: 10px; margin-block-start: 4px; padding-inline-start: 14px; border-inline-start: 2px solid var(--yuva-border); }
-.children .post { padding: 10px 0; border: 0; box-shadow: none; }
-.children .post + .post { border-block-start: 1px solid var(--yuva-border); border-radius: 0; }
-.deleted { font-style: italic; opacity: 0.65; }
-.signin { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; padding: 14px; border: 1px solid var(--yuva-border); border-radius: 12px; }
-.composer { display: flex; flex-direction: column; border: 1px solid var(--yuva-border); border-radius: 12px; overflow: hidden; }
-.composer:focus-within { border-color: var(--yuva-accent); }
-.composer .ctabs { display: flex; gap: 4px; padding: 0 8px; border-block-end: 1px solid var(--yuva-border); }
-.composer .ctab { padding: 7px 10px; border: 0; border-block-end: 2px solid transparent; background: none; cursor: pointer; font-size: 0.88em; opacity: 0.75; margin-block-end: -1px; }
-.composer .ctab[aria-selected="true"] { border-block-end-color: var(--yuva-accent); font-weight: 600; opacity: 1; }
-.composer .ctab:focus-visible { outline: 2px solid var(--yuva-accent); outline-offset: -2px; }
-.composer textarea, .composer .preview { border: 0; border-radius: 0; min-block-size: 110px; padding: 10px 12px; }
-.composer textarea:focus-visible { outline: none; }
-.composer .preview { overflow-wrap: anywhere; }
-.composer .foot { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; justify-content: space-between; padding: 8px 10px; border-block-start: 1px solid var(--yuva-border); }
-.composer .hint { font-size: 0.8em; opacity: 0.7; }
-.composer .buttons { display: flex; gap: 8px; margin-inline-start: auto; }
-.field-title { font-size: 1.05em; font-weight: 600; }
-.form { display: flex; flex-direction: column; gap: 10px; }
-.md { overflow-wrap: anywhere; }
-.md > :first-child { margin-block-start: 0; }
-.md > :last-child { margin-block-end: 0; }
-.md p, .md ul, .md ol, .md pre, .md blockquote, .md table { margin: 0 0 0.75em; }
-.md h1, .md h2, .md h3, .md h4, .md h5, .md h6 { margin: 0.9em 0 0.4em; font-size: 1em; font-weight: 600; }
-.md h1, .md h3 { font-size: 1.1em; }
-.md ul, .md ol { padding-inline-start: 1.5em; }
-.md a { color: var(--yuva-accent); }
-.md code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.88em; padding: 1px 5px; border-radius: 5px; background: var(--yuva-soft); }
-.md pre { padding: 10px 12px; border-radius: 8px; background: var(--yuva-soft); overflow-x: auto; }
-.md pre code { padding: 0; background: none; }
-.md blockquote { padding-inline-start: 12px; border-inline-start: 3px solid var(--yuva-border); opacity: 0.85; }
-.md table { border-collapse: collapse; display: block; overflow-x: auto; }
-.md th, .md td { border: 1px solid var(--yuva-border); padding: 4px 8px; }
-.md img { max-inline-size: 100%; }
-.md hr { border: 0; border-block-start: 1px solid var(--yuva-border); }
-@media (max-width: 560px) {
-  .post { padding: 12px; gap: 10px; }
-}
-`;class N{area=o("textarea");previewing=!1;constructor(n){this.area.rows=n,this.area.maxLength=20000,this.area.dir="auto"}get value(){return this.area.value.trim()}clear(){this.area.value="",this.previewing=!1}}function ze(n){let t=n.s,i=(e)=>W(oe[n.locale()]??D,e,D),f=new N(4),m=new N(6),p=o("input"),g=null,u=null;p.maxLength=200,p.dir="auto",p.className="field-title";for(let e of[f.area,m.area])e.addEventListener("input",()=>y());p.addEventListener("input",()=>y());function y(){for(let e of n.root.querySelectorAll("[data-requires]")){let a=e.dataset.requires,r=t.busy.has(e.dataset.busy??""),s=a==="start"?p.value.trim().length>=3&&m.value!=="":a==="reply"?f.value!=="":a==="inline"?!!g?.composer.value:a==="edit"?!!u?.composer.value&&(!!u.post||u.title.value.trim().length>=3):!0;e.disabled=r||!s}}async function h(){let e=p.value.trim(),a=m.value;if(e.length<3||!a)return;let r=n.page(),s=await n.act("start",()=>n.client().startDiscussion({page_url:r,page_title:n.pageTitle()||void 0,title:e,body:a}));if(!s)return;if(n.forget(),n.emit("yuva-discussion",{page:r,discussion_id:s.id,state:s.state}),n.page()!==r)return;p.value="",m.clear(),t.items=[s,...t.items.filter((c)=>c.id!==s.id)],t.notice=s.state==="pending"?i({id:"NrGspR"}):"",t.thread={discussion:s,posts:[]},await n.open(s.id,!0)}async function A(e,a){let r=t.thread,s=e.value;if(!r||!s)return;let c=n.page(),l=r.discussion.id,v=await n.act(a?`reply-${a}`:"reply",()=>n.client().replyToDiscussion(l,{body:s,parent_post_id:a}));if(!v)return;if(n.forget(),n.emit("yuva-post",{page:c,discussion_id:l,post_id:v.id,state:v.state}),e.clear(),a)g=null;if(t.notice=v.state==="pending"?i({id:"YZayoP"}):"",t.thread?.discussion.id===l)t.thread={...t.thread,posts:[...t.thread.posts,v]},t.focus=`post-${v.id}`,n.render(),n.open(l,!1)}async function _(e,a){if(!t.writer)return void n.signIn();let r=await n.act(`vote-${e.id}`,()=>n.client().voteDiscussionPost(e.id,!e.voted));if(!r||!t.thread)return;if(n.forget(),a){let s={...t.thread.discussion,votes:r.votes,voted:r.voted};t.thread={...t.thread,discussion:s},t.items=t.items.map((c)=>c.id===s.id?s:c)}else t.thread={...t.thread,posts:t.thread.posts.map((s)=>s.id===r.id?{...s,...r}:s)}}async function S(){let e=t.thread;if(!e)return;if(!t.writer)return void n.signIn();let a=!e.discussion.following;if(await n.act("follow",()=>n.client().followDiscussion(e.discussion.id,a).then(()=>!0))&&t.thread?.discussion.id===e.discussion.id)t.thread={...t.thread,discussion:{...t.thread.discussion,following:a}}}async function M(e){let a=t.thread;if(!a)return;let r=await n.act(`accept-${e?.id??"clear"}`,()=>n.client().acceptDiscussionAnswer(a.discussion.id,e?.id??null));if(!r)return;n.forget(),t.focus=e?`post-${e.id}`:"thread-title",await n.open(r.id,!1)}async function q(){let e=u,a=t.thread;if(!e||!a)return;let r=e.composer.value,s=!e.post,c=e.title.value.trim();if(!r||s&&c.length<3)return;let l=e.post?.id??a.discussion.opening_post_id;if(!await n.act(`edit-${l}`,()=>n.client().editDiscussionPost(l,s?{body:r,title:c}:{body:r})))return;n.forget(),u=null,t.focus=s?"thread-title":`post-${l}`,await n.open(a.discussion.id,!1)}async function ee(e,a){let r=t.thread;if(!r)return;let s=await n.act(`delete-${e}`,()=>n.client().deleteDiscussionPost(e).then(()=>!0));if(t.confirm="",!s)return;if(n.forget(),a)try{await n.client().getDiscussion(r.discussion.id)}catch{return t.items=t.items.filter((c)=>c.id!==r.discussion.id),t.thread=null,n.toList()}await n.open(r.discussion.id,!1)}function C(e){let a=o("div","md");a.dir="auto",a.innerHTML=e;for(let r of a.querySelectorAll("a[href]"))r.setAttribute("target","_blank");return a}function P(e,a){let r=o("div","composer"),s=o("div","ctabs");s.setAttribute("role","tablist"),s.setAttribute("aria-label",a.label);let c=`p-${a.focusKey}`,l=n.button("ctab",i({id:"i4_LY_"}),`${a.focusKey}-write`,()=>{e.previewing=!1,t.focus=a.focusKey,n.render()}),v=n.button("ctab",i({id:"rdUucN"}),`${a.focusKey}-preview`,()=>{e.previewing=!0,n.render()});for(let[d,k]of[[l,!e.previewing],[v,e.previewing]])d.setAttribute("role","tab"),d.setAttribute("aria-selected",String(k)),d.setAttribute("aria-controls",c),d.tabIndex=k?0:-1,d.addEventListener("keydown",(z)=>{if(z.key!=="ArrowLeft"&&z.key!=="ArrowRight")return;z.preventDefault(),e.previewing=!e.previewing,t.focus=`${a.focusKey}-${e.previewing?"preview":"write"}`,n.render()});if(s.append(l,v),r.append(s),e.previewing){let d=o("div","preview md");if(d.dir="auto",d.id=c,d.setAttribute("role","tabpanel"),d.setAttribute("aria-label",i({id:"rdUucN"})),e.value)d.append(G(e.area.value));else d.append(o("p","muted",i({id:"3PqJQG"})));r.append(d)}else e.area.id=c,e.area.placeholder=a.placeholder,e.area.setAttribute("aria-label",a.label),e.area.dataset.key=a.focusKey,e.area.disabled=t.busy.has(a.busy),e.area.onkeydown=(d)=>{if(d.key==="Enter"&&(d.metaKey||d.ctrlKey))d.preventDefault(),a.onSubmit();else if(d.key==="Escape"&&a.onCancel)a.onCancel()},r.append(e.area);let x=o("div","foot");x.append(o("span","hint",i({id:"Vwy_nT"})));let w=o("div","buttons");if(a.onCancel)w.append(n.button("ghost",i({id:"dEgA5A"}),`${a.focusKey}-cancel`,a.onCancel));let b=n.button("send",t.busy.has(a.busy)?i({id:"Sad2tK"}):a.submit,`${a.focusKey}-submit`,a.onSubmit);return b.dataset.requires=a.requires,b.dataset.busy=a.busy,w.append(b),x.append(w),r.append(x),r}function H(e){let a=o("div","signin");return a.append(o("p","",e)),a.append(n.button("send",i({id:"5lWFkC"}),"sign-in-box",()=>void n.signIn())),a}function E(){let e=n.button("plain",i({id:"3CApMv"}),"back",()=>n.toList(),le);e.style.alignSelf="flex-start",e.style.display="inline-flex",e.style.gap="6px",e.style.alignItems="center";let a=e.querySelector("svg");if(a&&n.direction()==="rtl")a.style.transform="scaleX(-1)";return e}function te(){let e=o("div","form");if(e.append(o("h3","",i({id:"z1qf6l"}))),!t.writer)return e.append(H(i({id:"99w-GZ"}))),[E(),e];if(p.placeholder=i({id:"MHrjPM"}),p.setAttribute("aria-label",i({id:"MHrjPM"})),p.dataset.key="new-title",p.disabled=t.busy.has("start"),e.append(p),e.append(P(m,{label:i({id:"PN38hZ"}),placeholder:i({id:"NjUiZ4"}),submit:i({id:"n5vqdp"}),busy:"start",requires:"start",focusKey:"new-body",onSubmit:()=>void h(),onCancel:()=>n.toList()})),n.mode()==="moderated"&&t.reader)e.append(o("p","muted",i({id:"RqsQKK"})));return[E(),e]}function ne(e){return!!e.mine&&!t.thread?.discussion.locked&&Date.now()-Date.parse(e.created_at)<de}function Y(e,a){let r=t.thread;if(!r)return null;let s=r.discussion,c=!e,l=e?.id??s.opening_post_id,v=c?!!s.mine:!!e.mine,x=c?!!s.deleted:e.deleted,w=o("div","tools");if(x)return null;if(!c&&a&&!s.locked&&t.writer&&e.state==="published")w.append(n.button("plain",i({id:"ImOQa9"}),`reply-to-${e.id}`,()=>{g=g?.target===a.id?g:{target:a.id,composer:new N(3)},g.composer.area.oninput=()=>y(),t.focus=`inline-${a.id}`,n.render()}));if(!c&&s.mine&&!e.parent_post_id&&e.state==="published"&&!s.locked){let b=s.answer_post_id===e.id,d=n.button("plain",b?i({id:"4-S4QM"}):i({id:"jhu92n"}),`accept-${e.id}`,()=>void M(b?null:e),b?"":J);d.style.display="inline-flex",d.style.gap="4px",d.style.alignItems="center",d.disabled=t.busy.has(`accept-${e.id}`)||t.busy.has("accept-clear"),w.append(d)}if(v&&ne(c?s:e))w.append(n.button("plain",i({id:"ePK91l"}),`edit-${l}`,()=>{let b=new N(c?6:4);b.area.value=c?s.body:e.body,b.area.oninput=()=>y();let d=o("input");d.className="field-title",d.maxLength=200,d.dir="auto",d.value=s.title,d.oninput=()=>y(),u={post:e,composer:b,title:d},t.focus=c?"edit-title":`edit-body-${l}`,n.render()}));if(v)if(t.confirm===l){let b=n.button("plain danger",i({id:"cnGeoo"}),`delete-yes-${l}`,()=>void ee(l,c));b.disabled=t.busy.has(`delete-${l}`),w.append(o("span","muted",c?i({id:"rAl91-"}):i({id:"Klsidc"})),b,n.button("plain",i({id:"PZ_kxo"}),`delete-no-${l}`,()=>{t.confirm="",t.focus=`delete-${l}`,n.render()}))}else w.append(n.button("plain",i({id:"cnGeoo"}),`delete-${l}`,()=>{t.confirm=l,t.focus=`delete-no-${l}`,n.render()}));return w.childElementCount?w:null}function O(e,a){let r=n.button("vote",String(e.votes),`vote-${e.id}`,()=>void _(e,a),n.icons.up);return r.setAttribute("aria-pressed",String(!!e.voted)),r.setAttribute("aria-label",e.voted?i({id:"OVijcR",values:{0:e.votes}}):i({id:"dNOvhg",values:{0:e.votes}})),r.disabled=!!e.mine||!!t.thread?.discussion.locked||t.busy.has(`vote-${e.id}`),r}function B(e,a,r=[]){let c=t.thread.discussion.answer_post_id===e.id,l=o("article",`post${c?" accepted":""}${e.state==="pending"?" pending":""}`);l.dataset.key=`post-${e.id}`,l.tabIndex=-1,l.setAttribute("aria-label",n.authorName(e.author));let v=o("div","side");if(!e.deleted)v.append(O(e,!1));if(!a||a.id===e.id)l.append(v);let x=o("div","post-body");if(c){let b=o("div","answer-label");b.innerHTML=J,b.append(i({id:"y-KXxN"})),x.append(b)}if(x.append(I(e.author,e.created_at,e.edited_at,e.state,e.deleted)),u?.post?.id===e.id)x.append(V());else if(e.deleted)x.append(o("p","deleted",i({id:"HkXOWm"})));else x.append(C(e.body_html));let w=Y(e,a);if(w)x.append(w);if(r.length||g?.target===e.id){let b=o("div","children");for(let d of r)b.append(B(d,e));if(g?.target===e.id){let d=g;b.append(P(d.composer,{label:i({id:"F_vGso"}),placeholder:i({id:"2Hlmdt"}),submit:i({id:"ImOQa9"}),busy:`reply-${e.id}`,requires:"inline",focusKey:`inline-${e.id}`,onSubmit:()=>void A(d.composer,e.id),onCancel:()=>{g=null,t.focus=`reply-to-${e.id}`,n.render()}}))}x.append(b)}return l.append(x),l}function I(e,a,r,s,c){let l=o("div","post-head");if(!c){if(l.append(n.avatar(e,!0),o("span","name",n.authorName(e))),e.kind==="member"&&!e.deleted)l.append(n.badge("team"))}if(l.append(n.time(a)),r&&!c)l.append(o("span","muted",i({id:"k4b5_X"})));if(s==="pending")l.append(n.badge("pending"));return l}function V(){let e=u,a=o("div","form");if(!e.post)e.title.setAttribute("aria-label",i({id:"MHrjPM"})),e.title.dataset.key="edit-title",a.append(e.title);let r=e.post?.id??t.thread.discussion.opening_post_id;return a.append(P(e.composer,{label:i({id:"qzVesX"}),placeholder:"",submit:i({id:"tfDRzk"}),busy:`edit-${r}`,requires:"edit",focusKey:`edit-body-${r}`,onSubmit:()=>void q(),onCancel:()=>{u=null,t.focus=`edit-${r}`,n.render()}})),a}function ie(){let e=[E()],a=t.thread;if(!a||t.threadState==="missing"){let d=o("div","empty");return d.append(o("p","",t.threadState==="loading"?i({id:"Pwqkdw"}):i({id:"VGqKyv"}))),e.push(d),e}let r=a.discussion,s=o("div","thread"),c=o("div","thread-head");if(u&&!u.post)c.append(I(r.author,r.created_at,r.edited_at,r.state,!1)),c.append(V()),s.append(c);else{let d=o("h3","",r.title);d.dir="auto",d.tabIndex=-1,d.dataset.key="thread-title",c.append(d);let k=o("div","meta");if(r.answer_post_id)k.append(n.badge("answered"));if(r.state==="pending")k.append(n.badge("pending"));if(r.locked)k.append(n.badge("locked"));if(k.childElementCount)c.append(k);s.append(c);let z=o("article",`post${r.state==="pending"?" pending":""}`),Z=o("div","side");if(!r.deleted)Z.append(O({id:r.opening_post_id,votes:r.votes,voted:r.voted,mine:r.mine},!0));let T=o("div","post-body");T.append(I(r.author,r.created_at,r.edited_at,r.state,!!r.deleted)),T.append(r.deleted?o("p","deleted",i({id:"8wRl7c"})):C(r.body_html));let F=Y(null,null);if(F)T.append(F);z.append(Z,T),s.append(z)}let l=o("div","bar"),v=n.button("ghost",r.following?i({id:"y6sq5j"}):i({id:"MKEPCY"}),"follow",()=>void S(),ce);v.setAttribute("aria-pressed",String(!!r.following)),v.title=i({id:"Kl3TuI"}),v.disabled=t.busy.has("follow");let x=o("span","muted",i({id:"Hw3P48",values:{0:r.reply_count}}));if(l.append(x,v),s.append(l),t.threadState==="loading"&&!a.posts.length&&r.reply_count>0){let d=o("div","skeleton");d.setAttribute("aria-busy","true"),d.setAttribute("aria-label",i({id:"Pwqkdw"})),s.append(d)}let w=a.posts.filter((d)=>!d.parent_post_id),b=o("div","thread");for(let d of w)b.append(B(d,d,a.posts.filter((k)=>k.parent_post_id===d.id)));if(w.length)s.append(b);if(t.notice)s.append(n.noticeBox(t.notice));if(r.locked)s.append(n.noticeBox(i({id:"JfAIiv"}),n.icons.lock));else if(!t.writer)s.append(H(i({id:"PL0621"})));else s.append(P(f,{label:i({id:"F_vGso"}),placeholder:i({id:"2Hlmdt"}),submit:i({id:"ImOQa9"}),busy:"reply",requires:"reply",focusKey:"reply",onSubmit:()=>void A(f)}));return e.push(s),e}return{threadView:ie,newView:te,syncSend:y,close(){g=null,u=null},reset(){g=null,u=null,f.clear()}}}export{ze as createThread,Me as styles};