@useinsider/guido 3.14.0 → 3.15.0-beta.244c73c

package/dist/extensions/Blocks/Items/utils/nameNode.js

@@ -0,0 +1,4 @@
+const e = (t) => t ? t.querySelector('[product-attr="name"]') ?? t.querySelector("p > a") : void 0;
+export {
+  e as findNameTextNode
+};

package/dist/extensions/Blocks/Recommendation/controls/main/algorithm.js

@@ -1,23 +1,23 @@
-var c = Object.defineProperty;
-var l = (s, o, t) => o in s ? c(s, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[o] = t;
-var a = (s, o, t) => l(s, typeof o != "symbol" ? o + "" : o, t);
-import { UEAttr as h } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as d } from "../../../common-control.js";
+var d = Object.defineProperty;
+var h = (r, o, t) => o in r ? d(r, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[o] = t;
+var c = (r, o, t) => h(r, typeof o != "symbol" ? o + "" : o, t);
+import { UEAttr as l } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CommonControl as g } from "../../../common-control.js";
 import { RecommendationConfigService as n } from "../../services/configService.js";
 import { useRecommendationExtensionStore as m } from "../../store/recommendation.js";
-import { mapLegacyStrategy as g } from "../../utils/legacyStrategyMap.js";
-const u = "recommendation-algorithm-control", i = {
+import { mapLegacyStrategy as u } from "../../utils/legacyStrategyMap.js";
+const p = "recommendation-algorithm-control", e = {
   ALGORITHM: "strategy",
   PRODUCT_IDS: "productIds"
 };
-class R extends d {
+class S extends g {
   constructor() {
     super(...arguments);
     // Store is used ONLY for API-fetched data (algorithms list), not for config
-    a(this, "store", m());
+    c(this, "store", m());
   }
   getId() {
-    return u;
+    return p;
   }
   getTemplate() {
     return `
@@ -25,13 +25,13 @@ class R extends d {
                 ${this._GuTwoColumns([
       this._GuLabel({ text: this.api.translate("Recommendation Algorithm") }),
       this._GuSelect({
-        name: i.ALGORITHM,
+        name: e.ALGORITHM,
         placeholder: this.api.translate("Select Recommendation Algorithm"),
         options: this.store.getActivePredictiveAlgorithms
       }),
-      this._GuLabel({ text: this.api.translate("Product Ids"), name: `${i.PRODUCT_IDS}_label` }),
+      this._GuLabel({ text: this.api.translate("Product Ids"), name: `${e.PRODUCT_IDS}_label` }),
       this._GuTextInput({
-        name: i.PRODUCT_IDS,
+        name: e.PRODUCT_IDS,
         placeholder: this.api.translate("Enter Product Ids"),
         className: "es-180w"
       })
@@ -46,29 +46,28 @@ class R extends d {
     super.onTemplateNodeUpdated(t), this._initializeSelectItems(), this._setFormValues();
   }
   _setFormValues() {
-    const t = n.getConfig(this.currentNode), e = g(t.strategy) ?? t.strategy;
-    this._setProductIdsVisibility(e), this.api.updateValues({
-      [i.ALGORITHM]: e,
-      [i.PRODUCT_IDS]: t.productIds.join(",")
-    });
+    const t = n.getConfig(this.currentNode), s = u(t.strategy) ?? t.strategy;
+    this._setProductIdsVisibility(s);
+    const i = { [e.ALGORITHM]: s }, a = t.productIds.join(",");
+    this.api.getValues()[e.PRODUCT_IDS] !== a && (i[e.PRODUCT_IDS] = a), this.api.updateValues(i);
   }
   _initializeSelectItems() {
-    var e;
-    const t = (e = this.store) == null ? void 0 : e.getActivePredictiveAlgorithms;
+    var s;
+    const t = (s = this.store) == null ? void 0 : s.getActivePredictiveAlgorithms;
     if (t != null && t.length)
       try {
         this.api.setUIEAttribute(
-          i.ALGORITHM,
-          h.SELECTPICKER.items,
+          e.ALGORITHM,
+          l.SELECTPICKER.items,
           t
         );
-      } catch (r) {
-        console.warn("[AlgorithmControl] Failed to set algorithm options:", r);
+      } catch (i) {
+        console.warn("[AlgorithmControl] Failed to set algorithm options:", i);
       }
   }
   _setProductIdsVisibility(t) {
-    const r = (t ?? n.getConfig(this.currentNode).strategy) === "manualMerchandising";
-    this.api.setVisibility(i.PRODUCT_IDS, r), this.api.setVisibility(`${i.PRODUCT_IDS}_label`, r);
+    const i = (t ?? n.getConfig(this.currentNode).strategy) === "manualMerchandising";
+    this.api.setVisibility(e.PRODUCT_IDS, i), this.api.setVisibility(`${e.PRODUCT_IDS}_label`, i);
   }
   _onAlgorithmChange(t) {
     !this.currentNode || n.getConfig(this.currentNode).strategy === t || (n.updateConfig(
@@ -79,25 +78,25 @@ class R extends d {
     ), this.store.patchCurrentBlockConfig({ strategy: t }), this._setProductIdsVisibility(t));
   }
   _onProductIdsChange(t) {
-    if (!this.currentNode)
+    if (!this.currentNode || n.getConfig(this.currentNode).productIds.join(",") === t)
       return;
-    const e = t.split(",").map((r) => r.trim()).filter(Boolean);
+    const i = t.split(",");
     n.updateConfig(
       this.api,
       this.currentNode,
-      { productIds: e },
+      { productIds: i },
       "Updated product IDs"
-    ), this.store.patchCurrentBlockConfig({ productIds: e });
+    ), this.store.patchCurrentBlockConfig({ productIds: i });
   }
   _listenToFormUpdates() {
-    this.api.onValueChanged(i.ALGORITHM, (t) => {
+    this.api.onValueChanged(e.ALGORITHM, (t) => {
       this._onAlgorithmChange(t);
-    }), this.api.onValueChanged(i.PRODUCT_IDS, (t) => {
+    }), this.api.onValueChanged(e.PRODUCT_IDS, (t) => {
       this._onProductIdsChange(t);
     });
   }
 }
 export {
-  u as ALGORITHM_CONTROL_ID,
-  R as AlgorithmControl
+  p as ALGORITHM_CONTROL_ID,
+  S as AlgorithmControl
 };

package/dist/extensions/Blocks/Recommendation/store/recommendation.js

@@ -1,15 +1,16 @@
 import { getRecommendationFeedSourceMaps as g, getOperatorOptions as R, PriceAttributes as C } from "../../../../enums/extensions/recommendationBlock.js";
 import { useRecommendationApi as y } from "../../../../services/recommendationApi.js";
 import { useConfigStore as G } from "../../../../stores/config.js";
-import { defineStore as F } from "pinia";
+import { defineStore as P } from "pinia";
 import "../constants/selectors.js";
-import { DEFAULT_MOBILE_CARDS_IN_ROW as P, DEFAULT_CARDS_IN_ROW as D } from "../constants/layout.js";
+import { DEFAULT_MOBILE_CARDS_IN_ROW as F, DEFAULT_CARDS_IN_ROW as D } from "../constants/layout.js";
 import { EXCLUDED_ALGORITHM_IDS as w } from "../constants/defaultConfig.js";
 import { getDefaultProducts as S } from "../templates/utils.js";
 import { generateCompleteFilterQuery as b } from "../utils/filterUtil.js";
 import { getPartnerRecommendationParams as v } from "../utils/partnerCustomizations.js";
-import { isFilterValid as N } from "../validation/filterSchema.js";
-import { isConfigValid as x } from "../validation/requiredFields.js";
+import { sanitizeProductIds as N } from "../utils/productIds.js";
+import { isFilterValid as x } from "../validation/filterSchema.js";
+import { isConfigValid as L } from "../validation/requiredFields.js";
 const h = y();
 let m = null, u = null, d = null;
 function k() {
@@ -28,7 +29,7 @@ function k() {
     productIds: [],
     id: 1,
     language: "en_US",
-    mobileCardsInRow: P,
+    mobileCardsInRow: F,
     mobileLayoutEnabled: !1,
     orientation: "grid",
     recommendedProducts: [],
@@ -54,7 +55,7 @@ function I() {
     filterSnapshot: null
   };
 }
-const L = () => ({
+const U = () => ({
   recommendationCampaignUrls: {},
   activePredictiveAlgorithms: [],
   languages: {},
@@ -63,8 +64,8 @@ const L = () => ({
   blockStates: {},
   currentRecommendationId: null,
   configVersion: 0
-}), $ = F("guidoRecommendationExtension", {
-  state: () => L(),
+}), H = P("guidoRecommendationExtension", {
+  state: () => U(),
   getters: {
     // ====================================================================
     // Proxy Getters — Backward Compatible Access to Current Block State
@@ -383,7 +384,7 @@ const L = () => ({
         const n = [...e.recommendationConfigs.filters];
         n[r] = {
           ...t,
-          isValid: N(t)
+          isValid: x(t)
         }, e.recommendationConfigs.filters = n;
       }
     },
@@ -429,7 +430,7 @@ const L = () => ({
      * every block's recommendationConfigs across user edits.
      */
     hasInvalidBlock() {
-      return Object.values(this.blockStates).some((t) => !x(t.recommendationConfigs, this));
+      return Object.values(this.blockStates).some((t) => !L(t.recommendationConfigs, this));
     },
     // ====================================================================
     // Per-Block Product Fetching
@@ -458,7 +459,7 @@ const L = () => ({
         details: !0,
         campaignId: o.variationId
       };
-      r.strategy === "manualMerchandising" ? a.productId = r.productIds.join(",") : r.strategy === "similarViewed" && (a.productId = "{itemId}"), r.strategy === "userBased" && (a.userId = "{user_id}"), c && (a.filter = c), r.shuffleProducts && (a.shuffle = !0), Object.assign(
+      r.strategy === "manualMerchandising" ? a.productId = N(r.productIds) : r.strategy === "similarViewed" && (a.productId = "{itemId}"), r.strategy === "userBased" && (a.userId = "{user_id}"), c && (a.filter = c), r.shuffleProducts && (a.shuffle = !0), Object.assign(
         a,
         v(o.partnerName, r.strategy)
       );
@@ -479,5 +480,5 @@ const L = () => ({
   }
 });
 export {
-  $ as useRecommendationExtensionStore
+  H as useRecommendationExtensionStore
 };

package/dist/extensions/Blocks/Recommendation/utils/productIds.js

@@ -0,0 +1,6 @@
+function n(t) {
+  return t.map((i) => i.trim()).filter(Boolean).join(",");
+}
+export {
+  n as sanitizeProductIds
+};

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/config/migrator/productNameLinkMigrator.d.ts

@@ -0,0 +1 @@
+export declare function migrateProductNameLink(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/src/extensions/Blocks/Items/utils/nameNode.d.ts

@@ -0,0 +1,9 @@
+import type { ImmutableHtmlElementNode, ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
+/**
+ * Resolves the element carrying the product name text.
+ *
+ * New blocks put `product-attr="name"` on the `<p>`; blocks saved before SD-147616 still
+ * carry it on the inner `<a>`, and the oldest ones have no attribute at all — hence the
+ * `p > a` fallback. Without it, trimming silently no-ops on legacy blocks.
+ */
+export declare const findNameTextNode: (container?: ImmutableHtmlNode) => ImmutableHtmlElementNode | undefined;

package/dist/src/extensions/Blocks/Recommendation/utils/productIds.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Builds the request/URL `productId` value from raw product ID segments.
+ * Trimming happens here — NOT on input change — so the user's in-progress
+ * text (trailing commas, spaces) is never rewritten under the caret (SD-147111).
+ */
+export declare function sanitizeProductIds(ids: string[]): string;

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

@@ -36,4 +36,12 @@ export declare const useDynamicContentStore: import("pinia").StoreDefinition<"gu
     }[];
 }, {
     setSelectedDynamicContent(dynamicContent: DynamicContent): void;
+    /**
+     * Append-only bulk registration for dynamic content used by an
+     * AI-applied template. Unlike `setSelectedDynamicContent` it doesn't
+     * touch `selectedDynamicContent`; the getter removes duplicates, so
+     * re-registering the same entries is harmless. Items are shallow-copied so Pinia
+     * reactivity can't write a later mutation back into the host's catalog.
+     */
+    registerDynamicContent(items: DynamicContent[]): void;
 }>;

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

@@ -0,0 +1,8 @@
+import type { DynamicContent } from '@@/Types/generic';
+export declare const extractUsedDynamicContent: (html: string, flattenedCatalog: DynamicContent[] | undefined | null) => DynamicContent[];
+/**
+ * Dev-diagnostic sibling of `extractUsedDynamicContent`: the used token names
+ * with NO catalog match (so intentionally not registered). Surfaced via a
+ * dev-gated `console.debug` to spot a neo↔guido vocabulary mismatch. Never throws.
+ */
+export declare const getUnmatchedDynamicContentTokens: (html: string, flattenedCatalog: DynamicContent[] | undefined | null) => string[];

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

@@ -0,0 +1,15 @@
+/**
+ * Unwraps the `<a>` around an Items-block product name so the name compiles as plain text.
+ *
+ * Outlook's Word engine ignores `color: inherit` on an `<a>` and paints its own blue link
+ * color (SD-147616). New blocks no longer emit the anchor, but templates saved before the
+ * fix still carry it in their stored HTML — this heals them at compile time.
+ */
+/**
+ * Removes the product-name link from every `.ins-product-td` in the document, in place.
+ *
+ * Scoped like `pairProductVariables` so partner or legacy recommendation markup outside a
+ * product cell is never touched. Idempotent.
+ * @param doc - Parsed template document, mutated in place
+ */
+export declare function unwrapProductNameLinks(doc: Document): void;

package/dist/stores/dynamic-content.js

@@ -1,6 +1,6 @@
 import { removeDuplicatesFromArray as n } from "../utils/arrayUtil.js";
 import { defineStore as a } from "pinia";
-const s = a("guidoDynamicContent", {
+const c = a("guidoDynamicContent", {
   state: () => ({
     selectedDynamicContent: { text: "", value: "" },
     selectedDynamicContentList: []
@@ -8,6 +8,16 @@ const s = a("guidoDynamicContent", {
   actions: {
     setSelectedDynamicContent(t) {
       this.selectedDynamicContent = t, this.selectedDynamicContentList.push(t);
+    },
+    /**
+     * Append-only bulk registration for dynamic content used by an
+     * AI-applied template. Unlike `setSelectedDynamicContent` it doesn't
+     * touch `selectedDynamicContent`; the getter removes duplicates, so
+     * re-registering the same entries is harmless. Items are shallow-copied so Pinia
+     * reactivity can't write a later mutation back into the host's catalog.
+     */
+    registerDynamicContent(t) {
+      this.selectedDynamicContentList.push(...t.map((e) => ({ ...e })));
     }
   },
   getters: {
@@ -20,5 +30,5 @@ const s = a("guidoDynamicContent", {
   }
 });
 export {
-  s as useDynamicContentStore
+  c as useDynamicContentStore
 };

package/dist/utils/pairProductVariables.js

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

package/dist/utils/registerUsedDynamicContent.js

@@ -0,0 +1,23 @@
+import { DATA_ATTRIBUTE_REGEX as T } from "../enums/html-validator.js";
+const d = /{{([a-zA-Z0-9_.\s]*)}}/gm, h = (n, e) => {
+  if (!e || e.length === 0)
+    return { matched: [], unmatchedTokens: [] };
+  const s = n.replace(T, "$1").match(d);
+  if (!s)
+    return { matched: [], unmatchedTokens: [] };
+  const u = new Map(
+    e.map((c) => [c.value.trim().toLowerCase(), c])
+  ), a = /* @__PURE__ */ new Set(), o = [], m = [];
+  return s.forEach((c) => {
+    const t = c.slice(2, -2).trim().toLowerCase();
+    if (t === "" || a.has(t))
+      return;
+    a.add(t);
+    const r = u.get(t);
+    r ? o.push(r) : m.push(t);
+  }), { matched: o, unmatchedTokens: m };
+}, E = (n, e) => h(n, e).matched, k = (n, e) => h(n, e).unmatchedTokens;
+export {
+  E as extractUsedDynamicContent,
+  k as getUnmatchedDynamicContentTokens
+};

package/dist/utils/unwrapProductNameLink.js

@@ -0,0 +1,37 @@
+const f = "text-decoration", A = /(?:[^;"'()]|"[^"]*"|'[^']*'|\([^)]*\))+/g, c = (e) => (e.match(A) || []).map((r) => r.trim()).filter(Boolean), l = (e) => e.slice(0, e.indexOf(":")).trim().toLowerCase(), m = (e) => e.slice(e.indexOf(":") + 1).trim().toLowerCase(), u = (e, r) => {
+  const s = e.getAttribute("style");
+  if (!s)
+    return;
+  const t = c(r.getAttribute("style") || ""), i = new Set(t.map(l)), o = c(s).filter((n) => {
+    const a = l(n);
+    return !a || i.has(a) ? !1 : !a.startsWith(f) && m(n) !== "inherit";
+  });
+  o.length && r.setAttribute("style", [...t, ...o].join("; "));
+}, y = ["product-attr", "data-type", "data-number", "data-slot-2"], p = (e, r) => {
+  y.forEach((s) => {
+    const t = e.getAttribute(s);
+    t !== null && !r.hasAttribute(s) && r.setAttribute(s, t);
+  });
+};
+function E(e) {
+  e.querySelectorAll(".ins-product-td").forEach((r) => {
+    const s = /* @__PURE__ */ new Set();
+    r.querySelectorAll('[product-attr="name"]').forEach((t) => {
+      const i = t.closest("a");
+      i && r.contains(i) && s.add(i);
+    }), s.forEach((t) => {
+      if (t.querySelector("img") || Array.from(t.querySelectorAll("[product-attr]")).some((a) => a.getAttribute("product-attr") !== "name"))
+        return;
+      const o = t.closest("p");
+      if (o && r.contains(o)) {
+        p(t, o), u(t, o), t.replaceWith(...Array.from(t.childNodes));
+        return;
+      }
+      const n = e.createElement("span");
+      p(t, n), u(t, n), n.append(...Array.from(t.childNodes)), t.replaceWith(n);
+    });
+  });
+}
+export {
+  E as unwrapProductNameLinks
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.14.0",
+  "version": "3.15.0-beta.244c73c",
   "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",