@useinsider/guido 3.21.0-beta.c433290 → 3.21.0-beta.db22471

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

@@ -1,10 +1,10 @@
 import { extractWrapperTags as A } from "../../../../utils/preserveTextStyles.js";
 import { RecommendationBlockId as c } from "../constants/blockIds.js";
-import { DESKTOP_CONTAINER_SELECTOR as b, ATTR_PRODUCT_NAME as k, ATTR_PRODUCT_PRICE as y, ATTR_PRODUCT_OLD_PRICE as p, ATTR_PRODUCT_OMNIBUS_PRICE as R, ATTR_PRODUCT_OMNIBUS_DISCOUNT as _, ATTR_PRODUCT_BUTTON as x, ATTR_PRODUCT_IMAGE as q, ATTR_PRODUCT_ATTR as v } from "../constants/selectors.js";
+import { DESKTOP_CONTAINER_SELECTOR as g, ATTR_PRODUCT_NAME as k, ATTR_PRODUCT_PRICE as y, ATTR_PRODUCT_OLD_PRICE as p, ATTR_PRODUCT_OMNIBUS_PRICE as R, ATTR_PRODUCT_OMNIBUS_DISCOUNT as _, ATTR_PRODUCT_BUTTON as x, ATTR_PRODUCT_IMAGE as q, ATTR_PRODUCT_ATTR as v } from "../constants/selectors.js";
 import { CSS_CLASS_TEXT_TRIM as B } from "../controls/shared/textTrimCssRules.js";
 import { toCustomCompositionKey as U } from "../templates/utils.js";
 import { resolveRowVisibilityKeys as N, isMergedInlinePriceRow as C } from "./compositionKeys.js";
-import { hasQuerySelectorAll as I, hasGetAttribute as l, hasGetStyle as O, hasGetComputedStyle as M } from "./tagName.js";
+import { hasQuerySelectorAll as I, hasGetAttribute as l, hasGetStyle as h, hasGetComputedStyle as M } from "./tagName.js";
 const s = [
   "font-size",
   "font-family",
@@ -37,9 +37,10 @@ const s = [
   "width",
   "height",
   "max-width",
+  "max-height",
   "border-radius",
   "margin"
-], g = /* @__PURE__ */ new Set(["transparent", "rgba(0, 0, 0, 0)"]), L = [
+], b = /* @__PURE__ */ new Set(["transparent", "rgba(0, 0, 0, 0)"]), L = [
   { attrKey: k, blockId: c.NAME, kind: "text" },
   { attrKey: y, blockId: c.PRICE, kind: "text" },
   { attrKey: p, blockId: c.OLD_PRICE, kind: "text" },
@@ -48,14 +49,14 @@ const s = [
   { attrKey: x, blockId: c.BUTTON, kind: "button" },
   { attrKey: q, blockId: c.IMAGE, kind: "image" }
 ];
-function h(t) {
+function O(t) {
   return t && "getInnerHTML" in t && typeof t.getInnerHTML == "function" ? t.getInnerHTML().trim() : "";
 }
 function K(t) {
   return t && "getInnerText" in t && typeof t.getInnerText == "function" ? t.getInnerText().trim() : "";
 }
 function a(t, e, r) {
-  !e || !O(e) || r.forEach((n) => {
+  !e || !h(e) || r.forEach((n) => {
     const o = e.getStyle(n);
     o && o !== "inherit" && o !== "initial" && (t[n] = o);
   });
@@ -64,10 +65,10 @@ function E(t) {
   return Object.entries(t).map(([e, r]) => `${e}: ${r};`).join(" ");
 }
 function P(t) {
-  if (!t || !O(t))
+  if (!t || !h(t))
     return;
   const e = t.getStyle("background-color") || t.getStyle("background");
-  return e && !g.has(e) ? e : void 0;
+  return e && !b.has(e) ? e : void 0;
 }
 function S(t, e) {
   const r = {};
@@ -76,11 +77,11 @@ function S(t, e) {
 function $(t) {
   const e = t.querySelector("p"), r = {};
   a(r, t, s), a(r, e, s), a(r, t.querySelector("strong"), s), a(r, t.querySelector("em"), s), a(r, t.querySelector("s"), s);
-  const n = E(r), { openTags: o, closeTags: i } = A(h(e));
+  const n = E(r), { openTags: o, closeTags: i } = A(O(e));
   return !n && !o ? null : { pStyle: n || void 0, openTags: o, closeTags: i };
 }
 function H(t) {
-  const e = t.querySelector(".es-button-border"), r = t.querySelector("a.es-button") ?? t.querySelector("a"), n = S(e, D), o = S(r, w), i = e && "getAttribute" in e ? e.getAttribute("class") ?? "" : "", u = /\bes-fw\b/.test(i), { openTags: T, closeTags: d } = A(h(r)), m = K(r);
+  const e = t.querySelector(".es-button-border"), r = t.querySelector("a.es-button") ?? t.querySelector("a"), n = S(e, D), o = S(r, w), i = e && "getAttribute" in e ? e.getAttribute("class") ?? "" : "", u = /\bes-fw\b/.test(i), { openTags: T, closeTags: d } = A(O(r)), m = K(r);
   return !n && !o && !u && !T && !m ? null : {
     buttonBorderStyle: n || void 0,
     buttonAnchorStyle: o || void 0,
@@ -100,7 +101,7 @@ function j(t, e) {
 function f(t, e) {
   if (!t || !("querySelector" in t))
     return;
-  const r = t.querySelector(b) ?? t;
+  const r = t.querySelector(g) ?? t;
   if (L.forEach(({ attrKey: i, blockId: u, kind: T }) => {
     const d = r.querySelector(`[esd-extension-block-id="${u}"]`);
     d && e(d, i, T);
@@ -126,20 +127,20 @@ function V(t) {
 function X(t) {
   if (!t || !("querySelector" in t))
     return;
-  const e = t.querySelector(b) ?? t, r = e.querySelector(".product-card-segment") ?? e.querySelector(".product-card-wrapper");
+  const e = t.querySelector(g) ?? t, r = e.querySelector(".product-card-segment") ?? e.querySelector(".product-card-wrapper");
   return P(r);
 }
 function z(t) {
   if (!t)
     return;
   const e = l(t) ? t.getAttribute("bgcolor") : null;
-  if (e && !g.has(e))
+  if (e && !b.has(e))
     return e;
   const r = P(t);
   if (r)
     return r;
   const n = M(t) ? t.getComputedStyle("background-color") : void 0;
-  return n && !g.has(n) ? n : void 0;
+  return n && !b.has(n) ? n : void 0;
 }
 function Q(t) {
   const e = {};
@@ -170,7 +171,7 @@ function J(t) {
 function Z(t) {
   if (!t || !("querySelector" in t))
     return !1;
-  const e = t.querySelector(b) ?? t;
+  const e = t.querySelector(g) ?? t;
   return C(e.querySelector(`[data-attribute-type="${y}"]`)) || C(e.querySelector(`[data-attribute-type="${p}"]`));
 }
 function tt(t) {
@@ -195,7 +196,7 @@ function rt(t) {
   const e = {};
   if (!t || !("querySelector" in t))
     return e;
-  const r = t.querySelector(b) ?? t;
+  const r = t.querySelector(g) ?? t;
   return I(r) && r.querySelectorAll(".recommendation-attribute-row").forEach((n) => {
     if (!l(n))
       return;

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-9d988e4b] .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}.color-vision-select__dropdown[data-v-64cb50da]{z-index:20;width:387px}.accessibility-toolbar[data-v-391019bc]{gap:16px}.accessibility-toolbar[data-v-391019bc] .in-segments-wrapper__button svg{margin-right:0}.accessibility-toolbar[data-v-391019bc] .in-segments-wrapper__button .clearfix:after{content:none}.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}.editor-actions-menu__dropdown[data-v-d0e6b57a]{z-index:20;width:222px}.editor-actions[data-v-9a028d08]{gap:16px}.editor-actions__divider[data-v-9a028d08]{width:1px;height:40px;background-color:#e1e1e1}.right-slot[data-v-77451c9a]{gap:16px}.header-wrapper[data-v-3c713746]{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-f0ba01bc]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-f0ba01bc]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-f0ba01bc]{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}.guido-tab-bar-onboarding[data-v-219b4f7c]{z-index:21}[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-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}

package/dist/sprite.svg

@@ -3107,12 +3107,6 @@
     <symbol viewBox="0 0 24 24"  data-token-name="line-replace-dynamic-content" id="line-replace-dynamic-content">
         <path fill-rule="evenodd" clip-rule="evenodd" d="M10.8327 5.42341C11.2222 5.81502 11.221 6.44877 10.8301 6.83894C10.8013 6.86765 10.7712 6.89425 10.74 6.91873L8.70549 8.95706C8.31533 9.34795 7.68275 9.34795 7.29259 8.95706C6.90243 8.56617 6.90243 7.93242 7.29259 7.54153L7.73664 7.09666L7.00053 7.09662C6.44823 7.0966 6.00049 7.54432 6.00049 8.09662V10.0001C6.00049 10.5524 5.55277 11.0001 5.00049 11.0001C4.4482 11.0001 4.00049 10.5524 4.00049 10.0001V8.09662C4.00049 6.43972 5.34372 5.09655 7.00062 5.09662L7.6872 5.09665L7.30179 4.70909C6.91235 4.31748 6.91353 3.68372 7.30442 3.29356C7.69531 2.9034 8.32788 2.90458 8.71732 3.29619L10.8327 5.42341ZM12 6.00024C12 4.89567 12.8954 4.00024 14 4.00024H18C19.1046 4.00024 20 4.89567 20 6.00024V10.0002C20 11.1048 19.1046 12.0002 18 12.0002H14C12.8954 12.0002 12 11.1048 12 10.0002V6.00024ZM14 6.00024H18V10.0002H14V6.00024ZM4 14.0002C4 12.8957 4.89543 12.0002 6 12.0002H10C11.1046 12.0002 12 12.8957 12 14.0002V18.0002C12 19.1048 11.1046 20.0002 10 20.0002H6C4.89543 20.0002 4 19.1048 4 18.0002V14.0002ZM6 14.0002H10V18.0002H6V14.0002ZM13.2939 17.1612C12.9031 17.5513 12.9019 18.1851 13.2913 18.5767L15.4067 20.7039C15.7961 21.0955 16.4287 21.0967 16.8196 20.7065C17.2105 20.3164 17.2117 19.6826 16.8222 19.291L16.4368 18.9034L17.1234 18.9035C18.7803 18.9035 20.1235 17.5604 20.1235 15.9035V14C20.1235 13.4477 19.6758 13 19.1235 13C18.5713 13 18.1235 13.4477 18.1235 14L18.1235 15.9035C18.1235 16.4558 17.6758 16.9035 17.1235 16.9035L16.3874 16.9034L16.8314 16.4586C17.2216 16.0677 17.2216 15.4339 16.8314 15.043C16.4413 14.6522 15.8087 14.6522 15.4185 15.043L13.384 17.0814C13.3528 17.1058 13.3227 17.1324 13.2939 17.1612Z"/>
     </symbol>
-    <symbol viewBox="0 0 24 24" id="line-accessibility">
-        <g transform="translate(2 2)">
-            <rect x="1" y="1" width="18" height="18" rx="9" fill="none" stroke="currentColor" stroke-width="2"/>
-            <path fill="currentColor" d="M14.8125 6.08473C15.332 5.94828 15.6875 6.47668 15.6875 6.95875C15.6873 7.44052 15.2498 7.66778 14.8125 7.8318C14.798 7.83727 14.7826 7.84147 14.7676 7.84547L12.3262 8.69898C12.013 8.81663 11.8784 8.93913 11.8486 8.99391C11.848 8.99533 11.8475 8.9975 11.8467 8.99879C11.8153 9.05489 11.7235 9.29227 11.8379 10.0076L11.9961 11.238L12.8887 16.0154C12.8969 16.0521 12.9036 16.0895 12.9092 16.1267C12.9741 16.5696 12.6498 16.9997 12.0342 16.9998C11.4983 16.9998 11.2617 16.63 11.1592 16.1267C11.1592 16.1267 10.3701 11.8181 9.9873 11.8181C9.60444 11.8205 8.94137 15.6235 8.83887 16.1267C8.7363 16.63 8.49971 16.9998 7.96387 16.9998C7.34999 16.9996 7.02548 16.5711 7.08887 16.1296L7.0957 16.0955C7.09789 16.0818 7.09981 16.0676 7.10254 16.0545L7.9834 11.2371L8.1416 10.0066C8.17359 9.80644 8.26392 9.23379 8.15137 8.9441C8.11665 8.85389 8.0452 8.7492 7.7793 8.64723L5.17962 7.83495C5.17734 7.83424 5.17578 7.83212 5.17578 7.82972C5.17578 7.82745 5.17437 7.82541 5.17224 7.8246C4.74007 7.66146 4.31254 7.43412 4.3125 6.95777C4.31258 6.47553 4.66813 5.9482 5.1875 6.08473C5.26161 6.10405 5.33481 6.12744 5.40625 6.15504C6.12486 6.3593 8.37146 6.9607 9.98828 6.9607C11.7281 6.96068 14.1981 6.26431 14.707 6.115C14.7342 6.10658 14.7619 6.09917 14.7891 6.09156L14.7998 6.08766L14.8125 6.08473ZM9.70117 3.02906C9.99821 2.96998 10.3061 3.00106 10.5859 3.11695C10.8657 3.23286 11.1052 3.42866 11.2734 3.68043C11.4416 3.93217 11.5312 4.22828 11.5312 4.53101C11.5308 4.93693 11.369 5.326 11.082 5.61305C10.795 5.9001 10.406 6.06183 10 6.06226C9.69721 6.06226 9.40119 5.97264 9.14941 5.80445C8.89762 5.63621 8.70086 5.39673 8.58496 5.11695C8.46918 4.83725 8.439 4.52909 8.49805 4.23219C8.55716 3.93526 8.70292 3.6621 8.91699 3.44801C9.13112 3.23391 9.4042 3.08814 9.70117 3.02906Z"/>
-        </g>
-    </symbol>
     <svg viewBox="0 0 24 24" data-token-name="line-advanced-settings" id="line-advanced-settings">
         <path fill-rule="evenodd" clip-rule="evenodd" d="M16 3C15.4477 3 15 3.44772 15 4V6V8C15 8.55228 15.4477 9 16 9C16.5523 9 17 8.55228 17 8V7H20C20.5523 7 21 6.55228 21 6C21 5.44772 20.5523 5 20 5H17V4C17 3.44772 16.5523 3 16 3ZM3 6C3 5.44772 3.44772 5 4 5H12C12.5523 5 13 5.44772 13 6C13 6.55228 12.5523 7 12 7H4C3.44772 7 3 6.55228 3 6ZM16 15C15.4477 15 15 15.4477 15 16V18V20C15 20.5523 15.4477 21 16 21C16.5523 21 17 20.5523 17 20V19H20C20.5523 19 21 18.5523 21 18C21 17.4477 20.5523 17 20 17H17V16C17 15.4477 16.5523 15 16 15ZM3 18C3 17.4477 3.44772 17 4 17H12C12.5523 17 13 17.4477 13 18C13 18.5523 12.5523 19 12 19H4C3.44772 19 3 18.5523 3 18ZM7 10C7 9.44772 7.44772 9 8 9C8.55228 9 9 9.44772 9 10V12V14C9 14.5523 8.55228 15 8 15C7.44772 15 7 14.5523 7 14V13H4C3.44772 13 3 12.5523 3 12C3 11.4477 3.44772 11 4 11H7V10ZM12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13H20C20.5523 13 21 12.5523 21 12C21 11.4477 20.5523 11 20 11H12Z"/>
     </svg>
@@ -3136,8 +3130,4 @@
             </clipPath>
         </defs>
     </svg>
-<symbol viewBox="0 0 24 24" id="line-no-image-v2">
-        <path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M19.9062 4.1875C20.1565 3.9376 20.5624 3.93741 20.8125 4.1875C21.0626 4.4376 21.0624 4.84353 20.8125 5.09375L19.9062 6L20.8125 6.90625C21.0624 7.15645 21.0626 7.56238 20.8125 7.8125C20.5624 8.06262 20.1565 8.06246 19.9062 7.8125L19 6.90625L18.0938 7.8125C17.8435 8.06241 17.4376 8.0626 17.1875 7.8125C16.9374 7.5624 16.9376 7.15647 17.1875 6.90625L18.0938 6L17.1875 5.09375C16.9376 4.84352 16.9374 4.43759 17.1875 4.1875C17.4376 3.93746 17.8435 3.93766 18.0938 4.1875L19 5.09375L19.9062 4.1875ZM14 4C14.5523 4 15 4.44772 15 5C15 5.55228 14.5523 6 14 6C13.4477 6 13 5.55228 13 5C13 4.44772 13.4477 4 14 4Z"/>
-        <path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M14 6H5V18H6.43652L10.2764 12.6182C10.8633 11.8405 11.9837 11.7886 12.6357 12.5088L14.6504 14.7734L18.3545 10.3965L18.4424 10.3008C19.3653 9.37025 21 10.0117 21 11.3652V18C21 19.1046 20.1046 20 19 20H5C3.89543 20 3 19.1046 3 18V6C3 4.89543 3.89543 4 5 4H14V6ZM9.00098 18H14.7109L11.5371 14.4268L9.00098 18ZM15.9932 16.2822L17.5205 18H19V12.7295L15.9932 16.2822ZM8.5 8C9.32843 8 10 8.67157 10 9.5C10 10.3284 9.32843 11 8.5 11C7.67157 11 7 10.3284 7 9.5C7 8.67157 7.67157 8 8.5 8Z"/>
-    </symbol>
 </svg>

package/dist/src/@types/config/schemas.d.ts

@@ -407,7 +407,6 @@ export declare const FeaturesSchema: v.ObjectSchema<{
     readonly liquidSyntax: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
     /** Enable autosave (3-min interval + tab-hide). User toggles on/off from the header. */
     readonly autosave: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
-    readonly accessibilityTesting: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
     /** Enable pre-save domain-allowlist validation (opt-in; Guido self-serves the block toaster) */
     readonly allowlistEnabled: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
     /** Enable persistent link tracking-id assignment for the click heatmap (opt-in) */
@@ -826,7 +825,6 @@ export declare const GuidoConfigSchema: v.ObjectSchema<{
         readonly liquidSyntax: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
         /** Enable autosave (3-min interval + tab-hide). User toggles on/off from the header. */
         readonly autosave: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
-        readonly accessibilityTesting: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
         /** Enable pre-save domain-allowlist validation (opt-in; Guido self-serves the block toaster) */
         readonly allowlistEnabled: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
         /** Enable persistent link tracking-id assignment for the click heatmap (opt-in) */

package/dist/src/components/organisms/AutoSaveController.vue.d.ts

@@ -1,20 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {
-    saveSilent: () => Promise<{
-        dynamicContentList: import("../../@types/generic").DynamicContent[];
-        compiledHtml: string;
-        rawHtml: string;
-        css: string;
-        ampHtml: string;
-        ampErrors: string[];
-        modules: number[];
-        recommendation: {
-            campaignUrls?: Record<string, import("../../@types/recommendation").RecommendationCampaignUrlValue>;
-            configs: Record<string, string>;
-        };
-        unsubscribe: {
-            status: boolean;
-            config: number[];
-        };
-    } | undefined>;
-}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

package/dist/src/components/organisms/header/HeaderWrapper.vue.d.ts

@@ -1,2 +1,20 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+declare const _default: import("vue").DefineComponent<{}, {
+    handleSave: (isSilent: boolean) => Promise<{
+        dynamicContentList: import("../../../@types/generic.js").DynamicContent[];
+        compiledHtml: string;
+        rawHtml: string;
+        css: string;
+        ampHtml: string;
+        ampErrors: string[];
+        modules: number[];
+        recommendation: {
+            campaignUrls?: Record<string, import("../../../@types/recommendation.js").RecommendationCampaignUrlValue>;
+            configs: Record<string, string>;
+        };
+        unsubscribe: {
+            status: boolean;
+            config: number[];
+        };
+    } | undefined> | undefined;
+}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

package/dist/src/components/organisms/header/RightSlot.vue.d.ts

@@ -1,2 +1,20 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+declare const _default: import("vue").DefineComponent<{}, {
+    handleSave: (isSilent: boolean) => Promise<{
+        dynamicContentList: import("../../../@types/generic.js").DynamicContent[];
+        compiledHtml: string;
+        rawHtml: string;
+        css: string;
+        ampHtml: string;
+        ampErrors: string[];
+        modules: number[];
+        recommendation: {
+            campaignUrls?: Record<string, import("../../../@types/recommendation.js").RecommendationCampaignUrlValue>;
+            configs: Record<string, string>;
+        };
+        unsubscribe: {
+            status: boolean;
+            config: number[];
+        };
+    } | undefined> | undefined;
+}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

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

@@ -1,5 +1,5 @@
-import type { CompileEmailOptions } from '@@/Types/api/actions-api';
-import { GetCompiledEmailOptions, CompiledEmailResult, TemplateData } from '@@/Types/api/actions-api';
+import type { CompileEmailOptions } from '@@/Types/actions-api';
+import { GetCompiledEmailOptions, CompiledEmailResult, TemplateData } from '@@/Types/actions-api';
 export declare const useActionsApi: () => {
     getCompiledEmail: (options?: GetCompiledEmailOptions) => Promise<CompiledEmailResult>;
     getTemplateData: () => Promise<TemplateData>;

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

@@ -100,7 +100,6 @@ export declare const useConfig: () => {
             modulesDisabled: boolean;
             liquidSyntax: boolean;
             autosave: boolean;
-            accessibilityTesting: boolean;
             allowlistEnabled: boolean;
             linkTrackingIds: boolean;
             allowSaveWithErrors: boolean;
@@ -240,7 +239,6 @@ export declare const useConfig: () => {
         modulesDisabled: boolean;
         liquidSyntax: boolean;
         autosave: boolean;
-        accessibilityTesting: boolean;
         allowlistEnabled: boolean;
         linkTrackingIds: boolean;
         allowSaveWithErrors: boolean;

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
      *
@@ -59,6 +64,8 @@ export declare class RecommendationBlock extends Block {
      * @param node - The block node being deleted
      */
     onDelete(node: ImmutableHtmlNode): void;
+    private _ensureMobileFitRule;
+    private _syncHeightBound;
     /**
      * Warns (dark advisory toaster) when the design holds more than one live
      * recommendation block. Triggered from the user-add paths only (fresh drop
@@ -85,15 +92,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 +127,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/image/index.d.ts

@@ -3,35 +3,49 @@
  *
  * Controls for styling the product image element in recommendation cards.
  */
+import type { CssNodeModifier, HtmlNodeModifier, ImmutableCssNode, ImmutableHtmlNode, TemplateModifier } from '@stripoinc/ui-editor-extensions';
+import { ModificationDescription } from '@stripoinc/ui-editor-extensions';
+interface FitRuleApi {
+    getDocumentRootCssNode: () => ImmutableCssNode | null;
+    getDocumentModifier: () => TemplateModifier<HtmlNodeModifier, CssNodeModifier>;
+}
+export declare function ensureMobileFitRule(api: FitRuleApi, block: ImmutableHtmlNode): void;
+export declare function syncHeightBound(api: Pick<FitRuleApi, 'getDocumentModifier'>, block: ImmutableHtmlNode): void;
+declare const SizeControl_base: {
+    new (): {
+        getId(): string;
+        getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
+        getParentControlId(): string;
+        api: import("@stripoinc/ui-editor-extensions").ControlApi;
+        getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
+        getModificationDescription(): ModificationDescription | undefined;
+        getAdditionalModifications(_root: ImmutableHtmlNode): TemplateModifier<HtmlNodeModifier, CssNodeModifier> | undefined;
+        isVisible(_node: ImmutableHtmlNode): boolean;
+        getElementLockCategory(): import("@stripoinc/ui-editor-extensions").ElementLockCategory | undefined;
+    };
+};
+declare class SizeControl extends SizeControl_base {
+    getAdditionalModifications(root: ImmutableHtmlNode): TemplateModifier<HtmlNodeModifier, CssNodeModifier> | undefined;
+    private getFitStyles;
+}
 /**
  * Grouped Image Controls
  * Use this object for cleaner imports in extension.ts
  */
 export declare const ImageControls: {
-    readonly size: {
-        new (): {
-            getId(): string;
-            getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
-            getParentControlId(): string;
-            api: import("@stripoinc/ui-editor-extensions").ControlApi;
-            getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
-            getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
-            getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
-            isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
-            getElementLockCategory(): import("@stripoinc/ui-editor-extensions").ElementLockCategory | undefined;
-        };
-    };
+    readonly size: typeof SizeControl;
     readonly margins: {
         new (): {
             getId(): string;
-            getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
+            getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
             getParentControlId(): string;
             api: import("@stripoinc/ui-editor-extensions").ControlApi;
             getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
-            getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
-            getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
-            isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
+            getModificationDescription(): ModificationDescription | undefined;
+            getAdditionalModifications(_root: ImmutableHtmlNode): TemplateModifier<HtmlNodeModifier, CssNodeModifier> | undefined;
+            isVisible(_node: ImmutableHtmlNode): boolean;
             getElementLockCategory(): import("@stripoinc/ui-editor-extensions").ElementLockCategory | undefined;
         };
     };
 };
+export {};

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/stores/autosave.d.ts

@@ -9,76 +9,4 @@ export declare const useAutosaveStore: import("pinia").StoreDefinition<"guidoAut
     isOn: boolean;
     lastSavedAt: Date | null;
     status: AutosaveStatus;
-}, {
-    hasStatusLabel: (state: {
-        isOn: boolean;
-        lastSavedAt: {
-            toString: () => string;
-            toDateString: () => string;
-            toTimeString: () => string;
-            toLocaleString: {
-                (): string;
-                (locales?: string | string[], options?: Intl.DateTimeFormatOptions): string;
-                (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
-            };
-            toLocaleDateString: {
-                (): string;
-                (locales?: string | string[], options?: Intl.DateTimeFormatOptions): string;
-                (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
-            };
-            toLocaleTimeString: {
-                (): string;
-                (locales?: string | string[], options?: Intl.DateTimeFormatOptions): string;
-                (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
-            };
-            valueOf: () => number;
-            getTime: () => number;
-            getFullYear: () => number;
-            getUTCFullYear: () => number;
-            getMonth: () => number;
-            getUTCMonth: () => number;
-            getDate: () => number;
-            getUTCDate: () => number;
-            getDay: () => number;
-            getUTCDay: () => number;
-            getHours: () => number;
-            getUTCHours: () => number;
-            getMinutes: () => number;
-            getUTCMinutes: () => number;
-            getSeconds: () => number;
-            getUTCSeconds: () => number;
-            getMilliseconds: () => number;
-            getUTCMilliseconds: () => number;
-            getTimezoneOffset: () => number;
-            setTime: (time: number) => number;
-            setMilliseconds: (ms: number) => number;
-            setUTCMilliseconds: (ms: number) => number;
-            setSeconds: (sec: number, ms?: number) => number;
-            setUTCSeconds: (sec: number, ms?: number) => number;
-            setMinutes: (min: number, sec?: number, ms?: number) => number;
-            setUTCMinutes: (min: number, sec?: number, ms?: number) => number;
-            setHours: (hours: number, min?: number, sec?: number, ms?: number) => number;
-            setUTCHours: (hours: number, min?: number, sec?: number, ms?: number) => number;
-            setDate: (date: number) => number;
-            setUTCDate: (date: number) => number;
-            setMonth: (month: number, date?: number) => number;
-            setUTCMonth: (month: number, date?: number) => number;
-            setFullYear: (year: number, month?: number, date?: number) => number;
-            setUTCFullYear: (year: number, month?: number, date?: number) => number;
-            toUTCString: () => string;
-            toISOString: () => string;
-            toJSON: (key?: any) => string;
-            [Symbol.toPrimitive]: {
-                (hint: "default"): string;
-                (hint: "string"): string;
-                (hint: "number"): number;
-                (hint: string): string | number;
-            };
-        } | null;
-        status: AutosaveStatus;
-    } & import("pinia").PiniaCustomStateProperties<{
-        isOn: boolean;
-        lastSavedAt: Date | null;
-        status: AutosaveStatus;
-    }>) => boolean;
-}, {}>;
+}, {}, {}>;