open-index/open-npm huggingface dataset:
npm package: @lucasnobrega/agentesdeconversao-embeds
Description: Widgets de chat para Agentes de Conversão - Sistema de automação conversacional
Author: Agentes de Conversão
Latest version: 1.0.0

# @agentesdeconversao/embeds

Biblioteca de widgets embarcáveis para o sistema Agentes de Conversão.

## Instalação

### Via NPM

```bash
npm install @agentesdeconversao/embeds
# ou
yarn add @agentesdeconversao/embeds
# ou
pnpm add @agentesdeconversao/embeds
```

### Via CDN

```html
<script type="module">
  import AgentesConversao from 'https://cdn.jsdelivr.net/npm/@agentesdeconversao/embeds@latest/dist/agentesconversao.min.js';
</script>
```

## Uso

### Widget Bubble (Bolha de Chat)

```javascript
import AgentesConversao from '@agentesdeconversao/embeds';

AgentesConversao.initBubble({
  agentId: 'SEU_AGENT_ID',
  // Configurações opcionais
  contact: {
    firstName: 'João',
    lastName: 'Silva',
    email: 'joao@exemplo.com',
    phoneNumber: '+5511999999999',
    userId: 'user-123'
  },
  position: 'right', // 'left' ou 'right'
  primaryColor: '#007BFF'
});
```

### Widget Standard (Chat Embutido)

```javascript
import AgentesConversao from '@agentesdeconversao/embeds';

AgentesConversao.initStandard({
  agentId: 'SEU_AGENT_ID'
});
```

```html
<agentesconversao-chatbox-standard style="width: 100%; height: 650px" />
```

## Exemplos de Integração

### HTML Puro

```html
<!DOCTYPE html>
<html>
<head>
  <title>Meu Site</title>
</head>
<body>
  <!-- Seu conteúdo -->
  
  <script type="module">
    import AgentesConversao from 'https://cdn.jsdelivr.net/npm/@agentesdeconversao/embeds@latest/dist/agentesconversao.min.js';
    
    AgentesConversao.initBubble({
      agentId: 'SEU_AGENT_ID'
    });
  </script>
</body>
</html>
```

### React

```jsx
import { useEffect } from 'react';
import AgentesConversao from '@agentesdeconversao/embeds';

function App() {
  useEffect(() => {
    AgentesConversao.initBubble({
      agentId: 'SEU_AGENT_ID'
    });
  }, []);

  return <div>Meu App</div>;
}
```

## Configurações Disponíveis

### initBubble(config)

- `agentId` (obrigatório): ID do agente
- `contact`: Informações do contato
  - `firstName`: Primeiro nome
  - `lastName`: Sobrenome
  - `email`: Email
  - `phoneNumber`: Telefone
  - `userId`: ID único do usuário
- `position`: Posição da bolha ('left' ou 'right')
- `primaryColor`: Cor primária do tema
- `context`: Contexto adicional para o agente

### initStandard(config)

- `agentId` (obrigatório): ID do agente
- Aceita as mesmas configurações do initBubble

## Versionamento

Este pacote segue o [Semantic Versioning](https://semver.org/lang/pt-BR/).

- Use `@latest` para sempre obter a versão mais recente
- Use `@1` para obter a última versão 1.x.x
- Use `@1.0.0` para uma versão específica

## Suporte

Para suporte e documentação completa, visite [agentesdeconversao.com.br](https://agentesdeconversao.com.br)

## Licença

MIT - Veja o arquivo LICENSE para mais detalhes.