@useinsider/guido 3.13.0 → 3.13.1-beta.77f8a06

package/README.md

@@ -134,7 +134,7 @@ const config: GuidoConfigInput = {
   // Optional: Editor settings
   editor?: {
     locale?: string,              // Default: 'en'
-    translationsPath?: string,    // Default: 'window.trans.en'
+    translationsPath?: string,    // Default: first locale registered on window.trans
     migrationDate?: number,       // Stripo migration timestamp
     emailHeader?: {
       senderName?: string,

package/dist/@types/config/defaults.js

@@ -1,4 +1,7 @@
 import { ProductType as a, MessageType as o } from "./schemas.js";
+const i = {
+  translationsPath: "window.trans[Object.keys(window.trans)[0]]"
+};
 a.EMAIL;
 o.PROMOTIONAL;
 const e = [
@@ -33,12 +36,13 @@ const e = [
   "vikingsankara",
   "stripoeditorlivetest"
 ];
-function n(t) {
+function s(t) {
   return e.includes(t);
 }
 export {
+  i as DEFAULT_EDITOR,
   o as MessageType,
   a as ProductType,
   e as TEST_PARTNERS,
-  n as isTestPartner
+  s as isTestPartner
 };

package/dist/composables/useTranslations.js

@@ -1,18 +1,20 @@
+import "../@types/config/schemas.js";
+import { DEFAULT_EDITOR } from "../@types/config/defaults.js";
 import memoize from "../node_modules/lodash-es/memoize.js";
 import { ref } from "vue";
 import { useConfig } from "./useConfig.js";
 const useTranslations = () => {
   var o, e;
-  const { config } = useConfig(), translationsPath = ((e = (o = config.value) == null ? void 0 : o.editor) == null ? void 0 : e.translationsPath) || "window.trans.en", translations = ref(eval(translationsPath)), trans = (n, t) => {
-    const r = translations.value[n];
-    return r ? t ? Object.entries(t).reduce(
+  const { config } = useConfig(), translationsPath = ((e = (o = config.value) == null ? void 0 : o.editor) == null ? void 0 : e.translationsPath) || DEFAULT_EDITOR.translationsPath, translations = ref(eval(translationsPath)), trans = (t, n) => {
+    const r = translations.value[t];
+    return r ? n ? Object.entries(n).reduce(
       (s, [i, a]) => s.replace(new RegExp(`{${i}}`, "g"), String(a)),
       r
-    ) : r : (console.warn(`Translation key not found: ${n}`), n);
+    ) : r : (console.warn(`Translation key not found: ${t}`), t);
   };
   return memoize(
     trans,
-    (n, t) => !t || Object.keys(t).length === 0 ? n : JSON.stringify({ key: n, params: t })
+    (t, n) => !n || Object.keys(n).length === 0 ? t : JSON.stringify({ key: t, params: n })
   );
 };
 export {

package/dist/config/compiler/itemsCompilerRules.js

@@ -1,14 +1,35 @@
-import { pairProductVariables as r } from "../../utils/pairProductVariables.js";
-const t = [
+import { pairProductVariables as o } from "../../utils/pairProductVariables.js";
+import { wrapHiddenPriceTdsForOutlook as r, MSO_ITEMS_HIDE_START as e, MSO_ITEMS_HIDE_END as t } from "./utils/itemsCompilerUtils.js";
+const a = [
   {
     id: "pair-product-variables",
     description: "Replace product default values with template variables",
     type: "custom",
-    processor: r,
+    processor: o,
     priority: 60
     // After recommendation rules (priority 50-53)
+  },
+  {
+    id: "wrap-hidden-price-mso-conditional",
+    // SD-147597: Outlook ignores display:none on <td>, so the horizontal layout's
+    // hidden price fallback renders too — duplicate price. Mark the hidden td(s)
+    // with safe placeholder comments and collapse them inline for web-engine Outlook.
+    description: "Mark hidden Items price tds for Outlook conditional hiding",
+    type: "custom",
+    processor: r,
+    priority: 65
+    // After pair-product-variables (60), before outlook rules (70+)
+  },
+  {
+    id: "swap-items-mso-markers",
+    // Injecting the delicate `<!-- -->` ghost token LAST (after reco minify P99
+    // and reco swap P100) keeps it out of every whitespace/comment-mangling pass.
+    description: "Swap Items MSO markers into [if !mso] conditional comments",
+    type: "custom",
+    processor: (i) => i.replaceAll(`<!--${e}-->`, "<!--[if !mso]><!-- -->").replaceAll(`<!--${t}-->`, "<!--<![endif]-->"),
+    priority: 101
   }
 ];
 export {
-  t as itemsCompilerRules
+  a as itemsCompilerRules
 };

package/dist/config/compiler/outlookCompilerRules.js

@@ -1,4 +1,4 @@
-const c = `
+const r = `
     <!--[if gte mso 9]>
         <xml>
             <o:OfficeDocumentSettings>
@@ -6,15 +6,21 @@ const c = `
                 <o:PixelsPerInch>96</o:PixelsPerInch>
             </o:OfficeDocumentSettings>
         </xml>
-    <![endif]-->`, s = {
+    <![endif]-->`, n = {
   xmlns: "http://www.w3.org/1999/xhtml",
   "xmlns:o": "urn:schemas-microsoft-com:office:office"
-}, r = [
+}, p = `
+    <style type="text/css">
+        ul, ol { padding: 0px 0px 0px 40px; }
+        li p { mso-margin-bottom-alt: 15px; }
+        .es-text-ltr ul, .es-text-ltr ol { padding: 0px 0px 0px 40px; }
+        .es-text-rtl ol, .es-text-rtl ul { padding: 0px 40px 0px 0px; }
+    </style>`, l = [
   {
     id: "append-office-xml",
     description: "Appending office XML into the head if it does not exist.",
     type: "custom",
-    processor: (e) => e.includes("<o:OfficeDocumentSettings>") ? e : e.replace("</head>", `${c}</head>`),
+    processor: (e) => e.includes("<o:OfficeDocumentSettings>") ? e : e.replace("</head>", `${r}</head>`),
     priority: 70
   },
   {
@@ -23,14 +29,21 @@ const c = `
     type: "custom",
     processor: (e) => {
       let t = e;
-      return Object.entries(s).forEach(([o, i]) => {
-        const n = new RegExp(`${o}="[^"]*"`);
-        t.search(n) === -1 && (t = t.replace("<html", `<html ${o}="${i}"`));
+      return Object.entries(n).forEach(([o, i]) => {
+        const s = new RegExp(`${o}="[^"]*"`);
+        t.search(s) === -1 && (t = t.replace("<html", `<html ${o}="${i}"`));
       }), t;
     },
     priority: 71
+  },
+  {
+    id: "append-outlook-list-css",
+    description: "Appending Outlook list rules into the head if the base CSS does not already carry them.",
+    type: "custom",
+    processor: (e) => e.includes("mso-margin-bottom-alt") ? e : e.replace("</head>", `${p}</head>`),
+    priority: 73
   }
 ];
 export {
-  r as outlookCompilerRules
+  l as outlookCompilerRules
 };

package/dist/config/compiler/utils/itemsCompilerUtils.js

@@ -0,0 +1,28 @@
+const p = "MSO_ITEMS_HIDE_START", E = "MSO_ITEMS_HIDE_END", u = "mso-hide:all; max-height:0; overflow:hidden; font-size:0; line-height:0;", _ = ".ins-product-cart td.horizontal-price, .ins-product-cart td.vertical-price";
+function T(t) {
+  if (!t.includes("vertical-price") || !t.includes("ins-product-cart"))
+    return t;
+  const i = t.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->"), r = new DOMParser().parseFromString(i, "text/html");
+  let n = !1;
+  if (r.querySelectorAll(_).forEach((e) => {
+    var s, a;
+    const o = e.getAttribute("style") || "";
+    if (!/display\s*:\s*none/i.test(o))
+      return;
+    const c = e.previousSibling;
+    if (((c == null ? void 0 : c.nodeType) !== Node.COMMENT_NODE || c.data !== p) && ((s = e.parentNode) == null || s.insertBefore(r.createComment(p), e), (a = e.parentNode) == null || a.insertBefore(r.createComment(E), e.nextSibling)), !/mso-hide/i.test(o)) {
+      const d = o.trim().endsWith(";") ? " " : "; ";
+      e.setAttribute("style", `${o}${d}${u}`);
+    }
+    n = !0;
+  }), !n)
+    return t;
+  const l = i.match(/<!DOCTYPE[^>]*>/i);
+  return ((l ? `${l[0]}
+` : "") + r.documentElement.outerHTML).replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}").replaceAll("&lt;!--{%", "{%").replaceAll("%}--&gt;", "%}");
+}
+export {
+  E as MSO_ITEMS_HIDE_END,
+  p as MSO_ITEMS_HIDE_START,
+  T as wrapHiddenPriceTdsForOutlook
+};

package/dist/config/migrator/itemsBlockMigrator.js

@@ -88,11 +88,11 @@ function k(o) {
 }
 function h(o) {
   var e;
-  const t = (c, u) => c == null ? u : c === "1" || c === "true", r = (c, u) => c || u, l = o["data-type"] || o["data-source"], a = k(l), i = I[a];
+  const t = (l, u) => l == null ? u : l === "1" || l === "true", r = (l, u) => l || u, c = o["data-type"] || o["data-source"], a = k(c), i = I[a];
   let n = o["data-cart_items_select_control_value"] || ((e = i == null ? void 0 : i[0]) == null ? void 0 : e.value) || g.cartItemsSelectControlValue;
   if (n && !n.includes("{{") && /^\d+$/.test(n)) {
-    const c = parseInt(n) - 1, u = I[a];
-    u && u[c] && (n = u[c].value);
+    const l = parseInt(n) - 1, u = I[a];
+    u && u[l] && (n = u[l].value);
   }
   return {
     initialized: !0,
@@ -148,7 +148,7 @@ function N(o, t) {
   };
   return r[o] || r.CART_ITEMS;
 }
-class z {
+class H {
   constructor() {
     M(this, "parser");
     this.parser = new DOMParser();
@@ -159,13 +159,13 @@ class z {
         return this.backfillV2ProductTdAttributes(t);
       let r = this.removeJinjaConditionals(t);
       r = this.replaceTemplateVariables(r);
-      const l = this.parser.parseFromString(r, "text/html"), a = l.querySelectorAll(
+      const c = this.parser.parseFromString(r, "text/html"), a = c.querySelectorAll(
         "td.esd-cart-items-block, td.esd-browsed-items-block, td.esd-purchased-items-block"
       );
       return q().$patch((n) => {
         n.migrations = { ...n.migrations, [w]: a.length };
       }), a.length === 0 ? (console.warn("ItemsBlockMigrator: No blocks found with items block selectors"), r) : (a.forEach((n) => {
-        const e = this.extractConfiguration(n), c = F({
+        const e = this.extractConfiguration(n), l = F({
           orientation: e.orientation,
           itemsType: e.itemsType,
           itemId: e.itemId,
@@ -181,7 +181,7 @@ class z {
           quantityStyles: e.quantityStyles,
           nodeConfig: h(e.configBlockAttributes)
         }), s = this.parser.parseFromString(
-          `<table><tbody><tr>${c}</tr></tbody></table>`,
+          `<table><tbody><tr>${l}</tr></tbody></table>`,
           "text/html"
         ).querySelector("td");
         if (s && n.parentNode) {
@@ -190,7 +190,7 @@ class z {
           const d = s.querySelector("esd-config-block");
           d && d.remove(), n.parentNode.replaceChild(s, n);
         }
-      }), l.documentElement.outerHTML);
+      }), c.documentElement.outerHTML);
     } catch (r) {
       return console.error("ItemsBlockMigrator failed:", r), t;
     }
@@ -205,15 +205,15 @@ class z {
     var C, D, P;
     const r = k(
       ((C = t.querySelector("[data-type]")) == null ? void 0 : C.getAttribute("data-type")) ?? null
-    ), l = ((D = t.querySelector("[data-number]")) == null ? void 0 : D.getAttribute("data-number")) || "1", a = parseInt(l) - 1, i = I[r], n = ((P = i == null ? void 0 : i[a]) == null ? void 0 : P.value) || i[0].value, e = t.querySelector('[product-attr="price"]'), c = (e == null ? void 0 : e.getAttribute("data-currency_symbol")) || "USD", s = ((e == null ? void 0 : e.getAttribute("data-curency")) || "before") === "after" ? "1" : "0", _ = (e == null ? void 0 : e.getAttribute("data-formated")) !== "false", d = this.extractConfigBlockAttributes(t, r, l), b = d["data-card_orientation_control_value"];
+    ), c = ((D = t.querySelector("[data-number]")) == null ? void 0 : D.getAttribute("data-number")) || "1", a = parseInt(c) - 1, i = I[r], n = ((P = i == null ? void 0 : i[a]) == null ? void 0 : P.value) || i[0].value, e = t.querySelector('[product-attr="price"]'), l = (e == null ? void 0 : e.getAttribute("data-currency_symbol")) || "USD", s = ((e == null ? void 0 : e.getAttribute("data-curency")) || "before") === "after" ? "1" : "0", _ = (e == null ? void 0 : e.getAttribute("data-formated")) !== "false", d = this.extractConfigBlockAttributes(t, r, c), b = d["data-card_orientation_control_value"];
     let S;
     b ? S = b === "horizontal" ? "horizontal" : "vertical" : S = t.querySelector('[colspan="2"]') !== null ? "vertical" : "horizontal";
-    const y = t.querySelector('a[product-attr="name"]'), A = (y == null ? void 0 : y.getAttribute("style")) || void 0, f = t.querySelector('a[product-attr="button"]'), m = (f == null ? void 0 : f.getAttribute("style")) || void 0, R = (e == null ? void 0 : e.getAttribute("style")) || void 0, T = t.querySelector("p.original-price"), L = (T == null ? void 0 : T.getAttribute("style")) || void 0, E = t.querySelector('[product-attr="quantity"]'), B = (E == null ? void 0 : E.getAttribute("style")) || void 0;
+    const y = t.querySelector('a[product-attr="name"]'), A = (y == null ? void 0 : y.getAttribute("style")) || void 0, f = t.querySelector('a[product-attr="button"]'), m = (f == null ? void 0 : f.getAttribute("style")) || void 0, R = (e == null ? void 0 : e.getAttribute("style")) || void 0, E = t.querySelector("p.original-price"), L = (E == null ? void 0 : E.getAttribute("style")) || void 0, T = t.querySelector('[product-attr="quantity"]'), B = (T == null ? void 0 : T.getAttribute("style")) || void 0;
     return {
       orientation: S,
       itemsType: r,
       itemId: n,
-      currencySymbol: c,
+      currencySymbol: l,
       currencyLocation: s,
       formattedPrice: _,
       configBlockAttributes: d,
@@ -231,7 +231,7 @@ class z {
    * @param itemsType - The type of items (CART_ITEMS, BROWSED_ITEMS, PURCHASED_ITEMS)
    * @param itemNumber - The item number (1-based index)
    */
-  extractConfigBlockAttributes(t, r, l) {
+  extractConfigBlockAttributes(t, r, c) {
     const a = t.querySelector("esd-config-block"), i = {};
     if (!a)
       return this.getDefaultConfigBlockAttributes();
@@ -240,18 +240,18 @@ class z {
     }), i["data-cart_items_select_control_value"]) {
       const e = i["data-cart_items_select_control_value"];
       if (/^\d+$/.test(e)) {
-        const c = parseInt(e) - 1, u = I[r];
-        u && u[c] && (i["data-cart_items_select_control_value"] = u[c].value);
+        const l = parseInt(e) - 1, u = I[r];
+        u && u[l] && (i["data-cart_items_select_control_value"] = u[l].value);
       }
     }
     if (i["data-product_price_control_curency"]) {
       const e = i["data-product_price_control_curency"];
-      let c = e;
-      e === "before" ? c = "0" : e === "after" && (c = "1"), i["data-product_price_control_curency"] = c, i["data-product_price_currency_location"] = c;
+      let l = e;
+      e === "before" ? l = "0" : e === "after" && (l = "1"), i["data-product_price_control_curency"] = l, i["data-product_price_currency_location"] = l;
     }
     (!i["data-product_price_control_currency_symbol"] || i["data-product_price_control_currency_symbol"].trim() === "") && (i["data-product_price_control_currency_symbol"] = "USD");
     const n = { ...this.getDefaultConfigBlockAttributes(), ...i };
-    return n["data-type"] = r, n["data-source"] = r, n["data-product_image_link"] = $(r, l), n["data-product_button_link"] = N(r, l), n;
+    return n["data-type"] = r, n["data-source"] = r, n["data-product_image_link"] = $(r, c), n["data-product_button_link"] = N(r, c), n;
   }
   /**
    * Returns default esd-config-block attributes based on the old template structure
@@ -301,7 +301,7 @@ class z {
     };
   }
   /**
-   * Backfills data-type (and data-number) onto v2 `.ins-product-td` elements
+   * Backfills data-type (and data-number, data-nodup) onto v2 `.ins-product-td` elements
    * from their persisted `esd-ext-config` nodeConfig, and strips the legacy
    * static `width` that older builds baked onto the product-td.
    *
@@ -326,22 +326,24 @@ class z {
     if (!t.includes("ins-product-td") || !t.includes("esd-ext-config"))
       return t;
     const r = this.parser.parseFromString(t, "text/html");
-    let l = !1;
+    let c = !1;
     return r.querySelectorAll(".ins-product-td").forEach((a) => {
-      if (a.hasAttribute("width") && (a.removeAttribute("width"), l = !0), a.getAttribute("data-type"))
-        return;
+      a.hasAttribute("width") && (a.removeAttribute("width"), c = !0);
       const i = a.getAttribute("esd-ext-config");
-      if (i)
-        try {
-          const n = JSON.parse(i), e = n.type || n.source;
-          if (!e)
-            return;
-          a.setAttribute("data-type", e), l = !0;
-          const c = typeof n.itemsSelectValue == "string" ? n.itemsSelectValue.match(/\((\d+)\)/) : null;
-          c && a.getAttribute("data-number") !== c[1] && a.setAttribute("data-number", c[1]);
-        } catch {
-        }
-    }), l ? r.documentElement.outerHTML : t;
+      let n = null;
+      try {
+        n = i ? JSON.parse(i) : null;
+      } catch {
+      }
+      if (!n || (!a.getAttribute("data-nodup") && typeof n.priceHideDiscount == "boolean" && (a.setAttribute("data-nodup", String(n.priceHideDiscount)), c = !0), a.getAttribute("data-type")))
+        return;
+      const e = n.type || n.source;
+      if (!e)
+        return;
+      a.setAttribute("data-type", e), c = !0;
+      const l = typeof n.itemsSelectValue == "string" ? n.itemsSelectValue.match(/\((\d+)\)/) : null;
+      l && a.getAttribute("data-number") !== l[1] && a.setAttribute("data-number", l[1]);
+    }), c ? r.documentElement.outerHTML : t;
   }
   /**
    * Fast check for the presence of any items block (cart / browsed / purchased)
@@ -362,15 +364,15 @@ class z {
    * contains display condition Jinja scripts that should NOT be removed.
    */
   removeJinjaConditionals(t) {
-    const r = "__ESD_DISPLAY_CONDITIONS_PLACEHOLDER__", l = t.match(/esd-custom-display-conditions="[^"]*"/);
-    let a = l ? t.replace(l[0], r) : t;
+    const r = "__ESD_DISPLAY_CONDITIONS_PLACEHOLDER__", c = t.match(/esd-custom-display-conditions="[^"]*"/);
+    let a = c ? t.replace(c[0], r) : t;
     return a = a.replace(
       /\{%\s*if\s+(ins_apr|browsed_item|purchased_item)_total_product_kind\s*(&gt;|>)\s*\d+\s*%\}/g,
       ""
     ), a = a.replace(
       /\{%\s*if\s+(ins_apr|browsed_item|purchased_item)_price_\d+\s*(!&#61;|!=)\s*\1_originalprice_\d+\s*%\}/g,
       ""
-    ), a = a.replace(/\{%\s*endif\s*%\}/g, ""), l && (a = a.replace(r, l[0])), a = a.replace(/\n\s*\n\s*\n/g, `
+    ), a = a.replace(/\{%\s*endif\s*%\}/g, ""), c && (a = a.replace(r, c[0])), a = a.replace(/\n\s*\n\s*\n/g, `
 
 `), a;
   }
@@ -385,30 +387,30 @@ class z {
    */
   replaceTemplateVariables(t) {
     const { PAIRS_FOR_EXTENSION: r } = K;
-    return t.replace(/{{([^}]+)}}/g, (l, a) => {
+    return t.replace(/{{([^}]+)}}/g, (c, a) => {
       const i = a.match(/^(ins_apr|browsed_item|purchased_item)_([a-z_]+)_(\d+)$/);
       if (!i)
-        return l;
-      const [, n, e, c] = i, u = V[n];
+        return c;
+      const [, n, e, l] = i, u = V[n];
       if (!u)
-        return console.warn(`Unknown variable prefix: ${n}`), l;
+        return console.warn(`Unknown variable prefix: ${n}`), c;
       const s = x[e];
       if (!s)
-        return console.warn(`Unknown variable suffix mapping for: ${e}`), l;
+        return console.warn(`Unknown variable suffix mapping for: ${e}`), c;
       const { pairsKey: _, defaultKey: d, isArray: b } = s, y = r[_][u];
       if (!y)
-        return console.warn(`No data found for: ${_}.${u}`), l;
+        return console.warn(`No data found for: ${_}.${u}`), c;
       if (b) {
-        const f = parseInt(c) - 1, m = y[d];
-        return Array.isArray(m) && m[f] ? m[f] : (console.warn(`Array value not found: ${_}.${u}.${d}[${f}]`), l);
+        const f = parseInt(l) - 1, m = y[d];
+        return Array.isArray(m) && m[f] ? m[f] : (console.warn(`Array value not found: ${_}.${u}.${d}[${f}]`), c);
       }
       const A = y[d];
-      return A !== void 0 ? String(A) : (console.warn(`Default value not found: ${_}.${u}.${d}`), l);
+      return A !== void 0 ? String(A) : (console.warn(`Default value not found: ${_}.${u}.${d}`), c);
     });
   }
 }
 function Q(o) {
-  return new z().migrate(o);
+  return new H().migrate(o);
 }
 export {
   Q as migrateItemsBlock

package/dist/extensions/Blocks/Items/block.js

@@ -1,14 +1,14 @@
-import { BlockId as g } from "../../../enums/block.js";
-import { useOnboardingStore as p } from "../../../stores/onboarding.js";
+import { BlockId as f } from "../../../enums/block.js";
+import { useOnboardingStore as g } from "../../../stores/onboarding.js";
 import { getMigrationBannerHtml as y } from "../../../utils/migrationBannerHtml.js";
 import { Block as I, BlockCompositionType as C, ModificationDescription as c } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { SETTINGS_ENUMS as l, DefaultConfigValues as m } from "./enums/settingsEnums.js";
+import { SETTINGS_ENUMS as d, DefaultConfigValues as m } from "./enums/settingsEnums.js";
 import { getDefaultTemplate as b } from "./template.js";
-import { getItemsBlockContainer as d, getItemsBlockConfig as u, deriveItemNumber as h, getDefaultItemsBlockConfig as N } from "./utils/nodeConfigUtils.js";
-const f = g.Items;
-class P extends I {
+import { getItemsBlockContainer as l, getItemsBlockConfig as u, deriveItemNumber as h, getDefaultItemsBlockConfig as N } from "./utils/nodeConfigUtils.js";
+const p = f.Items;
+class O extends I {
   getId() {
-    return f;
+    return p;
   }
   getIcon() {
     return "items-icon";
@@ -24,15 +24,15 @@ class P extends I {
   }
   getSettingsPanelTitleHtml() {
     return y(
-      f,
+      p,
       this.api.translate("Items"),
       this.api.translate("This block is switched from the Old Version to the New Version. We recommend you check the Items block and test your message to ensure it works properly.")
     );
   }
   getTemplate() {
     return b({
-      orientation: l.ORIENTATION.VERTICAL,
-      itemsType: l.ITEMS_TYPE.CART_ITEMS,
+      orientation: d.ORIENTATION.VERTICAL,
+      itemsType: d.ITEMS_TYPE.CART_ITEMS,
       itemId: "{{Abandoned Cart Item (1) Url}}",
       currencySymbol: m.productPriceCurrencySymbolControlValue,
       currencyLocation: m.productPriceCurrencyLocationControlValue,
@@ -45,23 +45,23 @@ class P extends I {
   canBeSavedAsModule() {
     return !0;
   }
-  onCreated(o) {
-    const t = this.api.getDocumentModifier(), i = this.api.getDocumentRootCssNode();
-    i.querySelector('[product-attr="imageSrc"] img') || t.modifyCss(i).appendRule('[product-attr="imageSrc"] img {object-fit: contain;}');
-    const e = d(o);
-    if (!e)
+  onCreated(e) {
+    const t = this.api.getDocumentModifier(), o = this.api.getDocumentRootCssNode();
+    o.querySelector('[product-attr="imageSrc"] img') || t.modifyCss(o).appendRule('[product-attr="imageSrc"] img {object-fit: contain;}');
+    const i = l(e);
+    if (!i)
       return;
-    const r = e.getNodeConfig(), s = r && Object.keys(r).length > 0, n = u(o);
+    const r = i.getNodeConfig(), s = r && Object.keys(r).length > 0, n = u(e);
     if (n != null && n.initialized)
       if (s)
-        n.blockInstanceId || this.api.getDocumentModifier().modifyHtml(e).setNodeConfig({ ...n, blockInstanceId: String(Date.now()) }).apply(new c("Assign block instance ID to block"));
+        n.blockInstanceId || this.api.getDocumentModifier().modifyHtml(i).setNodeConfig({ ...n, blockInstanceId: String(Date.now()) }).apply(new c("Assign block instance ID to block"));
       else {
         const a = this.api.getDocumentModifier();
-        a.modifyHtml(e).setNodeConfig(n), this._stampProductTdDomAttributes(e, n, a), a.apply(new c("Migrate legacy config to nodeConfig"));
+        a.modifyHtml(i).setNodeConfig(n), this._stampProductTdDomAttributes(i, n, a), a.apply(new c("Migrate legacy config to nodeConfig"));
       }
     else {
       const a = N();
-      this.api.getDocumentModifier().modifyHtml(e).setNodeConfig(a).apply(new c("Initialize Items block with default configuration")), p().startOnboarding("itemsOnboarding");
+      this.api.getDocumentModifier().modifyHtml(i).setNodeConfig(a).apply(new c("Initialize Items block with default configuration")), g().startOnboarding("itemsOnboarding");
     }
   }
   /**
@@ -70,33 +70,33 @@ class P extends I {
    * into nodeConfig, so without this a reused module would reset to defaults.
    * Guarded to the nodeConfig-empty case so it runs once and never loops.
    */
-  onDocumentChanged(o) {
-    const t = d(o);
+  onDocumentChanged(e) {
+    const t = l(e);
     if (!t)
       return;
-    const i = t.getNodeConfig();
-    if (i && Object.keys(i).length > 0)
+    const o = t.getNodeConfig();
+    if (o && Object.keys(o).length > 0)
       return;
-    const r = u(o);
+    const r = u(e);
     if (!(r != null && r.initialized))
       return;
     const s = this.api.getDocumentModifier();
     s.modifyHtml(t).setNodeConfig(r), this._stampProductTdDomAttributes(t, r, s), s.apply(new c("Recover Items block config from saved module"));
   }
   /**
-   * Bakes the compiler-read DOM attributes (`data-type`, `data-number`) onto the
+   * Bakes the compiler-read DOM attributes (`data-type`, `data-number`, `data-nodup`) onto the
    * `.ins-product-td` container from the recovered config. Required for saved modules:
    * `migrate()` (which backfills these) only runs at template load — never when a module
    * is dropped into a live editor — so this is the one place the namespace + index get
    * restored before export. The name `<a>` carries no data-type/data-number of its own and
    * relies on this td-level fallback in pairProductVariables.
    */
-  _stampProductTdDomAttributes(o, t, i) {
-    const e = h(t.itemsSelectValue, t.type);
-    i.modifyHtml(o).setAttribute("data-type", t.type), i.modifyHtml(o).setAttribute("data-number", e);
+  _stampProductTdDomAttributes(e, t, o) {
+    const i = h(t.itemsSelectValue, t.type);
+    o.modifyHtml(e).setAttribute("data-type", t.type), o.modifyHtml(e).setAttribute("data-number", i), o.modifyHtml(e).setAttribute("data-nodup", String(t.priceHideDiscount));
   }
 }
 export {
-  f as BLOCK_ID,
-  P as ItemsBlock
+  p as BLOCK_ID,
+  O as ItemsBlock
 };

package/dist/extensions/Blocks/Items/controls/price/hideDiscount.js

@@ -1,43 +1,47 @@
-import { UIElementType as o, UEAttr as d } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as r } from "../../../common-control.js";
-import { ItemsBlockControlId as n } from "../../enums/controlEnums.js";
-import { getItemsBlockConfig as s, setItemsBlockConfig as a } from "../../utils/nodeConfigUtils.js";
-const c = n.PRICE_HIDE_DISCOUNT, i = {
+import { ModificationDescription as c, UIElementType as s, UEAttr as a } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CommonControl as p } from "../../../common-control.js";
+import { ItemsBlockControlId as r } from "../../enums/controlEnums.js";
+import { getItemsBlockConfig as d, setItemsBlockConfig as u } from "../../utils/nodeConfigUtils.js";
+const D = r.PRICE_HIDE_DISCOUNT, i = {
   HIDE_DISCOUNT: "hideDiscount"
 };
-class C extends r {
+class E extends p {
   getId() {
-    return c;
+    return D;
   }
   getTemplate() {
     return `
-            <div class="container ${n.PRICE_HIDE_DISCOUNT}">
+            <div class="container ${r.PRICE_HIDE_DISCOUNT}">
                 ${this._getHideDiscount()}
             </div>
         `;
   }
   onRender() {
-    const e = s(this.currentNode);
-    this.api.updateValues({ [i.HIDE_DISCOUNT]: (e == null ? void 0 : e.priceHideDiscount) ?? !0 }), this.api.onValueChanged(i.HIDE_DISCOUNT, (t) => {
-      this._onHideDiscountChange(t);
+    const t = d(this.currentNode);
+    this.api.updateValues({ [i.HIDE_DISCOUNT]: (t == null ? void 0 : t.priceHideDiscount) ?? !0 }), this.api.onValueChanged(i.HIDE_DISCOUNT, (e) => {
+      this._onHideDiscountChange(e);
     });
   }
-  onTemplateNodeUpdated(e) {
-    super.onTemplateNodeUpdated(e), this.handleBlockInstanceChange(() => {
-      const t = s(this.currentNode);
-      this.api.updateValues({ [i.HIDE_DISCOUNT]: (t == null ? void 0 : t.priceHideDiscount) ?? !0 });
+  onTemplateNodeUpdated(t) {
+    super.onTemplateNodeUpdated(t), this.handleBlockInstanceChange(() => {
+      const e = d(this.currentNode);
+      this.api.updateValues({ [i.HIDE_DISCOUNT]: (e == null ? void 0 : e.priceHideDiscount) ?? !0 });
     });
   }
-  _onHideDiscountChange(e) {
-    a(this.currentNode, this.api, { priceHideDiscount: e }), this.api.updateValues({ [i.HIDE_DISCOUNT]: e });
+  _onHideDiscountChange(t) {
+    var n;
+    const e = this.api.getDocumentModifier();
+    u(this.currentNode, this.api, { priceHideDiscount: t }, e);
+    const o = (n = this.currentNode) == null ? void 0 : n.closest(".ins-product-td");
+    o && e.modifyHtml(o).setAttribute("data-nodup", String(t)), e.apply(new c("Update hide-discount setting")), this.api.updateValues({ [i.HIDE_DISCOUNT]: t });
   }
   _getHideDiscount() {
     return `
                 <div class="display-flex align-items-center justify-content-between">
-                    <${o.LABEL} 
-                        ${d.LABEL.text}="${this.api.translate("Hide if same as discounted ")}"
+                    <${s.LABEL} 
+                        ${a.LABEL.text}="${this.api.translate("Hide if same as discounted ")}"
                     >
-                    </${o.LABEL}>
+                    </${s.LABEL}>
                     ${this._GuToggle(i.HIDE_DISCOUNT)}
                 </div>
             </div>
@@ -45,6 +49,6 @@ class C extends r {
   }
 }
 export {
-  c as CONTROL_BLOCK_ID,
-  C as PriceHideDiscountControl
+  D as CONTROL_BLOCK_ID,
+  E as PriceHideDiscountControl
 };

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

@@ -1,9 +1,4 @@
 import type { ModuleAddData, ModuleModifier } from '@@/Types/stripo';
-/**
- * Host-registered translation key for the "some attributes could not be
- * converted" toaster. Guido resolves it against the host's `window.trans.en`;
- * the copy is registered host-side.
- */
 export declare const UNRESOLVED_DYNAMIC_CONTENT_ON_DROP_KEY = "dynamic-content.unresolved-attributes-on-drop";
 /**
  * Repairs label-form dynamic-content tokens in saved modules as they are dropped

package/dist/src/config/compiler/utils/itemsCompilerUtils.d.ts

@@ -0,0 +1,12 @@
+export declare const MSO_ITEMS_HIDE_START = "MSO_ITEMS_HIDE_START";
+export declare const MSO_ITEMS_HIDE_END = "MSO_ITEMS_HIDE_END";
+/**
+ * SD-147597: the horizontal Items layout ships a second copy of price +
+ * original price in a `td.vertical-price` fallback hidden only by inline
+ * `display:none` (and vice versa for the vertical price orientation). Outlook's
+ * Word engine ignores `display:none` on `<td>`, so it paints BOTH copies —
+ * duplicate price. Wrap whichever price td(s) are hidden at export time in safe
+ * placeholder comments (swapped into `<!--[if !mso]>` by the priority-101 rule)
+ * and collapse them inline for web-engine Outlook.
+ */
+export declare function wrapHiddenPriceTdsForOutlook(html: string): string;

package/dist/src/extensions/Blocks/Items/block.d.ts

@@ -34,7 +34,7 @@ export declare class ItemsBlock extends Block {
      */
     onDocumentChanged(node: ImmutableHtmlNode): void;
     /**
-     * Bakes the compiler-read DOM attributes (`data-type`, `data-number`) onto the
+     * Bakes the compiler-read DOM attributes (`data-type`, `data-number`, `data-nodup`) onto the
      * `.ins-product-td` container from the recovered config. Required for saved modules:
      * `migrate()` (which backfills these) only runs at template load — never when a module
      * is dropped into a live editor — so this is the one place the namespace + index get

package/dist/utils/pairProductVariables.js

@@ -1,85 +1,85 @@
 import { productPairs as N } from "../extensions/Blocks/Items/enums/productEnums.js";
 import { DefaultConfigValues as O } from "../extensions/Blocks/Items/enums/settingsEnums.js";
-import { preserveTextStyles as C } from "./preserveTextStyles.js";
-function V(L) {
-  const H = L.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->"), g = new DOMParser().parseFromString(H, "text/html"), m = N.PAIRS_FOR_EXTENSION;
+import { preserveTextStyles as R } from "./preserveTextStyles.js";
+function v(L) {
+  const H = L.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->"), y = new DOMParser().parseFromString(H, "text/html"), m = N.PAIRS_FOR_EXTENSION;
   Object.entries(m).forEach(([r, f]) => {
-    g.querySelectorAll(".ins-product-td").forEach((c) => {
-      const A = c.getAttribute("data-number") || "1", y = c.getAttribute("data-type") || "CART_ITEMS";
-      c.querySelectorAll(`[product-attr="${r}"]`).forEach((t) => {
+    y.querySelectorAll(".ins-product-td").forEach((l) => {
+      const h = l.getAttribute("data-number") || "1", $ = l.getAttribute("data-type") || "CART_ITEMS";
+      l.querySelectorAll(`[product-attr="${r}"]`).forEach((t) => {
         var F, I, w;
-        const T = t.getAttribute("data-type") || y, u = t.getAttribute("data-number") || A, d = f[T];
+        const T = t.getAttribute("data-type") || $, u = t.getAttribute("data-number") || h, d = f[T];
         if (d)
           switch (r) {
             case "imageSrc": {
-              let e = null, i = null;
-              if (t.tagName === "IMG" ? (e = t, i = e.closest("a")) : (e = t.querySelector("img"), i = t.querySelector("a") || t.closest("a")), !e)
+              let e = null, c = null;
+              if (t.tagName === "IMG" ? (e = t, c = e.closest("a")) : (e = t.querySelector("img"), c = t.querySelector("a") || t.closest("a")), !e)
                 break;
-              const a = d.DEFAULT, s = d.ATTR;
-              if (a && e.src) {
+              const i = d.DEFAULT, s = d.ATTR;
+              if (i && e.src) {
                 const o = e.src;
-                a.some((h) => {
-                  const l = h.split("/").pop() || "", $ = o.split("/").pop() || "";
-                  return o.includes(h) || o.includes(l) || $ === l;
+                i.some((E) => {
+                  const a = E.split("/").pop() || "", b = o.split("/").pop() || "";
+                  return o.includes(E) || o.includes(a) || b === a;
                 }) && (e.src = `{{${s}_${u}}}`);
               }
               const n = (I = (F = m.name) == null ? void 0 : F[T]) == null ? void 0 : I.ATTR;
-              if (n && e.setAttribute("alt", `{{${n}_${u}}}`), i) {
+              if (n && e.setAttribute("alt", `{{${n}_${u}}}`), c) {
                 const o = (w = m.itemLink) == null ? void 0 : w[T];
                 if (o) {
-                  const E = o.HREF, h = o.DEFAULT_HREF || "#!", l = i.href;
-                  (l === "#" || l === "" || l.endsWith("#!") || l.endsWith(h) || l === `${window.location.href}${h}` || !l || l === window.location.href) && (i.href = `{{${E}_${u}}}`);
+                  const A = o.HREF, E = o.DEFAULT_HREF || "#!", a = c.href;
+                  (a === "#" || a === "" || a.endsWith("#!") || a.endsWith(E) || a === `${window.location.href}${E}` || !a || a === window.location.href) && (c.href = `{{${A}_${u}}}`);
                 }
               }
               break;
             }
             case "name": {
-              const e = d, i = e.ATTR, a = e.DEFAULT_HREF || "#!", s = e.HREF;
-              t.textContent && (t.innerHTML = C(t, `{{${i}_${u}}}`));
+              const e = d, c = e.ATTR, i = e.DEFAULT_HREF || "#!", s = e.HREF;
+              t.textContent && (t.innerHTML = R(t, `{{${c}_${u}}}`));
               const n = t.closest("a") || (t.tagName === "A" ? t : null);
               if (n && s) {
-                const o = n.href, E = `${window.location.href}${a}`;
-                (o === E || o.endsWith(a)) && (n.href = `{{${s}_${u}}}`);
+                const o = n.href, A = `${window.location.href}${i}`;
+                (o === A || o.endsWith(i)) && (n.href = `{{${s}_${u}}}`);
               }
               break;
             }
             case "price":
             case "originalPrice": {
-              const e = d, i = t.getAttribute("data-formated"), a = t.getAttribute("data-single_price"), s = i === "true", n = a === "true", o = t.getAttribute("data-curency") || "before";
-              let E;
-              n ? E = s ? e.SINGLE_PRICE_FORMATTED : e.SINGLE_PRICE : E = s ? e.PRICE_FORMATTED : e.PRICE;
-              const h = e.CURRENCY;
-              let l = `{{${E}_${u}}}`;
-              const $ = (t.getAttribute("data-currency_symbol") || "").trim(), q = $ !== "" && $ !== O.productPriceCurrencySymbolControlValue;
-              let b = "";
-              q ? b = $ : h && (b = `{{${h}_${u}}}`), b && (l = o === "after" ? `${l} ${b}` : `${b} ${l}`), t.innerHTML = C(t, l);
+              const e = d, c = t.getAttribute("data-formated"), i = t.getAttribute("data-single_price"), s = c === "true", n = i === "true", o = t.getAttribute("data-curency") || "before";
+              let A;
+              n ? A = s ? e.SINGLE_PRICE_FORMATTED : e.SINGLE_PRICE : A = s ? e.PRICE_FORMATTED : e.PRICE;
+              const E = e.CURRENCY;
+              let a = `{{${A}_${u}}}`;
+              const b = (t.getAttribute("data-currency_symbol") || "").trim(), q = b !== "" && b !== O.productPriceCurrencySymbolControlValue;
+              let g = "";
+              q ? g = b : E && (g = `{{${E}_${u}}}`), g && (a = o === "after" ? `${a} ${g}` : `${g} ${a}`), t.innerHTML = R(t, a);
               break;
             }
             case "quantity": {
-              const e = d, i = e.ATTR, a = e.DEFAULT;
-              t.textContent && t.textContent.trim() === a && (t.innerHTML = C(t, `{{${i}_${u}}}`));
+              const e = d, c = e.ATTR, i = e.DEFAULT;
+              t.textContent && t.textContent.trim() === i && (t.innerHTML = R(t, `{{${c}_${u}}}`));
               break;
             }
             case "button": {
-              const e = d, i = e.HREF, a = e.DEFAULT_HREF || "#!", s = t.tagName === "A" ? t : t.querySelector("a");
+              const e = d, c = e.HREF, i = e.DEFAULT_HREF || "#!", s = t.tagName === "A" ? t : t.querySelector("a");
               if (s) {
-                const n = s.href || "", o = `${window.location.href}${a}`;
-                (n === "" || n === "#" || n === o || n.endsWith(a) || n.endsWith("#!") || n === window.location.href) && (s.href = `{{${i}_${u}}}`);
+                const n = s.href || "", o = `${window.location.href}${i}`;
+                (n === "" || n === "#" || n === o || n.endsWith(i) || n.endsWith("#!") || n === window.location.href) && (s.href = `{{${c}_${u}}}`);
               }
               break;
             }
             case "itemLink": {
-              const e = d, i = e.HREF, a = e.DEFAULT_HREF || "#!", s = t;
+              const e = d, c = e.HREF, i = e.DEFAULT_HREF || "#!", s = t;
               if (s.href) {
-                const n = s.href, o = `${window.location.href}${a}`;
-                (n === o || n.endsWith(a)) && (s.href = `{{${i}_${u}}}`);
+                const n = s.href, o = `${window.location.href}${i}`;
+                (n === o || n.endsWith(i)) && (s.href = `{{${c}_${u}}}`);
               }
               break;
             }
             default: {
               if ("ATTR" in d) {
                 const e = d.ATTR;
-                t.textContent && (t.innerHTML = C(t, `{{${e}_${u}}}`));
+                t.textContent && (t.innerHTML = R(t, `{{${e}_${u}}}`));
               }
               break;
             }
@@ -88,54 +88,54 @@ function V(L) {
     });
   });
   const k = H.match(/<!DOCTYPE[^>]*>/i), P = k ? `${k[0]}
-` : "", D = g.querySelectorAll(".ins-product-td"), M = [];
+` : "", D = y.querySelectorAll(".ins-product-td"), M = [];
   D.forEach((r) => {
-    const f = r.getAttribute("data-type") || "CART_ITEMS", p = r.getAttribute("data-number") || "1", c = r.getAttribute("data-nodup"), A = r.outerHTML;
+    const f = r.getAttribute("data-type") || "CART_ITEMS", p = r.getAttribute("data-number") || "1", l = r.outerHTML;
     M.push({
       element: r,
-      outerHtml: A,
+      outerHtml: l,
       type: f,
-      number: p,
-      nodup: c || void 0
+      number: p
     });
   });
-  let _ = P + g.documentElement.outerHTML;
+  let _ = P + y.documentElement.outerHTML;
   M.reverse().forEach(({ outerHtml: r, type: f, number: p }) => {
-    let c = "";
+    let l = "";
     switch (f) {
       case "CART_ITEMS":
-        c = "ins_apr_total_product_kind";
+        l = "ins_apr_total_product_kind";
         break;
       case "BROWSED_ITEMS":
-        c = "browsed_item_total_product_kind";
+        l = "browsed_item_total_product_kind";
         break;
       case "PURCHASED_ITEMS":
-        c = "purchased_item_total_product_kind";
+        l = "purchased_item_total_product_kind";
         break;
     }
-    if (c) {
-      const y = parseInt(p) - 1, T = `${`{% if ${c} > ${y} %}`}${r}{% endif %}`;
+    if (l) {
+      const $ = parseInt(p) - 1, T = `${`{% if ${l} > ${$} %}`}${r}{% endif %}`;
       _ = _.replace(r, T);
     }
   });
-  const x = g.querySelectorAll('[product-attr="originalPrice"][data-type="CART_ITEMS"]'), R = [];
+  const x = y.querySelectorAll('[product-attr="originalPrice"][data-type="CART_ITEMS"]'), S = [];
   return x.forEach((r) => {
+    var $;
     const f = r.getAttribute("data-number"), p = r.getAttribute("data-type");
-    if (!f || p !== "CART_ITEMS")
+    if (!f || p !== "CART_ITEMS" || (($ = r.closest(".ins-product-td")) == null ? void 0 : $.getAttribute("data-nodup")) === "false")
       return;
-    const c = r.closest(".product-original-price-class");
-    if (c) {
-      const A = c.outerHTML;
-      R.some((S) => S.tdOuterHtml === A) || R.push({ tdOuterHtml: A, number: f });
+    const h = r.closest(".product-original-price-class");
+    if (h) {
+      const C = h.outerHTML;
+      S.some((T) => T.tdOuterHtml === C) || S.push({ tdOuterHtml: C, number: f });
     }
-  }), R.reverse().forEach(({ tdOuterHtml: r, number: f }) => {
+  }), S.reverse().forEach(({ tdOuterHtml: r, number: f }) => {
     const p = `{% if ins_apr_price_${f} != ins_apr_originalprice_${f} %}`;
     if (!_.includes(p) && !r.includes("{% if")) {
-      const A = `${p}${r}{% endif %}`;
-      _ = _.replace(r, A);
+      const h = `${p}${r}{% endif %}`;
+      _ = _.replace(r, h);
     }
   }), _.replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}").replaceAll("&lt;!--{%", "{%").replaceAll("%}--&gt;", "%}");
 }
 export {
-  V as pairProductVariables
+  v as pairProductVariables
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.13.0",
+  "version": "3.13.1-beta.77f8a06",
   "description": "Guido is a Vue + TypeScript wrapper for Email Plugin. Easily embed the email editor in your Vue applications.",
   "main": "./dist/guido.umd.cjs",
   "module": "./dist/library.js",