@useinsider/guido 3.27.0-beta.cf35c0c → 3.27.0-beta.ee85b86

package/README.md

@@ -119,7 +119,8 @@ const config: GuidoConfigInput = {
     // { [partnerName]: [{ text, value, children }] } (architect is multi-partner).
     // Guido flattens the active (first) partner's leaf attributes and uses them to
     // repair label-form tokens (`{{ Phone Number }}` -> `{{phone_number}}`) in
-    // dropped saved modules; an unresolvable token raises a single warning toaster
+    // dropped saved modules; a label shared by several attributes opens a picker
+    // modal (see "Saved-module token repair"); an unresolvable token raises a single warning toaster
     // (translation key `dynamic-content.unresolved-attributes-on-drop`, registered
     // host-side). Omit it and the repair is a silent no-op. Default: {}.
     dynamicContentList?: DynamicContentList,
@@ -691,18 +692,22 @@ const closeModal = () => {
 
 ### Saved-module token repair
 
-Legacy **saved modules** may serialize their merge-tag chips by display label
+Legacy or hand-written **saved modules** may carry tokens by display label
 (`{{ Phone Number }}`) instead of the canonical token (`{{phone_number}}`), which the
 backend can't resolve. When such a module is dropped or copied into the editor, Guido
 repairs these automatically using the `template.dynamicContentList` catalog (see
 [Configuration](#configuration)):
 
-- **Label match** → canonical value: `{{ Phone Number }}` → `{{phone_number}}` (any author `| default:` / format tail is preserved).
-- Already-canonical values, Liquid nested tokens (`coupon.code`), recommendation-block variables (`123_0_price`), allowed system tokens, and `data-*` product tags are left untouched.
+- **Off under `features.liquidSyntax`**: Liquid templates keep every token exactly as written — no rewrite, no modal, no toaster. The Items currency and legacy-unsubscribe repairs still run.
+- **Label match with one attribute** → canonical value: `{{ Phone Number }}` → `{{phone_number}}` (any author `| default:` / format tail is preserved). A label matches a leaf's `text` or its `tag_text` (e.g. `Wishlist Item (8) Name`), case-insensitively.
+- **Valid tokens are never rewritten**: an exact catalog value, an Items block variable, or an exact entry of `template.customFieldAttributes` (e.g. the host's long-form aliases `name`, `surname`), stays as written — so `{{name | downcase | capitalize}}` survives a drop.
+- **Catalog attributes the module ends up using are registered** for Save's allow-list, the same way the picker registers them, so a repaired or chosen token does not fail Save as an invalid custom field.
+- **Label match with several attributes** (e.g. a bare `Name` shared by a default attribute and a commerce field) is not guessed: the token is left in place and a modal asks the user to pick an attribute per label, showing each option as `category › label`. Applying the choice is one undo step; closing the modal keeps the tokens and shows the warning toaster below. A module whose choice was still open when the design was saved asks again when the design is reopened. Register these keys host-side: `email-editor.ambiguous-dynamic-content-title`, `email-editor.ambiguous-dynamic-content-message` and `email-editor.ambiguous-dynamic-content-apply` (Cancel reuses `action-builder.cancel`).
+- Liquid nested tokens (`coupon.code`), recommendation-block variables (`123_0_price`), allowed system tokens, and `data-*` product tags are left untouched.
 - An **unresolvable** token is left in place and raises a single **warning toaster** (translation key `dynamic-content.unresolved-attributes-on-drop`; register the copy host-side).
 
 Pass `template.dynamicContentList` as a **partner-keyed** tree
-(`{ [partnerName]: DynamicContentNode[] }`, where a node is `{ text, value, children? }`).
+(`{ [partnerName]: DynamicContentNode[] }`, where a node is `{ text, tag_text?, value, children? }`).
 Guido flattens the **active (first) partner's** leaf attributes. Products that manage
 multiple partners (e.g. architect) should key by partner and place the active partner
 first. Omit the prop and the repair is a safe no-op — nothing is rewritten and no

package/dist/components/Guido.vue.js

@@ -1,20 +1,20 @@
 import o from "./Guido.vue2.js";
 /* empty css           */
 import i from "../_virtual/_plugin-vue2_normalizer.js";
-var s = function() {
+var n = 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), r(e.AutoSaveController, { ref: "autoSaveControllerRef" }), 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(), e.isLegacyUnsubscribeConversionEnabled ? r(e.LegacyUnsubscribeConvertedModal) : a._e(), r(e.SaveAsTemplateDrawer), e.isSaveValidationEnabled ? r(e.ValidationErrorDrawer) : a._e(), e.isExternalDisplayConditionsEnabled ? r(e.DisplayConditionsHost) : a._e(), e.isTestPartner() ? a._e() : r(e.OnboardingWrapper, { on: { "onboarding-finished": function(l) {
+  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) : 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(), e.isLegacyUnsubscribeConversionEnabled ? r(e.LegacyUnsubscribeConvertedModal) : a._e(), e.moduleDynamicContentStore.queue.length > 0 ? r(e.AmbiguousDynamicContentModal) : a._e(), r(e.SaveAsTemplateDrawer), e.isSaveValidationEnabled ? r(e.ValidationErrorDrawer) : a._e(), e.isExternalDisplayConditionsEnabled ? r(e.DisplayConditionsHost) : a._e(), e.isTestPartner() ? a._e() : r(e.OnboardingWrapper, { on: { "onboarding-finished": function(l) {
     return e.emit("onboarding:finished");
   } } }), r(e.UnsubscribeWrapper), r(e.LoadingWrapper)], 1);
-}, t = [], n = /* @__PURE__ */ i(
+}, t = [], s = /* @__PURE__ */ i(
   o,
-  s,
+  n,
   t,
   !1,
   null,
-  "8fc59697"
+  "0c5f11a1"
 );
-const v = n.exports;
+const u = s.exports;
 export {
-  v as default
+  u as default
 };

package/dist/components/Guido.vue2.js

@@ -1,79 +1,82 @@
-import { defineComponent as ye, defineAsyncComponent as a, ref as W, computed as l, watch as G, onMounted as be, onUnmounted as ve } from "vue";
-import { useCortexBlueprintBridge as Se } from "../composables/useCortexBlueprintBridge.js";
-import { useEditorLock as he } from "../composables/useEditorLock.js";
-import { startEditorOpenMetrics as Ee } from "../composables/useEditorOpenMetrics.js";
-import { provideGuidoActions as Ce } from "../composables/useGuidoActions.js";
-import { useGuidoStateBridge as De } from "../composables/useGuidoStateBridge.js";
-import { usePartner as we } from "../composables/usePartner.js";
-import { useSaveValidationRollout as Te } from "../composables/useSaveValidationRollout.js";
-import { useStripo as ke } from "../composables/useStripo.js";
-import { useTimerClone as Fe } from "../composables/useTimerClone.js";
-import { useToaster as Ie } from "../composables/useToaster.js";
-import { useTranslations as Le } from "../composables/useTranslations.js";
-import { migrate as Me } from "../config/migrator/index.js";
-import { ModuleFolderDefaults as $ } from "../enums/defaults.js";
-import { RIBBON_SELECTOR as Re } from "../enums/onboarding.js";
-import { ToasterTypeOptions as Oe } from "../enums/toaster.js";
-import { useRecommendationExtensionStore as z, disposeStrategyPageReturnListeners as Ue } from "../extensions/Blocks/Recommendation/store/recommendation.js";
-import { disposeUnsubscribeListeners as Ne } from "../extensions/Blocks/Unsubscribe/block.js";
-import { disposeDisplayConditionRequest as _e } from "../extensions/DisplayConditions/bridge.js";
-import Ae from "./organisms/AutoSaveController.vue.js";
-import Pe from "./organisms/base/AuthErrorModal.vue.js";
-import xe from "./organisms/base/Toaster.vue.js";
-import Be from "./organisms/extensions/recommendation/FilterSelectionDrawer.vue.js";
-import He from "./organisms/header/HeaderWrapper.vue.js";
-import Ve from "./organisms/LoadingWrapper.vue.js";
-import We from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
-import Ge from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
-import $e from "./organisms/validation/ValidationErrorDrawer.vue.js";
-import { useStripoApi as ze } from "../services/stripoApi.js";
-import { useConfigStore as qe } from "../stores/config.js";
-import { useDynamicContentStore as Ke } from "../stores/dynamic-content.js";
+import { defineComponent as Se, defineAsyncComponent as a, ref as W, computed as l, watch as $, onMounted as he, onUnmounted as Ee } from "vue";
+import { useCortexBlueprintBridge as Ce } from "../composables/useCortexBlueprintBridge.js";
+import { useEditorLock as De } from "../composables/useEditorLock.js";
+import { startEditorOpenMetrics as we } from "../composables/useEditorOpenMetrics.js";
+import { provideGuidoActions as Te } from "../composables/useGuidoActions.js";
+import { useGuidoStateBridge as ke } from "../composables/useGuidoStateBridge.js";
+import { usePartner as Fe } from "../composables/usePartner.js";
+import { useSaveValidationRollout as Me } from "../composables/useSaveValidationRollout.js";
+import { useStripo as Ie } from "../composables/useStripo.js";
+import { useTimerClone as Le } from "../composables/useTimerClone.js";
+import { useToaster as Re } from "../composables/useToaster.js";
+import { useTranslations as Oe } from "../composables/useTranslations.js";
+import { migrate as Ue } from "../config/migrator/index.js";
+import { ModuleFolderDefaults as G } from "../enums/defaults.js";
+import { RIBBON_SELECTOR as Ae } from "../enums/onboarding.js";
+import { ToasterTypeOptions as Ne } from "../enums/toaster.js";
+import { useRecommendationExtensionStore as z, disposeStrategyPageReturnListeners as _e } from "../extensions/Blocks/Recommendation/store/recommendation.js";
+import { disposeUnsubscribeListeners as Pe } from "../extensions/Blocks/Unsubscribe/block.js";
+import { disposeDisplayConditionRequest as xe } from "../extensions/DisplayConditions/bridge.js";
+import Be from "./organisms/AutoSaveController.vue.js";
+import He from "./organisms/base/AuthErrorModal.vue.js";
+import Ve from "./organisms/base/Toaster.vue.js";
+import We from "./organisms/extensions/recommendation/FilterSelectionDrawer.vue.js";
+import $e from "./organisms/header/HeaderWrapper.vue.js";
+import Ge from "./organisms/LoadingWrapper.vue.js";
+import ze from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
+import qe from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
+import Ke from "./organisms/validation/ValidationErrorDrawer.vue.js";
+import { useStripoApi as je } from "../services/stripoApi.js";
+import { useConfigStore as Je } from "../stores/config.js";
+import { useDynamicContentStore as Qe } from "../stores/dynamic-content.js";
 import { useEditorStore as C } from "../stores/editor.js";
-import { useOnboardingStore as je } from "../stores/onboarding.js";
-import { usePreviewStore as Je } from "../stores/preview.js";
-import { useSaveValidationStore as Qe } from "../stores/save-validation.js";
-import { useTemplateStore as Xe } from "../stores/template.js";
-import { useUnsubscribeStore as Ye } from "../stores/unsubscribe.js";
-import { readTrackFloor as q } from "../utils/linkTrackingIds.js";
-const Pt = /* @__PURE__ */ ye({
+import { useModuleDynamicContentStore as q } from "../stores/module-dynamic-content.js";
+import { useOnboardingStore as Xe } from "../stores/onboarding.js";
+import { usePreviewStore as Ye } from "../stores/preview.js";
+import { useSaveValidationStore as Ze } from "../stores/save-validation.js";
+import { useTemplateStore as et } from "../stores/template.js";
+import { useUnsubscribeStore as tt } from "../stores/unsubscribe.js";
+import { readTrackFloor as K } from "../utils/linkTrackingIds.js";
+const Vt = /* @__PURE__ */ Se({
   __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(K, { expose: j, emit: i }) {
-    const c = K, r = Ee(), J = a(
+  setup(j, { expose: J, emit: i }) {
+    const c = j, r = we(), Q = a(
       () => import("./organisms/email-preview/PreviewContainer.vue.js")
-    ), Q = a(
-      () => import("./organisms/onboarding/OnboardingWrapper.vue.js")
     ), X = a(
-      () => import("./organisms/extensions/recommendation/AssignStrategyDrawer.vue.js")
+      () => import("./organisms/onboarding/OnboardingWrapper.vue.js")
     ), Y = a(
-      () => import("./organisms/extensions/recommendation/RemoveStrategyModal.vue.js")
+      () => import("./organisms/extensions/recommendation/AssignStrategyDrawer.vue.js")
     ), Z = a(
+      () => import("./organisms/extensions/recommendation/RemoveStrategyModal.vue.js")
+    ), ee = a(
       () => import("./organisms/display-conditions/DisplayConditionsHost.vue.js")
-    ), D = W(), ee = a(
+    ), D = W(), te = a(
       () => import("./organisms/extensions/recommendation/LegacyStrategyUpdatedModal.vue.js")
-    ), te = a(
+    ), oe = a(
       () => import("./organisms/unsubscribe/LegacyUnsubscribeConvertedModal.vue.js")
-    ), g = W(), y = Ke(), w = Ye(), o = qe();
+    ), ne = a(
+      () => import("./organisms/dynamic-content/AmbiguousDynamicContentModal.vue.js")
+    ), y = W(), g = Qe(), w = tt(), re = q(), o = Je();
     c.ready && o.init(c.config);
-    const d = C(), oe = Je(), p = l(() => d.hasChanges), { isTestPartner: ne } = we(), { isEnabled: re, loadRollout: T } = Te(), { showToaster: k } = Ie(), F = Le(), I = () => {
+    const d = C(), ie = Ye(), p = l(() => d.hasChanges), { isTestPartner: se } = Fe(), { isEnabled: ae, loadRollout: T } = Me(), { showToaster: k } = Re(), F = Oe(), M = () => {
       var t;
       if (d.isVersionHistoryOpen) {
         console.debug("guido:save:silent:blocked", { isVersionHistoryOpen: !0 }), k({
-          type: Oe.Warning,
+          type: Ne.Warning,
           message: F("email-editor.save-blocked-outside-editor")
         });
         return;
       }
       return (t = D.value) == null ? void 0 : t.saveSilent();
-    }, L = (t) => {
+    }, I = (t) => {
       d.loadingStatus = t;
     };
-    Se(), De();
+    Ce(), ke();
     const b = () => {
       var t, e;
       return {
@@ -81,20 +84,20 @@ const Pt = /* @__PURE__ */ ye({
         userId: o.userId,
         username: o.username,
         partnerName: o.partnerName,
-        savedModulesFolderName: ((t = o.editor) == null ? void 0 : t.savedModulesFolderName) || $.SAVED_MODULES,
-        defaultModulesFolderName: ((e = o.editor) == null ? void 0 : e.defaultModulesFolderName) || $.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: M, preloadRuntime: R } = ke(r), { runExclusive: O, beginMount: U, isCurrentMount: v } = he();
+    }, { initPlugin: L, preloadRuntime: R } = Ie(r), { runExclusive: O, beginMount: U, isCurrentMount: v } = De();
     let f = 0;
-    const { getDefaultTemplate: N } = ze(), { cloneTimersOnSave: _, hasTimerBlocks: A } = Fe(), ie = l(() => {
+    const { getDefaultTemplate: A } = je(), { cloneTimersOnSave: N, hasTimerBlocks: _ } = Le(), ce = l(() => {
       var t;
       return !((t = o.ui) != null && t.showHeader);
-    }), se = l(() => o.isFeatureEnabled("reusableRecommendationStrategy")), ae = l(() => o.externalDisplayConditions), ce = l(
+    }), de = l(() => o.isFeatureEnabled("reusableRecommendationStrategy")), me = l(() => o.externalDisplayConditions), le = l(
       () => o.isFeatureEnabled("legacyUnsubscribeConversion")
-    ), de = l(
+    ), ue = l(
       () => !!z().recommendationConfigs.strategyId
     );
-    Ce({
+    Te({
       onBack: () => {
         console.debug("guido:back"), i("back");
       },
@@ -110,11 +113,11 @@ const Pt = /* @__PURE__ */ ye({
       }
     });
     const P = (t) => {
-      console.debug("dynamic-content:close", t), y.setSelectedDynamicContent(t), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: t }));
+      console.debug("dynamic-content:close", t), g.setSelectedDynamicContent(t), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: t }));
     }, x = () => {
       console.debug("dynamic-content:close", "Without Data"), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: { text: "", value: "" } }));
     };
-    G(() => p.value, () => {
+    $(() => p.value, () => {
       i("on-change", p.value);
     });
     const S = (t) => {
@@ -124,8 +127,8 @@ const Pt = /* @__PURE__ */ ye({
     let m = null;
     const h = () => {
       var e;
-      const t = document.querySelector(Re);
-      (e = g.value) == null || e.style.setProperty("--ribbon-offset", `${(t == null ? void 0 : t.offsetHeight) ?? 0}px`);
+      const t = document.querySelector(Ae);
+      (e = y.value) == null || e.style.setProperty("--ribbon-offset", `${(t == null ? void 0 : t.offsetHeight) ?? 0}px`);
     }, E = async () => {
       var t;
       r.mark("host_ready");
@@ -138,49 +141,49 @@ const Pt = /* @__PURE__ */ ye({
         });
         const e = o.template, s = (e == null ? void 0 : e.html) || "", u = (e == null ? void 0 : e.css) || "", B = (e == null ? void 0 : e.preselectedDynamicContent) || [];
         w.selectedUnsubscribePages = (e == null ? void 0 : e.selectedUnsubscribePages) || [];
-        const me = ((t = e == null ? void 0 : e.migration) == null ? void 0 : t.recommendationConfigs) ?? {}, H = o.isFeatureEnabled("linkTrackingIds"), le = {
+        const pe = ((t = e == null ? void 0 : e.migration) == null ? void 0 : t.recommendationConfigs) ?? {}, H = o.isFeatureEnabled("linkTrackingIds"), fe = {
           partnerName: o.partnerName,
           campaignUrls: e == null ? void 0 : e.recommendationCampaignUrls,
           rrsEnabled: o.isFeatureEnabled("reusableRecommendationStrategy")
-        }, ue = {
+        }, ye = {
           itemsPriceFormatting: o.isFeatureEnabled("itemsPriceFormatting")
-        }, V = (ge) => r.timed(
+        }, V = (ve) => r.timed(
           "migration",
-          () => Me(ge, me, le, ue)
+          () => Ue(ve, pe, fe, ye)
         );
         let n = {
           html: s && await V(s),
           css: u
         };
-        n.html || (n = await r.timed("default_template", () => N()), n.html = await V(n.html));
-        const pe = H ? q(n.html, (e == null ? void 0 : e.trackIdCounter) || 0) : 0;
-        A(n.html) && (n.html = await r.timed("timer_clone", () => _(n.html))), H && (d.trackIdSessionFloor = Math.max(pe, q(n.html)));
-        const fe = {
+        n.html || (n = await r.timed("default_template", () => A()), n.html = await V(n.html));
+        const ge = H ? K(n.html, (e == null ? void 0 : e.trackIdCounter) || 0) : 0;
+        _(n.html) && (n.html = await r.timed("timer_clone", () => N(n.html))), H && (d.trackIdSessionFloor = Math.max(ge, K(n.html)));
+        const be = {
           preselectedDynamicContentList: B,
           onReady: () => {
             console.debug("guido:ready"), i("ready");
           }
         };
-        f = U(), await M(n, b(), fe, n.html !== s), y.selectedDynamicContentList = B;
+        f = U(), await L(n, b(), be, n.html !== s), g.selectedDynamicContentList = B;
       } catch (e) {
         console.error("Failed to initialize Stripo editor:", e), r.markFailed();
       }
     };
-    return be(async () => {
+    return he(async () => {
       var e;
-      console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow"), z().$reset(), C().$reset(), Xe().$reset(), Qe().$reset(), je().resetOnboarding("recommendationLegacyStrategyOnboarding"), T(), h();
-      const t = (e = g.value) == null ? void 0 : e.parentElement;
+      console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow"), z().$reset(), C().$reset(), et().$reset(), Ze().$reset(), q().$reset(), Xe().resetOnboarding("recommendationLegacyStrategyOnboarding"), T(), h();
+      const t = (e = y.value) == null ? void 0 : e.parentElement;
       if (t && (m = new ResizeObserver(h), m.observe(t)), R(), c.ready)
         await E();
       else {
-        const s = G(() => c.ready, (u) => {
+        const s = $(() => c.ready, (u) => {
           u && (s(), E());
         });
       }
       document.addEventListener("dynamic-content:open", S);
-    }), ve(() => {
-      if (Ne(), Ue(), r.dispose(), m == null || m.disconnect(), document.removeEventListener("dynamic-content:open", S), v(f)) {
-        _e();
+    }), Ee(() => {
+      if (Pe(), _e(), r.dispose(), m == null || m.disconnect(), document.removeEventListener("dynamic-content:open", S), v(f)) {
+        xe();
         try {
           const t = C();
           t.isStripoInitialized = !1, t.isAccessibilityTestingOpen = !1, t.imagesHidden = !1, t.colorVisionDeficiency = "";
@@ -196,17 +199,17 @@ const Pt = /* @__PURE__ */ ye({
             console.debug("Failed to remove Stripo editor: No editor found");
           }
       }), o.reset();
-    }), j({
+    }), J({
       dynamicContent: {
         insert: P,
         close: x
       },
       hasChanges: p,
-      saveSilent: I,
-      setLoading: L
-    }), { __sfc: !0, openMetrics: r, PreviewContainer: J, OnboardingWrapper: Q, AssignStrategyDrawer: X, RemoveStrategyModal: Y, DisplayConditionsHost: Z, autoSaveControllerRef: D, LegacyStrategyUpdatedModal: ee, LegacyUnsubscribeConvertedModal: te, wrapperRef: g, dynamicContentStore: y, unsubscribeStore: w, props: c, configStore: o, editorStore: d, previewStore: oe, hasChanges: p, isTestPartner: ne, isSaveValidationEnabled: re, loadRollout: T, showToaster: k, trans: F, saveSilent: I, setLoading: L, emit: i, buildMetadata: b, initPlugin: M, preloadRuntime: R, runExclusive: O, beginMount: U, isCurrentMount: v, mountGeneration: f, getDefaultTemplate: N, cloneTimersOnSave: _, hasTimerBlocks: A, noHeader: ie, isRrsEnabled: se, isExternalDisplayConditionsEnabled: ae, isLegacyUnsubscribeConversionEnabled: ce, hasAssignedStrategy: de, insertDynamicContent: P, closeDynamicContent: x, handleDynamicContentOpen: S, ribbonObserver: m, updateRibbonOffset: h, startEditor: E, AutoSaveController: Ae, AuthErrorModal: Pe, Toaster: xe, FilterSelectionDrawer: Be, HeaderWrapper: He, LoadingWrapper: Ve, SaveAsTemplateDrawer: We, UnsubscribeWrapper: Ge, ValidationErrorDrawer: $e };
+      saveSilent: M,
+      setLoading: I
+    }), { __sfc: !0, openMetrics: r, PreviewContainer: Q, OnboardingWrapper: X, AssignStrategyDrawer: Y, RemoveStrategyModal: Z, DisplayConditionsHost: ee, autoSaveControllerRef: D, LegacyStrategyUpdatedModal: te, LegacyUnsubscribeConvertedModal: oe, AmbiguousDynamicContentModal: ne, wrapperRef: y, dynamicContentStore: g, unsubscribeStore: w, moduleDynamicContentStore: re, props: c, configStore: o, editorStore: d, previewStore: ie, hasChanges: p, isTestPartner: se, isSaveValidationEnabled: ae, loadRollout: T, showToaster: k, trans: F, saveSilent: M, setLoading: I, emit: i, buildMetadata: b, initPlugin: L, preloadRuntime: R, runExclusive: O, beginMount: U, isCurrentMount: v, mountGeneration: f, getDefaultTemplate: A, cloneTimersOnSave: N, hasTimerBlocks: _, noHeader: ce, isRrsEnabled: de, isExternalDisplayConditionsEnabled: me, isLegacyUnsubscribeConversionEnabled: le, hasAssignedStrategy: ue, insertDynamicContent: P, closeDynamicContent: x, handleDynamicContentOpen: S, ribbonObserver: m, updateRibbonOffset: h, startEditor: E, AutoSaveController: Be, AuthErrorModal: He, Toaster: Ve, FilterSelectionDrawer: We, HeaderWrapper: $e, LoadingWrapper: Ge, SaveAsTemplateDrawer: ze, UnsubscribeWrapper: qe, ValidationErrorDrawer: Ke };
   }
 });
 export {
-  Pt as default
+  Vt as default
 };

package/dist/components/organisms/dynamic-content/AmbiguousDynamicContentModal.vue.js

@@ -0,0 +1,24 @@
+import i from "./AmbiguousDynamicContentModal.vue2.js";
+/* empty css                                  */
+import l from "../../../_virtual/_plugin-vue2_normalizer.js";
+var c = function() {
+  var n = this, a = n._self._c, t = n._self._setupProxy;
+  return t.current ? a(t.WpModal, { attrs: { id: "guido__ambiguous-dynamic-content-modal", size: "medium", "close-on-outside-click": !1, "footer-button-options": t.footerButtonOptions, title: t.trans("email-editor.ambiguous-dynamic-content-title") }, on: { close: t.cancel, "primary-action": t.apply } }, [a("div", { staticClass: "ambiguous-dynamic-content-modal__content" }, [a("p", { staticClass: "mb-3" }, [n._v(" " + n._s(t.trans("email-editor.ambiguous-dynamic-content-message")) + " ")]), n._l(t.rows, function(e, s) {
+    return a(t.InSelect, { key: e.label, staticClass: "mb-2", attrs: { id: `guido__ambiguous-dynamic-content-select-${s}`, "search-status": "", "button-status": !1, "label-text": `{{ ${e.label} }}`, options: e.options, "placeholder-text": t.trans("email-editor.ambiguous-dynamic-content-placeholder"), state: e.isInvalid ? "error" : "default", "state-message": t.trans("email-editor.ambiguous-dynamic-content-validation"), value: e.selected }, on: { close: function(o) {
+      return t.touch(e.label);
+    }, select: function(o) {
+      return t.select(e.label, o);
+    } } });
+  })], 2)]) : n._e();
+}, r = [], u = /* @__PURE__ */ l(
+  i,
+  c,
+  r,
+  !1,
+  null,
+  "2643213c"
+);
+const f = u.exports;
+export {
+  f as default
+};

package/dist/components/organisms/dynamic-content/AmbiguousDynamicContentModal.vue2.js

@@ -0,0 +1,59 @@
+import { defineComponent as h, ref as y, computed as u, watch as _ } from "vue";
+import x from "../../wrappers/WpModal.vue.js";
+import { useAmbiguousDynamicContent as S } from "../../../composables/useAmbiguousDynamicContent.js";
+import { useTranslations as T } from "../../../composables/useTranslations.js";
+import { useEditorStore as C } from "../../../stores/editor.js";
+import { useModuleDynamicContentStore as B } from "../../../stores/module-dynamic-content.js";
+import { InSelect as D } from "@useinsider/design-system-vue";
+const G = /* @__PURE__ */ h({
+  __name: "AmbiguousDynamicContentModal",
+  setup(I) {
+    const s = T(), i = C(), c = B(), { resolve: r, dismiss: p } = S(), o = y({}), l = y([]), t = u(() => i.isStripoInitialized ? c.current : null);
+    _(() => {
+      var e;
+      return (e = t.value) == null ? void 0 : e.id;
+    }, () => {
+      o.value = {}, l.value = [];
+    });
+    const m = (e) => ({
+      text: [...e.path, e.tagText].join(" › "),
+      value: e.value
+    }), v = u(() => {
+      var e;
+      return (((e = t.value) == null ? void 0 : e.items) ?? []).map((a) => {
+        const d = a.candidates.map(m), f = d.filter((g) => g.value === o.value[a.label]);
+        return {
+          label: a.label,
+          options: d,
+          selected: f,
+          isInvalid: f.length === 0 && l.value.includes(a.label)
+        };
+      });
+    }), n = u(() => v.value.every((e) => e.selected.length > 0)), b = u(() => ({
+      cancelOrBackButton: {
+        type: "secondary",
+        labelText: s("action-builder.cancel"),
+        styling: "ghost"
+      },
+      primaryButton: {
+        type: "primary",
+        labelText: s("email-editor.ambiguous-dynamic-content-apply"),
+        disabledStatus: !n.value,
+        isTooltip: !n.value,
+        tooltipText: n.value ? "" : s("email-editor.ambiguous-dynamic-content-apply-tooltip")
+      }
+    }));
+    return { __sfc: !0, trans: s, editorStore: i, store: c, resolve: r, dismiss: p, selections: o, touched: l, current: t, toOption: m, rows: v, isComplete: n, footerButtonOptions: b, select: (e, { value: a }) => {
+      o.value = { ...o.value, [e]: a };
+    }, touch: (e) => {
+      l.value.includes(e) || (l.value = [...l.value, e]);
+    }, apply: () => {
+      t.value && n.value && r(t.value, o.value);
+    }, cancel: () => {
+      t.value && p(t.value.id);
+    }, WpModal: x, InSelect: D };
+  }
+});
+export {
+  G as default
+};

package/dist/composables/useAmbiguousDynamicContent.js

@@ -0,0 +1,72 @@
+import { useModuleRepair as A, UNRESOLVED_DYNAMIC_CONTENT_ON_DROP_KEY as D, registerUsedAttributes as C } from "./useModuleRepair.js";
+import { useToaster as v } from "./useToaster.js";
+import { useTranslations as R } from "./useTranslations.js";
+import { ModuleDynamicContentAttribute as b } from "../enums/dynamic-content.js";
+import { ToasterTypeOptions as h } from "../enums/toaster.js";
+import { useModuleDynamicContentStore as O } from "../stores/module-dynamic-content.js";
+import { applyDynamicContentChoices as H } from "../utils/dynamicContentConverter.js";
+import { stripPendingMarker as _ } from "../utils/dynamicContentPendingMarker.js";
+import { getEditorApi as w, EDITOR_NOT_READY_MESSAGE as N } from "../utils/stripoEditorApi.js";
+import { ModificationDescription as u } from "../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+const c = b.Pending, M = () => {
+  const { editorCopilotApi: t } = w();
+  if (!t)
+    throw new Error(N);
+  return { api: t, root: t.getDocumentRootHtmlNode() };
+}, E = (t) => {
+  const { api: p, root: a } = M(), m = a.querySelector(`[${c}="${t}"]`);
+  return { api: p, node: m };
+}, G = () => {
+  const t = O(), { convertDynamicContent: p } = A(), { showToaster: a, handleError: m } = v(), f = R();
+  return { resolve: ({ id: o, items: r }, i) => {
+    try {
+      const { api: e, node: n } = E(o);
+      if (n) {
+        const s = /* @__PURE__ */ new Map();
+        r.forEach((l) => {
+          const g = i[l.label];
+          g && l.spellings.forEach((T) => s.set(T, g));
+        });
+        const d = _(H(n.getOuterHTML(), s)), y = e.getTemplateModifier();
+        y.modifyHtml(n).replaceWith(d), y.apply(new u("Resolved dynamic content")), C(d, r.flatMap((l) => l.candidates)), a({
+          type: h.Success,
+          message: f("email-editor.ambiguous-dynamic-content-success")
+        });
+      }
+      t.remove(o);
+    } catch (e) {
+      m(e, "Failed to apply the dynamic content choice");
+    }
+  }, dismiss: (o) => {
+    try {
+      const { api: r, node: i } = E(o);
+      if (i) {
+        const e = r.getTemplateModifier();
+        e.modifyHtml(i).removeAttribute(c), e.apply(new u("Cleared pending dynamic content").asHidden()), a({
+          type: h.Warning,
+          message: f(D)
+        });
+      }
+    } catch (r) {
+      m(r, "Failed to dismiss the dynamic content choice");
+    } finally {
+      t.remove(o);
+    }
+  }, restorePending: () => {
+    try {
+      const { api: o, root: r } = M(), i = [];
+      if (r.querySelectorAll(`[${c}]`).forEach((e) => {
+        const n = e.getAttribute(c), { ambiguous: s } = p(e.getOuterHTML());
+        !n || s.length === 0 ? i.push(e) : t.queue.some((d) => d.id === n) || t.enqueue({ id: n, items: s });
+      }), i.length > 0) {
+        const e = o.getTemplateModifier();
+        i.forEach((n) => e.modifyHtml(n).removeAttribute(c)), e.apply(new u("Cleared pending dynamic content").asHidden());
+      }
+    } catch (o) {
+      console.error("Failed to restore pending dynamic content:", o);
+    }
+  } };
+};
+export {
+  G as useAmbiguousDynamicContent
+};

package/dist/composables/useHtmlCompiler.js

@@ -1,8 +1,8 @@
 import { defaultHtmlCompilerRules as d } from "../config/compiler/htmlCompilerRules.js";
 import { itemsCompilerRules as f } from "../config/compiler/itemsCompilerRules.js";
 import { liquidCompilerRules as g } from "../config/compiler/liquidCompilerRules.js";
-import { outlookCompilerRules as R } from "../config/compiler/outlookCompilerRules.js";
-import { recommendationCompilerRules as v } from "../config/compiler/recommendationCompilerRules.js";
+import { outlookCompilerRules as v } from "../config/compiler/outlookCompilerRules.js";
+import { recommendationCompilerRules as R } from "../config/compiler/recommendationCompilerRules.js";
 import { socialCompilerRules as H } from "../config/compiler/socialCompilerRules.js";
 import { unsubscribeCompilerRules as b } from "../config/compiler/unsubscribeCompilerRules.js";
 import { createHtmlCompiler as n } from "../utils/htmlCompiler.js";
@@ -32,19 +32,20 @@ const x = /* @__PURE__ */ new Set([
   "liquid-coupon-code",
   // Editor-only attribute strip — AMP4EMAIL has no `contenteditable`, so leaving
   // it in narrows/breaks rendering. Pure attribute removal, emits nothing.
-  "remove-contenteditable"
+  "remove-contenteditable",
+  "remove-dc-pending-marker"
 ]), I = () => {
-  const { compiler: i, isFeatureEnabled: u, partner: a } = C(), c = p(() => {
+  const { compiler: i, isFeatureEnabled: a, partner: u } = C(), c = p(() => {
     var m, l;
     const e = ((m = i.value) == null ? void 0 : m.customRules) || [];
     return [
       ...!!((l = i.value) != null && l.ignoreDefaultRules) ? [] : d,
-      ...v,
+      ...R,
       ...b,
       ...f,
-      ...R,
+      ...v,
       ...H,
-      ...u("liquidSyntax") ? g : [],
+      ...a("liquidSyntax") ? g : [],
       ...e.map((t, o) => ({
         ...t,
         priority: t.priority + 1e3 + o
@@ -53,7 +54,7 @@ const x = /* @__PURE__ */ new Set([
     ];
   }), r = p(() => {
     var t;
-    const e = c.value, s = n(e), m = n(e.filter((o) => x.has(o.id))), l = (t = a.value) == null ? void 0 : t.fallbackFont;
+    const e = c.value, s = n(e), m = n(e.filter((o) => x.has(o.id))), l = (t = u.value) == null ? void 0 : t.fallbackFont;
     return {
       compileHtml: (o) => s.compile(o, void 0, l),
       compileAmpHtml: (o) => m.compile(o, void 0, l)