dynim-react 1.0.38 → 1.0.40

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dynim-react",
-  "version": "1.0.38",
+  "version": "1.0.40",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",

package/dist/builder/BuilderProvider.d.ts

@@ -1,78 +0,0 @@
-/**
- * BuilderProvider - React integration for the visual builder
- *
- * Integrates the visual builder UI (floating bar, overlays) from dynim-core.
- * Loads tenant bundles via dynamic import() and renders them as React components.
- */
-import { type ReactNode } from 'react';
-import type { BuilderInstance, CodeEdit, CodeMessage } from 'dynim-core';
-export interface BuilderConfig {
-    /** JWT session token for authentication */
-    sessionToken?: string;
-    /** Refresh token for getting new session tokens */
-    refreshToken?: string;
-    /** Function to fetch a new session when current one expires */
-    getSession?: () => Promise<{
-        token: string;
-        refreshToken?: string;
-    }>;
-    /** Called when an error occurs */
-    onError?: (error: Event | Error) => void;
-    /** Called when the structured code message updates (recommended) */
-    onCodeMessageUpdate?: (message: CodeMessage) => void;
-    /** Called when a code edit is received */
-    onCodeEdit?: (edit: CodeEdit) => void;
-    /** NPM packages to expose to bundles (e.g., { 'react-router-dom': ReactRouterDOM }) */
-    packages?: Record<string, unknown>;
-    /** Custom hooks to expose to bundles */
-    hooks?: Record<string, unknown>;
-    /** React contexts to expose to bundles */
-    contexts?: Record<string, unknown>;
-}
-export interface BuilderContextValue {
-    enterBuilder: () => void;
-    exitBuilder: () => void;
-    isBuilderActive: boolean;
-    getBuilder: () => BuilderInstance | null;
-    sendCode: (query: string) => Promise<void>;
-    saveCode: () => Promise<void>;
-    abandonCode: () => Promise<void>;
-    warmCache: () => Promise<void>;
-    /** Current structured code message state */
-    codeMessage: CodeMessage;
-    /** Reset code message state */
-    resetCodeMessage: () => void;
-    /** @deprecated Use codeMessage.edits instead */
-    codeEdits: CodeEdit[];
-    /** Load a bundle by URL */
-    loadBundle: (bundleUrl: string) => Promise<void>;
-    /** Load bundle for a project */
-    loadProjectBundle: (projectId: string) => Promise<void>;
-    /** Load saved (permanent) bundle for a project */
-    loadSavedBundle: (projectId: string) => Promise<void>;
-    /** Load temp bundle for a project (AI edits preview) */
-    loadTempBundle: (projectId: string) => Promise<void>;
-    /** Check if a bundle is currently loaded */
-    isBundleLoaded: boolean;
-    /** Check if bundle is loading */
-    isBundleLoading: boolean;
-    /** Unload current bundle (show children again) */
-    unloadBundle: () => void;
-}
-export interface BuilderProviderProps {
-    children: ReactNode;
-    config?: BuilderConfig;
-    onBuilderReady?: (context: BuilderContextValue) => void;
-}
-/**
- * BuilderProvider - Wraps your app with builder support
- *
- * When a bundle is loaded, it replaces children with the bundle's App component.
- * Bundles are loaded via dynamic import() and rendered as React components.
- */
-export declare function BuilderProvider({ children, config, onBuilderReady, }: BuilderProviderProps): JSX.Element;
-/**
- * Hook to access builder functionality
- */
-export declare function useBuilder(): BuilderContextValue;
-//# sourceMappingURL=BuilderProvider.d.ts.map

package/dist/builder/BuilderProvider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BuilderProvider.d.ts","sourceRoot":"","sources":["../../src/builder/BuilderProvider.tsx"],"names":[],"mappings":"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"}

package/dist/builder/BuilderProvider.js

@@ -1,505 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-/**
- * BuilderProvider - React integration for the visual builder
- *
- * Integrates the visual builder UI (floating bar, overlays) from dynim-core.
- * Loads tenant bundles via dynamic import() and renders them as React components.
- */
-import React, { createContext, useContext, useEffect, useRef, useCallback, useMemo, useState, } from 'react';
-import ReactDOM from 'react-dom';
-import { createBuilderClient, createBuilder, createCodeClient, createBundleLoader, BundleNotFoundError, } from 'dynim-core';
-import { createSharedContext } from '../inference/sharedContext';
-const BuilderContext = createContext(null);
-/**
- * BuilderProvider - Wraps your app with builder support
- *
- * When a bundle is loaded, it replaces children with the bundle's App component.
- * Bundles are loaded via dynamic import() and rendered as React components.
- */
-export function BuilderProvider({ children, config = {}, onBuilderReady, }) {
-    const builderClientRef = useRef(null);
-    const builderRef = useRef(null);
-    const codeClientRef = useRef(null);
-    // Track when we're exiting to prevent auto-load from re-triggering
-    const isExitingRef = useRef(false);
-    // Track if initial bundle load has been attempted
-    const hasAttemptedInitialLoadRef = useRef(false);
-    // Track builder active state - use BOTH ref (for sync checks in callbacks) and state (for renders)
-    const isBuilderActiveRef = useRef(false);
-    const [isBuilderActive, setIsBuilderActive] = useState(false);
-    // Cached auth token and in-flight promise for fast subsequent loads
-    const cachedTokenRef = useRef(null);
-    const tokenPromiseRef = useRef(null);
-    // Signal counter for triggering bundle loads - ONLY incremented when we decide to load
-    // This avoids the dependency cascade problem with the old approach
-    const [bundleLoadSignal, setBundleLoadSignal] = useState(0);
-    const pendingBundleProjectIdRef = useRef(null);
-    const [isBundleLoaded, setIsBundleLoaded] = useState(false);
-    const [isBundleLoading, setIsBundleLoading] = useState(false);
-    // Track if initial bundle load has completed (to avoid flash of children)
-    const [isInitialLoadComplete, setIsInitialLoadComplete] = useState(false);
-    const [codeMessage, setCodeMessage] = useState({
-        thinking: '',
-        text: '',
-        edits: [],
-        status: 'idle',
-        bundleReady: false,
-        bundleError: undefined,
-    });
-    // The loaded tenant app component
-    const [TenantApp, setTenantApp] = useState(null);
-    // Error state for bundle rendering failures
-    const [bundleError, setBundleError] = useState(null);
-    // Bundle loader from core (created once)
-    const bundleLoaderRef = useRef(null);
-    // Keep config callbacks in refs so loader always gets latest values
-    const configCallbacksRef = useRef({
-        onError: config.onError,
-    });
-    configCallbacksRef.current = {
-        onError: config.onError,
-    };
-    // Set up shared context for bundles (exposes React, ReactDOM, packages, hooks, contexts)
-    useEffect(() => {
-        const { packages = {}, hooks = {}, contexts = {} } = config;
-        // Import useBuilder dynamically to register in packages (avoids circular dep at module level)
-        const sdkExports = {
-            useBuilder,
-            BuilderProvider,
-            // Add other commonly used exports bundles might need
-        };
-        createSharedContext({
-            React,
-            ReactDOM,
-            packages: {
-                'dynim-react': sdkExports,
-                ...packages,
-            },
-            hooks,
-            contexts,
-        });
-        console.log('[BuilderProvider] Shared context initialized with packages:', ['dynim-react', ...Object.keys(packages)]);
-    }, [config]);
-    // Initialize code client FIRST (before builder, so we can share it)
-    useEffect(() => {
-        const { sessionToken, refreshToken, getSession, onCodeMessageUpdate, onCodeEdit, onError } = config;
-        codeClientRef.current = createCodeClient({
-            sessionToken,
-            refreshToken,
-            getSession,
-            onMessageUpdate: (message) => {
-                setCodeMessage(message);
-                onCodeMessageUpdate?.(message);
-            },
-            onEdit: (edit) => {
-                console.log('[BuilderProvider] Code edit:', edit);
-                onCodeEdit?.(edit);
-            },
-            onError: (error) => {
-                console.error('[BuilderProvider] Code error:', error);
-                onError?.(error);
-            },
-        });
-    }, [config]);
-    // Initialize visual builder (createBuilder from core) - AFTER codeClient
-    // We need loadBundle to be stable, so we use a ref
-    const loadBundleRef = useRef(null);
-    useEffect(() => {
-        const { sessionToken, refreshToken, getSession } = config;
-        // Create the visual builder instance, sharing our CodeClient
-        builderRef.current = createBuilder({
-            sessionToken,
-            refreshToken,
-            getSession,
-            codeClient: codeClientRef.current ?? undefined,
-            // Called IMMEDIATELY when exit starts, before any async work
-            // This prevents race condition where streaming events trigger temp bundle reload
-            onExitStart: () => {
-                isExitingRef.current = true;
-                isBuilderActiveRef.current = false; // Mark inactive immediately
-                console.log('[BuilderProvider] Exit started, isExiting=true');
-                // Abort any active streaming to prevent late bundle_ready events
-                codeClientRef.current?.abort();
-                // Reset message state to clear bundleReady flag
-                codeClientRef.current?.resetMessage();
-            },
-            // Pass loadBundle so exit() can restore permanent bundle
-            loadBundle: (bundleUrl) => {
-                // isExitingRef already set by onExitStart, but keep as backup
-                isExitingRef.current = true;
-                console.log('[BuilderProvider] Exit loadBundle called, isExiting=true');
-                if (loadBundleRef.current) {
-                    return loadBundleRef.current(bundleUrl);
-                }
-                return Promise.resolve();
-            },
-            onEnter: () => {
-                console.log('[BuilderProvider] Visual builder entered');
-                isExitingRef.current = false;
-                isBuilderActiveRef.current = true;
-                setIsBuilderActive(true);
-            },
-            onExit: () => {
-                console.log('[BuilderProvider] Visual builder exited');
-                setIsBuilderActive(false);
-                // NOTE: Do NOT reset isExitingRef here - it must stay true until
-                // React finishes processing state updates. It gets reset in onEnter.
-            },
-        });
-        return () => {
-            builderRef.current?.destroy();
-        };
-    }, [config]);
-    // Initialize builder client for visual builder operations (preview, exit)
-    useEffect(() => {
-        const { sessionToken, refreshToken, getSession, onError } = config;
-        builderClientRef.current = createBuilderClient({
-            sessionToken,
-            refreshToken,
-            getSession,
-            onError: (error) => {
-                console.error('[BuilderProvider] Error:', error);
-                onError?.(error);
-            },
-        });
-    }, [config]);
-    // Enter builder mode - activates the visual builder UI
-    const enterBuilder = useCallback(() => {
-        if (builderRef.current && !builderRef.current.isActive()) {
-            builderRef.current.enter();
-        }
-    }, []);
-    // Exit builder mode - deactivates the visual builder UI
-    const exitBuilder = useCallback(() => {
-        if (builderRef.current && builderRef.current.isActive()) {
-            builderRef.current.exit();
-        }
-    }, []);
-    /**
-     * Get auth token for bundle requests (with caching for performance)
-     * Returns cached token if available, otherwise fetches and caches.
-     * Reuses in-flight promise to avoid duplicate requests.
-     */
-    const getAuthToken = useCallback(async () => {
-        const { sessionToken, getSession } = config;
-        // Fast path: static token from config
-        if (sessionToken) {
-            return sessionToken;
-        }
-        // Fast path: return cached token
-        if (cachedTokenRef.current) {
-            return cachedTokenRef.current;
-        }
-        // Reuse in-flight promise if one exists (prevents duplicate getSession calls)
-        if (tokenPromiseRef.current) {
-            return tokenPromiseRef.current;
-        }
-        if (getSession) {
-            // Create and cache the promise
-            tokenPromiseRef.current = (async () => {
-                try {
-                    const session = await getSession();
-                    cachedTokenRef.current = session.token; // Cache for future use
-                    return session.token;
-                }
-                catch (e) {
-                    console.warn('[BuilderProvider] Failed to get session for bundle auth:', e);
-                    return null;
-                }
-                finally {
-                    tokenPromiseRef.current = null; // Clear in-flight promise
-                }
-            })();
-            return tokenPromiseRef.current;
-        }
-        return null;
-    }, [config]);
-    // Initialize bundle loader from core (lazy initialization)
-    const getBundleLoader = useCallback(() => {
-        if (!bundleLoaderRef.current) {
-            bundleLoaderRef.current = createBundleLoader({
-                getAuthToken,
-                includeCredentials: true, // Uses same-origin session cookies
-                onError: (error) => {
-                    console.error('[BuilderProvider] Bundle load failed:', error);
-                    configCallbacksRef.current.onError?.(error);
-                },
-            });
-        }
-        return bundleLoaderRef.current;
-    }, [getAuthToken]);
-    /**
-     * Load a bundle via dynamic import()
-     * Uses createBundleLoader from dynim-core
-     */
-    const loadBundle = useCallback(async (bundleUrl) => {
-        const loader = getBundleLoader();
-        console.log('[BuilderProvider] loadBundle called:', bundleUrl, 'isExiting=', isExitingRef.current);
-        if (loader.isLoading()) {
-            console.warn('[BuilderProvider] Already loading a bundle, skipping');
-            return;
-        }
-        setIsBundleLoading(true);
-        setBundleError(null); // Clear any previous error
-        try {
-            const { App, cleanup } = await loader.load(bundleUrl);
-            console.log('[BuilderProvider] Bundle imported successfully');
-            // Store the component (cleanup is called automatically by the loader)
-            setTenantApp(() => App);
-            setIsBundleLoaded(true);
-            // Cleanup blob URL immediately after import
-            cleanup();
-        }
-        catch (error) {
-            // 404 is expected when no permanent bundle exists yet (new project, no saved edits)
-            // Don't treat it as an error - unload current bundle to show base application (children)
-            if (error instanceof BundleNotFoundError) {
-                console.log('[BuilderProvider] Bundle not found (404) - unloading to show base application');
-                setTenantApp(null);
-                setIsBundleLoaded(false);
-                return;
-            }
-            // Note: Error already logged by loader.onError callback
-            setBundleError(error);
-            // Don't throw - let the app continue with children
-        }
-        finally {
-            setIsBundleLoading(false);
-        }
-    }, [getBundleLoader]);
-    // Keep the ref updated so the builder can call loadBundle
-    useEffect(() => {
-        loadBundleRef.current = loadBundle;
-    }, [loadBundle]);
-    // PERF: Eagerly prefetch auth token on mount (runs in parallel with render)
-    // This ensures the token is ready by the time we need to fetch the bundle
-    useEffect(() => {
-        const { sessionToken, getSession } = config;
-        if (!sessionToken && getSession) {
-            // Start fetching token immediately - don't await, just fire and forget
-            // The result will be cached in cachedTokenRef for when loadBundle needs it
-            getAuthToken();
-        }
-    }, []); // Empty deps - only run once on mount
-    // Auto-load saved bundle on mount (if authenticated)
-    // This ensures the permanent bundle is displayed immediately when the app loads
-    useEffect(() => {
-        if (hasAttemptedInitialLoadRef.current)
-            return;
-        const { sessionToken, getSession } = config;
-        // Need auth to load bundle - if no auth configured, just render children
-        if (!sessionToken && !getSession) {
-            console.log('[BuilderProvider] No auth configured, skipping initial bundle load');
-            setIsInitialLoadComplete(true); // Mark complete so children render
-            return;
-        }
-        hasAttemptedInitialLoadRef.current = true;
-        const doInitialLoad = async () => {
-            console.log('[BuilderProvider] Auto-loading saved bundle on mount');
-            const bundleUrl = '/api/code/bundle';
-            if (loadBundleRef.current) {
-                try {
-                    await loadBundleRef.current(bundleUrl);
-                }
-                catch (error) {
-                    // Errors are already handled in loadBundle (sets bundleError state)
-                    // 404 means no saved bundle - that's fine, children will render
-                    console.log('[BuilderProvider] Initial bundle load completed (may be 404 if no saved bundle)');
-                }
-                finally {
-                    setIsInitialLoadComplete(true); // Mark complete regardless of outcome
-                }
-            }
-            else {
-                setIsInitialLoadComplete(true); // No loader available, show children
-            }
-        };
-        doInitialLoad();
-    }, [config.sessionToken, config.getSession]);
-    const loadProjectBundle = useCallback(async (projectId, forceReload = false) => {
-        let bundleUrl = `/api/bundles/preview?project_id=${projectId}`;
-        // Cache bust to force reload
-        if (forceReload) {
-            bundleUrl += `&_t=${Date.now()}`;
-        }
-        await loadBundle(bundleUrl);
-    }, [loadBundle]);
-    // Load saved (permanent) bundle - used for initial load, after save, and after abandon
-    const loadSavedBundle = useCallback(async (_projectId) => {
-        const bundleUrl = '/api/code/bundle';
-        console.log('[BuilderProvider] Loading saved (perm) bundle via:', bundleUrl);
-        await loadBundle(bundleUrl);
-    }, [loadBundle]);
-    // Load temp bundle - used when AI finishes editing to preview changes
-    const loadTempBundle = useCallback(async (_projectId) => {
-        const bundleUrl = `/api/code/bundle?temp=true&_t=${Date.now()}`;
-        console.log('[BuilderProvider] Loading temp bundle via:', bundleUrl);
-        await loadBundle(bundleUrl);
-    }, [loadBundle]);
-    // Watch for bundleReady and decide if we should queue a load
-    // Uses refs for instant checks (no stale closure issues)
-    useEffect(() => {
-        console.log('[BuilderProvider] bundleReady effect:', {
-            bundleReady: codeMessage.bundleReady,
-            projectId: codeMessage.projectId,
-            isBuilderActiveRef: isBuilderActiveRef.current,
-            isExitingRef: isExitingRef.current,
-        });
-        if (codeMessage.bundleReady && codeMessage.projectId) {
-            // Check refs for current state (not stale closure values)
-            if (isBuilderActiveRef.current && !isExitingRef.current) {
-                console.log('[BuilderProvider] >>> QUEUEING LOAD:', codeMessage.projectId);
-                pendingBundleProjectIdRef.current = codeMessage.projectId;
-                setBundleLoadSignal(s => s + 1);
-            }
-            else {
-                console.log('[BuilderProvider] >>> BLOCKING LOAD (exiting or inactive)');
-            }
-        }
-    }, [codeMessage.bundleReady, codeMessage.projectId]);
-    // Effect that actually loads - ONLY triggered by the signal counter
-    // Uses refs for everything so it has ONLY ONE dependency: bundleLoadSignal
-    useEffect(() => {
-        console.log('[BuilderProvider] Load signal effect, signal=', bundleLoadSignal);
-        if (bundleLoadSignal === 0)
-            return; // Skip initial render
-        const projectId = pendingBundleProjectIdRef.current;
-        console.log('[BuilderProvider] Load signal triggered, projectId=', projectId, 'isExiting=', isExitingRef.current);
-        if (!projectId)
-            return;
-        // Final safety check before loading
-        if (isExitingRef.current) {
-            console.log('[BuilderProvider] >>> BLOCKED BY FINAL CHECK - exit in progress');
-            pendingBundleProjectIdRef.current = null;
-            return;
-        }
-        // Use refs to avoid dependency on config/loadTempBundle
-        // temp=true requests temp bundle (falls back to perm if no temp exists)
-        const bundleUrl = `/api/code/bundle?temp=true&_t=${Date.now()}`;
-        console.log('[BuilderProvider] >>> LOADING TEMP BUNDLE:', bundleUrl);
-        if (loadBundleRef.current) {
-            loadBundleRef.current(bundleUrl);
-        }
-        pendingBundleProjectIdRef.current = null;
-    }, [bundleLoadSignal]); // ONLY depends on the signal!
-    // Unload bundle - show children again
-    const unloadBundle = useCallback(() => {
-        setTenantApp(null);
-        setIsBundleLoaded(false);
-        console.log('[BuilderProvider] Bundle unloaded');
-    }, []);
-    // Code client methods
-    const sendCode = useCallback(async (query) => {
-        await codeClientRef.current?.sendCode(query);
-    }, []);
-    const saveCode = useCallback(async () => {
-        // 1. Persist changes to backend (promotes temp to saved)
-        await codeClientRef.current?.saveCode();
-        // 2. Load the newly saved bundle
-        if (codeMessage.projectId) {
-            await loadSavedBundle(codeMessage.projectId);
-        }
-    }, [loadSavedBundle, codeMessage.projectId]);
-    const abandonCode = useCallback(async () => {
-        // 1. Discard temp changes on server
-        await codeClientRef.current?.abandonCode();
-        // 2. Revert to saved bundle
-        if (codeMessage.projectId) {
-            await loadSavedBundle(codeMessage.projectId);
-        }
-    }, [loadSavedBundle, codeMessage.projectId]);
-    const warmCache = useCallback(async () => {
-        await codeClientRef.current?.warmCache();
-    }, []);
-    const resetCodeMessage = useCallback(() => {
-        codeClientRef.current?.resetMessage();
-    }, []);
-    const contextValue = useMemo(() => ({
-        enterBuilder,
-        exitBuilder,
-        isBuilderActive,
-        getBuilder: () => builderRef.current,
-        // Code client methods
-        sendCode,
-        saveCode,
-        abandonCode,
-        warmCache,
-        codeMessage,
-        resetCodeMessage,
-        codeEdits: codeMessage.edits,
-        // Bundle methods
-        loadBundle,
-        loadProjectBundle,
-        loadSavedBundle,
-        loadTempBundle,
-        isBundleLoaded,
-        isBundleLoading,
-        unloadBundle,
-    }), [
-        enterBuilder,
-        exitBuilder,
-        isBuilderActive,
-        sendCode,
-        saveCode,
-        abandonCode,
-        warmCache,
-        codeMessage,
-        resetCodeMessage,
-        loadBundle,
-        loadProjectBundle,
-        loadSavedBundle,
-        loadTempBundle,
-        isBundleLoaded,
-        isBundleLoading,
-        unloadBundle,
-    ]);
-    // Notify parent when ready (only once on mount)
-    const hasNotifiedRef = useRef(false);
-    useEffect(() => {
-        if (!hasNotifiedRef.current && onBuilderReady) {
-            hasNotifiedRef.current = true;
-            onBuilderReady(contextValue);
-        }
-    }, [contextValue, onBuilderReady]);
-    // Render the appropriate content based on state
-    const renderContent = () => {
-        // Initial load in progress - show nothing to prevent flash of children
-        // This only applies to the first load; subsequent loads show current content
-        if (!isInitialLoadComplete) {
-            return null;
-        }
-        // Loading state (after initial load) - keep showing current content
-        if (isBundleLoading) {
-            // If we have TenantApp, keep showing it during reload
-            // Otherwise show children (this is a subsequent load, not initial)
-            return TenantApp ? _jsx(TenantApp, {}) : children;
-        }
-        // Error state - show error banner with children
-        if (bundleError) {
-            return (_jsxs(_Fragment, { children: [_jsxs("div", { style: {
-                            padding: 12,
-                            background: '#fef3c7',
-                            borderBottom: '1px solid #fcd34d',
-                            fontSize: 13,
-                            color: '#92400e',
-                        }, children: ["Bundle error: ", bundleError.message] }), children] }));
-        }
-        // Bundle loaded - render tenant app
-        if (TenantApp) {
-            return _jsx(TenantApp, {});
-        }
-        // Default - render children
-        return children;
-    };
-    return (_jsx(BuilderContext.Provider, { value: contextValue, children: renderContent() }));
-}
-/**
- * Hook to access builder functionality
- */
-export function useBuilder() {
-    const context = useContext(BuilderContext);
-    if (!context) {
-        throw new Error('useBuilder must be used within a BuilderProvider');
-    }
-    return context;
-}

package/dist/builder/ChatContext.d.ts

@@ -1,11 +0,0 @@
-/**
- * React Context for sharing chatbot state across components
- */
-import { type ReactNode } from 'react';
-import { type UseChatbotConfig, type UseChatbotReturn } from './useChatbot';
-export interface ChatProviderProps extends UseChatbotConfig {
-    children: ReactNode;
-}
-export declare function ChatProvider({ children, ...config }: ChatProviderProps): JSX.Element;
-export declare function useChatContext(): UseChatbotReturn;
-//# sourceMappingURL=ChatContext.d.ts.map

package/dist/builder/ChatContext.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChatContext.d.ts","sourceRoot":"","sources":["../../src/builder/ChatContext.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAc,KAAK,gBAAgB,EAAE,KAAK,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAIxF,MAAM,WAAW,iBAAkB,SAAQ,gBAAgB;IACzD,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,GAAG,MAAM,EAAE,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO,CAIpF;AAED,wBAAgB,cAAc,IAAI,gBAAgB,CAMjD"}

package/dist/builder/ChatContext.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * React Context for sharing chatbot state across components
- */
-import { createContext, useContext } from 'react';
-import { useChatbot } from './useChatbot';
-const ChatContext = createContext(null);
-export function ChatProvider({ children, ...config }) {
-    const chatbot = useChatbot(config);
-    return _jsx(ChatContext.Provider, { value: chatbot, children: children });
-}
-export function useChatContext() {
-    const context = useContext(ChatContext);
-    if (!context) {
-        throw new Error('useChatContext must be used within a ChatProvider');
-    }
-    return context;
-}

package/dist/builder/ChatInput.d.ts

@@ -1,11 +0,0 @@
-/**
- * Chat input component
- */
-export interface ChatInputProps {
-    className?: string;
-    placeholder?: string;
-    disabled?: boolean;
-    onSubmit?: (text: string) => void;
-}
-export declare function ChatInput({ className, placeholder, disabled, onSubmit, }: ChatInputProps): JSX.Element;
-//# sourceMappingURL=ChatInput.d.ts.map

package/dist/builder/ChatInput.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChatInput.d.ts","sourceRoot":"","sources":["../../src/builder/ChatInput.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAKH,MAAM,WAAW,cAAc;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,wBAAgB,SAAS,CAAC,EACxB,SAAc,EACd,WAAiC,EACjC,QAAgB,EAChB,QAAQ,GACT,EAAE,cAAc,GAAG,GAAG,CAAC,OAAO,CAuC9B"}

package/dist/builder/ChatInput.js

@@ -1,20 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * Chat input component
- */
-import { useState, useCallback } from 'react';
-import { useChatContext } from './ChatContext';
-export function ChatInput({ className = '', placeholder = 'Type a message...', disabled = false, onSubmit, }) {
-    const { sendMessage, isLoading } = useChatContext();
-    const [value, setValue] = useState('');
-    const handleSubmit = useCallback((e) => {
-        e.preventDefault();
-        const text = value.trim();
-        if (!text || isLoading)
-            return;
-        setValue('');
-        onSubmit?.(text);
-        sendMessage(text);
-    }, [value, isLoading, sendMessage, onSubmit]);
-    return (_jsxs("form", { className: `chatbot-form ${className}`, onSubmit: handleSubmit, children: [_jsx("input", { type: "text", className: "chatbot-input", placeholder: placeholder, value: value, onChange: (e) => setValue(e.target.value), disabled: disabled || isLoading, autoComplete: "off" }), _jsx("button", { type: "submit", className: "chatbot-send", disabled: disabled || isLoading || !value.trim(), children: _jsx("svg", { viewBox: "0 0 24 24", width: "20", height: "20", fill: "currentColor", children: _jsx("path", { d: "M2.01 21L23 12 2.01 3 2 10l15 2-15 2z" }) }) })] }));
-}