@bravophone/webphone 0.3.0 → 0.4.0

package/dist/bravophone.mjs

@@ -1,31 +1,31 @@
-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">
+const Z = 'stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"', xe = `<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>`, xe = `<svg viewBox="0 0 24 24" fill="none" ${Z} aria-hidden="true">
+</svg>`, we = `<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>`, we = `<svg viewBox="0 0 24 24" fill="none" ${Z} aria-hidden="true">
+</svg>`, ye = `<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>`, ye = `<svg viewBox="0 0 24 24" fill="none" ${Z} aria-hidden="true">
+</svg>`, ve = `<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>`, ve = `<svg viewBox="0 0 10 16" width="10" height="16" fill="currentColor" aria-hidden="true">
+</svg>`, ke = `<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": fe,
-  waveform: xe,
-  headset: we,
-  "chat-phone": ye
-}, ae = "phone-waves", ke = `
+</svg>`, V = {
+  "phone-waves": xe,
+  waveform: we,
+  headset: ye,
+  "chat-phone": ve
+}, ae = "phone-waves", Me = `
 .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 Z = '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; }
 }
-`, Me = `
+`, Le = `
 :host { all: initial; }
 * { box-sizing: border-box; }
 
@@ -358,25 +358,25 @@ const Z = 'stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-
   .bp-launcher[data-badge]:not([data-badge=""]) { animation: none; }
 }
 
-${ke}
-`, ge = "bravophone:widget:geometry", V = 28, X = 32;
-function Le(e) {
+${Me}
+`, ge = "bravophone:widget:geometry", J = 28, X = 32;
+function ze(e) {
   try {
-    const a = localStorage.getItem(ge);
-    if (!a) return { ...e };
-    const i = JSON.parse(a);
-    return i.dock ? { ...e, ...i, ...P(i.dock, i) } : { ...e, ...i };
-  } catch (a) {
+    const t = localStorage.getItem(ge);
+    if (!t) return { ...e };
+    const n = JSON.parse(t);
+    return n.dock ? { ...e, ...n, ...P(n.dock, n) } : { ...e, ...n };
+  } catch (t) {
     return { ...e };
   }
 }
 function K(e) {
   try {
     localStorage.setItem(ge, JSON.stringify(e));
-  } catch (a) {
+  } catch (t) {
   }
 }
-function le(e) {
+function he(e) {
   return {
     minWidth: e.minWidth,
     minHeight: e.minHeight,
@@ -386,208 +386,208 @@ function le(e) {
     maxHeight: Math.max(e.minHeight, Math.min(e.maxHeight, window.innerHeight))
   };
 }
-function R(e) {
-  const a = Math.max(0, window.innerWidth - e.width), i = Math.max(0, window.innerHeight - 40);
+function U(e) {
+  const t = 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)
+    x: Math.min(Math.max(0, e.x), t),
+    y: Math.min(Math.max(0, e.y), n)
   };
 }
-function P(e, a) {
-  const i = window.innerWidth, o = window.innerHeight, r = Math.round(i / 2), d = Math.round(o / 2), u = Math.min(a.width, i);
+function P(e, t) {
+  const n = window.innerWidth, i = window.innerHeight, r = Math.round(n / 2), d = Math.round(i / 2), u = Math.min(t.width, n);
   switch (e) {
     case "left":
-      return { x: 0, y: 0, width: u, height: o };
+      return { x: 0, y: 0, width: u, height: i };
     case "right":
-      return { x: i - u, y: 0, width: u, height: o };
+      return { x: n - u, y: 0, width: u, height: i };
     case "left-half":
-      return { x: 0, y: 0, width: r, height: o };
+      return { x: 0, y: 0, width: r, height: i };
     case "right-half":
-      return { x: i - r, y: 0, width: r, height: o };
+      return { x: n - r, y: 0, width: r, height: i };
     case "top":
-      return { x: a.x, y: 0, width: u, height: d };
+      return { x: t.x, y: 0, width: u, height: d };
     case "bottom":
-      return { x: a.x, y: o - d, width: u, height: d };
+      return { x: t.x, y: i - d, width: u, height: d };
     case "top-half":
-      return { x: 0, y: 0, width: i, height: d };
+      return { x: 0, y: 0, width: n, height: d };
     case "bottom-half":
-      return { x: 0, y: o - d, width: i, height: d };
+      return { x: 0, y: i - d, width: n, height: d };
     case "max":
-      return { x: 0, y: 0, width: i, height: o };
+      return { x: 0, y: 0, width: n, height: i };
     default:
-      return { x: a.x, y: a.y, width: a.width, height: a.height };
+      return { x: t.x, y: t.y, width: t.width, height: t.height };
   }
 }
-function ze(e, a, i) {
-  const o = window.innerWidth, r = window.innerHeight, d = e <= V, u = e >= o - V, f = a <= V, t = a >= r - V;
-  return (f || t) && d ? "left-half" : (f || t) && u ? "right-half" : f ? i || "max" : t ? "bottom-half" : d ? "left" : u ? "right" : null;
+function Se(e, t, n) {
+  const i = window.innerWidth, r = window.innerHeight, d = e <= J, u = e >= i - J, f = t <= J, a = t >= r - J;
+  return (f || a) && d ? "left-half" : (f || a) && u ? "right-half" : f ? n || "max" : a ? "bottom-half" : d ? "left" : u ? "right" : null;
 }
-function Se({ root: e, handle: a, handles: i, preview: o, geometry: r, limits: d, topDock: u, onChange: f }) {
-  let t = { ...r }, g = null, p = "", c = null, l = 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 (o) {
-      if (!n) {
-        o.hidden = !0;
+function Ee({ root: e, handle: t, handles: n, preview: i, geometry: r, limits: d, topDock: u, onChange: f }) {
+  let a = { ...r }, g = null, p = "", c = null, l = null, x = null, k = null;
+  const y = () => {
+    e.style.left = `${a.x}px`, e.style.top = `${a.y}px`, e.style.width = `${a.width}px`, e.style.height = `${a.height}px`, e.classList.toggle("bp-docked", !!a.dock), f == null || f(a);
+  }, C = (o) => {
+    if (i) {
+      if (!o) {
+        i.hidden = !0;
         return;
       }
-      o.hidden = !1, o.style.left = `${n.x}px`, o.style.top = `${n.y}px`, o.style.width = `${n.width}px`, o.style.height = `${n.height}px`;
+      i.hidden = !1, i.style.left = `${o.x}px`, i.style.top = `${o.y}px`, i.style.width = `${o.width}px`, i.style.height = `${o.height}px`;
     }
-  }, $ = (n, b) => {
-    const h = le(d);
-    let { x: v, y: S, width: E, height: H } = c;
-    p.includes("e") && (E = c.width + n), p.includes("w") && (E = c.width - n), p.includes("s") && (H = c.height + b), p.includes("n") && (H = c.height - b), E = Math.min(h.maxWidth, Math.max(h.minWidth, E)), H = Math.min(h.maxHeight, Math.max(h.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 = (n, b, h, v) => {
-    if (t.dock) {
-      const S = w || { width: d.width, height: d.height }, E = l.x / Math.max(1, t.width);
-      t = { ...t, ...S, dock: null }, l = { x: Math.round(S.width * E), y: Math.min(l.y, 32) }, c = {
+  }, D = (o, b) => {
+    const h = he(d);
+    let { x: E, y: v, width: M, height: T } = c;
+    p.includes("e") && (M = c.width + o), p.includes("w") && (M = c.width - o), p.includes("s") && (T = c.height + b), p.includes("n") && (T = c.height - b), M = Math.min(h.maxWidth, Math.max(h.minWidth, M)), T = Math.min(h.maxHeight, Math.max(h.minHeight, T)), p.includes("w") && (E = c.x + (c.width - M)), p.includes("n") && (v = c.y + (c.height - T)), p.includes("e") && Math.abs(E + M - window.innerWidth) <= X && (M = window.innerWidth - E), p.includes("w") && Math.abs(E) <= X && (M += E, E = 0), p.includes("s") && Math.abs(v + T - window.innerHeight) <= X && (T = window.innerHeight - v), p.includes("n") && Math.abs(v) <= X && (T += v, v = 0), a = { ...a, x: E, y: v, width: M, height: T, dock: null }, y();
+  }, W = (o, b, h, E) => {
+    if (a.dock) {
+      const v = k || { width: d.width, height: d.height }, M = l.x / Math.max(1, a.width);
+      a = { ...a, ...v, dock: null }, l = { x: Math.round(v.width * M), y: Math.min(l.y, 32) }, c = {
         ...c,
         x: h - l.x,
-        y: v - l.y,
-        px: c.px + n,
+        y: E - l.y,
+        px: c.px + o,
         py: c.py + b
-      }, n = 0, b = 0;
+      }, o = 0, b = 0;
     }
-    t = R({ ...t, x: c.x + n, y: c.y + b }), z(), x = ze(h, v, u), C(x ? P(x, t) : null);
-  }, _ = () => {
-    x && (w = w || { width: t.width, height: t.height }, t = { ...t, ...P(x, t), dock: x }, z());
-  }, F = (n, b) => (h) => {
-    h.button === 0 && (n === "drag" && h.target.closest(".bp-btn") || (g = n, p = b || "", c = { px: h.clientX, py: h.clientY, ...t }, l = { x: h.clientX - t.x, y: h.clientY - t.y }, t.dock || (w = { width: t.width, height: t.height }), e.classList.add(n === "drag" ? "bp-dragging" : "bp-resizing"), h.currentTarget.setPointerCapture(h.pointerId), h.preventDefault()));
-  }, A = (n) => {
+    a = U({ ...a, x: c.x + o, y: c.y + b }), y(), x = Se(h, E, u), C(x ? P(x, a) : null);
+  }, j = () => {
+    x && (k = k || { width: a.width, height: a.height }, a = { ...a, ...P(x, a), dock: x }, y());
+  }, _ = (o, b) => (h) => {
+    h.button === 0 && (o === "drag" && h.target.closest(".bp-btn") || (g = o, p = b || "", c = { px: h.clientX, py: h.clientY, ...a }, l = { x: h.clientX - a.x, y: h.clientY - a.y }, a.dock || (k = { width: a.width, height: a.height }), e.classList.add(o === "drag" ? "bp-dragging" : "bp-resizing"), h.currentTarget.setPointerCapture(h.pointerId), h.preventDefault()));
+  }, F = (o) => {
     if (!g || !c) return;
-    const b = n.clientX - c.px, h = n.clientY - c.py;
-    g === "drag" ? j(b, h, n.clientX, n.clientY) : $(b, h);
-  }, B = (n) => {
+    const b = o.clientX - c.px, h = o.clientY - c.py;
+    g === "drag" ? W(b, h, o.clientX, o.clientY) : D(b, h);
+  }, A = (o) => {
     if (g) {
-      e.classList.remove("bp-dragging", "bp-resizing"), C(null), g === "drag" && _(), g = null, p = "", c = null, x = null;
+      e.classList.remove("bp-dragging", "bp-resizing"), C(null), g === "drag" && j(), g = null, p = "", c = null, x = null;
       try {
-        n.currentTarget.releasePointerCapture(n.pointerId);
+        o.currentTarget.releasePointerCapture(o.pointerId);
       } catch (b) {
       }
-      K(t);
+      K(a);
     }
   };
-  a.addEventListener("pointerdown", F("drag")), a.addEventListener("pointermove", A), a.addEventListener("pointerup", B), a.addEventListener("pointercancel", B), (i || []).forEach(({ el: n, dir: b }) => {
-    n.addEventListener("pointerdown", F("resize", b)), n.addEventListener("pointermove", A), n.addEventListener("pointerup", B), n.addEventListener("pointercancel", B);
+  t.addEventListener("pointerdown", _("drag")), t.addEventListener("pointermove", F), t.addEventListener("pointerup", A), t.addEventListener("pointercancel", A), (n || []).forEach(({ el: o, dir: b }) => {
+    o.addEventListener("pointerdown", _("resize", b)), o.addEventListener("pointermove", F), o.addEventListener("pointerup", A), o.addEventListener("pointercancel", A);
   });
-  const U = () => {
-    t = t.dock ? { ...t, ...P(t.dock, t) } : R(t), z();
+  const B = () => {
+    a = a.dock ? { ...a, ...P(a.dock, a) } : U(a), y();
   };
-  window.addEventListener("resize", U);
+  window.addEventListener("resize", B);
   const G = {
-    start(n) {
+    start(o) {
       var b, h;
-      g = "drag", c = { px: n.x, py: n.y, ...t }, l = { x: (b = n.cx) != null ? b : t.width / 2, y: (h = n.cy) != null ? h : 20 }, t.dock || (w = { width: t.width, height: t.height }), e.classList.add("bp-dragging");
+      g = "drag", c = { px: o.x, py: o.y, ...a }, l = { x: (b = o.cx) != null ? b : a.width / 2, y: (h = o.cy) != null ? h : 20 }, a.dock || (k = { width: a.width, height: a.height }), e.classList.add("bp-dragging");
     },
-    move(n) {
+    move(o) {
       if (g !== "drag" || !c) return;
-      const b = n.x - c.px, h = n.y - c.py;
-      j(b, h, c.x + b + l.x, c.y + h + l.y);
+      const b = o.x - c.px, h = o.y - c.py;
+      W(b, h, c.x + b + l.x, c.y + h + l.y);
     },
     end() {
-      g === "drag" && (e.classList.remove("bp-dragging"), C(null), _(), g = null, c = null, x = null, K(t));
+      g === "drag" && (e.classList.remove("bp-dragging"), C(null), j(), g = null, c = null, x = null, K(a));
     }
   };
-  return z(), {
+  return y(), {
     external: G,
     get geometry() {
-      return { ...t };
+      return { ...a };
     },
-    set(n) {
-      const b = le(d), h = { ...t, ...n, dock: null };
-      h.width = Math.min(b.maxWidth, Math.max(b.minWidth, h.width)), h.height = Math.min(b.maxHeight, Math.max(b.minHeight, h.height)), t = R(h), z(), K(t);
+    set(o) {
+      const b = he(d), h = { ...a, ...o, dock: null };
+      h.width = Math.min(b.maxWidth, Math.max(b.minWidth, h.width)), h.height = Math.min(b.maxHeight, Math.max(b.minHeight, h.height)), a = U(h), y(), K(a);
     },
     /** 'left' | 'right' | 'left-half' | 'right-half' | 'max' | 'float' */
-    dock(n) {
-      if (!n || n === "float") {
-        const b = w || { width: d.width, height: d.height };
-        t = R({ ...t, ...b, dock: null });
+    dock(o) {
+      if (!o || o === "float") {
+        const b = k || { width: d.width, height: d.height };
+        a = U({ ...a, ...b, dock: null });
       } else
-        t.dock || (w = { width: t.width, height: t.height }), t = { ...t, ...P(n, t), dock: n };
-      z(), K(t);
+        a.dock || (k = { width: a.width, height: a.height }), a = { ...a, ...P(o, a), dock: o };
+      y(), K(a);
     },
     destroy() {
-      window.removeEventListener("resize", U);
+      window.removeEventListener("resize", B);
     }
   };
 }
 const be = "bravophone/v1";
-function Ee({ frame: e, origin: a, onEvent: i }) {
-  const o = /* @__PURE__ */ new Map();
+function Te({ frame: e, origin: t, onEvent: n }) {
+  const i = /* @__PURE__ */ new Map();
   let r = 0, d = !1;
   const u = [], f = (g) => {
     var c;
-    if (g.origin !== a || g.source !== e.contentWindow) return;
+    if (g.origin !== t || g.source !== e.contentWindow) return;
     const p = g.data;
     if (!(!p || p.protocol !== be)) {
       if (p.type === "ready") {
         for (d = !0; u.length; ) u.shift()();
-        i == null || i("ready", (c = p.payload) != null ? c : {});
+        n == null || n("ready", (c = p.payload) != null ? c : {});
         return;
       }
       if (p.type === "reply") {
-        const l = o.get(p.id);
+        const l = i.get(p.id);
         if (!l) return;
-        o.delete(p.id), clearTimeout(l.timer), p.error ? l.reject(new Error(p.error)) : l.resolve(p.payload);
+        i.delete(p.id), clearTimeout(l.timer), p.error ? l.reject(new Error(p.error)) : l.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: c = 15e3 } = {}) {
+  function a(g, p, { timeout: c = 15e3 } = {}) {
     return new Promise((l, x) => {
-      const w = `${Date.now()}-${++r}`, z = () => {
-        var $;
+      const k = `${Date.now()}-${++r}`, y = () => {
+        var D;
         const C = setTimeout(() => {
-          o.delete(w), x(new Error(`Bravophone: timeout no comando "${g}"`));
+          i.delete(k), x(new Error(`Bravophone: timeout no comando "${g}"`));
         }, c);
-        o.set(w, { resolve: l, reject: x, timer: C }), ($ = e.contentWindow) == null || $.postMessage(
-          { protocol: be, type: "command", id: w, command: g, payload: p },
-          a
+        i.set(k, { resolve: l, reject: x, timer: C }), (D = e.contentWindow) == null || D.postMessage(
+          { protocol: be, type: "command", id: k, command: g, payload: p },
+          t
         );
       };
-      d ? z() : u.push(z);
+      d ? y() : u.push(y);
     });
   }
   return {
-    call: t,
+    call: a,
     get ready() {
       return d;
     },
     destroy() {
-      window.removeEventListener("message", f), o.forEach(({ reject: g, timer: p }) => {
+      window.removeEventListener("message", f), i.forEach(({ reject: g, timer: p }) => {
         clearTimeout(p), g(new Error("Bravophone: widget destruído"));
-      }), o.clear();
+      }), i.clear();
     }
   };
 }
-const me = "bravophone:launcher", He = 4, re = 8;
-function Te(e) {
+const me = "bravophone:launcher", He = 4, ne = 8;
+function Ie(e) {
   try {
-    const a = localStorage.getItem(me);
-    return a ? { ...e, ...JSON.parse(a) } : { ...e };
-  } catch (a) {
+    const t = localStorage.getItem(me);
+    return t ? { ...e, ...JSON.parse(t) } : { ...e };
+  } catch (t) {
     return { ...e };
   }
 }
-function ie(e) {
+function re(e) {
   try {
     localStorage.setItem(me, JSON.stringify(e));
-  } catch (a) {
+  } catch (t) {
   }
 }
-function q(e, a) {
-  const i = Math.max(re, window.innerHeight - a - re);
-  return Math.min(Math.max(re, e), i);
+function q(e, t) {
+  const n = Math.max(ne, window.innerHeight - t - ne);
+  return Math.min(Math.max(ne, e), n);
 }
-function $e({ el: e, side: a, y: i, onOpen: o }) {
-  let r = { side: a, y: q(i, e.offsetHeight || 48) }, d = null, u = !1;
+function $e({ el: e, side: t, y: n, onOpen: i }) {
+  let r = { side: t, y: q(n, e.offsetHeight || 48) }, d = null, u = !1;
   const f = () => {
     e.dataset.side = r.side, e.style.top = `${r.y}px`, e.style.right = r.side === "right" ? "0px" : "auto", e.style.left = r.side === "left" ? "0px" : "auto";
-  }, t = (l) => {
+  }, a = (l) => {
     l.button === 0 && (d = { py: l.clientY, y: r.y }, u = !1, e.setPointerCapture(l.pointerId));
   }, g = (l) => {
     if (!d) return;
@@ -599,12 +599,12 @@ function $e({ el: e, side: a, y: i, onOpen: o }) {
     d = null, u = !1, e.classList.remove("bp-launcher-dragging");
     try {
       e.releasePointerCapture(l.pointerId);
-    } catch (w) {
+    } catch (k) {
     }
-    x ? ie(r) : o == null || o();
+    x ? re(r) : i == null || i();
   };
-  e.addEventListener("pointerdown", t), e.addEventListener("pointermove", g), e.addEventListener("pointerup", p), e.addEventListener("pointercancel", p), e.addEventListener("keydown", (l) => {
-    (l.key === "Enter" || l.key === " ") && (l.preventDefault(), o == null || o());
+  e.addEventListener("pointerdown", a), e.addEventListener("pointermove", g), e.addEventListener("pointerup", p), e.addEventListener("pointercancel", p), e.addEventListener("keydown", (l) => {
+    (l.key === "Enter" || l.key === " ") && (l.preventDefault(), i == null || i());
   });
   const c = () => {
     r.y = q(r.y, e.offsetHeight), f();
@@ -614,22 +614,22 @@ function $e({ el: e, side: a, y: i, onOpen: o }) {
       return { ...r };
     },
     setSide(l) {
-      r.side = l, f(), ie(r);
+      r.side = l, f(), re(r);
     },
     moveTo(l) {
-      r.y = q(l, e.offsetHeight), f(), ie(r);
+      r.y = q(l, e.offsetHeight), f(), re(r);
     },
     destroy() {
       window.removeEventListener("resize", c);
     }
   };
 }
-const Ie = "https://cdn.jsdelivr.net/npm";
-function Oe(e, a = "@bravophone/webphone") {
-  return `${Ie}/${a}@${e}/host/`;
+const Oe = "https://cdn.jsdelivr.net/npm";
+function Ce(e, t = "@bravophone/webphone") {
+  return `${Oe}/${t}@${e}/host/`;
 }
-function We({ version: e, parentOrigin: a, token: i, base: o }) {
-  const r = o || Oe(e), d = JSON.stringify({ parentOrigin: a, token: i || null }).replace(/</g, "\\u003c");
+function We({ version: e, parentOrigin: t, session: n, base: i }) {
+  const r = i || Ce(e), d = JSON.stringify({ parentOrigin: t, session: n || null }).replace(/</g, "\\u003c");
   return `<!doctype html>
 <html lang="pt-BR">
 <head>
@@ -654,10 +654,29 @@ function We({ version: e, parentOrigin: a, token: i, base: o }) {
   // 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) {}
+  // Grava a sessão onde o bundle procura, ANTES dele avaliar, para já subir
+  // autenticado em vez de piscar a tela de login.
+  //
+  // As chaves e o prefixo não são escolha nossa: 'bp.local.' é como o
+  // chrome-shim mapeia chrome.storage.local, e os nomes vêm do bpSaveSession
+  // do bundle. Um token sozinho NÃO basta — sem sip e ramal o webphone não
+  // tem o que registrar, e o RouteSelector avisa "faça login pelo webphone".
+  if (cfg.session) {
+    var s = cfg.session;
+    var mapa = {
+      bravophoneVxToken: s.vxToken || null,
+      bravophoneVxTokenExpiresAt: s.expiresIn ? Date.now() + 1000 * Number(s.expiresIn) : null,
+      bravophoneSip: s.sip || null,
+      bravophoneTenant: s.tenant || null,
+      bravophoneRamal: s.ramal || null,
+      bravophoneClienteId: s.clienteId || null,
+      bravophoneRamaisUrl: s.ramaisUrl || null
+    };
+    try {
+      for (var k in mapa) {
+        if (mapa[k] !== null) localStorage.setItem('bp.local.' + k, JSON.stringify(mapa[k]));
+      }
+    } catch (e) {}
   }
 })();
 <\/script>
@@ -687,85 +706,93 @@ const ue = {
   maxHeight: 1400,
   margin: 24
 };
-function y(e, a = {}, i = []) {
-  const o = document.createElement(e);
-  for (const [r, d] of Object.entries(a))
-    r === "class" ? o.className = d : r === "text" ? o.textContent = d : d != null && o.setAttribute(r, d);
-  return i.forEach((r) => o.appendChild(r)), o;
+function w(e, t = {}, n = []) {
+  const i = document.createElement(e);
+  for (const [r, d] of Object.entries(t))
+    r === "class" ? i.className = d : r === "text" ? i.textContent = d : d != null && i.setAttribute(r, d);
+  return n.forEach((r) => i.appendChild(r)), i;
 }
-function Ce(e) {
+function Ae(e) {
   const {
-    hostUrl: a,
-    token: i,
-    position: o = "bottom-right",
-    open: r = !1,
-    launcher: d = !0,
-    title: u = "BRAVOPHONE",
+    hostUrl: t,
+    token: n,
+    session: i,
+    position: r = "bottom-right",
+    open: d = !1,
+    launcher: u = !0,
+    title: f = "BRAVOPHONE",
     // '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",
+    frame: a = "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",
+    dockTop: g = "max",
     // Lado da viewport em que a aba de abertura fica colada.
-    launcherSide: g = "right",
+    launcherSide: p = "right",
     // Desenho da aba: 'phone-waves' | 'waveform' | 'headset' | 'chat-phone'
-    launcherIcon: p = ae,
+    launcherIcon: c = ae,
     // 'srcdoc' é o padrão porque é o modo que funciona sem infraestrutura
     // nossa: o webphone vem do CDN, travado nesta versão. 'hosted' navega
     // para hostUrl e depende de um domínio publicado — se ele não existir,
     // o iframe falha em DNS antes de qualquer outra coisa.
-    mode: c = "srcdoc",
+    mode: l = "srcdoc",
     // 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: l,
-    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 }));
+    hostBase: x,
+    version: k,
+    emit: y
+  } = e, C = l === "srcdoc", D = C ? window.location.origin : new URL(t).origin, W = w("div", { "data-bravophone": "root" });
+  W.style.cssText = "all:initial;position:static";
+  const j = W.attachShadow({ mode: "open" });
+  j.appendChild(w("style", { text: Le }));
   const _ = (() => {
-    var he;
-    const { width: s, height: M, margin: W } = ue, N = window.innerWidth - s - W, ce = window.innerHeight - M - W, pe = {
+    var le;
+    const { width: s, height: z, margin: O } = ue, N = window.innerWidth - s - O, ce = window.innerHeight - z - O, pe = {
       "bottom-right": { x: N, y: ce },
-      "bottom-left": { x: W, y: ce },
-      "top-right": { x: N, y: W },
-      "top-left": { x: W, y: W }
+      "bottom-left": { x: O, y: ce },
+      "top-right": { x: N, y: O },
+      "top-left": { x: O, y: O }
     };
-    return R({ ...(he = pe[o]) != null ? he : pe["bottom-right"], width: s, height: M });
-  })(), F = R(Le(_)), A = y("span", { class: "bp-status", "data-state": "connecting" }), B = y("button", { class: "bp-btn bp-btn-min", title: "Minimizar", text: "—" }), U = y("button", { class: "bp-btn bp-btn-close", title: "Fechar", text: "×" }), G = y("div", { class: "bp-header" }, [
+    return U({ ...(le = pe[r]) != null ? le : pe["bottom-right"], width: s, height: z });
+  })(), F = U(ze(_)), A = w("span", { class: "bp-status", "data-state": "connecting" }), B = w("button", { class: "bp-btn bp-btn-min", title: "Minimizar", text: "—" }), G = w("button", { class: "bp-btn bp-btn-close", title: "Fechar", text: "×" }), o = w("div", { class: "bp-header" }, [
     A,
-    y("span", { class: "bp-title", text: u }),
+    w("span", { class: "bp-title", text: f }),
     B,
-    U
-  ]), n = y("iframe", {
+    G
+  ]), b = w("iframe", {
     class: "bp-frame",
     // 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"
   });
-  z ? n.setAttribute(
+  C ? b.setAttribute(
     "srcdoc",
-    We({ version: x, parentOrigin: C, token: i, base: l })
-  ) : n.setAttribute(
+    We({
+      version: k,
+      parentOrigin: D,
+      base: x,
+      // token sozinho vira uma sessão mínima; sem sip/ramal o webphone
+      // carrega mas não registra.
+      session: i || (n ? { vxToken: n } : null)
+    })
+  ) : b.setAttribute(
     "src",
-    Be(new URL(a), { token: i, embed: "1", parent: location.origin })
+    De(new URL(t), { token: n, embed: "1", parent: location.origin })
   );
-  const h = ["n", "s", "w", "e", "nw", "ne", "sw", "se"].map((s) => ({
-    el: y("div", { class: `bp-h bp-h-${s}` }),
+  const E = ["n", "s", "w", "e", "nw", "ne", "sw", "se"].map((s) => ({
+    el: w("div", { class: `bp-h bp-h-${s}` }),
     dir: s
-  })), v = y("div", { class: "bp-preview" });
+  })), v = w("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" }, [n, E]), k = y("div", { class: "bp-root" }, [G, H, ...h.map((s) => s.el)]);
-  f !== "bar" && k.classList.add("bp-chromeless"), k.hidden = !r;
-  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", {
+  const M = w("button", { class: "bp-btn bp-btn-close", title: "Fechar", text: "×" }), T = w("div", { class: "bp-overlay" }, [M]), fe = w("div", { class: "bp-body" }, [b, T]), L = w("div", { class: "bp-root" }, [o, fe, ...E.map((s) => s.el)]);
+  a !== "bar" && L.classList.add("bp-chromeless"), L.hidden = !d;
+  const Q = w("span", { class: "bp-launcher-icon" });
+  Q.innerHTML = V[c] || V[ae];
+  const oe = w("span", { class: "bp-launcher-grip", "aria-hidden": "true" });
+  oe.innerHTML = ke;
+  const H = w("div", {
     class: "bp-launcher",
     role: "button",
     tabindex: "0",
@@ -774,65 +801,65 @@ function Ce(e) {
   }, [
     oe,
     Q,
-    y("span", { class: "bp-badge" })
+    w("span", { class: "bp-badge" })
   ]);
-  T.dataset.state = "connecting", T.hidden = !d, j.append(v, k, T), document.body.appendChild($);
-  const se = Te({
-    side: g,
+  H.dataset.state = "connecting", H.hidden = !u, j.append(v, L, H), document.body.appendChild(W);
+  const se = Ie({
+    side: p,
     y: Math.round(window.innerHeight / 2 - 24)
   }), de = $e({
-    el: T,
+    el: H,
     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: h,
+    onOpen: () => $.reveal()
+  }), I = Ee({
+    root: L,
+    handle: o,
+    handles: E,
     preview: v,
     geometry: F,
     limits: ue,
-    topDock: t,
-    onChange: (s) => w("resize", { width: s.width, height: s.height, dock: s.dock || null })
-  }), ee = Ee({
-    frame: n,
-    origin: C,
-    onEvent: (s, M) => {
-      var W;
-      if (s === "ready" && (A.dataset.state = "ready", T.dataset.state = "ready", i && ee.call("auth", { token: i }).catch(() => {
+    topDock: g,
+    onChange: (s) => y("resize", { width: s.width, height: s.height, dock: s.dock || null })
+  }), ee = Te({
+    frame: b,
+    origin: D,
+    onEvent: (s, z) => {
+      var O;
+      if (s === "ready" && (A.dataset.state = "ready", H.dataset.state = "ready", (i || n) && ee.call("auth", { session: i || { vxToken: n } }).catch(() => {
       })), s === "state") {
-        const N = (W = M == null ? void 0 : M.state) != null ? W : "ready";
-        A.dataset.state = N, T.dataset.state = N;
+        const N = (O = z == null ? void 0 : z.state) != null ? O : "ready";
+        A.dataset.state = N, H.dataset.state = N;
       }
-      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);
+      if (s === "call:incoming" && ($.show(), H.dataset.badge = "1", H.dataset.state = "ringing"), s === "call:answered" && (H.dataset.state = "incall"), s === "call:ended" && (delete H.dataset.badge, H.dataset.state = "ready"), s === "drag:start") {
+        I.external.start(z);
         return;
       }
       if (s === "drag:move") {
-        I.external.move(M);
+        I.external.move(z);
         return;
       }
       if (s === "drag:end") {
         I.external.end();
         return;
       }
-      w(s, M);
+      y(s, z);
     }
   });
   let Y = !1, te = null;
-  const O = {
-    el: $,
+  const $ = {
+    el: W,
     bridge: ee,
     show() {
-      k.hidden = !1, w("open");
+      L.hidden = !1, y("open");
     },
     hide() {
-      k.hidden = !0, w("close");
+      L.hidden = !0, y("close");
     },
     toggle() {
-      k.hidden ? O.show() : O.hide();
+      L.hidden ? $.show() : $.hide();
     },
     /**
      * Traz a janela para a atenção do usuário.
@@ -840,31 +867,31 @@ function Ce(e) {
      * visível: um halo curto, para o olho encontrá-la.
      */
     reveal() {
-      if (k.hidden) {
-        O.show();
+      if (L.hidden) {
+        $.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");
+      }), L.classList.remove("bp-attention"), L.offsetWidth, L.classList.add("bp-attention"), clearTimeout(te), te = setTimeout(() => L.classList.remove("bp-attention"), 1800), y("reveal");
     },
     get isOpen() {
-      return !k.hidden;
+      return !L.hidden;
     },
     minimize(s) {
-      if (f !== "bar") {
-        O.hide();
+      if (a !== "bar") {
+        $.hide();
         return;
       }
-      Y = s != null ? s : !Y, k.classList.toggle("bp-minimized", Y), B.textContent = Y ? "▢" : "—";
+      Y = s != null ? s : !Y, L.classList.toggle("bp-minimized", Y), B.textContent = Y ? "▢" : "—";
     },
-    move(s, M) {
-      I.set({ x: s, y: M });
+    move(s, z) {
+      I.set({ x: s, y: z });
     },
-    resize(s, M) {
-      I.set({ width: s, height: M });
+    resize(s, z) {
+      I.set({ width: s, height: z });
     },
     dock(s) {
       I.dock(s);
@@ -873,52 +900,56 @@ function Ce(e) {
       de.setSide(s);
     },
     setLauncherIcon(s) {
-      Q.innerHTML = J[s] || J[ae];
+      Q.innerHTML = V[s] || V[ae];
     },
     get geometry() {
       return I.geometry;
     },
     destroy() {
-      clearTimeout(te), ee.destroy(), I.destroy(), de.destroy(), v.remove(), $.remove();
+      clearTimeout(te), ee.destroy(), I.destroy(), de.destroy(), v.remove(), W.remove();
     }
   };
-  return U.addEventListener("click", () => O.hide()), B.addEventListener("click", () => O.minimize()), S.addEventListener("click", () => O.hide()), O;
+  return G.addEventListener("click", () => $.hide()), B.addEventListener("click", () => $.minimize()), M.addEventListener("click", () => $.hide()), $;
 }
-function Be(e, a) {
-  const i = new URL(e.href);
-  for (const [o, r] of Object.entries(a))
-    r != null && r !== "" && i.searchParams.set(o, r);
-  return a.token && (i.searchParams.delete("token"), i.hash = `token=${encodeURIComponent(a.token)}`), i.href;
+function De(e, t) {
+  const n = new URL(e.href);
+  for (const [i, r] of Object.entries(t))
+    r != null && r !== "" && n.searchParams.set(i, r);
+  return t.token && (n.searchParams.delete("token"), n.hash = `token=${encodeURIComponent(t.token)}`), n.href;
 }
-const De = "";
-let L = null;
-const D = /* @__PURE__ */ new Map();
-function Ae(e, a) {
-  var i, o;
-  (i = D.get(e)) == null || i.forEach((r) => {
+const Re = "";
+let S = null;
+const R = /* @__PURE__ */ new Map();
+function Be(e, t) {
+  var n, i;
+  (n = R.get(e)) == null || n.forEach((r) => {
     try {
-      r(a);
+      r(t);
     } catch (d) {
       console.error("[Bravophone] listener falhou:", d);
     }
-  }), (o = D.get("*")) == null || o.forEach((r) => {
+  }), (i = R.get("*")) == null || i.forEach((r) => {
     try {
-      r({ event: e, payload: a });
+      r({ event: e, payload: t });
     } catch (d) {
       console.error("[Bravophone] listener falhou:", d);
     }
   });
 }
 function m() {
-  if (!L) throw new Error("Bravophone: chame Bravophone.init() antes.");
-  return L;
+  if (!S) throw new Error("Bravophone: chame Bravophone.init() antes.");
+  return S;
 }
-const ne = {
+const ie = {
   /**
    * Monta o webphone na página.
    * @param {object} opts
    * @param {string} [opts.hostUrl]  Origem do webphone hospedado.
-   * @param {string} [opts.token]    Token de sessão do usuário (SSO do integrador).
+   * @param {object} [opts.session]  Sessão do /api/voxfree/login — o objeto
+   *   inteiro: { vxToken, expiresIn, sip, tenant, ramal, clienteId, ramaisUrl }.
+   *   É o que o webphone precisa para registrar sem passar pela tela de login.
+   * @param {string} [opts.token]    Atalho para `{ vxToken }`. Sozinho não
+   *   basta: sem sip e ramal o webphone carrega mas não registra.
    * @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 a aba de abertura (padrão: true).
@@ -930,19 +961,19 @@ const ne = {
    *   precisa estar na allowlist de CORS dos backends.
    */
   init(e = {}) {
-    if (L) return L;
+    if (S) return S;
     if (typeof window == "undefined" || !document.body)
       throw new Error("Bravophone: init() precisa rodar no browser, após o <body> existir.");
     if (location.protocol !== "https:" && location.hostname !== "localhost" && console.warn("[Bravophone] Contexto inseguro: o microfone exige HTTPS ou localhost."), e.mode === "hosted" && !e.hostUrl)
       throw new Error(
         "Bravophone: mode 'hosted' exige hostUrl. Use mode 'srcdoc' (padrão) para carregar o webphone do CDN sem depender de um host próprio."
       );
-    return L = Ce({
-      hostUrl: De,
-      version: ne.version,
+    return S = Ae({
+      hostUrl: Re,
+      version: ie.version,
       ...e,
-      emit: Ae
-    }), L;
+      emit: Be
+    }), S;
   },
   // ---- Controle da janela ----
   show() {
@@ -961,11 +992,11 @@ const ne = {
   minimize(e) {
     m().minimize(e);
   },
-  move(e, a) {
-    m().move(e, a);
+  move(e, t) {
+    m().move(e, t);
   },
-  resize(e, a) {
-    m().resize(e, a);
+  resize(e, t) {
+    m().resize(e, t);
   },
   /** 'left' | 'right' | 'left-half' | 'right-half' | 'max' | 'float' */
   dock(e) {
@@ -980,15 +1011,15 @@ const ne = {
     m().setLauncherIcon(e);
   },
   get isOpen() {
-    return L ? L.isOpen : !1;
+    return S ? S.isOpen : !1;
   },
   get geometry() {
-    return L ? L.geometry : null;
+    return S ? S.geometry : null;
   },
   // ---- Telefonia ----
   /** Disca um número. Aceita formato livre; a normalização é a mesma da extensão. */
-  call(e, a) {
-    return m().bridge.call("call", { number: e, meta: a });
+  call(e, t) {
+    return m().bridge.call("call", { number: e, meta: t });
   },
   hangup() {
     return m().bridge.call("hangup");
@@ -1013,8 +1044,10 @@ const ne = {
   getStatus() {
     return m().bridge.call("status");
   },
+  /** Aceita a sessão completa do login, ou só o vxToken (insuficiente sozinho). */
   setAuth(e) {
-    return m().bridge.call("auth", { token: e });
+    const t = typeof e == "string" ? { vxToken: e } : e;
+    return m().bridge.call("auth", { session: t });
   },
   logout() {
     return m().bridge.call("logout");
@@ -1022,20 +1055,20 @@ const ne = {
   // ---- Eventos ----
   /** Eventos: ready, state, call:dialing, call:incoming, call:answered,
    *  call:ended, call:failed, resize, open, close, error. */
-  on(e, a) {
-    return D.has(e) || D.set(e, /* @__PURE__ */ new Set()), D.get(e).add(a), () => ne.off(e, a);
+  on(e, t) {
+    return R.has(e) || R.set(e, /* @__PURE__ */ new Set()), R.get(e).add(t), () => ie.off(e, t);
   },
-  off(e, a) {
-    var i;
-    (i = D.get(e)) == null || i.delete(a);
+  off(e, t) {
+    var n;
+    (n = R.get(e)) == null || n.delete(t);
   },
   destroy() {
-    L == null || L.destroy(), L = null, D.clear();
+    S == null || S.destroy(), S = null, R.clear();
   },
   // Substituída em build time pelo valor do package.json (ver vite.config.js).
-  version: "0.3.0"
+  version: "0.4.0"
 };
-typeof window != "undefined" && (window.Bravophone = ne);
+typeof window != "undefined" && (window.Bravophone = ie);
 export {
-  ne as default
+  ie as default
 };