@useinsider/guido 3.4.1-beta.6ed05e2 → 3.4.1-beta.7f60a52

package/dist/src/extensions/Blocks/Recommendation/store/recommendation.d.ts

@@ -216,14 +216,6 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
      * Resets currentRecommendationId if it was the deleted block.
      */
     removeBlockState(id: number): void;
-    /**
-     * Copies blockStates[fromId] into a new blockStates[toId] entry so a
-     * duplicated block immediately renders the source's products/filters
-     * without re-fetching from the API (SD-142352). No-op when the source
-     * was never selected (no entry in blockStates) — the caller falls back
-     * to setCurrentBlock's default initialization.
-     */
-    cloneBlockState(fromId: number, toId: number): void;
     /**
      * Marks a block as initialized (initial API data has been fetched).
      * Automatically cleaned up when removeBlockState deletes the block entry.

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

@@ -1,10 +1,11 @@
-import type { ImmutableHtmlElementNode } from '@stripoinc/ui-editor-extensions';
+import type { ImmutableHtmlElementNode, ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
 import { Block, BlockCompositionType } from '@stripoinc/ui-editor-extensions';
 export declare const UNSUBSCRIBE_BLOCK_ID = "unsubscribe-block";
 export declare class UnsubscribeBlock extends Block {
     private selectEventListener;
     private cancelEventListener;
     private currentNode?;
+    private linkStateByBlockId;
     constructor();
     getId(): string;
     getIcon(): string;
@@ -12,9 +13,27 @@ export declare class UnsubscribeBlock extends Block {
     getName(): string;
     getDescription(): string;
     getTemplate(): string;
+    getContextActionsIds(): string[];
     onSelect(node: ImmutableHtmlElementNode): void;
+    onDocumentChanged(node: ImmutableHtmlNode): void;
     onDelete(node: ImmutableHtmlElementNode): void;
     onDestroy(): void;
+    private _hasUnsubscribeLink;
+    private _readBlockId;
+    /**
+     * Returns the block's stable id, assigning one via the document modifier if
+     * the node has not been tagged yet. Idempotent: subsequent calls during
+     * the same document-change cycle (e.g. reentrant onDocumentChanged after
+     * `apply()`) short-circuit on the existing attribute.
+     */
+    private _getOrAssignBlockId;
+    /**
+     * Generates a unique id by scanning the document for the highest existing
+     * `data-unsubscribe-block-id` and returning max+1. Mirrors the strategy
+     * used by RecommendationBlock so reloaded templates don't collide.
+     */
+    private _generateNextBlockId;
+    private _warnLinkRemoved;
     private _setupSelectEventListener;
     private _removeSelectEventListener;
     private _setupCancelEventListener;

package/dist/src/extensions/Blocks/Unsubscribe/utils/constants.d.ts

@@ -6,4 +6,5 @@ export type UnsubscribeEvent = typeof UNSUBSCRIBE_EVENTS[keyof typeof UNSUBSCRIB
 export declare const DATA_ATTRIBUTES: {
     readonly PAGE_TYPE: "data-unsubscribe-page-type";
     readonly PAGE_LIST: "data-unsubscribe-page-list";
+    readonly BLOCK_ID: "data-unsubscribe-block-id";
 };

package/dist/utils/templatePreparation.js

@@ -1,106 +1,101 @@
-import { useActionsApi as E } from "../composables/useActionsApi.js";
-import { useHtmlCompiler as P } from "../composables/useHtmlCompiler.js";
-import { DEFAULT_CURRENCY as p, DEFAULT_NODE_CONFIG as u } from "../extensions/Blocks/Recommendation/constants/defaultConfig.js";
-import { BLOCK_ROOT_SELECTOR as R, CONTAINER_SELECTOR as N } from "../extensions/Blocks/Recommendation/constants/selectors.js";
+import { useActionsApi as C } from "../composables/useActionsApi.js";
+import { useHtmlCompiler as T } from "../composables/useHtmlCompiler.js";
+import { DEFAULT_CURRENCY as d, DEFAULT_NODE_CONFIG as s } 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 O } from "../extensions/Blocks/Unsubscribe/utils/utils.js";
-import { useDynamicContentStore as L } from "../stores/dynamic-content.js";
-import { useUnsubscribeStore as F } from "../stores/unsubscribe.js";
-function I(s, t) {
-  const n = new DOMParser().parseFromString(s, "text/html").querySelectorAll(`[${y.PAGE_LIST}]`), c = [];
-  return n.forEach((r) => {
-    const o = r.getAttribute(y.PAGE_LIST);
-    o && c.push(...O(o));
-  }), t.filter((r) => c.includes(r));
+import { DATA_ATTRIBUTES as S } from "../extensions/Blocks/Unsubscribe/utils/constants.js";
+import { parsePageList as D } from "../extensions/Blocks/Unsubscribe/utils/utils.js";
+import { useDynamicContentStore as P } from "../stores/dynamic-content.js";
+import { useUnsubscribeStore as w } from "../stores/unsubscribe.js";
+function E(i, o) {
+  const t = new DOMParser().parseFromString(i, "text/html").querySelectorAll(`[${S.PAGE_LIST}]`), c = [];
+  return t.forEach((r) => {
+    const a = r.getAttribute(S.PAGE_LIST);
+    a && c.push(...D(a));
+  }), o.filter((r) => c.includes(r));
 }
-function w(s) {
-  var c, r;
-  const t = (r = (c = document.querySelector("ui-editor")) == null ? void 0 : c.shadowRoot) == null ? void 0 : r.querySelector("iframe"), m = (t == null ? void 0 : t.contentDocument) ?? new DOMParser().parseFromString(s, "text/html"), n = /* @__PURE__ */ new Set();
-  return m.querySelectorAll(R).forEach((o) => {
-    if (!o.querySelector(N))
-      return;
-    const e = Number(o.getAttribute("recommendation-id"));
-    Number.isFinite(e) && e > 0 && n.add(e);
-  }), n;
-}
-function x(s) {
-  const a = new DOMParser().parseFromString(s, "text/html").querySelectorAll(".recommendation-block-v2");
-  if (a.length === 0)
+async function U(i) {
+  const m = new DOMParser().parseFromString(i, "text/html").querySelectorAll(".recommendation-block-v2");
+  if (m.length === 0)
     return;
-  const m = b();
-  a.forEach((n) => {
-    var f, g, d, i, S;
-    const c = n.getAttribute("recommendation-id"), r = c ? Number(c) : NaN;
+  const l = b();
+  m.forEach((t) => {
+    var g, f, u, n, y;
+    const c = t.getAttribute("recommendation-id"), r = c ? Number(c) : NaN;
     if (!Number.isFinite(r))
       return;
-    const o = n.getAttribute("esd-ext-config");
-    if (!o)
+    const a = t.getAttribute("esd-ext-config");
+    if (!a)
       return;
     let e;
     try {
-      e = JSON.parse(o);
+      e = JSON.parse(a);
     } catch {
       return;
     }
     if (!e || typeof e != "object" || Array.isArray(e))
       return;
-    const l = {
-      strategy: e.strategy ?? u.strategy,
-      language: e.language ?? u.language,
-      size: e.size ?? u.size,
+    const p = {
+      strategy: e.strategy ?? s.strategy,
+      language: e.language ?? s.language,
+      size: e.size ?? s.size,
       // Spread the default arrays so each block gets a fresh reference
       // instead of sharing the singleton in DEFAULT_NODE_CONFIG.
-      productIds: e.productIds ?? [...u.productIds],
-      filters: e.filters ?? [...u.filters],
-      shuffleProducts: e.shuffleProducts ?? u.shuffleProducts,
-      currencyCode: ((f = e.currency) == null ? void 0 : f.code) ?? p.code,
-      currencyAlignment: ((g = e.currency) == null ? void 0 : g.alignment) ?? p.alignment,
-      currencyDecimalCount: ((d = e.currency) == null ? void 0 : d.decimalCount) ?? p.decimalCount,
-      currencyDecimalSeparator: ((i = e.currency) == null ? void 0 : i.decimalSeparator) ?? p.decimalSeparator,
-      currencyThousandSeparator: ((S = e.currency) == null ? void 0 : S.thousandSeparator) ?? p.thousandSeparator
+      productIds: e.productIds ?? [...s.productIds],
+      filters: e.filters ?? [...s.filters],
+      shuffleProducts: e.shuffleProducts ?? s.shuffleProducts,
+      currencyCode: ((g = e.currency) == null ? void 0 : g.code) ?? d.code,
+      currencyAlignment: ((f = e.currency) == null ? void 0 : f.alignment) ?? d.alignment,
+      currencyDecimalCount: ((u = e.currency) == null ? void 0 : u.decimalCount) ?? d.decimalCount,
+      currencyDecimalSeparator: ((n = e.currency) == null ? void 0 : n.decimalSeparator) ?? d.decimalSeparator,
+      currencyThousandSeparator: ((y = e.currency) == null ? void 0 : y.thousandSeparator) ?? d.thousandSeparator
     };
-    m.seedBlockUrlConfig(r, l);
+    l.seedBlockUrlConfig(r, p);
   });
+  try {
+    await l.fetchRecommendationCreateData();
+  } catch (t) {
+    console.warn(
+      "Recommendation reference data pre-load failed; validator will skip the availability check.",
+      t
+    );
+  }
 }
-const G = () => {
-  const s = L(), t = F(), { getCompiledEmail: a, getTemplateData: m } = E(), { compileHtml: n } = P();
+const _ = () => {
+  const i = P(), o = w(), { getCompiledEmail: m, getTemplateData: l } = C(), { compileHtml: t } = T();
   return {
     prepareTemplateDetails: async () => {
-      const { html: r, ampHtml: o = "", ampErrors: e = [] } = await a({
+      const { html: r, ampHtml: a = "", ampErrors: e = [] } = await m({
         minimize: !0,
         resetDataSavedFlag: !1
-      }), { html: l, css: f, syncModulesIds: g = [] } = await m();
-      t.selectedUnsubscribePages.length && await t.fetchTemplates(), x(l);
-      const { compiledHtml: d, stats: i, appliedRules: S } = n(r), h = s.getSelectedDynamicContentList, A = b(), T = w(l), C = Object.fromEntries(
-        Object.entries(A.recommendationCampaignUrls).filter(([D]) => T.has(Number(D)))
-      );
+      }), { html: p, css: g, syncModulesIds: f = [] } = await l();
+      o.selectedUnsubscribePages.length && await o.fetchTemplates(), await U(p);
+      const { compiledHtml: u, stats: n, appliedRules: y } = t(r), h = i.getSelectedDynamicContentList, A = b();
       return console.debug("HTML Compilation Stats:", {
-        originalSize: i.originalSize,
-        compiledSize: i.compiledSize,
-        reduction: `${i.reductionPercentage.toFixed(2)}%`,
-        appliedRules: S,
-        executionTime: `${i.executionTime.toFixed(2)}ms`
+        originalSize: n.originalSize,
+        compiledSize: n.compiledSize,
+        reduction: `${n.reductionPercentage.toFixed(2)}%`,
+        appliedRules: y,
+        executionTime: `${n.executionTime.toFixed(2)}ms`
       }), {
         dynamicContentList: h,
-        compiledHtml: d,
-        rawHtml: l,
-        css: f,
-        ampHtml: o,
+        compiledHtml: u,
+        rawHtml: p,
+        css: g,
+        ampHtml: a,
         ampErrors: e,
-        modules: g.map(Number),
+        modules: f.map(Number),
         recommendation: {
-          campaignUrls: C,
+          campaignUrls: A.recommendationCampaignUrls,
           configs: {}
         },
         unsubscribe: {
-          status: t.unsubscribePagesStatus,
-          config: I(d, t.selectedUnsubscribePages)
+          status: o.unsubscribePagesStatus,
+          config: E(u, o.selectedUnsubscribePages)
         }
       };
     }
   };
 };
 export {
-  G as useTemplatePreparation
+  _ as useTemplatePreparation
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.4.1-beta.6ed05e2",
+  "version": "3.4.1-beta.7f60a52",
   "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",