@useinsider/guido 3.2.0-beta.803b92e → 3.2.0-beta.8220f9d

package/README.md

@@ -143,8 +143,7 @@ const config: GuidoConfigInput = {
     displayConditions?: boolean,  // Default: true
     unsubscribe?: boolean,        // Default: true
     modulesDisabled?: boolean,    // Default: false - Disable modules panel
-    liquidSyntax?: boolean,       // Default: false - Enable Liquid template syntax
-    autosave?: boolean,           // Default: false - Show the Auto Save toggle in the header. See wiki/AUTOSAVE.md.
+    liquidSyntax?: boolean,      // Default: false - Enable Liquid template syntax
   },
 
   // Optional: Callbacks
@@ -203,7 +202,6 @@ interface SavedTemplateDetails {
     config: number[];
   };
   metadata: Metadata;
-  silent: boolean;  // true when triggered by autosave, false when user clicked Save
 }
 
 interface Metadata {
@@ -329,28 +327,6 @@ const config: GuidoConfigInput = {
 
 ---
 
-## Autosave
-
-Guido ships an opt-in **autosave** that saves on a 3-minute interval and when the user leaves the tab. Enable it with the `features.autosave` feature flag — this **shows an "Auto Save" toggle in the editor header**; the end user switches autosave on per session.
-
-```typescript
-const config: GuidoConfigInput = {
-  identity: { templateId: 'tpl-123', userId: 'user-456' },
-  partner: { name: 'partner' },
-  features: {
-    autosave: true,   // Default: false — shows the Auto Save toggle in the header
-  },
-};
-```
-
-- Default is `false` — integrations see no change unless they opt in.
-- Autosave reuses the same save pipeline as the Save button, so your existing `@save:complete` handler receives autosave output identically to a manual save. No new events or callbacks.
-- Toggle state is **session-only** (Pinia) — resets to OFF on reload.
-
-For a deep dive on triggers, guards, and limitations, see **[wiki/AUTOSAVE.md](wiki/AUTOSAVE.md)**.
-
----
-
 ## HTML Compiler Rules
 
 Add custom rules to transform HTML during export:

package/dist/@types/config/schemas.js

@@ -124,8 +124,8 @@ const m = {
   modulesDisabled: e(o(), !1),
   /** Enable Liquid template syntax */
   liquidSyntax: e(o(), !1),
-  /** Enable autosave (3-min interval + tab-hide). User toggles on/off from the header. */
-  autosave: e(o(), !1)
+  /** Enable AI assistant chat panel (cortex-style chatbot) */
+  aiAssistant: e(o(), !1)
 }), g = n([
   "amp-accordion",
   "amp-carousel",

package/dist/components/Guido.vue.js

@@ -3,18 +3,18 @@ import i from "./Guido.vue2.js";
 import a from "../_virtual/_plugin-vue2_normalizer.js";
 var t = function() {
   var o = this, r = o._self._c, e = o._self._setupProxy;
-  return r("div", { ref: "wrapperRef", staticClass: "guido-editor__wrapper", class: { "guido-editor__no-header": e.noHeader } }, [r(e.HeaderWrapper, { ref: "headerWrapperRef" }), r(e.AutoSaveController), e.editorStore.isPreviewModeOpen ? r(e.PreviewContainer) : o._e(), r("div", { directives: [{ name: "show", rawName: "v-show", value: !e.previewStore.isLoaded, expression: "!previewStore.isLoaded" }], staticClass: "guido-editor__container", class: { "guido-editor__no-header": e.noHeader }, attrs: { id: "guido-editor" } }), r(e.Toaster), r(e.FilterSelectionDrawer), r(e.SaveAsTemplateDrawer), e.isTestPartner() ? o._e() : r(e.OnboardingWrapper, { on: { "onboarding-finished": function(p) {
+  return r("div", { ref: "wrapperRef", staticClass: "guido-editor__wrapper", class: { "guido-editor__no-header": e.noHeader } }, [r(e.HeaderWrapper, { ref: "headerWrapperRef" }), e.editorStore.isPreviewModeOpen ? r(e.PreviewContainer) : o._e(), r("div", { directives: [{ name: "show", rawName: "v-show", value: !e.previewStore.isLoaded, expression: "!previewStore.isLoaded" }], staticClass: "guido-editor__container", class: { "guido-editor__no-header": e.noHeader }, attrs: { id: "guido-editor" } }), r(e.Toaster), r(e.FilterSelectionDrawer), r(e.SaveAsTemplateDrawer), e.isTestPartner() ? o._e() : r(e.OnboardingWrapper, { on: { "onboarding-finished": function(p) {
     return e.emit("onboarding:finished");
-  } } }), r(e.UnsubscribeWrapper), r(e.LoadingWrapper)], 1);
+  } } }), r(e.UnsubscribeWrapper), e.isAiAssistantEnabled && e.editorStore.isChatPanelOpen ? r(e.ChatboxContainer, { on: { close: e.closeChatPanel } }) : o._e(), r(e.LoadingWrapper)], 1);
 }, n = [], s = /* @__PURE__ */ a(
   i,
   t,
   n,
   !1,
   null,
-  "fffc13d6"
+  "ec575441"
 );
-const l = s.exports;
+const f = s.exports;
 export {
-  l as default
+  f as default
 };

package/dist/components/Guido.vue2.js

@@ -1,132 +1,142 @@
-import { defineComponent as j, defineAsyncComponent as N, ref as R, computed as I, watch as J, onMounted as Q, onUnmounted as X } from "vue";
-import { provideGuidoActions as Y } from "../composables/useGuidoActions.js";
-import { usePartner as Z } from "../composables/usePartner.js";
-import { useStripo as ee } from "../composables/useStripo.js";
-import { useTimerClone as te } from "../composables/useTimerClone.js";
-import { migrate as W } from "../config/migrator/index.js";
-import { ModuleFolderDefaults as B } from "../enums/defaults.js";
-import { RIBBON_SELECTOR as oe } from "../enums/onboarding.js";
-import ne from "./organisms/AutoSaveController.vue.js";
-import re from "./organisms/base/Toaster.vue.js";
-import se from "./organisms/extensions/recommendation/FilterSelectionDrawer.vue.js";
-import ce from "./organisms/header/HeaderWrapper.vue.js";
-import ae from "./organisms/LoadingWrapper.vue.js";
-import ie from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
-import me from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
-import { useStripoApi as de } from "../services/stripoApi.js";
-import { useConfigStore as le } from "../stores/config.js";
-import { useDynamicContentStore as ue } from "../stores/dynamic-content.js";
-import { useEditorStore as pe } from "../stores/editor.js";
-import { usePreviewStore as fe } from "../stores/preview.js";
-import { useUnsubscribeStore as ve } from "../stores/unsubscribe.js";
-const Ie = /* @__PURE__ */ j({
+import { defineComponent as ee, defineAsyncComponent as G, ref as z, computed as S, watch as te, onMounted as oe, onUnmounted as ne } from "vue";
+import { useChatState as se, resetChatModuleState as re } from "../composables/useChatState.js";
+import { provideGuidoActions as ae } from "../composables/useGuidoActions.js";
+import { usePartner as ce } from "../composables/usePartner.js";
+import { useStripo as ie } from "../composables/useStripo.js";
+import { useTimerClone as le } from "../composables/useTimerClone.js";
+import { migrate as q } from "../config/migrator/index.js";
+import { ModuleFolderDefaults as K } from "../enums/defaults.js";
+import { RIBBON_SELECTOR as me } from "../enums/onboarding.js";
+import de from "./organisms/base/Toaster.vue.js";
+import pe from "./organisms/chat/chatbox/ChatboxContainer.vue.js";
+import ue from "./organisms/extensions/recommendation/FilterSelectionDrawer.vue.js";
+import he from "./organisms/header/HeaderWrapper.vue.js";
+import fe from "./organisms/LoadingWrapper.vue.js";
+import ve from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
+import ye from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
+import { useStripoApi as be } from "../services/stripoApi.js";
+import { useConfigStore as Se } from "../stores/config.js";
+import { useDynamicContentStore as ge } from "../stores/dynamic-content.js";
+import { useEditorStore as Ce } from "../stores/editor.js";
+import { usePreviewStore as Ee } from "../stores/preview.js";
+import { useUnsubscribeStore as we } from "../stores/unsubscribe.js";
+const Ve = /* @__PURE__ */ ee({
   __name: "Guido",
   props: {
     config: null
   },
-  emits: ["dynamic-content:open", "back", "save:start", "save:complete", "on-change", "ready", "onboarding:finished", "test-email:click"],
-  setup(H, { expose: x, emit: r }) {
-    const S = H, G = N(
+  emits: ["dynamic-content:open", "back", "save:start", "save:complete", "on-change", "ready", "onboarding:finished", "test-email:click", "chat:open", "chat:close"],
+  setup(V, { expose: $, emit: s }) {
+    const g = V, j = G(
       () => import("./organisms/email-preview/PreviewContainer.vue.js")
-    ), z = N(
+    ), J = G(
       () => import("./organisms/onboarding/OnboardingWrapper.vue.js")
-    ), b = R(), d = R(), l = ue(), g = ve(), a = le();
-    a.init(S.config);
-    const u = pe(), q = fe(), i = I(() => u.hasChanges), { isTestPartner: K } = Z(), w = () => {
+    ), C = z(), d = z(), p = ge(), E = we(), c = Se();
+    c.init(g.config);
+    const u = Ce(), Q = Ee(), i = S(() => u.hasChanges), { isTestPartner: X } = ce(), w = () => {
       var e;
-      return (e = b.value) == null ? void 0 : e.handleSave(!0);
+      return (e = C.value) == null ? void 0 : e.handleSave(!0);
     }, {
-      templateId: p,
-      userId: E,
-      partnerName: D,
-      username: C,
+      templateId: h,
+      userId: D,
+      partnerName: T,
+      username: P,
       template: t,
-      editor: s
-    } = a, m = (t == null ? void 0 : t.html) || "", T = (t == null ? void 0 : t.css) || "", f = (t == null ? void 0 : t.preselectedDynamicContent) || [], k = (s == null ? void 0 : s.savedModulesFolderName) || B.SAVED_MODULES, F = (s == null ? void 0 : s.defaultModulesFolderName) || B.DEFAULT_MODULES;
-    u.templateId = p;
-    const v = {
-      emailId: p,
-      userId: E,
-      username: C,
-      partnerName: D,
-      savedModulesFolderName: k,
+      editor: r,
+      features: l
+    } = c, m = (t == null ? void 0 : t.html) || "", k = (t == null ? void 0 : t.css) || "", f = (t == null ? void 0 : t.preselectedDynamicContent) || [], A = (r == null ? void 0 : r.savedModulesFolderName) || K.SAVED_MODULES, F = (r == null ? void 0 : r.defaultModulesFolderName) || K.DEFAULT_MODULES;
+    u.templateId = h;
+    const { openChat: L, closeChat: M } = se(), U = S(() => !!(l != null && l.aiAssistant)), v = {
+      emailId: h,
+      userId: D,
+      username: P,
+      partnerName: T,
+      savedModulesFolderName: A,
       defaultModulesFolderName: F
-    }, L = {
+    }, _ = {
       preselectedDynamicContentList: f,
       onReady: () => {
-        console.debug("guido:ready"), r("ready");
+        console.debug("guido:ready"), s("ready");
       }
-    }, { initPlugin: U } = ee(v, L), { getDefaultTemplate: _ } = de(), { cloneTimersOnSave: M, hasTimerBlocks: O } = te(), V = I(() => {
+    }, { initPlugin: O } = ie(v, _), { getDefaultTemplate: N } = be(), { cloneTimersOnSave: R, hasTimerBlocks: I } = le(), Y = S(() => {
       var e;
-      return !((e = a.ui) != null && e.showHeader);
+      return !((e = c.ui) != null && e.showHeader);
     });
-    Y({
+    ae({
       onBack: () => {
-        console.debug("guido:back"), r("back");
+        console.debug("guido:back"), s("back");
       },
       onSaveStart: () => {
-        console.debug("guido:save:start"), r("save:start");
+        console.debug("guido:save:start"), s("save:start");
       },
       onSaveComplete: (e) => {
         const n = { ...e, metadata: v };
-        console.debug("guido:save:complete", n), r("save:complete", n);
+        console.debug("guido:save:complete", n), s("save:complete", n);
       },
       onTestEmailClick: () => {
-        console.debug("guido:test-email:click"), r("test-email:click");
+        console.debug("guido:test-email:click"), s("test-email:click");
       }
     });
-    const P = (e) => {
-      console.debug("dynamic-content:close", e), l.setSelectedDynamicContent(e), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: e }));
-    }, A = () => {
+    const W = (e) => {
+      console.debug("dynamic-content:close", e), p.setSelectedDynamicContent(e), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: e }));
+    }, B = () => {
       console.debug("dynamic-content:close", "Without Data"), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: { text: "", value: "" } }));
     };
-    J(() => i.value, () => {
-      r("on-change", i.value);
+    te(() => i.value, () => {
+      s("on-change", i.value);
     });
     const y = (e) => {
-      const n = e, { attribute: o, position: $ } = n.detail;
-      console.debug("dynamic-content:open", n.detail), r("dynamic-content:open", o, $);
+      const n = e, { attribute: o, position: Z } = n.detail;
+      console.debug("dynamic-content:open", n.detail), s("dynamic-content:open", o, Z);
     };
-    let c = null;
-    const h = () => {
+    let a = null;
+    const b = () => {
       var n;
-      const e = document.querySelector(oe);
+      const e = document.querySelector(me);
       (n = d.value) == null || n.style.setProperty("--ribbon-offset", `${(e == null ? void 0 : e.offsetHeight) ?? 0}px`);
     };
-    return Q(async () => {
+    oe(async () => {
       var n;
-      console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow"), h();
+      console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow"), b();
       const e = (n = d.value) == null ? void 0 : n.parentElement;
-      e && (c = new ResizeObserver(h), c.observe(e));
+      e && (a = new ResizeObserver(b), a.observe(e));
       try {
-        g.selectedUnsubscribePages = (t == null ? void 0 : t.selectedUnsubscribePages) || [];
+        E.selectedUnsubscribePages = (t == null ? void 0 : t.selectedUnsubscribePages) || [];
         let o = {
-          html: m && await W(m),
-          css: T
+          html: m && await q(m),
+          css: k
         };
-        o.html || (o = await _(), o.html = await W(o.html)), O(o.html) && (o.html = await M(o.html)), await U(o), l.selectedDynamicContentList = f;
+        o.html || (o = await N(), o.html = await q(o.html)), I(o.html) && (o.html = await R(o.html)), await O(o), p.selectedDynamicContentList = f;
       } catch (o) {
         console.error("Failed to initialize Stripo editor:", o);
       }
       document.addEventListener("dynamic-content:open", y);
-    }), X(() => {
-      c == null || c.disconnect(), document.removeEventListener("dynamic-content:open", y);
+    }), ne(() => {
+      a == null || a.disconnect(), document.removeEventListener("dynamic-content:open", y);
       try {
         window.UIEditor.removeEditor();
       } catch {
         console.debug("Failed to remove Stripo editor: No editor found");
       }
-      a.reset();
-    }), x({
+      c.reset(), re();
+    });
+    const x = () => {
+      U.value && (L(), s("chat:open"));
+    }, H = () => {
+      M(), s("chat:close");
+    };
+    return $({
       dynamicContent: {
-        insert: P,
-        close: A
+        insert: W,
+        close: B
       },
       hasChanges: i,
-      saveSilent: w
-    }), { __sfc: !0, PreviewContainer: G, OnboardingWrapper: z, headerWrapperRef: b, wrapperRef: d, dynamicContentStore: l, unsubscribeStore: g, props: S, configStore: a, editorStore: u, previewStore: q, hasChanges: i, isTestPartner: K, saveSilent: w, templateId: p, userId: E, partnerName: D, username: C, templateConfig: t, editorConfig: s, html: m, css: T, preselectedDynamicContentList: f, savedModulesFolderName: k, defaultModulesFolderName: F, emit: r, metadata: v, options: L, initPlugin: U, getDefaultTemplate: _, cloneTimersOnSave: M, hasTimerBlocks: O, noHeader: V, insertDynamicContent: P, closeDynamicContent: A, handleDynamicContentOpen: y, ribbonObserver: c, updateRibbonOffset: h, AutoSaveController: ne, Toaster: re, FilterSelectionDrawer: se, HeaderWrapper: ce, LoadingWrapper: ae, SaveAsTemplateDrawer: ie, UnsubscribeWrapper: me };
+      saveSilent: w,
+      openChatPanel: x,
+      closeChatPanel: H
+    }), { __sfc: !0, PreviewContainer: j, OnboardingWrapper: J, headerWrapperRef: C, wrapperRef: d, dynamicContentStore: p, unsubscribeStore: E, props: g, configStore: c, editorStore: u, previewStore: Q, hasChanges: i, isTestPartner: X, saveSilent: w, templateId: h, userId: D, partnerName: T, username: P, templateConfig: t, editorConfig: r, features: l, html: m, css: k, preselectedDynamicContentList: f, savedModulesFolderName: A, defaultModulesFolderName: F, emit: s, openChat: L, closeChat: M, isAiAssistantEnabled: U, metadata: v, options: _, initPlugin: O, getDefaultTemplate: N, cloneTimersOnSave: R, hasTimerBlocks: I, noHeader: Y, insertDynamicContent: W, closeDynamicContent: B, handleDynamicContentOpen: y, ribbonObserver: a, updateRibbonOffset: b, openChatPanel: x, closeChatPanel: H, Toaster: de, ChatboxContainer: pe, FilterSelectionDrawer: ue, HeaderWrapper: he, LoadingWrapper: fe, SaveAsTemplateDrawer: ve, UnsubscribeWrapper: ye };
   }
 });
 export {
-  Ie as default
+  Ve as default
 };

package/dist/components/organisms/chat/blueprint/BlueprintCard.vue.js

@@ -0,0 +1,20 @@
+import n from "./BlueprintCard.vue2.js";
+/* empty css                   */
+import e from "../../../../_virtual/_plugin-vue2_normalizer.js";
+var a = function() {
+  var t = this, s = t._self._c, r = t._self._setupProxy;
+  return s("button", { staticClass: "blueprint-card", attrs: { type: "button" }, on: { click: function(o) {
+    return t.$emit("click");
+  } } }, [s("span", { staticClass: "blueprint-card__icon-box" }, [s(r.InIcons, { attrs: { name: "line-smart-sirius-ai", size: "24" } })], 1), s("span", { staticClass: "blueprint-card__body" }, [s("span", { staticClass: "blueprint-card__title" }, [t._v(t._s(r.titleWithVersion))]), s("span", { staticClass: "blueprint-card__date" }, [t._v(t._s(r.formattedDate))])]), s(r.InIcons, { staticClass: "blueprint-card__chevron", attrs: { name: "line-chevron-right", size: "24" } })], 1);
+}, i = [], c = /* @__PURE__ */ e(
+  n,
+  a,
+  i,
+  !1,
+  null,
+  "28b88292"
+);
+const m = c.exports;
+export {
+  m as default
+};

package/dist/components/organisms/chat/blueprint/BlueprintCard.vue2.js

@@ -0,0 +1,20 @@
+import { defineComponent as d, computed as n } from "vue";
+import { InIcons as l } from "@useinsider/design-system-vue";
+const f = /* @__PURE__ */ d({
+  __name: "BlueprintCard",
+  props: {
+    title: { default: "" },
+    version: { default: 1 }
+  },
+  emits: ["click"],
+  setup(o) {
+    const t = o, r = n(() => `${t.title} (v${t.version})`), s = n(() => {
+      const a = Date.now(), e = new Date(a), i = String(e.getDate()).padStart(2, "0"), c = String(e.getMonth() + 1).padStart(2, "0"), p = String(e.getFullYear()).slice(2);
+      return `${i}.${c}.${p}`;
+    });
+    return { __sfc: !0, props: t, titleWithVersion: r, formattedDate: s, InIcons: l };
+  }
+});
+export {
+  f as default
+};

package/dist/components/organisms/chat/blueprint/EmailTemplateBlueprintCard.vue.js

@@ -0,0 +1,23 @@
+import s from "./EmailTemplateBlueprintCard.vue2.js";
+/* empty css                                */
+import l from "../../../../_virtual/_plugin-vue2_normalizer.js";
+var i = function() {
+  var a = this, e = a._self._c, t = a._self._setupProxy;
+  return e("div", { staticClass: "email-template-card", class: {
+    "email-template-card--applied": t.isApplied,
+    "email-template-card--failed": t.isFailed
+  } }, [e("span", { staticClass: "email-template-card__icon-box" }, [e(t.InIcons, { attrs: { size: "24", name: t.statusIcon } })], 1), e("span", { staticClass: "email-template-card__body" }, [e("span", { staticClass: "email-template-card__title" }, [a._v(" " + a._s(t.trans("newsletter.ai-template-generated-card")) + " ")]), e("span", { staticClass: "email-template-card__meta" }, [a._v(" " + a._s(t.versionLabel) + " ")])]), e("button", { staticClass: "email-template-card__action", attrs: { type: "button", disabled: t.isApplying }, on: { click: function(_) {
+    return t.emit("apply");
+  } } }, [a._v(" " + a._s(t.buttonLabel) + " ")])]);
+}, n = [], r = /* @__PURE__ */ l(
+  s,
+  i,
+  n,
+  !1,
+  null,
+  "2853740d"
+);
+const d = r.exports;
+export {
+  d as default
+};

package/dist/components/organisms/chat/blueprint/EmailTemplateBlueprintCard.vue2.js

@@ -0,0 +1,18 @@
+import { defineComponent as m, computed as e } from "vue";
+import { useTranslations as c } from "../../../../composables/useTranslations.js";
+import { InIcons as f } from "@useinsider/design-system-vue";
+const _ = /* @__PURE__ */ m({
+  __name: "EmailTemplateBlueprintCard",
+  props: {
+    version: { default: 1 },
+    status: { default: "pending" }
+  },
+  emits: ["apply"],
+  setup(i, { emit: l }) {
+    const t = i, s = c(), n = e(() => t.status === "applied"), r = e(() => t.status === "applying"), a = e(() => t.status === "failed"), p = e(() => r.value ? s("newsletter.ai-template-applying") : n.value ? s("newsletter.ai-template-reapply") : a.value ? s("newsletter.ai-template-retry") : s("newsletter.ai-template-apply")), u = e(() => `v${t.version}`), o = e(() => n.value ? "line-success-status" : a.value ? "line-alert-triangle" : "line-smart-sirius-ai");
+    return { __sfc: !0, props: t, emit: l, trans: s, isApplied: n, isApplying: r, isFailed: a, buttonLabel: p, versionLabel: u, statusIcon: o, InIcons: f };
+  }
+});
+export {
+  _ as default
+};

package/dist/components/organisms/chat/chatbox/ChatboxContainer.vue.js

@@ -0,0 +1,18 @@
+import a from "./ChatboxContainer.vue2.js";
+/* empty css                      */
+import n from "../../../../_virtual/_plugin-vue2_normalizer.js";
+var r = function() {
+  var e = this, t = e._self._c, o = e._self._setupProxy;
+  return t("div", { staticClass: "chatbox-container" }, [t("div", { staticClass: "chatbox-container__shell" }, [t(o.ChatboxPanel, { on: { close: o.handleClose } })], 1)]);
+}, s = [], _ = /* @__PURE__ */ n(
+  a,
+  r,
+  s,
+  !1,
+  null,
+  "a5430681"
+);
+const m = _.exports;
+export {
+  m as default
+};

package/dist/components/organisms/chat/chatbox/ChatboxContainer.vue2.js

@@ -0,0 +1,16 @@
+import { defineComponent as t } from "vue";
+import { useChatState as s } from "../../../../composables/useChatState.js";
+import n from "./ChatboxPanel.vue.js";
+const p = /* @__PURE__ */ t({
+  __name: "ChatboxContainer",
+  emits: ["close"],
+  setup(a, { emit: o }) {
+    const { closeChat: e } = s();
+    return { __sfc: !0, emit: o, closeChat: e, handleClose: () => {
+      e(), o("close");
+    }, ChatboxPanel: n };
+  }
+});
+export {
+  p as default
+};

package/dist/components/organisms/chat/chatbox/ChatboxPanel.vue.js

@@ -0,0 +1,20 @@
+import a from "./ChatboxPanel.vue2.js";
+/* empty css                  */
+import n from "../../../../_virtual/_plugin-vue2_normalizer.js";
+var o = function() {
+  var s = this, t = s._self._c, e = s._self._setupProxy;
+  return t("div", { staticClass: "chatbox-panel d-f f-d-c" }, [t("div", { staticClass: "chatbox-panel__gradient" }), t(e.ChatConversation, { attrs: { "is-loading": e.isLoading, messages: e.messages }, on: { "copy-message": e.handleCopyMessage, retry: e.handleRetry, send: e.handleSend, stop: e.handleStop }, scopedSlots: s._u([{ key: "header", fn: function() {
+    return [t("div", { staticClass: "chatbox-panel__header d-f a-i-c j-c-s-b" }, [t("span", { staticClass: "chatbox-panel__title" }, [s._v(" " + s._s(e.trans("newsletter.ai-assistant")) + " ")]), t("button", { staticClass: "chatbox-panel__close", attrs: { type: "button", title: e.trans("newsletter.ai-close") }, on: { click: e.onClose } }, [t(e.InIcons, { attrs: { name: "line-close", size: "24" } })], 1)])];
+  }, proxy: !0 }]) })], 1);
+}, r = [], l = /* @__PURE__ */ n(
+  a,
+  o,
+  r,
+  !1,
+  null,
+  "26934e62"
+);
+const p = l.exports;
+export {
+  p as default
+};

package/dist/components/organisms/chat/chatbox/ChatboxPanel.vue2.js

@@ -0,0 +1,19 @@
+import { defineComponent as i } from "vue";
+import { useChatState as p } from "../../../../composables/useChatState.js";
+import { useConversationEvents as l } from "../../../../composables/useConversationEvents.js";
+import { useTranslations as c } from "../../../../composables/useTranslations.js";
+import f from "../conversation/ChatConversation.vue.js";
+import { InIcons as C } from "@useinsider/design-system-vue";
+const y = /* @__PURE__ */ i({
+  __name: "ChatboxPanel",
+  emits: ["close"],
+  setup(d, { emit: o }) {
+    const e = c(), { isLoading: s } = p(), { messages: n, handleSend: t, handleStop: r, handleRetry: a, handleCopyMessage: m } = l();
+    return { __sfc: !0, emit: o, trans: e, isLoading: s, messages: n, handleSend: t, handleStop: r, handleRetry: a, handleCopyMessage: m, onClose: () => {
+      o("close");
+    }, ChatConversation: f, InIcons: C };
+  }
+});
+export {
+  y as default
+};

package/dist/components/organisms/chat/conversation/ChatConversation.vue.js

@@ -0,0 +1,28 @@
+import a from "./ChatConversation.vue2.js";
+/* empty css                      */
+import r from "../../../../_virtual/_plugin-vue2_normalizer.js";
+var o = function() {
+  var t = this, e = t._self._c, n = t._self._setupProxy;
+  return e("div", { ref: "scrollContainerRef", staticClass: "chat-conversation" }, [e("div", { staticClass: "chat-conversation__header w-1" }, [t._t("header")], 2), e("div", { staticClass: "chat-conversation__messages" }, [t.messages.length > 0 ? e(n.ChatMessages, { attrs: { "auto-scroll": "", messages: t.messages }, on: { "copy-message": function(s) {
+    return t.$emit("copy-message", s);
+  }, retry: function(s) {
+    return t.$emit("retry");
+  } } }) : e("div", { staticClass: "chat-conversation__empty" }, [e(n.ChatWelcome), e(n.QuickActionChips, { attrs: { compact: "" }, on: { "chip-click": function(s) {
+    return t.$emit("send", s);
+  } } })], 1)], 1), e("div", { staticClass: "chat-conversation__input" }, [e(n.ChatInput, { attrs: { "is-loading": t.isLoading }, on: { send: function(s) {
+    return t.$emit("send", s);
+  }, stop: function(s) {
+    return t.$emit("stop");
+  } } })], 1)]);
+}, i = [], c = /* @__PURE__ */ r(
+  a,
+  o,
+  i,
+  !1,
+  null,
+  "5a25bfc5"
+);
+const p = c.exports;
+export {
+  p as default
+};

package/dist/components/organisms/chat/conversation/ChatConversation.vue2.js

@@ -0,0 +1,20 @@
+import { defineComponent as e, ref as t, provide as r } from "vue";
+import s from "./ChatWelcome.vue.js";
+import n from "./QuickActionChips.vue.js";
+import p from "../input/ChatInput.vue.js";
+import a from "../messages/ChatMessages.vue.js";
+const u = /* @__PURE__ */ e({
+  __name: "ChatConversation",
+  props: {
+    messages: null,
+    isLoading: { type: Boolean }
+  },
+  emits: ["send", "stop", "retry", "copy-message"],
+  setup(i) {
+    const o = t(null);
+    return r("chatScrollContainer", o), { __sfc: !0, scrollContainerRef: o, ChatWelcome: s, QuickActionChips: n, ChatInput: p, ChatMessages: a };
+  }
+});
+export {
+  u as default
+};

package/dist/components/organisms/chat/conversation/ChatWelcome.vue.js

@@ -0,0 +1,18 @@
+import _ from "./ChatWelcome.vue2.js";
+/* empty css                 */
+import a from "../../../../_virtual/_plugin-vue2_normalizer.js";
+var r = function() {
+  var e = this, t = e._self._c, s = e._self._setupProxy;
+  return t("div", { staticClass: "chat-welcome" }, [t("p", { staticClass: "chat-welcome__subtitle" }, [e._v(" " + e._s(s.trans("newsletter.ai-welcome-subtitle")) + " ")]), t("p", { staticClass: "chat-welcome__title" }, [e._v(" " + e._s(s.trans("newsletter.ai-welcome-title")) + " ")])]);
+}, l = [], c = /* @__PURE__ */ a(
+  _,
+  r,
+  l,
+  !1,
+  null,
+  "715e7d06"
+);
+const p = c.exports;
+export {
+  p as default
+};

package/dist/components/organisms/chat/conversation/ChatWelcome.vue2.js

@@ -0,0 +1,11 @@
+import { defineComponent as t } from "vue";
+import { useTranslations as e } from "../../../../composables/useTranslations.js";
+const a = /* @__PURE__ */ t({
+  __name: "ChatWelcome",
+  setup(n) {
+    return { __sfc: !0, trans: e() };
+  }
+});
+export {
+  a as default
+};

package/dist/components/organisms/chat/conversation/QuickActionChips.vue.js

@@ -0,0 +1,22 @@
+import s from "./QuickActionChips.vue2.js";
+/* empty css                      */
+import o from "../../../../_virtual/_plugin-vue2_normalizer.js";
+var e = function() {
+  var t = this, i = t._self._c, n = t._self._setupProxy;
+  return i("div", { staticClass: "quick-action-chips", class: { "quick-action-chips--compact": t.compact } }, t._l(n.chips, function(c) {
+    return i("button", { key: c.id, staticClass: "quick-action-chips__chip", on: { click: function(p) {
+      return n.onChipClick(c);
+    } } }, [t._v(" " + t._s(c.label) + " ")]);
+  }), 0);
+}, r = [], _ = /* @__PURE__ */ o(
+  s,
+  e,
+  r,
+  !1,
+  null,
+  "0d23f2b4"
+);
+const m = _.exports;
+export {
+  m as default
+};

package/dist/components/organisms/chat/conversation/QuickActionChips.vue2.js

@@ -0,0 +1,42 @@
+import { defineComponent as i, computed as n } from "vue";
+import { useTranslations as c } from "../../../../composables/useTranslations.js";
+const u = /* @__PURE__ */ i({
+  __name: "QuickActionChips",
+  props: {
+    compact: { type: Boolean, default: !1 }
+  },
+  emits: ["chip-click"],
+  setup(s, { emit: o }) {
+    const t = c(), a = [
+      {
+        id: "welcome",
+        labelKey: "newsletter.ai-quick-welcome",
+        prompt: "Generate a friendly welcome email for new subscribers, with a primary CTA to the catalog."
+      },
+      {
+        id: "promo-vip",
+        labelKey: "newsletter.ai-quick-promo",
+        prompt: "Generate a promotional email for VIP customers with a 20% off coupon and a hero banner."
+      },
+      {
+        id: "cart-abandonment",
+        labelKey: "newsletter.ai-quick-cart",
+        prompt: "Generate a cart-abandonment recovery email with a recommended products section."
+      },
+      {
+        id: "unsubscribe-footer",
+        labelKey: "newsletter.ai-quick-unsubscribe",
+        prompt: "Add a clean unsubscribe footer with a permission-reminder line and the company address."
+      }
+    ], r = n(() => a.map((e) => ({
+      ...e,
+      label: t(e.labelKey)
+    })));
+    return { __sfc: !0, emit: o, trans: t, chipDefinitions: a, chips: r, onChipClick: (e) => {
+      o("chip-click", e.prompt);
+    } };
+  }
+});
+export {
+  u as default
+};