@useinsider/guido 3.12.0-beta.00cbb4c → 3.12.0-beta.19da4fb

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

@@ -0,0 +1,24 @@
+/**
+ * Parses a strategy's `filters` JSON into groups and caps how many are shown.
+ *
+ * Ported from design-system-organisms
+ * `src/organisms/OrgStrategyDetailModal/composables/useFilters.ts` (branch `develop`).
+ *
+ * The drawer lists two filter groups by default and reveals the rest behind a
+ * "Show more" toggle, so a strategy with a dozen groups cannot push the campaign
+ * tab off the screen.
+ */
+import type { RrsDetailFilterGroup } from '@@/Types/recommendation';
+import { type ComputedRef, type Ref } from 'vue';
+export interface UseStrategyFilters {
+    filterQuery: ComputedRef<Record<string, RrsDetailFilterGroup>>;
+    hasAnyFilter: ComputedRef<boolean>;
+    canToggle: ComputedRef<boolean>;
+    isCollapsed: Ref<boolean>;
+    toggleMore: () => void;
+}
+/**
+ * @param filters - Getter for the raw `filters` JSON string, so the caller can pass a
+ *   reactive prop without this composable needing to know about props.
+ */
+export declare function useStrategyFilters(filters: () => string | undefined): UseStrategyFilters;

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

@@ -0,0 +1,72 @@
+/**
+ * Filtering enums for Reusable Recommendation Strategies (RRS).
+ *
+ * Ported verbatim from discovery-strategies-fe `src/enums/FilteringEnumsV2.js`
+ * (branch `develop`). Only the subset the strategy info-box / humanizer needs is
+ * carried over: `Operators`, `OperatorAbbreviations`, `DataTypes`,
+ * `MultiSelectDataTypes`, `OperatorNames`, `TimeAbbreviations`.
+ *
+ * Guido has no equivalent — `utils/filterUtil.ts` and `validation/filterSchema.ts`
+ * serve the recommendation block's filters, which are a different shape from a
+ * strategy's filters. Do not merge the two.
+ *
+ * The `text` values are translation keys, not literals; resolve them through
+ * `useTranslations().trans()`.
+ *
+ * ponytail: kept as a literal copy rather than a re-derivation so it stays easy
+ * to diff against the source when Smart Recommender adds an operator.
+ */
+/** A single operator option, keyed under its attribute data type. */
+export interface OperatorDefinition {
+    value: string;
+    text: string;
+    operator: string;
+    /** Alternative label used when the strategy targets the cart page. */
+    cartPageText?: string;
+    /** Absent on the `Object` data type in the source. */
+    filterType?: string;
+}
+export declare const Operators: Record<string, OperatorDefinition[]>;
+export declare const TimeAbbreviations: {
+    readonly WEEK: "w";
+    readonly DAY: "d";
+    readonly HOUR: "h";
+};
+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 OPERATOR_EXPRESSION: {
+        readonly IS_EMPTY: "?";
+        readonly IS_NOT_EMPTY: "!?";
+    };
+    readonly DATE_PICKER_OPERATORS: readonly ["after", "before", "is", "is-not"];
+    readonly NON_INPUT_OPERATORS: readonly ["in", "not-in", "after", "before", "is", "is-not", "is-empty", "is-not-empty"];
+    readonly CHIPS_WIDGET_OPERATORS: readonly ["in", "not-in"];
+};
+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: readonly ["Strings", "String", "Array"];
+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";
+};

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

@@ -3,10 +3,31 @@ import type { RecommendationFeedItem } from '@@/Types/recommendation';
 export declare const URLS: {
     RECOMMENDATION_API_URL: string;
     PRODUCT_ATTRIBUTES_PATH: string;
+    RECOMMENDATION_STRATEGIES_PATH: string;
+    STRATEGY_RECOMMENDATION_URL_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;
 };
+/**
+ * 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,16 @@
+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;
+    private createListener;
+    private createButton;
+    getId(): string;
+    getTemplate(): string;
+    onRender(): void;
+    onDestroy(): void;
+    _onCreateClick(): void;
+    _setupButtonListeners(): void;
+}