@useinsider/guido 3.6.0 → 3.7.0-beta.04f8814

package/dist/extensions/Blocks/Unsubscribe/control.js

@@ -1,28 +1,28 @@
-var d = Object.defineProperty;
-var h = (a, s, e) => s in a ? d(a, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[s] = e;
-var u = (a, s, e) => h(a, typeof s != "symbol" ? s + "" : s, e);
+var T = Object.defineProperty;
+var p = (o, s, e) => s in o ? T(o, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[s] = e;
+var c = (o, s, e) => p(o, typeof s != "symbol" ? s + "" : s, e);
 import { useUnsubscribeStore as l } from "../../../stores/unsubscribe.js";
-import { Control as T, UEAttr as i, UIElementType as n } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { DATA_ATTRIBUTES as p } from "./utils/constants.js";
-import { parsePageList as _ } from "./utils/utils.js";
-const v = "ui-elements-unsubscribe", r = {
+import { Control as _, UEAttr as i, UIElementType as n } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { DATA_ATTRIBUTES as d } from "./utils/constants.js";
+import { parsePageList as h } from "./utils/utils.js";
+const g = "ui-elements-unsubscribe", r = {
   SELECT_BUTTON: "selectTemplateButton",
   PREV_BUTTON: "prevButton",
   NEXT_BUTTON: "nextButton",
   COUNTER_TEXT: "counterText",
   PREVIEW_IMAGE: "previewImage"
 };
-class B extends T {
+class B extends _ {
   constructor() {
     super(...arguments);
-    u(this, "currentPreviewIndex", 0);
-    u(this, "currentNode");
-    u(this, "currentPages");
-    u(this, "valueChangeHandlers", []);
-    u(this, "lastParsedAttribute");
+    c(this, "currentPreviewIndex", 0);
+    c(this, "currentNode");
+    c(this, "currentPages");
+    c(this, "valueChangeHandlers", []);
+    c(this, "lastParsedAttribute");
   }
   getId() {
-    return v;
+    return g;
   }
   getTemplate() {
     return `
@@ -34,8 +34,8 @@ class B extends T {
   }
   onTemplateNodeUpdated(e) {
     if (this.currentNode = e, "getAttribute" in this.currentNode) {
-      const t = this.currentNode.getAttribute(p.PAGE_LIST);
-      t && (t !== this.lastParsedAttribute && (this.currentPages = _(t), this.lastParsedAttribute = t, this.currentPreviewIndex = 0), this._updateCounter(), this._loadAndUpdatePreview());
+      const t = this.currentNode.getAttribute(d.PAGE_LIST);
+      t && (t !== this.lastParsedAttribute && (this.currentPages = h(t), this.lastParsedAttribute = t, this.currentPreviewIndex = 0), this._updateCounter(), this._loadAndUpdatePreview());
     }
   }
   onRender() {
@@ -62,11 +62,18 @@ class B extends T {
   _onButtonClick() {
     try {
       const e = l();
-      e.activeType = e.getSelectedCollection[this.currentPreviewIndex], e.pageSelectionUpdateStatus = !0, e.pageSelectionDrawerStatus = !0;
+      this._reseedSelectionFromBlock(), e.activeType = e.getSelectedCollection[this.currentPreviewIndex], e.pageSelectionUpdateStatus = !0, e.pageSelectionDrawerStatus = !0;
     } catch (e) {
       console.error("[UnsubscribeControl] Failed to open drawer:", e);
     }
   }
+  _reseedSelectionFromBlock() {
+    const e = l();
+    if (e.$reset(), !this.currentNode || !("getAttribute" in this.currentNode))
+      return;
+    const t = this.currentNode.getAttribute(d.PAGE_TYPE), a = this.currentNode.getAttribute(d.PAGE_LIST);
+    !t || !a || (e.setCollectionWithoutAutoSelection(Number(t)), e.loadSelectedTemplates(h(a)));
+  }
   _onPrevClick() {
     this.currentPreviewIndex > 0 && (this.currentPreviewIndex--, this._updatePreview(), this._updateCounter());
   }
@@ -80,21 +87,21 @@ class B extends T {
     var e;
     if ((e = this.currentPages) != null && e.length)
       try {
-        const t = this.currentPages[this.currentPreviewIndex], o = l().getThumbnailByTemplateId(t);
-        if (!o) {
+        const t = this.currentPages[this.currentPreviewIndex], u = l().getThumbnailByTemplateId(t);
+        if (!u) {
           console.warn("[UnsubscribeControl] No thumbnail found for page:", t);
           return;
         }
         this.api.updateValues({
-          [r.PREVIEW_IMAGE]: o
+          [r.PREVIEW_IMAGE]: u
         });
       } catch (t) {
         console.error("[UnsubscribeControl] Failed to update preview:", t);
       }
   }
   _updateCounter() {
-    const e = this.currentPreviewIndex + 1, t = this.totalTemplates, c = this.currentPreviewIndex === 0, o = this.currentPreviewIndex >= t - 1;
-    this.api.setUIEAttribute(r.PREV_BUTTON, i.BUTTON.disabled, c), this.api.setUIEAttribute(r.NEXT_BUTTON, i.BUTTON.disabled, o), this.api.setUIEAttribute(
+    const e = this.currentPreviewIndex + 1, t = this.totalTemplates, a = this.currentPreviewIndex === 0, u = this.currentPreviewIndex >= t - 1;
+    this.api.setUIEAttribute(r.PREV_BUTTON, i.BUTTON.disabled, a), this.api.setUIEAttribute(r.NEXT_BUTTON, i.BUTTON.disabled, u), this.api.setUIEAttribute(
       r.COUNTER_TEXT,
       i.LABEL.text,
       `${this.api.translate("Showing")} ${e} ${this.api.translate("of")} ${t}`
@@ -135,14 +142,14 @@ class B extends T {
             </${n.LABEL}>
         `;
   }
-  _getIconButton(e, t, c) {
-    const o = c ? `${i.BUTTON.disabled}="true"` : "";
+  _getIconButton(e, t, a) {
+    const u = a ? `${i.BUTTON.disabled}="true"` : "";
     return `
             <${n.BUTTON}
                 id="${e}"
                 class="flat-inline flat-white"
                 ${i.BUTTON.name}="${e}"
-                ${o}
+                ${u}
             >
                 <${n.ICON}
                     src="${t}"
@@ -165,6 +172,6 @@ class B extends T {
   }
 }
 export {
-  v as UNSUBSCRIBE_CONTROL_ID,
+  g as UNSUBSCRIBE_CONTROL_ID,
   B as UnsubscribeControl
 };

package/dist/guido.css

@@ -1 +1 @@
-.gap-16[data-v-5553d071],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-cd76c125] .in-button-v2__wrapper{line-height:0}[data-v-22226124] .in-segments-wrapper__button_selected,[data-v-22226124] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb;color:#0010ac;border-color:#0010ac}[data-v-2cb418af] .in-progress-wrapper__progress p span:last-child{display:none!important}[data-v-2cb418af] .in-progress-description-status{display:none!important}.view-options-wrapper[data-v-195ab6d4]{position:relative;display:inline-block}.new-tag[data-v-195ab6d4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-195ab6d4] .guido__view-option-selection-desktop svg,[data-v-195ab6d4] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-195ab6d4] .in-segments-wrapper__button_selected,[data-v-195ab6d4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-195ab6d4] .in-tooltip-wrapper__icon{cursor:pointer}.editor-toolbar[data-v-173c3a40]{gap:4px}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history[data-v-64c52560]{gap:8px}.version-history__toolbar[data-v-64c52560]{gap:4px}.view-options-wrapper[data-v-d405ca59]{position:relative;display:inline-block}.new-tag[data-v-d405ca59]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-d405ca59] .guido__verion-history-view-option-selection-desktop svg,[data-v-d405ca59] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-d405ca59] .in-segments-wrapper__button_selected,[data-v-d405ca59] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-d405ca59] .in-tooltip-wrapper__icon{cursor:pointer}.auto-save-toggle[data-v-2c964af4]{position:relative}.auto-save-toggle__info-box[data-v-2c964af4]{position:absolute;top:100%;left:0;z-index:10;width:280px}.editor-actions[data-v-4e2a4adb]{gap:4px}.header-wrapper[data-v-5c02dcc7]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-b293a2b0]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-b293a2b0]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-b293a2b0]{height:calc(100vh - 75px - var(--ribbon-offset))}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-df672485]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-df672485]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-df672485]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-df672485]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-df672485]{object-fit:cover;transform:scale(1)}[data-v-43c617a7] .guido__verion-history-view-option-selection-desktop svg,[data-v-43c617a7] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-43c617a7] .in-segments-wrapper__button_selected,[data-v-43c617a7] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-c3fd5d4b]{gap:16px}.desktop-browser-header[data-v-d86c5af5]{height:79px;min-height:79px}.desktop-browser-header__left[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:378px}.desktop-browser-header__center[data-v-d86c5af5]{height:79px;background-repeat:repeat-x;background-size:auto 100%;background-position:left top}.desktop-browser-header__right[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:112px}.desktop-preview[data-v-988f8da6]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-988f8da6]{min-height:504px}.iframe-wrapper[data-v-e0424e99]{width:258px}.iframe-scaled[data-v-e0424e99]{width:320px;height:124.0310077519%;transform:scale(.80625);transform-origin:top left}.cropped-text[data-v-eb3d05d7]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-preview-wrapper__phone[data-v-3f472f96]{width:282px}.mobile-preview-wrapper__phone img[data-v-3f472f96]{object-fit:cover;border-radius:44px}.mobile-preview-wrapper__content[data-v-3f472f96]{width:258px;height:450px;left:12px}[data-v-7419ae06] .vueperslides__bullets,[data-v-796d193b] .vueperslides__bullets{pointer-events:none!important}[data-v-796d193b] .vueperslides__parallax-wrapper{height:110px!important}[data-v-cadfc82d] .vueperslides__bullets{pointer-events:none!important}[data-v-cadfc82d] .vueperslides__parallax-wrapper{height:110px!important}
+.gap-16[data-v-5553d071],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-73199fa4] .in-button-v2__wrapper{line-height:0}[data-v-22226124] .in-segments-wrapper__button_selected,[data-v-22226124] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb;color:#0010ac;border-color:#0010ac}[data-v-2cb418af] .in-progress-wrapper__progress p span:last-child{display:none!important}[data-v-2cb418af] .in-progress-description-status{display:none!important}.view-options-wrapper[data-v-195ab6d4]{position:relative;display:inline-block}.new-tag[data-v-195ab6d4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-195ab6d4] .guido__view-option-selection-desktop svg,[data-v-195ab6d4] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-195ab6d4] .in-segments-wrapper__button_selected,[data-v-195ab6d4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-195ab6d4] .in-tooltip-wrapper__icon{cursor:pointer}.editor-toolbar[data-v-173c3a40]{gap:4px}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history[data-v-64c52560]{gap:8px}.version-history__toolbar[data-v-64c52560]{gap:4px}.view-options-wrapper[data-v-d405ca59]{position:relative;display:inline-block}.new-tag[data-v-d405ca59]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-d405ca59] .guido__verion-history-view-option-selection-desktop svg,[data-v-d405ca59] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-d405ca59] .in-segments-wrapper__button_selected,[data-v-d405ca59] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-d405ca59] .in-tooltip-wrapper__icon{cursor:pointer}.auto-save-toggle[data-v-2c964af4]{position:relative}.auto-save-toggle__info-box[data-v-2c964af4]{position:absolute;top:100%;left:0;z-index:10;width:280px}.editor-actions[data-v-82128f7d]{gap:4px}.header-wrapper[data-v-5c02dcc7]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-50dac6de]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-50dac6de]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-50dac6de]{height:calc(100vh - 75px - var(--ribbon-offset))}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-f6a8cb4c]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-f6a8cb4c]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-f6a8cb4c]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-f6a8cb4c]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-f6a8cb4c]{object-fit:cover;transform:scale(1)}[data-v-43c617a7] .guido__verion-history-view-option-selection-desktop svg,[data-v-43c617a7] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-43c617a7] .in-segments-wrapper__button_selected,[data-v-43c617a7] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-c3fd5d4b]{gap:16px}.desktop-browser-header[data-v-d86c5af5]{height:79px;min-height:79px}.desktop-browser-header__left[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:378px}.desktop-browser-header__center[data-v-d86c5af5]{height:79px;background-repeat:repeat-x;background-size:auto 100%;background-position:left top}.desktop-browser-header__right[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:112px}.desktop-preview[data-v-988f8da6]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-988f8da6]{min-height:504px}.iframe-wrapper[data-v-e0424e99]{width:258px}.iframe-scaled[data-v-e0424e99]{width:320px;height:124.0310077519%;transform:scale(.80625);transform-origin:top left}.cropped-text[data-v-eb3d05d7]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-preview-wrapper__phone[data-v-3f472f96]{width:282px}.mobile-preview-wrapper__phone img[data-v-3f472f96]{object-fit:cover;border-radius:44px}.mobile-preview-wrapper__content[data-v-3f472f96]{width:258px;height:450px;left:12px}[data-v-7419ae06] .vueperslides__bullets,[data-v-796d193b] .vueperslides__bullets{pointer-events:none!important}[data-v-796d193b] .vueperslides__parallax-wrapper{height:110px!important}[data-v-cadfc82d] .vueperslides__bullets{pointer-events:none!important}[data-v-cadfc82d] .vueperslides__parallax-wrapper{height:110px!important}

package/dist/src/components/Guido.vue.d.ts

@@ -12,6 +12,7 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<__
     };
     hasChanges: import("vue").ComputedRef<boolean>;
     saveSilent: () => Promise<Omit<SavedTemplateDetails, "metadata" | "silent"> | undefined> | undefined;
+    setLoading: (value: boolean) => void;
 }, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {
     "dynamic-content:open": (detail: {
         text: string;

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

@@ -1,4 +1,5 @@
 import type { CompilationResult } from '@@/Types/html-compiler';
 export declare const useHtmlCompiler: () => {
     compileHtml: (html: string) => CompilationResult;
+    compileAmpHtml: (amp: string) => CompilationResult;
 };

package/dist/src/extensions/Blocks/Recommendation/templates/grid/elementRenderer.d.ts

@@ -17,4 +17,11 @@ export declare const DEFAULT_CELL_PADDING = "0 5px";
  * Used by controls to reliably select direct children for spacing adjustments
  */
 export declare const ATTRIBUTE_CELL_CLASS = "attribute-cell";
+/**
+ * Builds an empty filler cell used to pad incomplete rows (productsPerRow >
+ * number of products). Without fillers, table-layout:fixed redistributes the
+ * width among fewer cells and stretches them. Shared by the template and the
+ * card-composition control so both render identical filler markup.
+ */
+export declare function buildFillerCell(columnWidth: string, padding?: string): string;
 export declare const gridElementRenderer: ElementRenderer;

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

@@ -6,7 +6,7 @@
  */
 import type { RecommendationProduct } from '@@/Types/recommendation';
 import { type Orientation, type PrepareProductRowsOptions } from './utils';
-export { DEFAULTS, DEFAULT_CARD_COMPOSITION, DEFAULT_CARD_VISIBILITY, getDefaultProducts, spacer, sanitizeImageUrl, createBlockTemplate, type Orientation, type PrepareProductRowsOptions, type ElementRenderer, type ProductCardGetter, } from './utils';
+export { DEFAULTS, DEFAULT_CARD_COMPOSITION, DEFAULT_CARD_VISIBILITY, getDefaultProducts, spacer, sanitizeImageUrl, createBlockTemplate, toDisplayableAttributeValue, type Orientation, type PrepareProductRowsOptions, type ElementRenderer, type ProductCardGetter, } from './utils';
 /**
  * Unified function to prepare product rows for any layout.
  * Delegates to the appropriate layout-specific implementation.

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

@@ -5,6 +5,14 @@ import { ATTR_PRODUCT_IMAGE, ATTR_PRODUCT_NAME, ATTR_PRODUCT_PRICE, ATTR_PRODUCT
  * e.g., "rating_star" → "Rating Star"
  */
 export declare function toDisplayName(attrName: string): string;
+/**
+ * Reduces a raw product-attribute value to a displayable scalar string.
+ * Array-type attributes (filter types `Strings`/`Numbers`) are substituted with
+ * their last item by the email renderer at send time, so we mirror that here to
+ * keep the editor preview consistent with what is actually sent.
+ * Returns undefined when there is no displayable string/number.
+ */
+export declare function toDisplayableAttributeValue(value: unknown): string | undefined;
 /**
  * Checks whether an attribute is a default (top-level) product attribute
  * vs a custom product attribute (nested under `product_attributes`).

package/dist/src/extensions/Blocks/Recommendation/templates/utils.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,7 @@
+/**
+ * Returns the extra recommendation feed query params for an account, if any.
+ * Accounts without customizations get an empty object.
+ * @param partnerName Account subdomain (`config.partner.name`)
+ * @param strategy    Recommendation strategy key of the block
+ */
+export declare function getPartnerRecommendationParams(partnerName: string, strategy: string): Record<string, string>;

package/dist/src/extensions/Blocks/Recommendation/utils/priceFormatter.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/extensions/Blocks/Unsubscribe/control.d.ts

@@ -15,6 +15,7 @@ export declare class UnsubscribeControl extends Control {
     private get totalTemplates();
     private _listenToFormUpdates;
     private _onButtonClick;
+    private _reseedSelectionFromBlock;
     private _onPrevClick;
     private _onNextClick;
     private _loadAndUpdatePreview;

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

@@ -0,0 +1,2 @@
+export declare const AMP_ERROR_WHITELISTED_TOKENS: string[];
+export declare const filterAmpErrors: (ampErrors: string[]) => string[];

package/dist/src/utils/ampErrorFilter.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -1,4 +1,20 @@
 import type { SavedTemplateDetails } from '@@/Types/stripo';
+/**
+ * Collects every unsubscribe page id referenced by the unsubscribe blocks
+ * present in the email HTML, deduped.
+ *
+ * The email's unsubscribe link is variation-scoped on the backend, which
+ * resolves the page to render from the page ids the FE persists for that
+ * variation. Those ids must reflect the blocks actually in the email — not a
+ * UI-only selection store — otherwise a block that entered the editor by any
+ * path other than the page-selection UI (e.g. a dropped saved module) sends an
+ * empty association and the backend falls back to the default page.
+ *
+ * Read from raw editor HTML: the `data-unsubscribe-page-list` attribute lives
+ * on the block node there (the save-time sync-module extractor relies on the
+ * same source), so it is reliably present regardless of how the block was added.
+ */
+export declare function getHtmlReferencedUnsubscribePages(html: string): number[];
 export declare const useTemplatePreparation: () => {
     prepareTemplateDetails: () => Promise<Omit<SavedTemplateDetails, "metadata">>;
 };

package/dist/src/utils/templatePreparation.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/utils/ampErrorFilter.js

@@ -0,0 +1,8 @@
+import { MERGE_TAGS as t } from "../enums/unsubscribe.js";
+const E = Object.values(t), c = (r) => r.filter(
+  (e) => !E.some((o) => e.includes(o))
+);
+export {
+  E as AMP_ERROR_WHITELISTED_TOKENS,
+  c as filterAmpErrors
+};

package/dist/utils/templatePreparation.js

@@ -1,58 +1,58 @@
-import { useActionsApi as C } from "../composables/useActionsApi.js";
-import { useHtmlCompiler as T } from "../composables/useHtmlCompiler.js";
-import { DEFAULT_CURRENCY as d, DEFAULT_NODE_CONFIG as s } from "../extensions/Blocks/Recommendation/constants/defaultConfig.js";
+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 { DATA_ATTRIBUTES as S } from "../extensions/Blocks/Unsubscribe/utils/constants.js";
-import { parsePageList as D } from "../extensions/Blocks/Unsubscribe/utils/utils.js";
-import { useDynamicContentStore as P } from "../stores/dynamic-content.js";
-import { useUnsubscribeStore as w } from "../stores/unsubscribe.js";
-function E(i, o) {
-  const t = new DOMParser().parseFromString(i, "text/html").querySelectorAll(`[${S.PAGE_LIST}]`), c = [];
-  return t.forEach((r) => {
-    const a = r.getAttribute(S.PAGE_LIST);
-    a && c.push(...D(a));
-  }), o.filter((r) => c.includes(r));
+import { DATA_ATTRIBUTES as h } 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(s) {
+  const o = new DOMParser().parseFromString(s, "text/html").querySelectorAll(`[${h.PAGE_LIST}]`), t = [];
+  return o.forEach((n) => {
+    const a = n.getAttribute(h.PAGE_LIST);
+    a && t.push(...E(a));
+  }), [...new Set(t)];
 }
-async function U(i) {
-  const m = new DOMParser().parseFromString(i, "text/html").querySelectorAll(".recommendation-block-v2");
+async function R(s) {
+  const m = new DOMParser().parseFromString(s, "text/html").querySelectorAll(".recommendation-block-v2");
   if (m.length === 0)
     return;
-  const l = b();
+  const o = b();
   m.forEach((t) => {
-    var g, f, u, n, y;
-    const c = t.getAttribute("recommendation-id"), r = c ? Number(c) : NaN;
-    if (!Number.isFinite(r))
+    var c, p, g, f, r;
+    const n = t.getAttribute("recommendation-id"), a = n ? Number(n) : NaN;
+    if (!Number.isFinite(a))
       return;
-    const a = t.getAttribute("esd-ext-config");
-    if (!a)
+    const d = t.getAttribute("esd-ext-config");
+    if (!d)
       return;
     let e;
     try {
-      e = JSON.parse(a);
+      e = JSON.parse(d);
     } catch {
       return;
     }
     if (!e || typeof e != "object" || Array.isArray(e))
       return;
-    const p = {
-      strategy: e.strategy ?? s.strategy,
-      language: e.language ?? s.language,
-      size: e.size ?? s.size,
+    const y = {
+      strategy: e.strategy ?? i.strategy,
+      language: e.language ?? i.language,
+      size: e.size ?? i.size,
       // Spread the default arrays so each block gets a fresh reference
       // instead of sharing the singleton in DEFAULT_NODE_CONFIG.
-      productIds: e.productIds ?? [...s.productIds],
-      filters: e.filters ?? [...s.filters],
-      shuffleProducts: e.shuffleProducts ?? s.shuffleProducts,
-      currencyCode: ((g = e.currency) == null ? void 0 : g.code) ?? d.code,
-      currencyAlignment: ((f = e.currency) == null ? void 0 : f.alignment) ?? d.alignment,
-      currencyDecimalCount: ((u = e.currency) == null ? void 0 : u.decimalCount) ?? d.decimalCount,
-      currencyDecimalSeparator: ((n = e.currency) == null ? void 0 : n.decimalSeparator) ?? d.decimalSeparator,
-      currencyThousandSeparator: ((y = e.currency) == null ? void 0 : y.thousandSeparator) ?? d.thousandSeparator
+      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
     };
-    l.seedBlockUrlConfig(r, p);
+    o.seedBlockUrlConfig(a, y);
   });
   try {
-    await l.fetchRecommendationCreateData();
+    await o.fetchRecommendationCreateData();
   } catch (t) {
     console.warn(
       "Recommendation reference data pre-load failed; validator will skip the availability check.",
@@ -60,42 +60,43 @@ async function U(i) {
     );
   }
 }
-const _ = () => {
-  const i = P(), o = w(), { getCompiledEmail: m, getTemplateData: l } = C(), { compileHtml: t } = T();
+const v = () => {
+  const s = H(), u = U(), { getCompiledEmail: m, getTemplateData: o } = P(), { compileHtml: t, compileAmpHtml: n } = w();
   return {
     prepareTemplateDetails: async () => {
-      const { html: r, ampHtml: a = "", ampErrors: e = [] } = await m({
+      const { html: d, ampHtml: e = "", ampErrors: y = [] } = await m({
         minimize: !0,
         resetDataSavedFlag: !1
-      }), { html: p, css: g, syncModulesIds: f = [] } = await l();
-      o.selectedUnsubscribePages.length && await o.fetchTemplates(), await U(p);
-      const { compiledHtml: u, stats: n, appliedRules: y } = t(r), h = i.getSelectedDynamicContentList, A = b();
+      }), { 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 && n(e).compiledHtml, T = s.getSelectedDynamicContentList, D = b(), S = F(c);
       return console.debug("HTML Compilation Stats:", {
-        originalSize: n.originalSize,
-        compiledSize: n.compiledSize,
-        reduction: `${n.reductionPercentage.toFixed(2)}%`,
-        appliedRules: y,
-        executionTime: `${n.executionTime.toFixed(2)}ms`
+        originalSize: r.originalSize,
+        compiledSize: r.compiledSize,
+        reduction: `${r.reductionPercentage.toFixed(2)}%`,
+        appliedRules: A,
+        executionTime: `${r.executionTime.toFixed(2)}ms`
       }), {
-        dynamicContentList: h,
-        compiledHtml: u,
-        rawHtml: p,
-        css: g,
-        ampHtml: a,
-        ampErrors: e,
-        modules: f.map(Number),
+        dynamicContentList: T,
+        compiledHtml: f,
+        rawHtml: c,
+        css: p,
+        ampHtml: C,
+        ampErrors: y,
+        modules: g.map(Number),
         recommendation: {
-          campaignUrls: A.recommendationCampaignUrls,
+          campaignUrls: D.recommendationCampaignUrls,
           configs: {}
         },
         unsubscribe: {
-          status: o.unsubscribePagesStatus,
-          config: E(u, o.selectedUnsubscribePages)
+          status: S.length > 0,
+          config: S
         }
       };
     }
   };
 };
 export {
-  _ as useTemplatePreparation
+  F as getHtmlReferencedUnsubscribePages,
+  v as useTemplatePreparation
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.6.0",
+  "version": "3.7.0-beta.04f8814",
   "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",