@useinsider/guido 3.20.0 → 3.20.1-beta.8a05319

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

@@ -17,6 +17,8 @@ export declare class RecommendationBlock extends Block {
     private _pendingBlockId;
     /** Ids already reset under their new name, so the deferred pass skips their stale snapshot. */
     private _resetSourceIds;
+    /** Ids handed to duplicates the document root does not show yet: a copied module renames all its blocks at once. */
+    private _unsettledDuplicateIds;
     constructor();
     getId(): string;
     getIcon(): string;

package/dist/src/extensions/Blocks/Recommendation/controls/main/index.d.ts

@@ -139,6 +139,8 @@ export declare class RecommendationBlockControl extends CommonControl {
      * fails when the size actually changed.
      */
     private _debouncedRegenerateWithProducts;
+    /** Draws the current block's products into this panel's node. */
+    private _regenerateWithProducts;
     /**
      * Listen to store changes that require product refresh or regeneration.
      *

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

@@ -620,12 +620,25 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
     fetchRecommendationProducts(): Promise<void>;
     _doFetchProducts(): Promise<void>;
     /**
-     * Block-scoped counterpart of `fetchRecommendationProducts`, which only ever serves the
-     * selected block. The legacy conversion must refresh the products of the block that
-     * started it even after the user selected another one.
+     * Block-scoped counterpart of `fetchRecommendationProducts`, which only serves the selected block:
+     * the legacy conversion and the duplicate refresh must reach a block that may no longer be selected.
+     * @returns whether real products arrived
      */
-    fetchStrategyProductsForBlock(blockId: number): Promise<void>;
-    _doFetchStrategyProducts(blockId: number): Promise<void>;
+    fetchStrategyProductsForBlock(blockId: number, options?: {
+        keepOnFailure?: boolean;
+    }): Promise<boolean>;
+    /**
+     * Reloads a block's products and adopts its strategy's current size, which may have
+     * moved since the block was assigned.
+     * @returns whether a fresh listing holds the strategy and its products arrived
+     */
+    refreshStrategyBlock(blockId: number): Promise<boolean>;
+    _doFetchStrategyProducts(blockId: number, options?: {
+        keepOnFailure?: boolean;
+    }): Promise<boolean>;
+    _loadStrategyProducts(blockId: number, token: number, { keepOnFailure }: {
+        keepOnFailure?: boolean;
+    }): Promise<boolean>;
     _setBlockProducts(blockId: number, products: RecommendationProduct[], size: number): void;
 }>;
 export {};

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

@@ -0,0 +1,4 @@
+import type { PerBlockUrlConfig } from '../store/recommendation';
+import type { RecommendationNodeConfig } from '../types/nodeConfig';
+/** Maps a persisted node config onto the store's per-block seed, defaulting what an older config lacks. */
+export declare function toBlockUrlConfig(config: Partial<RecommendationNodeConfig>): PerBlockUrlConfig;

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

@@ -1,5 +1,5 @@
 import type { DocumentModifier } from '../services/configService';
-import type { PartialNodeConfig } from '../types/nodeConfig';
+import type { PartialNodeConfig, RecommendationNodeConfig } from '../types/nodeConfig';
 import type { RecommendationProduct } from '@@/Types/recommendation';
 import { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
 interface ConfigWriterApi {
@@ -13,6 +13,8 @@ interface ConfigWriterApi {
  * itself is torn down.
  */
 export declare function registerNodeConfigWriter(api: ConfigWriterApi): void;
+/** Reads the persisted config of every node carrying a block id (two while a duplicate still shares it). */
+export declare function readBlockNodeConfigs(blockId: number): RecommendationNodeConfig[];
 /**
  * Commits a config change and its product re-render straight to the document,
  * bypassing the settings panel.

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

@@ -1,3 +1,10 @@
+import type { RecommendationNodeConfig } from '../types/nodeConfig';
+/**
+ * Re-reads the strategy of a duplicated block and its source and redraws both: the clone copies the
+ * cards the source last drew, so a strategy edited since then only reached a block once selected (SD-153266).
+ * @param config - the arriving block's persisted config; seeds either block its store entry does not match
+ */
+export declare function refreshDuplicatedStrategyBlocks(sourceId: number, duplicateId: number, config: RecommendationNodeConfig): Promise<void>;
 /**
  * Writes a strategy change and its products straight to the document, without the settings panel.
  *

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

@@ -0,0 +1,3 @@
+export declare const protectLiquid: (html: string) => string;
+/** Reverses `protectLiquid`, including markers the serializer escaped inside attribute values. */
+export declare const restoreLiquid: (html: string) => string;

package/dist/utils/liquidProtection.js

@@ -0,0 +1,5 @@
+const p = (l) => l.split(/(<!--[\s\S]*?-->)/).map((e, c) => c % 2 ? e : e.replaceAll("{%", "<!--lq{%").replaceAll("%}", "%}lq-->")).join(""), r = (l) => l.replaceAll("<!--lq{%", "{%").replaceAll("%}lq-->", "%}").replaceAll("&lt;!--lq{%", "{%").replaceAll("%}lq--&gt;", "%}");
+export {
+  p as protectLiquid,
+  r as restoreLiquid
+};

package/dist/utils/templatePreparation.js

@@ -1,123 +1,99 @@
-import { useActionsApi as k } from "../composables/useActionsApi.js";
-import { useConfig as N } from "../composables/useConfig.js";
-import { useHtmlCompiler as U } from "../composables/useHtmlCompiler.js";
-import { RRS_CONFIG_VERSION as x, DEFAULT_CURRENCY as m, 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 L } from "../extensions/Blocks/Recommendation/utils/legacyStrategyMap.js";
-import { DATA_ATTRIBUTES as A } from "../extensions/Blocks/Unsubscribe/utils/constants.js";
-import { parsePageList as z } from "../extensions/Blocks/Unsubscribe/utils/utils.js";
-import { useDynamicContentStore as O } from "../stores/dynamic-content.js";
-import { useEditorStore as _ } from "../stores/editor.js";
-import { useUnsubscribeStore as v } from "../stores/unsubscribe.js";
-import { isPlainObject as B } from "./genericUtil.js";
-import { assignTrackingIds as G } from "./linkTrackingIds.js";
-function M(l) {
-  const i = new DOMParser().parseFromString(l, "text/html").querySelectorAll(`[${A.PAGE_LIST}]`), t = [];
-  return i.forEach((c) => {
-    const r = c.getAttribute(A.PAGE_LIST);
-    r && t.push(...z(r));
-  }), [...new Set(t)];
+import { useActionsApi as D } from "../composables/useActionsApi.js";
+import { useConfig as E } from "../composables/useConfig.js";
+import { useHtmlCompiler as F } from "../composables/useHtmlCompiler.js";
+import { useRecommendationExtensionStore as b } from "../extensions/Blocks/Recommendation/store/recommendation.js";
+import { toBlockUrlConfig as I } from "../extensions/Blocks/Recommendation/utils/blockUrlConfig.js";
+import { DATA_ATTRIBUTES as g } from "../extensions/Blocks/Unsubscribe/utils/constants.js";
+import { parsePageList as R } from "../extensions/Blocks/Unsubscribe/utils/utils.js";
+import { useDynamicContentStore as U } from "../stores/dynamic-content.js";
+import { useEditorStore as L } from "../stores/editor.js";
+import { useUnsubscribeStore as N } from "../stores/unsubscribe.js";
+import { isPlainObject as v } from "./genericUtil.js";
+import { assignTrackingIds as z } from "./linkTrackingIds.js";
+function M(n) {
+  const r = new DOMParser().parseFromString(n, "text/html").querySelectorAll(`[${g.PAGE_LIST}]`), e = [];
+  return r.forEach((i) => {
+    const t = i.getAttribute(g.PAGE_LIST);
+    t && e.push(...R(t));
+  }), [...new Set(e)];
 }
-async function I(l) {
-  const a = new DOMParser().parseFromString(l, "text/html").querySelectorAll(".recommendation-block-v2");
-  if (a.length === 0)
+async function S(n) {
+  const o = new DOMParser().parseFromString(n, "text/html").querySelectorAll(".recommendation-block-v2");
+  if (o.length === 0)
     return;
-  const i = w();
-  a.forEach((t) => {
-    var d, g, f, s, y, S;
-    const c = t.getAttribute("recommendation-id"), r = c ? Number(c) : NaN;
-    if (!Number.isFinite(r))
+  const r = b();
+  o.forEach((e) => {
+    const i = e.getAttribute("recommendation-id"), t = i ? Number(i) : NaN;
+    if (!Number.isFinite(t))
       return;
-    const p = t.getAttribute("esd-ext-config");
-    if (!p)
+    const m = e.getAttribute("esd-ext-config");
+    if (!m)
       return;
-    let e;
+    let a;
     try {
-      e = JSON.parse(p);
+      a = JSON.parse(m);
     } catch {
       return;
     }
-    if (!B(e))
-      return;
-    const C = !!e.strategyId || (e.configVersion ?? 0) >= x, o = {
-      // 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: L(e.strategy) || (C ? "" : 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 ?? [...n.productIds],
-      filters: e.filters ?? [...n.filters],
-      shuffleProducts: e.shuffleProducts ?? n.shuffleProducts,
-      currencyCode: ((d = e.currency) == null ? void 0 : d.code) ?? m.code,
-      currencySymbol: ((g = e.currency) == null ? void 0 : g.symbol) ?? m.symbol,
-      currencyAlignment: ((f = e.currency) == null ? void 0 : f.alignment) ?? m.alignment,
-      currencyDecimalCount: ((s = e.currency) == null ? void 0 : s.decimalCount) ?? m.decimalCount,
-      currencyDecimalSeparator: ((y = e.currency) == null ? void 0 : y.decimalSeparator) ?? m.decimalSeparator,
-      currencyThousandSeparator: ((S = e.currency) == null ? void 0 : S.thousandSeparator) ?? m.thousandSeparator
-    };
-    i.seedBlockUrlConfig(r, o);
+    v(a) && r.seedBlockUrlConfig(t, I(a));
   });
   try {
-    await i.fetchRecommendationCreateData();
-  } catch (t) {
+    await r.fetchRecommendationCreateData();
+  } catch (e) {
     console.warn(
       "Recommendation reference data pre-load failed; validator will skip the availability check.",
-      t
+      e
     );
   }
 }
-const re = () => {
-  const l = O(), u = _(), a = v(), { getCompiledEmail: i, getTemplateData: t, updateHtmlAndCss: c } = k(), { compileHtml: r, compileAmpHtml: p } = U(), { isFeatureEnabled: e } = N();
+const Y = () => {
+  const n = U(), c = L(), o = N(), { getCompiledEmail: r, getTemplateData: e, updateHtmlAndCss: i } = D(), { compileHtml: t, compileAmpHtml: m } = F(), { isFeatureEnabled: a } = E();
   return {
     prepareTemplateDetails: async () => {
-      let { html: o, css: d, syncModulesIds: g = [] } = await t();
-      if (e("linkTrackingIds"))
+      let { html: s, css: u, syncModulesIds: h = [] } = await e();
+      if (a("linkTrackingIds"))
         try {
-          const { html: b, changed: R, nextSeq: H } = G(o, u.trackIdSessionFloor);
-          u.trackIdSessionFloor = H, R && (o = b, await c(b, d));
-        } catch (b) {
-          console.error("Tracking-id step failed, saving anyway:", b);
+          const { html: d, changed: P, nextSeq: x } = z(s, c.trackIdSessionFloor);
+          c.trackIdSessionFloor = x, P && (s = d, await i(d, u));
+        } catch (d) {
+          console.error("Tracking-id step failed, saving anyway:", d);
         }
-      const { html: f, ampHtml: s = "", ampErrors: y = [] } = await i({
+      const { html: y, ampHtml: p = "", ampErrors: T = [] } = await r({
         minimize: !0,
         resetDataSavedFlag: !1
       });
-      a.selectedUnsubscribePages.length && await a.fetchTemplates(), await I(o);
-      const { compiledHtml: S, stats: h, appliedRules: D } = r(f), E = s && p(s).compiledHtml, P = l.getSelectedDynamicContentList, F = w(), T = M(o);
+      o.selectedUnsubscribePages.length && await o.fetchTemplates(), await S(s);
+      const { compiledHtml: A, stats: l, appliedRules: w } = t(y), C = p && m(p).compiledHtml, H = n.getSelectedDynamicContentList, k = b(), f = M(s);
       return console.debug("HTML Compilation Stats:", {
-        originalSize: h.originalSize,
-        compiledSize: h.compiledSize,
-        reduction: `${h.reductionPercentage.toFixed(2)}%`,
-        appliedRules: D,
-        executionTime: `${h.executionTime.toFixed(2)}ms`
+        originalSize: l.originalSize,
+        compiledSize: l.compiledSize,
+        reduction: `${l.reductionPercentage.toFixed(2)}%`,
+        appliedRules: w,
+        executionTime: `${l.executionTime.toFixed(2)}ms`
       }), {
-        dynamicContentList: P,
-        compiledHtml: S,
-        rawHtml: o,
-        css: d,
-        ampHtml: E,
-        ampErrors: y,
-        modules: g.map(Number),
+        dynamicContentList: H,
+        compiledHtml: A,
+        rawHtml: s,
+        css: u,
+        ampHtml: C,
+        ampErrors: T,
+        modules: h.map(Number),
         recommendation: {
-          campaignUrls: F.recommendationCampaignUrls,
+          campaignUrls: k.recommendationCampaignUrls,
           configs: {}
         },
         unsubscribe: {
-          status: T.length > 0,
-          config: T
+          status: f.length > 0,
+          config: f
         }
       };
     },
     // Exposed so the back/test validate-only path can seed the reco store the
     // same way a full save does (required-field findings depend on it).
-    hydrateRecommendationStore: I
+    hydrateRecommendationStore: S
   };
 };
 export {
   M as getHtmlReferencedUnsubscribePages,
-  re as useTemplatePreparation
+  Y as useTemplatePreparation
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.20.0",
+  "version": "3.20.1-beta.8a05319",
   "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",