@buni.ai/chatbot-react 1.0.0

package/README.md

@@ -0,0 +1,273 @@
+# @buni.ai/chatbot-react
+
+[![npm version](https://badge.fury.io/js/%40buni.ai%2Fchatbot-react.svg)](https://badge.fury.io/js/%40buni.ai%2Fchatbot-react)
+[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
+
+React adapter for BuniAI Chat Widget - provides React hooks and components for seamless chatbot integration.
+
+## Features
+
+- ⚛️ **React Native** - Built specifically for React applications
+- 🪝 **Hooks API** - Modern React hooks for state management
+- 🧩 **Components** - Pre-built React components ready to use
+- 📦 **TypeScript Ready** - Full type definitions included
+- 🎯 **Context Provider** - Easy widget sharing across components
+- 🔄 **Reactive State** - Automatic UI updates with widget state changes
+
+## Installation
+
+```bash
+npm install @buni.ai/chatbot-react
+```
+
+## Quick Start
+
+### Using the Hook
+
+```tsx
+import React from 'react';
+import { useBuniChat, BuniChatWidget } from '@buni.ai/chatbot-react';
+
+function App() {
+  const { isOpen, toggle, setCustomerData } = useBuniChat({
+    token: 'your-embed-token',
+    config: {
+      theme: 'default',
+      position: 'bottom-right'
+    }
+  });
+
+  const handleCustomerLogin = () => {
+    setCustomerData({
+      name: 'John Doe',
+      email: 'john@example.com',
+      userId: 'user123'
+    });
+  };
+
+  return (
+    <div>
+      <h1>My App</h1>
+      <button onClick={toggle}>
+        {isOpen ? 'Close Chat' : 'Open Chat'}
+      </button>
+      <button onClick={handleCustomerLogin}>
+        Set Customer Data
+      </button>
+      <BuniChatWidget />
+    </div>
+  );
+}
+```
+
+### Using the Provider
+
+```tsx
+import React from 'react';
+import { BuniChatProvider, BuniChatWidget, BuniChatButton } from '@buni.ai/chatbot-react';
+
+function App() {
+  return (
+    <BuniChatProvider
+      options={{
+        token: 'your-embed-token',
+        config: {
+          theme: 'default',
+          position: 'bottom-right'
+        }
+      }}
+    >
+      <MyAppContent />
+    </BuniChatProvider>
+  );
+}
+
+function MyAppContent() {
+  return (
+    <div>
+      <h1>My App</h1>
+      <BuniChatButton>Chat with Support</BuniChatButton>
+      <BuniChatWidget />
+    </div>
+  );
+}
+```
+
+## Components
+
+### BuniChatWidget
+
+The main widget component that renders the chat interface.
+
+```tsx
+<BuniChatWidget 
+  className="custom-widget" 
+  style={{ zIndex: 1000 }}
+/>
+```
+
+### BuniChatButton
+
+A button to trigger the chat widget.
+
+```tsx
+<BuniChatButton 
+  onClick={() => console.log('Chat opened')}
+  className="chat-trigger"
+  showUnreadCount={true}
+>
+  Need Help?
+</BuniChatButton>
+```
+
+### BuniChatFloatingButton
+
+A pre-styled floating action button for the chat widget.
+
+```tsx
+<BuniChatFloatingButton 
+  position="bottom-right"
+  size="medium"
+  theme="default"
+/>
+```
+
+## Hooks
+
+### useBuniChat
+
+Main hook for widget interaction.
+
+```tsx
+const {
+  // State
+  isOpen,
+  isLoaded,
+  isMinimized,
+  unreadCount,
+  isReady,
+  
+  // Actions
+  show,
+  hide,
+  toggle,
+  minimize,
+  maximize,
+  setCustomerData,
+  setSessionVariables,
+  sendMessage,
+  
+  // Widget instance
+  widget
+} = useBuniChat(options);
+```
+
+### useWidgetEvents
+
+Hook for event handling.
+
+```tsx
+const { on, off } = useWidgetEvents();
+
+useEffect(() => {
+  const handleNewMessage = (data) => {
+    console.log('New message:', data.message);
+  };
+  
+  on('new_message', handleNewMessage);
+  
+  return () => off('new_message', handleNewMessage);
+}, [on, off]);
+```
+
+### useCustomerData
+
+Hook for customer data management.
+
+```tsx
+const { customerData, setCustomerData, getCustomerData } = useCustomerData();
+
+const handleLogin = () => {
+  setCustomerData({
+    name: 'John Doe',
+    email: 'john@example.com'
+  });
+};
+```
+
+## Advanced Usage
+
+### Custom Event Handling
+
+```tsx
+function ChatEventHandler() {
+  const { widget } = useBuniChat();
+  
+  useEffect(() => {
+    if (widget) {
+      const handleTyping = (data) => {
+        console.log('Typing indicator:', data.isBot);
+      };
+      
+      widget.on('typing_start', handleTyping);
+      widget.on('typing_stop', handleTyping);
+      
+      return () => {
+        widget.off('typing_start', handleTyping);
+        widget.off('typing_stop', handleTyping);
+      };
+    }
+  }, [widget]);
+  
+  return null;
+}
+```
+
+### Conditional Rendering
+
+```tsx
+function ConditionalChat() {
+  const { isReady, isOpen } = useBuniChat({
+    token: 'your-token'
+  });
+  
+  if (!isReady) {
+    return <div>Loading chat...</div>;
+  }
+  
+  return (
+    <div>
+      {isOpen && <div>Chat is open!</div>}
+      <BuniChatWidget />
+    </div>
+  );
+}
+```
+
+## TypeScript Support
+
+Full TypeScript support with comprehensive type definitions:
+
+```tsx
+import { 
+  BuniChatConfig,
+  BuniChatOptions,
+  CustomerData,
+  SessionVariables 
+} from '@buni.ai/chatbot-react';
+
+const config: BuniChatConfig = {
+  theme: 'dark',
+  position: 'bottom-left',
+  primaryColor: '#007bff'
+};
+```
+
+## Requirements
+
+- React >= 16.8.0
+- React DOM >= 16.8.0
+
+## License
+
+MIT © BuniAI Team

package/dist/components.d.ts

@@ -0,0 +1,24 @@
+import React, { ReactNode } from 'react';
+import { BuniChatConfig } from '@buni.ai/chatbot-core';
+interface BuniChatWidgetProps {
+    className?: string;
+    style?: React.CSSProperties;
+    config?: BuniChatConfig;
+}
+export declare const BuniChatWidget: React.FC<BuniChatWidgetProps>;
+interface BuniChatButtonProps {
+    onClick?: () => void;
+    children?: ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    disabled?: boolean;
+    showUnreadCount?: boolean;
+}
+export declare const BuniChatButton: React.FC<BuniChatButtonProps>;
+interface BuniChatFloatingButtonProps extends Omit<BuniChatButtonProps, 'children'> {
+    position?: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
+    size?: 'small' | 'medium' | 'large';
+    theme?: 'default' | 'minimal' | 'colorful';
+}
+export declare const BuniChatFloatingButton: React.FC<BuniChatFloatingButtonProps>;
+export {};

package/dist/hooks.d.ts

@@ -0,0 +1,33 @@
+import React, { ReactNode } from 'react';
+import { BuniChatWidget, BuniChatOptions, CustomerData, SessionVariables } from '@buni.ai/chatbot-core';
+interface BuniChatProviderProps {
+    options: BuniChatOptions;
+    children: ReactNode;
+}
+export declare const BuniChatProvider: React.FC<BuniChatProviderProps>;
+export declare function useBuniChat(options?: BuniChatOptions): {
+    isReady: boolean;
+    show: () => void;
+    hide: () => void;
+    toggle: () => void;
+    minimize: () => void;
+    maximize: () => void;
+    setCustomerData: (data: CustomerData) => void;
+    setSessionVariables: (variables: SessionVariables) => void;
+    sendMessage: (message: string) => void;
+    widget: BuniChatWidget;
+    isOpen: boolean;
+    isLoaded: boolean;
+    isMinimized: boolean;
+    unreadCount: number;
+};
+export declare function useWidgetEvents(): {
+    on: (event: string, callback: Function) => void;
+    off: (event: string, callback?: Function) => void;
+};
+export declare function useCustomerData(): {
+    customerData: CustomerData | null;
+    setCustomerData: (data: CustomerData) => void;
+    getCustomerData: () => CustomerData | null;
+};
+export {};

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export * from './hooks';
+export * from './components';
+export type { BuniChatConfig, BuniChatOptions, BuniChatState, CustomerData, SessionVariables, BuniChatAPI, BuniChatEvents } from '@buni.ai/chatbot-core';

package/dist/index.esm.js

@@ -0,0 +1,232 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { createContext, useState, useEffect, useContext, useCallback } from 'react';
+import { BuniChatWidget as BuniChatWidget$1 } from '@buni.ai/chatbot-core';
+
+const BuniChatContext = createContext(null);
+const BuniChatProvider = ({ options, children }) => {
+    const [widget] = useState(() => new BuniChatWidget$1());
+    const [state, setState] = useState({
+        isOpen: false,
+        isLoaded: false,
+        isMinimized: false,
+        unreadCount: 0
+    });
+    const [isReady, setIsReady] = useState(false);
+    useEffect(() => {
+        const initWidget = async () => {
+            try {
+                await widget.initialize(options);
+                setIsReady(true);
+            }
+            catch (error) {
+                console.error('Failed to initialize BuniChat widget:', error);
+            }
+        };
+        initWidget();
+        // Set up event listeners
+        const handleStateChange = () => {
+            setState(widget.getState());
+        };
+        widget.on('ready', handleStateChange);
+        widget.on('visibility_changed', handleStateChange);
+        widget.on('minimized', handleStateChange);
+        widget.on('maximized', handleStateChange);
+        widget.on('new_message', handleStateChange);
+        return () => {
+            widget.destroy();
+        };
+    }, [widget, options]);
+    return (jsx(BuniChatContext.Provider, { value: { widget, state, isReady }, children: children }));
+};
+// Main hook for using BuniChat
+function useBuniChat(options) {
+    const context = useContext(BuniChatContext);
+    const [widget] = useState(() => new BuniChatWidget$1());
+    const [state, setState] = useState({
+        isOpen: false,
+        isLoaded: false,
+        isMinimized: false,
+        unreadCount: 0
+    });
+    const [isReady, setIsReady] = useState(false);
+    // Use context widget if available, otherwise use standalone
+    const activeWidget = (context === null || context === void 0 ? void 0 : context.widget) || widget;
+    const activeState = (context === null || context === void 0 ? void 0 : context.state) || state;
+    const activeIsReady = (context === null || context === void 0 ? void 0 : context.isReady) || isReady;
+    useEffect(() => {
+        if (options && !context) {
+            // Initialize standalone widget
+            const initWidget = async () => {
+                try {
+                    await activeWidget.initialize(options);
+                    setIsReady(true);
+                }
+                catch (error) {
+                    console.error('Failed to initialize BuniChat widget:', error);
+                }
+            };
+            initWidget();
+            const handleStateChange = () => {
+                setState(activeWidget.getState());
+            };
+            activeWidget.on('ready', handleStateChange);
+            activeWidget.on('visibility_changed', handleStateChange);
+            activeWidget.on('minimized', handleStateChange);
+            activeWidget.on('maximized', handleStateChange);
+            activeWidget.on('new_message', handleStateChange);
+            return () => {
+                activeWidget.destroy();
+            };
+        }
+    }, [options, context, activeWidget]);
+    const show = useCallback(() => {
+        activeWidget.show();
+    }, [activeWidget]);
+    const hide = useCallback(() => {
+        activeWidget.hide();
+    }, [activeWidget]);
+    const toggle = useCallback(() => {
+        activeWidget.toggle();
+    }, [activeWidget]);
+    const minimize = useCallback(() => {
+        activeWidget.minimize();
+    }, [activeWidget]);
+    const maximize = useCallback(() => {
+        activeWidget.maximize();
+    }, [activeWidget]);
+    const setCustomerData = useCallback((data) => {
+        activeWidget.setCustomerData(data);
+    }, [activeWidget]);
+    const setSessionVariables = useCallback((variables) => {
+        activeWidget.setSessionVariables(variables);
+    }, [activeWidget]);
+    const sendMessage = useCallback((message) => {
+        activeWidget.sendMessage(message);
+    }, [activeWidget]);
+    return {
+        // State
+        ...activeState,
+        isReady: activeIsReady,
+        // Actions
+        show,
+        hide,
+        toggle,
+        minimize,
+        maximize,
+        setCustomerData,
+        setSessionVariables,
+        sendMessage,
+        // Direct widget access
+        widget: activeWidget
+    };
+}
+// Hook for widget events
+function useWidgetEvents() {
+    const { widget } = useBuniChat();
+    const on = useCallback((event, callback) => {
+        widget === null || widget === void 0 ? void 0 : widget.on(event, callback);
+    }, [widget]);
+    const off = useCallback((event, callback) => {
+        widget === null || widget === void 0 ? void 0 : widget.off(event, callback);
+    }, [widget]);
+    return { on, off };
+}
+// Hook for customer data management
+function useCustomerData() {
+    const { widget } = useBuniChat();
+    const [customerData, setCustomerDataState] = useState(null);
+    const setCustomerData = useCallback((data) => {
+        widget === null || widget === void 0 ? void 0 : widget.setCustomerData(data);
+        setCustomerDataState(data);
+    }, [widget]);
+    const getCustomerData = useCallback(() => {
+        return (widget === null || widget === void 0 ? void 0 : widget.getCustomerData()) || null;
+    }, [widget]);
+    useEffect(() => {
+        if (widget) {
+            const handleCustomerDataUpdate = (event) => {
+                setCustomerDataState(event.data);
+            };
+            widget.on('customer_data_updated', handleCustomerDataUpdate);
+            return () => {
+                widget.off('customer_data_updated', handleCustomerDataUpdate);
+            };
+        }
+    }, [widget]);
+    return {
+        customerData,
+        setCustomerData,
+        getCustomerData
+    };
+}
+
+const BuniChatWidget = ({ className, style, config }) => {
+    const { isReady, isOpen } = useBuniChat();
+    if (!isReady) {
+        return null;
+    }
+    return (jsx("div", { className: `buni-chat-widget ${className || ''}`, style: style, "data-widget-open": isOpen, id: "buni-chat-widget-container" }));
+};
+const BuniChatButton = ({ onClick, children, className, style, disabled = false, showUnreadCount = true }) => {
+    const { toggle, unreadCount } = useBuniChat();
+    const handleClick = () => {
+        if (onClick) {
+            onClick();
+        }
+        else {
+            toggle();
+        }
+    };
+    return (jsxs("button", { className: `buni-chat-button ${className || ''}`, style: style, onClick: handleClick, disabled: disabled, "aria-label": "Open chat widget", children: [children || 'Chat with us', showUnreadCount && unreadCount > 0 && (jsx("span", { className: "buni-chat-unread-badge", "aria-label": `${unreadCount} unread messages`, children: unreadCount }))] }));
+};
+const BuniChatFloatingButton = ({ position = 'bottom-right', size = 'medium', theme = 'default', className, style, ...props }) => {
+    const baseStyles = {
+        position: 'fixed',
+        zIndex: 1000,
+        borderRadius: '50%',
+        border: 'none',
+        cursor: 'pointer',
+        transition: 'all 0.3s ease',
+        boxShadow: '0 4px 12px rgba(0, 0, 0, 0.15)',
+        ...style,
+    };
+    // Position styles
+    const positionStyles = {
+        'bottom-right': { bottom: '20px', right: '20px' },
+        'bottom-left': { bottom: '20px', left: '20px' },
+        'top-right': { top: '20px', right: '20px' },
+        'top-left': { top: '20px', left: '20px' },
+    };
+    // Size styles
+    const sizeStyles = {
+        small: { width: '48px', height: '48px', fontSize: '14px' },
+        medium: { width: '60px', height: '60px', fontSize: '16px' },
+        large: { width: '72px', height: '72px', fontSize: '18px' },
+    };
+    // Theme styles
+    const themeStyles = {
+        default: {
+            backgroundColor: '#007bff',
+            color: 'white',
+        },
+        minimal: {
+            backgroundColor: '#f8f9fa',
+            color: '#333',
+            border: '1px solid #dee2e6',
+        },
+        colorful: {
+            background: 'linear-gradient(45deg, #007bff, #28a745)',
+            color: 'white',
+        },
+    };
+    const combinedStyles = {
+        ...baseStyles,
+        ...positionStyles[position],
+        ...sizeStyles[size],
+        ...themeStyles[theme],
+    };
+    return (jsx(BuniChatButton, { className: `buni-chat-floating-button buni-chat-floating-button--${position} buni-chat-floating-button--${size} buni-chat-floating-button--${theme} ${className || ''}`, style: combinedStyles, ...props, children: "\uD83D\uDCAC" }));
+};
+
+export { BuniChatButton, BuniChatFloatingButton, BuniChatProvider, BuniChatWidget, useBuniChat, useCustomerData, useWidgetEvents };
+//# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../src/hooks.tsx","../src/components.tsx"],"sourcesContent":["// @buni.ai/chatbot-react - React hooks and components\n\nimport React, { \n  createContext, \n  useContext, \n  useEffect, \n  useState, \n  useCallback,\n  ReactNode \n} from 'react';\nimport { \n  BuniChatWidget, \n  BuniChatOptions, \n  BuniChatState, \n  CustomerData, \n  SessionVariables,\n  BuniChatConfig\n} from '@buni.ai/chatbot-core';\n\n// Context for providing widget instance\ninterface BuniChatContextType {\n  widget: BuniChatWidget | null;\n  state: BuniChatState;\n  isReady: boolean;\n}\n\nconst BuniChatContext = createContext<BuniChatContextType | null>(null);\n\n// Provider component\ninterface BuniChatProviderProps {\n  options: BuniChatOptions;\n  children: ReactNode;\n}\n\nexport const BuniChatProvider: React.FC<BuniChatProviderProps> = ({ \n  options, \n  children \n}) => {\n  const [widget] = useState(() => new BuniChatWidget());\n  const [state, setState] = useState<BuniChatState>({\n    isOpen: false,\n    isLoaded: false,\n    isMinimized: false,\n    unreadCount: 0\n  });\n  const [isReady, setIsReady] = useState(false);\n\n  useEffect(() => {\n    const initWidget = async () => {\n      try {\n        await widget.initialize(options);\n        setIsReady(true);\n      } catch (error) {\n        console.error('Failed to initialize BuniChat widget:', error);\n      }\n    };\n\n    initWidget();\n\n    // Set up event listeners\n    const handleStateChange = () => {\n      setState(widget.getState());\n    };\n\n    widget.on('ready', handleStateChange);\n    widget.on('visibility_changed', handleStateChange);\n    widget.on('minimized', handleStateChange);\n    widget.on('maximized', handleStateChange);\n    widget.on('new_message', handleStateChange);\n\n    return () => {\n      widget.destroy();\n    };\n  }, [widget, options]);\n\n  return (\n    <BuniChatContext.Provider value={{ widget, state, isReady }}>\n      {children}\n    </BuniChatContext.Provider>\n  );\n};\n\n// Main hook for using BuniChat\nexport function useBuniChat(options?: BuniChatOptions) {\n  const context = useContext(BuniChatContext);\n  const [widget] = useState(() => new BuniChatWidget());\n  const [state, setState] = useState<BuniChatState>({\n    isOpen: false,\n    isLoaded: false,\n    isMinimized: false,\n    unreadCount: 0\n  });\n  const [isReady, setIsReady] = useState(false);\n\n  // Use context widget if available, otherwise use standalone\n  const activeWidget = context?.widget || widget;\n  const activeState = context?.state || state;\n  const activeIsReady = context?.isReady || isReady;\n\n  useEffect(() => {\n    if (options && !context) {\n      // Initialize standalone widget\n      const initWidget = async () => {\n        try {\n          await activeWidget.initialize(options);\n          setIsReady(true);\n        } catch (error) {\n          console.error('Failed to initialize BuniChat widget:', error);\n        }\n      };\n\n      initWidget();\n\n      const handleStateChange = () => {\n        setState(activeWidget.getState());\n      };\n\n      activeWidget.on('ready', handleStateChange);\n      activeWidget.on('visibility_changed', handleStateChange);\n      activeWidget.on('minimized', handleStateChange);\n      activeWidget.on('maximized', handleStateChange);\n      activeWidget.on('new_message', handleStateChange);\n\n      return () => {\n        activeWidget.destroy();\n      };\n    }\n  }, [options, context, activeWidget]);\n\n  const show = useCallback(() => {\n    activeWidget.show();\n  }, [activeWidget]);\n\n  const hide = useCallback(() => {\n    activeWidget.hide();\n  }, [activeWidget]);\n\n  const toggle = useCallback(() => {\n    activeWidget.toggle();\n  }, [activeWidget]);\n\n  const minimize = useCallback(() => {\n    activeWidget.minimize();\n  }, [activeWidget]);\n\n  const maximize = useCallback(() => {\n    activeWidget.maximize();\n  }, [activeWidget]);\n\n  const setCustomerData = useCallback((data: CustomerData) => {\n    activeWidget.setCustomerData(data);\n  }, [activeWidget]);\n\n  const setSessionVariables = useCallback((variables: SessionVariables) => {\n    activeWidget.setSessionVariables(variables);\n  }, [activeWidget]);\n\n  const sendMessage = useCallback((message: string) => {\n    activeWidget.sendMessage(message);\n  }, [activeWidget]);\n\n  return {\n    // State\n    ...activeState,\n    isReady: activeIsReady,\n    \n    // Actions\n    show,\n    hide,\n    toggle,\n    minimize,\n    maximize,\n    setCustomerData,\n    setSessionVariables,\n    sendMessage,\n    \n    // Direct widget access\n    widget: activeWidget\n  };\n}\n\n// Hook for widget events\nexport function useWidgetEvents() {\n  const { widget } = useBuniChat();\n  \n  const on = useCallback((event: string, callback: Function) => {\n    widget?.on(event, callback);\n  }, [widget]);\n  \n  const off = useCallback((event: string, callback?: Function) => {\n    widget?.off(event, callback);\n  }, [widget]);\n  \n  return { on, off };\n}\n\n// Hook for customer data management\nexport function useCustomerData() {\n  const { widget } = useBuniChat();\n  const [customerData, setCustomerDataState] = useState<CustomerData | null>(null);\n  \n  const setCustomerData = useCallback((data: CustomerData) => {\n    widget?.setCustomerData(data);\n    setCustomerDataState(data);\n  }, [widget]);\n  \n  const getCustomerData = useCallback(() => {\n    return widget?.getCustomerData() || null;\n  }, [widget]);\n  \n  useEffect(() => {\n    if (widget) {\n      const handleCustomerDataUpdate = (event: { data: CustomerData }) => {\n        setCustomerDataState(event.data);\n      };\n      \n      widget.on('customer_data_updated', handleCustomerDataUpdate);\n      \n      return () => {\n        widget.off('customer_data_updated', handleCustomerDataUpdate);\n      };\n    }\n  }, [widget]);\n  \n  return {\n    customerData,\n    setCustomerData,\n    getCustomerData\n  };\n}\n","// Components for @buni.ai/chatbot-react\n\nimport React, { ReactNode } from 'react';\nimport { useBuniChat } from './hooks';\nimport { BuniChatConfig } from '@buni.ai/chatbot-core';\n\n// Widget component\ninterface BuniChatWidgetProps {\n  className?: string;\n  style?: React.CSSProperties;\n  config?: BuniChatConfig;\n}\n\nexport const BuniChatWidget: React.FC<BuniChatWidgetProps> = ({ \n  className,\n  style,\n  config \n}) => {\n  const { isReady, isOpen } = useBuniChat();\n  \n  if (!isReady) {\n    return null;\n  }\n  \n  return (\n    <div \n      className={`buni-chat-widget ${className || ''}`}\n      style={style}\n      data-widget-open={isOpen}\n      id=\"buni-chat-widget-container\"\n    >\n      {/* Widget will be rendered here by the core widget */}\n    </div>\n  );\n};\n\n// Chat button component\ninterface BuniChatButtonProps {\n  onClick?: () => void;\n  children?: ReactNode;\n  className?: string;\n  style?: React.CSSProperties;\n  disabled?: boolean;\n  showUnreadCount?: boolean;\n}\n\nexport const BuniChatButton: React.FC<BuniChatButtonProps> = ({\n  onClick,\n  children,\n  className,\n  style,\n  disabled = false,\n  showUnreadCount = true\n}) => {\n  const { toggle, unreadCount } = useBuniChat();\n  \n  const handleClick = () => {\n    if (onClick) {\n      onClick();\n    } else {\n      toggle();\n    }\n  };\n  \n  return (\n    <button\n      className={`buni-chat-button ${className || ''}`}\n      style={style}\n      onClick={handleClick}\n      disabled={disabled}\n      aria-label=\"Open chat widget\"\n    >\n      {children || 'Chat with us'}\n      {showUnreadCount && unreadCount > 0 && (\n        <span className=\"buni-chat-unread-badge\" aria-label={`${unreadCount} unread messages`}>\n          {unreadCount}\n        </span>\n      )}\n    </button>\n  );\n};\n\n// Floating chat button with default styling\ninterface BuniChatFloatingButtonProps extends Omit<BuniChatButtonProps, 'children'> {\n  position?: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';\n  size?: 'small' | 'medium' | 'large';\n  theme?: 'default' | 'minimal' | 'colorful';\n}\n\nexport const BuniChatFloatingButton: React.FC<BuniChatFloatingButtonProps> = ({\n  position = 'bottom-right',\n  size = 'medium',\n  theme = 'default',\n  className,\n  style,\n  ...props\n}) => {\n  const baseStyles: React.CSSProperties = {\n    position: 'fixed',\n    zIndex: 1000,\n    borderRadius: '50%',\n    border: 'none',\n    cursor: 'pointer',\n    transition: 'all 0.3s ease',\n    boxShadow: '0 4px 12px rgba(0, 0, 0, 0.15)',\n    ...style,\n  };\n\n  // Position styles\n  const positionStyles: Record<string, React.CSSProperties> = {\n    'bottom-right': { bottom: '20px', right: '20px' },\n    'bottom-left': { bottom: '20px', left: '20px' },\n    'top-right': { top: '20px', right: '20px' },\n    'top-left': { top: '20px', left: '20px' },\n  };\n\n  // Size styles\n  const sizeStyles: Record<string, React.CSSProperties> = {\n    small: { width: '48px', height: '48px', fontSize: '14px' },\n    medium: { width: '60px', height: '60px', fontSize: '16px' },\n    large: { width: '72px', height: '72px', fontSize: '18px' },\n  };\n\n  // Theme styles\n  const themeStyles: Record<string, React.CSSProperties> = {\n    default: { \n      backgroundColor: '#007bff', \n      color: 'white',\n    },\n    minimal: { \n      backgroundColor: '#f8f9fa', \n      color: '#333',\n      border: '1px solid #dee2e6',\n    },\n    colorful: { \n      background: 'linear-gradient(45deg, #007bff, #28a745)',\n      color: 'white',\n    },\n  };\n\n  const combinedStyles = {\n    ...baseStyles,\n    ...positionStyles[position],\n    ...sizeStyles[size],\n    ...themeStyles[theme],\n  };\n\n  return (\n    <BuniChatButton\n      className={`buni-chat-floating-button buni-chat-floating-button--${position} buni-chat-floating-button--${size} buni-chat-floating-button--${theme} ${className || ''}`}\n      style={combinedStyles}\n      {...props}\n    >\n      💬\n    </BuniChatButton>\n  );\n};\n"],"names":["BuniChatWidget","_jsx","_jsxs"],"mappings":"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"}

package/dist/index.js

@@ -0,0 +1,240 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var chatbotCore = require('@buni.ai/chatbot-core');
+
+const BuniChatContext = react.createContext(null);
+const BuniChatProvider = ({ options, children }) => {
+    const [widget] = react.useState(() => new chatbotCore.BuniChatWidget());
+    const [state, setState] = react.useState({
+        isOpen: false,
+        isLoaded: false,
+        isMinimized: false,
+        unreadCount: 0
+    });
+    const [isReady, setIsReady] = react.useState(false);
+    react.useEffect(() => {
+        const initWidget = async () => {
+            try {
+                await widget.initialize(options);
+                setIsReady(true);
+            }
+            catch (error) {
+                console.error('Failed to initialize BuniChat widget:', error);
+            }
+        };
+        initWidget();
+        // Set up event listeners
+        const handleStateChange = () => {
+            setState(widget.getState());
+        };
+        widget.on('ready', handleStateChange);
+        widget.on('visibility_changed', handleStateChange);
+        widget.on('minimized', handleStateChange);
+        widget.on('maximized', handleStateChange);
+        widget.on('new_message', handleStateChange);
+        return () => {
+            widget.destroy();
+        };
+    }, [widget, options]);
+    return (jsxRuntime.jsx(BuniChatContext.Provider, { value: { widget, state, isReady }, children: children }));
+};
+// Main hook for using BuniChat
+function useBuniChat(options) {
+    const context = react.useContext(BuniChatContext);
+    const [widget] = react.useState(() => new chatbotCore.BuniChatWidget());
+    const [state, setState] = react.useState({
+        isOpen: false,
+        isLoaded: false,
+        isMinimized: false,
+        unreadCount: 0
+    });
+    const [isReady, setIsReady] = react.useState(false);
+    // Use context widget if available, otherwise use standalone
+    const activeWidget = (context === null || context === void 0 ? void 0 : context.widget) || widget;
+    const activeState = (context === null || context === void 0 ? void 0 : context.state) || state;
+    const activeIsReady = (context === null || context === void 0 ? void 0 : context.isReady) || isReady;
+    react.useEffect(() => {
+        if (options && !context) {
+            // Initialize standalone widget
+            const initWidget = async () => {
+                try {
+                    await activeWidget.initialize(options);
+                    setIsReady(true);
+                }
+                catch (error) {
+                    console.error('Failed to initialize BuniChat widget:', error);
+                }
+            };
+            initWidget();
+            const handleStateChange = () => {
+                setState(activeWidget.getState());
+            };
+            activeWidget.on('ready', handleStateChange);
+            activeWidget.on('visibility_changed', handleStateChange);
+            activeWidget.on('minimized', handleStateChange);
+            activeWidget.on('maximized', handleStateChange);
+            activeWidget.on('new_message', handleStateChange);
+            return () => {
+                activeWidget.destroy();
+            };
+        }
+    }, [options, context, activeWidget]);
+    const show = react.useCallback(() => {
+        activeWidget.show();
+    }, [activeWidget]);
+    const hide = react.useCallback(() => {
+        activeWidget.hide();
+    }, [activeWidget]);
+    const toggle = react.useCallback(() => {
+        activeWidget.toggle();
+    }, [activeWidget]);
+    const minimize = react.useCallback(() => {
+        activeWidget.minimize();
+    }, [activeWidget]);
+    const maximize = react.useCallback(() => {
+        activeWidget.maximize();
+    }, [activeWidget]);
+    const setCustomerData = react.useCallback((data) => {
+        activeWidget.setCustomerData(data);
+    }, [activeWidget]);
+    const setSessionVariables = react.useCallback((variables) => {
+        activeWidget.setSessionVariables(variables);
+    }, [activeWidget]);
+    const sendMessage = react.useCallback((message) => {
+        activeWidget.sendMessage(message);
+    }, [activeWidget]);
+    return {
+        // State
+        ...activeState,
+        isReady: activeIsReady,
+        // Actions
+        show,
+        hide,
+        toggle,
+        minimize,
+        maximize,
+        setCustomerData,
+        setSessionVariables,
+        sendMessage,
+        // Direct widget access
+        widget: activeWidget
+    };
+}
+// Hook for widget events
+function useWidgetEvents() {
+    const { widget } = useBuniChat();
+    const on = react.useCallback((event, callback) => {
+        widget === null || widget === void 0 ? void 0 : widget.on(event, callback);
+    }, [widget]);
+    const off = react.useCallback((event, callback) => {
+        widget === null || widget === void 0 ? void 0 : widget.off(event, callback);
+    }, [widget]);
+    return { on, off };
+}
+// Hook for customer data management
+function useCustomerData() {
+    const { widget } = useBuniChat();
+    const [customerData, setCustomerDataState] = react.useState(null);
+    const setCustomerData = react.useCallback((data) => {
+        widget === null || widget === void 0 ? void 0 : widget.setCustomerData(data);
+        setCustomerDataState(data);
+    }, [widget]);
+    const getCustomerData = react.useCallback(() => {
+        return (widget === null || widget === void 0 ? void 0 : widget.getCustomerData()) || null;
+    }, [widget]);
+    react.useEffect(() => {
+        if (widget) {
+            const handleCustomerDataUpdate = (event) => {
+                setCustomerDataState(event.data);
+            };
+            widget.on('customer_data_updated', handleCustomerDataUpdate);
+            return () => {
+                widget.off('customer_data_updated', handleCustomerDataUpdate);
+            };
+        }
+    }, [widget]);
+    return {
+        customerData,
+        setCustomerData,
+        getCustomerData
+    };
+}
+
+const BuniChatWidget = ({ className, style, config }) => {
+    const { isReady, isOpen } = useBuniChat();
+    if (!isReady) {
+        return null;
+    }
+    return (jsxRuntime.jsx("div", { className: `buni-chat-widget ${className || ''}`, style: style, "data-widget-open": isOpen, id: "buni-chat-widget-container" }));
+};
+const BuniChatButton = ({ onClick, children, className, style, disabled = false, showUnreadCount = true }) => {
+    const { toggle, unreadCount } = useBuniChat();
+    const handleClick = () => {
+        if (onClick) {
+            onClick();
+        }
+        else {
+            toggle();
+        }
+    };
+    return (jsxRuntime.jsxs("button", { className: `buni-chat-button ${className || ''}`, style: style, onClick: handleClick, disabled: disabled, "aria-label": "Open chat widget", children: [children || 'Chat with us', showUnreadCount && unreadCount > 0 && (jsxRuntime.jsx("span", { className: "buni-chat-unread-badge", "aria-label": `${unreadCount} unread messages`, children: unreadCount }))] }));
+};
+const BuniChatFloatingButton = ({ position = 'bottom-right', size = 'medium', theme = 'default', className, style, ...props }) => {
+    const baseStyles = {
+        position: 'fixed',
+        zIndex: 1000,
+        borderRadius: '50%',
+        border: 'none',
+        cursor: 'pointer',
+        transition: 'all 0.3s ease',
+        boxShadow: '0 4px 12px rgba(0, 0, 0, 0.15)',
+        ...style,
+    };
+    // Position styles
+    const positionStyles = {
+        'bottom-right': { bottom: '20px', right: '20px' },
+        'bottom-left': { bottom: '20px', left: '20px' },
+        'top-right': { top: '20px', right: '20px' },
+        'top-left': { top: '20px', left: '20px' },
+    };
+    // Size styles
+    const sizeStyles = {
+        small: { width: '48px', height: '48px', fontSize: '14px' },
+        medium: { width: '60px', height: '60px', fontSize: '16px' },
+        large: { width: '72px', height: '72px', fontSize: '18px' },
+    };
+    // Theme styles
+    const themeStyles = {
+        default: {
+            backgroundColor: '#007bff',
+            color: 'white',
+        },
+        minimal: {
+            backgroundColor: '#f8f9fa',
+            color: '#333',
+            border: '1px solid #dee2e6',
+        },
+        colorful: {
+            background: 'linear-gradient(45deg, #007bff, #28a745)',
+            color: 'white',
+        },
+    };
+    const combinedStyles = {
+        ...baseStyles,
+        ...positionStyles[position],
+        ...sizeStyles[size],
+        ...themeStyles[theme],
+    };
+    return (jsxRuntime.jsx(BuniChatButton, { className: `buni-chat-floating-button buni-chat-floating-button--${position} buni-chat-floating-button--${size} buni-chat-floating-button--${theme} ${className || ''}`, style: combinedStyles, ...props, children: "\uD83D\uDCAC" }));
+};
+
+exports.BuniChatButton = BuniChatButton;
+exports.BuniChatFloatingButton = BuniChatFloatingButton;
+exports.BuniChatProvider = BuniChatProvider;
+exports.BuniChatWidget = BuniChatWidget;
+exports.useBuniChat = useBuniChat;
+exports.useCustomerData = useCustomerData;
+exports.useWidgetEvents = useWidgetEvents;
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/hooks.tsx","../src/components.tsx"],"sourcesContent":["// @buni.ai/chatbot-react - React hooks and components\n\nimport React, { \n  createContext, \n  useContext, \n  useEffect, \n  useState, \n  useCallback,\n  ReactNode \n} from 'react';\nimport { \n  BuniChatWidget, \n  BuniChatOptions, \n  BuniChatState, \n  CustomerData, \n  SessionVariables,\n  BuniChatConfig\n} from '@buni.ai/chatbot-core';\n\n// Context for providing widget instance\ninterface BuniChatContextType {\n  widget: BuniChatWidget | null;\n  state: BuniChatState;\n  isReady: boolean;\n}\n\nconst BuniChatContext = createContext<BuniChatContextType | null>(null);\n\n// Provider component\ninterface BuniChatProviderProps {\n  options: BuniChatOptions;\n  children: ReactNode;\n}\n\nexport const BuniChatProvider: React.FC<BuniChatProviderProps> = ({ \n  options, \n  children \n}) => {\n  const [widget] = useState(() => new BuniChatWidget());\n  const [state, setState] = useState<BuniChatState>({\n    isOpen: false,\n    isLoaded: false,\n    isMinimized: false,\n    unreadCount: 0\n  });\n  const [isReady, setIsReady] = useState(false);\n\n  useEffect(() => {\n    const initWidget = async () => {\n      try {\n        await widget.initialize(options);\n        setIsReady(true);\n      } catch (error) {\n        console.error('Failed to initialize BuniChat widget:', error);\n      }\n    };\n\n    initWidget();\n\n    // Set up event listeners\n    const handleStateChange = () => {\n      setState(widget.getState());\n    };\n\n    widget.on('ready', handleStateChange);\n    widget.on('visibility_changed', handleStateChange);\n    widget.on('minimized', handleStateChange);\n    widget.on('maximized', handleStateChange);\n    widget.on('new_message', handleStateChange);\n\n    return () => {\n      widget.destroy();\n    };\n  }, [widget, options]);\n\n  return (\n    <BuniChatContext.Provider value={{ widget, state, isReady }}>\n      {children}\n    </BuniChatContext.Provider>\n  );\n};\n\n// Main hook for using BuniChat\nexport function useBuniChat(options?: BuniChatOptions) {\n  const context = useContext(BuniChatContext);\n  const [widget] = useState(() => new BuniChatWidget());\n  const [state, setState] = useState<BuniChatState>({\n    isOpen: false,\n    isLoaded: false,\n    isMinimized: false,\n    unreadCount: 0\n  });\n  const [isReady, setIsReady] = useState(false);\n\n  // Use context widget if available, otherwise use standalone\n  const activeWidget = context?.widget || widget;\n  const activeState = context?.state || state;\n  const activeIsReady = context?.isReady || isReady;\n\n  useEffect(() => {\n    if (options && !context) {\n      // Initialize standalone widget\n      const initWidget = async () => {\n        try {\n          await activeWidget.initialize(options);\n          setIsReady(true);\n        } catch (error) {\n          console.error('Failed to initialize BuniChat widget:', error);\n        }\n      };\n\n      initWidget();\n\n      const handleStateChange = () => {\n        setState(activeWidget.getState());\n      };\n\n      activeWidget.on('ready', handleStateChange);\n      activeWidget.on('visibility_changed', handleStateChange);\n      activeWidget.on('minimized', handleStateChange);\n      activeWidget.on('maximized', handleStateChange);\n      activeWidget.on('new_message', handleStateChange);\n\n      return () => {\n        activeWidget.destroy();\n      };\n    }\n  }, [options, context, activeWidget]);\n\n  const show = useCallback(() => {\n    activeWidget.show();\n  }, [activeWidget]);\n\n  const hide = useCallback(() => {\n    activeWidget.hide();\n  }, [activeWidget]);\n\n  const toggle = useCallback(() => {\n    activeWidget.toggle();\n  }, [activeWidget]);\n\n  const minimize = useCallback(() => {\n    activeWidget.minimize();\n  }, [activeWidget]);\n\n  const maximize = useCallback(() => {\n    activeWidget.maximize();\n  }, [activeWidget]);\n\n  const setCustomerData = useCallback((data: CustomerData) => {\n    activeWidget.setCustomerData(data);\n  }, [activeWidget]);\n\n  const setSessionVariables = useCallback((variables: SessionVariables) => {\n    activeWidget.setSessionVariables(variables);\n  }, [activeWidget]);\n\n  const sendMessage = useCallback((message: string) => {\n    activeWidget.sendMessage(message);\n  }, [activeWidget]);\n\n  return {\n    // State\n    ...activeState,\n    isReady: activeIsReady,\n    \n    // Actions\n    show,\n    hide,\n    toggle,\n    minimize,\n    maximize,\n    setCustomerData,\n    setSessionVariables,\n    sendMessage,\n    \n    // Direct widget access\n    widget: activeWidget\n  };\n}\n\n// Hook for widget events\nexport function useWidgetEvents() {\n  const { widget } = useBuniChat();\n  \n  const on = useCallback((event: string, callback: Function) => {\n    widget?.on(event, callback);\n  }, [widget]);\n  \n  const off = useCallback((event: string, callback?: Function) => {\n    widget?.off(event, callback);\n  }, [widget]);\n  \n  return { on, off };\n}\n\n// Hook for customer data management\nexport function useCustomerData() {\n  const { widget } = useBuniChat();\n  const [customerData, setCustomerDataState] = useState<CustomerData | null>(null);\n  \n  const setCustomerData = useCallback((data: CustomerData) => {\n    widget?.setCustomerData(data);\n    setCustomerDataState(data);\n  }, [widget]);\n  \n  const getCustomerData = useCallback(() => {\n    return widget?.getCustomerData() || null;\n  }, [widget]);\n  \n  useEffect(() => {\n    if (widget) {\n      const handleCustomerDataUpdate = (event: { data: CustomerData }) => {\n        setCustomerDataState(event.data);\n      };\n      \n      widget.on('customer_data_updated', handleCustomerDataUpdate);\n      \n      return () => {\n        widget.off('customer_data_updated', handleCustomerDataUpdate);\n      };\n    }\n  }, [widget]);\n  \n  return {\n    customerData,\n    setCustomerData,\n    getCustomerData\n  };\n}\n","// Components for @buni.ai/chatbot-react\n\nimport React, { ReactNode } from 'react';\nimport { useBuniChat } from './hooks';\nimport { BuniChatConfig } from '@buni.ai/chatbot-core';\n\n// Widget component\ninterface BuniChatWidgetProps {\n  className?: string;\n  style?: React.CSSProperties;\n  config?: BuniChatConfig;\n}\n\nexport const BuniChatWidget: React.FC<BuniChatWidgetProps> = ({ \n  className,\n  style,\n  config \n}) => {\n  const { isReady, isOpen } = useBuniChat();\n  \n  if (!isReady) {\n    return null;\n  }\n  \n  return (\n    <div \n      className={`buni-chat-widget ${className || ''}`}\n      style={style}\n      data-widget-open={isOpen}\n      id=\"buni-chat-widget-container\"\n    >\n      {/* Widget will be rendered here by the core widget */}\n    </div>\n  );\n};\n\n// Chat button component\ninterface BuniChatButtonProps {\n  onClick?: () => void;\n  children?: ReactNode;\n  className?: string;\n  style?: React.CSSProperties;\n  disabled?: boolean;\n  showUnreadCount?: boolean;\n}\n\nexport const BuniChatButton: React.FC<BuniChatButtonProps> = ({\n  onClick,\n  children,\n  className,\n  style,\n  disabled = false,\n  showUnreadCount = true\n}) => {\n  const { toggle, unreadCount } = useBuniChat();\n  \n  const handleClick = () => {\n    if (onClick) {\n      onClick();\n    } else {\n      toggle();\n    }\n  };\n  \n  return (\n    <button\n      className={`buni-chat-button ${className || ''}`}\n      style={style}\n      onClick={handleClick}\n      disabled={disabled}\n      aria-label=\"Open chat widget\"\n    >\n      {children || 'Chat with us'}\n      {showUnreadCount && unreadCount > 0 && (\n        <span className=\"buni-chat-unread-badge\" aria-label={`${unreadCount} unread messages`}>\n          {unreadCount}\n        </span>\n      )}\n    </button>\n  );\n};\n\n// Floating chat button with default styling\ninterface BuniChatFloatingButtonProps extends Omit<BuniChatButtonProps, 'children'> {\n  position?: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';\n  size?: 'small' | 'medium' | 'large';\n  theme?: 'default' | 'minimal' | 'colorful';\n}\n\nexport const BuniChatFloatingButton: React.FC<BuniChatFloatingButtonProps> = ({\n  position = 'bottom-right',\n  size = 'medium',\n  theme = 'default',\n  className,\n  style,\n  ...props\n}) => {\n  const baseStyles: React.CSSProperties = {\n    position: 'fixed',\n    zIndex: 1000,\n    borderRadius: '50%',\n    border: 'none',\n    cursor: 'pointer',\n    transition: 'all 0.3s ease',\n    boxShadow: '0 4px 12px rgba(0, 0, 0, 0.15)',\n    ...style,\n  };\n\n  // Position styles\n  const positionStyles: Record<string, React.CSSProperties> = {\n    'bottom-right': { bottom: '20px', right: '20px' },\n    'bottom-left': { bottom: '20px', left: '20px' },\n    'top-right': { top: '20px', right: '20px' },\n    'top-left': { top: '20px', left: '20px' },\n  };\n\n  // Size styles\n  const sizeStyles: Record<string, React.CSSProperties> = {\n    small: { width: '48px', height: '48px', fontSize: '14px' },\n    medium: { width: '60px', height: '60px', fontSize: '16px' },\n    large: { width: '72px', height: '72px', fontSize: '18px' },\n  };\n\n  // Theme styles\n  const themeStyles: Record<string, React.CSSProperties> = {\n    default: { \n      backgroundColor: '#007bff', \n      color: 'white',\n    },\n    minimal: { \n      backgroundColor: '#f8f9fa', \n      color: '#333',\n      border: '1px solid #dee2e6',\n    },\n    colorful: { \n      background: 'linear-gradient(45deg, #007bff, #28a745)',\n      color: 'white',\n    },\n  };\n\n  const combinedStyles = {\n    ...baseStyles,\n    ...positionStyles[position],\n    ...sizeStyles[size],\n    ...themeStyles[theme],\n  };\n\n  return (\n    <BuniChatButton\n      className={`buni-chat-floating-button buni-chat-floating-button--${position} buni-chat-floating-button--${size} buni-chat-floating-button--${theme} ${className || ''}`}\n      style={combinedStyles}\n      {...props}\n    >\n      💬\n    </BuniChatButton>\n  );\n};\n"],"names":["createContext","useState","BuniChatWidget","useEffect","_jsx","useContext","useCallback","_jsxs"],"mappings":"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"}

package/package.json

@@ -0,0 +1,56 @@
+{
+  "name": "@buni.ai/chatbot-react",
+  "version": "1.0.0",
+  "description": "React components and hooks for BuniAI chat widget",
+  "type": "module",
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.esm.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.esm.js",
+      "require": "./dist/index.cjs.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "rollup -c",
+    "dev": "rollup -c -w",
+    "test": "jest",
+    "lint": "eslint src --ext .ts,.tsx",
+    "lint:fix": "eslint src --ext .ts,.tsx --fix"
+  },
+  "keywords": [
+    "react",
+    "chat",
+    "widget",
+    "buni",
+    "ai",
+    "customer-support"
+  ],
+  "author": "BuniAI",
+  "license": "MIT",
+  "peerDependencies": {
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0"
+  },
+  "dependencies": {
+    "@buni.ai/chatbot-core": "^1.0.0"
+  },
+  "devDependencies": {
+    "@rollup/plugin-node-resolve": "^15.0.0",
+    "@rollup/plugin-commonjs": "^24.0.0",
+    "@rollup/plugin-typescript": "^11.0.0",
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "rollup": "^3.20.0",
+    "rollup-plugin-dts": "^5.3.0",
+    "tslib": "^2.5.0",
+    "typescript": "^5.0.0"
+  }
+}