@useinsider/guido 3.19.0-beta.0a1f92f → 3.19.0-beta.0b78e99

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 S } 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 h, 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 y, unknown as r, lazy as I } from "../../node_modules/valibot/dist/index.js";
+import { object as a, number as s, optional as e, string as t, picklist as m, pipe as i, minLength as b, custom as k, boolean as o, array as c, transform as y, unknown as r, record as g, fallback as R, literal as u, looseObject as C, variant as I, union as h, lazy as T } from "../../node_modules/valibot/dist/index.js";
 const p = {
   /** Promotional/marketing emails */
   PROMOTIONAL: 1,
@@ -14,17 +14,25 @@ const p = {
   UNSUBSCRIBE_PAGES: 97
 }, A = a({
   /** Unique identifier for the template being edited */
-  templateId: m(
+  templateId: i(
     t(),
     b(1, "templateId is required")
   ),
   /** Unique identifier for the user editing the template */
-  userId: m(
+  userId: i(
     t(),
     b(1, "userId is required")
   ),
   /** Optional variation ID for A/B testing */
-  variationId: e(t())
+  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 = a({
   /** Fallback font name (e.g., "Georgia") */
   name: t(),
@@ -32,13 +40,13 @@ const p = {
   family: t()
 }), M = a({
   /** Partner/organization name (required) */
-  name: m(
+  name: i(
     t(),
     b(1, "partner.name is required")
   ),
   /** Product type identifier */
   productType: e(
-    i([
+    m([
       l.EMAIL,
       l.ARCHITECT,
       l.UNSUBSCRIBE_PAGES
@@ -47,7 +55,7 @@ const p = {
   ),
   /** Message type (promotional or transactional) */
   messageType: e(
-    i([p.PROMOTIONAL, p.TRANSACTIONAL]),
+    m([p.PROMOTIONAL, p.TRANSACTIONAL]),
     p.PROMOTIONAL
   ),
   /** Display name for the current user */
@@ -68,7 +76,7 @@ const p = {
       value: t()
     })
   )
-}), f = I(() => g({
+}), f = T(() => C({
   text: e(t()),
   // eslint-disable-next-line camelcase -- backend field name
   tag_text: e(t()),
@@ -76,14 +84,14 @@ const p = {
   children: e(c(f)),
   // eslint-disable-next-line camelcase -- backend field name
   select_items: e(c(f))
-})), N = k(
+})), N = g(
   t(),
   R(c(f), [])
-), P = g({
+), P = C({
   /** Block ID (matches the dictionary key and the legacy HTML element id) */
-  id: e(n()),
+  id: e(s()),
   /** Decimal places for price display (legacy data may use string or number) */
-  decimalCount: e(y([t(), n()])),
+  decimalCount: e(h([t(), s()])),
   /** Pinned product IDs (empty array when filter-driven) */
   productIds: e(c(r())),
   /** Whether the block requested live products at send time */
@@ -103,11 +111,11 @@ const p = {
   /** Snapshot of products as rendered by the legacy block */
   recommendedProducts: e(c(r())),
   /** Number of product cards per row */
-  cardsInRow: e(n()),
+  cardsInRow: e(s()),
   /** Mobile-only padding (right) */
-  mobileRightPadding: e(n()),
+  mobileRightPadding: e(s()),
   /** Mobile-only padding (left) */
-  mobileLeftPadding: e(n()),
+  mobileLeftPadding: e(s()),
   /** Disable responsive scaling */
   unresponsive: e(o()),
   /** Layout orientation ('vertical' | 'horizontal') */
@@ -117,14 +125,14 @@ const p = {
   /** Block type marker used by some legacy variants */
   blockType: e(t()),
   /** Size variant marker (legacy data may use string or number) */
-  size: e(y([t(), n()])),
+  size: e(h([t(), s()])),
   /** Vertical responsiveness flag (legacy size=1 variants) */
   verticalResponsiveness: e(o()),
   /** Legacy "Move to next line" price placement toggle (cardPricePlacement.js) */
   isPriceMovedToNextLine: e(o()),
   /** Legacy "Hide if same as discounted" / delete-price-for-zero-sale toggle */
   isPriceDeletedForZeroSale: e(o())
-}), v = a({
+}), x = a({
   /**
    * Legacy recommendation block configs keyed by block ID.
    * Pass this when loading a template authored with the v1
@@ -132,10 +140,10 @@ const p = {
    * strategy, currency, locale, and layout data.
    */
   recommendationConfigs: e(
-    k(t(), P),
+    g(t(), P),
     {}
   )
-}), x = a({
+}), D = a({
   /** Initial HTML content */
   html: e(t(), ""),
   /** Initial CSS content */
@@ -155,7 +163,7 @@ const p = {
   /** Valid custom field attribute names from the partner's categorized fields */
   customFieldAttributes: e(c(t()), []),
   /** Selected unsubscribe page IDs */
-  selectedUnsubscribePages: e(c(n()), []),
+  selectedUnsubscribePages: e(c(s()), []),
   /** Force recreate template in Stripo storage (use true when updating externally modified templates) */
   forceRecreate: e(o(), !1),
   /**
@@ -166,28 +174,41 @@ const p = {
    * mount. Non-numbers still fail, like every other field in this schema.
    */
   trackIdCounter: e(
-    m(
-      n(),
-      C((s) => Number.isFinite(s) ? Math.max(0, Math.floor(s)) : 0)
+    i(
+      s(),
+      y((n) => Number.isFinite(n) ? Math.max(0, Math.floor(n)) : 0)
     ),
     0
   ),
+  /**
+   * The variation's saved `recommendationCampaignUrls`, keyed by block id. A block
+   * that still names a strategy but has no entry here had it dropped by a
+   * cross-account duplicate, so Guido resets it on load (SD-151945). Omit it and
+   * that check is off, and so is any non-object value such as `null`, because a reset
+   * cannot be undone. Hosts send `[]` for an empty map.
+   */
+  recommendationCampaignUrls: e(
+    i(
+      r(),
+      y((n) => n && typeof n == "object" ? { ...n } : void 0)
+    )
+  ),
   /** Migration-only inputs (legacy block configs) */
-  migration: e(v, {})
-}), D = a({
+  migration: e(x, {})
+}), O = a({
   /** Sender display name */
   senderName: e(t(), ""),
   /** Email subject line */
   subject: e(t(), "")
-}), O = a({
+}), v = a({
   /** Locale for the editor UI */
   locale: e(t(), "en"),
   /** Path to translations object */
   translationsPath: e(t(), "window.trans[Object.keys(window.trans)[0]]"),
   /** Migration date for template compatibility */
-  migrationDate: e(n(), 1759696858),
+  migrationDate: e(s(), 1759696858),
   /** Email header settings */
-  emailHeader: e(D, { senderName: "", subject: "" }),
+  emailHeader: e(O, { senderName: "", subject: "" }),
   /** Folder name for user-saved modules (used by Stripo plugin panel for path construction) */
   savedModulesFolderName: e(t(), S.SAVED_MODULES),
   /** Folder name for default/prebuilt modules (used by Stripo plugin panel for path construction) */
@@ -216,13 +237,12 @@ const p = {
   liquidSyntax: e(o(), !1),
   /** Enable autosave (3-min interval + tab-hide). User toggles on/off from the header. */
   autosave: e(o(), !1),
-  accessibilityTesting: e(o(), !1),
   /** Enable pre-save domain-allowlist validation (opt-in; Guido self-serves the block toaster) */
   allowlistEnabled: e(o(), !1),
   /** Enable persistent link tracking-id assignment for the click heatmap (opt-in) */
   linkTrackingIds: e(o(), !1),
   reusableRecommendationStrategy: e(o(), !1)
-}), B = i([
+}), B = m([
   "amp-accordion",
   "amp-carousel",
   "amp-form-controls",
@@ -236,7 +256,7 @@ const p = {
   "text-block",
   "timer-block",
   "video-block"
-]), w = i([
+]), w = m([
   "dynamic-content",
   "checkbox-block",
   "radio-button-block",
@@ -244,7 +264,7 @@ const p = {
   "unsubscribe-block",
   "coupon-block",
   "items-block"
-]), H = a({
+]), j = a({
   /** Default blocks to exclude from the editor */
   excludeDefaults: e(
     c(B),
@@ -261,8 +281,8 @@ const p = {
   /** Human-readable description */
   description: e(t()),
   /** Priority for rule ordering (lower = earlier) */
-  priority: n()
-}), _ = a({
+  priority: s()
+}), H = a({
   ...d.entries,
   type: u("replace"),
   /** String to search for */
@@ -271,7 +291,7 @@ const p = {
   replacement: t(),
   /** Replace all occurrences (default: false) */
   replaceAll: e(o())
-}), j = a({
+}), _ = a({
   ...d.entries,
   type: u("regex"),
   /** Regex pattern string */
@@ -289,13 +309,13 @@ const p = {
   ...d.entries,
   type: u("custom"),
   /** Custom processor function */
-  processor: h(
-    (s) => typeof s == "function",
+  processor: k(
+    (n) => typeof n == "function",
     "processor must be a function"
   )
-}), V = T("type", [
+}), V = I("type", [
+  H,
   _,
-  j,
   q,
   G
 ]), z = a({
@@ -309,8 +329,8 @@ const p = {
    * Return false to cancel the save operation.
    */
   externalValidation: e(
-    h(
-      (s) => typeof s == "function",
+    k(
+      (n) => typeof n == "function",
       "externalValidation must be a function"
     )
   )
@@ -322,22 +342,22 @@ const p = {
   partner: M,
   // Optional sections (with defaults)
   /** Template content and presets */
-  template: e(x, {}),
+  template: e(D, {}),
   /** Editor settings */
-  editor: e(O, {}),
+  editor: e(v, {}),
   /** UI configuration */
   ui: e(F, {}),
   /** Feature toggles */
   features: e(U, {}),
   /** Block configuration */
-  blocks: e(H, {}),
+  blocks: e(j, {}),
   /** Compiler configuration */
   compiler: e(z, {}),
   /** Callbacks and event handlers */
   callbacks: e(Z, {})
 });
 export {
-  H as BlocksSchema,
+  j as BlocksSchema,
   Z as CallbacksSchema,
   V as CompilerRuleSchema,
   z as CompilerSchema,
@@ -347,8 +367,8 @@ export {
   N as DynamicContentListSchema,
   f as DynamicContentNodeSchema,
   E as DynamicContentSchema,
-  O as EditorSchema,
-  D as EmailHeaderSchema,
+  v as EditorSchema,
+  O as EmailHeaderSchema,
   L as FallbackFontSchema,
   U as FeaturesSchema,
   Q as GuidoConfigSchema,
@@ -357,10 +377,10 @@ export {
   p as MessageType,
   M as PartnerSchema,
   l as ProductType,
-  j as RegexRuleSchema,
+  _ as RegexRuleSchema,
   q as RemoveRuleSchema,
-  _ as ReplaceRuleSchema,
-  v as TemplateMigrationSchema,
-  x as TemplateSchema,
+  H as ReplaceRuleSchema,
+  x as TemplateMigrationSchema,
+  D as TemplateSchema,
   F as UISchema
 };

package/dist/components/Guido.vue.js

@@ -1,20 +1,20 @@
-import a from "./Guido.vue2.js";
+import o from "./Guido.vue2.js";
 /* empty css           */
-import i 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), r(e.AutoSaveController, { ref: "autoSaveControllerRef" }), 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), e.isRrsEnabled || e.hasAssignedStrategy ? r(e.AssignStrategyDrawer) : o._e(), e.isRrsEnabled || e.hasAssignedStrategy ? r(e.RemoveStrategyModal) : o._e(), r(e.SaveAsTemplateDrawer), e.isTestPartner() ? o._e() : r(e.OnboardingWrapper, { on: { "onboarding-finished": function(_) {
+import t from "../_virtual/_plugin-vue2_normalizer.js";
+var i = 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.AuthErrorModal), 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(
-  a,
-  t,
+}, s = [], n = /* @__PURE__ */ t(
+  o,
+  i,
   s,
   !1,
   null,
-  "f9694296"
+  "926b01f5"
 );
-const c = n.exports;
+const f = n.exports;
 export {
-  c as default
+  f as default
 };

package/dist/components/Guido.vue2.js

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