@useinsider/guido 3.9.0 → 3.9.1

package/dist/extensions/Blocks/Items/utils/nodeConfigUtils.js

@@ -1,17 +1,24 @@
 import { ModificationDescription as b } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { DefaultConfigValues as i, SETTINGS_ENUMS as n, ItemInCartOptions as g } from "../enums/settingsEnums.js";
+import { ItemInCartOptions as p, DefaultConfigValues as i, SETTINGS_ENUMS as c } from "../enums/settingsEnums.js";
 function _() {
   return String(Date.now() + Math.floor(Math.random() * 1e3));
 }
-const E = (r) => r.replace(/\$/g, "$$$$");
-function y() {
+const S = (r) => r.replace(/\$/g, "$$$$");
+function y(r, t) {
+  const e = p[t], n = e ? e.findIndex((u) => u.value === r) : -1;
+  if (n >= 0)
+    return String(n + 1);
+  const o = typeof r == "string" ? r.match(/\((\d+)\)/) : null;
+  return (o == null ? void 0 : o[1]) ?? "1";
+}
+function A() {
   return {
     initialized: !0,
     blockInstanceId: _(),
-    source: n.ITEMS_TYPE.CART_ITEMS,
-    type: n.ITEMS_TYPE.CART_ITEMS,
+    source: c.ITEMS_TYPE.CART_ITEMS,
+    type: c.ITEMS_TYPE.CART_ITEMS,
     itemsSelectValue: i.cartItemsSelectControlValue,
-    orientation: n.ORIENTATION.VERTICAL,
+    orientation: c.ORIENTATION.VERTICAL,
     nameTrimming: i.productNameTrimmingControlValue === "1",
     priceHideDiscount: i.productPriceHideDiscountControlValue === "1",
     priceFormatted: i.productPriceFormattedControlValue === "1",
@@ -33,7 +40,7 @@ function y() {
     buttonVisible: i.productButtonVisible === "1"
   };
 }
-function p(r) {
+function g(r) {
   if (!r)
     return null;
   const t = r.closest(".items-block-v2");
@@ -41,14 +48,14 @@ function p(r) {
 }
 function m(r) {
   return r ? {
-    CartItems: n.ITEMS_TYPE.CART_ITEMS,
-    BrowsedItems: n.ITEMS_TYPE.BROWSED_ITEMS,
-    PurchasedItems: n.ITEMS_TYPE.PURCHASED_ITEMS,
+    CartItems: c.ITEMS_TYPE.CART_ITEMS,
+    BrowsedItems: c.ITEMS_TYPE.BROWSED_ITEMS,
+    PurchasedItems: c.ITEMS_TYPE.PURCHASED_ITEMS,
     // Also handle already correct formats
-    CART_ITEMS: n.ITEMS_TYPE.CART_ITEMS,
-    BROWSED_ITEMS: n.ITEMS_TYPE.BROWSED_ITEMS,
-    PURCHASED_ITEMS: n.ITEMS_TYPE.PURCHASED_ITEMS
-  }[r] || n.ITEMS_TYPE.CART_ITEMS : n.ITEMS_TYPE.CART_ITEMS;
+    CART_ITEMS: c.ITEMS_TYPE.CART_ITEMS,
+    BROWSED_ITEMS: c.ITEMS_TYPE.BROWSED_ITEMS,
+    PURCHASED_ITEMS: c.ITEMS_TYPE.PURCHASED_ITEMS
+  }[r] || c.ITEMS_TYPE.CART_ITEMS : c.ITEMS_TYPE.CART_ITEMS;
 }
 function f(r, t) {
   if (!r)
@@ -56,27 +63,27 @@ function f(r, t) {
   if (r.includes("{{"))
     return r;
   if (/^\d+$/.test(r)) {
-    const e = parseInt(r) - 1, o = g[t];
-    if (o && o[e])
-      return o[e].value;
+    const e = parseInt(r) - 1, n = p[t];
+    if (n && n[e])
+      return n[e].value;
   }
   return i.cartItemsSelectControlValue;
 }
-function C(r) {
+function I(r) {
   const t = r.querySelector("esd-config-block");
   if (!t)
     return null;
-  const e = (u, s) => u == null ? s : u === "1" || u === "true", o = (u, s) => u || s, c = t.getAttribute("data-type"), a = m(c), d = t.getAttribute("data-cart_items_select_control_value"), l = f(d, a);
+  const e = (a, s) => a == null ? s : a === "1" || a === "true", n = (a, s) => a || s, o = t.getAttribute("data-type"), u = m(o), d = t.getAttribute("data-cart_items_select_control_value"), l = f(d, u);
   return {
     initialized: e(t.getAttribute("data-initialized"), !1),
-    blockInstanceId: o(
+    blockInstanceId: n(
       t.getAttribute("data-block-instance-id"),
       _()
     ),
-    source: a,
-    type: a,
+    source: u,
+    type: u,
     itemsSelectValue: l,
-    orientation: t.getAttribute("data-card_orientation_control_value") || n.ORIENTATION.VERTICAL,
+    orientation: t.getAttribute("data-card_orientation_control_value") || c.ORIENTATION.VERTICAL,
     nameTrimming: e(
       t.getAttribute("data-product_name_control_trim"),
       !0
@@ -93,11 +100,11 @@ function C(r) {
       t.getAttribute("data-product_price_control_single_price"),
       !1
     ),
-    priceCurrencySymbol: o(
+    priceCurrencySymbol: n(
       t.getAttribute("data-product_price_control_currency_symbol"),
       i.productPriceCurrencySymbolControlValue
     ),
-    priceCurrencyLocation: o(
+    priceCurrencyLocation: n(
       t.getAttribute("data-product_price_currency_location"),
       i.productPriceCurrencyLocationControlValue
     ),
@@ -106,15 +113,15 @@ function C(r) {
       t.getAttribute("data-product_quantity_control_enabled"),
       !0
     ),
-    buttonLink: o(
+    buttonLink: n(
       t.getAttribute("data-product_button_link"),
       i.productButtonLinkControlValue
     ),
-    imageLink: o(
+    imageLink: n(
       t.getAttribute("data-product_image_link"),
       i.productImageLinkControlValue
     ),
-    buttonLabel: o(
+    buttonLabel: n(
       t.getAttribute("data-product_button_control_label"),
       "Buy"
     ),
@@ -149,7 +156,7 @@ function C(r) {
     )
   };
 }
-function I(r) {
+function C(r) {
   if (typeof r.getAttribute != "function")
     return null;
   const t = r.getAttribute("esd-ext-config");
@@ -163,31 +170,32 @@ function I(r) {
   }
   return null;
 }
-function A(r) {
-  const t = p(r);
+function V(r) {
+  const t = g(r);
   if (!t)
     return null;
   const e = t.getNodeConfig();
   if (e && e.initialized)
     return e;
+  const n = C(t);
+  if (n)
+    return n;
   const o = I(t);
-  if (o)
-    return o;
-  const c = C(t);
-  return c || null;
+  return o || null;
 }
-function V(r, t, e, o) {
-  const c = p(r);
-  if (!c)
+function M(r, t, e, n) {
+  const o = g(r);
+  if (!o)
     return;
-  const d = { ...c.getNodeConfig() || {}, ...e }, l = o ?? t.getDocumentModifier();
-  l.modifyHtml(c).setNodeConfig(d), o || l.apply(new b("Update Items block configuration"));
+  const d = { ...o.getNodeConfig() || {}, ...e }, l = n ?? t.getDocumentModifier();
+  l.modifyHtml(o).setNodeConfig(d), n || l.apply(new b("Update Items block configuration"));
 }
 export {
-  E as escapeReplacement,
+  y as deriveItemNumber,
+  S as escapeReplacement,
   _ as generateBlockInstanceId,
-  y as getDefaultItemsBlockConfig,
-  A as getItemsBlockConfig,
-  p as getItemsBlockContainer,
-  V as setItemsBlockConfig
+  A as getDefaultItemsBlockConfig,
+  V as getItemsBlockConfig,
+  g as getItemsBlockContainer,
+  M as setItemsBlockConfig
 };

package/dist/extensions/Blocks/Recommendation/templates/list/template.js

@@ -1,5 +1,5 @@
-import { ATTR_PRODUCT_IMAGE as p, ATTR_PRODUCT_BUTTON as C, ATTR_PRODUCT_OLD_PRICE as f, ATTR_PRODUCT_PRICE as m } from "../../constants/selectors.js";
-import { buildSpacer as I, DEFAULT_CARD_COMPOSITION as g, buildElementRenderer as E, buildCellOptions as a, resolveInlinePriceOrder as w, DEFAULT_CARD_VISIBILITY as y } from "../utils.js";
+import { ATTR_PRODUCT_IMAGE as p, ATTR_PRODUCT_BUTTON as C, ATTR_PRODUCT_OLD_PRICE as A, ATTR_PRODUCT_PRICE as m } from "../../constants/selectors.js";
+import { buildSpacer as I, DEFAULT_CARD_COMPOSITION as g, buildElementRenderer as E, buildCellOptions as i, resolveInlinePriceOrder as w, DEFAULT_CARD_VISIBILITY as y } from "../utils.js";
 import { listElementRenderer as L, renderInlineListPriceRow as O } from "./elementRenderer.js";
 const S = "0 5px";
 function U(l, r, n) {
@@ -27,40 +27,40 @@ const N = `
         </td>
     </tr>
 `;
-function $(l, r = g, n = {}, e = {}) {
+function x(l, r = g, n = {}, e = {}) {
   const {
     cellPadding: o = S,
     cardBackgroundColor: d,
     visibility: c,
-    priceInline: i = !1
-  } = e, u = d ? ` style="background-color: ${d};"` : "", s = E(L, r, n), P = s[p](l, a(p, e)), R = w(r), T = `
+    priceInline: a = !1
+  } = e, u = d ? ` style="table-layout: fixed; background-color: ${d};"` : ' style="table-layout: fixed;"', s = E(L, r, n), P = s[p](l, i(p, e)), R = w(r), T = `
         <td class="product-info-cell" valign="middle" style="padding: 15px;">
             <table cellpadding="0" cellspacing="0" role="presentation" width="100%" style="table-layout: fixed;">
                 <tbody>
-                    ${r.filter((t) => t !== p && t !== C).filter((t) => !(i && t === R.skip)).filter((t) => s[t]).map((t) => {
-    const b = (c == null ? void 0 : c[t]) ?? y[t] ?? !0, A = i && t === R.anchor ? O(
+                    ${r.filter((t) => t !== p && t !== C).filter((t) => !(a && t === R.skip)).filter((t) => s[t]).map((t) => {
+    const b = (c == null ? void 0 : c[t]) ?? y[t] ?? !0, f = a && t === R.anchor ? O(
       l,
       R.originalFirst,
-      a(m, e),
-      a(f, e)
-    ) : s[t](l, a(t, e));
-    return U(A, t, b);
+      i(m, e),
+      i(A, e)
+    ) : s[t](l, i(t, e));
+    return U(f, t, b);
   }).join(`
                     `)}
                 </tbody>
             </table>
         </td>
-    `, _ = s[C](l, a(C, e)), D = P + T + _;
+    `, _ = s[C](l, i(C, e)), D = P + T + _;
   return N.replace("{-{-CARD_PADDING-}-}", o).replace("{-{-WRAPPER_STYLE-}-}", u).replace("{-{-PRODUCT_CONTENT-}-}", D);
 }
 function W(l, r, n = {}, e = {}) {
   const o = I(e.rowSpacingPx);
   return l.map((d, c) => {
-    const i = $(d, r, n, e);
-    return c > 0 ? o + i : i;
+    const a = x(d, r, n, e);
+    return c > 0 ? o + a : a;
   }).join("");
 }
 export {
-  $ as getListProductCard,
+  x as getListProductCard,
   W as prepareProductRows
 };

package/dist/package.json.js

@@ -1,4 +1,4 @@
-const o = { stripo: { version: "2.66.0" } }, s = {
+const o = { stripo: { version: "2.68.0" } }, s = {
   guido: o
 };
 export {

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

@@ -33,4 +33,13 @@ export declare class ItemsBlock extends Block {
      * Guarded to the nodeConfig-empty case so it runs once and never loops.
      */
     onDocumentChanged(node: ImmutableHtmlNode): void;
+    /**
+     * Bakes the compiler-read DOM attributes (`data-type`, `data-number`) onto the
+     * `.ins-product-td` container from the recovered config. Required for saved modules:
+     * `migrate()` (which backfills these) only runs at template load — never when a module
+     * is dropped into a live editor — so this is the one place the namespace + index get
+     * restored before export. The name `<a>` carries no data-type/data-number of its own and
+     * relies on this td-level fallback in pairProductVariables.
+     */
+    private _stampProductTdDomAttributes;
 }

package/dist/src/extensions/Blocks/Items/template.d.ts

@@ -3,6 +3,13 @@ declare const migrationTemplate = "ADD YOUR MIGRATION HERE";
 type ProductType = 'CART_ITEMS' | 'BROWSED_ITEMS' | 'PURCHASED_ITEMS';
 type OrientationType = 'vertical' | 'horizontal';
 type PriceOrientationType = 'vertical' | 'horizontal';
+/**
+ * Wraps a bare migrate-block `<td>` in a `<tr>` so it forms a valid table row.
+ * Stripo renders its `BlockType.*` tags as full rows, so both the migrate template
+ * (here) and the orientation-change rebuild (settingsControl._reOrderTemplate) must
+ * emit `<tr><td>` — otherwise the code editor flags the bare cell as invalid.
+ */
+export declare const wrapInTableRow: (html: string) => string;
 type TemplateParameters = {
     orientation: OrientationType;
     itemsType: ProductType;

package/dist/src/extensions/Blocks/Items/utils/nodeConfigUtils.d.ts

@@ -40,6 +40,18 @@ export declare function generateBlockInstanceId(): string;
  * Prevents currency symbols like "$", "R$", "HK$" from being interpreted as special replacement patterns.
  */
 export declare const escapeReplacement: (str: string) => string;
+/**
+ * Derives a card's 1-based product index from its `itemsSelectValue`.
+ * Prefers the position within ItemInCartOptions for the type; falls back to the
+ * `(N)` token in the value (e.g. "{{Browsed Item (3) Url}}" -> "3"); defaults to "1".
+ *
+ * Single source of truth so block.ts, settingsControl and template.ts stay in sync —
+ * the number feeds `data-number`, which pairProductVariables reads to index merge tags.
+ *
+ * `itemsSelectValue` is typed loosely because callers pass it straight from parsed
+ * configs where the field can be absent — the runtime guard below is load-bearing.
+ */
+export declare function deriveItemNumber(itemsSelectValue: string | undefined, itemsType: ProductType): string;
 /**
  * Returns default ItemsBlockConfig values.
  * These are used when initializing a new block or when migrating from legacy format.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.9.0",
+  "version": "3.9.1",
   "description": "Guido is a Vue + TypeScript wrapper for Email Plugin. Easily embed the email editor in your Vue applications.",
   "main": "./dist/guido.umd.cjs",
   "module": "./dist/library.js",
@@ -104,7 +104,7 @@
   },
   "guido": {
     "stripo": {
-      "version": "2.66.0"
+      "version": "2.68.0"
     }
   }
 }