@useinsider/guido 3.12.0-beta.841bb6a → 3.12.0-beta.86e34da

package/dist/utils/pairProductVariables.js

@@ -1,31 +1,30 @@
-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 "../extensions/Blocks/Recommendation/utils/preserveTextStyles.js";
-function V(L) {
-  const H = L.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->"), g = new DOMParser().parseFromString(H, "text/html"), m = N.PAIRS_FOR_EXTENSION;
+import { productPairs as q } from "../extensions/Blocks/Items/enums/productEnums.js";
+import { DefaultConfigValues as N } from "../extensions/Blocks/Items/enums/settingsEnums.js";
+function W(M) {
+  const S = M.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->"), g = new DOMParser().parseFromString(S, "text/html"), m = q.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) => {
+      const A = c.getAttribute("data-number") || "1", C = c.getAttribute("data-type") || "CART_ITEMS";
+      c.querySelectorAll(`[product-attr="${r}"]`).forEach((e) => {
         var F, I, w;
-        const T = t.getAttribute("data-type") || y, u = t.getAttribute("data-number") || A, d = f[T];
+        const $ = e.getAttribute("data-type") || C, u = e.getAttribute("data-number") || A, d = f[$];
         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 t = null, i = null;
+              if (e.tagName === "IMG" ? (t = e, i = t.closest("a")) : (t = e.querySelector("img"), i = e.querySelector("a") || e.closest("a")), !t)
                 break;
               const a = d.DEFAULT, s = d.ATTR;
-              if (a && e.src) {
-                const o = e.src;
+              if (a && t.src) {
+                const o = t.src;
                 a.some((h) => {
-                  const l = h.split("/").pop() || "", $ = o.split("/").pop() || "";
-                  return o.includes(h) || o.includes(l) || $ === l;
-                }) && (e.src = `{{${s}_${u}}}`);
+                  const l = h.split("/").pop() || "", b = o.split("/").pop() || "";
+                  return o.includes(h) || o.includes(l) || b === l;
+                }) && (t.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) {
-                const o = (w = m.itemLink) == null ? void 0 : w[T];
+              const n = (I = (F = m.name) == null ? void 0 : F[$]) == null ? void 0 : I.ATTR;
+              if (n && t.setAttribute("alt", `{{${n}_${u}}}`), i) {
+                const o = (w = m.itemLink) == null ? void 0 : w[$];
                 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}}}`);
@@ -34,9 +33,9 @@ function V(L) {
               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 n = t.closest("a") || (t.tagName === "A" ? t : null);
+              const t = d, i = t.ATTR, a = t.DEFAULT_HREF || "#!", s = t.HREF;
+              e.textContent && (e.textContent = `{{${i}_${u}}}`);
+              const n = e.closest("a") || (e.tagName === "A" ? e : null);
               if (n && s) {
                 const o = n.href, E = `${window.location.href}${a}`;
                 (o === E || o.endsWith(a)) && (n.href = `{{${s}_${u}}}`);
@@ -45,23 +44,23 @@ function V(L) {
             }
             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";
+              const t = d, i = e.getAttribute("data-formated"), a = e.getAttribute("data-single_price"), s = i === "true", n = a === "true", o = e.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;
+              n ? E = s ? t.SINGLE_PRICE_FORMATTED : t.SINGLE_PRICE : E = s ? t.PRICE_FORMATTED : t.PRICE;
+              const h = t.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 b = (e.getAttribute("data-currency_symbol") || "").trim(), x = b !== "" && b !== N.productPriceCurrencySymbolControlValue;
+              let T = "";
+              x ? T = b : h && (T = `{{${h}_${u}}}`), T && (l = o === "after" ? `${l} ${T}` : `${T} ${l}`), e.textContent = l;
               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 t = d, i = t.ATTR, a = t.DEFAULT;
+              e.textContent && e.textContent.trim() === a && (e.textContent = `{{${i}_${u}}}`);
               break;
             }
             case "button": {
-              const e = d, i = e.HREF, a = e.DEFAULT_HREF || "#!", s = t.tagName === "A" ? t : t.querySelector("a");
+              const t = d, i = t.HREF, a = t.DEFAULT_HREF || "#!", s = e.tagName === "A" ? e : e.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}}}`);
@@ -69,7 +68,7 @@ function V(L) {
               break;
             }
             case "itemLink": {
-              const e = d, i = e.HREF, a = e.DEFAULT_HREF || "#!", s = t;
+              const t = d, i = t.HREF, a = t.DEFAULT_HREF || "#!", s = e;
               if (s.href) {
                 const n = s.href, o = `${window.location.href}${a}`;
                 (n === o || n.endsWith(a)) && (s.href = `{{${i}_${u}}}`);
@@ -78,8 +77,8 @@ function V(L) {
             }
             default: {
               if ("ATTR" in d) {
-                const e = d.ATTR;
-                t.textContent && (t.innerHTML = C(t, `{{${e}_${u}}}`));
+                const t = d.ATTR;
+                e.textContent && (e.textContent = `{{${t}_${u}}}`);
               }
               break;
             }
@@ -87,11 +86,11 @@ function V(L) {
       });
     });
   });
-  const k = H.match(/<!DOCTYPE[^>]*>/i), P = k ? `${k[0]}
-` : "", D = g.querySelectorAll(".ins-product-td"), M = [];
+  const H = S.match(/<!DOCTYPE[^>]*>/i), P = H ? `${H[0]}
+` : "", D = g.querySelectorAll(".ins-product-td"), k = [];
   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;
-    M.push({
+    k.push({
       element: r,
       outerHtml: A,
       type: f,
@@ -100,7 +99,7 @@ function V(L) {
     });
   });
   let _ = P + g.documentElement.outerHTML;
-  M.reverse().forEach(({ outerHtml: r, type: f, number: p }) => {
+  k.reverse().forEach(({ outerHtml: r, type: f, number: p }) => {
     let c = "";
     switch (f) {
       case "CART_ITEMS":
@@ -114,21 +113,21 @@ function V(L) {
         break;
     }
     if (c) {
-      const y = parseInt(p) - 1, T = `${`{% if ${c} > ${y} %}`}${r}{% endif %}`;
-      _ = _.replace(r, T);
+      const C = parseInt(p) - 1, $ = `${`{% if ${c} > ${C} %}`}${r}{% endif %}`;
+      _ = _.replace(r, $);
     }
   });
-  const x = g.querySelectorAll('[product-attr="originalPrice"][data-type="CART_ITEMS"]'), R = [];
-  return x.forEach((r) => {
+  const L = g.querySelectorAll('[product-attr="originalPrice"][data-type="CART_ITEMS"]'), y = [];
+  return L.forEach((r) => {
     const f = r.getAttribute("data-number"), p = r.getAttribute("data-type");
     if (!f || p !== "CART_ITEMS")
       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 });
+      y.some((R) => R.tdOuterHtml === A) || y.push({ tdOuterHtml: A, number: f });
     }
-  }), R.reverse().forEach(({ tdOuterHtml: r, number: f }) => {
+  }), y.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 %}`;
@@ -137,5 +136,5 @@ function V(L) {
   }), _.replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}").replaceAll("&lt;!--{%", "{%").replaceAll("%}--&gt;", "%}");
 }
 export {
-  V as pairProductVariables
+  W as pairProductVariables
 };

package/dist/utils/templatePreparation.js

@@ -1,106 +1,119 @@
 import { useActionsApi as P } from "../composables/useActionsApi.js";
-import { useHtmlCompiler as w } from "../composables/useHtmlCompiler.js";
-import { DEFAULT_CURRENCY as l, DEFAULT_NODE_CONFIG as i } from "../extensions/Blocks/Recommendation/constants/defaultConfig.js";
-import { useRecommendationExtensionStore as b } from "../extensions/Blocks/Recommendation/store/recommendation.js";
-import { mapLegacyStrategy as E } from "../extensions/Blocks/Recommendation/utils/legacyStrategyMap.js";
-import { DATA_ATTRIBUTES as h } from "../extensions/Blocks/Unsubscribe/utils/constants.js";
-import { parsePageList as H } from "../extensions/Blocks/Unsubscribe/utils/utils.js";
-import { useDynamicContentStore as U } from "../stores/dynamic-content.js";
-import { useUnsubscribeStore as F } from "../stores/unsubscribe.js";
-function L(s) {
-  const o = new DOMParser().parseFromString(s, "text/html").querySelectorAll(`[${h.PAGE_LIST}]`), t = [];
-  return o.forEach((a) => {
-    const n = a.getAttribute(h.PAGE_LIST);
-    n && t.push(...H(n));
-  }), [...new Set(t)];
+import { useHtmlCompiler as D } from "../composables/useHtmlCompiler.js";
+import { DEFAULT_CURRENCY as u, DEFAULT_NODE_CONFIG as n } from "../extensions/Blocks/Recommendation/constants/defaultConfig.js";
+import { useRecommendationExtensionStore as w } from "../extensions/Blocks/Recommendation/store/recommendation.js";
+import { mapLegacyStrategy as I } from "../extensions/Blocks/Recommendation/utils/legacyStrategyMap.js";
+import { DATA_ATTRIBUTES as b } from "../extensions/Blocks/Unsubscribe/utils/constants.js";
+import { parsePageList as U } from "../extensions/Blocks/Unsubscribe/utils/utils.js";
+import { useDynamicContentStore as E } from "../stores/dynamic-content.js";
+import { useUnsubscribeStore as H } from "../stores/unsubscribe.js";
+function R(m) {
+  const a = new DOMParser().parseFromString(m, "text/html").querySelectorAll(`[${b.PAGE_LIST}]`), r = [];
+  return a.forEach((t) => {
+    const i = t.getAttribute(b.PAGE_LIST);
+    i && r.push(...U(i));
+  }), [...new Set(r)];
 }
-async function R(s) {
-  const m = new DOMParser().parseFromString(s, "text/html").querySelectorAll(".recommendation-block-v2");
-  if (m.length === 0)
+async function F(m) {
+  const l = new DOMParser().parseFromString(m, "text/html").querySelectorAll(".recommendation-block-v2");
+  if (l.length === 0)
     return;
-  const o = b();
-  m.forEach((t) => {
-    var c, p, g, f, r;
-    const a = t.getAttribute("recommendation-id"), n = a ? Number(a) : NaN;
-    if (!Number.isFinite(n))
+  const a = w(), r = /* @__PURE__ */ new Set();
+  l.forEach((t) => {
+    var f, y, d, S, o;
+    const i = t.getAttribute("recommendation-id"), g = i ? Number(i) : NaN;
+    if (!Number.isFinite(g))
       return;
-    const d = t.getAttribute("esd-ext-config");
-    if (!d)
+    const c = t.getAttribute("esd-ext-config");
+    if (!c)
       return;
     let e;
     try {
-      e = JSON.parse(d);
+      e = JSON.parse(c);
     } catch {
       return;
     }
     if (!e || typeof e != "object" || Array.isArray(e))
       return;
-    const y = {
+    const s = {
       // Normalize legacy strategy keys (e.g. `mostViewed` → `mostPopular`) so
       // already-saved blocks that never re-run the migrator don't emit a
       // strategy-less campaign URL. `||` also catches '' / undefined (SD-144882).
-      strategy: E(e.strategy) || i.strategy,
-      language: e.language ?? i.language,
-      size: e.size ?? i.size,
+      strategy: I(e.strategy) || n.strategy,
+      strategyId: e.strategyId ?? n.strategyId,
+      language: e.language ?? n.language,
+      size: e.size ?? n.size,
       // Spread the default arrays so each block gets a fresh reference
       // instead of sharing the singleton in DEFAULT_NODE_CONFIG.
-      productIds: e.productIds ?? [...i.productIds],
-      filters: e.filters ?? [...i.filters],
-      shuffleProducts: e.shuffleProducts ?? i.shuffleProducts,
-      currencyCode: ((c = e.currency) == null ? void 0 : c.code) ?? l.code,
-      currencyAlignment: ((p = e.currency) == null ? void 0 : p.alignment) ?? l.alignment,
-      currencyDecimalCount: ((g = e.currency) == null ? void 0 : g.decimalCount) ?? l.decimalCount,
-      currencyDecimalSeparator: ((f = e.currency) == null ? void 0 : f.decimalSeparator) ?? l.decimalSeparator,
-      currencyThousandSeparator: ((r = e.currency) == null ? void 0 : r.thousandSeparator) ?? l.thousandSeparator
+      productIds: e.productIds ?? [...n.productIds],
+      filters: e.filters ?? [...n.filters],
+      shuffleProducts: e.shuffleProducts ?? n.shuffleProducts,
+      currencyCode: ((f = e.currency) == null ? void 0 : f.code) ?? u.code,
+      currencyAlignment: ((y = e.currency) == null ? void 0 : y.alignment) ?? u.alignment,
+      currencyDecimalCount: ((d = e.currency) == null ? void 0 : d.decimalCount) ?? u.decimalCount,
+      currencyDecimalSeparator: ((S = e.currency) == null ? void 0 : S.decimalSeparator) ?? u.decimalSeparator,
+      currencyThousandSeparator: ((o = e.currency) == null ? void 0 : o.thousandSeparator) ?? u.thousandSeparator
     };
-    o.seedBlockUrlConfig(n, y);
+    a.seedBlockUrlConfig(g, s), r.add(s.strategyId);
   });
   try {
-    await o.fetchRecommendationCreateData();
+    await a.fetchRecommendationCreateData();
   } catch (t) {
     console.warn(
       "Recommendation reference data pre-load failed; validator will skip the availability check.",
       t
     );
   }
+  if (r.delete(""), !!r.size) {
+    try {
+      await a.fetchRecommendationStrategies();
+    } catch (t) {
+      console.warn("Strategy listing pre-load failed; the deleted-strategy save check will be skipped.", t);
+    }
+    await Promise.all(
+      [...r].map((t) => a.fetchStrategyUrlTemplate(t))
+    );
+  }
 }
 const G = () => {
-  const s = U(), u = F(), { getCompiledEmail: m, getTemplateData: o } = P(), { compileHtml: t, compileAmpHtml: a } = w();
+  const m = E(), p = H(), { getCompiledEmail: l, getTemplateData: a } = P(), { compileHtml: r, compileAmpHtml: t } = D();
   return {
     prepareTemplateDetails: async () => {
-      const { html: d, ampHtml: e = "", ampErrors: y = [] } = await m({
+      const { html: g, ampHtml: c = "", ampErrors: e = [] } = await l({
         minimize: !0,
         resetDataSavedFlag: !1
-      }), { html: c, css: p, syncModulesIds: g = [] } = await o();
-      u.selectedUnsubscribePages.length && await u.fetchTemplates(), await R(c);
-      const { compiledHtml: f, stats: r, appliedRules: A } = t(d), C = e && a(e).compiledHtml, T = s.getSelectedDynamicContentList, D = b(), S = L(c);
+      }), { html: s, css: f, syncModulesIds: y = [] } = await a();
+      p.selectedUnsubscribePages.length && await p.fetchTemplates(), await F(s);
+      const d = w();
+      await d.awaitPendingStrategyUrls();
+      const { compiledHtml: S, stats: o, appliedRules: A } = r(g), C = c && t(c).compiledHtml, T = m.getSelectedDynamicContentList, h = R(s);
       return console.debug("HTML Compilation Stats:", {
-        originalSize: r.originalSize,
-        compiledSize: r.compiledSize,
-        reduction: `${r.reductionPercentage.toFixed(2)}%`,
+        originalSize: o.originalSize,
+        compiledSize: o.compiledSize,
+        reduction: `${o.reductionPercentage.toFixed(2)}%`,
         appliedRules: A,
-        executionTime: `${r.executionTime.toFixed(2)}ms`
+        executionTime: `${o.executionTime.toFixed(2)}ms`
       }), {
         dynamicContentList: T,
-        compiledHtml: f,
-        rawHtml: c,
-        css: p,
+        compiledHtml: S,
+        rawHtml: s,
+        css: f,
         ampHtml: C,
-        ampErrors: y,
-        modules: g.map(Number),
+        ampErrors: e,
+        modules: y.map(Number),
         recommendation: {
-          campaignUrls: D.recommendationCampaignUrls,
+          campaignUrls: d.recommendationCampaignUrls,
           configs: {}
         },
         unsubscribe: {
-          status: S.length > 0,
-          config: S
+          status: h.length > 0,
+          config: h
         }
       };
     }
   };
 };
 export {
-  L as getHtmlReferencedUnsubscribePages,
+  R as getHtmlReferencedUnsubscribePages,
   G as useTemplatePreparation
 };

package/dist/utils/urlSchemes.js

@@ -0,0 +1,4 @@
+const t = ["http:", "https:", "mailto:"];
+export {
+  t as BASE_SAFE_URL_SCHEMES
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.12.0-beta.841bb6a",
+  "version": "3.12.0-beta.86e34da",
   "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",