@useinsider/guido 2.1.0-beta.bc229b1 → 2.1.0-beta.bd5d1ea

package/dist/composables/useStripo.js

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

package/dist/composables/useStripoEventHandler.js

@@ -1,20 +1,35 @@
-import { useOnboardingStore as i } from "../stores/onboarding.js";
-const c = () => {
-  const e = {
-    block_dropped: ({ blockName: t }) => {
-      if (t === "BLOCK_TEXT") {
-        const n = i(), o = !n.shouldShowOnboarding("textBlockOnboarding"), r = n.isActive("textBlockOnboarding");
-        if (o || r)
+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: d, getSyncModule: r } = i(), n = u(), s = b(), a = {
+    block_dropped: ({ blockName: e }) => {
+      if (e === "BLOCK_TEXT") {
+        const o = l(), t = !o.shouldShowOnboarding("textBlockOnboarding"), c = o.isActive("textBlockOnboarding");
+        if (t || c)
           return;
-        n.start("textBlockOnboarding");
+        o.start("textBlockOnboarding");
       }
+    },
+    module_saved: async (e) => {
+      n.syncModulesEnabled && (console.debug("[module_saved] Saved module data:", e), await d(e));
+    },
+    module_dropped: async (e) => {
+      if (!n.syncModulesEnabled)
+        return;
+      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) => {
+      n.syncModulesEnabled && (console.debug("[module_updated] Updated module data:", e), await d(e));
     }
   };
-  return { handleEvent: async (t, n) => {
-    const o = e[t];
-    o && await o(n);
+  return { handleEvent: async (e, o) => {
+    const t = a[e];
+    console.debug("Stripo Event: ", e, o), t && await t(o);
   } };
 };
 export {
-  c as useStripoEventHandler
+  v as useStripoEventHandler
 };

package/dist/composables/useSyncModuleExtractor.js

@@ -0,0 +1,45 @@
+import { UNSUBSCRIBE_SYNC_MODULE_TYPES as T } from "../enums/unsubscribe.js";
+import { DATA_ATTRIBUTES as p } from "../extensions/Blocks/Unsubscribe/utils/constants.js";
+import { useEditorStore as f } from "../stores/editor.js";
+const y = ".esd-synchronizable-module", A = '[esd-extension-block-id="unsubscribe-block"]', _ = "esd-custom-block-id", B = () => {
+  const d = f();
+  return { extractSyncModuleData: (E) => {
+    const S = {
+      unsubscribePayload: [],
+      stripoModules: []
+    };
+    if (!d.syncModulesEnabled)
+      return S;
+    const b = new DOMParser().parseFromString(E, "text/html").querySelectorAll(y), r = [], s = [];
+    return b.forEach((o) => {
+      const t = o.getAttribute(_);
+      if (!t)
+        return;
+      const n = o.querySelectorAll(A);
+      if (n.length === 0) {
+        s.push(Number(t));
+        return;
+      }
+      n.forEach((c) => {
+        const u = c.getAttribute(p.PAGE_LIST), i = c.getAttribute(p.PAGE_TYPE);
+        if (!u || !i)
+          return;
+        const m = parseInt(i), a = T[m];
+        if (!a)
+          return;
+        const l = u.split(",").map((e) => parseInt(e.trim())).filter((e) => !Number.isNaN(e));
+        l.length !== 0 && r.push({
+          stripoModuleId: t,
+          unsubscriptionPreferencePages: l,
+          type: a
+        });
+      });
+    }), {
+      unsubscribePayload: r,
+      stripoModules: s
+    };
+  } };
+};
+export {
+  B as useSyncModuleExtractor
+};

package/dist/config/migrator/itemsBlockMigrator.js

@@ -1,8 +1,8 @@
-var B = Object.defineProperty;
-var U = (e, t, r) => t in e ? B(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
-var M = (e, t, r) => U(e, typeof t != "symbol" ? t + "" : t, r);
-import { productPairs as v } from "../../extensions/Blocks/Items/enums/productEnums.js";
-import { ItemInCartOptions as E, DefaultConfigValues as g, SETTINGS_ENUMS as u } from "../../extensions/Blocks/Items/enums/settingsEnums.js";
+var v = Object.defineProperty;
+var B = (e, t, r) => t in e ? v(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
+var M = (e, t, r) => B(e, typeof t != "symbol" ? t + "" : t, r);
+import { productPairs as U } from "../../extensions/Blocks/Items/enums/productEnums.js";
+import { ItemInCartOptions as T, DefaultConfigValues as g, SETTINGS_ENUMS as u } from "../../extensions/Blocks/Items/enums/settingsEnums.js";
 import { getDefaultTemplate as K } from "../../extensions/Blocks/Items/template.js";
 const w = {
   img: {
@@ -85,18 +85,19 @@ function q(e) {
   }[e] || u.ITEMS_TYPE.CART_ITEMS : u.ITEMS_TYPE.CART_ITEMS;
 }
 function R(e) {
-  const t = (a, o) => a == null ? o : a === "1" || a === "true", r = (a, o) => a || o, c = e["data-type"] || e["data-source"], i = q(c);
-  let n = e["data-cart_items_select_control_value"] || g.cartItemsSelectControlValue;
-  if (n && !n.includes("{{") && /^\d+$/.test(n)) {
-    const a = parseInt(n) - 1, o = E[i];
-    o && o[a] && (n = o[a].value);
+  var a;
+  const t = (_, c) => _ == null ? c : _ === "1" || _ === "true", r = (_, c) => _ || c, l = e["data-type"] || e["data-source"], i = q(l), n = T[i];
+  let o = e["data-cart_items_select_control_value"] || ((a = n == null ? void 0 : n[0]) == null ? void 0 : a.value) || g.cartItemsSelectControlValue;
+  if (o && !o.includes("{{") && /^\d+$/.test(o)) {
+    const _ = parseInt(o) - 1, c = T[i];
+    c && c[_] && (o = c[_].value);
   }
   return {
     initialized: !0,
     blockInstanceId: r(e["data-block-instance-id"], F()),
     source: i,
     type: i,
-    itemsSelectValue: n,
+    itemsSelectValue: o,
     orientation: e["data-card_orientation_control_value"] || u.ORIENTATION.VERTICAL,
     nameTrimming: t(e["data-product_name_control_trim"], !0),
     priceHideDiscount: t(e["data-product_price_control_nodup"], !0),
@@ -154,36 +155,36 @@ class V {
     try {
       let r = this.removeJinjaConditionals(t);
       r = this.replaceTemplateVariables(r);
-      const c = this.parser.parseFromString(r, "text/html"), i = c.querySelectorAll(
+      const l = this.parser.parseFromString(r, "text/html"), i = l.querySelectorAll(
         "td.esd-cart-items-block, td.esd-browsed-items-block, td.esd-purchased-items-block"
       );
       return i.length === 0 ? (console.warn("ItemsBlockMigrator: No blocks found with items block selectors"), r) : (i.forEach((n) => {
-        const a = this.extractConfiguration(n), o = K({
-          orientation: a.orientation,
-          itemsType: a.itemsType,
-          itemId: a.itemId,
-          currencySymbol: a.currencySymbol,
-          currencyLocation: a.currencyLocation,
-          formattedPrice: a.formattedPrice,
-          configBlockAttributes: a.configBlockAttributes,
+        const o = this.extractConfiguration(n), a = K({
+          orientation: o.orientation,
+          itemsType: o.itemsType,
+          itemId: o.itemId,
+          currencySymbol: o.currencySymbol,
+          currencyLocation: o.currencyLocation,
+          formattedPrice: o.formattedPrice,
+          configBlockAttributes: o.configBlockAttributes,
           migrate: !0,
-          nameStyles: a.nameStyles,
-          buttonStyles: a.buttonStyles,
-          priceStyles: a.priceStyles,
-          originalPriceStyles: a.originalPriceStyles,
-          quantityStyles: a.quantityStyles,
-          nodeConfig: R(a.configBlockAttributes)
-        }), l = this.parser.parseFromString(
-          `<table><tbody><tr>${o}</tr></tbody></table>`,
+          nameStyles: o.nameStyles,
+          buttonStyles: o.buttonStyles,
+          priceStyles: o.priceStyles,
+          originalPriceStyles: o.originalPriceStyles,
+          quantityStyles: o.quantityStyles,
+          nodeConfig: R(o.configBlockAttributes)
+        }), c = this.parser.parseFromString(
+          `<table><tbody><tr>${a}</tr></tbody></table>`,
           "text/html"
         ).querySelector("td");
-        if (l && n.parentNode) {
-          const f = R(a.configBlockAttributes);
-          l.setAttribute("esd-ext-config", JSON.stringify(f));
-          const d = l.querySelector("esd-config-block");
-          d && d.remove(), n.parentNode.replaceChild(l, n);
+        if (c && n.parentNode) {
+          const f = R(o.configBlockAttributes);
+          c.setAttribute("esd-ext-config", JSON.stringify(f));
+          const d = c.querySelector("esd-config-block");
+          d && d.remove(), n.parentNode.replaceChild(c, n);
         }
-      }), c.documentElement.outerHTML);
+      }), l.documentElement.outerHTML);
     } catch (r) {
       return console.error("ItemsBlockMigrator failed:", r), t;
     }
@@ -196,14 +197,14 @@ class V {
    */
   extractConfiguration(t) {
     var C, D, P;
-    const r = ((C = t.querySelector("[data-type]")) == null ? void 0 : C.getAttribute("data-type")) || "CART_ITEMS", c = ((D = t.querySelector("[data-number]")) == null ? void 0 : D.getAttribute("data-number")) || "1", i = parseInt(c) - 1, n = E[r], a = ((P = n == null ? void 0 : n[i]) == null ? void 0 : P.value) || n[0].value, o = t.querySelector('[product-attr="price"]'), _ = (o == null ? void 0 : o.getAttribute("data-currency_symbol")) || "USD", f = ((o == null ? void 0 : o.getAttribute("data-curency")) || "before") === "after" ? "1" : "0", d = (o == null ? void 0 : o.getAttribute("data-formated")) !== "false", s = this.extractConfigBlockAttributes(t, r, c), S = s["data-card_orientation_control_value"];
+    const r = ((C = t.querySelector("[data-type]")) == null ? void 0 : C.getAttribute("data-type")) || "CART_ITEMS", l = ((D = t.querySelector("[data-number]")) == null ? void 0 : D.getAttribute("data-number")) || "1", i = parseInt(l) - 1, n = T[r], o = ((P = n == null ? void 0 : n[i]) == null ? void 0 : P.value) || n[0].value, a = t.querySelector('[product-attr="price"]'), _ = (a == null ? void 0 : a.getAttribute("data-currency_symbol")) || "USD", f = ((a == null ? void 0 : a.getAttribute("data-curency")) || "before") === "after" ? "1" : "0", d = (a == null ? void 0 : a.getAttribute("data-formated")) !== "false", s = this.extractConfigBlockAttributes(t, r, l), S = s["data-card_orientation_control_value"];
     let b;
     S ? b = S === "horizontal" ? "horizontal" : "vertical" : b = t.querySelector('[colspan="2"]') !== null ? "vertical" : "horizontal";
-    const p = t.querySelector('a[product-attr="name"]'), I = (p == null ? void 0 : p.getAttribute("style")) || void 0, y = t.querySelector('a[product-attr="button"]'), m = (y == null ? void 0 : y.getAttribute("style")) || void 0, h = (o == null ? void 0 : o.getAttribute("style")) || void 0, T = t.querySelector("p.original-price"), k = (T == null ? void 0 : T.getAttribute("style")) || void 0, A = t.querySelector('[product-attr="quantity"]'), L = (A == null ? void 0 : A.getAttribute("style")) || void 0;
+    const p = t.querySelector('a[product-attr="name"]'), I = (p == null ? void 0 : p.getAttribute("style")) || void 0, y = t.querySelector('a[product-attr="button"]'), m = (y == null ? void 0 : y.getAttribute("style")) || void 0, h = (a == null ? void 0 : a.getAttribute("style")) || void 0, A = t.querySelector("p.original-price"), k = (A == null ? void 0 : A.getAttribute("style")) || void 0, E = t.querySelector('[product-attr="quantity"]'), L = (E == null ? void 0 : E.getAttribute("style")) || void 0;
     return {
       orientation: b,
       itemsType: r,
-      itemId: a,
+      itemId: o,
       currencySymbol: _,
       currencyLocation: f,
       formattedPrice: d,
@@ -222,27 +223,27 @@ class V {
    * @param itemsType - The type of items (CART_ITEMS, BROWSED_ITEMS, PURCHASED_ITEMS)
    * @param itemNumber - The item number (1-based index)
    */
-  extractConfigBlockAttributes(t, r, c) {
+  extractConfigBlockAttributes(t, r, l) {
     const i = t.querySelector("esd-config-block"), n = {};
     if (!i)
       return this.getDefaultConfigBlockAttributes();
-    if (Array.from(i.attributes).forEach((o) => {
-      o.name.startsWith("data-") && (n[o.name] = o.value);
+    if (Array.from(i.attributes).forEach((a) => {
+      a.name.startsWith("data-") && (n[a.name] = a.value);
     }), n["data-cart_items_select_control_value"]) {
-      const o = n["data-cart_items_select_control_value"];
-      if (/^\d+$/.test(o)) {
-        const _ = parseInt(o) - 1, l = E[r];
-        l && l[_] && (n["data-cart_items_select_control_value"] = l[_].value);
+      const a = n["data-cart_items_select_control_value"];
+      if (/^\d+$/.test(a)) {
+        const _ = parseInt(a) - 1, c = T[r];
+        c && c[_] && (n["data-cart_items_select_control_value"] = c[_].value);
       }
     }
     if (n["data-product_price_control_curency"]) {
-      const o = n["data-product_price_control_curency"];
-      let _ = o;
-      o === "before" ? _ = "0" : o === "after" && (_ = "1"), n["data-product_price_control_curency"] = _, n["data-product_price_currency_location"] = _;
+      const a = n["data-product_price_control_curency"];
+      let _ = a;
+      a === "before" ? _ = "0" : a === "after" && (_ = "1"), n["data-product_price_control_curency"] = _, n["data-product_price_currency_location"] = _;
     }
     (!n["data-product_price_control_currency_symbol"] || n["data-product_price_control_currency_symbol"].trim() === "") && (n["data-product_price_control_currency_symbol"] = "USD");
-    const a = { ...this.getDefaultConfigBlockAttributes(), ...n };
-    return a["data-type"] = r, a["data-source"] = r, a["data-product_image_link"] = $(r, c), a["data-product_button_link"] = x(r, c), a;
+    const o = { ...this.getDefaultConfigBlockAttributes(), ...n };
+    return o["data-type"] = r, o["data-source"] = r, o["data-product_image_link"] = $(r, l), o["data-product_button_link"] = x(r, l), o;
   }
   /**
    * Returns default esd-config-block attributes based on the old template structure
@@ -302,15 +303,15 @@ class V {
    * contains display condition Jinja scripts that should NOT be removed.
    */
   removeJinjaConditionals(t) {
-    const r = "__ESD_DISPLAY_CONDITIONS_PLACEHOLDER__", c = t.match(/esd-custom-display-conditions="[^"]*"/);
-    let i = c ? t.replace(c[0], r) : t;
+    const r = "__ESD_DISPLAY_CONDITIONS_PLACEHOLDER__", l = t.match(/esd-custom-display-conditions="[^"]*"/);
+    let i = l ? t.replace(l[0], r) : t;
     return i = i.replace(
       /\{%\s*if\s+(ins_apr|browsed_item|purchased_item)_total_product_kind\s*(&gt;|>)\s*\d+\s*%\}/g,
       ""
     ), i = i.replace(
       /\{%\s*if\s+(ins_apr|browsed_item|purchased_item)_price_\d+\s*(!&#61;|!=)\s*\1_originalprice_\d+\s*%\}/g,
       ""
-    ), i = i.replace(/\{%\s*endif\s*%\}/g, ""), c && (i = i.replace(r, c[0])), i = i.replace(/\n\s*\n\s*\n/g, `
+    ), i = i.replace(/\{%\s*endif\s*%\}/g, ""), l && (i = i.replace(r, l[0])), i = i.replace(/\n\s*\n\s*\n/g, `
 
 `), i;
   }
@@ -324,26 +325,26 @@ class V {
    * - {{purchased_item_formattedprice_5}} → '1,490.49' (PURCHASED_ITEMS)
    */
   replaceTemplateVariables(t) {
-    const { PAIRS_FOR_EXTENSION: r } = v;
-    return t.replace(/{{([^}]+)}}/g, (c, i) => {
+    const { PAIRS_FOR_EXTENSION: r } = U;
+    return t.replace(/{{([^}]+)}}/g, (l, i) => {
       const n = i.match(/^(ins_apr|browsed_item|purchased_item)_([a-z_]+)_(\d+)$/);
       if (!n)
-        return c;
-      const [, a, o, _] = n, l = O[a];
-      if (!l)
-        return console.warn(`Unknown variable prefix: ${a}`), c;
-      const f = w[o];
+        return l;
+      const [, o, a, _] = n, c = O[o];
+      if (!c)
+        return console.warn(`Unknown variable prefix: ${o}`), l;
+      const f = w[a];
       if (!f)
-        return console.warn(`Unknown variable suffix mapping for: ${o}`), c;
-      const { pairsKey: d, defaultKey: s, isArray: S } = f, p = r[d][l];
+        return console.warn(`Unknown variable suffix mapping for: ${a}`), l;
+      const { pairsKey: d, defaultKey: s, isArray: S } = f, p = r[d][c];
       if (!p)
-        return console.warn(`No data found for: ${d}.${l}`), c;
+        return console.warn(`No data found for: ${d}.${c}`), l;
       if (S) {
         const y = parseInt(_) - 1, m = p[s];
-        return Array.isArray(m) && m[y] ? m[y] : (console.warn(`Array value not found: ${d}.${l}.${s}[${y}]`), c);
+        return Array.isArray(m) && m[y] ? m[y] : (console.warn(`Array value not found: ${d}.${c}.${s}[${y}]`), l);
       }
       const I = p[s];
-      return I !== void 0 ? String(I) : (console.warn(`Default value not found: ${d}.${l}.${s}`), c);
+      return I !== void 0 ? String(I) : (console.warn(`Default value not found: ${d}.${c}.${s}`), l);
     });
   }
 }

package/dist/enums/unsubscribe.js

@@ -1,17 +1,17 @@
 import { useTranslations as e } from "../composables/useTranslations.js";
 import { getEnvironmentPrefix as R } from "../utils/environmentUtil.js";
-const I = {
+const _ = {
   UNSUBSCRIBE_LINK_TYPE: 1,
   PREFERENCES_LINK_TYPE: 3
-}, r = {
+}, I = {
   UNSUBSCRIBE_LINK_REGEX: /{{ins-unsubscribe-link}}/g,
   DATA_OGSB_BUTTON_CSS_REGEX: "\\[data-ogsb\\]\\s*\\.es-button\\.es-button-[0-9]+\\s*\\{(?:[^\\}]*)\\}",
   GLOBAL_UNSUBSCRIBE_LINK_REGEX: /{{ins-global-unsubscribe-link}}/g,
   PREFERENCES_UNSUBSCRIBE_LINK_REGEX: /{{ins-preferences-unsubscribe-link}}/g
-}, s = R(), _ = {
-  UNSUBSCRIBE_URL: `https://mail.${s}.com/user/v1/unsub`,
-  PREFERENCES_URL: `https://mail.${s}.com/user/v1/prefs`
-}, i = "iid", B = {
+}, n = R(), r = {
+  UNSUBSCRIBE_URL: `https://mail.${n}.com/user/v1/unsub`,
+  PREFERENCES_URL: `https://mail.${n}.com/user/v1/prefs`
+}, B = "iid", i = {
   name: "Global Unsubscribe",
   sendGridId: "G"
 }, C = "/email/unsubscribe-pages", E = {
@@ -20,6 +20,9 @@ const I = {
   SUBSCRIPTION_PREFERENCE_CENTER: 3,
   SUBSCRIPTION_PREFERENCE_CONFIRMATION: 4,
   RESUBSCRIBE: 5
+}, U = {
+  [E.GLOBAL_UNSUBSCRIBE]: "custom-unsubscribe",
+  [E.SUBSCRIPTION_PREFERENCE_CENTER]: "custom-preferences"
 }, t = {
   [E.GLOBAL_UNSUBSCRIBE]: [
     E.GLOBAL_UNSUBSCRIBE,
@@ -30,29 +33,30 @@ const I = {
     E.SUBSCRIPTION_PREFERENCE_CENTER,
     E.SUBSCRIPTION_PREFERENCE_CONFIRMATION
   ]
-}, U = () => {
-  const n = e();
+}, c = () => {
+  const s = e();
   return {
-    [E.GLOBAL_UNSUBSCRIBE]: n("unsubscription-preference.type-global-unsubscribe"),
-    [E.GLOBAL_UNSUBSCRIBE_CONFIRMATION_PAGE]: n("unsubscription-preference.type-global-unsubscription-confirmation"),
-    [E.RESUBSCRIBE]: n("unsubscription-preference.type-resubscribe"),
-    [E.SUBSCRIPTION_PREFERENCE_CENTER]: n("unsubscription-preference.type-subscription-preferences-center"),
-    [E.SUBSCRIPTION_PREFERENCE_CONFIRMATION]: n("unsubscription-preference.type-subscription-preferences-confirmation")
+    [E.GLOBAL_UNSUBSCRIBE]: s("unsubscription-preference.type-global-unsubscribe"),
+    [E.GLOBAL_UNSUBSCRIBE_CONFIRMATION_PAGE]: s("unsubscription-preference.type-global-unsubscription-confirmation"),
+    [E.RESUBSCRIBE]: s("unsubscription-preference.type-resubscribe"),
+    [E.SUBSCRIPTION_PREFERENCE_CENTER]: s("unsubscription-preference.type-subscription-preferences-center"),
+    [E.SUBSCRIPTION_PREFERENCE_CONFIRMATION]: s("unsubscription-preference.type-subscription-preferences-confirmation")
   };
-}, c = {
+}, o = {
   default: "{{ins-unsubscribe-link}}",
   [E.GLOBAL_UNSUBSCRIBE]: "{{ins-global-unsubscribe-link}}",
   [E.SUBSCRIPTION_PREFERENCE_CENTER]: "{{ins-preferences-unsubscribe-link}}"
 };
 export {
-  B as DEFAULT_UNSUBSCRIBE_GROUP,
-  i as INSIDER_ID,
-  r as LINK_REGEXES,
-  I as LINK_TYPES,
-  c as MERGE_TAGS,
+  i as DEFAULT_UNSUBSCRIBE_GROUP,
+  B as INSIDER_ID,
+  I as LINK_REGEXES,
+  _ as LINK_TYPES,
+  o as MERGE_TAGS,
   E as PAGE_TYPES,
   t as TYPE_COLLECTIONS,
   C as UNSUBSCRIBE_PAGES_LINK,
-  _ as URLS,
-  U as getTypeTranslations
+  U as UNSUBSCRIBE_SYNC_MODULE_TYPES,
+  r as URLS,
+  c as getTypeTranslations
 };