@sphoro/bugcatch-web-sdk 0.17.0 → 0.18.0

package/dist/bugcatch-call.es.js

@@ -0,0 +1,586 @@
+function pt(e = 8e3) {
+  const d = window.AudioContext || window.webkitAudioContext;
+  try {
+    return new d({ sampleRate: e });
+  } catch {
+    return new d();
+  }
+}
+async function yt(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;
+  }
+  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]));
+    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;
+  }
+  return d;
+}
+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), {
+    stop() {
+      f.onaudioprocess = null;
+      try {
+        c.disconnect();
+      } catch {
+      }
+      try {
+        f.disconnect();
+      } catch {
+      }
+      try {
+        l.disconnect();
+      } catch {
+      }
+    }
+  };
+}
+const Tt = "voiceai.realtime.v1", kt = [{ urls: "stun:stun.l.google.com:19302" }];
+function xt() {
+  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 Ct() {
+  var e;
+  return typeof window < "u" && typeof window.RTCPeerConnection == "function" && !!((e = navigator.mediaDevices) != null && e.getUserMedia);
+}
+async function At({
+  realtimeUrl: e,
+  stream: d,
+  ringsUntil: s,
+  onState: a,
+  onAudioBlocked: c,
+  onMicrophone: f
+}) {
+  const l = (t, n) => {
+    try {
+      a == null || a(t, n);
+    } catch {
+    }
+  }, g = (t) => {
+    try {
+      c == null || c(t);
+    } catch {
+    }
+  }, m = (t) => {
+    try {
+      f == null || f(t);
+    } catch {
+    }
+  };
+  if (!Ct()) {
+    const t = new Error("[BugCatch] this browser cannot make live calls.");
+    throw l("failed", { reason: "unsupported" }), t;
+  }
+  let r = d;
+  if (!r)
+    try {
+      r = await xt();
+    } catch (t) {
+      throw l("failed", { reason: "microphone", error: String((t == null ? void 0 : t.name) || t) }), t;
+    }
+  let y;
+  try {
+    y = await vt(e);
+  } catch (t) {
+    throw tt(r), l("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;
+  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) => {
+    if (!p) {
+      p = !0, w && (clearTimeout(w), w = null), Y(), C == null || C(), C = null, at(), 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");
+      } catch {
+      }
+      l(t, n);
+    }
+  }, M = (t) => {
+    y.readyState === WebSocket.OPEN && y.send(JSON.stringify(t));
+  }, j = async () => {
+    if (A || E || p || !h || !h.audio && !h.transcript) return;
+    A = !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 u = pt(n);
+      if (await yt(u), p) {
+        try {
+          u.close();
+        } catch {
+        }
+        return;
+      }
+      const v = bt(u, r, (T) => {
+        y.readyState === WebSocket.OPEN && y.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)}`);
+    }
+  };
+  function at() {
+    if (A = !1, !E) return;
+    const { context: t, tap: n } = E;
+    E = 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, S && (S = !1, g(!1));
+  }
+  function V() {
+    p || (S || (S = !0, g(!0)), ct());
+  }
+  function ct() {
+    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 });
+    b = () => {
+      for (const u of n)
+        try {
+          window.removeEventListener(u, t, { capture: !0 });
+        } catch {
+        }
+    };
+  }
+  const it = (t) => {
+    o = new RTCPeerConnection({ iceServers: t != null && t.length ? t : kt });
+    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() } });
+    }, 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;
+  };
+  function W() {
+    if (!o || p) return;
+    const t = o.connectionState || o.iceConnectionState;
+    if (t === "connected" || t === "completed") {
+      D = !0, B = 0, Y(), $ = !1, l("connected");
+      return;
+    }
+    if (t === "disconnected") {
+      if (!D) return;
+      J(nt);
+      return;
+    }
+    if (t === "failed") {
+      if (!D) {
+        k("failed", { reason: "ice" });
+        return;
+      }
+      J(0);
+    }
+  }
+  function J(t) {
+    p || ($ || ($ = !0, l("reconnecting"), _ = setTimeout(() => k("failed", { reason: "network" }), ot)), !R && (R = setTimeout(U, t)));
+  }
+  function Y() {
+    R && (clearTimeout(R), R = null), _ && (clearTimeout(_), _ = null);
+  }
+  async function U() {
+    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);
+        return;
+      }
+      B >= rt || (B += 1, await q(), R = setTimeout(U, P));
+    }
+  }
+  async function q() {
+    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() } });
+      } catch {
+      }
+  }
+  function st() {
+    let n = null, u = !1;
+    const v = (T) => {
+      if (n && (clearTimeout(n), n = null), T) {
+        if (!u) return;
+        u = !1, m(!0);
+        return;
+      }
+      u || (n = setTimeout(() => {
+        n = null, !p && (u = !0, m(!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));
+      };
+    return () => {
+      n && (clearTimeout(n), n = null);
+      for (const T of r.getAudioTracks())
+        T.onmute = null, T.onunmute = null, T.onended = null;
+    };
+  }
+  const lt = async () => {
+    try {
+      const t = await o.createOffer();
+      await o.setLocalDescription(t), M({ type: "signal", signal: { kind: "offer", payload: o.localDescription.toJSON() } });
+    } catch {
+      k("failed", { reason: "negotiation" });
+    }
+  }, ut = 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();
+    } catch {
+      k("failed", { reason: "negotiation" });
+    }
+  }, G = async () => {
+    for (; x.length; ) {
+      const t = x.shift();
+      try {
+        await o.addIceCandidate(new RTCIceCandidate(t));
+      } catch {
+      }
+    }
+  };
+  let K = Promise.resolve();
+  y.onmessage = (t) => {
+    K = K.then(() => dt(t)).catch(() => {
+    });
+  };
+  const dt = async (t) => {
+    var u, 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 (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();
+          break;
+        }
+        l("ringing"), ft();
+        break;
+      }
+      case "peer.joined": {
+        w && (clearTimeout(w), w = null), l("connecting"), O = !!((X = n.data) != null && X.should_offer), O && await lt(), j();
+        break;
+      }
+      case "signal": {
+        if (!o) break;
+        const { kind: I, payload: L } = n.data || {};
+        if (I === "offer")
+          await ut(L);
+        else if (I === "answer")
+          try {
+            await o.setRemoteDescription(new RTCSessionDescription(L)), await G();
+          } catch {
+            k("failed", { reason: "negotiation" });
+          }
+        else if (I === "candidate")
+          if (o.remoteDescription)
+            try {
+              await o.addIceCandidate(new RTCIceCandidate(L));
+            } catch {
+            }
+          else
+            x.push(L);
+        else I === "restart" && O && await q();
+        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;
+    }
+  };
+  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();
+    Number.isFinite(t) && (w = setTimeout(() => k("missed"), Math.max(0, t)));
+  }
+  return {
+    hangUp() {
+      M({ 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 vt(e) {
+  return new Promise((d, s) => {
+    let a;
+    try {
+      a = new WebSocket(e, Tt);
+    } catch (c) {
+      s(c);
+      return;
+    }
+    a.onopen = () => {
+      a.onopen = null, a.onerror = null, d(a);
+    }, a.onerror = () => {
+      a.onopen = null, a.onerror = null, s(new Error("[BugCatch] could not connect the call."));
+    };
+  });
+}
+function Z(e) {
+  try {
+    console.warn(`[BugCatch] ${e}`);
+  } catch {
+  }
+}
+function tt(e) {
+  var d;
+  for (const s of ((d = e == null ? void 0 : e.getTracks) == null ? void 0 : d.call(e)) ?? [])
+    try {
+      s.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 Rt() {
+  var e;
+  try {
+    return !!((e = navigator.userActivation) != null && e.hasBeenActive);
+  } catch {
+    return !1;
+  }
+}
+function Et(e) {
+  if (!e() && !Rt()) return () => {
+  };
+  const d = typeof window < "u" && (window.AudioContext || window.webkitAudioContext);
+  if (!d) return () => {
+  };
+  let s;
+  try {
+    s = new d();
+  } 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);
+    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);
+    }
+  }, g = () => {
+    if (!a)
+      try {
+        N.bursts.forEach(l);
+      } catch {
+      }
+  }, m = () => {
+    a || (g(), c = setInterval(g, N.cycleMs));
+  };
+  return s.state === "running" ? m() : s.resume().then(m).catch(() => {
+  }), () => {
+    a = !0, c && clearInterval(c);
+    for (const r of f)
+      try {
+        r.stop();
+      } catch {
+      }
+    try {
+      s.close();
+    } catch {
+    }
+  };
+}
+function St(e) {
+  const d = Date.parse(e || "");
+  return Number.isNaN(d) ? 0 : Math.max(0, Math.round((d - Date.now()) / 1e3));
+}
+const et = [
+  "flex:1",
+  "padding:9px 12px",
+  "border:0",
+  "border-radius:8px",
+  "font:600 13px/1.4 inherit",
+  "cursor:pointer"
+].join(";");
+function Mt({
+  call: e,
+  accent: d = "#5b6ef5",
+  position: s = "bottom-right",
+  onAnswer: a,
+  onDecline: c,
+  onExpire: f,
+  touched: l = () => !1
+}) {
+  if (typeof document > "u" || !document.body) return () => {
+  };
+  const [g, m] = String(s).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`,
+    // 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",
+    '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}`,
+    "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 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}`;
+  const i = document.createElement("div");
+  i.style.cssText = "color:#7d8598;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`;
+  const w = document.createElement("button");
+  w.type = "button", w.textContent = "Not now", w.style.cssText = `${et};background:#2b2f3a;color:#c8cedb`;
+  const h = document.createElement("div");
+  if (h.style.cssText = "display:flex;gap:8px", h.append(p, w), r.append(y, 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);
+  }
+  r.append(h), document.body.appendChild(r);
+  const E = Et(l);
+  let S = !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);
+    if (i.textContent = x ? `Ringing — ${x}s` : "The call has stopped ringing.", !x) {
+      C();
+      try {
+        f == null || f();
+      } catch {
+      }
+    }
+  };
+  return A(), b = setInterval(A, 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 {
+  At as joinLiveCall,
+  Ct as liveCallSupported,
+  xt as openMicrophone,
+  Mt as showIncomingCall
+};
+//# sourceMappingURL=bugcatch-call.es.js.map