@useinsider/guido 3.12.0-beta.840207a → 3.12.0-beta.86e34da

package/dist/services/recommendationApi.js

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

package/dist/services/stripoApi.js

@@ -1,9 +1,13 @@
-import { useHttp as d } from "../composables/useHttp.js";
-import { useToaster as m } from "../composables/useToaster.js";
-import { MAX_DEFAULT_TEMPLATE_ID as y } from "../enums/defaults.js";
-import { useBlankTemplate as f } from "./blankTemplate.js";
-const D = () => {
-  const { get: s, post: u } = d(), { handleError: r } = m(), { getBlankTemplate: o } = f();
+import { useHttp as m } from "../composables/useHttp.js";
+import { useToaster as y } from "../composables/useToaster.js";
+import { MAX_DEFAULT_TEMPLATE_ID as f } from "../enums/defaults.js";
+import { useBlankTemplate as g } from "./blankTemplate.js";
+const l = () => ({
+  id: 0,
+  stripoId: 0,
+  unsubscriptionPreferencePages: []
+}), D = () => {
+  const { get: s, post: u } = m(), { handleError: r } = y(), { getBlankTemplate: n } = g();
   return {
     getToken: async () => {
       try {
@@ -26,13 +30,13 @@ const D = () => {
     },
     getDefaultTemplate: async () => {
       try {
-        const t = new URLSearchParams(window.location.search), e = t.get("default-template"), l = t.get("master"), n = e ? parseInt(e) : 0, i = n >= 1 && n <= y ? n : 0;
-        if (!i && !l)
-          return await o();
-        const p = `/stripo/default-template/${i}`, { data: c } = await s(p), a = typeof c == "string" ? JSON.parse(c) : c;
-        return !a || typeof a != "object" || !("html" in a) || !("css" in a) ? await o() : a;
+        const t = new URLSearchParams(window.location.search), e = t.get("default-template"), p = t.get("master"), o = e ? parseInt(e) : 0, i = o >= 1 && o <= f ? o : 0;
+        if (!i && !p)
+          return await n();
+        const d = `/stripo/default-template/${i}`, { data: c } = await s(d), a = typeof c == "string" ? JSON.parse(c) : c;
+        return !a || typeof a != "object" || !("html" in a) || !("css" in a) ? await n() : a;
       } catch (t) {
-        return r(t, "Failed to fetch default template"), o();
+        return r(t, "Failed to fetch default template"), n();
       }
     },
     getSyncModulesStatus: async () => {
@@ -53,13 +57,9 @@ const D = () => {
     getSyncModule: async (t) => {
       try {
         const { data: e } = await s(`/stripo/stripo-modules/${t}/get`);
-        return e;
+        return Array.isArray(e == null ? void 0 : e.unsubscriptionPreferencePages) ? e : l();
       } catch (e) {
-        return r(e, "Failed to get sync module"), {
-          id: 0,
-          stripoId: 0,
-          unsubscriptionPreferencePages: []
-        };
+        return r(e, "Failed to get sync module"), l();
       }
     },
     setSyncModuleUnsubscriptionPages: async (t) => {

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

@@ -381,7 +381,7 @@ export declare const FeaturesSchema: v.ObjectSchema<{
      * 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>;
+    readonly reusableRecommendationStrategy: v.OptionalSchema<v.BooleanSchema<undefined>, true>;
 }, undefined>;
 /**
  * Default block types available in Stripo
@@ -773,7 +773,7 @@ export declare const GuidoConfigSchema: v.ObjectSchema<{
          * 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>;
+        readonly reusableRecommendationStrategy: v.OptionalSchema<v.BooleanSchema<undefined>, true>;
     }, undefined>, {}>;
     /** Block configuration */
     readonly blocks: v.OptionalSchema<v.ObjectSchema<{

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

@@ -1,3 +1,3 @@
 export declare const usePreviewInteractionGuard: () => {
-    blockPreviewInteractions: (iframe: HTMLIFrameElement) => void;
+    guardPreviewInteractions: (iframe: HTMLIFrameElement) => void;
 };

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

@@ -4,13 +4,36 @@ export declare const URLS: {
     RECOMMENDATION_API_URL: string;
     PRODUCT_ATTRIBUTES_PATH: string;
     RECOMMENDATION_STRATEGIES_PATH: string;
-    STRATEGY_RECOMMENDATION_URL_PATH: string;
+    STRATEGY_ENDPOINT_GENERATE_PATH: string;
+    STRATEGY_DUPLICATE_PATH: string;
+};
+/**
+ * Smart Recommender panel routes, relative to the embedding inone origin.
+ * Guido navigates in the same tab; the flow continues on those pages and does
+ * not come back (`{{id}}` is substituted by `buildStrategyEditPath`).
+ */
+export declare const STRATEGY_PAGES: {
+    LISTING: string;
+    CREATE: string;
+    EDIT: string;
 };
 export declare const QUERY_PARAMS: {
     CLIENT_ID: string;
-    STRATEGY_ID: string;
     FILTERS: string;
+    PAGE: string;
+    PER_PAGE: string;
 };
+/**
+ * Page size for the strategy listing.
+ *
+ * Sent explicitly because Smart Recommender's default page size is not documented
+ * anywhere we can read: an unpaginated call would silently return only the first
+ * page and the marketer would see a short list with no error. The caller pages
+ * until a short page comes back.
+ */
+export declare const RRS_STRATEGIES_PER_PAGE = 100;
+/** Safety stop for the listing pager, mirroring discovery-strategies-fe's helper. */
+export declare const RRS_STRATEGIES_MAX_PAGES = 50;
 /**
  * Smart Recommender's filter grammar: `[table.field][operator][value]`, ANDed with `*`.
  * `~` means "contains" — required because `suitable_channels` is a comma-separated

package/dist/src/extensions/Blocks/Recommendation/constants/controlIds.d.ts

@@ -3,6 +3,7 @@
  * These IDs are returned by the getId() method of each control
  */
 export declare enum RecommendationControlId {
+    BLOCK_BACKGROUND = "recommendation-block-background-color-control",
     BUTTON_ALIGN = "recommendation-block-button-align-control",
     BUTTON_BORDER = "recommendation-block-button-border-control",
     BUTTON_BORDER_RADIUS = "recommendation-block-button-border-radius-control",

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

@@ -0,0 +1,14 @@
+export declare const BlockBackgroundColorControl: {
+    new (): {
+        getId(): string;
+        getLabels(): {
+            title: string;
+        };
+        getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
+        getAdditionalModifications(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
+        getParentControlId(): string;
+        api: import("@stripoinc/ui-editor-extensions").ControlApi;
+        getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
+        isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
+    };
+};

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

@@ -20,6 +20,7 @@ export { ButtonControls } from './button';
 export { ImageControls } from './image';
 export { CustomAttributeControls } from './customAttribute';
 export { SpacingControl, SPACING_CONTROL_ID } from './spacing';
+export { BlockBackgroundColorControl } from './blockBackground';
 export { CardBackgroundColorControl, CARD_BACKGROUND_COLOR_CONTROL_ID } from './cardBackground';
 export { RecommendationCardCompositionControl, COMPOSITION_CONTROL_BLOCK_ID } from './cardComposition';
 export { SyncInfoMessageControl, SYNC_INFO_MESSAGE_CONTROL_ID } from './syncInfoMessage';

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

@@ -109,8 +109,12 @@ 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 Pinia-owned parts of the block config to the Stripo node config,
+     * so they survive template save/reload cycles.
+     *
+     * Filters are edited in a drawer and the strategy in an overlaid picker — neither
+     * is a Stripo form element, so neither can write to the node itself. Both ride
+     * this one update to keep the undo history to a single entry per change.
      */
-    private _persistFiltersToNodeConfig;
+    private _persistStoreConfigToNode;
 }

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

@@ -1,26 +1,3 @@
-/**
- * Reusable Recommendation Strategy (RRS) Selection Control
- *
- * Lets the marketer pick a named strategy defined in Smart Recommender instead
- * of configuring an algorithm per block. The selected strategy id is stored in
- * node config (persists with the template) and decides the block's
- * recommendation URL at compile time.
- *
- * Rendered only when the `reusableRecommendationStrategy` feature is enabled;
- * otherwise the block keeps using AlgorithmControl.
- *
- * Beside the dropdown sits an icon button that opens the strategy detail drawer.
- * The RRS listing page shows these details in an `InSelect` hover card, which
- * cannot be reproduced here — `_GuSelect` has no `infoBoxProps` equivalent — so
- * the details move out of the 425px panel and over the editor instead.
- *
- * ponytail: selecting a strategy only drives the URL — Number of Products,
- * Locale, Currency and Filters stay independently editable in the panel. The
- * product decision on which of those become strategy-owned is still open
- * (see the Figma "which settings stay in the editor" note), so nothing is
- * locked or overwritten here. Add that only once the decision lands.
- */
-import type { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
 import { CommonControl } from '../../../common-control';
 export declare const STRATEGY_CONTROL_ID = "recommendation-strategy-control";
 /**
@@ -28,34 +5,71 @@ export declare const STRATEGY_CONTROL_ID = "recommendation-strategy-control";
  */
 export declare class StrategyControl extends CommonControl {
     private store;
-    private detailsListener;
-    private detailsButton;
+    /**
+     * InOne's dictionary, not Stripo's. Every dotted key here
+     * (`discovery-strategy.*`, `gpt-app-builder.*`) lives in the host panel's
+     * translations, which `this.api.translate` does not read — that one is only
+     * for the plain-English control labels the rest of this panel uses.
+     */
+    private trans;
+    private events;
+    private unsubscribeStore;
+    private searchTerm;
+    private isOpen;
+    private cardHideTimer;
     getId(): string;
     getTemplate(): string;
     onRender(): void;
     onDestroy(): void;
-    onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
-    _setFormValues(): void;
-    _initializeSelectItems(): void;
+    private _root;
     /**
-     * Reconciles the panel with the strategy listing: loading, empty, and
-     * deleted-strategy states.
+     * All listeners are delegated onto nodes that survive `innerHTML` rebuilds and
+     * are torn down together by the AbortController — the option rows themselves
+     * are replaced on every render and must never own a listener.
+     */
+    private _setupEventListeners;
+    /**
+     * Keeps the trigger label and the gear's enabled state in step with the store.
      *
-     * A strategy the partner deleted in Smart Recommender still lives in this
-     * block's saved config. The id is deliberately left in place and surfaced
-     * instead of being cleared — silently dropping it would make a template that
-     * compiles a broken feed URL look correctly configured.
+     * Both depend on data that arrives after the first render: the strategy listing
+     * is fetched asynchronously, and `strategyId` changes when the user picks,
+     * duplicates, or switches blocks.
+     */
+    private _subscribeToStoreChanges;
+    /**
+     * Fingerprint of everything the rendered markup depends on.
      *
-     * ponytail: one message element, three texts. Severity styling (warning vs
-     * info) is not drawn in Figma and pending design sign-off — see open question
-     * 4 in the handoff. Vary `type` once that lands.
+     * Ids rather than a count: a refetch that renames a strategy or swaps one for
+     * another of the same length would otherwise leave the trigger and the card
+     * showing stale copy until some unrelated store change happened to repaint.
+     */
+    private _stateKey;
+    private _render;
+    private _renderTrigger;
+    private _renderOptions;
+    /**
+     * Client-side filtering: the listing is fetched whole and cached, so narrowing
+     * it here avoids a request per keystroke.
+     */
+    private _filteredStrategies;
+    private _toggleMenu;
+    private _closeMenu;
+    /**
+     * The hover card is `position: fixed`, so it can sit beside the panel instead of
+     * being clipped by it. Placed once per hover — the list cannot scroll under the
+     * pointer without the pointer leaving, so there is nothing to keep in sync.
+     */
+    private _showCard;
+    /** Grace period for the pointer to cross the gap between option and card. */
+    private _scheduleHideCard;
+    private _cancelHideCard;
+    private _hideCard;
+    /**
+     * Mirrors the design system's `InInfoBox`: coloured top rule, heading +
+     * "last updated" details, content, then a divided footer holding the View
+     * More text button. The component itself cannot render here, so the markup
+     * and the CSS reproduce its structure and tokens rather than approximating
+     * them — the values in `recommendation.css` are read from its stylesheet.
      */
-    _refreshSelectionState(): void;
-    _setDisabled(element: string, disabled: boolean): void;
-    _showMessage(text: string): void;
-    _hideMessage(): void;
-    _onDetailsClick(): void;
-    _setupDetailsButtonListener(): void;
-    _onStrategyChange(value: string): void;
-    _listenToFormUpdates(): void;
+    private _buildCardHtml;
 }