@useinsider/guido 3.17.0-beta.3ff6ea0 → 3.17.0-beta.6255bfc

package/dist/src/mock/api/recommendation-strategies.d.ts

@@ -0,0 +1,63 @@
+export declare const MOCK_RRS_STRATEGIES: ({
+    strategy_id: number;
+    name: string;
+    status: string;
+    suitable_channels: string;
+    suitable_page_types: string;
+    algorithm: string;
+    algorithm_used: string;
+    method: string;
+    size: number;
+    filters: string;
+    shuffle: number;
+    attribute_affinity: number;
+    exclude_view: number;
+    exclude_purchase: number;
+    exclude_cart: number;
+    manual_merchandising_products: string;
+    fallback_config: null;
+    channelNames: string;
+    campaignCount: {
+        active: number;
+        passive: number;
+        test: number;
+    };
+    created_at: string;
+    updated_at: string;
+    last_updated_by: string;
+    mixed_strategies?: undefined;
+    exclude_view_duration?: undefined;
+    exclude_view_duration_type?: undefined;
+} | {
+    strategy_id: number;
+    name: string;
+    status: string;
+    suitable_channels: string;
+    suitable_page_types: string;
+    algorithm: string;
+    algorithm_used: string;
+    mixed_strategies: string;
+    method: string;
+    size: number;
+    filters: string;
+    shuffle: number;
+    attribute_affinity: number;
+    exclude_view: number;
+    exclude_view_duration: number;
+    exclude_view_duration_type: string;
+    exclude_purchase: number;
+    exclude_cart: number;
+    manual_merchandising_products: string;
+    fallback_config: null;
+    channelNames: string;
+    campaignCount: {
+        active: number;
+        passive: number;
+        test: number;
+    };
+    created_at: string;
+    updated_at: string;
+    last_updated_by: string;
+})[];
+declare const _default: import("msw").HttpHandler[];
+export default _default;

package/dist/src/services/recommendationApi.d.ts

@@ -1,6 +1,9 @@
-import type { InitialResponse, FiltersResponse, RecommendationProduct, RecommendationProductsParams } from '@@/Types/recommendation';
+import type { InitialResponse, FiltersResponse, RecommendationProduct, RecommendationProductsParams, RrsEndpointGenerateResponse, RrsStrategy } from '@@/Types/recommendation';
 export declare const useRecommendationApi: () => {
     fetchRecommendationCreateData: () => Promise<InitialResponse>;
     fetchRecommendationFilters: () => Promise<FiltersResponse>;
     fetchRecommendationProducts: (strategy: string, params: RecommendationProductsParams) => Promise<RecommendationProduct[]>;
+    fetchRecommendationProductsByUrl: (url: string) => Promise<RecommendationProduct[]>;
+    fetchRecommendationStrategies: () => Promise<RrsStrategy[]>;
+    generateStrategyEndpoint: (strategy: RrsStrategy, currency: string) => Promise<RrsEndpointGenerateResponse>;
 };

package/dist/src/stores/config.d.ts

@@ -104,6 +104,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 autosave: boolean;
                 allowlistEnabled: boolean;
                 linkTrackingIds: 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")[];
@@ -244,6 +245,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 autosave: boolean;
                 allowlistEnabled: boolean;
                 linkTrackingIds: 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")[];
@@ -384,6 +386,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 autosave: boolean;
                 allowlistEnabled: boolean;
                 linkTrackingIds: 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")[];
@@ -524,6 +527,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 autosave: boolean;
                 allowlistEnabled: boolean;
                 linkTrackingIds: 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")[];
@@ -664,6 +668,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 autosave: boolean;
                 allowlistEnabled: boolean;
                 linkTrackingIds: 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")[];
@@ -804,6 +809,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 autosave: boolean;
                 allowlistEnabled: boolean;
                 linkTrackingIds: 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")[];
@@ -944,6 +950,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 autosave: boolean;
                 allowlistEnabled: boolean;
                 linkTrackingIds: 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")[];
@@ -1084,6 +1091,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 autosave: boolean;
                 allowlistEnabled: boolean;
                 linkTrackingIds: 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")[];
@@ -1224,6 +1232,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 autosave: boolean;
                 allowlistEnabled: boolean;
                 linkTrackingIds: 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")[];
@@ -1364,6 +1373,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 autosave: boolean;
                 allowlistEnabled: boolean;
                 linkTrackingIds: 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")[];
@@ -1504,6 +1514,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 autosave: boolean;
                 allowlistEnabled: boolean;
                 linkTrackingIds: 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")[];
@@ -1644,6 +1655,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 autosave: boolean;
                 allowlistEnabled: boolean;
                 linkTrackingIds: 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")[];
@@ -1784,6 +1796,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 autosave: boolean;
                 allowlistEnabled: boolean;
                 linkTrackingIds: 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")[];
@@ -1924,6 +1937,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 autosave: boolean;
                 allowlistEnabled: boolean;
                 linkTrackingIds: 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")[];
@@ -2064,6 +2078,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 autosave: boolean;
                 allowlistEnabled: boolean;
                 linkTrackingIds: 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")[];
@@ -2204,6 +2219,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 autosave: boolean;
                 allowlistEnabled: boolean;
                 linkTrackingIds: 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")[];
@@ -2344,6 +2360,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 autosave: boolean;
                 allowlistEnabled: boolean;
                 linkTrackingIds: 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")[];
@@ -2486,6 +2503,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 autosave: boolean;
                 allowlistEnabled: boolean;
                 linkTrackingIds: 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")[];

package/dist/src/utils/strategyInfoBox.d.ts

@@ -0,0 +1,22 @@
+import type { RrsStrategy } from '@@/Types/recommendation';
+import { useTranslations } from '@@/Composables/useTranslations';
+export declare const STRATEGY_INFO_BOX_CLASS = "assign-strategy-info-box";
+/**
+ * Props for the design system info box that previews a strategy on hover.
+ *
+ * The box is InSelect's own per-option feature: the dropdown v-binds this whole
+ * object onto `<in-info-box>`, so `titleText`/`descriptionText` are all it takes
+ * — no slot component. Both go through the design system's sanitizer, and every
+ * partner-supplied value is escaped here before it reaches that markup.
+ *
+ * `trans` is injectable because callers map this over a whole listing, and
+ * `useTranslations()` rebuilds its dictionary and memo cache on every call.
+ */
+export declare const buildStrategyInfoBoxProps: (strategy: RrsStrategy, trans?: ReturnType<typeof useTranslations>) => {
+    id: string;
+    theme: string;
+    variant: string;
+    className: string;
+    titleText: string;
+    descriptionText: string;
+};

package/dist/static/assets/icons/line-change.svg.js

@@ -0,0 +1,5 @@
+const l = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" clip-rule="evenodd" d="M17.768 11.694a1.03 1.03 0 0 1-1.465 0 1.051 1.051 0 0 1 0-1.478L17.51 9H9a1 1 0 1 1 0-2h8.509l-1.206-1.216a1.051 1.051 0 0 1 0-1.478 1.03 1.03 0 0 1 1.465 0l2.929 2.955c.404.408.404 1.07 0 1.478l-2.93 2.955zM3.303 15.261a1.051 1.051 0 0 0 0 1.478l2.93 2.955a1.03 1.03 0 0 0 1.464 0 1.051 1.051 0 0 0 0-1.478L6.49 17H15a1 1 0 1 0 0-2H6.491l1.206-1.216a1.051 1.051 0 0 0 0-1.478 1.03 1.03 0 0 0-1.465 0l-2.929 2.955z"/></svg>
+`;
+export {
+  l as default
+};

package/dist/static/assets/icons/line-delete.svg.js

@@ -0,0 +1,5 @@
+const C = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M15.97 7H16.09C16.3342 7.02199 16.5619 7.13294 16.7296 7.31178C16.8974 7.49062 16.9936 7.72487 17 7.97V8.09L16.24 16.36C16.1547 17.3188 15.7266 18.2147 15.0341 18.8833C14.3416 19.552 13.4312 19.9484 12.47 20L12.26 20.01H7.74C6.77775 20.0102 5.84767 19.6635 5.12033 19.0335C4.39298 18.4035 3.91712 17.5324 3.78 16.58L3.76 16.38L3 8.08C2.9803 7.94999 2.9864 7.81738 3.01796 7.68973C3.04951 7.56207 3.1059 7.44189 3.1839 7.33603C3.34143 7.12224 3.57744 6.97978 3.84 6.94C4.10256 6.90022 4.37018 6.96637 4.58397 7.1239C4.68983 7.2019 4.77929 7.29999 4.84724 7.41256C4.91519 7.52514 4.9603 7.64999 4.98 7.78L5 7.9L5.75 16.17C5.78903 16.644 5.99569 17.0886 6.3329 17.4239C6.67011 17.7593 7.1158 17.9636 7.59 18L7.74 18.01H12.26C12.7328 18.0094 13.1901 17.8413 13.5507 17.5356C13.9113 17.2299 14.152 16.8063 14.23 16.34L14.25 16.19L15 7.92C15.022 7.67577 15.1329 7.44813 15.3118 7.28036C15.4906 7.11258 15.7249 7.01637 15.97 7.01V7ZM8 9C8.24568 8.99822 8.48341 9.08695 8.66785 9.24926C8.85229 9.41157 8.97052 9.63609 9 9.88V15C9.00788 15.1313 8.98982 15.2629 8.94684 15.3873C8.90387 15.5116 8.83682 15.6262 8.74953 15.7247C8.66225 15.8231 8.55643 15.9034 8.43812 15.9609C8.31981 16.0185 8.19132 16.0521 8.06 16.06C7.79478 16.0759 7.53411 15.9858 7.33532 15.8095C7.13653 15.6332 7.01591 15.3852 7 15.12V10C7 9.73478 7.10536 9.48043 7.29289 9.29289C7.48043 9.10536 7.73478 9 8 9ZM12 9C12.2457 8.99822 12.4834 9.08695 12.6679 9.24926C12.8523 9.41157 12.9705 9.63609 13 9.88V15C13.0159 15.2652 12.9258 15.5259 12.7495 15.7247C12.5732 15.9235 12.3252 16.0441 12.06 16.06C11.7948 16.0759 11.5341 15.9858 11.3353 15.8095C11.1365 15.6332 11.0159 15.3852 11 15.12V10C11 9.73478 11.1054 9.48043 11.2929 9.29289C11.4804 9.10536 11.7348 9 12 9ZM3 6C2.73478 6.01591 2.47411 5.92582 2.27532 5.74953C2.07653 5.57325 1.95591 5.32522 1.94 5.06C1.92409 4.79478 2.01418 4.53411 2.19047 4.33532C2.36675 4.13653 2.61478 4.01591 2.88 4H6.23L6.66 2.3C6.8129 1.67693 7.16151 1.11929 7.65466 0.708933C8.14781 0.298574 8.75952 0.0571152 9.4 0.02H10.45C11.0881 0.0203866 11.7094 0.224211 12.2237 0.60186C12.7381 0.979509 13.1186 1.51131 13.31 2.12L13.36 2.28L13.79 3.99H17C17.2652 3.97409 17.5259 4.06418 17.7247 4.24047C17.9235 4.41675 18.0441 4.66478 18.06 4.93C18.0759 5.19522 17.9858 5.45589 17.8095 5.65468C17.6332 5.85347 17.3852 5.97409 17.12 5.99H3V6ZM10.44 2.03H9.57C9.36856 2.0306 9.17199 2.09201 9.00605 2.20621C8.8401 2.32041 8.71252 2.48206 8.64 2.67L8.6 2.78L8.3 4H11.72L11.42 2.78C11.3746 2.60092 11.2805 2.4379 11.1481 2.30905C11.0157 2.18019 10.8502 2.09053 10.67 2.05L10.55 2.03H10.45H10.44Z"/></svg>
+`;
+export {
+  C as default
+};

package/dist/static/assets/icons/line-plus.svg.js

@@ -0,0 +1,5 @@
+const C = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M10 4C10.2457 3.99823 10.4834 4.08695 10.6679 4.24926C10.8523 4.41157 10.9705 4.63609 11 4.88V9H15C15.2652 8.98409 15.5259 9.07418 15.7247 9.25047C15.9235 9.42675 16.0441 9.67478 16.06 9.94C16.0759 10.2052 15.9858 10.4659 15.8095 10.6647C15.6332 10.8635 15.3852 10.9841 15.12 11H11V15C11.0159 15.2652 10.9258 15.5259 10.7495 15.7247C10.5732 15.9235 10.3252 16.0441 10.06 16.06C9.79478 16.0759 9.53411 15.9858 9.33532 15.8095C9.13653 15.6332 9.01591 15.3852 9 15.12V11H5C4.73478 11.0159 4.47411 10.9258 4.27532 10.7495C4.07653 10.5732 3.95591 10.3252 3.94 10.06C3.92409 9.79478 4.01418 9.53411 4.19047 9.33532C4.36675 9.13653 4.61478 9.01591 4.88 9H9V5C9 4.73478 9.10536 4.48043 9.29289 4.29289C9.48043 4.10536 9.73478 4 10 4Z"/></svg>
+`;
+export {
+  C as default
+};

package/dist/static/styles/components/recommendation-strategy.css.js

@@ -0,0 +1,188 @@
+const n = `/* Recommendation Strategy section of the recommendation block's settings panel
+   (SD-149105). Scoped to the section's own classes/ids so nothing leaks into
+   other blocks' controls. Measurements come from the Figma frames
+   4880:44449 (empty) and 4826:7513 (assigned). */
+
+.strategy-control-header {
+    padding: 16px 16px 0;
+}
+
+.strategy-control-title {
+    margin: 0;
+    color: var(--guido-color-gray-800);
+    font-size: 16px;
+    font-weight: 600;
+    line-height: 24px;
+}
+
+.strategy-control-description-row {
+    padding: 8px 16px 16px;
+}
+
+.strategy-control-description {
+    margin: 0;
+    color: var(--guido-color-gray-600);
+    font-size: 13px;
+    line-height: 16px;
+}
+
+.strategy-control-description a {
+    color: var(--guido-color-primary-500);
+    text-decoration: underline;
+}
+
+/* Assign + Create are two fixed 180px columns, left-aligned — not a stretched
+   half-and-half. The ancestor is load-bearing: it out-specifies the editor's own
+   \`.container.two-columns\` grid, which otherwise wins and leaves the CTAs uneven. */
+.recommendation-controls-container .container.strategy-control-cta-row {
+    grid-template-columns: repeat(2, minmax(0, 180px));
+    justify-content: start;
+    gap: 16px;
+    padding: 0 16px 16px;
+}
+
+/* The editor's grid does not stretch its items and the visible pill is the inner
+   \`.button\`, not the \`ue-button\` host — so both need the width or the two CTAs
+   come out sized to their own captions. */
+.strategy-control-cta {
+    width: 100%;
+}
+
+.strategy-control-cta > .button {
+    display: flex;
+    gap: 8px;
+    justify-content: center;
+    width: 100%;
+    border: none;
+    font-size: 15px;
+    font-weight: 400;
+    line-height: 24px;
+    white-space: nowrap;
+}
+
+/* Secondary action keeps full contrast while disabled — the round trip ships
+   in a later phase, but the design shows it as a normal grey button. */
+.strategy-control-cta.primary > .button:disabled,
+.strategy-control-cta.primary > .button.disabled {
+    opacity: 1;
+    color: var(--guido-color-gray-800);
+    cursor: default;
+}
+
+/* The assigned strategy's name sits in a band that spans the whole panel, so it
+   carries its own 16px inset instead of inheriting the section's. */
+.strategy-control-name-band {
+    display: flex;
+    align-items: center;
+    min-height: 48px;
+    padding: 0 16px;
+    background-color: var(--guido-color-gray-0);
+}
+
+.strategy-control-name {
+    color: var(--guido-color-gray-800);
+    font-size: 15px;
+    font-weight: 600;
+    line-height: 24px;
+}
+
+.strategy-control-actions {
+    display: flex;
+    align-items: center;
+    padding: 16px;
+}
+
+.strategy-control-action {
+    display: inline-flex;
+    align-items: center;
+    padding: 0;
+    border: none;
+    background: none;
+    font-size: 15px;
+    font-weight: 400;
+    line-height: 24px;
+    cursor: pointer;
+}
+
+/* The label carries the gap on both sides, which is also what separates Change
+   from Remove — matching the design's button wrappers. */
+.strategy-control-action > span {
+    padding: 0 8px;
+}
+
+/* Icons are masks rather than inline SVG — Stripo rebuilds the control markup
+   through Angular, which recreates <svg> outside the SVG namespace so it never
+   paints. A mask is a background, so it survives that round trip. The glyphs
+   live in static/assets/icons and reach these vars via useCustomInterfaceAppearance. */
+.strategy-control-action::before,
+.strategy-control-cta.on > .button::before {
+    content: '';
+    flex: none;
+    width: 24px;
+    height: 24px;
+    background-color: currentcolor;
+    mask-repeat: no-repeat;
+    mask-position: center;
+}
+
+/* The design system's \`line-change\` glyph fills its 24px box; the 20px glyphs
+   are centred inside the same box, as the design draws them. */
+.strategy-control-action--change::before {
+    mask-size: 24px 24px;
+    mask-image: var(--guido-icon-line-change);
+}
+
+.strategy-control-action--remove::before {
+    mask-size: 20px 20px;
+    mask-image: var(--guido-icon-line-delete);
+}
+
+.strategy-control-cta.on > .button::before {
+    mask-size: 20px 20px;
+    mask-image: var(--guido-icon-line-plus);
+}
+
+.strategy-control-action--change {
+    color: var(--guido-color-primary-500);
+}
+
+.strategy-control-action--remove {
+    color: var(--guido-color-danger-500);
+}
+
+.strategy-control-action:hover {
+    text-decoration: underline;
+}
+
+/* Per-block controls (SD-149105). With the flag on the panel carries BOTH the
+   legacy and the strategy controls — Stripo reuses one panel across blocks of
+   the same type and never re-runs getTemplate() on a switch — and
+   \`.strategy-block\` picks which set the selected block shows. */
+.recommendation-controls-container:not(.strategy-block) .strategy-control-container,
+.recommendation-controls-container.strategy-block .product-count-control-container,
+.recommendation-controls-container.strategy-block .algorithm-control-container,
+.recommendation-controls-container.strategy-block .filters-control-container,
+.recommendation-controls-container.strategy-block .shuffle-control-container {
+    display: none;
+}
+
+/* The RRS panel's order (Figma 4826:7513) is the legacy DOM order with these
+   two sent to the end; everything else already lands where the design wants it.
+   Only \`.strategy-block\` becomes a flex container, so a legacy block keeps plain
+   block flow and stays exactly what it is with the flag off. */
+.recommendation-controls-container.strategy-block {
+    display: flex;
+    flex-direction: column;
+}
+
+.recommendation-controls-container.strategy-block .price-placement-control-container {
+    order: 1;
+}
+
+.recommendation-controls-container.strategy-block .product-layout-control-container {
+    order: 2;
+}
+`;
+export {
+  n as default
+};

package/dist/static/styles/customEditorStyle.css.js

@@ -43,9 +43,7 @@ const n = `.esd-x,
 .recommendation-block-v2 .product-omnibus-discount ue-node-actions,
 .recommendation-block-v2 .product-omnibus-discount ue-node-panel,
 .recommendation-block-v2 .product-button ue-node-actions,
-.recommendation-block-v2 .product-button ue-node-panel,
-.recommendation-block-v2 .ins-recommendation-title ue-node-actions,
-.recommendation-block-v2 .ins-recommendation-title ue-node-panel {
+.recommendation-block-v2 .product-button ue-node-panel {
     display: none !important;
 }
 

package/dist/utils/dateUtil.js

@@ -1,10 +1,25 @@
-import { DEFAULT_LOCALE as r, DEFAULT as o } from "../enums/date.js";
-const c = () => {
+import { DEFAULT_LOCALE as a, DEFAULT as c, DEFAULT_TZ as s } from "../enums/date.js";
+const m = (t) => t ? t instanceof Date ? t : typeof t == "string" ? t.length === 10 && !Number.isNaN(Number(t)) ? new Date(Number(t) * 1e3) : new Date(t) : typeof t == "number" ? t.toString().length === 10 ? new Date(t * 1e3) : new Date(t) : /* @__PURE__ */ new Date() : /* @__PURE__ */ new Date(), u = () => {
   const t = window.l10n;
-  return (t == null ? void 0 : t.locale) === o ? r : (t == null ? void 0 : t.locale) || r;
-};
-new Intl.DateTimeFormat().resolvedOptions().timeZone;
-const i = (t) => {
+  return (t == null ? void 0 : t.locale) === c ? a : (t == null ? void 0 : t.locale) || a;
+}, f = new Intl.DateTimeFormat().resolvedOptions().timeZone, D = () => {
+  const t = window.l10n;
+  return (t == null ? void 0 : t.timezone) || f || s;
+}, i = /* @__PURE__ */ new Map(), l = (t, e) => {
+  const r = `${t}|${e}`, n = i.get(r);
+  if (n)
+    return n;
+  const o = new Intl.DateTimeFormat(t, {
+    year: "numeric",
+    month: "2-digit",
+    day: "2-digit",
+    timeZone: e
+  });
+  return i.set(r, o), o;
+}, T = (t, e = u(), r = D()) => {
+  const n = m(t);
+  return l(e, r).format(n);
+}, g = (t) => {
   if (!t)
     return "";
   const e = new Date(t);
@@ -16,9 +31,13 @@ const i = (t) => {
     second: "2-digit",
     hour12: !1
   }).format(e);
-}, m = (t) => t ? Math.floor(Date.now() / 1e3) >= t : !1;
+}, w = (t) => t ? Math.floor(Date.now() / 1e3) >= t : !1;
 export {
-  i as formatPatchDate,
-  m as isAfterDate,
-  c as locale
+  m as convertToDateObject,
+  g as formatPatchDate,
+  T as formatShortDate,
+  w as isAfterDate,
+  f as localTz,
+  u as locale,
+  D as timezone
 };

package/dist/utils/strategyInfoBox.js

@@ -0,0 +1,37 @@
+import { useTranslations as m } from "../composables/useTranslations.js";
+import { formatShortDate as u } from "./dateUtil.js";
+import { escapeHtml as c } from "./htmlEscape.js";
+const n = "assign-strategy-info-box", a = (e) => typeof e == "string" ? e : typeof e == "number" ? String(e) : "", p = (e, t) => {
+  const r = a(e.algorithm) === "MIXED" ? t("discovery-strategy.mixed-algorithm") : t("discovery-strategy.single-algorithm"), i = a(e.algorithm_used).split(",").map((o) => o.trim()).filter(Boolean).map((o) => t(`recommendation-algorithm-names.${o.replaceAll("_", "-").toLowerCase()}`));
+  return i.length ? `${r} · ${i.join(", ")}` : r;
+}, g = (e, t) => [
+  [e.exclude_view, "discovery-strategy.exclude-recently-view-items"],
+  [e.exclude_purchase, "discovery-strategy.exclude-recently-purchased-items"],
+  [e.exclude_cart, "discovery-strategy.exclude-recently-added-cart-items"]
+].filter(([r]) => Number(r) === 1).map(([, r]) => t(r)).join(", "), h = (e) => a(
+  e.manual_merchandising || e.manual_merchandising_products
+).trim(), _ = (e) => {
+  const t = e.filters;
+  if (!t)
+    return 0;
+  try {
+    const r = typeof t == "string" ? JSON.parse(t) : t;
+    return Array.isArray(r) ? r.reduce((i, o) => i + (Array.isArray(o) ? o.length : 1), 0) : 0;
+  } catch {
+    return 0;
+  }
+}, s = (e, t) => `<div class="${n}__row"><span class="${n}__label">${c(e)}</span><span class="${n}__value">${c(t)}</span></div>`, v = (e, t = m()) => {
+  const r = t("recommendation-strategy.none"), i = a(e.updated_at || e.created_at), o = _(e), d = i ? c(t("recommendation-strategy.last-updated-on", { value: u(i) })) : "", l = d ? `<div class="${n}__updated">${d}</div>` : "";
+  return {
+    id: `strategy-info-${e.strategy_id}`,
+    theme: "light",
+    variant: "information",
+    className: n,
+    titleText: c(a(e.name)),
+    descriptionText: l + s(t("gpt-app-builder.algorithms-and-method"), p(e, t)) + s(t("gpt-app-builder.exclusions"), g(e, t) || r) + s(t("discovery-strategy.filters"), o ? String(o) : r) + s(t("action-builder.manual-merchandising"), h(e) || r)
+  };
+};
+export {
+  n as STRATEGY_INFO_BOX_CLASS,
+  v as buildStrategyInfoBoxProps
+};