@useinsider/guido 3.17.0-beta.668ca65 → 3.17.0-beta.6cedc6c

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

@@ -1,18 +1,18 @@
-import { getRecommendationFeedSourceMaps as I, getOperatorOptions as G, PriceAttributes as D } from "../../../../enums/extensions/recommendationBlock.js";
-import { useRecommendationApi as P } from "../../../../services/recommendationApi.js";
-import { useConfigStore as F } from "../../../../stores/config.js";
-import { defineStore as v } from "pinia";
+import { getRecommendationFeedSourceMaps as b, getOperatorOptions as G, PriceAttributes as v } from "../../../../enums/extensions/recommendationBlock.js";
+import { useRecommendationApi as D } from "../../../../services/recommendationApi.js";
+import { useConfigStore as P } from "../../../../stores/config.js";
+import { defineStore as F } from "pinia";
 import "../constants/selectors.js";
 import { DEFAULT_MOBILE_CARDS_IN_ROW as _, DEFAULT_CARDS_IN_ROW as U } from "../constants/layout.js";
 import { DEFAULT_NODE_CONFIG as N, EXCLUDED_ALGORITHM_IDS as L } from "../constants/defaultConfig.js";
-import { getDefaultProducts as k } from "../templates/utils.js";
-import { generateCompleteFilterQuery as R } from "../utils/filterUtil.js";
+import { getDefaultProducts as R } from "../templates/utils.js";
+import { generateCompleteFilterQuery as k } from "../utils/filterUtil.js";
 import { getPartnerRecommendationParams as x } from "../utils/partnerCustomizations.js";
 import { sanitizeProductIds as A } from "../utils/productIds.js";
 import { isFilterValid as B } from "../validation/filterSchema.js";
-import { isConfigValid as z } from "../validation/requiredFields.js";
-const m = P();
-let f = null, g = null, h = null, S = null;
+import { isConfigValid as M } from "../validation/requiredFields.js";
+const u = D();
+let f = null, h = null, g = null, S = null;
 const p = /* @__PURE__ */ new Map();
 function w() {
   return {
@@ -53,12 +53,13 @@ function C() {
     filterStatus: !1,
     filterSelectionDrawerStatus: !1,
     assignStrategyDrawerStatus: !1,
+    removeStrategyModalStatus: !1,
     filterGroup: 1,
     isInitialized: !1,
     filterSnapshot: null
   };
 }
-const O = () => ({
+const z = () => ({
   recommendationCampaignUrls: {},
   activePredictiveAlgorithms: [],
   languages: {},
@@ -70,8 +71,8 @@ const O = () => ({
   blockStates: {},
   currentRecommendationId: null,
   configVersion: 0
-}), Y = v("guidoRecommendationExtension", {
-  state: () => O(),
+}), Y = F("guidoRecommendationExtension", {
+  state: () => z(),
   getters: {
     // ====================================================================
     // Proxy Getters — Backward Compatible Access to Current Block State
@@ -98,6 +99,9 @@ const O = () => ({
     assignStrategyDrawerStatus(t) {
       return t.currentRecommendationId !== null && t.blockStates[t.currentRecommendationId] ? t.blockStates[t.currentRecommendationId].assignStrategyDrawerStatus : !1;
     },
+    removeStrategyModalStatus(t) {
+      return t.currentRecommendationId !== null && t.blockStates[t.currentRecommendationId] ? t.blockStates[t.currentRecommendationId].removeStrategyModalStatus : !1;
+    },
     assignedStrategy(t) {
       const { strategyId: e } = this.recommendationConfigs;
       return e ? t.strategies.find((r) => String(r.strategy_id) === e) ?? null : null;
@@ -133,7 +137,7 @@ const O = () => ({
       return [...new Set(t.map((e) => e.filterGroup))].sort((e, r) => e - r);
     },
     getActivePredictiveAlgorithms: (t) => {
-      const e = I(), r = [];
+      const e = b(), r = [];
       return t.activePredictiveAlgorithms.filter((n) => !L.includes(n)).forEach((n) => {
         r.push(...e.filter((s) => s.id === n));
       }), r.map((n) => ({
@@ -152,7 +156,7 @@ const O = () => ({
     getFilterList() {
       return Object.values(this.filterList).filter((t) => t.isFilterable !== 0 && t.isFilterable !== !1).map((t) => {
         let e;
-        return t.type === "productAttribute" ? e = `product_attributes.${t.attributeName}` : D.includes(t.attributeName) ? e = `${t.attributeName}.${this.recommendationConfigs.currencySettings.value}` : e = t.attributeName, {
+        return t.type === "productAttribute" ? e = `product_attributes.${t.attributeName}` : v.includes(t.attributeName) ? e = `${t.attributeName}.${this.recommendationConfigs.currencySettings.value}` : e = t.attributeName, {
           text: t.displayName,
           value: e,
           type: t.attributeType
@@ -334,6 +338,12 @@ const O = () => ({
     closeAssignStrategyDrawer() {
       this.currentRecommendationId === null || !this.blockStates[this.currentRecommendationId] || (this.blockStates[this.currentRecommendationId].assignStrategyDrawerStatus = !1);
     },
+    openRemoveStrategyModal() {
+      this.currentRecommendationId === null || !this.blockStates[this.currentRecommendationId] || (this.blockStates[this.currentRecommendationId].removeStrategyModalStatus = !0);
+    },
+    closeRemoveStrategyModal() {
+      this.currentRecommendationId === null || !this.blockStates[this.currentRecommendationId] || (this.blockStates[this.currentRecommendationId].removeStrategyModalStatus = !1);
+    },
     async fetchStrategies() {
       if (S) {
         await S;
@@ -342,7 +352,7 @@ const O = () => ({
       S = (async () => {
         this.strategiesLoading = !0;
         try {
-          this.strategies = await m.fetchRecommendationStrategies();
+          this.strategies = await u.fetchRecommendationStrategies();
         } finally {
           this.strategiesLoading = !1;
         }
@@ -357,7 +367,7 @@ const O = () => ({
       const r = typeof t.updated_at == "string" ? t.updated_at : "", n = r ? `${t.strategy_id}:${r}:${e}` : "", s = n ? this.strategyUrlTemplates[n] : void 0;
       if (s)
         return s;
-      const { full_path: i = "" } = await m.generateStrategyEndpoint(t, e) ?? {};
+      const { full_path: i = "" } = await u.generateStrategyEndpoint(t, e) ?? {};
       return n && i && (this.strategyUrlTemplates = {
         ...this.strategyUrlTemplates,
         [n]: i
@@ -386,7 +396,7 @@ const O = () => ({
             activePredictiveAlgorithms: t,
             languages: e,
             currencies: r
-          } = await m.fetchRecommendationCreateData();
+          } = await u.fetchRecommendationCreateData();
           if (this.activePredictiveAlgorithms = t, this.languages = e, this.currentRecommendationId !== null && this.blockStates[this.currentRecommendationId]) {
             const n = this.blockStates[this.currentRecommendationId];
             n.filterStatus = !!n.recommendationConfigs.filters.length;
@@ -402,18 +412,18 @@ const O = () => ({
     },
     async fetchRecommendationFilters() {
       if (!Object.keys(this.filterList).length) {
-        if (g) {
-          await g;
+        if (h) {
+          await h;
           return;
         }
-        g = (async () => {
-          const t = await m.fetchRecommendationFilters();
+        h = (async () => {
+          const t = await u.fetchRecommendationFilters();
           this.filterList = t;
         })();
         try {
-          await g;
+          await h;
         } finally {
-          g = null;
+          h = null;
         }
       }
     },
@@ -480,7 +490,7 @@ const O = () => ({
       }), e.recommendationConfigs.filters = r;
     },
     generateFilterQuery() {
-      return R(this.recommendationConfigs.filters);
+      return k(this.recommendationConfigs.filters);
     },
     /**
      * Validation-only check invoked at save-CTA time. Defined as an action
@@ -488,33 +498,33 @@ const O = () => ({
      * every block's recommendationConfigs across user edits.
      */
     hasInvalidBlock() {
-      return Object.values(this.blockStates).some((t) => !z(t.recommendationConfigs, this));
+      return Object.values(this.blockStates).some((t) => !M(t.recommendationConfigs, this));
     },
     // ====================================================================
     // Per-Block Product Fetching
     // ====================================================================
     async fetchRecommendationProducts() {
       if (!(this.currentRecommendationId === null || !this.blockStates[this.currentRecommendationId])) {
-        if (h) {
-          await h;
+        if (g) {
+          await g;
           return;
         }
-        h = this._doFetchProducts();
+        g = this._doFetchProducts();
         try {
-          await h;
+          await g;
         } finally {
-          h = null;
+          g = null;
         }
       }
     },
     async _doFetchProducts() {
       var d;
-      const t = this.currentRecommendationId, e = this.blockStates[t], { recommendationConfigs: r } = e, n = F();
+      const t = this.currentRecommendationId, e = this.blockStates[t], { recommendationConfigs: r } = e, n = P();
       if (r.strategyId && n.isFeatureEnabled("reusableRecommendationStrategy")) {
         await this._doFetchStrategyProducts(t);
         return;
       }
-      const s = r.filters.filter((u) => u.isValid), i = R(s), o = ((d = I().find((u) => u.key === r.strategy)) == null ? void 0 : d.path) || "", c = parseInt(r.size) || 6, a = {
+      const s = r.filters.filter((m) => m.isValid), i = k(s), o = ((d = b().find((m) => m.key === r.strategy)) == null ? void 0 : d.path) || "", c = parseInt(r.size) || 6, a = {
         locale: r.language,
         currency: r.currencySettings.value,
         partnerName: n.partnerName,
@@ -528,7 +538,7 @@ const O = () => ({
       );
       let l;
       try {
-        l = await m.fetchRecommendationProducts(o, a);
+        l = await u.fetchRecommendationProducts(o, a);
       } catch {
         l = [];
       }
@@ -546,8 +556,8 @@ const O = () => ({
         );
         if (i) {
           s = parseInt(String(i.size ?? "")) || s;
-          const o = r.currencySettings.value, a = (await this.resolveStrategyUrlTemplate(i, o)).replaceAll("{locale}", r.language).replaceAll("{currency}", o), l = a.indexOf("?"), d = l === -1 ? a : a.slice(0, l), u = (l === -1 ? "" : a.slice(l + 1)).split("&").filter((b) => b && !b.startsWith("user_id=")), y = u.length ? `${d}?${u.join("&")}` : d;
-          y && (n = await m.fetchRecommendationProductsByUrl(y));
+          const o = r.currencySettings.value, a = (await this.resolveStrategyUrlTemplate(i, o)).replaceAll("{locale}", r.language).replaceAll("{currency}", o), l = a.indexOf("?"), d = l === -1 ? a : a.slice(0, l), m = (l === -1 ? "" : a.slice(l + 1)).split("&").filter((I) => I && !I.startsWith("user_id=")), y = m.length ? `${d}?${m.join("&")}` : d;
+          y && (n = await u.fetchRecommendationProductsByUrl(y));
         }
       } catch {
         n = [];
@@ -557,10 +567,10 @@ const O = () => ({
     _setBlockProducts(t, e, r) {
       if (!this.blockStates[t])
         return;
-      const n = e.length > 0 ? e : k(r);
+      const n = e.length > 0 ? e : R(r);
       this.blockStates[t].recommendationProducts = [
         ...n.slice(0, r),
-        ...k(Math.max(0, r - n.length))
+        ...R(Math.max(0, r - n.length))
       ];
     }
   }

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

@@ -0,0 +1,22 @@
+import { ModificationDescription as f } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { isPartnerManagedBlock as d, updateProductContentInPlace as m, regenerateProductRowsWithStyles as a } from "../controls/main/utils.js";
+import { RecommendationConfigService as l } from "../services/configService.js";
+const s = "recommendation-id";
+let e = null;
+function M(r) {
+  e = r;
+}
+function N(r, c, i, u) {
+  const n = e == null ? void 0 : e.getDocumentRootHtmlNode();
+  if (!e || !n || !("querySelector" in n))
+    return !1;
+  const t = n.querySelector(`[${s}="${r}"]`);
+  if (!t)
+    return !1;
+  const o = e.getDocumentModifier();
+  return l.stageConfig(o, t, c), d(t) ? (o.apply(new f(u)), !0) : (m({ currentNode: t, documentModifier: o, products: i }) || a({ currentNode: t, documentModifier: o, products: i }), !0);
+}
+export {
+  N as commitBlockChangeOutsidePanel,
+  M as registerNodeConfigWriter
+};

package/dist/guido.css

@@ -1 +1 @@
-@charset "UTF-8";.gap-16[data-v-5553d071],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-73199fa4] .in-button-v2__wrapper{line-height:0}[data-v-22226124] .in-segments-wrapper__button_selected,[data-v-22226124] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb;color:#0010ac;border-color:#0010ac}[data-v-2cb418af] .in-progress-wrapper__progress p span:last-child{display:none!important}[data-v-2cb418af] .in-progress-description-status{display:none!important}.view-options-wrapper[data-v-87033101]{position:relative;display:inline-block}.new-tag[data-v-87033101]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-87033101] .guido__view-option-selection-desktop svg,[data-v-87033101] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-87033101] .in-segments-wrapper__button_selected,[data-v-87033101] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-87033101] .in-tooltip-wrapper-v2__icon{cursor:pointer}.editor-toolbar[data-v-173c3a40]{gap:4px}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history[data-v-fad98586]{gap:8px}.version-history__toolbar[data-v-fad98586]{gap:4px}.view-options-wrapper[data-v-6ebabfe4]{position:relative;display:inline-block}.new-tag[data-v-6ebabfe4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-6ebabfe4] .guido__verion-history-view-option-selection-desktop svg,[data-v-6ebabfe4] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-6ebabfe4] .in-segments-wrapper__button_selected,[data-v-6ebabfe4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-6ebabfe4] .in-tooltip-wrapper-v2__icon{cursor:pointer}.auto-save-toggle[data-v-2c964af4]{position:relative}.auto-save-toggle__info-box[data-v-2c964af4]{position:absolute;top:100%;left:0;z-index:10;width:280px}.editor-actions[data-v-6e711fd7]{gap:4px}.header-wrapper[data-v-d11dd577]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-e6f99d29]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-e6f99d29]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-e6f99d29]{height:calc(100vh - 75px - var(--ribbon-offset))}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-91a26acd]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-91a26acd]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-91a26acd]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-91a26acd]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-91a26acd]{object-fit:cover;transform:scale(1)}[data-v-b9a93c6e] .guido__verion-history-view-option-selection-desktop svg,[data-v-b9a93c6e] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-b9a93c6e] .in-segments-wrapper__button_selected,[data-v-b9a93c6e] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-c3fd5d4b]{gap:16px}.desktop-browser-header[data-v-d86c5af5]{height:79px;min-height:79px}.desktop-browser-header__left[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:378px}.desktop-browser-header__center[data-v-d86c5af5]{height:79px;background-repeat:repeat-x;background-size:auto 100%;background-position:left top}.desktop-browser-header__right[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:112px}.desktop-preview[data-v-cf946232]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-cf946232]{min-height:504px}.iframe-wrapper[data-v-f255b2bb]{width:258px}.iframe-scaled[data-v-f255b2bb]{width:320px;height:124.0310077519%;transform:scale(.80625);transform-origin:top left}.cropped-text[data-v-eb3d05d7]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-preview-wrapper__phone[data-v-3f472f96]{width:282px}.mobile-preview-wrapper__phone img[data-v-3f472f96]{object-fit:cover;border-radius:44px}.mobile-preview-wrapper__content[data-v-3f472f96]{width:258px;height:450px;left:12px}[data-v-6bcaca8a] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-f16f20f8] .vueperslides__bullets{pointer-events:none!important}[data-v-f16f20f8] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-bb3cca55] .vueperslides__bullets{pointer-events:none!important}[data-v-bb3cca55] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-b09e80c4] .vueperslides__bullets{pointer-events:none!important}[data-v-b09e80c4] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-9bdef600] .vueperslides__parallax-wrapper{padding-bottom:110px!important}.assign-strategy-drawer-content .assign-strategy-select[data-v-d3080c55]{width:100%;max-width:none}.assign-strategy-drawer-content .assign-strategy-select[data-v-d3080c55] .in-dropdown-box__container{width:413px}.assign-strategy-drawer .spaced-dot-sep{background-image:linear-gradient(90deg,#91949f 20%,#fff0 0);background-position:center bottom;background-repeat:repeat-x;background-size:5px 1px}.assign-strategy-drawer .spaced-dot-sep--top{background-position:center top}.assign-strategy-drawer .spaced-dot-sep--fc-n:first-child{background:none}
+@charset "UTF-8";.gap-16[data-v-5553d071],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-73199fa4] .in-button-v2__wrapper{line-height:0}[data-v-22226124] .in-segments-wrapper__button_selected,[data-v-22226124] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb;color:#0010ac;border-color:#0010ac}[data-v-2cb418af] .in-progress-wrapper__progress p span:last-child{display:none!important}[data-v-2cb418af] .in-progress-description-status{display:none!important}.view-options-wrapper[data-v-87033101]{position:relative;display:inline-block}.new-tag[data-v-87033101]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-87033101] .guido__view-option-selection-desktop svg,[data-v-87033101] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-87033101] .in-segments-wrapper__button_selected,[data-v-87033101] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-87033101] .in-tooltip-wrapper-v2__icon{cursor:pointer}.editor-toolbar[data-v-173c3a40]{gap:4px}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history[data-v-fad98586]{gap:8px}.version-history__toolbar[data-v-fad98586]{gap:4px}.view-options-wrapper[data-v-6ebabfe4]{position:relative;display:inline-block}.new-tag[data-v-6ebabfe4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-6ebabfe4] .guido__verion-history-view-option-selection-desktop svg,[data-v-6ebabfe4] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-6ebabfe4] .in-segments-wrapper__button_selected,[data-v-6ebabfe4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-6ebabfe4] .in-tooltip-wrapper-v2__icon{cursor:pointer}.auto-save-toggle[data-v-2c964af4]{position:relative}.auto-save-toggle__info-box[data-v-2c964af4]{position:absolute;top:100%;left:0;z-index:10;width:280px}.editor-actions[data-v-6e711fd7]{gap:4px}.header-wrapper[data-v-d11dd577]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-5c588dc5]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-5c588dc5]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-5c588dc5]{height:calc(100vh - 75px - var(--ribbon-offset))}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-91a26acd]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-91a26acd]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-91a26acd]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-91a26acd]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-91a26acd]{object-fit:cover;transform:scale(1)}[data-v-b9a93c6e] .guido__verion-history-view-option-selection-desktop svg,[data-v-b9a93c6e] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-b9a93c6e] .in-segments-wrapper__button_selected,[data-v-b9a93c6e] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-c3fd5d4b]{gap:16px}.desktop-browser-header[data-v-d86c5af5]{height:79px;min-height:79px}.desktop-browser-header__left[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:378px}.desktop-browser-header__center[data-v-d86c5af5]{height:79px;background-repeat:repeat-x;background-size:auto 100%;background-position:left top}.desktop-browser-header__right[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:112px}.desktop-preview[data-v-cf946232]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-cf946232]{min-height:504px}.iframe-wrapper[data-v-f255b2bb]{width:258px}.iframe-scaled[data-v-f255b2bb]{width:320px;height:124.0310077519%;transform:scale(.80625);transform-origin:top left}.cropped-text[data-v-eb3d05d7]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-preview-wrapper__phone[data-v-3f472f96]{width:282px}.mobile-preview-wrapper__phone img[data-v-3f472f96]{object-fit:cover;border-radius:44px}.mobile-preview-wrapper__content[data-v-3f472f96]{width:258px;height:450px;left:12px}[data-v-6bcaca8a] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-f16f20f8] .vueperslides__bullets{pointer-events:none!important}[data-v-f16f20f8] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-bb3cca55] .vueperslides__bullets{pointer-events:none!important}[data-v-bb3cca55] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-b09e80c4] .vueperslides__bullets{pointer-events:none!important}[data-v-b09e80c4] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-9bdef600] .vueperslides__parallax-wrapper{padding-bottom:110px!important}.assign-strategy-drawer-content .assign-strategy-select[data-v-2580a7d9]{width:100%;max-width:none}.assign-strategy-drawer-content .assign-strategy-select[data-v-2580a7d9] .in-dropdown-box__container{width:413px}.assign-strategy-drawer .spaced-dot-sep{background-image:linear-gradient(90deg,#91949f 20%,#fff0 0);background-position:center bottom;background-repeat:repeat-x;background-size:5px 1px}.assign-strategy-drawer .spaced-dot-sep--top{background-position:center top}.assign-strategy-drawer .spaced-dot-sep--fc-n:first-child{background:none}

package/dist/services/recommendationApi.js

@@ -63,7 +63,7 @@ const y = "[sr_strategies.status][=][active]*[sr_strategies.suitable_channels][~
         );
         return Array.isArray(e) ? e : (e == null ? void 0 : e.data) ?? [];
       } catch (e) {
-        return console.error("fetchRecommendationStrategies error:", e), [];
+        throw console.error("fetchRecommendationStrategies error:", e), e;
       }
     },
     generateStrategyEndpoint: async (e, o) => {

package/dist/src/components/organisms/extensions/recommendation/RemoveStrategyModal.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/dist/src/extensions/Blocks/Recommendation/controls/main/index.d.ts

@@ -20,7 +20,9 @@ export * from './utils';
 export declare class RecommendationBlockControl extends CommonControl {
     private store;
     private storeUnsubscription;
-    private syncedBlockIds;
+    private syncedConfigs;
+    private pendingNodeConfigWrite;
+    private pendingConfigFlushTimer;
     private algorithmControl;
     private localeControl;
     private currencyControl;
@@ -54,6 +56,41 @@ export declare class RecommendationBlockControl extends CommonControl {
      * Uses triggerRefetch: false because the fetch hasn't happened yet —
      * values are being prepared for the upcoming initial fetch.
      */
+    /**
+     * Re-syncs the store when the node config moved since we last read it.
+     *
+     * Undo/redo, the code editor and version-history restore rewrite the node
+     * config behind the store's back — Stripo exposes no undo signal, so a
+     * fingerprint diff on this hook is the only way to notice (SD-149105).
+     * An unchanged fingerprint means the move came from us, so runtime store
+     * edits are never clobbered (SD-141049).
+     */
+    private _syncNodeConfigIfChanged;
+    private _capturePendingNodeConfigWrite;
+    /**
+     * Accumulates the pending write into `documentModifier` without applying, so the
+     * caller's apply() commits config and re-render as ONE undo entry.
+     *
+     * Deliberately does not consume the pending record: the product helpers call
+     * apply() only when they actually changed something, so this batch may never be
+     * committed and the flush has to stay able to write it standalone.
+     * @param documentModifier - The batch to accumulate into
+     * @returns Whether anything was staged
+     */
+    private _stagePendingNodeConfig;
+    /**
+     * Arms the guaranteed fallback write, once the product fetch has settled. The
+     * delay only has to outlast the re-render debounce that fetch triggers — firing
+     * earlier writes the config on its own and the undo entry splits in two again.
+     */
+    private _scheduleConfigFlush;
+    private _clearConfigFlush;
+    /**
+     * Writes the deferred change standalone when the batch it was staged into never
+     * committed. Always targets the LIVE node — the captured one is an immutable
+     * snapshot the intervening re-render staled, and saveConfig swallows that failure.
+     */
+    private _flushPendingNodeConfig;
     private _syncNodeConfigToStore;
     /**
      * Fetches initial data for a block in three phases:
@@ -110,11 +147,4 @@ export declare class RecommendationBlockControl extends CommonControl {
      * We skip that tick and update tracking references instead.
      */
     private _listenStateUpdates;
-    /**
-     * Persists filter + strategy state to the Stripo node config so it survives
-     * save/reload (strategyId must reach esd-ext-config before any save).
-     * `size` rides along: assigning a strategy writes it to the store only, and a
-     * stale node config would rebuild the block against the old slot count.
-     */
-    private _persistFiltersToNodeConfig;
 }

package/dist/src/extensions/Blocks/Recommendation/services/configService.d.ts

@@ -25,7 +25,7 @@ import { ModificationDescription } from '@stripoinc/ui-editor-extensions';
  * Stripo Extension API interface for document modifications
  * Extracted to allow type-safe usage without importing full Stripo types
  */
-interface DocumentModifier {
+export interface DocumentModifier {
     modifyHtml: (node: ImmutableHtmlNode) => {
         setNodeConfig: (config: Record<string, unknown>) => DocumentModifier;
         setAttribute: (name: string, value: string) => DocumentModifier;
@@ -90,6 +90,17 @@ export declare class RecommendationConfigService {
      * @returns The new complete configuration
      */
     static updateConfig(api: DocumentModifierApi, node: ImmutableHtmlNode, updates: PartialNodeConfig, description: string): RecommendationNodeConfig;
+    /**
+     * Accumulate a config update into an existing modifier batch, WITHOUT applying.
+     *
+     * The caller owns the apply(), so the write shares one undo entry with the rest
+     * of that batch — a change whose visible result only lands after an async product
+     * fetch would otherwise cost the user two undo presses (SD-149105).
+     * @param documentModifier - The batch to accumulate into (caller applies)
+     * @param node - The immutable HTML node to write to
+     * @param updates - Partial config with values to update
+     */
+    static stageConfig(documentModifier: DocumentModifier, node: ImmutableHtmlNode, updates: PartialNodeConfig): void;
     /**
      * Initialize configuration for a new block
      *

package/dist/src/extensions/Blocks/Recommendation/store/recommendation.d.ts

@@ -35,6 +35,7 @@ interface PerBlockState {
     filterStatus: boolean;
     filterSelectionDrawerStatus: boolean;
     assignStrategyDrawerStatus: boolean;
+    removeStrategyModalStatus: boolean;
     filterGroup: number;
     /** Whether initial API data (filters, algorithms, products) has been fetched for this block */
     isInitialized: boolean;
@@ -177,6 +178,29 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
         currentRecommendationId: number | null;
         configVersion: number;
     } & import("pinia").PiniaCustomStateProperties<StoreState>): boolean;
+    removeStrategyModalStatus(state: {
+        recommendationCampaignUrls: Record<string, RecommendationCampaignUrlValue>;
+        activePredictiveAlgorithms: number[];
+        languages: Languages;
+        currencyList: {
+            text: string;
+            value: string;
+        }[];
+        filterList: FiltersResponse;
+        strategies: {
+            [x: string]: unknown;
+            strategy_id: number;
+            name: string;
+            status: string;
+            suitable_channels: string;
+            size?: (number | string) | undefined;
+        }[];
+        strategiesLoading: boolean;
+        strategyUrlTemplates: Record<string, string>;
+        blockStates: Record<number, PerBlockState>;
+        currentRecommendationId: number | null;
+        configVersion: number;
+    } & import("pinia").PiniaCustomStateProperties<StoreState>): boolean;
     assignedStrategy(state: {
         recommendationCampaignUrls: Record<string, RecommendationCampaignUrlValue>;
         activePredictiveAlgorithms: number[];
@@ -406,6 +430,8 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
     cancelFilterDrawer(): void;
     openAssignStrategyDrawer(): void;
     closeAssignStrategyDrawer(): void;
+    openRemoveStrategyModal(): void;
+    closeRemoveStrategyModal(): void;
     fetchStrategies(): Promise<void>;
     resolveStrategyUrlTemplate(strategy: RrsStrategy, currency: string): Promise<string>;
     assignStrategy(strategy: RrsStrategy): void;

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

@@ -0,0 +1,31 @@
+import type { DocumentModifier } from '../services/configService';
+import type { PartialNodeConfig } from '../types/nodeConfig';
+import type { RecommendationProduct } from '@@/Types/recommendation';
+import { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
+interface ConfigWriterApi {
+    getDocumentModifier: () => DocumentModifier;
+    getDocumentRootHtmlNode: () => ImmutableHtmlNode;
+}
+/**
+ * Keeps a document handle alive for writes the settings panel can no longer make.
+ * Deliberately not cleared on deselect — that is the exact moment the handle is
+ * needed. It is replaced on the next render, and goes stale only if the editor
+ * itself is torn down.
+ */
+export declare function registerNodeConfigWriter(api: ConfigWriterApi): void;
+/**
+ * Commits a config change and its product re-render straight to the document,
+ * bypassing the settings panel.
+ *
+ * Host-rendered UI (the remove-strategy modal) lives outside `ui-editor`, and
+ * Stripo deselects the block on the first click that lands there — destroying the
+ * control that normally does both, before the store change even happens.
+ *
+ * Mirrors the control's regenerate routine so config and cards land in ONE undo
+ * entry, and so partner-managed blocks keep their hand-authored cells.
+ * @param description - labels the undo entry only when there are no cards to
+ * re-render; the product helpers label their own batch.
+ * @returns whether the write reached a node
+ */
+export declare function commitBlockChangeOutsidePanel(blockId: number, updates: PartialNodeConfig, products: RecommendationProduct[], description: string): boolean;
+export {};

package/dist/src/utils/genericUtil.d.ts

@@ -25,3 +25,8 @@ export declare const getCsrfToken: () => string;
 export declare const getUrlParams: () => URLSearchParams;
 export declare const getUrlParam: (paramName: string, defaultValue?: string) => string;
 export declare const replaceString: (string?: string, values?: Record<string, string | number>, isRemoveEmptyValues?: boolean) => string;
+/**
+ * Narrows an unknown API value to a printable string; anything that is neither
+ * a string nor a number becomes ''.
+ */
+export declare const asText: (value: unknown) => string;

package/dist/utils/genericUtil.js

@@ -1,26 +1,26 @@
-const o = (l) => {
-  const a = l.value.match(/\{\{([^}]+)\}\}/)[1].split("|").map((t) => t.trim()), [c] = a, r = {
-    text: l.label,
-    value: c || ""
+const o = (t) => {
+  const a = t.value.match(/\{\{([^}]+)\}\}/)[1].split("|").map((l) => l.trim()), [s] = a, r = {
+    text: t.label,
+    value: s || ""
   };
   if (a.length >= 2) {
-    const [, t, e] = a;
-    if (t.startsWith("default:")) {
-      let n = t.slice(8).trim();
+    const [, l, e] = a;
+    if (l.startsWith("default:")) {
+      let n = l.slice(8).trim();
       n.startsWith('"') && n.endsWith('"') && (n = n.slice(1, -1)), r.fallback = n;
     } else {
-      const n = t.includes("=") ? { key: t.split("=")[0].trim(), value: t.split("=")[1].trim() } : null;
-      n ? r.format = n : e || (r.fallback = t), e && (r.fallback = e);
+      const n = l.includes("=") ? { key: l.split("=")[0].trim(), value: l.split("=")[1].trim() } : null;
+      n ? r.format = n : e || (r.fallback = l), e && (r.fallback = e);
     }
   }
   return r;
-}, f = (l, s = !1) => l.map((a) => {
+}, f = (t, c = !1) => t.map((a) => {
   if (a.format)
     return {
       label: `${a.text} | ${a.format.key}=${a.format.value}`,
       value: `{{${a.value}|${a.format.key}=${a.format.value}}}`
     };
-  if (s) {
+  if (c) {
     if (!a.fallback)
       return {
         label: a.text,
@@ -36,33 +36,34 @@ const o = (l) => {
     label: a.fallback ? `${a.text} | ${a.fallback}` : a.text,
     value: a.fallback ? `{{${a.value}|${a.fallback}}}` : `{{${a.value}}}`
   };
-}), b = (l) => {
-  const s = [], a = /* @__PURE__ */ new Set(), c = (t) => {
-    Array.isArray(t) && t.forEach((e) => {
+}), b = (t) => {
+  const c = [], a = /* @__PURE__ */ new Set(), s = (l) => {
+    Array.isArray(l) && l.forEach((e) => {
       const n = [...e.children ?? [], ...e.select_items ?? []];
       if (n.length > 0) {
-        c(n);
+        s(n);
         return;
       }
       const u = e.text || e.tag_text;
-      u && e.value && !a.has(e.value) && (a.add(e.value), s.push({ text: u, value: e.value }));
+      u && e.value && !a.has(e.value) && (a.add(e.value), c.push({ text: u, value: e.value }));
     });
-  }, [r] = Object.values(l ?? {});
-  return c(r), s;
-}, v = (l, s, a = !1) => {
-  const c = new Set(l.map((t) => t.value)), r = s.filter((t) => c.has(t.value) ? !1 : (c.add(t.value), !0));
+  }, [r] = Object.values(t ?? {});
+  return s(r), c;
+}, i = (t, c, a = !1) => {
+  const s = new Set(t.map((l) => l.value)), r = c.filter((l) => s.has(l.value) ? !1 : (s.add(l.value), !0));
   return [
-    ...f(l, a),
+    ...f(t, a),
     ...f(r, a)
   ];
-}, i = () => {
-  var l;
-  return ((l = document.head.querySelector('meta[name="csrf-token"]')) == null ? void 0 : l.getAttribute("content")) ?? "";
-};
+}, v = () => {
+  var t;
+  return ((t = document.head.querySelector('meta[name="csrf-token"]')) == null ? void 0 : t.getAttribute("content")) ?? "";
+}, k = (t) => typeof t == "string" ? t : typeof t == "number" ? String(t) : "";
 export {
-  v as buildMergeTagEntries,
+  k as asText,
+  i as buildMergeTagEntries,
   f as dynamicContentToMergeTags,
   b as flattenDynamicContentList,
-  i as getCsrfToken,
+  v as getCsrfToken,
   o as mergeTagToDynamicContent
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.17.0-beta.668ca65",
+  "version": "3.17.0-beta.6cedc6c",
   "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",
@@ -25,7 +25,7 @@
     "start": "vite",
     "build": "vite build && vue-tsc --declaration --emitDeclarationOnly --project tsconfig.app.json",
     "preview": "vite preview",
-    "lint": "NODE_OPTIONS=--max-old-space-size=2048 eslint ./ && bun run type-check",
+    "lint": "NODE_OPTIONS=--max-old-space-size=2048 eslint ./ && npm run type-check",
     "lint:fix": "NODE_OPTIONS=--max-old-space-size=2048 eslint --fix ./",
     "lint:e2e-quality": "node scripts/lint-e2e-quality.mjs",
     "lint:e2e-quality:ci": "node scripts/lint-e2e-quality.mjs --ci",