@sphoro/bugcatch-web-sdk 0.17.0 → 0.19.0

package/dist/bugcatch-call.es.js

@@ -0,0 +1,587 @@
+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 s({ sampleRate: e });
+  } catch {
+    return new s();
+  }
+}
+async function wt(e) {
+  if (e.state === "suspended")
+    try {
+      await e.resume();
+    } catch {
+    }
+}
+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 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 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 s;
+}
+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() {
+      d.onaudioprocess = null;
+      try {
+        c.disconnect();
+      } catch {
+      }
+      try {
+        d.disconnect();
+      } catch {
+      }
+      try {
+        u.disconnect();
+      } catch {
+      }
+    }
+  };
+}
+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
+      // hears themselves back through the other, half a second late, which is
+      // the single most effective way to make a conversation impossible.
+      echoCancellation: !0,
+      noiseSuppression: !0,
+      autoGainControl: !0,
+      channelCount: 1
+    }
+  });
+}
+function Et() {
+  var e;
+  return typeof window < "u" && typeof window.RTCPeerConnection == "function" && !!((e = navigator.mediaDevices) != null && e.getUserMedia);
+}
+async function Lt({
+  realtimeUrl: e,
+  stream: s,
+  ringsUntil: l,
+  onState: a,
+  onAudioBlocked: c,
+  onMicrophone: d
+}) {
+  const u = (t, n) => {
+    try {
+      a == null || a(t, n);
+    } catch {
+    }
+  }, g = (t) => {
+    try {
+      c == null || c(t);
+    } catch {
+    }
+  }, y = (t) => {
+    try {
+      d == null || d(t);
+    } catch {
+    }
+  };
+  if (!Et()) {
+    const t = new Error("[BugCatch] this browser cannot make live calls.");
+    throw u("failed", { reason: "unsupported" }), t;
+  }
+  let r = s;
+  if (!r)
+    try {
+      r = await St();
+    } catch (t) {
+      throw u("failed", { reason: "microphone", error: String((t == null ? void 0 : t.name) || t) }), t;
+    }
+  let m;
+  try {
+    m = await Mt(e);
+  } catch (t) {
+    throw tt(r), u("failed", { reason: "connect" }), t;
+  }
+  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, $ = !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), 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 {
+        m.readyState === WebSocket.OPEN && m.close(1e3, "call over");
+      } catch {
+      }
+      u(t, n);
+    }
+  }, A = (t) => {
+    m.readyState === WebSocket.OPEN && m.send(JSON.stringify(t));
+  }, j = async () => {
+    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.`);
+      return;
+    }
+    const n = Number(h.sample_rate) || 8e3;
+    try {
+      const f = gt(n);
+      if (await wt(f), p) {
+        try {
+          f.close();
+        } catch {
+        }
+        return;
+      }
+      const v = Ct(f, r, (T) => {
+        m.readyState === WebSocket.OPEN && m.send(T);
+      }, n);
+      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 ct() {
+    if (M = !1, !S) return;
+    const { context: t, tap: n } = S;
+    S = null;
+    try {
+      n.stop();
+    } catch {
+    }
+    try {
+      t.close();
+    } catch {
+    }
+  }
+  function F() {
+    var n;
+    if (!i || p) return;
+    let t;
+    try {
+      t = (n = i.play) == null ? void 0 : n.call(i);
+    } catch {
+      V();
+      return;
+    }
+    if (!t || typeof t.then != "function") {
+      z();
+      return;
+    }
+    t.then(z, V);
+  }
+  function z() {
+    b == null || b(), b = null, E && (E = !1, g(!1));
+  }
+  function V() {
+    p || (E || (E = !0, g(!0)), it());
+  }
+  function it() {
+    if (b || typeof window > "u" || typeof window.addEventListener != "function") return;
+    const t = () => F(), n = ["pointerdown", "keydown", "touchstart"];
+    for (const f of n)
+      window.addEventListener(f, t, { capture: !0, passive: !0 });
+    b = () => {
+      for (const f of n)
+        try {
+          window.removeEventListener(f, t, { capture: !0 });
+        } catch {
+        }
+    };
+  }
+  const st = (t) => {
+    o = new RTCPeerConnection({ iceServers: t != null && t.length ? t : Rt });
+    for (const n of r.getAudioTracks()) o.addTrack(n, r);
+    C = lt(), o.onicecandidate = (n) => {
+      n.candidate && A({ type: "signal", signal: { kind: "candidate", payload: n.candidate.toJSON() } });
+    }, o.ontrack = (n) => {
+      var v;
+      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 J() {
+    if (!o || p) return;
+    const t = o.connectionState || o.iceConnectionState;
+    if (t === "connected" || t === "completed") {
+      $ = !0, P = 0, q(), D = !1, u("connected");
+      return;
+    }
+    if (t === "disconnected") {
+      if (!$) return;
+      W(ot);
+      return;
+    }
+    if (t === "failed") {
+      if (!$) {
+        k("failed", { reason: "ice" });
+        return;
+      }
+      W(0);
+    }
+  }
+  function W(t) {
+    p || (D || (D = !0, u("reconnecting"), I = setTimeout(() => k("failed", { reason: "network" }), rt)), !R && (R = setTimeout(B, t)));
+  }
+  function q() {
+    R && (clearTimeout(R), R = null), I && (clearTimeout(I), I = null);
+  }
+  async function B() {
+    if (R = null, p || !o) return;
+    const t = o.connectionState || o.iceConnectionState;
+    if (!(t === "connected" || t === "completed")) {
+      if (!O) {
+        A({ type: "signal", signal: { kind: "restart", payload: {} } }), R = setTimeout(B, U);
+        return;
+      }
+      P >= at || (P += 1, await K(), R = setTimeout(B, U));
+    }
+  }
+  async function K() {
+    if (!(p || !o))
+      try {
+        const t = await o.createOffer({ iceRestart: !0 });
+        await o.setLocalDescription(t), A({ type: "signal", signal: { kind: "offer", payload: o.localDescription.toJSON() } });
+      } catch {
+      }
+  }
+  function lt() {
+    let n = null, f = !1;
+    const v = (T) => {
+      if (n && (clearTimeout(n), n = null), T) {
+        if (!f) return;
+        f = !1, y(!0);
+        return;
+      }
+      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), !f && (f = !0, y(!1));
+      };
+    return () => {
+      n && (clearTimeout(n), n = null);
+      for (const T of r.getAudioTracks())
+        T.onmute = null, T.onunmute = null, T.onended = null;
+    };
+  }
+  const ut = async () => {
+    try {
+      const t = await o.createOffer();
+      await o.setLocalDescription(t), A({ type: "signal", signal: { kind: "offer", payload: o.localDescription.toJSON() } });
+    } catch {
+      k("failed", { reason: "negotiation" });
+    }
+  }, ft = async (t) => {
+    try {
+      await o.setRemoteDescription(new RTCSessionDescription(t));
+      const n = await o.createAnswer();
+      await o.setLocalDescription(n), A({ type: "signal", signal: { kind: "answer", payload: o.localDescription.toJSON() } }), await Y();
+    } catch {
+      k("failed", { reason: "negotiation" });
+    }
+  }, Y = async () => {
+    for (; x.length; ) {
+      const t = x.shift();
+      try {
+        await o.addIceCandidate(new RTCIceCandidate(t));
+      } catch {
+      }
+    }
+  };
+  let G = Promise.resolve();
+  m.onmessage = (t) => {
+    G = G.then(() => dt(t)).catch(() => {
+    });
+  };
+  const dt = async (t) => {
+    var f, v, T, X, H;
+    if (typeof t.data != "string") return;
+    let n;
+    try {
+      n = JSON.parse(t.data);
+    } catch {
+      return;
+    }
+    switch (n.type) {
+      case "session.created": {
+        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;
+        }
+        u("ringing"), pt();
+        break;
+      }
+      case "peer.joined": {
+        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: _, payload: L } = n.data || {};
+        if (_ === "offer")
+          await ft(L);
+        else if (_ === "answer")
+          try {
+            await o.setRemoteDescription(new RTCSessionDescription(L)), await Y();
+          } catch {
+            k("failed", { reason: "negotiation" });
+          }
+        else if (_ === "candidate")
+          if (o.remoteDescription)
+            try {
+              await o.addIceCandidate(new RTCIceCandidate(L));
+            } catch {
+            }
+          else
+            x.push(L);
+        else _ === "restart" && O && await K();
+        break;
+      }
+      case "peer.left":
+        k("ended", { reason: "peer_left" });
+        break;
+      case "error":
+        k("failed", { reason: "server", detail: (H = n.error) == null ? void 0 : H.detail });
+        break;
+      case "session.ended":
+        k("ended", { reason: "server" });
+        break;
+    }
+  };
+  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() {
+      A({ type: "session.end" }), k("ended", { reason: "hung_up" });
+    },
+    setMuted(t) {
+      for (const n of r.getAudioTracks()) n.enabled = !t;
+      return t;
+    },
+    isMuted() {
+      return r.getAudioTracks().every((t) => !t.enabled);
+    }
+  };
+}
+function Mt(e) {
+  return new Promise((s, l) => {
+    let a;
+    try {
+      a = new WebSocket(e, vt);
+    } catch (c) {
+      l(c);
+      return;
+    }
+    a.onopen = () => {
+      a.onopen = null, a.onerror = null, s(a);
+    }, a.onerror = () => {
+      a.onopen = null, a.onerror = null, l(new Error("[BugCatch] could not connect the call."));
+    };
+  });
+}
+function Z(e) {
+  try {
+    console.warn(`[BugCatch] ${e}`);
+  } catch {
+  }
+}
+function tt(e) {
+  var s;
+  for (const l of ((s = e == null ? void 0 : e.getTracks) == null ? void 0 : s.call(e)) ?? [])
+    try {
+      l.stop();
+    } catch {
+    }
+}
+const N = {
+  cycleMs: 3e3,
+  peak: 0.045,
+  bursts: [
+    { at: 0, seconds: 0.4, hz: [440, 660] },
+    { at: 0.55, seconds: 0.4, hz: [440, 660] }
+  ]
+};
+function At() {
+  var e;
+  try {
+    return !!((e = navigator.userActivation) != null && e.hasBeenActive);
+  } catch {
+    return !1;
+  }
+}
+function Ot(e) {
+  if (!e() && !At()) return () => {
+  };
+  const s = typeof window < "u" && (window.AudioContext || window.webkitAudioContext);
+  if (!s) return () => {
+  };
+  let l;
+  try {
+    l = new s();
+  } catch {
+    return () => {
+    };
+  }
+  let a = !1, c = null;
+  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 = 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(u);
+      } catch {
+      }
+  }, y = () => {
+    a || (g(), c = setInterval(g, N.cycleMs));
+  };
+  return l.state === "running" ? y() : l.resume().then(y).catch(() => {
+  }), () => {
+    a = !0, c && clearInterval(c);
+    for (const r of d)
+      try {
+        r.stop();
+      } catch {
+      }
+    try {
+      l.close();
+    } catch {
+    }
+  };
+}
+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:999px",
+  "font:560 13px/1.4 inherit",
+  "cursor:pointer"
+].join(";");
+function Nt({
+  call: e,
+  accent: s = null,
+  position: l = "bottom-right",
+  onAnswer: a,
+  onDecline: c,
+  onExpire: d,
+  touched: u = () => !1
+}) {
+  if (typeof document > "u" || !document.body) return () => {
+  };
+  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`,
+    `${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:16px",
+    "border-radius:16px",
+    "background:#111113",
+    "color:#f3f2ef",
+    'font:13px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif',
+    `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 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:#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:#8f8c86;font-size:12px;margin-bottom:10px";
+  const p = document.createElement("button");
+  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: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(m, o, i), e.recorded) {
+    const x = document.createElement("div");
+    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 S = Ot(u);
+  let E = !1, b = null;
+  const C = () => {
+    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 {
+        d == null || d();
+      } catch {
+      }
+    }
+  };
+  return M(), b = setInterval(M, 1e3), p.addEventListener("click", () => {
+    C();
+    try {
+      a == null || a();
+    } catch {
+    }
+  }), w.addEventListener("click", () => {
+    C();
+    try {
+      c == null || c();
+    } catch {
+    }
+  }), requestAnimationFrame(() => {
+    r.style.opacity = "1", r.style.transform = "translateY(0)";
+  }), C;
+}
+export {
+  Lt as joinLiveCall,
+  Et as liveCallSupported,
+  St as openMicrophone,
+  Nt as showIncomingCall
+};
+//# sourceMappingURL=bugcatch-call.es.js.map