@useinsider/guido 3.20.1 → 3.20.2-beta.87fb8ae

package/dist/extensions/Blocks/Recommendation/utils/blockRefresh.js

@@ -0,0 +1,19 @@
+import { useRecommendationExtensionStore as u } from "../store/recommendation.js";
+import { commitBlockChangeOutsidePanel as d } from "./nodeConfigWriter.js";
+async function l(e, { pickUpdates: n, description: i, fetch: s = !0 }) {
+  const t = u(), r = t.blockStates[e];
+  if (!r)
+    return !1;
+  const { configVersion: c, adoptedSizeVersion: a } = r, f = n(r.recommendationConfigs);
+  if (s)
+    try {
+      await t.fetchRecommendationProductsForBlock(e);
+    } catch (m) {
+      console.error("[recommendation] product refetch outside the panel failed", m);
+    }
+  const o = t.blockStates[e];
+  return o ? o.configVersion !== c || o.adoptedSizeVersion !== a ? l(e, { pickUpdates: n, description: i }) : d(e, f, o.recommendationProducts, i) : !1;
+}
+export {
+  l as refreshBlockOutsidePanel
+};

package/dist/extensions/Blocks/Recommendation/utils/nodeConfigWriter.js

@@ -1,53 +1,68 @@
-import { ModificationDescription as s } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { RECOMMENDATION_ID_ATTR as a } from "../constants/selectors.js";
-import { isPartnerManagedBlock as C, updateProductContentInPlace as p, regenerateProductRowsWithStyles as y } from "../controls/main/utils.js";
-import { RecommendationConfigService as m } from "../services/configService.js";
-import { useRecommendationExtensionStore as N } from "../store/recommendation.js";
-let n = null;
-function B(e) {
-  n = e;
-}
-function S(e, t) {
-  const o = N(), i = o.currentRecommendationId;
-  if (i === e || !o.blockStates[e]) {
-    t();
+import { ModificationDescription as g } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { RECOMMENDATION_ID_ATTR as l } from "../constants/selectors.js";
+import { isPartnerManagedBlock as m, updateProductContentInPlace as d, regenerateProductRowsWithStyles as C } from "../controls/main/utils.js";
+import { RecommendationConfigService as c } from "../services/configService.js";
+import { useRecommendationExtensionStore as y } from "../store/recommendation.js";
+let r = null;
+function M(n) {
+  r = n;
+}
+function a(n) {
+  const e = r == null ? void 0 : r.getDocumentRootHtmlNode();
+  return !e || !("querySelector" in e) ? null : e.querySelector(`[${l}="${n}"]`) ?? null;
+}
+function N(n, e) {
+  const o = c.getConfig(n);
+  return Object.keys(e).some((t) => JSON.stringify(o[t]) !== JSON.stringify(e[t]));
+}
+function S(n, e) {
+  const o = c.getConfig(n);
+  return ["filters", "strategy", "strategyId", "size"].some((t) => t in e && JSON.stringify(o[t]) !== JSON.stringify(e[t]));
+}
+function P(n, e, o) {
+  const t = a(n);
+  return !r || !t ? !1 : (S(t, e) && c.updateConfig(r, t, e, o), !0);
+}
+function p(n, e) {
+  const o = y(), t = o.currentRecommendationId;
+  if (t === n || !o.blockStates[n]) {
+    e();
     return;
   }
-  o.setCurrentBlock(e);
+  o.setCurrentBlock(n);
   try {
-    t();
+    e();
   } finally {
-    o.$patch({ currentRecommendationId: i });
+    o.$patch({ currentRecommendationId: t });
   }
 }
-function P(e) {
-  const t = n == null ? void 0 : n.getDocumentRootHtmlNode();
-  return !t || !("querySelectorAll" in t) ? [] : t.querySelectorAll(`[${a}="${e}"]`).map((o) => m.getConfig(o));
+function I(n) {
+  const e = r == null ? void 0 : r.getDocumentRootHtmlNode();
+  return !e || !("querySelectorAll" in e) ? [] : e.querySelectorAll(`[${l}="${n}"]`).map((o) => c.getConfig(o));
 }
-function $(e, t, o, i) {
-  const f = n == null ? void 0 : n.getDocumentRootHtmlNode();
-  if (!n || !f || !("querySelector" in f))
-    return !1;
-  const r = f.querySelector(`[${a}="${e}"]`);
-  if (!r)
+function $(n, e, o, t) {
+  const i = a(n);
+  if (!r || !i)
     return !1;
-  const c = n.getDocumentModifier(), d = m.getConfig(r), g = Object.keys(t).some((l) => JSON.stringify(d[l]) !== JSON.stringify(t[l]));
-  if (m.stageConfig(c, r, t), C(r))
-    return c.apply(new s(i)), !0;
+  const f = r.getDocumentModifier(), s = N(i, e);
+  if (c.stageConfig(f, i, e), m(i))
+    return s && f.apply(new g(t)), !0;
   let u = !1;
-  return S(e, () => {
-    p({
-      currentNode: r,
-      documentModifier: c,
+  return p(n, () => {
+    d({
+      currentNode: i,
+      documentModifier: f,
       products: o,
       onApplied: () => {
         u = !0;
       }
-    }) || (u = y({ currentNode: r, documentModifier: c, products: o }));
-  }), !u && g && c.apply(new s(i)), !0;
+    }) || (u = C({ currentNode: i, documentModifier: f, products: o }));
+  }), !u && s && f.apply(new g(t)), !0;
 }
 export {
   $ as commitBlockChangeOutsidePanel,
-  P as readBlockNodeConfigs,
-  B as registerNodeConfigWriter
+  S as hasEditedConfigChange,
+  I as readBlockNodeConfigs,
+  M as registerNodeConfigWriter,
+  P as writeBlockConfigOutsidePanel
 };

package/dist/extensions/Blocks/Recommendation/utils/strategyCommit.js

@@ -1,47 +1,43 @@
 import { useRecommendationExtensionStore as g } from "../store/recommendation.js";
-import { toBlockUrlConfig as m } from "./blockUrlConfig.js";
-import { commitBlockChangeOutsidePanel as d, readBlockNodeConfigs as y } from "./nodeConfigWriter.js";
-function l(t, o) {
-  const r = JSON.stringify(m(o));
-  return y(t).find((e) => JSON.stringify(m(e)) !== r) ?? o;
+import { refreshBlockOutsidePanel as y } from "./blockRefresh.js";
+import { toBlockUrlConfig as a } from "./blockUrlConfig.js";
+import { commitBlockChangeOutsidePanel as l, readBlockNodeConfigs as S } from "./nodeConfigWriter.js";
+function d(e, t) {
+  const r = JSON.stringify(a(t));
+  return S(e).find((o) => JSON.stringify(a(o)) !== r) ?? t;
 }
-async function C(t, o, r) {
-  const e = g(), c = [t, o];
-  (/* @__PURE__ */ new Map([[t, l(t, r)], [o, r]])).forEach((n, s) => {
-    var a;
-    (!!n.strategyId || s === o) && ((a = e.blockStates[s]) == null ? void 0 : a.recommendationConfigs.strategyId) !== n.strategyId && e.seedBlockUrlConfig(s, m(n));
-  }), e.resetArrivedBlock(o), await Promise.all(c.map(async (n) => {
-    if (!await e.refreshStrategyBlock(n))
+async function p(e, t, r) {
+  const o = g(), s = [e, t];
+  (/* @__PURE__ */ new Map([[e, d(e, r)], [t, r]])).forEach((n, i) => {
+    var m;
+    (!!n.strategyId || i === t) && ((m = o.blockStates[i]) == null ? void 0 : m.recommendationConfigs.strategyId) !== n.strategyId && o.seedBlockUrlConfig(i, a(n));
+  }), o.resetArrivedBlock(t), await Promise.all(s.map(async (n) => {
+    if (!await o.refreshStrategyBlock(n))
       return;
-    const { recommendationConfigs: s, recommendationProducts: i } = e.blockStates[n];
-    d(
+    const { recommendationConfigs: i, recommendationProducts: f } = o.blockStates[n];
+    l(
       n,
-      { size: s.size },
-      i,
+      { size: i.size },
+      f,
       "Refresh duplicated recommendation strategy"
     );
   }));
 }
-async function B(t, o) {
-  const r = g(), e = r.blockStates[t];
-  if (!e)
+async function k(e, t) {
+  if (!g().blockStates[e])
     return !1;
-  const { strategyId: c, strategy: f, size: n, nodeConfigVersion: s } = e.recommendationConfigs;
-  if (r.currentRecommendationId === t)
-    try {
-      await r.fetchRecommendationProducts();
-    } catch (a) {
-      console.error("[recommendation] product refetch after a strategy change failed", a);
-    }
-  const i = d(
-    t,
-    { strategyId: c, strategy: f, size: n, configVersion: s },
-    e.recommendationProducts,
-    o
-  );
-  return i || console.error("[recommendation] strategy change did not reach a node", { blockId: t }), i;
+  const r = await y(e, {
+    pickUpdates: ({ strategyId: o, strategy: s, size: c, nodeConfigVersion: n }) => ({
+      strategyId: o,
+      strategy: s,
+      size: c,
+      configVersion: n
+    }),
+    description: t
+  });
+  return r || console.error("[recommendation] strategy change did not reach a node", { blockId: e }), r;
 }
 export {
-  B as commitStrategyChange,
-  C as refreshDuplicatedStrategyBlocks
+  k as commitStrategyChange,
+  p as refreshDuplicatedStrategyBlocks
 };

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

@@ -22,6 +22,11 @@ export declare class RecommendationBlockControl extends CommonControl {
     private storeUnsubscription;
     private pendingNodeConfigWrite;
     private pendingConfigFlushTimer;
+    private trackedBlockId;
+    private fetchedConfigVersion;
+    private hasUnrenderedProducts;
+    private panelGeneration;
+    private isPanelAlive;
     private algorithmControl;
     private localeControl;
     private currencyControl;
@@ -73,6 +78,7 @@ export declare class RecommendationBlockControl extends CommonControl {
     /** Whether the deferred write would move the node's strategyId — see the caller (SD-149916). */
     private _isPendingStrategyIdChange;
     private _capturePendingNodeConfigWrite;
+    private _getNodeConfigUpdates;
     /**
      * Accumulates the pending write into `documentModifier` without applying, so the
      * caller's apply() commits config and re-render as ONE undo entry.
@@ -93,8 +99,8 @@ export declare class RecommendationBlockControl extends CommonControl {
     private _clearConfigFlush;
     /**
      * Writes the deferred change standalone when the batch it was staged into never
-     * committed. Always targets the LIVE node — the captured one is an immutable
-     * snapshot the intervening re-render staled, and saveConfig swallows that failure.
+     * committed. Always targets a LIVE node — a captured one is an immutable snapshot
+     * the intervening re-render staled, and saveConfig swallows that failure.
      */
     private _flushPendingNodeConfig;
     private _syncNodeConfigToStore;
@@ -108,6 +114,7 @@ export declare class RecommendationBlockControl extends CommonControl {
      * Marks the block as initialized to prevent redundant fetches on re-selection.
      */
     private _fetchBlockData;
+    private _isPanelOn;
     /**
      * Applies smart defaults for newly dropped blocks.
      *
@@ -127,6 +134,14 @@ export declare class RecommendationBlockControl extends CommonControl {
      * Debounced product fetch to prevent rapid API calls during config changes
      */
     private _debouncedFetchProducts;
+    /**
+     * Lands what the panel still owes its block before it stops watching it: the config now, the
+     * products through a block-scoped refresh. Never throws — it runs from Stripo's teardown.
+     */
+    private _finishBlockOutsidePanel;
+    private _trackedBlockSnapshot;
+    private _refreshOutsidePanel;
+    private _getBlockConfigVersion;
     /**
      * Debounced content update when products arrive from API.
      *
@@ -144,7 +159,7 @@ export declare class RecommendationBlockControl extends CommonControl {
     /**
      * Listen to store changes that require product refresh or regeneration.
      *
-     * Uses configVersion counter (incremented only by patchCurrentBlockConfig)
+     * Uses the block's configVersion counter (bumped by patchCurrentBlockConfig and legacy conversion)
      * to distinguish user-initiated config changes from internal mutations
      * (e.g., fetchRecommendationCreateData setting preferred currency).
      *

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

@@ -54,6 +54,8 @@ interface PerBlockState {
      */
     syncedConfigFingerprint: string | null;
     legacyConversionLoading: boolean;
+    configVersion: number;
+    adoptedSizeVersion: number;
 }
 /**
  * Persisted-config subset used by `seedBlockUrlConfig` to reconstruct
@@ -618,7 +620,12 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
      */
     invalidBlockFields(): string[];
     fetchRecommendationProducts(): Promise<void>;
-    _doFetchProducts(): Promise<void>;
+    /**
+     * Fetches one block's products whether or not it is selected: the panel teardown and the
+     * strategy drawer refresh the block they were handed after the user may have moved on.
+     */
+    fetchRecommendationProductsForBlock(blockId: number): Promise<void>;
+    _doFetchProducts(targetBlockId?: number): Promise<void>;
     /**
      * 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.

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

@@ -0,0 +1,17 @@
+import type { PerBlockConfigs } from '../store/recommendation';
+import type { PartialNodeConfig } from '../types/nodeConfig';
+interface BlockRefreshOptions {
+    pickUpdates: (configs: PerBlockConfigs) => PartialNodeConfig;
+    description: string;
+    fetch?: boolean;
+}
+/**
+ * Fetches one block's products and commits them with its config straight to the document, for
+ * callers the settings panel can no longer serve (deselect, block switch, host-rendered strategy UI).
+ * @param options.pickUpdates - the config keys this caller owns on the node
+ * @param options.description - labels the undo entry
+ * @param options.fetch - false when the block's products already landed and only need rendering
+ * @returns whether the write reached a node
+ */
+export declare function refreshBlockOutsidePanel(blockId: number, { pickUpdates, description, fetch }: BlockRefreshOptions): Promise<boolean>;
+export {};

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

@@ -13,6 +13,13 @@ interface ConfigWriterApi {
  * itself is torn down.
  */
 export declare function registerNodeConfigWriter(api: ConfigWriterApi): void;
+export declare function hasEditedConfigChange(node: ImmutableHtmlNode, updates: PartialNodeConfig): boolean;
+/**
+ * Writes a config change to the block's node on its own, found by id — never through a
+ * panel-held node, which may already belong to the block the user switched to.
+ * @returns whether the block's node was found
+ */
+export declare function writeBlockConfigOutsidePanel(blockId: number, updates: PartialNodeConfig, description: string): boolean;
 /** 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[];
 /**

package/package.json

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