@useinsider/guido 3.12.0-beta.841bb6a → 3.12.0-beta.86e34da

package/dist/guido.css

@@ -1 +1 @@
-.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-195ab6d4]{position:relative;display:inline-block}.new-tag[data-v-195ab6d4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-195ab6d4] .guido__view-option-selection-desktop svg,[data-v-195ab6d4] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-195ab6d4] .in-segments-wrapper__button_selected,[data-v-195ab6d4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-195ab6d4] .in-tooltip-wrapper__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-d405ca59]{position:relative;display:inline-block}.new-tag[data-v-d405ca59]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-d405ca59] .guido__verion-history-view-option-selection-desktop svg,[data-v-d405ca59] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-d405ca59] .in-segments-wrapper__button_selected,[data-v-d405ca59] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-d405ca59] .in-tooltip-wrapper__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-50dac6de]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-50dac6de]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-50dac6de]{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-06afaecb]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-06afaecb]{min-height:504px}.iframe-wrapper[data-v-cbafc185]{width:258px}.iframe-scaled[data-v-cbafc185]{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-3ff1b2a9] .in-ag-filter-header{display:none}.condition-data[data-v-ef803818]{gap:4px}.filter-humanizer[data-v-3ecb7de4]{margin:0 -32px}[data-v-6e572ff5] .in-tooltip-wrapper__box{max-width:inherit}[data-v-30363cc2] .in-drawer__content{padding:0}.other-details div[data-v-30363cc2]:first-child{margin-top:0}.strategy-shared-notice[data-v-30363cc2]{margin:0;padding-left:18px}.strategy-shared-notice li+li[data-v-30363cc2]{margin-top:4px}[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-195ab6d4]{position:relative;display:inline-block}.new-tag[data-v-195ab6d4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-195ab6d4] .guido__view-option-selection-desktop svg,[data-v-195ab6d4] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-195ab6d4] .in-segments-wrapper__button_selected,[data-v-195ab6d4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-195ab6d4] .in-tooltip-wrapper__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-d405ca59]{position:relative;display:inline-block}.new-tag[data-v-d405ca59]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-d405ca59] .guido__verion-history-view-option-selection-desktop svg,[data-v-d405ca59] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-d405ca59] .in-segments-wrapper__button_selected,[data-v-d405ca59] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-d405ca59] .in-tooltip-wrapper__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-f96d1003]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-f96d1003]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-f96d1003]{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/services/recommendationApi.js

@@ -1,52 +1,140 @@
-import { useHttp as d } from "../composables/useHttp.js";
-import { QUERY_PARAMS as l, URLS as u } from "../enums/extensions/recommendationBlock.js";
-const R = (o) => o.reduce(
-  (a, t, s) => (a[s] = {
-    attributeName: t.attributeName,
-    attributeJs: t.attributeJs,
-    attributeType: t.attributeType,
-    type: t.type,
-    displayName: t.displayName,
-    isFilterable: t.isFilterable
-  }, a),
+import { useHttp as l } from "../composables/useHttp.js";
+import { URLS as i, RRS_STRATEGIES_MAX_PAGES as f, QUERY_PARAMS as d, RRS_STRATEGIES_PER_PAGE as E, RRS_EMAIL_ACTIVE_FILTER as y } from "../enums/extensions/recommendationBlock.js";
+const S = (r) => {
+  if (Array.isArray(r))
+    return r;
+  const c = !!r && typeof r == "object" && "data" in r, a = r == null ? void 0 : r.data;
+  return Array.isArray(a) ? a : (r && (!c || a != null) && console.error("[Guido] Unexpected RRS payload shape, falling back to empty:", Object.keys(r)), []);
+}, g = (r) => !r || typeof r != "object" ? null : "data" in r ? r.data ?? null : Object.keys(r).length ? r : null, T = (r) => r.reduce(
+  (c, a, m) => (c[m] = {
+    attributeName: a.attributeName,
+    attributeJs: a.attributeJs,
+    attributeType: a.attributeType,
+    type: a.type,
+    displayName: a.displayName,
+    isFilterable: a.isFilterable
+  }, c),
   {}
-), f = () => {
-  const { get: o } = d(), { get: a } = d({ headers: {} }), t = "6KcLM9TwheVB1mgK";
+), O = () => {
+  const { get: r, post: c } = l(), { get: a } = l({ headers: {} }), m = "6KcLM9TwheVB1mgK";
   return {
+    duplicateStrategy: async (e) => {
+      try {
+        const { data: o } = await c(
+          i.STRATEGY_DUPLICATE_PATH.replace("{{id}}", e)
+        ), t = g(o) ?? o;
+        return !(t != null && t.strategyId) || t.status === !1 ? null : String(t.strategyId);
+      } catch (o) {
+        return console.error("duplicateStrategy error:", o), null;
+      }
+    },
     fetchRecommendationCreateData: async () => {
       try {
-        return (await o("/newsletter/recommendations/create-data")).data;
+        return (await r("/newsletter/recommendations/create-data")).data;
       } catch (e) {
-        throw console.error("fetchUserModalState error:", e), e;
+        throw console.error("fetchRecommendationCreateData error:", e), e;
       }
     },
     fetchRecommendationFilters: async () => {
       try {
-        const { data: e } = await o(
-          u.PRODUCT_ATTRIBUTES_PATH
-        ), n = Array.isArray(e) ? e : (e == null ? void 0 : e.data) ?? [];
-        return R(n);
+        const { data: e } = await r(
+          i.PRODUCT_ATTRIBUTES_PATH
+        ), o = Array.isArray(e) ? e : (e == null ? void 0 : e.data) ?? [];
+        return T(o);
       } catch (e) {
         throw console.error("fetchRecommendationFilters error:", e), e;
       }
     },
-    fetchRecommendationProducts: async (e, n) => {
-      var i;
-      try {
-        const r = new URLSearchParams(Object.entries(n));
-        r.set(l.CLIENT_ID, t);
-        const m = decodeURIComponent(r.toString());
-        console.debug("🏁 Recommendation API Query:", m);
-        const c = await a(
-          `${u.RECOMMENDATION_API_URL}/v2/${e}?${m}`
+    fetchRecommendationProducts: async (e, o) => {
+      var t;
+      try {
+        const n = new URLSearchParams(Object.entries(o));
+        n.set(d.CLIENT_ID, m);
+        const u = decodeURIComponent(n.toString());
+        console.debug("🏁 Recommendation API Query:", u);
+        const s = await a(
+          `${i.RECOMMENDATION_API_URL}/v2/${e}?${u}`
+        );
+        return ((t = s == null ? void 0 : s.data) == null ? void 0 : t.data) ?? [];
+      } catch (n) {
+        throw console.error("fetchRecommendationProducts error:", n), n;
+      }
+    },
+    fetchRecommendationProductsByUrl: async (e) => {
+      var o;
+      try {
+        const t = await a(e);
+        return ((o = t == null ? void 0 : t.data) == null ? void 0 : o.data) ?? [];
+      } catch (t) {
+        throw console.error("fetchRecommendationProductsByUrl error:", t), t;
+      }
+    },
+    fetchRecommendationStrategies: async () => {
+      try {
+        const e = [], o = /* @__PURE__ */ new Set();
+        for (let t = 1; t <= f; t++) {
+          const n = new URLSearchParams({
+            [d.FILTERS]: y,
+            [d.PER_PAGE]: String(E),
+            [d.PAGE]: String(t)
+          }), { data: u } = await r(
+            `${i.RECOMMENDATION_STRATEGIES_PATH}?${n.toString()}`
+          ), s = S(u), A = o.size;
+          if (s.forEach((R) => {
+            const h = String(R.strategy_id);
+            o.has(h) || (o.add(h), e.push(R));
+          }), s.length < E || o.size === A)
+            break;
+        }
+        return e;
+      } catch (e) {
+        throw console.error("fetchRecommendationStrategies error:", e), e;
+      }
+    },
+    fetchStrategyCampaigns: async (e, o) => {
+      try {
+        const { data: t } = await r(
+          `${i.RECOMMENDATION_STRATEGIES_PATH}/${e}/campaigns`
+        );
+        return S(t).map((n) => ({
+          id: n.id,
+          name: n.name,
+          status: n.status,
+          variants: n.variants ?? [],
+          channel: o(`products.${n.productAlias}`),
+          productAlias: n.productAlias,
+          isPreventing: n.isPreventing
+        }));
+      } catch (t) {
+        return console.error("fetchStrategyCampaigns error:", t), [];
+      }
+    },
+    generateStrategyEndpoint: async (e, o) => {
+      try {
+        const t = {
+          campaignId: o,
+          // Email has no page types (RecommendationStrategyEnums::NON_PAGE_TYPE_CHANNELS),
+          // so this stays empty rather than splitting an empty string into [''].
+          pageTypes: [],
+          isPreviewer: !1,
+          strategy: e,
+          // Resolved per recipient at send time, never here.
+          userId: ""
+        }, { data: n } = await c(
+          i.STRATEGY_ENDPOINT_GENERATE_PATH,
+          t
         );
-        return ((i = c == null ? void 0 : c.data) == null ? void 0 : i.data) ?? [];
-      } catch (r) {
-        throw console.error("fetchRecommendationProducts error:", r), r;
+        return g(n);
+      } catch (t) {
+        console.error("generateStrategyEndpoint error:", t);
+        const n = t == null ? void 0 : t.status;
+        if (typeof n == "number" && n >= 400 && n < 500)
+          return null;
+        throw t;
       }
     }
   };
 };
 export {
-  f as useRecommendationApi
+  O as useRecommendationApi
 };

package/dist/services/stripoApi.js

@@ -1,9 +1,13 @@
-import { useHttp as d } from "../composables/useHttp.js";
-import { useToaster as m } from "../composables/useToaster.js";
-import { MAX_DEFAULT_TEMPLATE_ID as y } from "../enums/defaults.js";
-import { useBlankTemplate as f } from "./blankTemplate.js";
-const D = () => {
-  const { get: s, post: u } = d(), { handleError: r } = m(), { getBlankTemplate: o } = f();
+import { useHttp as m } from "../composables/useHttp.js";
+import { useToaster as y } from "../composables/useToaster.js";
+import { MAX_DEFAULT_TEMPLATE_ID as f } from "../enums/defaults.js";
+import { useBlankTemplate as g } from "./blankTemplate.js";
+const l = () => ({
+  id: 0,
+  stripoId: 0,
+  unsubscriptionPreferencePages: []
+}), D = () => {
+  const { get: s, post: u } = m(), { handleError: r } = y(), { getBlankTemplate: n } = g();
   return {
     getToken: async () => {
       try {
@@ -26,13 +30,13 @@ const D = () => {
     },
     getDefaultTemplate: async () => {
       try {
-        const t = new URLSearchParams(window.location.search), e = t.get("default-template"), l = t.get("master"), n = e ? parseInt(e) : 0, i = n >= 1 && n <= y ? n : 0;
-        if (!i && !l)
-          return await o();
-        const p = `/stripo/default-template/${i}`, { data: c } = await s(p), a = typeof c == "string" ? JSON.parse(c) : c;
-        return !a || typeof a != "object" || !("html" in a) || !("css" in a) ? await o() : a;
+        const t = new URLSearchParams(window.location.search), e = t.get("default-template"), p = t.get("master"), o = e ? parseInt(e) : 0, i = o >= 1 && o <= f ? o : 0;
+        if (!i && !p)
+          return await n();
+        const d = `/stripo/default-template/${i}`, { data: c } = await s(d), a = typeof c == "string" ? JSON.parse(c) : c;
+        return !a || typeof a != "object" || !("html" in a) || !("css" in a) ? await n() : a;
       } catch (t) {
-        return r(t, "Failed to fetch default template"), o();
+        return r(t, "Failed to fetch default template"), n();
       }
     },
     getSyncModulesStatus: async () => {
@@ -53,13 +57,9 @@ const D = () => {
     getSyncModule: async (t) => {
       try {
         const { data: e } = await s(`/stripo/stripo-modules/${t}/get`);
-        return e;
+        return Array.isArray(e == null ? void 0 : e.unsubscriptionPreferencePages) ? e : l();
       } catch (e) {
-        return r(e, "Failed to get sync module"), {
-          id: 0,
-          stripoId: 0,
-          unsubscriptionPreferencePages: []
-        };
+        return r(e, "Failed to get sync module"), l();
       }
     },
     setSyncModuleUnsubscriptionPages: async (t) => {

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

@@ -377,6 +377,11 @@ 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>;
+    /**
+     * Select a Reusable Recommendation Strategy (RRS) instead of a per-block algorithm.
+     * Replaces the algorithm dropdown with a strategy dropdown fed from Smart Recommender.
+     */
+    readonly reusableRecommendationStrategy: v.OptionalSchema<v.BooleanSchema<undefined>, true>;
 }, undefined>;
 /**
  * Default block types available in Stripo
@@ -764,6 +769,11 @@ 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>;
+        /**
+         * Select a Reusable Recommendation Strategy (RRS) instead of a per-block algorithm.
+         * Replaces the algorithm dropdown with a strategy dropdown fed from Smart Recommender.
+         */
+        readonly reusableRecommendationStrategy: v.OptionalSchema<v.BooleanSchema<undefined>, true>;
     }, undefined>, {}>;
     /** Block configuration */
     readonly blocks: v.OptionalSchema<v.ObjectSchema<{

package/dist/src/components/organisms/extensions/recommendation/StrategyDetailDrawer.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/components/organisms/extensions/recommendation/strategy-detail/CampaignTable.vue.d.ts

@@ -0,0 +1,43 @@
+/**
+ * Campaigns a strategy is used in — the drawer's second tab.
+ *
+ * Ported from design-system-organisms
+ * `src/organisms/OrgStrategyDetailModal/components/CampaignTable.vue`.
+ *
+ * DS 1.3.0 note: the source passed `is-wrapper-box` and `skeleton-status` to
+ * `InDataTableV2`. Neither prop exists at this version, so both are dropped —
+ * loading state is expressed through `loading-status` alone.
+ */
+import type { RrsCampaign } from '@@/Types/recommendation';
+type __VLS_Props = {
+    campaigns?: RrsCampaign[];
+    loading?: boolean;
+};
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
+    campaigns: () => never[];
+    loading: boolean;
+}>, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
+    campaigns: () => never[];
+    loading: boolean;
+}>>>, {
+    campaigns: RrsCampaign[];
+    loading: boolean;
+}>;
+export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/src/components/organisms/extensions/recommendation/strategy-detail/FilterHumanizer.vue.d.ts

@@ -0,0 +1,29 @@
+type __VLS_Props = {
+    /** Raw `filters` JSON exactly as the strategy stores it. */
+    filters?: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
+    filters: string;
+}>, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
+    filters: string;
+}>>>, {
+    filters: string;
+}>;
+export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/src/components/organisms/extensions/recommendation/strategy-detail/HumanizerCondition.vue.d.ts

@@ -0,0 +1,40 @@
+/**
+ * One humanized filter condition, e.g. "Product type · does not contain [Shirt]".
+ *
+ * Ported from design-system-organisms
+ * `src/organisms/OrgStrategyDetailModal/components/HumanizerCondition.vue`.
+ *
+ * DS 1.3.0 note: `InStatusText` has no `color` prop and requires `status`. The source
+ * passed `color="grey"`; `status="draft"` is the grey pair at this version.
+ */
+import type { RrsDetailCondition } from '@@/Types/recommendation';
+type __VLS_Props = {
+    condition: RrsDetailCondition;
+    index: number;
+    isLast?: boolean;
+};
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
+    isLast: boolean;
+}>, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
+    isLast: boolean;
+}>>>, {
+    isLast: boolean;
+}>;
+export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/src/components/organisms/extensions/recommendation/strategy-detail/HumanizerGroup.vue.d.ts

@@ -0,0 +1,38 @@
+/**
+ * One filter group: its conditions, plus the AND/OR chip joining it to the next group.
+ *
+ * Ported from design-system-organisms
+ * `src/organisms/OrgStrategyDetailModal/components/HumanizerGroup.vue`.
+ */
+import type { RrsDetailCondition, RrsDetailFilterGroup } from '@@/Types/recommendation';
+type __VLS_Props = {
+    filters: Record<string, RrsDetailFilterGroup>;
+    conditionList: RrsDetailCondition[];
+    groupIndex: string;
+    groupLogic?: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
+    groupLogic: string;
+}>, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
+    groupLogic: string;
+}>>>, {
+    groupLogic: string;
+}>;
+export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/src/components/organisms/extensions/recommendation/strategy-detail/InfoDisplayValue.vue.d.ts

@@ -0,0 +1,51 @@
+type __VLS_Props = {
+    index: number;
+    title: string;
+    value: string;
+    /** When true, each comma-part of `value` is a translation key rather than a literal. */
+    translateValue?: boolean;
+    icon?: string;
+    iconTooltip?: string;
+    /** Shown briefly after the icon is clicked, e.g. "Copied". */
+    iconTooltipAfterClicked?: string;
+    disabled?: boolean;
+};
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
+    translateValue: boolean;
+    icon: string;
+    iconTooltip: string;
+    iconTooltipAfterClicked: string;
+    disabled: boolean;
+}>, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {
+    iconClick: () => void;
+}, string, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
+    translateValue: boolean;
+    icon: string;
+    iconTooltip: string;
+    iconTooltipAfterClicked: string;
+    disabled: boolean;
+}>>>, {
+    icon: string;
+    disabled: boolean;
+    translateValue: boolean;
+    iconTooltip: string;
+    iconTooltipAfterClicked: string;
+}>;
+export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

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

@@ -96,6 +96,7 @@ export declare const useConfig: () => {
             modulesDisabled: boolean;
             liquidSyntax: boolean;
             autosave: boolean;
+            reusableRecommendationStrategy: boolean;
         };
         blocks: {
             excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -227,6 +228,7 @@ export declare const useConfig: () => {
         modulesDisabled: boolean;
         liquidSyntax: boolean;
         autosave: boolean;
+        reusableRecommendationStrategy: boolean;
     } | null>;
     blocks: import("vue").ComputedRef<{
         excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];

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

@@ -1,3 +1,3 @@
 export declare const usePreviewInteractionGuard: () => {
-    blockPreviewInteractions: (iframe: HTMLIFrameElement) => void;
+    guardPreviewInteractions: (iframe: HTMLIFrameElement) => void;
 };

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

@@ -18,6 +18,8 @@ export declare const useRecommendation: () => {
     getRecommendationCampaignData: (id: string) => CampaignData;
     buildCampaignUrl: (campaignId: string, overrides?: {
         strategy: string;
+        /** RRS strategy id; empty string when the block still uses an algorithm. */
+        strategyId: string;
         language: string;
         currencyCode: string;
         size: string;

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

@@ -0,0 +1,24 @@
+/**
+ * Parses a strategy's `filters` JSON into groups and caps how many are shown.
+ *
+ * Ported from design-system-organisms
+ * `src/organisms/OrgStrategyDetailModal/composables/useFilters.ts` (branch `develop`).
+ *
+ * The drawer lists two filter groups by default and reveals the rest behind a
+ * "Show more" toggle, so a strategy with a dozen groups cannot push the campaign
+ * tab off the screen.
+ */
+import type { RrsDetailFilterGroup } from '@@/Types/recommendation';
+import { type ComputedRef, type Ref } from 'vue';
+export interface UseStrategyFilters {
+    filterQuery: ComputedRef<Record<string, RrsDetailFilterGroup>>;
+    hasAnyFilter: ComputedRef<boolean>;
+    canToggle: ComputedRef<boolean>;
+    isCollapsed: Ref<boolean>;
+    toggleMore: () => void;
+}
+/**
+ * @param filters - Getter for the raw `filters` JSON string, so the caller can pass a
+ *   reactive prop without this composable needing to know about props.
+ */
+export declare function useStrategyFilters(filters: () => string | undefined): UseStrategyFilters;

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

@@ -0,0 +1,72 @@
+/**
+ * Filtering enums for Reusable Recommendation Strategies (RRS).
+ *
+ * Ported verbatim from discovery-strategies-fe `src/enums/FilteringEnumsV2.js`
+ * (branch `develop`). Only the subset the strategy info-box / humanizer needs is
+ * carried over: `Operators`, `OperatorAbbreviations`, `DataTypes`,
+ * `MultiSelectDataTypes`, `OperatorNames`, `TimeAbbreviations`.
+ *
+ * Guido has no equivalent — `utils/filterUtil.ts` and `validation/filterSchema.ts`
+ * serve the recommendation block's filters, which are a different shape from a
+ * strategy's filters. Do not merge the two.
+ *
+ * The `text` values are translation keys, not literals; resolve them through
+ * `useTranslations().trans()`.
+ *
+ * ponytail: kept as a literal copy rather than a re-derivation so it stays easy
+ * to diff against the source when Smart Recommender adds an operator.
+ */
+/** A single operator option, keyed under its attribute data type. */
+export interface OperatorDefinition {
+    value: string;
+    text: string;
+    operator: string;
+    /** Alternative label used when the strategy targets the cart page. */
+    cartPageText?: string;
+    /** Absent on the `Object` data type in the source. */
+    filterType?: string;
+}
+export declare const Operators: Record<string, OperatorDefinition[]>;
+export declare const TimeAbbreviations: {
+    readonly WEEK: "w";
+    readonly DAY: "d";
+    readonly HOUR: "h";
+};
+export declare const OperatorAbbreviations: {
+    readonly OPERATOR: {
+        readonly IN_LAST: "in-last";
+        readonly IS_EMPTY: "is-empty";
+        readonly IS_NOT_EMPTY: "is-not-empty";
+        readonly IN_BETWEEN: "is-between";
+        readonly IS_TRUE: "true";
+        readonly IS_FALSE: "false";
+    };
+    readonly OPERATOR_EXPRESSION: {
+        readonly IS_EMPTY: "?";
+        readonly IS_NOT_EMPTY: "!?";
+    };
+    readonly DATE_PICKER_OPERATORS: readonly ["after", "before", "is", "is-not"];
+    readonly NON_INPUT_OPERATORS: readonly ["in", "not-in", "after", "before", "is", "is-not", "is-empty", "is-not-empty"];
+    readonly CHIPS_WIDGET_OPERATORS: readonly ["in", "not-in"];
+};
+export declare const DataTypes: {
+    readonly STRING: "String";
+    readonly BOOLEAN: "Boolean";
+    readonly DATE: "Date";
+    readonly NUMBER: "Number";
+    readonly TEXT: "Text";
+    readonly URL: "Image";
+    readonly NUMBERS: "Numbers";
+    readonly DATES: "Dates";
+    readonly BOOLEANS: "Booleans";
+    readonly STRINGS: "Strings";
+};
+export declare const MultiSelectDataTypes: readonly ["Strings", "String", "Array"];
+export declare const OperatorNames: {
+    readonly IS_EXACTLY: "is-exactly";
+    readonly IS_NOT_EXACTLY: "is-not-exactly";
+    readonly CONTAINS: "contains";
+    readonly NOT_CONTAINS: "does-not-contain";
+    readonly IN: "in";
+    readonly NOT_IN: "not-in";
+};