🤖 AstroBot WebComponent

Playground interactivo — configura cada prop y se aplica en vivo. Todo queda guardado en localStorage, así que al recargar no hay que volver a escribirlo.

Configuración

Los cambios se aplican al widget al instante y se persisten automáticamente.

company * Obligatorio. Marca / operador (ej. JLV). ⚠ Sin company el widget no monta el chat.

currency Moneda del jugador. Default del componente: VES.

token — bearer de Calimaco

Vacío = sesión anónima. Se guarda en este navegador; no lo uses con tokens de producción.

api-base-url Sin / final. Si lo dejas vacío se usa el valor de VITE_API_BASE_URL con el que se compiló el widget.

no-fab — ocultar el botón flotante siempre no-fab-mobile — ocultarlo solo en móvil (≤ 520 px)

position

✓ guardado

«Remontar» destruye y vuelve a crear el <astro-bot> desde cero — útil para reiniciar la conversación con la configuración actual.

Control por eventos

Con no-fab (o en móvil con no-fab-mobile) el chat se abre disparando astrobot:open, astrobot:close o astrobot:toggle en document — o directamente en el elemento.

Snippet de integración

Refleja la configuración actual. Listo para pegar en el sitio host.

Copia el token real aunque esté oculto arriba.

Referencia de props

Atributo	Tipo	Default	Descripción
`company`	string	—	Obligatorio. Sin él el componente no monta el chat.
`token`	string	`""`	Bearer de Calimaco. Sin token la sesión es anónima.
`currency`	string	`VES`	Moneda usada para promociones y saldos.
`api-base-url`	string	`VITE_API_BASE_URL`	Base de la API del backend, sin barra final.
`position`	enum	`bottom-right`	Anclaje en la rejilla 3×3 de la pantalla.
`no-fab`	boolean	`false`	Oculta el FAB; el chat se controla por eventos.
`no-fab-mobile`	boolean	`false`	Oculta el FAB solo en viewports ≤ 520 px.
`open`	boolean	`false`	Estado del chat. Se maneja internamente o por eventos.