@useinsider/guido 3.15.0-beta.244c73c → 3.15.0-beta.31fdfec

package/dist/composables/useAllowlist.js

@@ -1,50 +1,68 @@
 import { useAllowlistApi as A } from "../services/allowlistApi.js";
-import { base64EncodeWithSpecialChars as p } from "../utils/base64.js";
-import { useTranslations as h } from "./useTranslations.js";
-import { useUserRole as D } from "./useUserRole.js";
-const f = /(?:https?:\/\/|www\.)[^\s"'<>()]+/gi, E = /&quot;\/\//gi, i = {
+import { base64EncodeWithSpecialChars as f } from "../utils/base64.js";
+import { useTranslations as D } from "./useTranslations.js";
+import { useUserRole as E } from "./useUserRole.js";
+const _ = /(?:https?:\/\/|www\.)[^\s"'<>()]+/gi, L = /&quot;\/\//gi, w = "s3-eu-west-1.amazonaws.com", d = [
+  "insider-email",
+  "web-image.useinsider.com",
+  "image.useinsider.com",
+  "panel-assets.useinsider.com",
+  "stripo-editor-image"
+], N = ({ hostname: r, pathname: l }) => {
+  const n = r.toLowerCase();
+  if (n === w) {
+    const i = l.split("/")[1].toLowerCase();
+    return d.includes(i);
+  }
+  return d.some((i) => n === `${i}.${w}`);
+}, m = {
   MANAGE: "journey-builder.domain-allowlist-warning",
   NON_MANAGE: "settings.allow-list-warning-not-admin-architect",
   ADD_BUTTON: "settings.allow-list-warning-add-button"
-}, w = /* @__PURE__ */ new Set(), O = (n) => `/settings?openAddModal=true&type=domain&values=${p(n)}#security`, M = () => {
-  const { checkDomain: n } = A(), { getIsManageUser: l } = D(), a = h(), d = (t, s) => {
-    const c = `${t || ""} ${s || ""}`.replace(E, "https://").match(f) || [], e = /* @__PURE__ */ new Set();
-    return c.forEach((r) => {
-      const g = /^https?:\/\//i.test(r) ? r : `https://${r}`;
+}, g = /* @__PURE__ */ new Set(), O = (r) => `/settings?openAddModal=true&type=domain&values=${f(r)}#security`, C = () => {
+  const { checkDomain: r } = A(), { getIsManageUser: l } = E(), n = D(), i = (t, e) => {
+    const a = `${t || ""} ${e || ""}`.replace(L, "https://").match(_) || [], s = /* @__PURE__ */ new Set();
+    return a.forEach((c) => {
+      const h = /^https?:\/\//i.test(c) ? c : `https://${c}`;
       try {
-        const { hostname: u } = new URL(g);
-        u && e.add(u.replace(/^www\./i, "").toLowerCase());
+        const u = new URL(h);
+        if (N(u))
+          return;
+        u.hostname && s.add(u.hostname.replace(/^www\./i, "").toLowerCase());
       } catch {
       }
-    }), [...e];
-  }, m = async (t) => {
-    if (w.has(t))
+    }), [...s];
+  }, p = async (t) => {
+    if (g.has(t))
       return !0;
     try {
-      const s = await n(t);
-      return s && w.add(t), s;
-    } catch (s) {
-      return console.error("[GUIDO_ALLOWLIST] isDomainAllowlisted failed", t, s), !0;
+      const e = await r(t);
+      return e && g.add(t), e;
+    } catch (e) {
+      return console.error("[GUIDO_ALLOWLIST] isDomainAllowlisted failed", t, e), !0;
     }
   };
-  return { getBlockedDomains: async (t, s) => {
+  return { getBlockedDomains: async (t, e) => {
     try {
-      const o = d(t, s);
+      const o = i(t, e);
       return o.length ? (await Promise.all(
-        o.map(async (e) => ({ domain: e, allowlisted: await m(e) }))
-      )).filter((e) => !e.allowlisted).map((e) => e.domain) : [];
+        o.map(async (s) => ({ domain: s, allowlisted: await p(s) }))
+      )).filter((s) => !s.allowlisted).map((s) => s.domain) : [];
     } catch (o) {
       return console.error("[GUIDO_ALLOWLIST] getBlockedDomains failed", o), [];
     }
-  }, resolveToast: async (t) => await l() ? {
-    message: a(i.MANAGE),
-    actionButton: {
-      text: a(i.ADD_BUTTON),
-      onClick: () => window.open(O(t.join(",")), "_blank")
-    }
-  } : { message: a(i.NON_MANAGE) } };
+  }, resolveToast: async (t) => {
+    const e = await l(), o = t.length ? ` (${t.join(", ")})` : "", a = (s) => `${s}${o}`;
+    return e ? {
+      message: a(n(m.MANAGE)),
+      actionButton: {
+        text: n(m.ADD_BUTTON),
+        onClick: () => window.open(O(t.join(",")), "_blank")
+      }
+    } : { message: a(n(m.NON_MANAGE)) };
+  } };
 };
 export {
   O as buildAllowlistSettingsUrl,
-  M as useAllowlist
+  C as useAllowlist
 };

package/dist/composables/useHtmlCompiler.js

@@ -1,13 +1,13 @@
-import { defaultHtmlCompilerRules as R } from "../config/compiler/htmlCompilerRules.js";
-import { itemsCompilerRules as g } from "../config/compiler/itemsCompilerRules.js";
-import { liquidCompilerRules as C } from "../config/compiler/liquidCompilerRules.js";
-import { outlookCompilerRules as b } from "../config/compiler/outlookCompilerRules.js";
+import { defaultHtmlCompilerRules as g } from "../config/compiler/htmlCompilerRules.js";
+import { itemsCompilerRules as R } from "../config/compiler/itemsCompilerRules.js";
+import { liquidCompilerRules as b } from "../config/compiler/liquidCompilerRules.js";
+import { outlookCompilerRules as C } from "../config/compiler/outlookCompilerRules.js";
 import { recommendationCompilerRules as v } from "../config/compiler/recommendationCompilerRules.js";
-import { socialCompilerRules as H } from "../config/compiler/socialCompilerRules.js";
-import { unsubscribeCompilerRules as x } from "../config/compiler/unsubscribeCompilerRules.js";
+import { socialCompilerRules as y } from "../config/compiler/socialCompilerRules.js";
+import { unsubscribeCompilerRules as H } from "../config/compiler/unsubscribeCompilerRules.js";
 import { createHtmlCompiler as s } from "../utils/htmlCompiler.js";
-import { useConfig as k } from "./useConfig.js";
-const y = /* @__PURE__ */ new Set([
+import { useConfig as x } from "./useConfig.js";
+const h = /* @__PURE__ */ new Set([
   // URL/tag encoding fixes — keep merge-tag and placeholder integrity intact.
   "fix-url-encoding-start",
   "fix-url-encoding-end",
@@ -18,6 +18,9 @@ const y = /* @__PURE__ */ new Set([
   // Image domain corrections — plain string replacement.
   "replace-old-image-domain",
   "replace-old-v2-image-domain",
+  "replace-s3-path-style-web-image-domain",
+  "replace-s3-path-style-image-domain",
+  "replace-s3-path-style-panel-assets-domain",
   // Unsubscribe domain — the actual fix: injects the real unsubscribe href in
   // place of the `{{ins-*-unsubscribe-link}}` placeholders, plus related
   // unsubscribe-only cleanups. All pure regex/text, no AMP-forbidden output.
@@ -32,21 +35,21 @@ const y = /* @__PURE__ */ new Set([
   "remove-contenteditable"
 ]), M = () => {
   var i, m, r;
-  const { compiler: o, isFeatureEnabled: n, partner: a } = k(), p = ((i = o.value) == null ? void 0 : i.customRules) || [], l = [
-    ...!!((m = o.value) != null && m.ignoreDefaultRules) ? [] : R,
+  const { compiler: o, isFeatureEnabled: a, partner: n } = x(), p = ((i = o.value) == null ? void 0 : i.customRules) || [], l = [
+    ...!!((m = o.value) != null && m.ignoreDefaultRules) ? [] : g,
     ...v,
-    ...x,
-    ...g,
-    ...b,
     ...H,
-    ...n("liquidSyntax") ? C : [],
+    ...R,
+    ...C,
+    ...y,
+    ...a("liquidSyntax") ? b : [],
     ...p.map((e, f) => ({
       ...e,
       priority: e.priority + 1e3 + f
       // Ensure additional rules run after default rules
     }))
-  ], u = s(l), c = l.filter((e) => y.has(e.id)), d = s(c), t = (r = a.value) == null ? void 0 : r.fallbackFont;
-  return { compileHtml: (e) => u.compile(e, void 0, t), compileAmpHtml: (e) => d.compile(e, void 0, t) };
+  ], c = s(l), u = l.filter((e) => h.has(e.id)), d = s(u), t = (r = n.value) == null ? void 0 : r.fallbackFont;
+  return { compileHtml: (e) => c.compile(e, void 0, t), compileAmpHtml: (e) => d.compile(e, void 0, t) };
 };
 export {
   M as useHtmlCompiler

package/dist/composables/useRecommendation.js

@@ -3,21 +3,20 @@ 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 { sanitizeProductIds as x } from "../extensions/Blocks/Recommendation/utils/productIds.js";
-import { useConfigStore as P } from "../stores/config.js";
-const B = () => ({
+import { useConfigStore as x } from "../stores/config.js";
+const k = () => ({
   calculateCardWidth: ({
     mobileLeftPadding: a,
     mobileRightPadding: s,
     cardsInRow: c,
-    unresponsive: n
+    unresponsive: o
   }) => {
-    const r = n ? c : 1, e = a + s + (r - 1) * b;
+    const r = o ? c : 1, e = a + s + (r - 1) * b;
     return (C - e) / r;
   },
   getRecommendationCampaignData: (a) => {
-    const s = l(), c = Number(a), n = s.blockStates[c];
-    if (!n)
+    const s = l(), c = Number(a), o = s.blockStates[c];
+    if (!o)
       return {
         textTrimming: !1,
         orientation: "vertical",
@@ -30,7 +29,7 @@ const B = () => ({
         discountBeforeTextValue: "",
         discountAfterTextValue: ""
       };
-    const { recommendationConfigs: r } = n, e = r.orientation === "grid" ? "vertical" : "horizontal";
+    const { recommendationConfigs: r } = o, e = r.orientation === "grid" ? "vertical" : "horizontal";
     return {
       textTrimming: r.textTrimming,
       orientation: e,
@@ -46,7 +45,7 @@ const B = () => ({
   },
   buildCampaignUrl: (a, s) => {
     var m;
-    const c = l(), n = P(), r = Number(a);
+    const c = l(), o = x(), r = Number(a);
     let e;
     if (s)
       e = s;
@@ -54,25 +53,25 @@ const B = () => ({
       const i = c.blockStates[r];
       if (!i)
         return "";
-      const { recommendationConfigs: o } = i;
+      const { recommendationConfigs: n } = i;
       e = {
-        strategy: o.strategy,
-        language: o.language,
-        currencyCode: o.currencySettings.value,
-        size: o.size,
-        productIds: o.productIds,
-        filters: o.filters,
-        shuffleProducts: o.shuffleProducts
+        strategy: n.strategy,
+        language: n.language,
+        currencyCode: n.currencySettings.value,
+        size: n.size,
+        productIds: n.productIds,
+        filters: n.filters,
+        shuffleProducts: n.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", 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}");
+    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}");
     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(n.partnerName, e.strategy)).forEach(([i, o]) => t.set(i, o));
+    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));
     const p = decodeURIComponent(t.toString()), u = `${R.RECOMMENDATION_API_URL}/v2/${f}?${p}`;
     return c.recommendationCampaignUrls[a] = u, u;
   }
 });
 export {
-  B as useRecommendation
+  k as useRecommendation
 };

package/dist/config/compiler/htmlCompilerRules.js

@@ -122,10 +122,10 @@ const d = [
       ], i = /<head>([\S\s]*)<\/head>/, o = new RegExp(i);
       if (!e.match(o))
         return e;
-      let r = e;
-      return t.forEach((s) => {
-        r = r.replace("</head>", `${s}</head>`);
-      }), r;
+      let s = e;
+      return t.forEach((r) => {
+        s = s.replace("</head>", `${r}</head>`);
+      }), s;
     },
     priority: 30
   },
@@ -147,6 +147,33 @@ const d = [
     replaceAll: !0,
     priority: 41
   },
+  {
+    id: "replace-s3-path-style-web-image-domain",
+    description: "Rewriting path-style S3 asset URLs to the web-image.useinsider.com domain",
+    type: "replace",
+    search: "s3-eu-west-1.amazonaws.com/web-image.useinsider.com",
+    replacement: "web-image.useinsider.com",
+    replaceAll: !0,
+    priority: 42
+  },
+  {
+    id: "replace-s3-path-style-image-domain",
+    description: "Rewriting path-style S3 asset URLs to the image.useinsider.com domain",
+    type: "replace",
+    search: "s3-eu-west-1.amazonaws.com/image.useinsider.com",
+    replacement: "image.useinsider.com",
+    replaceAll: !0,
+    priority: 43
+  },
+  {
+    id: "replace-s3-path-style-panel-assets-domain",
+    description: "Rewriting path-style S3 asset URLs to the panel-assets.useinsider.com domain",
+    type: "replace",
+    search: "s3-eu-west-1.amazonaws.com/panel-assets.useinsider.com",
+    replacement: "panel-assets.useinsider.com",
+    replaceAll: !0,
+    priority: 46
+  },
   {
     id: "convert-rgb-to-hex",
     // SD-142395: rgb()/6-digit hex are verbose; hex/3-digit shorthand is byte-identical
@@ -156,9 +183,9 @@ const d = [
     type: "custom",
     processor: (e) => {
       const t = (i) => i.toString(16).padStart(2, "0");
-      return e.replace(/rgb\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*\)/gi, (i, o, n, r) => {
-        const [s, a, c] = [Number(o), Number(n), Number(r)];
-        return s > 255 || a > 255 || c > 255 ? i : `#${t(s)}${t(a)}${t(c)}`;
+      return e.replace(/rgb\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*\)/gi, (i, o, a, s) => {
+        const [r, n, c] = [Number(o), Number(a), Number(s)];
+        return r > 255 || n > 255 || c > 255 ? i : `#${t(r)}${t(n)}${t(c)}`;
       }).replace(/#([0-9a-f])\1([0-9a-f])\2([0-9a-f])\3\b/gi, "#$1$2$3");
     },
     priority: 44

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

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

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

@@ -1,16 +1,15 @@
 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 P } from "pinia";
+import { defineStore as F } from "pinia";
 import "../constants/selectors.js";
-import { DEFAULT_MOBILE_CARDS_IN_ROW as F, DEFAULT_CARDS_IN_ROW as D } from "../constants/layout.js";
+import { DEFAULT_MOBILE_CARDS_IN_ROW as P, 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 { sanitizeProductIds as N } from "../utils/productIds.js";
-import { isFilterValid as x } from "../validation/filterSchema.js";
-import { isConfigValid as L } from "../validation/requiredFields.js";
+import { isFilterValid as N } from "../validation/filterSchema.js";
+import { isConfigValid as x } from "../validation/requiredFields.js";
 const h = y();
 let m = null, u = null, d = null;
 function k() {
@@ -29,7 +28,7 @@ function k() {
     productIds: [],
     id: 1,
     language: "en_US",
-    mobileCardsInRow: F,
+    mobileCardsInRow: P,
     mobileLayoutEnabled: !1,
     orientation: "grid",
     recommendedProducts: [],
@@ -55,7 +54,7 @@ function I() {
     filterSnapshot: null
   };
 }
-const U = () => ({
+const L = () => ({
   recommendationCampaignUrls: {},
   activePredictiveAlgorithms: [],
   languages: {},
@@ -64,8 +63,8 @@ const U = () => ({
   blockStates: {},
   currentRecommendationId: null,
   configVersion: 0
-}), H = P("guidoRecommendationExtension", {
-  state: () => U(),
+}), $ = F("guidoRecommendationExtension", {
+  state: () => L(),
   getters: {
     // ====================================================================
     // Proxy Getters — Backward Compatible Access to Current Block State
@@ -384,7 +383,7 @@ const U = () => ({
         const n = [...e.recommendationConfigs.filters];
         n[r] = {
           ...t,
-          isValid: x(t)
+          isValid: N(t)
         }, e.recommendationConfigs.filters = n;
       }
     },
@@ -430,7 +429,7 @@ const U = () => ({
      * every block's recommendationConfigs across user edits.
      */
     hasInvalidBlock() {
-      return Object.values(this.blockStates).some((t) => !L(t.recommendationConfigs, this));
+      return Object.values(this.blockStates).some((t) => !x(t.recommendationConfigs, this));
     },
     // ====================================================================
     // Per-Block Product Fetching
@@ -459,7 +458,7 @@ const U = () => ({
         details: !0,
         campaignId: o.variationId
       };
-      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(
+      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(
         a,
         v(o.partnerName, r.strategy)
       );
@@ -480,5 +479,5 @@ const U = () => ({
   }
 });
 export {
-  H as useRecommendationExtensionStore
+  $ as useRecommendationExtensionStore
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.15.0-beta.244c73c",
+  "version": "3.15.0-beta.31fdfec",
   "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",

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

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

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

@@ -1,6 +0,0 @@
-/**
- * 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;