@useinsider/guido 3.20.1 → 3.21.0-beta.0df5409

package/dist/extensions/Blocks/Items/block.js

@@ -1,6 +1,6 @@
 var k = Object.defineProperty;
-var S = (d, l, e) => l in d ? k(d, l, { enumerable: !0, configurable: !0, writable: !0, value: e }) : d[l] = e;
-var g = (d, l, e) => S(d, typeof l != "symbol" ? l + "" : l, e);
+var S = (d, l, t) => l in d ? k(d, l, { enumerable: !0, configurable: !0, writable: !0, value: t }) : d[l] = t;
+var g = (d, l, t) => S(d, typeof l != "symbol" ? l + "" : l, t);
 import { BlockId as D } from "../../../enums/block.js";
 import { useOnboardingStore as T } from "../../../stores/onboarding.js";
 import { getMigrationBannerHtml as N } from "../../../utils/migrationBannerHtml.js";
@@ -58,15 +58,15 @@ class $ extends H {
   canBeSavedAsModule() {
     return !0;
   }
-  onCreated(e) {
-    const t = this.api.getDocumentModifier(), c = this.api.getDocumentRootCssNode();
-    c.querySelector('[product-attr="imageSrc"] img') || t.modifyCss(c).appendRule('[product-attr="imageSrc"] img {object-fit: contain;}');
-    const r = _(e);
+  onCreated(t) {
+    const e = this.api.getDocumentModifier(), c = this.api.getDocumentRootCssNode();
+    c.querySelector('[product-attr="imageSrc"] img') || e.modifyCss(c).appendRule('[product-attr="imageSrc"] img {object-fit: contain;}');
+    const r = _(t);
     if (!r)
       return;
-    const o = r.getNodeConfig(), s = o && Object.keys(o).length > 0, i = C(e);
+    const o = r.getNodeConfig(), n = o && Object.keys(o).length > 0, i = C(t);
     if (i != null && i.initialized) {
-      if (!s) {
+      if (!n) {
         const a = this.api.getDocumentModifier();
         a.modifyHtml(r).setNodeConfig(i), this._stampProductTdDomAttributes(r, i, a), this._healCollapsedWidths(r, a), this._shouldReconcileCurrency(i) && this._reconcileCurrencyDomAttributes(r, i, a), a.apply(new u("Migrate legacy config to nodeConfig")), this._markCurrencyHealed(i.blockInstanceId);
         return;
@@ -76,9 +76,9 @@ class $ extends H {
       I.modifyHtml(r).setNodeConfig(a), this._stampProductTdDomAttributes(r, a, I, !0), I.apply(new u("Initialize Items block with default configuration")), T().startOnboarding("itemsOnboarding");
       return;
     }
-    const n = this._resolveInstanceId(i.blockInstanceId), f = this.api.getDocumentModifier();
+    const s = this._resolveInstanceId(i.blockInstanceId), f = this.api.getDocumentModifier();
     let h = !1;
-    n !== i.blockInstanceId && (f.modifyHtml(r).setNodeConfig({ ...i, blockInstanceId: n }), h = !0), !this._currencyHealed.has(n) && this._reconcileCurrencyDomAttributes(r, i, f) && (h = !0), this._healCollapsedWidths(r, f) && (h = !0), h && f.apply(new u("Assign Items block instance ID and reconcile currency")), this._markCurrencyHealed(n);
+    s !== i.blockInstanceId && (f.modifyHtml(r).setNodeConfig({ ...i, blockInstanceId: s }), h = !0), !this._currencyHealed.has(s) && this._reconcileCurrencyDomAttributes(r, i, f) && (h = !0), this._healCollapsedWidths(r, f) && (h = !0), h && f.apply(new u("Assign Items block instance ID and reconcile currency")), this._markCurrencyHealed(s);
   }
   /**
    * Re-seeds nodeConfig from the persisted esd-ext-config when a saved module
@@ -86,24 +86,24 @@ class $ extends H {
    * into nodeConfig, so without this a reused module would reset to defaults.
    * Guarded to the nodeConfig-empty case so it runs once and never loops.
    */
-  onDocumentChanged(e) {
-    const t = _(e);
-    if (!t)
+  onDocumentChanged(t) {
+    const e = _(t);
+    if (!e)
       return;
-    const c = t.getNodeConfig();
+    const c = e.getNodeConfig();
     if (c && Object.keys(c).length > 0) {
-      const i = C(e);
+      const i = C(t);
       if (i != null && i.initialized && this._shouldReconcileCurrency(i)) {
-        const n = this.api.getDocumentModifier();
-        this._reconcileCurrencyDomAttributes(t, i, n) && n.apply(new u(V)), this._markCurrencyHealed(i.blockInstanceId);
+        const s = this.api.getDocumentModifier();
+        this._reconcileCurrencyDomAttributes(e, i, s) && s.apply(new u(V)), this._markCurrencyHealed(i.blockInstanceId);
       }
       return;
     }
-    const o = C(e);
+    const o = C(t);
     if (!(o != null && o.initialized))
       return;
-    const s = this.api.getDocumentModifier();
-    s.modifyHtml(t).setNodeConfig(o), this._stampProductTdDomAttributes(t, o, s), this._healCollapsedWidths(t, s), this._shouldReconcileCurrency(o) && this._reconcileCurrencyDomAttributes(t, o, s), s.apply(new u("Recover Items block config from saved module")), this._markCurrencyHealed(o.blockInstanceId);
+    const n = this.api.getDocumentModifier();
+    n.modifyHtml(e).setNodeConfig(o), this._stampProductTdDomAttributes(e, o, n), this._healCollapsedWidths(e, n), this._shouldReconcileCurrency(o) && this._reconcileCurrencyDomAttributes(e, o, n), n.apply(new u("Recover Items block config from saved module")), this._markCurrencyHealed(o.blockInstanceId);
   }
   /**
    * Bakes the compiler-read DOM attributes (`data-type`, `data-number`, `data-nodup`) onto the
@@ -113,20 +113,21 @@ class $ extends H {
    * restored before export. The name `<a>` carries no data-type/data-number of its own and
    * relies on this td-level fallback in pairProductVariables.
    */
-  _stampProductTdDomAttributes(e, t, c, r = !1) {
-    const o = B(t.itemsSelectValue, t.type), s = (i, n) => {
-      r && e.getAttribute(i) || c.modifyHtml(e).setAttribute(i, n);
+  _stampProductTdDomAttributes(t, e, c, r = !1) {
+    const o = B(e.itemsSelectValue, e.type), n = (i, s) => {
+      r && t.getAttribute(i) || c.modifyHtml(t).setAttribute(i, s);
     };
-    s("data-type", t.type), s("data-number", o), s("data-nodup", String(t.priceHideDiscount));
+    n("data-type", e.type), n("data-number", o), n("data-nodup", String(e.priceHideDiscount));
   }
   /**
    * Repairs a saved module's collapsed card into the state the load migrator produces. Acts only
    * on a zero width, so Stripo's non-zero drop-time width never triggers it and a healed block no-ops.
    */
-  _healCollapsedWidths(e, t) {
-    const r = e.querySelectorAll(M).filter((o) => m(o.getAttribute("width")) || m(o.getStyle("width")));
-    return !m(e.getAttribute("width")) && !r.length ? !1 : (e.hasClass("esd-container-frame") && t.modifyHtml(e).removeClass("esd-container-frame"), e.getAttribute("width") !== null && t.modifyHtml(e).removeAttribute("width"), r.forEach((o) => {
-      m(o.getAttribute("width")) && t.modifyHtml(o).setAttribute("width", "100%"), m(o.getStyle("width")) && t.modifyHtml(o).setStyle("width", "100%");
+  _healCollapsedWidths(t, e) {
+    const r = t.querySelectorAll(M).filter((o) => m(o.getAttribute("width")) || m(o.getStyle("width")));
+    return !m(t.getAttribute("width")) && !r.length ? !1 : (t.hasClass("esd-container-frame") && e.modifyHtml(t).removeClass("esd-container-frame"), t.getAttribute("width") !== null && e.modifyHtml(t).removeAttribute("width"), r.forEach((o) => {
+      const n = o.getAttribute("width");
+      (n === null || m(n)) && e.modifyHtml(o).setAttribute("width", "100%"), m(o.getStyle("width")) && e.modifyHtml(o).setStyle("width", "100%");
     }), !0);
   }
   /**
@@ -137,12 +138,12 @@ class $ extends H {
    * the symbol write alone is skipped for the 'USD' sentinel — so we must NOT gate the whole pass
    * on symbol customization here, or a default-symbol block with a toggled location never heals.
    */
-  _shouldReconcileCurrency(e) {
-    return !e.blockInstanceId || !this._currencyHealed.has(e.blockInstanceId);
+  _shouldReconcileCurrency(t) {
+    return !t.blockInstanceId || !this._currencyHealed.has(t.blockInstanceId);
   }
   /** Marks a block instance's currency as reconciled so it is not healed again (undo-safe). */
-  _markCurrencyHealed(e) {
-    e && this._currencyHealed.add(e);
+  _markCurrencyHealed(t) {
+    t && this._currencyHealed.add(t);
   }
   /**
    * Resolves the id for a just-created block to one that is unique per live instance.
@@ -151,13 +152,13 @@ class $ extends H {
    * currency heal guard and settings-panel switch detection. Mint a fresh id on absence
    * or collision, otherwise keep the existing one. Registers the result as claimed.
    */
-  _resolveInstanceId(e) {
-    let t = e;
-    if (!t || this._seenInstanceIds.has(t))
+  _resolveInstanceId(t) {
+    let e = t;
+    if (!e || this._seenInstanceIds.has(e))
       do
-        t = P();
-      while (this._seenInstanceIds.has(t));
-    return this._seenInstanceIds.add(t), t;
+        e = P();
+      while (this._seenInstanceIds.has(e));
+    return this._seenInstanceIds.add(e), e;
   }
   /**
    * Stamps the export-read currency attrs onto every price `<p>` from config, so a template whose
@@ -170,11 +171,11 @@ class $ extends H {
    * Returns true only when an attr actually changed, so the caller can skip an empty apply that
    * would otherwise re-trigger onDocumentChanged and loop.
    */
-  _reconcileCurrencyDomAttributes(e, t, c) {
-    const { position: r, symbol: o } = w(t), s = e.querySelectorAll(`.${E.PRICE} p`);
+  _reconcileCurrencyDomAttributes(t, e, c) {
+    const { position: r, symbol: o } = w(e), n = t.querySelectorAll(`.${E.PRICE} p`);
     let i = !1;
-    return s.forEach((n) => {
-      r !== void 0 && n.getAttribute(y.POSITION) !== r && (c.modifyHtml(n).setAttribute(y.POSITION, r), i = !0), o !== void 0 && n.getAttribute(y.SYMBOL) !== o && (c.modifyHtml(n).setAttribute(y.SYMBOL, o), i = !0);
+    return n.forEach((s) => {
+      r !== void 0 && s.getAttribute(y.POSITION) !== r && (c.modifyHtml(s).setAttribute(y.POSITION, r), i = !0), o !== void 0 && s.getAttribute(y.SYMBOL) !== o && (c.modifyHtml(s).setAttribute(y.SYMBOL, o), i = !0);
     }), i;
   }
 }

package/dist/extensions/Blocks/Recommendation/block.js

@@ -1,23 +1,23 @@
-var B = Object.defineProperty;
-var b = (a, l, t) => l in a ? B(a, l, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[l] = t;
-var d = (a, l, t) => b(a, typeof l != "symbol" ? l + "" : l, t);
+var b = Object.defineProperty;
+var C = (a, l, t) => l in a ? b(a, l, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[l] = t;
+var d = (a, l, t) => C(a, typeof l != "symbol" ? l + "" : l, t);
 import { useConfig as g } from "../../../composables/useConfig.js";
-import { BlockId as C } from "../../../enums/block.js";
-import { getMigrationBannerHtml as A } from "../../../utils/migrationBannerHtml.js";
-import { Block as E, BlockCompositionType as S, ModificationDescription as p } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CURRENT_CONFIG_VERSION as N, PRE_RRS_CONFIG_VERSION as w } from "./constants/defaultConfig.js";
+import { BlockId as A } from "../../../enums/block.js";
+import { getMigrationBannerHtml as E } from "../../../utils/migrationBannerHtml.js";
+import { Block as S, BlockCompositionType as N, ModificationDescription as p } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CURRENT_CONFIG_VERSION as w, PRE_RRS_CONFIG_VERSION as M } from "./constants/defaultConfig.js";
 import { RECOMMENDATION_ID_ATTR as m } from "./constants/selectors.js";
-import { regenerateMobileProductRows as M } from "./controls/main/utils.js";
-import { ensureMobileCssRulesExist as I, setMobileLayoutOptOut as R, hasMobileLayoutOptOut as O } from "./controls/mobileLayout/cssRules.js";
+import { regenerateMobileProductRows as O } from "./controls/main/utils.js";
+import { ensureMobileCssRulesExist as I, setMobileLayoutOptOut as R, hasMobileLayoutOptOut as x } from "./controls/mobileLayout/cssRules.js";
 import { RecommendationConfigService as s } from "./services/configService.js";
 import { useRecommendationExtensionStore as h } from "./store/recommendation.js";
-import { getDefaultTemplate as x } from "./templates/grid/template.js";
-import { useRecommendationBlockWarning as T } from "./useRecommendationBlockWarning.js";
-import { registerNodeConfigWriter as H } from "./utils/nodeConfigWriter.js";
+import { getDefaultTemplate as T } from "./templates/grid/template.js";
+import { useRecommendationBlockWarning as H } from "./useRecommendationBlockWarning.js";
+import { registerNodeConfigWriter as k } from "./utils/nodeConfigWriter.js";
 import { refreshDuplicatedStrategyBlocks as $ } from "./utils/strategyCommit.js";
-const k = C.Recommendation, u = "recommendation-block-v2", D = "hide-price";
-let y = !1;
-class Y extends E {
+const D = A.Recommendation, u = "recommendation-block-v2", y = "hide-price";
+let B = !1;
+class Y extends S {
   constructor() {
     super();
     /**
@@ -31,13 +31,13 @@ class Y extends E {
     d(this, "_unsettledDuplicateIds", /* @__PURE__ */ new Set());
   }
   getId() {
-    return k;
+    return D;
   }
   getIcon() {
     return "recommendation-icon";
   }
   getBlockCompositionType() {
-    return S.CONTAINER;
+    return N.CONTAINER;
   }
   getName() {
     return this.api.translate("Recommendation Block");
@@ -48,8 +48,8 @@ class Y extends E {
     );
   }
   getSettingsPanelTitleHtml() {
-    return A(
-      k,
+    return E(
+      D,
       this.api.translate("Recommendation Block"),
       this.api.translate("This block is switched from the Old Version to the New Version. We recommend you check the Recommendation block and test your message to ensure it works properly.")
     );
@@ -72,7 +72,11 @@ class Y extends E {
    */
   getTemplate() {
     const t = this._generateNextId();
-    return this._pendingBlockId = t, x(t);
+    return this._pendingBlockId = t, T(t);
+  }
+  // A restore can redraw blocks before any settings panel registered a document handle this session.
+  onDocumentInit() {
+    k(this.api);
   }
   /**
    * Called when a new block is dropped into the template
@@ -100,7 +104,7 @@ class Y extends E {
       t,
       {
         recommendationId: i,
-        configVersion: n ? N : w,
+        configVersion: n ? w : M,
         ...o ? { partnerName: g().partnerName.value } : {},
         // An RRS block picks a strategy, not an algorithm, and its algorithm control is
         // hidden. Keeping the `mostPopular` default would bake a most-popular feed URL
@@ -111,7 +115,7 @@ class Y extends E {
     if (f.setCurrentBlock(i), this._stampHidePrice(t, r.priceHideIfSameAsDiscounted), c) {
       I(this.api);
       const _ = this._getBlockElement(t);
-      _ && (R(this.api, _, !0), M({
+      _ && (R(this.api, _, !0), O({
         currentNode: t,
         documentModifier: this.api.getDocumentModifier()
       }));
@@ -138,11 +142,11 @@ class Y extends E {
       }
       this._healLingeringDuplicate(t), s.needsMigration(t) && this._migrateFromLegacy(t), this._healHidePriceAttr(t);
       try {
-        y || (I(this.api), y = !0);
+        B || (I(this.api), B = !0);
         const e = s.getConfig(t), i = this._getBlockElement(t);
         if (i) {
           const n = !e.mobileLayoutEnabled;
-          O(i) !== n && R(this.api, i, n);
+          x(i) !== n && R(this.api, i, n);
         }
       } catch {
       }
@@ -172,7 +176,7 @@ class Y extends E {
    */
   _warnIfMultipleBlocks() {
     try {
-      T().warnIfMultipleBlocks(this.api.getDocumentRootHtmlNode());
+      H().warnIfMultipleBlocks(this.api.getDocumentRootHtmlNode());
     } catch {
     }
   }
@@ -264,7 +268,7 @@ class Y extends E {
   /** Assigns a fresh id to a duplicated block and syncs DOM, node config and store. */
   _handleDuplicate(t, e) {
     const i = this._reassignDuplicateId(t, e), n = h();
-    n.cloneBlockState(e, i), n.setCurrentBlock(i), g().isFeatureEnabled("reusableRecommendationStrategy") && (this._resetSourceIds.add(e), H(this.api), $(e, i, s.getConfig(t)).catch((o) => console.error("[recommendation] refreshing a duplicated strategy failed", o))), this._warnIfMultipleBlocks();
+    n.cloneBlockState(e, i), n.setCurrentBlock(i), g().isFeatureEnabled("reusableRecommendationStrategy") && (this._resetSourceIds.add(e), k(this.api), $(e, i, s.getConfig(t)).catch((o) => console.error("[recommendation] refreshing a duplicated strategy failed", o))), this._warnIfMultipleBlocks();
   }
   /**
    * Core id-reassignment for a duplicated block: rewrites the DOM
@@ -320,7 +324,7 @@ class Y extends E {
    */
   _stampHidePrice(t, e) {
     const i = this._getBlockElement(t);
-    i && this.api.getDocumentModifier().modifyHtml(i).setAttribute(D, String(e)).apply(new p("Stamp hide-price"));
+    i && this.api.getDocumentModifier().modifyHtml(i).setAttribute(y, String(e)).apply(new p("Stamp hide-price"));
   }
   /**
    * Stamps `hide-price` from config only when the block lacks the attribute —
@@ -328,7 +332,7 @@ class Y extends E {
    */
   _healHidePriceAttr(t) {
     const e = this._getBlockElement(t);
-    if (!e || !("getAttribute" in e) || e.getAttribute(D) !== null)
+    if (!e || !("getAttribute" in e) || e.getAttribute(y) !== null)
       return;
     const { priceHideIfSameAsDiscounted: i } = s.getConfig(t);
     this._stampHidePrice(t, i);
@@ -365,6 +369,6 @@ class Y extends E {
   }
 }
 export {
-  k as BLOCK_ID,
+  D as BLOCK_ID,
   Y as RecommendationBlock
 };