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

package/dist/composables/useModuleRepair.js

@@ -1,44 +1,75 @@
-import { useConfig as f } from "./useConfig.js";
-import { useToaster as d } from "./useToaster.js";
-import { useTranslations as C } from "./useTranslations.js";
-import { ToasterTypeOptions as T } from "../enums/toaster.js";
-import { useEditorStore as h } from "../stores/editor.js";
-import { buildDynamicContentLookup as v, convertModuleDynamicContent as D } from "../utils/dynamicContentConverter.js";
-import { flattenDynamicContentList as L } from "../utils/genericUtil.js";
-import { repairItemsCurrencyAttributes as M } from "../utils/itemsCurrencyRepair.js";
-import { convertLegacyUnsubscribeInModuleHtml as O } from "../utils/legacyUnsubscribeConversion.js";
-const E = "dynamic-content.unresolved-attributes-on-drop", S = () => {
-  const { template: p, isFeatureEnabled: n } = f(), { showToaster: y } = d(), b = C();
-  return { handleModuleAdd: (t, r) => {
-    var c, i, l;
+import { useConfig as h } from "./useConfig.js";
+import { useToaster as v } from "./useToaster.js";
+import { useTranslations as M } from "./useTranslations.js";
+import { ModuleDynamicContentAttribute as T } from "../enums/dynamic-content.js";
+import { ToasterTypeOptions as A } from "../enums/toaster.js";
+import { itemsBlockDynamicVariables as O } from "../extensions/Blocks/Items/enums/productEnums.js";
+import { useDynamicContentStore as E } from "../stores/dynamic-content.js";
+import { useEditorStore as L } from "../stores/editor.js";
+import { useModuleDynamicContentStore as U } from "../stores/module-dynamic-content.js";
+import { buildDynamicContentLookup as _, convertModuleDynamicContent as F } from "../utils/dynamicContentConverter.js";
+import { stripPendingMarker as P } from "../utils/dynamicContentPendingMarker.js";
+import { flattenDynamicContentCandidates as S } from "../utils/genericUtil.js";
+import { repairItemsCurrencyAttributes as N } from "../utils/itemsCurrencyRepair.js";
+import { convertLegacyUnsubscribeInModuleHtml as R } from "../utils/legacyUnsubscribeConversion.js";
+import { extractUsedDynamicContent as k } from "../utils/registerUsedDynamicContent.js";
+const q = "dynamic-content.unresolved-attributes-on-drop", H = /^(\s*<[a-zA-Z][a-zA-Z0-9-]*)/;
+let y = 0;
+const $ = (s) => {
+  y += 1;
+  const o = `${Date.now().toString(36)}-${y}`;
+  return { html: s.replace(H, `$1 ${T.Pending}="${o}"`), id: o };
+}, I = (s, o) => {
+  try {
+    const i = k(s, o.map(({ text: a, value: m }) => ({ text: a, value: m })));
+    i.length > 0 && E().registerDynamicContent(i);
+  } catch (i) {
+    console.error("Failed to register module dynamic content:", i);
+  }
+}, re = () => {
+  const { template: s, isFeatureEnabled: o } = h(), { showToaster: i } = v(), a = M(), m = (r) => {
+    var u, e;
+    const t = o("liquidSyntax") ? [] : S((u = s.value) == null ? void 0 : u.dynamicContentList), c = _(t);
+    return c.size === 0 ? { html: r, unresolved: [], ambiguous: [], candidates: t } : {
+      ...F(
+        r,
+        c,
+        [...((e = s.value) == null ? void 0 : e.customFieldAttributes) ?? [], ...O]
+      ),
+      candidates: t
+    };
+  };
+  return { handleModuleAdd: (r, t) => {
+    var c, u;
     try {
-      if ((t == null ? void 0 : t.action) !== "ADD" && (t == null ? void 0 : t.action) !== "COPY")
+      if ((r == null ? void 0 : r.action) !== "ADD" && (r == null ? void 0 : r.action) !== "COPY")
         return;
-      const e = (c = r == null ? void 0 : r.getTargetNode) == null ? void 0 : c.call(r), s = (i = e == null ? void 0 : e.getOuterHTML) == null ? void 0 : i.call(e);
-      if (!e || typeof s != "string")
+      const e = (c = t == null ? void 0 : t.getTargetNode) == null ? void 0 : c.call(t), l = (u = e == null ? void 0 : e.getOuterHTML) == null ? void 0 : u.call(e);
+      if (!e || typeof l != "string")
         return;
-      let o = M(s, {
-        convertToPriceFormat: n("itemsPriceFormatting")
-      }), u = !1;
-      n("legacyUnsubscribeConversion") && ({ html: o, converted: u } = O(o));
-      const m = v(L((l = p.value) == null ? void 0 : l.dynamicContentList));
-      let a = [];
-      if (m.size > 0 && ({ html: o, unresolved: a } = D(o, m, n("liquidSyntax"))), o !== s && r.modifyHtml(e).replaceWith(o), u)
+      let n = P(N(l, {
+        convertToPriceFormat: o("itemsPriceFormatting")
+      })), p = !1;
+      o("legacyUnsubscribeConversion") && ({ html: n, converted: p } = R(n));
+      const { html: f, unresolved: b, ambiguous: g, candidates: C } = m(n);
+      let d = null;
+      if (n = f, g.length > 0 && ({ html: n, id: d } = $(n)), n !== l && t.modifyHtml(e).replaceWith(n), I(n, C), p)
         try {
-          h().isLegacyUnsubscribeModalRequested = !0;
-        } catch (g) {
-          console.error("Failed to request the legacy unsubscribe modal:", g);
+          L().isLegacyUnsubscribeModalRequested = !0;
+        } catch (D) {
+          console.error("Failed to request the legacy unsubscribe modal:", D);
         }
-      a.length > 0 && y({
-        type: T.Warning,
-        message: b(E)
+      d && U().enqueue({ id: d, items: g }), b.length > 0 && i({
+        type: A.Warning,
+        message: a(q)
       });
     } catch (e) {
       console.error("Failed to repair module on add:", e);
     }
-  } };
+  }, convertDynamicContent: m };
 };
 export {
-  E as UNRESOLVED_DYNAMIC_CONTENT_ON_DROP_KEY,
-  S as useModuleRepair
+  q as UNRESOLVED_DYNAMIC_CONTENT_ON_DROP_KEY,
+  I as registerUsedAttributes,
+  re as useModuleRepair
 };

package/dist/composables/useStripo.js

@@ -1,51 +1,52 @@
-import { useActionsApi as N } from "./useActionsApi.js";
-import { useBlocksConfig as j } from "./useBlocksConfig.js";
-import { useConfig as z } from "./useConfig.js";
+import { useActionsApi as j } from "./useActionsApi.js";
+import { useAmbiguousDynamicContent as z } from "./useAmbiguousDynamicContent.js";
+import { useBlocksConfig as $ } from "./useBlocksConfig.js";
+import { useConfig as G } from "./useConfig.js";
 import { useCustomInterfaceAppearance as v } from "./useCustomInterfaceAppearance.js";
-import { useFullStoryBridge as $ } from "./useFullStoryBridge.js";
-import { useModuleRepair as G } from "./useModuleRepair.js";
-import { useStripoEventHandler as X } from "./useStripoEventHandler.js";
-import { useStripoNotifications as J } from "./useStripoNotifications.js";
-import { useToaster as K } from "./useToaster.js";
-import { localePatch as Q } from "../config/i18n/index.js";
+import { useFullStoryBridge as X } from "./useFullStoryBridge.js";
+import { useModuleRepair as J } from "./useModuleRepair.js";
+import { useStripoEventHandler as K } from "./useStripoEventHandler.js";
+import { useStripoNotifications as Q } from "./useStripoNotifications.js";
+import { useToaster as W } from "./useToaster.js";
+import { localePatch as Y } from "../config/i18n/index.js";
 import { en as B } from "../config/i18n/en/index.js";
-import { ToasterTypeOptions as W } from "../enums/toaster.js";
-import { useStripoApi as Y } from "../services/stripoApi.js";
-import Z from "../static/styles/customEditorStyle.css.js";
+import { ToasterTypeOptions as Z } from "../enums/toaster.js";
+import { useStripoApi as ee } from "../services/stripoApi.js";
+import te from "../static/styles/customEditorStyle.css.js";
 import { useEditorStore as T } from "../stores/editor.js";
-import { buildMergeTagEntries as ee, flattenDynamicContentList as te } from "../utils/genericUtil.js";
-import { getStripoRuntimeBaseUrl as oe } from "../utils/stripoRuntime.js";
+import { buildMergeTagEntries as oe, flattenDynamicContentList as re } from "../utils/genericUtil.js";
+import { getStripoRuntimeBaseUrl as ie } from "../utils/stripoRuntime.js";
 let d = null, F = !1;
-const ke = (t) => {
-  const { features: u, template: m, isFeatureEnabled: p } = z(), { handleError: f, showToaster: A } = K(), { getToken: P, getCustomFonts: R, getSyncModulesStatus: U } = Y(), { handleEvent: V } = X(), { handleModuleAdd: D } = G(), { getStripoBlocksConfig: I } = j(), { getStripoNotifications: L } = J(), g = () => d || (d = new Promise((n, a) => {
+const ve = (t) => {
+  const { features: u, template: m, isFeatureEnabled: p } = G(), { handleError: f, showToaster: A } = W(), { getToken: P, getCustomFonts: R, getSyncModulesStatus: D } = ee(), { handleEvent: U } = K(), { handleModuleAdd: V } = J(), { restorePending: I } = z(), { getStripoBlocksConfig: L } = $(), { getStripoNotifications: q } = Q(), g = () => d || (d = new Promise((n, s) => {
     if (document.getElementById("UiEditorScript")) {
       n();
       return;
     }
-    const i = oe();
+    const i = ie();
     if (!i) {
-      a(
+      s(
         new Error("guido.stripo.version is not set in package.json. Please configure the Stripo version.")
       );
       return;
     }
-    const s = `${i}UIEditor.js`, e = document.createElement("script");
-    e.id = "UiEditorScript", e.type = "module", e.src = s, e.onload = () => {
+    const a = `${i}UIEditor.js`, e = document.createElement("script");
+    e.id = "UiEditorScript", e.type = "module", e.src = a, e.onload = () => {
       F = !0, n();
     }, e.onerror = () => {
-      e.remove(), a(new Error(`Failed to load Stripo UIEditor script from S3: ${s}`));
+      e.remove(), s(new Error(`Failed to load Stripo UIEditor script from S3: ${a}`));
     }, document.body.appendChild(e);
   }), d.catch(() => {
     d = null;
-  }), d), q = async (n, a, i, s = [], e = !1, c = !1) => {
+  }), d), x = async (n, s, i, a = [], e = !1, c = !1) => {
     var w, k, b, _;
-    const o = T(), { html: S, css: y } = n, { baseBlocks: E, extensions: x } = await I();
+    const o = T(), { html: S, css: y } = n, { baseBlocks: E, extensions: O } = await L();
     t.mark("blocks_config_ready");
-    const h = ((w = u.value) == null ? void 0 : w.displayConditions) ?? !0, O = ((k = u.value) == null ? void 0 : k.modulesDisabled) ?? !1, C = c || (((b = m.value) == null ? void 0 : b.forceRecreate) ?? !1), H = "https://email-static.useinsider.com https://edge.fullstory.com https://rs.fullstory.com";
+    const h = ((w = u.value) == null ? void 0 : w.displayConditions) ?? !0, H = ((k = u.value) == null ? void 0 : k.modulesDisabled) ?? !1, C = c || (((b = m.value) == null ? void 0 : b.forceRecreate) ?? !1), M = "https://email-static.useinsider.com https://edge.fullstory.com https://rs.fullstory.com";
     t.setTemplate({ html: S, css: y, forceRecreate: C }), v().importCss(), t.mark("init_editor"), await window.UIEditor.initEditor(
       document.querySelector("#guido-editor"),
       {
-        metadata: a,
+        metadata: s,
         html: S,
         css: y,
         forceRecreate: C,
@@ -58,11 +59,11 @@ const ke = (t) => {
         customAppearanceMergetags: !p("liquidSyntax"),
         customAppearanceMergetagsBorderColor: "#f1f3fe",
         customAppearanceMergetagsBackgroundColor: "#f1f3fe",
-        customViewStyles: Z,
+        customViewStyles: te,
         conditionsEnabled: h,
         customConditionsEnabled: h,
         enableXSSSecurity: !0,
-        modulesDisabled: O,
+        modulesDisabled: H,
         syncModulesEnabled: e,
         messageSettingsEnabled: !0,
         displayGmailAnnotations: !0,
@@ -73,18 +74,18 @@ const ke = (t) => {
         copyPasteEnabled: !1,
         selectElementAfterDrop: !0,
         sameFontSizeForOutlook: !0,
-        allowedScriptSourceDomains: H,
+        allowedScriptSourceDomains: M,
         ...E ? { baseBlocks: E } : {},
         editorFonts: {
           showDefaultStandardFonts: !0,
           showDefaultNotStandardFonts: !0,
-          customFonts: s
+          customFonts: a
         },
         mergeTags: [
           {
-            entries: ee(
+            entries: oe(
               i.preselectedDynamicContentList,
-              te((_ = m.value) == null ? void 0 : _.dynamicContentList),
+              re((_ = m.value) == null ? void 0 : _.dynamicContentList),
               p("liquidSyntax")
             )
           }
@@ -100,8 +101,8 @@ const ke = (t) => {
         },
         onTemplateLoaded() {
           try {
-            const { activateCustomViewStyles: r, updateTimerInClonedTemplate: l } = N(), { injectFullStory: M } = $();
-            v().importCss(), r(), M(), l(), i.onReady(), o.isStripoInitialized = !0, o.loadingStatus = !1, setTimeout(() => {
+            const { activateCustomViewStyles: r, updateTimerInClonedTemplate: l } = j(), { injectFullStory: N } = X();
+            v().importCss(), r(), N(), I(), l(), i.onReady(), o.isStripoInitialized = !0, o.loadingStatus = !1, setTimeout(() => {
               o.hasChanges = !1;
             }, 1e3), t.markReady();
           } catch (r) {
@@ -120,9 +121,9 @@ const ke = (t) => {
         onDataChanged() {
           o.hasChanges = !0, o.changeSeq += 1;
         },
-        onEvent: V,
-        onModuleAdd: D,
-        notifications: L(),
+        onEvent: U,
+        onModuleAdd: V,
+        notifications: q(),
         // Stripo deselects the block on any click outside the canvas, so every surface
         // that belongs to the block's own flow has to be listed here (SD-153273).
         ignoreClickOutsideSelectors: [
@@ -132,23 +133,23 @@ const ke = (t) => {
           ".in-modal-v2-wrapper",
           ".in-toasts-wrapper"
         ],
-        extensions: x,
-        localePatch: Q
+        extensions: O,
+        localePatch: Y
       }
     );
   };
-  return { initPlugin: async (n, a, i, s = !1) => {
+  return { initPlugin: async (n, s, i, a = !1) => {
     const e = T();
     try {
       t.mark("plugin_start"), t.setScriptPreloaded(F), await g(), t.mark("script_ready");
       const [c, o] = await Promise.all([
         R(),
-        U()
+        D()
       ]);
-      t.mark("fonts_sync_ready"), e.syncModulesEnabled = o, await q(n, a, i, c, o, s);
+      t.mark("fonts_sync_ready"), e.syncModulesEnabled = o, await x(n, s, i, c, o, a);
     } catch {
       e.loadingStatus = !1, A({
-        type: W.Error,
+        type: Z.Error,
         message: B["An error has occurred. Please report the error code to support."],
         actionButton: {
           text: B["Reload page"],
@@ -162,5 +163,5 @@ const ke = (t) => {
   } };
 };
 export {
-  ke as useStripo
+  ve as useStripo
 };

package/dist/config/compiler/htmlCompilerRules.js

@@ -1,6 +1,7 @@
-import { stripFontTags as c } from "../../utils/stripFontTags.js";
-import { trimHrefWhitespace as l } from "../../utils/trimHrefWhitespace.js";
-const f = [
+import { PENDING_MARKER_PATTERN as c } from "../../utils/dynamicContentPendingMarker.js";
+import { stripFontTags as l } from "../../utils/stripFontTags.js";
+import { trimHrefWhitespace as d } from "../../utils/trimHrefWhitespace.js";
+const y = [
   {
     id: "fix-url-encoding-start",
     description: "Replace {%22 with %7B%22 to fix URL encoding",
@@ -59,14 +60,14 @@ const f = [
     id: "strip-font-tags",
     description: 'Unwrap browser-translate-injected <font dir="auto"> tags, keeping inner content; other <font> elements are left intact.',
     type: "custom",
-    processor: (e) => c(e),
+    processor: (e) => l(e),
     priority: 15
   },
   {
     id: "trim-href-whitespace",
     description: "Trim leading/trailing whitespace and &nbsp; from every href value",
     type: "custom",
-    processor: (e) => l(e),
+    processor: (e) => d(e),
     priority: 16
   },
   {
@@ -183,6 +184,15 @@ const f = [
     flags: "g",
     priority: 45
   },
+  {
+    id: "remove-dc-pending-marker",
+    description: "Strip the editor-only pending dynamic-content choice marker from compiled output",
+    type: "regex",
+    pattern: c,
+    replacement: "",
+    flags: "g",
+    priority: 46
+  },
   {
     id: "remove-script-tags",
     // SD-145051: parity with HB HtmlCleaner.removeUnsafeHtmlTags — strip <script> from
@@ -208,5 +218,5 @@ const f = [
   }
 ];
 export {
-  f as defaultHtmlCompilerRules
+  y as defaultHtmlCompilerRules
 };

package/dist/enums/dynamic-content.js

@@ -0,0 +1,4 @@
+var n = /* @__PURE__ */ ((d) => (d.Pending = "data-guido-dc-pending", d))(n || {});
+export {
+  n as ModuleDynamicContentAttribute
+};

package/dist/guido.css

@@ -1 +1 @@
-@charset "UTF-8";.auth-error-modal[data-v-b4d7ae51]{position:relative;z-index:145}.gap-16[data-v-5553d071],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-9d988e4b] .in-button-v2__wrapper{line-height:0}[data-v-22226124] .in-segments-wrapper__button_selected,[data-v-22226124] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb;color:#0010ac;border-color:#0010ac}[data-v-2cb418af] .in-progress-wrapper__progress p span:last-child{display:none!important}[data-v-2cb418af] .in-progress-description-status{display:none!important}.color-vision-select__dropdown[data-v-64cb50da]{z-index:20;width:387px}.accessibility-toolbar[data-v-391019bc]{gap:16px}.accessibility-toolbar[data-v-391019bc] .in-segments-wrapper__button svg{margin-right:0}.accessibility-toolbar[data-v-391019bc] .in-segments-wrapper__button .clearfix:after{content:none}.view-options-wrapper[data-v-87033101]{position:relative;display:inline-block}.new-tag[data-v-87033101]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-87033101] .guido__view-option-selection-desktop svg,[data-v-87033101] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-87033101] .in-segments-wrapper__button_selected,[data-v-87033101] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-87033101] .in-tooltip-wrapper-v2__icon{cursor:pointer}.editor-toolbar[data-v-173c3a40]{gap:4px}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history[data-v-fad98586]{gap:8px}.version-history__toolbar[data-v-fad98586]{gap:4px}.view-options-wrapper[data-v-6ebabfe4]{position:relative;display:inline-block}.new-tag[data-v-6ebabfe4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-6ebabfe4] .guido__verion-history-view-option-selection-desktop svg,[data-v-6ebabfe4] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-6ebabfe4] .in-segments-wrapper__button_selected,[data-v-6ebabfe4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-6ebabfe4] .in-tooltip-wrapper-v2__icon{cursor:pointer}.editor-actions-menu__dropdown[data-v-bdb3b37a]{z-index:20;width:222px}.editor-actions[data-v-9a028d08]{gap:16px}.editor-actions__divider[data-v-9a028d08]{width:1px;height:40px;background-color:#e1e1e1}.right-slot[data-v-77451c9a]{gap:16px}.header-wrapper[data-v-3c713746]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.validation-error-list[data-v-e48cebe9]{gap:16px}.validation-error-row[data-v-e48cebe9]{gap:8px;padding:24px;border:1px solid #E1E1E1;border-radius:8px}.validation-error-row__icon[data-v-e48cebe9]{flex-shrink:0;font-size:24px;line-height:0}.validation-error-row__text[data-v-e48cebe9]{font-size:13px;line-height:16px;color:#292929;word-break:break-word}.guido-editor__wrapper[data-v-8fc59697]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-8fc59697]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-8fc59697]{height:calc(100vh - 75px - var(--ribbon-offset))}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-eaf8e461]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-eaf8e461]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-eaf8e461]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-eaf8e461]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-eaf8e461]{object-fit:cover;transform:scale(1)}[data-v-b9a93c6e] .guido__verion-history-view-option-selection-desktop svg,[data-v-b9a93c6e] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-b9a93c6e] .in-segments-wrapper__button_selected,[data-v-b9a93c6e] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-c3fd5d4b]{gap:16px}.desktop-browser-header[data-v-d86c5af5]{height:79px;min-height:79px}.desktop-browser-header__left[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:378px}.desktop-browser-header__center[data-v-d86c5af5]{height:79px;background-repeat:repeat-x;background-size:auto 100%;background-position:left top}.desktop-browser-header__right[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:112px}.desktop-preview[data-v-cf946232]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-cf946232]{min-height:504px}.iframe-wrapper[data-v-f255b2bb]{width:258px}.iframe-scaled[data-v-f255b2bb]{width:320px;height:124.0310077519%;transform:scale(.80625);transform-origin:top left}.cropped-text[data-v-eb3d05d7]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-preview-wrapper__phone[data-v-3f472f96]{width:282px}.mobile-preview-wrapper__phone img[data-v-3f472f96]{object-fit:cover;border-radius:44px}.mobile-preview-wrapper__content[data-v-3f472f96]{width:258px;height:450px;left:12px}[data-v-6bcaca8a] .vueperslides__parallax-wrapper{padding-bottom:110px!important}.guido-tab-bar-onboarding[data-v-219b4f7c]{z-index:21}[data-v-fcba7e99] .vueperslides__bullets{pointer-events:none!important}[data-v-fcba7e99] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-1a34025a] .vueperslides__bullets{pointer-events:none!important}[data-v-1a34025a] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-8fc96a58] .vueperslides__bullets,[data-v-ec2027ff] .vueperslides__bullets,[data-v-b09e80c4] .vueperslides__bullets{pointer-events:none!important}[data-v-b09e80c4] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-9bdef600] .vueperslides__parallax-wrapper{padding-bottom:110px!important}.assign-strategy-drawer-content .assign-strategy-select[data-v-6ce48dfd]{width:100%;max-width:none}.assign-strategy-drawer-content .assign-strategy-select[data-v-6ce48dfd] .in-skeleton{width:100%!important}.assign-strategy-drawer-content .assign-strategy-select[data-v-6ce48dfd] .in-dropdown-box__container{width:413px}.assign-strategy-drawer .spaced-dot-sep{background-image:linear-gradient(90deg,#91949f 20%,#fff0 0);background-position:center bottom;background-repeat:repeat-x;background-size:5px 1px}.assign-strategy-drawer .spaced-dot-sep--top{background-position:center top}.assign-strategy-drawer .spaced-dot-sep--fc-n:first-child{background:none}.guido-display-condition-create__separator[data-v-929822bc]{height:1px;margin:0 0 24px;background-image:linear-gradient(to right,currentColor 1px,transparent 1px);background-size:5px 1px}.guido-display-condition-create__methods[data-v-929822bc]{gap:16px}.guido-display-condition-select-root[data-v-0d740001] .in-drawer__footer{justify-content:flex-start}.guido-display-condition-select__delete-modal[data-v-0d740001]{position:relative;z-index:145}.guido-display-condition-select__delete-modal[data-v-0d740001] .in-modal-v2-wrapper__header-title{margin-bottom:0}.guido-display-condition-select-root[data-v-0d740001] .in-drawer__content>div{display:flex;flex-direction:column;min-height:100%}.guido-display-condition-select__list[data-v-0d740001]{display:flex;flex-direction:column;gap:24px;margin:0;padding:0;list-style:none}.guido-display-condition-card__header[data-v-0d740001]{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px}.guido-display-condition-card__text[data-v-0d740001]{min-width:0}.guido-display-condition-card__name[data-v-0d740001],.guido-display-condition-card__description[data-v-0d740001]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guido-display-condition-card__actions[data-v-0d740001]{display:flex;flex-shrink:0;align-items:center;gap:16px}.guido-display-condition-card__split[data-v-0d740001]{position:relative;display:flex;gap:1px}.guido-display-condition-card__menu[data-v-0d740001]{z-index:2;min-width:115px}.guido-display-condition-card__divider[data-v-0d740001]{width:1px;height:24px}.guido-display-condition-card__code[data-v-0d740001]{margin:1px 15px 15px;padding:8px;font-family:inherit;white-space:pre-wrap;word-break:break-word}.legacy-strategy-updated-modal[data-v-da2225a1]{position:relative;z-index:145}
+@charset "UTF-8";.auth-error-modal[data-v-b4d7ae51]{position:relative;z-index:145}.gap-16[data-v-5553d071],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-9d988e4b] .in-button-v2__wrapper{line-height:0}[data-v-22226124] .in-segments-wrapper__button_selected,[data-v-22226124] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb;color:#0010ac;border-color:#0010ac}[data-v-2cb418af] .in-progress-wrapper__progress p span:last-child{display:none!important}[data-v-2cb418af] .in-progress-description-status{display:none!important}.color-vision-select__dropdown[data-v-64cb50da]{z-index:20;width:387px}.accessibility-toolbar[data-v-391019bc]{gap:16px}.accessibility-toolbar[data-v-391019bc] .in-segments-wrapper__button svg{margin-right:0}.accessibility-toolbar[data-v-391019bc] .in-segments-wrapper__button .clearfix:after{content:none}.view-options-wrapper[data-v-87033101]{position:relative;display:inline-block}.new-tag[data-v-87033101]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-87033101] .guido__view-option-selection-desktop svg,[data-v-87033101] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-87033101] .in-segments-wrapper__button_selected,[data-v-87033101] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-87033101] .in-tooltip-wrapper-v2__icon{cursor:pointer}.editor-toolbar[data-v-173c3a40]{gap:4px}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history[data-v-fad98586]{gap:8px}.version-history__toolbar[data-v-fad98586]{gap:4px}.view-options-wrapper[data-v-6ebabfe4]{position:relative;display:inline-block}.new-tag[data-v-6ebabfe4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-6ebabfe4] .guido__verion-history-view-option-selection-desktop svg,[data-v-6ebabfe4] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-6ebabfe4] .in-segments-wrapper__button_selected,[data-v-6ebabfe4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-6ebabfe4] .in-tooltip-wrapper-v2__icon{cursor:pointer}.editor-actions-menu__dropdown[data-v-bdb3b37a]{z-index:20;width:222px}.editor-actions[data-v-9a028d08]{gap:16px}.editor-actions__divider[data-v-9a028d08]{width:1px;height:40px;background-color:#e1e1e1}.right-slot[data-v-77451c9a]{gap:16px}.header-wrapper[data-v-3c713746]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.validation-error-list[data-v-e48cebe9]{gap:16px}.validation-error-row[data-v-e48cebe9]{gap:8px;padding:24px;border:1px solid #E1E1E1;border-radius:8px}.validation-error-row__icon[data-v-e48cebe9]{flex-shrink:0;font-size:24px;line-height:0}.validation-error-row__text[data-v-e48cebe9]{font-size:13px;line-height:16px;color:#292929;word-break:break-word}.guido-editor__wrapper[data-v-0c5f11a1]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-0c5f11a1]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-0c5f11a1]{height:calc(100vh - 75px - var(--ribbon-offset))}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-eaf8e461]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-eaf8e461]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-eaf8e461]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-eaf8e461]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-eaf8e461]{object-fit:cover;transform:scale(1)}[data-v-b9a93c6e] .guido__verion-history-view-option-selection-desktop svg,[data-v-b9a93c6e] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-b9a93c6e] .in-segments-wrapper__button_selected,[data-v-b9a93c6e] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-c3fd5d4b]{gap:16px}.desktop-browser-header[data-v-d86c5af5]{height:79px;min-height:79px}.desktop-browser-header__left[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:378px}.desktop-browser-header__center[data-v-d86c5af5]{height:79px;background-repeat:repeat-x;background-size:auto 100%;background-position:left top}.desktop-browser-header__right[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:112px}.desktop-preview[data-v-cf946232]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-cf946232]{min-height:504px}.iframe-wrapper[data-v-f255b2bb]{width:258px}.iframe-scaled[data-v-f255b2bb]{width:320px;height:124.0310077519%;transform:scale(.80625);transform-origin:top left}.cropped-text[data-v-eb3d05d7]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-preview-wrapper__phone[data-v-3f472f96]{width:282px}.mobile-preview-wrapper__phone img[data-v-3f472f96]{object-fit:cover;border-radius:44px}.mobile-preview-wrapper__content[data-v-3f472f96]{width:258px;height:450px;left:12px}[data-v-6bcaca8a] .vueperslides__parallax-wrapper{padding-bottom:110px!important}.guido-tab-bar-onboarding[data-v-219b4f7c]{z-index:21}[data-v-fcba7e99] .vueperslides__bullets{pointer-events:none!important}[data-v-fcba7e99] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-1a34025a] .vueperslides__bullets{pointer-events:none!important}[data-v-1a34025a] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-8fc96a58] .vueperslides__bullets,[data-v-ec2027ff] .vueperslides__bullets,[data-v-b09e80c4] .vueperslides__bullets{pointer-events:none!important}[data-v-b09e80c4] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-9bdef600] .vueperslides__parallax-wrapper{padding-bottom:110px!important}.assign-strategy-drawer-content .assign-strategy-select[data-v-6ce48dfd]{width:100%;max-width:none}.assign-strategy-drawer-content .assign-strategy-select[data-v-6ce48dfd] .in-skeleton{width:100%!important}.assign-strategy-drawer-content .assign-strategy-select[data-v-6ce48dfd] .in-dropdown-box__container{width:413px}.assign-strategy-drawer .spaced-dot-sep{background-image:linear-gradient(90deg,#91949f 20%,#fff0 0);background-position:center bottom;background-repeat:repeat-x;background-size:5px 1px}.assign-strategy-drawer .spaced-dot-sep--top{background-position:center top}.assign-strategy-drawer .spaced-dot-sep--fc-n:first-child{background:none}.guido-display-condition-create__separator[data-v-929822bc]{height:1px;margin:0 0 24px;background-image:linear-gradient(to right,currentColor 1px,transparent 1px);background-size:5px 1px}.guido-display-condition-create__methods[data-v-929822bc]{gap:16px}.guido-display-condition-select-root[data-v-0d740001] .in-drawer__footer{justify-content:flex-start}.guido-display-condition-select__delete-modal[data-v-0d740001]{position:relative;z-index:145}.guido-display-condition-select__delete-modal[data-v-0d740001] .in-modal-v2-wrapper__header-title{margin-bottom:0}.guido-display-condition-select-root[data-v-0d740001] .in-drawer__content>div{display:flex;flex-direction:column;min-height:100%}.guido-display-condition-select__list[data-v-0d740001]{display:flex;flex-direction:column;gap:24px;margin:0;padding:0;list-style:none}.guido-display-condition-card__header[data-v-0d740001]{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px}.guido-display-condition-card__text[data-v-0d740001]{min-width:0}.guido-display-condition-card__name[data-v-0d740001],.guido-display-condition-card__description[data-v-0d740001]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guido-display-condition-card__actions[data-v-0d740001]{display:flex;flex-shrink:0;align-items:center;gap:16px}.guido-display-condition-card__split[data-v-0d740001]{position:relative;display:flex;gap:1px}.guido-display-condition-card__menu[data-v-0d740001]{z-index:2;min-width:115px}.guido-display-condition-card__divider[data-v-0d740001]{width:1px;height:24px}.guido-display-condition-card__code[data-v-0d740001]{margin:1px 15px 15px;padding:8px;font-family:inherit;white-space:pre-wrap;word-break:break-word}.legacy-strategy-updated-modal[data-v-da2225a1]{position:relative;z-index:145}.ambiguous-dynamic-content-modal__content[data-v-2643213c]{padding-bottom:150px}

package/dist/package.json.js

@@ -1,9 +1,9 @@
-const o = "3.27.0-beta.cf35c0c", s = { stripo: { version: "2.83.1" } }, c = {
+const o = "3.27.0-beta.ee85b86", e = { stripo: { version: "2.83.1" } }, s = {
   version: o,
-  guido: s
+  guido: e
 };
 export {
-  c as default,
-  s as guido,
+  s as default,
+  e as guido,
   o as version
 };

package/dist/src/@types/generic.d.ts

@@ -31,6 +31,13 @@ export type DynamicContentNode = {
  * flattens the active (first) partner's leaf attributes into a `DynamicContent[]`.
  */
 export type DynamicContentList = Record<string, DynamicContentNode[]>;
+/** A leaf attribute with both backend labels and its category path (root → parent). */
+export type DynamicContentCandidate = {
+    value: string;
+    text: string;
+    tagText: string;
+    path: string[];
+};
 export type MergeTag = BaseDynamicContent & {
     label: string;
     selStart?: number;

package/dist/src/components/organisms/dynamic-content/AmbiguousDynamicContentModal.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/dist/src/composables/useAmbiguousDynamicContent.d.ts

@@ -0,0 +1,7 @@
+import { type PendingModuleDynamicContent } from '@@/Stores/module-dynamic-content';
+/** Resolves or dismisses the labels a dropped module left pending (see `useModuleRepair`). */
+export declare const useAmbiguousDynamicContent: () => {
+    resolve: ({ id, items }: PendingModuleDynamicContent, selections: Record<string, string>) => void;
+    dismiss: (id: string) => void;
+    restorePending: () => void;
+};

package/dist/src/composables/useModuleRepair.d.ts

@@ -1,9 +1,15 @@
+import type { DynamicContentCandidate } from '@@/Types/generic';
 import type { ModuleAddData, ModuleModifier } from '@@/Types/stripo';
+import { type DynamicContentConversionResult } from '@@/Utils/dynamicContentConverter';
 export declare const UNRESOLVED_DYNAMIC_CONTENT_ON_DROP_KEY = "dynamic-content.unresolved-attributes-on-drop";
+export declare const registerUsedAttributes: (html: string, candidates: DynamicContentCandidate[]) => void;
 /**
  * Repairs dropped/copied saved modules (items currency, linkless legacy unsubscribe → text block,
  * dynamic-content labels → tokens) in one write-back; wired via Stripo's `onModuleAdd` (see `useStripo`).
  */
 export declare const useModuleRepair: () => {
     handleModuleAdd: (data: ModuleAddData, modifier: ModuleModifier) => void;
+    convertDynamicContent: (html: string) => DynamicContentConversionResult & {
+        candidates: DynamicContentCandidate[];
+    };
 };

package/dist/src/enums/dynamic-content.d.ts

@@ -0,0 +1,3 @@
+export declare enum ModuleDynamicContentAttribute {
+    Pending = "data-guido-dc-pending"
+}

package/dist/src/stores/module-dynamic-content.d.ts

@@ -0,0 +1,30 @@
+import type { AmbiguousDynamicContent } from '@@/Utils/dynamicContentConverter';
+export interface PendingModuleDynamicContent {
+    /** Value of the module root's pending marker attribute. */
+    id: string;
+    items: AmbiguousDynamicContent[];
+}
+interface ModuleDynamicContentState {
+    queue: PendingModuleDynamicContent[];
+}
+export declare const useModuleDynamicContentStore: import("pinia").StoreDefinition<"guidoModuleDynamicContent", ModuleDynamicContentState, {
+    current: (state: {
+        queue: {
+            id: string;
+            items: {
+                label: string;
+                spellings: string[];
+                candidates: {
+                    value: string;
+                    text: string;
+                    tagText: string;
+                    path: string[];
+                }[];
+            }[];
+        }[];
+    } & import("pinia").PiniaCustomStateProperties<ModuleDynamicContentState>) => PendingModuleDynamicContent | null;
+}, {
+    enqueue(entry: PendingModuleDynamicContent): void;
+    remove(id: string): void;
+}>;
+export {};

package/dist/src/utils/dynamicContentConverter.d.ts

@@ -1,27 +1,29 @@
-import type { DynamicContent } from '@@/Types/generic';
+import type { DynamicContentCandidate } from '@@/Types/generic';
+type DynamicContentLookup = Map<string, DynamicContentCandidate[]>;
+export interface AmbiguousDynamicContent {
+    /** The label as the author wrote it (first occurrence). */
+    label: string;
+    /** Every exact token name that resolved to this label, so a choice never touches a valid token. */
+    spellings: string[];
+    candidates: DynamicContentCandidate[];
+}
 export interface DynamicContentConversionResult {
     html: string;
     /** Distinct tokens that matched neither a known value nor a known label (reported to the user). */
     unresolved: string[];
+    /** Labels shared by several attributes; left untouched for the user to choose. */
+    ambiguous: AmbiguousDynamicContent[];
 }
 /**
- * Builds a label→item lookup from one or more dynamic-content lists, keyed by
- * normalized label (trimmed, lowercased). When lists overlap, a later list wins
- * for a shared key.
+ * Builds a label → candidates lookup keyed by both backend labels (`text`, `tag_text`),
+ * normalized (trimmed, lowercased). A label shared by several attributes keeps all of them.
  */
-export declare const buildDynamicContentLookup: (...lists: DynamicContent[][]) => Map<string, DynamicContent>;
+export declare const buildDynamicContentLookup: (candidates: DynamicContentCandidate[]) => DynamicContentLookup;
 /**
- * Repairs dynamic-content tokens in a dropped module's HTML, using `lookup`
- * (label→item) built from the account's full dynamic-content list. Returns the
- * rewritten HTML plus the tokens it could not resolve.
- *
- * A token is rewritten to its canonical `{{value}}` form when its name matches a
- * display label (`{{ Phone Number }}` → `{{phone_number}}`). Left untouched: an
- * exact canonical value (already correct — this also stops a valid token being
- * rewritten just because it coincides with an unrelated label), Liquid nested
- * tokens (dotted, e.g. `coupon.code`), recommendation-block variables
- * (`123_0_attr`), allowed system tokens, and `data-*` product tags. The account
- * list is exhaustive, so any remaining token matching neither a value nor a label
- * is reported in `unresolved`; the text itself is always left in place.
+ * Rewrites label tokens with one candidate; exact values/`validTokens` stay. Several candidates
+ * → `ambiguous`, none → `unresolved`; reported text is never changed.
  */
-export declare const convertModuleDynamicContent: (html: string, lookup: Map<string, DynamicContent>, liquidSyntax: boolean) => DynamicContentConversionResult;
+export declare const convertModuleDynamicContent: (html: string, lookup: DynamicContentLookup, validTokens?: string[]) => DynamicContentConversionResult;
+/** Rewrites every token whose exact name the user resolved (`spelling → value`), keeping tails. */
+export declare const applyDynamicContentChoices: (html: string, choices: Map<string, string>) => string;
+export {};

package/dist/src/utils/dynamicContentPendingMarker.d.ts

@@ -0,0 +1,2 @@
+export declare const PENDING_MARKER_PATTERN = "\\s+data-guido-dc-pending=\"[^\"]*\"";
+export declare const stripPendingMarker: (html: string) => string;

package/dist/src/utils/genericUtil.d.ts

@@ -1,15 +1,11 @@
-import type { DynamicContent, DynamicContentList, MergeTag } from '@@/Types/generic';
+import type { DynamicContent, DynamicContentCandidate, DynamicContentList, MergeTag } from '@@/Types/generic';
 export declare const mergeTagToDynamicContent: (mergeTag: MergeTag) => DynamicContent;
 export declare const dynamicContentToMergeTags: (dynamicContentList: DynamicContent[], liquidSyntax?: boolean) => MergeTag[];
 /**
- * Flattens the partner-keyed dynamic-content tree into a deduped flat list of the
- * ACTIVE partner's leaf attributes. A single editor session targets one partner,
- * so only the FIRST partner entry is used (the sole entry for a single-partner
- * host like email-fe; merging all partners would risk cross-partner label
- * collisions). A node carrying `children`/`select_items` is a category grouping:
- * recursed into but never collected itself — only real leaf attributes
- * (`text`/`tag_text` + `value`) become `{ text, value }` pairs.
+ * Flattens the ACTIVE (first) partner's tree into deduped leaf attributes with both labels and
+ * their category path; category nodes (`children`/`select_items`) are walked, never collected.
  */
+export declare const flattenDynamicContentCandidates: (list: DynamicContentList | undefined | null) => DynamicContentCandidate[];
 export declare const flattenDynamicContentList: (list: DynamicContentList | undefined | null) => DynamicContent[];
 /**
  * Builds the editor merge-tag entries from the template's preselected list plus

package/dist/stores/module-dynamic-content.js

@@ -0,0 +1,20 @@
+import { defineStore as u } from "pinia";
+const i = u("guidoModuleDynamicContent", {
+  state: () => ({
+    queue: []
+  }),
+  getters: {
+    current: (e) => e.queue[0] ?? null
+  },
+  actions: {
+    enqueue(e) {
+      this.queue = [...this.queue, e];
+    },
+    remove(e) {
+      this.queue = this.queue.filter((t) => t.id !== e);
+    }
+  }
+});
+export {
+  i as useModuleDynamicContentStore
+};