@yak-io/react 0.5.0 → 0.7.0

package/dist/YakProvider.d.ts

@@ -1,5 +1,5 @@
 import type React from "react";
-import { type Theme, type ChatConfigProvider, type ToolCallHandler, type GraphQLSchemaHandler, type RESTSchemaHandler } from "@yak-io/javascript";
+import { type TriggerButtonConfig, type ChatConfigProvider, type ToolCallHandler, type GraphQLSchemaHandler, type RESTSchemaHandler, type Theme } from "@yak-io/javascript";
 /**
  * Props for YakProvider
  */
@@ -31,12 +31,18 @@ export type YakProviderProps = {
     onRedirect?: (path: string) => void;
     /** Disable the restart session button in the header */
     disableRestartButton?: boolean;
+    /**
+     * Trigger button configuration. Pass `false` to disable the built-in trigger button
+     * (useful when using `<YakWidget />` separately). Defaults to `false`.
+     */
+    trigger?: boolean | TriggerButtonConfig;
     /** Children components */
     children: React.ReactNode;
 };
 /**
- * YakProvider sets up the context, message handling, and renders the chat iframe.
- * The iframe is rendered as a fixed-position panel that can be opened/closed.
+ * YakProvider sets up the context, message handling, and renders the chat widget.
+ * All DOM rendering (panel, iframe, styles, optional trigger) is delegated to YakEmbed
+ * from the JavaScript SDK.
  */
-export declare function YakProvider({ appId, getConfig, onToolCall, onGraphQLSchemaCall, onRESTSchemaCall, theme, onRedirect, disableRestartButton, children, }: YakProviderProps): React.JSX.Element;
+export declare function YakProvider({ appId, getConfig, onToolCall, onGraphQLSchemaCall, onRESTSchemaCall, theme, onRedirect, disableRestartButton, trigger, children, }: YakProviderProps): React.JSX.Element;
 //# sourceMappingURL=YakProvider.d.ts.map

package/dist/YakProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"YakProvider.d.ts","sourceRoot":"","sources":["../src/YakProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAEL,KAAK,KAAK,EAGV,KAAK,kBAAkB,EACvB,KAAK,eAAe,EAEpB,KAAK,oBAAoB,EACzB,KAAK,iBAAiB,EACvB,MAAM,oBAAoB,CAAC;AAG5B;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,qCAAqC;IACrC,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B;;;OAGG;IACH,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B;;OAEG;IACH,mBAAmB,CAAC,EAAE,oBAAoB,CAAC;IAC3C;;OAEG;IACH,gBAAgB,CAAC,EAAE,iBAAiB,CAAC;IACrC,mCAAmC;IACnC,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,qEAAqE;IACrE,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,uDAAuD;IACvD,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,0BAA0B;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAmMF;;;GAGG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,SAAS,EACT,UAAU,EACV,mBAAmB,EACnB,gBAAgB,EAChB,KAAK,EACL,UAAU,EACV,oBAAoB,EACpB,QAAQ,GACT,EAAE,gBAAgB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAqVtC"}
+{"version":3,"file":"YakProvider.d.ts","sourceRoot":"","sources":["../src/YakProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAEL,KAAK,mBAAmB,EACxB,KAAK,kBAAkB,EACvB,KAAK,eAAe,EAEpB,KAAK,oBAAoB,EACzB,KAAK,iBAAiB,EACtB,KAAK,KAAK,EACX,MAAM,oBAAoB,CAAC;AAG5B;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,qCAAqC;IACrC,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B;;;OAGG;IACH,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B;;OAEG;IACH,mBAAmB,CAAC,EAAE,oBAAoB,CAAC;IAC3C;;OAEG;IACH,gBAAgB,CAAC,EAAE,iBAAiB,CAAC;IACrC,mCAAmC;IACnC,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,qEAAqE;IACrE,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,uDAAuD;IACvD,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,mBAAmB,CAAC;IACxC,0BAA0B;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,SAAS,EACT,UAAU,EACV,mBAAmB,EACnB,gBAAgB,EAChB,KAAK,EACL,UAAU,EACV,oBAAoB,EACpB,OAAe,EACf,QAAQ,GACT,EAAE,gBAAgB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAoJtC"}

package/dist/YakProvider.js

@@ -1,214 +1,17 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useState, useCallback, useMemo, useEffect, useRef } from "react";
 import { YakContext } from "./context.js";
-import { YakClient, } from "@yak-io/javascript";
+import { YakEmbed, } from "@yak-io/javascript";
 import { logger } from "./internal/logger.js";
 /**
- * All iframe/panel styles consolidated in one place
+ * YakProvider sets up the context, message handling, and renders the chat widget.
+ * All DOM rendering (panel, iframe, styles, optional trigger) is delegated to YakEmbed
+ * from the JavaScript SDK.
  */
-function getIframeStyles() {
-    return `
-    /* ===========================================
-       YAK IFRAME STYLES (rendered by provider)
-       =========================================== */
-
-    /* ===========================================
-       ROOT LAYER (full viewport, pointer-events pass-through)
-       =========================================== */
-    .yak-panel-root {
-      position: fixed;
-      top: 0;
-      left: 0;
-      right: 0;
-      bottom: 0;
-      width: 100vw;
-      height: 100vh;
-      pointer-events: none;
-      z-index: 9998;
-    }
-
-    /* ===========================================
-       CONTAINER
-       =========================================== */
-    .yak-panel-container {
-      position: absolute;
-      width: 500px;
-      height: 600px;
-      max-width: calc(100vw - 40px);
-      max-height: calc(100vh - 120px);
-      border-radius: 15px;
-      overflow: hidden;
-      background-color: transparent;
-      pointer-events: auto;
-    }
-
-    /* Container position variants (chatbox mode) - all 9 positions */
-    .yak-panel-container[data-position="top-left"]:not(.yak-panel-drawer) {
-      top: 16px;
-      left: 16px;
-    }
-    .yak-panel-container[data-position="top-center"]:not(.yak-panel-drawer) {
-      top: 16px;
-      left: 50%;
-      transform: translateX(-50%);
-    }
-    .yak-panel-container[data-position="top-right"]:not(.yak-panel-drawer) {
-      top: 16px;
-      right: 16px;
-    }
-    .yak-panel-container[data-position="left-center"]:not(.yak-panel-drawer) {
-      top: 50%;
-      left: 16px;
-      transform: translateY(-50%);
-    }
-    .yak-panel-container[data-position="right-center"]:not(.yak-panel-drawer) {
-      top: 50%;
-      right: 16px;
-      transform: translateY(-50%);
-    }
-    .yak-panel-container[data-position="bottom-left"]:not(.yak-panel-drawer) {
-      bottom: 16px;
-      left: 16px;
-    }
-    .yak-panel-container[data-position="bottom-center"]:not(.yak-panel-drawer) {
-      bottom: 16px;
-      left: 50%;
-      transform: translateX(-50%);
-    }
-    .yak-panel-container[data-position="bottom-right"]:not(.yak-panel-drawer) {
-      bottom: 16px;
-      right: 16px;
-    }
-
-    /* Container visibility (chatbox mode) */
-    .yak-panel-container:not(.yak-panel-drawer) {
-      display: none;
-    }
-    .yak-panel-container:not(.yak-panel-drawer)[data-open="true"] {
-      display: block;
-    }
-
-    /* ===========================================
-       EXPANDED MODE (full viewport for data table)
-       =========================================== */
-    .yak-panel-container[data-expanded="true"] {
-      width: calc(100vw - 32px) !important;
-      height: calc(100vh - 32px) !important;
-      max-width: none !important;
-      max-height: none !important;
-      top: 16px !important;
-      left: 16px !important;
-      right: 16px !important;
-      bottom: 16px !important;
-      border-radius: 15px !important;
-      border: 1px solid rgba(0, 0, 0, 0.1) !important;
-      box-shadow: 0 4px 24px rgba(0, 0, 0, 0.15) !important;
-    }
-
-    @media (prefers-color-scheme: dark) {
-      .yak-panel-container[data-expanded="true"]:not(.yak-panel-light) {
-        border-color: rgba(255, 255, 255, 0.1) !important;
-      }
-    }
-
-    .yak-panel-container.yak-panel-dark[data-expanded="true"] {
-      border-color: rgba(255, 255, 255, 0.1) !important;
-    }
-
-    .yak-panel-container.yak-panel-light[data-expanded="true"] {
-      border-color: rgba(0, 0, 0, 0.1) !important;
-    }
-
-    /* ===========================================
-       DRAWER MODE
-       =========================================== */
-    .yak-panel-container.yak-panel-drawer {
-      height: calc(100% - 32px);
-      max-width: 100vw;
-      max-height: none;
-      border-radius: 15px;
-      transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
-    }
-
-    /* Drawer position - only left-center and right-center are relevant for drawer mode */
-    .yak-panel-container.yak-panel-drawer[data-position="left-center"],
-    .yak-panel-container.yak-panel-drawer[data-position="top-left"],
-    .yak-panel-container.yak-panel-drawer[data-position="bottom-left"] {
-      top: 16px;
-      left: 16px;
-      bottom: 16px;
-      transform: translateX(calc(-100% - 16px));
-    }
-    .yak-panel-container.yak-panel-drawer[data-position="right-center"],
-    .yak-panel-container.yak-panel-drawer[data-position="top-right"],
-    .yak-panel-container.yak-panel-drawer[data-position="bottom-right"] {
-      top: 16px;
-      right: 16px;
-      bottom: 16px;
-      transform: translateX(calc(100% + 16px));
-    }
-    /* Center positions default to right side for drawer */
-    .yak-panel-container.yak-panel-drawer[data-position="top-center"],
-    .yak-panel-container.yak-panel-drawer[data-position="bottom-center"] {
-      top: 16px;
-      right: 16px;
-      bottom: 16px;
-      transform: translateX(calc(100% + 16px));
-    }
-
-    /* Drawer open state */
-    .yak-panel-container.yak-panel-drawer[data-open="true"] {
-      transform: translateX(0);
-    }
-
-    /* ===========================================
-       IFRAME
-       =========================================== */
-    .yak-panel-iframe {
-      position: absolute;
-      inset: 0;
-      width: 100%;
-      height: 100%;
-      border: none;
-    }
-
-    /* ===========================================
-       MOBILE RESPONSIVE
-       =========================================== */
-    @media (max-width: 640px) {
-      .yak-panel-container:not(.yak-panel-drawer) {
-        width: 100% !important;
-        height: 100% !important;
-        height: 100dvh !important;
-        max-width: none !important;
-        max-height: none !important;
-        top: 0 !important;
-        left: 0 !important;
-        right: 0 !important;
-        bottom: 0 !important;
-        border-radius: 0 !important;
-      }
-      .yak-panel-container.yak-panel-drawer {
-        width: 100% !important;
-        max-width: none !important;
-      }
-    }
-  `;
-}
-/**
- * YakProvider sets up the context, message handling, and renders the chat iframe.
- * The iframe is rendered as a fixed-position panel that can be opened/closed.
- */
-export function YakProvider({ appId, getConfig, onToolCall, onGraphQLSchemaCall, onRESTSchemaCall, theme, onRedirect, disableRestartButton, children, }) {
-    const [iframeWindow, setIframeWindow] = useState(null);
-    const [chatConfig, setChatConfig] = useState(null);
-    const [isWidgetOpen, setIsWidgetOpen] = useState(false);
-    const [pendingPrompt, setPendingPrompt] = useState(null);
+export function YakProvider({ appId, getConfig, onToolCall, onGraphQLSchemaCall, onRESTSchemaCall, theme, onRedirect, disableRestartButton, trigger = false, children, }) {
+    const [isOpen, setIsOpen] = useState(false);
     const [isIframeReady, setIsIframeReady] = useState(false);
-    const [hasBeenOpened, setHasBeenOpened] = useState(false);
-    const [isExpanded, setIsExpanded] = useState(false);
-    const iframeRef = useRef(null);
     // Store event subscribers for tool call events
     const toolEventSubscribersRef = useRef(new Set());
     // Handler that notifies all subscribers when a tool call completes
@@ -227,37 +30,54 @@ export function YakProvider({ appId, getConfig, onToolCall, onGraphQLSchemaCall,
             }
         }
     }, []);
-    // Initialize YakClient
-    const clientRef = useRef(null);
-    if (!clientRef.current) {
-        clientRef.current = new YakClient({
+    // Resolve redirect handler
+    const resolvedRedirect = useMemo(() => {
+        if (onRedirect)
+            return onRedirect;
+        if (typeof window === "undefined")
+            return undefined;
+        return (path) => {
+            window.location.assign(path);
+        };
+    }, [onRedirect]);
+    // Initialize YakEmbed — created once, never recreated
+    const embedRef = useRef(null);
+    if (!embedRef.current) {
+        embedRef.current = new YakEmbed({
             appId,
+            theme,
+            trigger,
             onToolCall,
             onGraphQLSchemaCall,
             onRESTSchemaCall,
-            theme,
-            onRedirect,
+            onRedirect: resolvedRedirect,
             options: { disableRestartButton },
-            onClose: () => setIsWidgetOpen(false),
-            onReady: () => setIsIframeReady(true),
             onToolCallComplete: handleToolCallComplete,
         });
     }
-    const client = clientRef.current;
-    // Get the iframe origin from the client (computed based on environment)
-    const iframeOrigin = client.getIframeOrigin();
-    const iframeSrc = client.getEmbedUrl();
-    // Update client config when props change
+    const embed = embedRef.current;
+    // Mount/unmount embed and subscribe to state changes
+    useEffect(() => {
+        embed.mount();
+        const unsubscribe = embed.onStateChange((state) => {
+            setIsOpen(state.isOpen);
+            setIsIframeReady(state.isReady);
+        });
+        return () => {
+            unsubscribe();
+            embed.destroy();
+        };
+    }, [embed]);
+    // Update embed config when props change (exclude onReady/onClose which are managed by YakEmbed)
     useEffect(() => {
-        client.updateConfig({
+        embed.getClient().updateConfig({
             appId,
             onToolCall,
             onGraphQLSchemaCall,
             onRESTSchemaCall,
             theme,
-            onRedirect,
+            onRedirect: resolvedRedirect,
             options: { disableRestartButton },
-            chatConfig: chatConfig ?? undefined,
             onToolCallComplete: handleToolCallComplete,
         });
     }, [
@@ -266,89 +86,14 @@ export function YakProvider({ appId, getConfig, onToolCall, onGraphQLSchemaCall,
         onGraphQLSchemaCall,
         onRESTSchemaCall,
         theme,
-        onRedirect,
+        resolvedRedirect,
         disableRestartButton,
-        chatConfig,
-        client,
+        embed,
         handleToolCallComplete,
     ]);
-    // Update client iframe window
-    useEffect(() => {
-        client.setIframeWindow(iframeWindow);
-    }, [iframeWindow, client]);
-    // Update client widget open state
-    useEffect(() => {
-        client.setWidgetOpen(isWidgetOpen);
-    }, [isWidgetOpen, client]);
-    // Mount/Unmount client listeners
+    // Fetch chat config when widget is opened
     useEffect(() => {
-        client.mount();
-        return () => client.unmount();
-    }, [client]);
-    // Track when widget is first opened
-    useEffect(() => {
-        if (isWidgetOpen && !hasBeenOpened) {
-            setHasBeenOpened(true);
-        }
-    }, [isWidgetOpen, hasBeenOpened]);
-    // Register iframe window when loaded
-    useEffect(() => {
-        if (!hasBeenOpened)
-            return;
-        const iframe = iframeRef.current;
-        if (!iframe)
-            return;
-        const handleLoad = () => {
-            if (iframe.contentWindow) {
-                logger.debug("Iframe window registered");
-                setIframeWindow(iframe.contentWindow);
-            }
-        };
-        iframe.addEventListener("load", handleLoad);
-        return () => {
-            iframe.removeEventListener("load", handleLoad);
-            logger.debug("Iframe window unregistered");
-            setIframeWindow(null);
-        };
-    }, [hasBeenOpened]);
-    // Listen for expansion messages from iframe
-    useEffect(() => {
-        const handleMessage = (event) => {
-            const iframe = iframeRef.current;
-            if (!iframe)
-                return;
-            // Check for expansion control messages
-            if (event.data?.type === "YAK_SET_EXPANDED") {
-                setIsExpanded(Boolean(event.data.expanded));
-            }
-        };
-        window.addEventListener("message", handleMessage);
-        return () => window.removeEventListener("message", handleMessage);
-    }, []);
-    // Detect mobile/fullscreen and notify iframe
-    useEffect(() => {
-        if (!isIframeReady)
-            return;
-        const mobileQuery = window.matchMedia("(max-width: 640px)");
-        const notifyFullscreen = (isFullscreen) => {
-            const msg = {
-                type: "yak:viewport",
-                payload: { fullscreen: isFullscreen },
-            };
-            iframeWindow?.postMessage(msg, iframeOrigin);
-        };
-        // Send initial state
-        notifyFullscreen(mobileQuery.matches);
-        // Listen for changes
-        const handleChange = (e) => {
-            notifyFullscreen(e.matches);
-        };
-        mobileQuery.addEventListener("change", handleChange);
-        return () => mobileQuery.removeEventListener("change", handleChange);
-    }, [isIframeReady, iframeWindow, iframeOrigin]);
-    // Get chat config when widget is opened
-    useEffect(() => {
-        if (typeof window === "undefined" || !isWidgetOpen || !getConfig)
+        if (typeof window === "undefined" || !isOpen || !getConfig)
             return;
         logger.debug("Getting chat config");
         let cancelled = false;
@@ -357,7 +102,7 @@ export function YakProvider({ appId, getConfig, onToolCall, onGraphQLSchemaCall,
                 const config = await getConfig();
                 if (!cancelled) {
                     logger.debug(`Chat config loaded with ${config.tools?.tools.length ?? 0} tools and ${config.routes?.routes.length ?? 0} routes`);
-                    setChatConfig(config);
+                    embed.getClient().updateConfig({ chatConfig: config });
                 }
             }
             catch (err) {
@@ -367,105 +112,30 @@ export function YakProvider({ appId, getConfig, onToolCall, onGraphQLSchemaCall,
         return () => {
             cancelled = true;
         };
-    }, [getConfig, isWidgetOpen]);
-    const resolvedRedirect = useMemo(() => {
-        if (onRedirect)
-            return onRedirect;
-        if (typeof window === "undefined")
-            return undefined;
-        return (path) => {
-            window.location.assign(path);
-        };
-    }, [onRedirect]);
-    const config = useMemo(() => ({
-        appId,
-        theme,
-        chatConfig,
-        onRedirect: resolvedRedirect,
-    }), [appId, theme, chatConfig, resolvedRedirect]);
-    // Methods to get URLs from the client
-    const getIframeOrigin = useCallback(() => client.getIframeOrigin(), [client]);
-    const getEmbedUrl = useCallback(() => client.getEmbedUrl(), [client]);
-    const sendMessage = useCallback((message) => {
-        iframeWindow?.postMessage(message, iframeOrigin);
-    }, [iframeWindow, iframeOrigin]);
-    const open = useCallback(() => {
-        setIsWidgetOpen(true);
-    }, []);
-    const close = useCallback(() => {
-        setIsWidgetOpen(false);
-    }, []);
-    const openWithPrompt = useCallback((prompt) => {
-        logger.debug("Opening widget with prompt:", prompt);
-        setPendingPrompt(prompt);
-        setIsWidgetOpen(true);
-    }, []);
-    // Effect to send pending prompt when iframe becomes ready
-    useEffect(() => {
-        if (isIframeReady && pendingPrompt && iframeWindow) {
-            logger.debug("Sending pending prompt to iframe:", pendingPrompt);
-            const promptMessage = {
-                type: "yak:prompt",
-                payload: { prompt: pendingPrompt },
-            };
-            iframeWindow.postMessage(promptMessage, iframeOrigin);
-            setPendingPrompt(null);
-        }
-    }, [isIframeReady, pendingPrompt, iframeWindow, iframeOrigin]);
-    // Effect to send focus message when widget is opened
-    useEffect(() => {
-        if (isWidgetOpen && iframeWindow && isIframeReady) {
-            logger.debug("Sending focus request to iframe");
-            const focusMessage = {
-                type: "yak:focus",
-            };
-            iframeWindow.postMessage(focusMessage, iframeOrigin);
-        }
-    }, [isWidgetOpen, iframeWindow, isIframeReady, iframeOrigin]);
+    }, [getConfig, isOpen, embed]);
+    // Open/close methods
+    const open = useCallback(() => embed.open(), [embed]);
+    const close = useCallback(() => embed.close(), [embed]);
+    const openWithPrompt = useCallback((prompt) => embed.openWithPrompt(prompt), [embed]);
     // Subscribe to tool call completion events
     const subscribeToToolEvents = useCallback((handler) => {
         toolEventSubscribersRef.current.add(handler);
         logger.debug("Tool event subscriber added, total:", toolEventSubscribersRef.current.size);
-        // Return unsubscribe function
         return () => {
             toolEventSubscribersRef.current.delete(handler);
             logger.debug("Tool event subscriber removed, total:", toolEventSubscribersRef.current.size);
         };
     }, []);
+    // Expose iframe origin for YakWidget
+    const getIframeOrigin = useCallback(() => embed.getClient().getIframeOrigin(), [embed]);
     const contextValue = useMemo(() => ({
-        config,
-        getIframeOrigin,
-        getEmbedUrl,
-        sendMessage,
-        isOpen: isWidgetOpen,
+        isOpen,
         isIframeReady,
         open,
         close,
         openWithPrompt,
-        setIsIframeReady,
         subscribeToToolEvents,
-    }), [
-        config,
         getIframeOrigin,
-        getEmbedUrl,
-        sendMessage,
-        isWidgetOpen,
-        isIframeReady,
-        open,
-        close,
-        openWithPrompt,
-        subscribeToToolEvents,
-    ]);
-    // Determine position styles based on theme
-    const position = theme?.position ?? "bottom-right";
-    const colorMode = theme?.colorMode;
-    const displayMode = theme?.displayMode ?? "chatbox";
-    const isDrawer = displayMode === "drawer";
-    // Determine color mode class for the container
-    const colorModeClass = colorMode === "light" ? "yak-panel-light" : colorMode === "dark" ? "yak-panel-dark" : "";
-    // Build container class names
-    const containerClasses = ["yak-panel-container", isDrawer && "yak-panel-drawer", colorModeClass]
-        .filter(Boolean)
-        .join(" ");
-    return (_jsxs(YakContext.Provider, { value: contextValue, children: [children, _jsx("style", { children: getIframeStyles() }), hasBeenOpened && (_jsx("div", { className: "yak-panel-root", "data-expanded": isExpanded, children: _jsx("div", { className: containerClasses, "data-position": position, "data-open": isWidgetOpen && isIframeReady, "data-expanded": isExpanded, children: _jsx("iframe", { ref: iframeRef, src: iframeSrc, className: "yak-panel-iframe", title: "yak-chat-host" }) }) }))] }));
+    }), [isOpen, isIframeReady, open, close, openWithPrompt, subscribeToToolEvents, getIframeOrigin]);
+    return _jsx(YakContext.Provider, { value: contextValue, children: children });
 }

package/dist/YakWidget.d.ts

@@ -25,7 +25,8 @@ export type YakWidgetProps = {
 };
 /**
  * YakWidget renders a fixed-position launcher button.
- * The chat iframe is rendered by YakProvider - this is just the trigger button.
+ * Trigger CSS is injected by YakEmbed (via YakProvider) — this component
+ * only provides the React button element using those shared class names.
  */
 export declare function YakWidget({ triggerLabel, position, colorMode, lightButton, darkButton, }?: YakWidgetProps): React.JSX.Element;
 //# sourceMappingURL=YakWidget.d.ts.map

package/dist/YakWidget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"YakWidget.d.ts","sourceRoot":"","sources":["../src/YakWidget.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AA4NzD;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG;IAC3B,uCAAuC;IACvC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,0BAA0B;IAC1B,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;IACxC,0CAA0C;IAC1C,WAAW,CAAC,EAAE;QACZ,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,yCAAyC;IACzC,UAAU,CAAC,EAAE;QACX,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;CACH,CAAC;AAwCF;;;GAGG;AACH,wBAAgB,SAAS,CAAC,EACxB,YAA4B,EAC5B,QAAyB,EACzB,SAAS,EACT,WAAW,EACX,UAAU,GACX,GAAE,cAAmB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAyCzC"}
+{"version":3,"file":"YakWidget.d.ts","sourceRoot":"","sources":["../src/YakWidget.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEzD;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG;IAC3B,uCAAuC;IACvC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,0BAA0B;IAC1B,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;IACxC,0CAA0C;IAC1C,WAAW,CAAC,EAAE;QACZ,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,yCAAyC;IACzC,UAAU,CAAC,EAAE;QACX,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;CACH,CAAC;AAwCF;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,EACxB,YAA4B,EAC5B,QAAyB,EACzB,SAAS,EACT,WAAW,EACX,UAAU,GACX,GAAE,cAAmB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAoCzC"}

package/dist/YakWidget.js

@@ -1,224 +1,7 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useContext } from "react";
 import { YakContext, useYak } from "./context.js";
-/**
- * All button styles consolidated in one place
- */
-function getButtonStyles() {
-    return `
-    /* ===========================================
-       YAK WIDGET BUTTON STYLES
-       =========================================== */
-
-    /* Trigger Button Base */
-    .yak-widget-trigger {
-      position: fixed;
-      z-index: 9997;
-      display: flex;
-      align-items: center;
-      gap: 12px;
-      border: none;
-      border-radius: 30px;
-      padding: 0 5px 0 20px;
-      height: 45px;
-      min-width: 45px;
-      width: auto;
-      cursor: pointer;
-      transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
-      overflow: hidden;
-      background-color: #000;
-      color: #fff;
-      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
-    }
-
-    /* Trigger position variants - all 9 positions */
-    .yak-widget-trigger[data-position="top-left"] {
-      top: 28px;
-      left: 28px;
-      flex-direction: row-reverse;
-    }
-    .yak-widget-trigger[data-position="top-center"] {
-      top: 28px;
-      left: 50%;
-      transform: translateX(-50%);
-      flex-direction: row;
-    }
-    .yak-widget-trigger[data-position="top-right"] {
-      top: 28px;
-      right: 28px;
-      flex-direction: row;
-    }
-    .yak-widget-trigger[data-position="left-center"] {
-      top: 50%;
-      left: 28px;
-      transform: translateY(-50%);
-      flex-direction: row-reverse;
-    }
-    .yak-widget-trigger[data-position="right-center"] {
-      top: 50%;
-      right: 28px;
-      transform: translateY(-50%);
-      flex-direction: row;
-    }
-    .yak-widget-trigger[data-position="bottom-left"] {
-      bottom: 28px;
-      left: 28px;
-      flex-direction: row-reverse;
-    }
-    .yak-widget-trigger[data-position="bottom-center"] {
-      bottom: 28px;
-      left: 50%;
-      transform: translateX(-50%);
-      flex-direction: row;
-    }
-    .yak-widget-trigger[data-position="bottom-right"] {
-      bottom: 28px;
-      right: 28px;
-      flex-direction: row;
-    }
-
-    .yak-widget-trigger-label {
-      font-size: 14px;
-      font-weight: 600;
-      white-space: nowrap;
-    }
-
-    .yak-widget-icon-bg {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      width: 36px;
-      height: 36px;
-      border-radius: 50%;
-      background-color: rgba(255, 255, 255, 0.1);
-    }
-
-    .yak-widget-icon {
-      width: 20px;
-      height: 20px;
-      color: currentColor;
-    }
-
-    /* Invert logo for dark mode */
-    @media (prefers-color-scheme: dark) {
-      .yak-widget-trigger:not(.yak-widget-light) .yak-widget-icon {
-        filter: invert(1);
-      }
-    }
-    .yak-widget-trigger.yak-widget-dark .yak-widget-icon {
-      filter: invert(1);
-    }
-    .yak-widget-trigger.yak-widget-light .yak-widget-icon {
-      filter: none;
-    }
-
-    /* Spinner animation for loading state */
-    .yak-widget-spinner {
-      width: 20px;
-      height: 20px;
-      border: 2px solid currentColor;
-      border-top-color: transparent;
-      border-radius: 50%;
-      animation: yak-widget-spin 0.8s linear infinite;
-    }
-
-    @keyframes yak-widget-spin {
-      to {
-        transform: rotate(360deg);
-      }
-    }
-
-    /* Loading/disabled state for trigger button */
-    .yak-widget-trigger:disabled {
-      cursor: wait;
-    }
-
-    /* Custom button styles for forced light mode */
-    .yak-widget-trigger.yak-widget-custom-light {
-      background-color: var(--yak-btn-light-bg, #fff);
-      color: var(--yak-btn-light-color, #000);
-      border: 1px solid var(--yak-btn-light-border, transparent);
-      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
-    }
-
-    /* Custom button styles for forced dark mode */
-    .yak-widget-trigger.yak-widget-custom-dark {
-      background-color: var(--yak-btn-dark-bg, #000);
-      color: var(--yak-btn-dark-color, #fff);
-      border: 1px solid var(--yak-btn-dark-border, transparent);
-      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
-    }
-
-    /* System mode with custom light colors */
-    @media (prefers-color-scheme: light) {
-      .yak-widget-trigger[data-has-light-custom]:not(.yak-widget-dark) {
-        background-color: var(--yak-btn-light-bg, #fff);
-        color: var(--yak-btn-light-color, #000);
-        border: 1px solid var(--yak-btn-light-border, transparent);
-        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
-      }
-    }
-
-    /* System mode with custom dark colors */
-    @media (prefers-color-scheme: dark) {
-      .yak-widget-trigger[data-has-dark-custom]:not(.yak-widget-light) {
-        background-color: var(--yak-btn-dark-bg, #000);
-        color: var(--yak-btn-dark-color, #fff);
-        border: 1px solid var(--yak-btn-dark-border, transparent);
-        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
-      }
-    }
-
-    /* Light mode via system preference (default styling without custom) */
-    @media (prefers-color-scheme: light) {
-      .yak-widget-trigger:not(.yak-widget-dark):not([data-has-light-custom]) {
-        background-color: #fff;
-        color: #000;
-        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
-        border: 1px solid #e5e5e5;
-      }
-      .yak-widget-trigger:not(.yak-widget-dark):not([data-has-light-custom]) .yak-widget-icon-bg {
-        background-color: rgba(0, 0, 0, 0.05);
-      }
-    }
-
-    /* Dark mode via system preference (default styling without custom) */
-    @media (prefers-color-scheme: dark) {
-      .yak-widget-trigger:not(.yak-widget-light):not([data-has-dark-custom]) {
-        background-color: #000;
-        color: #fff;
-        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
-        border: none;
-      }
-      .yak-widget-trigger:not(.yak-widget-light):not([data-has-dark-custom]) .yak-widget-icon-bg {
-        background-color: rgba(255, 255, 255, 0.1);
-      }
-    }
-
-    /* Forced light mode (default styling) */
-    .yak-widget-trigger.yak-widget-light:not(.yak-widget-custom-light) {
-      background-color: #fff;
-      color: #000;
-      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
-      border: 1px solid #e5e5e5;
-    }
-    .yak-widget-trigger.yak-widget-light:not(.yak-widget-custom-light) .yak-widget-icon-bg {
-      background-color: rgba(0, 0, 0, 0.05);
-    }
-
-    /* Forced dark mode (default styling) */
-    .yak-widget-trigger.yak-widget-dark:not(.yak-widget-custom-dark) {
-      background-color: #000;
-      color: #fff;
-      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
-      border: none;
-    }
-    .yak-widget-trigger.yak-widget-dark:not(.yak-widget-custom-dark) .yak-widget-icon-bg {
-      background-color: rgba(255, 255, 255, 0.1);
-    }
-  `;
-}
 /**
  * Compute button CSS variables from custom button color props
  */
@@ -254,7 +37,8 @@ function buildButtonClasses(colorMode, hasLightCustom, hasDarkCustom) {
 }
 /**
  * YakWidget renders a fixed-position launcher button.
- * The chat iframe is rendered by YakProvider - this is just the trigger button.
+ * Trigger CSS is injected by YakEmbed (via YakProvider) — this component
+ * only provides the React button element using those shared class names.
  */
 export function YakWidget({ triggerLabel = "Ask with AI", position = "bottom-right", colorMode, lightButton, darkButton, } = {}) {
     const { open, isOpen, isIframeReady } = useYak();
@@ -265,5 +49,5 @@ export function YakWidget({ triggerLabel = "Ask with AI", position = "bottom-rig
     const hasDarkCustom = darkButton?.background || darkButton?.color || darkButton?.border;
     const buttonStyle = buildButtonStyle(lightButton, darkButton);
     const buttonClasses = buildButtonClasses(colorMode, hasLightCustom, hasDarkCustom);
-    return (_jsxs(_Fragment, { children: [_jsx("style", { children: getButtonStyles() }), _jsxs("button", { type: "button", onClick: open, className: buttonClasses, style: Object.keys(buttonStyle).length > 0 ? buttonStyle : undefined, "data-position": position, "data-has-light-custom": hasLightCustom || undefined, "data-has-dark-custom": hasDarkCustom || undefined, "aria-label": isLoading ? "Loading chat" : "Open chat", disabled: isLoading, children: [_jsx("span", { className: "yak-widget-trigger-label", children: triggerLabel }), _jsx("div", { className: "yak-widget-icon-bg", children: isLoading ? (_jsx("div", { className: "yak-widget-spinner", "aria-hidden": "true" })) : (_jsx("img", { src: logoUrl, alt: "", width: 20, height: 20, className: "yak-widget-icon" })) })] })] }));
+    return (_jsxs("button", { type: "button", onClick: open, className: buttonClasses, style: Object.keys(buttonStyle).length > 0 ? buttonStyle : undefined, "data-position": position, "data-has-light-custom": hasLightCustom || undefined, "data-has-dark-custom": hasDarkCustom || undefined, "aria-label": isLoading ? "Loading chat" : "Open chat", disabled: isLoading, children: [_jsx("span", { className: "yak-widget-trigger-label", children: triggerLabel }), _jsx("div", { className: "yak-widget-icon-bg", children: isLoading ? (_jsx("div", { className: "yak-widget-spinner", "aria-hidden": "true" })) : (_jsx("img", { src: logoUrl, alt: "", width: 20, height: 20, className: "yak-widget-icon" })) })] }));
 }

package/dist/context.d.ts

@@ -1,4 +1,4 @@
-import type { Theme, ChatConfig, ToolCallEvent, IframeMessageFromHost } from "@yak-io/javascript";
+import type { Theme, ChatConfig, ToolCallEvent } from "@yak-io/javascript";
 /**
  * Configuration for the yak provider
  */
@@ -31,19 +31,12 @@ export type YakContextValue = {
     subscribeToToolEvents: (handler: ToolCallEventHandler) => () => void;
 };
 /**
- * Internal context with additional methods for iframe management.
+ * Internal context with additional methods for widget internals.
  * Not exposed to consumers - only used by provider internals.
  */
 export type YakInternalContextValue = YakContextValue & {
-    config: YakConfig;
     /** Get the iframe origin URL (determined by environment) */
     getIframeOrigin: () => string;
-    /** Get the full iframe embed URL */
-    getEmbedUrl: () => string;
-    /** Send a message to the iframe */
-    sendMessage: (message: IframeMessageFromHost) => void;
-    /** Set iframe ready state (called by provider) */
-    setIsIframeReady: (ready: boolean) => void;
 };
 export declare const YakContext: import("react").Context<YakInternalContextValue | null>;
 /**

package/dist/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../src/context.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAElG;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,UAAU,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;IAC/B,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;AAElE;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B,gDAAgD;IAChD,MAAM,EAAE,OAAO,CAAC;IAChB,sDAAsD;IACtD,aAAa,EAAE,OAAO,CAAC;IACvB,2BAA2B;IAC3B,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,4BAA4B;IAC5B,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,yDAAyD;IACzD,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,+CAA+C;IAC/C,qBAAqB,EAAE,CAAC,OAAO,EAAE,oBAAoB,KAAK,MAAM,IAAI,CAAC;CACtE,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,uBAAuB,GAAG,eAAe,GAAG;IACtD,MAAM,EAAE,SAAS,CAAC;IAClB,4DAA4D;IAC5D,eAAe,EAAE,MAAM,MAAM,CAAC;IAC9B,oCAAoC;IACpC,WAAW,EAAE,MAAM,MAAM,CAAC;IAC1B,mCAAmC;IACnC,WAAW,EAAE,CAAC,OAAO,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACtD,kDAAkD;IAClD,gBAAgB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5C,CAAC;AAEF,eAAO,MAAM,UAAU,yDAAsD,CAAC;AAE9E;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,MAAM,IAAI,eAAe,CAcxC;AAED;;;GAGG;AACH,wBAAgB,cAAc,IAAI,uBAAuB,CAMxD;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,wBAAgB,eAAe,CAAC,OAAO,EAAE,oBAAoB,GAAG,IAAI,CAkBnE"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../src/context.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAE3E;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,UAAU,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;IAC/B,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;AAElE;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B,gDAAgD;IAChD,MAAM,EAAE,OAAO,CAAC;IAChB,sDAAsD;IACtD,aAAa,EAAE,OAAO,CAAC;IACvB,2BAA2B;IAC3B,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,4BAA4B;IAC5B,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,yDAAyD;IACzD,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,+CAA+C;IAC/C,qBAAqB,EAAE,CAAC,OAAO,EAAE,oBAAoB,KAAK,MAAM,IAAI,CAAC;CACtE,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,uBAAuB,GAAG,eAAe,GAAG;IACtD,4DAA4D;IAC5D,eAAe,EAAE,MAAM,MAAM,CAAC;CAC/B,CAAC;AAEF,eAAO,MAAM,UAAU,yDAAsD,CAAC;AAE9E;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,MAAM,IAAI,eAAe,CAcxC;AAED;;;GAGG;AACH,wBAAgB,cAAc,IAAI,uBAAuB,CAMxD;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,wBAAgB,eAAe,CAAC,OAAO,EAAE,oBAAoB,GAAG,IAAI,CAkBnE"}

package/dist/index.d.ts

@@ -4,5 +4,5 @@ export { YakProvider } from "./YakProvider.js";
 export type { YakProviderProps } from "./YakProvider.js";
 export { YakWidget } from "./YakWidget.js";
 export type { YakWidgetProps } from "./YakWidget.js";
-export type { GraphQLSchemaHandler, RESTSchemaHandler, GraphQLRequest, RESTRequest, ToolCallHandler, ToolCallEvent, SchemaSource, GraphQLSchemaSource, OpenAPISchemaSource, Theme, ThemeColors, ButtonColors, WidgetPosition, } from "@yak-io/javascript";
+export type { GraphQLSchemaHandler, RESTSchemaHandler, GraphQLRequest, RESTRequest, ToolCallHandler, ToolCallEvent, SchemaSource, GraphQLSchemaSource, OpenAPISchemaSource, Theme, ThemeColors, TriggerButtonConfig, WidgetPosition, } from "@yak-io/javascript";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACvD,YAAY,EAAE,SAAS,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AACrF,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,YAAY,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,YAAY,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAGrD,YAAY,EACV,oBAAoB,EACpB,iBAAiB,EACjB,cAAc,EACd,WAAW,EACX,eAAe,EACf,aAAa,EACb,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,EACnB,KAAK,EACL,WAAW,EACX,YAAY,EACZ,cAAc,GACf,MAAM,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACvD,YAAY,EAAE,SAAS,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AACrF,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,YAAY,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,YAAY,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAGrD,YAAY,EACV,oBAAoB,EACpB,iBAAiB,EACjB,cAAc,EACd,WAAW,EACX,eAAe,EACf,aAAa,EACb,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,EACnB,KAAK,EACL,WAAW,EACX,mBAAmB,EACnB,cAAc,GACf,MAAM,oBAAoB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yak-io/react",
-  "version": "0.5.0",
+  "version": "0.7.0",
   "description": "React SDK for embedding yak chatbot",
   "type": "module",
   "license": "SEE LICENSE IN LICENSE",
@@ -41,7 +41,7 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@yak-io/javascript": "0.4.1"
+    "@yak-io/javascript": "0.6.0"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",