@bravophone/webphone 0.1.2 → 0.2.1

package/dist/bravophone.mjs

@@ -1,31 +1,31 @@
-const K = 'stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"', be = `<svg viewBox="0 0 24 24" fill="none" ${K} aria-hidden="true">
+const Z = 'stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"', fe = `<svg viewBox="0 0 24 24" fill="none" ${Z} aria-hidden="true">
   <path class="bp-i-body" d="M15.6 12.8a11 11 0 0 1-4.4-4.4l1-1a1.6 1.6 0 0 0 .3-1.7c-.2-.7-.4-1.4-.5-2.2A1.6 1.6 0 0 0 10.4 2H7.9a1.6 1.6 0 0 0-1.6 1.8 15.8 15.8 0 0 0 2.4 6.9 15.6 15.6 0 0 0 4.8 4.8 15.8 15.8 0 0 0 6.9 2.4 1.6 1.6 0 0 0 1.7-1.6v-2.5a1.6 1.6 0 0 0-1.4-1.6c-.8-.1-1.5-.3-2.2-.5a1.6 1.6 0 0 0-1.7.4z"/>
   <path class="bp-i-wave bp-i-wave-1" d="M14.5 6.2a4 4 0 0 1 3.3 3.3"/>
   <path class="bp-i-wave bp-i-wave-2" d="M14.1 2.6a7.6 7.6 0 0 1 7.3 7.3"/>
-</svg>`, ue = `<svg viewBox="0 0 24 24" fill="none" ${K} aria-hidden="true">
+</svg>`, xe = `<svg viewBox="0 0 24 24" fill="none" ${Z} aria-hidden="true">
   <path class="bp-i-bar bp-i-bar-1" d="M4 10v4"/>
   <path class="bp-i-bar bp-i-bar-2" d="M8.7 6.5v11"/>
   <path class="bp-i-bar bp-i-bar-3" d="M12 3.5v17"/>
   <path class="bp-i-bar bp-i-bar-4" d="M15.3 6.5v11"/>
   <path class="bp-i-bar bp-i-bar-5" d="M20 10v4"/>
-</svg>`, ge = `<svg viewBox="0 0 24 24" fill="none" ${K} aria-hidden="true">
+</svg>`, we = `<svg viewBox="0 0 24 24" fill="none" ${Z} aria-hidden="true">
   <path class="bp-i-body" d="M4 13v-1a8 8 0 0 1 16 0v1"/>
   <path class="bp-i-body" d="M20 14.5v2a3.5 3.5 0 0 1-3.5 3.5H13"/>
   <rect class="bp-i-cup" x="1.6" y="12.6" width="4.4" height="6.4" rx="1.8"/>
   <rect class="bp-i-cup" x="18" y="12.6" width="4.4" height="6.4" rx="1.8"/>
-</svg>`, me = `<svg viewBox="0 0 24 24" fill="none" ${K} aria-hidden="true">
+</svg>`, ye = `<svg viewBox="0 0 24 24" fill="none" ${Z} aria-hidden="true">
   <path class="bp-i-body" d="M21 11.5a8.4 8.4 0 0 1-9 8.4 9 9 0 0 1-2.9-.5L3 21.5l1.5-4.6A8.4 8.4 0 0 1 12 3.1a8.4 8.4 0 0 1 9 8.4z"/>
   <path class="bp-i-hand" d="M14.6 14.4a6.5 6.5 0 0 1-3.2-3.2l.7-.7a1 1 0 0 0 .2-1.1 6 6 0 0 1-.3-1.2 1 1 0 0 0-1-.8H9.6a1 1 0 0 0-1 1.1 9.6 9.6 0 0 0 4.8 7.2 1 1 0 0 0 1.4-.9v-1.2a1 1 0 0 0-.8-1z"/>
-</svg>`, fe = `<svg viewBox="0 0 10 16" width="10" height="16" fill="currentColor" aria-hidden="true">
+</svg>`, ve = `<svg viewBox="0 0 10 16" width="10" height="16" fill="currentColor" aria-hidden="true">
   <circle cx="2.6" cy="2.6" r="1.35"/><circle cx="7.4" cy="2.6" r="1.35"/>
   <circle cx="2.6" cy="8" r="1.35"/><circle cx="7.4" cy="8" r="1.35"/>
   <circle cx="2.6" cy="13.4" r="1.35"/><circle cx="7.4" cy="13.4" r="1.35"/>
-</svg>`, j = {
-  "phone-waves": be,
-  waveform: ue,
-  headset: ge,
-  "chat-phone": me
-}, Q = "phone-waves", xe = `
+</svg>`, J = {
+  "phone-waves": fe,
+  waveform: xe,
+  headset: we,
+  "chat-phone": ye
+}, ae = "phone-waves", ke = `
 .bp-launcher-icon svg { width: 100%; height: 100%; display: block; overflow: visible; }
 
 /* Ponto de status no canto do ícone — verde registrado, cinza sem linha. */
@@ -95,7 +95,7 @@ const K = 'stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-
   .bp-i-wave, .bp-i-body, .bp-i-hand, .bp-i-bar { animation: none !important; }
   .bp-launcher-icon { transition: none; }
 }
-`, we = `
+`, Me = `
 :host { all: initial; }
 * { box-sizing: border-box; }
 
@@ -227,6 +227,21 @@ const K = 'stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-
 /* Uma janela docada nao se redimensiona pelas bordas coladas na viewport. */
 .bp-root.bp-docked { border-radius: 0; }
 
+/* ---- destaque: "a janela esta aqui" ----
+   Disparado ao clicar na aba com o webphone ja aberto. Um halo que cresce e
+   some, no lugar de um shake: em interface, tremer significa erro ou acao
+   negada (senha errada), e aqui nada deu errado. */
+@keyframes bp-attention {
+  0%   { box-shadow: 0 12px 40px rgba(0,0,0,.45), 0 0 0 0 rgba(124,108,245,.55); }
+  55%  { box-shadow: 0 12px 40px rgba(0,0,0,.45), 0 0 0 12px rgba(124,108,245,0); }
+  100% { box-shadow: 0 12px 40px rgba(0,0,0,.45), 0 0 0 0 rgba(124,108,245,0); }
+}
+.bp-root.bp-attention { animation: bp-attention .85s ease-out 2; }
+
+@media (prefers-reduced-motion: reduce) {
+  .bp-root.bp-attention { animation: none; outline: 2px solid #7c6cf5; outline-offset: 2px; }
+}
+
 /* ---- previa de encaixe (docking) ----
    Fantasma que mostra onde a janela vai parar antes de soltar. */
 .bp-preview {
@@ -244,7 +259,9 @@ const K = 'stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-
 .bp-launcher {
   position: fixed;
   top: 50%;
-  z-index: 2147482999;
+  /* Acima da janela (2147483000): a aba nunca some, e uma janela docada na
+     mesma borda a esconderia. */
+  z-index: 2147483001;
   display: flex;
   align-items: center;
   gap: 0;
@@ -341,25 +358,25 @@ const K = 'stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-
   .bp-launcher[data-badge]:not([data-badge=""]) { animation: none; }
 }
 
-${xe}
-`, pe = "bravophone:widget:geometry", q = 28, J = 32;
-function ye(e) {
+${ke}
+`, ge = "bravophone:widget:geometry", V = 28, X = 32;
+function Le(e) {
   try {
-    const a = localStorage.getItem(pe);
+    const a = localStorage.getItem(ge);
     if (!a) return { ...e };
-    const i = JSON.parse(a);
-    return i.dock ? { ...e, ...i, ...F(i.dock, i) } : { ...e, ...i };
+    const n = JSON.parse(a);
+    return n.dock ? { ...e, ...n, ...U(n.dock, n) } : { ...e, ...n };
   } catch (a) {
     return { ...e };
   }
 }
-function X(e) {
+function K(e) {
   try {
-    localStorage.setItem(pe, JSON.stringify(e));
+    localStorage.setItem(ge, JSON.stringify(e));
   } catch (a) {
   }
 }
-function se(e) {
+function he(e) {
   return {
     minWidth: e.minWidth,
     minHeight: e.minHeight,
@@ -370,107 +387,107 @@ function se(e) {
   };
 }
 function R(e) {
-  const a = Math.max(0, window.innerWidth - e.width), i = Math.max(0, window.innerHeight - 40);
+  const a = Math.max(0, window.innerWidth - e.width), n = Math.max(0, window.innerHeight - 40);
   return {
     ...e,
     x: Math.min(Math.max(0, e.x), a),
-    y: Math.min(Math.max(0, e.y), i)
+    y: Math.min(Math.max(0, e.y), n)
   };
 }
-function F(e, a) {
-  const i = window.innerWidth, r = window.innerHeight, o = Math.round(i / 2), s = Math.round(r / 2), u = Math.min(a.width, i);
+function U(e, a) {
+  const n = window.innerWidth, o = window.innerHeight, i = Math.round(n / 2), d = Math.round(o / 2), u = Math.min(a.width, n);
   switch (e) {
     case "left":
-      return { x: 0, y: 0, width: u, height: r };
+      return { x: 0, y: 0, width: u, height: o };
     case "right":
-      return { x: i - u, y: 0, width: u, height: r };
+      return { x: n - u, y: 0, width: u, height: o };
     case "left-half":
-      return { x: 0, y: 0, width: o, height: r };
+      return { x: 0, y: 0, width: i, height: o };
     case "right-half":
-      return { x: i - o, y: 0, width: o, height: r };
+      return { x: n - i, y: 0, width: i, height: o };
     case "top":
-      return { x: a.x, y: 0, width: u, height: s };
+      return { x: a.x, y: 0, width: u, height: d };
     case "bottom":
-      return { x: a.x, y: r - s, width: u, height: s };
+      return { x: a.x, y: o - d, width: u, height: d };
     case "top-half":
-      return { x: 0, y: 0, width: i, height: s };
+      return { x: 0, y: 0, width: n, height: d };
     case "bottom-half":
-      return { x: 0, y: r - s, width: i, height: s };
+      return { x: 0, y: o - d, width: n, height: d };
     case "max":
-      return { x: 0, y: 0, width: i, height: r };
+      return { x: 0, y: 0, width: n, height: o };
     default:
       return { x: a.x, y: a.y, width: a.width, height: a.height };
   }
 }
-function ve(e, a, i) {
-  const r = window.innerWidth, o = window.innerHeight, s = e <= q, u = e >= r - q, f = a <= q, t = a >= o - q;
-  return (f || t) && s ? "left-half" : (f || t) && u ? "right-half" : f ? i || "max" : t ? "bottom-half" : s ? "left" : u ? "right" : null;
+function ze(e, a, n) {
+  const o = window.innerWidth, i = window.innerHeight, d = e <= V, u = e >= o - V, f = a <= V, t = a >= i - V;
+  return (f || t) && d ? "left-half" : (f || t) && u ? "right-half" : f ? n || "max" : t ? "bottom-half" : d ? "left" : u ? "right" : null;
 }
-function ke({ root: e, handle: a, handles: i, preview: r, geometry: o, limits: s, topDock: u, onChange: f }) {
-  let t = { ...o }, g = null, p = "", d = null, h = null, w = null, y = null;
+function Se({ root: e, handle: a, handles: n, preview: o, geometry: i, limits: d, topDock: u, onChange: f }) {
+  let t = { ...i }, g = null, p = "", c = null, h = null, x = null, w = null;
   const z = () => {
     e.style.left = `${t.x}px`, e.style.top = `${t.y}px`, e.style.width = `${t.width}px`, e.style.height = `${t.height}px`, e.classList.toggle("bp-docked", !!t.dock), f == null || f(t);
-  }, C = (n) => {
-    if (r) {
-      if (!n) {
-        r.hidden = !0;
+  }, C = (r) => {
+    if (o) {
+      if (!r) {
+        o.hidden = !0;
         return;
       }
-      r.hidden = !1, r.style.left = `${n.x}px`, r.style.top = `${n.y}px`, r.style.width = `${n.width}px`, r.style.height = `${n.height}px`;
+      o.hidden = !1, o.style.left = `${r.x}px`, o.style.top = `${r.y}px`, o.style.width = `${r.width}px`, o.style.height = `${r.height}px`;
     }
-  }, D = (n, b) => {
-    const l = se(s);
-    let { x: S, y: m, width: k, height: H } = d;
-    p.includes("e") && (k = d.width + n), p.includes("w") && (k = d.width - n), p.includes("s") && (H = d.height + b), p.includes("n") && (H = d.height - b), k = Math.min(l.maxWidth, Math.max(l.minWidth, k)), H = Math.min(l.maxHeight, Math.max(l.minHeight, H)), p.includes("w") && (S = d.x + (d.width - k)), p.includes("n") && (m = d.y + (d.height - H)), p.includes("e") && Math.abs(S + k - window.innerWidth) <= J && (k = window.innerWidth - S), p.includes("w") && Math.abs(S) <= J && (k += S, S = 0), p.includes("s") && Math.abs(m + H - window.innerHeight) <= J && (H = window.innerHeight - m), p.includes("n") && Math.abs(m) <= J && (H += m, m = 0), t = { ...t, x: S, y: m, width: k, height: H, dock: null }, z();
-  }, $ = (n, b, l, S) => {
+  }, $ = (r, b) => {
+    const l = he(d);
+    let { x: v, y: S, width: E, height: H } = c;
+    p.includes("e") && (E = c.width + r), p.includes("w") && (E = c.width - r), p.includes("s") && (H = c.height + b), p.includes("n") && (H = c.height - b), E = Math.min(l.maxWidth, Math.max(l.minWidth, E)), H = Math.min(l.maxHeight, Math.max(l.minHeight, H)), p.includes("w") && (v = c.x + (c.width - E)), p.includes("n") && (S = c.y + (c.height - H)), p.includes("e") && Math.abs(v + E - window.innerWidth) <= X && (E = window.innerWidth - v), p.includes("w") && Math.abs(v) <= X && (E += v, v = 0), p.includes("s") && Math.abs(S + H - window.innerHeight) <= X && (H = window.innerHeight - S), p.includes("n") && Math.abs(S) <= X && (H += S, S = 0), t = { ...t, x: v, y: S, width: E, height: H, dock: null }, z();
+  }, j = (r, b, l, v) => {
     if (t.dock) {
-      const m = y || { width: s.width, height: s.height }, k = h.x / Math.max(1, t.width);
-      t = { ...t, ...m, dock: null }, h = { x: Math.round(m.width * k), y: Math.min(h.y, 32) }, d = {
-        ...d,
+      const S = w || { width: d.width, height: d.height }, E = h.x / Math.max(1, t.width);
+      t = { ...t, ...S, dock: null }, h = { x: Math.round(S.width * E), y: Math.min(h.y, 32) }, c = {
+        ...c,
         x: l - h.x,
-        y: S - h.y,
-        px: d.px + n,
-        py: d.py + b
-      }, n = 0, b = 0;
+        y: v - h.y,
+        px: c.px + r,
+        py: c.py + b
+      }, r = 0, b = 0;
     }
-    t = R({ ...t, x: d.x + n, y: d.y + b }), z(), w = ve(l, S, u), C(w ? F(w, t) : null);
-  }, O = () => {
-    w && (y = y || { width: t.width, height: t.height }, t = { ...t, ...F(w, t), dock: w }, z());
-  }, P = (n, b) => (l) => {
-    l.button === 0 && (n === "drag" && l.target.closest(".bp-btn") || (g = n, p = b || "", d = { px: l.clientX, py: l.clientY, ...t }, h = { x: l.clientX - t.x, y: l.clientY - t.y }, t.dock || (y = { width: t.width, height: t.height }), e.classList.add(n === "drag" ? "bp-dragging" : "bp-resizing"), l.currentTarget.setPointerCapture(l.pointerId), l.preventDefault()));
-  }, U = (n) => {
-    if (!g || !d) return;
-    const b = n.clientX - d.px, l = n.clientY - d.py;
-    g === "drag" ? $(b, l, n.clientX, n.clientY) : D(b, l);
-  }, B = (n) => {
+    t = R({ ...t, x: c.x + r, y: c.y + b }), z(), x = ze(l, v, u), C(x ? U(x, t) : null);
+  }, _ = () => {
+    x && (w = w || { width: t.width, height: t.height }, t = { ...t, ...U(x, t), dock: x }, z());
+  }, F = (r, b) => (l) => {
+    l.button === 0 && (r === "drag" && l.target.closest(".bp-btn") || (g = r, p = b || "", c = { px: l.clientX, py: l.clientY, ...t }, h = { x: l.clientX - t.x, y: l.clientY - t.y }, t.dock || (w = { width: t.width, height: t.height }), e.classList.add(r === "drag" ? "bp-dragging" : "bp-resizing"), l.currentTarget.setPointerCapture(l.pointerId), l.preventDefault()));
+  }, D = (r) => {
+    if (!g || !c) return;
+    const b = r.clientX - c.px, l = r.clientY - c.py;
+    g === "drag" ? j(b, l, r.clientX, r.clientY) : $(b, l);
+  }, A = (r) => {
     if (g) {
-      e.classList.remove("bp-dragging", "bp-resizing"), C(null), g === "drag" && O(), g = null, p = "", d = null, w = null;
+      e.classList.remove("bp-dragging", "bp-resizing"), C(null), g === "drag" && _(), g = null, p = "", c = null, x = null;
       try {
-        n.currentTarget.releasePointerCapture(n.pointerId);
+        r.currentTarget.releasePointerCapture(r.pointerId);
       } catch (b) {
       }
-      X(t);
+      K(t);
     }
   };
-  a.addEventListener("pointerdown", P("drag")), a.addEventListener("pointermove", U), a.addEventListener("pointerup", B), a.addEventListener("pointercancel", B), (i || []).forEach(({ el: n, dir: b }) => {
-    n.addEventListener("pointerdown", P("resize", b)), n.addEventListener("pointermove", U), n.addEventListener("pointerup", B), n.addEventListener("pointercancel", B);
+  a.addEventListener("pointerdown", F("drag")), a.addEventListener("pointermove", D), a.addEventListener("pointerup", A), a.addEventListener("pointercancel", A), (n || []).forEach(({ el: r, dir: b }) => {
+    r.addEventListener("pointerdown", F("resize", b)), r.addEventListener("pointermove", D), r.addEventListener("pointerup", A), r.addEventListener("pointercancel", A);
   });
-  const V = () => {
-    t = t.dock ? { ...t, ...F(t.dock, t) } : R(t), z();
+  const N = () => {
+    t = t.dock ? { ...t, ...U(t.dock, t) } : R(t), z();
   };
-  window.addEventListener("resize", V);
+  window.addEventListener("resize", N);
   const G = {
-    start(n) {
+    start(r) {
       var b, l;
-      g = "drag", d = { px: n.x, py: n.y, ...t }, h = { x: (b = n.cx) != null ? b : t.width / 2, y: (l = n.cy) != null ? l : 20 }, t.dock || (y = { width: t.width, height: t.height }), e.classList.add("bp-dragging");
+      g = "drag", c = { px: r.x, py: r.y, ...t }, h = { x: (b = r.cx) != null ? b : t.width / 2, y: (l = r.cy) != null ? l : 20 }, t.dock || (w = { width: t.width, height: t.height }), e.classList.add("bp-dragging");
     },
-    move(n) {
-      if (g !== "drag" || !d) return;
-      const b = n.x - d.px, l = n.y - d.py;
-      $(b, l, d.x + b + h.x, d.y + l + h.y);
+    move(r) {
+      if (g !== "drag" || !c) return;
+      const b = r.x - c.px, l = r.y - c.py;
+      j(b, l, c.x + b + h.x, c.y + l + h.y);
     },
     end() {
-      g === "drag" && (e.classList.remove("bp-dragging"), C(null), O(), g = null, d = null, w = null, X(t));
+      g === "drag" && (e.classList.remove("bp-dragging"), C(null), _(), g = null, c = null, x = null, K(t));
     }
   };
   return z(), {
@@ -478,136 +495,186 @@ function ke({ root: e, handle: a, handles: i, preview: r, geometry: o, limits: s
     get geometry() {
       return { ...t };
     },
-    set(n) {
-      const b = se(s), l = { ...t, ...n, dock: null };
-      l.width = Math.min(b.maxWidth, Math.max(b.minWidth, l.width)), l.height = Math.min(b.maxHeight, Math.max(b.minHeight, l.height)), t = R(l), z(), X(t);
+    set(r) {
+      const b = he(d), l = { ...t, ...r, dock: null };
+      l.width = Math.min(b.maxWidth, Math.max(b.minWidth, l.width)), l.height = Math.min(b.maxHeight, Math.max(b.minHeight, l.height)), t = R(l), z(), K(t);
     },
     /** 'left' | 'right' | 'left-half' | 'right-half' | 'max' | 'float' */
-    dock(n) {
-      if (!n || n === "float") {
-        const b = y || { width: s.width, height: s.height };
+    dock(r) {
+      if (!r || r === "float") {
+        const b = w || { width: d.width, height: d.height };
         t = R({ ...t, ...b, dock: null });
       } else
-        t.dock || (y = { width: t.width, height: t.height }), t = { ...t, ...F(n, t), dock: n };
-      z(), X(t);
+        t.dock || (w = { width: t.width, height: t.height }), t = { ...t, ...U(r, t), dock: r };
+      z(), K(t);
     },
     destroy() {
-      window.removeEventListener("resize", V);
+      window.removeEventListener("resize", N);
     }
   };
 }
-const de = "bravophone/v1";
-function Me({ frame: e, origin: a, onEvent: i }) {
-  const r = /* @__PURE__ */ new Map();
-  let o = 0, s = !1;
+const be = "bravophone/v1";
+function Ee({ frame: e, origin: a, onEvent: n }) {
+  const o = /* @__PURE__ */ new Map();
+  let i = 0, d = !1;
   const u = [], f = (g) => {
-    var d;
+    var c;
     if (g.origin !== a || g.source !== e.contentWindow) return;
     const p = g.data;
-    if (!(!p || p.protocol !== de)) {
+    if (!(!p || p.protocol !== be)) {
       if (p.type === "ready") {
-        for (s = !0; u.length; ) u.shift()();
-        i == null || i("ready", (d = p.payload) != null ? d : {});
+        for (d = !0; u.length; ) u.shift()();
+        n == null || n("ready", (c = p.payload) != null ? c : {});
         return;
       }
       if (p.type === "reply") {
-        const h = r.get(p.id);
+        const h = o.get(p.id);
         if (!h) return;
-        r.delete(p.id), clearTimeout(h.timer), p.error ? h.reject(new Error(p.error)) : h.resolve(p.payload);
+        o.delete(p.id), clearTimeout(h.timer), p.error ? h.reject(new Error(p.error)) : h.resolve(p.payload);
         return;
       }
-      p.type === "event" && (i == null || i(p.name, p.payload));
+      p.type === "event" && (n == null || n(p.name, p.payload));
     }
   };
   window.addEventListener("message", f);
-  function t(g, p, { timeout: d = 15e3 } = {}) {
-    return new Promise((h, w) => {
-      const y = `${Date.now()}-${++o}`, z = () => {
-        var D;
+  function t(g, p, { timeout: c = 15e3 } = {}) {
+    return new Promise((h, x) => {
+      const w = `${Date.now()}-${++i}`, z = () => {
+        var $;
         const C = setTimeout(() => {
-          r.delete(y), w(new Error(`Bravophone: timeout no comando "${g}"`));
-        }, d);
-        r.set(y, { resolve: h, reject: w, timer: C }), (D = e.contentWindow) == null || D.postMessage(
-          { protocol: de, type: "command", id: y, command: g, payload: p },
+          o.delete(w), x(new Error(`Bravophone: timeout no comando "${g}"`));
+        }, c);
+        o.set(w, { resolve: h, reject: x, timer: C }), ($ = e.contentWindow) == null || $.postMessage(
+          { protocol: be, type: "command", id: w, command: g, payload: p },
           a
         );
       };
-      s ? z() : u.push(z);
+      d ? z() : u.push(z);
     });
   }
   return {
     call: t,
     get ready() {
-      return s;
+      return d;
     },
     destroy() {
-      window.removeEventListener("message", f), r.forEach(({ reject: g, timer: p }) => {
+      window.removeEventListener("message", f), o.forEach(({ reject: g, timer: p }) => {
         clearTimeout(p), g(new Error("Bravophone: widget destruído"));
-      }), r.clear();
+      }), o.clear();
     }
   };
 }
-const he = "bravophone:launcher", ze = 4, ee = 8;
-function Le(e) {
+const me = "bravophone:launcher", He = 4, ie = 8;
+function Te(e) {
   try {
-    const a = localStorage.getItem(he);
+    const a = localStorage.getItem(me);
     return a ? { ...e, ...JSON.parse(a) } : { ...e };
   } catch (a) {
     return { ...e };
   }
 }
-function te(e) {
+function ne(e) {
   try {
-    localStorage.setItem(he, JSON.stringify(e));
+    localStorage.setItem(me, JSON.stringify(e));
   } catch (a) {
   }
 }
-function Y(e, a) {
-  const i = Math.max(ee, window.innerHeight - a - ee);
-  return Math.min(Math.max(ee, e), i);
+function q(e, a) {
+  const n = Math.max(ie, window.innerHeight - a - ie);
+  return Math.min(Math.max(ie, e), n);
 }
-function Ee({ el: e, side: a, y: i, onOpen: r }) {
-  let o = { side: a, y: Y(i, e.offsetHeight || 48) }, s = null, u = !1;
+function $e({ el: e, side: a, y: n, onOpen: o }) {
+  let i = { side: a, y: q(n, e.offsetHeight || 48) }, d = null, u = !1;
   const f = () => {
-    e.dataset.side = o.side, e.style.top = `${o.y}px`, e.style.right = o.side === "right" ? "0px" : "auto", e.style.left = o.side === "left" ? "0px" : "auto";
+    e.dataset.side = i.side, e.style.top = `${i.y}px`, e.style.right = i.side === "right" ? "0px" : "auto", e.style.left = i.side === "left" ? "0px" : "auto";
   }, t = (h) => {
-    h.button === 0 && (s = { py: h.clientY, y: o.y }, u = !1, e.setPointerCapture(h.pointerId));
+    h.button === 0 && (d = { py: h.clientY, y: i.y }, u = !1, e.setPointerCapture(h.pointerId));
   }, g = (h) => {
-    if (!s) return;
-    const w = h.clientY - s.py;
-    !u && Math.abs(w) < ze || (u || (u = !0, e.classList.add("bp-launcher-dragging")), o.y = Y(s.y + w, e.offsetHeight), f());
+    if (!d) return;
+    const x = h.clientY - d.py;
+    !u && Math.abs(x) < He || (u || (u = !0, e.classList.add("bp-launcher-dragging")), i.y = q(d.y + x, e.offsetHeight), f());
   }, p = (h) => {
-    if (!s) return;
-    const w = u;
-    s = null, u = !1, e.classList.remove("bp-launcher-dragging");
+    if (!d) return;
+    const x = u;
+    d = null, u = !1, e.classList.remove("bp-launcher-dragging");
     try {
       e.releasePointerCapture(h.pointerId);
-    } catch (y) {
+    } catch (w) {
     }
-    w ? te(o) : r == null || r();
+    x ? ne(i) : o == null || o();
   };
   e.addEventListener("pointerdown", t), e.addEventListener("pointermove", g), e.addEventListener("pointerup", p), e.addEventListener("pointercancel", p), e.addEventListener("keydown", (h) => {
-    (h.key === "Enter" || h.key === " ") && (h.preventDefault(), r == null || r());
+    (h.key === "Enter" || h.key === " ") && (h.preventDefault(), o == null || o());
   });
-  const d = () => {
-    o.y = Y(o.y, e.offsetHeight), f();
+  const c = () => {
+    i.y = q(i.y, e.offsetHeight), f();
   };
-  return window.addEventListener("resize", d), f(), {
+  return window.addEventListener("resize", c), f(), {
     get state() {
-      return { ...o };
+      return { ...i };
     },
     setSide(h) {
-      o.side = h, f(), te(o);
+      i.side = h, f(), ne(i);
     },
     moveTo(h) {
-      o.y = Y(h, e.offsetHeight), f(), te(o);
+      i.y = q(h, e.offsetHeight), f(), ne(i);
     },
     destroy() {
-      window.removeEventListener("resize", d);
+      window.removeEventListener("resize", c);
     }
   };
 }
-const ce = {
+const Ie = "https://cdn.jsdelivr.net/npm";
+function Oe(e, a = "@bravophone/webphone") {
+  return `${Ie}/${a}@${e}/host/`;
+}
+function We({ version: e, parentOrigin: a, token: n, base: o }) {
+  const i = o || Oe(e), d = JSON.stringify({ parentOrigin: a, token: n || null }).replace(/</g, "\\u003c");
+  return `<!doctype html>
+<html lang="pt-BR">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<title>Webphone BRAVOPHONE</title>
+<!-- CRÍTICO no modo srcdoc. O bundle referencia as imagens por caminho
+     RELATIVO (src="images/answer.png"), fora do public_path. Sem <base>,
+     elas resolvem contra a página do integrador — o documento herda o
+     baseURI do pai — e somem todas: logo, atender, desligar, mudo, hold,
+     transferir. Com <base>, resolvem contra o CDN. -->
+<base href="${i}">
+<link rel="stylesheet" href="${i}css/dark-theme.css">
+<link rel="stylesheet" href="${i}styles/theme-fixes.css">
+<style>
+  html, body { margin: 0; height: 100%; background: #10131c; overflow: hidden; }
+  #app { height: 100%; }
+</style>
+<script>
+(function () {
+  var cfg = ${d};
+  // O guest-bridge lê daqui: em srcdoc não há query string para carregar a
+  // origem do pai.
+  window.__bpParentOrigin = cfg.parentOrigin;
+  if (cfg.token) {
+    // Grava onde o bundle procura, antes dele avaliar, para a sessão já subir
+    // autenticada em vez de piscar a tela de login.
+    try { localStorage.setItem('bp.local.vxToken', JSON.stringify(cfg.token)); } catch (e) {}
+  }
+})();
+<\/script>
+<script src="${i}shim/messages.js"><\/script>
+<script src="${i}shim/chrome-shim.js"><\/script>
+<script src="${i}js/libwebphone.js"><\/script>
+<script src="${i}js/bravophone-route-selector.js"><\/script>
+<script defer src="${i}popup.js"><\/script>
+<script defer src="${i}shim/guest-bridge.js"><\/script>
+</head>
+<body>
+<noscript><strong>O webphone precisa de JavaScript habilitado.</strong></noscript>
+<div id="app"></div>
+</body>
+</html>`;
+}
+const ue = {
   // 380x640 é a geometria da janela nativa da extensão — o layout do
   // webphone é calibrado para ela, então é o ponto de partida aqui também.
   width: 380,
@@ -620,196 +687,231 @@ const ce = {
   maxHeight: 1400,
   margin: 24
 };
-function v(e, a = {}, i = []) {
-  const r = document.createElement(e);
-  for (const [o, s] of Object.entries(a))
-    o === "class" ? r.className = s : o === "text" ? r.textContent = s : s != null && r.setAttribute(o, s);
-  return i.forEach((o) => r.appendChild(o)), r;
+function y(e, a = {}, n = []) {
+  const o = document.createElement(e);
+  for (const [i, d] of Object.entries(a))
+    i === "class" ? o.className = d : i === "text" ? o.textContent = d : d != null && o.setAttribute(i, d);
+  return n.forEach((i) => o.appendChild(i)), o;
 }
-function Se(e) {
+function Ce(e) {
   const {
     hostUrl: a,
-    token: i,
-    position: r = "bottom-right",
-    open: o = !1,
-    launcher: s = !0,
+    token: n,
+    position: o = "bottom-right",
+    open: i = !1,
+    launcher: d = !0,
     title: u = "BRAVOPHONE",
-    // 'none' preserva 100% da UI do webphone: sem barra de titulo, o arraste
-    // vem de dentro do iframe. 'bar' adiciona a barra com titulo e controles.
-    frame: f = "none",
+    // 'bar' por padrão: título, indicador de estado e controles visíveis.
+    // 'none' preserva 100% da UI do webphone — sem barra, o arraste vem de
+    // dentro do iframe e só um botão de fechar aparece no hover.
+    frame: f = "bar",
     // O que arrastar até a borda de cima faz. 'max' é o gesto universal;
     // troque para 'top-half' se preferir as metades verticais no topo.
     dockTop: t = "max",
     // Lado da viewport em que a aba de abertura fica colada.
     launcherSide: g = "right",
     // Desenho da aba: 'phone-waves' | 'waveform' | 'headset' | 'chat-phone'
-    launcherIcon: p = Q,
-    emit: d
-  } = e, h = new URL(a), w = h.origin, y = v("div", { "data-bravophone": "root" });
-  y.style.cssText = "all:initial;position:static";
-  const z = y.attachShadow({ mode: "open" });
-  z.appendChild(v("style", { text: we }));
-  const C = (() => {
-    var oe;
-    const { width: c, height: E, margin: I } = ce, N = window.innerWidth - c - I, ie = window.innerHeight - E - I, re = {
-      "bottom-right": { x: N, y: ie },
-      "bottom-left": { x: I, y: ie },
-      "top-right": { x: N, y: I },
-      "top-left": { x: I, y: I }
+    launcherIcon: p = ae,
+    // 'hosted'  — o iframe navega para hostUrl (padrão)
+    // 'srcdoc'  — o iframe roda na origem do site e busca o conteúdo no CDN
+    mode: c = "hosted",
+    // Base dos assets no modo srcdoc. Padrão: o CDN travado nesta versão.
+    // Serve para desenvolvimento (localhost) e para quem espelhar os assets.
+    hostBase: h,
+    version: x,
+    emit: w
+  } = e, z = c === "srcdoc", C = z ? window.location.origin : new URL(a).origin, $ = y("div", { "data-bravophone": "root" });
+  $.style.cssText = "all:initial;position:static";
+  const j = $.attachShadow({ mode: "open" });
+  j.appendChild(y("style", { text: Me }));
+  const _ = (() => {
+    var le;
+    const { width: s, height: M, margin: W } = ue, P = window.innerWidth - s - W, ce = window.innerHeight - M - W, pe = {
+      "bottom-right": { x: P, y: ce },
+      "bottom-left": { x: W, y: ce },
+      "top-right": { x: P, y: W },
+      "top-left": { x: W, y: W }
     };
-    return R({ ...(oe = re[r]) != null ? oe : re["bottom-right"], width: c, height: E });
-  })(), D = R(ye(C)), $ = v("span", { class: "bp-status", "data-state": "connecting" }), O = v("button", { class: "bp-btn bp-btn-min", title: "Minimizar", text: "—" }), P = v("button", { class: "bp-btn bp-btn-close", title: "Fechar", text: "×" }), U = v("div", { class: "bp-header" }, [
-    $,
-    v("span", { class: "bp-title", text: u }),
-    O,
-    P
-  ]), B = v("iframe", {
+    return R({ ...(le = pe[o]) != null ? le : pe["bottom-right"], width: s, height: M });
+  })(), F = R(Le(_)), D = y("span", { class: "bp-status", "data-state": "connecting" }), A = y("button", { class: "bp-btn bp-btn-min", title: "Minimizar", text: "—" }), N = y("button", { class: "bp-btn bp-btn-close", title: "Fechar", text: "×" }), G = y("div", { class: "bp-header" }, [
+    D,
+    y("span", { class: "bp-title", text: u }),
+    A,
+    N
+  ]), r = y("iframe", {
     class: "bp-frame",
-    src: He(h, { token: i, embed: "1", parent: location.origin }),
+    // allow= é obrigatório no modo hospedado (cross-origin). Em srcdoc o
+    // microfone já é herdado do topo, mas declarar não custa e documenta.
     allow: "microphone; autoplay; clipboard-write; speaker-selection",
     title: "Webphone BRAVOPHONE"
-  }), G = ["n", "s", "w", "e", "nw", "ne", "sw", "se"].map((c) => ({
-    el: v("div", { class: `bp-h bp-h-${c}` }),
-    dir: c
-  })), n = v("div", { class: "bp-preview" });
-  n.hidden = !0;
-  const b = v("button", { class: "bp-btn bp-btn-close", title: "Fechar", text: "×" }), l = v("div", { class: "bp-overlay" }, [b]), S = v("div", { class: "bp-body" }, [B, l]), m = v("div", { class: "bp-root" }, [U, S, ...G.map((c) => c.el)]);
-  f !== "bar" && m.classList.add("bp-chromeless"), m.hidden = !o;
-  const k = v("span", { class: "bp-launcher-icon" });
-  k.innerHTML = j[p] || j[Q];
-  const H = v("span", { class: "bp-launcher-grip", "aria-hidden": "true" });
-  H.innerHTML = fe;
-  const L = v("div", {
+  });
+  z ? r.setAttribute(
+    "srcdoc",
+    We({ version: x, parentOrigin: C, token: n, base: h })
+  ) : r.setAttribute(
+    "src",
+    Ae(new URL(a), { token: n, embed: "1", parent: location.origin })
+  );
+  const l = ["n", "s", "w", "e", "nw", "ne", "sw", "se"].map((s) => ({
+    el: y("div", { class: `bp-h bp-h-${s}` }),
+    dir: s
+  })), v = y("div", { class: "bp-preview" });
+  v.hidden = !0;
+  const S = y("button", { class: "bp-btn bp-btn-close", title: "Fechar", text: "×" }), E = y("div", { class: "bp-overlay" }, [S]), H = y("div", { class: "bp-body" }, [r, E]), k = y("div", { class: "bp-root" }, [G, H, ...l.map((s) => s.el)]);
+  f !== "bar" && k.classList.add("bp-chromeless"), k.hidden = !i;
+  const Q = y("span", { class: "bp-launcher-icon" });
+  Q.innerHTML = J[p] || J[ae];
+  const oe = y("span", { class: "bp-launcher-grip", "aria-hidden": "true" });
+  oe.innerHTML = ve;
+  const T = y("div", {
     class: "bp-launcher",
     role: "button",
     tabindex: "0",
     title: "Abrir webphone",
     "aria-label": "Abrir webphone"
   }, [
-    H,
-    k,
-    v("span", { class: "bp-badge" })
+    oe,
+    Q,
+    y("span", { class: "bp-badge" })
   ]);
-  L.dataset.state = "connecting", L.hidden = !s || o, z.append(n, m, L), document.body.appendChild(y);
-  const ae = Le({
+  T.dataset.state = "connecting", T.hidden = !d, j.append(v, k, T), document.body.appendChild($);
+  const se = Te({
     side: g,
     y: Math.round(window.innerHeight / 2 - 24)
-  }), ne = Ee({
-    el: L,
-    side: ae.side,
-    y: Y(ae.y, 48),
-    onOpen: () => T.show()
-  }), W = ke({
-    root: m,
-    handle: U,
-    handles: G,
-    preview: n,
-    geometry: D,
-    limits: ce,
+  }), de = $e({
+    el: T,
+    side: se.side,
+    y: q(se.y, 48),
+    // A aba nunca some, então o clique tem dois papéis: abrir quando fechada,
+    // e localizar quando já aberta.
+    onOpen: () => O.reveal()
+  }), I = Se({
+    root: k,
+    handle: G,
+    handles: l,
+    preview: v,
+    geometry: F,
+    limits: ue,
     topDock: t,
-    onChange: (c) => d("resize", { width: c.width, height: c.height, dock: c.dock || null })
-  }), Z = Me({
-    frame: B,
-    origin: w,
-    onEvent: (c, E) => {
-      var I;
-      if (c === "ready" && ($.dataset.state = "ready", L.dataset.state = "ready", i && Z.call("auth", { token: i }).catch(() => {
-      })), c === "state") {
-        const N = (I = E == null ? void 0 : E.state) != null ? I : "ready";
-        $.dataset.state = N, L.dataset.state = N;
+    onChange: (s) => w("resize", { width: s.width, height: s.height, dock: s.dock || null })
+  }), ee = Ee({
+    frame: r,
+    origin: C,
+    onEvent: (s, M) => {
+      var W;
+      if (s === "ready" && (D.dataset.state = "ready", T.dataset.state = "ready", n && ee.call("auth", { token: n }).catch(() => {
+      })), s === "state") {
+        const P = (W = M == null ? void 0 : M.state) != null ? W : "ready";
+        D.dataset.state = P, T.dataset.state = P;
       }
-      if (c === "call:incoming" && (T.show(), L.dataset.badge = "1", L.dataset.state = "ringing"), c === "call:answered" && (L.dataset.state = "incall"), (c === "call:ended" || c === "call:failed") && (delete L.dataset.badge, L.dataset.state = "ready"), c === "drag:start") {
-        W.external.start(E);
+      if (s === "call:incoming" && (O.show(), T.dataset.badge = "1", T.dataset.state = "ringing"), s === "call:answered" && (T.dataset.state = "incall"), s === "call:ended" && (delete T.dataset.badge, T.dataset.state = "ready"), s === "drag:start") {
+        I.external.start(M);
         return;
       }
-      if (c === "drag:move") {
-        W.external.move(E);
+      if (s === "drag:move") {
+        I.external.move(M);
         return;
       }
-      if (c === "drag:end") {
-        W.external.end();
+      if (s === "drag:end") {
+        I.external.end();
         return;
       }
-      d(c, E);
+      w(s, M);
     }
   });
-  let _ = !1;
-  const T = {
-    el: y,
-    bridge: Z,
+  let Y = !1, te = null;
+  const O = {
+    el: $,
+    bridge: ee,
     show() {
-      m.hidden = !1, L.hidden = !0, d("open");
+      k.hidden = !1, w("open");
     },
     hide() {
-      m.hidden = !0, s && (L.hidden = !1), d("close");
+      k.hidden = !0, w("close");
     },
     toggle() {
-      m.hidden ? T.show() : T.hide();
+      k.hidden ? O.show() : O.hide();
+    },
+    /**
+     * Traz a janela para a atenção do usuário.
+     * Fechada: abre. Aberta e fora de vista: traz de volta. Aberta e
+     * visível: um halo curto, para o olho encontrá-la.
+     */
+    reveal() {
+      if (k.hidden) {
+        O.show();
+        return;
+      }
+      const s = I.geometry;
+      (s.x + s.width < 40 || s.x > window.innerWidth - 40 || s.y > window.innerHeight - 40) && I.set({
+        x: Math.round((window.innerWidth - s.width) / 2),
+        y: Math.round((window.innerHeight - s.height) / 2)
+      }), k.classList.remove("bp-attention"), k.offsetWidth, k.classList.add("bp-attention"), clearTimeout(te), te = setTimeout(() => k.classList.remove("bp-attention"), 1800), w("reveal");
     },
     get isOpen() {
-      return !m.hidden;
+      return !k.hidden;
     },
-    minimize(c) {
+    minimize(s) {
       if (f !== "bar") {
-        T.hide();
+        O.hide();
         return;
       }
-      _ = c != null ? c : !_, m.classList.toggle("bp-minimized", _), O.textContent = _ ? "▢" : "—";
+      Y = s != null ? s : !Y, k.classList.toggle("bp-minimized", Y), A.textContent = Y ? "▢" : "—";
     },
-    move(c, E) {
-      W.set({ x: c, y: E });
+    move(s, M) {
+      I.set({ x: s, y: M });
     },
-    resize(c, E) {
-      W.set({ width: c, height: E });
+    resize(s, M) {
+      I.set({ width: s, height: M });
     },
-    dock(c) {
-      W.dock(c);
+    dock(s) {
+      I.dock(s);
     },
-    setLauncherSide(c) {
-      ne.setSide(c);
+    setLauncherSide(s) {
+      de.setSide(s);
     },
-    setLauncherIcon(c) {
-      k.innerHTML = j[c] || j[Q];
+    setLauncherIcon(s) {
+      Q.innerHTML = J[s] || J[ae];
     },
     get geometry() {
-      return W.geometry;
+      return I.geometry;
     },
     destroy() {
-      Z.destroy(), W.destroy(), ne.destroy(), n.remove(), y.remove();
+      clearTimeout(te), ee.destroy(), I.destroy(), de.destroy(), v.remove(), $.remove();
     }
   };
-  return P.addEventListener("click", () => T.hide()), O.addEventListener("click", () => T.minimize()), b.addEventListener("click", () => T.hide()), T;
-}
-function He(e, a) {
-  const i = new URL(e.href);
-  for (const [r, o] of Object.entries(a))
-    o != null && o !== "" && i.searchParams.set(r, o);
-  return a.token && (i.searchParams.delete("token"), i.hash = `token=${encodeURIComponent(a.token)}`), i.href;
-}
-const Te = "https://webphone.bravophone.com/embed/";
-let M = null;
-const A = /* @__PURE__ */ new Map();
-function Ie(e, a) {
-  var i, r;
-  (i = A.get(e)) == null || i.forEach((o) => {
+  return N.addEventListener("click", () => O.hide()), A.addEventListener("click", () => O.minimize()), S.addEventListener("click", () => O.hide()), O;
+}
+function Ae(e, a) {
+  const n = new URL(e.href);
+  for (const [o, i] of Object.entries(a))
+    i != null && i !== "" && n.searchParams.set(o, i);
+  return a.token && (n.searchParams.delete("token"), n.hash = `token=${encodeURIComponent(a.token)}`), n.href;
+}
+const Be = "https://webphone.bravophone.com/embed/";
+let L = null;
+const B = /* @__PURE__ */ new Map();
+function De(e, a) {
+  var n, o;
+  (n = B.get(e)) == null || n.forEach((i) => {
     try {
-      o(a);
-    } catch (s) {
-      console.error("[Bravophone] listener falhou:", s);
+      i(a);
+    } catch (d) {
+      console.error("[Bravophone] listener falhou:", d);
     }
-  }), (r = A.get("*")) == null || r.forEach((o) => {
+  }), (o = B.get("*")) == null || o.forEach((i) => {
     try {
-      o({ event: e, payload: a });
-    } catch (s) {
-      console.error("[Bravophone] listener falhou:", s);
+      i({ event: e, payload: a });
+    } catch (d) {
+      console.error("[Bravophone] listener falhou:", d);
     }
   });
 }
-function x() {
-  if (!M) throw new Error("Bravophone: chame Bravophone.init() antes.");
-  return M;
+function m() {
+  if (!L) throw new Error("Bravophone: chame Bravophone.init() antes.");
+  return L;
 }
-const le = {
+const re = {
   /**
    * Monta o webphone na página.
    * @param {object} opts
@@ -817,102 +919,117 @@ const le = {
    * @param {string} [opts.token]    Token de sessão do usuário (SSO do integrador).
    * @param {'bottom-right'|'bottom-left'|'top-right'|'top-left'} [opts.position]
    * @param {boolean} [opts.open]     Abrir já visível (padrão: false, só o launcher).
-   * @param {boolean} [opts.launcher] Exibir o botão flutuante (padrão: true).
+   * @param {boolean} [opts.launcher] Exibir a aba de abertura (padrão: true).
+   * @param {'hosted'|'srcdoc'} [opts.mode]
+   *   'hosted' (padrão): o iframe navega para `hostUrl`. Uma origem fixa para
+   *   o CORS dos backends, mas é um iframe de terceiro.
+   *   'srcdoc': o iframe roda na origem do próprio site e busca o webphone no
+   *   CDN. Some o iframe de terceiro — em troca, a origem do integrador
+   *   precisa estar na allowlist de CORS dos backends.
    */
   init(e = {}) {
-    if (M) return M;
+    if (L) return L;
     if (typeof window == "undefined" || !document.body)
       throw new Error("Bravophone: init() precisa rodar no browser, após o <body> existir.");
-    return location.protocol !== "https:" && location.hostname !== "localhost" && console.warn("[Bravophone] Contexto inseguro: o microfone exige HTTPS ou localhost."), M = Se({ hostUrl: Te, ...e, emit: Ie }), M;
+    return location.protocol !== "https:" && location.hostname !== "localhost" && console.warn("[Bravophone] Contexto inseguro: o microfone exige HTTPS ou localhost."), L = Ce({
+      hostUrl: Be,
+      version: re.version,
+      ...e,
+      emit: De
+    }), L;
   },
   // ---- Controle da janela ----
   show() {
-    x().show();
+    m().show();
   },
   hide() {
-    x().hide();
+    m().hide();
   },
   toggle() {
-    x().toggle();
+    m().toggle();
+  },
+  /** Abre a janela; se já estiver aberta, traz para a vista e destaca. */
+  reveal() {
+    m().reveal();
   },
   minimize(e) {
-    x().minimize(e);
+    m().minimize(e);
   },
   move(e, a) {
-    x().move(e, a);
+    m().move(e, a);
   },
   resize(e, a) {
-    x().resize(e, a);
+    m().resize(e, a);
   },
   /** 'left' | 'right' | 'left-half' | 'right-half' | 'max' | 'float' */
   dock(e) {
-    x().dock(e);
+    m().dock(e);
   },
   /** Move a aba de abertura para o outro lado da viewport. */
   setLauncherSide(e) {
-    x().setLauncherSide(e);
+    m().setLauncherSide(e);
   },
   /** 'phone-waves' | 'waveform' | 'headset' | 'chat-phone' */
   setLauncherIcon(e) {
-    x().setLauncherIcon(e);
+    m().setLauncherIcon(e);
   },
   get isOpen() {
-    return M ? M.isOpen : !1;
+    return L ? L.isOpen : !1;
   },
   get geometry() {
-    return M ? M.geometry : null;
+    return L ? L.geometry : null;
   },
   // ---- Telefonia ----
   /** Disca um número. Aceita formato livre; a normalização é a mesma da extensão. */
   call(e, a) {
-    return x().bridge.call("call", { number: e, meta: a });
+    return m().bridge.call("call", { number: e, meta: a });
   },
   hangup() {
-    return x().bridge.call("hangup");
+    return m().bridge.call("hangup");
   },
   answer() {
-    return x().bridge.call("answer");
+    return m().bridge.call("answer");
   },
   /** Alterna o mudo — o bundle só expõe toggle, não aceita estado alvo. */
   mute() {
-    return x().bridge.call("mute");
+    return m().bridge.call("mute");
   },
   /** Alterna a espera. Também toggle. */
   hold() {
-    return x().bridge.call("hold");
+    return m().bridge.call("hold");
   },
   sendDTMF(e) {
-    return x().bridge.call("dtmf", { tone: e });
+    return m().bridge.call("dtmf", { tone: e });
   },
   transfer(e) {
-    return x().bridge.call("transfer", { to: e });
+    return m().bridge.call("transfer", { to: e });
   },
   getStatus() {
-    return x().bridge.call("status");
+    return m().bridge.call("status");
   },
   setAuth(e) {
-    return x().bridge.call("auth", { token: e });
+    return m().bridge.call("auth", { token: e });
   },
   logout() {
-    return x().bridge.call("logout");
+    return m().bridge.call("logout");
   },
   // ---- Eventos ----
   /** Eventos: ready, state, call:dialing, call:incoming, call:answered,
    *  call:ended, call:failed, resize, open, close, error. */
   on(e, a) {
-    return A.has(e) || A.set(e, /* @__PURE__ */ new Set()), A.get(e).add(a), () => le.off(e, a);
+    return B.has(e) || B.set(e, /* @__PURE__ */ new Set()), B.get(e).add(a), () => re.off(e, a);
   },
   off(e, a) {
-    var i;
-    (i = A.get(e)) == null || i.delete(a);
+    var n;
+    (n = B.get(e)) == null || n.delete(a);
   },
   destroy() {
-    M == null || M.destroy(), M = null, A.clear();
+    L == null || L.destroy(), L = null, B.clear();
   },
   // Substituída em build time pelo valor do package.json (ver vite.config.js).
-  version: "0.1.2"
+  version: "0.2.1"
 };
-typeof window != "undefined" && (window.Bravophone = le);
+typeof window != "undefined" && (window.Bravophone = re);
 export {
-  le as default
+  re as default
 };