@useinsider/guido 3.12.0-beta.98baf2f → 3.12.0-beta.b73c720

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

@@ -54,6 +54,13 @@ export interface RecommendationNodeConfig {
      * @example 'mostPopular', 'complementaryItems', 'manualMerchandising'
      */
     strategy: string;
+    /**
+     * Reusable Recommendation Strategy (RRS) id from Smart Recommender.
+     * Empty string means no strategy is assigned.
+     * Only used when the `reusableRecommendationStrategy` feature is enabled;
+     * when set, it supersedes `strategy` for building the recommendation URL.
+     */
+    strategyId: string;
     /**
      * Product IDs for manual merchandising strategy
      * Only used when strategy === 'manualMerchandising'

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

@@ -0,0 +1,50 @@
+/**
+ * Renders one RRS filter condition as readable text for the detail drawer.
+ *
+ * Ported from design-system-organisms
+ * `src/organisms/OrgStrategyDetailModal/helpers/humanizer.helper.ts` (branch `develop`).
+ *
+ * Two deliberate deviations from the source:
+ *
+ * 1. `trans` is injected rather than read from a module-level `translations` object,
+ *    so this stays pure and testable and picks up Guido's editor-config translations.
+ * 2. The source wraps every date in `getUnixTimestampFromDate(...)` before formatting.
+ *    Guido's `formatShortDate` already accepts a raw date string via
+ *    `convertToDateObject`, so that conversion hop is dropped rather than reimplemented.
+ *
+ * This humanizes the same JSON as `strategySummary.ts` but for a different surface —
+ * see the note in `@@/Enums/extensions/strategyDetail` on why the operator tables differ.
+ */
+import type { RrsDetailCondition } from '@@/Types/recommendation';
+/** Translation lookup, matching `useTranslations()`. */
+type TranslateFn = (key: string, params?: Record<string, string | number | boolean>) => string;
+export interface TimeUnitOption {
+    text: string;
+    value: string;
+}
+export declare const capitalizeFirstLetter: (text: string) => string;
+export declare const getUserEventLabel: (userEvent: string, trans: TranslateFn) => string;
+/** Describes a user-attribute or user-event condition, e.g. "Users' last viewed 3 items". */
+export declare const getUserContextValue: (condition: RrsDetailCondition, trans: TranslateFn) => string;
+/** Renders a `7d`-style duration as " in last 7 days", or '' when absent or malformed. */
+export declare const getDurationSuffix: (duration: string | undefined, timeUnitOptions: TimeUnitOption[], trans: TranslateFn) => string;
+export interface SuitableValueParams {
+    condition: RrsDetailCondition;
+    selectedOperator: string;
+    filterValue: string;
+    timeUnit: string;
+    inBetweenValues: string[];
+    timeUnitOptions: TimeUnitOption[];
+    isDateAttribute: () => boolean;
+    isMultiSelect: () => boolean;
+    isInOrNotInOperator: () => boolean;
+    trans: TranslateFn;
+}
+export declare const bracketJoin: (items: string[], and: string) => string;
+/**
+ * A multi-select condition stores its values either as a JSON array or, on older
+ * strategies, as a bare comma-separated string. Both must humanize the same way.
+ */
+export declare const parseMultiSelectValue: (value: string) => string[];
+export declare function getSuitableValue(params: SuitableValueParams): string;
+export {};

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

@@ -0,0 +1,34 @@
+/**
+ * Human-readable summary of a Reusable Recommendation Strategy (RRS).
+ *
+ * Ported from discovery-strategies-fe
+ * `src/components/atoms/GptAppBuilder/StrategyInfoBoxContent.composition.vue`.
+ *
+ * The source is a Vue SFC whose template is fourteen lines of plain `<div>`s over
+ * a `{ title, value }[]` computed. Only the computed carries meaning, so the port
+ * is a pure function instead: the panel renders it as an HTML string and the
+ * detail drawer renders it as components, both from this one implementation.
+ *
+ * Produces four rows — Algorithms and Method, Exclusions, Filters, Manual
+ * Merchandising — each truncated with "and N more." and falling back to
+ * `recommendation-strategy.none` when empty.
+ *
+ * `trans` is injected rather than pulled from `useTranslations()` so this stays a
+ * pure function: no composable lifetime to reason about, and tests need no config.
+ */
+import type { RrsStrategy, RrsSummaryRow } from '@@/Types/recommendation';
+/** Translation lookup, matching `useTranslations().trans`. */
+type TranslateFn = (key: string, params?: Record<string, string | number | boolean>) => string;
+/**
+ * `TOP_SELLERS` -> `recommendation-algorithm-names.top-sellers`.
+ * A pure string transform — Smart Recommender has no algorithm lookup table.
+ */
+export declare const getAlgorithmTranslationKey: (algorithm: string) => string;
+export declare const getMethodTranslationKey: (algorithm: string) => string;
+/**
+ * Builds the four-row summary shown beside the strategy dropdown.
+ * @param strategy - A strategy row as returned by the RRS listing endpoint.
+ * @param trans - Translation lookup, e.g. `useTranslations().trans`.
+ */
+export declare const buildStrategySummary: (strategy: RrsStrategy, trans: TranslateFn) => RrsSummaryRow[];
+export {};

package/dist/src/extensions/Blocks/Recommendation/validation/requiredFields.d.ts

@@ -7,13 +7,15 @@ import type { Currency, Languages } from '@@/Types/recommendation';
 export interface ExtensionStoreSlice {
     languages: Languages;
     currencyList: Currency[];
+    /** Whether the `reusableRecommendationStrategy` feature is enabled. */
+    isRrsEnabled: boolean;
 }
 export interface RequiredField {
     key: string;
     canBeEmpty?: boolean;
     getValue: (config: PerBlockConfigs) => string;
     getAvailableOptions?: (store: ExtensionStoreSlice) => string[];
-    condition?: (config: PerBlockConfigs) => boolean;
+    condition?: (config: PerBlockConfigs, store: ExtensionStoreSlice) => boolean;
 }
 export declare const REQUIRED_RECOMMENDATION_FIELDS: RequiredField[];
 export declare const RecommendationRequiredFieldsKey = "newsletter.recommendation-fill-required-fields";

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

@@ -1,6 +1,12 @@
-import type { InitialResponse, FiltersResponse, RecommendationProduct, RecommendationProductsParams } from '@@/Types/recommendation';
+import type { InitialResponse, FiltersResponse, RecommendationProduct, RecommendationProductsParams, RrsCampaign, RrsStrategy, RrsStrategyUrl } from '@@/Types/recommendation';
+/** Translation lookup, matching `useTranslations()`. */
+type TranslateFn = (key: string, params?: Record<string, string | number | boolean>) => string;
 export declare const useRecommendationApi: () => {
     fetchRecommendationCreateData: () => Promise<InitialResponse>;
     fetchRecommendationFilters: () => Promise<FiltersResponse>;
     fetchRecommendationProducts: (strategy: string, params: RecommendationProductsParams) => Promise<RecommendationProduct[]>;
+    fetchRecommendationStrategies: () => Promise<RrsStrategy[]>;
+    fetchStrategyCampaigns: (strategyId: string, trans: TranslateFn) => Promise<RrsCampaign[]>;
+    fetchStrategyRecommendationUrl: (strategyId: string) => Promise<RrsStrategyUrl | null>;
 };
+export {};

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

@@ -101,6 +101,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 modulesDisabled: boolean;
                 liquidSyntax: boolean;
                 autosave: 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")[];
@@ -238,6 +239,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 modulesDisabled: boolean;
                 liquidSyntax: boolean;
                 autosave: 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")[];
@@ -375,6 +377,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 modulesDisabled: boolean;
                 liquidSyntax: boolean;
                 autosave: 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")[];
@@ -512,6 +515,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 modulesDisabled: boolean;
                 liquidSyntax: boolean;
                 autosave: 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")[];
@@ -649,6 +653,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 modulesDisabled: boolean;
                 liquidSyntax: boolean;
                 autosave: 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")[];
@@ -786,6 +791,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 modulesDisabled: boolean;
                 liquidSyntax: boolean;
                 autosave: 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")[];
@@ -923,6 +929,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 modulesDisabled: boolean;
                 liquidSyntax: boolean;
                 autosave: 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")[];
@@ -1060,6 +1067,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 modulesDisabled: boolean;
                 liquidSyntax: boolean;
                 autosave: 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")[];
@@ -1197,6 +1205,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 modulesDisabled: boolean;
                 liquidSyntax: boolean;
                 autosave: 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")[];
@@ -1334,6 +1343,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 modulesDisabled: boolean;
                 liquidSyntax: boolean;
                 autosave: 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")[];
@@ -1471,6 +1481,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 modulesDisabled: boolean;
                 liquidSyntax: boolean;
                 autosave: 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")[];
@@ -1608,6 +1619,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 modulesDisabled: boolean;
                 liquidSyntax: boolean;
                 autosave: 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")[];
@@ -1745,6 +1757,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 modulesDisabled: boolean;
                 liquidSyntax: boolean;
                 autosave: 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")[];
@@ -1882,6 +1895,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 modulesDisabled: boolean;
                 liquidSyntax: boolean;
                 autosave: 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")[];
@@ -2019,6 +2033,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 modulesDisabled: boolean;
                 liquidSyntax: boolean;
                 autosave: 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")[];
@@ -2156,6 +2171,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 modulesDisabled: boolean;
                 liquidSyntax: boolean;
                 autosave: 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")[];
@@ -2293,6 +2309,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 modulesDisabled: boolean;
                 liquidSyntax: boolean;
                 autosave: 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")[];
@@ -2430,6 +2447,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 modulesDisabled: boolean;
                 liquidSyntax: boolean;
                 autosave: 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/genericUtil.d.ts

@@ -25,3 +25,12 @@ 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;
+/**
+ * Parses a JSON-string field, yielding `fallback` on absent or malformed input.
+ *
+ * Smart Recommender returns several strategy fields (`filters`, `base_product`, ...)
+ * as embedded JSON strings, and every surface that reads them must degrade to a
+ * sensible empty value rather than break. Shared so a hardening change (rejecting
+ * non-object payloads, logging a malformed blob) lands on all of them at once.
+ */
+export declare const parseJsonField: <T>(raw: string | undefined, fallback: T) => T;

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

@@ -10,6 +10,21 @@ ue-stripe-thumb,
     height: 100% !important;
     min-height: 0 !important;
 }
+
+/*
+ * The Recommendation Strategy select and its details-drawer icon button share a
+ * single cell of Stripo's two-column panel grid, so they need their own row box.
+ */
+.strategy-control__select-row {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+}
+
+.strategy-control__select-row ue-select {
+    flex: 1;
+    min-width: 0;
+}
 `;
 export {
   n as default

package/dist/utils/dateUtil.js

@@ -1,10 +1,19 @@
-import { DEFAULT_LOCALE as r, DEFAULT as o } from "../enums/date.js";
-const c = () => {
+import { DEFAULT_LOCALE as r, DEFAULT as a, DEFAULT_TZ as c } from "../enums/date.js";
+const m = (t) => t ? t instanceof Date ? t : typeof t == "string" ? t.length === 10 && /^\d{10}$/.test(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(), s = () => {
   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) === a ? r : (t == null ? void 0 : t.locale) || r;
+}, u = new Intl.DateTimeFormat().resolvedOptions().timeZone, f = () => {
+  const t = window.l10n;
+  return (t == null ? void 0 : t.timezone) || u || c;
+}, D = (t, e = s(), n = f()) => {
+  const o = {
+    year: "numeric",
+    month: "2-digit",
+    day: "2-digit",
+    timeZone: n
+  }, i = m(t);
+  return new Intl.DateTimeFormat(e, o).format(i);
+}, T = (t) => {
   if (!t)
     return "";
   const e = new Date(t);
@@ -16,9 +25,13 @@ const i = (t) => {
     second: "2-digit",
     hour12: !1
   }).format(e);
-}, m = (t) => t ? Math.floor(Date.now() / 1e3) >= t : !1;
+}, h = (t) => t ? Math.floor(Date.now() / 1e3) >= t : !1;
 export {
-  i as formatPatchDate,
-  m as isAfterDate,
-  c as locale
+  m as convertToDateObject,
+  T as formatPatchDate,
+  D as formatShortDate,
+  h as isAfterDate,
+  u as localTz,
+  s as locale,
+  f as timezone
 };

package/dist/utils/genericUtil.js

@@ -58,11 +58,20 @@ const o = (l) => {
 }, i = () => {
   var l;
   return ((l = document.head.querySelector('meta[name="csrf-token"]')) == null ? void 0 : l.getAttribute("content")) ?? "";
+}, k = (l, s) => {
+  if (!l)
+    return s;
+  try {
+    return JSON.parse(l);
+  } catch {
+    return s;
+  }
 };
 export {
   v as buildMergeTagEntries,
   f as dynamicContentToMergeTags,
   b as flattenDynamicContentList,
   i as getCsrfToken,
-  o as mergeTagToDynamicContent
+  o as mergeTagToDynamicContent,
+  k as parseJsonField
 };

package/dist/utils/templatePreparation.js

@@ -1,59 +1,60 @@
-import { useActionsApi as P } from "../composables/useActionsApi.js";
-import { useHtmlCompiler as w } from "../composables/useHtmlCompiler.js";
-import { DEFAULT_CURRENCY as l, DEFAULT_NODE_CONFIG as i } from "../extensions/Blocks/Recommendation/constants/defaultConfig.js";
-import { useRecommendationExtensionStore as b } from "../extensions/Blocks/Recommendation/store/recommendation.js";
-import { mapLegacyStrategy as E } from "../extensions/Blocks/Recommendation/utils/legacyStrategyMap.js";
-import { DATA_ATTRIBUTES as h } from "../extensions/Blocks/Unsubscribe/utils/constants.js";
-import { parsePageList as H } from "../extensions/Blocks/Unsubscribe/utils/utils.js";
-import { useDynamicContentStore as U } from "../stores/dynamic-content.js";
-import { useUnsubscribeStore as F } from "../stores/unsubscribe.js";
-function L(s) {
-  const o = new DOMParser().parseFromString(s, "text/html").querySelectorAll(`[${h.PAGE_LIST}]`), t = [];
-  return o.forEach((a) => {
-    const n = a.getAttribute(h.PAGE_LIST);
-    n && t.push(...H(n));
-  }), [...new Set(t)];
+import { useActionsApi as D } from "../composables/useActionsApi.js";
+import { useHtmlCompiler as P } from "../composables/useHtmlCompiler.js";
+import { DEFAULT_CURRENCY as d, DEFAULT_NODE_CONFIG as n } from "../extensions/Blocks/Recommendation/constants/defaultConfig.js";
+import { useRecommendationExtensionStore as A } from "../extensions/Blocks/Recommendation/store/recommendation.js";
+import { mapLegacyStrategy as I } from "../extensions/Blocks/Recommendation/utils/legacyStrategyMap.js";
+import { DATA_ATTRIBUTES as b } from "../extensions/Blocks/Unsubscribe/utils/constants.js";
+import { parsePageList as E } from "../extensions/Blocks/Unsubscribe/utils/utils.js";
+import { useDynamicContentStore as H } from "../stores/dynamic-content.js";
+import { useUnsubscribeStore as U } from "../stores/unsubscribe.js";
+function F(m) {
+  const o = new DOMParser().parseFromString(m, "text/html").querySelectorAll(`[${b.PAGE_LIST}]`), r = [];
+  return o.forEach((t) => {
+    const c = t.getAttribute(b.PAGE_LIST);
+    c && r.push(...E(c));
+  }), [...new Set(r)];
 }
-async function R(s) {
-  const m = new DOMParser().parseFromString(s, "text/html").querySelectorAll(".recommendation-block-v2");
-  if (m.length === 0)
+async function L(m) {
+  const l = new DOMParser().parseFromString(m, "text/html").querySelectorAll(".recommendation-block-v2");
+  if (l.length === 0)
     return;
-  const o = b();
-  m.forEach((t) => {
-    var c, p, g, f, r;
-    const a = t.getAttribute("recommendation-id"), n = a ? Number(a) : NaN;
-    if (!Number.isFinite(n))
+  const o = A(), r = /* @__PURE__ */ new Set();
+  l.forEach((t) => {
+    var g, f, y, a, S;
+    const c = t.getAttribute("recommendation-id"), p = c ? Number(c) : NaN;
+    if (!Number.isFinite(p))
       return;
-    const d = t.getAttribute("esd-ext-config");
-    if (!d)
+    const s = t.getAttribute("esd-ext-config");
+    if (!s)
       return;
     let e;
     try {
-      e = JSON.parse(d);
+      e = JSON.parse(s);
     } catch {
       return;
     }
     if (!e || typeof e != "object" || Array.isArray(e))
       return;
-    const y = {
+    const i = {
       // Normalize legacy strategy keys (e.g. `mostViewed` → `mostPopular`) so
       // already-saved blocks that never re-run the migrator don't emit a
       // strategy-less campaign URL. `||` also catches '' / undefined (SD-144882).
-      strategy: E(e.strategy) || i.strategy,
-      language: e.language ?? i.language,
-      size: e.size ?? i.size,
+      strategy: I(e.strategy) || n.strategy,
+      strategyId: e.strategyId ?? n.strategyId,
+      language: e.language ?? n.language,
+      size: e.size ?? n.size,
       // Spread the default arrays so each block gets a fresh reference
       // instead of sharing the singleton in DEFAULT_NODE_CONFIG.
-      productIds: e.productIds ?? [...i.productIds],
-      filters: e.filters ?? [...i.filters],
-      shuffleProducts: e.shuffleProducts ?? i.shuffleProducts,
-      currencyCode: ((c = e.currency) == null ? void 0 : c.code) ?? l.code,
-      currencyAlignment: ((p = e.currency) == null ? void 0 : p.alignment) ?? l.alignment,
-      currencyDecimalCount: ((g = e.currency) == null ? void 0 : g.decimalCount) ?? l.decimalCount,
-      currencyDecimalSeparator: ((f = e.currency) == null ? void 0 : f.decimalSeparator) ?? l.decimalSeparator,
-      currencyThousandSeparator: ((r = e.currency) == null ? void 0 : r.thousandSeparator) ?? l.thousandSeparator
+      productIds: e.productIds ?? [...n.productIds],
+      filters: e.filters ?? [...n.filters],
+      shuffleProducts: e.shuffleProducts ?? n.shuffleProducts,
+      currencyCode: ((g = e.currency) == null ? void 0 : g.code) ?? d.code,
+      currencyAlignment: ((f = e.currency) == null ? void 0 : f.alignment) ?? d.alignment,
+      currencyDecimalCount: ((y = e.currency) == null ? void 0 : y.decimalCount) ?? d.decimalCount,
+      currencyDecimalSeparator: ((a = e.currency) == null ? void 0 : a.decimalSeparator) ?? d.decimalSeparator,
+      currencyThousandSeparator: ((S = e.currency) == null ? void 0 : S.thousandSeparator) ?? d.thousandSeparator
     };
-    o.seedBlockUrlConfig(n, y);
+    o.seedBlockUrlConfig(p, i), r.add(i.strategyId);
   });
   try {
     await o.fetchRecommendationCreateData();
@@ -63,44 +64,47 @@ async function R(s) {
       t
     );
   }
+  r.delete(""), await Promise.all(
+    [...r].map((t) => o.fetchStrategyUrlTemplate(t))
+  );
 }
 const G = () => {
-  const s = U(), u = F(), { getCompiledEmail: m, getTemplateData: o } = P(), { compileHtml: t, compileAmpHtml: a } = w();
+  const m = H(), u = U(), { getCompiledEmail: l, getTemplateData: o } = D(), { compileHtml: r, compileAmpHtml: t } = P();
   return {
     prepareTemplateDetails: async () => {
-      const { html: d, ampHtml: e = "", ampErrors: y = [] } = await m({
+      const { html: p, ampHtml: s = "", ampErrors: e = [] } = await l({
         minimize: !0,
         resetDataSavedFlag: !1
-      }), { html: c, css: p, syncModulesIds: g = [] } = await o();
-      u.selectedUnsubscribePages.length && await u.fetchTemplates(), await R(c);
-      const { compiledHtml: f, stats: r, appliedRules: A } = t(d), C = e && a(e).compiledHtml, T = s.getSelectedDynamicContentList, D = b(), S = L(c);
+      }), { html: i, css: g, syncModulesIds: f = [] } = await o();
+      u.selectedUnsubscribePages.length && await u.fetchTemplates(), await L(i);
+      const { compiledHtml: y, stats: a, appliedRules: S } = r(p), C = s && t(s).compiledHtml, T = m.getSelectedDynamicContentList, w = A(), h = F(i);
       return console.debug("HTML Compilation Stats:", {
-        originalSize: r.originalSize,
-        compiledSize: r.compiledSize,
-        reduction: `${r.reductionPercentage.toFixed(2)}%`,
-        appliedRules: A,
-        executionTime: `${r.executionTime.toFixed(2)}ms`
+        originalSize: a.originalSize,
+        compiledSize: a.compiledSize,
+        reduction: `${a.reductionPercentage.toFixed(2)}%`,
+        appliedRules: S,
+        executionTime: `${a.executionTime.toFixed(2)}ms`
       }), {
         dynamicContentList: T,
-        compiledHtml: f,
-        rawHtml: c,
-        css: p,
+        compiledHtml: y,
+        rawHtml: i,
+        css: g,
         ampHtml: C,
-        ampErrors: y,
-        modules: g.map(Number),
+        ampErrors: e,
+        modules: f.map(Number),
         recommendation: {
-          campaignUrls: D.recommendationCampaignUrls,
+          campaignUrls: w.recommendationCampaignUrls,
           configs: {}
         },
         unsubscribe: {
-          status: S.length > 0,
-          config: S
+          status: h.length > 0,
+          config: h
         }
       };
     }
   };
 };
 export {
-  L as getHtmlReferencedUnsubscribePages,
+  F as getHtmlReferencedUnsubscribePages,
   G as useTemplatePreparation
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.12.0-beta.98baf2f",
+  "version": "3.12.0-beta.b73c720",
   "description": "Guido is a Vue + TypeScript wrapper for Email Plugin. Easily embed the email editor in your Vue applications.",
   "main": "./dist/guido.umd.cjs",
   "module": "./dist/library.js",