@useinsider/guido 3.17.0-beta.dc7f4d2 → 3.17.0-beta.e6704da

package/dist/services/recommendationApi.js

@@ -1,52 +1,101 @@
-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 p } from "../composables/useHttp.js";
+import { URLS as m, RRS_ACTIVE_EMAIL_FILTER as l, QUERY_PARAMS as h } from "../enums/extensions/recommendationBlock.js";
+const R = 100, y = (s) => s.reduce(
+  (i, a, d) => (i[d] = {
+    attributeName: a.attributeName,
+    attributeJs: a.attributeJs,
+    attributeType: a.attributeType,
+    type: a.type,
+    displayName: a.displayName,
+    isFilterable: a.isFilterable
+  }, i),
   {}
-), f = () => {
-  const { get: o } = d(), { get: a } = d({ headers: {} }), t = "6KcLM9TwheVB1mgK";
+), w = () => {
+  const { get: s, post: i } = p(), { get: a } = p({ headers: {} }), d = "6KcLM9TwheVB1mgK";
   return {
     fetchRecommendationCreateData: async () => {
       try {
-        return (await o("/newsletter/recommendations/create-data")).data;
+        return (await s("/newsletter/recommendations/create-data")).data;
       } catch (e) {
         throw console.error("fetchUserModalState 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 s(
+          m.PRODUCT_ATTRIBUTES_PATH
+        ), t = Array.isArray(e) ? e : (e == null ? void 0 : e.data) ?? [];
+        return y(t);
       } catch (e) {
         throw console.error("fetchRecommendationFilters error:", e), e;
       }
     },
-    fetchRecommendationProducts: async (e, n) => {
-      var i;
+    fetchRecommendationProducts: async (e, t) => {
+      var r;
       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}`
+        const o = new URLSearchParams(Object.entries(t));
+        o.set(h.CLIENT_ID, d);
+        const c = decodeURIComponent(o.toString());
+        console.debug("🏁 Recommendation API Query:", c);
+        const n = await a(
+          `${m.RECOMMENDATION_API_URL}/v2/${e}?${c}`
         );
-        return ((i = c == null ? void 0 : c.data) == null ? void 0 : i.data) ?? [];
+        return ((r = n == null ? void 0 : n.data) == null ? void 0 : r.data) ?? [];
+      } catch (o) {
+        throw console.error("fetchRecommendationProducts error:", o), o;
+      }
+    },
+    fetchRecommendationProductsByUrl: async (e) => {
+      var t;
+      try {
+        const r = new RegExp(`[?&]${h.CLIENT_ID}=`).test(e), o = e.includes("?") ? "&" : "?", c = r ? e : `${e}${o}${h.CLIENT_ID}=${d}`, n = await a(
+          c
+        );
+        return ((t = n == null ? void 0 : n.data) == null ? void 0 : t.data) ?? [];
       } catch (r) {
-        throw console.error("fetchRecommendationProducts error:", r), r;
+        throw console.error("fetchRecommendationProductsByUrl error:", r), r;
+      }
+    },
+    fetchRecommendationStrategies: async () => {
+      try {
+        const e = /* @__PURE__ */ new Map();
+        let t = 1;
+        for (; ; ) {
+          const { data: r } = await s(
+            `${m.RECOMMENDATION_STRATEGIES_PATH}?filters=${encodeURIComponent(l)}&per_page=${R}&page=${t}`
+          ), o = Array.isArray(r) ? r : (r == null ? void 0 : r.data) ?? [], c = e.size;
+          if (o.forEach((n) => e.set(n.strategy_id, n)), o.length < R || e.size === c)
+            break;
+          t += 1;
+        }
+        return [...e.values()];
+      } catch (e) {
+        throw console.error("fetchRecommendationStrategies error:", e), e;
+      }
+    },
+    generateStrategyEndpoint: async (e) => {
+      try {
+        const { data: t } = await i(
+          `${m.RECOMMENDATION_STRATEGIES_PATH}/endpoint-generate`,
+          {
+            // Email designs have no campaign yet; backend only needs it
+            // for previewer flows.
+            campaignId: 0,
+            pageTypes: [],
+            isPreviewer: !1,
+            strategy: e,
+            userId: ""
+          }
+        );
+        if (!t || typeof t != "object" || !("full_path" in t || "data" in t))
+          throw new Error("Unexpected endpoint-generate response shape");
+        return "full_path" in t ? t : t.data;
+      } catch (t) {
+        throw console.error("generateStrategyEndpoint error:", t), t;
       }
     }
   };
 };
 export {
-  f as useRecommendationApi
+  w as useRecommendationApi
 };

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

@@ -395,6 +395,12 @@ export declare const FeaturesSchema: v.ObjectSchema<{
     readonly allowlistEnabled: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
     /** Enable persistent link tracking-id assignment for the click heatmap (opt-in) */
     readonly linkTrackingIds: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
+    /**
+     * Assign a Reusable Recommendation Strategy (RRS) to recommendation blocks instead of
+     * per-block algorithm settings. Hides Algorithm, Filters, Shuffle and Number of Products
+     * (they live on the strategy) and adds the Assign Strategy flow.
+     */
+    readonly reusableRecommendationStrategy: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
 }, undefined>;
 /**
  * Default block types available in Stripo
@@ -794,6 +800,12 @@ export declare const GuidoConfigSchema: v.ObjectSchema<{
         readonly allowlistEnabled: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
         /** Enable persistent link tracking-id assignment for the click heatmap (opt-in) */
         readonly linkTrackingIds: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
+        /**
+         * Assign a Reusable Recommendation Strategy (RRS) to recommendation blocks instead of
+         * per-block algorithm settings. Hides Algorithm, Filters, Shuffle and Number of Products
+         * (they live on the strategy) and adds the Assign Strategy flow.
+         */
+        readonly reusableRecommendationStrategy: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
     }, undefined>, {}>;
     /** Block configuration */
     readonly blocks: v.OptionalSchema<v.ObjectSchema<{

package/dist/src/components/Guido.vue.d.ts

@@ -15,23 +15,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
         close: () => void;
     };
     hasChanges: import("vue").ComputedRef<boolean>;
-    saveSilent: () => Promise<{
-        dynamicContentList: import("@@/Types/generic").DynamicContent[];
-        compiledHtml: string;
-        rawHtml: string;
-        css: string;
-        ampHtml: string;
-        ampErrors: string[];
-        modules: number[];
-        recommendation: {
-            campaignUrls: Record<string, string>;
-            configs: Record<string, string>;
-        };
-        unsubscribe: {
-            status: boolean;
-            config: number[];
-        };
-    } | undefined> | undefined;
+    saveSilent: () => Promise<Omit<SavedTemplateDetails, "metadata" | "silent"> | undefined> | undefined;
     setLoading: (value: boolean) => void;
 }, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {
     "dynamic-content:open": (detail: {

package/dist/src/components/organisms/{validation/ValidationErrorDrawer.vue.d.ts → extensions/recommendation/AssignStrategyDrawer.vue.d.ts}

@@ -1,2 +1,3 @@
+import '@useinsider/design-system-organisms/style';
 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/StrategyInfoBox.vue.d.ts

@@ -0,0 +1,24 @@
+import type { RrsStrategy } from '@@/Types/recommendation';
+/**
+ * Hover preview for a row of the Assign Strategy dropdown: the four facts that
+ * decide whether a strategy is the right one, without leaving the list.
+ *
+ * Rendered as the design system info box's `slot` rather than through its
+ * `descriptionText`, which is injected with innerHTML — every value here is
+ * partner data (strategy name, merchandising ids), so it goes through the
+ * template instead.
+ */
+type __VLS_Props = {
+    strategy: RrsStrategy;
+};
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<__VLS_Props>, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<__VLS_Props>>>, {}>;
+export default _default;
+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;
+    };
+};

package/dist/src/components/organisms/header/EditorActions.vue.d.ts

@@ -1,20 +1,4 @@
 declare const _default: import("vue").DefineComponent<{}, {
-    handleSave: (isSilent: boolean) => Promise<{
-        dynamicContentList: import("../../../@types/generic.js").DynamicContent[];
-        compiledHtml: string;
-        rawHtml: string;
-        css: string;
-        ampHtml: string;
-        ampErrors: string[];
-        modules: number[];
-        recommendation: {
-            campaignUrls: Record<string, string>;
-            configs: Record<string, string>;
-        };
-        unsubscribe: {
-            status: boolean;
-            config: number[];
-        };
-    } | undefined> | undefined;
+    handleSave: (isSilent: boolean) => Promise<Omit<import("../../../@types/stripo.js").SavedTemplateDetails, "metadata" | "silent"> | undefined> | undefined;
 }, {}, {}, {}, 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/header/HeaderWrapper.vue.d.ts

@@ -1,20 +1,4 @@
 declare const _default: import("vue").DefineComponent<{}, {
-    handleSave: (isSilent: boolean) => Promise<{
-        dynamicContentList: import("../../../@types/generic.js").DynamicContent[];
-        compiledHtml: string;
-        rawHtml: string;
-        css: string;
-        ampHtml: string;
-        ampErrors: string[];
-        modules: number[];
-        recommendation: {
-            campaignUrls: Record<string, string>;
-            configs: Record<string, string>;
-        };
-        unsubscribe: {
-            status: boolean;
-            config: number[];
-        };
-    } | undefined> | undefined;
+    handleSave: (isSilent: boolean) => Promise<Omit<import("../../../@types/stripo.js").SavedTemplateDetails, "metadata" | "silent"> | undefined> | undefined;
 }, {}, {}, {}, 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/header/RightSlot.vue.d.ts

@@ -1,20 +1,4 @@
 declare const _default: import("vue").DefineComponent<{}, {
-    handleSave: (isSilent: boolean) => Promise<{
-        dynamicContentList: import("../../../@types/generic.js").DynamicContent[];
-        compiledHtml: string;
-        rawHtml: string;
-        css: string;
-        ampHtml: string;
-        ampErrors: string[];
-        modules: number[];
-        recommendation: {
-            campaignUrls: Record<string, string>;
-            configs: Record<string, string>;
-        };
-        unsubscribe: {
-            status: boolean;
-            config: number[];
-        };
-    } | undefined> | undefined;
+    handleSave: (isSilent: boolean) => Promise<Omit<import("../../../@types/stripo.js").SavedTemplateDetails, "metadata" | "silent"> | undefined> | undefined;
 }, {}, {}, {}, 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/wrappers/WpDrawer.vue.d.ts

@@ -10,11 +10,11 @@ interface Props {
     status: boolean;
     titleText: string;
 }
-declare var __VLS_13: {}, __VLS_15: {};
+declare var __VLS_12: {}, __VLS_14: {};
 type __VLS_Slots = {} & {
-    headerBottomSlot?: (props: typeof __VLS_13) => any;
+    headerBottomSlot?: (props: typeof __VLS_12) => any;
 } & {
-    default?: (props: typeof __VLS_15) => any;
+    default?: (props: typeof __VLS_14) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     className: string;
@@ -26,7 +26,6 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
     cancelOrBackButtonEvent: () => void;
     onCloseEvent: () => void;
     primaryButtonEvent: () => void;
-    secondaryButtonEvent: () => void;
 }, string, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     className: string;
     size: string;

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

@@ -99,6 +99,7 @@ export declare const useConfig: () => {
             autosave: boolean;
             allowlistEnabled: boolean;
             linkTrackingIds: 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")[];
@@ -233,6 +234,7 @@ export declare const useConfig: () => {
         autosave: boolean;
         allowlistEnabled: boolean;
         linkTrackingIds: 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/useHtmlValidator.d.ts

@@ -1,12 +1,5 @@
 import type { DynamicContent } from '@@/Types/generic';
 import type { FiltersResponse } from '@@/Types/recommendation';
-/**
- * Extracts recommendation block IDs directly from the HTML by parsing
- * the recommendation-id attribute on block elements.
- * This avoids depending on store state which may not be populated
- * when the settings panel hasn't been opened yet (e.g., saved templates).
- */
-export declare function getRecommendationBlockIds(html: string): string[];
 /**
  * Parses a `{{recoId_index_attributeName}}` variable (already stripped of the
  * braces/whitespace) into its recommendation id and attribute name. Returns
@@ -34,20 +27,6 @@ export declare function buildPartnerAttributeNameSet(filterList: FiltersResponse
  * before, so flagging it would false-positive on merge tags like `{{user.name}}`.
  */
 export declare function findInvalidCustomFields(html: string, validCustomFields: string[], recommendationBlockIds: string[], ignoredIds: Set<string>, ignoredAttributeNames: Set<string> | null): string[];
-/**
- * Returns the invalid `{{ ... }}` dynamic-content tags found in the HTML.
- *
- * A tag's variable name is the part before the first `|` (everything after it is the fallback).
- * Surrounding whitespace is always allowed (trimmed). A tag is valid only when the variable name
- * is an allowed system token, or it is a clean identifier (`[A-Za-z0-9_.]`) and — when a `|` is
- * present — the fallback after it is not empty. Otherwise the tag is invalid (e.g.
- * `{{Api Response: OA1 Main Item Url}}` — spaces/`:` — or `{{bounce|}}` — empty fallback).
- *
- * `data-*` block-config attribute values are excluded from the scan: blocks such as Items/cart
- * store product merge tags (`data-product_button_link="{{Abandoned Cart Item (1) Url}}"`) that the
- * backend resolves through its own pipeline, so they must not be treated as user-authored tags.
- */
-export declare function getInvalidDynamicContentTags(html: string): string[];
 export declare const useHtmlValidator: () => {
     validateHtml: (html: string, customFields: DynamicContent[], isOnSaveValidation?: boolean) => Promise<boolean>;
 };

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

@@ -18,6 +18,7 @@ export declare const useRecommendation: () => {
     getRecommendationCampaignData: (id: string) => CampaignData;
     buildCampaignUrl: (campaignId: string, overrides?: {
         strategy: string;
+        strategyId: string;
         language: string;
         currencyCode: string;
         size: string;

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

@@ -1,9 +1,4 @@
 import type { SavedTemplateDetails } from '@@/Types/stripo';
-type SaveDetails = Omit<SavedTemplateDetails, 'metadata' | 'silent'>;
-type SaveResult = SaveDetails | undefined;
 export declare const useSave: () => {
-    save: (suppressEmit?: boolean, silent?: boolean) => Promise<SaveResult>;
-    saveWithErrors: () => Promise<SaveResult>;
-    saveRawOnly: () => Promise<SaveResult>;
+    save: (suppressEmit?: boolean, silent?: boolean) => Promise<Omit<SavedTemplateDetails, "metadata" | "silent"> | undefined>;
 };
-export {};

package/dist/src/composables/validators/useCouponBlockValidator.d.ts

@@ -1,6 +1,3 @@
-export declare const COUPON_TAG_MODIFIED_KEY = "newsletter.coupon-tag-modified";
-/** Pure core: the tag text of every coupon block whose code was modified. */
-export declare function findInvalidCouponBlocks(html: string): string[];
 export declare const useCouponBlockValidator: () => {
     validateCouponBlockTags: (html: string) => boolean;
 };

package/dist/src/composables/validators/useUnsubscribeBlockValidator.d.ts

@@ -1,14 +1,4 @@
-declare const SINGLETON_BLOCK_RULES: {
-    pageType: number;
-    messageKey: string;
-}[];
-export declare const EMPTY_BLOCK_KEY = "unsubscription-preference.select-page-to-continue";
-/** Pure core: the singleton rules whose page type appears more than once. */
-export declare function findDuplicateUnsubPageTypes(html: string): typeof SINGLETON_BLOCK_RULES;
-/** Pure core: count of unsubscribe blocks with no page type or page list chosen. */
-export declare function countUnsubBlocksWithoutPage(html: string): number;
 export declare const useUnsubscribeBlockValidator: () => {
     validateUnsubscribeBlockUniqueness: (html: string) => boolean;
     validateUnsubscribeBlockHasTemplate: (html: string) => boolean;
 };
-export {};

package/dist/src/enums/academy.d.ts

@@ -8,5 +8,6 @@ export declare const ACADEMY_LINKS: {
     readonly EMAIL_EDITOR: "https://academy.insiderone.com/docs/email-drag-and-drop-editor";
     readonly GLOBAL_UNSUBSCRIBE: "https://academy.insiderone.com/docs/global-unsubscribe-preference-center";
     readonly AMP_FOR_EMAILS: "https://academy.insiderone.com/docs/amp-for-emails";
+    readonly EMAIL_RECOMMENDATION_BLOCK: "https://academy.insiderone.com/docs/new-editor-email-recommendation-block";
 };
 export type AcademyLinkKey = keyof typeof ACADEMY_LINKS;

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

@@ -3,7 +3,9 @@ import type { RecommendationFeedItem } from '@@/Types/recommendation';
 export declare const URLS: {
     RECOMMENDATION_API_URL: string;
     PRODUCT_ATTRIBUTES_PATH: string;
+    RECOMMENDATION_STRATEGIES_PATH: string;
 };
+export declare const RRS_ACTIVE_EMAIL_FILTER = "[sr_strategies.status][=][active]*[sr_strategies.suitable_channels][~][EMAIL]";
 export declare const QUERY_PARAMS: {
     CLIENT_ID: string;
 };

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

@@ -9,8 +9,9 @@ import { PricePlacementControl, PRICE_PLACEMENT_CONTROL_ID } from './pricePlacem
 import { ProductCountControl, PRODUCT_COUNT_CONTROL_ID } from './productCount';
 import { ProductLayoutControl, PRODUCT_LAYOUT_CONTROL_ID } from './productLayout';
 import { ShuffleControl, SHUFFLE_CONTROL_ID } from './shuffle';
+import { StrategyControl, STRATEGY_CONTROL_ID } from './strategy';
 export declare const CONTROL_BLOCK_ID = "ui-elements-recommendation-block";
-export { AlgorithmControl, ALGORITHM_CONTROL_ID, LocaleControl, LOCALE_CONTROL_ID, CurrencyControl, CURRENCY_CONTROL_ID, ProductCountControl, PRODUCT_COUNT_CONTROL_ID, ProductLayoutControl, PRODUCT_LAYOUT_CONTROL_ID, FiltersControl, FILTERS_CONTROL_ID, ShuffleControl, SHUFFLE_CONTROL_ID, LayoutOrientationControl, LAYOUT_ORIENTATION_CONTROL_ID, PricePlacementControl, PRICE_PLACEMENT_CONTROL_ID, };
+export { AlgorithmControl, ALGORITHM_CONTROL_ID, LocaleControl, LOCALE_CONTROL_ID, CurrencyControl, CURRENCY_CONTROL_ID, ProductCountControl, PRODUCT_COUNT_CONTROL_ID, ProductLayoutControl, PRODUCT_LAYOUT_CONTROL_ID, FiltersControl, FILTERS_CONTROL_ID, ShuffleControl, SHUFFLE_CONTROL_ID, LayoutOrientationControl, LAYOUT_ORIENTATION_CONTROL_ID, PricePlacementControl, PRICE_PLACEMENT_CONTROL_ID, StrategyControl, STRATEGY_CONTROL_ID, };
 export * from './utils';
 /**
  * Main recommendation block control that composes all sub-controls
@@ -29,7 +30,10 @@ export declare class RecommendationBlockControl extends CommonControl {
     private shuffleControl;
     private pricePlacementControl;
     private layoutOrientationControl;
+    private strategyControl;
     getId(): string;
+    /** Every sub-control the coordinator owns, in panel order. */
+    private get _subControls();
     getTemplate(): string;
     onRender(): Promise<void>;
     onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
@@ -107,8 +111,15 @@ export declare class RecommendationBlockControl extends CommonControl {
      */
     private _listenStateUpdates;
     /**
-     * Persists the current filter state from Pinia store to the Stripo node config.
-     * This ensures filters survive template save/reload cycles.
+     * Persists the current filter + strategy state from Pinia store to the
+     * Stripo node config. This ensures they survive template save/reload cycles
+     * (strategyId must be in esd-ext-config before any save — SD-149105).
+     *
+     * `size` rides along because assigning a strategy overwrites it in the
+     * store only. Without this write, `_syncNodeConfigToStore` re-seeds the
+     * store from the stale node config on the next panel open, and a block
+     * whose saved HTML has the strategy's slot count gets rebuilt against the
+     * old one — resetting migrator-applied per-element styles.
      */
     private _persistFiltersToNodeConfig;
 }

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

@@ -0,0 +1,29 @@
+import { CommonControl } from '../../../common-control';
+export declare const STRATEGY_CONTROL_ID = "recommendation-strategy-control";
+export declare class StrategyControl extends CommonControl {
+    private store;
+    private storeUnsubscription;
+    private listeners;
+    getId(): string;
+    getTemplate(): string;
+    /**
+     * Change / Remove are icon+text actions in the design, not buttons — and
+     * `ue-button` cannot pair a caption with an arbitrary icon, so these are
+     * plain elements. Click wiring is by id, which works on any element.
+     *
+     * The icon is a CSS mask, not inline SVG: Stripo re-creates the control's
+     * markup through Angular, which rebuilds `<svg>` outside the SVG namespace
+     * (the view-box attribute comes back lowercased) and it never paints.
+     */
+    private _strategyAction;
+    onRender(): void;
+    onDestroy(): void;
+    private _teardown;
+    private _setupButtonListeners;
+    /**
+     * Toggles empty vs assigned state from the store's current block config.
+     * Display name comes from the listing; falls back to the raw id while the
+     * listing loads (or when the strategy is no longer listed).
+     */
+    private _renderState;
+}