@n8n/chat 0.6.1 → 0.7.0

package/event-buses/chatEventBus.mjs

@@ -1,2 +0,0 @@
-import { createEventBus } from "@n8n/chat/utils";
-export const chatEventBus = createEventBus();

package/event-buses/index.js

@@ -1,16 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _chatEventBus = require("./chatEventBus");
-Object.keys(_chatEventBus).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _chatEventBus[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _chatEventBus[key];
-    }
-  });
-});

package/event-buses/index.mjs

@@ -1 +0,0 @@
-export * from "./chatEventBus.mjs";

package/index.d.ts

@@ -1,3 +0,0 @@
-import './main.scss';
-import type { ChatOptions } from '@n8n/chat/types';
-export declare function createChat(options?: Partial<ChatOptions>): import("vue").App<Element>;

package/index.js

@@ -1,43 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createChat = createChat;
-require("./main.scss");
-var _vue = require("vue");
-var _App = _interopRequireDefault(require("./App.vue"));
-var _constants = require("@n8n/chat/constants");
-var _utils = require("@n8n/chat/utils");
-var _plugins = require("@n8n/chat/plugins");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function createChat(options) {
-  const resolvedOptions = {
-    ..._constants.defaultOptions,
-    ...options,
-    webhookConfig: {
-      ..._constants.defaultOptions.webhookConfig,
-      ...options?.webhookConfig
-    },
-    i18n: {
-      ..._constants.defaultOptions.i18n,
-      ...options?.i18n,
-      en: {
-        ..._constants.defaultOptions.i18n?.en,
-        ...options?.i18n?.en
-      }
-    },
-    theme: {
-      ..._constants.defaultOptions.theme,
-      ...options?.theme
-    }
-  };
-  const mountingTarget = resolvedOptions.target ?? _constants.defaultMountingTarget;
-  if (typeof mountingTarget === "string") {
-    (0, _utils.createDefaultMountingTarget)(mountingTarget);
-  }
-  const app = (0, _vue.createApp)(_App.default);
-  app.use(_plugins.ChatPlugin, resolvedOptions);
-  app.mount(mountingTarget);
-  return app;
-}

package/index.mjs

@@ -1,36 +0,0 @@
-import "./main.scss";
-import { createApp } from "vue";
-import App from "./App.vue";
-import { defaultMountingTarget, defaultOptions } from "@n8n/chat/constants";
-import { createDefaultMountingTarget } from "@n8n/chat/utils";
-import { ChatPlugin } from "@n8n/chat/plugins";
-export function createChat(options) {
-  const resolvedOptions = {
-    ...defaultOptions,
-    ...options,
-    webhookConfig: {
-      ...defaultOptions.webhookConfig,
-      ...options?.webhookConfig
-    },
-    i18n: {
-      ...defaultOptions.i18n,
-      ...options?.i18n,
-      en: {
-        ...defaultOptions.i18n?.en,
-        ...options?.i18n?.en
-      }
-    },
-    theme: {
-      ...defaultOptions.theme,
-      ...options?.theme
-    }
-  };
-  const mountingTarget = resolvedOptions.target ?? defaultMountingTarget;
-  if (typeof mountingTarget === "string") {
-    createDefaultMountingTarget(mountingTarget);
-  }
-  const app = createApp(App);
-  app.use(ChatPlugin, resolvedOptions);
-  app.mount(mountingTarget);
-  return app;
-}

package/main.css

@@ -1,151 +0,0 @@
-.n8n-chat {
-  /*!
-    Theme: GitHub
-    Description: Light theme as seen on github.com
-    Author: github.com
-    Maintainer: @Hirse
-    Updated: 2021-05-15
-
-    Outdated base version: https://github.com/primer/github-syntax-light
-    Current colors taken from GitHub's CSS
-  */
-}
-.n8n-chat pre code.hljs {
-  display: block;
-  overflow-x: auto;
-  padding: 1em;
-}
-.n8n-chat code.hljs {
-  padding: 3px 5px;
-}
-.n8n-chat .hljs {
-  color: #24292e;
-  background: #ffffff;
-}
-.n8n-chat .hljs-doctag,
-.n8n-chat .hljs-keyword,
-.n8n-chat .hljs-meta .hljs-keyword,
-.n8n-chat .hljs-template-tag,
-.n8n-chat .hljs-template-variable,
-.n8n-chat .hljs-type,
-.n8n-chat .hljs-variable.language_ {
-  /* prettylights-syntax-keyword */
-  color: #d73a49;
-}
-.n8n-chat .hljs-title,
-.n8n-chat .hljs-title.class_,
-.n8n-chat .hljs-title.class_.inherited__,
-.n8n-chat .hljs-title.function_ {
-  /* prettylights-syntax-entity */
-  color: #6f42c1;
-}
-.n8n-chat .hljs-attr,
-.n8n-chat .hljs-attribute,
-.n8n-chat .hljs-literal,
-.n8n-chat .hljs-meta,
-.n8n-chat .hljs-number,
-.n8n-chat .hljs-operator,
-.n8n-chat .hljs-variable,
-.n8n-chat .hljs-selector-attr,
-.n8n-chat .hljs-selector-class,
-.n8n-chat .hljs-selector-id {
-  /* prettylights-syntax-constant */
-  color: #005cc5;
-}
-.n8n-chat .hljs-regexp,
-.n8n-chat .hljs-string,
-.n8n-chat .hljs-meta .hljs-string {
-  /* prettylights-syntax-string */
-  color: #032f62;
-}
-.n8n-chat .hljs-built_in,
-.n8n-chat .hljs-symbol {
-  /* prettylights-syntax-variable */
-  color: #e36209;
-}
-.n8n-chat .hljs-comment,
-.n8n-chat .hljs-code,
-.n8n-chat .hljs-formula {
-  /* prettylights-syntax-comment */
-  color: #6a737d;
-}
-.n8n-chat .hljs-name,
-.n8n-chat .hljs-quote,
-.n8n-chat .hljs-selector-tag,
-.n8n-chat .hljs-selector-pseudo {
-  /* prettylights-syntax-entity-tag */
-  color: #22863a;
-}
-.n8n-chat .hljs-subst {
-  /* prettylights-syntax-storage-modifier-import */
-  color: #24292e;
-}
-.n8n-chat .hljs-section {
-  /* prettylights-syntax-markup-heading */
-  color: #005cc5;
-  font-weight: bold;
-}
-.n8n-chat .hljs-bullet {
-  /* prettylights-syntax-markup-list */
-  color: #735c0f;
-}
-.n8n-chat .hljs-emphasis {
-  /* prettylights-syntax-markup-italic */
-  color: #24292e;
-  font-style: italic;
-}
-.n8n-chat .hljs-strong {
-  /* prettylights-syntax-markup-bold */
-  color: #24292e;
-  font-weight: bold;
-}
-.n8n-chat .hljs-addition {
-  /* prettylights-syntax-markup-inserted */
-  color: #22863a;
-  background-color: #f0fff4;
-}
-.n8n-chat .hljs-deletion {
-  /* prettylights-syntax-markup-deleted */
-  color: #b31d28;
-  background-color: #ffeef0;
-}
-.n8n-chat .hljs-char.escape_,
-.n8n-chat .hljs-link,
-.n8n-chat .hljs-params,
-.n8n-chat .hljs-property,
-.n8n-chat .hljs-punctuation,
-.n8n-chat .hljs-tag {
-  /* purposely ignored */
-}
-
-:root {
-  --chat--color-primary: #e74266;
-  --chat--color-primary-shade-50: #db4061;
-  --chat--color-primary-shade-100: #cf3c5c;
-  --chat--color-secondary: #20b69e;
-  --chat--color-secondary-shade-50: #1ca08a;
-  --chat--color-white: #ffffff;
-  --chat--color-light: #f2f4f8;
-  --chat--color-light-shade-50: #e6e9f1;
-  --chat--color-light-shade-100: #c2c5cc;
-  --chat--color-medium: #d2d4d9;
-  --chat--color-dark: #101330;
-  --chat--color-disabled: #777980;
-  --chat--color-typing: #404040;
-  --chat--spacing: 1rem;
-  --chat--border-radius: 0.25rem;
-  --chat--transition-duration: 0.15s;
-  --chat--window--width: 400px;
-  --chat--window--height: 600px;
-  --chat--textarea--height: 50px;
-  --chat--message--bot--background: var(--chat--color-white);
-  --chat--message--bot--color: var(--chat--color-dark);
-  --chat--message--user--background: var(--chat--color-secondary);
-  --chat--message--user--color: var(--chat--color-white);
-  --chat--message--pre--background: rgba(0, 0, 0, 0.05);
-  --chat--toggle--background: var(--chat--color-primary);
-  --chat--toggle--hover--background: var(--chat--color-primary-shade-50);
-  --chat--toggle--active--background: var(--chat--color-primary-shade-100);
-  --chat--toggle--color: var(--chat--color-white);
-  --chat--toggle--size: 64px;
-}

package/plugins/chat.d.ts

@@ -1,3 +0,0 @@
-import type { Plugin } from 'vue';
-import type { ChatOptions } from '@n8n/chat/types';
-export declare const ChatPlugin: Plugin<ChatOptions>;

package/plugins/chat.js

@@ -1,85 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ChatPlugin = void 0;
-var _vue = require("vue");
-var _uuid = require("uuid");
-var _eventBuses = require("@n8n/chat/event-buses");
-var api = _interopRequireWildcard(require("@n8n/chat/api"));
-var _constants = require("@n8n/chat/constants");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const ChatPlugin = exports.ChatPlugin = {
-  install(app, options) {
-    app.provide(_constants.ChatOptionsSymbol, options);
-    const messages = (0, _vue.ref)([]);
-    const currentSessionId = (0, _vue.ref)(null);
-    const waitingForResponse = (0, _vue.ref)(false);
-    const initialMessages = (0, _vue.computed)(() => (options.initialMessages ?? []).map(text => ({
-      id: (0, _uuid.v4)(),
-      text,
-      sender: "bot",
-      createdAt: /* @__PURE__ */new Date().toISOString()
-    })));
-    async function sendMessage(text) {
-      const sentMessage = {
-        id: (0, _uuid.v4)(),
-        text,
-        sender: "user",
-        createdAt: /* @__PURE__ */new Date().toISOString()
-      };
-      messages.value.push(sentMessage);
-      waitingForResponse.value = true;
-      void (0, _vue.nextTick)(() => {
-        _eventBuses.chatEventBus.emit("scrollToBottom");
-      });
-      const sendMessageResponse = await api.sendMessage(text, currentSessionId.value, options);
-      const receivedMessage = {
-        id: (0, _uuid.v4)(),
-        text: sendMessageResponse.output,
-        sender: "bot",
-        createdAt: /* @__PURE__ */new Date().toISOString()
-      };
-      messages.value.push(receivedMessage);
-      waitingForResponse.value = false;
-      void (0, _vue.nextTick)(() => {
-        _eventBuses.chatEventBus.emit("scrollToBottom");
-      });
-    }
-    async function loadPreviousSession() {
-      if (!options.loadPreviousSession) {
-        return;
-      }
-      const sessionId = localStorage.getItem(_constants.localStorageSessionIdKey) ?? (0, _uuid.v4)();
-      const previousMessagesResponse = await api.loadPreviousSession(sessionId, options);
-      const timestamp = /* @__PURE__ */new Date().toISOString();
-      messages.value = (previousMessagesResponse?.data || []).map((message, index) => ({
-        id: `${index}`,
-        text: message.kwargs.content,
-        sender: message.id.includes("HumanMessage") ? "user" : "bot",
-        createdAt: timestamp
-      }));
-      if (messages.value.length) {
-        currentSessionId.value = sessionId;
-      }
-      return sessionId;
-    }
-    async function startNewSession() {
-      currentSessionId.value = (0, _uuid.v4)();
-      localStorage.setItem(_constants.localStorageSessionIdKey, currentSessionId.value);
-    }
-    const chatStore = {
-      initialMessages,
-      messages,
-      currentSessionId,
-      waitingForResponse,
-      loadPreviousSession,
-      startNewSession,
-      sendMessage
-    };
-    app.provide(_constants.ChatSymbol, chatStore);
-    app.config.globalProperties.$chat = chatStore;
-  }
-};

package/plugins/chat.mjs

@@ -1,83 +0,0 @@
-import { computed, nextTick, ref } from "vue";
-import { v4 as uuidv4 } from "uuid";
-import { chatEventBus } from "@n8n/chat/event-buses";
-import * as api from "@n8n/chat/api";
-import { ChatOptionsSymbol, ChatSymbol, localStorageSessionIdKey } from "@n8n/chat/constants";
-export const ChatPlugin = {
-  install(app, options) {
-    app.provide(ChatOptionsSymbol, options);
-    const messages = ref([]);
-    const currentSessionId = ref(null);
-    const waitingForResponse = ref(false);
-    const initialMessages = computed(
-      () => (options.initialMessages ?? []).map((text) => ({
-        id: uuidv4(),
-        text,
-        sender: "bot",
-        createdAt: (/* @__PURE__ */ new Date()).toISOString()
-      }))
-    );
-    async function sendMessage(text) {
-      const sentMessage = {
-        id: uuidv4(),
-        text,
-        sender: "user",
-        createdAt: (/* @__PURE__ */ new Date()).toISOString()
-      };
-      messages.value.push(sentMessage);
-      waitingForResponse.value = true;
-      void nextTick(() => {
-        chatEventBus.emit("scrollToBottom");
-      });
-      const sendMessageResponse = await api.sendMessage(
-        text,
-        currentSessionId.value,
-        options
-      );
-      const receivedMessage = {
-        id: uuidv4(),
-        text: sendMessageResponse.output,
-        sender: "bot",
-        createdAt: (/* @__PURE__ */ new Date()).toISOString()
-      };
-      messages.value.push(receivedMessage);
-      waitingForResponse.value = false;
-      void nextTick(() => {
-        chatEventBus.emit("scrollToBottom");
-      });
-    }
-    async function loadPreviousSession() {
-      if (!options.loadPreviousSession) {
-        return;
-      }
-      const sessionId = localStorage.getItem(localStorageSessionIdKey) ?? uuidv4();
-      const previousMessagesResponse = await api.loadPreviousSession(sessionId, options);
-      const timestamp = (/* @__PURE__ */ new Date()).toISOString();
-      messages.value = (previousMessagesResponse?.data || []).map((message, index) => ({
-        id: `${index}`,
-        text: message.kwargs.content,
-        sender: message.id.includes("HumanMessage") ? "user" : "bot",
-        createdAt: timestamp
-      }));
-      if (messages.value.length) {
-        currentSessionId.value = sessionId;
-      }
-      return sessionId;
-    }
-    async function startNewSession() {
-      currentSessionId.value = uuidv4();
-      localStorage.setItem(localStorageSessionIdKey, currentSessionId.value);
-    }
-    const chatStore = {
-      initialMessages,
-      messages,
-      currentSessionId,
-      waitingForResponse,
-      loadPreviousSession,
-      startNewSession,
-      sendMessage
-    };
-    app.provide(ChatSymbol, chatStore);
-    app.config.globalProperties.$chat = chatStore;
-  }
-};

package/plugins/index.js

@@ -1,16 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _chat = require("./chat");
-Object.keys(_chat).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _chat[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _chat[key];
-    }
-  });
-});

package/plugins/index.mjs

@@ -1 +0,0 @@
-export * from "./chat.mjs";

package/style.css

@@ -1 +0,0 @@
-.n8n-chat pre code.hljs{display:block;overflow-x:auto;padding:1em}.n8n-chat code.hljs{padding:3px 5px}.n8n-chat .hljs{color:#24292e;background:#ffffff}.n8n-chat .hljs-doctag,.n8n-chat .hljs-keyword,.n8n-chat .hljs-meta .hljs-keyword,.n8n-chat .hljs-template-tag,.n8n-chat .hljs-template-variable,.n8n-chat .hljs-type,.n8n-chat .hljs-variable.language_{color:#d73a49}.n8n-chat .hljs-title,.n8n-chat .hljs-title.class_,.n8n-chat .hljs-title.class_.inherited__,.n8n-chat .hljs-title.function_{color:#6f42c1}.n8n-chat .hljs-attr,.n8n-chat .hljs-attribute,.n8n-chat .hljs-literal,.n8n-chat .hljs-meta,.n8n-chat .hljs-number,.n8n-chat .hljs-operator,.n8n-chat .hljs-variable,.n8n-chat .hljs-selector-attr,.n8n-chat .hljs-selector-class,.n8n-chat .hljs-selector-id{color:#005cc5}.n8n-chat .hljs-regexp,.n8n-chat .hljs-string,.n8n-chat .hljs-meta .hljs-string{color:#032f62}.n8n-chat .hljs-built_in,.n8n-chat .hljs-symbol{color:#e36209}.n8n-chat .hljs-comment,.n8n-chat .hljs-code,.n8n-chat .hljs-formula{color:#6a737d}.n8n-chat .hljs-name,.n8n-chat .hljs-quote,.n8n-chat .hljs-selector-tag,.n8n-chat .hljs-selector-pseudo{color:#22863a}.n8n-chat .hljs-subst{color:#24292e}.n8n-chat .hljs-section{color:#005cc5;font-weight:700}.n8n-chat .hljs-bullet{color:#735c0f}.n8n-chat .hljs-emphasis{color:#24292e;font-style:italic}.n8n-chat .hljs-strong{color:#24292e;font-weight:700}.n8n-chat .hljs-addition{color:#22863a;background-color:#f0fff4}.n8n-chat .hljs-deletion{color:#b31d28;background-color:#ffeef0}:root{--chat--color-primary: #e74266;--chat--color-primary-shade-50: #db4061;--chat--color-primary-shade-100: #cf3c5c;--chat--color-secondary: #20b69e;--chat--color-secondary-shade-50: #1ca08a;--chat--color-white: #ffffff;--chat--color-light: #f2f4f8;--chat--color-light-shade-50: #e6e9f1;--chat--color-light-shade-100: #c2c5cc;--chat--color-medium: #d2d4d9;--chat--color-dark: #101330;--chat--color-disabled: #777980;--chat--color-typing: #404040;--chat--spacing: 1rem;--chat--border-radius: .25rem;--chat--transition-duration: .15s;--chat--window--width: 400px;--chat--window--height: 600px;--chat--textarea--height: 50px;--chat--message--bot--background: var(--chat--color-white);--chat--message--bot--color: var(--chat--color-dark);--chat--message--user--background: var(--chat--color-secondary);--chat--message--user--color: var(--chat--color-white);--chat--message--pre--background: rgba(0, 0, 0, .05);--chat--toggle--background: var(--chat--color-primary);--chat--toggle--hover--background: var(--chat--color-primary-shade-50);--chat--toggle--active--background: var(--chat--color-primary-shade-100);--chat--toggle--color: var(--chat--color-white);--chat--toggle--size: 64px}.chat-button{display:inline-flex;text-align:center;vertical-align:middle;-webkit-user-select:none;user-select:none;color:var(--chat--button--color, var(--chat--color-light));background-color:var(--chat--button--background, var(--chat--color-primary));border:1px solid transparent;padding:var(--chat--button--padding, calc(var(--chat--spacing) * 1 / 2) var(--chat--spacing));font-size:1rem;line-height:1.5;border-radius:var(--chat--button--border-radius, var(--chat--border-radius));transition:color var(--chat--transition-duration) ease-in-out,background-color var(--chat--transition-duration) ease-in-out,border-color var(--chat--transition-duration) ease-in-out,box-shadow var(--chat--transition-duration) ease-in-out;cursor:pointer}.chat-button:hover{color:var(--chat--button--hover--color, var(--chat--color-light));background-color:var(--chat--button--hover--background, var(--chat--color-primary-shade-50));text-decoration:none}.chat-button:focus{outline:0;box-shadow:0 0 0 .2rem #007bff40}.chat-button:disabled{opacity:.65}.chat-layout{width:100%;height:100%;display:flex;overflow-y:auto;flex-direction:column;font-family:var(--chat--font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif)}.chat-layout .chat-header{padding:var(--chat--header--padding, var(--chat--spacing));background:var(--chat--header--background, var(--chat--color-dark));color:var(--chat--header--color, var(--chat--color-light))}.chat-layout .chat-body{background:var(--chat--body--background, var(--chat--color-light));flex:1;display:flex;flex-direction:column;overflow-y:auto;position:relative;min-height:100px}.chat-layout .chat-footer{border-top:1px solid var(--chat--color-light-shade-100);background:var(--chat--footer--background, var(--chat--color-light));color:var(--chat--footer--color, var(--chat--color-dark))}.chat-get-started{padding-top:var(--chat--spacing);padding-bottom:var(--chat--spacing);display:flex;justify-content:center;align-items:center;height:100%}.chat-powered-by{text-align:center}.chat-powered-by a{color:var(--chat--color-primary);text-decoration:none}.chat-get-started-footer{padding:var(--chat--spacing)}.chat-message{display:block;max-width:80%;padding:var(--chat--message--padding, var(--chat--spacing));border-radius:var(--chat--message--border-radius, var(--chat--border-radius))}.chat-message+.chat-message{margin-top:var(--chat--message--margin-bottom, calc(var(--chat--spacing) * .5))}.chat-message.chat-message-from-bot{background-color:var(--chat--message--bot--background);color:var(--chat--message--bot--color);border-bottom-left-radius:0}.chat-message.chat-message-from-user{background-color:var(--chat--message--user--background);color:var(--chat--message--user--color);margin-left:auto;border-bottom-right-radius:0}.chat-message>.chat-message-markdown{display:block;box-sizing:border-box}.chat-message>.chat-message-markdown>*:first-child{margin-top:0}.chat-message>.chat-message-markdown>*:last-child{margin-bottom:0}.chat-message>.chat-message-markdown pre{font-family:inherit;font-size:inherit;margin:0;white-space:pre-wrap;box-sizing:border-box;padding:var(--chat--spacing);background:var(--chat--message--pre--background);border-radius:var(--chat--border-radius)}.chat-message-typing{max-width:80px}.chat-message-typing.chat-message-typing-animation-scaling .chat-message-typing-circle{animation:chat-message-typing-animation-scaling .8s ease-in-out infinite;animation-delay:3.6s}.chat-message-typing.chat-message-typing-animation-bouncing .chat-message-typing-circle{animation:chat-message-typing-animation-bouncing .8s ease-in-out infinite;animation-delay:3.6s}.chat-message-typing .chat-message-typing-body{display:flex;justify-content:center;align-items:center}.chat-message-typing .chat-message-typing-circle{display:block;height:10px;width:10px;border-radius:50%;background-color:var(--chat--color-typing);margin:3px}.chat-message-typing .chat-message-typing-circle:nth-child(1){animation-delay:0ms}.chat-message-typing .chat-message-typing-circle:nth-child(2){animation-delay:333ms}.chat-message-typing .chat-message-typing-circle:nth-child(3){animation-delay:666ms}@keyframes chat-message-typing-animation-scaling{0%{transform:scale(1)}33%{transform:scale(1)}50%{transform:scale(1.4)}to{transform:scale(1)}}@keyframes chat-message-typing-animation-bouncing{0%{transform:translateY(0)}33%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.chat-messages-list{margin-top:auto;display:block;padding:var(--chat--messages-list--padding, var(--chat--spacing))}.chat-input{display:flex;justify-content:center;align-items:center;width:100%}.chat-input textarea{font-family:inherit;font-size:inherit;width:100%;border:0;padding:var(--chat--spacing);max-height:var(--chat--textarea--height);resize:none}.chat-input .chat-input-send-button{height:var(--chat--textarea--height);width:var(--chat--textarea--height);background:white;cursor:pointer;color:var(--chat--color-secondary);border:0;font-size:24px;display:inline-flex;align-items:center;justify-content:center;transition:color var(--chat--transition-duration) ease}.chat-input .chat-input-send-button:hover,.chat-input .chat-input-send-button:focus{color:var(--chat--color-secondary-shade-50)}.chat-input .chat-input-send-button[disabled]{cursor:default;color:var(--chat--color-disabled)}.chat-window-wrapper{position:fixed;display:flex;flex-direction:column;bottom:var(--chat--window--bottom, var(--chat--spacing));right:var(--chat--window--right, var(--chat--spacing));z-index:var(--chat--window--z-index, 9999);max-width:calc(100% - var(--chat--window--right, var(--chat--spacing)) * 2);max-height:calc(100% - var(--chat--window--bottom, var(--chat--spacing)) * 2)}.chat-window-wrapper .chat-window{display:flex;width:var(--chat--window--width);height:var(--chat--window--height);max-width:100%;max-height:100%;border:var(--chat--window--border, 1px solid var(--chat--color-light-shade-100));border-radius:var(--chat--window--border-radius, var(--chat--border-radius));margin-bottom:var(--chat--window--margin-bottom, var(--chat--spacing));overflow:hidden;transform-origin:bottom right}.chat-window-wrapper .chat-window .chat-layout{width:auto;height:auto;flex:1}.chat-window-wrapper .chat-window-toggle{flex:0 0 auto;background:var(--chat--toggle--background);color:var(--chat--toggle--color);cursor:pointer;width:var(--chat--toggle--width, var(--chat--toggle--size));height:var(--chat--toggle--height, var(--chat--toggle--size));border-radius:var(--chat--toggle--border-radius, 50%);display:inline-flex;align-items:center;justify-content:center;margin-left:auto;transition:transform var(--chat--transition-duration) ease,background var(--chat--transition-duration) ease}.chat-window-wrapper .chat-window-toggle:hover,.chat-window-wrapper .chat-window-toggle:focus{transform:scale(1.05);background:var(--chat--toggle--hover--background)}.chat-window-wrapper .chat-window-toggle:active{transform:scale(.95);background:var(--chat--toggle--active--background)}.chat-window-transition-enter-active,.chat-window-transition-leave-active{transition:transform var(--chat--transition-duration) ease,opacity var(--chat--transition-duration) ease}.chat-window-transition-enter-from,.chat-window-transition-leave-to{transform:scale(0);opacity:0}.chat-window-toggle-transition-enter-active,.chat-window-toggle-transition-leave-active{transition:opacity var(--chat--transition-duration) ease}.chat-window-toggle-transition-enter-from,.chat-window-toggle-transition-leave-to{opacity:0}

package/types/App.vue.d.ts

@@ -1,8 +0,0 @@
-declare const _default: import("vue").DefineComponent<Readonly<import("vue").ComponentPropsOptions<{
-    [x: string]: unknown;
-}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, readonly string[] | Readonly<import("vue").ExtractPropTypes<Readonly<import("vue").ComponentObjectPropsOptions<{
-    [x: string]: unknown;
-}>>>>, {
-    readonly [x: number]: string;
-} | {}, {}>;
-export default _default;

package/types/__stories__/App.stories.d.ts

@@ -1,17 +0,0 @@
-import type { StoryObj } from '@storybook/vue3';
-import type { ChatOptions } from '../types';
-declare const meta: {
-    title: string;
-    render: (args: Partial<ChatOptions>) => {
-        setup(): {};
-        template: string;
-    };
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Fullscreen: Story;
-export declare const Windowed: Story;

package/types/__tests__/index.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/types/__tests__/utils/create.d.ts

@@ -1,5 +0,0 @@
-import { createChat } from '../../index';
-export declare function createTestChat(options?: Parameters<typeof createChat>[0]): {
-    unmount: () => void;
-    container: Element;
-};

package/types/__tests__/utils/fetch.d.ts

@@ -1,4 +0,0 @@
-import type { LoadPreviousSessionResponse, SendMessageResponse } from '../../types';
-export declare function createFetchResponse<T>(data: T): () => Promise<Response>;
-export declare const createGetLatestMessagesResponse: (data?: LoadPreviousSessionResponse['data']) => LoadPreviousSessionResponse;
-export declare const createSendMessageResponse: (output: SendMessageResponse['output']) => SendMessageResponse;

package/types/__tests__/utils/index.d.ts

@@ -1,3 +0,0 @@
-export * from './create';
-export * from './fetch';
-export * from './selectors';

package/types/__tests__/utils/selectors.d.ts

@@ -1,12 +0,0 @@
-export declare function getMountingTarget(target?: string): Element | null;
-export declare function getChatWindowWrapper(): Element | null;
-export declare function getChatWindowToggle(): Element | null;
-export declare function getChatWrapper(): Element | null;
-export declare function getChatMessages(): NodeListOf<Element>;
-export declare function getChatMessage(index: number): Element;
-export declare function getChatMessageByText(text: string): HTMLElement | null;
-export declare function getChatMessageTyping(): Element | null;
-export declare function getGetStartedButton(): Element | null;
-export declare function getChatInput(): Element | null;
-export declare function getChatInputTextarea(): Element | null;
-export declare function getChatInputSendButton(): Element | null;

package/types/api/generic.d.ts

@@ -1,6 +0,0 @@
-export declare function authenticatedFetch<T>(...args: Parameters<typeof fetch>): Promise<T>;
-export declare function get<T>(url: string, query?: object, options?: RequestInit): Promise<T>;
-export declare function post<T>(url: string, body?: object, options?: RequestInit): Promise<T>;
-export declare function put<T>(url: string, body?: object, options?: RequestInit): Promise<T>;
-export declare function patch<T>(url: string, body?: object, options?: RequestInit): Promise<T>;
-export declare function del<T>(url: string, body?: object, options?: RequestInit): Promise<T>;

package/types/api/index.d.ts

@@ -1,2 +0,0 @@
-export * from './generic';
-export * from './message';

package/types/api/message.d.ts

@@ -1,3 +0,0 @@
-import type { ChatOptions, LoadPreviousSessionResponse, SendMessageResponse } from '../types';
-export declare function loadPreviousSession(sessionId: string, options: ChatOptions): Promise<LoadPreviousSessionResponse>;
-export declare function sendMessage(message: string, sessionId: string, options: ChatOptions): Promise<SendMessageResponse>;

package/types/chat.d.ts

@@ -1,11 +0,0 @@
-import type { ChatMessage } from '@n8n/chat/types/messages';
-import type { Ref } from 'vue';
-export interface Chat {
-    initialMessages: Ref<ChatMessage[]>;
-    messages: Ref<ChatMessage[]>;
-    currentSessionId: Ref<string | null>;
-    waitingForResponse: Ref<boolean>;
-    loadPreviousSession: () => Promise<string | undefined>;
-    startNewSession: () => Promise<void>;
-    sendMessage: (text: string) => Promise<void>;
-}

package/types/chat.js

@@ -1 +0,0 @@
-"use strict";

package/types/components/Button.vue.d.ts

@@ -1,9 +0,0 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, {
-    default?(_: {}): any;
-}>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/types/components/Chat.vue.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
-export default _default;

package/types/components/ChatWindow.vue.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
-export default _default;

package/types/components/GetStarted.vue.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
-export default _default;

package/types/components/GetStartedFooter.vue.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
-export default _default;

package/types/components/Input.vue.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
-export default _default;

package/types/components/Layout.vue.d.ts

@@ -1,11 +0,0 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, {
-    header?(_: {}): any;
-    default?(_: {}): any;
-    footer?(_: {}): any;
-}>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/types/components/Message.vue.d.ts

@@ -1,21 +0,0 @@
-import type { ChatMessage } from '../types';
-import type { PropType } from 'vue';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    message: {
-        type: PropType<ChatMessage>;
-        required: true;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    message: {
-        type: PropType<ChatMessage>;
-        required: true;
-    };
-}>>, {}, {}>, {
-    default?(_: {}): any;
-}>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};