@useinsider/guido 3.21.0 → 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/extensions/Blocks/Recommendation/utils/strategyCommit.js

@@ -1,43 +1,64 @@
-import { useRecommendationExtensionStore as g } from "../store/recommendation.js";
-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;
+import { useRecommendationExtensionStore as f } from "../store/recommendation.js";
+import { refreshBlockOutsidePanel as l } from "./blockRefresh.js";
+import { toBlockUrlConfig as c } from "./blockUrlConfig.js";
+import { readBlockNodeConfigs as m, commitBlockChangeOutsidePanel as d } from "./nodeConfigWriter.js";
+function u(n, t) {
+  const r = JSON.stringify(c(t));
+  return m(n).find((s) => JSON.stringify(c(s)) !== r) ?? t;
 }
-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))
+async function y(n, t, r = () => !0) {
+  const s = f();
+  await Promise.all(n.map(async (e) => {
+    if (!await s.refreshStrategyBlock(e))
       return;
-    const { recommendationConfigs: i, recommendationProducts: f } = o.blockStates[n];
-    l(
-      n,
-      { size: i.size },
-      f,
-      "Refresh duplicated recommendation strategy"
+    const { recommendationConfigs: a, recommendationProducts: o } = s.blockStates[e];
+    r(e, a.size) && d(
+      e,
+      { size: a.size },
+      o,
+      t
     );
   }));
 }
-async function k(e, t) {
-  if (!g().blockStates[e])
+async function w(n, t, r) {
+  const s = f(), e = [n, t];
+  (/* @__PURE__ */ new Map([[n, u(n, r)], [t, r]])).forEach((o, i) => {
+    var g;
+    (!!o.strategyId || i === t) && ((g = s.blockStates[i]) == null ? void 0 : g.recommendationConfigs.strategyId) !== o.strategyId && s.seedBlockUrlConfig(i, c(o));
+  }), s.resetArrivedBlock(t), await y(e, "Refresh duplicated recommendation strategy");
+}
+async function k(n) {
+  const t = f(), r = n.filter(({ config: e }) => !!e.strategyId);
+  if (!r.length)
+    return;
+  r.forEach(({ id: e, config: a }) => t.seedBlockUrlConfig(e, c(a))), t.invalidateStrategies();
+  const s = new Map(r.map(({ id: e, config: a }) => [e, a]));
+  await y(
+    r.map(({ id: e }) => e),
+    "Refresh recommendation strategy",
+    (e, a) => {
+      const o = s.get(e);
+      return a !== (o == null ? void 0 : o.size) && m(e).some((i) => i.strategyId === (o == null ? void 0 : o.strategyId));
+    }
+  );
+}
+async function O(n, t) {
+  if (!f().blockStates[n])
     return !1;
-  const r = await y(e, {
-    pickUpdates: ({ strategyId: o, strategy: s, size: c, nodeConfigVersion: n }) => ({
-      strategyId: o,
-      strategy: s,
-      size: c,
-      configVersion: n
+  const r = await l(n, {
+    pickUpdates: ({ strategyId: s, strategy: e, size: a, nodeConfigVersion: o }) => ({
+      strategyId: s,
+      strategy: e,
+      size: a,
+      configVersion: o
     }),
     description: t
   });
-  return r || console.error("[recommendation] strategy change did not reach a node", { blockId: e }), r;
+  return r || console.error("[recommendation] strategy change did not reach a node", { blockId: n }), r;
 }
 export {
-  k as commitStrategyChange,
-  p as refreshDuplicatedStrategyBlocks
+  O as commitStrategyChange,
+  k as refreshArrivedStrategyBlocks,
+  w as refreshDuplicatedStrategyBlocks,
+  u as resolveSourceConfig
 };

package/dist/guido.css

@@ -1 +1 @@
-@charset "UTF-8";.auth-error-modal[data-v-b4d7ae51]{position:relative;z-index:145}.gap-16[data-v-5553d071],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-b8f24f34] .in-button-v2__wrapper{line-height:0}[data-v-22226124] .in-segments-wrapper__button_selected,[data-v-22226124] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb;color:#0010ac;border-color:#0010ac}[data-v-2cb418af] .in-progress-wrapper__progress p span:last-child{display:none!important}[data-v-2cb418af] .in-progress-description-status{display:none!important}.view-options-wrapper[data-v-87033101]{position:relative;display:inline-block}.new-tag[data-v-87033101]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-87033101] .guido__view-option-selection-desktop svg,[data-v-87033101] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-87033101] .in-segments-wrapper__button_selected,[data-v-87033101] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-87033101] .in-tooltip-wrapper-v2__icon{cursor:pointer}.editor-toolbar[data-v-173c3a40]{gap:4px}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history[data-v-fad98586]{gap:8px}.version-history__toolbar[data-v-fad98586]{gap:4px}.view-options-wrapper[data-v-6ebabfe4]{position:relative;display:inline-block}.new-tag[data-v-6ebabfe4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-6ebabfe4] .guido__verion-history-view-option-selection-desktop svg,[data-v-6ebabfe4] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-6ebabfe4] .in-segments-wrapper__button_selected,[data-v-6ebabfe4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-6ebabfe4] .in-tooltip-wrapper-v2__icon{cursor:pointer}.auto-save-toggle[data-v-2c964af4]{position:relative}.auto-save-toggle__info-box[data-v-2c964af4]{position:absolute;top:100%;left:0;z-index:10;width:280px}.editor-actions[data-v-baf7a5dd]{gap:4px}.header-wrapper[data-v-d11dd577]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.validation-error-list[data-v-e48cebe9]{gap:16px}.validation-error-row[data-v-e48cebe9]{gap:8px;padding:24px;border:1px solid #E1E1E1;border-radius:8px}.validation-error-row__icon[data-v-e48cebe9]{flex-shrink:0;font-size:24px;line-height:0}.validation-error-row__text[data-v-e48cebe9]{font-size:13px;line-height:16px;color:#292929;word-break:break-word}.guido-editor__wrapper[data-v-c5146fc5]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-c5146fc5]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-c5146fc5]{height:calc(100vh - 75px - var(--ribbon-offset))}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-91a26acd]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-91a26acd]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-91a26acd]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-91a26acd]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-91a26acd]{object-fit:cover;transform:scale(1)}[data-v-b9a93c6e] .guido__verion-history-view-option-selection-desktop svg,[data-v-b9a93c6e] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-b9a93c6e] .in-segments-wrapper__button_selected,[data-v-b9a93c6e] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-c3fd5d4b]{gap:16px}.desktop-browser-header[data-v-d86c5af5]{height:79px;min-height:79px}.desktop-browser-header__left[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:378px}.desktop-browser-header__center[data-v-d86c5af5]{height:79px;background-repeat:repeat-x;background-size:auto 100%;background-position:left top}.desktop-browser-header__right[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:112px}.desktop-preview[data-v-cf946232]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-cf946232]{min-height:504px}.iframe-wrapper[data-v-f255b2bb]{width:258px}.iframe-scaled[data-v-f255b2bb]{width:320px;height:124.0310077519%;transform:scale(.80625);transform-origin:top left}.cropped-text[data-v-eb3d05d7]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-preview-wrapper__phone[data-v-3f472f96]{width:282px}.mobile-preview-wrapper__phone img[data-v-3f472f96]{object-fit:cover;border-radius:44px}.mobile-preview-wrapper__content[data-v-3f472f96]{width:258px;height:450px;left:12px}[data-v-6bcaca8a] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-f16f20f8] .vueperslides__bullets{pointer-events:none!important}[data-v-f16f20f8] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-bb3cca55] .vueperslides__bullets{pointer-events:none!important}[data-v-bb3cca55] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-19d8cb42] .vueperslides__bullets,[data-v-ec2027ff] .vueperslides__bullets,[data-v-b09e80c4] .vueperslides__bullets{pointer-events:none!important}[data-v-b09e80c4] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-9bdef600] .vueperslides__parallax-wrapper{padding-bottom:110px!important}.assign-strategy-drawer-content .assign-strategy-select[data-v-6ce48dfd]{width:100%;max-width:none}.assign-strategy-drawer-content .assign-strategy-select[data-v-6ce48dfd] .in-skeleton{width:100%!important}.assign-strategy-drawer-content .assign-strategy-select[data-v-6ce48dfd] .in-dropdown-box__container{width:413px}.assign-strategy-drawer .spaced-dot-sep{background-image:linear-gradient(90deg,#91949f 20%,#fff0 0);background-position:center bottom;background-repeat:repeat-x;background-size:5px 1px}.assign-strategy-drawer .spaced-dot-sep--top{background-position:center top}.assign-strategy-drawer .spaced-dot-sep--fc-n:first-child{background:none}.legacy-strategy-updated-modal[data-v-da2225a1]{position:relative;z-index:145}
+@charset "UTF-8";.auth-error-modal[data-v-b4d7ae51]{position:relative;z-index:145}.gap-16[data-v-5553d071],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-b8f24f34] .in-button-v2__wrapper{line-height:0}[data-v-22226124] .in-segments-wrapper__button_selected,[data-v-22226124] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb;color:#0010ac;border-color:#0010ac}[data-v-2cb418af] .in-progress-wrapper__progress p span:last-child{display:none!important}[data-v-2cb418af] .in-progress-description-status{display:none!important}.view-options-wrapper[data-v-87033101]{position:relative;display:inline-block}.new-tag[data-v-87033101]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-87033101] .guido__view-option-selection-desktop svg,[data-v-87033101] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-87033101] .in-segments-wrapper__button_selected,[data-v-87033101] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-87033101] .in-tooltip-wrapper-v2__icon{cursor:pointer}.editor-toolbar[data-v-173c3a40]{gap:4px}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history[data-v-fad98586]{gap:8px}.version-history__toolbar[data-v-fad98586]{gap:4px}.view-options-wrapper[data-v-6ebabfe4]{position:relative;display:inline-block}.new-tag[data-v-6ebabfe4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-6ebabfe4] .guido__verion-history-view-option-selection-desktop svg,[data-v-6ebabfe4] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-6ebabfe4] .in-segments-wrapper__button_selected,[data-v-6ebabfe4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-6ebabfe4] .in-tooltip-wrapper-v2__icon{cursor:pointer}.auto-save-toggle[data-v-2c964af4]{position:relative}.auto-save-toggle__info-box[data-v-2c964af4]{position:absolute;top:100%;left:0;z-index:10;width:280px}.editor-actions[data-v-baf7a5dd]{gap:4px}.header-wrapper[data-v-d11dd577]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.validation-error-list[data-v-e48cebe9]{gap:16px}.validation-error-row[data-v-e48cebe9]{gap:8px;padding:24px;border:1px solid #E1E1E1;border-radius:8px}.validation-error-row__icon[data-v-e48cebe9]{flex-shrink:0;font-size:24px;line-height:0}.validation-error-row__text[data-v-e48cebe9]{font-size:13px;line-height:16px;color:#292929;word-break:break-word}.guido-editor__wrapper[data-v-1a3ddd48]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-1a3ddd48]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-1a3ddd48]{height:calc(100vh - 75px - var(--ribbon-offset))}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-91a26acd]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-91a26acd]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-91a26acd]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-91a26acd]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-91a26acd]{object-fit:cover;transform:scale(1)}[data-v-b9a93c6e] .guido__verion-history-view-option-selection-desktop svg,[data-v-b9a93c6e] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-b9a93c6e] .in-segments-wrapper__button_selected,[data-v-b9a93c6e] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-c3fd5d4b]{gap:16px}.desktop-browser-header[data-v-d86c5af5]{height:79px;min-height:79px}.desktop-browser-header__left[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:378px}.desktop-browser-header__center[data-v-d86c5af5]{height:79px;background-repeat:repeat-x;background-size:auto 100%;background-position:left top}.desktop-browser-header__right[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:112px}.desktop-preview[data-v-cf946232]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-cf946232]{min-height:504px}.iframe-wrapper[data-v-f255b2bb]{width:258px}.iframe-scaled[data-v-f255b2bb]{width:320px;height:124.0310077519%;transform:scale(.80625);transform-origin:top left}.cropped-text[data-v-eb3d05d7]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-preview-wrapper__phone[data-v-3f472f96]{width:282px}.mobile-preview-wrapper__phone img[data-v-3f472f96]{object-fit:cover;border-radius:44px}.mobile-preview-wrapper__content[data-v-3f472f96]{width:258px;height:450px;left:12px}[data-v-6bcaca8a] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-f16f20f8] .vueperslides__bullets{pointer-events:none!important}[data-v-f16f20f8] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-bb3cca55] .vueperslides__bullets{pointer-events:none!important}[data-v-bb3cca55] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-19d8cb42] .vueperslides__bullets,[data-v-ec2027ff] .vueperslides__bullets,[data-v-b09e80c4] .vueperslides__bullets{pointer-events:none!important}[data-v-b09e80c4] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-9bdef600] .vueperslides__parallax-wrapper{padding-bottom:110px!important}.assign-strategy-drawer-content .assign-strategy-select[data-v-6ce48dfd]{width:100%;max-width:none}.assign-strategy-drawer-content .assign-strategy-select[data-v-6ce48dfd] .in-skeleton{width:100%!important}.assign-strategy-drawer-content .assign-strategy-select[data-v-6ce48dfd] .in-dropdown-box__container{width:413px}.assign-strategy-drawer .spaced-dot-sep{background-image:linear-gradient(90deg,#91949f 20%,#fff0 0);background-position:center bottom;background-repeat:repeat-x;background-size:5px 1px}.assign-strategy-drawer .spaced-dot-sep--top{background-position:center top}.assign-strategy-drawer .spaced-dot-sep--fc-n:first-child{background:none}.legacy-strategy-updated-modal[data-v-da2225a1]{position:relative;z-index:145}

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,7 +1,9 @@
-const o = { stripo: { version: "2.79.0" } }, s = {
-  guido: o
+const o = "3.21.1-beta.18ab939", s = { stripo: { version: "2.81.1" } }, t = {
+  version: o,
+  guido: s
 };
 export {
-  s as default,
-  o as guido
+  t as default,
+  s as guido,
+  o as version
 };

package/dist/public/prefetchRuntime.js

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

package/dist/src/composables/useEditorOpenMetrics.d.ts

@@ -0,0 +1,27 @@
+export type TimedOpenPhase = 'migration' | 'default_template' | 'timer_clone';
+export type OpenPhase = 'setup' | 'host_ready' | `${TimedOpenPhase}_start` | `${TimedOpenPhase}_end` | 'plugin_start' | 'script_ready' | 'fonts_sync_ready' | 'blocks_config_ready' | 'init_editor' | 'token_start' | 'token_end' | 'ready';
+export type OpenOutcome = 'ready' | 'error' | 'abandoned';
+export interface OpenContext {
+    partnerName: string;
+    productType: number;
+    templateId: string;
+    variationId: string;
+}
+export interface OpenTemplate {
+    html: string;
+    css: string;
+    forceRecreate: boolean;
+}
+export interface EditorOpenMetrics {
+    mark: (phase: OpenPhase) => void;
+    timed: <T>(phase: TimedOpenPhase, task: () => Promise<T>) => Promise<T>;
+    setContext: (context: OpenContext) => void;
+    setTemplate: (template: OpenTemplate) => void;
+    setScriptPreloaded: (preloaded: boolean) => void;
+    markReady: () => void;
+    markFailed: () => void;
+    dispose: () => void;
+}
+export declare const startEditorOpenMetrics: () => EditorOpenMetrics;
+/** Binds to the session open at call time, so a remounted editor never writes into its replacement's session. */
+export declare const useEditorOpenMetrics: () => EditorOpenMetrics;

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

@@ -19,6 +19,9 @@ export declare class RecommendationBlock extends Block {
     private _resetSourceIds;
     /** Ids handed to duplicates the document root does not show yet: a copied module renames all its blocks at once. */
     private _unsettledDuplicateIds;
+    private _arrivedBlocks;
+    /** Strategy each in-flight arrival or duplicate refresh is fetching, by block id, so a second one does not race it. */
+    private _refreshClaims;
     constructor();
     getId(): string;
     getIcon(): string;
@@ -44,6 +47,8 @@ export declare class RecommendationBlock extends Block {
      * @param node - The newly created block node
      */
     onCreated(node: ImmutableHtmlNode): void;
+    /** Refreshes every block of an opened template: Stripo restores a stored document without `onCreated`. */
+    onDocumentInit(): void;
     /**
      * Called when the document changes or template is loaded
      *
@@ -85,15 +90,26 @@ export declare class RecommendationBlock extends Block {
      * the renamed one depending on where the module was dropped (SD-149916).
      */
     private _scheduleArrivalReset;
+    /**
+     * Re-reads the strategy of a block that arrived with saved cards, without waiting for a click.
+     * Blocks of one opened template or dropped module arrive in one tick and refresh together.
+     */
+    private _queueArrivalRefresh;
+    private _refreshArrivedBlocks;
+    /**
+     * A new document reports each block to onCreated and onDocumentInit, not always in one batch, so a
+     * claimed block refreshes again only once the document shows it under another strategy (a restored version).
+     */
+    private _canClaimRefresh;
+    private _releaseRefreshClaim;
     /**
      * Heals a duplicate that slipped past the create-time `_detectDuplicate`
      * scan (or that was persisted by an older template before SD-142352).
      * When two blocks share a `recommendation-id`, the first occurrence in DOM
      * order is treated as the source and any later sibling is reassigned a
-     * fresh id. The store entry and active-block focus are intentionally not
-     * touched here: each block's persisted `esd-ext-config` carries its own
-     * truth and the regular save-time hydration (`hydrateRecommendationStore`)
-     * will seed the new id from that. Skipping `setCurrentBlock` avoids
+     * fresh id and queued for the arrival refresh, which seeds the new id's
+     * store entry from its persisted `esd-ext-config`. The source's store
+     * entry is not cloned and focus is not moved. Skipping `setCurrentBlock` avoids
      * yanking the user's current selection mid-edit when the heal fires from
      * `onDocumentChanged`.
      */
@@ -109,9 +125,9 @@ export declare class RecommendationBlock extends Block {
      *
      * Used by `_handleDuplicate` at create-time (which additionally clones the
      * store entry and focuses the new block) and by `_healLingeringDuplicate`
-     * at document-change time (which intentionally skips store/focus side
-     * effects so older bug-affected templates can self-repair without
-     * disturbing the user's current selection).
+     * at document-change time (which skips the clone and focus change so older
+     * bug-affected templates can self-repair without disturbing the user's
+     * current selection, and queues the arrival refresh for the new id).
      */
     private _reassignDuplicateId;
     /**

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/extensions/Blocks/Recommendation/utils/strategyCommit.d.ts

@@ -1,10 +1,21 @@
 import type { RecommendationNodeConfig } from '../types/nodeConfig';
+/** A saved module keeps the id it was saved with, so it can arrive sharing the id of an unrelated block. */
+export declare function resolveSourceConfig(sourceId: number, arrived: RecommendationNodeConfig): RecommendationNodeConfig;
 /**
  * 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>;
+/**
+ * Re-reads the strategy of blocks that arrived from a saved template or module, so the panel and
+ * preview show a strategy edited since the design was saved without selecting the block.
+ * @param blocks - each block's id with its persisted config, the truth its store entry is seeded from
+ */
+export declare function refreshArrivedStrategyBlocks(blocks: {
+    id: number;
+    config: RecommendationNodeConfig;
+}[]): Promise<void>;
 /**
  * Writes a strategy change and its products straight to the document, without the settings panel.
  *

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
+};