@useinsider/guido 3.2.0-beta.1a14d2a → 3.2.0-beta.20afdf3

package/dist/config/compiler/recommendationCompilerRules.js

@@ -1,5 +1,5 @@
-import { useRecommendation as N } from "../../composables/useRecommendation.js";
-import { DUMMY_IMAGE_MAPPINGS as y, REGEX as T, VerticalOrientation as M, CSS as E, ATTRIBUTES as A, CONDITIONS as g, HTML as h } from "../../enums/recommendation.js";
+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 = [
   {
@@ -8,7 +8,7 @@ const w = [
     type: "custom",
     processor: (c) => {
       let e = c;
-      return Object.entries(y).forEach(([, l]) => {
+      return Object.entries(h).forEach(([, l]) => {
         Object.entries(l).forEach(([n, s]) => {
           e = e.replaceAll(s, `{{${n}}}`);
         });
@@ -30,13 +30,13 @@ const w = [
     description: "Adding recommendation unresponsive css",
     type: "custom",
     processor: (c) => {
-      const { calculateCardWidth: e, getRecommendationCampaignData: l } = N();
+      const { calculateCardWidth: e, getRecommendationCampaignData: l } = C();
       let n = c;
       const s = n.match(T.ID);
       if (s) {
         const a = [];
         if (s.forEach((i) => {
-          const u = /recommendation-id="(.*?)"/i.exec(i), _ = u ? u[1].trim() : "", R = l(_);
+          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;`;
@@ -60,25 +60,25 @@ const w = [
     type: "custom",
     processor: (c) => {
       let e = c;
-      const l = e.match(T.ATTRIBUTE_PARAGRAPH), { getRecommendationCampaignData: n } = N();
+      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 [i] = a, u = i.match(T.CUSTOM_FIELD_INDEXES_PART), _ = i.match(T.CUSTOM_FIELD_NAME_PART), R = s.match(T.ATTRIBUTE_PARAGRAPH_START_TAG);
-        if (!u || !_ || !R)
+        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 [S] = u, [b] = _, [d] = R, o = b.substring(1, b.length - 2), r = d.match(T.COMPOSITION) !== null;
+        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), m = n(I);
-          o === A.OMNIBUS_PRICE && (m.priceBeforeTextValue && (t = `${m.priceBeforeTextValue}${t}`), m.priceAfterTextValue && (t = `${t}${m.priceAfterTextValue}`)), o === A.OMNIBUS_DISCOUNT && (m.discountBeforeTextValue && (t = `${m.discountBeforeTextValue}${t}`), m.discountAfterTextValue && (t = `${t}${m.discountAfterTextValue}`));
+          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 p = S.substring(2);
+        const u = S.substring(2);
         let f = "";
-        o in g.IF && (f = g.IF[o].replaceAll(`{${A.DISCOUNT}}`, `${p}${A.DISCOUNT}`).replaceAll(`{${A.OMNIBUS_DISCOUNT}}`, `${p}${A.OMNIBUS_DISCOUNT}`).replaceAll(`{${A.OMNIBUS_PRICE}}`, `${p}${A.OMNIBUS_PRICE}`));
-        const $ = `${d}${t}${h.PARAGRAPH_END_TAG}`, C = `${f}${r ? $ : s}${g.ELSE}${d}${h.PARAGRAPH_END_TAG}${g.END_IF}`;
-        e = e.replace(s, C);
+        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
@@ -136,7 +136,7 @@ const w = [
         /@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((u) => a.test(u)) ? "" : l;
+          return s.every((d) => a.test(d)) ? "" : l;
         }
       )), e;
     },
@@ -151,7 +151,7 @@ const w = [
         /<a\b[^>]*\bes-button\b[^>]*>/g,
         (o) => o.replace(
           /([;"]color:)([^;"]+)/g,
-          (r, t, p) => p.includes("!important") ? r : `${t}${p} !important`
+          (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);
@@ -163,12 +163,12 @@ const w = [
         }
         n.lastIndex = 0, a = l.exec(e);
       }
-      const i = /* @__PURE__ */ new Map(), u = [];
+      const i = /* @__PURE__ */ new Map(), d = [];
       let _ = 0;
       if (s.forEach((o, r) => {
         if (o >= 6) {
-          const t = `rc${_++}`, p = r.endsWith(";") ? r : `${r};`;
-          i.set(r, t), u.push(`.${t}{${p}}`);
+          const t = `rc${_++}`;
+          i.set(r, t), d.push(`.${t}{${r}}`);
         }
       }), i.size === 0) {
         let o = e;
@@ -182,23 +182,23 @@ const w = [
           caseB: new RegExp(` style="${t}"((?:[^>]*?))(class="[^"]*")`, "g")
         });
       });
-      let d = e.replace("</style>", `${u.join("")}</style>`);
-      return d = d.replace(
+      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((p, f) => {
+          return i.forEach((u, f) => {
             const $ = b.get(f);
             t = t.replace(
               $.caseA,
-              (C, I, m) => S(I, p) + m
+              (y, I, p) => S(I, u) + p
             ), t = t.replace(
               $.caseB,
-              (C, I, m) => I + S(m, p)
-            ), t = t.replaceAll(` style="${f}"`, ` class="${p}"`);
+              (y, I, p) => I + S(p, u)
+            ), t = t.replaceAll(` style="${f}"`, ` class="${u}"`);
           }), t;
         }
-      ), d = d.replaceAll("<!--REC_START-->", ""), d = d.replaceAll("<!--REC_END-->", ""), d;
+      ), m = m.replaceAll("<!--REC_START-->", ""), m = m.replaceAll("<!--REC_END-->", ""), m;
     },
     priority: 58
   }

package/dist/config/compiler/unsubscribeCompilerRules.js

@@ -1,41 +1,44 @@
-import { usePartner as y } from "../../composables/usePartner.js";
-import { LINK_REGEXES as p, LINK_TYPES as S, INSIDER_ID as m, URLS as R } from "../../enums/unsubscribe.js";
-import { parsePageList as I } from "../../extensions/Blocks/Unsubscribe/utils/utils.js";
-import { useConfigStore as N } from "../../stores/config.js";
-import { useDynamicContentStore as U } from "../../stores/dynamic-content.js";
-import { useUnsubscribeStore as C } from "../../stores/unsubscribe.js";
-const G = [
+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 } = y(), o = N(), s = U(), d = C(), a = o.variationId;
-      if (!a)
-        return t;
-      let e = t;
-      const r = `/${i()}/email/${a}?user={{iid}}`, E = new DOMParser().parseFromString(e, "text/html").querySelectorAll(".unsubscribe-block-v2[data-unsubscribe-page-list]");
-      let c = !1, l = !1;
-      return E.forEach((f) => {
-        var b;
-        const u = f.getAttribute("data-unsubscribe-page-list");
+    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), g = ((b = d.templates) == null ? void 0 : b.filter(
-          (n) => _.includes(n.id)
+        const I = N(u), b = ((S = E.templates) == null ? void 0 : S.filter(
+          (o) => I.includes(o.id)
         )) ?? [];
-        c = c || g.some((n) => n.type === S.UNSUBSCRIBE_LINK_TYPE), l = l || g.some((n) => n.type === S.PREFERENCES_LINK_TYPE);
-      }), (c || l) && (s.selectedDynamicContentList.some((u) => u.value === m) || s.selectedDynamicContentList.push({
+        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: ""
-      })), c && (e = e.replace(
+      })), a && (e = e.replace(
         p.GLOBAL_UNSUBSCRIBE_LINK_REGEX,
-        R.UNSUBSCRIBE_URL + r
+        y.UNSUBSCRIBE_URL + d
       )), l && (e = e.replace(
         p.PREFERENCES_UNSUBSCRIBE_LINK_REGEX,
-        R.PREFERENCES_URL + r
-      )), E.length && (e = e.replace(p.UNSUBSCRIBE_LINK_REGEX, "")), e;
+        y.PREFERENCES_URL + d
+      )), f.length && (e = e.replace(p.UNSUBSCRIBE_LINK_REGEX, "")), e;
     },
     priority: 60
   },
@@ -52,25 +55,25 @@ const G = [
     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 o = i.match(/<a[^>]+>(.*?)<\/a>/gm);
-      return o && o.forEach((s) => {
-        if (s.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 (s.match(/<a\s+(?:[^>]*?\s+)?href=(["'`”])(.*?)\1\s+(?:[^>]*?\s+)?universal=(["'`”])true\3/gm)) {
-          const a = s.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(s, a);
+          i = i.replace(t, c);
         }
       }), i;
     },
@@ -78,5 +81,5 @@ const G = [
   }
 ];
 export {
-  G as unsubscribeCompilerRules
+  F as unsubscribeCompilerRules
 };

package/dist/enums/unsubscribe.js

@@ -1,29 +1,35 @@
-import { useTranslations as e } from "../composables/useTranslations.js";
-import { getEnvironmentPrefix as R } from "../utils/environmentUtil.js";
-const _ = {
+import { useTranslations as R } from "../composables/useTranslations.js";
+import { ProductType as s } from "../@types/config/schemas.js";
+import "../@types/config/defaults.js";
+import { getEnvironmentPrefix as S } from "../utils/environmentUtil.js";
+const B = {
   UNSUBSCRIBE_LINK_TYPE: 1,
   PREFERENCES_LINK_TYPE: 3
-}, I = {
+}, 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
-}, n = R(), r = {
+}, n = S(), C = {
   UNSUBSCRIBE_URL: `https://mail.${n}.com/user/v1/unsub`,
   PREFERENCES_URL: `https://mail.${n}.com/user/v1/prefs`
-}, B = "iid", i = {
+}, U = {
+  [s.EMAIL]: "email",
+  [s.ARCHITECT]: "journey",
+  [s.UNSUBSCRIBE_PAGES]: "email"
+}, t = "iid", o = {
   name: "Global Unsubscribe",
   sendGridId: "G"
-}, C = "/email/unsubscribe-pages", E = {
+}, c = "/email/unsubscribe-pages", E = {
   GLOBAL_UNSUBSCRIBE: 1,
   GLOBAL_UNSUBSCRIBE_CONFIRMATION_PAGE: 2,
   SUBSCRIPTION_PREFERENCE_CENTER: 3,
   SUBSCRIPTION_PREFERENCE_CONFIRMATION: 4,
   RESUBSCRIBE: 5
-}, U = {
+}, u = {
   [E.GLOBAL_UNSUBSCRIBE]: "custom-unsubscribe",
   [E.SUBSCRIPTION_PREFERENCE_CENTER]: "custom-preferences"
-}, t = {
+}, T = {
   [E.GLOBAL_UNSUBSCRIBE]: [
     E.GLOBAL_UNSUBSCRIBE,
     E.GLOBAL_UNSUBSCRIBE_CONFIRMATION_PAGE,
@@ -33,30 +39,31 @@ const _ = {
     E.SUBSCRIPTION_PREFERENCE_CENTER,
     E.SUBSCRIPTION_PREFERENCE_CONFIRMATION
   ]
-}, c = () => {
-  const s = e();
+}, b = () => {
+  const e = R();
   return {
-    [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")
+    [E.GLOBAL_UNSUBSCRIBE]: e("unsubscription-preference.type-global-unsubscribe"),
+    [E.GLOBAL_UNSUBSCRIBE_CONFIRMATION_PAGE]: e("unsubscription-preference.type-global-unsubscription-confirmation"),
+    [E.RESUBSCRIBE]: e("unsubscription-preference.type-resubscribe"),
+    [E.SUBSCRIPTION_PREFERENCE_CENTER]: e("unsubscription-preference.type-subscription-preferences-center"),
+    [E.SUBSCRIPTION_PREFERENCE_CONFIRMATION]: e("unsubscription-preference.type-subscription-preferences-confirmation")
   };
-}, o = {
+}, P = {
   default: "{{ins-unsubscribe-link}}",
   [E.GLOBAL_UNSUBSCRIBE]: "{{ins-global-unsubscribe-link}}",
   [E.SUBSCRIPTION_PREFERENCE_CENTER]: "{{ins-preferences-unsubscribe-link}}"
 };
 export {
-  i as DEFAULT_UNSUBSCRIBE_GROUP,
-  B as INSIDER_ID,
-  I as LINK_REGEXES,
-  _ as LINK_TYPES,
-  o as MERGE_TAGS,
+  o as DEFAULT_UNSUBSCRIBE_GROUP,
+  t as INSIDER_ID,
+  i as LINK_REGEXES,
+  B as LINK_TYPES,
+  P as MERGE_TAGS,
   E as PAGE_TYPES,
-  t as TYPE_COLLECTIONS,
-  C as UNSUBSCRIBE_PAGES_LINK,
-  U as UNSUBSCRIBE_SYNC_MODULE_TYPES,
-  r as URLS,
-  c as getTypeTranslations
+  U as PRODUCT_TYPE_URL_SEGMENTS,
+  T as TYPE_COLLECTIONS,
+  c as UNSUBSCRIBE_PAGES_LINK,
+  u as UNSUBSCRIBE_SYNC_MODULE_TYPES,
+  C as URLS,
+  b as getTypeTranslations
 };

package/dist/src/enums/unsubscribe.d.ts

@@ -12,6 +12,11 @@ export declare const URLS: {
     UNSUBSCRIBE_URL: string;
     PREFERENCES_URL: string;
 };
+export declare const PRODUCT_TYPE_URL_SEGMENTS: {
+    readonly 60: "email";
+    readonly 49: "journey";
+    readonly 97: "email";
+};
 export declare const INSIDER_ID = "iid";
 export declare const DEFAULT_UNSUBSCRIBE_GROUP: {
     readonly name: "Global Unsubscribe";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.2.0-beta.1a14d2a",
+  "version": "3.2.0-beta.20afdf3",
   "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",