@useinsider/guido 3.12.0-beta.98baf2f → 3.12.0-beta.b73c720

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

@@ -0,0 +1,97 @@
+import { FilterTypeNames as f, OperatorAbbreviations as N, UserEvents as y, UserEventKeys as d } from "../../../../enums/extensions/strategyDetail.js";
+import { formatShortDate as p } from "../../../../utils/dateUtil.js";
+const L = /* @__PURE__ */ new Set([
+  d.CURRENTLY_VIEWED_ITEM,
+  d.LEGACY_CURRENTLY_VIEWED_ITEM
+]), g = /^(\d+)([whd])$/, h = (t) => t ? t.charAt(0).toUpperCase() + t.slice(1) : "", v = (t, e) => {
+  const r = y.find((n) => n.value === t);
+  return r ? e(r.text) : t;
+}, C = (t, e) => {
+  if (t.userAttribute)
+    return t.userAttribute;
+  if (!t.userEvent)
+    return "";
+  const r = v(t.userEvent, e);
+  if (L.has(t.userEvent))
+    return r;
+  const n = t.userEventCount ?? 0;
+  if (n <= 0)
+    return r;
+  const a = e(
+    n === 1 ? "discovery-strategy-filtering.item" : "discovery-strategy-filtering.items"
+  );
+  return `${r} ${n} ${a}`;
+}, O = [
+  f.USER_ATTRIBUTE_FILTER,
+  f.USER_EVENT_FILTER,
+  f.USER_CONTEXT_FILTER
+], V = (t) => O.includes(t ?? ""), S = (t, e, r) => {
+  if (!t)
+    return "";
+  const n = g.exec(t);
+  if (!n)
+    return "";
+  const [, a, c] = n, s = e.find((T) => T.value === c), $ = s ? s.text.toLowerCase() : c;
+  return ` ${r("purchase-history.in-last")} ${a} ${$}`;
+}, R = (t, e) => t.map((r) => `[${r}]`).join(` ${e} `), b = (t) => {
+  let e;
+  try {
+    e = JSON.parse(t);
+  } catch {
+    return t.split(",");
+  }
+  return Array.isArray(e) ? e.map((r) => String(r)) : [String(e)];
+};
+function w(t) {
+  const {
+    condition: e,
+    selectedOperator: r,
+    filterValue: n,
+    timeUnit: a,
+    inBetweenValues: c,
+    timeUnitOptions: s,
+    isDateAttribute: $,
+    isMultiSelect: T,
+    isInOrNotInOperator: U,
+    trans: E
+  } = t, { IN_LAST: A, IN_BETWEEN: _ } = N.OPERATOR, l = E("action-builder.and");
+  if (V(e.type)) {
+    const i = C(e, E);
+    if (i)
+      return `${i}${S(e.duration, s, E)}`;
+  }
+  const u = e.type === f.EVENT_BASED_FILTER ? S(e.duration, s, E) : "";
+  if (e.time && r !== _)
+    return `${p(e.time)}${u}`;
+  if (r === A) {
+    const [i] = n.match(/\d+/g) || [];
+    if (!i)
+      return n;
+    const o = s.find((m) => m.value === a);
+    return `${i} ${h((o == null ? void 0 : o.text) ?? "")}`.trimEnd();
+  }
+  if (r === _) {
+    if ($() && e.time) {
+      const [m = "", I = ""] = e.time.split(":");
+      return `${p(m)} ${l} ${p(I)}${u}`;
+    }
+    const [i = "", o = ""] = c ?? [];
+    return `${i} ${l} ${o}${u}`;
+  }
+  if (T())
+    return `${R(b(n), l)}${u}`;
+  if (U()) {
+    const i = n.split(",");
+    return `${i.length > 1 ? R(i, l) : n}${u}`;
+  }
+  return `${n}${u}`;
+}
+export {
+  R as bracketJoin,
+  h as capitalizeFirstLetter,
+  S as getDurationSuffix,
+  w as getSuitableValue,
+  C as getUserContextValue,
+  v as getUserEventLabel,
+  b as parseMultiSelectValue
+};

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

@@ -0,0 +1,10 @@
+import "../../../../enums/extensions/strategyDetail.js";
+import "../../../../utils/dateUtil.js";
+const e = "CHEF", o = "MIXED", i = (t) => `recommendation-algorithm-names.${(t || "").replaceAll("_", "-").toLowerCase()}`, n = (t) => ({
+  [e]: "discovery-strategy.chef",
+  [o]: "discovery-strategy.mixed-algorithm"
+})[t] ?? "discovery-strategy.single-algorithm";
+export {
+  i as getAlgorithmTranslationKey,
+  n as getMethodTranslationKey
+};

package/dist/extensions/Blocks/Recommendation/validation/requiredFields.js

@@ -9,26 +9,38 @@ const l = [
     getValue: (e) => e.currencySettings.value,
     getAvailableOptions: (e) => e.currencyList.map((n) => n.text),
     canBeEmpty: !0
+  },
+  {
+    // Required only behind the feature flag: with the flag off the block is still
+    // driven by its algorithm, so an empty strategyId is the normal state and must
+    // not block the save.
+    //
+    // Deliberately no `getAvailableOptions`: a strategy the partner deleted in
+    // Smart Recommender would then fail validation and strand an already-saved
+    // template. The panel surfaces that case instead (see `strategy.ts`).
+    key: "strategy",
+    getValue: (e) => e.strategyId,
+    condition: (e, n) => n.isRrsEnabled
   }
-], o = "newsletter.recommendation-fill-required-fields";
-function c(e, n, i = l) {
-  return i.filter((t) => {
-    var u;
-    if (t.condition && !t.condition(e))
+], s = "newsletter.recommendation-fill-required-fields";
+function c(e, n, u = l) {
+  return u.filter((t) => {
+    var i;
+    if (t.condition && !t.condition(e, n))
       return !1;
-    const r = (u = t.getAvailableOptions) == null ? void 0 : u.call(t, n);
-    if (t.canBeEmpty && (r == null ? void 0 : r.length) === 0)
+    const a = (i = t.getAvailableOptions) == null ? void 0 : i.call(t, n);
+    if (t.canBeEmpty && (a == null ? void 0 : a.length) === 0)
       return !1;
-    const a = t.getValue(e);
-    return a ? r !== void 0 && !r.includes(a) : !0;
+    const r = t.getValue(e);
+    return r ? a !== void 0 && !a.includes(r) : !0;
   }).map((t) => t.key);
 }
-function s(e, n) {
+function o(e, n) {
   return c(e, n).length === 0;
 }
 export {
   l as REQUIRED_RECOMMENDATION_FIELDS,
-  o as RecommendationRequiredFieldsKey,
+  s as RecommendationRequiredFieldsKey,
   c as getInvalidFields,
-  s as isConfigValid
+  o as isConfigValid
 };

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-008cf324] .in-drawer__content{padding:0}.other-details div[data-v-008cf324]:first-child{margin-top:0}[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-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}

package/dist/services/recommendationApi.js

@@ -1,49 +1,87 @@
-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 u } from "../composables/useHttp.js";
+import { QUERY_PARAMS as m, URLS as c, RRS_EMAIL_ACTIVE_FILTER as h } from "../enums/extensions/recommendationBlock.js";
+const l = (n) => n.reduce(
+  (s, a, d) => (s[d] = {
+    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";
+  const { get: n } = u(), { get: s } = u({ headers: {} }), a = "6KcLM9TwheVB1mgK";
   return {
     fetchRecommendationCreateData: async () => {
       try {
-        return (await o("/newsletter/recommendations/create-data")).data;
+        return (await n("/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 n(
+          c.PRODUCT_ATTRIBUTES_PATH
+        ), t = Array.isArray(e) ? e : (e == null ? void 0 : e.data) ?? [];
+        return l(t);
       } catch (e) {
         throw console.error("fetchRecommendationFilters error:", e), e;
       }
     },
-    fetchRecommendationProducts: async (e, n) => {
-      var i;
+    fetchRecommendationProducts: async (e, t) => {
+      var o;
       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 r = new URLSearchParams(Object.entries(t));
+        r.set(m.CLIENT_ID, a);
+        const R = decodeURIComponent(r.toString());
+        console.debug("🏁 Recommendation API Query:", R);
+        const i = await s(
+          `${c.RECOMMENDATION_API_URL}/v2/${e}?${R}`
         );
-        return ((i = c == null ? void 0 : c.data) == null ? void 0 : i.data) ?? [];
+        return ((o = i == null ? void 0 : i.data) == null ? void 0 : o.data) ?? [];
       } catch (r) {
         throw console.error("fetchRecommendationProducts error:", r), r;
       }
+    },
+    fetchRecommendationStrategies: async () => {
+      try {
+        const e = new URLSearchParams({ [m.FILTERS]: h }), { data: t } = await n(
+          `${c.RECOMMENDATION_STRATEGIES_PATH}/?${e.toString()}`
+        );
+        return (t == null ? void 0 : t.data) ?? [];
+      } catch (e) {
+        throw console.error("fetchRecommendationStrategies error:", e), e;
+      }
+    },
+    fetchStrategyCampaigns: async (e, t) => {
+      try {
+        const { data: o } = await n(
+          `${c.RECOMMENDATION_STRATEGIES_PATH}/${e}/campaigns`
+        );
+        return ((o == null ? void 0 : o.data) ?? []).map((r) => ({
+          id: r.id,
+          name: r.name,
+          status: r.status,
+          variants: r.variants ?? [],
+          channel: t(`products.${r.productAlias}`),
+          productAlias: r.productAlias,
+          isPreventing: r.isPreventing
+        }));
+      } catch (o) {
+        return console.error("fetchStrategyCampaigns error:", o), [];
+      }
+    },
+    fetchStrategyRecommendationUrl: async (e) => {
+      try {
+        const t = new URLSearchParams({ [m.STRATEGY_ID]: e }), { data: o } = await n(
+          `${c.STRATEGY_RECOMMENDATION_URL_PATH}?${t.toString()}`
+        );
+        return (o == null ? void 0 : o.data) ?? null;
+      } catch (t) {
+        return console.error("fetchStrategyRecommendationUrl error:", t), null;
+      }
     }
   };
 };

package/dist/services/stripoApi.js

@@ -2,78 +2,77 @@ 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 I = () => {
-  const { get: a, post: i } = d(), { handleError: s } = m(), { getBlankTemplate: n } = f();
+const D = () => {
+  const { get: s, post: u } = d(), { handleError: r } = m(), { getBlankTemplate: o } = f();
   return {
     getToken: async () => {
       try {
-        const { data: t } = await a("/stripo/get-user-token");
+        const { data: t } = await s("/stripo/get-user-token");
         return t.body.token;
       } catch (t) {
-        return s(t, "Failed to fetch token"), "";
+        return r(t, "Failed to fetch token"), "";
       }
     },
     getCustomFonts: async () => {
       try {
-        const { data: t = [] } = await a("/stripo/get-partner-custom-fonts");
+        const { data: t = [] } = await s("/stripo/get-partner-custom-fonts");
         return t.map((e) => ({
           ...e,
           active: !0
         }));
       } catch (t) {
-        return s(t, "Failed to fetch custom fonts"), [];
+        return r(t, "Failed to fetch custom fonts"), [];
       }
     },
     getDefaultTemplate: async () => {
       try {
-        const t = new URLSearchParams(window.location.search), e = t.get("default-template"), r = t.get("master"), c = e ? parseInt(e) : 0, l = c >= 1 && c <= y ? c : 0;
-        if (!l && !r)
-          return await n();
-        const p = `/stripo/default-template/${l}`, { data: u } = await a(p), o = typeof u == "string" ? JSON.parse(u) : u;
-        return !o || typeof o != "object" || !("html" in o) || !("css" in o) ? await n() : o;
+        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;
       } catch (t) {
-        return s(t, "Failed to fetch default template"), n();
+        return r(t, "Failed to fetch default template"), o();
       }
     },
     getSyncModulesStatus: async () => {
       try {
-        const { data: t } = await a("/newsletter/settings/synchronisation-in-modules-status");
+        const { data: t } = await s("/newsletter/settings/synchronisation-in-modules-status");
         return t.status;
       } catch (t) {
-        return s(t, "Failed to fetch sync modules status"), !1;
+        return r(t, "Failed to fetch sync modules status"), !1;
       }
     },
     updateSyncModule: async (t) => {
       try {
-        return await i(`/stripo/stripo-modules/${t.moduleId}/update`), !0;
+        return await u(`/stripo/stripo-modules/${t.moduleId}/update`), !0;
       } catch (e) {
-        return s(e, "Failed to update sync module"), !1;
+        return r(e, "Failed to update sync module"), !1;
       }
     },
     getSyncModule: async (t) => {
-      const e = {
-        id: 0,
-        stripoId: 0,
-        unsubscriptionPreferencePages: []
-      };
       try {
-        const { data: r } = await a(`/stripo/stripo-modules/${t}/get`);
-        return Array.isArray(r) || !Array.isArray(r == null ? void 0 : r.unsubscriptionPreferencePages) ? e : r;
-      } catch (r) {
-        return s(r, "Failed to get sync module"), e;
+        const { data: e } = await s(`/stripo/stripo-modules/${t}/get`);
+        return e;
+      } catch (e) {
+        return r(e, "Failed to get sync module"), {
+          id: 0,
+          stripoId: 0,
+          unsubscriptionPreferencePages: []
+        };
       }
     },
     setSyncModuleUnsubscriptionPages: async (t) => {
       if (t.length === 0)
         return !0;
       try {
-        return await i("/stripo/stripo-modules/set-unsubscription-preference-pages", t), !0;
+        return await u("/stripo/stripo-modules/set-unsubscription-preference-pages", t), !0;
       } catch (e) {
-        return s(e, "Failed to set unsubscription preference pages"), !1;
+        return r(e, "Failed to set unsubscription preference pages"), !1;
       }
     }
   };
 };
 export {
-  I as useStripoApi
+  D as useStripoApi
 };

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>, false>;
 }, 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>, false>;
     }, 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")[];