@useinsider/guido 3.19.0-beta.e110e88 → 3.19.0-beta.e424587

package/dist/config/migrator/recommendationMigrator.js

@@ -1,6 +1,6 @@
 import { BlockId as f } from "../../enums/block.js";
-import { DEFAULT_NODE_CONFIG as b } from "../../extensions/Blocks/Recommendation/constants/defaultConfig.js";
-import { ATTR_RECOMMENDATION_TITLE as y } from "../../extensions/Blocks/Recommendation/constants/selectors.js";
+import { DEFAULT_NODE_CONFIG as y } from "../../extensions/Blocks/Recommendation/constants/defaultConfig.js";
+import { ATTR_RECOMMENDATION_TITLE as b } from "../../extensions/Blocks/Recommendation/constants/selectors.js";
 import { useTemplateStore as T } from "../../stores/template.js";
 import { mapComposition as v } from "./recommendation/compositionMapper.js";
 import { extractCurrencyFromBlock as C, extractTitleText as M, hasVisibleTitle as R, extractCardBgColor as S, isPartnerManagedBlock as h } from "./recommendation/extractors.js";
@@ -8,28 +8,28 @@ import { buildBlockHtml as w } from "./recommendation/htmlBuilder.js";
 import { parseRecommendationId as x, parseLegacyConfig as E } from "./recommendation/parseLegacyConfig.js";
 import { mapSettings as A } from "./recommendation/settingsMapper.js";
 const H = 'td[esd-dev-product-config][class*="ins-recommendation-v3-block-"]:not(.recommendation-block-v2), td.product-block[esd-handler-name*="EmailRecommendationV3"][esd-dev-product-config]:not(.recommendation-block-v2)';
-function B(n, t, a) {
+function B(n, t, c) {
   var l;
-  const o = x(t);
-  if (o === null)
+  const r = x(t);
+  if (r === null)
     return console.warn(
       "[RecommendationMigrator] Skipping block — missing/invalid `ins-recommendation-v3-campaign-id`"
     ), !1;
-  const r = E(t);
-  if (!r)
+  const o = E(t);
+  if (!o)
     return console.warn(
-      `[RecommendationMigrator] Aborting block id=${o} — \`esd-dev-product-config\` missing or unable to be parsed`
+      `[RecommendationMigrator] Aborting block id=${r} — \`esd-dev-product-config\` missing or unable to be parsed`
     ), !1;
-  const i = a[String(o)] ?? {
+  const a = c[String(r)] ?? {
     currencySettings: C(t)
-  }, c = A(i, r, o), e = v((l = r.composition) == null ? void 0 : l.variables), d = M(t);
-  e.titleVariable || (e.visibility[y] = R(t));
+  }, i = A(a, o, r), e = v((l = o.composition) == null ? void 0 : l.variables), d = M(t);
+  e.titleVariable || (e.visibility[b] = R(t));
   const p = S(t), g = {
-    ...c,
+    ...i,
     strategyId: "",
     composition: e.composition,
     visibility: e.visibility,
-    previousTitleHtml: b.previousTitleHtml,
+    previousTitleHtml: y.previousTitleHtml,
     textTrimming: e.anyTextTrimming
   }, m = h(t), u = `
         <table>
@@ -56,30 +56,37 @@ function B(n, t, a) {
         </table>
     `, s = n.parseFromString(u, "text/html").querySelector("td.esd-structure");
   return !s || !t.parentNode ? (console.warn(
-    `[RecommendationMigrator] Aborting block id=${o} — failed to construct new HTML element`
+    `[RecommendationMigrator] Aborting block id=${r} — failed to construct new HTML element`
   ), !1) : (t.parentNode.replaceChild(s, t), !0);
 }
 function G(n, t = {}) {
-  const a = new DOMParser(), o = a.parseFromString(n, "text/html"), r = Array.from(o.querySelectorAll(H));
+  const c = new DOMParser();
+  let r;
+  try {
+    r = c.parseFromString(n, "text/html");
+  } catch (i) {
+    return console.error("[RecommendationMigrator] Failed to parse template:", i), n;
+  }
+  const o = Array.from(r.querySelectorAll(H));
   try {
     T().$patch((e) => {
       e.migrations = {
         ...e.migrations,
-        [f.Recommendation]: r.length
+        [f.Recommendation]: o.length
       };
     });
   } catch {
   }
-  if (r.length === 0)
+  if (o.length === 0)
     return n;
-  let i = 0;
-  return r.forEach((c) => {
+  let a = 0;
+  return o.forEach((i) => {
     try {
-      B(a, c, t) && (i += 1);
+      B(c, i, t) && (a += 1);
     } catch (e) {
       console.error("[RecommendationMigrator] Unexpected error migrating block:", e);
     }
-  }), i > 0 && console.info(`[RecommendationMigrator] Migrated ${i} legacy Recommendation block(s)`), o.documentElement.outerHTML;
+  }), a > 0 && console.info(`[RecommendationMigrator] Migrated ${a} legacy Recommendation block(s)`), r.documentElement.outerHTML;
 }
 export {
   G as migrateRecommendation

package/dist/config/migrator/recommendationPartnerMigrator.js

@@ -0,0 +1,56 @@
+import { RECOMMENDATION_ID_ATTR as a, SELECTOR_ATTRIBUTE_ROW as f, ATTR_DATA_ATTRIBUTE_TYPE as _, ATTR_CUSTOM_PREFIX as g, ATTR_DATA_CARD_COMPOSITION as m, ATTR_DATA_CUSTOM_ATTRIBUTES as R } from "../../extensions/Blocks/Recommendation/constants/selectors.js";
+import { carriesForeignPartnerConfig as O, canJudgeUnstampedBlock as d, withoutCustomAttributes as l } from "../../extensions/Blocks/Recommendation/utils/partnerScope.js";
+const E = ".recommendation-block-v2[esd-ext-config]", T = "esd-ext-config";
+function S(t) {
+  const r = t.getAttribute(T);
+  if (!r)
+    return null;
+  try {
+    const e = JSON.parse(r);
+    return e && typeof e == "object" && !Array.isArray(e) ? e : null;
+  } catch {
+    return null;
+  }
+}
+function p(t, r, e) {
+  const s = l(r.composition ?? []);
+  t.querySelectorAll(f).forEach((o) => {
+    var u;
+    (u = o.getAttribute(_)) != null && u.startsWith(g) && o.remove();
+  }), t.setAttribute(m, s.join(",")), t.setAttribute(R, "[]"), t.setAttribute(T, JSON.stringify({
+    ...r,
+    strategyId: "",
+    strategy: "",
+    filters: [],
+    productIds: [],
+    composition: s,
+    partnerName: e
+  }));
+}
+function I(t, { partnerName: r, campaignUrls: e, rrsEnabled: s }) {
+  if (!r)
+    return t;
+  let o;
+  try {
+    o = new DOMParser().parseFromString(t, "text/html");
+  } catch (n) {
+    return console.error("[RecommendationPartnerMigrator] Failed to parse template:", n), t;
+  }
+  const u = Array.from(o.querySelectorAll(E));
+  if (u.length === 0)
+    return t;
+  let c = 0;
+  return u.forEach((n) => {
+    const i = S(n), A = Number(n.getAttribute(a));
+    if (!(!i || !Number.isFinite(A))) {
+      if (O({ config: i, blockId: A, partnerName: r, campaignUrls: e, rrsEnabled: s })) {
+        p(n, i, r), c += 1;
+        return;
+      }
+      i.partnerName || !d({ config: i, campaignUrls: e, rrsEnabled: s }) || (n.setAttribute(T, JSON.stringify({ ...i, partnerName: r })), c += 1);
+    }
+  }), c > 0 ? o.documentElement.outerHTML : t;
+}
+export {
+  I as migrateRecommendationPartnerScope
+};

package/dist/enums/extensions/recommendationBlock.js

@@ -1,5 +1,5 @@
 import { useTranslations as s } from "../../composables/useTranslations.js";
-const a = {
+const t = {
   RECOMMENDATION_API_URL: "https://recommendationv2.api.useinsider.com",
   // Relative path → same-origin as the embedding inone dashboard.
   PRODUCT_ATTRIBUTES_PATH: "/product-attributes/get-attributes",
@@ -9,17 +9,17 @@ const a = {
   MIGRATE_STRATEGIES_PATH: "/newsletter/recommendations/migrate-strategies",
   // The template route narrows the recommendations resource before the action: the id
   // travels in the body, not the path.
-  TEMPLATE_MIGRATE_STRATEGIES_PATH: "/newsletter/recommendations/template/migrate-strategies",
-  // Smart Recommender hides the Email channel unless the URL asks for it, so a strategy created
-  // without this flag can never be Email-suitable and would never reach the editor's list.
-  RECOMMENDATION_STRATEGY_CREATE_PATH: "/discovery/recommendation-strategies/create?isEmail=true"
-}, d = (e) => {
-  const { RECOMMENDATION_STRATEGIES_PANEL_PATH: n } = a;
-  return `${n}/${e}/edit?isEmail=true`;
-}, m = {
-  campaign: a.MIGRATE_STRATEGIES_PATH,
-  template: a.TEMPLATE_MIGRATE_STRATEGIES_PATH
+  TEMPLATE_MIGRATE_STRATEGIES_PATH: "/newsletter/recommendations/template/migrate-strategies"
+}, d = () => {
+  const { RECOMMENDATION_STRATEGIES_PANEL_PATH: e } = t;
+  return `${e}/create`;
+}, m = (e) => {
+  const { RECOMMENDATION_STRATEGIES_PANEL_PATH: n } = t;
+  return `${n}/${e}/edit`;
 }, T = {
+  campaign: t.MIGRATE_STRATEGIES_PATH,
+  template: t.TEMPLATE_MIGRATE_STRATEGIES_PATH
+}, p = {
   CLIENT_ID: "clientId"
 }, E = () => {
   const e = s();
@@ -85,21 +85,21 @@ const a = {
       path: "top-sellers"
     }
   ];
-}, p = ["discount", "omnibus_price", "omnibus_discount", "price", "original_price"], A = [
+}, A = ["discount", "omnibus_price", "omnibus_discount", "price", "original_price"], v = [
   { text: "before the amount", value: "0" },
   { text: "after the amount", value: "1" }
-], v = [
+], _ = [
   { text: "dot(.)", value: "." },
   { text: "comma(,)", value: "," },
   { text: "space( )", value: " " }
-], _ = [
+], h = [
   { text: "0", value: "0" },
   { text: "1", value: "1" },
   { text: "2", value: "2" },
   { text: "3", value: "3" },
   { text: "4", value: "4" },
   { text: "5", value: "5" }
-], r = "||", t = [
+], r = "||", a = [
   { text: "is exactly", value: "=" },
   { text: "contains", value: "~" },
   { text: "does not contain", value: "!~" },
@@ -121,9 +121,9 @@ const a = {
 ], c = [
   { text: "true", value: "==" },
   { text: "false", value: "!=" }
-], h = (e) => {
+], x = (e) => {
   if (!e)
-    return t;
+    return a;
   switch (e) {
     case "Boolean":
       return c;
@@ -132,28 +132,29 @@ const a = {
     case "Number":
       return i;
     case "String":
-      return t;
+      return a;
     case "Strings":
       return o;
     default:
-      return t;
+      return a;
   }
 };
 export {
-  m as MIGRATION_PATHS,
+  T as MIGRATION_PATHS,
   r as OP_ANY_OF,
-  p as PriceAttributes,
-  T as QUERY_PARAMS,
-  a as URLS,
-  _ as currencyDecimalCounts,
-  A as currencyLocationMaps,
-  v as currencyOperators,
-  h as getOperatorOptions,
+  A as PriceAttributes,
+  p as QUERY_PARAMS,
+  t as URLS,
+  h as currencyDecimalCounts,
+  v as currencyLocationMaps,
+  _ as currencyOperators,
+  x as getOperatorOptions,
   E as getRecommendationFeedSourceMaps,
   o as operatorOptionsForArrayOfStrings,
   c as operatorOptionsForBooleans,
   u as operatorOptionsForDates,
   i as operatorOptionsForNumbers,
-  t as operatorOptionsForStrings,
-  d as strategyEditPath
+  a as operatorOptionsForStrings,
+  d as strategyCreatePath,
+  m as strategyEditPath
 };

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

@@ -1,32 +1,33 @@
 var k = Object.defineProperty;
-var D = (l, a, t) => a in l ? k(l, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : l[a] = t;
-var y = (l, a, t) => D(l, typeof a != "symbol" ? a + "" : a, t);
-import { BlockId as N } from "../../../enums/block.js";
+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);
+import { BlockId as D } from "../../../enums/block.js";
 import { useOnboardingStore as T } from "../../../stores/onboarding.js";
-import { getMigrationBannerHtml as S } from "../../../utils/migrationBannerHtml.js";
-import { Block as A, BlockCompositionType as M, ModificationDescription as u } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { currencyAttrTargets as H, ITEMS_CURRENCY_ATTR as m } from "./constants/currency.js";
-import { ItemsBlockId as R } from "./enums/controlEnums.js";
-import { SETTINGS_ENUMS as C, DefaultConfigValues as g } from "./enums/settingsEnums.js";
+import { getMigrationBannerHtml as N } from "../../../utils/migrationBannerHtml.js";
+import { Block as H, BlockCompositionType as R, ModificationDescription as u } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { PRODUCT_WRAPPER_SELECTOR as M, isZeroWidthValue as m } from "./constants/cardWidth.js";
+import { currencyAttrTargets as w, ITEMS_CURRENCY_ATTR as y } from "./constants/currency.js";
+import { ItemsBlockId as E } from "./enums/controlEnums.js";
+import { SETTINGS_ENUMS as b, DefaultConfigValues as p } from "./enums/settingsEnums.js";
 import { getDefaultTemplate as O } from "./template.js";
-import { getItemsBlockContainer as b, getItemsBlockConfig as h, deriveItemNumber as B, generateBlockInstanceId as E, getDefaultItemsBlockConfig as w } from "./utils/nodeConfigUtils.js";
-const _ = N.Items, P = "Reconcile Items currency DOM attributes";
-class K extends A {
+import { getItemsBlockContainer as _, getItemsBlockConfig as C, deriveItemNumber as B, generateBlockInstanceId as P, getDefaultItemsBlockConfig as v } from "./utils/nodeConfigUtils.js";
+const A = D.Items, V = "Reconcile Items currency DOM attributes";
+class $ extends H {
   constructor() {
     super(...arguments);
     /** Block instances whose currency attrs were already self-healed this session (SD-147588 — undo-safe). */
-    y(this, "_currencyHealed", /* @__PURE__ */ new Set());
+    g(this, "_currencyHealed", /* @__PURE__ */ new Set());
     /** blockInstanceIds already claimed by a live block this session (SD-147588 collision detection). */
-    y(this, "_seenInstanceIds", /* @__PURE__ */ new Set());
+    g(this, "_seenInstanceIds", /* @__PURE__ */ new Set());
   }
   getId() {
-    return _;
+    return A;
   }
   getIcon() {
     return "items-icon";
   }
   getBlockCompositionType() {
-    return M.CONTAINER;
+    return R.CONTAINER;
   }
   getName() {
     return this.api.translate("Items");
@@ -35,20 +36,20 @@ class K extends A {
     return this.api.translate("Items lets you display personalized products based on user behavior.");
   }
   getSettingsPanelTitleHtml() {
-    return S(
-      _,
+    return N(
+      A,
       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.")
     );
   }
   getTemplate() {
     return O({
-      orientation: C.ORIENTATION.VERTICAL,
-      itemsType: C.ITEMS_TYPE.CART_ITEMS,
+      orientation: b.ORIENTATION.VERTICAL,
+      itemsType: b.ITEMS_TYPE.CART_ITEMS,
       itemId: "{{Abandoned Cart Item (1) Url}}",
-      currencySymbol: g.productPriceCurrencySymbolControlValue,
-      currencyLocation: g.productPriceCurrencyLocationControlValue,
-      formattedPrice: g.productPriceFormattedControlValue === "1"
+      currencySymbol: p.productPriceCurrencySymbolControlValue,
+      currencyLocation: p.productPriceCurrencyLocationControlValue,
+      formattedPrice: p.productPriceFormattedControlValue === "1"
     });
   }
   allowInnerBlocksDND() {
@@ -57,27 +58,27 @@ class K extends A {
   canBeSavedAsModule() {
     return !0;
   }
-  onCreated(t) {
-    const o = this.api.getDocumentModifier(), c = this.api.getDocumentRootCssNode();
-    c.querySelector('[product-attr="imageSrc"] img') || o.modifyCss(c).appendRule('[product-attr="imageSrc"] img {object-fit: contain;}');
-    const i = b(t);
-    if (!i)
+  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);
+    if (!r)
       return;
-    const r = i.getNodeConfig(), s = r && Object.keys(r).length > 0, e = h(t);
-    if (e != null && e.initialized) {
+    const o = r.getNodeConfig(), s = o && Object.keys(o).length > 0, i = C(e);
+    if (i != null && i.initialized) {
       if (!s) {
-        const d = this.api.getDocumentModifier();
-        d.modifyHtml(i).setNodeConfig(e), this._stampProductTdDomAttributes(i, e, d), this._shouldReconcileCurrency(e) && this._reconcileCurrencyDomAttributes(i, e, d), d.apply(new u("Migrate legacy config to nodeConfig")), this._markCurrencyHealed(e.blockInstanceId);
+        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;
       }
     } else {
-      const d = w(), p = this.api.getDocumentModifier();
-      p.modifyHtml(i).setNodeConfig(d), this._stampProductTdDomAttributes(i, d, p, !0), p.apply(new u("Initialize Items block with default configuration")), T().startOnboarding("itemsOnboarding");
+      const a = v(), I = this.api.getDocumentModifier();
+      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(e.blockInstanceId), f = this.api.getDocumentModifier();
-    let I = !1;
-    n !== e.blockInstanceId && (f.modifyHtml(i).setNodeConfig({ ...e, blockInstanceId: n }), I = !0), !this._currencyHealed.has(n) && this._reconcileCurrencyDomAttributes(i, e, f) && (I = !0), I && f.apply(new u("Assign Items block instance ID and reconcile currency")), this._markCurrencyHealed(n);
+    const n = 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);
   }
   /**
    * Re-seeds nodeConfig from the persisted esd-ext-config when a saved module
@@ -85,24 +86,24 @@ class K extends A {
    * 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(t) {
-    const o = b(t);
-    if (!o)
+  onDocumentChanged(e) {
+    const t = _(e);
+    if (!t)
       return;
-    const c = o.getNodeConfig();
+    const c = t.getNodeConfig();
     if (c && Object.keys(c).length > 0) {
-      const e = h(t);
-      if (e != null && e.initialized && this._shouldReconcileCurrency(e)) {
+      const i = C(e);
+      if (i != null && i.initialized && this._shouldReconcileCurrency(i)) {
         const n = this.api.getDocumentModifier();
-        this._reconcileCurrencyDomAttributes(o, e, n) && n.apply(new u(P)), this._markCurrencyHealed(e.blockInstanceId);
+        this._reconcileCurrencyDomAttributes(t, i, n) && n.apply(new u(V)), this._markCurrencyHealed(i.blockInstanceId);
       }
       return;
     }
-    const r = h(t);
-    if (!(r != null && r.initialized))
+    const o = C(e);
+    if (!(o != null && o.initialized))
       return;
     const s = this.api.getDocumentModifier();
-    s.modifyHtml(o).setNodeConfig(r), this._stampProductTdDomAttributes(o, r, s), this._shouldReconcileCurrency(r) && this._reconcileCurrencyDomAttributes(o, r, s), s.apply(new u("Recover Items block config from saved module")), this._markCurrencyHealed(r.blockInstanceId);
+    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);
   }
   /**
    * Bakes the compiler-read DOM attributes (`data-type`, `data-number`, `data-nodup`) onto the
@@ -112,11 +113,21 @@ class K extends A {
    * 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(t, o, c, i = !1) {
-    const r = B(o.itemsSelectValue, o.type), s = (e, n) => {
-      i && t.getAttribute(e) || c.modifyHtml(t).setAttribute(e, n);
+  _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);
     };
-    s("data-type", o.type), s("data-number", r), s("data-nodup", String(o.priceHideDiscount));
+    s("data-type", t.type), s("data-number", o), s("data-nodup", String(t.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%");
+    }), !0);
   }
   /**
    * Whether a currency self-heal pass should run for this block (SD-147588). The only gate here is
@@ -126,12 +137,12 @@ class K extends A {
    * 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(t) {
-    return !t.blockInstanceId || !this._currencyHealed.has(t.blockInstanceId);
+  _shouldReconcileCurrency(e) {
+    return !e.blockInstanceId || !this._currencyHealed.has(e.blockInstanceId);
   }
   /** Marks a block instance's currency as reconciled so it is not healed again (undo-safe). */
-  _markCurrencyHealed(t) {
-    t && this._currencyHealed.add(t);
+  _markCurrencyHealed(e) {
+    e && this._currencyHealed.add(e);
   }
   /**
    * Resolves the id for a just-created block to one that is unique per live instance.
@@ -140,13 +151,13 @@ class K extends A {
    * 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(t) {
-    let o = t;
-    if (!o || this._seenInstanceIds.has(o))
+  _resolveInstanceId(e) {
+    let t = e;
+    if (!t || this._seenInstanceIds.has(t))
       do
-        o = E();
-      while (this._seenInstanceIds.has(o));
-    return this._seenInstanceIds.add(o), o;
+        t = P();
+      while (this._seenInstanceIds.has(t));
+    return this._seenInstanceIds.add(t), t;
   }
   /**
    * Stamps the export-read currency attrs onto every price `<p>` from config, so a template whose
@@ -159,15 +170,15 @@ class K extends A {
    * 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(t, o, c) {
-    const { position: i, symbol: r } = H(o), s = t.querySelectorAll(`.${R.PRICE} p`);
-    let e = !1;
+  _reconcileCurrencyDomAttributes(e, t, c) {
+    const { position: r, symbol: o } = w(t), s = e.querySelectorAll(`.${E.PRICE} p`);
+    let i = !1;
     return s.forEach((n) => {
-      i !== void 0 && n.getAttribute(m.POSITION) !== i && (c.modifyHtml(n).setAttribute(m.POSITION, i), e = !0), r !== void 0 && n.getAttribute(m.SYMBOL) !== r && (c.modifyHtml(n).setAttribute(m.SYMBOL, r), e = !0);
-    }), e;
+      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);
+    }), i;
   }
 }
 export {
-  _ as BLOCK_ID,
-  K as ItemsBlock
+  A as BLOCK_ID,
+  $ as ItemsBlock
 };

package/dist/extensions/Blocks/Items/constants/cardLayout.js

@@ -0,0 +1,20 @@
+import { SETTINGS_ENUMS as r } from "../enums/settingsEnums.js";
+const I = "130px", L = "100%", R = (e) => e === r.ORIENTATION.HORIZONTAL ? I : L, n = {
+  VERTICAL: "es-p5b es-p5t",
+  HORIZONTAL: "es-p5l es-p5r"
+}, o = "data-items-cell-pad", d = (e) => `${o}="${e ? "v" : "h"}"`, t = (e) => e ? ` ${n.VERTICAL}` : ` ${n.HORIZONTAL}`, E = (e, A) => {
+  if (!e.includes(o))
+    return e;
+  const T = A ? n.HORIZONTAL : n.VERTICAL, s = A ? n.VERTICAL : n.HORIZONTAL, c = A ? "v" : "h";
+  return e.includes(T) ? e.replace(T, s).replace(new RegExp(`${o}="[hv]"`), `${o}="${c}"`) : e;
+};
+export {
+  n as BLOCK_CELL_PADDING,
+  o as BLOCK_CELL_PAD_ATTR,
+  I as NAME_HORIZONTAL_MAX_WIDTH,
+  L as NAME_VERTICAL_MAX_WIDTH,
+  d as blockCellPadMarker,
+  t as blockCellPaddingFor,
+  R as nameMaxWidthFor,
+  E as reorientBlockCellPadding
+};

package/dist/extensions/Blocks/Items/constants/cardWidth.js

@@ -0,0 +1,20 @@
+const R = ".ins-product-td", T = ".ins-product-wrapper", s = "width: 100%", c = /(^|;)\s*width\s*:\s*0(?:px|%)?\s*(?:!important)?\s*(?=;|$)/i, n = new RegExp(c.source, "gi"), o = /(^|;)\s*width\s*:/i, _ = /^0(?:px|%)?$/i, a = (t) => _.test((t ?? "").trim()), E = (t) => c.test(t), h = (t) => {
+  if (E(t))
+    return t.replace(
+      n,
+      (i, e) => `${e}${e ? " " : ""}${s}`
+    );
+  if (o.test(t))
+    return t;
+  const r = t.trim();
+  return r ? r.endsWith(";") ? `${r} ${s};` : `${r}; ${s};` : `${s};`;
+}, p = (t) => t.replace(n, (r, i) => i).replace(/;{2,}/g, ";").replace(/^\s*;\s*/, "").replace(/;\s*$/, "").trim();
+export {
+  R as PRODUCT_TD_SELECTOR,
+  T as PRODUCT_WRAPPER_SELECTOR,
+  s as WIDTH_PIN_DECLARATION,
+  E as hasZeroWidthDeclaration,
+  a as isZeroWidthValue,
+  h as withWidthPin,
+  p as withoutZeroWidth
+};

package/dist/extensions/Blocks/Items/controls/name/trimming.js

@@ -1,14 +1,15 @@
-import { ModificationDescription as l, UIElementType as s, UEAttr as d } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as p } from "../../../common-control.js";
+import { ModificationDescription as d, UIElementType as s, UEAttr as p } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CommonControl as T } from "../../../common-control.js";
+import { nameMaxWidthFor as h } from "../../constants/cardLayout.js";
 import { ItemsBlockControlId as a } from "../../enums/controlEnums.js";
-import { findNameTextNode as T } from "../../utils/nameNode.js";
-import { getItemsBlockConfig as r, setItemsBlockConfig as c } from "../../utils/nodeConfigUtils.js";
-const g = a.NAME_TRIMMING, i = {
+import { findNameTextNode as c } from "../../utils/nameNode.js";
+import { getItemsBlockConfig as r, setItemsBlockConfig as g } from "../../utils/nodeConfigUtils.js";
+const I = a.NAME_TRIMMING, n = {
   TRIMMING: "trimming"
 };
-class y extends p {
+class E extends T {
   getId() {
-    return g;
+    return I;
   }
   getTemplate() {
     return `
@@ -19,39 +20,39 @@ class y extends p {
   }
   onRender() {
     const e = r(this.currentNode);
-    this.api.updateValues({ [i.TRIMMING]: (e == null ? void 0 : e.nameTrimming) ?? !0 }), this.api.onValueChanged(i.TRIMMING, (t) => {
+    this.api.updateValues({ [n.TRIMMING]: (e == null ? void 0 : e.nameTrimming) ?? !0 }), this.api.onValueChanged(n.TRIMMING, (t) => {
       this._onTrimmingChange(t);
     });
   }
   onTemplateNodeUpdated(e) {
     super.onTemplateNodeUpdated(e), this.handleBlockInstanceChange(() => {
       const t = r(this.currentNode);
-      this.api.updateValues({ [i.TRIMMING]: (t == null ? void 0 : t.nameTrimming) ?? !0 });
+      this.api.updateValues({ [n.TRIMMING]: (t == null ? void 0 : t.nameTrimming) ?? !0 });
     });
   }
   _onTrimmingChange(e) {
-    c(this.currentNode, this.api, { nameTrimming: e }), this.api.updateValues({ [i.TRIMMING]: e }), this._applyTrimmingStyles(e);
+    g(this.currentNode, this.api, { nameTrimming: e }), this.api.updateValues({ [n.TRIMMING]: e }), this._applyTrimmingStyles(e);
   }
   _applyTrimmingStyles(e) {
-    const t = T(this.currentNode);
+    const t = c(this.currentNode);
     if (!t)
       return;
-    const n = r(this.currentNode), m = e !== void 0 ? e : (n == null ? void 0 : n.nameTrimming) ?? !0, o = this.api.getDocumentModifier().modifyHtml(t);
-    m ? o.setStyle("white-space", "nowrap").setStyle("overflow", "hidden").setStyle("text-overflow", "ellipsis") : o.removeStyle("white-space").removeStyle("overflow").removeStyle("text-overflow"), o.setStyle("max-width", "100%").apply(new l(`Text Trimming ${m ? "Enabled" : "Disabled"}`));
+    const i = r(this.currentNode), m = e !== void 0 ? e : (i == null ? void 0 : i.nameTrimming) ?? !0, l = h(i == null ? void 0 : i.orientation), o = this.api.getDocumentModifier().modifyHtml(t);
+    m ? o.setStyle("white-space", "nowrap").setStyle("overflow", "hidden").setStyle("text-overflow", "ellipsis") : o.removeStyle("white-space").removeStyle("overflow").removeStyle("text-overflow"), o.setStyle("max-width", l).apply(new d(`Text Trimming ${m ? "Enabled" : "Disabled"}`));
   }
   _getTextTrimming() {
     return `
             <div class="display-flex align-items-center justify-content-between">
                 <${s.LABEL}
-                    ${d.LABEL.text}="${this.api.translate("Text Trimming")}"
+                    ${p.LABEL.text}="${this.api.translate("Text Trimming")}"
                 >
                 </${s.LABEL}>
-                ${this._GuToggle(i.TRIMMING)}
+                ${this._GuToggle(n.TRIMMING)}
             </div>
         `;
   }
 }
 export {
-  g as CONTROL_BLOCK_ID,
-  y as NameTrimmingControl
+  I as CONTROL_BLOCK_ID,
+  E as NameTrimmingControl
 };