@useinsider/guido 3.19.0-beta.6f88fb4 → 3.19.0-beta.80b64cf

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 { ModuleFolderDefaults as S } from "../../enums/defaults.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,22 +76,22 @@ const p = {
       value: t()
     })
   )
-}), S = I(() => g({
+}), f = T(() => C({
   text: e(t()),
   // eslint-disable-next-line camelcase -- backend field name
   tag_text: e(t()),
   value: e(t()),
-  children: e(c(S)),
+  children: e(c(f)),
   // eslint-disable-next-line camelcase -- backend field name
-  select_items: e(c(S))
-})), N = k(
+  select_items: e(c(f))
+})), N = g(
   t(),
-  R(c(S), [])
-), P = g({
+  R(c(f), [])
+), 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(h([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(h([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,32 +174,45 @@ 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(), f.SAVED_MODULES),
+  savedModulesFolderName: e(t(), S.SAVED_MODULES),
   /** Folder name for default/prebuilt modules (used by Stripo plugin panel for path construction) */
-  defaultModulesFolderName: e(t(), f.DEFAULT_MODULES)
+  defaultModulesFolderName: e(t(), S.DEFAULT_MODULES)
 }), F = a({
   /** Whether to show the header bar */
   showHeader: e(o(), !0),
@@ -221,7 +242,7 @@ const p = {
   /** 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",
@@ -235,7 +256,7 @@ const p = {
   "text-block",
   "timer-block",
   "video-block"
-]), w = i([
+]), w = m([
   "dynamic-content",
   "checkbox-block",
   "radio-button-block",
@@ -243,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),
@@ -260,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 */
@@ -270,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 */
@@ -288,13 +309,13 @@ const p = {
   ...d.entries,
   type: u("custom"),
   /** Custom processor function */
-  processor: y(
-    (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({
@@ -308,8 +329,8 @@ const p = {
    * Return false to cancel the save operation.
    */
   externalValidation: e(
-    y(
-      (s) => typeof s == "function",
+    k(
+      (n) => typeof n == "function",
       "externalValidation must be a function"
     )
   )
@@ -321,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,
@@ -344,10 +365,10 @@ export {
   G as CustomRuleSchema,
   B as DefaultBlockTypeSchema,
   N as DynamicContentListSchema,
-  S as DynamicContentNodeSchema,
+  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,
@@ -356,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

@@ -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,
-  "bb2a5f2c"
+  "36867e2e"
 );
-const f = n.exports;
+const g = n.exports;
 export {
-  f as default
+  g as default
 };

package/dist/components/Guido.vue2.js

@@ -1,56 +1,58 @@
-import { defineComponent as ne, defineAsyncComponent as u, ref as P, computed as p, watch as x, onMounted as re, onUnmounted as se } from "vue";
+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 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 { 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 pe } from "../enums/onboarding.js";
-import { useRecommendationExtensionStore as z } 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 { 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 be 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 E } from "../stores/editor.js";
-import { usePreviewStore as De } from "../stores/preview.js";
-import { useTemplateStore as ke } from "../stores/template.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 ke } from "../stores/preview.js";
+import { useTemplateStore as Te } from "../stores/template.js";
 import { useUnsubscribeStore as Fe } from "../stores/unsubscribe.js";
-import { readTrackFloor as H } from "../utils/linkTrackingIds.js";
-const et = /* @__PURE__ */ ne({
+import { readTrackFloor as $ } from "../utils/linkTrackingIds.js";
+const tt = /* @__PURE__ */ re({
   __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($, { expose: q, emit: r }) {
-    const i = $, K = u(
+  setup(z, { expose: q, emit: r }) {
+    const a = z, K = m(
       () => import("./organisms/email-preview/PreviewContainer.vue.js")
-    ), V = u(
+    ), V = m(
       () => import("./organisms/onboarding/OnboardingWrapper.vue.js")
-    ), j = u(
+    ), j = m(
       () => import("./organisms/extensions/recommendation/AssignStrategyDrawer.vue.js")
-    ), J = u(
+    ), J = m(
       () => import("./organisms/extensions/recommendation/RemoveStrategyModal.vue.js")
-    ), w = P(), f = P(), y = Ce(), C = Fe(), o = we();
-    i.ready && o.init(i.config);
-    const c = E(), Q = De(), m = p(() => c.hasChanges), { isTestPartner: X } = me(), D = () => {
+    ), 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(), X = ke(), l = u(() => c.hasChanges), { isTestPartner: Y } = le(), C = () => {
       var t;
-      return (t = w.value) == null ? void 0 : t.handleSave(!0);
-    }, k = (t) => {
+      return (t = E.value) == null ? void 0 : t.handleSave(!0);
+    }, D = (t) => {
       c.loadingStatus = t;
     };
-    ie(), de();
-    const g = () => {
+    ie(), me();
+    const y = () => {
       var t, e;
       return {
         emailId: o.templateId,
@@ -60,15 +62,15 @@ const et = /* @__PURE__ */ ne({
         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: F, preloadRuntime: T } = le(), { runExclusive: I, beginMount: M, isCurrentMount: v } = ae();
-    let l = 0;
-    const { getDefaultTemplate: R } = Ee(), { cloneTimersOnSave: L, hasTimerBlocks: B } = ue(), Y = p(() => {
+    }, { initPlugin: k, preloadRuntime: T } = ue(), { runExclusive: F, beginMount: M, isCurrentMount: R } = ce();
+    let g = 0;
+    const { getDefaultTemplate: I } = we(), { cloneTimersOnSave: L, hasTimerBlocks: B } = pe(), Z = u(() => {
       var t;
       return !((t = o.ui) != null && t.showHeader);
-    }), Z = p(() => o.isFeatureEnabled("reusableRecommendationStrategy")), ee = p(
-      () => !!z().recommendationConfigs.strategyId
+    }), ee = u(() => o.isFeatureEnabled("reusableRecommendationStrategy")), te = u(
+      () => !!h().recommendationConfigs.strategyId
     );
-    ce({
+    de({
       onBack: () => {
         console.debug("guido:back"), r("back");
       },
@@ -76,76 +78,70 @@ const et = /* @__PURE__ */ ne({
         console.debug("guido:save:start"), r("save:start");
       },
       onSaveComplete: (t) => {
-        const e = { ...t, metadata: g() };
+        const e = { ...t, metadata: y() };
         console.debug("guido:save:complete", e), r("save:complete", e);
       },
       onTestEmailClick: () => {
         console.debug("guido:test-email:click"), r("test-email:click");
       }
     });
-    const A = (t) => {
-      console.debug("dynamic-content:close", t), y.setSelectedDynamicContent(t), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: t }));
-    }, U = () => {
+    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: "" } }));
     };
-    x(() => m.value, () => {
-      r("on-change", m.value);
+    x(() => l.value, () => {
+      r("on-change", l.value);
     });
-    const S = (t) => {
+    const v = (t) => {
       const e = t, { attribute: s, position: d } = e.detail;
       console.debug("dynamic-content:open", e.detail), r("dynamic-content:open", s, d);
     };
-    let a = null;
-    const h = () => {
+    let i = null;
+    const S = () => {
       var e;
-      const t = document.querySelector(pe);
-      (e = f.value) == null || e.style.setProperty("--ribbon-offset", `${(t == null ? void 0 : t.offsetHeight) ?? 0}px`);
+      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(i.config), c.templateId = o.templateId;
-        const e = o.template, s = (e == null ? void 0 : e.html) || "", d = (e == null ? void 0 : e.css) || "", _ = (e == null ? void 0 : e.preselectedDynamicContent) || [];
-        C.selectedUnsubscribePages = (e == null ? void 0 : e.selectedUnsubscribePages) || [];
-        const N = ((t = e == null ? void 0 : e.migration) == null ? void 0 : t.recommendationConfigs) ?? {}, O = o.isFeatureEnabled("linkTrackingIds");
+        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) || "", 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 W(s, N),
+          html: s && await W(s, _),
           css: d
         };
-        n.html || (n = await R(), n.html = await W(n.html, N));
-        const te = O ? H(n.html, (e == null ? void 0 : e.trackIdCounter) || 0) : 0;
-        B(n.html) && (n.html = await L(n.html)), O && (c.trackIdSessionFloor = Math.max(te, H(n.html)));
-        const oe = {
-          preselectedDynamicContentList: _,
+        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");
           }
         };
-        l = M(), await F(n, g(), oe), y.selectedDynamicContentList = _;
+        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"), z().$reset(), E().$reset(), ke().$reset(), h();
-      const t = (e = f.value) == null ? void 0 : e.parentElement;
-      if (t && (a = new ResizeObserver(h), a.observe(t)), T(), i.ready)
+      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)), T(), a.ready)
         await b();
       else {
-        const s = x(() => i.ready, (d) => {
+        const s = x(() => a.ready, (d) => {
           d && (s(), b());
         });
       }
-      document.addEventListener("dynamic-content:open", S);
-    }), se(() => {
-      if (a == null || a.disconnect(), document.removeEventListener("dynamic-content:open", S), v(l))
-        try {
-          E().isStripoInitialized = !1;
-        } catch (t) {
-          console.debug("Failed to close the editor readiness gate on unmount", t);
-        }
-      I(async () => {
-        if (v(l))
+      document.addEventListener("dynamic-content:open", v);
+    }), ae(() => {
+      i == null || i.disconnect(), document.removeEventListener("dynamic-content:open", v), h().disposeStrategyPageReturn(), F(async () => {
+        if (R(g))
           try {
             window.UIEditor.removeEditor();
           } catch {
@@ -154,15 +150,15 @@ const et = /* @__PURE__ */ ne({
       }), o.reset();
     }), q({
       dynamicContent: {
-        insert: A,
-        close: U
+        insert: U,
+        close: A
       },
-      hasChanges: m,
-      saveSilent: D,
-      setLoading: k
-    }), { __sfc: !0, PreviewContainer: K, OnboardingWrapper: V, AssignStrategyDrawer: j, RemoveStrategyModal: J, headerWrapperRef: w, wrapperRef: f, dynamicContentStore: y, unsubscribeStore: C, props: i, configStore: o, editorStore: c, previewStore: Q, hasChanges: m, isTestPartner: X, saveSilent: D, setLoading: k, emit: r, buildMetadata: g, initPlugin: F, preloadRuntime: T, runExclusive: I, beginMount: M, isCurrentMount: v, mountGeneration: l, getDefaultTemplate: R, cloneTimersOnSave: L, hasTimerBlocks: B, noHeader: Y, isRrsEnabled: Z, hasAssignedStrategy: ee, insertDynamicContent: A, closeDynamicContent: U, handleDynamicContentOpen: S, ribbonObserver: a, updateRibbonOffset: h, startEditor: b, AutoSaveController: fe, Toaster: ye, FilterSelectionDrawer: ge, HeaderWrapper: ve, LoadingWrapper: Se, SaveAsTemplateDrawer: he, UnsubscribeWrapper: be };
+      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
 };