@useinsider/guido 3.19.0 → 3.20.0-beta.7b31fec

package/README.md

@@ -95,9 +95,11 @@ import type { GuidoConfigInput } from '@useinsider/guido';
 const config: GuidoConfigInput = {
   // Required: Identity
   identity: {
-    templateId: string,      // Required - Template identifier
-    userId: string,          // Required - User identifier
-    variationId?: string,    // Optional - A/B test variation
+    templateId: string,           // Required - Template identifier
+    userId: string,               // Required - User identifier
+    variationId?: string,         // Optional - A/B test variation
+    campaignId?: string,          // Optional - Numeric campaign id; absent for templates/modules
+    templateLibraryId?: string,   // Optional - Numeric template-library id; absent for campaigns/modules
   },
 
   // Required: Partner
@@ -184,6 +186,22 @@ const config: GuidoConfigInput = {
 };
 ```
 
+### `identity` ids
+
+`templateId` is the editor's **document** identity (a uuid / Stripo doc id) and never addresses a
+backend resource. `campaignId` and `templateLibraryId` are the **numeric** ids of the surface the
+editor was opened on, and they are what Guido uses to resolve host-scoped endpoints — most visibly
+when converting a legacy recommendation block into a reusable strategy.
+
+| Surface | `campaignId` | `templateLibraryId` |
+|---------|--------------|---------------------|
+| Campaign editor | the campaign id | absent |
+| Saved template editor | absent | the template-library id |
+| Module editor / unsaved template | absent | absent |
+
+Pass only the one that applies. A campaign id takes precedence when both are present, and when
+neither is supplied Guido falls back to campaign scope — so a module keeps working unchanged.
+
 ### `ready` prop
 
 ```vue

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

@@ -1,5 +1,5 @@
 import { ModuleFolderDefaults as f } from "../../enums/defaults.js";
-import { object as a, number as n, optional as e, string as t, picklist as i, pipe as m, minLength as b, custom as y, boolean as o, array as c, transform as C, record as k, fallback as R, literal as u, looseObject as g, variant as T, union as h, unknown as r, lazy as I } from "../../node_modules/valibot/dist/index.js";
+import { object as o, number as n, optional as e, string as t, picklist as i, pipe as m, minLength as b, custom as h, boolean as a, array as c, transform as C, record as k, fallback as R, literal as u, looseObject as g, variant as I, union as y, unknown as r, lazy as T } from "../../node_modules/valibot/dist/index.js";
 const p = {
   /** Promotional/marketing emails */
   PROMOTIONAL: 1,
@@ -12,7 +12,7 @@ const p = {
   ARCHITECT: 49,
   /** Unsubscribe page builder */
   UNSUBSCRIBE_PAGES: 97
-}, A = a({
+}, A = o({
   /** Unique identifier for the template being edited */
   templateId: m(
     t(),
@@ -24,13 +24,21 @@ const p = {
     b(1, "userId is required")
   ),
   /** Optional variation ID for A/B testing */
-  variationId: e(t())
-}), L = a({
+  variationId: e(t()),
+  /** Optional numeric campaign ID of the host campaign; absent for templates and modules */
+  campaignId: e(t()),
+  /**
+   * Optional numeric template-library id of the host template; absent for campaigns and
+   * modules. Distinct from `templateId`, which is the editor's document identity (a uuid /
+   * Stripo doc id) and is never an endpoint id.
+   */
+  templateLibraryId: e(t())
+}), L = o({
   /** Fallback font name (e.g., "Georgia") */
   name: t(),
   /** Fallback font family (e.g., "serif" or "sans-serif") */
   family: t()
-}), M = a({
+}), M = o({
   /** Partner/organization name (required) */
   name: m(
     t(),
@@ -54,7 +62,7 @@ const p = {
   username: e(t(), "Guido User"),
   /** Fallback font settings from partner settings — used to match backend size calculation */
   fallbackFont: e(L)
-}), E = a({
+}), E = o({
   /** Display text for the dynamic content */
   text: t(),
   /** Template variable value (e.g., {{username}}) */
@@ -63,12 +71,12 @@ const p = {
   fallback: e(t()),
   /** Optional formatting options */
   format: e(
-    a({
+    o({
       key: t(),
       value: t()
     })
   )
-}), S = I(() => g({
+}), S = T(() => g({
   text: e(t()),
   // eslint-disable-next-line camelcase -- backend field name
   tag_text: e(t()),
@@ -83,13 +91,13 @@ const p = {
   /** Block ID (matches the dictionary key and the legacy HTML element id) */
   id: e(n()),
   /** Decimal places for price display (legacy data may use string or number) */
-  decimalCount: e(h([t(), n()])),
+  decimalCount: e(y([t(), n()])),
   /** Pinned product IDs (empty array when filter-driven) */
   productIds: e(c(r())),
   /** Whether the block requested live products at send time */
-  sendProductRequestFlag: e(o()),
+  sendProductRequestFlag: e(a()),
   /** Whether to randomize product order */
-  shuffleProducts: e(o()),
+  shuffleProducts: e(a()),
   /** Filter rules driving product selection */
   filters: e(c(r())),
   /** Currency code (e.g. 'EUR') — sometimes absent in legacy data */
@@ -109,22 +117,22 @@ const p = {
   /** Mobile-only padding (left) */
   mobileLeftPadding: e(n()),
   /** Disable responsive scaling */
-  unresponsive: e(o()),
+  unresponsive: e(a()),
   /** Layout orientation ('vertical' | 'horizontal') */
   orientation: e(t()),
   /** Whether long text is trimmed */
-  textTrimming: e(o()),
+  textTrimming: e(a()),
   /** Block type marker used by some legacy variants */
   blockType: e(t()),
   /** Size variant marker (legacy data may use string or number) */
-  size: e(h([t(), n()])),
+  size: e(y([t(), n()])),
   /** Vertical responsiveness flag (legacy size=1 variants) */
-  verticalResponsiveness: e(o()),
+  verticalResponsiveness: e(a()),
   /** Legacy "Move to next line" price placement toggle (cardPricePlacement.js) */
-  isPriceMovedToNextLine: e(o()),
+  isPriceMovedToNextLine: e(a()),
   /** Legacy "Hide if same as discounted" / delete-price-for-zero-sale toggle */
-  isPriceDeletedForZeroSale: e(o())
-}), v = a({
+  isPriceDeletedForZeroSale: e(a())
+}), v = o({
   /**
    * Legacy recommendation block configs keyed by block ID.
    * Pass this when loading a template authored with the v1
@@ -135,7 +143,7 @@ const p = {
     k(t(), P),
     {}
   )
-}), x = a({
+}), x = o({
   /** Initial HTML content */
   html: e(t(), ""),
   /** Initial CSS content */
@@ -157,7 +165,7 @@ const p = {
   /** Selected unsubscribe page IDs */
   selectedUnsubscribePages: e(c(n()), []),
   /** Force recreate template in Stripo storage (use true when updating externally modified templates) */
-  forceRecreate: e(o(), !1),
+  forceRecreate: e(a(), !1),
   /**
    * Consumer-persisted tracking-id high-water mark (SD-141414). Used as the id floor
    * during migration so a rolled-back document never re-mints retired tracking ids.
@@ -174,12 +182,12 @@ const p = {
   ),
   /** Migration-only inputs (legacy block configs) */
   migration: e(v, {})
-}), D = a({
+}), D = o({
   /** Sender display name */
   senderName: e(t(), ""),
   /** Email subject line */
   subject: e(t(), "")
-}), O = a({
+}), O = o({
   /** Locale for the editor UI */
   locale: e(t(), "en"),
   /** Path to translations object */
@@ -192,35 +200,35 @@ const p = {
   savedModulesFolderName: e(t(), f.SAVED_MODULES),
   /** Folder name for default/prebuilt modules (used by Stripo plugin panel for path construction) */
   defaultModulesFolderName: e(t(), f.DEFAULT_MODULES)
-}), F = a({
+}), F = o({
   /** Whether to show the header bar */
-  showHeader: e(o(), !0),
+  showHeader: e(a(), !0),
   /** Custom label for back button (if shown) */
   backButtonLabel: e(t())
-}), U = a({
+}), U = o({
   /** Enable dynamic content insertion */
-  dynamicContent: e(o(), !0),
+  dynamicContent: e(a(), !0),
   /** Enable save as template functionality */
-  saveAsTemplate: e(o(), !0),
+  saveAsTemplate: e(a(), !0),
   /** Enable version history */
-  versionHistory: e(o(), !0),
+  versionHistory: e(a(), !0),
   /** Enable test message sending */
-  testMessage: e(o(), !0),
+  testMessage: e(a(), !0),
   /** Enable display conditions */
-  displayConditions: e(o(), !0),
+  displayConditions: e(a(), !0),
   /** Enable unsubscribe block */
-  unsubscribe: e(o(), !0),
+  unsubscribe: e(a(), !0),
   /** Disable modules panel in the editor */
-  modulesDisabled: e(o(), !1),
+  modulesDisabled: e(a(), !1),
   /** Enable Liquid template syntax */
-  liquidSyntax: e(o(), !1),
+  liquidSyntax: e(a(), !1),
   /** Enable autosave (3-min interval + tab-hide). User toggles on/off from the header. */
-  autosave: e(o(), !1),
+  autosave: e(a(), !1),
   /** Enable pre-save domain-allowlist validation (opt-in; Guido self-serves the block toaster) */
-  allowlistEnabled: e(o(), !1),
+  allowlistEnabled: e(a(), !1),
   /** Enable persistent link tracking-id assignment for the click heatmap (opt-in) */
-  linkTrackingIds: e(o(), !1),
-  reusableRecommendationStrategy: e(o(), !1)
+  linkTrackingIds: e(a(), !1),
+  reusableRecommendationStrategy: e(a(), !1)
 }), B = i([
   "amp-accordion",
   "amp-carousel",
@@ -243,7 +251,7 @@ const p = {
   "unsubscribe-block",
   "coupon-block",
   "items-block"
-]), H = a({
+]), H = o({
   /** Default blocks to exclude from the editor */
   excludeDefaults: e(
     c(B),
@@ -254,14 +262,14 @@ const p = {
     c(w),
     []
   )
-}), d = a({
+}), d = o({
   /** Unique identifier for the rule */
   id: t(),
   /** Human-readable description */
   description: e(t()),
   /** Priority for rule ordering (lower = earlier) */
   priority: n()
-}), _ = a({
+}), _ = o({
   ...d.entries,
   type: u("replace"),
   /** String to search for */
@@ -269,8 +277,8 @@ const p = {
   /** Replacement string */
   replacement: t(),
   /** Replace all occurrences (default: false) */
-  replaceAll: e(o())
-}), j = a({
+  replaceAll: e(a())
+}), j = o({
   ...d.entries,
   type: u("regex"),
   /** Regex pattern string */
@@ -279,41 +287,41 @@ const p = {
   replacement: t(),
   /** Regex flags (e.g., 'gi') */
   flags: e(t())
-}), q = a({
+}), q = o({
   ...d.entries,
   type: u("remove"),
   /** Strings or patterns to remove */
   targets: c(t())
-}), G = a({
+}), G = o({
   ...d.entries,
   type: u("custom"),
   /** Custom processor function */
-  processor: y(
+  processor: h(
     (s) => typeof s == "function",
     "processor must be a function"
   )
-}), V = T("type", [
+}), V = I("type", [
   _,
   j,
   q,
   G
-]), z = a({
+]), z = o({
   /** Custom compiler rules to apply */
   customRules: e(c(V), []),
   /** Skip default compiler rules */
-  ignoreDefaultRules: e(o(), !1)
-}), Z = a({
+  ignoreDefaultRules: e(a(), !1)
+}), Z = o({
   /**
    * External validation handler called before save completes.
    * Return false to cancel the save operation.
    */
   externalValidation: e(
-    y(
+    h(
       (s) => typeof s == "function",
       "externalValidation must be a function"
     )
   )
-}), Q = a({
+}), Q = o({
   // Required sections
   /** Identity configuration (required) */
   identity: A,

package/dist/components/Guido.vue.js

@@ -3,7 +3,7 @@ import o from "./Guido.vue2.js";
 import i from "../_virtual/_plugin-vue2_normalizer.js";
 var t = function() {
   var a = this, r = a._self._c, e = a._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) : a._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), e.isRrsEnabled || e.hasAssignedStrategy ? r(e.AssignStrategyDrawer) : a._e(), e.isRrsEnabled || e.hasAssignedStrategy ? r(e.RemoveStrategyModal) : a._e(), r(e.SaveAsTemplateDrawer), e.isTestPartner() ? a._e() : r(e.OnboardingWrapper, { on: { "onboarding-finished": function(_) {
+  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) : a._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), e.isRrsEnabled || e.hasAssignedStrategy ? r(e.AssignStrategyDrawer) : a._e(), e.isRrsEnabled || e.hasAssignedStrategy ? r(e.RemoveStrategyModal) : a._e(), e.isRrsEnabled ? r(e.LegacyStrategyUpdatedModal) : a._e(), r(e.SaveAsTemplateDrawer), e.isTestPartner() ? a._e() : r(e.OnboardingWrapper, { on: { "onboarding-finished": function(_) {
     return e.emit("onboarding:finished");
   } } }), r(e.UnsubscribeWrapper), r(e.LoadingWrapper)], 1);
 }, s = [], n = /* @__PURE__ */ i(
@@ -12,9 +12,9 @@ var t = function() {
   s,
   !1,
   null,
-  "050dfa52"
+  "36867e2e"
 );
-const f = n.exports;
+const g = n.exports;
 export {
-  f as default
+  g as default
 };

package/dist/components/Guido.vue2.js

@@ -1,31 +1,31 @@
-import { defineComponent as ne, defineAsyncComponent as l, ref as O, computed as u, watch as P, onMounted as re, onUnmounted as se } from "vue";
-import { useCortexBlueprintBridge as ae } from "../composables/useCortexBlueprintBridge.js";
-import { useEditorLock as ie } from "../composables/useEditorLock.js";
-import { provideGuidoActions as ce } from "../composables/useGuidoActions.js";
-import { useGuidoStateBridge as de } from "../composables/useGuidoStateBridge.js";
-import { usePartner as me } from "../composables/usePartner.js";
-import { useStripo as le } from "../composables/useStripo.js";
-import { useTimerClone as ue } from "../composables/useTimerClone.js";
-import { migrate as x } from "../config/migrator/index.js";
-import { ModuleFolderDefaults as W } from "../enums/defaults.js";
-import { RIBBON_SELECTOR as pe } from "../enums/onboarding.js";
-import { useRecommendationExtensionStore as G } from "../extensions/Blocks/Recommendation/store/recommendation.js";
-import fe from "./organisms/AutoSaveController.vue.js";
-import ye from "./organisms/base/Toaster.vue.js";
-import ge from "./organisms/extensions/recommendation/FilterSelectionDrawer.vue.js";
-import ve from "./organisms/header/HeaderWrapper.vue.js";
-import Se from "./organisms/LoadingWrapper.vue.js";
-import be from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
-import he from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
-import { useStripoApi as Ee } from "../services/stripoApi.js";
-import { useConfigStore as we } from "../stores/config.js";
-import { useDynamicContentStore as Ce } from "../stores/dynamic-content.js";
+import { defineComponent as re, defineAsyncComponent as m, ref as O, computed as u, watch as x, onMounted as se, onUnmounted as ae } from "vue";
+import { useCortexBlueprintBridge as ie } from "../composables/useCortexBlueprintBridge.js";
+import { useEditorLock as ce } from "../composables/useEditorLock.js";
+import { provideGuidoActions as de } from "../composables/useGuidoActions.js";
+import { useGuidoStateBridge as me } from "../composables/useGuidoStateBridge.js";
+import { usePartner as le } from "../composables/usePartner.js";
+import { useStripo as ue } from "../composables/useStripo.js";
+import { useTimerClone as pe } from "../composables/useTimerClone.js";
+import { migrate as W } from "../config/migrator/index.js";
+import { ModuleFolderDefaults as G } from "../enums/defaults.js";
+import { RIBBON_SELECTOR as fe } from "../enums/onboarding.js";
+import { useRecommendationExtensionStore as h } from "../extensions/Blocks/Recommendation/store/recommendation.js";
+import ye from "./organisms/AutoSaveController.vue.js";
+import ge from "./organisms/base/Toaster.vue.js";
+import ve from "./organisms/extensions/recommendation/FilterSelectionDrawer.vue.js";
+import Se from "./organisms/header/HeaderWrapper.vue.js";
+import be from "./organisms/LoadingWrapper.vue.js";
+import he from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
+import Ee from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
+import { useStripoApi as we } from "../services/stripoApi.js";
+import { useConfigStore as Ce } from "../stores/config.js";
+import { useDynamicContentStore as De } from "../stores/dynamic-content.js";
 import { useEditorStore as H } from "../stores/editor.js";
-import { usePreviewStore as De } from "../stores/preview.js";
-import { useTemplateStore as ke } from "../stores/template.js";
-import { useUnsubscribeStore as Te } from "../stores/unsubscribe.js";
+import { usePreviewStore as ke } from "../stores/preview.js";
+import { useTemplateStore as Te } from "../stores/template.js";
+import { useUnsubscribeStore as Fe } from "../stores/unsubscribe.js";
 import { readTrackFloor as $ } from "../utils/linkTrackingIds.js";
-const et = /* @__PURE__ */ ne({
+const tt = /* @__PURE__ */ re({
   __name: "Guido",
   props: {
     config: null,
@@ -33,23 +33,25 @@ const et = /* @__PURE__ */ ne({
   },
   emits: ["dynamic-content:open", "back", "save:start", "save:complete", "on-change", "ready", "onboarding:finished", "test-email:click"],
   setup(z, { expose: q, emit: r }) {
-    const a = z, K = l(
+    const a = z, K = m(
       () => import("./organisms/email-preview/PreviewContainer.vue.js")
-    ), V = l(
+    ), V = m(
       () => import("./organisms/onboarding/OnboardingWrapper.vue.js")
-    ), j = l(
+    ), j = m(
       () => import("./organisms/extensions/recommendation/AssignStrategyDrawer.vue.js")
-    ), J = l(
+    ), J = m(
       () => import("./organisms/extensions/recommendation/RemoveStrategyModal.vue.js")
-    ), h = O(), p = O(), f = Ce(), E = Te(), o = we();
+    ), Q = m(
+      () => import("./organisms/extensions/recommendation/LegacyStrategyUpdatedModal.vue.js")
+    ), E = O(), p = O(), f = De(), w = Fe(), o = Ce();
     a.ready && o.init(a.config);
-    const c = H(), Q = De(), m = u(() => c.hasChanges), { isTestPartner: X } = me(), w = () => {
+    const c = H(), X = ke(), l = u(() => c.hasChanges), { isTestPartner: Y } = le(), C = () => {
       var t;
-      return (t = h.value) == null ? void 0 : t.handleSave(!0);
-    }, C = (t) => {
+      return (t = E.value) == null ? void 0 : t.handleSave(!0);
+    }, D = (t) => {
       c.loadingStatus = t;
     };
-    ae(), de();
+    ie(), me();
     const y = () => {
       var t, e;
       return {
@@ -57,18 +59,18 @@ const et = /* @__PURE__ */ ne({
         userId: o.userId,
         username: o.username,
         partnerName: o.partnerName,
-        savedModulesFolderName: ((t = o.editor) == null ? void 0 : t.savedModulesFolderName) || W.SAVED_MODULES,
-        defaultModulesFolderName: ((e = o.editor) == null ? void 0 : e.defaultModulesFolderName) || W.DEFAULT_MODULES
+        savedModulesFolderName: ((t = o.editor) == null ? void 0 : t.savedModulesFolderName) || G.SAVED_MODULES,
+        defaultModulesFolderName: ((e = o.editor) == null ? void 0 : e.defaultModulesFolderName) || G.DEFAULT_MODULES
       };
-    }, { initPlugin: D, preloadRuntime: k } = le(), { runExclusive: T, beginMount: F, isCurrentMount: I } = ie();
+    }, { initPlugin: k, preloadRuntime: T } = ue(), { runExclusive: F, beginMount: M, isCurrentMount: R } = ce();
     let g = 0;
-    const { getDefaultTemplate: M } = Ee(), { cloneTimersOnSave: R, hasTimerBlocks: L } = ue(), Y = u(() => {
+    const { getDefaultTemplate: I } = we(), { cloneTimersOnSave: L, hasTimerBlocks: B } = pe(), Z = u(() => {
       var t;
       return !((t = o.ui) != null && t.showHeader);
-    }), Z = u(() => o.isFeatureEnabled("reusableRecommendationStrategy")), ee = u(
-      () => !!G().recommendationConfigs.strategyId
+    }), ee = u(() => o.isFeatureEnabled("reusableRecommendationStrategy")), te = u(
+      () => !!h().recommendationConfigs.strategyId
     );
-    ce({
+    de({
       onBack: () => {
         console.debug("guido:back"), r("back");
       },
@@ -83,13 +85,13 @@ const et = /* @__PURE__ */ ne({
         console.debug("guido:test-email:click"), r("test-email:click");
       }
     });
-    const B = (t) => {
+    const U = (t) => {
       console.debug("dynamic-content:close", t), f.setSelectedDynamicContent(t), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: t }));
     }, A = () => {
       console.debug("dynamic-content:close", "Without Data"), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: { text: "", value: "" } }));
     };
-    P(() => m.value, () => {
-      r("on-change", m.value);
+    x(() => l.value, () => {
+      r("on-change", l.value);
     });
     const v = (t) => {
       const e = t, { attribute: s, position: d } = e.detail;
@@ -98,48 +100,48 @@ const et = /* @__PURE__ */ ne({
     let i = null;
     const S = () => {
       var e;
-      const t = document.querySelector(pe);
+      const t = document.querySelector(fe);
       (e = p.value) == null || e.style.setProperty("--ribbon-offset", `${(t == null ? void 0 : t.offsetHeight) ?? 0}px`);
     }, b = async () => {
       var t;
       try {
         o.initialized || o.init(a.config), c.templateId = o.templateId;
-        const e = o.template, s = (e == null ? void 0 : e.html) || "", d = (e == null ? void 0 : e.css) || "", U = (e == null ? void 0 : e.preselectedDynamicContent) || [];
-        E.selectedUnsubscribePages = (e == null ? void 0 : e.selectedUnsubscribePages) || [];
+        const e = o.template, s = (e == null ? void 0 : e.html) || "", d = (e == null ? void 0 : e.css) || "", P = (e == null ? void 0 : e.preselectedDynamicContent) || [];
+        w.selectedUnsubscribePages = (e == null ? void 0 : e.selectedUnsubscribePages) || [];
         const _ = ((t = e == null ? void 0 : e.migration) == null ? void 0 : t.recommendationConfigs) ?? {}, N = o.isFeatureEnabled("linkTrackingIds");
         let n = {
-          html: s && await x(s, _),
+          html: s && await W(s, _),
           css: d
         };
-        n.html || (n = await M(), n.html = await x(n.html, _));
-        const te = N ? $(n.html, (e == null ? void 0 : e.trackIdCounter) || 0) : 0;
-        L(n.html) && (n.html = await R(n.html)), N && (c.trackIdSessionFloor = Math.max(te, $(n.html)));
-        const oe = {
-          preselectedDynamicContentList: U,
+        n.html || (n = await I(), n.html = await W(n.html, _));
+        const oe = N ? $(n.html, (e == null ? void 0 : e.trackIdCounter) || 0) : 0;
+        B(n.html) && (n.html = await L(n.html)), N && (c.trackIdSessionFloor = Math.max(oe, $(n.html)));
+        const ne = {
+          preselectedDynamicContentList: P,
           onReady: () => {
             console.debug("guido:ready"), r("ready");
           }
         };
-        g = F(), await D(n, y(), oe), f.selectedDynamicContentList = U;
+        g = M(), await k(n, y(), ne), f.selectedDynamicContentList = P;
       } catch (e) {
         console.error("Failed to initialize Stripo editor:", e);
       }
     };
-    return re(async () => {
+    return se(async () => {
       var e;
-      console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow"), G().$reset(), H().$reset(), ke().$reset(), S();
+      console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow"), h().$reset(), H().$reset(), Te().$reset(), S();
       const t = (e = p.value) == null ? void 0 : e.parentElement;
-      if (t && (i = new ResizeObserver(S), i.observe(t)), k(), a.ready)
+      if (t && (i = new ResizeObserver(S), i.observe(t)), T(), a.ready)
         await b();
       else {
-        const s = P(() => a.ready, (d) => {
+        const s = x(() => a.ready, (d) => {
           d && (s(), b());
         });
       }
       document.addEventListener("dynamic-content:open", v);
-    }), se(() => {
-      i == null || i.disconnect(), document.removeEventListener("dynamic-content:open", v), T(async () => {
-        if (I(g))
+    }), ae(() => {
+      i == null || i.disconnect(), document.removeEventListener("dynamic-content:open", v), h().disposeStrategyPageReturn(), F(async () => {
+        if (R(g))
           try {
             window.UIEditor.removeEditor();
           } catch {
@@ -148,15 +150,15 @@ const et = /* @__PURE__ */ ne({
       }), o.reset();
     }), q({
       dynamicContent: {
-        insert: B,
+        insert: U,
         close: A
       },
-      hasChanges: m,
-      saveSilent: w,
-      setLoading: C
-    }), { __sfc: !0, PreviewContainer: K, OnboardingWrapper: V, AssignStrategyDrawer: j, RemoveStrategyModal: J, headerWrapperRef: h, wrapperRef: p, dynamicContentStore: f, unsubscribeStore: E, props: a, configStore: o, editorStore: c, previewStore: Q, hasChanges: m, isTestPartner: X, saveSilent: w, setLoading: C, emit: r, buildMetadata: y, initPlugin: D, preloadRuntime: k, runExclusive: T, beginMount: F, isCurrentMount: I, mountGeneration: g, getDefaultTemplate: M, cloneTimersOnSave: R, hasTimerBlocks: L, noHeader: Y, isRrsEnabled: Z, hasAssignedStrategy: ee, insertDynamicContent: B, closeDynamicContent: A, handleDynamicContentOpen: v, ribbonObserver: i, updateRibbonOffset: S, startEditor: b, AutoSaveController: fe, Toaster: ye, FilterSelectionDrawer: ge, HeaderWrapper: ve, LoadingWrapper: Se, SaveAsTemplateDrawer: be, UnsubscribeWrapper: he };
+      hasChanges: l,
+      saveSilent: C,
+      setLoading: D
+    }), { __sfc: !0, PreviewContainer: K, OnboardingWrapper: V, AssignStrategyDrawer: j, RemoveStrategyModal: J, LegacyStrategyUpdatedModal: Q, headerWrapperRef: E, wrapperRef: p, dynamicContentStore: f, unsubscribeStore: w, props: a, configStore: o, editorStore: c, previewStore: X, hasChanges: l, isTestPartner: Y, saveSilent: C, setLoading: D, emit: r, buildMetadata: y, initPlugin: k, preloadRuntime: T, runExclusive: F, beginMount: M, isCurrentMount: R, mountGeneration: g, getDefaultTemplate: I, cloneTimersOnSave: L, hasTimerBlocks: B, noHeader: Z, isRrsEnabled: ee, hasAssignedStrategy: te, insertDynamicContent: U, closeDynamicContent: A, handleDynamicContentOpen: v, ribbonObserver: i, updateRibbonOffset: S, startEditor: b, AutoSaveController: ye, Toaster: ge, FilterSelectionDrawer: ve, HeaderWrapper: Se, LoadingWrapper: be, SaveAsTemplateDrawer: he, UnsubscribeWrapper: Ee };
   }
 });
 export {
-  et as default
+  tt as default
 };

package/dist/components/organisms/base/Toaster.vue2.js

@@ -1,18 +1,19 @@
-import { defineComponent as a, ref as c, computed as i, onBeforeUnmount as u } from "vue";
-import { useToasterStore as f } from "../../../stores/toaster.js";
-import { InToasts as m } from "@useinsider/design-system-vue";
-const d = /* @__PURE__ */ a({
+import { defineComponent as c, ref as i, computed as u, onBeforeUnmount as m } from "vue";
+import { useToaster as f } from "../../../composables/useToaster.js";
+import { useToasterStore as p } from "../../../stores/toaster.js";
+import { InToasts as l } from "@useinsider/design-system-vue";
+const x = /* @__PURE__ */ c({
   __name: "Toaster",
-  setup(p) {
-    const t = f(), o = c(null), r = i(() => t.actionButton ? [{ text: t.actionButton.text }] : []), s = () => {
-      t.actionButton && t.actionButton.onClick(), t.hideToaster();
+  setup(_) {
+    const t = p(), { hideToaster: o } = f(), e = i(null), s = u(() => t.actionButton ? [{ text: t.actionButton.text }] : []), a = () => {
+      t.actionButton && t.actionButton.onClick(), o();
     };
-    return u(() => {
-      var e, n;
-      t.$reset(), (n = (e = o.value) == null ? void 0 : e.$el) == null || n.remove();
-    }), { __sfc: !0, store: t, toastRef: o, actionButtonsConfig: r, handleActionClick: s, InToasts: m };
+    return m(() => {
+      var n, r;
+      o(), t.$reset(), (r = (n = e.value) == null ? void 0 : n.$el) == null || r.remove();
+    }), { __sfc: !0, store: t, hideToaster: o, toastRef: e, actionButtonsConfig: s, handleActionClick: a, InToasts: l };
   }
 });
 export {
-  d as default
+  x as default
 };

package/dist/components/organisms/extensions/recommendation/AssignStrategyDrawer.vue.js

@@ -1,19 +1,21 @@
-import r from "./AssignStrategyDrawer.vue2.js";
+import s from "./AssignStrategyDrawer.vue2.js";
 /* empty css                          */
 /* empty css                          */
-import a from "../../../../_virtual/_plugin-vue2_normalizer.js";
-var o = function() {
-  var e = this, s = e._self._c, t = e._self._setupProxy;
-  return t.store.assignStrategyDrawerStatus ? s(t.OrgStrategyDetailModal, { staticClass: "assign-strategy-drawer", attrs: { "description-status": "", show: "", "description-text": t.drawerDescription, "footer-button-group-options": t.footerButtonGroupOptions, strategy: t.selectedStrategy ?? {}, "title-text": t.trans("gpt-app-builder.assign-recommendation-strategy") }, on: { close: t.closeDrawer, primaryClick: t.assignStrategy }, scopedSlots: e._u([{ key: "contentTop", fn: function() {
-    return [s("div", { staticClass: "assign-strategy-drawer-content px-5 py-5" }, [s(t.OrgStrategyDropdown, { staticClass: "assign-strategy-select", attrs: { id: "assign-strategy-select", "info-box-position": "bottom right", "create-button-visible": !1, loading: t.store.strategiesLoading, "placeholder-text": t.trans("smart-recommender.select-recommendation-strategy"), "selected-strategy-id": t.selectedStrategyId, state: t.showSelectionError ? "error" : "default", "state-message": t.showSelectionError ? t.trans("ds-steps.select-strategy-tooltip") : "", strategies: t.strategyOptions }, on: { select: t.onSelect } })], 1)];
-  }, proxy: !0 }], null, !1, 2542767044) }) : e._e();
-}, n = [], i = /* @__PURE__ */ a(
-  r,
-  o,
+import o from "../../../../_virtual/_plugin-vue2_normalizer.js";
+var a = function() {
+  var e = this, r = e._self._c, t = e._self._setupProxy;
+  return t.store.assignStrategyDrawerStatus ? r(t.OrgStrategyDetailModal, { staticClass: "assign-strategy-drawer", attrs: { "description-status": "", show: "", "description-text": t.drawerDescription, "footer-button-group-options": t.footerButtonGroupOptions, strategy: t.selectedStrategy ?? {}, "title-text": t.trans("gpt-app-builder.assign-recommendation-strategy") }, on: { close: t.closeDrawer, primaryClick: t.assignStrategy }, scopedSlots: e._u([{ key: "contentTop", fn: function() {
+    return [r("div", { staticClass: "assign-strategy-drawer-content px-5 py-5" }, [r(t.OrgStrategyDropdown, { staticClass: "assign-strategy-select", attrs: { id: "assign-strategy-select", "create-button-visible": "", "info-box-position": "bottom right", loading: t.store.strategiesLoading || t.store.legacyConversionLoading, "placeholder-text": t.trans("smart-recommender.select-recommendation-strategy"), "selected-strategy-id": t.selectedStrategyId, state: t.showSelectionError ? "error" : "default", "state-message": t.showSelectionError ? t.trans("ds-steps.select-strategy-tooltip") : "", strategies: t.strategyOptions }, on: { create: function(l) {
+      return t.store.openStrategyCreation();
+    }, infoBoxButtonClick: t.onInfoBoxButtonClick, select: t.onSelect } })], 1)];
+  }, proxy: !0 }], null, !1, 659108535) }) : e._e();
+}, n = [], i = /* @__PURE__ */ o(
+  s,
+  a,
   n,
   !1,
   null,
-  "2580a7d9"
+  "6ce48dfd"
 );
 const y = i.exports;
 export {