Widget de Atendimento Data C

Widget de atendimento para sites e aplicações React.

📦 Instalação

Para aplicações React/Vue/Angular (com bundler)

npm install @data-c/widget-atendimento

Para sites HTML puro (via CDN)

<script type="module">
  import { init } from 'https://cdn.datac.com.br/chat/chat-datc-widget.js'
  
  init({
    empresaDocumento: '06242149000163',
    empresaNome: 'Data C'
  })
</script>

🚀 Uso

Em Aplicações React

import { WidgetProviders, Widget } from '@data-c/widget-atendimento'

function App() {
  return (
    <WidgetProviders 
      empresaDocumento="06242149000163"
      empresaNome="Data C"
    >
      <Widget />
    </WidgetProviders>
  )
}

Com Controle de Estado

import { WidgetProviders, Widget, WidgetButton } from '@data-c/widget-atendimento'
import { useState } from 'react'

function App() {
  const [open, setOpen] = useState(false)

  return (
    <WidgetProviders empresaDocumento="06242149000163">
      <button onClick={() => setOpen(true)}>
        Abrir Atendimento
      </button>
      
      <Widget 
        open={open} 
        onOpenChange={setOpen}
        showButton={false}
      />
    </WidgetProviders>
  )
}

📚 Documentação Completa

• USAGE_GUIDE.md - Guia completo de uso
• DEPLOY.md - Guia de publicação e deploy

🔧 Desenvolvimento

# Instalar dependências
npm install

# Desenvolvimento
npm run dev

# Build para CDN e npm
npm run build

# Build apenas CDN
npm run build:cdn

# Build apenas npm
npm run build:npm

📝 License

UNLICENSED - Propriedade da Data C