@shenyin/embedded-call-widget 2.6.12 → 3.0.1

package/embedded-call-widget.iife.js

@@ -1,22 +1,60 @@
 var EmbeddedCallWidget=(function(l){"use strict";const w=`
+<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
+  <path d="M6.84 4.28c.3-.72 1.15-1.1 1.89-.85l2.24.75c.77.26 1.18 1.09.91 1.85l-.64 1.82a1.6 1.6 0 0 1-1.9.99l-.63-.16a12.8 12.8 0 0 0 6.62 6.62l-.16-.63a1.6 1.6 0 0 1 .99-1.9l1.82-.64c.76-.27 1.59.14 1.85.91l.75 2.24c.25.74-.13 1.59-.85 1.89l-1.74.72c-.72.3-1.54.26-2.23-.1A17.94 17.94 0 0 1 4.48 7.23c-.36-.69-.4-1.51-.1-2.23z" fill="currentColor"/>
+</svg>
+`,g=`
 :host { all: initial; }
 .shell { font-family: "Noto Sans SC", "PingFang SC", sans-serif; }
-.launch-btn {
-  appearance: none;
+.boot-trigger {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 60px;
+  height: 60px;
   border: 0;
   border-radius: 999px;
-  background: linear-gradient(135deg, #116466, #2c7873);
-  color: #f7f3e9;
-  padding: 12px 18px;
-  font-size: 14px;
-  line-height: 1;
+  background: linear-gradient(135deg, #0f766e, #0b5b63);
+  color: #f8faf8;
+  box-shadow: 0 18px 36px rgba(11, 91, 99, 0.28);
   cursor: pointer;
-  box-shadow: 0 10px 24px rgba(17, 100, 102, 0.22);
 }
-.launch-btn[disabled] { cursor: wait; opacity: 0.72; }
-`,y="embedded-call-widget-runtime.iife.js",m=typeof document<"u"&&document.currentScript?.src||"";function b(t){if(t instanceof HTMLElement)return t;if(typeof t=="string"){const e=document.querySelector(t);if(e instanceof HTMLElement)return e}throw new Error("createCallButton 需要有效的挂载节点或选择器")}function p(t){return t.shadowRoot||t.attachShadow({mode:"open"})}function h(t){if(t.runtimeUrl)return String(t.runtimeUrl);if(m)return new URL(y,m).href;throw new Error("当前接入方式无法自动推断运行时地址，请显式传入 runtimeUrl")}async function C(t,e={}){return typeof e.runtimeModuleLoader=="function"?await e.runtimeModuleLoader():(window.__EmbeddedCallWidgetRuntime__||await new Promise((c,u)=>{const o=document.createElement("script");o.src=t,o.async=!0,o.onload=()=>c(),o.onerror=()=>u(new Error(`运行时脚本加载失败：${t}`)),document.head.appendChild(o)}),window.__EmbeddedCallWidgetRuntime__)}function g(t={}){const e={text:"联系管理员",...t},c=e.mode!=="outbound",u=e.mode==="outbound"&&e.autoStart!==!1,o=b(e.mount),d=p(o);let a=null,s=null;d.innerHTML=`
-    <style>${w}</style>
+.boot-trigger[disabled] {
+  cursor: wait;
+  opacity: 0.82;
+}
+.boot-trigger svg {
+  width: 24px;
+  height: 24px;
+}
+.boot-badge {
+  position: absolute;
+  top: 8px;
+  right: 8px;
+  width: 10px;
+  height: 10px;
+  border-radius: 999px;
+  background: #e11d48;
+  box-shadow: 0 0 0 3px rgba(248, 250, 248, 0.9);
+}
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+`,m="embedded-call-widget-runtime.iife.js",u=typeof document<"u"&&document.currentScript?.src||"";function b(t){if(t instanceof HTMLElement)return t;if(typeof t=="string"){const e=document.querySelector(t);if(e instanceof HTMLElement)return e}throw new Error("createCallButton 需要有效的挂载节点或选择器")}function p(t){return t.shadowRoot||t.attachShadow({mode:"open"})}function h(t){if(t.runtimeUrl)return String(t.runtimeUrl);if(u)return new URL(m,u).href;throw new Error("当前接入方式无法自动推断运行时地址，请显式传入 runtimeUrl")}async function y(t,e={}){return typeof e.runtimeModuleLoader=="function"?await e.runtimeModuleLoader():(window.__EmbeddedCallWidgetRuntime__||await new Promise((d,i)=>{const a=document.createElement("script");a.src=t,a.async=!0,a.onload=()=>d(),a.onerror=()=>i(new Error(`运行时脚本加载失败：${t}`)),document.head.appendChild(a)}),window.__EmbeddedCallWidgetRuntime__)}function C(t={}){const e={text:"联系管理员",debug:!1,...t},d=e.mode!=="outbound";e.mode==="outbound"&&e.autoStart;const i=b(e.mount),a=p(i);let o=null,s=null;a.innerHTML=`
+    <style>${g}</style>
     <div class="shell">
-      <button class="launch-btn" type="button">${e.text}</button>
+      <button class="boot-trigger" data-role="boot-trigger" type="button" aria-label="${e.text}">
+        ${w}
+        <span class="boot-badge" aria-hidden="true"></span>
+        <span class="sr-only">${e.text}</span>
+      </button>
     </div>
-  `;const r=d.querySelector(".launch-btn");async function i(){return a||(s||(r.disabled=!0,r.textContent="正在加载通话组件",s=(async()=>{const n=typeof e.runtimeModuleLoader=="function"?"":h(e),f=(await C(n,e))?.createEmbeddedCallWidgetRuntime;if(typeof f!="function")throw new Error("运行时入口无效，缺少 createEmbeddedCallWidgetRuntime");return a=f({mount:o,shadowRoot:d,options:e}),await a.mount(),a})()),await s)}return r.addEventListener("click",async()=>{try{const n=await i();if(n.open(),c){await n.startStandby();return}u&&await n.connectAndCall()}catch(n){r.disabled=!1,r.textContent="加载失败，请重试",console.error("[embedded-call-widget] 运行时加载失败",n)}}),c&&queueMicrotask(async()=>{try{const n=await i();n.open(),await n.startStandby()}catch(n){r.disabled=!1,r.textContent="待机初始化失败，请重试",console.error("[embedded-call-widget] 待机自动注册失败",n)}}),{async open(){(await i()).open()},async startStandby(){const n=await i();n.open(),await n.startStandby()},async connectAndCall(){const n=await i();n.open(),await n.connectAndCall()},async answerIncomingCall(){const n=await i();n.open(),await n.answerIncomingCall()},async declineIncomingCall(){const n=await i();n.open(),await n.declineIncomingCall()},async destroy(){a&&await a.destroy(),d.innerHTML=""}}}return l.createCallButton=g,Object.defineProperty(l,Symbol.toStringTag,{value:"Module"}),l})({});
+  `;const c=a.querySelector('[data-role="boot-trigger"]');async function r(){return o||(s||(c.disabled=!0,s=(async()=>{const n=typeof e.runtimeModuleLoader=="function"?"":h(e),f=(await y(n,e))?.createEmbeddedCallWidgetRuntime;if(typeof f!="function")throw new Error("运行时入口无效，缺少 createEmbeddedCallWidgetRuntime");return o=f({mount:i,shadowRoot:a,options:e}),await o.mount(),o})()),await s)}return c.addEventListener("click",async()=>{try{const n=await r();if(typeof n.handleTriggerClick=="function"){await n.handleTriggerClick();return}await n.connectAndCall()}catch(n){c.disabled=!1,console.error("[embedded-call-widget] 运行时加载失败",n)}}),d&&queueMicrotask(async()=>{try{await(await r()).startStandby()}catch(n){c.disabled=!1,console.error("[embedded-call-widget] 待机自动注册失败",n)}}),{async open(){(await r()).open()},async startStandby(){await(await r()).startStandby()},async connectAndCall(){await(await r()).connectAndCall()},async answerIncomingCall(){await(await r()).answerIncomingCall()},async declineIncomingCall(){await(await r()).declineIncomingCall()},async destroy(){o&&await o.destroy(),a.innerHTML=""}}}return l.createCallButton=C,Object.defineProperty(l,Symbol.toStringTag,{value:"Module"}),l})({});

package/embedded-call-widget.js

@@ -1,106 +1,142 @@
-const f = `
+const u = `
+<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
+  <path d="M6.84 4.28c.3-.72 1.15-1.1 1.89-.85l2.24.75c.77.26 1.18 1.09.91 1.85l-.64 1.82a1.6 1.6 0 0 1-1.9.99l-.63-.16a12.8 12.8 0 0 0 6.62 6.62l-.16-.63a1.6 1.6 0 0 1 .99-1.9l1.82-.64c.76-.27 1.59.14 1.85.91l.75 2.24c.25.74-.13 1.59-.85 1.89l-1.74.72c-.72.3-1.54.26-2.23-.1A17.94 17.94 0 0 1 4.48 7.23c-.36-.69-.4-1.51-.1-2.23z" fill="currentColor"/>
+</svg>
+`, f = `
 :host { all: initial; }
 .shell { font-family: "Noto Sans SC", "PingFang SC", sans-serif; }
-.launch-btn {
-  appearance: none;
+.boot-trigger {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 60px;
+  height: 60px;
   border: 0;
   border-radius: 999px;
-  background: linear-gradient(135deg, #116466, #2c7873);
-  color: #f7f3e9;
-  padding: 12px 18px;
-  font-size: 14px;
-  line-height: 1;
+  background: linear-gradient(135deg, #0f766e, #0b5b63);
+  color: #f8faf8;
+  box-shadow: 0 18px 36px rgba(11, 91, 99, 0.28);
   cursor: pointer;
-  box-shadow: 0 10px 24px rgba(17, 100, 102, 0.22);
 }
-.launch-btn[disabled] { cursor: wait; opacity: 0.72; }
+.boot-trigger[disabled] {
+  cursor: wait;
+  opacity: 0.82;
+}
+.boot-trigger svg {
+  width: 24px;
+  height: 24px;
+}
+.boot-badge {
+  position: absolute;
+  top: 8px;
+  right: 8px;
+  width: 10px;
+  height: 10px;
+  border-radius: 999px;
+  background: #e11d48;
+  box-shadow: 0 0 0 3px rgba(248, 250, 248, 0.9);
+}
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
 `;
 typeof document < "u" && document.currentScript?.src;
-function m(e) {
-  if (e instanceof HTMLElement)
-    return e;
-  if (typeof e == "string") {
-    const t = document.querySelector(e);
+function g(n) {
+  if (n instanceof HTMLElement)
+    return n;
+  if (typeof n == "string") {
+    const t = document.querySelector(n);
     if (t instanceof HTMLElement)
       return t;
   }
   throw new Error("createCallButton 需要有效的挂载节点或选择器");
 }
-function w(e) {
-  return e.shadowRoot || e.attachShadow({ mode: "open" });
+function w(n) {
+  return n.shadowRoot || n.attachShadow({ mode: "open" });
 }
-function y(e) {
-  if (e.runtimeUrl)
-    return String(e.runtimeUrl);
+function p(n) {
+  if (n.runtimeUrl)
+    return String(n.runtimeUrl);
   throw new Error("当前接入方式无法自动推断运行时地址，请显式传入 runtimeUrl");
 }
-async function p(e, t = {}) {
+async function b(n, t = {}) {
   return typeof t.runtimeModuleLoader == "function" ? await t.runtimeModuleLoader() : await import(
     /* @vite-ignore */
-    e
+    n
   );
 }
-function h(e = {}) {
+function h(n = {}) {
   const t = {
     text: "联系管理员",
-    ...e
-  }, l = t.mode !== "outbound", d = t.mode === "outbound" && t.autoStart !== !1, s = m(t.mount), i = w(s);
+    debug: !1,
+    ...n
+  }, d = t.mode !== "outbound";
+  t.mode === "outbound" && t.autoStart;
+  const s = g(t.mount), r = w(s);
   let a = null, c = null;
-  i.innerHTML = `
+  r.innerHTML = `
     <style>${f}</style>
     <div class="shell">
-      <button class="launch-btn" type="button">${t.text}</button>
+      <button class="boot-trigger" data-role="boot-trigger" type="button" aria-label="${t.text}">
+        ${u}
+        <span class="boot-badge" aria-hidden="true"></span>
+        <span class="sr-only">${t.text}</span>
+      </button>
     </div>
   `;
-  const o = i.querySelector(".launch-btn");
-  async function r() {
-    return a || (c || (o.disabled = !0, o.textContent = "正在加载通话组件", c = (async () => {
-      const n = typeof t.runtimeModuleLoader == "function" ? "" : y(t), u = (await p(n, t))?.createEmbeddedCallWidgetRuntime;
-      if (typeof u != "function")
+  const i = r.querySelector('[data-role="boot-trigger"]');
+  async function o() {
+    return a || (c || (i.disabled = !0, c = (async () => {
+      const e = typeof t.runtimeModuleLoader == "function" ? "" : p(t), l = (await b(e, t))?.createEmbeddedCallWidgetRuntime;
+      if (typeof l != "function")
         throw new Error("运行时入口无效，缺少 createEmbeddedCallWidgetRuntime");
-      return a = u({ mount: s, shadowRoot: i, options: t }), await a.mount(), a;
+      return a = l({ mount: s, shadowRoot: r, options: t }), await a.mount(), a;
     })()), await c);
   }
-  return o.addEventListener("click", async () => {
+  return i.addEventListener("click", async () => {
     try {
-      const n = await r();
-      if (n.open(), l) {
-        await n.startStandby();
+      const e = await o();
+      if (typeof e.handleTriggerClick == "function") {
+        await e.handleTriggerClick();
         return;
       }
-      d && await n.connectAndCall();
-    } catch (n) {
-      o.disabled = !1, o.textContent = "加载失败，请重试", console.error("[embedded-call-widget] 运行时加载失败", n);
+      await e.connectAndCall();
+    } catch (e) {
+      i.disabled = !1, console.error("[embedded-call-widget] 运行时加载失败", e);
     }
-  }), l && queueMicrotask(async () => {
+  }), d && queueMicrotask(async () => {
     try {
-      const n = await r();
-      n.open(), await n.startStandby();
-    } catch (n) {
-      o.disabled = !1, o.textContent = "待机初始化失败，请重试", console.error("[embedded-call-widget] 待机自动注册失败", n);
+      await (await o()).startStandby();
+    } catch (e) {
+      i.disabled = !1, console.error("[embedded-call-widget] 待机自动注册失败", e);
     }
   }), {
     async open() {
-      (await r()).open();
+      (await o()).open();
     },
     async startStandby() {
-      const n = await r();
-      n.open(), await n.startStandby();
+      await (await o()).startStandby();
     },
     async connectAndCall() {
-      const n = await r();
-      n.open(), await n.connectAndCall();
+      await (await o()).connectAndCall();
     },
     async answerIncomingCall() {
-      const n = await r();
-      n.open(), await n.answerIncomingCall();
+      await (await o()).answerIncomingCall();
     },
     async declineIncomingCall() {
-      const n = await r();
-      n.open(), await n.declineIncomingCall();
+      await (await o()).declineIncomingCall();
     },
     async destroy() {
-      a && await a.destroy(), i.innerHTML = "";
+      a && await a.destroy(), r.innerHTML = "";
     }
   };
 }

package/manifest.json

@@ -1,7 +1,7 @@
 {
   "package_name": "@shenyin/embedded-call-widget",
-  "source_package_version": "2.6.12",
-  "built_at": "2026-04-08T16:48:08.291Z",
+  "source_package_version": "3.0.1",
+  "built_at": "2026-04-09T01:03:56.397Z",
   "outputs": {
     "esm_shell": "embedded-call-widget.js",
     "esm_runtime": "embedded-call-widget-runtime.js",
@@ -31,6 +31,7 @@
       "runtimeUrl",
       "transportBaseUrl",
       "accessToken",
+      "debug",
       "onStateChange",
       "onStandbyReady",
       "onIncomingCall",
@@ -54,36 +55,36 @@
   },
   "release_metadata": {
     "npm_package_name": "@shenyin/embedded-call-widget",
-    "git_tag": "embedded-call-widget-v2.6.12",
-    "git_tag_alias": "v2.6.12",
-    "cdn_version_path": "embedded-call-widget/2.6.12/",
+    "git_tag": "embedded-call-widget-v3.0.1",
+    "git_tag_alias": "v3.0.1",
+    "cdn_version_path": "embedded-call-widget/3.0.1/",
     "cdn_latest_path": "embedded-call-widget/latest/",
     "semver_channel": "stable"
   },
   "asset_metadata": {
     "esm_shell": {
       "file": "embedded-call-widget.js",
-      "size_bytes": 3321,
-      "sha256": "69cdd0a3334992efd6cf570233e1cd2d0aacab04360546b4fd95e776e0a499d2",
-      "sri_sha384": "sha384-Hw8YTsmGFwdKYVe11y0uuLPx+wzBkoBOuU6ZPW5d+SGoPaJCMaDuFt3hSXxBe5mr"
+      "size_bytes": 4180,
+      "sha256": "742604b728025e5eab204cc78821d3504487f9b355c395db21c99d9f50b0da93",
+      "sri_sha384": "sha384-A/mvItNXpbefVRLl6Dc3vFW4/iSX8vf0C2SWzsJOTXlkzMoplEODPCqLdii+R929"
     },
     "esm_runtime": {
       "file": "embedded-call-widget-runtime.js",
-      "size_bytes": 525861,
-      "sha256": "52052963fe606645e47a1d9898f9b12d3336af40d8ddc83b4b0e20b1aec14d93",
-      "sri_sha384": "sha384-V2ZY6aI0DQ5hIK4I/5aZY3PW6iEuwosLCP5craWMiNibqyvlncd0N8wMQCXRlqkr"
+      "size_bytes": 536519,
+      "sha256": "8ef265e594383cce14b511cecfc3611508a187cc6d133dbb66a3c84330720db5",
+      "sri_sha384": "sha384-Y88gMCdP7x5XrNjJRruLHW1YG5RkwKrVFQH9gr+cSMB9OSpK5OvEmb9DfG3Y9Chm"
     },
     "iife_shell": {
       "file": "embedded-call-widget.iife.js",
-      "size_bytes": 3162,
-      "sha256": "f4664df394b9287ba012c49a4423439bd103eccffd9e8a212c72fbeffc589054",
-      "sri_sha384": "sha384-m6vho+wEOvrSk3C9G8osLB7hQlBI+iDM3MWA1JymL2VdQhoMTQh/XQ+ltM6N789m"
+      "size_bytes": 4067,
+      "sha256": "410eabc93a3c197059dafc571928046daddc88066b0263c3ce9e071885a8d242",
+      "sri_sha384": "sha384-B83qy8cs+Xj+wg+4gQPyommOG23xd4JsDs40Q7UWKchAjPo+Hj0Vf8yl067d0fU+"
     },
     "iife_runtime": {
       "file": "embedded-call-widget-runtime.iife.js",
-      "size_bytes": 340879,
-      "sha256": "7af6f4c17dcaf13aa37740f1e17b70261c363224daaef6d6b00428f906c729c5",
-      "sri_sha384": "sha384-9PEXwOa54vrKsUX0bNa3KeLnjR3pbV/4YYocoBmdwva1RX/Xwd4asxVb0jQZ8Ktt"
+      "size_bytes": 350752,
+      "sha256": "203b997a290a0c7a01d3e4a30f9f941148ff9b95c3c8f2b5729fc599c061f0fd",
+      "sri_sha384": "sha384-+fypdWEKc3W42EGbtYbxsCIoE+XE282pnYglPUjjmVzp0AGBKVl1cT72mqaic+CX"
     }
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shenyin/embedded-call-widget",
-  "version": "2.6.12",
+  "version": "3.0.1",
   "type": "module",
   "sideEffects": false,
   "files": [