@useinsider/guido 3.6.0-beta.4f2bf14 → 3.6.0-beta.859e737

package/dist/composables/useStripoEventHandler.js

@@ -1,35 +1,33 @@
-import { useStripoApi as c } from "../services/stripoApi.js";
+import { useStripoApi as i } from "../services/stripoApi.js";
 import { useEditorStore as u } from "../stores/editor.js";
 import { useOnboardingStore as l } from "../stores/onboarding.js";
 import { useUnsubscribeStore as b } from "../stores/unsubscribe.js";
 const v = () => {
-  const { updateSyncModule: r, getSyncModule: a } = c(), t = u(), s = b(), i = {
+  const { updateSyncModule: d, getSyncModule: r } = i(), n = u(), s = b(), a = {
     block_dropped: ({ blockName: e }) => {
       if (e === "BLOCK_TEXT") {
-        const o = l(), n = !o.shouldShowOnboarding("textBlockOnboarding"), d = o.isActive("textBlockOnboarding");
-        if (n || d)
+        const o = l(), t = !o.shouldShowOnboarding("textBlockOnboarding"), c = o.isActive("textBlockOnboarding");
+        if (t || c)
           return;
         o.start("textBlockOnboarding");
       }
     },
     module_saved: async (e) => {
-      t.syncModulesEnabled && (console.debug("[module_saved] Saved module data:", e), await r(e));
+      n.syncModulesEnabled && (console.debug("[module_saved] Saved module data:", e), await d(e));
     },
     module_dropped: async (e) => {
-      if (!t.syncModulesEnabled)
+      if (!n.syncModulesEnabled)
         return;
-      const { moduleId: o } = e, n = await a(o);
-      console.debug("[module_dropped] Sync module data:", n), n.unsubscriptionPreferencePages.length && (await s.fetchTemplates(), s.addUnsubscribePages(
-        n.unsubscriptionPreferencePages.map((d) => d.id)
-      ));
+      const { moduleId: o } = e, t = await r(o);
+      console.debug("[module_dropped] Sync module data:", t), t.unsubscriptionPreferencePages.length && await s.fetchTemplates();
     },
     module_updated: async (e) => {
-      t.syncModulesEnabled && (console.debug("[module_updated] Updated module data:", e), await r(e));
+      n.syncModulesEnabled && (console.debug("[module_updated] Updated module data:", e), await d(e));
     }
   };
   return { handleEvent: async (e, o) => {
-    const n = i[e];
-    console.debug("Stripo Event: ", e, o), n && await n(o);
+    const t = a[e];
+    console.debug("Stripo Event: ", e, o), t && await t(o);
   } };
 };
 export {

package/dist/extensions/Blocks/Recommendation/controls/main/index.js

@@ -1,31 +1,31 @@
-var f = Object.defineProperty;
-var p = (d, l, t) => l in d ? f(d, l, { enumerable: !0, configurable: !0, writable: !0, value: t }) : d[l] = t;
-var s = (d, l, t) => p(d, typeof l != "symbol" ? l + "" : l, t);
+var C = Object.defineProperty;
+var p = (d, c, t) => c in d ? C(d, c, { enumerable: !0, configurable: !0, writable: !0, value: t }) : d[c] = t;
+var s = (d, c, t) => p(d, typeof c != "symbol" ? c + "" : c, t);
 import { CommonControl as g } from "../../../common-control.js";
 import { DEFAULT_NODE_CONFIG as a } from "../../constants/defaultConfig.js";
 import { RecommendationConfigService as h } from "../../services/configService.js";
 import { useRecommendationExtensionStore as y } from "../../store/recommendation.js";
-import { AlgorithmControl as R } from "./algorithm.js";
-import { ALGORITHM_CONTROL_ID as J } from "./algorithm.js";
-import { CurrencyControl as N } from "./currency.js";
-import { CURRENCY_CONTROL_ID as X } from "./currency.js";
+import { AlgorithmControl as N } from "./algorithm.js";
+import { ALGORITHM_CONTROL_ID as Q } from "./algorithm.js";
+import { CurrencyControl as R } from "./currency.js";
+import { CURRENCY_CONTROL_ID as Z } from "./currency.js";
 import { FiltersControl as _ } from "./filters.js";
-import { FILTERS_CONTROL_ID as tt } from "./filters.js";
+import { FILTERS_CONTROL_ID as et } from "./filters.js";
 import { LayoutOrientationControl as b } from "./layoutOrientation.js";
-import { LAYOUT_ORIENTATION_CONTROL_ID as ot } from "./layoutOrientation.js";
+import { LAYOUT_ORIENTATION_CONTROL_ID as rt } from "./layoutOrientation.js";
 import { LocaleControl as O } from "./locale.js";
-import { LOCALE_CONTROL_ID as nt } from "./locale.js";
+import { LOCALE_CONTROL_ID as it } from "./locale.js";
 import { ProductCountControl as I } from "./productCount.js";
-import { PRODUCT_COUNT_CONTROL_ID as st } from "./productCount.js";
+import { PRODUCT_COUNT_CONTROL_ID as at } from "./productCount.js";
 import { ProductLayoutControl as T } from "./productLayout.js";
 import { PRODUCT_LAYOUT_CONTROL_ID as lt } from "./productLayout.js";
 import { ShuffleControl as S } from "./shuffle.js";
-import { SHUFFLE_CONTROL_ID as ut } from "./shuffle.js";
-import { getBlockElement as L, updateProductContentInPlace as P, regenerateProductRowsWithStyles as D } from "./utils.js";
-import { adjustProductsToSize as ht, formatProductPrice as mt, getCardComposition as Ct, getCurrentLayout as ft, reapplySpacing as pt, regenerateMobileProductRows as gt, regenerateProductRows as yt, setCurrencyAttributes as Rt, updatePricesInPlace as Nt, updateSingleProductContent as _t } from "./utils.js";
+import { SHUFFLE_CONTROL_ID as dt } from "./shuffle.js";
+import { setCurrencyAttributes as L, getBlockElement as P, updateProductContentInPlace as D, regenerateProductRowsWithStyles as k } from "./utils.js";
+import { adjustProductsToSize as mt, formatProductPrice as ft, getCardComposition as Ct, getCurrentLayout as pt, reapplySpacing as gt, regenerateMobileProductRows as yt, regenerateProductRows as Nt, updatePricesInPlace as Rt, updateSingleProductContent as _t } from "./utils.js";
 import { useDebounceFn as m } from "../../../../../node_modules/@vueuse/shared/index.js";
-const k = "recommendation-id", E = "ui-elements-recommendation-block";
-class H extends g {
+const E = "recommendation-id", v = "ui-elements-recommendation-block";
+class K extends g {
   constructor() {
     super(...arguments);
     s(this, "store", y());
@@ -62,11 +62,11 @@ class H extends g {
       if (!this.currentNode || !this.api)
         return;
       const e = this.api.getDocumentModifier();
-      P({
+      D({
         currentNode: this.currentNode,
         documentModifier: e,
         products: t
-      }) || D({
+      }) || k({
         currentNode: this.currentNode,
         documentModifier: e,
         products: t
@@ -74,10 +74,10 @@ class H extends g {
     }, 100));
   }
   getId() {
-    return E;
+    return v;
   }
   getTemplate() {
-    return this.algorithmControl = new R(), this.localeControl = new O(), this.currencyControl = new N(), this.productCountControl = new I(), this.productLayoutControl = new T(), this.filtersControl = new _(), this.shuffleControl = new S(), this.layoutOrientationControl = new b(), [
+    return this.algorithmControl = new N(), this.localeControl = new O(), this.currencyControl = new R(), this.productCountControl = new I(), this.productLayoutControl = new T(), this.filtersControl = new _(), this.shuffleControl = new S(), this.layoutOrientationControl = new b(), [
       this.algorithmControl,
       this.localeControl,
       this.currencyControl,
@@ -263,7 +263,11 @@ class H extends g {
       this.currentNode,
       e,
       "Applied smart defaults"
-    ), this.store.patchCurrentBlockConfig({
+    ), o && e.currency && L({
+      currentNode: this.currentNode,
+      documentModifier: this.api.getDocumentModifier(),
+      currency: e.currency
+    }), this.store.patchCurrentBlockConfig({
       ...o ? {
         currencySettings: {
           name: o,
@@ -283,10 +287,10 @@ class H extends g {
    * Reads the recommendation-id attribute from the block element within the node
    */
   _getRecommendationIdFromNode(t) {
-    const e = L(t);
+    const e = P(t);
     if (!e || !("getAttribute" in e))
       return null;
-    const o = e.getAttribute(k);
+    const o = e.getAttribute(E);
     if (!o)
       return null;
     const r = parseInt(o);
@@ -316,8 +320,8 @@ class H extends g {
       }
       const i = t.$state.configVersion;
       i !== o && (o = i, this._persistFiltersToNodeConfig(), this._debouncedFetchProducts());
-      const c = t.recommendationProducts, u = c !== e, C = Array.isArray(c) && c.length > 0;
-      u && C && (e = c, this._debouncedRegenerateWithProducts());
+      const l = t.recommendationProducts, u = l !== e, f = Array.isArray(l) && l.length > 0;
+      u && f && (e = l, this._debouncedRegenerateWithProducts());
     });
   }
   /**
@@ -337,35 +341,35 @@ class H extends g {
   }
 }
 export {
-  J as ALGORITHM_CONTROL_ID,
-  R as AlgorithmControl,
-  E as CONTROL_BLOCK_ID,
-  X as CURRENCY_CONTROL_ID,
-  N as CurrencyControl,
-  tt as FILTERS_CONTROL_ID,
+  Q as ALGORITHM_CONTROL_ID,
+  N as AlgorithmControl,
+  v as CONTROL_BLOCK_ID,
+  Z as CURRENCY_CONTROL_ID,
+  R as CurrencyControl,
+  et as FILTERS_CONTROL_ID,
   _ as FiltersControl,
-  ot as LAYOUT_ORIENTATION_CONTROL_ID,
-  nt as LOCALE_CONTROL_ID,
+  rt as LAYOUT_ORIENTATION_CONTROL_ID,
+  it as LOCALE_CONTROL_ID,
   b as LayoutOrientationControl,
   O as LocaleControl,
-  st as PRODUCT_COUNT_CONTROL_ID,
+  at as PRODUCT_COUNT_CONTROL_ID,
   lt as PRODUCT_LAYOUT_CONTROL_ID,
   I as ProductCountControl,
   T as ProductLayoutControl,
-  H as RecommendationBlockControl,
-  ut as SHUFFLE_CONTROL_ID,
+  K as RecommendationBlockControl,
+  dt as SHUFFLE_CONTROL_ID,
   S as ShuffleControl,
-  ht as adjustProductsToSize,
-  mt as formatProductPrice,
-  L as getBlockElement,
+  mt as adjustProductsToSize,
+  ft as formatProductPrice,
+  P as getBlockElement,
   Ct as getCardComposition,
-  ft as getCurrentLayout,
-  pt as reapplySpacing,
-  gt as regenerateMobileProductRows,
-  yt as regenerateProductRows,
-  D as regenerateProductRowsWithStyles,
-  Rt as setCurrencyAttributes,
-  Nt as updatePricesInPlace,
-  P as updateProductContentInPlace,
+  pt as getCurrentLayout,
+  gt as reapplySpacing,
+  yt as regenerateMobileProductRows,
+  Nt as regenerateProductRows,
+  k as regenerateProductRowsWithStyles,
+  L as setCurrencyAttributes,
+  Rt as updatePricesInPlace,
+  D as updateProductContentInPlace,
   _t as updateSingleProductContent
 };

package/dist/extensions/Blocks/Recommendation/controls/main/utils.js

@@ -1,6 +1,6 @@
 import { ModificationDescription as p } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { RecommendationBlockId as m } from "../../constants/blockIds.js";
-import { MOBILE_CONTAINER_SELECTOR as q, MOBILE_ROW_SELECTOR as k, CURRENCY_ATTR as y, DESKTOP_CONTAINER_SELECTOR as P, CONTAINER_SELECTOR as v, ATTR_PRODUCT_ATTR as W } from "../../constants/selectors.js";
+import { CURRENCY_ATTR as y, MOBILE_CONTAINER_SELECTOR as q, MOBILE_ROW_SELECTOR as k, DESKTOP_CONTAINER_SELECTOR as P, CONTAINER_SELECTOR as v, ATTR_PRODUCT_ATTR as W } from "../../constants/selectors.js";
 import { RecommendationConfigService as E } from "../../services/configService.js";
 import { useRecommendationExtensionStore as C } from "../../store/recommendation.js";
 import { prepareProductRows as _ } from "../../templates/index.js";

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/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 T } from "../composables/useActionsApi.js";
+import { useHtmlCompiler as D } from "../composables/useHtmlCompiler.js";
+import { DEFAULT_CURRENCY as l, DEFAULT_NODE_CONFIG as a } 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 P } from "../extensions/Blocks/Unsubscribe/utils/utils.js";
+import { useDynamicContentStore as w } from "../stores/dynamic-content.js";
+import { useUnsubscribeStore as E } from "../stores/unsubscribe.js";
+function U(c) {
+  const n = new DOMParser().parseFromString(c, "text/html").querySelectorAll(`[${h.PAGE_LIST}]`), t = [];
+  return n.forEach((s) => {
+    const r = s.getAttribute(h.PAGE_LIST);
+    r && t.push(...P(r));
+  }), [...new Set(t)];
 }
-async function U(i) {
-  const m = new DOMParser().parseFromString(i, "text/html").querySelectorAll(".recommendation-block-v2");
-  if (m.length === 0)
+async function F(c) {
+  const i = new DOMParser().parseFromString(c, "text/html").querySelectorAll(".recommendation-block-v2");
+  if (i.length === 0)
     return;
-  const l = b();
-  m.forEach((t) => {
-    var g, f, u, n, y;
-    const c = t.getAttribute("recommendation-id"), r = c ? Number(c) : NaN;
+  const n = b();
+  i.forEach((t) => {
+    var p, g, f, o, y;
+    const s = t.getAttribute("recommendation-id"), r = s ? Number(s) : NaN;
     if (!Number.isFinite(r))
       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 m = {
+      strategy: e.strategy ?? a.strategy,
+      language: e.language ?? a.language,
+      size: e.size ?? a.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 ?? [...a.productIds],
+      filters: e.filters ?? [...a.filters],
+      shuffleProducts: e.shuffleProducts ?? a.shuffleProducts,
+      currencyCode: ((p = e.currency) == null ? void 0 : p.code) ?? l.code,
+      currencyAlignment: ((g = e.currency) == null ? void 0 : g.alignment) ?? l.alignment,
+      currencyDecimalCount: ((f = e.currency) == null ? void 0 : f.decimalCount) ?? l.decimalCount,
+      currencyDecimalSeparator: ((o = e.currency) == null ? void 0 : o.decimalSeparator) ?? l.decimalSeparator,
+      currencyThousandSeparator: ((y = e.currency) == null ? void 0 : y.thousandSeparator) ?? l.thousandSeparator
     };
-    l.seedBlockUrlConfig(r, p);
+    n.seedBlockUrlConfig(r, m);
   });
   try {
-    await l.fetchRecommendationCreateData();
+    await n.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 k = () => {
+  const c = w(), u = E(), { getCompiledEmail: i, getTemplateData: n } = T(), { compileHtml: t } = D();
   return {
     prepareTemplateDetails: async () => {
-      const { html: r, ampHtml: a = "", ampErrors: e = [] } = await m({
+      const { html: r, ampHtml: d = "", ampErrors: e = [] } = await i({
         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: m, css: p, syncModulesIds: g = [] } = await n();
+      u.selectedUnsubscribePages.length && await u.fetchTemplates(), await F(m);
+      const { compiledHtml: f, stats: o, appliedRules: y } = t(r), A = c.getSelectedDynamicContentList, C = b(), S = U(m);
       return console.debug("HTML Compilation Stats:", {
-        originalSize: n.originalSize,
-        compiledSize: n.compiledSize,
-        reduction: `${n.reductionPercentage.toFixed(2)}%`,
+        originalSize: o.originalSize,
+        compiledSize: o.compiledSize,
+        reduction: `${o.reductionPercentage.toFixed(2)}%`,
         appliedRules: y,
-        executionTime: `${n.executionTime.toFixed(2)}ms`
+        executionTime: `${o.executionTime.toFixed(2)}ms`
       }), {
-        dynamicContentList: h,
-        compiledHtml: u,
-        rawHtml: p,
-        css: g,
-        ampHtml: a,
+        dynamicContentList: A,
+        compiledHtml: f,
+        rawHtml: m,
+        css: p,
+        ampHtml: d,
         ampErrors: e,
-        modules: f.map(Number),
+        modules: g.map(Number),
         recommendation: {
-          campaignUrls: A.recommendationCampaignUrls,
+          campaignUrls: C.recommendationCampaignUrls,
           configs: {}
         },
         unsubscribe: {
-          status: o.unsubscribePagesStatus,
-          config: E(u, o.selectedUnsubscribePages)
+          status: S.length > 0,
+          config: S
         }
       };
     }
   };
 };
 export {
-  _ as useTemplatePreparation
+  U as getHtmlReferencedUnsubscribePages,
+  k as useTemplatePreparation
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.6.0-beta.4f2bf14",
+  "version": "3.6.0-beta.859e737",
   "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",