@useinsider/guido 3.16.0-beta.20cd2fe → 3.16.0-beta.77f2873

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

@@ -1,23 +1,23 @@
-var c = Object.defineProperty;
-var l = (s, o, t) => o in s ? c(s, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[o] = t;
-var a = (s, o, t) => l(s, typeof o != "symbol" ? o + "" : o, t);
-import { UEAttr as h } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as d } from "../../../common-control.js";
+var d = Object.defineProperty;
+var h = (r, s, t) => s in r ? d(r, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[s] = t;
+var c = (r, s, t) => h(r, typeof s != "symbol" ? s + "" : s, t);
+import { UEAttr as l } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CommonControl as g } from "../../../common-control.js";
 import { RecommendationConfigService as n } from "../../services/configService.js";
 import { useRecommendationExtensionStore as m } from "../../store/recommendation.js";
-import { mapLegacyStrategy as g } from "../../utils/legacyStrategyMap.js";
-const u = "recommendation-algorithm-control", i = {
+import { mapLegacyStrategy as u } from "../../utils/legacyStrategyMap.js";
+const p = "recommendation-algorithm-control", i = {
   ALGORITHM: "strategy",
   PRODUCT_IDS: "productIds"
 };
-class R extends d {
+class R extends g {
   constructor() {
     super(...arguments);
     // Store is used ONLY for API-fetched data (algorithms list), not for config
-    a(this, "store", m());
+    c(this, "store", m());
   }
   getId() {
-    return u;
+    return p;
   }
   getTemplate() {
     return `
@@ -46,11 +46,10 @@ class R extends d {
     super.onTemplateNodeUpdated(t), this._initializeSelectItems(), this._setFormValues();
   }
   _setFormValues() {
-    const t = n.getConfig(this.currentNode), e = g(t.strategy) ?? t.strategy;
-    this._setProductIdsVisibility(e), this.api.updateValues({
-      [i.ALGORITHM]: e,
-      [i.PRODUCT_IDS]: t.productIds.join(",")
-    });
+    const t = n.getConfig(this.currentNode), e = u(t.strategy) ?? t.strategy;
+    this._setProductIdsVisibility(e);
+    const o = { [i.ALGORITHM]: e }, a = t.productIds.join(",");
+    this.api.getValues()[i.PRODUCT_IDS] !== a && (o[i.PRODUCT_IDS] = a), this.api.updateValues(o);
   }
   _initializeSelectItems() {
     var e;
@@ -59,35 +58,47 @@ class R extends d {
       try {
         this.api.setUIEAttribute(
           i.ALGORITHM,
-          h.SELECTPICKER.items,
+          l.SELECTPICKER.items,
           t
         );
-      } catch (r) {
-        console.warn("[AlgorithmControl] Failed to set algorithm options:", r);
+      } catch (o) {
+        console.warn("[AlgorithmControl] Failed to set algorithm options:", o);
       }
   }
   _setProductIdsVisibility(t) {
-    const r = (t ?? n.getConfig(this.currentNode).strategy) === "manualMerchandising";
-    this.api.setVisibility(i.PRODUCT_IDS, r), this.api.setVisibility(`${i.PRODUCT_IDS}_label`, r);
+    const o = (t ?? n.getConfig(this.currentNode).strategy) === "manualMerchandising";
+    this.api.setVisibility(i.PRODUCT_IDS, o), this.api.setVisibility(`${i.PRODUCT_IDS}_label`, o);
   }
   _onAlgorithmChange(t) {
-    !this.currentNode || n.getConfig(this.currentNode).strategy === t || (n.updateConfig(
+    if (!this.currentNode)
+      return;
+    const e = n.getConfig(this.currentNode);
+    if (e.strategy === t) {
+      this.store.recommendationConfigs.strategy !== t && this.store.patchCurrentBlockConfig({ strategy: e.strategy, filters: e.filters });
+      return;
+    }
+    n.updateConfig(
       this.api,
       this.currentNode,
       { strategy: t },
       `Changed algorithm to ${t}`
-    ), this.store.patchCurrentBlockConfig({ strategy: t }), this._setProductIdsVisibility(t));
+    ), this.store.patchCurrentBlockConfig({ strategy: t }), this._setProductIdsVisibility(t);
   }
   _onProductIdsChange(t) {
     if (!this.currentNode)
       return;
-    const e = t.split(",").map((r) => r.trim()).filter(Boolean);
+    const e = n.getConfig(this.currentNode);
+    if (e.productIds.join(",") === t) {
+      this.store.recommendationConfigs.productIds.join(",") !== t && this.store.patchCurrentBlockConfig({ productIds: e.productIds, filters: e.filters });
+      return;
+    }
+    const o = t === "" ? [] : t.split(",");
     n.updateConfig(
       this.api,
       this.currentNode,
-      { productIds: e },
+      { productIds: o },
       "Updated product IDs"
-    ), this.store.patchCurrentBlockConfig({ productIds: e });
+    ), this.store.patchCurrentBlockConfig({ productIds: o });
   }
   _listenToFormUpdates() {
     this.api.onValueChanged(i.ALGORITHM, (t) => {
@@ -98,6 +109,6 @@ class R extends d {
   }
 }
 export {
-  u as ALGORITHM_CONTROL_ID,
+  p as ALGORITHM_CONTROL_ID,
   R as AlgorithmControl
 };

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

@@ -3,7 +3,7 @@ var p = (d, l, t) => l in d ? f(d, l, { enumerable: !0, configurable: !0, writab
 var s = (d, l, t) => p(d, typeof l != "symbol" ? l + "" : l, t);
 import { CommonControl as g } from "../../../common-control.js";
 import { DEFAULT_NODE_CONFIG as c } from "../../constants/defaultConfig.js";
-import { RecommendationConfigService as m } from "../../services/configService.js";
+import { RecommendationConfigService as h } from "../../services/configService.js";
 import { useRecommendationExtensionStore as y } from "../../store/recommendation.js";
 import { AlgorithmControl as N } from "./algorithm.js";
 import { ALGORITHM_CONTROL_ID as tt } from "./algorithm.js";
@@ -17,15 +17,15 @@ import { LocaleControl as b } from "./locale.js";
 import { LOCALE_CONTROL_ID as lt } from "./locale.js";
 import { PricePlacementControl as T } from "./pricePlacement.js";
 import { PRICE_PLACEMENT_CONTROL_ID as ut } from "./pricePlacement.js";
-import { ProductCountControl as P } from "./productCount.js";
-import { PRODUCT_COUNT_CONTROL_ID as mt } from "./productCount.js";
-import { ProductLayoutControl as O } from "./productLayout.js";
+import { ProductCountControl as O } from "./productCount.js";
+import { PRODUCT_COUNT_CONTROL_ID as ht } from "./productCount.js";
+import { ProductLayoutControl as P } from "./productLayout.js";
 import { PRODUCT_LAYOUT_CONTROL_ID as Ct } from "./productLayout.js";
-import { ShuffleControl as L } from "./shuffle.js";
+import { ShuffleControl as S } from "./shuffle.js";
 import { SHUFFLE_CONTROL_ID as pt } from "./shuffle.js";
-import { setCurrencyAttributes as S, getBlockElement as k, isPartnerManagedBlock as D, updateProductContentInPlace as E, regenerateProductRowsWithStyles as A } from "./utils.js";
+import { setCurrencyAttributes as L, getBlockElement as k, isPartnerManagedBlock as D, updateProductContentInPlace as E, regenerateProductRowsWithStyles as A } from "./utils.js";
 import { adjustProductsToSize as yt, formatProductPrice as Nt, getCardComposition as Rt, getCurrentLayout as It, regenerateMobileProductRows as _t, updatePricesInPlace as bt, updateSingleProductContent as Tt } from "./utils.js";
-import { useDebounceFn as h } from "../../../../../node_modules/@vueuse/shared/index.js";
+import { useDebounceFn as m } from "../../../../../node_modules/@vueuse/shared/index.js";
 const v = "recommendation-id", w = "ui-elements-recommendation-block";
 class Q extends g {
   constructor() {
@@ -47,7 +47,7 @@ class Q extends g {
     /**
      * Debounced product fetch to prevent rapid API calls during config changes
      */
-    s(this, "_debouncedFetchProducts", h(() => {
+    s(this, "_debouncedFetchProducts", m(() => {
       this.store.fetchRecommendationProducts();
     }, 500));
     /**
@@ -61,7 +61,7 @@ class Q extends g {
      * count. The store pads products to the configured size, so in-place only
      * fails when the size actually changed.
      */
-    s(this, "_debouncedRegenerateWithProducts", h(() => {
+    s(this, "_debouncedRegenerateWithProducts", m(() => {
       const t = this.store.recommendationProducts;
       if (!this.currentNode || !this.api || D(this.currentNode))
         return;
@@ -81,7 +81,7 @@ class Q extends g {
     return w;
   }
   getTemplate() {
-    return this.algorithmControl = new N(), this.localeControl = new b(), this.currencyControl = new R(), this.productCountControl = new P(), this.productLayoutControl = new O(), this.filtersControl = new I(), this.shuffleControl = new L(), this.pricePlacementControl = new T(), this.layoutOrientationControl = new _(), [
+    return this.algorithmControl = new N(), this.localeControl = new b(), this.currencyControl = new R(), this.productCountControl = new O(), this.productLayoutControl = new P(), this.filtersControl = new I(), this.shuffleControl = new S(), this.pricePlacementControl = new T(), this.layoutOrientationControl = new _(), [
       this.algorithmControl,
       this.localeControl,
       this.currencyControl,
@@ -186,7 +186,7 @@ class Q extends g {
    */
   _syncNodeConfigToStore() {
     var r;
-    const t = m.getConfig(this.currentNode), e = this.store.currentRecommendationId, o = e !== null && ((r = this.store.blockStates[e]) == null ? void 0 : r.isInitialized);
+    const t = h.getConfig(this.currentNode), e = this.store.currentRecommendationId, o = e !== null && ((r = this.store.blockStates[e]) == null ? void 0 : r.isInitialized);
     this.store.patchCurrentBlockConfig({
       strategy: t.strategy,
       language: t.language,
@@ -249,7 +249,7 @@ class Q extends g {
   _applySmartDefaults() {
     if (!this.currentNode || !this.api)
       return;
-    const t = m.getConfig(this.currentNode), e = {};
+    const t = h.getConfig(this.currentNode), e = {};
     let o = null, r = null, n = null;
     if (t.currency.code === c.currency.code) {
       const { currencyList: i } = this.store;
@@ -273,12 +273,12 @@ class Q extends g {
         (u) => u.value === c.language
       ) || (n = i[0].value, e.language = n));
     }
-    !o && !r && !n || (m.updateConfig(
+    !o && !r && !n || (h.updateConfig(
       this.api,
       this.currentNode,
       e,
       "Applied smart defaults"
-    ), o && e.currency && S({
+    ), o && e.currency && L({
       currentNode: this.currentNode,
       documentModifier: this.api.getDocumentModifier(),
       currency: e.currency
@@ -346,8 +346,8 @@ class Q extends g {
   _persistFiltersToNodeConfig() {
     if (!this.currentNode || !this.api)
       return;
-    const { filters: t } = this.store.recommendationConfigs;
-    m.updateConfig(
+    const { filters: t } = this.store.recommendationConfigs, e = h.getConfig(this.currentNode).filters;
+    JSON.stringify(e) !== JSON.stringify(t) && h.updateConfig(
       this.api,
       this.currentNode,
       { filters: t },
@@ -368,14 +368,14 @@ export {
   _ as LayoutOrientationControl,
   b as LocaleControl,
   ut as PRICE_PLACEMENT_CONTROL_ID,
-  mt as PRODUCT_COUNT_CONTROL_ID,
+  ht as PRODUCT_COUNT_CONTROL_ID,
   Ct as PRODUCT_LAYOUT_CONTROL_ID,
   T as PricePlacementControl,
-  P as ProductCountControl,
-  O as ProductLayoutControl,
+  O as ProductCountControl,
+  P as ProductLayoutControl,
   Q as RecommendationBlockControl,
   pt as SHUFFLE_CONTROL_ID,
-  L as ShuffleControl,
+  S as ShuffleControl,
   yt as adjustProductsToSize,
   Nt as formatProductPrice,
   k as getBlockElement,
@@ -384,7 +384,7 @@ export {
   D as isPartnerManagedBlock,
   _t as regenerateMobileProductRows,
   A as regenerateProductRowsWithStyles,
-  S as setCurrencyAttributes,
+  L as setCurrencyAttributes,
   bt as updatePricesInPlace,
   E as updateProductContentInPlace,
   Tt as updateSingleProductContent

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

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

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

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

package/dist/guido.css

@@ -1 +1 @@
-.gap-16[data-v-5553d071],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-2f127fb6] .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}.color-vision-select__trigger[data-v-383f6378]{height:32px;padding:0 8px;border:none;border-radius:6px;background-color:#f1f3fe;cursor:pointer}.color-vision-select__trigger[data-v-383f6378]:disabled{cursor:not-allowed;opacity:.6}.color-vision-select__label[data-v-383f6378]{white-space:nowrap}.color-vision-select__menu[data-v-383f6378]{top:calc(100% + 4px);left:0;z-index:20;width:320px;padding:8px;border-radius:8px;background-color:#fff;box-shadow:0 4px 16px #0000001f}.color-vision-select__option[data-v-383f6378]{width:100%;padding:8px;border:none;border-radius:6px;background-color:transparent;text-align:left;cursor:pointer}.color-vision-select__option[data-v-383f6378]:hover,.color-vision-select__option_selected[data-v-383f6378]{background-color:#f1f3fe}.color-vision-select__option-description[data-v-383f6378]{margin-top:2px}.accessibility-toolbar[data-v-e222d603]{gap:8px}.accessibility-toolbar__divider[data-v-e222d603]{width:1px;height:24px;background-color:#e5e7f0}.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}.editor-actions-menu__panel[data-v-cbfbc6ef]{top:calc(100% + 4px);right:0;z-index:20;width:222px;padding:8px;border-radius:8px;background-color:#fff;box-shadow:0 4px 16px #0000001f}.editor-actions-menu__section[data-v-cbfbc6ef]{padding:8px 8px 4px;text-transform:uppercase;letter-spacing:.4px}.editor-actions-menu__row[data-v-cbfbc6ef]{width:100%;padding:8px;border:none;border-radius:6px;background-color:transparent;text-align:left;cursor:pointer}.editor-actions-menu__row[data-v-cbfbc6ef]:not(.editor-actions-menu__row_static):hover{background-color:#f1f3fe}.editor-actions-menu__row_static[data-v-cbfbc6ef]{cursor:default}.editor-actions-menu__row[data-v-cbfbc6ef]:disabled{cursor:not-allowed;opacity:.6}.editor-actions-menu__divider[data-v-cbfbc6ef]{height:1px;margin:4px 0;background-color:#e5e7f0}.editor-actions[data-v-d51fb931]{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-b0d3b445]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-b0d3b445]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-b0d3b445]{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}
+.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-b0d3b445]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-b0d3b445]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-b0d3b445]{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}

package/dist/node_modules/@vueuse/shared/index.js

@@ -1,57 +1,45 @@
 import "../../vue-demi/lib/index.js";
-import { unref as p, getCurrentScope as w, onScopeDispose as m } from "vue";
-function T(t) {
-  return w() ? (m(t), !0) : !1;
-}
-function a(t) {
+import { unref as p } from "vue";
+function f(t) {
   return typeof t == "function" ? t() : p(t);
 }
-const g = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const b = Object.prototype.toString, j = (t) => b.call(t) === "[object Object]", f = () => {
-}, x = /* @__PURE__ */ h();
-function h() {
-  var t, n;
-  return g && ((t = window == null ? void 0 : window.navigator) == null ? void 0 : t.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((n = window == null ? void 0 : window.navigator) == null ? void 0 : n.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window == null ? void 0 : window.navigator.userAgent));
-}
-function v(t, n) {
-  function o(...e) {
-    return new Promise((r, i) => {
-      Promise.resolve(t(() => n.apply(this, e), { fn: n, thisArg: this, args: e })).then(r).catch(i);
+const m = () => {
+};
+function h(t, n) {
+  function r(...e) {
+    return new Promise((i, o) => {
+      Promise.resolve(t(() => n.apply(this, e), { fn: n, thisArg: this, args: e })).then(i).catch(o);
     });
   }
-  return o;
+  return r;
 }
-function S(t, n = {}) {
-  let o, e, r = f;
-  const i = (u) => {
-    clearTimeout(u), r(), r = f;
+function T(t, n = {}) {
+  let r, e, i = m;
+  const o = (u) => {
+    clearTimeout(u), i(), i = m;
   };
   return (u) => {
-    const s = a(t), c = a(n.maxWait);
-    return o && i(o), s <= 0 || c !== void 0 && c <= 0 ? (e && (i(e), e = null), Promise.resolve(u())) : new Promise((l, d) => {
-      r = n.rejectOnCancel ? d : l, c && !e && (e = setTimeout(() => {
-        o && i(o), e = null, l(u());
-      }, c)), o = setTimeout(() => {
-        e && i(e), e = null, l(u());
-      }, s);
+    const a = f(t), l = f(n.maxWait);
+    return r && o(r), a <= 0 || l !== void 0 && l <= 0 ? (e && (o(e), e = null), Promise.resolve(u())) : new Promise((c, s) => {
+      i = n.rejectOnCancel ? s : c, l && !e && (e = setTimeout(() => {
+        r && o(r), e = null, c(u());
+      }, l)), r = setTimeout(() => {
+        e && o(e), e = null, c(u());
+      }, a);
     });
   };
 }
-function A(t, n = 200, o = {}) {
-  return v(
-    S(n, o),
+function P(t, n = 200, r = {}) {
+  return h(
+    T(n, r),
     t
   );
 }
 export {
-  v as createFilterWrapper,
-  S as debounceFilter,
-  g as isClient,
-  x as isIOS,
-  j as isObject,
-  f as noop,
-  a as toValue,
-  T as tryOnScopeDispose,
-  A as useDebounceFn
+  h as createFilterWrapper,
+  T as debounceFilter,
+  m as noop,
+  f as toValue,
+  P as useDebounceFn
 };

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

@@ -391,8 +391,6 @@ export declare const FeaturesSchema: v.ObjectSchema<{
     readonly liquidSyntax: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
     /** Enable autosave (3-min interval + tab-hide). User toggles on/off from the header. */
     readonly autosave: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
-    /** Enable the Stripo Accessibility Checker control in the editor toolbar. */
-    readonly accessibilityTesting: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
     /** Enable pre-save domain-allowlist validation (opt-in; Guido self-serves the block toaster) */
     readonly allowlistEnabled: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
     /** Enable persistent link tracking-id assignment for the click heatmap (opt-in) */
@@ -792,8 +790,6 @@ export declare const GuidoConfigSchema: v.ObjectSchema<{
         readonly liquidSyntax: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
         /** Enable autosave (3-min interval + tab-hide). User toggles on/off from the header. */
         readonly autosave: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
-        /** Enable the Stripo Accessibility Checker control in the editor toolbar. */
-        readonly accessibilityTesting: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
         /** Enable pre-save domain-allowlist validation (opt-in; Guido self-serves the block toaster) */
         readonly allowlistEnabled: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
         /** Enable persistent link tracking-id assignment for the click heatmap (opt-in) */

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

@@ -1,5 +1,5 @@
-import type { CompileEmailOptions } from '@@/Types/api/actions-api';
-import { GetCompiledEmailOptions, CompiledEmailResult, TemplateData } from '@@/Types/api/actions-api';
+import type { CompileEmailOptions } from '@@/Types/actions-api';
+import { GetCompiledEmailOptions, CompiledEmailResult, TemplateData } from '@@/Types/actions-api';
 export declare const useActionsApi: () => {
     getCompiledEmail: (options?: GetCompiledEmailOptions) => Promise<CompiledEmailResult>;
     getTemplateData: () => Promise<TemplateData>;

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

@@ -97,7 +97,6 @@ export declare const useConfig: () => {
             modulesDisabled: boolean;
             liquidSyntax: boolean;
             autosave: boolean;
-            accessibilityTesting: boolean;
             allowlistEnabled: boolean;
             linkTrackingIds: boolean;
         };
@@ -232,7 +231,6 @@ export declare const useConfig: () => {
         modulesDisabled: boolean;
         liquidSyntax: boolean;
         autosave: boolean;
-        accessibilityTesting: boolean;
         allowlistEnabled: boolean;
         linkTrackingIds: boolean;
     } | null>;

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

@@ -16,6 +16,8 @@ export declare const BLOCK_ID: BlockId;
  * - Onboarding support
  */
 export declare class ItemsBlock extends Block {
+    /** Block instances whose currency attrs were already self-healed this session (SD-147588 — undo-safe). */
+    private _currencyHealed;
     getId(): string;
     getIcon(): string;
     getBlockCompositionType(): BlockCompositionType;
@@ -42,4 +44,23 @@ export declare class ItemsBlock extends Block {
      * relies on this td-level fallback in pairProductVariables.
      */
     private _stampProductTdDomAttributes;
+    /**
+     * Whether the currency self-heal should run for this block. Two guards (SD-147588):
+     * 1. Config is only authoritative when the symbol was actually customized — a symbol still at
+     *    the 'USD' sentinel may be a migrator default, so we trust the DOM's real value over a
+     *    defaulted config and never overwrite it.
+     * 2. Heal each instance at most once per session, so the auto-fix can't fight undo (undo
+     *    re-drifts the attr, which would otherwise re-trigger the heal forever).
+     */
+    private _shouldReconcileCurrency;
+    /** Marks a block instance's currency as reconciled so it is not healed again (undo-safe). */
+    private _markCurrencyHealed;
+    /**
+     * Stamps the export-read currency attrs onto every price `<p>` from config, so a template whose
+     * attrs drifted (e.g. a location toggle before the sync fix) self-heals to match the editor.
+     * Config is the source of truth — never derive from visible text. Callers gate this with
+     * `_shouldReconcileCurrency`. Returns true only when an attr actually changed, so the caller can
+     * skip an empty apply that would otherwise re-trigger onDocumentChanged and loop (SD-147588).
+     */
+    private _reconcileCurrencyDomAttributes;
 }

package/dist/src/extensions/Blocks/Items/constants/currency.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Single owner for the Items price currency export contract (SD-147588).
+ *
+ * `data-curency` is deliberately misspelled (one `r`) — it is the attribute the
+ * server-side export transform (pairProductVariables) actually reads, so every
+ * layer that writes it and the live reader (template, controls, block self-heal,
+ * pairProductVariables) MUST go through these constants. A typo fix or mapping change
+ * in one of them would otherwise silently break sync with the others and ship the wrong
+ * currency position/token to the inbox. Mirrors the Recommendation block's `CURRENCY_ATTR`.
+ *
+ * Exception: the legacy migrator reads the raw misspelled string on purpose — it parses
+ * old templates frozen with that exact attr name, so it must NOT follow a future rename here.
+ */
+export declare const ITEMS_CURRENCY_ATTR: {
+    readonly POSITION: "data-curency";
+    readonly SYMBOL: "data-currency_symbol";
+};
+/** Currency location select value `'1'` = after (price then symbol), anything else = before. */
+export declare function currencyPositionFromLocation(location: string | undefined): 'after' | 'before';

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

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