Configuration

import { VIZOCHOKWidget } from '@vizochok/widget';

const widget = new VIZOCHOKWidget({
  apiKey: 'pk_your_public_key',
  storeId: 'your-store-id',
});

widget.mount();

import { VIZOCHOKWidget } from '@vizochok/widget';
import type {
  CartChangedEvent,
  ProductItem,
  SessionSummary,
  WidgetError,
} from '@vizochok/widget';

const widget = new VIZOCHOKWidget({
  // Required
  apiKey: 'pk_live_abc123',
  storeId: 'my-grocery-store',

  // Identity & locale
  userId: 'user_42',
  language: 'uk',
  apiBase: 'https://api.vizochok.com',

  // Appearance
  position: 'bottom-right',
  botName: 'Мій помічник',
  botAvatar: 'https://cdn.example.com/bot-avatar.png',
  placeholder: 'Що шукаєте?',
  welcomeMessage: 'Привіт! Я допоможу зі списком покупок.',

  // Theme
  theme: {
    primaryColor: '#1a73e8',
    fontFamily: "'Roboto', sans-serif",
    borderRadius: '12px',
    mode: 'auto',
    currency: '$',
  },

  // Callbacks
  onCartChanged: (cart: CartChangedEvent) => {
    console.log('Cart updated:', cart.action, cart.items);
    updateStoreCart(cart.items, cart.total);
  },

  onProductClick: (product: ProductItem) => {
    console.log('Product selected:', product.sku);
  },

  onSessionComplete: (summary: SessionSummary) => {
    console.log('Session summary:', summary.item_count, 'items');
  },

  onError: (error: WidgetError) => {
    console.error('Widget error:', error.code, error.message);
  },

  onConnect: () => {
    console.log('Connected to VIZOCHOK');
  },

  onDisconnect: () => {
    console.log('Disconnected from VIZOCHOK');
  },
});

widget.mount();