@useinsider/guido 3.21.0-beta.ff98fc3 → 3.21.1-beta.18ab939

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

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

package/dist/library.js

@@ -1,20 +1,22 @@
 import { default as a } from "./components/Guido.vue.js";
-import { MessageType as t, ProductType as d } from "./@types/config/schemas.js";
+import { MessageType as t, ProductType as f } from "./@types/config/schemas.js";
 import "./@types/config/defaults.js";
-import { getValidationErrors as s, isValidConfig as p, parseConfig as g, parseConfigSafe as m, validateConfig as n } from "./@types/config/validator.js";
-import { assignTrackingIds as u, readTrackFloor as x, readTrackSeq as T } from "./utils/linkTrackingIds.js";
+import { getValidationErrors as p, isValidConfig as s, parseConfig as m, parseConfigSafe as g, validateConfig as n } from "./@types/config/validator.js";
+import { assignTrackingIds as l, readTrackFloor as x, readTrackSeq as c } from "./utils/linkTrackingIds.js";
 import { useGuidoEmailEditorStore as C } from "./stores/guido-email-editor.js";
+import { prefetchGuidoRuntime as E } from "./utils/runtimePrefetch.js";
 export {
   a as Guido,
   t as MessageType,
-  d as ProductType,
-  u as assignTrackingIds,
-  s as getValidationErrors,
-  p as isValidConfig,
-  g as parseConfig,
-  m as parseConfigSafe,
+  f as ProductType,
+  l as assignTrackingIds,
+  p as getValidationErrors,
+  s as isValidConfig,
+  m as parseConfig,
+  g as parseConfigSafe,
+  E as prefetchGuidoRuntime,
   x as readTrackFloor,
-  T as readTrackSeq,
+  c as readTrackSeq,
   C as useGuidoEmailEditorStore,
   n as validateConfig
 };

package/dist/package.json.js

@@ -1,4 +1,4 @@
-const o = "3.21.0-beta.ff98fc3", s = { stripo: { version: "2.79.0" } }, t = {
+const o = "3.21.1-beta.18ab939", s = { stripo: { version: "2.81.1" } }, t = {
   version: o,
   guido: s
 };

package/dist/public/prefetchRuntime.js

@@ -0,0 +1,4 @@
+import { prefetchGuidoRuntime as r } from "../utils/runtimePrefetch.js";
+export {
+  r as prefetchGuidoRuntime
+};

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

@@ -78,6 +78,8 @@ 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;
+    /** The pending write only when it belongs to the node this panel draws: a duplicate focuses the copy. */
+    private _pendingWriteForNode;
     private _getNodeConfigUpdates;
     /**
      * Accumulates the pending write into `documentModifier` without applying, so the
@@ -103,6 +105,9 @@ export declare class RecommendationBlockControl extends CommonControl {
      * the intervening re-render staled, and saveConfig swallows that failure.
      */
     private _flushPendingNodeConfig;
+    private _cardsPredatePendingWrite;
+    /** The Product Ids label when the pending write moves the node's ids; the caller's default otherwise. */
+    private _pendingDescription;
     private _syncNodeConfigToStore;
     /**
      * Fetches initial data for a block in three phases:
@@ -156,6 +161,7 @@ export declare class RecommendationBlockControl extends CommonControl {
     private _debouncedRegenerateWithProducts;
     /** Draws the current block's products into this panel's node. */
     private _regenerateWithProducts;
+    private _consumePendingNodeConfig;
     /**
      * Listen to store changes that require product refresh or regeneration.
      *

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

@@ -26,6 +26,8 @@ export declare const PRODUCT_LAYOUT_CONTROL_ID = "recommendation-product-layout-
 export declare class ProductLayoutControl extends CommonControl {
     private store;
     private storeUnsubscription;
+    private pendingMobileLayoutEnabled;
+    private pendingMobileLayoutBlockId;
     getId(): string;
     getTemplate(): string;
     onRender(): void;
@@ -37,7 +39,8 @@ export declare class ProductLayoutControl extends CommonControl {
      */
     _syncDisabledState(): void;
     onDestroy(): void;
-    _setFormValues(): void;
+    _getBlockId(node: ImmutableHtmlNode | null | undefined): string | null;
+    _setFormValues(config?: import("../../types").RecommendationNodeConfig): void;
     /**
      * Returns true when the editor preview is in mobile mode.
      */
@@ -53,7 +56,7 @@ export declare class ProductLayoutControl extends CommonControl {
      * Only one row is visible at a time. This avoids setUIEAttribute on hidden
      * elements, which Stripo does not apply reliably.
      */
-    _updateProductsInRowVisibility(): void;
+    _updateProductsInRowVisibility(config?: import("../../types").RecommendationNodeConfig): void;
     /**
      * Initializes the mobile layout toggle using the same pattern as shuffle.ts.
      * Sets the initial UI attribute value from the node config.

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

@@ -69,6 +69,8 @@ export interface RegenerateProductRowsOptions {
     layout?: Orientation;
     /** Optional: pass composition directly to avoid stale DOM reads after setAttribute */
     composition?: string[];
+    /** Optional: pass mobileLayoutEnabled directly to avoid stale node config reads after apply */
+    mobileLayoutEnabled?: boolean;
 }
 export declare function getMainContainerTbody(currentNode: ImmutableHtmlNode): ImmutableHtmlNode | null;
 /**
@@ -88,6 +90,8 @@ export interface RegenerateWithStylesOptions extends Omit<RegenerateProductRowsO
     products?: RecommendationProduct[];
     /** Optional: pass layout directly to avoid stale DOM reads after setAttribute */
     layout?: Orientation;
+    /** Undo label for the apply; the caller sets it when a config change rides in the same batch */
+    description?: string;
 }
 /**
  * Regenerates product rows while preserving user-applied styles, in a SINGLE commit.
@@ -156,6 +160,8 @@ export interface UpdateProductContentInPlaceOptions {
      * leaves anything a caller staged into the same batch unwritten unless it applies itself.
      */
     onApplied?: () => void;
+    /** Undo label for the apply; the caller sets it when a config change rides in the same batch */
+    description?: string;
 }
 /**
  * Updates product content in-place without regenerating HTML structure.

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

@@ -14,6 +14,10 @@ interface ConfigWriterApi {
  */
 export declare function registerNodeConfigWriter(api: ConfigWriterApi): void;
 export declare function hasEditedConfigChange(node: ImmutableHtmlNode, updates: PartialNodeConfig): boolean;
+export declare const PRODUCT_IDS_DESCRIPTION = "Updated product IDs";
+/** A deferred Product Ids edit keeps its own undo label wherever the write finally lands. */
+export declare function isProductIdsChange(node: ImmutableHtmlNode, updates: PartialNodeConfig): boolean;
+export declare function pickConfigDescription(node: ImmutableHtmlNode, updates: PartialNodeConfig, fallback: string): string;
 /**
  * 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.

package/dist/src/library.d.ts

@@ -4,5 +4,6 @@ export { validateConfig, parseConfig, parseConfigSafe, isValidConfig, getValidat
 export { assignTrackingIds, readTrackFloor, readTrackSeq } from './public/trackingIds';
 export { useGuidoEmailEditorStore } from './public/editorState';
 export type { GuidoEmailEditorState } from './public/editorState';
+export { prefetchGuidoRuntime } from './public/prefetchRuntime';
 export type { StripoEventType } from './@types/events';
 export type { PositionData, DynamicContentEvent, MergeTagClickEvent, MergeTag, BaseDynamicContent, DynamicContentNode, DynamicContentList, TooltipOptions, TextValueObject, L10n, } from './@types/generic';

package/dist/src/public/prefetchRuntime.d.ts

@@ -0,0 +1 @@
+export { prefetchGuidoRuntime } from '../utils/runtimePrefetch';

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

@@ -0,0 +1,4 @@
+export type RuntimePrefetchState = 'none' | 'pending' | 'done';
+export declare const RUNTIME_PREFETCH_ATTRIBUTE = "data-guido-prefetch";
+export declare const prefetchGuidoRuntime: () => void;
+export declare const readRuntimePrefetchState: () => RuntimePrefetchState;

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

@@ -0,0 +1,2 @@
+/** Null when package.json does not pin `guido.stripo.version`. */
+export declare const getStripoRuntimeBaseUrl: () => string | null;

package/dist/static/stripo-runtime-manifest.json.js

@@ -0,0 +1,9 @@
+const s = "2.79.0", n = ["UIEditor.js", "zone.js", "styles-BWH3PMR4.css", "polyfills-FF3RLU5F.js", "main-MFU2R4FE.js", "chunk-2PIEA5YN.js", "chunk-5FVAINMG.js", "chunk-67OKDPNA.js", "chunk-BEE4NTMB.js", "chunk-FXMA33WF.js", "chunk-HEM7M3GC.js", "chunk-IP346EOD.js", "chunk-J3Q2HMUE.js", "chunk-JER72PP5.js", "chunk-LXRTAID3.js", "chunk-MV5VZJ34.js", "chunk-RTXKBDZV.js", "chunk-UQMM7Q74.js", "chunk-WCDYHSTN.js", "assets/css/uiEditor.css", "assets/i18n/en.json", "assets/icons/ui-editor-icons.sprite.svg", "assets/icons/ui-editor-icons.map.json", "assets/imageeditor/scripts.min.js", "assets/imageeditor/assets/icons/merged.svg"], c = {
+  version: s,
+  files: n
+};
+export {
+  c as default,
+  n as files,
+  s as version
+};

package/dist/static/styles/components/tabs.css.js

@@ -10,6 +10,11 @@ ue-tabs-header .tabs-header {
     margin: 16px 16px 0;
 }
 
+/* Stripo 2.81.0 sets margin: 15px 20px here; keep the 16px panel inset and its gap above the new divider. */
+ue-control-panel .control-panel-card .control-panel-tabs .tabs-header {
+    margin: 16px 16px 15px;
+}
+
 ue-tabs-header .tabs-header button {
     background-color: var(--guido-color-gray-0);
     outline: none;

package/dist/utils/runtimePrefetch.js

@@ -0,0 +1,26 @@
+import s from "../static/stripo-runtime-manifest.json.js";
+import { getStripoRuntimeBaseUrl as c } from "./stripoRuntime.js";
+const r = "data-guido-prefetch", d = "pending", o = "settled", i = `link[${r}]`, u = ["slow-2g", "2g"], l = /\.(?:js|json)$/, a = () => document.getElementById("UiEditorScript") !== null || window.UIEditor !== void 0, E = () => {
+  const { connection: e } = navigator;
+  return (e == null ? void 0 : e.saveData) === !0 || u.includes((e == null ? void 0 : e.effectiveType) ?? "");
+}, m = (e) => {
+  const t = document.createElement("link"), n = () => t.setAttribute(r, o);
+  t.rel = "prefetch", t.href = e, l.test(e) && t.setAttribute("crossorigin", "anonymous"), t.setAttribute(r, d), t.addEventListener("load", n, { once: !0 }), t.addEventListener("error", n, { once: !0 }), document.head.appendChild(t);
+}, T = () => {
+  try {
+    const e = c(), t = document.querySelector(i) !== null;
+    if (!e || t || a() || E())
+      return;
+    s.files.forEach((n) => m(`${e}${n}`));
+  } catch (e) {
+    console.debug("guido: runtime prefetch skipped", e);
+  }
+}, g = () => {
+  const e = Array.from(document.querySelectorAll(i));
+  return e.length ? e.every((t) => t.getAttribute(r) === o) ? "done" : "pending" : "none";
+};
+export {
+  r as RUNTIME_PREFETCH_ATTRIBUTE,
+  T as prefetchGuidoRuntime,
+  g as readRuntimePrefetchState
+};

package/dist/utils/stripoRuntime.js

@@ -0,0 +1,9 @@
+import r from "../package.json.js";
+const e = "https://email-static.useinsider.com/guido/", n = () => {
+  var s;
+  const t = r.guido, o = (s = t == null ? void 0 : t.stripo) == null ? void 0 : s.version;
+  return o ? `${e}${o}/` : null;
+};
+export {
+  n as getStripoRuntimeBaseUrl
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.21.0-beta.ff98fc3",
+  "version": "3.21.1-beta.18ab939",
   "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",
@@ -22,6 +22,10 @@
       "types": "./dist/src/public/editorState.d.ts",
       "import": "./dist/public/editorState.js"
     },
+    "./prefetch": {
+      "types": "./dist/src/public/prefetchRuntime.d.ts",
+      "import": "./dist/public/prefetchRuntime.js"
+    },
     "./style": "./dist/guido.css"
   },
   "scripts": {
@@ -45,6 +49,7 @@
     "coverage:e2e:report": "nyc report --reporter=lcov --reporter=text-summary --report-dir=coverage/e2e",
     "test:mutation": "stryker run",
     "test:mutation:since": "CHANGED=$(git diff --name-only --diff-filter=AMR origin/develop...HEAD -- 'src/**/*.ts' ':(glob)src/components/organisms/onboarding/**/*.vue' ':(glob)src/components/organisms/header/**/*.vue' ':(glob)src/components/organisms/unsubscribe/**/*.vue' ':(glob)src/components/organisms/save-as-template/**/*.vue' ':(glob)src/components/organisms/email-preview/**/*.vue' ':(glob)src/components/wrappers/**/*.vue' 'src/components/Guido.vue' ':(exclude)src/**/*.test.ts' ':(exclude)src/**/index.ts' ':(exclude)src/@types/**' ':(exclude)src/enums/**' ':(exclude)src/mock/**' ':(exclude)src/**/_Boilerplate/**' | paste -sd, -); if [ -n \"$CHANGED\" ]; then stryker run --incremental --mutate \"$CHANGED\"; else echo \"No changed mutatable src files vs origin/develop\"; fi",
+    "stripo:manifest": "node scripts/stripo-runtime-manifest.mjs",
     "prepare": "husky",
     "preinstall": "rm -rf ./node_modules/.vite"
   },
@@ -123,7 +128,7 @@
   },
   "guido": {
     "stripo": {
-      "version": "2.79.0"
+      "version": "2.81.1"
     }
   }
 }