@digitalsac/digicalls-widget

Widget de webphone do DigiCalls — a UI completa de chamadas (teclado, seletor de linha, recebida/ativa, configurações) renderizada em Shadow DOM. Carregável por CDN (UMD) ou npm. Usa o motor @digitalsac/digicalls-sdk.

CDN

<script src="https://cdn.jsdelivr.net/npm/@digitalsac/digicalls-widget/dist/index.umd.js"></script>
<script>
  DigiCallsWebphone.render({
    baseUrl: "https://calls.digitalsac.io",
    tokens: ["dev_aaa...", "dev_bbb..."],
    deviceNames: { "dev_aaa...": "Vendas" },
    lang: "pt",
  });
</script>

npm

import { render } from "@digitalsac/digicalls-widget";
render({ baseUrl: "https://calls.digitalsac.io", tokens: [linha1], lang: "pt" });
// abrir já discando: render({ baseUrl, tokens, to: "5511999998888" })

API

• render(config, digicalls?) → monta o widget; retorna um handle de controle.
• destroy() → remove o widget.

config: { baseUrl, tokens, deviceNames?, lang? ("pt"|"en"|"es"), theme? ("light"|"dark"|"system"), to? }.

Controle externo (ex.: sincronizar tema do seu sistema)

const wp = render({ baseUrl, tokens, theme: "system" });
wp.setTheme("dark");      // seu sistema mudou pra escuro -> manda pro webphone
wp.setLang("en");
wp.dial("5511999998888"); // discar de fora (botão de ligar na conversa)
wp.open(true);            // mostrar/ocultar
// via CDN: DigiCallsWebphone.setTheme("dark") / .dial(...) / .open(...)

O seletor de linha respeita as linhas (tokens) passadas; o app decide quais o usuário pode usar.

Build

npm run build   # dist/index.umd.js (CDN) + index.es.js (npm)