onipin-react

Componente React oficial de OniPin — embebe el chat del negocio con el mismo protocolo onipin/0.2.

npm: https://www.npmjs.com/package/onipin-react
Widget HTML: <script src="https://onnivers.store/widget.js" data-pin="…">
Docs: https://onnivers.store/docs#widget

Instalación

npm install onipin-react

Peer deps: react y react-dom ≥ 18.

Uso

Burbuja flotante (igual que el widget)

import { OniChat } from "onipin-react";

export function App() {
  return <OniChat pin="onp_tu_pin" />;
}

Chat embebido en página (iframe)

import { OniChat } from "onipin-react";

export function Support() {
  return (
    <OniChat
      pin="onp_tu_pin"
      mode="iframe"
      height={640}
      title="Chat con nosotros"
    />
  );
}

Servidor propio / staging

<OniChat pin="onp_tu_pin" baseUrl="https://onnivers.store" />

Props

| Prop | Tipo | Default | Descripción | |------|------|---------|-------------| | pin | string | — | Pin del negocio (onp_…) | | baseUrl | string | https://onnivers.store | Origen del servidor OniPin | | mode | "script" \| "iframe" | "script" | Widget flotante o iframe /c/{pin} | | height / width | string \| number | 560 / 100% | Solo iframe | | title | string | OniPin chat | Accesibilidad del iframe | | className / style | — | — | Contenedor / iframe |

Relacionado

• Protocolo HTTP / OpenAPI: https://onnivers.store/v1/openapi.yaml
• SDK Node: onipin-js
• SDK Python: onipin