@useinsider/guido 3.12.0-beta.d2745e7 → 3.12.0-beta.d77b0d2

package/dist/services/recommendationApi.js

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

@@ -28,4 +28,6 @@ export declare function buildPartnerAttributeNameSet(filterList: FiltersResponse
 export declare function findInvalidCustomFields(html: string, validCustomFields: string[], recommendationBlockIds: string[], ignoredIds: Set<string>, ignoredAttributeNames: Set<string> | null): string[];
 export declare const useHtmlValidator: () => {
     validateHtml: (html: string, customFields: DynamicContent[], isOnSaveValidation?: boolean) => Promise<boolean>;
+    validateRecommendationBlocks: () => boolean;
+    validateRecommendationFilters: () => boolean;
 };

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";
+};

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

@@ -3,10 +3,43 @@ import type { RecommendationFeedItem } from '@@/Types/recommendation';
 export declare const URLS: {
     RECOMMENDATION_API_URL: string;
     PRODUCT_ATTRIBUTES_PATH: string;
+    RECOMMENDATION_STRATEGIES_PATH: string;
+    STRATEGY_ENDPOINT_GENERATE_PATH: string;
+    STRATEGY_DUPLICATE_PATH: string;
+};
+/**
+ * Smart Recommender panel routes, relative to the embedding inone origin.
+ * Guido navigates in the same tab; the flow continues on those pages and does
+ * not come back (`{{id}}` is substituted by `buildStrategyEditPath`).
+ */
+export declare const STRATEGY_PAGES: {
+    LISTING: string;
+    CREATE: string;
+    EDIT: string;
 };
 export declare const QUERY_PARAMS: {
     CLIENT_ID: string;
+    FILTERS: string;
+    PAGE: string;
+    PER_PAGE: string;
 };
+/**
+ * Page size for the strategy listing.
+ *
+ * Sent explicitly because Smart Recommender's default page size is not documented
+ * anywhere we can read: an unpaginated call would silently return only the first
+ * page and the marketer would see a short list with no error. The caller pages
+ * until a short page comes back.
+ */
+export declare const RRS_STRATEGIES_PER_PAGE = 100;
+/** Safety stop for the listing pager, mirroring discovery-strategies-fe's helper. */
+export declare const RRS_STRATEGIES_MAX_PAGES = 50;
+/**
+ * Smart Recommender's filter grammar: `[table.field][operator][value]`, ANDed with `*`.
+ * `~` means "contains" — required because `suitable_channels` is a comma-separated
+ * column, so `=` would only ever match single-channel strategies.
+ */
+export declare const RRS_EMAIL_ACTIVE_FILTER = "[sr_strategies.status][=][active]*[sr_strategies.suitable_channels][~][EMAIL]";
 /**
  * Get recommendation feed source maps lazily so translated names resolve at access time.
  * Must be called within a Vue component context or after Pinia is initialized.