@useinsider/guido 3.12.0-beta.841bb6a → 3.12.0-beta.86e34da

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

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

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

@@ -0,0 +1,90 @@
+/**
+ * Enums for the Reusable Recommendation Strategy (RRS) detail drawer.
+ *
+ * Ported from design-system-organisms
+ * `src/organisms/OrgStrategyDetailModal/enums/details-modal.enum.ts` (branch `develop`).
+ *
+ * IMPORTANT — this is NOT the same operator table as `@@/Enums/extensions/filteringV2`.
+ * The detail modal carries its own, deliberately: it uses different operator values
+ * (a `-page-context` suffix where FilteringEnumsV2 uses `_dynamic`) and a different
+ * label per operator. The two tables humanize the same JSON for different surfaces —
+ * filteringV2 backs the four-row panel summary, this one backs the drawer's filter
+ * humanizer. Do not merge them or the drawer starts rendering the wrong operator names.
+ *
+ * One deliberate deviation from the source: the source resolves `translations[...]` at
+ * module-evaluation time. Guido loads translations from editor config after module init,
+ * so every `text` here stays a translation KEY and is resolved at render through
+ * `useTranslations()`. Resolving eagerly would freeze every label to `undefined`.
+ */
+/** Discriminates a duration-based exclusion from a count-based one. */
+export declare const TIME = "TIME";
+export declare const COUNT = "COUNT";
+export declare const OperatorAbbreviations: {
+    readonly OPERATOR: {
+        readonly IN_LAST: "in-last";
+        readonly IS_EMPTY: "is-empty";
+        readonly IS_NOT_EMPTY: "is-not-empty";
+        readonly IN_BETWEEN: "is-between";
+        readonly IS_TRUE: "true";
+        readonly IS_FALSE: "false";
+        readonly IN: "in";
+        readonly NOT_IN: "not-in";
+    };
+    readonly OPERATOR_EXPRESSION: {
+        readonly IS_EMPTY: "?";
+        readonly IS_NOT_EMPTY: "!?";
+    };
+};
+/** One operator option; `text` is a translation key, not a label. */
+export interface DetailOperator {
+    value: string;
+    text: string;
+    operator: string;
+}
+export declare const Operators: Record<string, DetailOperator[]>;
+export declare const DataTypes: {
+    readonly STRING: "String";
+    readonly BOOLEAN: "Boolean";
+    readonly DATE: "Date";
+    readonly NUMBER: "Number";
+    readonly TEXT: "Text";
+    readonly URL: "Image";
+    readonly NUMBERS: "Numbers";
+    readonly DATES: "Dates";
+    readonly BOOLEANS: "Booleans";
+    readonly STRINGS: "Strings";
+};
+export declare const MultiSelectDataTypes: string[];
+export declare const OperatorNames: {
+    readonly IS_EXACTLY: "is-exactly";
+    readonly IS_NOT_EXACTLY: "is-not-exactly";
+    readonly CONTAINS: "contains";
+    readonly NOT_CONTAINS: "does-not-contain";
+    readonly IN: "in";
+    readonly NOT_IN: "not-in";
+};
+export declare const FilterTypeNames: {
+    readonly STANDARD_FILTER: "standardFilter";
+    readonly DYNAMIC_FILTER: "dynamicFilter";
+    readonly USER_CONTEXT_FILTER: "userContextFilter";
+    readonly USER_ATTRIBUTE_FILTER: "userAttributeFilter";
+    readonly USER_EVENT_FILTER: "userEventFilter";
+    readonly EVENT_BASED_FILTER: "eventBasedFilter";
+};
+export declare const UserEventKeys: {
+    readonly CURRENTLY_VIEWED_ITEM: "page";
+    readonly LEGACY_CURRENTLY_VIEWED_ITEM: "currentlyViewedItem";
+};
+/** `text` is a translation key, resolved at render. */
+export declare const UserEvents: {
+    value: string;
+    text: string;
+}[];
+/** Channel value that must render as the email product's own label. */
+export declare const EMAIL_CHANNEL = "email";
+export declare const PageTypeTranslationKeys: Record<string, string>;
+/** Drawer tab identifiers. */
+export declare const DetailTabs: {
+    readonly GENERAL: "general";
+    readonly OTHER: "other";
+};

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

@@ -9,8 +9,9 @@ import { PricePlacementControl, PRICE_PLACEMENT_CONTROL_ID } from './pricePlacem
 import { ProductCountControl, PRODUCT_COUNT_CONTROL_ID } from './productCount';
 import { ProductLayoutControl, PRODUCT_LAYOUT_CONTROL_ID } from './productLayout';
 import { ShuffleControl, SHUFFLE_CONTROL_ID } from './shuffle';
+import { StrategyControl, STRATEGY_CONTROL_ID } from './strategy';
 export declare const CONTROL_BLOCK_ID = "ui-elements-recommendation-block";
-export { AlgorithmControl, ALGORITHM_CONTROL_ID, LocaleControl, LOCALE_CONTROL_ID, CurrencyControl, CURRENCY_CONTROL_ID, ProductCountControl, PRODUCT_COUNT_CONTROL_ID, ProductLayoutControl, PRODUCT_LAYOUT_CONTROL_ID, FiltersControl, FILTERS_CONTROL_ID, ShuffleControl, SHUFFLE_CONTROL_ID, LayoutOrientationControl, LAYOUT_ORIENTATION_CONTROL_ID, PricePlacementControl, PRICE_PLACEMENT_CONTROL_ID, };
+export { AlgorithmControl, ALGORITHM_CONTROL_ID, LocaleControl, LOCALE_CONTROL_ID, CurrencyControl, CURRENCY_CONTROL_ID, ProductCountControl, PRODUCT_COUNT_CONTROL_ID, ProductLayoutControl, PRODUCT_LAYOUT_CONTROL_ID, FiltersControl, FILTERS_CONTROL_ID, ShuffleControl, SHUFFLE_CONTROL_ID, LayoutOrientationControl, LAYOUT_ORIENTATION_CONTROL_ID, PricePlacementControl, PRICE_PLACEMENT_CONTROL_ID, StrategyControl, STRATEGY_CONTROL_ID, };
 export * from './utils';
 /**
  * Main recommendation block control that composes all sub-controls
@@ -21,6 +22,7 @@ export declare class RecommendationBlockControl extends CommonControl {
     private storeUnsubscription;
     private syncedBlockIds;
     private algorithmControl;
+    private strategyControl;
     private localeControl;
     private currencyControl;
     private productCountControl;
@@ -107,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

@@ -0,0 +1,75 @@
+import { CommonControl } from '../../../common-control';
+export declare const STRATEGY_CONTROL_ID = "recommendation-strategy-control";
+/**
+ * Control for selecting a Reusable Recommendation Strategy
+ */
+export declare class StrategyControl extends CommonControl {
+    private store;
+    /**
+     * 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;
+    private _root;
+    /**
+     * 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.
+     *
+     * 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.
+     *
+     * 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.
+     */
+    private _buildCardHtml;
+}