@useinsider/guido 3.12.0-beta.00cbb4c → 3.12.0-beta.19da4fb

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.00cbb4c",
+  "version": "3.12.0-beta.19da4fb",
   "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",
@@ -44,7 +44,7 @@
   "license": "ISC",
   "dependencies": {
     "@stripoinc/ui-editor-extensions": "3.8.0",
-    "@useinsider/design-system-vue": "2.0.0",
+    "@useinsider/design-system-vue": "1.3.0",
     "@vueuse/core": "11.3.0",
     "lodash-es": "4.17.21",
     "pinia": "2.3.1",