@useinsider/guido 1.0.3-beta.cedc8cb → 1.0.3-beta.d011054

package/dist/composables/useHttp.js

@@ -1,123 +1,86 @@
-import { getCsrfToken as S } from "../utils/genericUtil.js";
-import { ref as h, computed as w } from "vue";
-let b;
-const g = async () => {
-  if (!b)
-    try {
-      const { useApiErrorTracking: E } = await import("./useApiErrorTracking.js");
-      b = E();
-    } catch {
-    }
-  return b;
-}, M = (E = {}) => {
-  const d = h(!1), i = h(null), l = h(null), P = w(() => d.value), k = w(() => i.value !== null), v = {
+import { getCsrfToken as H } from "../utils/genericUtil.js";
+import { ref as p, computed as T } from "vue";
+const k = (b = {}) => {
+  const h = p(!1), a = p(null), u = p(null), g = T(() => h.value), y = T(() => a.value !== null), v = {
     baseURL: "",
     timeout: 1e4,
     retry: 0,
     retryDelay: 1e3,
     headers: {
       "Content-Type": "application/json",
-      "X-CSRF-TOKEN": S()
+      "X-CSRF-TOKEN": H()
     },
-    ...E
-  }, C = (t, s) => {
-    if (t.startsWith("http://") || t.startsWith("https://"))
-      return t;
-    const e = s || v.baseURL || "";
-    return e.endsWith("/") && t.startsWith("/") ? `${e}${t.slice(1)}` : e.endsWith("/") || t.startsWith("/") ? `${e}${t}` : `${e}/${t}`;
-  }, A = (t) => new Promise((s, e) => {
+    ...b
+  }, w = (e, s) => {
+    if (e.startsWith("http://") || e.startsWith("https://"))
+      return e;
+    const t = s || v.baseURL || "";
+    return t.endsWith("/") && e.startsWith("/") ? `${t}${e.slice(1)}` : t.endsWith("/") || e.startsWith("/") ? `${t}${e}` : `${t}/${e}`;
+  }, P = (e) => new Promise((s, t) => {
     setTimeout(() => {
-      e(new Error("Request timeout"));
-    }, t);
-  }), $ = (t) => new Promise((s) => {
-    setTimeout(() => {
-      s();
-    }, t);
-  }), c = async (t, s, e, L = {}) => {
-    i.value = null, d.value = !0, l.value = new AbortController();
-    const n = { ...v, ...L }, T = C(s, n.baseURL), m = {
-      method: t,
+      t(new Error("Request timeout"));
+    }, e);
+  }), x = (e) => new Promise((s) => {
+    setTimeout(s, e);
+  }), i = async (e, s, t, D = {}) => {
+    a.value = null, h.value = !0, u.value = new AbortController();
+    const n = { ...v, ...D }, L = w(s, n.baseURL), c = {
+      method: e,
       headers: { ...n.headers },
-      signal: l.value.signal,
+      signal: u.value.signal,
       ...n
     };
-    e && ["POST", "PUT", "PATCH"].includes(t) && (e instanceof FormData ? (delete m.headers["Content-Type"], m.body = e) : m.body = JSON.stringify(e));
-    const y = async (f = 0) => {
+    t && ["POST", "PUT", "PATCH"].includes(e) && (t instanceof FormData ? (delete c.headers["Content-Type"], c.body = t) : c.body = JSON.stringify(t));
+    const E = async (m = 0) => {
       try {
-        const o = [fetch(T, m)];
-        n.timeout && o.push(A(n.timeout));
+        const o = [fetch(L, c)];
+        n.timeout && o.push(P(n.timeout));
         const r = await Promise.race(o);
         if (!r.ok) {
-          const O = `HTTP Error: ${r.status} ${r.statusText}`, p = new Error(O);
-          p.status = r.status, p.statusText = r.statusText, p.response = r;
-          const x = await g();
-          throw x && x.captureHttpError(p, T, {
-            method: t,
-            statusCode: r.status,
-            statusText: r.statusText
-          }), p;
+          const O = `HTTP Error: ${r.status} ${r.statusText}`, d = new Error(O);
+          throw d.status = r.status, d.statusText = r.statusText, d.response = r, d;
         }
-        let a;
-        const u = r.headers.get("content-type");
-        return u != null && u.includes("application/json") ? a = await r.json() : u != null && u.includes("text/") ? a = await r.text() : a = await r.blob(), {
-          data: a,
+        let f;
+        const l = r.headers.get("content-type");
+        return l != null && l.includes("application/json") ? f = await r.json() : l != null && l.includes("text/") ? f = await r.text() : f = await r.blob(), {
+          data: f,
           status: r.status,
           statusText: r.statusText,
           headers: r.headers
         };
       } catch (o) {
         const r = o instanceof Error && o.name === "AbortError";
-        if (f < (n.retry || 0) && !r)
-          return await $(n.retryDelay || 1e3), y(f + 1);
-        if (o instanceof Error)
-          if (o.name === "AbortError")
-            i.value = { message: "Request was cancelled" };
-          else {
-            i.value = { message: o.message };
-            const a = await g();
-            a && a.captureNetworkError(o, T, {
-              method: t,
-              attemptNumber: f + 1,
-              timeoutMs: n.timeout
-            });
-          }
-        else {
-          i.value = o;
-          const a = await g();
-          a && o instanceof Error && a.captureNetworkError(o, T, {
-            method: t,
-            attemptNumber: f + 1
-          });
-        }
-        throw o;
+        if (m < (n.retry || 0) && !r)
+          return await x(n.retryDelay || 1e3), E(m + 1);
+        throw o instanceof Error ? o.name === "AbortError" ? a.value = { message: "Request was cancelled" } : a.value = { message: o.message } : a.value = o, o;
       }
     };
     try {
-      return await y();
+      return await E();
     } finally {
-      d.value = !1, l.value = null;
+      h.value = !1, u.value = null;
     }
-  }, R = (t, s) => c("GET", t, void 0, s), U = (t, s, e) => c("POST", t, s, e), N = (t, s, e) => c("PUT", t, s, e), W = (t, s, e) => c("PATCH", t, s, e), q = (t, s) => c("DELETE", t, void 0, s), D = (t) => {
-    l.value && l.value.abort(t);
-  }, H = () => {
-    i.value = null;
+  }, C = (e, s) => i("GET", e, void 0, s), $ = (e, s, t) => i("POST", e, s, t), R = (e, s, t) => i("PUT", e, s, t), U = (e, s, t) => i("PATCH", e, s, t), A = (e, s) => i("DELETE", e, void 0, s), W = (e) => {
+    u.value && u.value.abort(e);
+  }, q = () => {
+    a.value = null;
   };
   return {
     // State
-    loading: P,
-    error: w(() => i.value),
-    hasError: k,
+    loading: g,
+    error: T(() => a.value),
+    hasError: y,
     // Methods
-    request: c,
-    get: R,
-    post: U,
-    put: N,
-    patch: W,
-    delete: q,
-    cancel: D,
-    clearError: H
+    request: i,
+    get: C,
+    post: $,
+    put: R,
+    patch: U,
+    delete: A,
+    cancel: W,
+    clearError: q
   };
 };
 export {
-  M as useHttp
+  k as useHttp
 };

package/dist/composables/useStripo.js

@@ -1,41 +1,26 @@
-import { useActionsApi as C } from "./useActionsApi.js";
-import { useCustomInterfaceAppearance as _ } from "./useCustomInterfaceAppearance.js";
-import { useErrorTracking as w } from "./useErrorTracking.js";
-import { useStripoErrorCategory as b } from "./useStripoErrorCategory.js";
-import { useStripoEventHandler as k } from "./useStripoEventHandler.js";
-import { useStripoSlackNotifier as v } from "./useStripoSlackNotifier.js";
+import { useActionsApi as h } from "./useActionsApi.js";
+import { useBlocksConfig as b } from "./useBlocksConfig.js";
+import { useConfig as k } from "./useConfig.js";
+import { useCustomInterfaceAppearance as V } from "./useCustomInterfaceAppearance.js";
+import { useStripoEventHandler as _ } from "./useStripoEventHandler.js";
 import { useToaster as B } from "./useToaster.js";
-import { displayConditions as V } from "../enums/displayConditions.js";
-import x from "../extensions/Blocks/Checkbox/extension.js";
-import F from "../extensions/Blocks/CouponBlock/extension.js";
-import A from "../extensions/Blocks/RadioButton/extension.js";
-import M from "../extensions/Blocks/Recommendation/extension.js";
-import U from "../extensions/Blocks/Unsubscribe/extension.js";
-import D from "../extensions/DynamicContent/extension.js";
-import { useStripoApi as P } from "../services/stripoApi.js";
-import R from "../static/styles/customEditorStyle.css.js";
-import { useEditorStore as z } from "../stores/editor.js";
-import { dynamicContentToMergeTags as H } from "../utils/genericUtil.js";
-const no = (o) => {
-  const { handleError: g } = B(), { getToken: S, getCustomFonts: y } = P(), { handleEvent: E } = k(), { captureStripoError: c, withTimeout: f } = w(), { shouldCaptureSentry: u } = b(), { notifySlack: p } = v(), h = (m, n = []) => {
-    const r = z(), { html: i, css: a, forceRecreate: d } = m, l = (e) => {
-      const t = e instanceof Error ? e : new Error(String(e)), s = "stripo_runtime_error", I = u(s);
-      c(t, s, {
-        emailId: o.emailId,
-        userId: o.userId
-      }, I), p(
-        t.message,
-        s,
-        { emailId: o.emailId, userId: o.userId }
-      );
-    };
+import { displayConditions as A } from "../enums/displayConditions.js";
+import { useStripoApi as F } from "../services/stripoApi.js";
+import T from "../static/styles/customEditorStyle.css.js";
+import { useEditorStore as v } from "../stores/editor.js";
+import { dynamicContentToMergeTags as I } from "../utils/genericUtil.js";
+import M from "../package.json.js";
+const N = (d) => {
+  const { config: u } = k(), { handleError: l } = B(), { getToken: f, getCustomFonts: S } = F(), { handleEvent: C } = _(), { getStripoBlocksConfig: y } = b(), E = async (i, r = []) => {
+    var m, g;
+    const t = v(), { html: n, css: p, forceRecreate: a } = i, { baseBlocks: e, extensions: c } = await y();
     window.UIEditor.initEditor(
       document.querySelector("#guido-editor"),
       {
-        metadata: o,
-        html: i,
-        css: a,
-        forceRecreate: d,
+        metadata: d,
+        html: n,
+        css: p,
+        forceRecreate: a,
         locale: "en",
         undoButtonSelector: "#guido__undo-button",
         redoButtonSelector: "#guido__redo-button",
@@ -45,167 +30,83 @@ const no = (o) => {
         customAppearanceMergetags: !0,
         customAppearanceMergetagsBorderColor: "#f1f3fe",
         customAppearanceMergetagsBackgroundColor: "#f1f3fe",
-        customViewStyles: R,
-        conditionsEnabled: !0,
-        customConditionsEnabled: !0,
-        conditionCategories: V,
+        customViewStyles: T,
+        conditionsEnabled: ((m = u.features) == null ? void 0 : m.displayConditions) ?? !0,
+        customConditionsEnabled: ((g = u.features) == null ? void 0 : g.displayConditions) ?? !0,
+        conditionCategories: A,
         enableXSSSecurity: !0,
         messageSettingsEnabled: !1,
-        selectBlockAfterDropFromSettingsPanel: !0,
+        selectElementAfterDrop: !0,
+        ...e ? { baseBlocks: e } : {},
         editorFonts: {
           showDefaultStandardFonts: !0,
           showDefaultNotStandardFonts: !0,
-          customFonts: n
+          customFonts: r
         },
         mergeTags: [
           {
-            entries: H(o.preselectedDynamicContentList)
+            entries: I(d.preselectedDynamicContentList)
           }
         ],
-        async onTokenRefreshRequest(e) {
+        async onTokenRefreshRequest(o) {
           try {
-            const t = await f(
-              S(),
-              1e4,
-              // 10 second timeout
-              "token_refresh",
-              { emailId: o.emailId, userId: o.userId }
-            );
-            e(t);
-          } catch (t) {
-            const s = "token_refresh", I = u(s);
-            c(t, s, {
-              templateId: o.emailId,
-              userId: o.userId
-            }, I), p(
-              "Token refresh operation failed",
-              s,
-              { emailId: o.emailId, userId: o.userId }
-            ), g(t, "Failed to refresh token");
+            const s = await f();
+            o(s);
+          } catch (s) {
+            l(s, "Failed to refresh token");
           }
         },
         onTemplateLoaded() {
           try {
-            const { importCss: e } = _(), { activateCustomViewStyles: t } = C();
-            e(), t(), o.onReady(), r.isStripoInitialized = !0, r.loadingStatus = !1, setTimeout(() => {
-              r.hasChanges = !1;
+            const { importCss: o } = V(), { activateCustomViewStyles: s } = h();
+            o(), s(), d.onReady(), t.isStripoInitialized = !0, t.loadingStatus = !1, setTimeout(() => {
+              t.hasChanges = !1;
             }, 1e3);
-          } catch (e) {
-            const t = "template_loaded", s = u(t);
-            c(e, t, {
-              templateId: o.emailId,
-              userId: o.userId
-            }, s), p(
-              "Template loading operation failed",
-              t,
-              { emailId: o.emailId, userId: o.userId }
-            ), g(e, "Failed to load custom interface appearance");
+          } catch (o) {
+            l(o, "Failed to load custom interface appearance");
           }
         },
-        onCodeEditorVisibilityChanged(e) {
-          r.isCodeEditorOpen = e;
+        onCodeEditorVisibilityChanged(o) {
+          t.isCodeEditorOpen = o;
         },
-        onEditorVisualModeChanged(e) {
-          r.editorVisualMode = e.toLowerCase();
+        onEditorVisualModeChanged(o) {
+          t.editorVisualMode = o.toLowerCase();
         },
-        onVersionHistoryVisibilityChanged(e) {
-          r.isVersionHistoryOpen = e;
+        onVersionHistoryVisibilityChanged(o) {
+          t.isVersionHistoryOpen = o;
         },
         onDataChanged() {
-          r.hasChanges = !0;
+          t.hasChanges = !0;
         },
-        onEvent: E,
-        // Error handler for Stripo runtime errors (CORS, plugin issues, etc.)
-        onError: l,
+        onEvent: C,
         ignoreClickOutsideSelectors: [
           "#guido-dynamic-content-modal",
           ".in-on-board-wrapper",
           ".in-drawer__container"
         ],
-        extensions: [
-          D,
-          x,
-          A,
-          M,
-          U,
-          F
-        ]
+        extensions: c
       }
     );
-  }, T = (m) => new Promise((n, r) => {
+  }, w = (i) => new Promise((r, t) => {
+    var c;
     if (document.getElementById("UiEditorScript")) {
-      m(), n();
+      i(), r();
       return;
     }
-    const i = document.createElement("script");
-    i.id = "UiEditorScript", i.type = "module", i.src = "https://plugins.stripo.email/resources/uieditor/latest/UIEditor.js";
-    const a = setTimeout(() => {
-      const d = new Error("Timeout loading Stripo UIEditor script (30s)"), l = "plugin_load_timeout", e = u(l);
-      c(d, l, {
-        scriptSrc: i.src,
-        emailId: o.emailId,
-        userId: o.userId
-      }, e), p(
-        `Stripo plugin failed to load (timeout): ${i.src}`,
-        l,
-        { emailId: o.emailId, userId: o.userId, reason: "timeout" }
-      ), r(d);
-    }, 3e4);
-    i.onload = () => {
-      clearTimeout(a), m(), n();
-    }, i.onerror = (d) => {
-      clearTimeout(a);
-      const l = new Error("Failed to load Stripo UIEditor script"), e = d instanceof Event ? d.type : String(d), t = "plugin_load_error", s = u(t);
-      c(l, t, {
-        scriptSrc: i.src,
-        event: e,
-        emailId: o.emailId,
-        userId: o.userId
-      }, s), p(
-        `Stripo plugin failed to load: ${e}`,
-        t,
-        { emailId: o.emailId, userId: o.userId, scriptSrc: i.src }
-      ), r(l);
-    }, document.body.appendChild(i);
+    const n = M.guido, a = `https://email-static.useinsider.com/guido/${(c = n == null ? void 0 : n.stripo) == null ? void 0 : c.version}/UIEditor.js`, e = document.createElement("script");
+    e.id = "UiEditorScript", e.type = "module", e.src = a, e.onload = () => {
+      i(), r();
+    }, e.onerror = () => {
+      t(new Error(`Failed to load Stripo UIEditor script from S3: ${a}`));
+    }, document.body.appendChild(e);
   });
-  return { initPlugin: async (m) => {
-    try {
-      await T(async () => {
-        try {
-          const n = await f(
-            y(),
-            5e3,
-            // 5 second timeout for fonts
-            "load_custom_fonts",
-            { emailId: o.emailId }
-          );
-          h(m, n);
-        } catch (n) {
-          const r = "init_editor", i = u(r);
-          throw c(n, r, {
-            templateId: o.emailId,
-            userId: o.userId,
-            hasTemplate: !!m.html
-          }, i), p(
-            "Editor initialization failed",
-            r,
-            { emailId: o.emailId, userId: o.userId }
-          ), n;
-        }
-      });
-    } catch (n) {
-      const r = "init_plugin", i = u(r);
-      throw c(n, r, {
-        templateId: o.emailId,
-        userId: o.userId
-      }, i), p(
-        "Plugin initialization failed",
-        r,
-        { emailId: o.emailId, userId: o.userId }
-      ), n;
-    }
+  return { initPlugin: async (i) => {
+    await w(async () => {
+      const r = await S();
+      await E(i, r);
+    });
   } };
 };
 export {
-  no as useStripo
+  N as useStripo
 };

package/dist/config/compiler/itemsCompilerRules.js

@@ -0,0 +1,14 @@
+import { pairProductVariables as r } from "../../utils/pairProductVariables.js";
+const t = [
+  {
+    id: "pair-product-variables",
+    description: "Replace product default values with template variables",
+    type: "custom",
+    processor: r,
+    priority: 60
+    // After recommendation rules (priority 50-53)
+  }
+];
+export {
+  t as itemsCompilerRules
+};

package/dist/config/compiler/unsubscribeCompilerRules.js

@@ -1,36 +1,41 @@
-import { usePartner as U } from "../../composables/usePartner.js";
-import { LINK_REGEXES as l, LINK_TYPES as b, URLS as f } from "../../enums/unsubscribe.js";
-import { parsePageList as B } from "../../extensions/Blocks/Unsubscribe/utils/utils.js";
-import { useConfigStore as N } from "../../stores/config.js";
-import { useUnsubscribeStore as I } from "../../stores/unsubscribe.js";
-const T = [
+import { usePartner as N } from "../../composables/usePartner.js";
+import { LINK_REGEXES as l, LINK_TYPES as g, INSIDER_ID as f, URLS as S } 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 = [
   {
     id: "add-unsubscribe-link-values",
     description: "Adding unsubscribe link values",
     type: "custom",
     processor: (t) => {
-      const { getPartnerName: i } = U(), a = N(), n = I(), u = a.getVariationId;
-      if (!u)
+      const { getPartnerName: i } = N(), c = B(), n = y(), u = L(), a = c.getVariationId;
+      if (!a)
         return t;
-      let o = t;
-      const e = `/${i()}/email/${u}?user={{iid}}`;
-      return new DOMParser().parseFromString(o, "text/html").querySelectorAll(".unsubscribe-block-v2[data-unsubscribe-page-list]").forEach((p) => {
-        var g;
-        const d = p.getAttribute("data-unsubscribe-page-list");
-        if (!d)
+      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 b;
+        const m = p.getAttribute("data-unsubscribe-page-list");
+        if (!m)
           return;
-        const S = B(d), m = ((g = n.templates) == null ? void 0 : g.filter(
-          (c) => S.includes(c.id)
-        )) ?? [], R = m.some((c) => c.type === b.UNSUBSCRIBE_LINK_TYPE), _ = m.some((c) => c.type === b.PREFERENCES_LINK_TYPE), E = p.outerHTML;
+        const R = U(m), d = ((b = u.templates) == null ? void 0 : b.filter(
+          (o) => R.includes(o.id)
+        )) ?? [], _ = d.some((o) => o.type === g.UNSUBSCRIBE_LINK_TYPE), I = d.some((o) => o.type === g.PREFERENCES_LINK_TYPE), E = p.outerHTML;
         let s = E;
-        R && (s = s.replace(
+        _ && (n.selectedDynamicContentList.push({
+          text: f,
+          value: f,
+          fallback: ""
+        }), s = s.replace(
           l.GLOBAL_UNSUBSCRIBE_LINK_REGEX,
-          f.UNSUBSCRIBE_URL + e
-        )), _ && (s = s.replace(
+          S.UNSUBSCRIBE_URL + r
+        )), I && (s = s.replace(
           l.PREFERENCES_UNSUBSCRIBE_LINK_REGEX,
-          f.PREFERENCES_URL + e
-        )), s = s.replace(l.UNSUBSCRIBE_LINK_REGEX, ""), o = o.replace(E, s);
-      }), o;
+          S.PREFERENCES_URL + r
+        )), s = s.replace(l.UNSUBSCRIBE_LINK_REGEX, ""), e = e.replace(E, s);
+      }), e;
     },
     priority: 60
   },
@@ -56,16 +61,16 @@ const T = [
     type: "custom",
     processor: (t) => {
       let i = t;
-      const a = i.match(/<a[^>]+>(.*?)<\/a>/gm);
-      return a && a.forEach((n) => {
+      const c = i.match(/<a[^>]+>(.*?)<\/a>/gm);
+      return c && c.forEach((n) => {
         if (n.includes("insEmail=1"))
           return;
         if (n.match(/<a\s+(?:[^>]*?\s+)?href=(["'`”])(.*?)\1\s+(?:[^>]*?\s+)?universal=(["'`”])true\3/gm)) {
-          const o = n.replace(/href=(["'`”])(.*?)\1/gm, (e) => {
+          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`);
           });
-          i = i.replace(n, o);
+          i = i.replace(n, a);
         }
       }), i;
     },
@@ -73,5 +78,5 @@ const T = [
   }
 ];
 export {
-  T as unsubscribeCompilerRules
+  D as unsubscribeCompilerRules
 };

package/dist/config/migrator/index.js

@@ -1,11 +1,12 @@
-import { migrateCheckbox as o } from "./checkboxMigrator.js";
-import { migrateCouponBlock as m } from "./couponBlockMigrator.js";
+import { migrateCheckbox as m } from "./checkboxMigrator.js";
+import { migrateCouponBlock as o } from "./couponBlockMigrator.js";
 import { migrateRadioButton as i } from "./radioButtonMigrator.js";
-import { migrateUnsubscribe as e } from "./unsubscribeMigrator.js";
-const c = async (t) => {
+import { migrateRecommendation as e } from "./recommendationMigrator.js";
+import { migrateUnsubscribe as a } from "./unsubscribeMigrator.js";
+const s = async (t) => {
   let r = t;
-  return r = o(r), r = i(r), r = await e(r), r = m(r), r;
+  return r = m(r), r = i(r), r = await a(r), r = o(r), r = e(r), r;
 };
 export {
-  c as migrate
+  s as migrate
 };