@useinsider/guido 3.3.0-beta.0a507dd → 3.3.0-beta.1778fd7

package/dist/stores/guido-email-editor.js

@@ -0,0 +1,20 @@
+import { defineStore as e } from "pinia";
+const d = e("guidoEmailEditor", {
+  state: () => ({
+    /** Current Stripo HTML — stripe tables only, no DOCTYPE/wrapper. */
+    html: "",
+    /** Current Stripo CSS — es-p* utility classes used by the html. */
+    css: "",
+    /** Wall-clock ms when html/css were last written by the bridge. */
+    lastUpdatedAt: 0,
+    /** Template id from the editor config, for cortex-fe to scope per-template. */
+    templateId: ""
+  }),
+  getters: {
+    /** True once the bridge has published at least one snapshot. */
+    hasSnapshot: (t) => t.lastUpdatedAt > 0 && t.html !== ""
+  }
+});
+export {
+  d as useGuidoEmailEditorStore
+};

package/dist/utils/templatePreparation.js

@@ -1,29 +1,29 @@
-import { useActionsApi as T } from "../composables/useActionsApi.js";
-import { useHtmlCompiler as C } from "../composables/useHtmlCompiler.js";
-import { DEFAULT_CURRENCY as l, DEFAULT_NODE_CONFIG as a } from "../extensions/Blocks/Recommendation/constants/defaultConfig.js";
-import { useRecommendationExtensionStore as b } from "../extensions/Blocks/Recommendation/store/recommendation.js";
-import { DATA_ATTRIBUTES as y } from "../extensions/Blocks/Unsubscribe/utils/constants.js";
-import { parsePageList as P } from "../extensions/Blocks/Unsubscribe/utils/utils.js";
-import { useDynamicContentStore as D } from "../stores/dynamic-content.js";
-import { useUnsubscribeStore as E } from "../stores/unsubscribe.js";
-function U(i, r) {
-  const s = new DOMParser().parseFromString(i, "text/html").querySelectorAll(`[${y.PAGE_LIST}]`), c = [];
-  return s.forEach((t) => {
-    const o = t.getAttribute(y.PAGE_LIST);
-    o && c.push(...P(o));
+import { useActionsApi as R } from "../composables/useActionsApi.js";
+import { useHtmlCompiler as U } from "../composables/useHtmlCompiler.js";
+import { DEFAULT_CURRENCY as d, DEFAULT_NODE_CONFIG as i } from "../extensions/Blocks/Recommendation/constants/defaultConfig.js";
+import { useRecommendationExtensionStore as A } from "../extensions/Blocks/Recommendation/store/recommendation.js";
+import { DATA_ATTRIBUTES as T } from "../extensions/Blocks/Unsubscribe/utils/constants.js";
+import { parsePageList as F } from "../extensions/Blocks/Unsubscribe/utils/utils.js";
+import { useDynamicContentStore as H } from "../stores/dynamic-content.js";
+import { useUnsubscribeStore as w } from "../stores/unsubscribe.js";
+function x(m, r) {
+  const n = new DOMParser().parseFromString(m, "text/html").querySelectorAll(`[${T.PAGE_LIST}]`), c = [];
+  return n.forEach((t) => {
+    const o = t.getAttribute(T.PAGE_LIST);
+    o && c.push(...F(o));
   }), r.filter((t) => c.includes(t));
 }
-function F(i) {
-  const m = new DOMParser().parseFromString(i, "text/html").querySelectorAll(".recommendation-block-v2");
-  if (m.length === 0)
+function z(m) {
+  const l = new DOMParser().parseFromString(m, "text/html").querySelectorAll(".recommendation-block-v2");
+  if (l.length === 0)
     return;
-  const d = b();
-  m.forEach((s) => {
-    var g, f, u, n, S;
-    const c = s.getAttribute("recommendation-id"), t = c ? Number(c) : NaN;
+  const p = A();
+  l.forEach((n) => {
+    var g, f, a, s, S;
+    const c = n.getAttribute("recommendation-id"), t = c ? Number(c) : NaN;
     if (!Number.isFinite(t))
       return;
-    const o = s.getAttribute("esd-ext-config");
+    const o = n.getAttribute("esd-ext-config");
     if (!o)
       return;
     let e;
@@ -34,60 +34,67 @@ function F(i) {
     }
     if (!e || typeof e != "object" || Array.isArray(e))
       return;
-    const p = {
-      strategy: e.strategy ?? a.strategy,
-      language: e.language ?? a.language,
-      size: e.size ?? a.size,
+    const u = {
+      strategy: e.strategy ?? i.strategy,
+      language: e.language ?? i.language,
+      size: e.size ?? i.size,
       // Spread the default arrays so each block gets a fresh reference
       // instead of sharing the singleton in DEFAULT_NODE_CONFIG.
-      productIds: e.productIds ?? [...a.productIds],
-      filters: e.filters ?? [...a.filters],
-      shuffleProducts: e.shuffleProducts ?? a.shuffleProducts,
-      currencyCode: ((g = e.currency) == null ? void 0 : g.code) ?? l.code,
-      currencyAlignment: ((f = e.currency) == null ? void 0 : f.alignment) ?? l.alignment,
-      currencyDecimalCount: ((u = e.currency) == null ? void 0 : u.decimalCount) ?? l.decimalCount,
-      currencyDecimalSeparator: ((n = e.currency) == null ? void 0 : n.decimalSeparator) ?? l.decimalSeparator,
-      currencyThousandSeparator: ((S = e.currency) == null ? void 0 : S.thousandSeparator) ?? l.thousandSeparator
+      productIds: e.productIds ?? [...i.productIds],
+      filters: e.filters ?? [...i.filters],
+      shuffleProducts: e.shuffleProducts ?? i.shuffleProducts,
+      currencyCode: ((g = e.currency) == null ? void 0 : g.code) ?? d.code,
+      currencyAlignment: ((f = e.currency) == null ? void 0 : f.alignment) ?? d.alignment,
+      currencyDecimalCount: ((a = e.currency) == null ? void 0 : a.decimalCount) ?? d.decimalCount,
+      currencyDecimalSeparator: ((s = e.currency) == null ? void 0 : s.decimalSeparator) ?? d.decimalSeparator,
+      currencyThousandSeparator: ((S = e.currency) == null ? void 0 : S.thousandSeparator) ?? d.thousandSeparator
     };
-    d.seedBlockUrlConfig(t, p);
+    p.seedBlockUrlConfig(t, u);
   });
 }
-const _ = () => {
-  const i = D(), r = E(), { getCompiledEmail: m, getTemplateData: d } = T(), { compileHtml: s } = C();
+const G = () => {
+  const m = H(), r = w(), { getCompiledEmail: l, getTemplateData: p } = R(), { compileHtml: n } = U();
   return {
     prepareTemplateDetails: async () => {
-      const { html: t, ampHtml: o = "", ampErrors: e = [] } = await m({
+      const { html: t, ampHtml: o = "", ampErrors: e = [] } = await l({
         minimize: !0,
         resetDataSavedFlag: !1
-      }), { html: p, css: g, syncModulesIds: f = [] } = await d();
-      r.selectedUnsubscribePages.length && await r.fetchTemplates(), F(p);
-      const { compiledHtml: u, stats: n, appliedRules: S } = s(t), h = i.getSelectedDynamicContentList, A = b();
+      }), { html: u, css: g, syncModulesIds: f = [] } = await p();
+      r.selectedUnsubscribePages.length && await r.fetchTemplates(), z(u);
+      const { compiledHtml: a, stats: s, appliedRules: S } = n(t), C = m.getSelectedDynamicContentList, P = A(), b = (D) => (D.match(/<td[^>]*radio-button-v2[^>]*>/gi) ?? []).map((E) => {
+        var h;
+        const y = (((h = E.match(/class="([^"]*)"/)) == null ? void 0 : h[1]) ?? "").split(/\s+/).filter(Boolean);
+        return { hasBlock: y.includes("radio-button-block"), classes: y };
+      });
       return console.debug("HTML Compilation Stats:", {
-        originalSize: n.originalSize,
-        compiledSize: n.compiledSize,
-        reduction: `${n.reductionPercentage.toFixed(2)}%`,
+        originalSize: s.originalSize,
+        compiledSize: s.compiledSize,
+        reduction: `${s.reductionPercentage.toFixed(2)}%`,
         appliedRules: S,
-        executionTime: `${n.executionTime.toFixed(2)}ms`
+        executionTime: `${s.executionTime.toFixed(2)}ms`
+      }), console.debug("[guido:radio-migrator] template-prep", {
+        rawHtmlRadioTds: b(u),
+        compiledHtmlRadioTds: b(a)
       }), {
-        dynamicContentList: h,
-        compiledHtml: u,
-        rawHtml: p,
+        dynamicContentList: C,
+        compiledHtml: a,
+        rawHtml: u,
         css: g,
         ampHtml: o,
         ampErrors: e,
         modules: f.map(Number),
         recommendation: {
-          campaignUrls: A.recommendationCampaignUrls,
+          campaignUrls: P.recommendationCampaignUrls,
           configs: {}
         },
         unsubscribe: {
           status: r.unsubscribePagesStatus,
-          config: U(u, r.selectedUnsubscribePages)
+          config: x(a, r.selectedUnsubscribePages)
         }
       };
     }
   };
 };
 export {
-  _ as useTemplatePreparation
+  G as useTemplatePreparation
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.3.0-beta.0a507dd",
+  "version": "3.3.0-beta.1778fd7",
   "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",