vanilla-agent 1.27.0 → 1.29.0

package/dist/index.js

@@ -63,6 +63,6 @@ import{Marked as Jo}from"marked";var Yo=n=>{if(n)return n},gn=n=>{var r,o;let t=
 `)}function zo(n){var r;let t=xn(n),s=t!=="plain",e={};if(n.apiUrl&&(e.apiUrl=n.apiUrl),n.flowId&&(e.flowId=n.flowId),s&&(e.parserType=t),n.theme&&(e.theme=n.theme),n.launcher&&(e.launcher=n.launcher),n.copy&&(e.copy=n.copy),n.sendButton&&(e.sendButton=n.sendButton),n.voiceRecognition&&(e.voiceRecognition=n.voiceRecognition),n.statusIndicator&&(e.statusIndicator=n.statusIndicator),n.features&&(e.features=n.features),((r=n.suggestionChips)==null?void 0:r.length)>0&&(e.suggestionChips=n.suggestionChips),n.suggestionChipsConfig&&(e.suggestionChipsConfig=n.suggestionChipsConfig),n.debug&&(e.debug=n.debug),n.toolCall){let o={};Object.entries(n.toolCall).forEach(([i,l])=>{typeof l=="string"&&(o[i]=l)}),Object.keys(o).length>0&&(e.toolCall=o)}if(n.messageActions){let o={};Object.entries(n.messageActions).forEach(([i,l])=>{i!=="onFeedback"&&i!=="onCopy"&&l!==void 0&&(typeof l=="string"||typeof l=="boolean")&&(o[i]=l)}),Object.keys(o).length>0&&(e.messageActions=o)}if(n.markdown){let o={};n.markdown.options&&(o.options=n.markdown.options),n.markdown.disableDefaultStyles!==void 0&&(o.disableDefaultStyles=n.markdown.disableDefaultStyles),Object.keys(o).length>0&&(e.markdown=o)}if(n.layout){let o={};if(n.layout.header){let i={};Object.entries(n.layout.header).forEach(([l,d])=>{l!=="render"&&(typeof d=="string"||typeof d=="boolean")&&(i[l]=d)}),Object.keys(i).length>0&&(o.header=i)}if(n.layout.messages){let i={};Object.entries(n.layout.messages).forEach(([l,d])=>{if(l!=="renderUserMessage"&&l!=="renderAssistantMessage")if(l==="avatar"&&typeof d=="object"&&d!==null)i.avatar=d;else if(l==="timestamp"&&typeof d=="object"&&d!==null){let c={};Object.entries(d).forEach(([w,y])=>{w!=="format"&&(typeof y=="string"||typeof y=="boolean")&&(c[w]=y)}),Object.keys(c).length>0&&(i.timestamp=c)}else(typeof d=="string"||typeof d=="boolean")&&(i[l]=d)}),Object.keys(i).length>0&&(o.messages=i)}Object.keys(o).length>0&&(e.layout=o)}return e}function Br(n){let t=zo(n);return`<script src="https://cdn.jsdelivr.net/npm/vanilla-agent@latest/dist/install.global.js" data-config='${JSON.stringify(t,null,0).replace(/'/g,"&#39;")}'></script>`}function Hr(n){let t=xn(n),s=t!=="plain",e=["<!-- Load CSS -->",'<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vanilla-agent@latest/dist/widget.css" />',"","<!-- Load JavaScript -->",'<script src="https://cdn.jsdelivr.net/npm/vanilla-agent@latest/dist/index.global.js"></script>',"","<!-- Initialize widget -->","<script>","  window.AgentWidget.initAgentWidget({","    target: 'body',","    config: {"];return n.apiUrl&&e.push(`      apiUrl: "${n.apiUrl}",`),n.flowId&&e.push(`      flowId: "${n.flowId}",`),s&&e.push(`      parserType: "${t}",`),n.theme&&(e.push("      theme: {"),Object.entries(n.theme).forEach(([r,o])=>{e.push(`        ${r}: "${o}",`)}),e.push("      },")),n.launcher&&(e.push("      launcher: {"),Object.entries(n.launcher).forEach(([r,o])=>{typeof o=="string"?e.push(`        ${r}: "${o}",`):typeof o=="boolean"&&e.push(`        ${r}: ${o},`)}),e.push("      },")),n.copy&&(e.push("      copy: {"),Object.entries(n.copy).forEach(([r,o])=>{e.push(`        ${r}: "${o}",`)}),e.push("      },")),n.sendButton&&(e.push("      sendButton: {"),Object.entries(n.sendButton).forEach(([r,o])=>{typeof o=="string"?e.push(`        ${r}: "${o}",`):typeof o=="boolean"&&e.push(`        ${r}: ${o},`)}),e.push("      },")),n.voiceRecognition&&(e.push("      voiceRecognition: {"),Object.entries(n.voiceRecognition).forEach(([r,o])=>{typeof o=="string"?e.push(`        ${r}: "${o}",`):typeof o=="boolean"?e.push(`        ${r}: ${o},`):typeof o=="number"&&e.push(`        ${r}: ${o},`)}),e.push("      },")),n.statusIndicator&&(e.push("      statusIndicator: {"),Object.entries(n.statusIndicator).forEach(([r,o])=>{typeof o=="string"?e.push(`        ${r}: "${o}",`):typeof o=="boolean"&&e.push(`        ${r}: ${o},`)}),e.push("      },")),n.features&&(e.push("      features: {"),Object.entries(n.features).forEach(([r,o])=>{e.push(`        ${r}: ${o},`)}),e.push("      },")),n.suggestionChips&&n.suggestionChips.length>0&&(e.push("      suggestionChips: ["),n.suggestionChips.forEach(r=>{e.push(`        "${r}",`)}),e.push("      ],")),n.suggestionChipsConfig&&(e.push("      suggestionChipsConfig: {"),n.suggestionChipsConfig.fontFamily&&e.push(`        fontFamily: "${n.suggestionChipsConfig.fontFamily}",`),n.suggestionChipsConfig.fontWeight&&e.push(`        fontWeight: "${n.suggestionChipsConfig.fontWeight}",`),n.suggestionChipsConfig.paddingX&&e.push(`        paddingX: "${n.suggestionChipsConfig.paddingX}",`),n.suggestionChipsConfig.paddingY&&e.push(`        paddingY: "${n.suggestionChipsConfig.paddingY}",`),e.push("      },")),e.push(...Sn(n,"      ")),e.push(...An(n,"      ")),e.push(...Tn(n,"      ")),e.push(...En(n,"      ")),n.debug&&e.push(`      debug: ${n.debug},`),e.push("      postprocessMessage: ({ text }) => window.AgentWidget.markdownPostprocessor(text)"),e.push("    }"),e.push("  });"),e.push("</script>"),e.join(`
 `)}function Rr(n){let t=zo(n);return["<script>","(function() {","  'use strict';","","  // Configuration",`  var CONFIG = ${JSON.stringify(t,null,2).split(`
 `).map((r,o)=>o===0?r:"  "+r).join(`
-`)};`,"","  // Constants","  var CDN_BASE = 'https://cdn.jsdelivr.net/npm/vanilla-agent@latest/dist';","  var STORAGE_KEY = 'chat-widget-state';","  var PROCESSED_ACTIONS_KEY = 'chat-widget-processed-actions';","","  // DOM context provider - extracts page elements for AI context","  var domContextProvider = function() {","    var selectors = {",`      products: '[data-product-id], .product-card, .product-item, [role="article"]',`,`      buttons: 'button, [role="button"], .btn',`,"      links: 'a[href]',","      inputs: 'input, textarea, select'","    };","","    var elements = [];","    Object.entries(selectors).forEach(function(entry) {","      var type = entry[0], selector = entry[1];","      document.querySelectorAll(selector).forEach(function(element) {","        if (!(element instanceof HTMLElement)) return;","        var widgetHost = element.closest('.vanilla-agent-host');","        if (widgetHost) return;","        var text = element.innerText ? element.innerText.trim() : '';","        if (!text) return;","","        var selectorString = element.id ? '#' + element.id :",`          element.getAttribute('data-testid') ? '[data-testid="' + element.getAttribute('data-testid') + '"]' :`,`          element.getAttribute('data-product-id') ? '[data-product-id="' + element.getAttribute('data-product-id') + '"]' :`,"          element.tagName.toLowerCase();","","        var elementData = {","          type: type,","          tagName: element.tagName.toLowerCase(),","          selector: selectorString,","          innerText: text.substring(0, 200)","        };","","        if (type === 'links' && element instanceof HTMLAnchorElement && element.href) {","          elementData.href = element.href;","        }","        elements.push(elementData);","      });","    });","","    var counts = elements.reduce(function(acc, el) {","      acc[el.type] = (acc[el.type] || 0) + 1;","      return acc;","    }, {});","","    return {","      page_elements: elements.slice(0, 50),","      page_element_count: elements.length,","      element_types: counts,","      page_url: window.location.href,","      page_title: document.title,","      timestamp: new Date().toISOString()","    };","  };","","  // Load CSS dynamically","  var loadCSS = function() {","    if (document.querySelector('link[data-vanilla-agent]')) return;","    var link = document.createElement('link');","    link.rel = 'stylesheet';","    link.href = CDN_BASE + '/widget.css';","    link.setAttribute('data-vanilla-agent', 'true');","    document.head.appendChild(link);","  };","","  // Load JS dynamically","  var loadJS = function(callback) {","    if (window.AgentWidget) { callback(); return; }","    var script = document.createElement('script');","    script.src = CDN_BASE + '/index.global.js';","    script.onload = callback;","    script.onerror = function() { console.error('Failed to load AgentWidget'); };","    document.head.appendChild(script);","  };","","  // Create widget config with advanced features","  var createWidgetConfig = function(agentWidget) {","    var widgetConfig = Object.assign({}, CONFIG);","","    // Flexible JSON stream parser for handling structured actions","    widgetConfig.streamParser = function() {","      return agentWidget.createFlexibleJsonStreamParser(function(parsed) {","        if (!parsed || typeof parsed !== 'object') return null;","        if (parsed.action === 'nav_then_click') return 'Navigating...';","        if (parsed.action === 'message') return parsed.text || '';","        if (parsed.action === 'message_and_click') return parsed.text || 'Processing...';","        return parsed.text || null;","      });","    };","","    // Action parsers to detect JSON actions in responses","    widgetConfig.actionParsers = [","      agentWidget.defaultJsonActionParser,","      function(ctx) {","        var jsonSource = ctx.message.rawContent || ctx.text || ctx.message.content;","        if (!jsonSource || typeof jsonSource !== 'string') return null;","        var cleanJson = jsonSource","          .replace(/^```(?:json)?\\s*\\n?/, '')","          .replace(/\\n?```\\s*$/, '')","          .trim();","        if (!cleanJson.startsWith('{') || !cleanJson.endsWith('}')) return null;","        try {","          var parsed = JSON.parse(cleanJson);","          if (parsed.action) return { type: parsed.action, payload: parsed };","        } catch (e) { return null; }","        return null;","      }","    ];","","    // Action handlers for navigation and other actions","    widgetConfig.actionHandlers = [","      agentWidget.defaultActionHandlers.message,","      agentWidget.defaultActionHandlers.messageAndClick,","      function(action, context) {","        if (action.type !== 'nav_then_click') return;","        var payload = action.payload || action.raw || {};","        var url = payload.page;","        var text = payload.on_load_text || 'Navigating...';","        if (!url) return { handled: true, displayText: text };","        var messageId = context.message ? context.message.id : null;","        var processedActions = JSON.parse(localStorage.getItem(PROCESSED_ACTIONS_KEY) || '[]');","        var actionKey = 'nav_' + messageId + '_' + url;","        if (processedActions.includes(actionKey)) {","          return { handled: true, displayText: text };","        }","        processedActions.push(actionKey);","        localStorage.setItem(PROCESSED_ACTIONS_KEY, JSON.stringify(processedActions));","        var targetUrl = url.startsWith('http') ? url : new URL(url, window.location.origin).toString();","        window.location.href = targetUrl;","        return { handled: true, displayText: text };","      }","    ];","","    // Send DOM context with each request","    widgetConfig.requestMiddleware = function(ctx) {","      return Object.assign({}, ctx.payload, { metadata: domContextProvider() });","    };","","    // Markdown postprocessor","    widgetConfig.postprocessMessage = function(ctx) {","      return agentWidget.markdownPostprocessor(ctx.text);","    };","","    return widgetConfig;","  };","","  // Initialize widget","  var init = function() {","    var agentWidget = window.AgentWidget;","    if (!agentWidget) {","      console.error('AgentWidget not loaded');","      return;","    }","","    var widgetConfig = createWidgetConfig(agentWidget);","","    // Load saved state","    var savedState = localStorage.getItem(STORAGE_KEY);","    if (savedState) {","      try {","        var parsed = JSON.parse(savedState);","        widgetConfig.initialMessages = parsed.messages || [];","      } catch (e) {","        console.error('Failed to load saved state:', e);","      }","    }","","    // Initialize widget","    var handle = agentWidget.initAgentWidget({","      target: 'body',","      useShadowDom: false,","      config: widgetConfig","    });","","    // Save state on message events","    window.addEventListener('vanilla-agent:message', function() {","      var session = handle.getSession ? handle.getSession() : null;","      if (session) {","        localStorage.setItem(STORAGE_KEY, JSON.stringify({","          messages: session.messages,","          timestamp: new Date().toISOString()","        }));","      }","    });","","    // Clear state on clear chat","    window.addEventListener('vanilla-agent:clear-chat', function() {","      localStorage.removeItem(STORAGE_KEY);","      localStorage.removeItem(PROCESSED_ACTIONS_KEY);","    });","  };","","  // Wait for framework hydration to complete (Next.js, Nuxt, etc.)","  // This prevents the framework from removing dynamically added CSS during reconciliation","  var waitForHydration = function(callback) {","    var executed = false;","    ","    var execute = function() {","      if (executed) return;","      executed = true;","      callback();","    };","","    var afterDom = function() {","      // Strategy 1: Use requestIdleCallback if available (best for detecting idle after hydration)","      if (typeof requestIdleCallback !== 'undefined') {","        requestIdleCallback(function() {","          // Double requestAnimationFrame ensures at least one full paint cycle completed","          requestAnimationFrame(function() {","            requestAnimationFrame(execute);","          });","        }, { timeout: 3000 }); // Max wait 3 seconds, then proceed anyway","      } else {","        // Strategy 2: Fallback for Safari (no requestIdleCallback)","        // 300ms is typically enough for hydration on most pages","        setTimeout(execute, 300);","      }","    };","","    if (document.readyState === 'loading') {","      document.addEventListener('DOMContentLoaded', afterDom);","    } else {","      // DOM already ready, but still wait for potential hydration","      afterDom();","    }","  };","","  // Boot sequence: load CSS, then JS, then wait for hydration, then initialize","  loadCSS();","  loadJS(function() {","    waitForHydration(init);","  });","})();","</script>"].join(`
+`)};`,"","  // Constants","  var CDN_BASE = 'https://cdn.jsdelivr.net/npm/vanilla-agent@latest/dist';","  var STORAGE_KEY = 'chat-widget-state';","  var PROCESSED_ACTIONS_KEY = 'chat-widget-processed-actions';","","  // DOM context provider - extracts page elements for AI context","  var domContextProvider = function() {","    var selectors = {",`      products: '[data-product-id], .product-card, .product-item, [role="article"]',`,`      buttons: 'button, [role="button"], .btn',`,"      links: 'a[href]',","      inputs: 'input, textarea, select'","    };","","    var elements = [];","    Object.entries(selectors).forEach(function(entry) {","      var type = entry[0], selector = entry[1];","      document.querySelectorAll(selector).forEach(function(element) {","        if (!(element instanceof HTMLElement)) return;","        var widgetHost = element.closest('.vanilla-agent-host');","        if (widgetHost) return;","        var text = element.innerText ? element.innerText.trim() : '';","        if (!text) return;","","        var selectorString = element.id ? '#' + element.id :",`          element.getAttribute('data-testid') ? '[data-testid="' + element.getAttribute('data-testid') + '"]' :`,`          element.getAttribute('data-product-id') ? '[data-product-id="' + element.getAttribute('data-product-id') + '"]' :`,"          element.tagName.toLowerCase();","","        var elementData = {","          type: type,","          tagName: element.tagName.toLowerCase(),","          selector: selectorString,","          innerText: text.substring(0, 200)","        };","","        if (type === 'links' && element instanceof HTMLAnchorElement && element.href) {","          elementData.href = element.href;","        }","        elements.push(elementData);","      });","    });","","    var counts = elements.reduce(function(acc, el) {","      acc[el.type] = (acc[el.type] || 0) + 1;","      return acc;","    }, {});","","    return {","      page_elements: elements.slice(0, 50),","      page_element_count: elements.length,","      element_types: counts,","      page_url: window.location.href,","      page_title: document.title,","      timestamp: new Date().toISOString()","    };","  };","","  // Load CSS dynamically","  var loadCSS = function() {","    if (document.querySelector('link[data-vanilla-agent]')) return;","    var link = document.createElement('link');","    link.rel = 'stylesheet';","    link.href = CDN_BASE + '/widget.css';","    link.setAttribute('data-vanilla-agent', 'true');","    document.head.appendChild(link);","  };","","  // Load JS dynamically","  var loadJS = function(callback) {","    if (window.AgentWidget) { callback(); return; }","    var script = document.createElement('script');","    script.src = CDN_BASE + '/index.global.js';","    script.onload = callback;","    script.onerror = function() { console.error('Failed to load AgentWidget'); };","    document.head.appendChild(script);","  };","","  // Create widget config with advanced features","  var createWidgetConfig = function(agentWidget) {","    var widgetConfig = Object.assign({}, CONFIG);","","    // Flexible JSON stream parser for handling structured actions","    widgetConfig.streamParser = function() {","      return agentWidget.createFlexibleJsonStreamParser(function(parsed) {","        if (!parsed || typeof parsed !== 'object') return null;","        if (parsed.action === 'nav_then_click') return 'Navigating...';","        if (parsed.action === 'message') return parsed.text || '';","        if (parsed.action === 'message_and_click') return parsed.text || 'Processing...';","        return parsed.text || null;","      });","    };","","    // Action parsers to detect JSON actions in responses","    widgetConfig.actionParsers = [","      agentWidget.defaultJsonActionParser,","      function(ctx) {","        var jsonSource = ctx.message.rawContent || ctx.text || ctx.message.content;","        if (!jsonSource || typeof jsonSource !== 'string') return null;","        var cleanJson = jsonSource","          .replace(/^```(?:json)?\\s*\\n?/, '')","          .replace(/\\n?```\\s*$/, '')","          .trim();","        if (!cleanJson.startsWith('{') || !cleanJson.endsWith('}')) return null;","        try {","          var parsed = JSON.parse(cleanJson);","          if (parsed.action) return { type: parsed.action, payload: parsed };","        } catch (e) { return null; }","        return null;","      }","    ];","","    // Action handlers for navigation and other actions","    widgetConfig.actionHandlers = [","      agentWidget.defaultActionHandlers.message,","      agentWidget.defaultActionHandlers.messageAndClick,","      function(action, context) {","        if (action.type !== 'nav_then_click') return;","        var payload = action.payload || action.raw || {};","        var url = payload.page;","        var text = payload.on_load_text || 'Navigating...';","        if (!url) return { handled: true, displayText: text };","        var messageId = context.message ? context.message.id : null;","        var processedActions = JSON.parse(localStorage.getItem(PROCESSED_ACTIONS_KEY) || '[]');","        var actionKey = 'nav_' + messageId + '_' + url;","        if (processedActions.includes(actionKey)) {","          return { handled: true, displayText: text };","        }","        processedActions.push(actionKey);","        localStorage.setItem(PROCESSED_ACTIONS_KEY, JSON.stringify(processedActions));","        var targetUrl = url.startsWith('http') ? url : new URL(url, window.location.origin).toString();","        window.location.href = targetUrl;","        return { handled: true, displayText: text };","      }","    ];","","    // Send DOM context with each request","    widgetConfig.requestMiddleware = function(ctx) {","      return Object.assign({}, ctx.payload, { metadata: domContextProvider() });","    };","","    // Markdown postprocessor","    widgetConfig.postprocessMessage = function(ctx) {","      return agentWidget.markdownPostprocessor(ctx.text);","    };","","    return widgetConfig;","  };","","  // Initialize widget","  var init = function() {","    var agentWidget = window.AgentWidget;","    if (!agentWidget) {","      console.error('AgentWidget not loaded');","      return;","    }","","    var widgetConfig = createWidgetConfig(agentWidget);","","    // Load saved state","    var savedState = localStorage.getItem(STORAGE_KEY);","    if (savedState) {","      try {","        var parsed = JSON.parse(savedState);","        widgetConfig.initialMessages = parsed.messages || [];","      } catch (e) {","        console.error('Failed to load saved state:', e);","      }","    }","","    // Initialize widget","    var handle = agentWidget.initAgentWidget({","      target: 'body',","      useShadowDom: false,","      config: widgetConfig","    });","","    // Save state on message events","    window.addEventListener('vanilla-agent:message', function() {","      var session = handle.getSession ? handle.getSession() : null;","      if (session) {","        localStorage.setItem(STORAGE_KEY, JSON.stringify({","          messages: session.messages,","          timestamp: new Date().toISOString()","        }));","      }","    });","","    // Clear state on clear chat","    window.addEventListener('vanilla-agent:clear-chat', function() {","      localStorage.removeItem(STORAGE_KEY);","      localStorage.removeItem(PROCESSED_ACTIONS_KEY);","    });","  };","","  // Wait for framework hydration to complete (Next.js, Nuxt, etc.)","  // This prevents the framework from removing dynamically added CSS during reconciliation","  var waitForHydration = function(callback) {","    var executed = false;","    ","    var execute = function() {","      if (executed) return;","      executed = true;","      callback();","    };","","    var afterDom = function() {","      // Strategy 1: Use requestIdleCallback if available (best for detecting idle after hydration)","      if (typeof requestIdleCallback !== 'undefined') {","        requestIdleCallback(function() {","          // Double requestAnimationFrame ensures at least one full paint cycle completed","          requestAnimationFrame(function() {","            requestAnimationFrame(execute);","          });","        }, { timeout: 3000 }); // Max wait 3 seconds, then proceed anyway","      } else {","        // Strategy 2: Fallback for Safari (no requestIdleCallback)","        // 300ms is typically enough for hydration on most pages","        setTimeout(execute, 300);","      }","    };","","    if (document.readyState === 'loading') {","      document.addEventListener('DOMContentLoaded', afterDom);","    } else {","      // DOM already ready, but still wait for potential hydration","      afterDom();","    }","  };","","  // Boot sequence: wait for hydration, then load CSS and JS, then initialize","  // This prevents Next.js/Nuxt/etc. from removing dynamically added CSS during reconciliation","  waitForHydration(function() {","    loadCSS();","    loadJS(function() {","      init();","    });","  });","})();","</script>"].join(`
 `)}var Sa=Uo;export{Xt as AgentWidgetClient,en as AgentWidgetSession,No as DEFAULT_DARK_THEME,Fo as DEFAULT_LIGHT_THEME,We as DEFAULT_WIDGET_CONFIG,nn as attachHeaderToContainer,sn as buildComposer,ko as buildDefaultHeader,Wo as buildExpandedHeader,zt as buildHeader,On as buildHeaderWithLayout,Mo as buildMinimalHeader,rn as componentRegistry,Cn as createActionManager,ss as createAgentExperience,cr as createBubbleWithLayout,es as createCSATFeedback,Cr as createComponentMiddleware,Vn as createComponentStreamParser,Xo as createDirectivePostprocessor,er as createFlexibleJsonStreamParser,Rn as createJsonStreamParser,Kn as createLocalStorageAdapter,gn as createMarkdownProcessor,mn as createMarkdownProcessorFromConfig,Po as createMessageActions,ts as createNPSFeedback,Bn as createPlainTextParser,Hn as createRegexJsonParser,on as createStandardBubble,yn as createTypingIndicator,Pn as createXmlParser,Sa as default,Vt as defaultActionHandlers,bn as defaultJsonActionParser,Vo as directivePostprocessor,Wn as escapeHtml,Zn as extractComponentDirectiveFromMessage,$n as generateAssistantMessageId,kr as generateCodeSnippet,sr as generateMessageId,In as generateUserMessageId,Lo as getHeaderLayout,Qn as hasComponentDirective,Nn as headerLayouts,Uo as initAgentWidget,br as isComponentDirectiveType,wo as markdownPostprocessor,Jn as mergeWithDefaults,vn as pluginRegistry,Gn as renderComponentDirective};
 //# sourceMappingURL=index.js.map