@useinsider/guido 3.12.0-beta.0c5c36f → 3.12.0-beta.19da4fb

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/strategyInfoBox.js

@@ -0,0 +1,24 @@
+import { formatShortDate as o } from "../../../../utils/dateUtil.js";
+const a = "view-more", p = (t, e, i) => ({
+  id: `strategy-info-box-${t.strategy_id}`,
+  theme: "light",
+  variant: "information",
+  titleText: t.name,
+  descriptionText: e("gpt-app-builder.strategy-last-updated", {
+    date: o(t.updated_at)
+  }),
+  buttonOptions: [{
+    id: a,
+    type: "text",
+    text: e("gpt-app-builder.view-more"),
+    value: String(t.strategy_id),
+    status: "default",
+    icon: "line-info-circle"
+  }],
+  slot: i,
+  slotProps: { strategy: t }
+});
+export {
+  a as VIEW_MORE_BUTTON_ID,
+  p as buildStrategyInfoBoxProps
+};

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

@@ -0,0 +1,8 @@
+import { STRATEGY_PAGES as a } from "../../../../enums/extensions/recommendationBlock.js";
+const o = (t) => {
+  window.location.assign(t);
+}, e = (t) => a.EDIT.replace("{{id}}", String(t));
+export {
+  e as buildStrategyEditPath,
+  o as navigateToStrategyPage
+};

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

@@ -0,0 +1,95 @@
+import { TimeAbbreviations as g, Operators as y, OperatorNames as c, OperatorAbbreviations as I, DataTypes as O, MultiSelectDataTypes as E } from "../../../../enums/extensions/filteringV2.js";
+import { capitalizeFirstLetter as d, bracketJoin as T, parseMultiSelectValue as v } from "./strategyHumanizer.js";
+import { formatShortDate as f } from "../../../../utils/dateUtil.js";
+import { parseJsonField as b } from "../../../../utils/genericUtil.js";
+const S = "CHEF", _ = "MIXED", M = [S, _], N = 2, h = 4, A = (e) => `recommendation-algorithm-names.${(e || "").replaceAll("_", "-").toLowerCase()}`, x = (e) => ({
+  [S]: "discovery-strategy.chef",
+  [_]: "discovery-strategy.mixed-algorithm"
+})[e] ?? "discovery-strategy.single-algorithm", L = (e, t) => {
+  if (!M.includes(e.algorithm))
+    return t(A(e.algorithm));
+  const o = t(x(e.algorithm)), i = (e.algorithm_used || "").split(",").map((r) => r.trim()).filter(Boolean).map((r) => t(A(r))), n = [...new Set(i)];
+  if (n.length > 1) {
+    const r = t("strategy-info-box-content.and-more", { count: n.length - 1 });
+    return `${o} - ${n[0]} ${r}`;
+  }
+  return `${o} - ${n.join(", ")}`;
+}, C = (e, t) => {
+  const o = [
+    e.exclude_view && "viewed",
+    e.exclude_purchase && "purchased",
+    e.exclude_cart && "cart"
+  ].filter(Boolean);
+  return o.length ? o.map((n, r) => {
+    if (r === 0)
+      return t(`recommendation-strategy.recently_${n}`) + (o.length > 2 ? "," : "");
+    const s = t(`recommendation-strategy.${n}`);
+    return r === o.length - 1 ? `${t("ds-condition.and")} ${s}` : s;
+  }).join(" ") : t("recommendation-strategy.none");
+}, D = (e, t) => {
+  var n;
+  const i = (y[((n = e.attribute) == null ? void 0 : n.attributeType) ?? ""] || []).find((r) => r.value === e.selectedOperator);
+  return i ? t(i.text) : "";
+}, w = ({ attribute: e }) => (e == null ? void 0 : e.attributeType) === O.DATE, R = (e) => {
+  var r;
+  const t = ((r = e.attribute) == null ? void 0 : r.attributeType) ?? "", o = e.selectedOperator ?? "";
+  if (!E.includes(t) || [c.CONTAINS, c.NOT_CONTAINS].includes(o))
+    return !1;
+  const i = [c.IS_EXACTLY, c.IS_NOT_EXACTLY].includes(o);
+  return !((e.isHierarchyCategory || t === O.STRING) && i);
+}, j = (e, t, o) => {
+  const i = e.value ?? "", n = t("action-builder.and"), { IN_LAST: r, IN_BETWEEN: s } = I.OPERATOR;
+  if (e.time && e.selectedOperator !== s)
+    return f(e.time);
+  if (e.selectedOperator === r) {
+    const [a] = i.match(/\d+/g) || [], l = o[e.timeUnit ?? ""];
+    return a && l ? `${a} ${l}` : i;
+  }
+  if (e.selectedOperator === s) {
+    if (w(e)) {
+      const [m = "", u = ""] = (e.time ?? "").split(":");
+      return `${f(m)} ${n} ${f(u)}`;
+    }
+    const [a = "", l = ""] = e.inBetweenValues ?? [];
+    return `${a} ${n} ${l}`;
+  }
+  if (R(e))
+    return T(v(i), n);
+  if ([c.IN, c.NOT_IN].includes(e.selectedOperator)) {
+    const a = i.split(",");
+    return a.length > 1 ? T(a, n) : i;
+  }
+  return i;
+}, F = (e, t) => {
+  var $;
+  const o = b(e.filters, {}), n = Object.values(o).slice(0, N).flatMap((p) => (p == null ? void 0 : p.conditionList) ?? []), [r] = n;
+  if (!r)
+    return t("recommendation-strategy.none");
+  const s = {
+    [g.WEEK]: d(t("journey-builder.weeks")),
+    [g.DAY]: d(t("settings.day-s")),
+    [g.HOUR]: d(t("settings.hour-s"))
+  }, a = d((($ = r.attribute) == null ? void 0 : $.text) ?? ""), l = D(r, t), m = j(r, t, s), u = `${a} ${t("input.value")} ${l} ${m}`;
+  return n.length > 1 ? `${u} ${t("strategy-info-box-content.and-more", { count: n.length - 1 })}` : u;
+}, H = (e, t) => {
+  const o = b(e.manual_merchandising_products, []), i = b(e.mixed_strategies, []), n = (Array.isArray(i) ? i : []).map((s) => s == null ? void 0 : s.productId).filter(Boolean), r = [.../* @__PURE__ */ new Set([...Array.isArray(o) ? o : [], ...n])];
+  if (!r.length)
+    return t("recommendation-strategy.none");
+  if (r.length > h) {
+    const s = t("strategy-info-box-content.and-more", {
+      count: r.length - h
+    });
+    return `${r.slice(0, h).join(", ")} ${s}`;
+  }
+  return r.join(", ");
+}, V = (e, t) => [
+  { title: t("gpt-app-builder.algorithms-and-method"), value: L(e, t) },
+  { title: t("gpt-app-builder.exclusions"), value: C(e, t) },
+  { title: t("gpt-app-builder.filters"), value: F(e, t) },
+  { title: t("gpt-app-builder.manual-merchandising"), value: H(e, t) }
+];
+export {
+  V as buildStrategySummary,
+  A as getAlgorithmTranslationKey,
+  x as getMethodTranslationKey
+};

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

@@ -1,4 +1,4 @@
-const l = [
+const u = [
   {
     key: "locale",
     getValue: (e) => e.language,
@@ -9,25 +9,39 @@ const l = [
     getValue: (e) => e.currencySettings.value,
     getAvailableOptions: (e) => e.currencyList.map((n) => n.text),
     canBeEmpty: !0
+  },
+  {
+    // Only a *deleted* strategy blocks the save (SD-145578 AC-4). An empty
+    // strategyId is legitimate: blocks saved before RRS keep running on their
+    // algorithm URL, and with the flag on by default those templates must stay
+    // saveable.
+    //
+    // `canValidateStrategy` gates the whole check — mid-fetch the listing is
+    // empty and every assigned id would look deleted.
+    key: "strategy",
+    optional: !0,
+    getValue: (e) => e.strategyId,
+    getAvailableOptions: (e) => e.strategyIds,
+    condition: (e, n) => n.isRrsEnabled && n.canValidateStrategy
   }
 ], o = "newsletter.recommendation-fill-required-fields";
-function c(e, n, i = l) {
-  return i.filter((t) => {
-    var u;
-    if (t.condition && !t.condition(e))
+function c(e, n, l = u) {
+  return l.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) : !t.optional;
   }).map((t) => t.key);
 }
 function s(e, n) {
   return c(e, n).length === 0;
 }
 export {
-  l as REQUIRED_RECOMMENDATION_FIELDS,
+  u as REQUIRED_RECOMMENDATION_FIELDS,
   o as RecommendationRequiredFieldsKey,
   c as getInvalidFields,
   s 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-cf946232]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-cf946232]{min-height:504px}.iframe-wrapper[data-v-f255b2bb]{width:258px}.iframe-scaled[data-v-f255b2bb]{width:320px;height:124.0310077519%;transform:scale(.80625);transform-origin:top left}.cropped-text[data-v-eb3d05d7]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-preview-wrapper__phone[data-v-3f472f96]{width:282px}.mobile-preview-wrapper__phone img[data-v-3f472f96]{object-fit:cover;border-radius:44px}.mobile-preview-wrapper__content[data-v-3f472f96]{width:258px;height:450px;left:12px}[data-v-6bcaca8a] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-f16f20f8] .vueperslides__bullets{pointer-events:none!important}[data-v-f16f20f8] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-bb3cca55] .vueperslides__bullets{pointer-events:none!important}[data-v-bb3cca55] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-b09e80c4] .vueperslides__bullets{pointer-events:none!important}[data-v-b09e80c4] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-9bdef600] .vueperslides__parallax-wrapper{padding-bottom:110px!important}
+.gap-16[data-v-5553d071],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-3ff1b2a9] .in-ag-filter-header{display:none}.condition-data[data-v-ef803818]{gap:4px}.filter-humanizer[data-v-3ecb7de4]{margin:0 -32px}[data-v-6e572ff5] .in-tooltip-wrapper__box{max-width:inherit}[data-v-30363cc2] .in-drawer__content{padding:0}.other-details div[data-v-30363cc2]:first-child{margin-top:0}.strategy-shared-notice[data-v-30363cc2]{margin:0;padding-left:18px}.strategy-shared-notice li+li[data-v-30363cc2]{margin-top:4px}.strategy-info-box__row+.strategy-info-box__row[data-v-0cfc2679]{margin-top:12px}.strategy-info-box__title[data-v-0cfc2679]{margin:0;font-size:12px;line-height:16px}.strategy-info-box__value[data-v-0cfc2679]{margin:0;font-size:13px;line-height:18px;word-break:break-word}.strategy-picker[data-v-4d69210f]{position:fixed;display:flex;align-items:center;gap:8px;z-index:20}.strategy-picker__select[data-v-4d69210f]{flex:1;min-width: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-b42dde02]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-b42dde02]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-b42dde02]{height:calc(100vh - 75px - var(--ribbon-offset))}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-91a26acd]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-91a26acd]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-91a26acd]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-91a26acd]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-91a26acd]{object-fit:cover;transform:scale(1)}[data-v-b9a93c6e] .guido__verion-history-view-option-selection-desktop svg,[data-v-b9a93c6e] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-b9a93c6e] .in-segments-wrapper__button_selected,[data-v-b9a93c6e] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-c3fd5d4b]{gap:16px}.desktop-browser-header[data-v-d86c5af5]{height:79px;min-height:79px}.desktop-browser-header__left[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:378px}.desktop-browser-header__center[data-v-d86c5af5]{height:79px;background-repeat:repeat-x;background-size:auto 100%;background-position:left top}.desktop-browser-header__right[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:112px}.desktop-preview[data-v-cf946232]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-cf946232]{min-height:504px}.iframe-wrapper[data-v-f255b2bb]{width:258px}.iframe-scaled[data-v-f255b2bb]{width:320px;height:124.0310077519%;transform:scale(.80625);transform-origin:top left}.cropped-text[data-v-eb3d05d7]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-preview-wrapper__phone[data-v-3f472f96]{width:282px}.mobile-preview-wrapper__phone img[data-v-3f472f96]{object-fit:cover;border-radius:44px}.mobile-preview-wrapper__content[data-v-3f472f96]{width:258px;height:450px;left:12px}[data-v-6bcaca8a] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-f16f20f8] .vueperslides__bullets{pointer-events:none!important}[data-v-f16f20f8] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-bb3cca55] .vueperslides__bullets{pointer-events:none!important}[data-v-bb3cca55] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-b09e80c4] .vueperslides__bullets{pointer-events:none!important}[data-v-b09e80c4] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-9bdef600] .vueperslides__parallax-wrapper{padding-bottom:110px!important}

package/dist/node_modules/@vueuse/core/index.js

@@ -0,0 +1,48 @@
+import { noop as y, toValue as f, isObject as v, tryOnScopeDispose as A, isClient as E } from "../shared/index.js";
+import { createFilterWrapper as g, debounceFilter as j, throttleFilter as M, useDebounceFn as S, useThrottleFn as T } from "../shared/index.js";
+import "../../vue-demi/lib/index.js";
+import { watch as F } from "vue";
+const w = E ? window : void 0;
+function b(n) {
+  var t;
+  const e = f(n);
+  return (t = e == null ? void 0 : e.$el) != null ? t : e;
+}
+function C(...n) {
+  let t, e, o, u;
+  if (typeof n[0] == "string" || Array.isArray(n[0]) ? ([e, o, u] = n, t = w) : [t, e, o, u] = n, !t)
+    return y;
+  Array.isArray(e) || (e = [e]), Array.isArray(o) || (o = [o]);
+  const a = [], c = () => {
+    a.forEach((r) => r()), a.length = 0;
+  }, m = (r, i, s, l) => (r.addEventListener(i, s, l), () => r.removeEventListener(i, s, l)), d = F(
+    () => [b(t), f(u)],
+    ([r, i]) => {
+      if (c(), !r)
+        return;
+      const s = v(i) ? { ...i } : i;
+      a.push(
+        ...e.flatMap((l) => o.map((h) => m(r, l, h, s)))
+      );
+    },
+    { immediate: !0, flush: "post" }
+  ), p = () => {
+    d(), c();
+  };
+  return A(p), p;
+}
+export {
+  g as createFilterWrapper,
+  j as debounceFilter,
+  w as defaultWindow,
+  E as isClient,
+  v as isObject,
+  y as noop,
+  M as throttleFilter,
+  f as toValue,
+  A as tryOnScopeDispose,
+  b as unrefElement,
+  S as useDebounceFn,
+  C as useEventListener,
+  T as useThrottleFn
+};

package/dist/node_modules/@vueuse/shared/index.js

@@ -1,45 +1,75 @@
 import "../../vue-demi/lib/index.js";
-import { unref as p } from "vue";
-function f(t) {
-  return typeof t == "function" ? t() : p(t);
+import { isRef as D, unref as S, getCurrentScope as x, onScopeDispose as O } from "vue";
+function R(e) {
+  return x() ? (O(e), !0) : !1;
 }
+function d(e) {
+  return typeof e == "function" ? e() : S(e);
+}
+const G = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const m = () => {
+const F = Object.prototype.toString, V = (e) => F.call(e) === "[object Object]", m = () => {
 };
-function h(t, n) {
-  function r(...e) {
-    return new Promise((i, o) => {
-      Promise.resolve(t(() => n.apply(this, e), { fn: n, thisArg: this, args: e })).then(i).catch(o);
+function h(e, r) {
+  function n(...t) {
+    return new Promise((o, i) => {
+      Promise.resolve(e(() => r.apply(this, t), { fn: r, thisArg: this, args: t })).then(o).catch(i);
     });
   }
-  return r;
+  return n;
 }
-function T(t, n = {}) {
-  let r, e, i = m;
-  const o = (u) => {
-    clearTimeout(u), i(), i = m;
+function P(e, r = {}) {
+  let n, t, o = m;
+  const i = (l) => {
+    clearTimeout(l), o(), o = m;
   };
-  return (u) => {
-    const a = f(t), l = f(n.maxWait);
-    return r && o(r), a <= 0 || l !== void 0 && l <= 0 ? (e && (o(e), e = null), Promise.resolve(u())) : new Promise((c, s) => {
-      i = n.rejectOnCancel ? s : c, l && !e && (e = setTimeout(() => {
-        r && o(r), e = null, c(u());
-      }, l)), r = setTimeout(() => {
-        e && o(e), e = null, c(u());
-      }, a);
+  return (l) => {
+    const c = d(e), u = d(r.maxWait);
+    return n && i(n), c <= 0 || u !== void 0 && u <= 0 ? (t && (i(t), t = null), Promise.resolve(l())) : new Promise((s, b) => {
+      o = r.rejectOnCancel ? b : s, u && !t && (t = setTimeout(() => {
+        n && i(n), t = null, s(l());
+      }, u)), n = setTimeout(() => {
+        t && i(t), t = null, s(l());
+      }, c);
     });
   };
 }
-function P(t, n = 200, r = {}) {
+function g(...e) {
+  let r = 0, n, t = !0, o = m, i, f, l, c, u;
+  !D(e[0]) && typeof e[0] == "object" ? { delay: f, trailing: l = !0, leading: c = !0, rejectOnCancel: u = !1 } = e[0] : [f, l = !0, c = !0, u = !1] = e;
+  const s = () => {
+    n && (clearTimeout(n), n = void 0, o(), o = m);
+  };
+  return (j) => {
+    const a = d(f), w = Date.now() - r, p = () => i = j();
+    return s(), a <= 0 ? (r = Date.now(), p()) : (w > a && (c || !t) ? (r = Date.now(), p()) : l && (i = new Promise((T, y) => {
+      o = u ? y : T, n = setTimeout(() => {
+        r = Date.now(), t = !0, T(p()), s();
+      }, Math.max(0, a - w));
+    })), !c && !n && (n = setTimeout(() => t = !0, a)), t = !1, i);
+  };
+}
+function k(e, r = 200, n = {}) {
+  return h(
+    P(r, n),
+    e
+  );
+}
+function A(e, r = 200, n = !1, t = !0, o = !1) {
   return h(
-    T(n, r),
-    t
+    g(r, n, t, o),
+    e
   );
 }
 export {
   h as createFilterWrapper,
-  T as debounceFilter,
+  P as debounceFilter,
+  G as isClient,
+  V as isObject,
   m as noop,
-  f as toValue,
-  P as useDebounceFn
+  g as throttleFilter,
+  d as toValue,
+  R as tryOnScopeDispose,
+  k as useDebounceFn,
+  A as useThrottleFn
 };

package/dist/services/recommendationApi.js

@@ -1,52 +1,109 @@
 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 { QUERY_PARAMS as m, URLS as s, RRS_EMAIL_ACTIVE_FILTER as A } from "../enums/extensions/recommendationBlock.js";
+const h = (t) => {
+  if (Array.isArray(t))
+    return t;
+  const c = !!t && typeof t == "object" && "data" in t, o = t == null ? void 0 : t.data;
+  return Array.isArray(o) ? o : (t && (!c || o != null) && console.error("[Guido] Unexpected RRS payload shape, falling back to empty:", Object.keys(t)), []);
+}, l = (t) => !t || typeof t != "object" ? null : "data" in t ? t.data ?? null : Object.keys(t).length ? t : null, f = (t) => t.reduce(
+  (c, o, i) => (c[i] = {
+    attributeName: o.attributeName,
+    attributeJs: o.attributeJs,
+    attributeType: o.attributeType,
+    type: o.type,
+    displayName: o.displayName,
+    isFilterable: o.isFilterable
+  }, c),
   {}
-), f = () => {
-  const { get: o } = d(), { get: a } = d({ headers: {} }), t = "6KcLM9TwheVB1mgK";
+), _ = () => {
+  const { get: t, post: c } = d(), { get: o } = d({ headers: {} }), i = "6KcLM9TwheVB1mgK";
   return {
+    duplicateStrategy: async (e) => {
+      try {
+        const { data: r } = await c(
+          s.STRATEGY_DUPLICATE_PATH.replace("{{id}}", e)
+        ), n = l(r) ?? r;
+        return !(n != null && n.strategyId) || n.status === !1 ? null : String(n.strategyId);
+      } catch (r) {
+        return console.error("duplicateStrategy error:", r), null;
+      }
+    },
     fetchRecommendationCreateData: async () => {
       try {
-        return (await o("/newsletter/recommendations/create-data")).data;
+        return (await t("/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 t(
+          s.PRODUCT_ATTRIBUTES_PATH
+        ), r = Array.isArray(e) ? e : (e == null ? void 0 : e.data) ?? [];
+        return f(r);
       } catch (e) {
         throw console.error("fetchRecommendationFilters error:", e), e;
       }
     },
-    fetchRecommendationProducts: async (e, n) => {
-      var i;
+    fetchRecommendationProducts: async (e, r) => {
+      var n;
+      try {
+        const a = new URLSearchParams(Object.entries(r));
+        a.set(m.CLIENT_ID, i);
+        const R = decodeURIComponent(a.toString());
+        console.debug("🏁 Recommendation API Query:", R);
+        const u = await o(
+          `${s.RECOMMENDATION_API_URL}/v2/${e}?${R}`
+        );
+        return ((n = u == null ? void 0 : u.data) == null ? void 0 : n.data) ?? [];
+      } catch (a) {
+        throw console.error("fetchRecommendationProducts error:", a), a;
+      }
+    },
+    fetchRecommendationStrategies: async () => {
+      try {
+        const e = new URLSearchParams({ [m.FILTERS]: A }), { data: r } = await t(
+          `${s.RECOMMENDATION_STRATEGIES_PATH}/?${e.toString()}`
+        );
+        return h(r);
+      } catch (e) {
+        throw console.error("fetchRecommendationStrategies error:", e), e;
+      }
+    },
+    fetchStrategyCampaigns: async (e, r) => {
+      try {
+        const { data: n } = await t(
+          `${s.RECOMMENDATION_STRATEGIES_PATH}/${e}/campaigns`
+        );
+        return h(n).map((a) => ({
+          id: a.id,
+          name: a.name,
+          status: a.status,
+          variants: a.variants ?? [],
+          channel: r(`products.${a.productAlias}`),
+          productAlias: a.productAlias,
+          isPreventing: a.isPreventing
+        }));
+      } catch (n) {
+        return console.error("fetchStrategyCampaigns error:", n), [];
+      }
+    },
+    fetchStrategyRecommendationUrl: async (e) => {
       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({ [m.STRATEGY_ID]: e }), { data: n } = await t(
+          `${s.STRATEGY_RECOMMENDATION_URL_PATH}?${r.toString()}`
         );
-        return ((i = c == null ? void 0 : c.data) == null ? void 0 : i.data) ?? [];
+        return l(n);
       } catch (r) {
-        throw console.error("fetchRecommendationProducts error:", r), r;
+        console.error("fetchStrategyRecommendationUrl error:", r);
+        const n = r == null ? void 0 : r.status;
+        if (typeof n == "number" && n >= 400 && n < 500)
+          return null;
+        throw r;
       }
     }
   };
 };
 export {
-  f as useRecommendationApi
+  _ as useRecommendationApi
 };

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/StrategyInfoBox.vue.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Body of the hover card shown beside an option in the strategy dropdown.
+ *
+ * `InSelect` renders this through an option's `infoBoxProps.slot`, so the card
+ * frame — title, "last updated", the View More button — comes from the design
+ * system and only these four rows are ours.
+ *
+ * Port of discovery-strategies-fe's `StrategyInfoBoxContent.composition.vue`; the
+ * row logic already lives in `buildStrategySummary`, which the detail drawer's
+ * algorithm/method helpers share.
+ */
+import type { RrsStrategy } from '@@/Types/recommendation';
+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/extensions/recommendation/StrategyPicker.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;