@useinsider/guido 3.17.0 → 3.18.0

package/dist/src/extensions/Blocks/Recommendation/store/recommendation.d.ts

@@ -1,4 +1,4 @@
-import type { Orientation, Languages, Currency, NumericSeparator, FiltersResponse, Filter, RecommendationProduct } from '@@/Types/recommendation';
+import type { Orientation, Languages, Currency, NumericSeparator, FiltersResponse, Filter, RecommendationCampaignUrlValue, RecommendationProduct, RrsStrategy } from '@@/Types/recommendation';
 export interface PerBlockConfigs {
     cardsInRow: number;
     currencySettings: {
@@ -21,6 +21,7 @@ export interface PerBlockConfigs {
     sendProductRequestFlag: boolean;
     shuffleProducts: boolean;
     strategy: string;
+    strategyId: string;
     textTrimming: boolean;
     unresponsive: boolean;
     size: string;
@@ -33,6 +34,8 @@ interface PerBlockState {
     recommendationProducts: RecommendationProduct[];
     filterStatus: boolean;
     filterSelectionDrawerStatus: boolean;
+    assignStrategyDrawerStatus: boolean;
+    removeStrategyModalStatus: boolean;
     filterGroup: number;
     /** Whether initial API data (filters, algorithms, products) has been fetched for this block */
     isInitialized: boolean;
@@ -47,6 +50,7 @@ interface PerBlockState {
  */
 export interface PerBlockUrlConfig {
     strategy: string;
+    strategyId: string;
     language: string;
     size: string;
     productIds: string[];
@@ -59,11 +63,14 @@ export interface PerBlockUrlConfig {
     currencyThousandSeparator: string;
 }
 interface StoreState {
-    recommendationCampaignUrls: Record<string, string>;
+    recommendationCampaignUrls: Record<string, RecommendationCampaignUrlValue>;
     activePredictiveAlgorithms: number[];
     languages: Languages;
     currencyList: Currency[];
     filterList: FiltersResponse;
+    strategies: RrsStrategy[];
+    strategiesLoading: boolean;
+    strategyUrlTemplates: Record<string, string>;
     blockStates: Record<number, PerBlockState>;
     currentRecommendationId: number | null;
     configVersion: number;
@@ -74,7 +81,7 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
      * This allows all existing code that reads `store.recommendationConfigs` to work unchanged.
      */
     recommendationConfigs(state: {
-        recommendationCampaignUrls: Record<string, string>;
+        recommendationCampaignUrls: Record<string, RecommendationCampaignUrlValue>;
         activePredictiveAlgorithms: number[];
         languages: Languages;
         currencyList: {
@@ -82,6 +89,16 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
             value: string;
         }[];
         filterList: FiltersResponse;
+        strategies: {
+            [x: string]: unknown;
+            strategy_id: number;
+            name: string;
+            status: string;
+            suitable_channels: string;
+            size?: (number | string) | undefined;
+        }[];
+        strategiesLoading: boolean;
+        strategyUrlTemplates: Record<string, string>;
         blockStates: Record<number, PerBlockState>;
         currentRecommendationId: number | null;
         configVersion: number;
@@ -90,7 +107,7 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
      * Proxy getter: delegates to blockStates[currentRecommendationId].recommendationProducts
      */
     recommendationProducts(state: {
-        recommendationCampaignUrls: Record<string, string>;
+        recommendationCampaignUrls: Record<string, RecommendationCampaignUrlValue>;
         activePredictiveAlgorithms: number[];
         languages: Languages;
         currencyList: {
@@ -98,6 +115,16 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
             value: string;
         }[];
         filterList: FiltersResponse;
+        strategies: {
+            [x: string]: unknown;
+            strategy_id: number;
+            name: string;
+            status: string;
+            suitable_channels: string;
+            size?: (number | string) | undefined;
+        }[];
+        strategiesLoading: boolean;
+        strategyUrlTemplates: Record<string, string>;
         blockStates: Record<number, PerBlockState>;
         currentRecommendationId: number | null;
         configVersion: number;
@@ -106,7 +133,30 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
      * Proxy getter: delegates to blockStates[currentRecommendationId].filterSelectionDrawerStatus
      */
     filterSelectionDrawerStatus(state: {
-        recommendationCampaignUrls: Record<string, string>;
+        recommendationCampaignUrls: Record<string, RecommendationCampaignUrlValue>;
+        activePredictiveAlgorithms: number[];
+        languages: Languages;
+        currencyList: {
+            text: string;
+            value: string;
+        }[];
+        filterList: FiltersResponse;
+        strategies: {
+            [x: string]: unknown;
+            strategy_id: number;
+            name: string;
+            status: string;
+            suitable_channels: string;
+            size?: (number | string) | undefined;
+        }[];
+        strategiesLoading: boolean;
+        strategyUrlTemplates: Record<string, string>;
+        blockStates: Record<number, PerBlockState>;
+        currentRecommendationId: number | null;
+        configVersion: number;
+    } & import("pinia").PiniaCustomStateProperties<StoreState>): boolean;
+    assignStrategyDrawerStatus(state: {
+        recommendationCampaignUrls: Record<string, RecommendationCampaignUrlValue>;
         activePredictiveAlgorithms: number[];
         languages: Languages;
         currencyList: {
@@ -114,15 +164,71 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
             value: string;
         }[];
         filterList: FiltersResponse;
+        strategies: {
+            [x: string]: unknown;
+            strategy_id: number;
+            name: string;
+            status: string;
+            suitable_channels: string;
+            size?: (number | string) | undefined;
+        }[];
+        strategiesLoading: boolean;
+        strategyUrlTemplates: Record<string, string>;
         blockStates: Record<number, PerBlockState>;
         currentRecommendationId: number | null;
         configVersion: number;
     } & import("pinia").PiniaCustomStateProperties<StoreState>): boolean;
+    removeStrategyModalStatus(state: {
+        recommendationCampaignUrls: Record<string, RecommendationCampaignUrlValue>;
+        activePredictiveAlgorithms: number[];
+        languages: Languages;
+        currencyList: {
+            text: string;
+            value: string;
+        }[];
+        filterList: FiltersResponse;
+        strategies: {
+            [x: string]: unknown;
+            strategy_id: number;
+            name: string;
+            status: string;
+            suitable_channels: string;
+            size?: (number | string) | undefined;
+        }[];
+        strategiesLoading: boolean;
+        strategyUrlTemplates: Record<string, string>;
+        blockStates: Record<number, PerBlockState>;
+        currentRecommendationId: number | null;
+        configVersion: number;
+    } & import("pinia").PiniaCustomStateProperties<StoreState>): boolean;
+    assignedStrategy(state: {
+        recommendationCampaignUrls: Record<string, RecommendationCampaignUrlValue>;
+        activePredictiveAlgorithms: number[];
+        languages: Languages;
+        currencyList: {
+            text: string;
+            value: string;
+        }[];
+        filterList: FiltersResponse;
+        strategies: {
+            [x: string]: unknown;
+            strategy_id: number;
+            name: string;
+            status: string;
+            suitable_channels: string;
+            size?: (number | string) | undefined;
+        }[];
+        strategiesLoading: boolean;
+        strategyUrlTemplates: Record<string, string>;
+        blockStates: Record<number, PerBlockState>;
+        currentRecommendationId: number | null;
+        configVersion: number;
+    } & import("pinia").PiniaCustomStateProperties<StoreState>): RrsStrategy | null;
     /**
      * Proxy getter: delegates to blockStates[currentRecommendationId].filterStatus
      */
     filterStatus(state: {
-        recommendationCampaignUrls: Record<string, string>;
+        recommendationCampaignUrls: Record<string, RecommendationCampaignUrlValue>;
         activePredictiveAlgorithms: number[];
         languages: Languages;
         currencyList: {
@@ -130,6 +236,16 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
             value: string;
         }[];
         filterList: FiltersResponse;
+        strategies: {
+            [x: string]: unknown;
+            strategy_id: number;
+            name: string;
+            status: string;
+            suitable_channels: string;
+            size?: (number | string) | undefined;
+        }[];
+        strategiesLoading: boolean;
+        strategyUrlTemplates: Record<string, string>;
         blockStates: Record<number, PerBlockState>;
         currentRecommendationId: number | null;
         configVersion: number;
@@ -138,7 +254,7 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
      * Proxy getter: delegates to blockStates[currentRecommendationId].filterGroup
      */
     filterGroup(state: {
-        recommendationCampaignUrls: Record<string, string>;
+        recommendationCampaignUrls: Record<string, RecommendationCampaignUrlValue>;
         activePredictiveAlgorithms: number[];
         languages: Languages;
         currencyList: {
@@ -146,6 +262,16 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
             value: string;
         }[];
         filterList: FiltersResponse;
+        strategies: {
+            [x: string]: unknown;
+            strategy_id: number;
+            name: string;
+            status: string;
+            suitable_channels: string;
+            size?: (number | string) | undefined;
+        }[];
+        strategiesLoading: boolean;
+        strategyUrlTemplates: Record<string, string>;
         blockStates: Record<number, PerBlockState>;
         currentRecommendationId: number | null;
         configVersion: number;
@@ -155,7 +281,7 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
     getFilterGroupCount(): number;
     getUniqueFilterGroups(): number[];
     getActivePredictiveAlgorithms: (state: {
-        recommendationCampaignUrls: Record<string, string>;
+        recommendationCampaignUrls: Record<string, RecommendationCampaignUrlValue>;
         activePredictiveAlgorithms: number[];
         languages: Languages;
         currencyList: {
@@ -163,6 +289,16 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
             value: string;
         }[];
         filterList: FiltersResponse;
+        strategies: {
+            [x: string]: unknown;
+            strategy_id: number;
+            name: string;
+            status: string;
+            suitable_channels: string;
+            size?: (number | string) | undefined;
+        }[];
+        strategiesLoading: boolean;
+        strategyUrlTemplates: Record<string, string>;
         blockStates: Record<number, PerBlockState>;
         currentRecommendationId: number | null;
         configVersion: number;
@@ -171,7 +307,7 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
         value: string;
     }[];
     getLanguages: (state: {
-        recommendationCampaignUrls: Record<string, string>;
+        recommendationCampaignUrls: Record<string, RecommendationCampaignUrlValue>;
         activePredictiveAlgorithms: number[];
         languages: Languages;
         currencyList: {
@@ -179,6 +315,16 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
             value: string;
         }[];
         filterList: FiltersResponse;
+        strategies: {
+            [x: string]: unknown;
+            strategy_id: number;
+            name: string;
+            status: string;
+            suitable_channels: string;
+            size?: (number | string) | undefined;
+        }[];
+        strategiesLoading: boolean;
+        strategyUrlTemplates: Record<string, string>;
         blockStates: Record<number, PerBlockState>;
         currentRecommendationId: number | null;
         configVersion: number;
@@ -187,7 +333,7 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
         value: string;
     }[];
     getCurrencySymbolList: (state: {
-        recommendationCampaignUrls: Record<string, string>;
+        recommendationCampaignUrls: Record<string, RecommendationCampaignUrlValue>;
         activePredictiveAlgorithms: number[];
         languages: Languages;
         currencyList: {
@@ -195,6 +341,16 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
             value: string;
         }[];
         filterList: FiltersResponse;
+        strategies: {
+            [x: string]: unknown;
+            strategy_id: number;
+            name: string;
+            status: string;
+            suitable_channels: string;
+            size?: (number | string) | undefined;
+        }[];
+        strategiesLoading: boolean;
+        strategyUrlTemplates: Record<string, string>;
         blockStates: Record<number, PerBlockState>;
         currentRecommendationId: number | null;
         configVersion: number;
@@ -272,6 +428,14 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
      * to the snapshot taken when the drawer was opened.
      */
     cancelFilterDrawer(): void;
+    openAssignStrategyDrawer(): void;
+    closeAssignStrategyDrawer(): void;
+    openRemoveStrategyModal(): void;
+    closeRemoveStrategyModal(): void;
+    fetchStrategies(): Promise<void>;
+    resolveStrategyUrlTemplate(strategy: RrsStrategy, currency: string): Promise<string>;
+    assignStrategy(strategy: RrsStrategy): void;
+    removeStrategy(): void;
     fetchRecommendationCreateData(): Promise<void>;
     fetchRecommendationFilters(): Promise<void>;
     addFilterGroup(filterGroup: number): void;
@@ -288,5 +452,7 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
     hasInvalidBlock(): boolean;
     fetchRecommendationProducts(): Promise<void>;
     _doFetchProducts(): Promise<void>;
+    _doFetchStrategyProducts(blockId: number): Promise<void>;
+    _setBlockProducts(blockId: number, products: RecommendationProduct[], size: number): void;
 }>;
 export {};

package/dist/src/extensions/Blocks/Recommendation/templates/titleRows.d.ts

@@ -0,0 +1,13 @@
+export declare const DEFAULT_TITLE_TEXT = "You May Also Like!";
+export declare const DEFAULT_TITLE_PARAGRAPH: string;
+/**
+ * Builds the two block-level title rows: the title itself and the spacer below it.
+ * Both carry the same `recommendation-attribute-row` tagging a card attribute row has,
+ * so the Card Composition toggle hides the pair together and the compiler's
+ * `[data-visibility="0"]` sweep drops both — no leading gap when the title is off.
+ * @param paragraphHtml - Full `<p>` markup rendered inside the title cell
+ * @param visible - Whether the title starts visible
+ * @param spacerHeightPx - Height of the spacer row below the title
+ * @returns HTML string with the title row followed by its spacer row
+ */
+export declare function buildTitleRows(paragraphHtml?: string, visible?: boolean, spacerHeightPx?: number): string;

package/dist/src/extensions/Blocks/Recommendation/types/nodeConfig.d.ts

@@ -82,6 +82,7 @@ export interface RecommendationNodeConfig {
      * Uses existing Filter interface from recommendation types
      */
     filters: Filter[];
+    strategyId: string;
     /**
      * Layout orientation
      * - 'grid': Products in a grid, attributes aligned across products
@@ -138,6 +139,12 @@ export interface RecommendationNodeConfig {
      * Keys are ATTR_PRODUCT_* constants
      */
     visibility: Record<string, boolean>;
+    /**
+     * Snapshot of the block title's row markup before it's removed.
+     * Restored verbatim when the title is re-enabled.
+     * @default ''
+     */
+    previousTitleHtml: string;
     /**
      * Omnibus price text configuration
      * For EU Omnibus Directive compliance

package/dist/src/extensions/Blocks/Recommendation/utils/nodeConfigWriter.d.ts

@@ -0,0 +1,31 @@
+import type { DocumentModifier } from '../services/configService';
+import type { PartialNodeConfig } from '../types/nodeConfig';
+import type { RecommendationProduct } from '@@/Types/recommendation';
+import { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
+interface ConfigWriterApi {
+    getDocumentModifier: () => DocumentModifier;
+    getDocumentRootHtmlNode: () => ImmutableHtmlNode;
+}
+/**
+ * Keeps a document handle alive for writes the settings panel can no longer make.
+ * Deliberately not cleared on deselect — that is the exact moment the handle is
+ * needed. It is replaced on the next render, and goes stale only if the editor
+ * itself is torn down.
+ */
+export declare function registerNodeConfigWriter(api: ConfigWriterApi): void;
+/**
+ * Commits a config change and its product re-render straight to the document,
+ * bypassing the settings panel.
+ *
+ * Host-rendered UI (the remove-strategy modal) lives outside `ui-editor`, and
+ * Stripo deselects the block on the first click that lands there — destroying the
+ * control that normally does both, before the store change even happens.
+ *
+ * Mirrors the control's regenerate routine so config and cards land in ONE undo
+ * entry, and so partner-managed blocks keep their hand-authored cells.
+ * @param description - labels the undo entry only when there are no cards to
+ * re-render; the product helpers label their own batch.
+ * @returns whether the write reached a node
+ */
+export declare function commitBlockChangeOutsidePanel(blockId: number, updates: PartialNodeConfig, products: RecommendationProduct[], description: string): boolean;
+export {};

package/dist/src/extensions/Blocks/Recommendation/utils/recommendationBlockCount.d.ts

@@ -13,16 +13,20 @@
  */
 export declare const RECOMMENDATION_BLOCK_SELECTOR = ".recommendation-block-v2";
 export declare const RECOMMENDATION_PRODUCT_ROW_SELECTOR = ".recommendation-product-row";
-interface QueryableNode {
+export interface QueryableNode {
     querySelector(selector: string): unknown;
 }
 export interface QueryableRoot {
     querySelectorAll(selector: string): Iterable<QueryableNode>;
 }
+/**
+ * Live-vs-ghost discriminator for a single `.recommendation-block-v2` node.
+ * Single home for the (provisional) heuristic described above.
+ */
+export declare function isLiveRecommendationBlock(block: QueryableNode): boolean;
 /**
  * Counts the live recommendation blocks reachable from `root`. Works on the
  * editor's `ImmutableHtmlNode` document root (the `onCreated` drop / duplicate
  * paths) and on any DOM-like root exposing `querySelectorAll`.
  */
 export declare function countLiveRecommendationBlocks(root: QueryableRoot): number;
-export {};

package/dist/src/extensions/Blocks/common-control.d.ts

@@ -56,6 +56,9 @@ interface ButtonProps {
     name: string;
     label: string;
     id?: string;
+    className?: string;
+    icon?: string;
+    disabled?: boolean;
 }
 /**
  * Common control for all blocks which includes common UI Elements.
@@ -116,7 +119,7 @@ export declare abstract class CommonControl extends Control {
         icon?: string;
     }): string;
     _GuRadioButton({ name, buttons, id }: RadioButtonProps): string;
-    _GuButton({ name, label, id }: ButtonProps): string;
+    _GuButton({ name, label, id, className, icon, disabled }: ButtonProps): string;
     _GuIcon({ src, className }: IconProps): string;
     /**
      *

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

@@ -0,0 +1,2 @@
+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 | null>;
 };

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/stores/save-as-template.d.ts

@@ -1,3 +1,4 @@
+import type { RecommendationCampaignUrlValue } from '@@/Types/recommendation';
 import type { MappedCategory } from '@@/Types/save-as-template';
 interface StoreState {
     templateName: string;
@@ -5,7 +6,7 @@ interface StoreState {
     selectedCategories: MappedCategory[];
     skeletonStatus: boolean;
     recommendation: {
-        campaignUrls: Record<string, string>;
+        campaignUrls: Record<string, RecommendationCampaignUrlValue>;
         configs: Record<string, string>;
     };
     unsubscribe: {
@@ -30,7 +31,7 @@ export declare const useSaveAsTemplateStore: import("pinia").StoreDefinition<"gu
         }[];
         skeletonStatus: boolean;
         recommendation: {
-            campaignUrls: Record<string, string>;
+            campaignUrls: Record<string, RecommendationCampaignUrlValue>;
             configs: Record<string, string>;
         };
         unsubscribe: {
@@ -54,7 +55,7 @@ export declare const useSaveAsTemplateStore: import("pinia").StoreDefinition<"gu
         }[];
         skeletonStatus: boolean;
         recommendation: {
-            campaignUrls: Record<string, string>;
+            campaignUrls: Record<string, RecommendationCampaignUrlValue>;
             configs: Record<string, string>;
         };
         unsubscribe: {

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

@@ -25,3 +25,8 @@ export declare const getCsrfToken: () => string;
 export declare const getUrlParams: () => URLSearchParams;
 export declare const getUrlParam: (paramName: string, defaultValue?: string) => string;
 export declare const replaceString: (string?: string, values?: Record<string, string | number>, isRemoveEmptyValues?: boolean) => string;
+/**
+ * Narrows an unknown API value to a printable string; anything that is neither
+ * a string nor a number becomes ''.
+ */
+export declare const asText: (value: unknown) => string;