@useinsider/guido 3.27.0-beta.ee85b86 → 3.27.1-beta.842075e

package/README.md

@@ -119,8 +119,7 @@ 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; a label shared by several attributes opens a picker
-    // modal (see "Saved-module token repair"); an unresolvable token raises a single warning toaster
+    // dropped saved modules; 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,
@@ -692,22 +691,18 @@ const closeModal = () => {
 
 ### Saved-module token repair
 
-Legacy or hand-written **saved modules** may carry tokens by display label
+Legacy **saved modules** may serialize their merge-tag chips 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)):
 
-- **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.
+- **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.
 - 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, tag_text?, value, children? }`).
+(`{ [partnerName]: DynamicContentNode[] }`, where a node is `{ 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 n = function() {
+var s = 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(), 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 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 e.emit("onboarding:finished");
   } } }), r(e.UnsubscribeWrapper), r(e.LoadingWrapper)], 1);
-}, t = [], s = /* @__PURE__ */ i(
+}, t = [], n = /* @__PURE__ */ i(
   o,
-  n,
+  s,
   t,
   !1,
   null,
-  "0c5f11a1"
+  "8fc59697"
 );
-const u = s.exports;
+const v = n.exports;
 export {
-  u as default
+  v as default
 };

package/dist/components/Guido.vue2.js

@@ -1,82 +1,79 @@
-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 { 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 { useEditorStore as C } from "../stores/editor.js";
-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({
+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({
   __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(j, { expose: J, emit: i }) {
-    const c = j, r = we(), Q = a(
+  setup(K, { expose: j, emit: i }) {
+    const c = K, r = Ee(), J = a(
       () => import("./organisms/email-preview/PreviewContainer.vue.js")
-    ), X = a(
+    ), Q = a(
       () => import("./organisms/onboarding/OnboardingWrapper.vue.js")
-    ), Y = a(
+    ), X = a(
       () => import("./organisms/extensions/recommendation/AssignStrategyDrawer.vue.js")
-    ), Z = a(
+    ), Y = a(
       () => import("./organisms/extensions/recommendation/RemoveStrategyModal.vue.js")
-    ), ee = a(
+    ), Z = a(
       () => import("./organisms/display-conditions/DisplayConditionsHost.vue.js")
-    ), D = W(), te = a(
+    ), D = W(), ee = a(
       () => import("./organisms/extensions/recommendation/LegacyStrategyUpdatedModal.vue.js")
-    ), oe = a(
+    ), te = a(
       () => import("./organisms/unsubscribe/LegacyUnsubscribeConvertedModal.vue.js")
-    ), ne = a(
-      () => import("./organisms/dynamic-content/AmbiguousDynamicContentModal.vue.js")
-    ), y = W(), g = Qe(), w = tt(), re = q(), o = Je();
+    ), g = W(), y = Ke(), w = Ye(), o = qe();
     c.ready && o.init(c.config);
-    const d = C(), ie = Ye(), p = l(() => d.hasChanges), { isTestPartner: se } = Fe(), { isEnabled: ae, loadRollout: T } = Me(), { showToaster: k } = Re(), F = Oe(), M = () => {
+    const d = C(), oe = Je(), p = l(() => d.hasChanges), { isTestPartner: ne } = we(), { isEnabled: re, loadRollout: T } = Te(), { showToaster: k } = Ie(), F = Le(), I = () => {
       var t;
       if (d.isVersionHistoryOpen) {
         console.debug("guido:save:silent:blocked", { isVersionHistoryOpen: !0 }), k({
-          type: Ne.Warning,
+          type: Oe.Warning,
           message: F("email-editor.save-blocked-outside-editor")
         });
         return;
       }
       return (t = D.value) == null ? void 0 : t.saveSilent();
-    }, I = (t) => {
+    }, L = (t) => {
       d.loadingStatus = t;
     };
-    Ce(), ke();
+    Se(), De();
     const b = () => {
       var t, e;
       return {
@@ -84,20 +81,20 @@ const Vt = /* @__PURE__ */ Se({
         userId: o.userId,
         username: o.username,
         partnerName: o.partnerName,
-        savedModulesFolderName: ((t = o.editor) == null ? void 0 : t.savedModulesFolderName) || G.SAVED_MODULES,
-        defaultModulesFolderName: ((e = o.editor) == null ? void 0 : e.defaultModulesFolderName) || G.DEFAULT_MODULES
+        savedModulesFolderName: ((t = o.editor) == null ? void 0 : t.savedModulesFolderName) || $.SAVED_MODULES,
+        defaultModulesFolderName: ((e = o.editor) == null ? void 0 : e.defaultModulesFolderName) || $.DEFAULT_MODULES
       };
-    }, { initPlugin: L, preloadRuntime: R } = Ie(r), { runExclusive: O, beginMount: U, isCurrentMount: v } = De();
+    }, { initPlugin: M, preloadRuntime: R } = ke(r), { runExclusive: O, beginMount: U, isCurrentMount: v } = he();
     let f = 0;
-    const { getDefaultTemplate: A } = je(), { cloneTimersOnSave: N, hasTimerBlocks: _ } = Le(), ce = l(() => {
+    const { getDefaultTemplate: N } = ze(), { cloneTimersOnSave: _, hasTimerBlocks: A } = Fe(), ie = l(() => {
       var t;
       return !((t = o.ui) != null && t.showHeader);
-    }), de = l(() => o.isFeatureEnabled("reusableRecommendationStrategy")), me = l(() => o.externalDisplayConditions), le = l(
+    }), se = l(() => o.isFeatureEnabled("reusableRecommendationStrategy")), ae = l(() => o.externalDisplayConditions), ce = l(
       () => o.isFeatureEnabled("legacyUnsubscribeConversion")
-    ), ue = l(
+    ), de = l(
       () => !!z().recommendationConfigs.strategyId
     );
-    Te({
+    Ce({
       onBack: () => {
         console.debug("guido:back"), i("back");
       },
@@ -113,11 +110,11 @@ const Vt = /* @__PURE__ */ Se({
       }
     });
     const P = (t) => {
-      console.debug("dynamic-content:close", t), g.setSelectedDynamicContent(t), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: t }));
+      console.debug("dynamic-content:close", t), y.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: "" } }));
     };
-    $(() => p.value, () => {
+    G(() => p.value, () => {
       i("on-change", p.value);
     });
     const S = (t) => {
@@ -127,8 +124,8 @@ const Vt = /* @__PURE__ */ Se({
     let m = null;
     const h = () => {
       var e;
-      const t = document.querySelector(Ae);
-      (e = y.value) == null || e.style.setProperty("--ribbon-offset", `${(t == null ? void 0 : t.offsetHeight) ?? 0}px`);
+      const t = document.querySelector(Re);
+      (e = g.value) == null || e.style.setProperty("--ribbon-offset", `${(t == null ? void 0 : t.offsetHeight) ?? 0}px`);
     }, E = async () => {
       var t;
       r.mark("host_ready");
@@ -141,49 +138,49 @@ const Vt = /* @__PURE__ */ Se({
         });
         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 pe = ((t = e == null ? void 0 : e.migration) == null ? void 0 : t.recommendationConfigs) ?? {}, H = o.isFeatureEnabled("linkTrackingIds"), fe = {
+        const me = ((t = e == null ? void 0 : e.migration) == null ? void 0 : t.recommendationConfigs) ?? {}, H = o.isFeatureEnabled("linkTrackingIds"), le = {
           partnerName: o.partnerName,
           campaignUrls: e == null ? void 0 : e.recommendationCampaignUrls,
           rrsEnabled: o.isFeatureEnabled("reusableRecommendationStrategy")
-        }, ye = {
+        }, ue = {
           itemsPriceFormatting: o.isFeatureEnabled("itemsPriceFormatting")
-        }, V = (ve) => r.timed(
+        }, V = (ge) => r.timed(
           "migration",
-          () => Ue(ve, pe, fe, ye)
+          () => Me(ge, me, le, ue)
         );
         let n = {
           html: s && await V(s),
           css: u
         };
-        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 = {
+        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 = {
           preselectedDynamicContentList: B,
           onReady: () => {
             console.debug("guido:ready"), i("ready");
           }
         };
-        f = U(), await L(n, b(), be, n.html !== s), g.selectedDynamicContentList = B;
+        f = U(), await M(n, b(), fe, n.html !== s), y.selectedDynamicContentList = B;
       } catch (e) {
         console.error("Failed to initialize Stripo editor:", e), r.markFailed();
       }
     };
-    return he(async () => {
+    return be(async () => {
       var e;
-      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;
+      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;
       if (t && (m = new ResizeObserver(h), m.observe(t)), R(), c.ready)
         await E();
       else {
-        const s = $(() => c.ready, (u) => {
+        const s = G(() => c.ready, (u) => {
           u && (s(), E());
         });
       }
       document.addEventListener("dynamic-content:open", S);
-    }), Ee(() => {
-      if (Pe(), _e(), r.dispose(), m == null || m.disconnect(), document.removeEventListener("dynamic-content:open", S), v(f)) {
-        xe();
+    }), ve(() => {
+      if (Ne(), Ue(), r.dispose(), m == null || m.disconnect(), document.removeEventListener("dynamic-content:open", S), v(f)) {
+        _e();
         try {
           const t = C();
           t.isStripoInitialized = !1, t.isAccessibilityTestingOpen = !1, t.imagesHidden = !1, t.colorVisionDeficiency = "";
@@ -199,17 +196,17 @@ const Vt = /* @__PURE__ */ Se({
             console.debug("Failed to remove Stripo editor: No editor found");
           }
       }), o.reset();
-    }), J({
+    }), j({
       dynamicContent: {
         insert: P,
         close: x
       },
       hasChanges: p,
-      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 };
+      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 };
   }
 });
 export {
-  Vt as default
+  Pt as default
 };

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 v } from "../config/compiler/outlookCompilerRules.js";
-import { recommendationCompilerRules as R } from "../config/compiler/recommendationCompilerRules.js";
+import { outlookCompilerRules as R } from "../config/compiler/outlookCompilerRules.js";
+import { recommendationCompilerRules as v } 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,20 +32,19 @@ 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-dc-pending-marker"
+  "remove-contenteditable"
 ]), I = () => {
-  const { compiler: i, isFeatureEnabled: a, partner: u } = C(), c = p(() => {
+  const { compiler: i, isFeatureEnabled: u, partner: a } = C(), c = p(() => {
     var m, l;
     const e = ((m = i.value) == null ? void 0 : m.customRules) || [];
     return [
       ...!!((l = i.value) != null && l.ignoreDefaultRules) ? [] : d,
-      ...R,
+      ...v,
       ...b,
       ...f,
-      ...v,
+      ...R,
       ...H,
-      ...a("liquidSyntax") ? g : [],
+      ...u("liquidSyntax") ? g : [],
       ...e.map((t, o) => ({
         ...t,
         priority: t.priority + 1e3 + o
@@ -54,7 +53,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 = u.value) == null ? void 0 : t.fallbackFont;
+    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;
     return {
       compileHtml: (o) => s.compile(o, void 0, l),
       compileAmpHtml: (o) => m.compile(o, void 0, l)

package/dist/composables/useModuleRepair.js

@@ -1,75 +1,44 @@
-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;
+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;
     try {
-      if ((r == null ? void 0 : r.action) !== "ADD" && (r == null ? void 0 : r.action) !== "COPY")
+      if ((t == null ? void 0 : t.action) !== "ADD" && (t == null ? void 0 : t.action) !== "COPY")
         return;
-      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")
+      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")
         return;
-      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)
+      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)
         try {
-          L().isLegacyUnsubscribeModalRequested = !0;
-        } catch (D) {
-          console.error("Failed to request the legacy unsubscribe modal:", D);
+          h().isLegacyUnsubscribeModalRequested = !0;
+        } catch (g) {
+          console.error("Failed to request the legacy unsubscribe modal:", g);
         }
-      d && U().enqueue({ id: d, items: g }), b.length > 0 && i({
-        type: A.Warning,
-        message: a(q)
+      a.length > 0 && y({
+        type: T.Warning,
+        message: b(E)
       });
     } catch (e) {
       console.error("Failed to repair module on add:", e);
     }
-  }, convertDynamicContent: m };
+  } };
 };
 export {
-  q as UNRESOLVED_DYNAMIC_CONTENT_ON_DROP_KEY,
-  I as registerUsedAttributes,
-  re as useModuleRepair
+  E as UNRESOLVED_DYNAMIC_CONTENT_ON_DROP_KEY,
+  S as useModuleRepair
 };

package/dist/composables/useRecommendation.js

@@ -3,9 +3,9 @@ import { MinDeviceViewport as C, DefaultPadding as R } from "../enums/recommenda
 import { useRecommendationExtensionStore as g } from "../extensions/Blocks/Recommendation/store/recommendation.js";
 import { generateCompleteFilterQuery as b } from "../extensions/Blocks/Recommendation/utils/filterUtil.js";
 import { getPartnerRecommendationParams as h } from "../extensions/Blocks/Recommendation/utils/partnerCustomizations.js";
-import { sanitizeProductIds as x } from "../extensions/Blocks/Recommendation/utils/productIds.js";
-import { useConfigStore as P } from "../stores/config.js";
-const B = () => ({
+import { sanitizeProductIds as P } from "../extensions/Blocks/Recommendation/utils/productIds.js";
+import { useConfigStore as S } from "../stores/config.js";
+const M = () => ({
   calculateCardWidth: ({
     mobileLeftPadding: s,
     mobileRightPadding: c,
@@ -24,11 +24,7 @@ const B = () => ({
         mobileLeftPadding: 0,
         mobileRightPadding: 0,
         cardsInRow: 2,
-        unresponsive: !1,
-        priceBeforeTextValue: "",
-        priceAfterTextValue: "",
-        discountBeforeTextValue: "",
-        discountAfterTextValue: ""
+        unresponsive: !1
       };
     const { recommendationConfigs: i } = a, e = i.orientation === "grid" ? "vertical" : "horizontal";
     return {
@@ -37,16 +33,12 @@ const B = () => ({
       mobileLeftPadding: 0,
       mobileRightPadding: 0,
       cardsInRow: i.cardsInRow,
-      unresponsive: i.unresponsive,
-      priceBeforeTextValue: "",
-      priceAfterTextValue: "",
-      discountBeforeTextValue: "",
-      discountAfterTextValue: ""
+      unresponsive: i.unresponsive
     };
   },
   buildCampaignUrl: (s, c) => {
     var l;
-    const o = g(), a = P(), i = Number(s);
+    const o = g(), a = S(), i = Number(s);
     let e;
     if (c)
       e = c;
@@ -78,7 +70,7 @@ const B = () => ({
       return delete r[s], o.recommendationCampaignUrls = r, "";
     }
     const t = new URLSearchParams();
-    t.set("locale", e.language), t.set("currency", e.currencyCode), t.set("partnerName", a.partnerName), t.set("size", e.size), t.set("details", "true"), t.set("campaignId", a.variationId), e.strategy === "manualMerchandising" ? t.set("productId", x(e.productIds)) : e.strategy === "similarViewed" && t.set("productId", "{itemId}"), e.strategy === "userBased" && t.set("userId", "{user_id}");
+    t.set("locale", e.language), t.set("currency", e.currencyCode), t.set("partnerName", a.partnerName), t.set("size", e.size), t.set("details", "true"), t.set("campaignId", a.variationId), e.strategy === "manualMerchandising" ? t.set("productId", P(e.productIds)) : e.strategy === "similarViewed" && t.set("productId", "{itemId}"), e.strategy === "userBased" && t.set("userId", "{user_id}");
     const f = e.filters.filter((r) => r.isValid), m = b(f);
     m && t.set("filter", m), e.shuffleProducts && t.set("shuffle", "true"), Object.entries(h(a.partnerName, e.strategy)).forEach(([r, n]) => t.set(r, n));
     const p = decodeURIComponent(t.toString()), u = `${I.RECOMMENDATION_API_URL}/v2/${d}?${p}`;
@@ -86,5 +78,5 @@ const B = () => ({
   }
 });
 export {
-  B as useRecommendation
+  M as useRecommendation
 };