@useinsider/guido 3.4.0-beta.5d19726 → 3.4.1-beta.00eb92e

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

@@ -1,7 +1,7 @@
 var k = Object.defineProperty;
-var _ = (r, n, t) => n in r ? k(r, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[n] = t;
-var g = (r, n, t) => _(r, typeof n != "symbol" ? n + "" : n, t);
-import { BlockId as B } from "../../../enums/block.js";
+var B = (r, n, t) => n in r ? k(r, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[n] = t;
+var g = (r, n, t) => B(r, typeof n != "symbol" ? n + "" : n, t);
+import { BlockId as _ } from "../../../enums/block.js";
 import { getMigrationBannerHtml as b } from "../../../utils/migrationBannerHtml.js";
 import { Block as R, BlockCompositionType as y, ModificationDescription as C } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { regenerateMobileProductRows as A } from "./controls/main/utils.js";
@@ -9,9 +9,9 @@ import { ensureMobileCssRulesExist as d, setMobileLayoutOptOut as p, hasMobileLa
 import { RecommendationConfigService as s } from "./services/configService.js";
 import { useRecommendationExtensionStore as f } from "./store/recommendation.js";
 import { getDefaultTemplate as E } from "./templates/grid/template.js";
-const h = B.Recommendation, l = "recommendation-block-v2", m = "recommendation-id";
+const h = _.Recommendation, l = "recommendation-block-v2", m = "recommendation-id";
 let I = !1;
-class v extends R {
+class q extends R {
   constructor() {
     super();
     /**
@@ -47,6 +47,9 @@ class v extends R {
   allowInnerBlocksDND() {
     return !1;
   }
+  canBeSavedAsModule() {
+    return !1;
+  }
   /**
    * Returns the template HTML for a new recommendation block.
    * Generates a unique recommendation ID and embeds the instance class
@@ -190,5 +193,5 @@ class v extends R {
 }
 export {
   h as BLOCK_ID,
-  v as RecommendationBlock
+  q as RecommendationBlock
 };

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

@@ -1,11 +1,11 @@
-const T = ".recommendation-block-v2", c = ".ins-recommendation-product-container", o = ".ins-recommendation-desktop-container", n = ".ins-recommendation-mobile-container", t = ".ins-recommendation-mobile-row", r = {
+const T = ".recommendation-block-v2", c = ".ins-recommendation-product-container", o = ".ins-recommendation-desktop-container", n = ".ins-recommendation-mobile-container", t = ".ins-recommendation-mobile-row", r = "reco-v3-button", _ = {
   CURRENCY: "currency",
   SYMBOL: "currency-symbol",
   ALIGNMENT: "currency-alignment",
   THOUSAND_SEPARATOR: "currency-thousand-separator",
   DECIMAL_SEPARATOR: "currency-decimal-separator",
   DECIMAL_COUNT: "currency-decimal-count"
-}, R = "productImage", _ = "productName", e = "productPrice", O = "productOldPrice", s = "productOmnibusPrice", i = "productOmnibusDiscount", E = "productButton", A = "customAttr:", C = "data-custom-attributes", u = "product-attr", m = /* @__PURE__ */ new Set([
+}, R = "productImage", e = "productName", O = "productPrice", s = "productOldPrice", i = "productOmnibusPrice", C = "productOmnibusDiscount", E = "productButton", A = "customAttr:", u = "data-custom-attributes", m = "product-attr", a = /* @__PURE__ */ new Set([
   "name",
   // productName
   "price",
@@ -23,19 +23,20 @@ const T = ".recommendation-block-v2", c = ".ins-recommendation-product-container
 ]);
 export {
   A as ATTR_CUSTOM_PREFIX,
-  C as ATTR_DATA_CUSTOM_ATTRIBUTES,
-  u as ATTR_PRODUCT_ATTR,
+  u as ATTR_DATA_CUSTOM_ATTRIBUTES,
+  m as ATTR_PRODUCT_ATTR,
   E as ATTR_PRODUCT_BUTTON,
   R as ATTR_PRODUCT_IMAGE,
-  _ as ATTR_PRODUCT_NAME,
-  O as ATTR_PRODUCT_OLD_PRICE,
-  i as ATTR_PRODUCT_OMNIBUS_DISCOUNT,
-  s as ATTR_PRODUCT_OMNIBUS_PRICE,
-  e as ATTR_PRODUCT_PRICE,
+  e as ATTR_PRODUCT_NAME,
+  s as ATTR_PRODUCT_OLD_PRICE,
+  C as ATTR_PRODUCT_OMNIBUS_DISCOUNT,
+  i as ATTR_PRODUCT_OMNIBUS_PRICE,
+  O as ATTR_PRODUCT_PRICE,
   T as BLOCK_ROOT_SELECTOR,
-  m as BUILT_IN_DEFAULT_ATTRIBUTES,
+  a as BUILT_IN_DEFAULT_ATTRIBUTES,
   c as CONTAINER_SELECTOR,
-  r as CURRENCY_ATTR,
+  r as CSS_CLASS_RECO_BUTTON,
+  _ as CURRENCY_ATTR,
   o as DESKTOP_CONTAINER_SELECTOR,
   n as MOBILE_CONTAINER_SELECTOR,
   t as MOBILE_ROW_SELECTOR

package/dist/extensions/Blocks/Recommendation/templates/grid/elementRenderer.js

@@ -1,11 +1,11 @@
 import { RecommendationBlockId as s } from "../../constants/blockIds.js";
-import { ATTR_PRODUCT_ATTR as b, ATTR_PRODUCT_BUTTON as u, ATTR_PRODUCT_OMNIBUS_DISCOUNT as m, ATTR_PRODUCT_OMNIBUS_PRICE as h, ATTR_PRODUCT_OLD_PRICE as y, ATTR_PRODUCT_PRICE as T, ATTR_PRODUCT_NAME as f, ATTR_PRODUCT_IMAGE as x } from "../../constants/selectors.js";
-import { useRecommendationExtensionStore as _ } from "../../store/recommendation.js";
-import { formatPrice as $ } from "../../utils/priceFormatter.js";
-import { CUSTOM_CELL_HTML as C, sanitizeImageUrl as R } from "../utils.js";
+import { ATTR_PRODUCT_ATTR as u, CSS_CLASS_RECO_BUTTON as p, ATTR_PRODUCT_BUTTON as m, ATTR_PRODUCT_OMNIBUS_DISCOUNT as h, ATTR_PRODUCT_OMNIBUS_PRICE as y, ATTR_PRODUCT_OLD_PRICE as T, ATTR_PRODUCT_PRICE as f, ATTR_PRODUCT_NAME as _, ATTR_PRODUCT_IMAGE as x } from "../../constants/selectors.js";
+import { useRecommendationExtensionStore as $ } from "../../store/recommendation.js";
+import { formatPrice as C } from "../../utils/priceFormatter.js";
+import { CUSTOM_CELL_HTML as R, sanitizeImageUrl as O } from "../utils.js";
 const a = "0 5px", l = "attribute-cell";
-function p() {
-  const t = _(), { currencySettings: e } = t.recommendationConfigs;
+function g() {
+  const t = $(), { currencySettings: e } = t.recommendationConfigs;
   return {
     code: e.value,
     symbol: e.symbol,
@@ -16,13 +16,13 @@ function p() {
   };
 }
 function i(t, e = "price") {
-  const o = p(), n = t[e], d = (n == null ? void 0 : n[o.code]) ?? Object.values(n ?? {})[0] ?? 0;
-  return $({
+  const o = g(), n = t[e], d = (n == null ? void 0 : n[o.code]) ?? Object.values(n ?? {})[0] ?? 0;
+  return C({
     price: d,
     currency: o
   });
 }
-const I = {
+const S = {
   [x]: (t) => `
         <td class="${l}" style="padding: ${a}; height: 100%;" valign="top">
             <table
@@ -38,9 +38,9 @@ const I = {
                             class="esd-block-image product-image"
                             align="center"
                             esd-extension-block-id="${s.IMAGE}">
-                            <a target="_blank" href="${t.url}">
+                            <a target="_blank" href="${t.url}" class="${p}">
                                 <img
-                                    src="${R(t.image_url)}"
+                                    src="${O(t.image_url)}"
                                     alt="${t.name}"
                                     style="display: block; max-width: 100%; height: auto;"
                                     class="adapt-img">
@@ -51,7 +51,7 @@ const I = {
             </table>
         </td>
     `,
-  [f]: (t) => `
+  [_]: (t) => `
         <td class="${l}" style="padding: ${a}; height: 100%;" valign="middle">
             <table
                 class="product-card-segment"
@@ -76,7 +76,7 @@ const I = {
             </table>
         </td>
     `,
-  [T]: (t) => `
+  [f]: (t) => `
         <td class="${l}" style="padding: ${a}; height: 100%;" valign="top">
             <table
                 class="product-card-segment"
@@ -100,7 +100,7 @@ const I = {
             </table>
         </td>
     `,
-  [y]: (t) => `
+  [T]: (t) => `
         <td class="${l}" style="padding: ${a}; height: 100%;" valign="top">
             <table
                 class="product-card-segment"
@@ -124,7 +124,7 @@ const I = {
             </table>
         </td>
     `,
-  [h]: (t) => `
+  [y]: (t) => `
         <td class="${l}" style="padding: ${a}; height: 100%;" valign="top">
             <table
                 class="product-card-segment"
@@ -152,9 +152,9 @@ const I = {
             </table>
         </td>
     `,
-  [m]: (t) => {
+  [h]: (t) => {
     var r, c;
-    const e = p(), o = ((r = t.original_price) == null ? void 0 : r[e.code]) ?? Object.values(t.original_price ?? {})[0] ?? 0, n = ((c = t.price) == null ? void 0 : c[e.code]) ?? Object.values(t.price ?? {})[0] ?? 0, d = o > 0 ? Math.round((o - n) / o * 100) : 0, g = d > 0 ? `-${d}%` : "0%";
+    const e = g(), o = ((r = t.original_price) == null ? void 0 : r[e.code]) ?? Object.values(t.original_price ?? {})[0] ?? 0, n = ((c = t.price) == null ? void 0 : c[e.code]) ?? Object.values(t.price ?? {})[0] ?? 0, d = o > 0 ? Math.round((o - n) / o * 100) : 0, b = d > 0 ? `-${d}%` : "0%";
     return `
         <td class="${l}" style="padding: ${a}; height: 100%;" valign="top">
             <table
@@ -174,7 +174,7 @@ const I = {
                             esd-extension-block-id="${s.OMNIBUS_DISCOUNT}">
                             <p contenteditable="false" style="font-size: 12px; color: #666666;">
                                 <span class="omnibus-text-before"></span>
-                                <span class="omnibus-discount-value">${g}</span>
+                                <span class="omnibus-discount-value">${b}</span>
                                 <span class="omnibus-text-after"></span>
                             </p>
                         </td>
@@ -184,7 +184,7 @@ const I = {
         </td>
     `;
   },
-  [u]: () => `
+  [m]: () => `
         <td class="${l}" style="padding: ${a}; height: 100%;" valign="top">
             <table
                 class="product-card-segment"
@@ -208,7 +208,7 @@ const I = {
                                 ">
                                 <a
                                     href="#"
-                                    class="es-button buy-button"
+                                    class="es-button ${p}"
                                     target="_blank"
                                     style="
                                         color: rgb(56, 118, 29);
@@ -236,7 +236,7 @@ const I = {
    * @param productAttrValue - Resolved product-attr value (e.g., "brand" for default, "product_attribute.rating_star" for custom)
    * @param content - Display content for the cell
    */
-  [C]: (t, e) => `
+  [R]: (t, e) => `
         <td class="${l}" style="padding: ${a}; height: 100%;" valign="middle">
             <table
                 class="product-card-segment"
@@ -249,7 +249,7 @@ const I = {
                 <tbody>
                     <tr valign="top">
                         <td
-                            ${b}="${t}"
+                            ${u}="${t}"
                             class="esd-block-text product-custom-attribute es-p0t es-p0b es-p15l es-p15r"
                             align="center"
                             esd-extension-block-id="${s.CUSTOM_ATTRIBUTE}">
@@ -264,5 +264,5 @@ const I = {
 export {
   l as ATTRIBUTE_CELL_CLASS,
   a as DEFAULT_CELL_PADDING,
-  I as gridElementRenderer
+  S as gridElementRenderer
 };

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

@@ -1,10 +1,10 @@
 import { RecommendationBlockId as o } from "../../constants/blockIds.js";
-import { ATTR_PRODUCT_ATTR as m, ATTR_PRODUCT_BUTTON as c, ATTR_PRODUCT_IMAGE as d, ATTR_PRODUCT_OMNIBUS_DISCOUNT as u, ATTR_PRODUCT_OMNIBUS_PRICE as g, ATTR_PRODUCT_OLD_PRICE as f, ATTR_PRODUCT_PRICE as T, ATTR_PRODUCT_NAME as x } from "../../constants/selectors.js";
-import { useRecommendationExtensionStore as _ } from "../../store/recommendation.js";
+import { ATTR_PRODUCT_ATTR as u, ATTR_PRODUCT_BUTTON as c, CSS_CLASS_RECO_BUTTON as d, ATTR_PRODUCT_IMAGE as p, ATTR_PRODUCT_OMNIBUS_DISCOUNT as g, ATTR_PRODUCT_OMNIBUS_PRICE as f, ATTR_PRODUCT_OLD_PRICE as T, ATTR_PRODUCT_PRICE as x, ATTR_PRODUCT_NAME as _ } from "../../constants/selectors.js";
+import { useRecommendationExtensionStore as C } from "../../store/recommendation.js";
 import { formatPrice as R } from "../../utils/priceFormatter.js";
-import { CUSTOM_CELL_HTML as y, sanitizeImageUrl as C } from "../utils.js";
-function p() {
-  const t = _(), { currencySettings: e } = t.recommendationConfigs;
+import { CUSTOM_CELL_HTML as O, sanitizeImageUrl as $ } from "../utils.js";
+function b() {
+  const t = C(), { currencySettings: e } = t.recommendationConfigs;
   return {
     code: e.value,
     symbol: e.symbol,
@@ -15,29 +15,29 @@ function p() {
   };
 }
 function s(t, e = "price") {
-  const n = p(), a = t[e], r = (a == null ? void 0 : a[n.code]) ?? Object.values(a ?? {})[0] ?? 0;
+  const n = b(), a = t[e], r = (a == null ? void 0 : a[n.code]) ?? Object.values(a ?? {})[0] ?? 0;
   return R({
     price: r,
     currency: n
   });
 }
-const U = {
+const I = {
   /**
    * Image cell - left column (120px fixed width)
    * Has recommendation-attribute-row class and data attributes for Card Composition control
    */
-  [d]: (t) => `
+  [p]: (t) => `
         <td
             width="120"
             class="esd-block-image product-image-cell recommendation-attribute-row es-p5"
             esd-extension-block-id="${o.IMAGE}"
-            data-attribute-type="${d}"
+            data-attribute-type="${p}"
             data-visibility="1"
             align="center"
             valign="middle">
-            <a target="_blank" href="${t.url}">
+            <a target="_blank" href="${t.url}" class="${d}">
                 <img
-                    src="${C(t.image_url)}"
+                    src="${$(t.image_url)}"
                     alt="${t.name}"
                     style="display: block; max-width: 100%; height: auto;"
                     class="adapt-img product-image">
@@ -47,7 +47,7 @@ const U = {
   /**
    * Name element - row for info cell table
    */
-  [x]: (t) => `
+  [_]: (t) => `
         <tr>
             <td
                 class="esd-block-text product-name"
@@ -62,7 +62,7 @@ const U = {
   /**
    * Price element - row for info cell table
    */
-  [T]: (t) => `
+  [x]: (t) => `
         <tr>
             <td
                 class="esd-block-text product-price"
@@ -77,7 +77,7 @@ const U = {
   /**
    * Old price element - row for info cell table
    */
-  [f]: (t) => `
+  [T]: (t) => `
         <tr>
             <td
                 class="esd-block-text product-old-price"
@@ -94,7 +94,7 @@ const U = {
   /**
    * Omnibus price element - row for info cell table
    */
-  [g]: (t) => `
+  [f]: (t) => `
         <tr>
             <td
                 class="esd-block-text product-omnibus-price"
@@ -113,9 +113,9 @@ const U = {
   /**
    * Omnibus discount element - row for info cell table
    */
-  [u]: (t) => {
+  [g]: (t) => {
     var i, l;
-    const e = p(), n = ((i = t.original_price) == null ? void 0 : i[e.code]) ?? Object.values(t.original_price ?? {})[0] ?? 0, a = ((l = t.price) == null ? void 0 : l[e.code]) ?? Object.values(t.price ?? {})[0] ?? 0, r = n > 0 ? Math.round((n - a) / n * 100) : 0, b = r > 0 ? `-${r}%` : "0%";
+    const e = b(), n = ((i = t.original_price) == null ? void 0 : i[e.code]) ?? Object.values(t.original_price ?? {})[0] ?? 0, a = ((l = t.price) == null ? void 0 : l[e.code]) ?? Object.values(t.price ?? {})[0] ?? 0, r = n > 0 ? Math.round((n - a) / n * 100) : 0, m = r > 0 ? `-${r}%` : "0%";
     return `
         <tr>
             <td
@@ -126,7 +126,7 @@ const U = {
                 align="left">
                 <p contenteditable="false" style="font-size: 12px; color: #666666; margin: 0;">
                     <span class="omnibus-text-before"></span>
-                    <span class="omnibus-discount-value">${b}</span>
+                    <span class="omnibus-discount-value">${m}</span>
                     <span class="omnibus-text-after"></span>
                 </p>
             </td>
@@ -156,7 +156,7 @@ const U = {
                 <a
                     href="${t.url}"
                     target="_blank"
-                    class="es-button buy-button"
+                    class="es-button ${d}"
                     style="
                         color: rgb(56, 118, 29);
                         background: rgb(217, 234, 211);
@@ -179,10 +179,10 @@ const U = {
    * @param productAttrValue - Resolved product-attr value (e.g., "brand" for default, "product_attribute.rating_star" for custom)
    * @param content - Display content for the cell
    */
-  [y]: (t, e) => `
+  [O]: (t, e) => `
         <tr>
             <td
-                ${m}="${t}"
+                ${u}="${t}"
                 class="esd-block-text product-custom-attribute"
                 esd-extension-block-id="${o.CUSTOM_ATTRIBUTE}"
                 align="left">
@@ -192,5 +192,5 @@ const U = {
     `
 };
 export {
-  U as listElementRenderer
+  I as listElementRenderer
 };

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

@@ -14,7 +14,7 @@ function y(t) {
     return "";
   const o = t.sort((r, e) => r.filterNumber - e.filterNumber), u = o.map((r) => {
     const e = r.operator === l, a = e ? "=" : r.operator, c = e ? f(r.value).join(l) : r.value;
-    return `[${r.attribute}][${a}][${c}]`;
+    return `[${r.attribute}][${encodeURIComponent(a)}][${c}]`;
   }), [i, ...p] = u;
   let n = i;
   for (let r = 0; r < p.length; r++) {
@@ -23,7 +23,7 @@ function y(t) {
   }
   return `(${n})`;
 }
-function Q(t) {
+function g(t) {
   if (!t || t.length === 0)
     return "";
   const o = t.reduce((r, e) => (r[e.filterGroup] || (r[e.filterGroup] = []), r[e.filterGroup].push(e), r), {}), u = Object.keys(o).map(Number).sort((r, e) => r - e), i = u.map((r) => {
@@ -38,7 +38,7 @@ function Q(t) {
   return s.trim();
 }
 export {
-  Q as generateCompleteFilterQuery,
+  g as generateCompleteFilterQuery,
   f as parseTagList,
   m as safeDecodeURIComponent
 };

package/dist/extensions/Blocks/Recommendation/validation/requiredFields.js

@@ -1,4 +1,4 @@
-const l = [
+const o = [
   {
     key: "locale",
     getValue: (e) => e.language,
@@ -9,9 +9,9 @@ const l = [
     getValue: (e) => e.currencySettings.value,
     getAvailableOptions: (e) => e.currencyList.map((n) => n.text)
   }
-], u = "newsletter.recommendation-fill-required-fields";
-function o(e, n) {
-  return l.filter((t) => {
+], l = "newsletter.recommendation-fill-required-fields";
+function u(e, n) {
+  return o.filter((t) => {
     var a;
     if (t.condition && !t.condition(e))
       return !1;
@@ -19,15 +19,15 @@ function o(e, n) {
     if (!i)
       return !0;
     const r = (a = t.getAvailableOptions) == null ? void 0 : a.call(t, n);
-    return r === void 0 || r.length === 0 ? !1 : !r.includes(i);
+    return r !== void 0 && !r.includes(i);
   }).map((t) => t.key);
 }
 function s(e, n) {
-  return o(e, n).length === 0;
+  return u(e, n).length === 0;
 }
 export {
-  l as REQUIRED_RECOMMENDATION_FIELDS,
-  u as RecommendationRequiredFieldsKey,
-  o as getInvalidFields,
+  o as REQUIRED_RECOMMENDATION_FIELDS,
+  l as RecommendationRequiredFieldsKey,
+  u as getInvalidFields,
   s as isConfigValid
 };

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

@@ -7,5 +7,5 @@ export declare const useActionsApi: () => {
     getPreviewData: (options?: CompileEmailOptions) => Promise<CompiledEmailResult>;
     updateTimerInClonedTemplate: () => Promise<string | null>;
     updateHtmlAndCss: (html: string, css: string) => void;
-    editorSave: () => Promise<void>;
+    editorSave: () => Promise<boolean>;
 };

package/dist/src/config/migrator/textBlockMigration.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Shared text-block migration helpers used by both `radioButtonMigrator` and
+ * `checkboxMigrator`. Extracts a legacy v1 `.ins-title` / `.ins-description`
+ * cell into a paragraph descriptor and rebuilds it as a v2 `esd-block-text`
+ * cell — preserving every <p>, every inline tag (<u>, <a>, <br>, <strong>,
+ * <em>) and re-encoding bold/italic detection as canonical tags.
+ */
+export type InsCellClass = 'ins-title' | 'ins-description' | 'ins-subscribe' | 'ins-unsubscribe';
+type ParagraphContent = {
+    innerHtml: string;
+    isBold: boolean;
+    isItalic: boolean;
+    styles: string;
+};
+export type TextContent = {
+    paragraphs: ParagraphContent[];
+    align: string;
+};
+export type ExtractedTextContent = TextContent & {
+    containerClass: string;
+};
+export declare function extractTextFromElement(parent: Element, className: InsCellClass): ExtractedTextContent;
+export declare function buildTextBlock(content: TextContent, extraClass?: string): string;
+export {};

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

@@ -23,6 +23,7 @@ export declare class RecommendationBlock extends Block {
     getDescription(): string;
     getSettingsPanelTitleHtml(): string;
     allowInnerBlocksDND(): boolean;
+    canBeSavedAsModule(): boolean;
     /**
      * Returns the template HTML for a new recommendation block.
      * Generates a unique recommendation ID and embeds the instance class

package/dist/src/extensions/Blocks/Recommendation/constants/index.d.ts

@@ -8,6 +8,6 @@
  */
 export { RecommendationBlockId } from './blockIds';
 export { RecommendationControlId } from './controlIds';
-export { BLOCK_ROOT_SELECTOR, CONTAINER_SELECTOR, DESKTOP_CONTAINER_SELECTOR, MOBILE_CONTAINER_SELECTOR, MOBILE_ROW_SELECTOR, CURRENCY_ATTR, ATTR_PRODUCT_IMAGE, ATTR_PRODUCT_NAME, ATTR_PRODUCT_PRICE, ATTR_PRODUCT_OLD_PRICE, ATTR_PRODUCT_OMNIBUS_PRICE, ATTR_PRODUCT_OMNIBUS_DISCOUNT, ATTR_PRODUCT_BUTTON, ATTR_CUSTOM_PREFIX, ATTR_DATA_CUSTOM_ATTRIBUTES, ATTR_PRODUCT_ATTR, BUILT_IN_DEFAULT_ATTRIBUTES, } from './selectors';
+export { BLOCK_ROOT_SELECTOR, CONTAINER_SELECTOR, DESKTOP_CONTAINER_SELECTOR, MOBILE_CONTAINER_SELECTOR, MOBILE_ROW_SELECTOR, CSS_CLASS_RECO_BUTTON, CURRENCY_ATTR, ATTR_PRODUCT_IMAGE, ATTR_PRODUCT_NAME, ATTR_PRODUCT_PRICE, ATTR_PRODUCT_OLD_PRICE, ATTR_PRODUCT_OMNIBUS_PRICE, ATTR_PRODUCT_OMNIBUS_DISCOUNT, ATTR_PRODUCT_BUTTON, ATTR_CUSTOM_PREFIX, ATTR_DATA_CUSTOM_ATTRIBUTES, ATTR_PRODUCT_ATTR, BUILT_IN_DEFAULT_ATTRIBUTES, } from './selectors';
 export { LAYOUT_VALUES, LAYOUT_OPTIONS, DEFAULT_PRODUCTS_PER_ROW, DEFAULT_CARDS_IN_ROW, DEFAULT_MOBILE_CARDS_IN_ROW, MAX_PRODUCT_COUNT, MIN_PRODUCT_COUNT, MAX_PRODUCTS_PER_ROW, MIN_PRODUCTS_PER_ROW, MAX_MOBILE_PRODUCTS_PER_ROW, MIN_MOBILE_PRODUCTS_PER_ROW, DEFAULT_COLUMN_SPACING, DEFAULT_ROW_SPACING, DEFAULT_MOBILE_COLUMN_SPACING, DEFAULT_MOBILE_ROW_SPACING, MIN_SPACING, MAX_SPACING, SPACING_STEP, } from './layout';
 export { DEFAULT_NODE_CONFIG, DEFAULT_CURRENCY, DEFAULT_COMPOSITION, DEFAULT_VISIBILITY, CURRENT_CONFIG_VERSION, EXCLUDED_ALGORITHM_IDS, } from './defaultConfig';

package/dist/src/extensions/Blocks/Recommendation/constants/selectors.d.ts

@@ -17,6 +17,12 @@ export declare const DESKTOP_CONTAINER_SELECTOR = ".ins-recommendation-desktop-c
 export declare const MOBILE_CONTAINER_SELECTOR = ".ins-recommendation-mobile-container";
 /** Mobile row wrapper — the <tr> that wraps the mobile container <td>/<table> */
 export declare const MOBILE_ROW_SELECTOR = ".ins-recommendation-mobile-row";
+/**
+ * Stable class on the recommendation product button anchor. Survives export
+ * and is the anchor selector the compiler uses to swap `href` with the
+ * `{{cId_pIdx_url}}` template variable.
+ */
+export declare const CSS_CLASS_RECO_BUTTON = "reco-v3-button";
 /**
  * Currency HTML attributes set on the block element
  * These are read by the HTML compiler at runtime to format prices

package/dist/src/stores/config.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/static/styles/components/wide-panel.css.js

@@ -11,6 +11,11 @@ ue-description a {
     display: none;
 }
 
+/* Override the rule above for the Gmail Promotions switcher docs link — remove with DT-28355. */
+ue-lock-container.e2e-promotions-switcher ue-description a {
+    display: unset;
+}
+
 .label {
     font-size: 13px;
     color: var(--guido-color-gray-800);

package/dist/stores/config.js

@@ -1,8 +1,8 @@
 import "../@types/config/schemas.js";
 import "../@types/config/defaults.js";
-import { parseConfig as n } from "../@types/config/validator.js";
-import { defineStore as o } from "pinia";
-const s = o("guido-config", {
+import { parseConfig as o } from "../@types/config/validator.js";
+import { defineStore as r } from "pinia";
+const f = r("guido-config", {
   state: () => ({
     initialized: !1,
     config: null
@@ -75,64 +75,65 @@ const s = o("guido-config", {
      * Get the template ID
      */
     templateId: (i) => {
-      var e;
-      return ((e = i.config) == null ? void 0 : e.identity.templateId) ?? "";
+      var e, t;
+      return ((t = (e = i.config) == null ? void 0 : e.identity) == null ? void 0 : t.templateId) ?? "";
     },
     /**
      * Get the user ID
      */
     userId: (i) => {
-      var e;
-      return ((e = i.config) == null ? void 0 : e.identity.userId) ?? "";
+      var e, t;
+      return ((t = (e = i.config) == null ? void 0 : e.identity) == null ? void 0 : t.userId) ?? "";
     },
     /**
      * Get the variation ID
      */
     variationId: (i) => {
-      var e;
-      return ((e = i.config) == null ? void 0 : e.identity.variationId) ?? "";
+      var e, t;
+      return ((t = (e = i.config) == null ? void 0 : e.identity) == null ? void 0 : t.variationId) ?? "";
     },
     /**
      * Get the partner name
      */
     partnerName: (i) => {
-      var e;
-      return ((e = i.config) == null ? void 0 : e.partner.name) ?? "";
+      var e, t;
+      return ((t = (e = i.config) == null ? void 0 : e.partner) == null ? void 0 : t.name) ?? "";
     },
     /**
      * Get the product type
      */
     productType: (i) => {
-      var e;
-      return ((e = i.config) == null ? void 0 : e.partner.productType) ?? 60;
+      var e, t;
+      return ((t = (e = i.config) == null ? void 0 : e.partner) == null ? void 0 : t.productType) ?? 60;
     },
     /**
      * Get the message type
      */
     messageType: (i) => {
-      var e;
-      return ((e = i.config) == null ? void 0 : e.partner.messageType) ?? 1;
+      var e, t;
+      return ((t = (e = i.config) == null ? void 0 : e.partner) == null ? void 0 : t.messageType) ?? 1;
     },
     /**
      * Get the username
      */
     username: (i) => {
-      var e;
-      return ((e = i.config) == null ? void 0 : e.partner.username) ?? "Guido User";
+      var e, t;
+      return ((t = (e = i.config) == null ? void 0 : e.partner) == null ? void 0 : t.username) ?? "Guido User";
     },
     /**
      * Check if header should be shown
      */
     showHeader: (i) => {
-      var e;
-      return ((e = i.config) == null ? void 0 : e.ui.showHeader) ?? !0;
+      var e, t;
+      return ((t = (e = i.config) == null ? void 0 : e.ui) == null ? void 0 : t.showHeader) ?? !0;
     },
     /**
      * Check if a specific feature is enabled
      */
+    // eslint-disable-next-line @stylistic/max-len
     isFeatureEnabled: (i) => (e) => {
-      var t;
-      return ((t = i.config) == null ? void 0 : t.features[e]) ?? !0;
+      var t, n;
+      return ((n = (t = i.config) == null ? void 0 : t.features) == null ? void 0 : n[e]) ?? !0;
     }
   },
   actions: {
@@ -140,7 +141,7 @@ const s = o("guido-config", {
      * Initialize the config store with validated configuration
      */
     init(i) {
-      const e = n(i);
+      const e = o(i);
       this.config = e, this.initialized = !0;
     },
     /**
@@ -152,5 +153,5 @@ const s = o("guido-config", {
   }
 });
 export {
-  s as useConfigStore
+  f as useConfigStore
 };