@useinsider/guido 3.18.0-beta.41e529d → 3.18.0-beta.599df29

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

@@ -1,23 +1,22 @@
-import { getRecommendationFeedSourceMaps as b, getOperatorOptions as D, PriceAttributes as F } from "../../../../enums/extensions/recommendationBlock.js";
-import { useRecommendationApi as P } from "../../../../services/recommendationApi.js";
-import { useConfigStore as R } from "../../../../stores/config.js";
-import { defineStore as L } 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 U, DEFAULT_CARDS_IN_ROW as _ } from "../constants/layout.js";
-import { DEFAULT_NODE_CONFIG as N, CURRENT_CONFIG_VERSION as w, EXCLUDED_ALGORITHM_IDS as M } from "../constants/defaultConfig.js";
-import { getDefaultProducts as k } from "../templates/utils.js";
-import { generateCompleteFilterQuery as C } from "../utils/filterUtil.js";
-import { isLegacyStrategyConfig as x } from "../utils/legacyStrategyMigration.js";
-import { getPartnerRecommendationParams as B } from "../utils/partnerCustomizations.js";
-import { sanitizeProductIds as z } from "../utils/productIds.js";
-import { isFilterValid as A } from "../validation/filterSchema.js";
-import { isConfigValid as O } from "../validation/requiredFields.js";
-const u = P();
-let f = null, g = null, h = null, S = null;
+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 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 M } from "../validation/requiredFields.js";
+const u = D();
+let f = null, h = null, g = null, S = null;
 const p = /* @__PURE__ */ new Map();
-function G() {
+function w() {
   return {
-    cardsInRow: _,
+    cardsInRow: U,
     currencySettings: {
       name: "USD",
       value: "USD",
@@ -31,7 +30,7 @@ function G() {
     productIds: [],
     id: 1,
     language: "en_US",
-    mobileCardsInRow: U,
+    mobileCardsInRow: _,
     mobileLayoutEnabled: !1,
     orientation: "grid",
     recommendedProducts: [],
@@ -39,7 +38,6 @@ function G() {
     shuffleProducts: !1,
     strategy: "mostPopular",
     strategyId: "",
-    nodeConfigVersion: w,
     textTrimming: !0,
     unresponsive: !1,
     size: "6",
@@ -48,22 +46,20 @@ function G() {
     priceHideIfSameAsDiscounted: !1
   };
 }
-function v() {
+function C() {
   return {
-    recommendationConfigs: G(),
+    recommendationConfigs: w(),
     recommendationProducts: [],
     filterStatus: !1,
     filterSelectionDrawerStatus: !1,
     assignStrategyDrawerStatus: !1,
     removeStrategyModalStatus: !1,
-    legacyStrategyUpdatedModalStatus: !1,
     filterGroup: 1,
     isInitialized: !1,
-    filterSnapshot: null,
-    legacyConversionLoading: !1
+    filterSnapshot: null
   };
 }
-const E = () => ({
+const z = () => ({
   recommendationCampaignUrls: {},
   activePredictiveAlgorithms: [],
   languages: {},
@@ -75,8 +71,8 @@ const E = () => ({
   blockStates: {},
   currentRecommendationId: null,
   configVersion: 0
-}), et = L("guidoRecommendationExtension", {
-  state: () => E(),
+}), Y = F("guidoRecommendationExtension", {
+  state: () => z(),
   getters: {
     // ====================================================================
     // Proxy Getters — Backward Compatible Access to Current Block State
@@ -86,7 +82,7 @@ const E = () => ({
      * This allows all existing code that reads `store.recommendationConfigs` to work unchanged.
      */
     recommendationConfigs(t) {
-      return t.currentRecommendationId !== null && t.blockStates[t.currentRecommendationId] ? t.blockStates[t.currentRecommendationId].recommendationConfigs : G();
+      return t.currentRecommendationId !== null && t.blockStates[t.currentRecommendationId] ? t.blockStates[t.currentRecommendationId].recommendationConfigs : w();
     },
     /**
      * Proxy getter: delegates to blockStates[currentRecommendationId].recommendationProducts
@@ -106,15 +102,6 @@ const E = () => ({
     removeStrategyModalStatus(t) {
       return t.currentRecommendationId !== null && t.blockStates[t.currentRecommendationId] ? t.blockStates[t.currentRecommendationId].removeStrategyModalStatus : !1;
     },
-    isLegacyStrategyBlock() {
-      return R().isFeatureEnabled("reusableRecommendationStrategy") && x(this.recommendationConfigs);
-    },
-    legacyConversionLoading(t) {
-      return t.currentRecommendationId !== null && t.blockStates[t.currentRecommendationId] ? t.blockStates[t.currentRecommendationId].legacyConversionLoading : !1;
-    },
-    legacyStrategyUpdatedModalStatus(t) {
-      return t.currentRecommendationId !== null && t.blockStates[t.currentRecommendationId] ? t.blockStates[t.currentRecommendationId].legacyStrategyUpdatedModalStatus : !1;
-    },
     assignedStrategy(t) {
       const { strategyId: e } = this.recommendationConfigs;
       return e ? t.strategies.find((r) => String(r.strategy_id) === e) ?? null : null;
@@ -151,7 +138,7 @@ const E = () => ({
     },
     getActivePredictiveAlgorithms: (t) => {
       const e = b(), r = [];
-      return t.activePredictiveAlgorithms.filter((n) => !M.includes(n)).forEach((n) => {
+      return t.activePredictiveAlgorithms.filter((n) => !L.includes(n)).forEach((n) => {
         r.push(...e.filter((s) => s.id === n));
       }), r.map((n) => ({
         text: n.name,
@@ -169,7 +156,7 @@ const E = () => ({
     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}` : F.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
@@ -191,7 +178,7 @@ const E = () => ({
     setCurrentBlock(t) {
       this.blockStates[t] || (this.blockStates = {
         ...this.blockStates,
-        [t]: v()
+        [t]: C()
       }), this.currentRecommendationId = t;
     },
     /**
@@ -259,7 +246,7 @@ const E = () => ({
         decimalCount: String(e.currencyDecimalCount),
         decimalSeparator: r(e.currencyDecimalSeparator, ","),
         thousandSeparator: r(e.currencyThousandSeparator, ".")
-      }, s = !this.blockStates[t], i = s ? v() : this.blockStates[t];
+      }, s = !this.blockStates[t], i = s ? C() : this.blockStates[t];
       i.recommendationConfigs = {
         ...i.recommendationConfigs,
         strategy: e.strategy,
@@ -298,7 +285,7 @@ const E = () => ({
      * Creates a filter with the first available attribute and operator pre-selected.
      */
     createDefaultFilter(t, e) {
-      const [r] = this.getFilterList, [n] = D(r == null ? void 0 : r.type);
+      const [r] = this.getFilterList, [n] = G(r == null ? void 0 : r.type);
       return {
         type: "standardFilter",
         attribute: (r == null ? void 0 : r.value) ?? "",
@@ -351,12 +338,6 @@ const E = () => ({
     closeAssignStrategyDrawer() {
       this.currentRecommendationId === null || !this.blockStates[this.currentRecommendationId] || (this.blockStates[this.currentRecommendationId].assignStrategyDrawerStatus = !1);
     },
-    openLegacyStrategyUpdatedModal() {
-      this.currentRecommendationId === null || !this.blockStates[this.currentRecommendationId] || (this.blockStates[this.currentRecommendationId].legacyStrategyUpdatedModalStatus = !0);
-    },
-    closeLegacyStrategyUpdatedModal() {
-      this.currentRecommendationId === null || !this.blockStates[this.currentRecommendationId] || (this.blockStates[this.currentRecommendationId].legacyStrategyUpdatedModalStatus = !1);
-    },
     openRemoveStrategyModal() {
       this.currentRecommendationId === null || !this.blockStates[this.currentRecommendationId] || (this.blockStates[this.currentRecommendationId].removeStrategyModalStatus = !0);
     },
@@ -398,28 +379,6 @@ const E = () => ({
         ...t.size !== void 0 ? { size: String(t.size) } : {}
       });
     },
-    async convertLegacyStrategy(t) {
-      const e = this.currentRecommendationId;
-      if (e === null || !this.blockStates[e])
-        throw new Error("[Guido] convertLegacyStrategy called without an active block");
-      this.blockStates[e].legacyConversionLoading = !0;
-      try {
-        const r = await u.migrateLegacyStrategy(t);
-        try {
-          await this.fetchStrategies();
-        } catch (s) {
-          console.error("[Guido] strategy listing refresh after conversion failed", s);
-        }
-        const n = this.strategies.find((s) => String(s.strategy_id) === r);
-        return this.patchCurrentBlockConfig({
-          strategyId: r,
-          nodeConfigVersion: w,
-          ...(n == null ? void 0 : n.size) !== void 0 ? { size: String(n.size) } : {}
-        }), r;
-      } finally {
-        this.blockStates[e].legacyConversionLoading = !1;
-      }
-    },
     removeStrategy() {
       this.patchCurrentBlockConfig({ strategyId: "", size: N.size });
     },
@@ -453,18 +412,18 @@ const E = () => ({
     },
     async fetchRecommendationFilters() {
       if (!Object.keys(this.filterList).length) {
-        if (g) {
-          await g;
+        if (h) {
+          await h;
           return;
         }
-        g = (async () => {
+        h = (async () => {
           const t = await u.fetchRecommendationFilters();
           this.filterList = t;
         })();
         try {
-          await g;
+          await h;
         } finally {
-          g = null;
+          h = null;
         }
       }
     },
@@ -493,7 +452,7 @@ const E = () => ({
         const n = [...e.recommendationConfigs.filters];
         n[r] = {
           ...t,
-          isValid: A(t)
+          isValid: B(t)
         }, e.recommendationConfigs.filters = n;
       }
     },
@@ -531,7 +490,7 @@ const E = () => ({
       }), e.recommendationConfigs.filters = r;
     },
     generateFilterQuery() {
-      return C(this.recommendationConfigs.filters);
+      return k(this.recommendationConfigs.filters);
     },
     /**
      * Validation-only check invoked at save-CTA time. Defined as an action
@@ -539,33 +498,33 @@ const E = () => ({
      * every block's recommendationConfigs across user edits.
      */
     hasInvalidBlock() {
-      return Object.values(this.blockStates).some((t) => !O(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 = R();
+      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((m) => m.isValid), i = C(s), o = ((d = b().find((m) => m.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,
@@ -573,9 +532,9 @@ const E = () => ({
         details: !0,
         campaignId: n.variationId
       };
-      r.strategy === "manualMerchandising" ? a.productId = z(r.productIds) : r.strategy === "similarViewed" && (a.productId = "{itemId}"), r.strategy === "userBased" && (a.userId = "{user_id}"), i && (a.filter = i), r.shuffleProducts && (a.shuffle = !0), Object.assign(
+      r.strategy === "manualMerchandising" ? a.productId = A(r.productIds) : r.strategy === "similarViewed" && (a.productId = "{itemId}"), r.strategy === "userBased" && (a.userId = "{user_id}"), i && (a.filter = i), r.shuffleProducts && (a.shuffle = !0), Object.assign(
         a,
-        B(n.partnerName, r.strategy)
+        x(n.partnerName, r.strategy)
       );
       let l;
       try {
@@ -608,14 +567,14 @@ const E = () => ({
     _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))
       ];
     }
   }
 });
 export {
-  et as useRecommendationExtensionStore
+  Y as useRecommendationExtensionStore
 };

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-d1f80922]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-d1f80922]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-d1f80922]{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-4019dc4d]{width:100%;max-width:none}.assign-strategy-drawer-content .assign-strategy-select[data-v-4019dc4d] .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}.legacy-strategy-updated-modal[data-v-da2225a1]{position:relative;z-index:145}
+@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-1ca6baf0]{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-050dfa52]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-050dfa52]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-050dfa52]{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

@@ -1,97 +1,88 @@
-import { useHttp as y } from "../composables/useHttp.js";
-import { URLS as c, QUERY_PARAMS as u } from "../enums/extensions/recommendationBlock.js";
-const g = "[sr_strategies.status][=][active]*[sr_strategies.suitable_channels][~][EMAIL]", l = (s) => s.reduce(
-  (i, o, d) => (i[d] = {
-    attributeName: o.attributeName,
-    attributeJs: o.attributeJs,
-    attributeType: o.attributeType,
-    type: o.type,
-    displayName: o.displayName,
-    isFilterable: o.isFilterable
-  }, i),
+import { useHttp as l } from "../composables/useHttp.js";
+import { URLS as m, QUERY_PARAMS as u } from "../enums/extensions/recommendationBlock.js";
+const y = "[sr_strategies.status][=][active]*[sr_strategies.suitable_channels][~][EMAIL]", R = (c) => c.reduce(
+  (s, r, i) => (s[i] = {
+    attributeName: r.attributeName,
+    attributeJs: r.attributeJs,
+    attributeType: r.attributeType,
+    type: r.type,
+    displayName: r.displayName,
+    isFilterable: r.isFilterable
+  }, s),
   {}
 ), _ = () => {
-  const { get: s, post: i } = y(), { get: o } = y({ headers: {} }), d = "6KcLM9TwheVB1mgK";
+  const { get: c, post: s } = l(), { get: r } = l({ headers: {} }), i = "6KcLM9TwheVB1mgK";
   return {
     fetchRecommendationCreateData: async () => {
       try {
-        return (await s(`${c.NEWSLETTER_RECOMMENDATIONS_PATH}/create-data`)).data;
-      } catch (t) {
-        throw console.error("fetchUserModalState error:", t), t;
+        return (await c("/newsletter/recommendations/create-data")).data;
+      } catch (e) {
+        throw console.error("fetchUserModalState error:", e), e;
       }
     },
     fetchRecommendationFilters: async () => {
       try {
-        const { data: t } = await s(
-          c.PRODUCT_ATTRIBUTES_PATH
-        ), r = Array.isArray(t) ? t : (t == null ? void 0 : t.data) ?? [];
-        return l(r);
-      } catch (t) {
-        throw console.error("fetchRecommendationFilters error:", t), t;
+        const { data: e } = await c(
+          m.PRODUCT_ATTRIBUTES_PATH
+        ), o = Array.isArray(e) ? e : (e == null ? void 0 : e.data) ?? [];
+        return R(o);
+      } catch (e) {
+        throw console.error("fetchRecommendationFilters error:", e), e;
       }
     },
-    fetchRecommendationProducts: async (t, r) => {
-      var e;
+    fetchRecommendationProducts: async (e, o) => {
+      var t;
       try {
-        const a = new URLSearchParams(Object.entries(r));
-        a.set(u.CLIENT_ID, d);
-        const m = decodeURIComponent(a.toString());
-        console.debug("🏁 Recommendation API Query:", m);
-        const n = await o(
-          `${c.RECOMMENDATION_API_URL}/v2/${t}?${m}`
+        const n = new URLSearchParams(Object.entries(o));
+        n.set(u.CLIENT_ID, i);
+        const d = decodeURIComponent(n.toString());
+        console.debug("🏁 Recommendation API Query:", d);
+        const a = await r(
+          `${m.RECOMMENDATION_API_URL}/v2/${e}?${d}`
         );
-        return ((e = n == null ? void 0 : n.data) == null ? void 0 : e.data) ?? [];
-      } catch (a) {
-        throw console.error("fetchRecommendationProducts error:", a), a;
+        return ((t = a == null ? void 0 : a.data) == null ? void 0 : t.data) ?? [];
+      } catch (n) {
+        throw console.error("fetchRecommendationProducts error:", n), n;
       }
     },
-    fetchRecommendationProductsByUrl: async (t) => {
-      var r;
+    fetchRecommendationProductsByUrl: async (e) => {
+      var o;
       try {
-        const e = new RegExp(`[?&]${u.CLIENT_ID}=`).test(t), a = t.includes("?") ? "&" : "?", m = e ? t : `${t}${a}${u.CLIENT_ID}=${d}`, n = await o(
-          m
+        const t = new RegExp(`[?&]${u.CLIENT_ID}=`).test(e), n = e.includes("?") ? "&" : "?", d = t ? e : `${e}${n}${u.CLIENT_ID}=${i}`, a = await r(
+          d
         );
-        return ((r = n == null ? void 0 : n.data) == null ? void 0 : r.data) ?? [];
-      } catch (e) {
-        return console.error("fetchRecommendationProductsByUrl error:", e), [];
+        return ((o = a == null ? void 0 : a.data) == null ? void 0 : o.data) ?? [];
+      } catch (t) {
+        return console.error("fetchRecommendationProductsByUrl error:", t), [];
       }
     },
     fetchRecommendationStrategies: async () => {
       try {
-        const { data: t } = await s(
-          `${c.RECOMMENDATION_STRATEGIES_PATH}?filters=${encodeURIComponent(g)}`
+        const { data: e } = await c(
+          `${m.RECOMMENDATION_STRATEGIES_PATH}?filters=${encodeURIComponent(y)}`
         );
-        return Array.isArray(t) ? t : (t == null ? void 0 : t.data) ?? [];
-      } catch (t) {
-        throw console.error("fetchRecommendationStrategies error:", t), t;
+        return Array.isArray(e) ? e : (e == null ? void 0 : e.data) ?? [];
+      } catch (e) {
+        throw console.error("fetchRecommendationStrategies error:", e), e;
       }
     },
-    generateStrategyEndpoint: async (t, r) => {
+    generateStrategyEndpoint: async (e, o) => {
       try {
-        const { data: e } = await i(
-          `${c.RECOMMENDATION_STRATEGIES_PATH}/endpoint-generate`,
+        const { data: t } = await s(
+          `${m.RECOMMENDATION_STRATEGIES_PATH}/endpoint-generate`,
           {
             campaignId: 0,
             pageTypes: [],
             isPreviewer: !1,
-            strategy: t,
+            strategy: e,
             userId: "",
-            currency: r
+            currency: o
           }
         );
-        return !e || typeof e != "object" || !("full_path" in e || "data" in e) ? (console.error("generateStrategyEndpoint unexpected response shape:", e), null) : "full_path" in e ? e : e.data;
-      } catch (e) {
-        return console.error("generateStrategyEndpoint error:", e), null;
+        return !t || typeof t != "object" || !("full_path" in t || "data" in t) ? (console.error("generateStrategyEndpoint unexpected response shape:", t), null) : "full_path" in t ? t : t.data;
+      } catch (t) {
+        return console.error("generateStrategyEndpoint error:", t), null;
       }
-    },
-    migrateLegacyStrategy: async (t) => {
-      const { data: r } = await i(
-        `${c.NEWSLETTER_RECOMMENDATIONS_PATH}/migrate-strategies`,
-        t
-      ), e = r && typeof r == "object" && "data" in r ? r.data : r, a = e == null ? void 0 : e.strategyId;
-      if (a == null || a === "")
-        throw new Error("[Guido] migrate-strategies returned no strategyId");
-      return String(a);
     }
   };
 };

package/dist/src/@types/config/schemas.d.ts

@@ -50,8 +50,6 @@ export declare const IdentitySchema: v.ObjectSchema<{
     readonly userId: v.SchemaWithPipe<readonly [v.StringSchema<undefined>, v.MinLengthAction<string, 1, "userId is required">]>;
     /** Optional variation ID for A/B testing */
     readonly variationId: v.OptionalSchema<v.StringSchema<undefined>, undefined>;
-    /** Optional numeric campaign ID of the host campaign; absent for templates and modules */
-    readonly campaignId: v.OptionalSchema<v.StringSchema<undefined>, undefined>;
 }, undefined>;
 /**
  * Partner configuration - organization and product context
@@ -627,8 +625,6 @@ export declare const GuidoConfigSchema: v.ObjectSchema<{
         readonly userId: v.SchemaWithPipe<readonly [v.StringSchema<undefined>, v.MinLengthAction<string, 1, "userId is required">]>;
         /** Optional variation ID for A/B testing */
         readonly variationId: v.OptionalSchema<v.StringSchema<undefined>, undefined>;
-        /** Optional numeric campaign ID of the host campaign; absent for templates and modules */
-        readonly campaignId: v.OptionalSchema<v.StringSchema<undefined>, undefined>;
     }, undefined>;
     /** Partner configuration (required) */
     readonly partner: v.ObjectSchema<{

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

@@ -11,7 +11,6 @@ export declare const useConfig: () => {
             templateId: string;
             userId: string;
             variationId?: string | undefined;
-            campaignId?: string | undefined;
         };
         partner: {
             name: string;
@@ -147,7 +146,6 @@ export declare const useConfig: () => {
         templateId: string;
         userId: string;
         variationId?: string | undefined;
-        campaignId?: string | undefined;
     } | null>;
     partner: import("vue").ComputedRef<{
         name: string;

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

@@ -0,0 +1,10 @@
+export declare const isEditorBusy: () => boolean;
+export declare const beginMount: () => number;
+export declare const isCurrentMount: (generation: number) => boolean;
+export declare const runExclusive: <T>(task: () => Promise<T>) => Promise<T>;
+export declare const useEditorLock: () => {
+    runExclusive: <T>(task: () => Promise<T>) => Promise<T>;
+    isEditorBusy: () => boolean;
+    beginMount: () => number;
+    isCurrentMount: (generation: number) => boolean;
+};

package/dist/src/enums/extensions/recommendationBlock.d.ts

@@ -5,7 +5,6 @@ export declare const URLS: {
     PRODUCT_ATTRIBUTES_PATH: string;
     RECOMMENDATION_STRATEGIES_PATH: string;
     RECOMMENDATION_STRATEGIES_PANEL_PATH: string;
-    NEWSLETTER_RECOMMENDATIONS_PATH: string;
 };
 export declare const QUERY_PARAMS: {
     CLIENT_ID: string;

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

@@ -2,7 +2,6 @@ import { CommonControl } from '../../../common-control';
 export declare const STRATEGY_CONTROL_ID = "recommendation-strategy-control";
 export declare class StrategyControl extends CommonControl {
     private store;
-    private legacyConversion;
     private storeUnsubscription;
     private listeners;
     private lastPaintedState;

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

@@ -1,4 +1,4 @@
-import type { Orientation, Languages, Currency, NumericSeparator, FiltersResponse, Filter, RecommendationCampaignUrlValue, RecommendationProduct, RrsMigrationPayload, RrsStrategy } from '@@/Types/recommendation';
+import type { Orientation, Languages, Currency, NumericSeparator, FiltersResponse, Filter, RecommendationCampaignUrlValue, RecommendationProduct, RrsStrategy } from '@@/Types/recommendation';
 export interface PerBlockConfigs {
     cardsInRow: number;
     currencySettings: {
@@ -22,7 +22,6 @@ export interface PerBlockConfigs {
     shuffleProducts: boolean;
     strategy: string;
     strategyId: string;
-    nodeConfigVersion: number;
     textTrimming: boolean;
     unresponsive: boolean;
     size: string;
@@ -37,13 +36,11 @@ interface PerBlockState {
     filterSelectionDrawerStatus: boolean;
     assignStrategyDrawerStatus: boolean;
     removeStrategyModalStatus: boolean;
-    legacyStrategyUpdatedModalStatus: boolean;
     filterGroup: number;
     /** Whether initial API data (filters, algorithms, products) has been fetched for this block */
     isInitialized: boolean;
     /** Snapshot of filters taken when the drawer opens, used to revert on cancel */
     filterSnapshot: Filter[] | null;
-    legacyConversionLoading: boolean;
 }
 /**
  * Persisted-config subset used by `seedBlockUrlConfig` to reconstruct
@@ -204,53 +201,6 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
         currentRecommendationId: number | null;
         configVersion: number;
     } & import("pinia").PiniaCustomStateProperties<StoreState>): boolean;
-    isLegacyStrategyBlock(): boolean;
-    legacyConversionLoading(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;
-    legacyStrategyUpdatedModalStatus(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[];
@@ -480,14 +430,11 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
     cancelFilterDrawer(): void;
     openAssignStrategyDrawer(): void;
     closeAssignStrategyDrawer(): void;
-    openLegacyStrategyUpdatedModal(): void;
-    closeLegacyStrategyUpdatedModal(): void;
     openRemoveStrategyModal(): void;
     closeRemoveStrategyModal(): void;
     fetchStrategies(): Promise<void>;
     resolveStrategyUrlTemplate(strategy: RrsStrategy, currency: string): Promise<string>;
     assignStrategy(strategy: RrsStrategy): void;
-    convertLegacyStrategy(payload: RrsMigrationPayload): Promise<string>;
     removeStrategy(): void;
     fetchRecommendationCreateData(): Promise<void>;
     fetchRecommendationFilters(): Promise<void>;