@bravophone/webphone 0.2.1 → 0.3.0

package/dist/bravophone.mjs

@@ -364,8 +364,8 @@ function Le(e) {
   try {
     const a = localStorage.getItem(ge);
     if (!a) return { ...e };
-    const n = JSON.parse(a);
-    return n.dock ? { ...e, ...n, ...U(n.dock, n) } : { ...e, ...n };
+    const i = JSON.parse(a);
+    return i.dock ? { ...e, ...i, ...P(i.dock, i) } : { ...e, ...i };
   } catch (a) {
     return { ...e };
   }
@@ -376,7 +376,7 @@ function K(e) {
   } catch (a) {
   }
 }
-function he(e) {
+function le(e) {
   return {
     minWidth: e.minWidth,
     minHeight: e.minHeight,
@@ -387,104 +387,104 @@ function he(e) {
   };
 }
 function R(e) {
-  const a = Math.max(0, window.innerWidth - e.width), n = Math.max(0, window.innerHeight - 40);
+  const a = Math.max(0, window.innerWidth - e.width), i = 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), n)
+    y: Math.min(Math.max(0, e.y), 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);
+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);
   switch (e) {
     case "left":
       return { x: 0, y: 0, width: u, height: o };
     case "right":
-      return { x: n - u, y: 0, width: u, height: o };
+      return { x: i - u, y: 0, width: u, height: o };
     case "left-half":
-      return { x: 0, y: 0, width: i, height: o };
+      return { x: 0, y: 0, width: r, height: o };
     case "right-half":
-      return { x: n - i, y: 0, width: i, height: o };
+      return { x: i - r, y: 0, width: r, height: o };
     case "top":
       return { x: a.x, y: 0, width: u, height: d };
     case "bottom":
       return { x: a.x, y: o - d, width: u, height: d };
     case "top-half":
-      return { x: 0, y: 0, width: n, height: d };
+      return { x: 0, y: 0, width: i, height: d };
     case "bottom-half":
-      return { x: 0, y: o - d, width: n, height: d };
+      return { x: 0, y: o - d, width: i, height: d };
     case "max":
-      return { x: 0, y: 0, width: n, height: o };
+      return { x: 0, y: 0, width: i, height: o };
     default:
       return { x: a.x, y: a.y, width: a.width, height: a.height };
   }
 }
-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 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({ 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;
+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 = (r) => {
+  }, C = (n) => {
     if (o) {
-      if (!r) {
+      if (!n) {
         o.hidden = !0;
         return;
       }
-      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`;
+      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`;
     }
-  }, $ = (r, b) => {
-    const l = he(d);
+  }, $ = (n, b) => {
+    const h = le(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) => {
+    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 = 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 = {
+      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 = {
         ...c,
-        x: l - h.x,
-        y: v - h.y,
-        px: c.px + r,
+        x: h - l.x,
+        y: v - l.y,
+        px: c.px + n,
         py: c.py + b
-      }, r = 0, b = 0;
+      }, n = 0, b = 0;
     }
-    t = R({ ...t, x: c.x + r, y: c.y + b }), z(), x = ze(l, v, u), C(x ? U(x, t) : null);
+    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, ...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) => {
+    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) => {
     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) => {
+    const b = n.clientX - c.px, h = n.clientY - c.py;
+    g === "drag" ? j(b, h, n.clientX, n.clientY) : $(b, h);
+  }, B = (n) => {
     if (g) {
       e.classList.remove("bp-dragging", "bp-resizing"), C(null), g === "drag" && _(), g = null, p = "", c = null, x = null;
       try {
-        r.currentTarget.releasePointerCapture(r.pointerId);
+        n.currentTarget.releasePointerCapture(n.pointerId);
       } catch (b) {
       }
       K(t);
     }
   };
-  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);
+  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);
   });
-  const N = () => {
-    t = t.dock ? { ...t, ...U(t.dock, t) } : R(t), z();
+  const U = () => {
+    t = t.dock ? { ...t, ...P(t.dock, t) } : R(t), z();
   };
-  window.addEventListener("resize", N);
+  window.addEventListener("resize", U);
   const G = {
-    start(r) {
-      var b, l;
-      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");
+    start(n) {
+      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");
     },
-    move(r) {
+    move(n) {
       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);
+      const b = n.x - c.px, h = n.y - c.py;
+      j(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));
@@ -495,28 +495,28 @@ function Se({ root: e, handle: a, handles: n, preview: o, geometry: i, limits: d
     get geometry() {
       return { ...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);
+    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);
     },
     /** 'left' | 'right' | 'left-half' | 'right-half' | 'max' | 'float' */
-    dock(r) {
-      if (!r || r === "float") {
+    dock(n) {
+      if (!n || n === "float") {
         const b = w || { width: d.width, height: d.height };
         t = R({ ...t, ...b, dock: null });
       } else
-        t.dock || (w = { width: t.width, height: t.height }), t = { ...t, ...U(r, t), dock: r };
+        t.dock || (w = { width: t.width, height: t.height }), t = { ...t, ...P(n, t), dock: n };
       z(), K(t);
     },
     destroy() {
-      window.removeEventListener("resize", N);
+      window.removeEventListener("resize", U);
     }
   };
 }
 const be = "bravophone/v1";
-function Ee({ frame: e, origin: a, onEvent: n }) {
+function Ee({ frame: e, origin: a, onEvent: i }) {
   const o = /* @__PURE__ */ new Map();
-  let i = 0, d = !1;
+  let r = 0, d = !1;
   const u = [], f = (g) => {
     var c;
     if (g.origin !== a || g.source !== e.contentWindow) return;
@@ -524,27 +524,27 @@ function Ee({ frame: e, origin: a, onEvent: n }) {
     if (!(!p || p.protocol !== be)) {
       if (p.type === "ready") {
         for (d = !0; u.length; ) u.shift()();
-        n == null || n("ready", (c = p.payload) != null ? c : {});
+        i == null || i("ready", (c = p.payload) != null ? c : {});
         return;
       }
       if (p.type === "reply") {
-        const h = o.get(p.id);
-        if (!h) return;
-        o.delete(p.id), clearTimeout(h.timer), p.error ? h.reject(new Error(p.error)) : h.resolve(p.payload);
+        const l = o.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);
         return;
       }
-      p.type === "event" && (n == null || n(p.name, p.payload));
+      p.type === "event" && (i == null || i(p.name, p.payload));
     }
   };
   window.addEventListener("message", f);
   function t(g, p, { timeout: c = 15e3 } = {}) {
-    return new Promise((h, x) => {
-      const w = `${Date.now()}-${++i}`, z = () => {
+    return new Promise((l, x) => {
+      const w = `${Date.now()}-${++r}`, z = () => {
         var $;
         const C = setTimeout(() => {
           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(
+        o.set(w, { resolve: l, reject: x, timer: C }), ($ = e.contentWindow) == null || $.postMessage(
           { protocol: be, type: "command", id: w, command: g, payload: p },
           a
         );
@@ -564,7 +564,7 @@ function Ee({ frame: e, origin: a, onEvent: n }) {
     }
   };
 }
-const me = "bravophone:launcher", He = 4, ie = 8;
+const me = "bravophone:launcher", He = 4, re = 8;
 function Te(e) {
   try {
     const a = localStorage.getItem(me);
@@ -573,51 +573,51 @@ function Te(e) {
     return { ...e };
   }
 }
-function ne(e) {
+function ie(e) {
   try {
     localStorage.setItem(me, JSON.stringify(e));
   } catch (a) {
   }
 }
 function q(e, a) {
-  const n = Math.max(ie, window.innerHeight - a - ie);
-  return Math.min(Math.max(ie, e), n);
+  const i = Math.max(re, window.innerHeight - a - re);
+  return Math.min(Math.max(re, e), i);
 }
-function $e({ el: e, side: a, y: n, onOpen: o }) {
-  let i = { side: a, y: q(n, e.offsetHeight || 48) }, d = null, u = !1;
+function $e({ el: e, side: a, y: i, onOpen: o }) {
+  let r = { side: a, y: q(i, e.offsetHeight || 48) }, d = null, u = !1;
   const f = () => {
-    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 && (d = { py: h.clientY, y: i.y }, u = !1, e.setPointerCapture(h.pointerId));
-  }, g = (h) => {
+    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) => {
+    l.button === 0 && (d = { py: l.clientY, y: r.y }, u = !1, e.setPointerCapture(l.pointerId));
+  }, g = (l) => {
     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) => {
+    const x = l.clientY - d.py;
+    !u && Math.abs(x) < He || (u || (u = !0, e.classList.add("bp-launcher-dragging")), r.y = q(d.y + x, e.offsetHeight), f());
+  }, p = (l) => {
     if (!d) return;
     const x = u;
     d = null, u = !1, e.classList.remove("bp-launcher-dragging");
     try {
-      e.releasePointerCapture(h.pointerId);
+      e.releasePointerCapture(l.pointerId);
     } catch (w) {
     }
-    x ? ne(i) : o == null || o();
+    x ? ie(r) : 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(), o == null || o());
+  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());
   });
   const c = () => {
-    i.y = q(i.y, e.offsetHeight), f();
+    r.y = q(r.y, e.offsetHeight), f();
   };
   return window.addEventListener("resize", c), f(), {
     get state() {
-      return { ...i };
+      return { ...r };
     },
-    setSide(h) {
-      i.side = h, f(), ne(i);
+    setSide(l) {
+      r.side = l, f(), ie(r);
     },
-    moveTo(h) {
-      i.y = q(h, e.offsetHeight), f(), ne(i);
+    moveTo(l) {
+      r.y = q(l, e.offsetHeight), f(), ie(r);
     },
     destroy() {
       window.removeEventListener("resize", c);
@@ -628,8 +628,8 @@ 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");
+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");
   return `<!doctype html>
 <html lang="pt-BR">
 <head>
@@ -641,9 +641,9 @@ function We({ version: e, parentOrigin: a, token: n, base: o }) {
      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">
+<base href="${r}">
+<link rel="stylesheet" href="${r}css/dark-theme.css">
+<link rel="stylesheet" href="${r}styles/theme-fixes.css">
 <style>
   html, body { margin: 0; height: 100%; background: #10131c; overflow: hidden; }
   #app { height: 100%; }
@@ -661,12 +661,12 @@ function We({ version: e, parentOrigin: a, token: n, base: o }) {
   }
 })();
 <\/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>
+<script src="${r}shim/messages.js"><\/script>
+<script src="${r}shim/chrome-shim.js"><\/script>
+<script src="${r}js/libwebphone.js"><\/script>
+<script src="${r}js/bravophone-route-selector.js"><\/script>
+<script defer src="${r}popup.js"><\/script>
+<script defer src="${r}shim/guest-bridge.js"><\/script>
 </head>
 <body>
 <noscript><strong>O webphone precisa de JavaScript habilitado.</strong></noscript>
@@ -687,18 +687,18 @@ const ue = {
   maxHeight: 1400,
   margin: 24
 };
-function y(e, a = {}, n = []) {
+function y(e, a = {}, i = []) {
   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;
+  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 Ce(e) {
   const {
     hostUrl: a,
-    token: n,
+    token: i,
     position: o = "bottom-right",
-    open: i = !1,
+    open: r = !1,
     launcher: d = !0,
     title: u = "BRAVOPHONE",
     // 'bar' por padrão: título, indicador de estado e controles visíveis.
@@ -712,12 +712,14 @@ function Ce(e) {
     launcherSide: g = "right",
     // Desenho da aba: 'phone-waves' | 'waveform' | 'headset' | 'chat-phone'
     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",
+    // '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",
     // 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,
+    hostBase: l,
     version: x,
     emit: w
   } = e, z = c === "srcdoc", C = z ? window.location.origin : new URL(a).origin, $ = y("div", { "data-bravophone": "root" });
@@ -725,40 +727,40 @@ function Ce(e) {
   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 },
+    var he;
+    const { width: s, height: M, margin: W } = ue, N = window.innerWidth - s - W, ce = window.innerHeight - M - W, pe = {
+      "bottom-right": { x: N, y: ce },
       "bottom-left": { x: W, y: ce },
-      "top-right": { x: P, y: W },
+      "top-right": { x: N, y: W },
       "top-left": { x: W, y: W }
     };
-    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 }),
+    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" }, [
     A,
-    N
-  ]), r = y("iframe", {
+    y("span", { class: "bp-title", text: u }),
+    B,
+    U
+  ]), n = y("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 ? r.setAttribute(
+  z ? n.setAttribute(
     "srcdoc",
-    We({ version: x, parentOrigin: C, token: n, base: h })
-  ) : r.setAttribute(
+    We({ version: x, parentOrigin: C, token: i, base: l })
+  ) : n.setAttribute(
     "src",
-    Ae(new URL(a), { token: n, embed: "1", parent: location.origin })
+    Be(new URL(a), { token: i, embed: "1", parent: location.origin })
   );
-  const l = ["n", "s", "w", "e", "nw", "ne", "sw", "se"].map((s) => ({
+  const h = ["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 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" });
@@ -788,21 +790,21 @@ function Ce(e) {
   }), I = Se({
     root: k,
     handle: G,
-    handles: l,
+    handles: h,
     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: r,
+    frame: n,
     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(() => {
+      if (s === "ready" && (A.dataset.state = "ready", T.dataset.state = "ready", i && ee.call("auth", { token: i }).catch(() => {
       })), s === "state") {
-        const P = (W = M == null ? void 0 : M.state) != null ? W : "ready";
-        D.dataset.state = P, T.dataset.state = P;
+        const N = (W = M == null ? void 0 : M.state) != null ? W : "ready";
+        A.dataset.state = N, T.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);
@@ -856,7 +858,7 @@ function Ce(e) {
         O.hide();
         return;
       }
-      Y = s != null ? s : !Y, k.classList.toggle("bp-minimized", Y), A.textContent = Y ? "▢" : "—";
+      Y = s != null ? s : !Y, k.classList.toggle("bp-minimized", Y), B.textContent = Y ? "▢" : "—";
     },
     move(s, M) {
       I.set({ x: s, y: M });
@@ -880,28 +882,28 @@ function Ce(e) {
       clearTimeout(te), ee.destroy(), I.destroy(), de.destroy(), v.remove(), $.remove();
     }
   };
-  return N.addEventListener("click", () => O.hide()), A.addEventListener("click", () => O.minimize()), S.addEventListener("click", () => O.hide()), O;
+  return U.addEventListener("click", () => O.hide()), B.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;
+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;
 }
-const Be = "https://webphone.bravophone.com/embed/";
+const De = "";
 let L = null;
-const B = /* @__PURE__ */ new Map();
-function De(e, a) {
-  var n, o;
-  (n = B.get(e)) == null || n.forEach((i) => {
+const D = /* @__PURE__ */ new Map();
+function Ae(e, a) {
+  var i, o;
+  (i = D.get(e)) == null || i.forEach((r) => {
     try {
-      i(a);
+      r(a);
     } catch (d) {
       console.error("[Bravophone] listener falhou:", d);
     }
-  }), (o = B.get("*")) == null || o.forEach((i) => {
+  }), (o = D.get("*")) == null || o.forEach((r) => {
     try {
-      i({ event: e, payload: a });
+      r({ event: e, payload: a });
     } catch (d) {
       console.error("[Bravophone] listener falhou:", d);
     }
@@ -911,7 +913,7 @@ function m() {
   if (!L) throw new Error("Bravophone: chame Bravophone.init() antes.");
   return L;
 }
-const re = {
+const ne = {
   /**
    * Monta o webphone na página.
    * @param {object} opts
@@ -931,11 +933,15 @@ const re = {
     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."), L = Ce({
-      hostUrl: Be,
-      version: re.version,
+    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,
       ...e,
-      emit: De
+      emit: Ae
     }), L;
   },
   // ---- Controle da janela ----
@@ -1017,19 +1023,19 @@ const re = {
   /** Eventos: ready, state, call:dialing, call:incoming, call:answered,
    *  call:ended, call:failed, resize, open, close, error. */
   on(e, a) {
-    return B.has(e) || B.set(e, /* @__PURE__ */ new Set()), B.get(e).add(a), () => re.off(e, a);
+    return D.has(e) || D.set(e, /* @__PURE__ */ new Set()), D.get(e).add(a), () => ne.off(e, a);
   },
   off(e, a) {
-    var n;
-    (n = B.get(e)) == null || n.delete(a);
+    var i;
+    (i = D.get(e)) == null || i.delete(a);
   },
   destroy() {
-    L == null || L.destroy(), L = null, B.clear();
+    L == null || L.destroy(), L = null, D.clear();
   },
   // Substituída em build time pelo valor do package.json (ver vite.config.js).
-  version: "0.2.1"
+  version: "0.3.0"
 };
-typeof window != "undefined" && (window.Bravophone = re);
+typeof window != "undefined" && (window.Bravophone = ne);
 export {
-  re as default
+  ne as default
 };