@useinsider/guido 3.4.1-beta.c04b4e7 → 3.4.1-beta.ce8d9b0

package/dist/composables/useActionsApi.js

@@ -21,9 +21,9 @@ const v = () => {
       resetDataSavedFlag: !1,
       disableLineHeightsReplace: !0
     }, ...t }, s = {
-      callback: (l, p, d, c, u) => {
+      callback: (l, r, d, c, u) => {
         l ? a(l) : e({
-          html: p,
+          html: r,
           ampHtml: d,
           ampErrors: c,
           displayConditions: u
@@ -36,11 +36,11 @@ const v = () => {
   return {
     getCompiledEmail: m,
     getTemplateData: () => new Promise((t) => {
-      const e = ({ html: a, css: i, width: o, height: r, utmParams: s, syncModulesIds: l }) => t({
+      const e = ({ html: a, css: i, width: o, height: p, utmParams: s, syncModulesIds: l }) => t({
         html: a,
         css: i,
         width: o,
-        height: r,
+        height: p,
         utmParams: s,
         syncModulesIds: l
       });
@@ -91,11 +91,7 @@ const v = () => {
     },
     editorSave: () => new Promise((t) => {
       window.StripoEditorApi.actionsApi.save((e) => {
-        if (e) {
-          n(e, "Failed to save template"), t(!1);
-          return;
-        }
-        t(!0);
+        e && n(e, "Failed to save template"), t();
       });
     })
   };

package/dist/composables/useHtmlCompiler.js

@@ -1,30 +1,48 @@
-import { defaultHtmlCompilerRules as c } from "../config/compiler/htmlCompilerRules.js";
-import { itemsCompilerRules as f } from "../config/compiler/itemsCompilerRules.js";
-import { liquidCompilerRules as R } from "../config/compiler/liquidCompilerRules.js";
-import { outlookCompilerRules as C } from "../config/compiler/outlookCompilerRules.js";
-import { recommendationCompilerRules as d } from "../config/compiler/recommendationCompilerRules.js";
-import { socialCompilerRules as b } from "../config/compiler/socialCompilerRules.js";
-import { unsubscribeCompilerRules as g } from "../config/compiler/unsubscribeCompilerRules.js";
-import { createHtmlCompiler as H } from "../utils/htmlCompiler.js";
-import { useConfig as v } from "./useConfig.js";
-const w = () => {
-  var l, m, r;
-  const { compiler: e, isFeatureEnabled: t, partner: i } = v(), s = ((l = e.value) == null ? void 0 : l.customRules) || [], u = [
-    ...!!((m = e.value) != null && m.ignoreDefaultRules) ? [] : c,
-    ...d,
+import { defaultHtmlCompilerRules as R } from "../config/compiler/htmlCompilerRules.js";
+import { itemsCompilerRules as g } from "../config/compiler/itemsCompilerRules.js";
+import { liquidCompilerRules as C } from "../config/compiler/liquidCompilerRules.js";
+import { outlookCompilerRules as b } from "../config/compiler/outlookCompilerRules.js";
+import { recommendationCompilerRules as v } from "../config/compiler/recommendationCompilerRules.js";
+import { socialCompilerRules as H } from "../config/compiler/socialCompilerRules.js";
+import { unsubscribeCompilerRules as x } from "../config/compiler/unsubscribeCompilerRules.js";
+import { createHtmlCompiler as s } from "../utils/htmlCompiler.js";
+import { useConfig as k } from "./useConfig.js";
+const y = /* @__PURE__ */ new Set([
+  // URL/tag encoding fixes — keep merge-tag and placeholder integrity intact.
+  "fix-url-encoding-start",
+  "fix-url-encoding-end",
+  "fix-tags-start",
+  "fix-tags-end",
+  // Image domain corrections — plain string replacement.
+  "replace-old-image-domain",
+  "replace-old-v2-image-domain",
+  // Unsubscribe domain — the actual fix: injects the real unsubscribe href in
+  // place of the `{{ins-*-unsubscribe-link}}` placeholders, plus related
+  // unsubscribe-only cleanups. All pure regex/text, no AMP-forbidden output.
+  "add-unsubscribe-link-values",
+  "remove-data-ogsb-button-styles",
+  "format-comment-braces",
+  "add-universal-link-flags",
+  // Coupon placeholder replacement (only present when liquidSyntax is enabled).
+  "liquid-coupon-code"
+]), M = () => {
+  var m, t, r;
+  const { compiler: e, isFeatureEnabled: a, partner: n } = k(), u = ((m = e.value) == null ? void 0 : m.customRules) || [], l = [
+    ...!!((t = e.value) != null && t.ignoreDefaultRules) ? [] : R,
+    ...v,
+    ...x,
     ...g,
-    ...f,
-    ...C,
     ...b,
-    ...t("liquidSyntax") ? R : [],
-    ...s.map((o, a) => ({
+    ...H,
+    ...a("liquidSyntax") ? C : [],
+    ...u.map((o, f) => ({
       ...o,
-      priority: o.priority + 1e3 + a
+      priority: o.priority + 1e3 + f
       // Ensure additional rules run after default rules
     }))
-  ], p = H(u), n = (r = i.value) == null ? void 0 : r.fallbackFont;
-  return { compileHtml: (o) => p.compile(o, void 0, n) };
+  ], p = s(l), c = l.filter((o) => y.has(o.id)), d = s(c), i = (r = n.value) == null ? void 0 : r.fallbackFont;
+  return { compileHtml: (o) => p.compile(o, void 0, i), compileAmpHtml: (o) => d.compile(o, void 0, i) };
 };
 export {
-  w as useHtmlCompiler
+  M as useHtmlCompiler
 };

package/dist/composables/useSave.js

@@ -1,31 +1,32 @@
 import { useActionsApi as x } from "./useActionsApi.js";
 import { useConfig as y } from "./useConfig.js";
 import { useSaveStart as w, useSaveComplete as C } from "./useGuidoActions.js";
-import { useSyncModuleExtractor as E } from "./useSyncModuleExtractor.js";
-import { useStripoApi as H } from "../services/stripoApi.js";
-import { useTemplatePreparation as b } from "../utils/templatePreparation.js";
-import { useHtmlValidator as q } from "./useHtmlValidator.js";
-import { useCouponBlockValidator as L } from "./validators/useCouponBlockValidator.js";
-import { useLiquidValidator as P } from "./validators/useLiquidValidator.js";
-const z = () => {
-  const o = w(), s = C(), { validateHtml: r } = q(), { validateLiquidSyntax: n } = P(), { validateCouponBlockTags: l } = L(), { callbacks: a, isFeatureEnabled: d } = y(), { extractSyncModuleData: u } = E(), { setSyncModuleUnsubscriptionPages: c } = H(), { editorSave: m } = x();
+import { useSyncModuleExtractor as H } from "./useSyncModuleExtractor.js";
+import { useStripoApi as b } from "../services/stripoApi.js";
+import { useTemplatePreparation as q } from "../utils/templatePreparation.js";
+import { useHtmlValidator as L } from "./useHtmlValidator.js";
+import { useCouponBlockValidator as P } from "./validators/useCouponBlockValidator.js";
+import { useLiquidValidator as E } from "./validators/useLiquidValidator.js";
+const j = () => {
+  const o = w(), s = C(), { validateHtml: r } = L(), { validateLiquidSyntax: l } = E(), { validateCouponBlockTags: n } = P(), { callbacks: a, isFeatureEnabled: d } = y(), { extractSyncModuleData: u } = H(), { setSyncModuleUnsubscriptionPages: c } = b(), { editorSave: m } = x();
   return { save: async (p = !1, f = !1) => {
     var i;
     o();
-    const { prepareTemplateDetails: v } = b(), t = await v();
-    if (!l(t.compiledHtml))
+    const { prepareTemplateDetails: v } = q(), t = await v();
+    if (!n(t.compiledHtml))
       return;
     if (d("liquidSyntax")) {
-      if (!await n(t.compiledHtml))
+      if (!await l(t.compiledHtml))
         return;
     } else if (!await r(t.compiledHtml, t.dynamicContentList, !0))
       return;
-    if ((i = a.value) != null && i.externalValidation && !await a.value.externalValidation(t) || !await m())
+    if ((i = a.value) != null && i.externalValidation && !await a.value.externalValidation(t))
       return;
+    await m();
     const { unsubscribePayload: S, stripoModules: V } = u(t.rawHtml);
     return await c(S), t.modules = V, p || s({ ...t, silent: f }), t;
   } };
 };
 export {
-  z as useSave
+  j as useSave
 };

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

@@ -1,34 +1,31 @@
 var d = Object.defineProperty;
-var _ = (n, i, e) => i in n ? d(n, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[i] = e;
-var c = (n, i, e) => _(n, typeof i != "symbol" ? i + "" : i, e);
-import { useToaster as L } from "../../../composables/useToaster.js";
-import { ToasterTypeOptions as S } from "../../../enums/toaster.js";
-import { PAGE_TYPES as b } from "../../../enums/unsubscribe.js";
-import { useUnsubscribeStore as a } from "../../../stores/unsubscribe.js";
-import { Block as g, BlockCompositionType as v, BlockType as k, ModificationDescription as E } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { getDefaultTemplate as f } from "./template.js";
-import { UNSUBSCRIBE_EVENTS as u, DATA_ATTRIBUTES as o } from "./utils/constants.js";
-import { parsePageList as h } from "./utils/utils.js";
-const T = "unsubscribe-block", p = 'a[data-unsubscribe-link="true"]', B = ".unsubscribe-block-v2", U = "{{ins-unsubscribe-link}}", C = "https://academy.insiderone.com/docs/adding-unsubscribe-pages-into-emails", A = "Removing the unsubscribe text leaves an empty block, but an active unsubscribe link is required. Undo your last action to restore the text, or delete the unsubscribe block entirely.", N = {
-  [b.GLOBAL_UNSUBSCRIBE]: "{{ins-global-unsubscribe-link}}",
-  [b.SUBSCRIPTION_PREFERENCE_CENTER]: "{{ins-preferences-unsubscribe-link}}"
+var h = (n, i, e) => i in n ? d(n, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[i] = e;
+var u = (n, i, e) => h(n, typeof i != "symbol" ? i + "" : i, e);
+import { PAGE_TYPES as E } from "../../../enums/unsubscribe.js";
+import { useUnsubscribeStore as c } from "../../../stores/unsubscribe.js";
+import { Block as _, BlockCompositionType as S, BlockType as L, ModificationDescription as b } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { getDefaultTemplate as v } from "./template.js";
+import { UNSUBSCRIBE_EVENTS as a, DATA_ATTRIBUTES as o } from "./utils/constants.js";
+import { parsePageList as p } from "./utils/utils.js";
+const g = "unsubscribe-block", T = 'a[data-unsubscribe-link="true"]', f = ".unsubscribe-block-v2", B = "{{ins-unsubscribe-link}}", C = {
+  [E.GLOBAL_UNSUBSCRIBE]: "{{ins-global-unsubscribe-link}}",
+  [E.SUBSCRIPTION_PREFERENCE_CENTER]: "{{ins-preferences-unsubscribe-link}}"
 };
-class x extends g {
+class I extends _ {
   constructor() {
     super();
-    c(this, "selectEventListener", null);
-    c(this, "cancelEventListener", null);
-    c(this, "currentNode");
-    c(this, "hadUnsubscribeLink", !1);
+    u(this, "selectEventListener", null);
+    u(this, "cancelEventListener", null);
+    u(this, "currentNode");
   }
   getId() {
-    return T;
+    return g;
   }
   getIcon() {
     return "unsubscribe-icon";
   }
   getBlockCompositionType() {
-    return v.BLOCK;
+    return S.BLOCK;
   }
   getName() {
     return this.api.translate("Unsubscribe Block");
@@ -37,63 +34,39 @@ class x extends g {
     return this.api.translate("Unsubscribe Block Description");
   }
   getTemplate() {
-    return f();
+    return v();
   }
   onSelect(e) {
-    this.currentNode = e, this.hadUnsubscribeLink = this._hasUnsubscribeLink(e), !("getAttribute" in e && e.getAttribute("data-migration")) && (this._resetStoreState(), this._loadBlockState(e), this._setupSelectEventListener(), this._setupCancelEventListener(), this._checkExistingBlocks(), this._openDrawer());
-  }
-  onDocumentChanged(e) {
-    const t = this._hasUnsubscribeLink(e);
-    this.hadUnsubscribeLink && !t && this._warnLinkRemoved(), this.hadUnsubscribeLink = t;
+    this.currentNode = e, !("getAttribute" in e && e.getAttribute("data-migration")) && (this._resetStoreState(), this._loadBlockState(e), this._setupSelectEventListener(), this._setupCancelEventListener(), this._checkExistingBlocks(), this._openDrawer());
   }
   onDelete(e) {
-    this._removeEventListeners(), this._removeBlockTemplatesFromStore(e), this._resetStoreState(), this.hadUnsubscribeLink = !1;
+    this._removeEventListeners(), this._removeBlockTemplatesFromStore(e), this._resetStoreState();
   }
   onDestroy() {
-    this._removeEventListeners(), this.currentNode = void 0, this.hadUnsubscribeLink = !1;
-  }
-  _hasUnsubscribeLink(e) {
-    return "querySelector" in e ? !!e.querySelector(p) : !1;
-  }
-  _warnLinkRemoved() {
-    try {
-      const { showToaster: e } = L();
-      e({
-        type: S.Warning,
-        message: this.api.translate(A),
-        actionButton: {
-          text: this.api.translate("Visit Academy"),
-          onClick: () => {
-            window.open(C, "_blank", "noopener,noreferrer");
-          }
-        }
-      });
-    } catch (e) {
-      console.error("[UnsubscribeBlock] Failed to show warning toaster:", e);
-    }
+    this._removeEventListeners(), this.currentNode = void 0;
   }
   _setupSelectEventListener() {
     this._removeSelectEventListener(), this.selectEventListener = (e) => {
-      const t = e, { collectionType: r, selectedPages: s } = t.detail;
-      this._updateBlock(r, s.join(","));
-    }, document.addEventListener(u.SELECT, this.selectEventListener);
+      const r = e, { collectionType: s, selectedPages: t } = r.detail;
+      this._updateBlock(s, t.join(","));
+    }, document.addEventListener(a.SELECT, this.selectEventListener);
   }
   _removeSelectEventListener() {
-    this.selectEventListener && (document.removeEventListener(u.SELECT, this.selectEventListener), this.selectEventListener = null);
+    this.selectEventListener && (document.removeEventListener(a.SELECT, this.selectEventListener), this.selectEventListener = null);
   }
   _setupCancelEventListener() {
     this._removeCancelEventListener(), this.cancelEventListener = () => {
       this._handleCancel();
-    }, document.addEventListener(u.CANCEL, this.cancelEventListener);
+    }, document.addEventListener(a.CANCEL, this.cancelEventListener);
   }
   _removeCancelEventListener() {
-    this.cancelEventListener && (document.removeEventListener(u.CANCEL, this.cancelEventListener), this.cancelEventListener = null);
+    this.cancelEventListener && (document.removeEventListener(a.CANCEL, this.cancelEventListener), this.cancelEventListener = null);
   }
   _handleCancel() {
     try {
       if (!this.currentNode)
         return;
-      this.api.getDocumentModifier().modifyHtml(this.currentNode).replaceWith(`<${k.EMPTY_CONTAINER}/>`).apply(new E("Removed unsubscribe block due to cancel"));
+      this.api.getDocumentModifier().modifyHtml(this.currentNode).replaceWith(`<${L.EMPTY_CONTAINER}/>`).apply(new b("Removed unsubscribe block due to cancel"));
     } catch (e) {
       console.warn("[UnsubscribeBlock] Failed to remove unsubscribe block:", e);
     }
@@ -101,35 +74,35 @@ class x extends g {
   _removeEventListeners() {
     this._removeSelectEventListener(), this._removeCancelEventListener();
   }
-  _updateBlock(e, t) {
+  _updateBlock(e, r) {
     if (!this.currentNode || !("querySelector" in this.currentNode))
       return;
-    const r = this.currentNode.querySelector(p);
-    if (!r)
+    const s = this.currentNode.querySelector(T);
+    if (!s)
       return;
-    const s = this._getMergeTag(e);
-    this.api.getDocumentModifier().modifyHtml(r).setAttribute("href", s).apply(new E(`Updated unsubscribe link to ${s}`)), this.api.getDocumentModifier().modifyHtml(this.currentNode).setAttribute(o.PAGE_TYPE, e.toString()).setAttribute(o.PAGE_LIST, t).apply(new E("Updated unsubscribe block metadata"));
+    const t = this._getMergeTag(e);
+    this.api.getDocumentModifier().modifyHtml(s).setAttribute("href", t).apply(new b(`Updated unsubscribe link to ${t}`)), this.api.getDocumentModifier().modifyHtml(this.currentNode).setAttribute(o.PAGE_TYPE, e.toString()).setAttribute(o.PAGE_LIST, r).apply(new b("Updated unsubscribe block metadata"));
   }
   _getMergeTag(e) {
-    return N[e] ?? U;
+    return C[e] ?? B;
   }
   _openDrawer() {
     if (!(this.currentNode && this.currentNode.getAttribute("data-unsubscribe-page-type")))
       try {
-        const e = a();
+        const e = c();
         e.typeSelectionDrawerStatus = !0;
       } catch (e) {
         console.error("[UnsubscribeBlock] Failed to open drawer:", e);
       }
   }
   _checkExistingBlocks() {
-    const e = a();
-    e.isGlobalUnsubscribeDisabled = !1, e.isSubscriptionPreferencesCenterDisabled = !1, this.api.getDocumentRoot().querySelectorAll(B).forEach((r) => {
-      if ("getAttribute" in r) {
-        const s = r.getAttribute(o.PAGE_TYPE);
-        if (s) {
-          const l = Number(s);
-          l === b.GLOBAL_UNSUBSCRIBE ? e.isGlobalUnsubscribeDisabled = !0 : l === b.SUBSCRIPTION_PREFERENCE_CENTER && (e.isSubscriptionPreferencesCenterDisabled = !0);
+    const e = c();
+    e.isGlobalUnsubscribeDisabled = !1, e.isSubscriptionPreferencesCenterDisabled = !1, this.api.getDocumentRoot().querySelectorAll(f).forEach((s) => {
+      if ("getAttribute" in s) {
+        const t = s.getAttribute(o.PAGE_TYPE);
+        if (t) {
+          const l = Number(t);
+          l === E.GLOBAL_UNSUBSCRIBE ? e.isGlobalUnsubscribeDisabled = !0 : l === E.SUBSCRIPTION_PREFERENCE_CENTER && (e.isSubscriptionPreferencesCenterDisabled = !0);
         }
       }
     });
@@ -137,26 +110,26 @@ class x extends g {
   async _loadBlockState(e) {
     if (!("getAttribute" in e))
       return;
-    const t = e.getAttribute(o.PAGE_TYPE), r = e.getAttribute(o.PAGE_LIST);
-    if (!t || !r)
+    const r = e.getAttribute(o.PAGE_TYPE), s = e.getAttribute(o.PAGE_LIST);
+    if (!r || !s)
       return;
-    const s = a(), l = Number(t), m = h(r);
-    await s.fetchTemplates(), s.setCollectionWithoutAutoSelection(l), s.loadSelectedTemplates(m);
+    const t = c(), l = Number(r), m = p(s);
+    await t.fetchTemplates(), t.setCollectionWithoutAutoSelection(l), t.loadSelectedTemplates(m);
   }
   _resetStoreState() {
-    a().$reset();
+    c().$reset();
   }
   _removeBlockTemplatesFromStore(e) {
     if (!("getAttribute" in e))
       return;
-    const t = e.getAttribute(o.PAGE_LIST);
-    if (!t)
+    const r = e.getAttribute(o.PAGE_LIST);
+    if (!r)
       return;
-    const r = a(), s = h(t);
-    r.removeUnsubscribePages(s);
+    const s = c(), t = p(r);
+    s.removeUnsubscribePages(t);
   }
 }
 export {
-  T as UNSUBSCRIBE_BLOCK_ID,
-  x as UnsubscribeBlock
+  g as UNSUBSCRIBE_BLOCK_ID,
+  I as UnsubscribeBlock
 };

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

@@ -1,22 +1,22 @@
-import { BlockType as s } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-const e = "unsubscribe", n = "{{ins-unsubscribe-link}}", t = `
-    <${s.BLOCK_TEXT}
+import { BlockType as e } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+const s = "unsubscribe", n = "{{ins-unsubscribe-link}}", t = `
+    <${e.BLOCK_TEXT}
         class="unsubscribe-block-v2 esd-block-unsubscribe es-p0"
         align="center"
         data-unsubscribe-page-type=""
         data-unsubscribe-page-list=""
     >
-        <p>&nbsp;<strong><a
+        <p>You can <strong><a
             href="${n}"
             class="unsubscribe-link"
             target="_blank"
             data-unsubscribe-link="true"
-        >${e}</a></strong></p>
-    </${s.BLOCK_TEXT}>
+        >${s}</a></strong> from our emails, if you need to.</p>
+    </${e.BLOCK_TEXT}>
 `;
-function u() {
+function r() {
   return t;
 }
 export {
-  u as getDefaultTemplate
+  r as getDefaultTemplate
 };

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

@@ -7,5 +7,5 @@ export declare const useActionsApi: () => {
     getPreviewData: (options?: CompileEmailOptions) => Promise<CompiledEmailResult>;
     updateTimerInClonedTemplate: () => Promise<string | null>;
     updateHtmlAndCss: (html: string, css: string) => void;
-    editorSave: () => Promise<boolean>;
+    editorSave: () => Promise<void>;
 };

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/Unsubscribe/block.d.ts

@@ -1,11 +1,10 @@
-import type { ImmutableHtmlElementNode, ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
+import type { ImmutableHtmlElementNode } from '@stripoinc/ui-editor-extensions';
 import { Block, BlockCompositionType } from '@stripoinc/ui-editor-extensions';
 export declare const UNSUBSCRIBE_BLOCK_ID = "unsubscribe-block";
 export declare class UnsubscribeBlock extends Block {
     private selectEventListener;
     private cancelEventListener;
     private currentNode?;
-    private hadUnsubscribeLink;
     constructor();
     getId(): string;
     getIcon(): string;
@@ -14,11 +13,8 @@ export declare class UnsubscribeBlock extends Block {
     getDescription(): string;
     getTemplate(): string;
     onSelect(node: ImmutableHtmlElementNode): void;
-    onDocumentChanged(node: ImmutableHtmlNode): void;
     onDelete(node: ImmutableHtmlElementNode): void;
     onDestroy(): void;
-    private _hasUnsubscribeLink;
-    private _warnLinkRemoved;
     private _setupSelectEventListener;
     private _removeSelectEventListener;
     private _setupCancelEventListener;

package/dist/utils/templatePreparation.js

@@ -1,101 +1,93 @@
-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 D } from "../composables/useHtmlCompiler.js";
+import { DEFAULT_CURRENCY as d, 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 y } 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(a, t) {
+  const c = new DOMParser().parseFromString(a, "text/html").querySelectorAll(`[${y.PAGE_LIST}]`), r = [];
+  return c.forEach((o) => {
+    const n = o.getAttribute(y.PAGE_LIST);
+    n && r.push(...E(n));
+  }), t.filter((o) => r.includes(o));
 }
-async function U(i) {
-  const m = new DOMParser().parseFromString(i, "text/html").querySelectorAll(".recommendation-block-v2");
+function x(a) {
+  const m = new DOMParser().parseFromString(a, "text/html").querySelectorAll(".recommendation-block-v2");
   if (m.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;
-    if (!Number.isFinite(r))
+  const p = b();
+  m.forEach((c) => {
+    var l, g, f, u, s;
+    const r = c.getAttribute("recommendation-id"), o = r ? Number(r) : NaN;
+    if (!Number.isFinite(o))
       return;
-    const a = t.getAttribute("esd-ext-config");
-    if (!a)
+    const n = c.getAttribute("esd-ext-config");
+    if (!n)
       return;
     let e;
     try {
-      e = JSON.parse(a);
+      e = JSON.parse(n);
     } 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 S = {
+      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: ((l = e.currency) == null ? void 0 : l.code) ?? d.code,
+      currencyAlignment: ((g = e.currency) == null ? void 0 : g.alignment) ?? d.alignment,
+      currencyDecimalCount: ((f = e.currency) == null ? void 0 : f.decimalCount) ?? d.decimalCount,
+      currencyDecimalSeparator: ((u = e.currency) == null ? void 0 : u.decimalSeparator) ?? d.decimalSeparator,
+      currencyThousandSeparator: ((s = e.currency) == null ? void 0 : s.thousandSeparator) ?? d.thousandSeparator
     };
-    l.seedBlockUrlConfig(r, p);
+    p.seedBlockUrlConfig(o, S);
   });
-  try {
-    await l.fetchRecommendationCreateData();
-  } catch (t) {
-    console.warn(
-      "Recommendation reference data pre-load failed; validator will skip the availability check.",
-      t
-    );
-  }
 }
-const _ = () => {
-  const i = P(), o = w(), { getCompiledEmail: m, getTemplateData: l } = C(), { compileHtml: t } = T();
+const M = () => {
+  const a = H(), t = U(), { getCompiledEmail: m, getTemplateData: p } = P(), { compileHtml: c, compileAmpHtml: r } = D();
   return {
     prepareTemplateDetails: async () => {
-      const { html: r, ampHtml: a = "", ampErrors: e = [] } = await m({
+      const { html: n, ampHtml: e = "", ampErrors: S = [] } = 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: l, css: g, syncModulesIds: f = [] } = await p();
+      t.selectedUnsubscribePages.length && await t.fetchTemplates(), x(l);
+      const { compiledHtml: u, stats: s, appliedRules: A } = c(n), h = e && r(e).compiledHtml, C = a.getSelectedDynamicContentList, T = b();
       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: s.originalSize,
+        compiledSize: s.compiledSize,
+        reduction: `${s.reductionPercentage.toFixed(2)}%`,
+        appliedRules: A,
+        executionTime: `${s.executionTime.toFixed(2)}ms`
       }), {
-        dynamicContentList: h,
+        dynamicContentList: C,
         compiledHtml: u,
-        rawHtml: p,
+        rawHtml: l,
         css: g,
-        ampHtml: a,
-        ampErrors: e,
+        ampHtml: h,
+        ampErrors: S,
         modules: f.map(Number),
         recommendation: {
-          campaignUrls: A.recommendationCampaignUrls,
+          campaignUrls: T.recommendationCampaignUrls,
           configs: {}
         },
         unsubscribe: {
-          status: o.unsubscribePagesStatus,
-          config: E(u, o.selectedUnsubscribePages)
+          status: t.unsubscribePagesStatus,
+          config: F(u, t.selectedUnsubscribePages)
         }
       };
     }
   };
 };
 export {
-  _ as useTemplatePreparation
+  M as useTemplatePreparation
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.4.1-beta.c04b4e7",
+  "version": "3.4.1-beta.ce8d9b0",
   "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",