@sphoro/bugcatch-web-sdk 0.15.0 → 0.17.0
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.
- package/README.md +24 -2
- package/dist/bugcatch.es.js +1987 -1675
- package/dist/bugcatch.es.js.map +1 -1
- package/dist/bugcatch.umd.js +176 -112
- package/dist/bugcatch.umd.js.map +1 -1
- package/package.json +1 -1
- package/src/agent-issues.js +30 -0
- package/src/identity.js +1 -1
- package/src/index.js +115 -10
- package/src/references.js +155 -3
- package/src/updates.js +36 -6
- package/src/widget.js +297 -49
package/dist/bugcatch.umd.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
(function(Y,se){typeof exports=="object"&&typeof module<"u"?module.exports=se():typeof define=="function"&&define.amd?define(se):(Y=typeof globalThis<"u"?globalThis:Y||self,Y.BugCatch=se())})(this,function(){"use strict";var oo=Y=>{throw TypeError(Y)};var hr=(Y,se,Ee)=>se.has(Y)||oo("Cannot "+Ee);var ao=(Y,se,Ee)=>se.has(Y)?oo("Cannot add the same private member more than once"):se instanceof WeakSet?se.add(Y):se.set(Y,Ee);var H=(Y,se,Ee)=>(hr(Y,se,"access private method"),Ee);var E,vt,Te,ro,Yt,xt,kt,io,so,co,St,lo;const Y="[REDACTED]",se=new Set(["auth","bearer","session","sid","phpsessid","otp","pass","passwd","pwd","sig","codeverifier"]),Ee=["token","secret","password","passwd","apikey","signature","credential","sessionid","privatekey","accesskey","authorization"],uo=new Set(["key","code","state","nonce","salt","hash"]),Xt=[/eyJ[\w-]{8,}\.[\w-]{8,}\.[\w-]+/g,/(?:AKIA|ASIA|AROA|AIDA|AGPA|ANPA|ANVA|APKA)[0-9A-Z]{16}/g,/AIza[\w-]{35}/g,/gh[pousr]_[A-Za-z0-9]{36,}/g,/github_pat_\w{22,}/g,/[sprk]k_(?:live|test)_[0-9A-Za-z]{10,}/g,/xox[abposr]-[A-Za-z0-9-]{10,}/g,/sk-ant-[\w-]{20,}/g,/sk-[\w-]{20,}/g,/glpat-[\w-]{20,}/g,/shp(?:at|ss|ca|pa)_[A-Za-z0-9]{32}/g],po=/\bBearer\s+[\w.~+/=-]{8,}/gi,ho=/^([A-Za-z][A-Za-z0-9+.-]*:\/\/)([^/?#@]+)@/;function Jt(t){try{return decodeURIComponent(t.replace(/\+/g," "))}catch{return t}}function fo(t){return Jt(t).toLowerCase().replace(/[^a-z0-9]/g,"")}function go(t){return t.length>=20?!0:Xt.some(e=>(e.lastIndex=0,e.test(t)))}function bo(t,e){const n=fo(t);if(!n)return!1;if(se.has(n))return!0;for(const o of Ee)if(n.includes(o))return!0;return uo.has(n)?go(Jt(e)):!1}function $t(t){return t.split("&").map(e=>{const n=e.indexOf("=");if(n===-1)return e;const o=e.slice(0,n),i=e.slice(n+1);return i&&bo(o,i)?`${o}=${Y}`:e}).join("&")}function Zt(t){let e=t;for(const n of Xt)n.lastIndex=0,e=e.replace(n,Y);return e}function Gt(t){if(t==null)return t;let e=String(t);if(!e)return e;e=e.replace(ho,`$1${Y}@`);const n=e.indexOf("#");let o=n===-1?e:e.slice(0,n),i=n===-1?"":e.slice(n);const a=o.indexOf("?");if(a!==-1&&(o=o.slice(0,a+1)+$t(o.slice(a+1))),i.length>1){const s=i.slice(1),l=s.indexOf("?");l!==-1?i=`#${s.slice(0,l+1)}${$t(s.slice(l+1))}`:s.includes("=")&&(i=`#${$t(s)}`)}return Zt(o+i)}function mo(t){if(t==null)return t;let e=String(t);return e&&(e=e.replace(/[A-Za-z][A-Za-z0-9+.-]{0,30}:\/\/[^\s"'<>)\]]+/g,n=>Gt(n)),e=e.replace(po,`Bearer ${Y}`),Zt(e))}function et(t){const e=[];return{push(n){e.push(n),e.length>t&&e.splice(0,e.length-t)},all:()=>e.slice(),clear:()=>{e.length=0},get size(){return e.length}}}const en=["log","info","warn","error","debug"];function yo(t,{levels:e=["warn","error","log","info"]}={}){const n={};for(const o of en)n[o]=console[o],e.includes(o)&&(console[o]=(...i)=>{try{t.push({level:o,text:i.map(on).join(" ").slice(0,2e3),at:new Date().toISOString()})}catch{}n[o].apply(console,i)});return()=>{for(const o of en)console[o]=n[o]}}function wo(t,{slowMs:e=2e3}={}){const n=window.fetch,o=XMLHttpRequest.prototype.open,i=XMLHttpRequest.prototype.send;return n&&(window.fetch=async function(...s){var b,f,m;const l=performance.now(),p=typeof s[0]=="string"?s[0]:(b=s[0])==null?void 0:b.url,h=((f=s[1])==null?void 0:f.method)||(typeof s[0]=="object"?(m=s[0])==null?void 0:m.method:"GET")||"GET";try{const g=await n.apply(this,s);return Ct(t,{url:p,method:h,status:g.status,ms:Math.round(performance.now()-l),slowMs:e}),g}catch(g){throw Ct(t,{url:p,method:h,status:0,error:String((g==null?void 0:g.message)||g),ms:Math.round(performance.now()-l),slowMs:e}),g}}),XMLHttpRequest.prototype.open=function(s,l,...p){return this.__bc={method:s,url:l,started:0},o.call(this,s,l,...p)},XMLHttpRequest.prototype.send=function(...s){return this.__bc&&(this.__bc.started=performance.now(),this.addEventListener("loadend",()=>{Ct(t,{url:this.__bc.url,method:this.__bc.method,status:this.status,ms:Math.round(performance.now()-this.__bc.started),slowMs:e})})),i.apply(this,s)},()=>{n&&(window.fetch=n),XMLHttpRequest.prototype.open=o,XMLHttpRequest.prototype.send=i}}function Ct(t,{url:e,method:n,status:o,ms:i,error:a,slowMs:s}){try{t.push({url:Gt(String(e)).slice(0,500),method:n,status:o,ms:i,error:a===void 0?void 0:mo(a),failed:o===0||o>=400,slow:i>=s,at:new Date().toISOString()})}catch{}}function vo(t){const e=o=>{const i=String(o.message||"Error"),a=o.filename?` (${o.filename}:${o.lineno}:${o.colno})`:"";t.push({level:"error",text:(/^uncaught/i.test(i)?i:`Uncaught ${i}`)+a,at:new Date().toISOString()})},n=o=>{t.push({level:"error",text:`Unhandled rejection: ${on(o.reason)}`,at:new Date().toISOString()})};return window.addEventListener("error",e),window.addEventListener("unhandledrejection",n),()=>{window.removeEventListener("error",e),window.removeEventListener("unhandledrejection",n)}}async function tn(){const t=nn();try{if(navigator.getBattery){const e=await navigator.getBattery();t.battery=Math.round(e.level*100),t.charging=e.charging}}catch{}return t}function nn(){var e,n,o,i,a,s,l,p,h;const t=window.navigator||{};return{userAgent:t.userAgent,platform:t.platform,language:t.language,languages:t.languages?[...t.languages]:null,online:t.onLine,cookieEnabled:t.cookieEnabled,maxTouchPoints:t.maxTouchPoints??null,viewport:{width:window.innerWidth,height:window.innerHeight},screen:{width:(e=window.screen)==null?void 0:e.width,height:(n=window.screen)==null?void 0:n.height,availWidth:(o=window.screen)==null?void 0:o.availWidth,availHeight:(i=window.screen)==null?void 0:i.availHeight,colorDepth:(a=window.screen)==null?void 0:a.colorDepth,orientation:((l=(s=window.screen)==null?void 0:s.orientation)==null?void 0:l.type)||null},devicePixelRatio:window.devicePixelRatio,referrer:document.referrer||null,title:document.title,capturedAt:new Date().toISOString(),timezone:Intl.DateTimeFormat().resolvedOptions().timeZone,timezoneOffsetMinutes:new Date().getTimezoneOffset(),browserMode:t.webdriver?"Automated":"Normal",doNotTrack:t.doNotTrack||null,hardwareConcurrency:t.hardwareConcurrency??null,deviceMemory:t.deviceMemory??null,connection:t.connection?{effectiveType:t.connection.effectiveType,downlink:t.connection.downlink,rtt:t.connection.rtt,saveData:t.connection.saveData}:null,prefersColorScheme:(p=window.matchMedia)!=null&&p.call(window,"(prefers-color-scheme: dark)").matches?"dark":"light",prefersReducedMotion:((h=window.matchMedia)==null?void 0:h.call(window,"(prefers-reduced-motion: reduce)").matches)||!1}}function on(t){if(typeof t=="string")return t;if(t instanceof Error)return`${t.name}: ${t.message}`;try{return JSON.stringify(t)}catch{return String(t)}}const xo=typeof window<"u"&&window.fetch?window.fetch.bind(window):null,ko=typeof XMLHttpRequest<"u"?XMLHttpRequest.prototype.open:null,So=typeof XMLHttpRequest<"u"?XMLHttpRequest.prototype.send:null,an=["image/png","image/jpeg","image/webp","image/gif","video/webm","video/mp4","audio/webm","audio/ogg","audio/mpeg","audio/mp4","audio/wav","application/pdf","text/plain","text/csv","application/json","application/zip","application/msword","application/vnd.openxmlformats-officedocument.wordprocessingml.document","application/vnd.ms-excel","application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"],tt=["image/png","image/jpeg","image/webp","video/webm","video/mp4"],$o=()=>{var t;return!!((t=navigator==null?void 0:navigator.mediaDevices)!=null&&t.getUserMedia&&typeof MediaRecorder<"u")},Co=()=>{var t;return!!((t=navigator==null?void 0:navigator.mediaDevices)!=null&&t.getDisplayMedia&&typeof MediaRecorder<"u")},To=()=>{var t;return!!((t=navigator==null?void 0:navigator.mediaDevices)!=null&&t.getDisplayMedia)};function nt(t,e=an){const n=String(t||"").split(";")[0].trim().toLowerCase();return e.includes(n)?n:null}async function Eo(){const t=await navigator.mediaDevices.getDisplayMedia({video:{frameRate:1},audio:!1});try{const e=t.getVideoTracks()[0],n=document.createElement("video");n.srcObject=t,n.muted=!0,n.playsInline=!0,await n.play(),await new Promise(l=>requestAnimationFrame(()=>requestAnimationFrame(l)));const{width:o,height:i}=e.getSettings(),a=document.createElement("canvas");a.width=o||n.videoWidth,a.height=i||n.videoHeight,a.getContext("2d").drawImage(n,0,0,a.width,a.height);const s=await new Promise(l=>a.toBlob(l,"image/png"));if(!s)throw new Error("The browser returned an empty screenshot.");return{blob:s,mime:"image/png",kind:"SCREENSHOT"}}finally{t.getTracks().forEach(e=>e.stop())}}async function Io({maxMs:t=12e4,onTick:e,onAutoStop:n}={}){const o=await navigator.mediaDevices.getDisplayMedia({video:{frameRate:15},audio:!1}),i=["video/webm;codecs=vp9","video/webm;codecs=vp8","video/webm"].find(g=>MediaRecorder.isTypeSupported(g))||"video/webm",a=new MediaRecorder(o,{mimeType:i,videoBitsPerSecond:25e5}),s=[];a.ondataavailable=g=>{g.data.size&&s.push(g.data)},a.start(1e3);const l=Date.now(),p=setInterval(()=>e==null?void 0:e(Math.floor((Date.now()-l)/1e3)),500),h=()=>{clearInterval(p),clearTimeout(m),o.getTracks().forEach(g=>g.stop())},b=new Promise(g=>{a.onstop=()=>{h(),g(new Blob(s,{type:i}))}}),f=()=>{a.state!=="inactive"&&a.stop(),n==null||n()};o.getVideoTracks()[0].addEventListener("ended",f);const m=setTimeout(f,t);return{mime:i,maxMs:t,async stop(){return clearTimeout(m),a.state!=="inactive"&&a.stop(),{blob:await b,mime:i,kind:"VIDEO"}},cancel(){h(),a.state!=="inactive"&&a.stop()}}}async function Mo({maxMs:t=12e4,onTick:e,onAutoStop:n}={}){const o=await navigator.mediaDevices.getUserMedia({audio:!0}),i=["audio/webm;codecs=opus","audio/webm","audio/mp4","audio/ogg"].find(g=>MediaRecorder.isTypeSupported(g))||"",a=new MediaRecorder(o,i?{mimeType:i}:void 0),s=[];a.ondataavailable=g=>{g.data.size&&s.push(g.data)},a.start(1e3);const l=Date.now(),p=setInterval(()=>e==null?void 0:e(Math.floor((Date.now()-l)/1e3)),500),h=()=>{clearInterval(p),clearTimeout(m),o.getTracks().forEach(g=>g.stop())},b=new Promise(g=>{a.onstop=()=>{h(),g(new Blob(s,{type:a.mimeType||i}))}}),m=setTimeout(()=>{a.state!=="inactive"&&a.stop(),n==null||n()},t);return{mime:a.mimeType||i,maxMs:t,async stop(){clearTimeout(m),a.state!=="inactive"&&a.stop();const g=await b;return{blob:g,mime:g.type||a.mimeType||i,kind:"AUDIO"}},cancel(){h(),a.state!=="inactive"&&a.stop()}}}async function Ao({apiBase:t,apiKey:e,blob:n,mime:o,onProgress:i}){const a=nt(o||n.type);if(!a)throw new Error(`[BugCatch] ${o||n.type||"that file"} can't be attached.`);const s=await xo(`${t}/ingest/presign`,{method:"POST",headers:{"Content-Type":"application/json","X-BugCatch-Key":e},body:JSON.stringify({mime:a})});if(!s.ok)throw new Error(`[BugCatch] could not start the upload (HTTP ${s.status}).`);const{key:l,uploadUrl:p}=await s.json();return await Lo(p,n,a,i),{storageKey:l,mime:a}}function Lo(t,e,n,o){return new Promise((i,a)=>{const s=new XMLHttpRequest;ko.call(s,"PUT",t,!0),s.setRequestHeader("Content-Type",n),s.upload.onprogress=l=>{l.lengthComputable&&(o==null||o(l.loaded/l.total))},s.onload=()=>{s.status>=200&&s.status<300?i():a(new Error(`[BugCatch] upload failed (HTTP ${s.status}).`))},s.onerror=()=>a(new Error("[BugCatch] the browser blocked the upload to storage. If this is a new environment, the media bucket is probably missing its CORS policy.")),s.onabort=()=>a(new Error("[BugCatch] upload cancelled.")),So.call(s,e)})}function Be(t){return t<1024?`${t} B`:t<1024*1024?`${(t/1024).toFixed(0)} KB`:`${(t/1024/1024).toFixed(1)} MB`}function ot(t){const e=Math.floor(t/60),n=t%60;return`${e}:${String(n).padStart(2,"0")}`}const Bo=7*24*60*60*1e3;let at;function Ro(){return at||(at=new Promise((t,e)=>{const n=indexedDB.open("bugcatch-drafts",1);n.onupgradeneeded=()=>n.result.createObjectStore("drafts"),n.onsuccess=()=>t(n.result),n.onerror=()=>e(n.error),n.onblocked=()=>e(new Error("Draft storage is blocked."))}).catch(t=>{throw at=null,t})),at}function jo(t,e){var n,o;return JSON.stringify([t.apiBase,t.projectId,e||((n=t.user)==null?void 0:n.email)||((o=t.user)==null?void 0:o.id)||"anonymous"])}async function rt(t,e){const n=await Ro();return new Promise((o,i)=>{const a=n.transaction("drafts",e===void 0?"readonly":"readwrite"),s=a.objectStore("drafts"),l=e===void 0?s.get(t):e===null?s.delete(t):s.put({...e,savedAt:Date.now()},t);a.oncomplete=()=>o(l.result),a.onerror=()=>i(a.error),a.onabort=()=>i(a.error||new Error("Draft was not saved."))})}async function zo(t){const e=await rt(t);return e&&Date.now()-e.savedAt>Bo?(await rt(t,null),null):e||null}const Qo="bugcatch.session.",Tt=t=>`${Qo}${t}`,Et=new Map;function ke(t){var e;if(!t)return null;try{const n=(e=window.localStorage)==null?void 0:e.getItem(Tt(t));if(n){const o=JSON.parse(n);if(o!=null&&o.token)return o}}catch{}return Et.get(t)||null}function Oo(t,e){var o;if(!t||!(e!=null&&e.token))return;const n={token:e.token,email:e.email||null,name:e.name||null};Et.set(t,n);try{(o=window.localStorage)==null||o.setItem(Tt(t),JSON.stringify(n))}catch{}}function It(t){var e;if(t){Et.delete(t);try{(e=window.localStorage)==null||e.removeItem(Tt(t))}catch{}}}function it({apiKey:t,token:e}){return{"Content-Type":"application/json","X-BugCatch-Key":t,...e?{"X-BugCatch-Session":e}:{}}}async function rn(t){try{const e=await t.json(),n=Array.isArray(e.message)?e.message.join(", "):e.message;if(n)return n}catch{}return`Request failed (HTTP ${t.status})`}async function Ho({apiBase:t,apiKey:e,projectId:n,token:o}){const i={mode:"off",signedIn:null,signedOutReason:null};try{const a=await fetch(`${t}/ingest/login?projectId=${encodeURIComponent(n)}`,{headers:it({apiKey:e,token:o})});if(!a.ok)return i;const s=await a.json();return{mode:s.mode==="optional"||s.mode==="required"?s.mode:"off",signedIn:s.signedIn||null,signedOutReason:s.signedOutReason||null}}catch{return i}}async function qo({apiBase:t,apiKey:e,projectId:n,email:o,name:i}){const a=await fetch(`${t}/ingest/login/start`,{method:"POST",headers:it({apiKey:e}),body:JSON.stringify({projectId:n,email:o,...i?{name:i}:{}})});if(!a.ok)throw new Error(await rn(a));return a.json()}async function Do({apiBase:t,apiKey:e,projectId:n,email:o,code:i}){const a=await fetch(`${t}/ingest/login`,{method:"POST",headers:it({apiKey:e}),body:JSON.stringify({projectId:n,email:o,code:i})});if(!a.ok)throw new Error(await rn(a));const s=await a.json(),l={token:s.sessionToken,email:s.email,name:s.name};return Oo(n,l),l}async function No({apiBase:t,apiKey:e,projectId:n,token:o}){if(It(n),!o)return{signedOut:!0};try{await fetch(`${t}/ingest/logout`,{method:"POST",headers:it({apiKey:e,token:o}),body:JSON.stringify({projectId:n})})}catch{}return{signedOut:!0}}const Mt="bugcatch.watch",sn=[2e3,5e3,15e3,3e4,6e4],Uo=5e3;function ce(){var t;try{return((t=window.localStorage)==null?void 0:t.getItem(Mt))||null}catch{return null}}function At(t){var e;if(t)try{(e=window.localStorage)==null||e.setItem(Mt,t)}catch{}}function Ie(){var t;try{(t=window.localStorage)==null||t.removeItem(Mt)}catch{}cn()}const st="bugcatch.unread";function Ko(t){return[(t==null?void 0:t.bugId)||"report",(t==null?void 0:t.kind)||"status",(t==null?void 0:t.at)||""].join("|")}function qe(){var t;try{const e=(t=window.localStorage)==null?void 0:t.getItem(st),n=e?JSON.parse(e):[];return Array.isArray(n)?n.filter(o=>o&&typeof o.id=="string"):[]}catch{return[]}}function ct(t){var e,n;try{t.length?(e=window.localStorage)==null||e.setItem(st,JSON.stringify(t)):(n=window.localStorage)==null||n.removeItem(st)}catch{}}function Po(t){const e={...t,id:Ko(t)},n=qe().filter(o=>o.id!==e.id);return n.push(e),ct(n.slice(-20)),e}function _o(t){const e=qe().filter(n=>n.id!==t);return ct(e),e}function Vo(t){const e=qe().filter(n=>n.bugId!==t);return ct(e),e}function cn(){return ct([]),[]}function Fo(t,e){let n=t,o=n.indexOf(`
|
|
1
|
+
(function(X,pe){typeof exports=="object"&&typeof module<"u"?module.exports=pe():typeof define=="function"&&define.amd?define(pe):(X=typeof globalThis<"u"?globalThis:X||self,X.BugCatch=pe())})(this,function(){"use strict";var Io=X=>{throw TypeError(X)};var Ur=(X,pe,je)=>pe.has(X)||Io("Cannot "+je);var Mo=(X,pe,je)=>pe.has(X)?Io("Cannot add the same private member more than once"):pe instanceof WeakSet?pe.add(X):pe.set(X,je);var H=(X,pe,je)=>(Ur(X,pe,"access private method"),je);var L,Mt,Lo,Be,Ao,ln,Lt,At,dn,Bo,jo,Ro,Bt,zo;const X="[REDACTED]",pe=new Set(["auth","bearer","session","sid","phpsessid","otp","pass","passwd","pwd","sig","codeverifier"]),je=["token","secret","password","passwd","apikey","signature","credential","sessionid","privatekey","accesskey","authorization"],Oo=new Set(["key","code","state","nonce","salt","hash"]),un=[/eyJ[\w-]{8,}\.[\w-]{8,}\.[\w-]+/g,/(?:AKIA|ASIA|AROA|AIDA|AGPA|ANPA|ANVA|APKA)[0-9A-Z]{16}/g,/AIza[\w-]{35}/g,/gh[pousr]_[A-Za-z0-9]{36,}/g,/github_pat_\w{22,}/g,/[sprk]k_(?:live|test)_[0-9A-Za-z]{10,}/g,/xox[abposr]-[A-Za-z0-9-]{10,}/g,/sk-ant-[\w-]{20,}/g,/sk-[\w-]{20,}/g,/glpat-[\w-]{20,}/g,/shp(?:at|ss|ca|pa)_[A-Za-z0-9]{32}/g],Qo=/\bBearer\s+[\w.~+/=-]{8,}/gi,qo=/^([A-Za-z][A-Za-z0-9+.-]*:\/\/)([^/?#@]+)@/;function pn(t){try{return decodeURIComponent(t.replace(/\+/g," "))}catch{return t}}function Ho(t){return pn(t).toLowerCase().replace(/[^a-z0-9]/g,"")}function Do(t){return t.length>=20?!0:un.some(e=>(e.lastIndex=0,e.test(t)))}function No(t,e){const n=Ho(t);if(!n)return!1;if(pe.has(n))return!0;for(const o of je)if(n.includes(o))return!0;return Oo.has(n)?Do(pn(e)):!1}function jt(t){return t.split("&").map(e=>{const n=e.indexOf("=");if(n===-1)return e;const o=e.slice(0,n),i=e.slice(n+1);return i&&No(o,i)?`${o}=${X}`:e}).join("&")}function hn(t){let e=t;for(const n of un)n.lastIndex=0,e=e.replace(n,X);return e}function fn(t){if(t==null)return t;let e=String(t);if(!e)return e;e=e.replace(qo,`$1${X}@`);const n=e.indexOf("#");let o=n===-1?e:e.slice(0,n),i=n===-1?"":e.slice(n);const r=o.indexOf("?");if(r!==-1&&(o=o.slice(0,r+1)+jt(o.slice(r+1))),i.length>1){const s=i.slice(1),l=s.indexOf("?");l!==-1?i=`#${s.slice(0,l+1)}${jt(s.slice(l+1))}`:s.includes("=")&&(i=`#${jt(s)}`)}return hn(o+i)}function Uo(t){if(t==null)return t;let e=String(t);return e&&(e=e.replace(/[A-Za-z][A-Za-z0-9+.-]{0,30}:\/\/[^\s"'<>)\]]+/g,n=>fn(n)),e=e.replace(Qo,`Bearer ${X}`),hn(e))}function ct(t){const e=[];return{push(n){e.push(n),e.length>t&&e.splice(0,e.length-t)},all:()=>e.slice(),clear:()=>{e.length=0},get size(){return e.length}}}const gn=["log","info","warn","error","debug"];function Ko(t,{levels:e=["warn","error","log","info"]}={}){const n={};for(const o of gn)n[o]=console[o],e.includes(o)&&(console[o]=(...i)=>{try{t.push({level:o,text:i.map(yn).join(" ").slice(0,2e3),at:new Date().toISOString()})}catch{}n[o].apply(console,i)});return()=>{for(const o of gn)console[o]=n[o]}}function Po(t,{slowMs:e=2e3}={}){const n=window.fetch,o=XMLHttpRequest.prototype.open,i=XMLHttpRequest.prototype.send;return n&&(window.fetch=async function(...s){var m,h,f;const l=performance.now(),g=typeof s[0]=="string"?s[0]:(m=s[0])==null?void 0:m.url,b=((h=s[1])==null?void 0:h.method)||(typeof s[0]=="object"?(f=s[0])==null?void 0:f.method:"GET")||"GET";try{const p=await n.apply(this,s);return Rt(t,{url:g,method:b,status:p.status,ms:Math.round(performance.now()-l),slowMs:e}),p}catch(p){throw Rt(t,{url:g,method:b,status:0,error:String((p==null?void 0:p.message)||p),ms:Math.round(performance.now()-l),slowMs:e}),p}}),XMLHttpRequest.prototype.open=function(s,l,...g){return this.__bc={method:s,url:l,started:0},o.call(this,s,l,...g)},XMLHttpRequest.prototype.send=function(...s){return this.__bc&&(this.__bc.started=performance.now(),this.addEventListener("loadend",()=>{Rt(t,{url:this.__bc.url,method:this.__bc.method,status:this.status,ms:Math.round(performance.now()-this.__bc.started),slowMs:e})})),i.apply(this,s)},()=>{n&&(window.fetch=n),XMLHttpRequest.prototype.open=o,XMLHttpRequest.prototype.send=i}}function Rt(t,{url:e,method:n,status:o,ms:i,error:r,slowMs:s}){try{t.push({url:fn(String(e)).slice(0,500),method:n,status:o,ms:i,error:r===void 0?void 0:Uo(r),failed:o===0||o>=400,slow:i>=s,at:new Date().toISOString()})}catch{}}function _o(t){const e=o=>{const i=String(o.message||"Error"),r=o.filename?` (${o.filename}:${o.lineno}:${o.colno})`:"";t.push({level:"error",text:(/^uncaught/i.test(i)?i:`Uncaught ${i}`)+r,at:new Date().toISOString()})},n=o=>{t.push({level:"error",text:`Unhandled rejection: ${yn(o.reason)}`,at:new Date().toISOString()})};return window.addEventListener("error",e),window.addEventListener("unhandledrejection",n),()=>{window.removeEventListener("error",e),window.removeEventListener("unhandledrejection",n)}}async function bn(){const t=mn();try{if(navigator.getBattery){const e=await navigator.getBattery();t.battery=Math.round(e.level*100),t.charging=e.charging}}catch{}return t}function mn(){var e,n,o,i,r,s,l,g,b;const t=window.navigator||{};return{userAgent:t.userAgent,platform:t.platform,language:t.language,languages:t.languages?[...t.languages]:null,online:t.onLine,cookieEnabled:t.cookieEnabled,maxTouchPoints:t.maxTouchPoints??null,viewport:{width:window.innerWidth,height:window.innerHeight},screen:{width:(e=window.screen)==null?void 0:e.width,height:(n=window.screen)==null?void 0:n.height,availWidth:(o=window.screen)==null?void 0:o.availWidth,availHeight:(i=window.screen)==null?void 0:i.availHeight,colorDepth:(r=window.screen)==null?void 0:r.colorDepth,orientation:((l=(s=window.screen)==null?void 0:s.orientation)==null?void 0:l.type)||null},devicePixelRatio:window.devicePixelRatio,referrer:document.referrer||null,title:document.title,capturedAt:new Date().toISOString(),timezone:Intl.DateTimeFormat().resolvedOptions().timeZone,timezoneOffsetMinutes:new Date().getTimezoneOffset(),browserMode:t.webdriver?"Automated":"Normal",doNotTrack:t.doNotTrack||null,hardwareConcurrency:t.hardwareConcurrency??null,deviceMemory:t.deviceMemory??null,connection:t.connection?{effectiveType:t.connection.effectiveType,downlink:t.connection.downlink,rtt:t.connection.rtt,saveData:t.connection.saveData}:null,prefersColorScheme:(g=window.matchMedia)!=null&&g.call(window,"(prefers-color-scheme: dark)").matches?"dark":"light",prefersReducedMotion:((b=window.matchMedia)==null?void 0:b.call(window,"(prefers-reduced-motion: reduce)").matches)||!1}}function yn(t){if(typeof t=="string")return t;if(t instanceof Error)return`${t.name}: ${t.message}`;try{return JSON.stringify(t)}catch{return String(t)}}const Vo=typeof window<"u"&&window.fetch?window.fetch.bind(window):null,Wo=typeof XMLHttpRequest<"u"?XMLHttpRequest.prototype.open:null,Fo=typeof XMLHttpRequest<"u"?XMLHttpRequest.prototype.send:null,wn=["image/png","image/jpeg","image/webp","image/gif","video/webm","video/mp4","audio/webm","audio/ogg","audio/mpeg","audio/mp4","audio/wav","application/pdf","text/plain","text/csv","application/json","application/zip","application/msword","application/vnd.openxmlformats-officedocument.wordprocessingml.document","application/vnd.ms-excel","application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"],lt=["image/png","image/jpeg","image/webp","video/webm","video/mp4"],Yo=()=>{var t;return!!((t=navigator==null?void 0:navigator.mediaDevices)!=null&&t.getUserMedia&&typeof MediaRecorder<"u")},Xo=()=>{var t;return!!((t=navigator==null?void 0:navigator.mediaDevices)!=null&&t.getDisplayMedia&&typeof MediaRecorder<"u")},Jo=()=>{var t;return!!((t=navigator==null?void 0:navigator.mediaDevices)!=null&&t.getDisplayMedia)};function dt(t,e=wn){const n=String(t||"").split(";")[0].trim().toLowerCase();return e.includes(n)?n:null}async function Zo(){const t=await navigator.mediaDevices.getDisplayMedia({video:{frameRate:1},audio:!1});try{const e=t.getVideoTracks()[0],n=document.createElement("video");n.srcObject=t,n.muted=!0,n.playsInline=!0,await n.play(),await new Promise(l=>requestAnimationFrame(()=>requestAnimationFrame(l)));const{width:o,height:i}=e.getSettings(),r=document.createElement("canvas");r.width=o||n.videoWidth,r.height=i||n.videoHeight,r.getContext("2d").drawImage(n,0,0,r.width,r.height);const s=await new Promise(l=>r.toBlob(l,"image/png"));if(!s)throw new Error("The browser returned an empty screenshot.");return{blob:s,mime:"image/png",kind:"SCREENSHOT"}}finally{t.getTracks().forEach(e=>e.stop())}}async function Go({maxMs:t=12e4,onTick:e,onAutoStop:n}={}){const o=await navigator.mediaDevices.getDisplayMedia({video:{frameRate:15},audio:!1}),i=["video/webm;codecs=vp9","video/webm;codecs=vp8","video/webm"].find(p=>MediaRecorder.isTypeSupported(p))||"video/webm",r=new MediaRecorder(o,{mimeType:i,videoBitsPerSecond:25e5}),s=[];r.ondataavailable=p=>{p.data.size&&s.push(p.data)},r.start(1e3);const l=Date.now(),g=setInterval(()=>e==null?void 0:e(Math.floor((Date.now()-l)/1e3)),500),b=()=>{clearInterval(g),clearTimeout(f),o.getTracks().forEach(p=>p.stop())},m=new Promise(p=>{r.onstop=()=>{b(),p(new Blob(s,{type:i}))}}),h=()=>{r.state!=="inactive"&&r.stop(),n==null||n()};o.getVideoTracks()[0].addEventListener("ended",h);const f=setTimeout(h,t);return{mime:i,maxMs:t,async stop(){return clearTimeout(f),r.state!=="inactive"&&r.stop(),{blob:await m,mime:i,kind:"VIDEO"}},cancel(){b(),r.state!=="inactive"&&r.stop()}}}async function ea({maxMs:t=12e4,onTick:e,onAutoStop:n}={}){const o=await navigator.mediaDevices.getUserMedia({audio:!0}),i=["audio/webm;codecs=opus","audio/webm","audio/mp4","audio/ogg"].find(p=>MediaRecorder.isTypeSupported(p))||"",r=new MediaRecorder(o,i?{mimeType:i}:void 0),s=[];r.ondataavailable=p=>{p.data.size&&s.push(p.data)},r.start(1e3);const l=Date.now(),g=setInterval(()=>e==null?void 0:e(Math.floor((Date.now()-l)/1e3)),500),b=()=>{clearInterval(g),clearTimeout(f),o.getTracks().forEach(p=>p.stop())},m=new Promise(p=>{r.onstop=()=>{b(),p(new Blob(s,{type:r.mimeType||i}))}}),f=setTimeout(()=>{r.state!=="inactive"&&r.stop(),n==null||n()},t);return{mime:r.mimeType||i,maxMs:t,async stop(){clearTimeout(f),r.state!=="inactive"&&r.stop();const p=await m;return{blob:p,mime:p.type||r.mimeType||i,kind:"AUDIO"}},cancel(){b(),r.state!=="inactive"&&r.stop()}}}async function ta({apiBase:t,apiKey:e,blob:n,mime:o,onProgress:i}){const r=dt(o||n.type);if(!r)throw new Error(`[BugCatch] ${o||n.type||"that file"} can't be attached.`);const s=await Vo(`${t}/ingest/presign`,{method:"POST",headers:{"Content-Type":"application/json","X-BugCatch-Key":e},body:JSON.stringify({mime:r})});if(!s.ok)throw new Error(`[BugCatch] could not start the upload (HTTP ${s.status}).`);const{key:l,uploadUrl:g}=await s.json();return await na(g,n,r,i),{storageKey:l,mime:r}}function na(t,e,n,o){return new Promise((i,r)=>{const s=new XMLHttpRequest;Wo.call(s,"PUT",t,!0),s.setRequestHeader("Content-Type",n),s.upload.onprogress=l=>{l.lengthComputable&&(o==null||o(l.loaded/l.total))},s.onload=()=>{s.status>=200&&s.status<300?i():r(new Error(`[BugCatch] upload failed (HTTP ${s.status}).`))},s.onerror=()=>r(new Error("[BugCatch] the browser blocked the upload to storage. If this is a new environment, the media bucket is probably missing its CORS policy.")),s.onabort=()=>r(new Error("[BugCatch] upload cancelled.")),Fo.call(s,e)})}function qe(t){return t<1024?`${t} B`:t<1024*1024?`${(t/1024).toFixed(0)} KB`:`${(t/1024/1024).toFixed(1)} MB`}function ut(t){const e=Math.floor(t/60),n=t%60;return`${e}:${String(n).padStart(2,"0")}`}const oa=7*24*60*60*1e3;let pt;function aa(){return pt||(pt=new Promise((t,e)=>{const n=indexedDB.open("bugcatch-drafts",1);n.onupgradeneeded=()=>n.result.createObjectStore("drafts"),n.onsuccess=()=>t(n.result),n.onerror=()=>e(n.error),n.onblocked=()=>e(new Error("Draft storage is blocked."))}).catch(t=>{throw pt=null,t})),pt}function ra(t,e){var n,o;return JSON.stringify([t.apiBase,t.projectId,e||((n=t.user)==null?void 0:n.email)||((o=t.user)==null?void 0:o.id)||"anonymous"])}async function ht(t,e){const n=await aa();return new Promise((o,i)=>{const r=n.transaction("drafts",e===void 0?"readonly":"readwrite"),s=r.objectStore("drafts"),l=e===void 0?s.get(t):e===null?s.delete(t):s.put({...e,savedAt:Date.now()},t);r.oncomplete=()=>o(l.result),r.onerror=()=>i(r.error),r.onabort=()=>i(r.error||new Error("Draft was not saved."))})}async function ia(t){const e=await ht(t);return e&&Date.now()-e.savedAt>oa?(await ht(t,null),null):e||null}const sa="bugcatch.session.",zt=t=>`${sa}${t}`,Ot=new Map;function $e(t){var e;if(!t)return null;try{const n=(e=window.localStorage)==null?void 0:e.getItem(zt(t));if(n){const o=JSON.parse(n);if(o!=null&&o.token)return o}}catch{}return Ot.get(t)||null}function ca(t,e){var o;if(!t||!(e!=null&&e.token))return;const n={token:e.token,email:e.email||null,name:e.name||null};Ot.set(t,n);try{(o=window.localStorage)==null||o.setItem(zt(t),JSON.stringify(n))}catch{}}function Qt(t){var e;if(t){Ot.delete(t);try{(e=window.localStorage)==null||e.removeItem(zt(t))}catch{}}}function ft({apiKey:t,token:e}){return{"Content-Type":"application/json","X-BugCatch-Key":t,...e?{"X-BugCatch-Session":e}:{}}}async function vn(t){try{const e=await t.json(),n=Array.isArray(e.message)?e.message.join(", "):e.message;if(n)return n}catch{}return`Request failed (HTTP ${t.status})`}async function la({apiBase:t,apiKey:e,projectId:n,token:o}){const i={mode:"off",signedIn:null,signedOutReason:null};try{const r=await fetch(`${t}/ingest/login?projectId=${encodeURIComponent(n)}`,{headers:ft({apiKey:e,token:o})});if(!r.ok)return i;const s=await r.json();return{mode:s.mode==="optional"||s.mode==="required"?s.mode:"off",signedIn:s.signedIn||null,signedOutReason:s.signedOutReason||null}}catch{return i}}async function da({apiBase:t,apiKey:e,projectId:n,email:o,name:i}){const r=await fetch(`${t}/ingest/login/start`,{method:"POST",headers:ft({apiKey:e}),body:JSON.stringify({projectId:n,email:o,...i?{name:i}:{}})});if(!r.ok)throw new Error(await vn(r));return r.json()}async function ua({apiBase:t,apiKey:e,projectId:n,email:o,code:i}){const r=await fetch(`${t}/ingest/login`,{method:"POST",headers:ft({apiKey:e}),body:JSON.stringify({projectId:n,email:o,code:i})});if(!r.ok)throw new Error(await vn(r));const s=await r.json(),l={token:s.sessionToken,email:s.email,name:s.name};return ca(n,l),l}async function pa({apiBase:t,apiKey:e,projectId:n,token:o}){if(Qt(n),!o)return{signedOut:!0};try{await fetch(`${t}/ingest/logout`,{method:"POST",headers:ft({apiKey:e,token:o}),body:JSON.stringify({projectId:n})})}catch{}return{signedOut:!0}}const gt="bugcatch.watch",xn=[2e3,5e3,15e3,3e4,6e4],ha=5e3;let We=null;function fa(t){We=t||null}const qt=()=>We?`${gt}:${We}`:gt;function Ht(){return We?`?projectId=${encodeURIComponent(We)}`:""}function ge(){try{const t=window.localStorage;return(t==null?void 0:t.getItem(qt()))||(t==null?void 0:t.getItem(gt))||null}catch{return null}}function Dt(t){var e;if(t)try{(e=window.localStorage)==null||e.setItem(qt(),t)}catch{}}function Re(){var t,e;try{(t=window.localStorage)==null||t.removeItem(qt()),(e=window.localStorage)==null||e.removeItem(gt)}catch{}kn()}const bt="bugcatch.unread";function ga(t){return[(t==null?void 0:t.bugId)||"report",(t==null?void 0:t.kind)||"status",(t==null?void 0:t.at)||""].join("|")}function Fe(){var t;try{const e=(t=window.localStorage)==null?void 0:t.getItem(bt),n=e?JSON.parse(e):[];return Array.isArray(n)?n.filter(o=>o&&typeof o.id=="string"):[]}catch{return[]}}function mt(t){var e,n;try{t.length?(e=window.localStorage)==null||e.setItem(bt,JSON.stringify(t)):(n=window.localStorage)==null||n.removeItem(bt)}catch{}}function ba(t){const e={...t,id:ga(t)},n=Fe().filter(o=>o.id!==e.id);return n.push(e),mt(n.slice(-20)),e}function ma(t){const e=Fe().filter(n=>n.id!==t);return mt(e),e}function ya(t){const e=Fe().filter(n=>n.bugId!==t);return mt(e),e}function kn(){return mt([]),[]}function wa(t,e){let n=t,o=n.indexOf(`
|
|
2
2
|
|
|
3
|
-
`);for(;o!==-1;){const i=n.slice(0,o);n=n.slice(o+2);const
|
|
3
|
+
`);for(;o!==-1;){const i=n.slice(0,o);n=n.slice(o+2);const r=i.split(`
|
|
4
4
|
`).filter(s=>s.startsWith("data:")).map(s=>s.slice(5).trim()).join(`
|
|
5
|
-
`);if(
|
|
5
|
+
`);if(r)try{e(JSON.parse(r))}catch{}o=n.indexOf(`
|
|
6
6
|
|
|
7
|
-
`)}return n}async function Wo({apiBase:t}){const e=ce();if(!e)return{reporter:null,reports:[]};const n=await fetch(`${t}/ingest/watch/reports`,{headers:{Authorization:`Bearer ${e}`}});if(n.status===401)return Ie(),{reporter:null,reports:[]};if(!n.ok)throw new Error(`[BugCatch] could not load your reports (HTTP ${n.status})`);return n.json()}async function Yo({apiBase:t,bugId:e}){const n=ce();if(!n)return null;const o=await fetch(`${t}/ingest/watch/reports/${encodeURIComponent(e)}`,{headers:{Authorization:`Bearer ${n}`}});if(o.status===401)return Ie(),null;if(o.status===404)return null;if(!o.ok)throw new Error(`[BugCatch] could not load that report (HTTP ${o.status})`);return o.json()}async function ln({apiBase:t,bugId:e,body:n,attachments:o}){const i=ce();if(!i)throw new Error("[BugCatch] nothing filed from this browser yet.");const a=await fetch(`${t}/ingest/watch/reports/${encodeURIComponent(e)}/messages`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${i}`},body:JSON.stringify({...n?{body:n}:{},...o!=null&&o.length?{attachments:o}:{}})});if(a.status===401)throw Ie(),new Error("[BugCatch] this browser can no longer prove it filed that report.");if(!a.ok){let s="";try{const l=await a.json();s=Array.isArray(l.message)?l.message.join(", "):l.message||""}catch{}throw new Error(s||`[BugCatch] could not send that (HTTP ${a.status}).`)}return a.json()}async function Xo({apiBase:t,apiKey:e,projectId:n}){const o={agent:!1,live:!1};try{const i=await fetch(`${t}/ingest/calls?projectId=${encodeURIComponent(n)}`,{headers:{"X-BugCatch-Key":e}});if(!i.ok)return o;const a=await i.json();return a!=null&&a.available?a.kinds&&typeof a.kinds=="object"?{agent:!1,live:!!a.kinds.live}:{agent:!1,live:a.kind==="live"}:o}catch{return o}}async function Jo({apiBase:t,apiKey:e,token:n,payload:o}){const i=await fetch(`${t}/ingest/calls`,{method:"POST",headers:{"Content-Type":"application/json","X-BugCatch-Key":e,...n?{"X-BugCatch-Session":n}:{}},body:JSON.stringify(o)});if(!i.ok){let a="";try{const l=await i.json();a=Array.isArray(l.message)?l.message.join(", "):l.message||""}catch{}const s=new Error(a||`[BugCatch] the call could not be started (HTTP ${i.status}).`);throw s.status=i.status,s}return i.json()}async function dn({apiBase:t,bugId:e}){const n=ce();if(!n)return!1;try{const o=await fetch(`${t}/ingest/watch/reports/${encodeURIComponent(e)}/live-call`,{headers:{Authorization:`Bearer ${n}`}});if(!o.ok)return!1;const i=await o.json();return!!(i!=null&&i.offered)}catch{return!1}}async function Zo({apiBase:t,bugId:e}){const n=ce();if(!n)throw new Error("[BugCatch] nothing filed from this browser yet.");const o=await fetch(`${t}/ingest/watch/reports/${encodeURIComponent(e)}/live-call`,{method:"POST",headers:{Authorization:`Bearer ${n}`}});if(o.status===401)throw Ie(),new Error("[BugCatch] this browser can no longer prove it filed that report.");if(!o.ok){let i="";try{const a=await o.json();i=Array.isArray(a.message)?a.message.join(", "):a.message||""}catch{}throw new Error(i||`[BugCatch] the call could not be started (HTTP ${o.status}).`)}return o.json()}async function Go({apiBase:t,bugId:e,callId:n}){const o=ce();if(o)try{await fetch(`${t}/ingest/watch/reports/${encodeURIComponent(e)}/live-call/${encodeURIComponent(n)}/give-up`,{method:"POST",headers:{Authorization:`Bearer ${o}`}})}catch{}}async function ea({apiBase:t,bugId:e,callId:n}){const o=ce();if(!o)throw new Error("[BugCatch] nothing filed from this browser yet.");const i=await fetch(`${t}/ingest/watch/reports/${encodeURIComponent(e)}/live-call/${encodeURIComponent(n)}/answer`,{method:"POST",headers:{Authorization:`Bearer ${o}`}});if(i.status===401)throw Ie(),new Error("[BugCatch] this browser can no longer prove it filed that report.");if(i.status===409)throw new Error("[BugCatch] that call is no longer ringing.");if(!i.ok){let a="";try{const s=await i.json();a=Array.isArray(s.message)?s.message.join(", "):s.message||""}catch{}throw new Error(a||`[BugCatch] the call could not be answered (HTTP ${i.status}).`)}return i.json()}async function un({apiBase:t,bugId:e,callId:n}){const o=ce();if(o)try{await fetch(`${t}/ingest/watch/reports/${encodeURIComponent(e)}/live-call/${encodeURIComponent(n)}/decline`,{method:"POST",headers:{Authorization:`Bearer ${o}`}})}catch{}}function ta({apiBase:t,onUpdate:e}){let n=!0,o=0,i=null;async function a(){const s=ce();if(!s)throw new Error("nothing filed from this browser yet");i=new AbortController;const l=await fetch(`${t}/ingest/watch/stream`,{headers:{Authorization:`Bearer ${s}`,Accept:"text/event-stream"},signal:i.signal});if(l.status===401)throw n=!1,Ie(),new Error("subscription no longer valid");if(!l.ok||!l.body)throw new Error(`stream failed (${l.status})`);const p=Date.now(),h=l.body.getReader(),b=new TextDecoder;let f="";try{for(;;){const{value:m,done:g}=await h.read();if(g)break;f+=b.decode(m,{stream:!0}),f=Fo(f,T=>{if(T.type!=="ping")try{e(T)}catch{}})}}finally{Date.now()-p>=Uo&&(o=0)}}return(async()=>{for(;n;){try{await a()}catch(l){if((l==null?void 0:l.name)==="AbortError")return}if(!n)return;const s=sn[Math.min(o,sn.length-1)];o+=1,await new Promise(l=>setTimeout(l,s))}})(),()=>{n=!1,i==null||i.abort(),i=null}}const na={OPEN:"is open",IN_PROGRESS:"is being worked on",RESOLVED:"has been fixed",CLOSED:"has been closed"},oa={status:null,severity:"#e8912a",assignment:"#4da3ff",reply:"#35b87f"};function pn(t){return t!=null&&t.summary?t.summary:`Your report ${na[t==null?void 0:t.status]||"was updated"}`}function aa(t){var e;return(t==null?void 0:t.kind)==="reply"&&((e=t.reply)!=null&&e.body)?`${t.reply.author?`${t.reply.author}: `:""}${t.reply.body}`:(t==null?void 0:t.title)||""}function ra(t){const e=Date.parse(t||"");if(!Number.isFinite(e))return"";const n=Math.round((Date.now()-e)/6e4);if(n<1)return"just now";if(n<60)return`${n}m ago`;const o=Math.round(n/60);if(o<24)return`${o}h ago`;const i=Math.round(o/24);return i===1?"yesterday":`${i}d ago`}function ia(){var t;try{const e=document.querySelector('[data-bugcatch="widget"]'),n=(t=e==null?void 0:e.shadowRoot)==null?void 0:t.querySelector(".dock"),o=(n==null?void 0:n.getBoundingClientRect().height)||0;return o?Math.round(o)+12:0}catch{return 0}}function sa({accent:t="#4F46E5",position:e="bottom-right",onRead:n=null,onReadAll:o=null,onCall:i=null}={}){const[a,s]=String(e).split("-"),l=a==="top",p=s==="left",h=new Map;let b=null,f=null;function m(){return b!=null&&b.isConnected||(b=document.createElement("div"),b.setAttribute("data-bugcatch","updates"),b.style.cssText=["position:fixed",`${l?"top":"bottom"}:${20+ia()}px`,`${p?"left":"right"}:20px`,"z-index:2147482998","display:flex","flex-direction:column","gap:10px",`align-items:${p?"flex-start":"flex-end"}`,"width:min(320px,calc(100vw - 40px))","pointer-events:none"].join(";"),document.body.appendChild(b)),b}function g($){if(!$._bcShown){$.remove();return}$.style.opacity="0",$.style.transform=`translateY(${l?-8:8}px)`,setTimeout(()=>$.remove(),250)}function T($,L){const B=document.createElement("button");return B.type="button",B.textContent=$,B.style.cssText=["padding:5px 11px",`border:${L?"0":"1px solid rgba(236,238,242,.24)"}`,"border-radius:6px",`background:${L?t:"transparent"}`,`color:${L?"#fff":"#eceef2"}`,"font:600 12px/1.4 inherit","cursor:pointer","white-space:nowrap"].join(";"),B}function Q($){var q;const L=document.createElement("div");L.setAttribute("role","status"),L.style.cssText=["box-sizing:border-box","width:100%","padding:12px 14px","border-radius:10px","background:#1b1e26","color:#eceef2",'font:13px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif',"box-shadow:0 12px 30px rgba(0,0,0,0.45)",`border-left:3px solid ${oa[$==null?void 0:$.kind]||t}`,"opacity:0",`transform:translateY(${l?-8:8}px)`,"transition:opacity .2s ease,transform .2s ease","pointer-events:auto"].join(";");const B=document.createElement("div");B.style.cssText="font-weight:600;margin-bottom:2px",B.textContent=pn($);const j=document.createElement("div");j.style.cssText=($==null?void 0:$.kind)==="reply"?"color:#a4abba;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden":"color:#a4abba",j.textContent=aa($);const N=document.createElement("div");N.style.cssText="display:flex;align-items:center;gap:8px;margin-top:10px;flex-wrap:wrap";const S=document.createElement("span");S.style.cssText="color:#7b8394;font-size:11px;margin-right:auto",S.textContent=ra($==null?void 0:$.at);const U=T("Mark as read",!1);if(U.setAttribute("aria-label",`Mark as read: ${pn($)}`),U.addEventListener("click",()=>n==null?void 0:n($.id)),N.append(S,U),(q=$==null?void 0:$.call)!=null&&q.offered&&typeof i=="function"){const I=T("Talk it through",!0);I.addEventListener("click",()=>i($)),N.insertBefore(I,U)}return L.append(B,j,N),L}function V($){const L=document.createElement("div");L.style.cssText=["box-sizing:border-box","width:100%","display:flex","align-items:center","gap:8px","padding:8px 12px","border-radius:10px","background:#1b1e26","color:#a4abba",'font:12px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif',"box-shadow:0 12px 30px rgba(0,0,0,0.45)","pointer-events:auto"].join(";");const B=document.createElement("span");B.style.cssText="margin-right:auto",B.textContent=`${$} more update${$===1?"":"s"}`;const j=T("Mark all as read",!1);return j.style.cssText+=";padding:4px 9px",j.addEventListener("click",()=>o==null?void 0:o()),L.append(B,j),L}return{render($){const L=Array.isArray($)?$:[];if(!L.length){for(const I of h.values())g(I);h.clear(),f==null||f.remove(),f=null,b==null||b.remove(),b=null;return}const B=L.slice(-3),j=new Set(B.map(I=>I.id)),N=m();for(const[I,Z]of h)j.has(I)||(g(Z),h.delete(I));const S=[];for(const I of B){if(h.has(I.id))continue;const Z=Q(I);h.set(I.id,Z),S.push(Z)}const U=l?[...B].reverse():B;for(const I of U)N.appendChild(h.get(I.id));const q=L.length-B.length;q>0?(f==null||f.remove(),f=V(q),l?N.appendChild(f):N.insertBefore(f,N.firstChild)):(f==null||f.remove(),f=null),requestAnimationFrame(()=>{for(const I of S)I.isConnected&&(I._bcShown=!0,I.style.opacity="1",I.style.transform="translateY(0)")})},destroy(){h.clear(),f=null,b==null||b.remove(),b=null}}}async function ca({apiBase:t,apiKey:e,projectId:n,sessionToken:o}){try{const i=await fetch(`${t}/ingest/known-issues?projectId=${encodeURIComponent(n)}`,{headers:Lt(e,o)});if(!i.ok)return[];const a=await i.json();return Array.isArray(a==null?void 0:a.issues)?a.issues:[]}catch{return[]}}async function la({apiBase:t,apiKey:e,projectId:n,q:o,sessionToken:i,signal:a}){try{const s=`${t}/ingest/known-issues/match?projectId=${encodeURIComponent(n)}&q=${encodeURIComponent(o)}`,l=await fetch(s,{headers:Lt(e,i),signal:a});if(!l.ok)return[];const p=await l.json();return Array.isArray(p==null?void 0:p.issues)?p.issues:[]}catch{return[]}}async function da({apiBase:t,apiKey:e,projectId:n,bugId:o,reporterEmail:i,reporterName:a,metadata:s,logs:l,sessionToken:p}){const h=await fetch(`${t}/ingest/known-issues/${encodeURIComponent(o)}/join`,{method:"POST",headers:Lt(e,p),body:JSON.stringify({projectId:n,reporterEmail:i,reporterName:a,metadata:s,logs:l})});if(!h.ok)throw new Error(await ua(h));const b=await h.json();return b!=null&&b.watchToken&&At(b.watchToken),b}function Lt(t,e){return{"Content-Type":"application/json","X-BugCatch-Key":t,...e?{"X-BugCatch-Session":e}:{}}}async function ua(t){try{const e=await t.json(),n=Array.isArray(e.message)?e.message.join(", "):e.message;if(n)return n}catch{}return`Could not add you to this issue (HTTP ${t.status})`}async function pa({apiBase:t,bugId:e,...n}){const o=ce();if(!o)throw new Error("This browser cannot access that report.");const i=await fetch(`${t}/ingest/watch/reports/${encodeURIComponent(e)}/verification`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${o}`},body:JSON.stringify(n)}),a=await i.json().catch(()=>({}));if(!i.ok)throw new Error(a.message||"Could not record feedback. Please refresh and try again.");return a}const ha=2e4,hn=120,fn=200;function gn(t){if(typeof t!="string"||!t.trim()||t.length>400)return null;try{return new RegExp(t.trim(),"gi")}catch{return null}}const fa=t=>String(t).replace(/\s+/g," ").trim().slice(0,hn);function bn(t){const e=t.length>1&&t[1]!==void 0?t[1]:t[0];return typeof e!="string"||!e.trim()?null:{value:fa(e),start:t.index,end:t.index+t[0].length}}function ga(t,e){const n=[],o=new Set;for(const i of e||[]){const a=typeof i=="string"?i.slice(0,ha):"";if(!a)continue;const s=[],l=(p,h)=>s.some(([b,f])=>p<f&&h>b);for(const p of t||[]){if(!p||p.scan===!1)continue;const h=gn(p.pattern);if(!h)continue;let b,f=0;for(h.lastIndex=0;(b=h.exec(a))!==null&&!(++f>fn);){if(b[0]===""){h.lastIndex+=1;continue}const m=bn(b);if(m&&!l(m.start,m.end)){s.push([m.start,m.end]);const g=`${p.key}:${m.value.toLowerCase()}`;o.has(g)||(o.add(g),n.push({key:p.key,label:p.label,value:m.value}))}}}}return n}function ba(t,e){const n=typeof e=="string"?e.trim():"";if(!n||n.length>hn)return null;const o=gn(t&&(t.valuePattern||t.pattern));if(!o)return null;let i,a=0;for(o.lastIndex=0;(i=o.exec(n))!==null&&!(++a>fn);){if(i[0]===""){o.lastIndex+=1;continue}const s=i.index+i[0].length===n.length,l=i.index===0||i.index===1;if(s&&l){const p=bn(i);if(p)return p.value}}return null}async function ma({apiBase:t,apiKey:e,projectId:n}){const o={policy:"off",fields:[]};try{const i=await fetch(`${t}/ingest/reference-fields?projectId=${encodeURIComponent(n)}`,{headers:{"X-BugCatch-Key":e}});if(!i.ok)return o;const a=await i.json(),s=a.policy==="optional"||a.policy==="required"?a.policy:"off",l=Array.isArray(a.fields)?a.fields:[];return l.length?{policy:s,fields:l}:o}catch{return o}}const mn={"bottom-right":"bottom:20px;right:20px;","bottom-left":"bottom:20px;left:20px;","top-right":"top:20px;right:20px;","top-left":"top:20px;left:20px;"},yn=[{value:"LOW",label:"Low"},{value:"MEDIUM",label:"Medium"},{value:"HIGH",label:"High"},{value:"CRITICAL",label:"Critical"}],M={camera:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M3 8.5A1.5 1.5 0 0 1 4.5 7h2.2a1 1 0 0 0 .83-.45l.94-1.4A1 1 0 0 1 9.3 4.7h5.4a1 1 0 0 1 .83.45l.94 1.4a1 1 0 0 0 .83.45h2.2A1.5 1.5 0 0 1 21 8.5v9A1.5 1.5 0 0 1 19.5 19h-15A1.5 1.5 0 0 1 3 17.5z"/><circle cx="12" cy="13" r="3.4"/></svg>',video:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="6" width="12.5" height="12" rx="2.2"/><path d="M15.5 10.8l4.2-2.6a.6.6 0 0 1 .92.5v6.6a.6.6 0 0 1-.92.5l-4.2-2.6z"/></svg>',paperclip:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M20 11.5l-7.6 7.6a4.6 4.6 0 0 1-6.5-6.5l8-8a3.2 3.2 0 0 1 4.5 4.5l-8 8a1.8 1.8 0 0 1-2.5-2.5l7.1-7.1"/></svg>',close:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M6 6l12 12M18 6L6 18"/></svg>',mic:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="2.5" width="6" height="11" rx="3"/><path d="M5.5 11a6.5 6.5 0 0 0 13 0M12 17.5V21M9 21h6"/></svg>',send:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M4 12l16-8-6 16-2.6-6.2L4 12Z"/></svg>',stopSquare:'<svg viewBox="0 0 24 24" fill="currentColor"><rect x="7" y="7" width="10" height="10" rx="2"/></svg>',back:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14.5 5.5L8 12l6.5 6.5"/></svg>',phone:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M6.2 3.5h3l1.5 3.7-2 1.4a11.5 11.5 0 0 0 5.7 5.7l1.4-2 3.7 1.5v3a1.8 1.8 0 0 1-2 1.8A15.6 15.6 0 0 1 4.4 5.5a1.8 1.8 0 0 1 1.8-2z"/></svg>',phoneOff:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M6.2 3.5h3l1.5 3.7-2 1.4a11.5 11.5 0 0 0 5.7 5.7l1.4-2 3.7 1.5v3a1.8 1.8 0 0 1-2 1.8A15.6 15.6 0 0 1 4.4 5.5a1.8 1.8 0 0 1 1.8-2z"/><path d="M3 21L21 3"/></svg>',bug:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M8 6a4 4 0 0 1 8 0"/><rect x="7" y="7.5" width="10" height="12" rx="5"/><path d="M7 11H3.5M7 15.5H4M17 11h3.5M17 15.5h3M12 8v11.5"/></svg>',check:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12.8l4.6 4.4L19 7"/></svg>',retry:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 12a8 8 0 1 1-2.6-5.9M20 4v4.5h-4.5"/></svg>',sun:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="4.2"/><path d="M12 2.6v2.2M12 19.2v2.2M2.6 12h2.2M19.2 12h2.2M5.4 5.4l1.6 1.6M17 17l1.6 1.6M18.6 5.4L17 7M7 17l-1.6 1.6"/></svg>',moon:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M20 13.4A8.2 8.2 0 1 1 10.6 4a6.6 6.6 0 0 0 9.4 9.4z"/></svg>',auto:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><rect x="2.8" y="4.4" width="18.4" height="12.6" rx="2.2"/><path d="M8.6 20.2h6.8"/><path d="M12 4.4v12.6"/><path d="M12 7.2a3.6 3.6 0 0 1 0 7.2z" fill="currentColor" stroke="none"/></svg>',sparkle:'<svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 2.5c.5 4.6 2.9 7 7.5 7.5v.1c-4.6.5-7 2.9-7.5 7.5h-.1c-.5-4.6-2.9-7-7.5-7.5V10c4.6-.5 7-2.9 7.5-7.5z"/><path d="M18.6 15.2c.2 1.9 1.2 2.9 3.1 3.1v.1c-1.9.2-2.9 1.2-3.1 3.1h-.1c-.2-1.9-1.2-2.9-3.1-3.1v-.1c1.9-.2 2.9-1.2 3.1-3.1z" opacity=".7"/></svg>',chat:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M4 11.5a7.5 7 0 0 1 7.5-7h1a7.5 7 0 0 1 0 14H9l-4.2 2.6a.5.5 0 0 1-.76-.5l.5-3.1A7 7 0 0 1 4 11.5z"/><path d="M8.5 11.5h.01M12 11.5h.01M15.5 11.5h.01" stroke-width="2.6"/></svg>',chevronDown:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 9.5l6 6 6-6"/></svg>',chevronRight:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9.5 6l6 6-6 6"/></svg>',alert:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 7.5v5.2M12 16.3h.01"/></svg>',inbox:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M3.5 13.5l2.6-7.2A1.5 1.5 0 0 1 7.5 5.3h9a1.5 1.5 0 0 1 1.4 1L20.5 13.5V18a1.5 1.5 0 0 1-1.5 1.5H5A1.5 1.5 0 0 1 3.5 18z"/><path d="M3.5 13.5h4.8l1.2 2.2h5l1.2-2.2h4.8"/></svg>'},ya='<svg class="bc-brand" viewBox="0 0 254 60" fill="none" role="img" aria-label="sphoro BugCatch"><g fill="currentColor"><path transform="translate(0.00 40.00) scale(0.04000 -0.04000)" d="M276.00 -14.00Q179.00 -14.00 117.00 28.00Q55.00 70.00 42.00 148.00L158.00 178.00Q165.00 143.00 181.50 123.00Q198.00 103.00 222.50 94.50Q247.00 86.00 276.00 86.00Q320.00 86.00 341.00 101.50Q362.00 117.00 362.00 140.00Q362.00 163.00 342.00 175.50Q322.00 188.00 278.00 196.00L250.00 201.00Q198.00 211.00 155.00 228.50Q112.00 246.00 86.00 277.00Q60.00 308.00 60.00 357.00Q60.00 431.00 114.00 470.50Q168.00 510.00 256.00 510.00Q339.00 510.00 394.00 473.00Q449.00 436.00 466.00 376.00L349.00 340.00Q341.00 378.00 316.50 394.00Q292.00 410.00 256.00 410.00Q220.00 410.00 201.00 397.50Q182.00 385.00 182.00 363.00Q182.00 339.00 202.00 327.50Q222.00 316.00 256.00 310.00L284.00 305.00Q340.00 295.00 385.50 278.50Q431.00 262.00 457.50 231.50Q484.00 201.00 484.00 149.00Q484.00 71.00 427.50 28.50Q371.00 -14.00 276.00 -14.00Z"/><path transform="translate(19.56 40.00) scale(0.04000 -0.04000)" d="M70.00 -200.00V496.00H194.00V436.00H212.00Q229.00 465.00 265.00 487.50Q301.00 510.00 368.00 510.00Q428.00 510.00 479.00 480.50Q530.00 451.00 561.00 394.00Q592.00 337.00 592.00 256.00V240.00Q592.00 159.00 561.00 102.00Q530.00 45.00 479.00 15.50Q428.00 -14.00 368.00 -14.00Q323.00 -14.00 292.50 -3.50Q262.00 7.00 243.50 23.50Q225.00 40.00 214.00 57.00H196.00V-200.00ZM330.00 96.00Q389.00 96.00 427.50 133.50Q466.00 171.00 466.00 243.00V253.00Q466.00 325.00 427.00 362.50Q388.00 400.00 330.00 400.00Q272.00 400.00 233.00 362.50Q194.00 325.00 194.00 253.00V243.00Q194.00 171.00 233.00 133.50Q272.00 96.00 330.00 96.00Z"/><path transform="translate(43.68 40.00) scale(0.04000 -0.04000)" d="M70.00 0.00V700.00H196.00V435.00H214.00Q222.00 451.00 239.00 467.00Q256.00 483.00 284.50 493.50Q313.00 504.00 357.00 504.00Q415.00 504.00 458.50 477.50Q502.00 451.00 526.00 404.50Q550.00 358.00 550.00 296.00V0.00H424.00V286.00Q424.00 342.00 396.50 370.00Q369.00 398.00 318.00 398.00Q260.00 398.00 228.00 359.50Q196.00 321.00 196.00 252.00V0.00Z"/><path transform="translate(66.92 40.00) scale(0.04000 -0.04000)" d="M306.00 -14.00Q232.00 -14.00 173.00 16.00Q114.00 46.00 80.00 103.00Q46.00 160.00 46.00 240.00V256.00Q46.00 336.00 80.00 393.00Q114.00 450.00 173.00 480.00Q232.00 510.00 306.00 510.00Q380.00 510.00 439.00 480.00Q498.00 450.00 532.00 393.00Q566.00 336.00 566.00 256.00V240.00Q566.00 160.00 532.00 103.00Q498.00 46.00 439.00 16.00Q380.00 -14.00 306.00 -14.00ZM306.00 98.00Q364.00 98.00 402.00 135.50Q440.00 173.00 440.00 243.00V253.00Q440.00 323.00 402.50 360.50Q365.00 398.00 306.00 398.00Q248.00 398.00 210.00 360.50Q172.00 323.00 172.00 253.00V243.00Q172.00 173.00 210.00 135.50Q248.00 98.00 306.00 98.00Z"/><path transform="translate(90.00 40.00) scale(0.04000 -0.04000)" d="M70.00 0.00V496.00H194.00V440.00H212.00Q223.00 470.00 248.50 484.00Q274.00 498.00 308.00 498.00H368.00V386.00H306.00Q258.00 386.00 227.00 360.50Q196.00 335.00 196.00 282.00V0.00Z"/><path transform="translate(104.44 40.00) scale(0.04000 -0.04000)" d="M306.00 -14.00Q232.00 -14.00 173.00 16.00Q114.00 46.00 80.00 103.00Q46.00 160.00 46.00 240.00V256.00Q46.00 336.00 80.00 393.00Q114.00 450.00 173.00 480.00Q232.00 510.00 306.00 510.00Q380.00 510.00 439.00 480.00Q498.00 450.00 532.00 393.00Q566.00 336.00 566.00 256.00V240.00Q566.00 160.00 532.00 103.00Q498.00 46.00 439.00 16.00Q380.00 -14.00 306.00 -14.00ZM306.00 98.00Q364.00 98.00 402.00 135.50Q440.00 173.00 440.00 243.00V253.00Q440.00 323.00 402.50 360.50Q365.00 398.00 306.00 398.00Q248.00 398.00 210.00 360.50Q172.00 323.00 172.00 253.00V243.00Q172.00 173.00 210.00 135.50Q248.00 98.00 306.00 98.00Z"/></g><rect x="139.52" y="16" width="1.6" height="26" rx="0.8" fill="var(--bc-brand-mark, #5647ee)" opacity="0.4"/><g fill="var(--bc-brand-mark, #5647ee)"><path transform="translate(154.52 35.00) scale(0.01400 -0.01400)" d="M46.35 0.00V105.85H139.75V594.15H46.35V700.00H404.08Q467.38 700.00 514.79 678.41Q562.20 656.83 588.70 617.33Q615.20 577.83 615.20 523.35V513.70Q615.20 465.52 597.03 434.76Q578.85 404.00 553.91 387.24Q528.98 370.48 506.28 363.30V346.35Q528.98 340.35 555.24 323.50Q581.50 306.65 600.00 275.48Q618.50 244.30 618.50 194.48V184.48Q618.50 126.65 591.41 85.24Q564.33 43.83 516.83 21.91Q469.33 0.00 406.85 0.00ZM259.85 109.15H392.60Q441.20 109.15 469.80 132.60Q498.40 156.05 498.40 198.55V208.20Q498.40 250.70 470.21 274.15Q442.02 297.60 392.60 297.60H259.85ZM259.85 406.75H391.65Q437.55 406.75 466.32 430.11Q495.10 453.48 495.10 493.80V503.80Q495.10 544.95 466.74 567.90Q438.37 590.85 391.65 590.85H259.85Z"/><path transform="translate(167.00 35.00) scale(0.01400 -0.01400)" d="M335.30 -14.00Q251.22 -14.00 190.60 16.63Q129.97 47.25 97.56 104.96Q65.15 162.68 65.15 243.03V700.00H185.25V239.73Q185.25 170.48 224.03 131.99Q262.80 93.50 335.30 93.50Q407.80 93.50 446.57 131.99Q485.35 170.48 485.35 239.73V700.00H605.45V243.03Q605.45 162.68 573.13 104.96Q540.80 47.25 480.09 16.63Q419.38 -14.00 335.30 -14.00Z"/><path transform="translate(179.60 35.00) scale(0.01400 -0.01400)" d="M311.85 -14.00Q238.45 -14.00 179.69 18.50Q120.92 51.00 86.69 113.67Q52.45 176.35 52.45 266.87V433.13Q52.45 569.00 128.01 641.50Q203.57 714.00 332.35 714.00Q460.13 714.00 529.23 645.59Q598.33 577.17 598.33 460.87V456.70H479.87V464.52Q479.87 504.67 463.76 536.86Q447.65 569.05 414.99 587.77Q382.32 606.50 332.35 606.50Q257.63 606.50 215.09 560.70Q172.55 514.90 172.55 435.13V264.87Q172.55 185.93 215.09 138.89Q257.63 91.85 334.00 91.85Q410.02 91.85 445.12 132.83Q480.22 173.80 480.22 237.92V249.67H302.85V351.88H598.33V0.00H487.52V69.10H470.57Q462.70 50.87 446.06 31.44Q429.42 12.00 397.64 -1.00Q365.85 -14.00 311.85 -14.00Z"/><path transform="translate(192.05 35.00) scale(0.01400 -0.01400)" d="M332.35 -14.00Q203.57 -14.00 128.01 58.50Q52.45 131.00 52.45 266.87V433.13Q52.45 569.00 128.01 641.50Q203.57 714.00 332.35 714.00Q460.13 714.00 529.58 643.85Q599.03 573.70 599.03 451.57V445.75H480.57V455.22Q480.57 521.42 444.15 563.96Q407.72 606.50 332.35 606.50Q257.63 606.50 215.09 560.70Q172.55 514.90 172.55 435.13V264.87Q172.55 185.93 215.09 139.71Q257.63 93.50 332.35 93.50Q407.72 93.50 444.15 136.45Q480.57 179.40 480.57 244.78V262.25H599.03V248.43Q599.03 126.30 529.58 56.15Q460.13 -14.00 332.35 -14.00Z"/><path transform="translate(204.25 35.00) scale(0.01400 -0.01400)" d="M19.75 0.00 211.62 700.00H421.33L613.20 0.00H489.27L447.42 159.60H185.53L143.68 0.00ZM214.25 270.40H418.70L324.95 624.87H308.00Z"/><path transform="translate(216.31 35.00) scale(0.01400 -0.01400)" d="M233.95 0.00V590.85H24.70V700.00H563.30V590.85H354.05V0.00Z"/><path transform="translate(227.75 35.00) scale(0.01400 -0.01400)" d="M332.35 -14.00Q203.57 -14.00 128.01 58.50Q52.45 131.00 52.45 266.87V433.13Q52.45 569.00 128.01 641.50Q203.57 714.00 332.35 714.00Q460.13 714.00 529.58 643.85Q599.03 573.70 599.03 451.57V445.75H480.57V455.22Q480.57 521.42 444.15 563.96Q407.72 606.50 332.35 606.50Q257.63 606.50 215.09 560.70Q172.55 514.90 172.55 435.13V264.87Q172.55 185.93 215.09 139.71Q257.63 93.50 332.35 93.50Q407.72 93.50 444.15 136.45Q480.57 179.40 480.57 244.78V262.25H599.03V248.43Q599.03 126.30 529.58 56.15Q460.13 -14.00 332.35 -14.00Z"/><path transform="translate(239.95 35.00) scale(0.01400 -0.01400)" d="M69.50 0.00V700.00H189.60V405.58H466.40V700.00H586.50V0.00H466.40V296.42H189.60V0.00Z"/></g></svg>',wn=[{value:"light",label:"Light",icon:M.sun},{value:"dark",label:"Dark",icon:M.moon},{value:"auto",label:"System default",icon:M.auto}],vn="bugcatch:theme";function wa(){try{const t=localStorage.getItem(vn);return wn.some(e=>e.value===t)?t:null}catch{return null}}function va(t){try{localStorage.setItem(vn,t)}catch{}}const xa=t=>`
|
|
7
|
+
`)}return n}async function va({apiBase:t}){const e=ge();if(!e)return{reporter:null,reports:[]};const n=await fetch(`${t}/ingest/watch/reports${Ht()}`,{headers:{Authorization:`Bearer ${e}`}});if(n.status===401)return Re(),{reporter:null,reports:[]};if(!n.ok)throw new Error(`[BugCatch] could not load your reports (HTTP ${n.status})`);return n.json()}async function xa({apiBase:t,bugId:e}){const n=ge();if(!n)return null;const o=await fetch(`${t}/ingest/watch/reports/${encodeURIComponent(e)}${Ht()}`,{headers:{Authorization:`Bearer ${n}`}});if(o.status===401)return Re(),null;if(o.status===404)return null;if(!o.ok)throw new Error(`[BugCatch] could not load that report (HTTP ${o.status})`);return o.json()}async function Sn({apiBase:t,bugId:e,body:n,attachments:o}){const i=ge();if(!i)throw new Error("[BugCatch] nothing filed from this browser yet.");const r=await fetch(`${t}/ingest/watch/reports/${encodeURIComponent(e)}/messages`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${i}`},body:JSON.stringify({...n?{body:n}:{},...o!=null&&o.length?{attachments:o}:{}})});if(r.status===401)throw Re(),new Error("[BugCatch] this browser can no longer prove it filed that report.");if(!r.ok){let s="";try{const l=await r.json();s=Array.isArray(l.message)?l.message.join(", "):l.message||""}catch{}throw new Error(s||`[BugCatch] could not send that (HTTP ${r.status}).`)}return r.json()}async function ka({apiBase:t,apiKey:e,projectId:n}){const o={agent:!1,live:!1};try{const i=await fetch(`${t}/ingest/calls?projectId=${encodeURIComponent(n)}`,{headers:{"X-BugCatch-Key":e}});if(!i.ok)return o;const r=await i.json();return r!=null&&r.available?r.kinds&&typeof r.kinds=="object"?{agent:!1,live:!!r.kinds.live}:{agent:!1,live:r.kind==="live"}:o}catch{return o}}async function Sa({apiBase:t,apiKey:e,token:n,payload:o}){const i=await fetch(`${t}/ingest/calls`,{method:"POST",headers:{"Content-Type":"application/json","X-BugCatch-Key":e,...n?{"X-BugCatch-Session":n}:{}},body:JSON.stringify(o)});if(!i.ok){let r="";try{const l=await i.json();r=Array.isArray(l.message)?l.message.join(", "):l.message||""}catch{}const s=new Error(r||`[BugCatch] the call could not be started (HTTP ${i.status}).`);throw s.status=i.status,s}return i.json()}async function $n({apiBase:t,bugId:e}){const n=ge();if(!n)return!1;try{const o=await fetch(`${t}/ingest/watch/reports/${encodeURIComponent(e)}/live-call`,{headers:{Authorization:`Bearer ${n}`}});if(!o.ok)return!1;const i=await o.json();return!!(i!=null&&i.offered)}catch{return!1}}async function $a({apiBase:t,bugId:e}){const n=ge();if(!n)throw new Error("[BugCatch] nothing filed from this browser yet.");const o=await fetch(`${t}/ingest/watch/reports/${encodeURIComponent(e)}/live-call`,{method:"POST",headers:{Authorization:`Bearer ${n}`}});if(o.status===401)throw Re(),new Error("[BugCatch] this browser can no longer prove it filed that report.");if(!o.ok){let i="";try{const r=await o.json();i=Array.isArray(r.message)?r.message.join(", "):r.message||""}catch{}throw new Error(i||`[BugCatch] the call could not be started (HTTP ${o.status}).`)}return o.json()}async function Ca({apiBase:t,bugId:e,callId:n}){const o=ge();if(o)try{await fetch(`${t}/ingest/watch/reports/${encodeURIComponent(e)}/live-call/${encodeURIComponent(n)}/give-up`,{method:"POST",headers:{Authorization:`Bearer ${o}`}})}catch{}}async function Ta({apiBase:t,bugId:e,callId:n}){const o=ge();if(!o)throw new Error("[BugCatch] nothing filed from this browser yet.");const i=await fetch(`${t}/ingest/watch/reports/${encodeURIComponent(e)}/live-call/${encodeURIComponent(n)}/answer`,{method:"POST",headers:{Authorization:`Bearer ${o}`}});if(i.status===401)throw Re(),new Error("[BugCatch] this browser can no longer prove it filed that report.");if(i.status===409)throw new Error("[BugCatch] that call is no longer ringing.");if(!i.ok){let r="";try{const s=await i.json();r=Array.isArray(s.message)?s.message.join(", "):s.message||""}catch{}throw new Error(r||`[BugCatch] the call could not be answered (HTTP ${i.status}).`)}return i.json()}async function Cn({apiBase:t,bugId:e,callId:n}){const o=ge();if(o)try{await fetch(`${t}/ingest/watch/reports/${encodeURIComponent(e)}/live-call/${encodeURIComponent(n)}/decline`,{method:"POST",headers:{Authorization:`Bearer ${o}`}})}catch{}}function Ea({apiBase:t,onUpdate:e}){let n=!0,o=0,i=null;async function r(){const s=ge();if(!s)throw new Error("nothing filed from this browser yet");i=new AbortController;const l=await fetch(`${t}/ingest/watch/stream${Ht()}`,{headers:{Authorization:`Bearer ${s}`,Accept:"text/event-stream"},signal:i.signal});if(l.status===401)throw n=!1,Re(),new Error("subscription no longer valid");if(!l.ok||!l.body)throw new Error(`stream failed (${l.status})`);const g=Date.now(),b=l.body.getReader(),m=new TextDecoder;let h="";try{for(;;){const{value:f,done:p}=await b.read();if(p)break;h+=m.decode(f,{stream:!0}),h=wa(h,x=>{if(x.type!=="ping")try{e(x)}catch{}})}}finally{Date.now()-g>=ha&&(o=0)}}return(async()=>{for(;n;){try{await r()}catch(l){if((l==null?void 0:l.name)==="AbortError")return}if(!n)return;const s=xn[Math.min(o,xn.length-1)];o+=1,await new Promise(l=>setTimeout(l,s))}})(),()=>{n=!1,i==null||i.abort(),i=null}}const Ia={OPEN:"is open",IN_PROGRESS:"is being worked on",RESOLVED:"has been fixed",CLOSED:"has been closed"},Ma={status:null,severity:"#e8912a",assignment:"#4da3ff",reply:"#35b87f"};function Tn(t){return t!=null&&t.summary?t.summary:`Your report ${Ia[t==null?void 0:t.status]||"was updated"}`}function La(t){var e;return(t==null?void 0:t.kind)==="reply"&&((e=t.reply)!=null&&e.body)?`${t.reply.author?`${t.reply.author}: `:""}${t.reply.body}`:(t==null?void 0:t.title)||""}function Aa(t){const e=Date.parse(t||"");if(!Number.isFinite(e))return"";const n=Math.round((Date.now()-e)/6e4);if(n<1)return"just now";if(n<60)return`${n}m ago`;const o=Math.round(n/60);if(o<24)return`${o}h ago`;const i=Math.round(o/24);return i===1?"yesterday":`${i}d ago`}function Ba(){var t;try{const e=document.querySelector('[data-bugcatch="widget"]'),n=(t=e==null?void 0:e.shadowRoot)==null?void 0:t.querySelector(".dock"),o=(n==null?void 0:n.getBoundingClientRect().height)||0;return o?Math.round(o)+12:0}catch{return 0}}function ja({accent:t="#4F46E5",position:e="bottom-right",onRead:n=null,onReadAll:o=null,onCall:i=null}={}){const[r,s]=String(e).split("-"),l=r==="top",g=s==="left",b=new Map;let m=null,h=null;function f(){return m!=null&&m.isConnected||(m=document.createElement("div"),m.setAttribute("data-bugcatch","updates"),m.style.cssText=["position:fixed",`${l?"top":"bottom"}:${20+Ba()}px`,`${g?"left":"right"}:20px`,"z-index:2147482998","display:flex","flex-direction:column","gap:10px",`align-items:${g?"flex-start":"flex-end"}`,"width:min(320px,calc(100vw - 40px))","pointer-events:none"].join(";"),document.body.appendChild(m)),m}function p(S){if(!S._bcShown){S.remove();return}S.style.opacity="0",S.style.transform=`translateY(${l?-8:8}px)`,setTimeout(()=>S.remove(),250)}function x(S,M){const I=document.createElement("button");return I.type="button",I.textContent=S,I.style.cssText=["padding:5px 11px",`border:${M?"0":"1px solid rgba(236,238,242,.24)"}`,"border-radius:6px",`background:${M?t:"transparent"}`,`color:${M?"#fff":"#eceef2"}`,"font:600 12px/1.4 inherit","cursor:pointer","white-space:nowrap"].join(";"),I}function A(S){var C;const M=document.createElement("div");M.setAttribute("role","status"),M.style.cssText=["box-sizing:border-box","width:100%","padding:12px 14px","border-radius:10px","background:#1b1e26","color:#eceef2",'font:13px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif',"box-shadow:0 12px 30px rgba(0,0,0,0.45)",`border-left:3px solid ${Ma[S==null?void 0:S.kind]||t}`,"opacity:0",`transform:translateY(${l?-8:8}px)`,"transition:opacity .2s ease,transform .2s ease","pointer-events:auto"].join(";");const I=document.createElement("div");I.style.cssText="font-weight:600;margin-bottom:2px",I.textContent=Tn(S);const j=document.createElement("div");j.style.cssText=(S==null?void 0:S.kind)==="reply"?"color:#a4abba;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden":"color:#a4abba",j.textContent=La(S);const Q=document.createElement("div");Q.style.cssText="display:flex;align-items:center;gap:8px;margin-top:10px;flex-wrap:wrap";const U=document.createElement("span");U.style.cssText="color:#7b8394;font-size:11px;margin-right:auto",U.textContent=Aa(S==null?void 0:S.at);const P=x("Mark as read",!1);if(P.setAttribute("aria-label",`Mark as read: ${Tn(S)}`),P.addEventListener("click",()=>n==null?void 0:n(S.id)),Q.append(U,P),(C=S==null?void 0:S.call)!=null&&C.offered&&typeof i=="function"){const $=x("Talk it through",!0);$.addEventListener("click",()=>i(S)),Q.insertBefore($,P)}return M.append(I,j,Q),M}function z(S){const M=document.createElement("div");M.style.cssText=["box-sizing:border-box","width:100%","display:flex","align-items:center","gap:8px","padding:8px 12px","border-radius:10px","background:#1b1e26","color:#a4abba",'font:12px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif',"box-shadow:0 12px 30px rgba(0,0,0,0.45)","pointer-events:auto"].join(";");const I=document.createElement("span");I.style.cssText="margin-right:auto",I.textContent=`${S} more update${S===1?"":"s"}`;const j=x("Mark all as read",!1);return j.style.cssText+=";padding:4px 9px",j.addEventListener("click",()=>o==null?void 0:o()),M.append(I,j),M}return{render(S){const M=Array.isArray(S)?S:[];if(!M.length){for(const $ of b.values())p($);b.clear(),h==null||h.remove(),h=null,m==null||m.remove(),m=null;return}const I=M.slice(-3),j=new Set(I.map($=>$.id)),Q=f();for(const[$,_]of b)j.has($)||(p(_),b.delete($));const U=[];for(const $ of I){if(b.has($.id))continue;const _=A($);b.set($.id,_),U.push(_)}const P=l?[...I].reverse():I;for(const $ of P)Q.appendChild(b.get($.id));const C=M.length-I.length;C>0?(h==null||h.remove(),h=z(C),l?Q.appendChild(h):Q.insertBefore(h,Q.firstChild)):(h==null||h.remove(),h=null),requestAnimationFrame(()=>{for(const $ of U)$.isConnected&&($._bcShown=!0,$.style.opacity="1",$.style.transform="translateY(0)")})},destroy(){b.clear(),h=null,m==null||m.remove(),m=null}}}async function Ra({apiBase:t,apiKey:e,projectId:n,sessionToken:o}){try{const i=await fetch(`${t}/ingest/known-issues?projectId=${encodeURIComponent(n)}`,{headers:Nt(e,o)});if(!i.ok)return[];const r=await i.json();return Array.isArray(r==null?void 0:r.issues)?r.issues:[]}catch{return[]}}async function za({apiBase:t,apiKey:e,projectId:n,q:o,sessionToken:i,signal:r}){try{const s=`${t}/ingest/known-issues/match?projectId=${encodeURIComponent(n)}&q=${encodeURIComponent(o)}`,l=await fetch(s,{headers:Nt(e,i),signal:r});if(!l.ok)return[];const g=await l.json();return Array.isArray(g==null?void 0:g.issues)?g.issues:[]}catch{return[]}}async function Oa({apiBase:t,apiKey:e,projectId:n,bugId:o,reporterEmail:i,reporterName:r,metadata:s,logs:l,sessionToken:g}){const b=await fetch(`${t}/ingest/known-issues/${encodeURIComponent(o)}/join`,{method:"POST",headers:Nt(e,g),body:JSON.stringify({projectId:n,reporterEmail:i,reporterName:r,metadata:s,logs:l})});if(!b.ok)throw new Error(await Qa(b));const m=await b.json();return m!=null&&m.watchToken&&Dt(m.watchToken),m}function Nt(t,e){return{"Content-Type":"application/json","X-BugCatch-Key":t,...e?{"X-BugCatch-Session":e}:{}}}async function Qa(t){try{const e=await t.json(),n=Array.isArray(e.message)?e.message.join(", "):e.message;if(n)return n}catch{}return`Could not add you to this issue (HTTP ${t.status})`}async function qa({apiBase:t,bugId:e,...n}){const o=ge();if(!o)throw new Error("This browser cannot access that report.");const i=await fetch(`${t}/ingest/watch/reports/${encodeURIComponent(e)}/verification`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${o}`},body:JSON.stringify(n)}),r=await i.json().catch(()=>({}));if(!i.ok)throw new Error(r.message||"Could not record feedback. Please refresh and try again.");return r}const Ha=2e4,En=120,Ut=200;function In(t){if(typeof t!="string"||!t.trim()||t.length>400)return null;try{return new RegExp(t.trim(),"gi")}catch{return null}}const Mn=t=>String(t).replace(/\s+/g," ").trim().slice(0,En);function Ln(t,e){const n=t&&t.normalize;if(n==="phone"){const o=e.replace(/\D/g,"");return o.length===10?o:o.length===12&&o.startsWith("91")?o.slice(2):o.length===11&&o.startsWith("0")?o.slice(1):e}return n==="upper"?e.toUpperCase():e}function An(t){const e=t.length>1&&t[1]!==void 0?t[1]:t[0];return typeof e!="string"||!e.trim()?null:{value:Mn(e),start:t.index,end:t.index+t[0].length}}function Da(t,e){return((t.slice(e.start,e.valueStart)+t.slice(e.valueEnd,e.end)).match(/[a-z]/gi)||[]).length}const Na=/[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}|[A-Za-z0-9][\w-]{5,40}/gi,Bn=/[\w-]/;function Ua(t,e){const n=(t||[]).filter(f=>f&&f.scan!==!1&&f.pattern),o=[],i=[],r=(e||[]).map(f=>typeof f=="string"?f.slice(0,Ha):"");r.forEach((f,p)=>{f&&n.forEach((x,A)=>{const z=In(x.pattern);if(!z)return;let S,M=0;for(z.lastIndex=0;(S=z.exec(f))!==null&&!(++M>Ut);){if(S[0]===""){z.lastIndex+=1;continue}const I=An(S);if(!I)continue;const j=S.length>1&&S[1]!==void 0?S[1]:S[0],Q=S.index+Math.max(0,S[0].indexOf(j)),U={block:p,order:A,key:x.key,label:x.label,value:Ln(x,I.value),start:I.start,end:I.end,valueStart:Q,valueEnd:Q+j.length};U.weight=Da(f,U),o.push(U)}})});const s=o.filter(f=>!o.some(p=>p!==f&&p.block===f.block&&p.key!==f.key&&p.valueStart<=f.valueStart&&p.valueEnd>=f.valueEnd&&p.weight>f.weight)),l=new Map;for(const f of s){const p=f.value.toLowerCase();l.has(p)||l.set(p,{value:f.value,keys:new Map});const x=l.get(p);x.keys.has(f.key)||x.keys.set(f.key,{key:f.key,label:f.label,order:f.order})}const g=[],b=[],m=new Map;for(const f of l.values()){const p=[...f.keys.values()].sort((z,S)=>z.order-S.order);if(p.length>1){b.push({value:f.value,kinds:p.map(({key:z,label:S})=>({key:z,label:S}))});continue}const[{key:x,label:A}]=p;m.has(x)||m.set(x,[]),m.get(x).push({key:x,label:A,value:f.value})}for(const f of m.values())if(f.length===1)g.push(f[0]);else for(const p of f)b.push({value:p.value,kinds:[{key:p.key,label:p.label}]});const h=new Set(l.keys());return r.forEach((f,p)=>{if(!f)return;const x=o.filter(M=>M.block===p),A=new RegExp(Na.source,"gi");let z,S=0;for(;(z=A.exec(f))!==null&&++S<=Ut;){const M=z.index,I=M+z[0].length;if(x.some($=>M<$.end&&I>$.start))continue;const j=f[M-1]||"",Q=f[I]||"";if(Bn.test(j)||Bn.test(Q)||j==="/"||j==="@"||Q==="@"||j==="."||Q==="."&&/\w/.test(f[I+1]||"")||!/\d/.test(z[0]))continue;const U=Mn(z[0]),P=U.toLowerCase();if(h.has(P))continue;const C=(t||[]).filter($=>$&&jn($,U)).map(({key:$,label:_})=>({key:$,label:_}));C.length&&(h.add(P),i.push({value:U,kinds:C}))}}),{found:g,conflicts:b,loose:i}}function jn(t,e){const n=typeof e=="string"?e.trim():"";if(!n||n.length>En)return null;const o=In(t&&(t.valuePattern||t.pattern));if(!o)return null;let i,r=0;for(o.lastIndex=0;(i=o.exec(n))!==null&&!(++r>Ut);){if(i[0]===""){o.lastIndex+=1;continue}const s=i.index+i[0].length===n.length,l=i.index===0||i.index===1;if(s&&l){const g=An(i);if(g)return Ln(t,g.value)}}return null}async function Ka({apiBase:t,apiKey:e,projectId:n}){const o={policy:"off",fields:[]};try{const i=await fetch(`${t}/ingest/reference-fields?projectId=${encodeURIComponent(n)}`,{headers:{"X-BugCatch-Key":e}});if(!i.ok)return o;const r=await i.json(),s=r.policy==="optional"||r.policy==="required"?r.policy:"off",l=Array.isArray(r.fields)?r.fields:[];return l.length?{policy:s,fields:l}:o}catch{return o}}const Pa=/Did this answer your question\?/i;async function _a({apiBase:t,apiKey:e,projectId:n}){try{const o=await fetch(`${t}/ingest/agent-issues?projectId=${encodeURIComponent(n)}`,{headers:{"X-BugCatch-Key":e}});if(!o.ok)return[];const i=await o.json();return(Array.isArray(i==null?void 0:i.issues)?i.issues:[]).filter(r=>r&&typeof r.key=="string"&&typeof r.title=="string").map(r=>({key:r.key,title:r.title,hint:typeof r.hint=="string"?r.hint:""}))}catch{return[]}}const Rn={"bottom-right":"bottom:20px;right:20px;","bottom-left":"bottom:20px;left:20px;","top-right":"top:20px;right:20px;","top-left":"top:20px;left:20px;"},zn=[{value:"LOW",label:"Low"},{value:"MEDIUM",label:"Medium"},{value:"HIGH",label:"High"},{value:"CRITICAL",label:"Critical"}],B={camera:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M3 8.5A1.5 1.5 0 0 1 4.5 7h2.2a1 1 0 0 0 .83-.45l.94-1.4A1 1 0 0 1 9.3 4.7h5.4a1 1 0 0 1 .83.45l.94 1.4a1 1 0 0 0 .83.45h2.2A1.5 1.5 0 0 1 21 8.5v9A1.5 1.5 0 0 1 19.5 19h-15A1.5 1.5 0 0 1 3 17.5z"/><circle cx="12" cy="13" r="3.4"/></svg>',video:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="6" width="12.5" height="12" rx="2.2"/><path d="M15.5 10.8l4.2-2.6a.6.6 0 0 1 .92.5v6.6a.6.6 0 0 1-.92.5l-4.2-2.6z"/></svg>',paperclip:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M20 11.5l-7.6 7.6a4.6 4.6 0 0 1-6.5-6.5l8-8a3.2 3.2 0 0 1 4.5 4.5l-8 8a1.8 1.8 0 0 1-2.5-2.5l7.1-7.1"/></svg>',close:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M6 6l12 12M18 6L6 18"/></svg>',mic:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="2.5" width="6" height="11" rx="3"/><path d="M5.5 11a6.5 6.5 0 0 0 13 0M12 17.5V21M9 21h6"/></svg>',send:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M4 12l16-8-6 16-2.6-6.2L4 12Z"/></svg>',stopSquare:'<svg viewBox="0 0 24 24" fill="currentColor"><rect x="7" y="7" width="10" height="10" rx="2"/></svg>',back:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14.5 5.5L8 12l6.5 6.5"/></svg>',phone:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M6.2 3.5h3l1.5 3.7-2 1.4a11.5 11.5 0 0 0 5.7 5.7l1.4-2 3.7 1.5v3a1.8 1.8 0 0 1-2 1.8A15.6 15.6 0 0 1 4.4 5.5a1.8 1.8 0 0 1 1.8-2z"/></svg>',phoneOff:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M6.2 3.5h3l1.5 3.7-2 1.4a11.5 11.5 0 0 0 5.7 5.7l1.4-2 3.7 1.5v3a1.8 1.8 0 0 1-2 1.8A15.6 15.6 0 0 1 4.4 5.5a1.8 1.8 0 0 1 1.8-2z"/><path d="M3 21L21 3"/></svg>',bug:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M8 6a4 4 0 0 1 8 0"/><rect x="7" y="7.5" width="10" height="12" rx="5"/><path d="M7 11H3.5M7 15.5H4M17 11h3.5M17 15.5h3M12 8v11.5"/></svg>',check:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12.8l4.6 4.4L19 7"/></svg>',retry:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 12a8 8 0 1 1-2.6-5.9M20 4v4.5h-4.5"/></svg>',sun:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="4.2"/><path d="M12 2.6v2.2M12 19.2v2.2M2.6 12h2.2M19.2 12h2.2M5.4 5.4l1.6 1.6M17 17l1.6 1.6M18.6 5.4L17 7M7 17l-1.6 1.6"/></svg>',moon:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M20 13.4A8.2 8.2 0 1 1 10.6 4a6.6 6.6 0 0 0 9.4 9.4z"/></svg>',auto:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><rect x="2.8" y="4.4" width="18.4" height="12.6" rx="2.2"/><path d="M8.6 20.2h6.8"/><path d="M12 4.4v12.6"/><path d="M12 7.2a3.6 3.6 0 0 1 0 7.2z" fill="currentColor" stroke="none"/></svg>',sparkle:'<svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 2.5c.5 4.6 2.9 7 7.5 7.5v.1c-4.6.5-7 2.9-7.5 7.5h-.1c-.5-4.6-2.9-7-7.5-7.5V10c4.6-.5 7-2.9 7.5-7.5z"/><path d="M18.6 15.2c.2 1.9 1.2 2.9 3.1 3.1v.1c-1.9.2-2.9 1.2-3.1 3.1h-.1c-.2-1.9-1.2-2.9-3.1-3.1v-.1c1.9-.2 2.9-1.2 3.1-3.1z" opacity=".7"/></svg>',chat:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M4 11.5a7.5 7 0 0 1 7.5-7h1a7.5 7 0 0 1 0 14H9l-4.2 2.6a.5.5 0 0 1-.76-.5l.5-3.1A7 7 0 0 1 4 11.5z"/><path d="M8.5 11.5h.01M12 11.5h.01M15.5 11.5h.01" stroke-width="2.6"/></svg>',chevronDown:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 9.5l6 6 6-6"/></svg>',chevronRight:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9.5 6l6 6-6 6"/></svg>',alert:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 7.5v5.2M12 16.3h.01"/></svg>',inbox:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M3.5 13.5l2.6-7.2A1.5 1.5 0 0 1 7.5 5.3h9a1.5 1.5 0 0 1 1.4 1L20.5 13.5V18a1.5 1.5 0 0 1-1.5 1.5H5A1.5 1.5 0 0 1 3.5 18z"/><path d="M3.5 13.5h4.8l1.2 2.2h5l1.2-2.2h4.8"/></svg>'},Va='<svg class="bc-brand" viewBox="0 0 254 60" fill="none" role="img" aria-label="sphoro BugCatch"><g fill="currentColor"><path transform="translate(0.00 40.00) scale(0.04000 -0.04000)" d="M276.00 -14.00Q179.00 -14.00 117.00 28.00Q55.00 70.00 42.00 148.00L158.00 178.00Q165.00 143.00 181.50 123.00Q198.00 103.00 222.50 94.50Q247.00 86.00 276.00 86.00Q320.00 86.00 341.00 101.50Q362.00 117.00 362.00 140.00Q362.00 163.00 342.00 175.50Q322.00 188.00 278.00 196.00L250.00 201.00Q198.00 211.00 155.00 228.50Q112.00 246.00 86.00 277.00Q60.00 308.00 60.00 357.00Q60.00 431.00 114.00 470.50Q168.00 510.00 256.00 510.00Q339.00 510.00 394.00 473.00Q449.00 436.00 466.00 376.00L349.00 340.00Q341.00 378.00 316.50 394.00Q292.00 410.00 256.00 410.00Q220.00 410.00 201.00 397.50Q182.00 385.00 182.00 363.00Q182.00 339.00 202.00 327.50Q222.00 316.00 256.00 310.00L284.00 305.00Q340.00 295.00 385.50 278.50Q431.00 262.00 457.50 231.50Q484.00 201.00 484.00 149.00Q484.00 71.00 427.50 28.50Q371.00 -14.00 276.00 -14.00Z"/><path transform="translate(19.56 40.00) scale(0.04000 -0.04000)" d="M70.00 -200.00V496.00H194.00V436.00H212.00Q229.00 465.00 265.00 487.50Q301.00 510.00 368.00 510.00Q428.00 510.00 479.00 480.50Q530.00 451.00 561.00 394.00Q592.00 337.00 592.00 256.00V240.00Q592.00 159.00 561.00 102.00Q530.00 45.00 479.00 15.50Q428.00 -14.00 368.00 -14.00Q323.00 -14.00 292.50 -3.50Q262.00 7.00 243.50 23.50Q225.00 40.00 214.00 57.00H196.00V-200.00ZM330.00 96.00Q389.00 96.00 427.50 133.50Q466.00 171.00 466.00 243.00V253.00Q466.00 325.00 427.00 362.50Q388.00 400.00 330.00 400.00Q272.00 400.00 233.00 362.50Q194.00 325.00 194.00 253.00V243.00Q194.00 171.00 233.00 133.50Q272.00 96.00 330.00 96.00Z"/><path transform="translate(43.68 40.00) scale(0.04000 -0.04000)" d="M70.00 0.00V700.00H196.00V435.00H214.00Q222.00 451.00 239.00 467.00Q256.00 483.00 284.50 493.50Q313.00 504.00 357.00 504.00Q415.00 504.00 458.50 477.50Q502.00 451.00 526.00 404.50Q550.00 358.00 550.00 296.00V0.00H424.00V286.00Q424.00 342.00 396.50 370.00Q369.00 398.00 318.00 398.00Q260.00 398.00 228.00 359.50Q196.00 321.00 196.00 252.00V0.00Z"/><path transform="translate(66.92 40.00) scale(0.04000 -0.04000)" d="M306.00 -14.00Q232.00 -14.00 173.00 16.00Q114.00 46.00 80.00 103.00Q46.00 160.00 46.00 240.00V256.00Q46.00 336.00 80.00 393.00Q114.00 450.00 173.00 480.00Q232.00 510.00 306.00 510.00Q380.00 510.00 439.00 480.00Q498.00 450.00 532.00 393.00Q566.00 336.00 566.00 256.00V240.00Q566.00 160.00 532.00 103.00Q498.00 46.00 439.00 16.00Q380.00 -14.00 306.00 -14.00ZM306.00 98.00Q364.00 98.00 402.00 135.50Q440.00 173.00 440.00 243.00V253.00Q440.00 323.00 402.50 360.50Q365.00 398.00 306.00 398.00Q248.00 398.00 210.00 360.50Q172.00 323.00 172.00 253.00V243.00Q172.00 173.00 210.00 135.50Q248.00 98.00 306.00 98.00Z"/><path transform="translate(90.00 40.00) scale(0.04000 -0.04000)" d="M70.00 0.00V496.00H194.00V440.00H212.00Q223.00 470.00 248.50 484.00Q274.00 498.00 308.00 498.00H368.00V386.00H306.00Q258.00 386.00 227.00 360.50Q196.00 335.00 196.00 282.00V0.00Z"/><path transform="translate(104.44 40.00) scale(0.04000 -0.04000)" d="M306.00 -14.00Q232.00 -14.00 173.00 16.00Q114.00 46.00 80.00 103.00Q46.00 160.00 46.00 240.00V256.00Q46.00 336.00 80.00 393.00Q114.00 450.00 173.00 480.00Q232.00 510.00 306.00 510.00Q380.00 510.00 439.00 480.00Q498.00 450.00 532.00 393.00Q566.00 336.00 566.00 256.00V240.00Q566.00 160.00 532.00 103.00Q498.00 46.00 439.00 16.00Q380.00 -14.00 306.00 -14.00ZM306.00 98.00Q364.00 98.00 402.00 135.50Q440.00 173.00 440.00 243.00V253.00Q440.00 323.00 402.50 360.50Q365.00 398.00 306.00 398.00Q248.00 398.00 210.00 360.50Q172.00 323.00 172.00 253.00V243.00Q172.00 173.00 210.00 135.50Q248.00 98.00 306.00 98.00Z"/></g><rect x="139.52" y="16" width="1.6" height="26" rx="0.8" fill="var(--bc-brand-mark, #5647ee)" opacity="0.4"/><g fill="var(--bc-brand-mark, #5647ee)"><path transform="translate(154.52 35.00) scale(0.01400 -0.01400)" d="M46.35 0.00V105.85H139.75V594.15H46.35V700.00H404.08Q467.38 700.00 514.79 678.41Q562.20 656.83 588.70 617.33Q615.20 577.83 615.20 523.35V513.70Q615.20 465.52 597.03 434.76Q578.85 404.00 553.91 387.24Q528.98 370.48 506.28 363.30V346.35Q528.98 340.35 555.24 323.50Q581.50 306.65 600.00 275.48Q618.50 244.30 618.50 194.48V184.48Q618.50 126.65 591.41 85.24Q564.33 43.83 516.83 21.91Q469.33 0.00 406.85 0.00ZM259.85 109.15H392.60Q441.20 109.15 469.80 132.60Q498.40 156.05 498.40 198.55V208.20Q498.40 250.70 470.21 274.15Q442.02 297.60 392.60 297.60H259.85ZM259.85 406.75H391.65Q437.55 406.75 466.32 430.11Q495.10 453.48 495.10 493.80V503.80Q495.10 544.95 466.74 567.90Q438.37 590.85 391.65 590.85H259.85Z"/><path transform="translate(167.00 35.00) scale(0.01400 -0.01400)" d="M335.30 -14.00Q251.22 -14.00 190.60 16.63Q129.97 47.25 97.56 104.96Q65.15 162.68 65.15 243.03V700.00H185.25V239.73Q185.25 170.48 224.03 131.99Q262.80 93.50 335.30 93.50Q407.80 93.50 446.57 131.99Q485.35 170.48 485.35 239.73V700.00H605.45V243.03Q605.45 162.68 573.13 104.96Q540.80 47.25 480.09 16.63Q419.38 -14.00 335.30 -14.00Z"/><path transform="translate(179.60 35.00) scale(0.01400 -0.01400)" d="M311.85 -14.00Q238.45 -14.00 179.69 18.50Q120.92 51.00 86.69 113.67Q52.45 176.35 52.45 266.87V433.13Q52.45 569.00 128.01 641.50Q203.57 714.00 332.35 714.00Q460.13 714.00 529.23 645.59Q598.33 577.17 598.33 460.87V456.70H479.87V464.52Q479.87 504.67 463.76 536.86Q447.65 569.05 414.99 587.77Q382.32 606.50 332.35 606.50Q257.63 606.50 215.09 560.70Q172.55 514.90 172.55 435.13V264.87Q172.55 185.93 215.09 138.89Q257.63 91.85 334.00 91.85Q410.02 91.85 445.12 132.83Q480.22 173.80 480.22 237.92V249.67H302.85V351.88H598.33V0.00H487.52V69.10H470.57Q462.70 50.87 446.06 31.44Q429.42 12.00 397.64 -1.00Q365.85 -14.00 311.85 -14.00Z"/><path transform="translate(192.05 35.00) scale(0.01400 -0.01400)" d="M332.35 -14.00Q203.57 -14.00 128.01 58.50Q52.45 131.00 52.45 266.87V433.13Q52.45 569.00 128.01 641.50Q203.57 714.00 332.35 714.00Q460.13 714.00 529.58 643.85Q599.03 573.70 599.03 451.57V445.75H480.57V455.22Q480.57 521.42 444.15 563.96Q407.72 606.50 332.35 606.50Q257.63 606.50 215.09 560.70Q172.55 514.90 172.55 435.13V264.87Q172.55 185.93 215.09 139.71Q257.63 93.50 332.35 93.50Q407.72 93.50 444.15 136.45Q480.57 179.40 480.57 244.78V262.25H599.03V248.43Q599.03 126.30 529.58 56.15Q460.13 -14.00 332.35 -14.00Z"/><path transform="translate(204.25 35.00) scale(0.01400 -0.01400)" d="M19.75 0.00 211.62 700.00H421.33L613.20 0.00H489.27L447.42 159.60H185.53L143.68 0.00ZM214.25 270.40H418.70L324.95 624.87H308.00Z"/><path transform="translate(216.31 35.00) scale(0.01400 -0.01400)" d="M233.95 0.00V590.85H24.70V700.00H563.30V590.85H354.05V0.00Z"/><path transform="translate(227.75 35.00) scale(0.01400 -0.01400)" d="M332.35 -14.00Q203.57 -14.00 128.01 58.50Q52.45 131.00 52.45 266.87V433.13Q52.45 569.00 128.01 641.50Q203.57 714.00 332.35 714.00Q460.13 714.00 529.58 643.85Q599.03 573.70 599.03 451.57V445.75H480.57V455.22Q480.57 521.42 444.15 563.96Q407.72 606.50 332.35 606.50Q257.63 606.50 215.09 560.70Q172.55 514.90 172.55 435.13V264.87Q172.55 185.93 215.09 139.71Q257.63 93.50 332.35 93.50Q407.72 93.50 444.15 136.45Q480.57 179.40 480.57 244.78V262.25H599.03V248.43Q599.03 126.30 529.58 56.15Q460.13 -14.00 332.35 -14.00Z"/><path transform="translate(239.95 35.00) scale(0.01400 -0.01400)" d="M69.50 0.00V700.00H189.60V405.58H466.40V700.00H586.50V0.00H466.40V296.42H189.60V0.00Z"/></g></svg>',On=[{value:"light",label:"Light",icon:B.sun},{value:"dark",label:"Dark",icon:B.moon},{value:"auto",label:"System default",icon:B.auto}],Qn="bugcatch:theme";function Wa(){try{const t=localStorage.getItem(Qn);return On.some(e=>e.value===t)?t:null}catch{return null}}function Fa(t){try{localStorage.setItem(Qn,t)}catch{}}const Ya=t=>`
|
|
8
8
|
:host { all: initial; }
|
|
9
9
|
:host {
|
|
10
10
|
--bc-accent: ${t};
|
|
@@ -342,6 +342,31 @@ textarea { min-height: 88px; resize: vertical; }
|
|
|
342
342
|
.known .ask button { flex: none; }
|
|
343
343
|
.known .err { margin: 6px 0 0; font-size: 12px; line-height: 1.45; color: var(--bc-danger); }
|
|
344
344
|
|
|
345
|
+
/* ---------- questions the assistant answers by itself ---------- */
|
|
346
|
+
.picks { margin-bottom: 16px; }
|
|
347
|
+
.picks .picks-h {
|
|
348
|
+
margin: 0 0 8px; font-size: 11px; font-weight: 680; letter-spacing: .06em;
|
|
349
|
+
text-transform: uppercase; color: var(--bc-faint);
|
|
350
|
+
}
|
|
351
|
+
.picks .picks-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 6px; }
|
|
352
|
+
.picks .pick {
|
|
353
|
+
display: flex; flex-direction: column; align-items: flex-start; gap: 2px;
|
|
354
|
+
padding: 9px 11px; text-align: left; cursor: pointer; font: inherit;
|
|
355
|
+
color: var(--bc-fg); background: var(--bc-subtle);
|
|
356
|
+
border: 1px solid var(--bc-border); border-radius: var(--bc-r-md);
|
|
357
|
+
transition: background 160ms, border-color 160ms, transform 160ms;
|
|
358
|
+
animation: bc-rise 240ms var(--bc-ease) both;
|
|
359
|
+
}
|
|
360
|
+
.picks .pick:hover { border-color: var(--bc-accent-line); background: var(--bc-accent-soft); }
|
|
361
|
+
.picks .pick[aria-pressed="true"] { border-color: var(--bc-accent); background: var(--bc-accent-soft); }
|
|
362
|
+
.picks .pick .t { font-size: 13px; font-weight: 620; line-height: 1.35; overflow-wrap: anywhere; }
|
|
363
|
+
.picks .pick .h { font-size: var(--bc-fs-xs); line-height: 1.4; color: var(--bc-muted); }
|
|
364
|
+
.picks .picks-note {
|
|
365
|
+
display: flex; gap: 6px; align-items: flex-start; margin: 8px 0 0;
|
|
366
|
+
font-size: 12px; line-height: 1.45; color: var(--bc-muted);
|
|
367
|
+
}
|
|
368
|
+
.picks .picks-note svg { flex: none; margin-top: 2px; color: var(--bc-ok); }
|
|
369
|
+
|
|
345
370
|
/* ---------- who is reporting ----------
|
|
346
371
|
A strip above the form rather than a screen in front of it: where signing in
|
|
347
372
|
is optional this is a line the reporter may ignore, and it should read as
|
|
@@ -407,6 +432,14 @@ textarea { min-height: 88px; resize: vertical; }
|
|
|
407
432
|
.refs .err { color: var(--bc-danger); font-weight: 550; }
|
|
408
433
|
.refs .link { margin-top: 10px; font-size: 12px; color: var(--bc-muted); }
|
|
409
434
|
.refs .link:hover { color: var(--bc-fg); }
|
|
435
|
+
.refs .chips.cands button { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-weight: 550; }
|
|
436
|
+
/* "We read your ID" — under the description, while they type. */
|
|
437
|
+
.ref-found {
|
|
438
|
+
display: flex; align-items: center; gap: 6px;
|
|
439
|
+
margin: -6px 0 14px; font-size: 12px; line-height: 1.45; color: var(--bc-muted);
|
|
440
|
+
}
|
|
441
|
+
.ref-found svg { width: 14px; height: 14px; flex: none; color: var(--bc-ok); }
|
|
442
|
+
.ref-found b { font-weight: 600; color: var(--bc-fg); }
|
|
410
443
|
|
|
411
444
|
/* ---------- severity ---------- */
|
|
412
445
|
.seg { display: grid; grid-template-columns: repeat(4, 1fr); gap: 3px; padding: 3px; background: var(--bc-subtle); border: 1px solid var(--bc-border); border-radius: var(--bc-r-md); }
|
|
@@ -760,6 +793,10 @@ button.quiet:hover { color: var(--bc-accent); }
|
|
|
760
793
|
background: var(--bc-accent-soft); border-color: var(--bc-accent-line);
|
|
761
794
|
}
|
|
762
795
|
.assistant.resolved { background: color-mix(in srgb, var(--bc-ok) 9%, var(--bc-bg)); border-color: color-mix(in srgb, var(--bc-ok) 35%, var(--bc-border)); }
|
|
796
|
+
/* On a call: the call's own card is what they are watching. This one states
|
|
797
|
+
what is happening and stops moving — no spinner, no travelling bar. */
|
|
798
|
+
.assistant.calling { background: var(--bc-bg); }
|
|
799
|
+
.assistant.calling .as-progress i { transition: none; }
|
|
763
800
|
.as-body.entering { animation: bc-rise 360ms var(--bc-ease) both; }
|
|
764
801
|
.as-top { display: flex; gap: 11px; align-items: center; }
|
|
765
802
|
.as-orb {
|
|
@@ -953,6 +990,7 @@ button.quiet:hover { color: var(--bc-accent); }
|
|
|
953
990
|
animation: bc-rise 240ms var(--bc-ease) both;
|
|
954
991
|
}
|
|
955
992
|
.livecall .who { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
|
993
|
+
.livecall .call-kept { font-size: 11px; opacity: .75; }
|
|
956
994
|
.livecall .secs { font-variant-numeric: tabular-nums; color: var(--bc-muted); }
|
|
957
995
|
.livecall .act {
|
|
958
996
|
padding: 5px 11px; border-radius: 999px; border: 1px solid var(--bc-border);
|
|
@@ -1106,12 +1144,15 @@ div.done { padding: 44px 26px 44px; text-align: center; animation: bc-fade-in 24
|
|
|
1106
1144
|
.launcher:hover { transform: none; filter: none; }
|
|
1107
1145
|
.tool:hover:not(:disabled), .themer button:hover { transform: none; }
|
|
1108
1146
|
}
|
|
1109
|
-
`;function
|
|
1147
|
+
`;function Xa(t){const e=document.createElement("div");e.setAttribute("data-bugcatch","widget");let n=Wa()||Ja(t.config.theme);e.className=qn(n);const o=e.attachShadow({mode:"open"}),i=document.createElement("style");i.textContent=Ya(t.config.accent||"#4F46E5"),o.appendChild(i);const r=Rn[t.config.widgetPosition]?t.config.widgetPosition:"bottom-right",s=document.createElement("div");s.className=`dock ${r.includes("right")?"at-right":"at-left"}`+(r.startsWith("top")?" at-top":""),s.style.cssText=Rn[r];const l=document.createElement("div");l.className="themer",l.setAttribute("role","group"),l.setAttribute("aria-label","Report widget theme"),l.innerHTML=On.map(m=>`<button type="button" data-theme="${m.value}" title="${m.label}" aria-label="${m.label}" aria-pressed="${m.value===n}">${m.icon}</button>`).join(""),l.addEventListener("click",m=>{const h=m.target.closest("button[data-theme]");!h||h.dataset.theme===n||(n=h.dataset.theme,e.className=qn(n),Fa(n),l.querySelectorAll("button").forEach(f=>{f.setAttribute("aria-pressed",String(f.dataset.theme===n))}))});const g=document.createElement("button");g.className="launcher",g.type="button",g.innerHTML=`<span class="ico" aria-hidden="true"><span class="when-closed">${B.chat}</span><span class="when-open">${B.chevronDown}</span></span><span>Report a bug</span>`,g.setAttribute("aria-haspopup","dialog"),g.setAttribute("aria-expanded","false");let b=null;return g.addEventListener("click",()=>{if(b){b.close();return}s.classList.add("over"),g.setAttribute("aria-expanded","true"),b=Za({root:o,host:e,dock:s,client:t,onClose:()=>{b=null,s.classList.remove("over"),g.setAttribute("aria-expanded","false")}})}),s.append(l,g),o.appendChild(s),document.body.appendChild(e),t.widgetControls={open:()=>{b||g.click()},close:()=>{b==null||b.close()},isOpen:()=>!!b},()=>{b==null||b.destroy(),e.remove(),t.widgetControls=null}}function Ja(t){return t==="dark"||t==="light"?t:"auto"}function qn(t){return t==="dark"?"bc-dark":t==="light"?"bc-light":"bc-auto"}function Za({root:t,host:e,dock:n,client:o,onClose:i}){var ko,So,$o,Co,To,Eo;const r=o.config,s=r.attachments!==!1,l=s&&Jo(),g=s&&Xo(),b=[];let m="MEDIUM",h=null,f=!1;const p=document.createElement("div");p.className=`scrim ${n.classList.contains("at-left")?"at-left":"at-right"} ${n.classList.contains("at-top")?"at-top":"at-bottom"}`,p.style.setProperty("--bc-dock-h",`${Math.round(n.getBoundingClientRect().height)}px`),p.innerHTML=`
|
|
1110
1148
|
<div class="panel" role="dialog" aria-modal="true" aria-labelledby="bc-h">
|
|
1111
|
-
${
|
|
1149
|
+
${Kt({id:"bc-h",title:"Tell us what went wrong",sub:"Our assistant starts looking right away. We attach the page details for you."})}
|
|
1112
1150
|
<div class="body">
|
|
1113
1151
|
<div class="slot" role="alert"></div>
|
|
1114
1152
|
<div class="whoami" hidden></div>
|
|
1153
|
+
<!-- The questions the assistant can answer from their account and
|
|
1154
|
+
close by itself. Drawn only when the project offers any. -->
|
|
1155
|
+
<div class="picks" hidden></div>
|
|
1115
1156
|
<div class="known" hidden></div>
|
|
1116
1157
|
<div class="compose">
|
|
1117
1158
|
<div class="field">
|
|
@@ -1132,8 +1173,8 @@ div.done { padding: 44px 26px 44px; text-align: center; animation: bc-fade-in 24
|
|
|
1132
1173
|
<div class="field">
|
|
1133
1174
|
<label id="bc-prio-l">How much is it getting in your way?</label>
|
|
1134
1175
|
<div class="seg" role="group" aria-labelledby="bc-prio-l">
|
|
1135
|
-
${
|
|
1136
|
-
<button type="button" data-prio="${
|
|
1176
|
+
${zn.map(a=>`
|
|
1177
|
+
<button type="button" data-prio="${a.value}" aria-pressed="${a.value===m}">${a.label}</button>
|
|
1137
1178
|
`).join("")}
|
|
1138
1179
|
</div>
|
|
1139
1180
|
</div>
|
|
@@ -1144,12 +1185,12 @@ div.done { padding: 44px 26px 44px; text-align: center; animation: bc-fade-in 24
|
|
|
1144
1185
|
<span class="count" aria-live="polite"></span>
|
|
1145
1186
|
</div>
|
|
1146
1187
|
<div class="tools" role="group" aria-labelledby="bc-att-l">
|
|
1147
|
-
${l?`<button class="tool" type="button" data-act="shot">${
|
|
1148
|
-
${
|
|
1149
|
-
<button class="tool" type="button" data-act="file">${
|
|
1188
|
+
${l?`<button class="tool" type="button" data-act="shot">${B.camera}Screenshot</button>`:""}
|
|
1189
|
+
${g?`<button class="tool" type="button" data-act="rec">${B.video}Record screen</button>`:""}
|
|
1190
|
+
<button class="tool" type="button" data-act="file">${B.paperclip}Upload file</button>
|
|
1150
1191
|
</div>
|
|
1151
1192
|
<div class="thumbs"></div>
|
|
1152
|
-
<input type="file" accept="${
|
|
1193
|
+
<input type="file" accept="${lt.join(",")}" multiple hidden />
|
|
1153
1194
|
</div>`:""}
|
|
1154
1195
|
</div>
|
|
1155
1196
|
</div>
|
|
@@ -1161,95 +1202,113 @@ div.done { padding: 44px 26px 44px; text-align: center; animation: bc-fade-in 24
|
|
|
1161
1202
|
most cannot. Drawn here rather than as a second launcher because it
|
|
1162
1203
|
is the same errand as Send report — the difference is only whether
|
|
1163
1204
|
the reporter would rather say it than type it. -->
|
|
1164
|
-
<button class="ghost" type="button" data-act="call" hidden>${
|
|
1165
|
-
<button class="primary" type="button" data-act="send">Send report ${
|
|
1205
|
+
<button class="ghost" type="button" data-act="call" hidden>${B.phone}Talk to the team</button>
|
|
1206
|
+
<button class="primary" type="button" data-act="send">Send report ${B.send}</button>
|
|
1166
1207
|
</div>
|
|
1167
1208
|
<div class="powered">Powered by
|
|
1168
|
-
<a class="brand-credit" href="https://bugcatch.sphoro.com" target="_blank" rel="noopener noreferrer" aria-label="BugCatch">${
|
|
1209
|
+
<a class="brand-credit" href="https://bugcatch.sphoro.com" target="_blank" rel="noopener noreferrer" aria-label="BugCatch">${Va}</a>
|
|
1169
1210
|
</div>
|
|
1170
|
-
</div>`;const
|
|
1211
|
+
</div>`;const x=a=>p.querySelector(a),A=x("#bc-title"),z=x("#bc-desc"),S=x(".slot"),M=x(".thumbs"),I=p.querySelector("input[type=file]"),j=x('[data-act="send"]'),Q=x('[data-act="call"]'),U=x(".note"),P=x(".compose"),C=x(".whoami"),$=x(".refs"),_=x(".known"),Te=x(".picks"),kt=x('[data-act="history"]'),fe=document.createElement("div");fe.setAttribute("role","status"),fe.className="note",P.prepend(fe);const Ge=ra(r,(ko=$e(r.projectId))==null?void 0:ko.email);let He=r.drafts===!1,re=!1,be=Promise.resolve(),Le;function Ee(){if(clearTimeout(Le),!He||re||r.drafts===!1)return be;const a=A.value||z.value||b.length?{title:A.value,description:z.value,priority:m,items:b.map(({blob:c,mime:u,kind:d})=>({blob:c,mime:u,kind:d}))}:null;return be=be.catch(()=>{}).then(()=>ht(Ge,a)).then(()=>{fe.textContent=a?"Draft saved on this device":""}).catch(()=>{fe.textContent="Draft could not be saved. Keep this tab open."}),be}function De(){clearTimeout(Le),Le=setTimeout(Ee,250)}P.addEventListener("input",De),P.addEventListener("change",De);const et=()=>{Ee()};window.addEventListener("pagehide",et);function tt(){b.filter(a=>a.status==="failed").forEach(y)}window.addEventListener("online",tt),r.drafts!==!1&&(P.inert=!0,ia(Ge).then(a=>{Oe||!a||(fe.innerHTML='<span>You have an unfinished report on this device.</span> <button type="button" data-resume>Resume report</button> <button type="button" data-discard>Discard</button>',fe.querySelector("[data-resume]").onclick=()=>{A.value=a.title||"",z.value=a.description||"",m=zn.some(c=>c.value===a.priority)?a.priority:"MEDIUM",p.querySelectorAll("[data-prio]").forEach(c=>c.setAttribute("aria-pressed",String(c.dataset.prio===m)));for(const c of(a.items||[]).slice(0,r.maxAttachments??5))T(c);He=!0,Ee()},fe.querySelector("[data-discard]").onclick=()=>{He=!0,Ee()})}).catch(()=>{fe.textContent="Draft storage is unavailable. Keep this tab open."}).finally(()=>{P.inert=!1,fe.querySelector("[data-resume]")||(He=!0)}));const ze=document.activeElement,nt=document.documentElement.style,St=nt.overflow;nt.overflow="hidden";let Oe=!1,Qe=null;function Ne(){var a;Oe||(Ee(),Oe=!0,clearTimeout(Le),window.removeEventListener("pagehide",et),window.removeEventListener("online",tt),h==null||h.cancel(),Qe==null||Qe(),b.forEach(c=>c.previewUrl&&URL.revokeObjectURL(c.previewUrl)),nt.overflow=St,document.removeEventListener("keydown",$t,!0),p.remove(),(a=t.querySelector(".recbar"))==null||a.remove(),n.hidden=!1,e.style.opacity="",i==null||i())}function we(){var a;if(!Oe){p.classList.add("closing"),setTimeout(Ne,160);try{(a=ze==null?void 0:ze.focus)==null||a.call(ze)}catch{}}}function $t(a){if(a.key==="Escape"){if(a.stopPropagation(),h){ie({keep:!1});return}f||we();return}if(a.key!=="Tab"||h)return;const c=[...p.querySelectorAll("button:not(:disabled), input:not([hidden]), textarea, select, [href]")].filter(k=>k.offsetParent!==null||k===document.activeElement);if(!c.length)return;const u=c[0],d=c[c.length-1],w=p.getRootNode().activeElement;a.shiftKey&&w===u?(a.preventDefault(),d.focus()):!a.shiftKey&&w===d&&(a.preventDefault(),u.focus())}document.addEventListener("keydown",$t,!0),p.addEventListener("click",a=>{a.target===p&&!f&&we()}),x('[data-act="close"]').addEventListener("click",we),p.querySelectorAll("[data-prio]").forEach(a=>{a.addEventListener("click",()=>{m=a.dataset.prio,De(),p.querySelectorAll("[data-prio]").forEach(c=>{c.setAttribute("aria-pressed",String(c===a))})})});function J(a,c="err"){S.innerHTML=a?`<div class="msg ${c}">${c==="err"?B.alert:""}<span>${v(a)}</span></div>`:""}const Ct=x("#bc-title-err");function ot(a){Ct.hidden=!a,Ct.innerHTML=a?`${B.alert}<span>${v(a)}</span>`:"",A.classList.toggle("invalid",!!a),A.setAttribute("aria-invalid",String(!!a))}A.addEventListener("input",()=>{A.value.trim()&&ot("")});function me(){const a=b.some(d=>d.status==="uploading");j.disabled=f||a||b.some(d=>d.status==="failed"),U.textContent=a?"Waiting for the upload to finish…":b.some(d=>d.status==="failed")?"Retry or remove failed attachments before sending.":"";const c=r.maxAttachments??5;p.querySelectorAll(".tool").forEach(d=>{d.disabled=f||b.length>=c});const u=x(".field-head .count");u&&(u.textContent=b.length?`${b.length} of ${c}`:"")}function Tt(a){var k;const c=a.el,u=a.kind==="VIDEO"?"Video":"Shot",d=a.kind==="VIDEO"?`<video src="${a.previewUrl}" muted playsinline preload="metadata"></video>`:`<img src="${a.previewUrl}" alt="" />`;let w="";a.status==="uploading"?w=`<div class="veil"><div class="spinner"></div><div class="bar"><i style="width:${Math.round(a.progress*100)}%"></i></div></div>`:a.status==="failed"&&(w=`<div class="veil err"><button type="button" data-act="retry" aria-label="Retry upload">${B.retry}</button>Failed</div>`),c.innerHTML=`
|
|
1171
1212
|
${d}
|
|
1172
|
-
<span class="kind">${u} · ${
|
|
1173
|
-
<button class="drop" type="button" data-act="drop" aria-label="Remove ${u.toLowerCase()}">${
|
|
1174
|
-
${
|
|
1213
|
+
<span class="kind">${u} · ${qe(a.size)}</span>
|
|
1214
|
+
<button class="drop" type="button" data-act="drop" aria-label="Remove ${u.toLowerCase()}">${B.close}</button>
|
|
1215
|
+
${w}`,c.querySelector('[data-act="drop"]').addEventListener("click",()=>Zt(a)),(k=c.querySelector('[data-act="retry"]'))==null||k.addEventListener("click",()=>y(a))}function Zt(a){const c=b.indexOf(a);c>=0&&b.splice(c,1),a.previewUrl&&URL.revokeObjectURL(a.previewUrl),a.el.remove(),Ee(),me()}async function y(a){a.status="uploading",a.progress=0,Tt(a),me();try{const{storageKey:c,mime:u}=await o.uploadAttachment(a.blob,a.mime,d=>{a.progress=d;const w=a.el.querySelector(".bar i");w&&(w.style.width=`${Math.round(d*100)}%`)});a.storageKey=c,a.mime=u,a.status="ready"}catch(c){a.status="failed",J(c.message.replace("[BugCatch] ",""))}Tt(a),me()}function T({blob:a,mime:c,kind:u}){const d=r.maxAttachmentBytes??26214400;if(a.size>d){J(`That file is ${qe(a.size)} — the limit is ${qe(d)}.`);return}const w=dt(c||a.type,lt);if(!w){J("Only PNG, JPEG, WebP, WebM and MP4 files can be attached to a report.");return}const k={blob:a,kind:u,mime:w,size:a.size,previewUrl:URL.createObjectURL(a),status:"uploading",progress:0,storageKey:null,el:document.createElement("div")};k.el.className="thumb",b.push(k),M.appendChild(k.el),J(""),Ee(),y(k)}async function D(a){e.style.opacity="0",e.style.pointerEvents="none",await new Promise(c=>requestAnimationFrame(()=>requestAnimationFrame(c)));try{return await a()}finally{e.style.opacity="",e.style.pointerEvents=""}}(So=p.querySelector('[data-act="shot"]'))==null||So.addEventListener("click",async()=>{try{const a=await D(Zo);T(a)}catch(a){(a==null?void 0:a.name)!=="NotAllowedError"&&J(`Screenshot failed: ${a.message}`)}}),($o=p.querySelector('[data-act="file"]'))==null||$o.addEventListener("click",()=>I.click()),I==null||I.addEventListener("change",()=>{const a=(r.maxAttachments??5)-b.length;[...I.files].slice(0,Math.max(a,0)).forEach(c=>{T({blob:c,mime:c.type,kind:c.type.startsWith("video/")?"VIDEO":"SCREENSHOT"})}),I.value=""}),(Co=p.querySelector('[data-act="rec"]'))==null||Co.addEventListener("click",async()=>{const a=r.maxRecordingMs??12e4;let c;try{h=await Go({maxMs:a,onTick:u=>{c&&(c.querySelector(".time").textContent=ut(u))},onAutoStop:()=>{h&&ie({keep:!0})}})}catch(u){(u==null?void 0:u.name)!=="NotAllowedError"&&J(`Recording failed: ${u.message}`);return}p.style.display="none",n.hidden=!0,c=document.createElement("div"),c.className="recbar",c.innerHTML=`
|
|
1175
1216
|
<span class="dot"></span>
|
|
1176
1217
|
<span class="time">0:00</span>
|
|
1177
|
-
<span class="hint">Recording — up to ${
|
|
1218
|
+
<span class="hint">Recording — up to ${ut(Math.round(a/1e3))}</span>
|
|
1178
1219
|
<button class="stop" type="button">Stop</button>
|
|
1179
|
-
<button class="ghost" type="button">Discard</button>`,c.querySelector(".stop").addEventListener("click",()=>
|
|
1220
|
+
<button class="ghost" type="button">Discard</button>`,c.querySelector(".stop").addEventListener("click",()=>ie({keep:!0})),c.querySelector(".ghost").addEventListener("click",()=>ie({keep:!1})),t.appendChild(c),c.querySelector(".stop").focus()});async function ie({keep:a}){var u;const c=h;if(c){if(h=null,(u=t.querySelector(".recbar"))==null||u.remove(),p.style.display="",n.hidden=!1,!a){c.cancel(),A.focus();return}try{const d=await c.stop();d.blob.size?T(d):J("That recording came back empty — nothing was captured.")}catch(d){J(`Recording failed: ${d.message}`)}A.focus()}}let N={policy:"off",fields:[]},ke=!1,Z=null,ee="",ne="",he=[],Gt="ask",oo=!1,Ue=!1;o.referenceFields().then(a=>{N=a,io()}).catch(()=>{});function en(){return N.policy==="off"||!N.fields.length?{found:[],conflicts:[],loose:[]}:Ua(N.fields,[A.value,z.value])}function ao(a=en()){return a.found.length>0&&a.conflicts.length===0}function tn(){return!Z||!ee.trim()?[]:[{key:Z,value:ee.trim().slice(0,120)}]}const Ae=document.createElement("p");Ae.className="ref-found",Ae.setAttribute("aria-live","polite"),Ae.hidden=!0,z.closest(".field").after(Ae);let ro;function io(){const a=en();if(ao(a)){const c=a.found.slice(0,2).map(u=>`${v(u.label)} <b>${v(co(u.value))}</b>`).join(", ");Ae.innerHTML=`${B.check}<span>Found your ${c} — no need to add it again.</span>`,Ae.hidden=!1,ke&&!tn().length&&(ke=!1,Ie())}else Ae.hidden=!0,Ae.innerHTML=""}const so=()=>{clearTimeout(ro),ro=setTimeout(io,250)};A.addEventListener("input",so),z.addEventListener("input",so);function co(a){return a.length>20?`${a.slice(0,8)}…${a.slice(-4)}`:a}function Ar(a){const c=a.trim().toLowerCase();return he.find(u=>u.value.toLowerCase()===c)||null}function lo(a){ee=a.value,a.kinds.length===1?Z=a.kinds[0].key:a.kinds.some(c=>c.key===Z)||(Z=null),ne="",Ue=!1}function Ie(){var W,G;if(!ke){$.hidden=!0,$.innerHTML="";return}const a=N.fields.find(E=>E.key===Z)||null,c=N.policy!=="required",u=Ar(ee),d=u&&u.kinds.length>1?N.fields.filter(E=>u.kinds.some(te=>te.key===E.key)):N.fields,w=he.length>1&&he.every(E=>E.kinds.length===1&&E.kinds[0].key===he[0].kinds[0].key),k={confirm:he.length>1?["Which one is this about?","We found more than one ID in your message. Pick the one this problem is about."]:["Is this the right ID?","This could be more than one kind of ID. Tell us which it is."],suggest:["Is this your ID?","We spotted this in your message. Tell us what it is so we can find your record."],ask:c?["One more thing","So we can find your record — this helps us answer faster."]:["We need one detail","We need one of these to look this up."]}[Gt];$.hidden=!1;const q=d.length>6;$.innerHTML=`
|
|
1180
1221
|
<div class="ask-head">
|
|
1181
|
-
<span class="avatar" aria-hidden="true">${
|
|
1222
|
+
<span class="avatar" aria-hidden="true">${B.sparkle}</span>
|
|
1182
1223
|
<div>
|
|
1183
|
-
<strong>${
|
|
1184
|
-
<p class="why">${v(
|
|
1224
|
+
<strong>${v(k[0])}</strong>
|
|
1225
|
+
<p class="why">${v(k[1])}</p>
|
|
1185
1226
|
</div>
|
|
1186
1227
|
</div>
|
|
1187
|
-
${
|
|
1228
|
+
${he.length>1?`
|
|
1229
|
+
<div class="chips cands" role="group" aria-label="IDs found in your message">
|
|
1230
|
+
${he.map((E,te)=>`
|
|
1231
|
+
<button type="button" data-ref-cand="${te}" title="${v(E.value)}"
|
|
1232
|
+
aria-pressed="${!!u&&u===E}">${v(co(E.value))}</button>
|
|
1233
|
+
`).join("")}
|
|
1234
|
+
</div>`:""}
|
|
1235
|
+
${d.length>1&&!q&&!w?`
|
|
1188
1236
|
<div class="chips" role="group" aria-label="Which detail you are giving">
|
|
1189
|
-
${
|
|
1190
|
-
<button type="button" data-ref-kind="${v(
|
|
1237
|
+
${d.map(E=>`
|
|
1238
|
+
<button type="button" data-ref-kind="${v(E.key)}" aria-pressed="${!!a&&E.key===a.key}">${v(E.label)}</button>
|
|
1191
1239
|
`).join("")}
|
|
1192
1240
|
</div>`:""}
|
|
1193
1241
|
<div class="row">
|
|
1194
|
-
${
|
|
1242
|
+
${q?`
|
|
1195
1243
|
<select class="ref-kind" aria-label="Which detail you are giving">
|
|
1196
|
-
${
|
|
1197
|
-
|
|
1244
|
+
${a?"":'<option value="" selected disabled>What is it?</option>'}
|
|
1245
|
+
${d.map(E=>`
|
|
1246
|
+
<option value="${v(E.key)}" ${a&&E.key===a.key?"selected":""}>${v(E.label)}</option>
|
|
1198
1247
|
`).join("")}
|
|
1199
1248
|
</select>`:""}
|
|
1200
|
-
<input class="ref-value${
|
|
1201
|
-
inputmode="${v(
|
|
1202
|
-
value="${v(
|
|
1203
|
-
placeholder="${v(
|
|
1204
|
-
aria-label="${v(
|
|
1249
|
+
<input class="ref-value${ne?" invalid":""}" type="${(a==null?void 0:a.inputMode)==="email"?"email":"text"}"
|
|
1250
|
+
inputmode="${v((a==null?void 0:a.inputMode)==="numeric"||(a==null?void 0:a.inputMode)==="tel"?"numeric":"text")}"
|
|
1251
|
+
value="${v(ee)}"
|
|
1252
|
+
placeholder="${v(a?a.placeholder||a.label:"Your ID")}"
|
|
1253
|
+
aria-label="${v(a?a.label:"Your ID")}" ${ne?'aria-invalid="true"':""} />
|
|
1205
1254
|
</div>
|
|
1206
|
-
${
|
|
1207
|
-
${
|
|
1208
|
-
${c?`<button type="button" class="link" data-act="ref-skip"
|
|
1255
|
+
${a!=null&&a.hint?`<p class="hint">${v(a.hint)}</p>`:""}
|
|
1256
|
+
${ne?`<p class="field-err" role="alert">${B.alert}<span>${v(ne)}</span></p>`:""}
|
|
1257
|
+
${c?`<button type="button" class="link" data-act="ref-skip">${Gt==="ask"?"I don't have this — send without it":"Not sure — send as it is"}</button>`:""}`,$.querySelectorAll("[data-ref-cand]").forEach(E=>{E.addEventListener("click",()=>{lo(he[Number(E.dataset.refCand)]),Ie()})}),$.querySelectorAll("[data-ref-kind]").forEach(E=>{E.addEventListener("click",()=>{Z=E.dataset.refKind,ne="",Ue=!1,Ie()})});const R=$.querySelector(".ref-value");R.addEventListener("input",()=>{ee=R.value,ne="",Ue=!1}),R.addEventListener("keydown",E=>{E.key==="Enter"&&(E.preventDefault(),j.click())}),(W=$.querySelector(".ref-kind"))==null||W.addEventListener("change",E=>{var te;Z=E.target.value,ne="",Ie(),(te=$.querySelector(".ref-value"))==null||te.focus()}),(G=$.querySelector('[data-act="ref-skip"]'))==null||G.addEventListener("click",()=>{oo=!0,ke=!1,Z=null,ee="",ne="",Ue=!1,Ie(),J("")}),((!a&&ee?$.querySelector("[data-ref-kind], .ref-kind"):null)||R).focus()}function Br(a){if(he=a.conflicts.length?a.conflicts:a.loose.slice(0,4),Gt=a.conflicts.length?"confirm":a.loose.length?"suggest":"ask",ke=!0,he.length)if(he.length===1)lo(he[0]);else{ee="";const[c]=he;Z=he.every(d=>d.kinds.length===1&&d.kinds[0].key===c.kinds[0].key)?c.kinds[0].key:null}else Z=Z||N.fields[0].key;Ie()}function jr(){if(N.policy==="off"||!N.fields.length||tn().length)return!1;const a=en();return ao(a)||oo&&N.policy!=="required"?!1:a}j.addEventListener("click",async()=>{const a=A.value;if(!a.trim()){ot("Add a few words about what went wrong — a short sentence is plenty."),A.focus();return}if(ke&&ee.trim()&&!Z){ne="Pick what this ID is.",Ie();return}const c=jr();if(c){ke?Ie():Br(c),J("");return}if(Z&&ee.trim()){const d=N.fields.find(w=>w.key===Z);if(!Ue&&d&&!jn(d,ee)){ne=`That does not look like a ${d.label.toLowerCase()}. Press Send again to use it anyway.`,Ue=!0,Ie();return}}f=!0,J(""),me();const u=j.innerHTML;j.innerHTML='<span class="spinner" aria-hidden="true"></span>Sending…';try{const d=await o.report({title:a,description:z.value,priority:m,references:tn(),issue:(se==null?void 0:se.key)||null,attachments:b.filter(w=>w.status==="ready").map(w=>({type:w.kind,storageKey:w.storageKey,mime:w.mime}))});if(d!=null&&d.cancelled){f=!1,j.innerHTML=u,me();return}re=!0,clearTimeout(Le),await be,r.drafts!==!1&&await ht(Ge,null).catch(()=>{}),mo(d)}catch(d){f=!1,j.innerHTML=u,J(d.message.replace("[BugCatch] ","")),me(),ce.mode!=="off"&&rn().catch(()=>{})}}),(To=p.querySelector('[data-act="history"]'))==null||To.addEventListener("click",wo);let Ke=[],Et="",nn=null,at=null;function uo(){r.knownIssues!==!1&&o.knownIssues().then(a=>{Ke=a,rt()}).catch(()=>{})}let po=null;function Rr(a){if(r.knownIssues===!1)return;clearTimeout(po),at==null||at.abort();const c=(a||"").trim();if(c.length<3){uo();return}po=setTimeout(()=>{at=new AbortController,o.matchKnownIssues(c,{signal:at.signal}).then(u=>{u.length&&(Ke=u,rt())}).catch(()=>{})},250)}function rt(){if(!Ke.length){_.hidden=!0,_.innerHTML="";return}_.hidden=!1,_.innerHTML=`
|
|
1209
1258
|
<p class="known-h">Already reported</p>
|
|
1210
|
-
${
|
|
1211
|
-
<div class="issue ${
|
|
1259
|
+
${Ke.map(a=>`
|
|
1260
|
+
<div class="issue ${a.joined?"is-joined":""}">
|
|
1212
1261
|
<span class="who">
|
|
1213
|
-
<span class="t">${v(
|
|
1214
|
-
<span class="meta">${v(
|
|
1262
|
+
<span class="t">${v(a.title)}</span>
|
|
1263
|
+
<span class="meta">${v(zr(a))}</span>
|
|
1215
1264
|
</span>
|
|
1216
|
-
<button class="join" type="button" data-join="${v(
|
|
1217
|
-
${
|
|
1265
|
+
<button class="join" type="button" data-join="${v(a.id)}"
|
|
1266
|
+
${a.joined?"disabled":""}>${a.joined?"Following":"Me too"}</button>
|
|
1218
1267
|
</div>
|
|
1219
|
-
${
|
|
1268
|
+
${nn===a.id?`
|
|
1220
1269
|
<div class="ask">
|
|
1221
1270
|
<input type="email" class="join-email" placeholder="you@example.com"
|
|
1222
1271
|
aria-label="Your email, so we can tell you when this is fixed" />
|
|
1223
|
-
<button class="ghost" type="button" data-join-confirm="${v(
|
|
1272
|
+
<button class="ghost" type="button" data-join-confirm="${v(a.id)}">Follow</button>
|
|
1224
1273
|
</div>`:""}
|
|
1225
1274
|
`).join("")}
|
|
1226
|
-
${
|
|
1275
|
+
${Et?`<p class="err">${v(Et)}</p>`:""}`}function zr(a){const c=a.status==="IN_PROGRESS"?"Being worked on now":"Not fixed yet",u=a.affectedCount===0?"":` · ${a.affectedCount} ${a.affectedCount===1?"person has":"people have"} said this is happening to them`;return`${c} · reported ${yt(a.since)}${u}`}_.addEventListener("click",async a=>{var k,q,R,V,W;const c=a.target.closest("[data-join]"),u=a.target.closest("[data-join-confirm]");if(!c&&!u)return;const d=(u||c).getAttribute(u?"data-join-confirm":"data-join");Et="";const w=((q=(k=_.querySelector(".join-email"))==null?void 0:k.value)==null?void 0:q.trim())||((R=o.signedInAs())==null?void 0:R.email)||((V=o.config.user)==null?void 0:V.email);if(!w){nn=d,rt(),(W=_.querySelector(".join-email"))==null||W.focus();return}try{const G=await o.meToo(d,{email:w});nn=null,Ke=Ke.map(E=>E.id===d?{...E,joined:!0,affectedCount:G.affectedCount??E.affectedCount}:E),rt()}catch(G){Et=G.message.replace("[BugCatch] ",""),rt()}}),uo(),A.addEventListener("input",()=>Rr(A.value));let It=[],se=null;function ho(){if(!It.length){Te.hidden=!0,Te.innerHTML="";return}Te.hidden=!1,Te.innerHTML=`
|
|
1276
|
+
<p class="picks-h">Get an answer right away</p>
|
|
1277
|
+
<div class="picks-grid" role="group" aria-label="Common questions">
|
|
1278
|
+
${It.map(a=>`
|
|
1279
|
+
<button type="button" class="pick" data-pick="${v(a.key)}"
|
|
1280
|
+
aria-pressed="${(se==null?void 0:se.key)===a.key}">
|
|
1281
|
+
<span class="t">${v(a.title)}</span>
|
|
1282
|
+
${a.hint?`<span class="h">${v(a.hint)}</span>`:""}
|
|
1283
|
+
</button>`).join("")}
|
|
1284
|
+
</div>
|
|
1285
|
+
${se?`<p class="picks-note">${B.check}<span>Our assistant will check your account and reply here. Add anything else below, then send.</span></p>`:""}`}Te.addEventListener("click",a=>{const c=a.target.closest("[data-pick]");if(!c)return;const u=It.find(w=>w.key===c.dataset.pick);if(!u)return;const d=se&&A.value.trim()===se.title;(se==null?void 0:se.key)===u.key?(se=null,d&&(A.value="")):(se=u,(!A.value.trim()||d)&&(A.value=u.title)),A.dispatchEvent(new Event("input",{bubbles:!0})),ho(),se&&z.focus()}),r.agentIssues!==!1&&typeof o.agentIssues=="function"&&o.agentIssues().then(a=>{It=a,ho()}).catch(()=>{});let fo=!1;function go(){o.callKind().then(a=>{a&&(fo=!0,Q.hidden=on())}).catch(()=>{})}go();let ce={mode:o.lastLoginMode||"off",signedIn:null},le="idle",Pe=((Eo=o.config.user)==null?void 0:Eo.email)||"",_e="",de=!1,ve="";const on=()=>ce.mode==="required"&&!ce.signedIn;function Or(){const a=on();P.hidden=a,j.hidden=a,kt&&(kt.hidden=a),a?Q.hidden=!0:fo&&(Q.hidden=!1)}function Qr(){var c;if(ce.mode==="off"){C.hidden=!0,C.innerHTML="";return}C.hidden=!1,C.classList.toggle("asking",le!=="idle");const a=ve?`<div class="after err">${v(ve)}</div>`:"";if(le==="idle"){if(ce.signedIn){C.innerHTML=`<span class="who">Signed in as <strong>${v(ce.signedIn.email)}</strong></span><button type="button" class="link" data-act="signout">Sign out</button>`;return}const u=(c=o.config.user)==null?void 0:c.email;C.innerHTML=`<span class="who">${ce.mode==="required"?"Sign in to report a bug here.":u?`Reporting as <strong>${v(u)}</strong>.`:"Reporting anonymously — sign in and we can tell you what happens next."}</span><button type="button" class="link" data-act="signin">Sign in</button>`;return}if(le==="email"){C.innerHTML=`
|
|
1227
1286
|
<p class="why">Sign in with any email address — we'll send you a code.
|
|
1228
|
-
It's how you hear back about this report${
|
|
1287
|
+
It's how you hear back about this report${ce.mode==="required"?", and this project asks for it":""}.</p>
|
|
1229
1288
|
<div class="row">
|
|
1230
|
-
<input type="email" data-fld="email" value="${v(
|
|
1289
|
+
<input type="email" data-fld="email" value="${v(Pe)}"
|
|
1231
1290
|
placeholder="you@example.com" autocomplete="email" spellcheck="false"
|
|
1232
|
-
aria-label="Your email address" ${
|
|
1233
|
-
<button type="button" class="primary" data-act="code" ${
|
|
1234
|
-
${
|
|
1291
|
+
aria-label="Your email address" ${de?"disabled":""} />
|
|
1292
|
+
<button type="button" class="primary" data-act="code" ${de?"disabled":""}>
|
|
1293
|
+
${de?"Sending…":"Send code"}
|
|
1235
1294
|
</button>
|
|
1236
1295
|
</div>
|
|
1237
|
-
${
|
|
1238
|
-
${
|
|
1239
|
-
<p class="why">We sent a code to <strong>${v(
|
|
1296
|
+
${a}
|
|
1297
|
+
${ce.mode==="optional"?'<div class="after"><button type="button" class="link" data-act="skip">Not now</button></div>':""}`;return}C.innerHTML=`
|
|
1298
|
+
<p class="why">We sent a code to <strong>${v(Pe)}</strong>. It expires in ten minutes.</p>
|
|
1240
1299
|
<div class="row">
|
|
1241
|
-
<input type="text" class="code" data-fld="code" value="${v(
|
|
1300
|
+
<input type="text" class="code" data-fld="code" value="${v(_e)}"
|
|
1242
1301
|
placeholder="123456" inputmode="numeric" autocomplete="one-time-code"
|
|
1243
|
-
maxlength="8" aria-label="The code we emailed you" ${
|
|
1244
|
-
<button type="button" class="primary" data-act="confirm" ${
|
|
1245
|
-
${
|
|
1302
|
+
maxlength="8" aria-label="The code we emailed you" ${de?"disabled":""} />
|
|
1303
|
+
<button type="button" class="primary" data-act="confirm" ${de?"disabled":""}>
|
|
1304
|
+
${de?"Checking…":"Sign in"}
|
|
1246
1305
|
</button>
|
|
1247
1306
|
</div>
|
|
1248
|
-
${
|
|
1307
|
+
${a}
|
|
1249
1308
|
<div class="after">
|
|
1250
|
-
<button type="button" class="link" data-act="resend" ${
|
|
1251
|
-
<button type="button" class="link" data-act="signin-back" ${
|
|
1252
|
-
</div>`}function
|
|
1309
|
+
<button type="button" class="link" data-act="resend" ${de?"disabled":""}>Send it again</button>
|
|
1310
|
+
<button type="button" class="link" data-act="signin-back" ${de?"disabled":""}>Use another address</button>
|
|
1311
|
+
</div>`}function ye({focus:a=!1}={}){var u;if(Qr(),Or(),!a||de)return;const c=C.querySelector("[data-fld]");c&&(c.focus(),(u=c.setSelectionRange)==null||u.call(c,c.value.length,c.value.length))}C.addEventListener("input",a=>{const c=a.target.closest("[data-fld]");c&&(c.dataset.fld==="email"?Pe=c.value:_e=c.value)}),C.addEventListener("keydown",a=>{a.key!=="Enter"||!a.target.closest("[data-fld]")||(a.preventDefault(),le==="email"?an():bo())});async function an({resent:a=!1}={}){const c=Pe.trim();if(!c){ve="Enter the address to send the code to.",ye({focus:!0});return}de=!0,ve="",ye();try{await o.signIn(c),Pe=c,a||(_e=""),le="code"}catch(u){ve=u.message}finally{de=!1,ye({focus:!0})}}async function bo(){const a=_e.trim();if(!a){ve="Enter the code we emailed you.",ye({focus:!0});return}de=!0,ve="",ye();try{const c=await o.confirmSignIn(Pe.trim(),a);ce.signedIn=c,le="idle",_e="",J(""),go()}catch(c){ve=c.message}finally{de=!1,ye({focus:le!=="idle"})}}C.addEventListener("click",async a=>{const c=a.target.closest("button[data-act]");if(!c)return;const u=c.dataset.act;if(u==="signin"){le="email",ve="",ye({focus:!0});return}if(u==="skip"){le="idle",ve="",ye();return}if(u==="signin-back"){le="email",ve="",_e="",ye({focus:!0});return}if(u==="code"){an();return}if(u==="resend"){an({resent:!0});return}if(u==="confirm"){bo();return}if(u==="signout"){de=!0,ye();try{await o.signOut()}finally{ce.signedIn=null,de=!1,le=ce.mode==="required"?"email":"idle",ye({focus:le!=="idle"})}}});async function rn({announce:a=!1}={}){const c=await o.loginState();ce={mode:c.mode,signedIn:c.signedIn},o.lastLoginMode=c.mode,on()&&le==="idle"&&(le="email"),ce.signedIn&&(le="idle"),a&&c.signedOutReason&&J(c.signedOutReason,"info"),ye()}rn({announce:!0}).catch(()=>{}),Q.addEventListener("click",async()=>{f=!0,J(""),me(),Q.disabled=!0,Q.innerHTML='<span class="spinner"></span>Ringing…';try{const a=await o.startCall();qr(a)}catch(a){f=!1,Q.disabled=!1,Q.innerHTML=`${B.phone}Talk to the team`,me(),a.filed?mo(a.filed,{callFailed:a.reason||"The call could not be started."}):(J(a.message.replace("[BugCatch] ","")),ce.mode!=="off"&&rn().catch(()=>{}))}});function qr(a){const c=p.querySelector(".panel"),u=a!=null&&a.bugId?String(a.bugId).slice(0,8):null;c.innerHTML=`
|
|
1253
1312
|
<div class="call">
|
|
1254
1313
|
<div class="call-head">
|
|
1255
1314
|
<span class="call-dot" aria-hidden="true"></span>
|
|
@@ -1262,37 +1321,37 @@ div.done { padding: 44px 26px 44px; text-align: center; animation: bc-fade-in 24
|
|
|
1262
1321
|
<span class="spacer"></span>
|
|
1263
1322
|
<button class="primary" type="button" data-act="hangup">Cancel</button>
|
|
1264
1323
|
</div>
|
|
1265
|
-
</div>`;const d=c.querySelector(".call-state"),
|
|
1324
|
+
</div>`;const d=c.querySelector(".call-state"),w=c.querySelector(".call-dot"),k={ringing:"Ringing the team…",connecting:"Someone answered — connecting…",connected:"Connected",missed:"Nobody was free",ended:"Call ended",failed:"The call dropped"},q=["ended","failed","missed"],R=o.on("call",({state:V})=>{if(d.textContent=k[V]||V,w.classList.toggle("off",q.includes(V)),q.includes(V)&&(c.querySelector('[data-act="hangup"]').textContent="Close",V==="missed")){const W=c.querySelector(".call-note");W&&(W.textContent="Nobody was free to pick up just now. Your report is filed and the team will reply in the chat.")}});c.querySelector('[data-act="hangup"]').addEventListener("click",()=>{R(),o.endCall(),we()})}function mo(a,{callFailed:c=null}={}){if(a!=null&&a.id&&!c){sn(a.id,{fresh:!0}).then(u=>{u||yo(a,{callFailed:c})});return}yo(a,{callFailed:c})}function yo(a,{callFailed:c=null}={}){var k;const u=a!=null&&a.id?String(a.id).slice(0,8):null,d=(k=a==null?void 0:a.estimate)!=null&&k.label?String(a.estimate.label):null,w=c?`<p class="eta">${v(c)} Your report is filed, and the team will reply in the chat.</p>`:"";p.querySelector(".panel").innerHTML=`
|
|
1266
1325
|
<div class="done">
|
|
1267
|
-
<div class="tick">${
|
|
1326
|
+
<div class="tick">${B.check}</div>
|
|
1268
1327
|
<h3>Thanks — that's on its way.</h3>
|
|
1269
1328
|
<p>${u?`Filed as <code>${v(u)}</code>.`:"The team has what they need to reproduce it."}</p>
|
|
1270
|
-
${
|
|
1329
|
+
${w}
|
|
1271
1330
|
${d?`<p class="eta">Reports like this usually take <strong>${v(d)}</strong>. We'll let you know when it moves.</p>`:""}
|
|
1272
|
-
</div>`,setTimeout(
|
|
1273
|
-
${
|
|
1274
|
-
<div class="history" aria-busy="true">${
|
|
1275
|
-
<button class="row" type="button" data-report="${v(d.id)}" style="animation-delay:${Math.min(
|
|
1276
|
-
<span class="row-ico" aria-hidden="true">${
|
|
1331
|
+
</div>`,setTimeout(we,w?6e3:d?4e3:2e3)}async function wo(){const a=p.querySelector(".panel");clearTimeout(it),Me=null,a.classList.remove("is-chat"),a.innerHTML=`
|
|
1332
|
+
${Kt({title:"Your reports",sub:"Everything you've reported, and where each one got to."})}
|
|
1333
|
+
<div class="history" aria-busy="true">${nr(3)}</div>`,a.querySelector('[data-act="close"]').addEventListener("click",we);let c=[];try{({reports:c}=await o.myReports())}catch{const d=a.querySelector(".history");d&&(d.innerHTML=Pt("Couldn't load your reports just now.",B.alert));return}const u=a.querySelector(".history");if(u){u.removeAttribute("aria-busy"),u.innerHTML=c.length?c.map((d,w)=>`
|
|
1334
|
+
<button class="row" type="button" data-report="${v(d.id)}" style="animation-delay:${Math.min(w,8)*30}ms">
|
|
1335
|
+
<span class="row-ico" aria-hidden="true">${B.chat}</span>
|
|
1277
1336
|
<span class="who">
|
|
1278
1337
|
<span class="ttl">${v(d.title)}</span>
|
|
1279
|
-
<span class="sub">${v(d.reference)} · ${v(
|
|
1338
|
+
<span class="sub">${v(d.reference)} · ${v(yt(d.createdAt))}</span>
|
|
1280
1339
|
</span>
|
|
1281
|
-
<span class="pill ${v(String(d.status).toLowerCase())}">${v(
|
|
1282
|
-
<span class="chev" aria-hidden="true">${
|
|
1283
|
-
</button>`).join(""):
|
|
1284
|
-
${
|
|
1285
|
-
<div class="history chatting" aria-busy="true"><div class="thread">${
|
|
1340
|
+
<span class="pill ${v(String(d.status).toLowerCase())}">${v(Vt(d.status))}</span>
|
|
1341
|
+
<span class="chev" aria-hidden="true">${B.chevronRight}</span>
|
|
1342
|
+
</button>`).join(""):Pt("You haven't reported anything yet.",B.inbox);for(const d of u.querySelectorAll("[data-report]"))d.addEventListener("click",()=>sn(d.dataset.report))}}async function sn(a,{fresh:c=!1}={}){var R;const u=p.querySelector(".panel");clearTimeout(it),u.classList.add("is-chat"),u.innerHTML=`
|
|
1343
|
+
${Kt({back:!0,title:c?"Looking into it":"Your report",sub:c?"Our assistant is on it — it may ask you a question here.":"Everything that has happened, and a way to answer."})}
|
|
1344
|
+
<div class="history chatting" aria-busy="true"><div class="thread">${or()}</div></div>`,u.querySelector('[data-act="close"]').addEventListener("click",we),u.querySelector('[data-act="back"]').addEventListener("click",wo);let d=null;try{d=await o.myReport(a)}catch{d=null}const w=u.querySelector(".history");if(!w||!u.querySelector('[data-act="back"]'))return!1;if(!d)return c?(u.classList.remove("is-chat"),!1):(w.removeAttribute("aria-busy"),w.innerHTML=Pt("Couldn't load that report just now.",B.alert),!1);Me=a,o.markReportRead(a);const k=Hn(d.timeline);w.classList.add("chatting"),w.removeAttribute("aria-busy"),w.innerHTML=`
|
|
1286
1345
|
<div class="report-head">
|
|
1287
1346
|
<span class="ttl">${v(d.title)}</span>
|
|
1288
1347
|
<span class="sub">${v(d.reference)} · ${v(d.project||"")}</span>
|
|
1289
|
-
<span class="pill ${v(String(d.status).toLowerCase())}">${v(
|
|
1348
|
+
<span class="pill ${v(String(d.status).toLowerCase())}">${v(Vt(d.status))}</span>
|
|
1290
1349
|
${(R=d.estimate)!=null&&R.label?`<span class="eta-line">Usually takes ${v(String(d.estimate.label))}</span>`:""}
|
|
1291
1350
|
</div>
|
|
1292
|
-
<div class="thread" role="log" aria-live="polite" aria-label="Conversation">${
|
|
1293
|
-
<div class="as-body${
|
|
1351
|
+
<div class="thread" role="log" aria-live="polite" aria-label="Conversation">${k}</div>`;const q=w.querySelector(".thread");return _t.set(q,k),Xe(q),xo(w,d),d.canReply&&Hr(w,q,a),vo(w,d,a),Xe(q),!0}let it=null;function vo(a,c,u){var F,oe,Se;clearTimeout(it);const d=c.assistant,w=a.querySelector(".thread");let k=a.querySelector(".assistant");if(!d){k==null||k.remove(),(F=w==null?void 0:w.querySelector(".typing-row"))==null||F.remove();return}const q=(k==null?void 0:k.dataset.phase)||null;k||(k=document.createElement("div"),k.setAttribute("role","status"),k.setAttribute("aria-live","polite"),(oe=a.querySelector(".report-head"))==null||oe.after(k)),k.className=`assistant ${v(d.phase)}`,k.dataset.phase=d.phase;const R=d.steps||[],V=R.filter(ae=>ae.state==="done").length,W=R.some(ae=>ae.state==="active")?.5:0,G=R.length?Math.round((V+W)/R.length*100):0,E=`
|
|
1352
|
+
<div class="as-body${q&&q!==d.phase?" entering":""}">
|
|
1294
1353
|
<div class="as-top">
|
|
1295
|
-
<span class="as-orb" aria-hidden="true">${d.phase==="analyzing"?'<span class="as-spin"></span>':d.phase==="resolved"?
|
|
1354
|
+
<span class="as-orb" aria-hidden="true">${d.phase==="analyzing"?'<span class="as-spin"></span>':d.phase==="calling"?B.phone:d.phase==="resolved"?B.check:B.sparkle}</span>
|
|
1296
1355
|
<div class="as-text">
|
|
1297
1356
|
<div class="as-title">${v(d.title)}</div>
|
|
1298
1357
|
<div class="as-detail">${v(d.detail)}</div>
|
|
@@ -1300,70 +1359,75 @@ div.done { padding: 44px 26px 44px; text-align: center; animation: bc-fade-in 24
|
|
|
1300
1359
|
</div>
|
|
1301
1360
|
</div>
|
|
1302
1361
|
${R.length?`
|
|
1303
|
-
<div class="as-progress" role="progressbar" aria-label="Progress" aria-valuemin="0" aria-valuemax="100" aria-valuenow="${
|
|
1304
|
-
<ol class="as-steps">${R.map(
|
|
1362
|
+
<div class="as-progress" role="progressbar" aria-label="Progress" aria-valuemin="0" aria-valuemax="100" aria-valuenow="${G}"><i style="width:${G}%"></i></div>
|
|
1363
|
+
<ol class="as-steps">${R.map(ae=>`<li class="${v(ae.state)}"${ae.state==="active"?' aria-current="step"':""}><span class="dot"></span><span class="lbl">${v(ae.label)}</span></li>`).join("")}</ol>`:""}`,te=JSON.stringify([d.phase,d.title,d.detail,R]);if(k.dataset.key!==te){const ae=k.querySelector(".as-progress i"),ue=ae==null?void 0:ae.style.width;k.innerHTML=E,k.dataset.key=te;const Ve=k.querySelector(".as-progress i");Ve&&ue&&(Ve.style.width=ue,requestAnimationFrame(()=>{Ve.style.width=`${G}%`}))}if(w){const ae=Un(w),ue=w.querySelector(".typing-row");d.phase!=="analyzing"?ue==null||ue.remove():(!ue||ue!==w.lastElementChild)&&(ue==null||ue.remove(),w.insertAdjacentHTML("beforeend",tr()),ae&&Xe(w))}d.phase==="analyzing"?it=setTimeout(()=>st(u),3e3):d.phase==="calling"?it=setTimeout(()=>st(u),1e4):d.phase==="needs_info"&&q!=="needs_info"&&((Se=a.querySelector(".composer textarea"))==null||Se.focus())}function xo(a,c){var d,w;if((d=a.querySelector(".fix-verification"))==null||d.remove(),!c.resolvedAt||!["RESOLVED","CLOSED"].includes(c.status))return;const u=document.createElement("div");u.className="fix-verification",c.verification?u.textContent=c.verification==="CONFIRMED"?"You confirmed that this fix works.":"Your feedback was recorded.":(u.innerHTML='<p>Does the fix work for you?</p><textarea maxlength="4000" aria-label="Fix feedback" placeholder="What happens when you try again? (optional)"></textarea><button type="button" data-result="CONFIRMED">It works now</button> <button type="button" data-result="STILL_HAPPENING">Still happening</button><p class="feedback-status" role="status"></p>',u.querySelectorAll("[data-result]").forEach(k=>{k.onclick=async()=>{u.querySelectorAll("button").forEach(q=>{q.disabled=!0});try{await o.verifyFix(c.id,{result:k.dataset.result,resolvedAt:c.resolvedAt,note:u.querySelector("textarea").value}),await sn(c.id)}catch(q){u.querySelector(".feedback-status").textContent=q.message,u.querySelectorAll("button").forEach(R=>{R.disabled=!1})}}})),(w=a.querySelector(".report-head"))==null||w.after(u)}async function st(a){const c=p.querySelector(".history.chatting"),u=c==null?void 0:c.querySelector(".thread");if(!u||Me!==a)return;let d=null;try{d=await o.myReport(a)}catch{}if(!d||Me!==a)return;xo(c,d);const w=Un(u),k=Hn(d.timeline);_t.get(u)!==k&&(u.innerHTML=k,_t.set(u,k)),vo(c,d,a),w&&Xe(u);const q=c.querySelector(".report-head .pill");q&&(q.className=`pill ${String(d.status).toLowerCase()}`,q.textContent=Vt(d.status))}function Hr(a,c,u){var Ve;const d=document.createElement("div");d.className="composer",d.innerHTML=`
|
|
1305
1364
|
<div class="staged" hidden></div>
|
|
1306
1365
|
<div class="row">
|
|
1307
1366
|
<div class="tools">
|
|
1308
|
-
|
|
1309
|
-
<button class="tool" type="button" data-act="
|
|
1310
|
-
<button class="tool" type="button" data-act="
|
|
1367
|
+
${r.attachments===!1?"":`
|
|
1368
|
+
<button class="tool" type="button" data-act="attach" title="Attach a file" aria-label="Attach a file">${B.paperclip}</button>
|
|
1369
|
+
<button class="tool" type="button" data-act="voice" title="Record a voice note" aria-label="Record a voice note">${B.mic}</button>`}
|
|
1370
|
+
<button class="tool" type="button" data-act="livecall" title="Call the team" aria-label="Call the team" hidden>${B.phone}</button>
|
|
1311
1371
|
</div>
|
|
1312
1372
|
<textarea rows="1" placeholder="Write a reply…" aria-label="Write a reply"></textarea>
|
|
1313
|
-
<button class="send" type="button" data-act="send" title="Send" aria-label="Send" disabled>${
|
|
1373
|
+
<button class="send" type="button" data-act="send" title="Send" aria-label="Send" disabled>${B.send}</button>
|
|
1314
1374
|
</div>
|
|
1315
1375
|
<div class="note" hidden></div>
|
|
1316
|
-
<input type="file" hidden multiple accept="${
|
|
1376
|
+
<input type="file" hidden multiple accept="${wn.join(",")}">`,a.appendChild(d);const w=d.querySelector(".staged"),k=d.querySelector("textarea"),q=d.querySelector('[data-act="send"]'),R=d.querySelector('[data-act="voice"]'),V=d.querySelector('[data-act="livecall"]'),W=d.querySelector("input[type=file]"),G=d.querySelector(".note"),E=[];let te=null,F=!1;function oe(O,K=""){G.hidden=!O,G.className=`note ${K}`,G.textContent=O||""}function Se(){const O=E.filter(K=>K.storageKey);q.disabled=F||!k.value.trim()&&!O.length,w.hidden=!E.length,w.innerHTML=E.map((K,xe)=>`
|
|
1317
1377
|
<span class="chip ${K.storageKey?"":"uploading"}">
|
|
1318
1378
|
<span class="nm">${v(K.name)}</span>
|
|
1319
|
-
<span class="sz">${K.storageKey?
|
|
1320
|
-
<button type="button" data-drop="${
|
|
1321
|
-
</span>`).join("");for(const K of
|
|
1379
|
+
<span class="sz">${K.storageKey?qe(K.size):"sending…"}</span>
|
|
1380
|
+
<button type="button" data-drop="${xe}" aria-label="Remove ${v(K.name)}">${B.close}</button>
|
|
1381
|
+
</span>`).join("");for(const K of w.querySelectorAll("[data-drop]"))K.addEventListener("click",()=>{E.splice(Number(K.dataset.drop),1),Se()})}async function ae(O,K,xe){const Y={name:xe,size:O.size,storageKey:null};E.push(Y),Se();try{const{storageKey:cn,mime:Nr}=await o.uploadAttachment(O,K);Y.storageKey=cn,Y.mime=Nr}catch(cn){E.splice(E.indexOf(Y),1),oe(cn.message||"That file could not be sent.","err")}Se()}k.addEventListener("input",()=>{k.style.height="auto",k.style.height=`${Math.min(k.scrollHeight,120)}px`,Se()}),k.addEventListener("keydown",O=>{O.key==="Enter"&&!O.shiftKey&&!O.isComposing&&(O.preventDefault(),ue())}),(Ve=d.querySelector('[data-act="attach"]'))==null||Ve.addEventListener("click",()=>W.click()),W.addEventListener("change",()=>{oe("");for(const O of W.files){if(O.size>o.config.maxAttachmentBytes){oe(`${O.name} is larger than ${qe(o.config.maxAttachmentBytes)}.`,"err");continue}ae(O,O.type,O.name)}W.value=""}),R&&!Yo()&&(R.disabled=!0,R.title="This browser cannot record audio"),R==null||R.addEventListener("click",async()=>{if(te){const O=te;te=null,R.classList.remove("recording"),R.innerHTML=B.mic,oe("");const{blob:K,mime:xe}=await O.stop();K.size&&ae(K,xe,"Voice note");return}try{oe(""),te=await ea({maxMs:o.config.maxRecordingMs,onTick:O=>oe(`Recording — ${ut(O)}. Tap the mic to stop.`),onAutoStop:()=>R.click()}),R.classList.add("recording"),R.innerHTML=B.stopSquare}catch{te=null,oe("The microphone is not available — check the browser permission.","err")}}),o.canCallTeam(u).then(O=>{O&&(V.hidden=!1)}).catch(()=>{}),V.addEventListener("click",async()=>{V.disabled=!0,oe("");try{const O=await o.startLiveCall(u);Dr(a,c,O)}catch(O){oe(O.message.replace("[BugCatch] ",""),"err")}finally{V.disabled=!1}}),q.addEventListener("click",ue),c.addEventListener("click",O=>{var xe,Y;const K=(Y=(xe=O.target).closest)==null?void 0:Y.call(xe,"[data-quick]");!K||F||(k.value=K.dataset.quick,ue())});async function ue(){var xe;const O=k.value.trim(),K=E.filter(Y=>Y.storageKey);if(!(F||!O&&!K.length)){F=!0,Se(),oe(""),c.insertAdjacentHTML("beforeend",Dn({from:"reporter",body:O,at:new Date().toISOString(),attachments:K.map(Y=>({type:"FILE",name:Y.name,size:Y.size}))},"pending")),Xe(c,{smooth:!0});try{await Sn({apiBase:o.config.apiBase,bugId:u,body:O,attachments:K.map(Y=>({storageKey:Y.storageKey,mime:Y.mime,name:Y.name,size:Y.size}))}),k.value="",k.style.height="auto",E.length=0,await st(u)}catch(Y){(xe=c.querySelector(".msg-row.pending"))==null||xe.classList.replace("pending","failed"),oe(Y.message||"That could not be sent — try again.","err")}finally{F=!1,Se()}}}Se()}function Dr(a,c,u){const d=document.createElement("div");d.className="livecall",d.innerHTML=`
|
|
1322
1382
|
<span class="call-dot" aria-hidden="true"></span>
|
|
1323
1383
|
<span class="who" role="status" aria-live="polite">Calling the team…</span>
|
|
1324
1384
|
<span class="secs" hidden></span>
|
|
1385
|
+
${u!=null&&u.recorded?'<span class="call-kept">This call is recorded.</span>':""}
|
|
1325
1386
|
<button class="act" type="button" data-act="mute" hidden>Mute</button>
|
|
1326
|
-
<button class="act danger" type="button" data-act="hangup">Cancel</button>`,
|
|
1387
|
+
<button class="act danger" type="button" data-act="hangup">Cancel</button>`,a.insertBefore(d,c);const w=d.querySelector(".who"),k=d.querySelector(".secs"),q=d.querySelector(".call-dot"),R=d.querySelector('[data-act="mute"]'),V=d.querySelector('[data-act="hangup"]');let W=null;const G=()=>{W&&(clearInterval(W),W=null)},E=F=>{G(),q.classList.add("off"),d.classList.add("over"),w.textContent=F,k.hidden=!0,R.hidden=!0,V.textContent="Dismiss",V.classList.remove("danger")},te=o.on("call",({state:F})=>{if(F==="ringing"&&(w.textContent="Calling the team…"),F==="connecting"&&(w.textContent="Someone answered — connecting…"),F==="connected"){w.textContent="You're on a call with the team",R.hidden=!1,k.hidden=!1;const oe=Date.now();G(),W=setInterval(()=>{k.textContent=ut(Math.floor((Date.now()-oe)/1e3))},1e3),k.textContent="0s"}F==="missed"&&E("Nobody was free. Send a message instead and the team will pick it up."),F==="ended"&&E("Call ended."),F==="failed"&&E("The call dropped.")});R.addEventListener("click",()=>{const F=u.setMuted(!u.isMuted());R.textContent=F?"Unmute":"Mute",w.textContent=F?"You're muted":"You're on a call with the team"}),V.addEventListener("click",()=>{te(),G(),o.endCall(),d.remove(),st(Me)})}let Me=null;return Qe=o.on("update",a=>{!Me||(a==null?void 0:a.bugId)!==Me||(o.markReportRead(Me),st(Me))}),t.appendChild(p),me(),A.focus(),{destroy:Ne,close:we}}function Hn(t){const e=t||[];if(!e.length)return"";let n=null,o=null;return e.map(i=>{var m,h,f,p;const r=Ye(i.at),s=r&&r!==n?`<div class="day-sep" role="separator">${v(rr(i.at))}</div>`:"";if(s&&(n=r,o=null),!i.from)return o=null,s+er(i);const l={from:i.from,author:(m=i.reply)==null?void 0:m.author,automated:(h=i.reply)==null?void 0:h.automated,body:(f=i.reply)==null?void 0:f.body,at:i.at,attachments:(p=i.reply)==null?void 0:p.attachments},g=Ga(l),b=o&&o.who===g&&Math.abs(new Date(i.at).getTime()-new Date(o.at).getTime())<5*6e4;return o={who:g,at:i.at},s+Dn(l,b?"cont":"")}).join("")}function Ga(t){return t.from==="reporter"?"me":t.automated?"assistant":`team:${t.author||""}`}function er(t){const e=Nn(t.at);return`
|
|
1327
1388
|
<div class="sys k-${v(t.kind)}">
|
|
1328
1389
|
<span class="dot" aria-hidden="true"></span>${v(t.summary||"")}${e?`
|
|
1329
1390
|
<span class="t">· ${v(e)}</span>`:""}
|
|
1330
|
-
</div>`}function
|
|
1331
|
-
<button type="button" data-quick="Yes, this is the problem">${
|
|
1332
|
-
<button type="button" data-quick="No, that is not the problem">
|
|
1333
|
-
</div>`:""
|
|
1334
|
-
|
|
1335
|
-
|
|
1336
|
-
|
|
1337
|
-
|
|
1391
|
+
</div>`}function Dn(t,e=""){const n=t.from==="reporter",o=t.body||"",i=t.attachments||[],r=!n&&!!t.automated,s=o?`<span class="msg-text">${v(o)}</span>`:"",l=i.length?`<div class="att">${i.map(ir).join("")}</div>`:"";let g="",b="";if(r)g='<span class="msg-who auto">Assistant <span class="tag">AI</span></span>',b=`<span class="av bot" aria-hidden="true">${B.sparkle}</span>`;else if(!n){const h=t.author||"Support team";g=`<span class="msg-who">${v(h)}</span>`,b=`<span class="av" aria-hidden="true">${v(ar(h))}</span>`}e.includes("cont")&&(g="");const m=r&&/it goes to the same person/i.test(o)?`<div class="quick" role="group" aria-label="Answer">
|
|
1392
|
+
<button type="button" data-quick="Yes, this is the problem">${B.check}That's right</button>
|
|
1393
|
+
<button type="button" data-quick="No, that is not the problem">That's not it</button>
|
|
1394
|
+
</div>`:r&&Pa.test(o)?`<div class="quick" role="group" aria-label="Did this answer your question?">
|
|
1395
|
+
<button type="button" data-quick="Yes, that answers it">${B.check}Yes, that answers it</button>
|
|
1396
|
+
<button type="button" data-quick="No, I still need help">No, I still need help</button>
|
|
1397
|
+
</div>`:"";return`
|
|
1398
|
+
<div class="msg-row ${n?"mine":"theirs"} ${r?"auto":""} ${e}">
|
|
1338
1399
|
${b}
|
|
1339
|
-
|
|
1340
|
-
|
|
1400
|
+
${g}
|
|
1401
|
+
<div class="bubble ${o?"":"silent"}">${s}${l}</div>
|
|
1402
|
+
${m}
|
|
1403
|
+
<span class="msg-when">${v(Nn(t.at)||yt(t.at))}</span>
|
|
1404
|
+
</div>`}function tr(){return`
|
|
1341
1405
|
<div class="typing-row">
|
|
1342
|
-
<span class="av bot" aria-hidden="true">${
|
|
1406
|
+
<span class="av bot" aria-hidden="true">${B.sparkle}</span>
|
|
1343
1407
|
<span class="msg-who auto">Assistant <span class="tag">AI</span></span>
|
|
1344
1408
|
<div class="bubble typing" role="img" aria-label="The assistant is working on it"><i></i><i></i><i></i></div>
|
|
1345
|
-
</div>`}function
|
|
1409
|
+
</div>`}function Kt({title:t,sub:e,id:n="",back:o=!1}){return`
|
|
1346
1410
|
<div class="head">
|
|
1347
|
-
${o?`<button class="icon-btn back" type="button" data-act="back" aria-label="Back to your reports">${
|
|
1348
|
-
<div class="mark" aria-hidden="true">${
|
|
1411
|
+
${o?`<button class="icon-btn back" type="button" data-act="back" aria-label="Back to your reports">${B.back}</button>`:""}
|
|
1412
|
+
<div class="mark" aria-hidden="true">${B.sparkle}</div>
|
|
1349
1413
|
<div class="titles">
|
|
1350
1414
|
<h2${n?` id="${n}"`:""}>${v(t)}</h2>
|
|
1351
1415
|
<p>${v(e)}</p>
|
|
1352
1416
|
</div>
|
|
1353
|
-
<button class="icon-btn" type="button" data-act="close" aria-label="Close">${
|
|
1354
|
-
</div>`}function
|
|
1417
|
+
<button class="icon-btn" type="button" data-act="close" aria-label="Close">${B.close}</button>
|
|
1418
|
+
</div>`}function Pt(t,e){return`<div class="empty"><span class="empty-ico" aria-hidden="true">${e}</span>${v(t)}</div>`}function nr(t){return Array.from({length:t},()=>`
|
|
1355
1419
|
<div class="row" aria-hidden="true">
|
|
1356
1420
|
<span class="row-ico"></span>
|
|
1357
1421
|
<span class="who"><span class="skel" style="width:70%"></span><span class="skel" style="width:40%;height:9px"></span></span>
|
|
1358
|
-
</div>`).join("")+'<span class="sr-only">Loading…</span>'}function
|
|
1422
|
+
</div>`).join("")+'<span class="sr-only">Loading…</span>'}function or(){return`
|
|
1359
1423
|
<div aria-hidden="true" style="display:flex;flex-direction:column;gap:10px;padding-top:6px">
|
|
1360
1424
|
<span class="skel" style="width:42%;height:34px;border-radius:16px;align-self:center"></span>
|
|
1361
1425
|
<span class="skel" style="width:66%;height:52px;border-radius:18px"></span>
|
|
1362
1426
|
<span class="skel" style="width:48%;height:38px;border-radius:18px;align-self:flex-end"></span>
|
|
1363
1427
|
</div>
|
|
1364
|
-
<span class="sr-only">Loading…</span>`}const
|
|
1428
|
+
<span class="sr-only">Loading…</span>`}const _t=new WeakMap;function ar(t){const e=String(t).trim().split(/\s+/).filter(Boolean);return e.length?(e[0][0]+(e.length>1?e[e.length-1][0]:"")).toUpperCase():"?"}function Ye(t){const e=new Date(t);return Number.isFinite(e.getTime())?`${e.getFullYear()}-${e.getMonth()}-${e.getDate()}`:null}function rr(t){const e=new Date(t),n=new Date,o=new Date(n.getFullYear(),n.getMonth(),n.getDate()-1);if(Ye(e)===Ye(n))return"Today";if(Ye(e)===Ye(o))return"Yesterday";try{return e.toLocaleDateString(void 0,{weekday:"short",day:"numeric",month:"short",...e.getFullYear()!==n.getFullYear()?{year:"numeric"}:{}})}catch{return yt(t)}}function Nn(t){const e=new Date(t);if(!Number.isFinite(e.getTime()))return"";try{return e.toLocaleTimeString(void 0,{hour:"numeric",minute:"2-digit"})}catch{return""}}function ir(t){const e=v(t.name||"attachment");if(!t.url)return`<span class="file"><span class="nm">${e}</span></span>`;const n=v(t.url);return t.type==="SCREENSHOT"?`<a href="${n}" target="_blank" rel="noopener noreferrer"><img src="${n}" alt="${e}" loading="lazy"></a>`:t.type==="AUDIO"?`<audio controls preload="metadata" src="${n}"></audio>`:t.type==="VIDEO"?`<video controls preload="metadata" src="${n}"></video>`:`
|
|
1365
1429
|
<a class="file" href="${n}" target="_blank" rel="noopener noreferrer" download>
|
|
1366
1430
|
<span class="nm">${e}</span>
|
|
1367
|
-
${t.size?`<span class="sz">${v(
|
|
1368
|
-
</a>`}function Cn(t){return t.scrollHeight-t.scrollTop-t.clientHeight<40}function Ne(t,{smooth:e=!1}={}){const n=typeof matchMedia=="function"&&matchMedia("(prefers-reduced-motion: reduce)").matches;e&&!n&&t.scrollTo?t.scrollTo({top:t.scrollHeight,behavior:"smooth"}):t.scrollTop=t.scrollHeight}function zt(t){return{OPEN:"Open",IN_PROGRESS:"In progress",RESOLVED:"Fixed",CLOSED:"Closed"}[t]||String(t||"").toLowerCase()}function lt(t){const e=new Date(t).getTime();if(!Number.isFinite(e))return"";const n=Math.floor((Date.now()-e)/864e5);if(n<=0)return"today";if(n===1)return"yesterday";if(n<30)return`${n} days ago`;const o=Math.floor(n/30);return o===1?"a month ago":`${o} months ago`}function v(t){return String(t).replace(/[&<>"']/g,e=>({"&":"&","<":"<",">":">",'"':""","'":"'"})[e])}const Tn=8e3;function Ra(t=Tn){const e=window.AudioContext||window.webkitAudioContext;try{return new e({sampleRate:t})}catch{return new e}}async function ja(t){if(t.state==="suspended")try{await t.resume()}catch{}}function za(t,e,n){const o=e/n,i=new Float32Array(Math.floor(t.length/o));for(let a=0;a<i.length;a++){const s=Math.floor(a*o),l=Math.min(Math.floor((a+1)*o),t.length);let p=0;for(let h=s;h<l;h++)p+=t[h];i[a]=l>s?p/(l-s):0}return i}const Qa=132,En=32635;function Oa(t){const e=new Uint8Array(t.length);for(let n=0;n<t.length;n++){const o=Math.max(-1,Math.min(1,t[n]));let i=Math.round(o*32767);const a=i<0?128:0;a&&(i=-i),i>En&&(i=En),i+=Qa;let s=7;for(let p=16384;!(i&p)&&s>0;s--,p>>=1);const l=i>>s+3&15;e[n]=~(a|s<<4|l)&255}return e}const Ha=512;function qa(t,e,n,o=Tn){const i=t.createMediaStreamSource(e),a=t.createScriptProcessor(Ha,1,1);a.onaudioprocess=l=>{const p=l.inputBuffer.getChannelData(0),h=t.sampleRate===o?p:za(p,t.sampleRate,o);n(Oa(h))},i.connect(a);const s=t.createGain();return s.gain.value=0,a.connect(s),s.connect(t.destination),{stop(){a.onaudioprocess=null;try{i.disconnect()}catch{}try{a.disconnect()}catch{}try{s.disconnect()}catch{}}}}const Da="voiceai.realtime.v1",Na=[{urls:"stun:stun.l.google.com:19302"}];function Qt(){return navigator.mediaDevices.getUserMedia({audio:{echoCancellation:!0,noiseSuppression:!0,autoGainControl:!0,channelCount:1}})}function Ot(){var t;return typeof window<"u"&&typeof window.RTCPeerConnection=="function"&&!!((t=navigator.mediaDevices)!=null&&t.getUserMedia)}async function In({realtimeUrl:t,stream:e,ringsUntil:n,onState:o,onAudioBlocked:i,onMicrophone:a}){const s=(y,k)=>{try{o==null||o(y,k)}catch{}},l=y=>{try{i==null||i(y)}catch{}},p=y=>{try{a==null||a(y)}catch{}};if(!Ot()){const y=new Error("[BugCatch] this browser cannot make live calls.");throw s("failed",{reason:"unsupported"}),y}let h=e;if(!h)try{h=await Qt()}catch(y){throw s("failed",{reason:"microphone",error:String((y==null?void 0:y.name)||y)}),y}let b;try{b=await Ua(t)}catch(y){throw An(h),s("failed",{reason:"connect"}),y}let f=null,m=null,g=!1,T=null,Q=null,V=null,$=!1,L=null,B=null,j=!1;const N=[];let S=!1,U=!1,q=!1,I=null,Z=null,Re=0;const le=2e3,je=5e3,ze=3e4,ft=4,X=(y,k)=>{if(!g){g=!0,T&&(clearTimeout(T),T=null),Fe(),B==null||B(),B=null,Ke(),L==null||L(),L=null;try{f==null||f.close()}catch{}An(h),m&&(m.srcObject=null,m.remove(),m=null);try{b.readyState===WebSocket.OPEN&&b.close(1e3,"call over")}catch{}s(y,k)}},de=y=>{b.readyState===WebSocket.OPEN&&b.send(JSON.stringify(y))},me=async()=>{if(j||V||g||!Q||!Q.audio&&!Q.transcript)return;j=!0;const y=Q.encoding||"mulaw";if(y!=="mulaw"){Mn(`this call is kept as ${y}, which this SDK cannot produce.`);return}const k=Number(Q.sample_rate)||8e3;try{const z=Ra(k);if(await ja(z),g){try{z.close()}catch{}return}const O=qa(z,h,D=>{b.readyState===WebSocket.OPEN&&b.send(D)},k);V={context:z,tap:O}}catch(z){Mn(`could not send the copy this call is keeping: ${String((z==null?void 0:z.message)||z)}`)}};function Ke(){if(j=!1,!V)return;const{context:y,tap:k}=V;V=null;try{k.stop()}catch{}try{y.close()}catch{}}function Pe(){var k;if(!m||g)return;let y;try{y=(k=m.play)==null?void 0:k.call(m)}catch{Ce();return}if(!y||typeof y.then!="function"){_e();return}y.then(_e,Ce)}function _e(){L==null||L(),L=null,$&&($=!1,l(!1))}function Ce(){g||($||($=!0,l(!0)),Ve())}function Ve(){if(L||typeof window>"u"||typeof window.addEventListener!="function")return;const y=()=>Pe(),k=["pointerdown","keydown","touchstart"];for(const z of k)window.addEventListener(z,y,{capture:!0,passive:!0});L=()=>{for(const z of k)try{window.removeEventListener(z,y,{capture:!0})}catch{}}}const Nt=y=>{f=new RTCPeerConnection({iceServers:y!=null&&y.length?y:Na});for(const k of h.getAudioTracks())f.addTrack(k,h);B=J(),f.onicecandidate=k=>{k.candidate&&de({type:"signal",signal:{kind:"candidate",payload:k.candidate.toJSON()}})},f.ontrack=k=>{var O;const[z]=k.streams;z&&(m||(m=document.createElement("audio"),m.autoplay=!0,m.playsInline=!0,(O=m.setAttribute)==null||O.call(m,"playsinline",""),m.style.cssText="position:fixed;width:0;height:0;opacity:0;pointer-events:none",document.body.appendChild(m)),m.srcObject=z,Pe())},f.onconnectionstatechange=Me,f.oniceconnectionstatechange=Me};function Me(){if(!f||g)return;const y=f.connectionState||f.iceConnectionState;if(y==="connected"||y==="completed"){U=!0,Re=0,Fe(),q=!1,s("connected");return}if(y==="disconnected"){if(!U)return;Ae(le);return}if(y==="failed"){if(!U){X("failed",{reason:"ice"});return}Ae(0)}}function Ae(y){g||(q||(q=!0,s("reconnecting"),Z=setTimeout(()=>X("failed",{reason:"network"}),ze)),!I&&(I=setTimeout(ue,y)))}function Fe(){I&&(clearTimeout(I),I=null),Z&&(clearTimeout(Z),Z=null)}async function ue(){if(I=null,g||!f)return;const y=f.connectionState||f.iceConnectionState;if(!(y==="connected"||y==="completed")){if(!S){de({type:"signal",signal:{kind:"restart",payload:{}}}),I=setTimeout(ue,je);return}Re>=ft||(Re+=1,await We(),I=setTimeout(ue,je))}}async function We(){if(!(g||!f))try{const y=await f.createOffer({iceRestart:!0});await f.setLocalDescription(y),de({type:"signal",signal:{kind:"offer",payload:f.localDescription.toJSON()}})}catch{}}function J(){let k=null,z=!1;const O=D=>{if(k&&(clearTimeout(k),k=null),D){if(!z)return;z=!1,p(!0);return}z||(k=setTimeout(()=>{k=null,!g&&(z=!0,p(!1))},600))};for(const D of h.getAudioTracks())D.onmute=()=>O(!1),D.onunmute=()=>O(!0),D.onended=()=>{k&&(clearTimeout(k),k=null),!z&&(z=!0,p(!1))};return()=>{k&&(clearTimeout(k),k=null);for(const D of h.getAudioTracks())D.onmute=null,D.onunmute=null,D.onended=null}}const gt=async()=>{try{const y=await f.createOffer();await f.setLocalDescription(y),de({type:"signal",signal:{kind:"offer",payload:f.localDescription.toJSON()}})}catch{X("failed",{reason:"negotiation"})}},bt=async y=>{try{await f.setRemoteDescription(new RTCSessionDescription(y));const k=await f.createAnswer();await f.setLocalDescription(k),de({type:"signal",signal:{kind:"answer",payload:f.localDescription.toJSON()}}),await pe()}catch{X("failed",{reason:"negotiation"})}},pe=async()=>{for(;N.length;){const y=N.shift();try{await f.addIceCandidate(new RTCIceCandidate(y))}catch{}}};let Ye=Promise.resolve();b.onmessage=y=>{Ye=Ye.then(()=>Ut(y)).catch(()=>{})};const Ut=async y=>{var z,O,D,ye,he;if(typeof y.data!="string")return;let k;try{k=JSON.parse(y.data)}catch{return}switch(k.type){case"session.created":{if(Nt((z=k.data)==null?void 0:z.ice_servers),Q=((O=k.data)==null?void 0:O.capture)||null,(D=k.data)!=null&&D.peer_present){s("connecting"),me();break}s("ringing"),Xe();break}case"peer.joined":{T&&(clearTimeout(T),T=null),s("connecting"),S=!!((ye=k.data)!=null&&ye.should_offer),S&&await gt(),me();break}case"signal":{if(!f)break;const{kind:Le,payload:we}=k.data||{};if(Le==="offer")await bt(we);else if(Le==="answer")try{await f.setRemoteDescription(new RTCSessionDescription(we)),await pe()}catch{X("failed",{reason:"negotiation"})}else if(Le==="candidate")if(f.remoteDescription)try{await f.addIceCandidate(new RTCIceCandidate(we))}catch{}else N.push(we);else Le==="restart"&&S&&await We();break}case"peer.left":X("ended",{reason:"peer_left"});break;case"error":X("failed",{reason:"server",detail:(he=k.error)==null?void 0:he.detail});break;case"session.ended":X("ended",{reason:"server"});break}};b.onclose=()=>X("ended",{reason:"disconnected"}),b.onerror=()=>X("failed",{reason:"socket"});function Xe(){if(!n)return;const y=new Date(n).getTime()-Date.now();Number.isFinite(y)&&(T=setTimeout(()=>X("missed"),Math.max(0,y)))}return{hangUp(){de({type:"session.end"}),X("ended",{reason:"hung_up"})},setMuted(y){for(const k of h.getAudioTracks())k.enabled=!y;return y},isMuted(){return h.getAudioTracks().every(y=>!y.enabled)}}}function Ua(t){return new Promise((e,n)=>{let o;try{o=new WebSocket(t,Da)}catch(i){n(i);return}o.onopen=()=>{o.onopen=null,o.onerror=null,e(o)},o.onerror=()=>{o.onopen=null,o.onerror=null,n(new Error("[BugCatch] could not connect the call."))}})}function Mn(t){try{console.warn(`[BugCatch] ${t}`)}catch{}}function An(t){var e;for(const n of((e=t==null?void 0:t.getTracks)==null?void 0:e.call(t))??[])try{n.stop()}catch{}}const dt={cycleMs:3e3,peak:.045,bursts:[{at:0,seconds:.4,hz:[440,660]},{at:.55,seconds:.4,hz:[440,660]}]};let Ln=!1;if(typeof window<"u"&&window.addEventListener)for(const t of["pointerdown","keydown","touchstart"])window.addEventListener(t,()=>{Ln=!0},{once:!0,capture:!0,passive:!0});function Ka(){var t;try{return!!((t=navigator.userActivation)!=null&&t.hasBeenActive)}catch{return!1}}function Pa(){if(!Ln&&!Ka())return()=>{};const t=typeof window<"u"&&(window.AudioContext||window.webkitAudioContext);if(!t)return()=>{};let e;try{e=new t}catch{return()=>{}}let n=!1,o=null;const i=[],a=({at:p,seconds:h,hz:b})=>{const f=e.currentTime+p,m=e.createGain();m.connect(e.destination),m.gain.setValueAtTime(0,f),m.gain.linearRampToValueAtTime(dt.peak,f+.02),m.gain.setValueAtTime(dt.peak,f+h-.06),m.gain.linearRampToValueAtTime(0,f+h);for(const g of b){const T=e.createOscillator();T.type="sine",T.frequency.value=g,T.connect(m),T.start(f),T.stop(f+h+.02),i.push(T)}},s=()=>{if(!n)try{dt.bursts.forEach(a)}catch{}},l=()=>{n||(s(),o=setInterval(s,dt.cycleMs))};return e.state==="running"?l():e.resume().then(l).catch(()=>{}),()=>{n=!0,o&&clearInterval(o);for(const p of i)try{p.stop()}catch{}try{e.close()}catch{}}}function _a(t){const e=Date.parse(t||"");return Number.isNaN(e)?0:Math.max(0,Math.round((e-Date.now())/1e3))}const Bn=["flex:1","padding:9px 12px","border:0","border-radius:8px","font:600 13px/1.4 inherit","cursor:pointer"].join(";");function Va({call:t,accent:e="#5b6ef5",position:n="bottom-right",onAnswer:o,onDecline:i,onExpire:a}){if(typeof document>"u"||!document.body)return()=>{};const[s,l]=String(n).split("-"),p=document.createElement("div");p.setAttribute("role","alertdialog"),p.setAttribute("aria-live","assertive"),p.setAttribute("aria-label",`${t.from||"Support"} is calling about ${t.reference}`),p.style.cssText=["position:fixed",`${s==="top"?"top":"bottom"}:20px`,`${l==="left"?"left":"right"}:20px`,"z-index:2147483647","width:300px","max-width:calc(100vw - 40px)","padding:14px","border-radius:12px","background:#1b1e26","color:#eceef2",'font:13px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif',"box-shadow:0 18px 44px rgba(0,0,0,0.5)",`border:1px solid ${e}`,"opacity:0","transform:translateY(8px)","transition:opacity .2s ease,transform .2s ease"].join(";");const h=document.createElement("div");h.style.cssText="font-weight:600;font-size:14px;margin-bottom:2px",h.textContent=`${t.from||"Support"} is calling`;const b=document.createElement("div");b.style.cssText="color:#a4abba;margin-bottom:10px",b.textContent=t.project?`About your report ${t.reference} · ${t.project}`:`About your report ${t.reference}`;const f=document.createElement("div");f.style.cssText="color:#7d8598;font-size:12px;margin-bottom:10px";const m=document.createElement("button");m.type="button",m.textContent="Answer",m.style.cssText=`${Bn};background:${e};color:#fff`;const g=document.createElement("button");g.type="button",g.textContent="Not now",g.style.cssText=`${Bn};background:#2b2f3a;color:#c8cedb`;const T=document.createElement("div");if(T.style.cssText="display:flex;gap:8px",T.append(m,g),p.append(h,b,f),t.recorded){const j=document.createElement("div");j.style.cssText="color:#7d8598;font-size:12px;margin-bottom:10px",j.textContent="This call will be recorded.",p.append(j)}p.append(T),document.body.appendChild(p);const Q=Pa();let V=!1,$=null;const L=()=>{V||(V=!0,$&&clearInterval($),Q(),p.style.opacity="0",p.style.transform="translateY(8px)",setTimeout(()=>p.remove(),250))},B=()=>{const j=_a(t.ringsUntil);if(f.textContent=j?`Ringing — ${j}s`:"The call has stopped ringing.",!j){L();try{a==null||a()}catch{}}};return B(),$=setInterval(B,1e3),m.addEventListener("click",()=>{L();try{o==null||o()}catch{}}),g.addEventListener("click",()=>{L();try{i==null||i()}catch{}}),requestAnimationFrame(()=>{p.style.opacity="1",p.style.transform="translateY(0)"}),L}const ut=120,Fa=500,pt=30,Wa=1e3,Ht={loanId:["loanId","loanNumber"],applicationId:["applicationId"],customerNumber:["customerNumber","customerId"]},Ya=/[\u0000-\u001f\u007f]/;function Xa(t){if(typeof t=="number")return Number.isFinite(t)?String(t):null;if(typeof t!="string")return null;const e=t.trim();return!e||e.length>ut||Ya.test(e)?null:e}function Se(t){return t===null?"null":Array.isArray(t)?"an array":typeof t=="object"?"an object":`a ${typeof t}`}function qt(t,e,n,o,i){for(const a of n){if(!(a in t)||t[a]===void 0||t[a]===null||t[a]==="")continue;const s=Xa(t[a]);if(s)return s;const l=t[a];i(typeof l=="string"&&l.trim().length>ut?`${o}.${a} is longer than ${ut} characters and was dropped — pass the identifier itself, not a sentence or a URL.`:`${o}.${a} should be a string or number, got ${Se(l)} — it was dropped.`)}return null}function Rn(t){if(t===null||typeof t=="boolean")return{ok:!0,value:t};if(typeof t=="number")return Number.isFinite(t)?{ok:!0,value:t}:{ok:!1};if(typeof t=="string")return{ok:!0,value:t.slice(0,Fa)};if(typeof t=="object")try{const e=JSON.stringify(t);if(e&&e.length<=Wa)return{ok:!0,value:JSON.parse(e)}}catch{}return{ok:!1}}const jn=["email","name","phone"],Ja=new Set(["id","userId",...jn,...Object.values(Ht).flat()]);function zn(t,e=()=>{}){if(t==null)return null;if(typeof t!="object"||Array.isArray(t))return e(`identify() takes an object like { id, email, name } or null, got ${Se(t)} — ignored.`),null;const n={};try{const o=qt(t,"id",["id","userId"],"identify()",e);o&&(n.id=o);for(const a of jn){const s=t[a];if(s==null||s==="")continue;if(a==="phone"&&typeof s=="number"&&Number.isFinite(s)){n.phone=String(s);continue}if(typeof s!="string"){e(`identify().${a} should be a string, got ${Se(s)} — it was dropped.`);continue}const l=s.trim().slice(0,a==="name"?200:ut);l&&(a==="email"&&!l.includes("@")&&e(`identify().email "${l}" does not look like an email address — reports cannot be threaded or followed up without one.`),n[a]=l)}for(const[a,s]of Object.entries(Ht)){const l=qt(t,a,s,"identify()",e);l&&(n[a]=l)}let i=0;for(const[a,s]of Object.entries(t)){if(Ja.has(a)||s===void 0||typeof s=="function")continue;if(i>=pt){e(`identify() was given more than ${pt} extra fields; the rest were dropped.`);break}const l=Rn(s);if(!l.ok){e(`identify().${a} could not be sent (${Se(s)} too large or not serialisable) — dropped.`);continue}n[a]=l.value,i+=1}}catch{}return!n.id&&!n.email&&e("identify() was called without an id or email — reports will not be attributed to anyone, and nothing can be looked up by user."),n}function Qn(t,e,n=()=>{}){if(e===null)return{};const o={...t||{}};if(e===void 0)return o;if(typeof e!="object"||Array.isArray(e))return n(`setContext() takes an object like { loanId, screen } or null, got ${Se(e)} — ignored.`),o;try{const i=new Map;for(const[a,s]of Object.entries(Ht))for(const l of s)i.set(l,a);for(const[a,s]of Object.entries(e)){const l=i.get(a);if(s==null){delete o[l||a];continue}if(l){const h=qt({[a]:s},l,[a],"setContext()",n);h?o[l]=h:delete o[l];continue}if(typeof s=="function")continue;if(!(a in o)&&Object.keys(o).length>=pt){n(`setContext() holds at most ${pt} keys; "${a}" was dropped.`);continue}const p=Rn(s);if(!p.ok){n(`setContext().${a} could not be sent (${Se(s)} too large or not serialisable) — dropped.`);continue}o[a]=p.value}}catch{}return o}const On=["apiBase","apiKey","projectId","consoleLimit","networkLimit","captureConsole","captureNetwork","captureErrors","widget","widgetPosition","theme","accent","attachments","maxAttachments","maxAttachmentBytes","maxRecordingMs","beforeSend","user","context","updates","updateToast","onUpdate","voice","onCallState","onIncomingCall","onReportSubmitted","onAssistantPhase","onError","debug","drafts","knownIssues","release","environment","buildId"],Za=["beforeSend","onUpdate","onCallState","onIncomingCall","onReportSubmitted","onAssistantPhase","onError"];function Ga(t){const e=t.toLowerCase().replace(/[-_]/g,"");return On.find(n=>n.toLowerCase()===e)||null}const Hn=/^(your[_-]|<|xxx|todo|changeme)/i,er=/^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;function tr(t,{pageHost:e=""}={}){const n=[],o=[];if(!t||typeof t!="object")return n.push("init() takes an options object: BugCatch.init({ apiBase, apiKey, projectId })."),{errors:n,warnings:o};const{apiKey:i,projectId:a,apiBase:s}=t;i?typeof i!="string"?n.push(`apiKey must be a string, got ${Se(i)}.`):Hn.test(i)?n.push(`apiKey is still the placeholder "${i}" — paste the key you saved when you created it.`):er.test(i)?o.push("apiKey looks like a project id — did you swap apiKey and projectId?"):i.startsWith("bc_")||o.push('apiKey does not look like a BugCatch key (they start with "bc_live_") — reports will be refused with HTTP 401.'):n.push("apiKey is required — create one under Workspace Settings → API Keys."),a?typeof a!="string"?n.push(`projectId must be a string, got ${Se(a)}.`):Hn.test(a)?n.push(`projectId is still the placeholder "${a}".`):a.startsWith("bc_")?o.push("projectId looks like an API key — did you swap apiKey and projectId?"):/\s/.test(a)&&o.push("projectId contains whitespace — check it was copied cleanly."):n.push("projectId is required — copy it from Project Settings → Web SDK."),s==null?!e||/^(localhost|127\.|0\.0\.0\.0|\[::1\])/.test(e)||o.push("apiBase is not set, so reports go to http://localhost:3000 — set apiBase to your BugCatch API URL."):(typeof s!="string"||!/^https?:\/\//.test(s))&&o.push(`apiBase should be an absolute http(s) URL, got ${JSON.stringify(s)}.`);for(const l of Object.keys(t)){if(On.includes(l))continue;const p=Ga(l);o.push(p?`unknown option "${l}" — did you mean "${p}"?`:`unknown option "${l}" is ignored.`)}for(const l of Za){const p=t[l];p!=null&&typeof p!="function"&&o.push(`${l} should be a function, got ${Se(p)} — it will not be called.`)}return{errors:n,warnings:o}}function nr(t){return typeof t=="string"?t.replace(/\/+$/,""):t}const ht={name:"@sphoro/bugcatch-web-sdk",version:"0.15.0"},Ue={apiBase:"http://localhost:3000",apiKey:null,projectId:null,consoleLimit:100,networkLimit:50,captureConsole:!0,captureNetwork:!0,captureErrors:!0,widget:!0,widgetPosition:"bottom-right",theme:"auto",accent:"#4F46E5",attachments:!0,maxAttachments:5,maxAttachmentBytes:25*1024*1024,maxRecordingMs:12e4,beforeSend:null,user:null,updates:!0,updateToast:!0,onUpdate:null,voice:!0,onCallState:null,onIncomingCall:null,onReportSubmitted:null,onAssistantPhase:null,onError:null,context:null,debug:!1};class qn{constructor(){ao(this,E);this.config={...Ue},this.started=!1,this.teardown=[],this.consoleBuffer=et(Ue.consoleLimit),this.networkBuffer=et(Ue.networkLimit),this.stopWatching=null,this.notifier=null,this.call=null,this.callStarting=!1,this.ringing=null,this.listeners=new Map,this.context={},this.warned=new Set,this.phases=new Map}warn(e){this.warned.has(e)||(this.warned.add(e),console.warn(`[BugCatch] ${e}`))}debugLog(...e){this.config.debug&&console.info("[BugCatch]",...e)}init(e={}){if(this.started)return console.warn("[BugCatch] init() called twice — ignoring the second call."),this;const{errors:n,warnings:o}=tr(e,{pageHost:typeof location<"u"?location.hostname:""});if(n.length)throw new Error(`[BugCatch] ${n[0]}`);for(const a of o)this.warn(a);const i=this.config.user;return this.config={...Ue,...e,apiBase:nr(e.apiBase??Ue.apiBase)},this.config.user=e.user!==void 0?zn(e.user,a=>this.warn(a.replace("identify()","init({ user })"))):i||null,e.context&&this.setContext(e.context),this.consoleBuffer=et(this.config.consoleLimit),this.networkBuffer=et(this.config.networkLimit),this.config.captureConsole&&this.teardown.push(yo(this.consoleBuffer)),this.config.captureNetwork&&this.teardown.push(wo(this.networkBuffer)),this.config.captureErrors&&this.teardown.push(vo(this.consoleBuffer)),this.config.widget&&this.teardown.push(ka(this)),this.config.updates&&ce()&&(this.startWatching(),queueMicrotask(()=>H(this,E,Te).call(this))),this.started=!0,this.debugLog("initialised",{version:ht.version,apiBase:this.config.apiBase,projectId:this.config.projectId,user:this.config.user,context:this.context}),this}startWatching(){if(this.stopWatching)return this;this.stopWatching=ta({apiBase:this.config.apiBase,onUpdate:n=>{if(n!=null&&n.incomingCall){H(this,E,co).call(this,n);return}if(n!=null&&n.callWithdrawn){H(this,E,St).call(this,n.callWithdrawn.callId);return}const o=Po(n);typeof this.config.onUpdate=="function"&&this.config.onUpdate(o),this.emit("update",o),H(this,E,Te).call(this)}}),this.teardown.push(()=>{var n;return(n=this.stopWatching)==null?void 0:n.call(this)}),this.teardown.push(()=>H(this,E,St).call(this));const e=n=>{(n.key===st||n.key===null)&&H(this,E,Te).call(this)};return window.addEventListener("storage",e),this.teardown.push(()=>window.removeEventListener("storage",e)),this}on(e,n){if(typeof n!="function")return()=>{};const o=this.listeners.get(e)||new Set;return o.add(n),this.listeners.set(e,o),()=>this.off(e,n)}off(e,n){var o;return(o=this.listeners.get(e))==null||o.delete(n),this}emit(e,n){for(const o of this.listeners.get(e)||[])try{o(n)}catch(i){console.error(`[BugCatch] a '${e}' listener threw:`,i)}}unreadUpdates(){return qe()}markUpdateRead(e){return _o(e),H(this,E,Te).call(this),this}markReportRead(e){return Vo(e),H(this,E,Te).call(this),this}markUpdatesRead(){return cn(),H(this,E,Te).call(this),this}async verifyFix(e,{result:n,resolvedAt:o,note:i}){const a=n==="STILL_HAPPENING"?await H(this,E,kt).call(this,{}):{};return pa({apiBase:this.config.apiBase,bugId:e,result:n,resolvedAt:o,note:i,metadata:a.metadata,logs:a.logs})}async myReport(e){const n=await Yo({apiBase:this.config.apiBase,bugId:e});return H(this,E,ro).call(this,e,n==null?void 0:n.assistant),n}replyToReport(e,{body:n,attachments:o}={}){return ln({apiBase:this.config.apiBase,bugId:e,body:n,attachments:o})}async canCallNow(){return!!await this.callKind()}async callKind(){return(await this.callKinds()).live?"live":null}async callKinds(){var n;const e={agent:!1,live:!1};return!this.config.voice||!((n=this.config.user)!=null&&n.email)?e:this.kinds!==void 0?this.kinds:(this.kinds=await Xo({apiBase:this.config.apiBase,apiKey:this.config.apiKey,projectId:this.config.projectId}),this.kinds)}canCall(e){return this.config.voice?dn({apiBase:this.config.apiBase,bugId:e}):Promise.resolve(!1)}async startCall(e){var n;if(!this.config.voice)throw new Error("[BugCatch] calling is switched off.");if(this.call||this.callStarting)throw new Error("[BugCatch] a call is already running.");this.callStarting=!0;try{if(!await this.callKind())throw new Error((n=this.config.user)!=null&&n.email?"[BugCatch] calling is not available on this project.":"[BugCatch] a call needs to know who is calling — call identify() with an email first.");return await H(this,E,so).call(this,e)}finally{this.callStarting=!1}}startLiveCall(e){return this.startCall(e)}canCallTeam(e){return this.config.voice?dn({apiBase:this.config.apiBase,bugId:e}):Promise.resolve(!1)}endCall(){var e;return(e=this.call)==null||e.hangUp(),this.call=null,this}myReports(){return Wo({apiBase:this.config.apiBase})}hasReports(){return!!ce()}forgetReports(){var e;return(e=this.stopWatching)==null||e.call(this),this.stopWatching=null,this.endCall(),Ie(),H(this,E,Te).call(this),this}identify(e){const n=zn(e,o=>this.warn(o));return e!=null&&!n?this:(this.config.user=n,this.debugLog("identify",n),this)}setContext(e){return this.context=Qn(this.context,e,n=>this.warn(n)),this.debugLog("context",this.context),this}getContext(){return{...this.context}}open(){return this.started?this.widgetControls?(this.widgetControls.open(),this):(this.warn("open() needs the built-in widget; it was turned off with widget: false."),this):(this.warn("open() was called before init() — nothing to open yet."),this)}close(){var e;return(e=this.widgetControls)==null||e.close(),this}isOpen(){var e;return!!((e=this.widgetControls)!=null&&e.isOpen())}async uploadAttachment(e,n,o){if(!this.started)throw new Error("[BugCatch] call init() first.");return Ao({apiBase:this.config.apiBase,apiKey:this.config.apiKey,blob:e,mime:n||(e==null?void 0:e.type),onProgress:o})}async report({title:e,description:n="",priority:o="MEDIUM",metadata:i={},attachments:a=[],references:s=[],context:l=null}={}){var T,Q,V,$,L,B,j,N;if(!this.started)throw new Error("[BugCatch] call init() first.");if(typeof e!="string"||!e.trim())throw new Error("[BugCatch] a title is required.");["LOW","MEDIUM","HIGH","CRITICAL"].includes(String(o).toUpperCase())||(this.warn(`priority "${o}" is not one of LOW, MEDIUM, HIGH, CRITICAL — sent as MEDIUM.`),o="MEDIUM");const p=(a||[]).filter(S=>(S==null?void 0:S.storageKey)&&nt(S.mime,tt)).map(S=>({type:S.type==="VIDEO"?"VIDEO":"SCREENSHOT",storageKey:S.storageKey,mime:nt(S.mime,tt)})),h=(Array.isArray(s)?s:[]).filter(S=>S&&typeof S.key=="string"&&S.key&&(typeof S.value=="string"||typeof S.value=="number")).map(S=>({key:S.key.slice(0,64),value:String(S.value).trim().slice(0,120)})).filter(S=>S.value);Array.isArray(s)&&h.length<s.length&&this.warn("report({ references }) takes [{ key, value }] with string values; malformed entries were dropped.");let b=await H(this,E,kt).call(this,{title:e.trim(),description:typeof n=="string"?n:String(n??""),priority:String(o).toUpperCase(),metadata:i,media:p,references:h,context:l});if(typeof this.config.beforeSend=="function"){const S=this.config.beforeSend(b);if(S===!1)return{cancelled:!0};S&&typeof S=="object"&&(b=S)}this.debugLog("sending report",{title:b.title,user:(T=b.metadata)==null?void 0:T.user,context:(Q=b.metadata)==null?void 0:Q.context,references:b.references,console:(L=($=(V=b.logs)==null?void 0:V.console)==null?void 0:$.entries)==null?void 0:L.length,network:(N=(j=(B=b.logs)==null?void 0:B.network)==null?void 0:j.entries)==null?void 0:N.length});const f=ke(this.config.projectId);let m;try{m=await fetch(`${this.config.apiBase}/ingest/bugs`,{method:"POST",headers:{"Content-Type":"application/json","X-BugCatch-Key":this.config.apiKey,...f!=null&&f.token?{"X-BugCatch-Session":f.token}:{}},body:JSON.stringify(b)})}catch(S){const U=new Error(`[BugCatch] could not reach ${this.config.apiBase} — check apiBase, and that this site's origin is allowed by the API.`);throw U.cause=S,H(this,E,xt).call(this,"report",U),U}if(m.status===401&&f&&It(this.config.projectId),!m.ok){let S="";try{const q=await m.json();S=Array.isArray(q.message)?q.message.join(", "):q.message||""}catch{}m.status===401&&!f&&(S||(S="the apiKey was not accepted")),m.status===403&&(S||(S="the apiKey is not allowed to report to this projectId"));const U=new Error(`[BugCatch] report failed (HTTP ${m.status})${S?": "+S:""}`);throw U.status=m.status,H(this,E,xt).call(this,"report",U),U}const g=await m.json();return H(this,E,Yt).call(this,g,{title:b.title??e.trim(),via:"form"}),g.watchToken&&(At(g.watchToken),this.config.updates&&this.startWatching()),g}loginState(){var e;return Ho({apiBase:this.config.apiBase,apiKey:this.config.apiKey,projectId:this.config.projectId,token:(e=ke(this.config.projectId))==null?void 0:e.token})}referenceFields(){return this.refFields?this.refFields:(this.refFields=ma({apiBase:this.config.apiBase,apiKey:this.config.apiKey,projectId:this.config.projectId}),this.refFields)}signedInAs(){const e=ke(this.config.projectId);return e?{email:e.email,name:e.name}:null}signIn(e,{name:n}={}){var o;return qo({apiBase:this.config.apiBase,apiKey:this.config.apiKey,projectId:this.config.projectId,email:e,name:n??((o=this.config.user)==null?void 0:o.name)??null})}async confirmSignIn(e,n){var i;const o=await Do({apiBase:this.config.apiBase,apiKey:this.config.apiKey,projectId:this.config.projectId,email:e,code:n});return(i=this.config.user)!=null&&i.email||(this.config.user={email:o.email,name:o.name||void 0}),this.emit("signin",{email:o.email,name:o.name}),{email:o.email,name:o.name}}async signOut(){var o;const e=ke(this.config.projectId),n=await No({apiBase:this.config.apiBase,apiKey:this.config.apiKey,projectId:this.config.projectId,token:e==null?void 0:e.token});return e!=null&&e.email&&((o=this.config.user)==null?void 0:o.email)===e.email&&(this.config.user=null),this.emit("signout",{email:(e==null?void 0:e.email)||null}),n}knownIssues(){var e;return ca({apiBase:this.config.apiBase,apiKey:this.config.apiKey,projectId:this.config.projectId,sessionToken:(e=ke(this.config.projectId))==null?void 0:e.token})}matchKnownIssues(e,{signal:n}={}){var o;return la({apiBase:this.config.apiBase,apiKey:this.config.apiKey,projectId:this.config.projectId,q:e||"",sessionToken:(o=ke(this.config.projectId))==null?void 0:o.token,signal:n})}async meToo(e,{email:n,name:o}={}){var s,l;const i=ke(this.config.projectId),a=await tn();return da({apiBase:this.config.apiBase,apiKey:this.config.apiKey,projectId:this.config.projectId,bugId:e,reporterEmail:n||((s=this.config.user)==null?void 0:s.email),reporterName:o||((l=this.config.user)==null?void 0:l.name),metadata:{...a,user:this.config.user||void 0,...Object.keys(this.context).length?{context:this.context}:{},sdk:ht},logs:{console:{entries:this.consoleBuffer.all()},network:{entries:this.networkBuffer.all()}},sessionToken:i==null?void 0:i.token})}snapshot(){return{user:this.config.user||null,context:{...this.context},console:this.consoleBuffer.all(),network:this.networkBuffer.all(),environment:nn()}}clear(){this.consoleBuffer.clear(),this.networkBuffer.clear()}destroy(){this.endCall(),this.teardown.forEach(e=>{try{e()}catch{}}),this.teardown=[],this.notifier=null,this.started=!1}}E=new WeakSet,vt=function(e,n){const o=this.config[e];if(typeof o=="function")try{o(n)}catch(i){console.error(`[BugCatch] your ${e} callback threw:`,i)}},Te=function(){const e=qe();if(this.emit("unread",{count:e.length,updates:e}),!!this.config.updateToast){if(!this.notifier){if(!e.length)return;this.notifier=sa({accent:this.config.accent,position:this.config.widgetPosition,onRead:n=>this.markUpdateRead(n),onReadAll:()=>this.markUpdatesRead(),onCall:this.config.voice?n=>{this.markUpdateRead(n.id),this.startCall(n.bugId)}:null}),this.teardown.push(()=>{var n;return(n=this.notifier)==null?void 0:n.destroy()})}this.notifier.render(e)}},ro=function(e,n){const o=n==null?void 0:n.phase;if(!e||typeof o!="string"||this.phases.get(e)===o)return;this.phases.set(e,o);const i={bugId:e,phase:o,title:n.title??null,detail:n.detail??null};this.debugLog("assistant",i),H(this,E,vt).call(this,"onAssistantPhase",i),this.emit("assistant",i)},Yt=function(e,{title:n,via:o}){if(!(e!=null&&e.id))return;const i={bugId:e.id,title:n??null,via:o,result:e};this.debugLog("report accepted",i),H(this,E,vt).call(this,"onReportSubmitted",i),this.emit("report",i)},xt=function(e,n){H(this,E,vt).call(this,"onError",{action:e,error:n}),this.emit("error",{action:e,error:n})},kt=async function({title:e,description:n="",priority:o="MEDIUM",metadata:i={},media:a=[],references:s=[],context:l=null}){var h,b;const p=l?Qn(this.context,l,f=>this.warn(f.replace("setContext()","report({ context })"))):this.context;return{projectId:this.config.projectId,...e?{title:e}:{},description:n,priority:o,url:window.location.href,reporterEmail:(h=this.config.user)==null?void 0:h.email,reporterName:(b=this.config.user)==null?void 0:b.name,metadata:{...await tn(),release:this.config.release,environment:this.config.environment,buildId:this.config.buildId,...i,user:this.config.user||void 0,...Object.keys(p).length?{context:p}:{},sdk:ht},logs:{console:{entries:this.consoleBuffer.all()},network:{entries:this.networkBuffer.all()}},...a.length?{attachments:a}:{},...s.length?{references:s}:{}}},io=async function(){const e=ke(this.config.projectId);let n;try{n=await Jo({apiBase:this.config.apiBase,apiKey:this.config.apiKey,token:e==null?void 0:e.token,payload:await H(this,E,kt).call(this,{})})}catch(o){throw o.status===401&&e&&It(this.config.projectId),H(this,E,xt).call(this,"call",o),o}return H(this,E,Yt).call(this,n,{title:null,via:"call"}),n.watchToken&&(At(n.watchToken),this.config.updates&&this.startWatching()),n},so=async function(e){if(!Ot())throw new Error("[BugCatch] this browser cannot make live calls.");const n=await Qt();let o,i=null;try{if(e)o=await Zo({apiBase:this.config.apiBase,bugId:e});else if(i=await H(this,E,io).call(this),e=i.id,o=i.live_call,!(o!=null&&o.realtime_url)){const s=new Error(`[BugCatch] the report was filed, but the team could not be rung${i.call_error?`: ${i.call_error}`:"."}`);throw s.filed=i,s.reason=i.call_error||null,s}}catch(s){for(const l of n.getTracks())l.stop();throw s}const a=await In({realtimeUrl:o.realtime_url,stream:n,ringsUntil:o.rings_until,onState:(s,l)=>{(s==="ended"||s==="failed"||s==="missed")&&(this.call=null),s==="missed"&&Go({apiBase:this.config.apiBase,bugId:e,callId:o.call_id}),typeof this.config.onCallState=="function"&&this.config.onCallState(s,{bugId:e,live:!0,...l}),this.emit("call",{bugId:e,live:!0,state:s,...l})}});return this.call=a,Object.assign(a,{bugId:e,callId:o.call_id,live:!0,filed:i})},co=function(e){var i;const n=e.incomingCall;if(!this.config.voice||!Ot()||((i=this.ringing)==null?void 0:i.callId)===n.callId||this.call||this.callStarting)return;H(this,E,St).call(this);const o=Va({call:n,accent:this.config.accent,position:this.config.widgetPosition,onAnswer:()=>{H(this,E,lo).call(this,e.bugId,n)},onDecline:()=>{this.ringing=null,un({apiBase:this.config.apiBase,bugId:e.bugId,callId:n.callId}),this.emit("incoming-call",{bugId:e.bugId,callId:n.callId,state:"declined"})},onExpire:()=>{this.ringing=null,this.emit("incoming-call",{bugId:e.bugId,callId:n.callId,state:"missed"})}});if(this.ringing={callId:n.callId,dismiss:o},typeof this.config.onIncomingCall=="function")try{this.config.onIncomingCall({bugId:e.bugId,...n})}catch{}this.emit("incoming-call",{bugId:e.bugId,callId:n.callId,state:"ringing"})},St=function(e){if(this.ringing&&!(e&&this.ringing.callId!==e)){try{this.ringing.dismiss()}catch{}this.ringing=null}},lo=async function(e,n){if(this.ringing=null,this.call||this.callStarting)return;this.callStarting=!0;let o;try{o=await Qt()}catch(a){this.callStarting=!1,un({apiBase:this.config.apiBase,bugId:e,callId:n.callId}),this.emit("incoming-call",{bugId:e,callId:n.callId,state:"failed",error:a});return}let i;try{i=await ea({apiBase:this.config.apiBase,bugId:e,callId:n.callId})}catch(a){for(const s of o.getTracks())s.stop();this.callStarting=!1,this.emit("incoming-call",{bugId:e,callId:n.callId,state:"missed",error:a});return}try{const a=await In({realtimeUrl:i.realtime_url,stream:o,onState:(s,l)=>{(s==="ended"||s==="failed"||s==="missed")&&(this.call=null),typeof this.config.onCallState=="function"&&this.config.onCallState(s,{bugId:e,live:!0,incoming:!0,...l}),this.emit("call",{bugId:e,live:!0,incoming:!0,state:s,...l})}});this.call=a,this.emit("incoming-call",{bugId:e,callId:n.callId,state:"answered"})}catch(a){for(const s of o.getTracks())s.stop();this.emit("incoming-call",{bugId:e,callId:n.callId,state:"failed",error:a})}finally{this.callStarting=!1}};const Dt=new qn;return Dt.Client=qn,Dt.version=ht.version,Dt});
|
|
1431
|
+
${t.size?`<span class="sz">${v(qe(t.size))}</span>`:""}
|
|
1432
|
+
</a>`}function Un(t){return t.scrollHeight-t.scrollTop-t.clientHeight<40}function Xe(t,{smooth:e=!1}={}){const n=typeof matchMedia=="function"&&matchMedia("(prefers-reduced-motion: reduce)").matches;e&&!n&&t.scrollTo?t.scrollTo({top:t.scrollHeight,behavior:"smooth"}):t.scrollTop=t.scrollHeight}function Vt(t){return{OPEN:"Open",IN_PROGRESS:"In progress",RESOLVED:"Fixed",CLOSED:"Closed"}[t]||String(t||"").toLowerCase()}function yt(t){const e=new Date(t).getTime();if(!Number.isFinite(e))return"";const n=Math.floor((Date.now()-e)/864e5);if(n<=0)return"today";if(n===1)return"yesterday";if(n<30)return`${n} days ago`;const o=Math.floor(n/30);return o===1?"a month ago":`${o} months ago`}function v(t){return String(t).replace(/[&<>"']/g,e=>({"&":"&","<":"<",">":">",'"':""","'":"'"})[e])}const Kn=8e3;function sr(t=Kn){const e=window.AudioContext||window.webkitAudioContext;try{return new e({sampleRate:t})}catch{return new e}}async function cr(t){if(t.state==="suspended")try{await t.resume()}catch{}}function lr(t,e,n){const o=e/n,i=new Float32Array(Math.floor(t.length/o));for(let r=0;r<i.length;r++){const s=Math.floor(r*o),l=Math.min(Math.floor((r+1)*o),t.length);let g=0;for(let b=s;b<l;b++)g+=t[b];i[r]=l>s?g/(l-s):0}return i}const dr=132,Pn=32635;function ur(t){const e=new Uint8Array(t.length);for(let n=0;n<t.length;n++){const o=Math.max(-1,Math.min(1,t[n]));let i=Math.round(o*32767);const r=i<0?128:0;r&&(i=-i),i>Pn&&(i=Pn),i+=dr;let s=7;for(let g=16384;!(i&g)&&s>0;s--,g>>=1);const l=i>>s+3&15;e[n]=~(r|s<<4|l)&255}return e}const pr=512;function hr(t,e,n,o=Kn){const i=t.createMediaStreamSource(e),r=t.createScriptProcessor(pr,1,1);r.onaudioprocess=l=>{const g=l.inputBuffer.getChannelData(0),b=t.sampleRate===o?g:lr(g,t.sampleRate,o);n(ur(b))},i.connect(r);const s=t.createGain();return s.gain.value=0,r.connect(s),s.connect(t.destination),{stop(){r.onaudioprocess=null;try{i.disconnect()}catch{}try{r.disconnect()}catch{}try{s.disconnect()}catch{}}}}const fr="voiceai.realtime.v1",gr=[{urls:"stun:stun.l.google.com:19302"}];function Wt(){return navigator.mediaDevices.getUserMedia({audio:{echoCancellation:!0,noiseSuppression:!0,autoGainControl:!0,channelCount:1}})}function Ft(){var t;return typeof window<"u"&&typeof window.RTCPeerConnection=="function"&&!!((t=navigator.mediaDevices)!=null&&t.getUserMedia)}async function _n({realtimeUrl:t,stream:e,ringsUntil:n,onState:o,onAudioBlocked:i,onMicrophone:r}){const s=(y,T)=>{try{o==null||o(y,T)}catch{}},l=y=>{try{i==null||i(y)}catch{}},g=y=>{try{r==null||r(y)}catch{}};if(!Ft()){const y=new Error("[BugCatch] this browser cannot make live calls.");throw s("failed",{reason:"unsupported"}),y}let b=e;if(!b)try{b=await Wt()}catch(y){throw s("failed",{reason:"microphone",error:String((y==null?void 0:y.name)||y)}),y}let m;try{m=await br(t)}catch(y){throw Wn(b),s("failed",{reason:"connect"}),y}let h=null,f=null,p=!1,x=null,A=null,z=null,S=!1,M=null,I=null,j=!1;const Q=[];let U=!1,P=!1,C=!1,$=null,_=null,Te=0;const kt=2e3,fe=5e3,Ge=3e4,He=4,re=(y,T)=>{if(!p){p=!0,x&&(clearTimeout(x),x=null),Qe(),I==null||I(),I=null,Ee(),M==null||M(),M=null;try{h==null||h.close()}catch{}Wn(b),f&&(f.srcObject=null,f.remove(),f=null);try{m.readyState===WebSocket.OPEN&&m.close(1e3,"call over")}catch{}s(y,T)}},be=y=>{m.readyState===WebSocket.OPEN&&m.send(JSON.stringify(y))},Le=async()=>{if(j||z||p||!A||!A.audio&&!A.transcript)return;j=!0;const y=A.encoding||"mulaw";if(y!=="mulaw"){Vn(`this call is kept as ${y}, which this SDK cannot produce.`);return}const T=Number(A.sample_rate)||8e3;try{const D=sr(T);if(await cr(D),p){try{D.close()}catch{}return}const ie=hr(D,b,N=>{m.readyState===WebSocket.OPEN&&m.send(N)},T);z={context:D,tap:ie}}catch(D){Vn(`could not send the copy this call is keeping: ${String((D==null?void 0:D.message)||D)}`)}};function Ee(){if(j=!1,!z)return;const{context:y,tap:T}=z;z=null;try{T.stop()}catch{}try{y.close()}catch{}}function De(){var T;if(!f||p)return;let y;try{y=(T=f.play)==null?void 0:T.call(f)}catch{tt();return}if(!y||typeof y.then!="function"){et();return}y.then(et,tt)}function et(){M==null||M(),M=null,S&&(S=!1,l(!1))}function tt(){p||(S||(S=!0,l(!0)),ze())}function ze(){if(M||typeof window>"u"||typeof window.addEventListener!="function")return;const y=()=>De(),T=["pointerdown","keydown","touchstart"];for(const D of T)window.addEventListener(D,y,{capture:!0,passive:!0});M=()=>{for(const D of T)try{window.removeEventListener(D,y,{capture:!0})}catch{}}}const nt=y=>{h=new RTCPeerConnection({iceServers:y!=null&&y.length?y:gr});for(const T of b.getAudioTracks())h.addTrack(T,b);I=$t(),h.onicecandidate=T=>{T.candidate&&be({type:"signal",signal:{kind:"candidate",payload:T.candidate.toJSON()}})},h.ontrack=T=>{var ie;const[D]=T.streams;D&&(f||(f=document.createElement("audio"),f.autoplay=!0,f.playsInline=!0,(ie=f.setAttribute)==null||ie.call(f,"playsinline",""),f.style.cssText="position:fixed;width:0;height:0;opacity:0;pointer-events:none",document.body.appendChild(f)),f.srcObject=D,De())},h.onconnectionstatechange=St,h.oniceconnectionstatechange=St};function St(){if(!h||p)return;const y=h.connectionState||h.iceConnectionState;if(y==="connected"||y==="completed"){P=!0,Te=0,Qe(),C=!1,s("connected");return}if(y==="disconnected"){if(!P)return;Oe(kt);return}if(y==="failed"){if(!P){re("failed",{reason:"ice"});return}Oe(0)}}function Oe(y){p||(C||(C=!0,s("reconnecting"),_=setTimeout(()=>re("failed",{reason:"network"}),Ge)),!$&&($=setTimeout(Ne,y)))}function Qe(){$&&(clearTimeout($),$=null),_&&(clearTimeout(_),_=null)}async function Ne(){if($=null,p||!h)return;const y=h.connectionState||h.iceConnectionState;if(!(y==="connected"||y==="completed")){if(!U){be({type:"signal",signal:{kind:"restart",payload:{}}}),$=setTimeout(Ne,fe);return}Te>=He||(Te+=1,await we(),$=setTimeout(Ne,fe))}}async function we(){if(!(p||!h))try{const y=await h.createOffer({iceRestart:!0});await h.setLocalDescription(y),be({type:"signal",signal:{kind:"offer",payload:h.localDescription.toJSON()}})}catch{}}function $t(){let T=null,D=!1;const ie=N=>{if(T&&(clearTimeout(T),T=null),N){if(!D)return;D=!1,g(!0);return}D||(T=setTimeout(()=>{T=null,!p&&(D=!0,g(!1))},600))};for(const N of b.getAudioTracks())N.onmute=()=>ie(!1),N.onunmute=()=>ie(!0),N.onended=()=>{T&&(clearTimeout(T),T=null),!D&&(D=!0,g(!1))};return()=>{T&&(clearTimeout(T),T=null);for(const N of b.getAudioTracks())N.onmute=null,N.onunmute=null,N.onended=null}}const J=async()=>{try{const y=await h.createOffer();await h.setLocalDescription(y),be({type:"signal",signal:{kind:"offer",payload:h.localDescription.toJSON()}})}catch{re("failed",{reason:"negotiation"})}},Ct=async y=>{try{await h.setRemoteDescription(new RTCSessionDescription(y));const T=await h.createAnswer();await h.setLocalDescription(T),be({type:"signal",signal:{kind:"answer",payload:h.localDescription.toJSON()}}),await ot()}catch{re("failed",{reason:"negotiation"})}},ot=async()=>{for(;Q.length;){const y=Q.shift();try{await h.addIceCandidate(new RTCIceCandidate(y))}catch{}}};let me=Promise.resolve();m.onmessage=y=>{me=me.then(()=>Tt(y)).catch(()=>{})};const Tt=async y=>{var D,ie,N,ke,Z;if(typeof y.data!="string")return;let T;try{T=JSON.parse(y.data)}catch{return}switch(T.type){case"session.created":{if(nt((D=T.data)==null?void 0:D.ice_servers),A=((ie=T.data)==null?void 0:ie.capture)||null,(N=T.data)!=null&&N.peer_present){s("connecting"),Le();break}s("ringing"),Zt();break}case"peer.joined":{x&&(clearTimeout(x),x=null),s("connecting"),U=!!((ke=T.data)!=null&&ke.should_offer),U&&await J(),Le();break}case"signal":{if(!h)break;const{kind:ee,payload:ne}=T.data||{};if(ee==="offer")await Ct(ne);else if(ee==="answer")try{await h.setRemoteDescription(new RTCSessionDescription(ne)),await ot()}catch{re("failed",{reason:"negotiation"})}else if(ee==="candidate")if(h.remoteDescription)try{await h.addIceCandidate(new RTCIceCandidate(ne))}catch{}else Q.push(ne);else ee==="restart"&&U&&await we();break}case"peer.left":re("ended",{reason:"peer_left"});break;case"error":re("failed",{reason:"server",detail:(Z=T.error)==null?void 0:Z.detail});break;case"session.ended":re("ended",{reason:"server"});break}};m.onclose=()=>re("ended",{reason:"disconnected"}),m.onerror=()=>re("failed",{reason:"socket"});function Zt(){if(!n)return;const y=new Date(n).getTime()-Date.now();Number.isFinite(y)&&(x=setTimeout(()=>re("missed"),Math.max(0,y)))}return{hangUp(){be({type:"session.end"}),re("ended",{reason:"hung_up"})},setMuted(y){for(const T of b.getAudioTracks())T.enabled=!y;return y},isMuted(){return b.getAudioTracks().every(y=>!y.enabled)}}}function br(t){return new Promise((e,n)=>{let o;try{o=new WebSocket(t,fr)}catch(i){n(i);return}o.onopen=()=>{o.onopen=null,o.onerror=null,e(o)},o.onerror=()=>{o.onopen=null,o.onerror=null,n(new Error("[BugCatch] could not connect the call."))}})}function Vn(t){try{console.warn(`[BugCatch] ${t}`)}catch{}}function Wn(t){var e;for(const n of((e=t==null?void 0:t.getTracks)==null?void 0:e.call(t))??[])try{n.stop()}catch{}}const wt={cycleMs:3e3,peak:.045,bursts:[{at:0,seconds:.4,hz:[440,660]},{at:.55,seconds:.4,hz:[440,660]}]};let Fn=!1;if(typeof window<"u"&&window.addEventListener)for(const t of["pointerdown","keydown","touchstart"])window.addEventListener(t,()=>{Fn=!0},{once:!0,capture:!0,passive:!0});function mr(){var t;try{return!!((t=navigator.userActivation)!=null&&t.hasBeenActive)}catch{return!1}}function yr(){if(!Fn&&!mr())return()=>{};const t=typeof window<"u"&&(window.AudioContext||window.webkitAudioContext);if(!t)return()=>{};let e;try{e=new t}catch{return()=>{}}let n=!1,o=null;const i=[],r=({at:g,seconds:b,hz:m})=>{const h=e.currentTime+g,f=e.createGain();f.connect(e.destination),f.gain.setValueAtTime(0,h),f.gain.linearRampToValueAtTime(wt.peak,h+.02),f.gain.setValueAtTime(wt.peak,h+b-.06),f.gain.linearRampToValueAtTime(0,h+b);for(const p of m){const x=e.createOscillator();x.type="sine",x.frequency.value=p,x.connect(f),x.start(h),x.stop(h+b+.02),i.push(x)}},s=()=>{if(!n)try{wt.bursts.forEach(r)}catch{}},l=()=>{n||(s(),o=setInterval(s,wt.cycleMs))};return e.state==="running"?l():e.resume().then(l).catch(()=>{}),()=>{n=!0,o&&clearInterval(o);for(const g of i)try{g.stop()}catch{}try{e.close()}catch{}}}function wr(t){const e=Date.parse(t||"");return Number.isNaN(e)?0:Math.max(0,Math.round((e-Date.now())/1e3))}const Yn=["flex:1","padding:9px 12px","border:0","border-radius:8px","font:600 13px/1.4 inherit","cursor:pointer"].join(";");function vr({call:t,accent:e="#5b6ef5",position:n="bottom-right",onAnswer:o,onDecline:i,onExpire:r}){if(typeof document>"u"||!document.body)return()=>{};const[s,l]=String(n).split("-"),g=document.createElement("div");g.setAttribute("role","alertdialog"),g.setAttribute("aria-live","assertive"),g.setAttribute("aria-label",`${t.from||"Support"} is calling about ${t.reference}`),g.style.cssText=["position:fixed",`${s==="top"?"top":"bottom"}:20px`,`${l==="left"?"left":"right"}:20px`,"z-index:2147483647","width:300px","max-width:calc(100vw - 40px)","padding:14px","border-radius:12px","background:#1b1e26","color:#eceef2",'font:13px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif',"box-shadow:0 18px 44px rgba(0,0,0,0.5)",`border:1px solid ${e}`,"opacity:0","transform:translateY(8px)","transition:opacity .2s ease,transform .2s ease"].join(";");const b=document.createElement("div");b.style.cssText="font-weight:600;font-size:14px;margin-bottom:2px",b.textContent=`${t.from||"Support"} is calling`;const m=document.createElement("div");m.style.cssText="color:#a4abba;margin-bottom:10px",m.textContent=t.project?`About your report ${t.reference} · ${t.project}`:`About your report ${t.reference}`;const h=document.createElement("div");h.style.cssText="color:#7d8598;font-size:12px;margin-bottom:10px";const f=document.createElement("button");f.type="button",f.textContent="Answer",f.style.cssText=`${Yn};background:${e};color:#fff`;const p=document.createElement("button");p.type="button",p.textContent="Not now",p.style.cssText=`${Yn};background:#2b2f3a;color:#c8cedb`;const x=document.createElement("div");if(x.style.cssText="display:flex;gap:8px",x.append(f,p),g.append(b,m,h),t.recorded){const j=document.createElement("div");j.style.cssText="color:#7d8598;font-size:12px;margin-bottom:10px",j.textContent="This call will be recorded.",g.append(j)}g.append(x),document.body.appendChild(g);const A=yr();let z=!1,S=null;const M=()=>{z||(z=!0,S&&clearInterval(S),A(),g.style.opacity="0",g.style.transform="translateY(8px)",setTimeout(()=>g.remove(),250))},I=()=>{const j=wr(t.ringsUntil);if(h.textContent=j?`Ringing — ${j}s`:"The call has stopped ringing.",!j){M();try{r==null||r()}catch{}}};return I(),S=setInterval(I,1e3),f.addEventListener("click",()=>{M();try{o==null||o()}catch{}}),p.addEventListener("click",()=>{M();try{i==null||i()}catch{}}),requestAnimationFrame(()=>{g.style.opacity="1",g.style.transform="translateY(0)"}),M}const vt=120,xr=500,xt=30,kr=1e3,Yt={loanId:["loanId","loanNumber"],applicationId:["applicationId"],customerNumber:["customerNumber","customerId"]},Sr=/[\u0000-\u001f\u007f]/;function $r(t){if(typeof t=="number")return Number.isFinite(t)?String(t):null;if(typeof t!="string")return null;const e=t.trim();return!e||e.length>vt||Sr.test(e)?null:e}function Ce(t){return t===null?"null":Array.isArray(t)?"an array":typeof t=="object"?"an object":`a ${typeof t}`}function Xt(t,e,n,o,i){for(const r of n){if(!(r in t)||t[r]===void 0||t[r]===null||t[r]==="")continue;const s=$r(t[r]);if(s)return s;const l=t[r];i(typeof l=="string"&&l.trim().length>vt?`${o}.${r} is longer than ${vt} characters and was dropped — pass the identifier itself, not a sentence or a URL.`:`${o}.${r} should be a string or number, got ${Ce(l)} — it was dropped.`)}return null}function Xn(t){if(t===null||typeof t=="boolean")return{ok:!0,value:t};if(typeof t=="number")return Number.isFinite(t)?{ok:!0,value:t}:{ok:!1};if(typeof t=="string")return{ok:!0,value:t.slice(0,xr)};if(typeof t=="object")try{const e=JSON.stringify(t);if(e&&e.length<=kr)return{ok:!0,value:JSON.parse(e)}}catch{}return{ok:!1}}const Jn=["email","name","phone"],Cr=new Set(["id","userId",...Jn,...Object.values(Yt).flat()]);function Zn(t,e=()=>{}){if(t==null)return null;if(typeof t!="object"||Array.isArray(t))return e(`identify() takes an object like { id, email, name } or null, got ${Ce(t)} — ignored.`),null;const n={};try{const o=Xt(t,"id",["id","userId"],"identify()",e);o&&(n.id=o);for(const r of Jn){const s=t[r];if(s==null||s==="")continue;if(r==="phone"&&typeof s=="number"&&Number.isFinite(s)){n.phone=String(s);continue}if(typeof s!="string"){e(`identify().${r} should be a string, got ${Ce(s)} — it was dropped.`);continue}const l=s.trim().slice(0,r==="name"?200:vt);l&&(r==="email"&&!l.includes("@")&&e(`identify().email "${l}" does not look like an email address — reports cannot be threaded or followed up without one.`),n[r]=l)}for(const[r,s]of Object.entries(Yt)){const l=Xt(t,r,s,"identify()",e);l&&(n[r]=l)}let i=0;for(const[r,s]of Object.entries(t)){if(Cr.has(r)||s===void 0||typeof s=="function")continue;if(i>=xt){e(`identify() was given more than ${xt} extra fields; the rest were dropped.`);break}const l=Xn(s);if(!l.ok){e(`identify().${r} could not be sent (${Ce(s)} too large or not serialisable) — dropped.`);continue}n[r]=l.value,i+=1}}catch{}return!n.id&&!n.email&&e("identify() was called without an id or email — reports will not be attributed to anyone, and nothing can be looked up by user."),n}function Gn(t,e,n=()=>{}){if(e===null)return{};const o={...t||{}};if(e===void 0)return o;if(typeof e!="object"||Array.isArray(e))return n(`setContext() takes an object like { loanId, screen } or null, got ${Ce(e)} — ignored.`),o;try{const i=new Map;for(const[r,s]of Object.entries(Yt))for(const l of s)i.set(l,r);for(const[r,s]of Object.entries(e)){const l=i.get(r);if(s==null){delete o[l||r];continue}if(l){const b=Xt({[r]:s},l,[r],"setContext()",n);b?o[l]=b:delete o[l];continue}if(typeof s=="function")continue;if(!(r in o)&&Object.keys(o).length>=xt){n(`setContext() holds at most ${xt} keys; "${r}" was dropped.`);continue}const g=Xn(s);if(!g.ok){n(`setContext().${r} could not be sent (${Ce(s)} too large or not serialisable) — dropped.`);continue}o[r]=g.value}}catch{}return o}const eo=["apiBase","apiKey","projectId","consoleLimit","networkLimit","captureConsole","captureNetwork","captureErrors","widget","widgetPosition","theme","accent","attachments","maxAttachments","maxAttachmentBytes","maxRecordingMs","beforeSend","user","context","updates","updateToast","onUpdate","voice","onCallState","onIncomingCall","onReportSubmitted","onAssistantPhase","onError","debug","drafts","knownIssues","agentIssues","release","environment","buildId"],Tr=["beforeSend","onUpdate","onCallState","onIncomingCall","onReportSubmitted","onAssistantPhase","onError"];function Er(t){const e=t.toLowerCase().replace(/[-_]/g,"");return eo.find(n=>n.toLowerCase()===e)||null}const to=/^(your[_-]|<|xxx|todo|changeme)/i,Ir=/^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;function Mr(t,{pageHost:e=""}={}){const n=[],o=[];if(!t||typeof t!="object")return n.push("init() takes an options object: BugCatch.init({ apiBase, apiKey, projectId })."),{errors:n,warnings:o};const{apiKey:i,projectId:r,apiBase:s}=t;i?typeof i!="string"?n.push(`apiKey must be a string, got ${Ce(i)}.`):to.test(i)?n.push(`apiKey is still the placeholder "${i}" — paste the key you saved when you created it.`):Ir.test(i)?o.push("apiKey looks like a project id — did you swap apiKey and projectId?"):i.startsWith("bc_")||o.push('apiKey does not look like a BugCatch key (they start with "bc_live_") — reports will be refused with HTTP 401.'):n.push("apiKey is required — create one under Workspace Settings → API Keys."),r?typeof r!="string"?n.push(`projectId must be a string, got ${Ce(r)}.`):to.test(r)?n.push(`projectId is still the placeholder "${r}".`):r.startsWith("bc_")?o.push("projectId looks like an API key — did you swap apiKey and projectId?"):/\s/.test(r)&&o.push("projectId contains whitespace — check it was copied cleanly."):n.push("projectId is required — copy it from Project Settings → Web SDK."),s==null?!e||/^(localhost|127\.|0\.0\.0\.0|\[::1\])/.test(e)||o.push("apiBase is not set, so reports go to http://localhost:3000 — set apiBase to your BugCatch API URL."):(typeof s!="string"||!/^https?:\/\//.test(s))&&o.push(`apiBase should be an absolute http(s) URL, got ${JSON.stringify(s)}.`);for(const l of Object.keys(t)){if(eo.includes(l))continue;const g=Er(l);o.push(g?`unknown option "${l}" — did you mean "${g}"?`:`unknown option "${l}" is ignored.`)}for(const l of Tr){const g=t[l];g!=null&&typeof g!="function"&&o.push(`${l} should be a function, got ${Ce(g)} — it will not be called.`)}return{errors:n,warnings:o}}function Lr(t){return typeof t=="string"?t.replace(/\/+$/,""):t}const Je={name:"@sphoro/bugcatch-web-sdk",version:"0.17.0"},Ze={apiBase:"http://localhost:3000",apiKey:null,projectId:null,consoleLimit:100,networkLimit:50,captureConsole:!0,captureNetwork:!0,captureErrors:!0,widget:!0,widgetPosition:"bottom-right",theme:"auto",accent:"#4F46E5",attachments:!0,maxAttachments:5,maxAttachmentBytes:25*1024*1024,maxRecordingMs:12e4,beforeSend:null,user:null,updates:!0,updateToast:!0,onUpdate:null,voice:!0,onCallState:null,onIncomingCall:null,onReportSubmitted:null,onAssistantPhase:null,onError:null,context:null,debug:!1};class no{constructor(){Mo(this,L);this.config={...Ze},this.started=!1,this.teardown=[],this.consoleBuffer=ct(Ze.consoleLimit),this.networkBuffer=ct(Ze.networkLimit),this.stopWatching=null,this.notifier=null,this.call=null,this.callStarting=!1,this.ringing=null,this.listeners=new Map,this.context={},this.warned=new Set,this.phases=new Map}warn(e){this.warned.has(e)||(this.warned.add(e),console.warn(`[BugCatch] ${e}`))}debugLog(...e){this.config.debug&&console.info("[BugCatch]",...e)}init(e={}){if(this.started)return console.warn("[BugCatch] init() called twice — ignoring the second call."),this;const{errors:n,warnings:o}=Mr(e,{pageHost:typeof location<"u"?location.hostname:""});if(n.length)throw new Error(`[BugCatch] ${n[0]}`);for(const r of o)this.warn(r);const i=this.config.user;return this.config={...Ze,...e,apiBase:Lr(e.apiBase??Ze.apiBase)},this.config.user=e.user!==void 0?Zn(e.user,r=>this.warn(r.replace("identify()","init({ user })"))):i||null,e.context&&this.setContext(e.context),this.consoleBuffer=ct(this.config.consoleLimit),this.networkBuffer=ct(this.config.networkLimit),this.config.captureConsole&&this.teardown.push(Ko(this.consoleBuffer)),this.config.captureNetwork&&this.teardown.push(Po(this.networkBuffer)),this.config.captureErrors&&this.teardown.push(_o(this.consoleBuffer)),fa(this.config.projectId),this.config.widget&&this.teardown.push(Xa(this)),this.config.updates&&ge()&&(this.startWatching(),queueMicrotask(()=>H(this,L,Be).call(this))),this.started=!0,H(this,L,Lo).call(this),this.debugLog("initialised",{version:Je.version,apiBase:this.config.apiBase,projectId:this.config.projectId,user:this.config.user,context:this.context}),this}startWatching(){if(this.stopWatching)return this;this.stopWatching=Ea({apiBase:this.config.apiBase,onUpdate:n=>{if(n!=null&&n.incomingCall){H(this,L,Ro).call(this,n);return}if(n!=null&&n.callWithdrawn){H(this,L,Bt).call(this,n.callWithdrawn.callId);return}const o=ba(n);typeof this.config.onUpdate=="function"&&this.config.onUpdate(o),this.emit("update",o),H(this,L,Be).call(this)}}),this.teardown.push(()=>{var n;return(n=this.stopWatching)==null?void 0:n.call(this)}),this.teardown.push(()=>H(this,L,Bt).call(this));const e=n=>{(n.key===bt||n.key===null)&&H(this,L,Be).call(this)};return window.addEventListener("storage",e),this.teardown.push(()=>window.removeEventListener("storage",e)),this}on(e,n){if(typeof n!="function")return()=>{};const o=this.listeners.get(e)||new Set;return o.add(n),this.listeners.set(e,o),()=>this.off(e,n)}off(e,n){var o;return(o=this.listeners.get(e))==null||o.delete(n),this}emit(e,n){for(const o of this.listeners.get(e)||[])try{o(n)}catch(i){console.error(`[BugCatch] a '${e}' listener threw:`,i)}}unreadUpdates(){return Fe()}markUpdateRead(e){return ma(e),H(this,L,Be).call(this),this}markReportRead(e){return ya(e),H(this,L,Be).call(this),this}markUpdatesRead(){return kn(),H(this,L,Be).call(this),this}async verifyFix(e,{result:n,resolvedAt:o,note:i}){const r=n==="STILL_HAPPENING"?await H(this,L,At).call(this,{}):{};return qa({apiBase:this.config.apiBase,bugId:e,result:n,resolvedAt:o,note:i,metadata:r.metadata,logs:r.logs})}async myReport(e){const n=await xa({apiBase:this.config.apiBase,bugId:e});return H(this,L,Ao).call(this,e,n==null?void 0:n.assistant),n}replyToReport(e,{body:n,attachments:o}={}){return Sn({apiBase:this.config.apiBase,bugId:e,body:n,attachments:o})}async canCallNow(){return!!await this.callKind()}async callKind(){return(await this.callKinds()).live?"live":null}async callKinds(){var n;const e={agent:!1,live:!1};return!this.config.voice||!((n=this.config.user)!=null&&n.email)?e:this.kinds!==void 0?this.kinds:(this.kinds=await ka({apiBase:this.config.apiBase,apiKey:this.config.apiKey,projectId:this.config.projectId}),this.kinds)}canCall(e){return this.config.voice?$n({apiBase:this.config.apiBase,bugId:e}):Promise.resolve(!1)}async startCall(e){var n;if(!this.config.voice)throw new Error("[BugCatch] calling is switched off.");if(this.call||this.callStarting)throw new Error("[BugCatch] a call is already running.");this.callStarting=!0;try{if(!await this.callKind())throw new Error((n=this.config.user)!=null&&n.email?"[BugCatch] calling is not available on this project.":"[BugCatch] a call needs to know who is calling — call identify() with an email first.");return await H(this,L,jo).call(this,e)}finally{this.callStarting=!1}}startLiveCall(e){return this.startCall(e)}canCallTeam(e){return this.config.voice?$n({apiBase:this.config.apiBase,bugId:e}):Promise.resolve(!1)}endCall(){var e;return(e=this.call)==null||e.hangUp(),this.call=null,this}myReports(){return va({apiBase:this.config.apiBase})}hasReports(){return!!ge()}forgetReports(){var e;return(e=this.stopWatching)==null||e.call(this),this.stopWatching=null,this.endCall(),Re(),H(this,L,Be).call(this),this}identify(e){const n=Zn(e,o=>this.warn(o));return e!=null&&!n?this:(this.config.user=n,this.debugLog("identify",n),this)}setContext(e){return this.context=Gn(this.context,e,n=>this.warn(n)),this.debugLog("context",this.context),this}getContext(){return{...this.context}}open(){return this.started?this.widgetControls?(this.widgetControls.open(),this):(this.warn("open() needs the built-in widget; it was turned off with widget: false."),this):(this.warn("open() was called before init() — nothing to open yet."),this)}close(){var e;return(e=this.widgetControls)==null||e.close(),this}isOpen(){var e;return!!((e=this.widgetControls)!=null&&e.isOpen())}async uploadAttachment(e,n,o){if(!this.started)throw new Error("[BugCatch] call init() first.");return ta({apiBase:this.config.apiBase,apiKey:this.config.apiKey,blob:e,mime:n||(e==null?void 0:e.type),onProgress:o})}async report({title:e,description:n="",priority:o="MEDIUM",metadata:i={},attachments:r=[],references:s=[],context:l=null,issue:g=null}={}){var z,S,M,I,j,Q,U,P;if(!this.started)throw new Error("[BugCatch] call init() first.");if(typeof e!="string"||!e.trim())throw new Error("[BugCatch] a title is required.");["LOW","MEDIUM","HIGH","CRITICAL"].includes(String(o).toUpperCase())||(this.warn(`priority "${o}" is not one of LOW, MEDIUM, HIGH, CRITICAL — sent as MEDIUM.`),o="MEDIUM");const b=(r||[]).filter(C=>(C==null?void 0:C.storageKey)&&dt(C.mime,lt)).map(C=>({type:C.type==="VIDEO"?"VIDEO":"SCREENSHOT",storageKey:C.storageKey,mime:dt(C.mime,lt)})),m=(Array.isArray(s)?s:[]).filter(C=>C&&typeof C.key=="string"&&C.key&&(typeof C.value=="string"||typeof C.value=="number")).map(C=>({key:C.key.slice(0,64),value:String(C.value).trim().slice(0,120)})).filter(C=>C.value);Array.isArray(s)&&m.length<s.length&&this.warn("report({ references }) takes [{ key, value }] with string values; malformed entries were dropped.");let h=await H(this,L,At).call(this,{title:e.trim(),description:typeof n=="string"?n:String(n??""),priority:String(o).toUpperCase(),metadata:i,media:b,references:m,context:l,issue:typeof g=="string"&&g?g.slice(0,32):null});const f=H(this,L,dn).call(this,h);if(f===!1)return{cancelled:!0};h=f,this.debugLog("sending report",{title:h.title,user:(z=h.metadata)==null?void 0:z.user,context:(S=h.metadata)==null?void 0:S.context,references:h.references,console:(j=(I=(M=h.logs)==null?void 0:M.console)==null?void 0:I.entries)==null?void 0:j.length,network:(P=(U=(Q=h.logs)==null?void 0:Q.network)==null?void 0:U.entries)==null?void 0:P.length});const p=$e(this.config.projectId);let x;try{x=await fetch(`${this.config.apiBase}/ingest/bugs`,{method:"POST",headers:{"Content-Type":"application/json","X-BugCatch-Key":this.config.apiKey,...p!=null&&p.token?{"X-BugCatch-Session":p.token}:{}},body:JSON.stringify(h)})}catch(C){const $=new Error(`[BugCatch] could not reach ${this.config.apiBase} — check apiBase, and that this site's origin is allowed by the API.`);throw $.cause=C,H(this,L,Lt).call(this,"report",$),$}if(x.status===401&&p&&Qt(this.config.projectId),!x.ok){let C="";try{const _=await x.json();C=Array.isArray(_.message)?_.message.join(", "):_.message||""}catch{}x.status===401&&!p&&(C||(C="the apiKey was not accepted")),x.status===403&&(C||(C="the apiKey is not allowed to report to this projectId"));const $=new Error(`[BugCatch] report failed (HTTP ${x.status})${C?": "+C:""}`);throw $.status=x.status,H(this,L,Lt).call(this,"report",$),$}const A=await x.json();return H(this,L,ln).call(this,A,{title:h.title??e.trim(),via:"form"}),A.watchToken&&(Dt(A.watchToken),this.config.updates&&this.startWatching()),A}loginState(){var e;return la({apiBase:this.config.apiBase,apiKey:this.config.apiKey,projectId:this.config.projectId,token:(e=$e(this.config.projectId))==null?void 0:e.token})}referenceFields(){return this.refFields?this.refFields:(this.refFields=Ka({apiBase:this.config.apiBase,apiKey:this.config.apiKey,projectId:this.config.projectId}),this.refFields)}agentIssues(){return this.agentIssueList?this.agentIssueList:(this.agentIssueList=_a({apiBase:this.config.apiBase,apiKey:this.config.apiKey,projectId:this.config.projectId}),this.agentIssueList)}signedInAs(){const e=$e(this.config.projectId);return e?{email:e.email,name:e.name}:null}signIn(e,{name:n}={}){var o;return da({apiBase:this.config.apiBase,apiKey:this.config.apiKey,projectId:this.config.projectId,email:e,name:n??((o=this.config.user)==null?void 0:o.name)??null})}async confirmSignIn(e,n){var i;const o=await ua({apiBase:this.config.apiBase,apiKey:this.config.apiKey,projectId:this.config.projectId,email:e,code:n});return(i=this.config.user)!=null&&i.email||(this.config.user={email:o.email,name:o.name||void 0}),this.emit("signin",{email:o.email,name:o.name}),{email:o.email,name:o.name}}async signOut(){var o;const e=$e(this.config.projectId),n=await pa({apiBase:this.config.apiBase,apiKey:this.config.apiKey,projectId:this.config.projectId,token:e==null?void 0:e.token});return e!=null&&e.email&&((o=this.config.user)==null?void 0:o.email)===e.email&&(this.config.user=null),this.emit("signout",{email:(e==null?void 0:e.email)||null}),n}knownIssues(){var e;return Ra({apiBase:this.config.apiBase,apiKey:this.config.apiKey,projectId:this.config.projectId,sessionToken:(e=$e(this.config.projectId))==null?void 0:e.token})}matchKnownIssues(e,{signal:n}={}){var o;return za({apiBase:this.config.apiBase,apiKey:this.config.apiKey,projectId:this.config.projectId,q:e||"",sessionToken:(o=$e(this.config.projectId))==null?void 0:o.token,signal:n})}async meToo(e,{email:n,name:o}={}){var s,l;const i=$e(this.config.projectId),r=await bn();return Oa({apiBase:this.config.apiBase,apiKey:this.config.apiKey,projectId:this.config.projectId,bugId:e,reporterEmail:n||((s=this.config.user)==null?void 0:s.email),reporterName:o||((l=this.config.user)==null?void 0:l.name),metadata:{...r,user:this.config.user||void 0,...Object.keys(this.context).length?{context:this.context}:{},sdk:Je},logs:{console:{entries:this.consoleBuffer.all()},network:{entries:this.networkBuffer.all()}},sessionToken:i==null?void 0:i.token})}snapshot(){return{user:this.config.user||null,context:{...this.context},console:this.consoleBuffer.all(),network:this.networkBuffer.all(),environment:mn()}}clear(){this.consoleBuffer.clear(),this.networkBuffer.clear()}destroy(){this.endCall(),this.teardown.forEach(e=>{try{e()}catch{}}),this.teardown=[],this.notifier=null,this.started=!1}}L=new WeakSet,Mt=function(e,n){const o=this.config[e];if(typeof o=="function")try{o(n)}catch(i){console.error(`[BugCatch] your ${e} callback threw:`,i)}},Lo=function(){if(typeof window>"u"||typeof fetch!="function")return;const e=`bugcatch:hello:${this.config.projectId}`,n=new Date().toISOString().slice(0,10);try{if(window.localStorage.getItem(e)===n)return}catch{}const o=setTimeout(()=>{try{window.localStorage.setItem(e,n)}catch{}fetch(`${this.config.apiBase}/ingest/hello`,{method:"POST",keepalive:!0,headers:{"Content-Type":"application/json","X-BugCatch-Key":this.config.apiKey},body:JSON.stringify({projectId:this.config.projectId,version:Je.version,identify:!!this.config.user,context:!!(this.context&&Object.keys(this.context).length),widget:!!this.config.widget,environment:this.config.environment||null,release:this.config.release||null})}).catch(()=>{})},5e3);this.teardown.push(()=>clearTimeout(o))},Be=function(){const e=Fe();if(this.emit("unread",{count:e.length,updates:e}),!!this.config.updateToast){if(!this.notifier){if(!e.length)return;this.notifier=ja({accent:this.config.accent,position:this.config.widgetPosition,onRead:n=>this.markUpdateRead(n),onReadAll:()=>this.markUpdatesRead(),onCall:this.config.voice?n=>{this.markUpdateRead(n.id),this.startCall(n.bugId)}:null}),this.teardown.push(()=>{var n;return(n=this.notifier)==null?void 0:n.destroy()})}this.notifier.render(e)}},Ao=function(e,n){const o=n==null?void 0:n.phase;if(!e||typeof o!="string"||this.phases.get(e)===o)return;this.phases.set(e,o);const i={bugId:e,phase:o,title:n.title??null,detail:n.detail??null};this.debugLog("assistant",i),H(this,L,Mt).call(this,"onAssistantPhase",i),this.emit("assistant",i)},ln=function(e,{title:n,via:o}){if(!(e!=null&&e.id))return;const i={bugId:e.id,title:n??null,via:o,result:e};this.debugLog("report accepted",i),H(this,L,Mt).call(this,"onReportSubmitted",i),this.emit("report",i)},Lt=function(e,n){H(this,L,Mt).call(this,"onError",{action:e,error:n}),this.emit("error",{action:e,error:n})},At=async function({title:e,description:n="",priority:o="MEDIUM",metadata:i={},media:r=[],references:s=[],context:l=null,issue:g=null}){var m,h;const b=l?Gn(this.context,l,f=>this.warn(f.replace("setContext()","report({ context })"))):this.context;return{projectId:this.config.projectId,...e?{title:e}:{},description:n,priority:o,url:window.location.href,reporterEmail:(m=this.config.user)==null?void 0:m.email,reporterName:(h=this.config.user)==null?void 0:h.name,metadata:{...await bn(),release:this.config.release,environment:this.config.environment,buildId:this.config.buildId,...i,user:this.config.user||void 0,...Object.keys(b).length?{context:b}:{},sdk:Je},logs:{console:{entries:this.consoleBuffer.all()},network:{entries:this.networkBuffer.all()}},...r.length?{attachments:r}:{},...s.length?{references:s}:{},...g?{issue:g}:{}}},dn=function(e){if(typeof this.config.beforeSend!="function")return e;let n;try{n=this.config.beforeSend(e)}catch(o){return this.warn(`beforeSend threw, so nothing was sent: ${(o==null?void 0:o.message)||o}`),!1}return n===!1?!1:n&&typeof n=="object"?n:e},Bo=async function(){const e=$e(this.config.projectId),n=H(this,L,dn).call(this,await H(this,L,At).call(this,{}));if(n===!1)return this.debugLog("call cancelled by beforeSend"),{cancelled:!0};let o;try{o=await Sa({apiBase:this.config.apiBase,apiKey:this.config.apiKey,token:e==null?void 0:e.token,payload:n})}catch(i){throw i.status===401&&e&&Qt(this.config.projectId),H(this,L,Lt).call(this,"call",i),i}return H(this,L,ln).call(this,o,{title:null,via:"call"}),o.watchToken&&(Dt(o.watchToken),this.config.updates&&this.startWatching()),o},jo=async function(e){if(!Ft())throw new Error("[BugCatch] this browser cannot make live calls.");const n=await Wt();let o,i=null;try{if(e)o=await $a({apiBase:this.config.apiBase,bugId:e});else if(i=await H(this,L,Bo).call(this),e=i.id,o=i.live_call,!(o!=null&&o.realtime_url)){const s=new Error(`[BugCatch] the report was filed, but the team could not be rung${i.call_error?`: ${i.call_error}`:"."}`);throw s.filed=i,s.reason=i.call_error||null,s}}catch(s){for(const l of n.getTracks())l.stop();throw s}const r=await _n({realtimeUrl:o.realtime_url,stream:n,ringsUntil:o.rings_until,onState:(s,l)=>{(s==="ended"||s==="failed"||s==="missed")&&(this.call=null),s==="missed"&&Ca({apiBase:this.config.apiBase,bugId:e,callId:o.call_id}),typeof this.config.onCallState=="function"&&this.config.onCallState(s,{bugId:e,live:!0,...l}),this.emit("call",{bugId:e,live:!0,state:s,...l})}});return this.call=r,Object.assign(r,{bugId:e,callId:o.call_id,live:!0,filed:i,recorded:!!o.recorded})},Ro=function(e){var i;const n=e.incomingCall;if(!this.config.voice||!Ft()||((i=this.ringing)==null?void 0:i.callId)===n.callId||this.call||this.callStarting)return;H(this,L,Bt).call(this);const o=vr({call:n,accent:this.config.accent,position:this.config.widgetPosition,onAnswer:()=>{H(this,L,zo).call(this,e.bugId,n)},onDecline:()=>{this.ringing=null,Cn({apiBase:this.config.apiBase,bugId:e.bugId,callId:n.callId}),this.emit("incoming-call",{bugId:e.bugId,callId:n.callId,state:"declined"})},onExpire:()=>{this.ringing=null,this.emit("incoming-call",{bugId:e.bugId,callId:n.callId,state:"missed"})}});if(this.ringing={callId:n.callId,dismiss:o},typeof this.config.onIncomingCall=="function")try{this.config.onIncomingCall({bugId:e.bugId,...n})}catch{}this.emit("incoming-call",{bugId:e.bugId,callId:n.callId,state:"ringing"})},Bt=function(e){if(this.ringing&&!(e&&this.ringing.callId!==e)){try{this.ringing.dismiss()}catch{}this.ringing=null}},zo=async function(e,n){if(this.ringing=null,this.call||this.callStarting)return;this.callStarting=!0;let o;try{o=await Wt()}catch(r){this.callStarting=!1,Cn({apiBase:this.config.apiBase,bugId:e,callId:n.callId}),this.emit("incoming-call",{bugId:e,callId:n.callId,state:"failed",error:r});return}let i;try{i=await Ta({apiBase:this.config.apiBase,bugId:e,callId:n.callId})}catch(r){for(const s of o.getTracks())s.stop();this.callStarting=!1,this.emit("incoming-call",{bugId:e,callId:n.callId,state:"missed",error:r});return}try{const r=await _n({realtimeUrl:i.realtime_url,stream:o,onState:(s,l)=>{(s==="ended"||s==="failed"||s==="missed")&&(this.call=null),typeof this.config.onCallState=="function"&&this.config.onCallState(s,{bugId:e,live:!0,incoming:!0,...l}),this.emit("call",{bugId:e,live:!0,incoming:!0,state:s,...l})}});this.call=r,this.emit("incoming-call",{bugId:e,callId:n.callId,state:"answered"})}catch(r){for(const s of o.getTracks())s.stop();this.emit("incoming-call",{bugId:e,callId:n.callId,state:"failed",error:r})}finally{this.callStarting=!1}};const Jt=new no;return Jt.Client=no,Jt.version=Je.version,Jt});
|
|
1369
1433
|
//# sourceMappingURL=bugcatch.umd.js.map
|