@useinsider/guido 3.2.0-beta.e01b42a → 3.2.0-beta.e0e56ef

package/dist/composables/useStripo.js

@@ -1,25 +1,26 @@
-import { useActionsApi as A } from "./useActionsApi.js";
-import { useBlocksConfig as F } from "./useBlocksConfig.js";
-import { useConfig as D } from "./useConfig.js";
-import { useCustomInterfaceAppearance as I } from "./useCustomInterfaceAppearance.js";
-import { useStripoEventHandler as P } from "./useStripoEventHandler.js";
-import { useToaster as U } from "./useToaster.js";
-import { localePatch as R } from "../config/i18n/index.js";
-import { displayConditions as H } from "../enums/displayConditions.js";
-import { useStripoApi as O } from "../services/stripoApi.js";
-import q from "../static/styles/customEditorStyle.css.js";
-import { useEditorStore as S } from "../stores/editor.js";
-import { dynamicContentToMergeTags as x } from "../utils/genericUtil.js";
-import L from "../package.json.js";
-const oe = (C, c) => {
-  const { features: l, template: E } = D(), { handleError: u } = U(), { getToken: h, getCustomFonts: w, getSyncModulesStatus: b } = O(), { handleEvent: k } = P(), { getStripoBlocksConfig: T } = F(), V = async (i, n = [], r = !1) => {
-    var f, g, y;
-    const e = S(), { html: m, css: a } = i, { baseBlocks: o, extensions: d } = await T(), p = ((f = l.value) == null ? void 0 : f.displayConditions) ?? !0, B = ((g = l.value) == null ? void 0 : g.modulesDisabled) ?? !1, v = ((y = E.value) == null ? void 0 : y.forceRecreate) ?? !1;
+import { useActionsApi as D } from "./useActionsApi.js";
+import { useBlocksConfig as I } from "./useBlocksConfig.js";
+import { useConfig as P } from "./useConfig.js";
+import { useCustomInterfaceAppearance as U } from "./useCustomInterfaceAppearance.js";
+import { useFullStoryBridge as R } from "./useFullStoryBridge.js";
+import { useStripoEventHandler as q } from "./useStripoEventHandler.js";
+import { useToaster as x } from "./useToaster.js";
+import { localePatch as H } from "../config/i18n/index.js";
+import { displayConditions as O } from "../enums/displayConditions.js";
+import { useStripoApi as j } from "../services/stripoApi.js";
+import L from "../static/styles/customEditorStyle.css.js";
+import { useEditorStore as C } from "../stores/editor.js";
+import { dynamicContentToMergeTags as $ } from "../utils/genericUtil.js";
+import z from "../package.json.js";
+const ae = (E, l) => {
+  const { features: c, template: h, isFeatureEnabled: u } = P(), { handleError: m } = x(), { getToken: w, getCustomFonts: b, getSyncModulesStatus: k } = j(), { handleEvent: B } = q(), { getStripoBlocksConfig: T } = I(), V = async (i, r = [], s = !1) => {
+    var g, S, y;
+    const e = C(), { html: p, css: a } = i, { baseBlocks: o, extensions: d } = await T(), f = ((g = c.value) == null ? void 0 : g.displayConditions) ?? !0, F = ((S = c.value) == null ? void 0 : S.modulesDisabled) ?? !1, v = ((y = h.value) == null ? void 0 : y.forceRecreate) ?? !1;
     window.UIEditor.initEditor(
       document.querySelector("#guido-editor"),
       {
-        metadata: C,
-        html: m,
+        metadata: E,
+        html: p,
         css: a,
         forceRecreate: v,
         locale: "en",
@@ -28,49 +29,53 @@ const oe = (C, c) => {
         mobileViewButtonSelector: ".guido__view-option-selection-mobile",
         desktopViewButtonSelector: ".guido__view-option-selection-desktop",
         codeEditorButtonSelector: "#guido__code-button",
-        customAppearanceMergetags: !0,
+        customAppearanceMergetags: !u("liquidSyntax"),
         customAppearanceMergetagsBorderColor: "#f1f3fe",
         customAppearanceMergetagsBackgroundColor: "#f1f3fe",
-        customViewStyles: q,
-        conditionsEnabled: p,
-        customConditionsEnabled: p,
-        conditionCategories: H,
+        customViewStyles: L,
+        conditionsEnabled: f,
+        customConditionsEnabled: f,
+        conditionCategories: O,
         enableXSSSecurity: !0,
-        modulesDisabled: B,
-        syncModulesEnabled: r,
+        modulesDisabled: F,
+        syncModulesEnabled: s,
         messageSettingsEnabled: !0,
         displayGmailAnnotations: !0,
         displayHiddenPreheader: !1,
         displayTitle: !1,
         displayUTM: !1,
         selectElementAfterDrop: !0,
+        allowedScriptSourceDomains: "https://email-static.useinsider.com https://edge.fullstory.com https://rs.fullstory.com",
         ...o ? { baseBlocks: o } : {},
         editorFonts: {
           showDefaultStandardFonts: !0,
           showDefaultNotStandardFonts: !0,
-          customFonts: n
+          customFonts: r
         },
         mergeTags: [
           {
-            entries: x(c.preselectedDynamicContentList)
+            entries: $(
+              l.preselectedDynamicContentList,
+              u("liquidSyntax")
+            )
           }
         ],
         async onTokenRefreshRequest(t) {
           try {
-            const s = await h();
-            t(s);
-          } catch (s) {
-            u(s, "Failed to refresh token");
+            const n = await w();
+            t(n);
+          } catch (n) {
+            m(n, "Failed to refresh token");
           }
         },
         onTemplateLoaded() {
           try {
-            const { importCss: t } = I(), { activateCustomViewStyles: s, updateTimerInClonedTemplate: M } = A();
-            t(), s(), M(), c.onReady(), e.isStripoInitialized = !0, e.loadingStatus = !1, setTimeout(() => {
+            const { importCss: t } = U(), { activateCustomViewStyles: n, updateTimerInClonedTemplate: M } = D(), { injectFullStory: A } = R();
+            t(), n(), A(), M(), l.onReady(), e.isStripoInitialized = !0, e.loadingStatus = !1, setTimeout(() => {
               e.hasChanges = !1;
             }, 1e3);
           } catch (t) {
-            u(t, "Failed to load custom interface appearance");
+            m(t, "Failed to load custom interface appearance");
           }
         },
         onCodeEditorVisibilityChanged(t) {
@@ -85,39 +90,39 @@ const oe = (C, c) => {
         onDataChanged() {
           e.hasChanges = !0;
         },
-        onEvent: k,
+        onEvent: B,
         ignoreClickOutsideSelectors: [
           "#guido-dynamic-content-modal",
           ".in-on-board-wrapper",
           ".in-drawer__container"
         ],
         extensions: d,
-        localePatch: R
+        localePatch: H
       }
     );
-  }, _ = (i) => new Promise((n, r) => {
+  }, _ = (i) => new Promise((r, s) => {
     var d;
     if (document.getElementById("UiEditorScript")) {
-      i(), n();
+      i(), r();
       return;
     }
-    const e = L.guido, a = `https://email-static.useinsider.com/guido/${(d = e == null ? void 0 : e.stripo) == null ? void 0 : d.version}/UIEditor.js`, o = document.createElement("script");
+    const e = z.guido, a = `https://email-static.useinsider.com/guido/${(d = e == null ? void 0 : e.stripo) == null ? void 0 : d.version}/UIEditor.js`, o = document.createElement("script");
     o.id = "UiEditorScript", o.type = "module", o.src = a, o.onload = () => {
-      i(), n();
+      i(), r();
     }, o.onerror = () => {
-      r(new Error(`Failed to load Stripo UIEditor script from S3: ${a}`));
+      s(new Error(`Failed to load Stripo UIEditor script from S3: ${a}`));
     }, document.body.appendChild(o);
   });
   return { initPlugin: async (i) => {
     await _(async () => {
-      const n = S(), [r, e] = await Promise.all([
-        w(),
-        b()
+      const r = C(), [s, e] = await Promise.all([
+        b(),
+        k()
       ]);
-      n.syncModulesEnabled = e, await V(i, r, e);
+      r.syncModulesEnabled = e, await V(i, s, e);
     });
   } };
 };
 export {
-  oe as useStripo
+  ae as useStripo
 };

package/dist/composables/validators/useLiquidValidator.js

@@ -0,0 +1,42 @@
+import { ToasterTypeOptions as a } from "../../enums/toaster.js";
+import { base64EncodeWithSpecialChars as u } from "../../utils/base64.js";
+import { useHttp as d } from "../useHttp.js";
+import { useToaster as c } from "../useToaster.js";
+import { useTranslations as p } from "../useTranslations.js";
+const v = () => {
+  const { post: i } = d(), { showToaster: e } = c(), s = p();
+  return { validateLiquidSyntax: async (o) => {
+    try {
+      const t = await i("/newsletter/contents/validate-syntax", [{
+        identifier: "default",
+        syntax: "liquid",
+        contents: {
+          subject: null,
+          preheader: null,
+          html: u(o),
+          ampHtml: null
+        }
+      }]);
+      if (!Array.isArray(t.data)) {
+        const l = t.data;
+        return e({
+          type: a.Warning,
+          message: l.message ?? s("journey-builder.liquid-validation-failed")
+        }), !1;
+      }
+      const [r] = t.data, n = Object.values((r == null ? void 0 : r.errors) ?? {});
+      return n.length ? (e({
+        type: a.Warning,
+        message: n[0].replace(/^line \d+:\s*/, "")
+      }), !1) : !0;
+    } catch {
+      return e({
+        type: a.Alert,
+        message: s("journey-builder.liquid-validation-failed")
+      }), !1;
+    }
+  } };
+};
+export {
+  v as useLiquidValidator
+};

package/dist/config/compiler/liquidCompilerRules.js

@@ -0,0 +1,15 @@
+import { COUPON_PLACEHOLDER_LIQUID as e, COUPON_PLACEHOLDER_DEFAULT as i } from "../../extensions/Blocks/CouponBlock/template.js";
+const o = [
+  {
+    id: "liquid-coupon-code",
+    description: "Replace legacy coupon placeholder with liquid syntax",
+    type: "replace",
+    search: i,
+    replacement: e,
+    replaceAll: !0,
+    priority: 50
+  }
+];
+export {
+  o as liquidCompilerRules
+};

package/dist/config/compiler/recommendationCompilerRules.js

@@ -1,18 +1,18 @@
-import { useRecommendation as f } from "../../composables/useRecommendation.js";
-import { DUMMY_IMAGE_MAPPINGS as P, REGEX as m, VerticalOrientation as g, CSS as e, ATTRIBUTES as a, CONDITIONS as A, HTML as h } from "../../enums/recommendation.js";
-import { prepareRecommendationBlocks as D } from "./utils/recommendationCompilerUtils.js";
-const G = [
+import { useRecommendation as C } from "../../composables/useRecommendation.js";
+import { DUMMY_IMAGE_MAPPINGS as h, REGEX as T, VerticalOrientation as M, CSS as E, ATTRIBUTES as A, CONDITIONS as g, HTML as N } from "../../enums/recommendation.js";
+import { prepareRecommendationBlocks as x } from "./utils/recommendationCompilerUtils.js";
+const w = [
   {
     id: "replace-images-with-variable-names",
     description: "Replacing dummy images with variable names in recommendation module",
     type: "custom",
-    processor: (s) => {
-      let t = s;
-      return Object.entries(P).forEach(([, l]) => {
-        Object.entries(l).forEach(([n, o]) => {
-          t = t.replaceAll(o, `{{${n}}}`);
+    processor: (c) => {
+      let e = c;
+      return Object.entries(h).forEach(([, l]) => {
+        Object.entries(l).forEach(([n, s]) => {
+          e = e.replaceAll(s, `{{${n}}}`);
         });
-      }), t;
+      }), e;
     },
     priority: 50
   },
@@ -29,18 +29,18 @@ const G = [
     id: "add-recommendation-unresponsive-css",
     description: "Adding recommendation unresponsive css",
     type: "custom",
-    processor: (s) => {
-      const { calculateCardWidth: t, getRecommendationCampaignData: l } = f();
-      let n = s;
-      const o = n.match(m.ID);
-      if (o) {
-        const d = [];
-        if (o.forEach((c) => {
-          const E = /recommendation-id="(.*?)"/i.exec(c), I = E ? E[1].trim() : "", p = l(I);
-          p.textTrimming && p.orientation === g && d.push(t(p));
-        }), d.length) {
-          const c = `width:${Math.min(...d)}px!important;`;
-          n = n.replace(e.REGULAR_NAME_HEIGHT, `${e.TRIMMED_NAME_HEIGHT} ${c} ${e.ELLIPSIS}`).replace(e.REGULAR_NAME_CONTAINER_HEIGHT, e.TRIMMED_NAME_CONTAINER_CSS).replace(e.RESPONSIVE_NAME_SIZE, `${e.RESPONSIVE_NAME_HEIGHT} ${c} ${e.ELLIPSIS}`).replace(e.RESPONSIVE_NAME_CONTAINER_HEIGHT, e.TRIMMED_RESPONSIVE_NAME_CONTAINER_CSS);
+    processor: (c) => {
+      const { calculateCardWidth: e, getRecommendationCampaignData: l } = C();
+      let n = c;
+      const s = n.match(T.ID);
+      if (s) {
+        const a = [];
+        if (s.forEach((i) => {
+          const d = /recommendation-id="(.*?)"/i.exec(i), _ = d ? d[1].trim() : "", R = l(_);
+          R.textTrimming && R.orientation === M && a.push(e(R));
+        }), a.length) {
+          const i = `width:${Math.min(...a)}px!important;`;
+          n = n.replace(E.REGULAR_NAME_HEIGHT, `${E.TRIMMED_NAME_HEIGHT} ${i} ${E.ELLIPSIS}`).replace(E.REGULAR_NAME_CONTAINER_HEIGHT, E.TRIMMED_NAME_CONTAINER_CSS).replace(E.RESPONSIVE_NAME_SIZE, `${E.RESPONSIVE_NAME_HEIGHT} ${i} ${E.ELLIPSIS}`).replace(E.RESPONSIVE_NAME_CONTAINER_HEIGHT, E.TRIMMED_RESPONSIVE_NAME_CONTAINER_CSS);
         }
       }
       return n;
@@ -51,39 +51,158 @@ const G = [
     id: "prepare-recommendations",
     description: "Replacing product data with template variables in recommendation blocks",
     type: "custom",
-    processor: (s) => D(s),
+    processor: (c) => x(c),
     priority: 48
   },
   {
     id: "add-discount-conditions",
     description: "Adding discount conditions to the recommendation block",
     type: "custom",
-    processor: (s) => {
-      let t = s;
-      const l = t.match(m.ATTRIBUTE_PARAGRAPH), { getRecommendationCampaignData: n } = f();
-      return l !== null && l.forEach((o) => {
-        const d = o.match(m.CUSTOM_FIELD);
-        if (!d)
+    processor: (c) => {
+      let e = c;
+      const l = e.match(T.ATTRIBUTE_PARAGRAPH), { getRecommendationCampaignData: n } = C();
+      return l !== null && l.forEach((s) => {
+        const a = s.match(T.CUSTOM_FIELD);
+        if (!a)
           return;
-        const [c] = d, E = c.match(m.CUSTOM_FIELD_INDEXES_PART), I = c.match(m.CUSTOM_FIELD_NAME_PART), p = o.match(m.ATTRIBUTE_PARAGRAPH_START_TAG);
-        if (!E || !I || !p)
+        const [i] = a, d = i.match(T.CUSTOM_FIELD_INDEXES_PART), _ = i.match(T.CUSTOM_FIELD_NAME_PART), R = s.match(T.ATTRIBUTE_PARAGRAPH_START_TAG);
+        if (!d || !_ || !R)
           return;
-        const [u] = E, [R] = I, [_] = p, T = R.substring(1, R.length - 2), S = _.match(m.COMPOSITION) !== null;
-        let i = c;
-        if (S) {
-          const $ = u.substring(2, u.length - 3), r = n($);
-          T === a.OMNIBUS_PRICE && (r.priceBeforeTextValue && (i = `${r.priceBeforeTextValue}${i}`), r.priceAfterTextValue && (i = `${i}${r.priceAfterTextValue}`)), T === a.OMNIBUS_DISCOUNT && (r.discountBeforeTextValue && (i = `${r.discountBeforeTextValue}${i}`), r.discountAfterTextValue && (i = `${i}${r.discountAfterTextValue}`));
+        const [S] = d, [b] = _, [m] = R, o = b.substring(1, b.length - 2), r = m.match(T.COMPOSITION) !== null;
+        let t = i;
+        if (r) {
+          const I = S.substring(2, S.length - 3), p = n(I);
+          o === A.OMNIBUS_PRICE && (p.priceBeforeTextValue && (t = `${p.priceBeforeTextValue}${t}`), p.priceAfterTextValue && (t = `${t}${p.priceAfterTextValue}`)), o === A.OMNIBUS_DISCOUNT && (p.discountBeforeTextValue && (t = `${p.discountBeforeTextValue}${t}`), p.discountAfterTextValue && (t = `${t}${p.discountAfterTextValue}`));
         }
-        const N = u.substring(2);
-        let M = "";
-        T in A.IF && (M = A.IF[T].replaceAll(`{${a.DISCOUNT}}`, `${N}${a.DISCOUNT}`).replaceAll(`{${a.OMNIBUS_DISCOUNT}}`, `${N}${a.OMNIBUS_DISCOUNT}`).replaceAll(`{${a.OMNIBUS_PRICE}}`, `${N}${a.OMNIBUS_PRICE}`));
-        const O = `${_}${i}${h.PARAGRAPH_END_TAG}`, C = `${M}${S ? O : o}${A.ELSE}${_}${h.PARAGRAPH_END_TAG}${A.END_IF}`;
-        t = t.replace(o, C);
-      }), t;
+        const u = S.substring(2);
+        let f = "";
+        o in g.IF && (f = g.IF[o].replaceAll(`{${A.DISCOUNT}}`, `${u}${A.DISCOUNT}`).replaceAll(`{${A.OMNIBUS_DISCOUNT}}`, `${u}${A.OMNIBUS_DISCOUNT}`).replaceAll(`{${A.OMNIBUS_PRICE}}`, `${u}${A.OMNIBUS_PRICE}`));
+        const $ = `${m}${t}${N.PARAGRAPH_END_TAG}`, y = `${f}${r ? $ : s}${g.ELSE}${m}${N.PARAGRAPH_END_TAG}${g.END_IF}`;
+        e = e.replace(s, y);
+      }), e;
     },
     priority: 53
+  },
+  {
+    id: "strip-empty-omnibus-spans",
+    description: "Remove empty omnibus text-before and text-after span elements",
+    type: "regex",
+    pattern: '<span class="omnibus-text-(?:before|after)">\\s*</span>',
+    replacement: "",
+    flags: "g",
+    priority: 54
+  },
+  {
+    id: "strip-recommendation-editor-attributes",
+    description: "Strip editor-only attributes from compiled recommendation output",
+    type: "custom",
+    // Scoped to REC_START/REC_END markers so it cannot strip `product-attr`
+    // from Items block elements, which the items compiler rule depends on.
+    processor: (c) => {
+      const e = /\s+(?:esd-extension-block-id|data-attribute-type|data-visibility|data-text-before|data-text-after|product-attr|composition)="[^"]*"/g;
+      return c.replace(
+        /<!--REC_START-->([\s\S]*?)<!--REC_END-->/g,
+        (l, n) => `<!--REC_START-->${n.replace(e, "")}<!--REC_END-->`
+      );
+    },
+    priority: 55
+  },
+  {
+    id: "strip-unused-recommendation-classes",
+    description: "Remove CSS classes not referenced by any style rule from recommendation elements",
+    type: "custom",
+    processor: (c) => {
+      let e = c.replace(
+        / class="(?:product-card-segment|attribute-cell|recommendation-attribute-row|product-image|product-name|product-price|product-old-price|product-omnibus-price|product-omnibus-discount|product-button|recommendation-product-row|product-card-wrapper)"/g,
+        ""
+      );
+      return e = e.replaceAll("es-button buy-button", "es-button"), e = e.replaceAll("ins-recommendation-product-container ", ""), e;
+    },
+    priority: 56
+  },
+  {
+    id: "remove-empty-mobile-layout-artifacts",
+    description: "Remove empty mobile container rows and unused mobile layout CSS",
+    type: "custom",
+    processor: (c) => {
+      let e = c;
+      return e = e.replace(
+        /<tr[^>]*class="ins-recommendation-mobile-row"[^>]*><\/tr>/g,
+        ""
+      ), /class="[^"]*ins-recommendation-mobile-container/.test(e) || (e = e.replace(
+        /\.ins-recommendation-mobile-container\s*\{\s*display\s*:\s*none\s*;?\s*\}/g,
+        ""
+      ), e = e.replace(
+        /@media[^{]*max-width\s*:\s*480px[^{]*\{((?:[^{}]*\{[^{}]*\})*[^{}]*)\}/g,
+        (l, n) => {
+          const s = n.match(/[^{}]+\{[^{}]*\}/g) || [], a = /ins-recommendation|product-image-cell|button-cell|product-info-cell/;
+          return s.every((d) => a.test(d)) ? "" : l;
+        }
+      )), e;
+    },
+    priority: 57
+  },
+  {
+    id: "deduplicate-inline-styles",
+    description: "Replace repeated inline styles with CSS class references within recommendation blocks",
+    type: "custom",
+    processor: (c) => {
+      const e = c.replace(
+        /<a\b[^>]*\bes-button\b[^>]*>/g,
+        (o) => o.replace(
+          /([;"]color:)([^;"]+)/g,
+          (r, t, u) => u.includes("!important") ? r : `${t}${u} !important`
+        )
+      ), l = /<!--REC_START-->([\s\S]*?)<!--REC_END-->/g, n = / style="([^"]*)"/g, s = /* @__PURE__ */ new Map();
+      let a = l.exec(e);
+      for (; a !== null; ) {
+        let o = n.exec(a[1]);
+        for (; o !== null; ) {
+          const [, r] = o;
+          s.set(r, (s.get(r) || 0) + 1), o = n.exec(a[1]);
+        }
+        n.lastIndex = 0, a = l.exec(e);
+      }
+      const i = /* @__PURE__ */ new Map(), d = [];
+      let _ = 0;
+      if (s.forEach((o, r) => {
+        if (o >= 6) {
+          const t = `rc${_++}`;
+          i.set(r, t), d.push(`.${t}{${r}}`);
+        }
+      }), i.size === 0) {
+        let o = e;
+        return o = o.replaceAll("<!--REC_START-->", ""), o = o.replaceAll("<!--REC_END-->", ""), o;
+      }
+      const R = (o) => o.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), S = (o, r) => `${o.slice(0, -1)} ${r}"`, b = /* @__PURE__ */ new Map();
+      i.forEach((o, r) => {
+        const t = R(r);
+        b.set(r, {
+          caseA: new RegExp(`(class="[^"]*")((?:[^>]*?)) style="${t}"`, "g"),
+          caseB: new RegExp(` style="${t}"((?:[^>]*?))(class="[^"]*")`, "g")
+        });
+      });
+      let m = e.replace("</style>", `${d.join("")}</style>`);
+      return m = m.replace(
+        /<!--REC_START-->([\s\S]*?)<!--REC_END-->/g,
+        (o, r) => {
+          let t = r;
+          return i.forEach((u, f) => {
+            const $ = b.get(f);
+            t = t.replace(
+              $.caseA,
+              (y, I, p) => S(I, u) + p
+            ), t = t.replace(
+              $.caseB,
+              (y, I, p) => I + S(p, u)
+            ), t = t.replaceAll(` style="${f}"`, ` class="${u}"`);
+          }), t;
+        }
+      ), m = m.replaceAll("<!--REC_START-->", ""), m = m.replaceAll("<!--REC_END-->", ""), m;
+    },
+    priority: 58
   }
 ];
 export {
-  G as recommendationCompilerRules
+  w as recommendationCompilerRules
 };

package/dist/config/compiler/unsubscribeCompilerRules.js

@@ -1,41 +1,44 @@
-import { usePartner as N } from "../../composables/usePartner.js";
-import { LINK_REGEXES as l, LINK_TYPES as S, INSIDER_ID as R, URLS as _ } from "../../enums/unsubscribe.js";
-import { parsePageList as U } from "../../extensions/Blocks/Unsubscribe/utils/utils.js";
-import { useConfigStore as B } from "../../stores/config.js";
-import { useDynamicContentStore as y } from "../../stores/dynamic-content.js";
-import { useUnsubscribeStore as L } from "../../stores/unsubscribe.js";
-const D = [
+import { usePartner as U } from "../../composables/usePartner.js";
+import { LINK_REGEXES as p, PRODUCT_TYPE_URL_SEGMENTS as R, LINK_TYPES as _, INSIDER_ID as m, URLS as y } from "../../enums/unsubscribe.js";
+import { parsePageList as N } from "../../extensions/Blocks/Unsubscribe/utils/utils.js";
+import { useConfigStore as C } from "../../stores/config.js";
+import { useDynamicContentStore as L } from "../../stores/dynamic-content.js";
+import { useUnsubscribeStore as P } from "../../stores/unsubscribe.js";
+import { ProductType as B } from "../../@types/config/schemas.js";
+import "../../@types/config/defaults.js";
+const F = [
   {
     id: "add-unsubscribe-link-values",
     description: "Adding unsubscribe link values",
     type: "custom",
-    processor: (t) => {
-      const { getPartnerName: i } = N(), c = B(), n = y(), u = L(), a = c.variationId;
-      if (!a)
-        return t;
-      let e = t;
-      const r = `/${i()}/email/${a}?user={{iid}}`;
-      return new DOMParser().parseFromString(e, "text/html").querySelectorAll(".unsubscribe-block-v2[data-unsubscribe-page-list]").forEach((p) => {
-        var g;
-        const m = p.getAttribute("data-unsubscribe-page-list");
-        if (!m)
+    processor: (s) => {
+      const { getPartnerName: i } = U(), n = C(), t = L(), E = P(), c = n.variationId;
+      if (!c)
+        return s;
+      const r = R[n.productType] ?? R[B.EMAIL];
+      let e = s;
+      const d = `/${i()}/${r}/${c}?user={{iid}}`, f = new DOMParser().parseFromString(e, "text/html").querySelectorAll(".unsubscribe-block-v2[data-unsubscribe-page-list]");
+      let a = !1, l = !1;
+      return f.forEach((g) => {
+        var S;
+        const u = g.getAttribute("data-unsubscribe-page-list");
+        if (!u)
           return;
-        const I = U(m), d = ((g = u.templates) == null ? void 0 : g.filter(
+        const I = N(u), b = ((S = E.templates) == null ? void 0 : S.filter(
           (o) => I.includes(o.id)
-        )) ?? [], E = d.some((o) => o.type === S.UNSUBSCRIBE_LINK_TYPE), b = d.some((o) => o.type === S.PREFERENCES_LINK_TYPE), f = p.outerHTML;
-        let s = f;
-        (E || b) && n.selectedDynamicContentList.push({
-          text: R,
-          value: R,
-          fallback: ""
-        }), E && (s = s.replace(
-          l.GLOBAL_UNSUBSCRIBE_LINK_REGEX,
-          _.UNSUBSCRIBE_URL + r
-        )), b && (s = s.replace(
-          l.PREFERENCES_UNSUBSCRIBE_LINK_REGEX,
-          _.PREFERENCES_URL + r
-        )), s = s.replace(l.UNSUBSCRIBE_LINK_REGEX, ""), e = e.replace(f, s);
-      }), e;
+        )) ?? [];
+        a = a || b.some((o) => o.type === _.UNSUBSCRIBE_LINK_TYPE), l = l || b.some((o) => o.type === _.PREFERENCES_LINK_TYPE);
+      }), (a || l) && (t.selectedDynamicContentList.some((u) => u.value === m) || t.selectedDynamicContentList.push({
+        text: m,
+        value: m,
+        fallback: ""
+      })), a && (e = e.replace(
+        p.GLOBAL_UNSUBSCRIBE_LINK_REGEX,
+        y.UNSUBSCRIBE_URL + d
+      )), l && (e = e.replace(
+        p.PREFERENCES_UNSUBSCRIBE_LINK_REGEX,
+        y.PREFERENCES_URL + d
+      )), f.length && (e = e.replace(p.UNSUBSCRIBE_LINK_REGEX, "")), e;
     },
     priority: 60
   },
@@ -43,7 +46,7 @@ const D = [
     id: "remove-data-ogsb-button-styles",
     description: "Removing styles like [data-ogsb] .es-button.es-button-123 { background: red; }",
     type: "regex",
-    pattern: l.DATA_OGSB_BUTTON_CSS_REGEX,
+    pattern: p.DATA_OGSB_BUTTON_CSS_REGEX,
     replacement: "",
     flags: "g",
     priority: 61
@@ -52,25 +55,25 @@ const D = [
     id: "format-comment-braces",
     description: "Adding spaces around comment braces for proper formatting",
     type: "custom",
-    processor: (t) => t.replace(/{#/g, "{ #").replace(/#}/g, "# }"),
+    processor: (s) => s.replace(/{#/g, "{ #").replace(/#}/g, "# }"),
     priority: 62
   },
   {
     id: "add-universal-link-flags",
     description: "Adding universal link flags",
     type: "custom",
-    processor: (t) => {
-      let i = t;
-      const c = i.match(/<a[^>]+>(.*?)<\/a>/gm);
-      return c && c.forEach((n) => {
-        if (n.includes("insEmail=1"))
+    processor: (s) => {
+      let i = s;
+      const n = i.match(/<a[^>]+>(.*?)<\/a>/gm);
+      return n && n.forEach((t) => {
+        if (t.includes("insEmail=1"))
           return;
-        if (n.match(/<a\s+(?:[^>]*?\s+)?href=(["'`”])(.*?)\1\s+(?:[^>]*?\s+)?universal=(["'`”])true\3/gm)) {
-          const a = n.replace(/href=(["'`”])(.*?)\1/gm, (e) => {
-            const r = e.slice(6, e.length - 1).trim();
-            return e.includes("?") || e.includes("#") ? r.slice(-1) === "&" ? e.replace(r, `${r}insEmail=1`) : e.replace(r, `${r}&insEmail=1`) : e.replace(r, `${r}?insEmail=1`);
+        if (t.match(/<a\s+(?:[^>]*?\s+)?href=(["'`”])(.*?)\1\s+(?:[^>]*?\s+)?universal=(["'`”])true\3/gm)) {
+          const c = t.replace(/href=(["'`”])(.*?)\1/gm, (r) => {
+            const e = r.slice(6, r.length - 1).trim();
+            return r.includes("?") || r.includes("#") ? e.slice(-1) === "&" ? r.replace(e, `${e}insEmail=1`) : r.replace(e, `${e}&insEmail=1`) : r.replace(e, `${e}?insEmail=1`);
           });
-          i = i.replace(n, a);
+          i = i.replace(t, c);
         }
       }), i;
     },
@@ -78,5 +81,5 @@ const D = [
   }
 ];
 export {
-  D as unsubscribeCompilerRules
+  F as unsubscribeCompilerRules
 };