@useinsider/guido 3.16.0 → 3.17.0-beta.3e9d6e7

package/dist/node_modules/@useinsider/design-system-organisms/node_modules/@useinsider/design-system-vue/dist/chunks/localLocalesMixin.DYMhydo2.js

@@ -0,0 +1,16 @@
+import { i as l } from "./helpers.CgHNyjAJ.js";
+const e = {
+  computed: {
+    localeKey() {
+      var s;
+      return ((s = this.$InDsLocales) == null ? void 0 : s.locale) || "us";
+    },
+    localLocales() {
+      var s;
+      return l(this.$InDsLocales) ? {} : ((s = this.$InDsLocales[this.localeKey]) == null ? void 0 : s[this.$options.name]) || {};
+    }
+  }
+};
+export {
+  e as l
+};

package/dist/node_modules/@useinsider/design-system-organisms/node_modules/@useinsider/design-system-vue/dist/chunks/useLocalLocales.Ckuhy7d-.js

@@ -0,0 +1,17 @@
+import { getCurrentInstance as t, computed as c } from "vue";
+import { i } from "./helpers.CgHNyjAJ.js";
+function v(e) {
+  const l = t(), o = l == null ? void 0 : l.proxy;
+  return {
+    localLocales: c(() => {
+      var n, r, u;
+      if (i(o == null ? void 0 : o.$InDsLocales))
+        return {};
+      const s = ((n = o == null ? void 0 : o.$InDsLocales) == null ? void 0 : n.locale) || "us";
+      return ((u = (r = o == null ? void 0 : o.$InDsLocales) == null ? void 0 : r[s]) == null ? void 0 : u[e]) || {};
+    })
+  };
+}
+export {
+  v as u
+};

package/dist/node_modules/@useinsider/design-system-organisms/node_modules/@useinsider/design-system-vue/dist/chunks/vue-property-decorator.BtlM7Epa.js

@@ -0,0 +1,188 @@
+import y from "vue";
+function f(t) {
+  return typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? f = function(e) {
+    return typeof e;
+  } : f = function(e) {
+    return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
+  }, f(t);
+}
+function v(t, e, r) {
+  return e in t ? Object.defineProperty(t, e, {
+    value: r,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : t[e] = r, t;
+}
+function b(t) {
+  return m(t) || g(t) || O();
+}
+function m(t) {
+  if (Array.isArray(t)) {
+    for (var e = 0, r = new Array(t.length); e < t.length; e++) r[e] = t[e];
+    return r;
+  }
+}
+function g(t) {
+  if (Symbol.iterator in Object(t) || Object.prototype.toString.call(t) === "[object Arguments]") return Array.from(t);
+}
+function O() {
+  throw new TypeError("Invalid attempt to spread non-iterable instance");
+}
+function _() {
+  return typeof Reflect < "u" && Reflect.defineMetadata && Reflect.getOwnMetadataKeys;
+}
+function h(t, e) {
+  p(t, e), Object.getOwnPropertyNames(e.prototype).forEach(function(r) {
+    p(t.prototype, e.prototype, r);
+  }), Object.getOwnPropertyNames(e).forEach(function(r) {
+    p(t, e, r);
+  });
+}
+function p(t, e, r) {
+  var n = r ? Reflect.getOwnMetadataKeys(e, r) : Reflect.getOwnMetadataKeys(e);
+  n.forEach(function(o) {
+    var a = r ? Reflect.getOwnMetadata(o, e, r) : Reflect.getOwnMetadata(o, e);
+    r ? Reflect.defineMetadata(o, a, t, r) : Reflect.defineMetadata(o, a, t);
+  });
+}
+var w = {
+  __proto__: []
+}, j = w instanceof Array;
+function P(t) {
+  return function(e, r, n) {
+    var o = typeof e == "function" ? e : e.constructor;
+    o.__decorators__ || (o.__decorators__ = []), typeof n != "number" && (n = void 0), o.__decorators__.push(function(a) {
+      return t(a, r, n);
+    });
+  };
+}
+function R(t) {
+  var e = f(t);
+  return t == null || e !== "object" && e !== "function";
+}
+function M(t, e) {
+  var r = e.prototype._init;
+  e.prototype._init = function() {
+    var a = this, i = Object.getOwnPropertyNames(t);
+    if (t.$options.props)
+      for (var c in t.$options.props)
+        t.hasOwnProperty(c) || i.push(c);
+    i.forEach(function(u) {
+      Object.defineProperty(a, u, {
+        get: function() {
+          return t[u];
+        },
+        set: function(l) {
+          t[u] = l;
+        },
+        configurable: !0
+      });
+    });
+  };
+  var n = new e();
+  e.prototype._init = r;
+  var o = {};
+  return Object.keys(n).forEach(function(a) {
+    n[a] !== void 0 && (o[a] = n[a]);
+  }), o;
+}
+var s = [
+  "data",
+  "beforeCreate",
+  "created",
+  "beforeMount",
+  "mounted",
+  "beforeDestroy",
+  "destroyed",
+  "beforeUpdate",
+  "updated",
+  "activated",
+  "deactivated",
+  "render",
+  "errorCaptured",
+  "serverPrefetch"
+  // 2.6
+];
+function d(t) {
+  var e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+  e.name = e.name || t._componentTag || t.name;
+  var r = t.prototype;
+  Object.getOwnPropertyNames(r).forEach(function(c) {
+    if (c !== "constructor") {
+      if (s.indexOf(c) > -1) {
+        e[c] = r[c];
+        return;
+      }
+      var u = Object.getOwnPropertyDescriptor(r, c);
+      u.value !== void 0 ? typeof u.value == "function" ? (e.methods || (e.methods = {}))[c] = u.value : (e.mixins || (e.mixins = [])).push({
+        data: function() {
+          return v({}, c, u.value);
+        }
+      }) : (u.get || u.set) && ((e.computed || (e.computed = {}))[c] = {
+        get: u.get,
+        set: u.set
+      });
+    }
+  }), (e.mixins || (e.mixins = [])).push({
+    data: function() {
+      return M(this, t);
+    }
+  });
+  var n = t.__decorators__;
+  n && (n.forEach(function(c) {
+    return c(e);
+  }), delete t.__decorators__);
+  var o = Object.getPrototypeOf(t.prototype), a = o instanceof y ? o.constructor : y, i = a.extend(e);
+  return A(i, t, a), _() && h(i, t), i;
+}
+var E = {
+  prototype: !0,
+  arguments: !0,
+  callee: !0,
+  caller: !0
+};
+function A(t, e, r) {
+  Object.getOwnPropertyNames(e).forEach(function(n) {
+    if (!E[n]) {
+      var o = Object.getOwnPropertyDescriptor(t, n);
+      if (!(o && !o.configurable)) {
+        var a = Object.getOwnPropertyDescriptor(e, n);
+        if (!j) {
+          if (n === "cid")
+            return;
+          var i = Object.getOwnPropertyDescriptor(r, n);
+          if (!R(a.value) && i && i.value === a.value)
+            return;
+        }
+        Object.defineProperty(t, n, a);
+      }
+    }
+  });
+}
+function x(t) {
+  return typeof t == "function" ? d(t) : function(e) {
+    return d(e, t);
+  };
+}
+x.registerHooks = function(t) {
+  s.push.apply(s, b(t));
+};
+var S = typeof Reflect < "u" && typeof Reflect.getMetadata < "u";
+function D(t, e, r) {
+  if (S && !Array.isArray(t) && typeof t != "function" && typeof t.type > "u") {
+    var n = Reflect.getMetadata("design:type", e, r);
+    n !== Object && (t.type = n);
+  }
+}
+function C(t) {
+  return t === void 0 && (t = {}), function(e, r) {
+    D(t, e, r), P(function(n, o) {
+      (n.props || (n.props = {}))[o] = t;
+    })(e, r);
+  };
+}
+export {
+  x as C,
+  C as P
+};

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 h } from "../composables/useHttp.js";
+import { URLS as d, RRS_ACTIVE_EMAIL_FILTER as l, QUERY_PARAMS as R } from "../enums/extensions/recommendationBlock.js";
+const y = 100, u = (c) => c.reduce(
+  (s, a, i) => (s[i] = {
+    attributeName: a.attributeName,
+    attributeJs: a.attributeJs,
+    attributeType: a.attributeType,
+    type: a.type,
+    displayName: a.displayName,
+    isFilterable: a.isFilterable
+  }, s),
   {}
-), f = () => {
-  const { get: o } = d(), { get: a } = d({ headers: {} }), t = "6KcLM9TwheVB1mgK";
+), S = () => {
+  const { get: c, post: s } = h(), { get: a } = h({ headers: {} }), i = "6KcLM9TwheVB1mgK";
   return {
     fetchRecommendationCreateData: async () => {
       try {
-        return (await o("/newsletter/recommendations/create-data")).data;
+        return (await c("/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 c(
+          d.PRODUCT_ATTRIBUTES_PATH
+        ), r = Array.isArray(e) ? e : (e == null ? void 0 : e.data) ?? [];
+        return u(r);
       } catch (e) {
         throw console.error("fetchRecommendationFilters error:", e), e;
       }
     },
-    fetchRecommendationProducts: async (e, n) => {
-      var i;
+    fetchRecommendationProducts: async (e, r) => {
+      var t;
       try {
-        const r = new URLSearchParams(Object.entries(n));
-        r.set(l.CLIENT_ID, t);
-        const m = decodeURIComponent(r.toString());
+        const o = new URLSearchParams(Object.entries(r));
+        o.set(R.CLIENT_ID, i);
+        const m = decodeURIComponent(o.toString());
         console.debug("🏁 Recommendation API Query:", m);
-        const c = await a(
-          `${u.RECOMMENDATION_API_URL}/v2/${e}?${m}`
+        const n = await a(
+          `${d.RECOMMENDATION_API_URL}/v2/${e}?${m}`
         );
-        return ((i = c == null ? void 0 : c.data) == null ? void 0 : i.data) ?? [];
+        return ((t = n == null ? void 0 : n.data) == null ? void 0 : t.data) ?? [];
+      } catch (o) {
+        throw console.error("fetchRecommendationProducts error:", o), o;
+      }
+    },
+    fetchRecommendationProductsByUrl: async (e) => {
+      var r;
+      try {
+        const t = new URL(e);
+        t.searchParams.has(R.CLIENT_ID) || t.searchParams.set(R.CLIENT_ID, i);
+        const o = await a(
+          decodeURIComponent(t.toString())
+        );
+        return ((r = o == null ? void 0 : o.data) == null ? void 0 : r.data) ?? [];
+      } catch (t) {
+        throw console.error("fetchRecommendationProductsByUrl error:", t), t;
+      }
+    },
+    fetchRecommendationStrategies: async () => {
+      try {
+        const e = /* @__PURE__ */ new Map();
+        let r = 1;
+        for (; ; ) {
+          const { data: t } = await c(
+            `${d.RECOMMENDATION_STRATEGIES_PATH}?filters=${encodeURIComponent(l)}&per_page=${y}&page=${r}`
+          ), o = Array.isArray(t) ? t : (t == null ? void 0 : t.data) ?? [], m = e.size;
+          if (o.forEach((n) => e.set(n.strategy_id, n)), o.length < y || e.size === m)
+            break;
+          r += 1;
+        }
+        return [...e.values()];
+      } catch (e) {
+        throw console.error("fetchRecommendationStrategies error:", e), e;
+      }
+    },
+    generateStrategyEndpoint: async (e) => {
+      try {
+        const { data: r } = await s(
+          `${d.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: ""
+          }
+        );
+        return r.data;
       } catch (r) {
-        throw console.error("fetchRecommendationProducts error:", r), r;
+        throw console.error("generateStrategyEndpoint error:", r), r;
       }
     }
   };
 };
 export {
-  f as useRecommendationApi
+  S 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/organisms/extensions/recommendation/AssignStrategyDrawer.vue.d.ts

@@ -0,0 +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/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/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/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,6 +30,7 @@ export declare class RecommendationBlockControl extends CommonControl {
     private shuffleControl;
     private pricePlacementControl;
     private layoutOrientationControl;
+    private strategyControl;
     getId(): string;
     getTemplate(): string;
     onRender(): Promise<void>;
@@ -107,8 +109,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,37 @@
+/**
+ * Recommendation Strategy Control (SD-149105)
+ *
+ * Rendered INSTEAD of the algorithm/product-count/filters/shuffle controls when
+ * `features.reusableRecommendationStrategy` is on. Thin by design: the heavy UI
+ * (strategy listing, detail) lives in AssignStrategyDrawer.vue; this control
+ * only shows the empty/assigned state and opens the drawer.
+ */
+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;
+}