@bravophone/webphone 0.3.0 → 0.4.1

package/host/shim/guest-bridge.js

@@ -134,21 +134,50 @@
 
   // --- comandos aceitos do site hospedeiro ---
   var commands = {
+    // As chaves saem do bpSaveSession do bundle — é ele quem define os nomes.
+    // Gravar 'vxToken' não serve para nada: ninguém lê essa chave.
     auth: function (p) {
-      // Sessão do integrador: grava onde o bundle já procura o token.
-      if (!p || !p.token) throw new Error('token ausente')
-      return new Promise(function (resolve) {
-        chrome.storage.local.set({ vxToken: p.token }, function () {
-          chrome.storage.sync.set({ vxToken: p.token }, function () { resolve({ ok: true }) })
+      var s = (p && p.session) || (p && p.token ? { vxToken: p.token } : null)
+      if (!s || !s.vxToken) throw new Error('sessão ausente (precisa ao menos de vxToken)')
+
+      var dados = {
+        bravophoneVxToken: s.vxToken,
+        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,
+      }
+      Object.keys(dados).forEach(function (k) { if (dados[k] === null) delete dados[k] })
+
+      return new Promise(function (resolve, reject) {
+        chrome.storage.local.set(dados, function () {
+          // O ramal NÃO vai para o storage: o bundle o mantém apenas no store
+          // Vuex (mutation addExtension), em memória. E o checkToken exige as
+          // DUAS metades — `vxToken` da sessão E `extension` com username e
+          // password. Só a sessão deixa o app na tela de login.
+          if (!s.extension) return resolve({ ok: true, extension: false })
+
+          waitFor(findStore, 20000).then(function (store) {
+            // Depois da sessão gravada, de propósito: a mutation relê o
+            // storage para decidir se está logado.
+            store.commit('addExtension', s.extension)
+            resolve({ ok: true, extension: true })
+          }).catch(function (err) {
+            reject(new Error('sessão gravada, mas o ramal não pôde ser aplicado: ' + err.message))
+          })
         })
       })
     },
 
     logout: function () {
+      var CHAVES = ['bravophoneVxToken', 'bravophoneVxTokenExpiresAt', 'bravophoneSip',
+                    'bravophoneTenant', 'bravophoneRamal', 'bravophoneClienteId',
+                    'bravophoneRamaisUrl']
       return new Promise(function (resolve) {
-        chrome.storage.local.remove(['vxToken'], function () {
-          chrome.storage.sync.remove(['vxToken'], function () { resolve({ ok: true }) })
-        })
+        chrome.storage.local.remove(CHAVES, function () { resolve({ ok: true }) })
       })
     },
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bravophone/webphone",
-  "version": "0.3.0",
+  "version": "0.4.1",
   "description": "Webphone BRAVOPHONE embutível em qualquer página web. Renderiza uma janela flutuante arrastável com todas as funcionalidades do softphone.",
   "main": "./dist/bravophone.umd.js",
   "module": "./dist/bravophone.mjs",
@@ -27,7 +27,7 @@
     "dev": "node scripts/dev-server.mjs",
     "build": "vite build",
     "build:host": "npm run sync && vite build --config vite.host.config.js",
-    "test": "node scripts/smoke-shim.mjs && node scripts/smoke-geometry.mjs && node scripts/smoke-launcher.mjs && node scripts/smoke-package.mjs",
+    "test": "node scripts/smoke-shim.mjs && node scripts/smoke-geometry.mjs && node scripts/smoke-launcher.mjs && node scripts/smoke-sessao.mjs && node scripts/smoke-package.mjs",
     "start": "node scripts/dev-server.mjs",
     "audit:theme": "node scripts/audit-theme.mjs",
     "prepublishOnly": "npm run build && npm test",

package/types/index.d.ts

@@ -1,5 +1,36 @@
 export type LauncherIcon = 'phone-waves' | 'waveform' | 'headset' | 'chat-phone'
 
+/** Resposta do `/api/voxfree/login`, repassada como está. */
+export interface BravophoneSession {
+  vxToken: string
+  /** Segundos até expirar; vira `bravophoneVxTokenExpiresAt`. */
+  expiresIn?: number
+  sip?: string
+  tenant?: string
+  ramal?: string
+  clienteId?: string
+  ramaisUrl?: string
+  /**
+   * O ramal SIP, como vem do `/api/voxfree/login`. **Obrigatório para
+   * registrar**: o `checkToken` do webphone exige as duas metades — o
+   * `vxToken` da sessão E um `extension` com `username` e `password`. Só a
+   * sessão deixa o app parado na tela de login.
+   *
+   * Onde ele fica: o SDK o envia apenas pela ponte (postMessage) e o aplica
+   * no store em memória do webphone. Nunca entra no HTML do iframe nem no
+   * localStorage — a credencial SIP não fica legível no DOM da sua página.
+   */
+  extension?: {
+    username: string
+    password: string
+    server?: string
+    authID?: string
+    displayName?: string
+    label?: string
+    [k: string]: unknown
+  }
+}
+
 export interface BravophoneOptions {
   /** Origem do webphone hospedado. Só usado com `mode: 'hosted'`. */
   hostUrl?: string
@@ -23,7 +54,16 @@ export interface BravophoneOptions {
    * assets de um espelho próprio.
    */
   hostBase?: string
-  /** Token de sessão do usuário, emitido pelo backend do integrador. */
+  /**
+   * Sessão do `/api/voxfree/login`, repassada inteira. É o caminho correto:
+   * o webphone precisa de `sip` e `ramal` para registrar.
+   */
+  session?: BravophoneSession
+  /**
+   * Atalho para `{ vxToken: token }`. **Sozinho não basta** — sem `sip` e
+   * `ramal` o webphone carrega, não registra, e o RouteSelector avisa
+   * "faça login pelo webphone".
+   */
   token?: string
   /** Canto inicial da janela. Padrão: 'bottom-right'. */
   position?: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left'
@@ -155,7 +195,7 @@ export interface BravophoneAPI {
   sendDTMF(tone: string): Promise<{ ok: true }>
   transfer(to: string): Promise<{ ok: true }>
   getStatus(): Promise<PhoneStatus>
-  setAuth(token: string): Promise<{ ok: true }>
+  setAuth(session: BravophoneSession | string): Promise<{ ok: true }>
   logout(): Promise<{ ok: true }>
 
   on<K extends keyof BravophoneEvents>(