@useinsider/guido 3.14.0-beta.a087424 → 3.14.0-beta.a90f01a

package/dist/composables/useRecommendation.js

@@ -3,20 +3,21 @@ import { MinDeviceViewport as C, DefaultPadding as b } from "../enums/recommenda
 import { useRecommendationExtensionStore as l } from "../extensions/Blocks/Recommendation/store/recommendation.js";
 import { generateCompleteFilterQuery as h } from "../extensions/Blocks/Recommendation/utils/filterUtil.js";
 import { getPartnerRecommendationParams as y } from "../extensions/Blocks/Recommendation/utils/partnerCustomizations.js";
-import { useConfigStore as x } from "../stores/config.js";
-const k = () => ({
+import { sanitizeProductIds as x } from "../extensions/Blocks/Recommendation/utils/productIds.js";
+import { useConfigStore as P } from "../stores/config.js";
+const B = () => ({
   calculateCardWidth: ({
     mobileLeftPadding: a,
     mobileRightPadding: s,
     cardsInRow: c,
-    unresponsive: o
+    unresponsive: n
   }) => {
-    const r = o ? c : 1, e = a + s + (r - 1) * b;
+    const r = n ? c : 1, e = a + s + (r - 1) * b;
     return (C - e) / r;
   },
   getRecommendationCampaignData: (a) => {
-    const s = l(), c = Number(a), o = s.blockStates[c];
-    if (!o)
+    const s = l(), c = Number(a), n = s.blockStates[c];
+    if (!n)
       return {
         textTrimming: !1,
         orientation: "vertical",
@@ -29,7 +30,7 @@ const k = () => ({
         discountBeforeTextValue: "",
         discountAfterTextValue: ""
       };
-    const { recommendationConfigs: r } = o, e = r.orientation === "grid" ? "vertical" : "horizontal";
+    const { recommendationConfigs: r } = n, e = r.orientation === "grid" ? "vertical" : "horizontal";
     return {
       textTrimming: r.textTrimming,
       orientation: e,
@@ -45,7 +46,7 @@ const k = () => ({
   },
   buildCampaignUrl: (a, s) => {
     var m;
-    const c = l(), o = x(), r = Number(a);
+    const c = l(), n = P(), r = Number(a);
     let e;
     if (s)
       e = s;
@@ -53,25 +54,25 @@ const k = () => ({
       const i = c.blockStates[r];
       if (!i)
         return "";
-      const { recommendationConfigs: n } = i;
+      const { recommendationConfigs: o } = i;
       e = {
-        strategy: n.strategy,
-        language: n.language,
-        currencyCode: n.currencySettings.value,
-        size: n.size,
-        productIds: n.productIds,
-        filters: n.filters,
-        shuffleProducts: n.shuffleProducts
+        strategy: o.strategy,
+        language: o.language,
+        currencyCode: o.currencySettings.value,
+        size: o.size,
+        productIds: o.productIds,
+        filters: o.filters,
+        shuffleProducts: o.shuffleProducts
       };
     }
     const f = ((m = I().find((i) => i.key === e.strategy)) == null ? void 0 : m.path) || "", t = new URLSearchParams();
-    t.set("locale", e.language), t.set("currency", e.currencyCode), t.set("partnerName", o.partnerName), t.set("size", e.size), t.set("details", "true"), t.set("campaignId", o.variationId), e.strategy === "manualMerchandising" ? t.set("productId", e.productIds.join(",")) : e.strategy === "similarViewed" && t.set("productId", "{itemId}"), e.strategy === "userBased" && t.set("userId", "{user_id}");
+    t.set("locale", e.language), t.set("currency", e.currencyCode), t.set("partnerName", n.partnerName), t.set("size", e.size), t.set("details", "true"), t.set("campaignId", n.variationId), e.strategy === "manualMerchandising" ? t.set("productId", x(e.productIds)) : e.strategy === "similarViewed" && t.set("productId", "{itemId}"), e.strategy === "userBased" && t.set("userId", "{user_id}");
     const g = e.filters.filter((i) => i.isValid), d = h(g);
-    d && t.set("filter", d), e.shuffleProducts && t.set("shuffle", "true"), Object.entries(y(o.partnerName, e.strategy)).forEach(([i, n]) => t.set(i, n));
+    d && t.set("filter", d), e.shuffleProducts && t.set("shuffle", "true"), Object.entries(y(n.partnerName, e.strategy)).forEach(([i, o]) => t.set(i, o));
     const p = decodeURIComponent(t.toString()), u = `${R.RECOMMENDATION_API_URL}/v2/${f}?${p}`;
     return c.recommendationCampaignUrls[a] = u, u;
   }
 });
 export {
-  k as useRecommendation
+  B as useRecommendation
 };

package/dist/extensions/Blocks/Recommendation/controls/main/algorithm.js

@@ -1,23 +1,23 @@
-var c = Object.defineProperty;
-var l = (s, o, t) => o in s ? c(s, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[o] = t;
-var a = (s, o, t) => l(s, typeof o != "symbol" ? o + "" : o, t);
-import { UEAttr as h } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as d } from "../../../common-control.js";
+var d = Object.defineProperty;
+var h = (r, o, t) => o in r ? d(r, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[o] = t;
+var c = (r, o, t) => h(r, typeof o != "symbol" ? o + "" : o, t);
+import { UEAttr as l } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CommonControl as g } from "../../../common-control.js";
 import { RecommendationConfigService as n } from "../../services/configService.js";
 import { useRecommendationExtensionStore as m } from "../../store/recommendation.js";
-import { mapLegacyStrategy as g } from "../../utils/legacyStrategyMap.js";
-const u = "recommendation-algorithm-control", i = {
+import { mapLegacyStrategy as u } from "../../utils/legacyStrategyMap.js";
+const p = "recommendation-algorithm-control", e = {
   ALGORITHM: "strategy",
   PRODUCT_IDS: "productIds"
 };
-class R extends d {
+class S extends g {
   constructor() {
     super(...arguments);
     // Store is used ONLY for API-fetched data (algorithms list), not for config
-    a(this, "store", m());
+    c(this, "store", m());
   }
   getId() {
-    return u;
+    return p;
   }
   getTemplate() {
     return `
@@ -25,13 +25,13 @@ class R extends d {
                 ${this._GuTwoColumns([
       this._GuLabel({ text: this.api.translate("Recommendation Algorithm") }),
       this._GuSelect({
-        name: i.ALGORITHM,
+        name: e.ALGORITHM,
         placeholder: this.api.translate("Select Recommendation Algorithm"),
         options: this.store.getActivePredictiveAlgorithms
       }),
-      this._GuLabel({ text: this.api.translate("Product Ids"), name: `${i.PRODUCT_IDS}_label` }),
+      this._GuLabel({ text: this.api.translate("Product Ids"), name: `${e.PRODUCT_IDS}_label` }),
       this._GuTextInput({
-        name: i.PRODUCT_IDS,
+        name: e.PRODUCT_IDS,
         placeholder: this.api.translate("Enter Product Ids"),
         className: "es-180w"
       })
@@ -46,29 +46,28 @@ class R extends d {
     super.onTemplateNodeUpdated(t), this._initializeSelectItems(), this._setFormValues();
   }
   _setFormValues() {
-    const t = n.getConfig(this.currentNode), e = g(t.strategy) ?? t.strategy;
-    this._setProductIdsVisibility(e), this.api.updateValues({
-      [i.ALGORITHM]: e,
-      [i.PRODUCT_IDS]: t.productIds.join(",")
-    });
+    const t = n.getConfig(this.currentNode), s = u(t.strategy) ?? t.strategy;
+    this._setProductIdsVisibility(s);
+    const i = { [e.ALGORITHM]: s }, a = t.productIds.join(",");
+    this.api.getValues()[e.PRODUCT_IDS] !== a && (i[e.PRODUCT_IDS] = a), this.api.updateValues(i);
   }
   _initializeSelectItems() {
-    var e;
-    const t = (e = this.store) == null ? void 0 : e.getActivePredictiveAlgorithms;
+    var s;
+    const t = (s = this.store) == null ? void 0 : s.getActivePredictiveAlgorithms;
     if (t != null && t.length)
       try {
         this.api.setUIEAttribute(
-          i.ALGORITHM,
-          h.SELECTPICKER.items,
+          e.ALGORITHM,
+          l.SELECTPICKER.items,
           t
         );
-      } catch (r) {
-        console.warn("[AlgorithmControl] Failed to set algorithm options:", r);
+      } catch (i) {
+        console.warn("[AlgorithmControl] Failed to set algorithm options:", i);
       }
   }
   _setProductIdsVisibility(t) {
-    const r = (t ?? n.getConfig(this.currentNode).strategy) === "manualMerchandising";
-    this.api.setVisibility(i.PRODUCT_IDS, r), this.api.setVisibility(`${i.PRODUCT_IDS}_label`, r);
+    const i = (t ?? n.getConfig(this.currentNode).strategy) === "manualMerchandising";
+    this.api.setVisibility(e.PRODUCT_IDS, i), this.api.setVisibility(`${e.PRODUCT_IDS}_label`, i);
   }
   _onAlgorithmChange(t) {
     !this.currentNode || n.getConfig(this.currentNode).strategy === t || (n.updateConfig(
@@ -79,25 +78,25 @@ class R extends d {
     ), this.store.patchCurrentBlockConfig({ strategy: t }), this._setProductIdsVisibility(t));
   }
   _onProductIdsChange(t) {
-    if (!this.currentNode)
+    if (!this.currentNode || n.getConfig(this.currentNode).productIds.join(",") === t)
       return;
-    const e = t.split(",").map((r) => r.trim()).filter(Boolean);
+    const i = t.split(",");
     n.updateConfig(
       this.api,
       this.currentNode,
-      { productIds: e },
+      { productIds: i },
       "Updated product IDs"
-    ), this.store.patchCurrentBlockConfig({ productIds: e });
+    ), this.store.patchCurrentBlockConfig({ productIds: i });
   }
   _listenToFormUpdates() {
-    this.api.onValueChanged(i.ALGORITHM, (t) => {
+    this.api.onValueChanged(e.ALGORITHM, (t) => {
       this._onAlgorithmChange(t);
-    }), this.api.onValueChanged(i.PRODUCT_IDS, (t) => {
+    }), this.api.onValueChanged(e.PRODUCT_IDS, (t) => {
       this._onProductIdsChange(t);
     });
   }
 }
 export {
-  u as ALGORITHM_CONTROL_ID,
-  R as AlgorithmControl
+  p as ALGORITHM_CONTROL_ID,
+  S as AlgorithmControl
 };

package/dist/extensions/Blocks/Recommendation/store/recommendation.js

@@ -1,15 +1,16 @@
 import { getRecommendationFeedSourceMaps as g, getOperatorOptions as R, PriceAttributes as C } from "../../../../enums/extensions/recommendationBlock.js";
 import { useRecommendationApi as y } from "../../../../services/recommendationApi.js";
 import { useConfigStore as G } from "../../../../stores/config.js";
-import { defineStore as F } from "pinia";
+import { defineStore as P } from "pinia";
 import "../constants/selectors.js";
-import { DEFAULT_MOBILE_CARDS_IN_ROW as P, DEFAULT_CARDS_IN_ROW as D } from "../constants/layout.js";
+import { DEFAULT_MOBILE_CARDS_IN_ROW as F, DEFAULT_CARDS_IN_ROW as D } from "../constants/layout.js";
 import { EXCLUDED_ALGORITHM_IDS as w } from "../constants/defaultConfig.js";
 import { getDefaultProducts as S } from "../templates/utils.js";
 import { generateCompleteFilterQuery as b } from "../utils/filterUtil.js";
 import { getPartnerRecommendationParams as v } from "../utils/partnerCustomizations.js";
-import { isFilterValid as N } from "../validation/filterSchema.js";
-import { isConfigValid as x } from "../validation/requiredFields.js";
+import { sanitizeProductIds as N } from "../utils/productIds.js";
+import { isFilterValid as x } from "../validation/filterSchema.js";
+import { isConfigValid as L } from "../validation/requiredFields.js";
 const h = y();
 let m = null, u = null, d = null;
 function k() {
@@ -28,7 +29,7 @@ function k() {
     productIds: [],
     id: 1,
     language: "en_US",
-    mobileCardsInRow: P,
+    mobileCardsInRow: F,
     mobileLayoutEnabled: !1,
     orientation: "grid",
     recommendedProducts: [],
@@ -54,7 +55,7 @@ function I() {
     filterSnapshot: null
   };
 }
-const L = () => ({
+const U = () => ({
   recommendationCampaignUrls: {},
   activePredictiveAlgorithms: [],
   languages: {},
@@ -63,8 +64,8 @@ const L = () => ({
   blockStates: {},
   currentRecommendationId: null,
   configVersion: 0
-}), $ = F("guidoRecommendationExtension", {
-  state: () => L(),
+}), H = P("guidoRecommendationExtension", {
+  state: () => U(),
   getters: {
     // ====================================================================
     // Proxy Getters — Backward Compatible Access to Current Block State
@@ -383,7 +384,7 @@ const L = () => ({
         const n = [...e.recommendationConfigs.filters];
         n[r] = {
           ...t,
-          isValid: N(t)
+          isValid: x(t)
         }, e.recommendationConfigs.filters = n;
       }
     },
@@ -429,7 +430,7 @@ const L = () => ({
      * every block's recommendationConfigs across user edits.
      */
     hasInvalidBlock() {
-      return Object.values(this.blockStates).some((t) => !x(t.recommendationConfigs, this));
+      return Object.values(this.blockStates).some((t) => !L(t.recommendationConfigs, this));
     },
     // ====================================================================
     // Per-Block Product Fetching
@@ -458,7 +459,7 @@ const L = () => ({
         details: !0,
         campaignId: o.variationId
       };
-      r.strategy === "manualMerchandising" ? a.productId = r.productIds.join(",") : r.strategy === "similarViewed" && (a.productId = "{itemId}"), r.strategy === "userBased" && (a.userId = "{user_id}"), c && (a.filter = c), r.shuffleProducts && (a.shuffle = !0), Object.assign(
+      r.strategy === "manualMerchandising" ? a.productId = N(r.productIds) : r.strategy === "similarViewed" && (a.productId = "{itemId}"), r.strategy === "userBased" && (a.userId = "{user_id}"), c && (a.filter = c), r.shuffleProducts && (a.shuffle = !0), Object.assign(
         a,
         v(o.partnerName, r.strategy)
       );
@@ -479,5 +480,5 @@ const L = () => ({
   }
 });
 export {
-  $ as useRecommendationExtensionStore
+  H as useRecommendationExtensionStore
 };

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

@@ -0,0 +1,6 @@
+function n(t) {
+  return t.map((i) => i.trim()).filter(Boolean).join(",");
+}
+export {
+  n as sanitizeProductIds
+};

package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js

@@ -41,9 +41,9 @@ ${s.map((o) => `  - ${o}`).join(`
 };
 v.validatedClasses = /* @__PURE__ */ new Set();
 v.validationErrors = /* @__PURE__ */ new Map();
-var i = v, z = /* @__PURE__ */ ((e) => (e.BLOCK = "BLOCK", e.CONTAINER = "CONTAINER", e.STRUCTURE = "STRUCTURE", e.STRIPE = "STRIPE", e))(z || {}), P = class c extends i {
+var i = v, z = /* @__PURE__ */ ((e) => (e.BLOCK = "BLOCK", e.CONTAINER = "CONTAINER", e.STRUCTURE = "STRUCTURE", e.STRIPE = "STRIPE", e))(z || {}), P = class T extends i {
   constructor() {
-    super(c.REQUIRED_METHODS, c);
+    super(T.REQUIRED_METHODS, T);
   }
   /**
    * Determines if the block should be available for use in the editor.
@@ -222,9 +222,9 @@ var i = v, z = /* @__PURE__ */ ((e) => (e.BLOCK = "BLOCK", e.CONTAINER = "CONTAI
   }
 };
 P.REQUIRED_METHODS = ["getId", "getTemplate", "getIcon", "getName", "getDescription"];
-var qe = P, Z = class T extends i {
+var qe = P, Z = class c extends i {
   constructor() {
-    super(T.REQUIRED_METHODS, T);
+    super(c.REQUIRED_METHODS, c);
   }
   /**
    * @deprecated - use {@link getPreviewInnerHtml} instead
@@ -339,12 +339,12 @@ var j = {
   height: "height"
 }, Je = {
   BLOCK_IMAGE: j
-}, U = "esd-block-button", w = "esd-block-text", K = "esd-block-image", J = "esd-structure", ee = "esd-block-video", te = "esd-block-social", re = "esd-block-banner", ae = "esd-block-timer", ne = "esd-block-menu", se = "esd-block-html", ie = "esd-block-spacer", le = "esd-container-frame", Ee = "esd-stripe", oe = "esd-amp-form", I = ((e) => (e.BUTTON = `.${U}`, e.TEXT = `.${w}`, e.IMAGE = `.${K}`, e.STRUCTURE = `.${J}`, e.VIDEO = `.${ee}`, e.SOCIAL = `.${te}`, e.BANNER = `.${re}`, e.TIMER = `.${ae}`, e.MENU = `.${ne}`, e.HTML = `.${se}`, e.SPACER = `.${ie}`, e.CONTAINER = `.${le}`, e.STRIPE = `.${Ee}`, e.FORM = `.${oe}`, e))(I || {}), de = /* @__PURE__ */ ((e) => (e.BLOCK_IMAGE = "BLOCK_IMAGE", e.BLOCK_TEXT = "BLOCK_TEXT", e.BLOCK_BUTTON = "BLOCK_BUTTON", e.BLOCK_SPACER = "BLOCK_SPACER", e.BLOCK_VIDEO = "BLOCK_VIDEO", e.BLOCK_SOCIAL = "BLOCK_SOCIAL", e.BLOCK_BANNER = "BLOCK_BANNER", e.BLOCK_TIMER = "BLOCK_TIMER", e.BLOCK_MENU = "BLOCK_MENU", e.BLOCK_MENU_ITEM = "BLOCK_MENU_ITEM", e.BLOCK_HTML = "BLOCK_HTML", e.BLOCK_AMP_CAROUSEL = "BLOCK_AMP_CAROUSEL", e.BLOCK_AMP_ACCORDION = "BLOCK_AMP_ACCORDION", e.BLOCK_AMP_FORM = "BLOCK_AMP_FORM", e.CONTAINER = "CONTAINER", e.FORM_CONTAINER = "FORM_CONTAINER", e.STRUCTURE = "STRUCTURE", e.STRIPE = "STRIPE", e.EMPTY_CONTAINER = "EMPTY_CONTAINER", e.CUSTOM_BLOCK_LINK = "CUSTOM_BLOCK_LINK", e.CUSTOM_BLOCK_IMAGE = "CUSTOM_BLOCK_IMAGE", e.CUSTOM_BLOCK_TEXT = "CUSTOM_BLOCK_TEXT", e))(de || {}), F = /* @__PURE__ */ ((e) => (e.ANCHOR_LINK_CONTAINER = "anchorLinkFormContainer", e.APPLY_CONDITION = "applyCondition", e.APPLY_CONDITION_SWITCHER = "applyConditionSwitcher", e.BACKGROUND_COLOR = "backgroundColor", e.BACKGROUND_IMAGE = "generalImageContainer", e.TEXT_COLOR = "textColor", e.TEXT_STYLE = "textStyle", e.TEXT_SIZE = "textSize", e.TEXT_LINE_SPACING = "textLineSpacing", e.TEXT_ALIGN = "textAlign", e.FIXED_HEIGHT_SWITCHER = "fixedHeightSwitcherForm", e.HIDDEN_NODE = "hiddenNode", e.SMART_BLOCK = "smartBlock", e.SYNCHRONIZED_MODULE = "synchronizedModuleForm", e.FONT_FAMILY = "generalFontFamilyForm", e.BLOCK_INTERNAL_INDENTS = "generalBlockInternalIndents", e.STRUCTURE_INTERNAL_INDENTS = "generalStructureInternalIndents", e))(F || {}), H = /* @__PURE__ */ ((e) => (e.ADJUST_TO_WIDTH = "adjustToWidth", e.ALIGNMENT = "buttonAlignment", e.BORDER = "buttonBorder", e.BORDER_RADIUS = "buttonBorderRadius", e.COLOR = "buttonColor", e.BUTTON_BLOCK_BACKGROUND_COLOR = "buttonBlockBackgroundColor", e.EXTERNAL_INDENTS = "buttonExternalIndents", e.FIXED_HEIGHT = "buttonFixedHeightForm", e.FONT_COLOR = "buttonFontColor", e.FONT_FAMILY = "buttonFontFamily", e.FONT_SIZE = "buttonFontSize", e.ICON = "buttonIconContainer", e.ICON_ALIGN = "buttonIconAlign", e.ICON_INDENT = "buttonIconIndent", e.ICON_WIDTH = "buttonIconWidth", e.IMAGE = "buttonImageForm", e.INTERNAL_INDENTS = "buttonInternalIndents", e.LINK = "buttonLink", e.MIME_TYPE = "buttonMimeTypeForm", e.SWITCHER_HOVERED_STYLES = "buttonSwitcherHoveredStylesForm", e.TEXT = "buttonText", e.TEXT_STYLE_AND_COLOR = "buttonTextStyleAndColorForm", e.HOVERED_BORDER_COLOR = "hoveredStyleBorderButtonForm", e.HOVERED_COLOR = "hoveredButtonColorForm", e.HOVERED_TEXT_COLOR = "hoveredButtonTextColorForm", e))(H || {}), k = /* @__PURE__ */ ((e) => (e.HIDDEN_NODE = "hiddenNodeText", e.PARAGRAPH_STYLE = "paragraphStyleForm", e.ALIGN = "textAlignmentForm", e.ANCHOR_CONTAINER = "textAnchorForm", e.FONT_BACKGROUND_COLOR = "textBlockFontBackgroundColor", e.TEXT_BLOCK_BACKGROUND_COLOR = "textBlockBackgroundColor", e.FONT_COLOR = "textBlockFontColor", e.TEXT_BLOCK_FONT_FAMILY = "textBlockFontFamily", e.FONT_FAMILY = "textFontFamily", e.FONT_SIZE = "textBlockFontSize", e.FONT_WEIGHT = "textBlockFontWeight", e.DIRECTION = "textBlockDirectionForm", e.INSERT_FORM = "textBlockInsertForm", e.LINK_DATA = "textBlockLinkDataForm", e.FORMAT = "textBlockTextFormatForm", e.FIXED_HEIGHT = "textFixedHeightForm", e.INTERNAL_INDENTS = "textInternalIndents", e.LINE_HEIGHT = "textLineHeightForm", e.MIME_TYPE = "textMimeTypeForm", e.NO_LINE_WRAPS = "textNoLineWrapsForm", e))(k || {}), p = /* @__PURE__ */ ((e) => (e.ALT_TEXT = "altText", e.LINK = "blockLink", e.ALIGNMENT = "imageAlignment", e.ANCHOR_LINK_CONTAINER = "imageAnchorLinkContainerForm", e.BORDER_RADIUS = "imageBorderRadiusForm", e.IMAGE = "imageImageForm", e.EXTERNAL_INDENTS = "imageExternalIndents", e.MIME_TYPE = "imageMimeTypeForm", e.RESPONSIVE = "imageResponsive", e.ROLLOVER_IMAGE = "imageRolloverImageForm", e.ROLLOVER_SWITCHER = "imageRolloverSwitcherForm", e.SIZE = "imageSizeContainer", e))(p || {}), ue = /* @__PURE__ */ ((e) => (e.BACKGROUND_COLOR = "containerBackgroundColorForm", e.BORDER_FORM = "containerBorderForm", e.BORDER_RADIUS = "containerBorderRadiusForm", e.EXTERNAL_INDENTS = "containerExternalIndentsForm", e.IMAGE_CONTAINER = "containerImageContainerForm", e.MIME_TYPE = "containerMimeTypeForm", e.DISPLAY_CONDITIONS = "displayConditions", e.HIDDEN_NODE = "containerHiddenNodeForm", e))(ue || {}), n = {
+}, U = "esd-block-button", w = "esd-block-text", K = "esd-block-image", J = "esd-structure", ee = "esd-block-video", te = "esd-block-social", re = "esd-block-banner", ae = "esd-block-timer", ne = "esd-block-menu", se = "esd-block-html", ie = "esd-block-spacer", le = "esd-container-frame", Ee = "esd-stripe", oe = "esd-amp-form", I = ((e) => (e.BUTTON = `.${U}`, e.TEXT = `.${w}`, e.IMAGE = `.${K}`, e.STRUCTURE = `.${J}`, e.VIDEO = `.${ee}`, e.SOCIAL = `.${te}`, e.BANNER = `.${re}`, e.TIMER = `.${ae}`, e.MENU = `.${ne}`, e.HTML = `.${se}`, e.SPACER = `.${ie}`, e.CONTAINER = `.${le}`, e.STRIPE = `.${Ee}`, e.FORM = `.${oe}`, e))(I || {}), de = /* @__PURE__ */ ((e) => (e.BLOCK_IMAGE = "BLOCK_IMAGE", e.BLOCK_TEXT = "BLOCK_TEXT", e.BLOCK_BUTTON = "BLOCK_BUTTON", e.BLOCK_SPACER = "BLOCK_SPACER", e.BLOCK_VIDEO = "BLOCK_VIDEO", e.BLOCK_SOCIAL = "BLOCK_SOCIAL", e.BLOCK_BANNER = "BLOCK_BANNER", e.BLOCK_TIMER = "BLOCK_TIMER", e.BLOCK_MENU = "BLOCK_MENU", e.BLOCK_MENU_ITEM = "BLOCK_MENU_ITEM", e.BLOCK_HTML = "BLOCK_HTML", e.BLOCK_AMP_CAROUSEL = "BLOCK_AMP_CAROUSEL", e.BLOCK_AMP_ACCORDION = "BLOCK_AMP_ACCORDION", e.BLOCK_AMP_FORM = "BLOCK_AMP_FORM", e.CONTAINER = "CONTAINER", e.FORM_CONTAINER = "FORM_CONTAINER", e.STRUCTURE = "STRUCTURE", e.STRIPE = "STRIPE", e.EMPTY_CONTAINER = "EMPTY_CONTAINER", e.CUSTOM_BLOCK_LINK = "CUSTOM_BLOCK_LINK", e.CUSTOM_BLOCK_IMAGE = "CUSTOM_BLOCK_IMAGE", e.CUSTOM_BLOCK_TEXT = "CUSTOM_BLOCK_TEXT", e))(de || {}), F = /* @__PURE__ */ ((e) => (e.ANCHOR_LINK_CONTAINER = "anchorLinkFormContainer", e.APPLY_CONDITION = "applyCondition", e.APPLY_CONDITION_SWITCHER = "applyConditionSwitcher", e.BACKGROUND_COLOR = "backgroundColor", e.BACKGROUND_IMAGE = "generalImageContainer", e.TEXT_COLOR = "textColor", e.TEXT_STYLE = "textStyle", e.TEXT_SIZE = "textSize", e.TEXT_LINE_SPACING = "textLineSpacing", e.TEXT_ALIGN = "textAlign", e.FIXED_HEIGHT_SWITCHER = "fixedHeightSwitcherForm", e.HIDDEN_NODE = "hiddenNode", e.SMART_BLOCK = "smartBlock", e.SYNCHRONIZED_MODULE = "synchronizedModuleForm", e.FONT_FAMILY = "generalFontFamilyForm", e.BLOCK_INTERNAL_INDENTS = "generalBlockInternalIndents", e.STRUCTURE_INTERNAL_INDENTS = "generalStructureInternalIndents", e))(F || {}), H = /* @__PURE__ */ ((e) => (e.ADJUST_TO_WIDTH = "adjustToWidth", e.ALIGNMENT = "buttonAlignment", e.BORDER = "buttonBorder", e.BORDER_RADIUS = "buttonBorderRadius", e.COLOR = "buttonColor", e.BUTTON_BLOCK_BACKGROUND_COLOR = "buttonBlockBackgroundColor", e.EXTERNAL_INDENTS = "buttonExternalIndents", e.FIXED_HEIGHT = "buttonFixedHeightForm", e.FONT_COLOR = "buttonFontColor", e.FONT_FAMILY = "buttonFontFamily", e.FONT_SIZE = "buttonFontSize", e.FONT_WEIGHT = "buttonFontWeight", e.ICON = "buttonIconContainer", e.ICON_ALIGN = "buttonIconAlign", e.ICON_INDENT = "buttonIconIndent", e.ICON_WIDTH = "buttonIconWidth", e.IMAGE = "buttonImageForm", e.INTERNAL_INDENTS = "buttonInternalIndents", e.LINK = "buttonLink", e.MIME_TYPE = "buttonMimeTypeForm", e.SWITCHER_HOVERED_STYLES = "buttonSwitcherHoveredStylesForm", e.TEXT = "buttonText", e.TEXT_STYLE_AND_COLOR = "buttonTextStyleAndColorForm", e.HOVERED_BORDER_COLOR = "hoveredStyleBorderButtonForm", e.HOVERED_COLOR = "hoveredButtonColorForm", e.HOVERED_TEXT_COLOR = "hoveredButtonTextColorForm", e))(H || {}), k = /* @__PURE__ */ ((e) => (e.HIDDEN_NODE = "hiddenNodeText", e.PARAGRAPH_STYLE = "paragraphStyleForm", e.ALIGN = "textAlignmentForm", e.ANCHOR_CONTAINER = "textAnchorForm", e.FONT_BACKGROUND_COLOR = "textBlockFontBackgroundColor", e.TEXT_BLOCK_BACKGROUND_COLOR = "textBlockBackgroundColor", e.FONT_COLOR = "textBlockFontColor", e.TEXT_BLOCK_FONT_FAMILY = "textBlockFontFamily", e.FONT_FAMILY = "textFontFamily", e.FONT_SIZE = "textBlockFontSize", e.FONT_WEIGHT = "textBlockFontWeight", e.DIRECTION = "textBlockDirectionForm", e.INSERT_FORM = "textBlockInsertForm", e.LINK_DATA = "textBlockLinkDataForm", e.FORMAT = "textBlockTextFormatForm", e.FIXED_HEIGHT = "textFixedHeightForm", e.INTERNAL_INDENTS = "textInternalIndents", e.LINE_HEIGHT = "textLineHeightForm", e.MIME_TYPE = "textMimeTypeForm", e.NO_LINE_WRAPS = "textNoLineWrapsForm", e))(k || {}), p = /* @__PURE__ */ ((e) => (e.ALT_TEXT = "altText", e.LINK = "blockLink", e.ALIGNMENT = "imageAlignment", e.ANCHOR_LINK_CONTAINER = "imageAnchorLinkContainerForm", e.BORDER_RADIUS = "imageBorderRadiusForm", e.IMAGE = "imageImageForm", e.EXTERNAL_INDENTS = "imageExternalIndents", e.MIME_TYPE = "imageMimeTypeForm", e.RESPONSIVE = "imageResponsive", e.ROLLOVER_IMAGE = "imageRolloverImageForm", e.ROLLOVER_SWITCHER = "imageRolloverSwitcherForm", e.SIZE = "imageSizeContainer", e))(p || {}), ue = /* @__PURE__ */ ((e) => (e.BACKGROUND_COLOR = "containerBackgroundColorForm", e.BORDER_FORM = "containerBorderForm", e.BORDER_RADIUS = "containerBorderRadiusForm", e.EXTERNAL_INDENTS = "containerExternalIndentsForm", e.IMAGE_CONTAINER = "containerImageContainerForm", e.MIME_TYPE = "containerMimeTypeForm", e.DISPLAY_CONDITIONS = "displayConditions", e.HIDDEN_NODE = "containerHiddenNodeForm", e))(ue || {}), n = {
   BLOCK_BUTTON: H,
   BLOCK_TEXT: k,
   BLOCK_IMAGE: p,
   GENERAL: F
-}, Ie = /* @__PURE__ */ ((e) => (e.SAVE_AS_MODULE = "saveAsModule", e.IMPROVE_WITH_AI = "improveWithAI", e.MOVE = "move", e.COPY = "copy", e.REMOVE = "remove", e.CLEAR_CONTAINER = "clearContainer", e.EXTERNAL_DISPLAY_CONDITION = "externalDisplayCondition", e))(Ie || {}), ce = /* @__PURE__ */ ((e) => (e.previewDeviceMode = "previewDeviceMode", e.panelPosition = "panelPosition", e.themeMode = "themeMode", e))(ce || {}), Te = /* @__PURE__ */ ((e) => (e.DESKTOP = "DESKTOP", e.MOBILE = "MOBILE", e))(Te || {}), be = /* @__PURE__ */ ((e) => (e.SETTINGS = "settings", e.STYLES = "styles", e.DATA = "data", e))(be || {}), a = {
+}, Ie = /* @__PURE__ */ ((e) => (e.SAVE_AS_MODULE = "saveAsModule", e.IMPROVE_WITH_AI = "improveWithAI", e.MOVE = "move", e.COPY = "copy", e.REMOVE = "remove", e.CLEAR_CONTAINER = "clearContainer", e.EXTERNAL_DISPLAY_CONDITION = "externalDisplayCondition", e))(Ie || {}), Te = /* @__PURE__ */ ((e) => (e.previewDeviceMode = "previewDeviceMode", e.panelPosition = "panelPosition", e.themeMode = "themeMode", e))(Te || {}), ce = /* @__PURE__ */ ((e) => (e.DESKTOP = "DESKTOP", e.MOBILE = "MOBILE", e))(ce || {}), be = /* @__PURE__ */ ((e) => (e.SETTINGS = "settings", e.STYLES = "styles", e.DATA = "data", e))(be || {}), a = {
   name: "name",
   disabled: "disabled"
 }, he = {
@@ -619,7 +619,7 @@ var j = {
   }
 };
 G.REQUIRED_METHODS = ["getId", "getTemplate"];
-var ct = G, Xe = class m extends i {
+var Tt = G, Xe = class m extends i {
   constructor() {
     super(m.REQUIRED_METHODS, m);
   }
@@ -694,7 +694,7 @@ var V = class extends x {
     const t = e.querySelectorAll(I.IMAGE), r = e.asElement().hasClass(K) ? [e] : [];
     return t.length ? t : r;
   }
-}, Tt = class extends V {
+}, ct = class extends V {
   getParentControlId() {
     return n.BLOCK_IMAGE.EXTERNAL_INDENTS;
   }
@@ -1215,17 +1215,17 @@ export {
   It as ButtonTextStyleAndFontColorBuiltInControl,
   ue as ContainerControls,
   Ie as ContextActionType,
-  ct as Control,
-  ce as EditorStatePropertyType,
+  Tt as Control,
+  Te as EditorStatePropertyType,
   Ve as Extension,
   Nt as ExtensionBuilder,
   F as GeneralControls,
   Dt as IconsRegistry,
   p as ImageControls,
-  Tt as ImageMarginsBuiltInControl,
+  ct as ImageMarginsBuiltInControl,
   bt as ImageSizeBuiltInControl,
   St as ModificationDescription,
-  Te as PreviewDeviceMode,
+  ce as PreviewDeviceMode,
   ht as SettingsPanelRegistry,
   mt as SettingsPanelTab,
   be as SettingsTab,

package/dist/package.json.js

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

package/dist/src/extensions/Blocks/Recommendation/utils/productIds.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Builds the request/URL `productId` value from raw product ID segments.
+ * Trimming happens here — NOT on input change — so the user's in-progress
+ * text (trailing commas, spaces) is never rewritten under the caret (SD-147111).
+ */
+export declare function sanitizeProductIds(ids: string[]): string;

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

@@ -103,6 +103,13 @@ ue-control-panel,
     display: none !important;
 }
 
+/* Stripo 2.72 added a "Restore default styles" button to the settings header that does
+   nothing when clicked — styles are never reset. Reported upstream; hidden until fixed.
+   Scoped to Stripo's own e2e hook class so the sibling close (X) and level-up buttons stay. */
+.control-panel-header .e2e-restore-default-styles {
+    display: none !important;
+}
+
 .container.droppable-header-container ue-button:last-child {
     margin-right: 0;
 }

package/dist/static/styles/customEditorStyle.css.js

@@ -47,6 +47,14 @@ const n = `.esd-x,
     display: none !important;
 }
 
+/* Stripo 2.72 renders drag-to-resize handles over images. Product image size must come
+   from the Image Size control in the settings panel, not free-hand dragging, which breaks
+   the card layout. Grid layout uses .product-image, list layout .product-image-cell. */
+.recommendation-block-v2 .product-image ue-image-resize-control,
+.recommendation-block-v2 .product-image-cell ue-image-resize-control {
+    display: none !important;
+}
+
 /* Mobile layout: hide mobile container by default in editor */
 .ins-recommendation-mobile-container {
     display: none;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.14.0-beta.a087424",
+  "version": "3.14.0-beta.a90f01a",
   "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",
@@ -43,7 +43,7 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@stripoinc/ui-editor-extensions": "3.8.0",
+    "@stripoinc/ui-editor-extensions": "3.9.0",
     "@useinsider/design-system-vue": "1.5.0",
     "@vueuse/core": "11.3.0",
     "lodash-es": "4.17.21",
@@ -113,7 +113,7 @@
   },
   "guido": {
     "stripo": {
-      "version": "2.69.1"
+      "version": "2.72.1"
     }
   }
 }