@sphoro/bugcatch-web-sdk 0.18.0 → 0.20.0

package/dist/bugcatch-call.es.js

@@ -1,71 +1,73 @@
-function pt(e = 8e3) {
-  const d = window.AudioContext || window.webkitAudioContext;
+import { P as mt, I as yt, q as ht } from "./bugcatch-core.es.js";
+const nt = 8e3;
+function gt(e = nt) {
+  const s = window.AudioContext || window.webkitAudioContext;
   try {
-    return new d({ sampleRate: e });
+    return new s({ sampleRate: e });
   } catch {
-    return new d();
+    return new s();
   }
 }
-async function yt(e) {
+async function wt(e) {
   if (e.state === "suspended")
     try {
       await e.resume();
     } catch {
     }
 }
-function mt(e, d, s) {
-  const a = d / s, c = new Float32Array(Math.floor(e.length / a));
-  for (let f = 0; f < c.length; f++) {
-    const l = Math.floor(f * a), g = Math.min(Math.floor((f + 1) * a), e.length);
-    let m = 0;
-    for (let r = l; r < g; r++) m += e[r];
-    c[f] = g > l ? m / (g - l) : 0;
+function bt(e, s, l) {
+  const a = s / l, c = new Float32Array(Math.floor(e.length / a));
+  for (let d = 0; d < c.length; d++) {
+    const u = Math.floor(d * a), g = Math.min(Math.floor((d + 1) * a), e.length);
+    let y = 0;
+    for (let r = u; r < g; r++) y += e[r];
+    c[d] = g > u ? y / (g - u) : 0;
   }
   return c;
 }
-const ht = 132, Q = 32635;
-function gt(e) {
-  const d = new Uint8Array(e.length);
-  for (let s = 0; s < e.length; s++) {
-    const a = Math.max(-1, Math.min(1, e[s]));
+const Tt = 132, Q = 32635;
+function kt(e) {
+  const s = new Uint8Array(e.length);
+  for (let l = 0; l < e.length; l++) {
+    const a = Math.max(-1, Math.min(1, e[l]));
     let c = Math.round(a * 32767);
-    const f = c < 0 ? 128 : 0;
-    f && (c = -c), c > Q && (c = Q), c += ht;
-    let l = 7;
-    for (let m = 16384; !(c & m) && l > 0; l--, m >>= 1) ;
-    const g = c >> l + 3 & 15;
-    d[s] = ~(f | l << 4 | g) & 255;
+    const d = c < 0 ? 128 : 0;
+    d && (c = -c), c > Q && (c = Q), c += Tt;
+    let u = 7;
+    for (let y = 16384; !(c & y) && u > 0; u--, y >>= 1) ;
+    const g = c >> u + 3 & 15;
+    s[l] = ~(d | u << 4 | g) & 255;
   }
-  return d;
+  return s;
 }
-const wt = 512;
-function bt(e, d, s, a = 8e3) {
-  const c = e.createMediaStreamSource(d), f = e.createScriptProcessor(wt, 1, 1);
-  f.onaudioprocess = (g) => {
-    const m = g.inputBuffer.getChannelData(0), r = e.sampleRate === a ? m : mt(m, e.sampleRate, a);
-    s(gt(r));
-  }, c.connect(f);
-  const l = e.createGain();
-  return l.gain.value = 0, f.connect(l), l.connect(e.destination), {
+const xt = 512;
+function Ct(e, s, l, a = nt) {
+  const c = e.createMediaStreamSource(s), d = e.createScriptProcessor(xt, 1, 1);
+  d.onaudioprocess = (g) => {
+    const y = g.inputBuffer.getChannelData(0), r = e.sampleRate === a ? y : bt(y, e.sampleRate, a);
+    l(kt(r));
+  }, c.connect(d);
+  const u = e.createGain();
+  return u.gain.value = 0, d.connect(u), u.connect(e.destination), {
     stop() {
-      f.onaudioprocess = null;
+      d.onaudioprocess = null;
       try {
         c.disconnect();
       } catch {
       }
       try {
-        f.disconnect();
+        d.disconnect();
       } catch {
       }
       try {
-        l.disconnect();
+        u.disconnect();
       } catch {
       }
     }
   };
 }
-const Tt = "voiceai.realtime.v1", kt = [{ urls: "stun:stun.l.google.com:19302" }];
-function xt() {
+const vt = "voiceai.realtime.v1", Rt = [{ urls: "stun:stun.l.google.com:19302" }];
+function St() {
   return navigator.mediaDevices.getUserMedia({
     audio: {
       // Both ends are on speakers as often as not. Without cancellation each
@@ -78,19 +80,19 @@ function xt() {
     }
   });
 }
-function Ct() {
+function Et() {
   var e;
   return typeof window < "u" && typeof window.RTCPeerConnection == "function" && !!((e = navigator.mediaDevices) != null && e.getUserMedia);
 }
-async function At({
+async function Lt({
   realtimeUrl: e,
-  stream: d,
-  ringsUntil: s,
+  stream: s,
+  ringsUntil: l,
   onState: a,
   onAudioBlocked: c,
-  onMicrophone: f
+  onMicrophone: d
 }) {
-  const l = (t, n) => {
+  const u = (t, n) => {
     try {
       a == null || a(t, n);
     } catch {
@@ -100,51 +102,51 @@ async function At({
       c == null || c(t);
     } catch {
     }
-  }, m = (t) => {
+  }, y = (t) => {
     try {
-      f == null || f(t);
+      d == null || d(t);
     } catch {
     }
   };
-  if (!Ct()) {
+  if (!Et()) {
     const t = new Error("[BugCatch] this browser cannot make live calls.");
-    throw l("failed", { reason: "unsupported" }), t;
+    throw u("failed", { reason: "unsupported" }), t;
   }
-  let r = d;
+  let r = s;
   if (!r)
     try {
-      r = await xt();
+      r = await St();
     } catch (t) {
-      throw l("failed", { reason: "microphone", error: String((t == null ? void 0 : t.name) || t) }), t;
+      throw u("failed", { reason: "microphone", error: String((t == null ? void 0 : t.name) || t) }), t;
     }
-  let y;
+  let m;
   try {
-    y = await vt(e);
+    m = await Mt(e);
   } catch (t) {
-    throw tt(r), l("failed", { reason: "connect" }), t;
+    throw tt(r), u("failed", { reason: "connect" }), t;
   }
-  let o = null, i = null, p = !1, w = null, h = null, E = null, S = !1, b = null, C = null, A = !1;
+  let o = null, i = null, p = !1, w = null, h = null, S = null, E = !1, b = null, C = null, M = !1;
   const x = [];
-  let O = !1, D = !1, $ = !1, R = null, _ = null, B = 0;
-  const nt = 2e3, P = 5e3, ot = 3e4, rt = 4, k = (t, n) => {
+  let O = !1, $ = !1, D = !1, R = null, I = null, P = 0;
+  const ot = 2e3, U = 5e3, rt = 3e4, at = 4, k = (t, n) => {
     if (!p) {
-      p = !0, w && (clearTimeout(w), w = null), Y(), C == null || C(), C = null, at(), b == null || b(), b = null;
+      p = !0, w && (clearTimeout(w), w = null), q(), C == null || C(), C = null, ct(), b == null || b(), b = null;
       try {
         o == null || o.close();
       } catch {
       }
       tt(r), i && (i.srcObject = null, i.remove(), i = null);
       try {
-        y.readyState === WebSocket.OPEN && y.close(1e3, "call over");
+        m.readyState === WebSocket.OPEN && m.close(1e3, "call over");
       } catch {
       }
-      l(t, n);
+      u(t, n);
     }
-  }, M = (t) => {
-    y.readyState === WebSocket.OPEN && y.send(JSON.stringify(t));
+  }, A = (t) => {
+    m.readyState === WebSocket.OPEN && m.send(JSON.stringify(t));
   }, j = async () => {
-    if (A || E || p || !h || !h.audio && !h.transcript) return;
-    A = !0;
+    if (M || S || p || !h || !h.audio && !h.transcript) return;
+    M = !0;
     const t = h.encoding || "mulaw";
     if (t !== "mulaw") {
       Z(`this call is kept as ${t}, which this SDK cannot produce.`);
@@ -152,26 +154,26 @@ async function At({
     }
     const n = Number(h.sample_rate) || 8e3;
     try {
-      const u = pt(n);
-      if (await yt(u), p) {
+      const f = gt(n);
+      if (await wt(f), p) {
         try {
-          u.close();
+          f.close();
         } catch {
         }
         return;
       }
-      const v = bt(u, r, (T) => {
-        y.readyState === WebSocket.OPEN && y.send(T);
+      const v = Ct(f, r, (T) => {
+        m.readyState === WebSocket.OPEN && m.send(T);
       }, n);
-      E = { context: u, tap: v };
-    } catch (u) {
-      Z(`could not send the copy this call is keeping: ${String((u == null ? void 0 : u.message) || u)}`);
+      S = { context: f, tap: v };
+    } catch (f) {
+      Z(`could not send the copy this call is keeping: ${String((f == null ? void 0 : f.message) || f)}`);
     }
   };
-  function at() {
-    if (A = !1, !E) return;
-    const { context: t, tap: n } = E;
-    E = null;
+  function ct() {
+    if (M = !1, !S) return;
+    const { context: t, tap: n } = S;
+    S = null;
     try {
       n.stop();
     } catch {
@@ -198,95 +200,95 @@ async function At({
     t.then(z, V);
   }
   function z() {
-    b == null || b(), b = null, S && (S = !1, g(!1));
+    b == null || b(), b = null, E && (E = !1, g(!1));
   }
   function V() {
-    p || (S || (S = !0, g(!0)), ct());
+    p || (E || (E = !0, g(!0)), it());
   }
-  function ct() {
+  function it() {
     if (b || typeof window > "u" || typeof window.addEventListener != "function") return;
     const t = () => F(), n = ["pointerdown", "keydown", "touchstart"];
-    for (const u of n)
-      window.addEventListener(u, t, { capture: !0, passive: !0 });
+    for (const f of n)
+      window.addEventListener(f, t, { capture: !0, passive: !0 });
     b = () => {
-      for (const u of n)
+      for (const f of n)
         try {
-          window.removeEventListener(u, t, { capture: !0 });
+          window.removeEventListener(f, t, { capture: !0 });
         } catch {
         }
     };
   }
-  const it = (t) => {
-    o = new RTCPeerConnection({ iceServers: t != null && t.length ? t : kt });
+  const st = (t) => {
+    o = new RTCPeerConnection({ iceServers: t != null && t.length ? t : Rt });
     for (const n of r.getAudioTracks()) o.addTrack(n, r);
-    C = st(), o.onicecandidate = (n) => {
-      n.candidate && M({ type: "signal", signal: { kind: "candidate", payload: n.candidate.toJSON() } });
+    C = lt(), o.onicecandidate = (n) => {
+      n.candidate && A({ type: "signal", signal: { kind: "candidate", payload: n.candidate.toJSON() } });
     }, o.ontrack = (n) => {
       var v;
-      const [u] = n.streams;
-      u && (i || (i = document.createElement("audio"), i.autoplay = !0, i.playsInline = !0, (v = i.setAttribute) == null || v.call(i, "playsinline", ""), i.style.cssText = "position:fixed;width:0;height:0;opacity:0;pointer-events:none", document.body.appendChild(i)), i.srcObject = u, F());
-    }, o.onconnectionstatechange = W, o.oniceconnectionstatechange = W;
+      const [f] = n.streams;
+      f && (i || (i = document.createElement("audio"), i.autoplay = !0, i.playsInline = !0, (v = i.setAttribute) == null || v.call(i, "playsinline", ""), i.style.cssText = "position:fixed;width:0;height:0;opacity:0;pointer-events:none", document.body.appendChild(i)), i.srcObject = f, F());
+    }, o.onconnectionstatechange = J, o.oniceconnectionstatechange = J;
   };
-  function W() {
+  function J() {
     if (!o || p) return;
     const t = o.connectionState || o.iceConnectionState;
     if (t === "connected" || t === "completed") {
-      D = !0, B = 0, Y(), $ = !1, l("connected");
+      $ = !0, P = 0, q(), D = !1, u("connected");
       return;
     }
     if (t === "disconnected") {
-      if (!D) return;
-      J(nt);
+      if (!$) return;
+      W(ot);
       return;
     }
     if (t === "failed") {
-      if (!D) {
+      if (!$) {
         k("failed", { reason: "ice" });
         return;
       }
-      J(0);
+      W(0);
     }
   }
-  function J(t) {
-    p || ($ || ($ = !0, l("reconnecting"), _ = setTimeout(() => k("failed", { reason: "network" }), ot)), !R && (R = setTimeout(U, t)));
+  function W(t) {
+    p || (D || (D = !0, u("reconnecting"), I = setTimeout(() => k("failed", { reason: "network" }), rt)), !R && (R = setTimeout(B, t)));
   }
-  function Y() {
-    R && (clearTimeout(R), R = null), _ && (clearTimeout(_), _ = null);
+  function q() {
+    R && (clearTimeout(R), R = null), I && (clearTimeout(I), I = null);
   }
-  async function U() {
+  async function B() {
     if (R = null, p || !o) return;
     const t = o.connectionState || o.iceConnectionState;
     if (!(t === "connected" || t === "completed")) {
       if (!O) {
-        M({ type: "signal", signal: { kind: "restart", payload: {} } }), R = setTimeout(U, P);
+        A({ type: "signal", signal: { kind: "restart", payload: {} } }), R = setTimeout(B, U);
         return;
       }
-      B >= rt || (B += 1, await q(), R = setTimeout(U, P));
+      P >= at || (P += 1, await K(), R = setTimeout(B, U));
     }
   }
-  async function q() {
+  async function K() {
     if (!(p || !o))
       try {
         const t = await o.createOffer({ iceRestart: !0 });
-        await o.setLocalDescription(t), M({ type: "signal", signal: { kind: "offer", payload: o.localDescription.toJSON() } });
+        await o.setLocalDescription(t), A({ type: "signal", signal: { kind: "offer", payload: o.localDescription.toJSON() } });
       } catch {
       }
   }
-  function st() {
-    let n = null, u = !1;
+  function lt() {
+    let n = null, f = !1;
     const v = (T) => {
       if (n && (clearTimeout(n), n = null), T) {
-        if (!u) return;
-        u = !1, m(!0);
+        if (!f) return;
+        f = !1, y(!0);
         return;
       }
-      u || (n = setTimeout(() => {
-        n = null, !p && (u = !0, m(!1));
+      f || (n = setTimeout(() => {
+        n = null, !p && (f = !0, y(!1));
       }, 600));
     };
     for (const T of r.getAudioTracks())
       T.onmute = () => v(!1), T.onunmute = () => v(!0), T.onended = () => {
-        n && (clearTimeout(n), n = null), !u && (u = !0, m(!1));
+        n && (clearTimeout(n), n = null), !f && (f = !0, y(!1));
       };
     return () => {
       n && (clearTimeout(n), n = null);
@@ -294,22 +296,22 @@ async function At({
         T.onmute = null, T.onunmute = null, T.onended = null;
     };
   }
-  const lt = async () => {
+  const ut = async () => {
     try {
       const t = await o.createOffer();
-      await o.setLocalDescription(t), M({ type: "signal", signal: { kind: "offer", payload: o.localDescription.toJSON() } });
+      await o.setLocalDescription(t), A({ type: "signal", signal: { kind: "offer", payload: o.localDescription.toJSON() } });
     } catch {
       k("failed", { reason: "negotiation" });
     }
-  }, ut = async (t) => {
+  }, ft = async (t) => {
     try {
       await o.setRemoteDescription(new RTCSessionDescription(t));
       const n = await o.createAnswer();
-      await o.setLocalDescription(n), M({ type: "signal", signal: { kind: "answer", payload: o.localDescription.toJSON() } }), await G();
+      await o.setLocalDescription(n), A({ type: "signal", signal: { kind: "answer", payload: o.localDescription.toJSON() } }), await Y();
     } catch {
       k("failed", { reason: "negotiation" });
     }
-  }, G = async () => {
+  }, Y = async () => {
     for (; x.length; ) {
       const t = x.shift();
       try {
@@ -318,13 +320,13 @@ async function At({
       }
     }
   };
-  let K = Promise.resolve();
-  y.onmessage = (t) => {
-    K = K.then(() => dt(t)).catch(() => {
+  let G = Promise.resolve();
+  m.onmessage = (t) => {
+    G = G.then(() => dt(t)).catch(() => {
     });
   };
   const dt = async (t) => {
-    var u, v, T, X, H;
+    var f, v, T, X, H;
     if (typeof t.data != "string") return;
     let n;
     try {
@@ -334,29 +336,29 @@ async function At({
     }
     switch (n.type) {
       case "session.created": {
-        if (it((u = n.data) == null ? void 0 : u.ice_servers), h = ((v = n.data) == null ? void 0 : v.capture) || null, (T = n.data) != null && T.peer_present) {
-          l("connecting"), j();
+        if (st((f = n.data) == null ? void 0 : f.ice_servers), h = ((v = n.data) == null ? void 0 : v.capture) || null, (T = n.data) != null && T.peer_present) {
+          u("connecting"), j();
           break;
         }
-        l("ringing"), ft();
+        u("ringing"), pt();
         break;
       }
       case "peer.joined": {
-        w && (clearTimeout(w), w = null), l("connecting"), O = !!((X = n.data) != null && X.should_offer), O && await lt(), j();
+        w && (clearTimeout(w), w = null), u("connecting"), O = !!((X = n.data) != null && X.should_offer), O && await ut(), j();
         break;
       }
       case "signal": {
         if (!o) break;
-        const { kind: I, payload: L } = n.data || {};
-        if (I === "offer")
-          await ut(L);
-        else if (I === "answer")
+        const { kind: _, payload: L } = n.data || {};
+        if (_ === "offer")
+          await ft(L);
+        else if (_ === "answer")
           try {
-            await o.setRemoteDescription(new RTCSessionDescription(L)), await G();
+            await o.setRemoteDescription(new RTCSessionDescription(L)), await Y();
           } catch {
             k("failed", { reason: "negotiation" });
           }
-        else if (I === "candidate")
+        else if (_ === "candidate")
           if (o.remoteDescription)
             try {
               await o.addIceCandidate(new RTCIceCandidate(L));
@@ -364,7 +366,7 @@ async function At({
             }
           else
             x.push(L);
-        else I === "restart" && O && await q();
+        else _ === "restart" && O && await K();
         break;
       }
       case "peer.left":
@@ -378,15 +380,15 @@ async function At({
         break;
     }
   };
-  y.onclose = () => k("ended", { reason: "disconnected" }), y.onerror = () => k("failed", { reason: "socket" });
-  function ft() {
-    if (!s) return;
-    const t = new Date(s).getTime() - Date.now();
+  m.onclose = () => k("ended", { reason: "disconnected" }), m.onerror = () => k("failed", { reason: "socket" });
+  function pt() {
+    if (!l) return;
+    const t = new Date(l).getTime() - Date.now();
     Number.isFinite(t) && (w = setTimeout(() => k("missed"), Math.max(0, t)));
   }
   return {
     hangUp() {
-      M({ type: "session.end" }), k("ended", { reason: "hung_up" });
+      A({ type: "session.end" }), k("ended", { reason: "hung_up" });
     },
     setMuted(t) {
       for (const n of r.getAudioTracks()) n.enabled = !t;
@@ -397,19 +399,19 @@ async function At({
     }
   };
 }
-function vt(e) {
-  return new Promise((d, s) => {
+function Mt(e) {
+  return new Promise((s, l) => {
     let a;
     try {
-      a = new WebSocket(e, Tt);
+      a = new WebSocket(e, vt);
     } catch (c) {
-      s(c);
+      l(c);
       return;
     }
     a.onopen = () => {
-      a.onopen = null, a.onerror = null, d(a);
+      a.onopen = null, a.onerror = null, s(a);
     }, a.onerror = () => {
-      a.onopen = null, a.onerror = null, s(new Error("[BugCatch] could not connect the call."));
+      a.onopen = null, a.onerror = null, l(new Error("[BugCatch] could not connect the call."));
     };
   });
 }
@@ -420,10 +422,10 @@ function Z(e) {
   }
 }
 function tt(e) {
-  var d;
-  for (const s of ((d = e == null ? void 0 : e.getTracks) == null ? void 0 : d.call(e)) ?? [])
+  var s;
+  for (const l of ((s = e == null ? void 0 : e.getTracks) == null ? void 0 : s.call(e)) ?? [])
     try {
-      s.stop();
+      l.stop();
     } catch {
     }
 }
@@ -435,7 +437,7 @@ const N = {
     { at: 0.55, seconds: 0.4, hz: [440, 660] }
   ]
 };
-function Rt() {
+function At() {
   var e;
   try {
     return !!((e = navigator.userActivation) != null && e.hasBeenActive);
@@ -443,125 +445,124 @@ function Rt() {
     return !1;
   }
 }
-function Et(e) {
-  if (!e() && !Rt()) return () => {
+function Ot(e) {
+  if (!e() && !At()) return () => {
   };
-  const d = typeof window < "u" && (window.AudioContext || window.webkitAudioContext);
-  if (!d) return () => {
+  const s = typeof window < "u" && (window.AudioContext || window.webkitAudioContext);
+  if (!s) return () => {
   };
-  let s;
+  let l;
   try {
-    s = new d();
+    l = new s();
   } catch {
     return () => {
     };
   }
   let a = !1, c = null;
-  const f = [], l = ({ at: r, seconds: y, hz: o }) => {
-    const i = s.currentTime + r, p = s.createGain();
-    p.connect(s.destination), p.gain.setValueAtTime(0, i), p.gain.linearRampToValueAtTime(N.peak, i + 0.02), p.gain.setValueAtTime(N.peak, i + y - 0.06), p.gain.linearRampToValueAtTime(0, i + y);
+  const d = [], u = ({ at: r, seconds: m, hz: o }) => {
+    const i = l.currentTime + r, p = l.createGain();
+    p.connect(l.destination), p.gain.setValueAtTime(0, i), p.gain.linearRampToValueAtTime(N.peak, i + 0.02), p.gain.setValueAtTime(N.peak, i + m - 0.06), p.gain.linearRampToValueAtTime(0, i + m);
     for (const w of o) {
-      const h = s.createOscillator();
-      h.type = "sine", h.frequency.value = w, h.connect(p), h.start(i), h.stop(i + y + 0.02), f.push(h);
+      const h = l.createOscillator();
+      h.type = "sine", h.frequency.value = w, h.connect(p), h.start(i), h.stop(i + m + 0.02), d.push(h);
     }
   }, g = () => {
     if (!a)
       try {
-        N.bursts.forEach(l);
+        N.bursts.forEach(u);
       } catch {
       }
-  }, m = () => {
+  }, y = () => {
     a || (g(), c = setInterval(g, N.cycleMs));
   };
-  return s.state === "running" ? m() : s.resume().then(m).catch(() => {
+  return l.state === "running" ? y() : l.resume().then(y).catch(() => {
   }), () => {
     a = !0, c && clearInterval(c);
-    for (const r of f)
+    for (const r of d)
       try {
         r.stop();
       } catch {
       }
     try {
-      s.close();
+      l.close();
     } catch {
     }
   };
 }
-function St(e) {
-  const d = Date.parse(e || "");
-  return Number.isNaN(d) ? 0 : Math.max(0, Math.round((d - Date.now()) / 1e3));
+function It(e) {
+  const s = Date.parse(e || "");
+  return Number.isNaN(s) ? 0 : Math.max(0, Math.round((s - Date.now()) / 1e3));
 }
 const et = [
   "flex:1",
   "padding:9px 12px",
   "border:0",
-  "border-radius:8px",
-  "font:600 13px/1.4 inherit",
+  "border-radius:999px",
+  "font:560 13px/1.4 inherit",
   "cursor:pointer"
 ].join(";");
-function Mt({
+function Nt({
   call: e,
-  accent: d = "#5b6ef5",
-  position: s = "bottom-right",
+  accent: s = null,
+  position: l = "bottom-right",
   onAnswer: a,
   onDecline: c,
-  onExpire: f,
-  touched: l = () => !1
+  onExpire: d,
+  touched: u = () => !1
 }) {
   if (typeof document > "u" || !document.body) return () => {
   };
-  const [g, m] = String(s).split("-"), r = document.createElement("div");
+  const [g, y] = String(l).split("-"), r = document.createElement("div");
   r.setAttribute("role", "alertdialog"), r.setAttribute("aria-live", "assertive"), r.setAttribute("aria-label", `${e.from || "Support"} is calling about ${e.reference}`), r.style.cssText = [
     "position:fixed",
     `${g === "top" ? "top" : "bottom"}:20px`,
-    `${m === "left" ? "left" : "right"}:20px`,
+    `${y === "left" ? "left" : "right"}:20px`,
     // Above the update toast, which uses the maximum and may be on screen at
     // the same moment — a status line must not sit on top of a ringing phone.
     "z-index:2147483647",
     "width:300px",
     "max-width:calc(100vw - 40px)",
-    "padding:14px",
-    "border-radius:12px",
-    "background:#1b1e26",
-    "color:#eceef2",
+    "padding:16px",
+    "border-radius:16px",
+    "background:#111113",
+    "color:#f3f2ef",
     '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 ${d}`,
+    `box-shadow:0 0 0 1px ${s ? `color-mix(in srgb, ${s} 55%, transparent)` : "rgba(255,255,255,.12)"},0 24px 50px -12px rgba(0,0,0,.6)`,
     "opacity:0",
     "transform:translateY(8px)",
     "transition:opacity .2s ease,transform .2s ease"
   ].join(";");
-  const y = document.createElement("div");
-  y.style.cssText = "font-weight:600;font-size:14px;margin-bottom:2px", y.textContent = `${e.from || "Support"} is calling`;
+  const m = document.createElement("div");
+  m.style.cssText = "font-weight:600;font-size:14px;margin-bottom:2px", m.textContent = `${e.from || "Support"} is calling`;
   const o = document.createElement("div");
-  o.style.cssText = "color:#a4abba;margin-bottom:10px", o.textContent = e.project ? `About your report ${e.reference} · ${e.project}` : `About your report ${e.reference}`;
+  o.style.cssText = "color:#b3b0aa;margin-bottom:10px", o.textContent = e.project ? `About your report ${e.reference} · ${e.project}` : `About your report ${e.reference}`;
   const i = document.createElement("div");
-  i.style.cssText = "color:#7d8598;font-size:12px;margin-bottom:10px";
+  i.style.cssText = "color:#8f8c86;font-size:12px;margin-bottom:10px";
   const p = document.createElement("button");
-  p.type = "button", p.textContent = "Answer", p.style.cssText = `${et};background:${d};color:#fff`;
+  p.type = "button", p.textContent = "Answer", p.style.cssText = `${et};background:${s || mt};color:${s ? ht(s) : yt}`;
   const w = document.createElement("button");
-  w.type = "button", w.textContent = "Not now", w.style.cssText = `${et};background:#2b2f3a;color:#c8cedb`;
+  w.type = "button", w.textContent = "Not now", w.style.cssText = `${et};background:rgba(255,255,255,.08);color:#f3f2ef`;
   const h = document.createElement("div");
-  if (h.style.cssText = "display:flex;gap:8px", h.append(p, w), r.append(y, o, i), e.recorded) {
+  if (h.style.cssText = "display:flex;gap:8px", h.append(p, w), r.append(m, o, i), e.recorded) {
     const x = document.createElement("div");
-    x.style.cssText = "color:#7d8598;font-size:12px;margin-bottom:10px", x.textContent = "This call will be recorded.", r.append(x);
+    x.style.cssText = "color:#8f8c86;font-size:12px;margin-bottom:10px", x.textContent = "This call will be recorded.", r.append(x);
   }
   r.append(h), document.body.appendChild(r);
-  const E = Et(l);
-  let S = !1, b = null;
+  const S = Ot(u);
+  let E = !1, b = null;
   const C = () => {
-    S || (S = !0, b && clearInterval(b), E(), r.style.opacity = "0", r.style.transform = "translateY(8px)", setTimeout(() => r.remove(), 250));
-  }, A = () => {
-    const x = St(e.ringsUntil);
+    E || (E = !0, b && clearInterval(b), S(), r.style.opacity = "0", r.style.transform = "translateY(8px)", setTimeout(() => r.remove(), 250));
+  }, M = () => {
+    const x = It(e.ringsUntil);
     if (i.textContent = x ? `Ringing — ${x}s` : "The call has stopped ringing.", !x) {
       C();
       try {
-        f == null || f();
+        d == null || d();
       } catch {
       }
     }
   };
-  return A(), b = setInterval(A, 1e3), p.addEventListener("click", () => {
+  return M(), b = setInterval(M, 1e3), p.addEventListener("click", () => {
     C();
     try {
       a == null || a();
@@ -578,9 +579,9 @@ function Mt({
   }), C;
 }
 export {
-  At as joinLiveCall,
-  Ct as liveCallSupported,
-  xt as openMicrophone,
-  Mt as showIncomingCall
+  Lt as joinLiveCall,
+  Et as liveCallSupported,
+  St as openMicrophone,
+  Nt as showIncomingCall
 };
 //# sourceMappingURL=bugcatch-call.es.js.map