@useinsider/guido 3.7.0-beta.24a845f → 3.7.0-beta.24bdfa3

package/dist/config/migrator/recommendation/settingsMapper.js

@@ -1,70 +1,75 @@
 import { CURRENT_CONFIG_VERSION as s, DEFAULT_CURRENCY as i } from "../../../extensions/Blocks/Recommendation/constants/defaultConfig.js";
-import { DEFAULT_CARDS_IN_ROW as m, DEFAULT_MOBILE_ROW_SPACING as p, DEFAULT_MOBILE_COLUMN_SPACING as f, DEFAULT_ROW_SPACING as S, DEFAULT_COLUMN_SPACING as d, DEFAULT_MOBILE_CARDS_IN_ROW as u } from "../../../extensions/Blocks/Recommendation/constants/layout.js";
-import { mapLegacyStrategy as c } from "../../../extensions/Blocks/Recommendation/utils/legacyStrategyMap.js";
-function l(t) {
+import { DEFAULT_CARDS_IN_ROW as m, DEFAULT_MOBILE_ROW_SPACING as p, DEFAULT_MOBILE_COLUMN_SPACING as d, DEFAULT_ROW_SPACING as f, DEFAULT_COLUMN_SPACING as S, DEFAULT_MOBILE_CARDS_IN_ROW as a } from "../../../extensions/Blocks/Recommendation/constants/layout.js";
+import { mapLegacyStrategy as l } from "../../../extensions/Blocks/Recommendation/utils/legacyStrategyMap.js";
+function c(t) {
   return t === "0" || t === 0 ? "before" : "after";
 }
-function _(t) {
+function I(t) {
   if (typeof t == "number" && Number.isFinite(t))
     return t;
   if (typeof t == "string") {
-    const n = parseInt(t);
-    if (!Number.isNaN(n))
-      return n;
+    const o = parseInt(t);
+    if (!Number.isNaN(o))
+      return o;
   }
   return i.decimalCount;
 }
-function I(t) {
+function _(t) {
   return t === "." || t === "," || t === " " || t === "" ? t : ",";
 }
-function A(t) {
+function N(t) {
   return t === "." || t === "," || t === " " ? t : ".";
 }
-function N(t) {
+function A(t) {
   if (!t || typeof t != "object")
     return { ...i };
-  const n = t, o = n.value ?? n.name ?? i.code, r = n.symbol ?? o;
+  const o = t, n = o.value ?? o.name ?? i.code, r = o.symbol ?? n;
   return {
-    code: o,
+    code: n,
     symbol: r,
-    alignment: l(n.alignment),
-    decimalCount: _(n.decimalCount),
-    decimalSeparator: A(n.decimalSeparator),
-    thousandSeparator: I(n.thousandSeparator)
+    alignment: c(o.alignment),
+    decimalCount: I(o.decimalCount),
+    decimalSeparator: N(o.decimalSeparator),
+    thousandSeparator: _(o.thousandSeparator)
   };
 }
-function R(t) {
+function L(t) {
   return t === "horizontal" || t === "list" ? "list" : "grid";
 }
-function b(t) {
-  return c(t) || "mostPopular";
+function R(t) {
+  return l(t) || "mostPopular";
 }
-function D(t, n, o) {
-  const r = n.rowCount ?? t.cardsInRow ?? m, a = n.totalCount ?? (typeof t.size == "string" ? parseInt(t.size) : t.size) ?? 6;
+function U(t, o, n) {
+  const r = o.rowCount ?? t.cardsInRow ?? m, u = o.totalCount ?? (typeof t.size == "string" ? parseInt(t.size) : t.size) ?? 6;
   return {
-    recommendationId: o,
-    strategy: b(t.strategy),
+    recommendationId: n,
+    strategy: R(t.strategy),
     productIds: (t.productIds ?? []).map((e) => String(e)),
-    size: String(a),
+    size: String(u),
     shuffleProducts: !!t.shuffleProducts,
     language: t.language ?? "en_US",
-    currency: N(t.currencySettings),
+    currency: A(t.currencySettings),
     filters: (t.filters ?? []).map((e) => ({ ...e })),
-    layout: R(t.orientation ?? n.orientation),
+    layout: L(t.orientation ?? o.orientation),
     cardsInRow: r,
-    mobileCardsInRow: u,
+    mobileCardsInRow: a,
     mobileLayoutEnabled: !1,
-    previousMobileCardsInRow: u,
-    columnSpacing: d,
-    rowSpacing: S,
-    mobileColumnSpacing: f,
+    previousMobileCardsInRow: a,
+    columnSpacing: S,
+    rowSpacing: f,
+    mobileColumnSpacing: d,
     mobileRowSpacing: p,
     omnibusPrice: { textBefore: "", textAfter: "" },
     omnibusDiscount: { textBefore: "", textAfter: "" },
+    // Preserve the legacy price-placement toggles. Absent legacy keys map to
+    // `false`, matching the legacy default (prices inline, original price not
+    // gated). New Guido blocks default differently (see DEFAULT_NODE_CONFIG).
+    priceMovedToNextLine: !!t.isPriceMovedToNextLine,
+    priceHideIfSameAsDiscounted: !!t.isPriceDeletedForZeroSale,
     configVersion: s
   };
 }
 export {
-  N as mapCurrency,
-  D as mapSettings
+  A as mapCurrency,
+  U as mapSettings
 };

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

@@ -1,12 +1,12 @@
 import { BlockId as g } from "../../../enums/block.js";
-import { useOnboardingStore as u } from "../../../stores/onboarding.js";
-import { getMigrationBannerHtml as p } from "../../../utils/migrationBannerHtml.js";
-import { Block as f, BlockCompositionType as I, ModificationDescription as o } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { useOnboardingStore as p } from "../../../stores/onboarding.js";
+import { getMigrationBannerHtml as f } from "../../../utils/migrationBannerHtml.js";
+import { Block as u, BlockCompositionType as I, ModificationDescription as o } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { SETTINGS_ENUMS as a, DefaultConfigValues as i } from "./enums/settingsEnums.js";
 import { getDefaultTemplate as C } from "./template.js";
 import { getItemsBlockContainer as y, getItemsBlockConfig as b, getDefaultItemsBlockConfig as h } from "./utils/nodeConfigUtils.js";
 const c = g.Items;
-class E extends f {
+class E extends u {
   getId() {
     return c;
   }
@@ -23,7 +23,7 @@ class E extends f {
     return this.api.translate("Items lets you display personalized products based on user behavior.");
   }
   getSettingsPanelTitleHtml() {
-    return p(
+    return f(
       c,
       this.api.translate("Items"),
       this.api.translate("This block is switched from the Old Version to the New Version. We recommend you check the Items block and test your message to ensure it works properly.")
@@ -42,23 +42,18 @@ class E extends f {
   allowInnerBlocksDND() {
     return !1;
   }
-  // Stripo's Block default is false. Items keeps its full config in nodeConfig
-  // (esd-ext-config), so a saved module is self-contained and restores on re-drop.
-  canBeSavedAsModule() {
-    return !0;
-  }
   onCreated(n) {
     const l = this.api.getDocumentModifier(), r = this.api.getDocumentRootCssNode();
     r.querySelector('[product-attr="imageSrc"] img') || l.modifyCss(r).appendRule('[product-attr="imageSrc"] img {object-fit: contain;}');
-    const t = y(n);
-    if (!t)
+    const e = y(n);
+    if (!e)
       return;
-    const s = t.getNodeConfig(), m = s && Object.keys(s).length > 0, e = b(n);
-    if (e != null && e.initialized)
-      m ? e.blockInstanceId || this.api.getDocumentModifier().modifyHtml(t).setNodeConfig({ ...e, blockInstanceId: String(Date.now()) }).apply(new o("Assign block instance ID to block")) : this.api.getDocumentModifier().modifyHtml(t).setNodeConfig(e).apply(new o("Migrate legacy config to nodeConfig"));
+    const s = e.getNodeConfig(), m = s && Object.keys(s).length > 0, t = b(n);
+    if (t != null && t.initialized)
+      m ? t.blockInstanceId || this.api.getDocumentModifier().modifyHtml(e).setNodeConfig({ ...t, blockInstanceId: String(Date.now()) }).apply(new o("Assign block instance ID to block")) : this.api.getDocumentModifier().modifyHtml(e).setNodeConfig(t).apply(new o("Migrate legacy config to nodeConfig"));
     else {
       const d = h();
-      this.api.getDocumentModifier().modifyHtml(t).setNodeConfig(d).apply(new o("Initialize Items block with default configuration")), u().startOnboarding("itemsOnboarding");
+      this.api.getDocumentModifier().modifyHtml(e).setNodeConfig(d).apply(new o("Initialize Items block with default configuration")), p().startOnboarding("itemsOnboarding");
     }
   }
 }

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

@@ -1,24 +1,24 @@
-var k = Object.defineProperty;
-var y = (a, r, t) => r in a ? k(a, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[r] = t;
-var d = (a, r, t) => y(a, typeof r != "symbol" ? r + "" : r, t);
+var D = Object.defineProperty;
+var y = (a, c, t) => c in a ? D(a, c, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[c] = t;
+var h = (a, c, t) => y(a, typeof c != "symbol" ? c + "" : c, t);
 import { BlockId as B } from "../../../enums/block.js";
-import { getMigrationBannerHtml as D } from "../../../utils/migrationBannerHtml.js";
-import { Block as R, BlockCompositionType as C, ModificationDescription as h } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { regenerateMobileProductRows as b } from "./controls/main/utils.js";
-import { ensureMobileCssRulesExist as p, setMobileLayoutOptOut as f, hasMobileLayoutOptOut as A } from "./controls/mobileLayout/cssRules.js";
-import { RecommendationConfigService as c } from "./services/configService.js";
-import { useRecommendationExtensionStore as g } from "./store/recommendation.js";
-import { getDefaultTemplate as E } from "./templates/grid/template.js";
-const _ = B.Recommendation, m = "recommendation-block-v2", u = "recommendation-id";
-let I = !1;
-class q extends R {
+import { getMigrationBannerHtml as R } from "../../../utils/migrationBannerHtml.js";
+import { Block as b, BlockCompositionType as A, ModificationDescription as g } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { regenerateMobileProductRows as C } from "./controls/main/utils.js";
+import { ensureMobileCssRulesExist as p, setMobileLayoutOptOut as f, hasMobileLayoutOptOut as E } from "./controls/mobileLayout/cssRules.js";
+import { RecommendationConfigService as s } from "./services/configService.js";
+import { useRecommendationExtensionStore as d } from "./store/recommendation.js";
+import { getDefaultTemplate as S } from "./templates/grid/template.js";
+const _ = B.Recommendation, m = "recommendation-block-v2", u = "recommendation-id", I = "hide-price";
+let k = !1;
+class q extends b {
   constructor() {
     super();
     /**
      * Stores the ID generated in getTemplate() so onCreated() can reuse it.
      * This avoids generating a new (different) ID in onCreated().
      */
-    d(this, "_pendingBlockId", null);
+    h(this, "_pendingBlockId", null);
   }
   getId() {
     return _;
@@ -27,7 +27,7 @@ class q extends R {
     return "recommendation-icon";
   }
   getBlockCompositionType() {
-    return C.CONTAINER;
+    return A.CONTAINER;
   }
   getName() {
     return this.api.translate("Recommendation Block");
@@ -38,7 +38,7 @@ class q extends R {
     );
   }
   getSettingsPanelTitleHtml() {
-    return D(
+    return R(
       _,
       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.")
@@ -47,11 +47,8 @@ class q extends R {
   allowInnerBlocksDND() {
     return !1;
   }
-  // Full config persists in nodeConfig (esd-ext-config) and is rebuilt at
-  // compile time by hydrateRecommendationStoreFromRawHtml, so a saved module
-  // restores its campaign/layout/styles when re-dropped into another email.
   canBeSavedAsModule() {
-    return !0;
+    return !1;
   }
   /**
    * Returns the template HTML for a new recommendation block.
@@ -62,7 +59,7 @@ class q extends R {
    */
   getTemplate() {
     const t = this._generateNextId();
-    return this._pendingBlockId = t, E(t);
+    return this._pendingBlockId = t, S(t);
   }
   /**
    * Called when a new block is dropped into the template
@@ -85,20 +82,20 @@ class q extends R {
     }
     const i = this._pendingBlockId ?? this._generateNextId();
     this._pendingBlockId = null, this._assignRecommendationId(t, i);
-    const { config: n, wasFreshDrop: o } = c.initializeConfig(
+    const { config: n, wasFreshDrop: o } = s.initializeConfig(
       this.api,
       t,
       { recommendationId: i }
-    ), s = g();
-    if (s.setCurrentBlock(i), o) {
+    ), r = d();
+    if (r.setCurrentBlock(i), this._stampHidePrice(t, n.priceHideIfSameAsDiscounted), o) {
       p(this.api);
       const l = this._getBlockElement(t);
-      l && (f(this.api, l, !0), b({
+      l && (f(this.api, l, !0), C({
         currentNode: t,
         documentModifier: this.api.getDocumentModifier()
       }));
     }
-    s.patchCurrentBlockConfig({ language: n.language }, { triggerRefetch: !1 });
+    r.patchCurrentBlockConfig({ language: n.language }, { triggerRefetch: !1 });
   }
   /**
    * Called when the document changes or template is loaded
@@ -111,20 +108,20 @@ class q extends R {
     if (!(!t || !("getNodeConfig" in t))) {
       if (!this._getRecommendationId(t)) {
         const e = this._generateNextId();
-        this._assignRecommendationId(t, e), c.hasConfig(t) && c.updateConfig(
+        this._assignRecommendationId(t, e), s.hasConfig(t) && s.updateConfig(
           this.api,
           t,
           { recommendationId: e },
           "Assign recommendation ID to legacy block"
         );
       }
-      this._healLingeringDuplicate(t), c.needsMigration(t) && this._migrateFromLegacy(t);
+      this._healLingeringDuplicate(t), s.needsMigration(t) && this._migrateFromLegacy(t), this._healHidePriceAttr(t);
       try {
-        I || (p(this.api), I = !0);
-        const e = c.getConfig(t), i = this._getBlockElement(t);
+        k || (p(this.api), k = !0);
+        const e = s.getConfig(t), i = this._getBlockElement(t);
         if (i) {
           const n = !e.mobileLayoutEnabled;
-          A(i) !== n && f(this.api, i, n);
+          E(i) !== n && f(this.api, i, n);
         }
       } catch {
       }
@@ -138,7 +135,7 @@ class q extends R {
    */
   onDelete(t) {
     const e = this._getRecommendationId(t);
-    e && g().removeBlockState(e);
+    e && d().removeBlockState(e);
   }
   /**
    * Generates the next unique recommendation ID by scanning all existing blocks
@@ -150,8 +147,8 @@ class q extends R {
       const e = this.api.getDocumentRoot();
       e && "querySelectorAll" in e && e.querySelectorAll(`.${m}`).forEach((n) => {
         if ("getAttribute" in n) {
-          const o = n.getAttribute(u), s = o ? parseInt(o) : 0;
-          s > t && (t = s);
+          const o = n.getAttribute(u), r = o ? parseInt(o) : 0;
+          r > t && (t = r);
         }
       });
     } catch {
@@ -185,13 +182,13 @@ class q extends R {
         const o = this._getBlockElement(t);
         if (!o)
           return;
-        let s = -1;
+        let r = -1;
         for (let l = 0; l < n.length; l++)
           if (n[l] === o) {
-            s = l;
+            r = l;
             break;
           }
-        if (s <= 0)
+        if (r <= 0)
           return;
         this._reassignDuplicateId(t, e);
       } catch {
@@ -211,7 +208,7 @@ class q extends R {
   }
   /** 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 = g();
+    const i = this._reassignDuplicateId(t, e), n = d();
     n.cloneBlockState(e, i), n.setCurrentBlock(i);
   }
   /**
@@ -227,7 +224,7 @@ class q extends R {
    */
   _reassignDuplicateId(t, e) {
     const i = this._generateNextId(), n = this._getBlockElement(t);
-    return this._assignRecommendationId(t, i), n && this._reassignInstanceClass(n, e, i), c.hasConfig(t) && c.updateConfig(
+    return this._assignRecommendationId(t, i), n && this._reassignInstanceClass(n, e, i), s.hasConfig(t) && s.updateConfig(
       this.api,
       t,
       { recommendationId: i },
@@ -244,8 +241,8 @@ class q extends R {
   _reassignInstanceClass(t, e, i) {
     if (!("getAttribute" in t))
       return;
-    const n = `ins-recommendation-v3-block-${e}`, o = `ins-recommendation-v3-block-${i}`, s = this.api.getDocumentModifier();
-    s.modifyHtml(t).removeClass(n).setClass(o), s.apply(new h(
+    const n = `ins-recommendation-v3-block-${e}`, o = `ins-recommendation-v3-block-${i}`, r = this.api.getDocumentModifier();
+    r.modifyHtml(t).removeClass(n).setClass(o), r.apply(new g(
       `Reassign recommendation instance class ${n} -> ${o}`
     ));
   }
@@ -260,7 +257,26 @@ class q extends R {
     if (!i)
       return;
     const n = this.api.getDocumentModifier();
-    n.modifyHtml(i).setAttribute(u, e.toString()), n.apply(new h(`Assign recommendation ID ${e}`));
+    n.modifyHtml(i).setAttribute(u, e.toString()), n.apply(new g(`Assign recommendation ID ${e}`));
+  }
+  /**
+   * Stamps the `hide-price` attribute (read by email-service at send time) on
+   * the block element from the config flag.
+   */
+  _stampHidePrice(t, e) {
+    const i = this._getBlockElement(t);
+    i && this.api.getDocumentModifier().modifyHtml(i).setAttribute(I, String(e)).apply(new g("Stamp hide-price"));
+  }
+  /**
+   * Stamps `hide-price` from config only when the block lacks the attribute —
+   * heals templates saved before this feature without dirtying current ones.
+   */
+  _healHidePriceAttr(t) {
+    const e = this._getBlockElement(t);
+    if (!e || !("getAttribute" in e) || e.getAttribute(I) !== null)
+      return;
+    const { priceHideIfSameAsDiscounted: i } = s.getConfig(t);
+    this._stampHidePrice(t, i);
   }
   /**
    * Gets the recommendation-id from a block node
@@ -290,7 +306,7 @@ class q extends R {
    * Migrate configuration from legacy format
    */
   _migrateFromLegacy(t) {
-    c.migrateFromDataAttributes(this.api, t);
+    s.migrateFromDataAttributes(this.api, t);
   }
 }
 export {

package/dist/extensions/Blocks/Recommendation/constants/defaultConfig.js

@@ -1,34 +1,34 @@
-import { DEFAULT_COLUMN_SPACING as R, DEFAULT_ROW_SPACING as U, DEFAULT_MOBILE_ROW_SPACING as i, DEFAULT_MOBILE_COLUMN_SPACING as s, DEFAULT_MOBILE_CARDS_IN_ROW as o, DEFAULT_CARDS_IN_ROW as C } from "./layout.js";
-import { ATTR_PRODUCT_IMAGE as _, ATTR_PRODUCT_NAME as e, ATTR_PRODUCT_OLD_PRICE as t, ATTR_PRODUCT_PRICE as T, ATTR_PRODUCT_OMNIBUS_PRICE as r, ATTR_PRODUCT_OMNIBUS_DISCOUNT as I, ATTR_PRODUCT_BUTTON as n } from "./selectors.js";
-const O = {
+import { DEFAULT_COLUMN_SPACING as n, DEFAULT_ROW_SPACING as s, DEFAULT_MOBILE_ROW_SPACING as R, DEFAULT_MOBILE_COLUMN_SPACING as U, DEFAULT_MOBILE_CARDS_IN_ROW as e, DEFAULT_CARDS_IN_ROW as C } from "./layout.js";
+import { ATTR_PRODUCT_IMAGE as o, ATTR_PRODUCT_NAME as t, ATTR_PRODUCT_OLD_PRICE as _, ATTR_PRODUCT_PRICE as T, ATTR_PRODUCT_OMNIBUS_PRICE as r, ATTR_PRODUCT_OMNIBUS_DISCOUNT as i, ATTR_PRODUCT_BUTTON as I } from "./selectors.js";
+const D = {
   code: "USD",
   symbol: "USD",
   alignment: "after",
   decimalCount: 2,
   decimalSeparator: ".",
   thousandSeparator: ","
-}, D = {
+}, O = {
   textBefore: "",
   textAfter: ""
-}, A = {
+}, a = {
   textBefore: "",
   textAfter: ""
-}, a = [
-  _,
-  e,
+}, A = [
+  o,
   t,
+  _,
   T,
   r,
-  I,
-  n
-], E = {
-  [_]: !0,
-  [e]: !0,
-  [T]: !0,
+  i,
+  I
+], c = {
+  [o]: !0,
   [t]: !0,
+  [T]: !0,
+  [_]: !0,
   [r]: !1,
-  [I]: !1,
-  [n]: !0
+  [i]: !1,
+  [I]: !0
 }, l = {
   // Settings
   strategy: "mostPopular",
@@ -36,36 +36,45 @@ const O = {
   size: "6",
   shuffleProducts: !1,
   language: "en_US",
-  currency: O,
+  currency: D,
   filters: [],
   // Layout
   layout: "grid",
   cardsInRow: C,
-  mobileCardsInRow: o,
+  mobileCardsInRow: e,
   mobileLayoutEnabled: !1,
-  previousMobileCardsInRow: o,
-  columnSpacing: R,
-  rowSpacing: U,
-  mobileColumnSpacing: s,
-  mobileRowSpacing: i,
+  previousMobileCardsInRow: e,
+  columnSpacing: n,
+  rowSpacing: s,
+  mobileColumnSpacing: U,
+  mobileRowSpacing: R,
   // Composition
-  composition: a,
-  visibility: E,
+  composition: A,
+  visibility: c,
   // Element settings
-  omnibusPrice: D,
-  omnibusDiscount: A,
+  omnibusPrice: O,
+  omnibusDiscount: a,
   textTrimming: !1,
+  // Price placement (block-level, affects all cards)
+  // Default ON = current stacked look, so existing templates are unaffected.
+  priceMovedToNextLine: !0,
+  // Default OFF: the original price always shows; the user opts in to hide it
+  // when it equals the sale price. Mirrors email-service's `hide-price` default
+  // of "false" (the actual hiding happens server-side at send).
+  priceHideIfSameAsDiscounted: !1,
   // Meta
+  // Version NOT bumped: mergeWithDefaults() backfills the two new fields from
+  // defaults, so no data transform (and no needsMigration trigger) is required.
   configVersion: 1,
   recommendationId: 0
 }, N = [11, 12], m = 1;
 export {
   m as CURRENT_CONFIG_VERSION,
-  a as DEFAULT_COMPOSITION,
-  O as DEFAULT_CURRENCY,
+  A as DEFAULT_COMPOSITION,
+  D as DEFAULT_CURRENCY,
   l as DEFAULT_NODE_CONFIG,
-  A as DEFAULT_OMNIBUS_DISCOUNT,
-  D as DEFAULT_OMNIBUS_PRICE,
-  E as DEFAULT_VISIBILITY,
+  a as DEFAULT_OMNIBUS_DISCOUNT,
+  O as DEFAULT_OMNIBUS_PRICE,
+  c as DEFAULT_VISIBILITY,
   N as EXCLUDED_ALGORITHM_IDS
 };