@useinsider/guido 1.0.2 → 1.0.3-beta.001f60f

package/dist/composables/useErrorTracking.js

@@ -0,0 +1,98 @@
+import { inject as S, ref as g } from "vue";
+const f = () => {
+  const s = S("traceId", ""), n = g(0), i = g(null), d = (r, e = {}) => {
+    const t = r instanceof Error ? r.message : String(r), o = {
+      ...e,
+      errorMessage: t,
+      timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+      userAgent: navigator.userAgent,
+      url: window.location.href,
+      traceId: s || void 0
+    };
+    return n.value += 1, r instanceof Error && (i.value = r), window.Sentry && window.Sentry.captureException(r, {
+      tags: {
+        component: e.component,
+        operation: e.operation,
+        source: "guido"
+      },
+      contexts: {
+        guido: o
+      },
+      extra: {
+        traceId: s || void 0
+      }
+    }), window.FS && window.FS("event", "guido_error", {
+      errorMessageStr: t,
+      componentStr: e.component || "unknown",
+      operationStr: e.operation || "unknown",
+      templateIdStr: e.templateId || "",
+      userIdStr: e.userId || "",
+      traceIdStr: s || "",
+      errorCountInt: n.value,
+      timestampInt: Date.now()
+    }), o;
+  }, c = (r, e, t = {}, o = !0) => {
+    const a = r instanceof Error ? r : new Error(String(r)), u = a.message, p = {
+      component: "stripo-wrapper",
+      operation: e,
+      ...t,
+      errorMessage: u,
+      timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+      userAgent: navigator.userAgent,
+      url: window.location.href
+    };
+    return n.value += 1, i.value = a, o && window.Sentry && window.Sentry.captureException(a, {
+      tags: {
+        component: "stripo-wrapper",
+        operation: e
+      },
+      contexts: {
+        guido: p
+      }
+    }), o && window.FS && window.FS("event", "guido_stripo_error", {
+      errorMessageStr: u,
+      operationStr: e || "unknown",
+      timestampInt: Date.now()
+    }), p;
+  }, w = (r, e, t = {}) => {
+    const o = new Error(
+      `Timeout waiting for Stripo ${r} (${e}ms)`
+    );
+    return c(o, `${r}_timeout`, {
+      timeoutMs: e,
+      ...t
+    });
+  }, m = (r, e, t = {}) => new Promise((o, a) => {
+    setTimeout(() => {
+      const u = w(
+        e,
+        r,
+        t
+      );
+      a(new Error(u.errorMessage));
+    }, r);
+  });
+  return {
+    traceId: s,
+    errorCount: n,
+    lastError: i,
+    captureError: d,
+    captureStripoError: c,
+    captureTimeoutError: w,
+    createTimeoutPromise: m,
+    withTimeout: (r, e, t, o = {}) => Promise.race([
+      r,
+      m(e, t, o)
+    ]),
+    getErrorSummary: () => ({
+      errorCount: n.value,
+      lastError: i.value
+    }),
+    resetErrorTracking: () => {
+      n.value = 0, i.value = null;
+    }
+  };
+};
+export {
+  f as useErrorTracking
+};

package/dist/composables/useHtmlCompiler.js

@@ -1,17 +1,25 @@
-import { defaultHtmlCompilerRules as r } from "../config/compiler/htmlCompilerRules.js";
-import { createHtmlCompiler as p } from "../utils/htmlCompiler.js";
-import { useConfig as s } from "./useConfig.js";
-const R = () => {
-  const { config: e } = s(), l = e.htmlCompilerRules || [], t = [
-    ...!!e.ignoreDefaultHtmlCompilerRules ? [] : r,
+import { defaultHtmlCompilerRules as t } from "../config/compiler/htmlCompilerRules.js";
+import { outlookCompilerRules as p } from "../config/compiler/outlookCompilerRules.js";
+import { recommendationCompilerRules as s } from "../config/compiler/recommendationCompilerRules.js";
+import { socialCompilerRules as u } from "../config/compiler/socialCompilerRules.js";
+import { unsubscribeCompilerRules as n } from "../config/compiler/unsubscribeCompilerRules.js";
+import { createHtmlCompiler as c } from "../utils/htmlCompiler.js";
+import { useConfig as f } from "./useConfig.js";
+const h = () => {
+  const { config: e } = f(), l = e.htmlCompilerRules || [], m = [
+    ...!!e.ignoreDefaultHtmlCompilerRules ? [] : t,
+    ...s,
+    ...n,
+    ...p,
+    ...u,
     ...l.map((o, i) => ({
       ...o,
       priority: o.priority + 1e3 + i
       // Ensure additional rules run after default rules
     }))
-  ], m = p(t);
-  return { compileHtml: (o) => m.compile(o) };
+  ], r = c(m);
+  return { compileHtml: (o) => r.compile(o) };
 };
 export {
-  R as useHtmlCompiler
+  h as useHtmlCompiler
 };

package/dist/composables/useHtmlValidator.js

@@ -0,0 +1,148 @@
+import { useConfig as H } from "./useConfig.js";
+import { TemplateTypes as V } from "../enums/defaults.js";
+import { DISPLAY_CONDITIONS_REGEX as D, DISPLAY_CONDITIONS_EXCEPTIONS_REGEX as P, CampaignCouldNotBeSavedKey as R, CanNotMakeAnyChangesForRunningKey as _ } from "../enums/html-validator.js";
+import { ToasterTypeOptions as l } from "../enums/toaster.js";
+import { useRecommendationStore as G } from "../stores/recommendation.js";
+import { base64EncodeWithSpecialChars as $ } from "../utils/base64.js";
+import { useHttp as j } from "./useHttp.js";
+import { useToaster as q } from "./useToaster.js";
+import { useTranslations as M } from "./useTranslations.js";
+const se = () => {
+  var d;
+  const { showToaster: c } = q(), { post: y } = j(), { config: h } = H(), a = M(), m = G(), u = ((d = h.partner) == null ? void 0 : d.messageType) === V.transactional, v = async (e) => {
+    const t = await y(
+      "/newsletter/template-library/check-template-html-body",
+      { html: $(e) }
+    ), { status: n, message: r } = t.data;
+    return n || c({
+      type: l.Alert,
+      message: n === void 0 ? r : a("newsletter.invalid-url-link-for-toaster")
+    }), a(R), r === a(_) && c({
+      type: l.Alert,
+      message: a("newsletter.already-in-progress")
+    }), n;
+  }, C = (e) => !["if", "endif", "else", "elif", "now"].includes(e.toLowerCase()), w = (e) => ["if", "endif"].includes(e.toLowerCase()), S = (e, s) => {
+    const t = e.match(/({%(.*?)%})/g);
+    let n = !0;
+    return t !== null && !u && t.forEach((r) => {
+      const o = r.slice(2, -2).trim().match(/(".*?"|[^"\s]+)(?=\s*|\s*$)/g);
+      if (o && o.length > 0) {
+        const [i] = o;
+        C(i) && !s.includes(i) && (c({
+          type: l.Warning,
+          message: a("custom-fields.invalid-custom-fields")
+        }), n = !1);
+      }
+    }), n;
+  }, b = async (e, s, t) => {
+    const n = t ? await v(e) : !0;
+    return S(e, s) && n;
+  }, E = (e) => e.length > 0 ? !0 : (c({
+    type: l.Warning,
+    message: a("newsletter.html-content-is-empty")
+  }), !1), A = (e) => {
+    const s = (e.match(/{/gm) || []).length, t = (e.match(/}/gm) || []).length;
+    return s > t && c({
+      type: l.Warning,
+      message: a("custom-fields.missing-closing-braces")
+    }), s < t && c({
+      type: l.Warning,
+      message: a("custom-fields.missing-opening-braces")
+    }), s === t;
+  }, x = (e) => {
+    const s = e.match(/{{\s*(\w+\s+((\w+\|\w+)|(\w+)))\s*}}/gm) === null;
+    return s || c({
+      type: l.Warning,
+      message: a("custom-fields.invalid-custom-fields")
+    }), s;
+  }, k = (e, s) => {
+    const t = e.match(/{{([a-zA-Z0-9_\s]*)}}/gm);
+    if (t && !u) {
+      const n = new Set(s.map((o) => o.toLowerCase())), r = [];
+      if (t.forEach((o) => {
+        const i = o.slice(2, -2).trim().toLowerCase();
+        (!n.has(i) || i === "") && r.push(i);
+      }), r.length > 0) {
+        const o = `
+                    <ul>
+                        ${r.map((i) => `<li>${i}</li>`).join("")}
+                    </ul>
+                `;
+        return c({
+          type: l.Alert,
+          message: a("custom-fields.invalid-custom-fields") + o
+        }), !1;
+      }
+    }
+    return !0;
+  }, T = (e) => {
+    const s = e.match(/{%(.*?)%}/g), t = [];
+    let n = !0;
+    if (s && s.forEach((r) => {
+      const o = r.match(D), i = r.match(P), B = (o == null ? void 0 : o.join("")) || "";
+      (!o || r !== B) && !i && (c({
+        type: l.Alert,
+        message: a("newsletter.display-conditions-invalid-syntax")
+      }), n = !1), o && o.forEach((f) => {
+        f.trim() === "=" && (c({
+          type: l.Alert,
+          message: a("custom-conditions.wrong-equality-operators")
+        }), n = !1);
+        const g = f.match(/^[a-zA-Z]*$/g);
+        g && g.forEach((p) => {
+          w(p) && t.push(p);
+        });
+      });
+    }), t.length) {
+      const r = t.filter((i) => i === "if"), o = t.filter((i) => i === "endif");
+      r.length !== o.length && (c({
+        type: l.Alert,
+        message: a("custom-conditions.missing-if-endif-tag")
+      }), n = !1);
+    }
+    return n;
+  }, F = (e) => {
+    const s = (e.match(/{% /gm) || []).length, t = (e.match(/ %}/gm) || []).length, n = s === t;
+    return n || c({
+      type: l.Warning,
+      message: a("custom-conditions.no-space-after-braces")
+    }), n;
+  }, I = (e) => (e.match(/({%(.*?)%})/g) || []).filter((t) => t.includes("if")).map((t) => (t.match(/{{.*}}/gm) || []).length).reduce((t, n) => t + n, 0) > 0 ? (c({
+    type: l.Warning,
+    message: a("custom-conditions.no-braces-inside-if-tag")
+  }), !1) : !0, W = () => m.recommendationConfigs && Object.values(m.recommendationConfigs).find((s) => s.filters.find((t) => t.value === "")) !== void 0 ? (c({
+    type: l.Alert,
+    message: a("newsletter.fill-all-necessary-fields")
+  }), !1) : !0, L = (e) => {
+    const s = /src="[^"]*\.(svg|pst)"/gm;
+    return e.match(s) === null ? !0 : (c({
+      type: l.Alert,
+      message: a("newsletter.invalid-image-type")
+    }), !1);
+  }, N = (e) => {
+    const n = new DOMParser().parseFromString(e, "text/html").querySelectorAll(".checkbox-block-v2");
+    return Array.from(n).find((o) => {
+      var i;
+      return !((i = o.id) != null && i.trim());
+    }) ? (c({
+      type: l.Alert,
+      message: a("unsubscribe-templates.select-checkbox-groups")
+    }), !1) : !0;
+  }, O = (e) => {
+    const n = new DOMParser().parseFromString(e, "text/html").querySelectorAll(".radio-button-v2");
+    return Array.from(n).find((o) => {
+      var i;
+      return !((i = o.id) != null && i.trim());
+    }) ? (c({
+      type: l.Alert,
+      message: a("unsubscribe-templates.select-radio-button-groups")
+    }), !1) : !0;
+  };
+  return { validateHtml: async (e, s, t = !1) => {
+    const n = s.map((o) => o.value);
+    return await b(e, n, t) && E(e) && A(e) && x(e) && k(e, n) && T(e) && F(e) && I(e) && W() && L(e) && N(e) && O(e);
+  } };
+};
+export {
+  se as useHtmlValidator
+};

package/dist/composables/useHttp.js

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

package/dist/composables/usePartner.js

@@ -1,11 +1,18 @@
-import { DefaultProductType as e, ProductIds as o } from "../enums/defaults.js";
-const c = () => ({
-  getPartnerName: () => window.location.hostname.split(".")[0] || "",
-  getProductType: () => {
-    const t = window.location.pathname.split("/").filter(Boolean)[0] || e;
-    return o[t] || 0;
-  }
-});
+import { TEST_PARTNER_LIST as r, DefaultProductType as o, ProductIds as n } from "../enums/defaults.js";
+const i = () => {
+  const e = () => window.location.hostname.split(".")[0] || "";
+  return {
+    getPartnerName: e,
+    getProductType: () => {
+      const t = window.location.pathname.split("/").filter(Boolean)[0] || o;
+      return n[t] || 0;
+    },
+    isTestPartner: () => {
+      const t = e();
+      return r.includes(t);
+    }
+  };
+};
 export {
-  c as usePartner
+  i as usePartner
 };

package/dist/composables/useRecommendation.js

@@ -0,0 +1,27 @@
+import { MinDeviceViewport as r, DefaultPadding as c } from "../enums/recommendation.js";
+const m = () => ({
+  calculateCardWidth: ({
+    mobileLeftPadding: e,
+    mobileRightPadding: a,
+    cardsInRow: n,
+    unresponsive: i
+  }) => {
+    const t = i ? n : 1, o = e + a + (t - 1) * c;
+    return (r - o) / t;
+  },
+  getRecommendationCampaignData: (e) => (console.debug(e), {
+    textTrimming: !1,
+    orientation: "vertical",
+    mobileLeftPadding: 0,
+    mobileRightPadding: 0,
+    cardsInRow: 2,
+    unresponsive: !1,
+    priceBeforeTextValue: "",
+    priceAfterTextValue: "",
+    discountBeforeTextValue: "",
+    discountAfterTextValue: ""
+  })
+});
+export {
+  m as useRecommendation
+};

package/dist/composables/useSave.js

@@ -0,0 +1,15 @@
+import { useSaveStart as i, useSaveComplete as m } from "./useGuidoActions.js";
+import { useTemplatePreparation as n } from "../utils/templatePreparation.js";
+import { useHtmlValidator as l } from "./useHtmlValidator.js";
+const f = () => {
+  const e = i(), a = m(), { validateHtml: s } = l();
+  return { save: async (o = !1) => {
+    e();
+    const { prepareTemplateDetails: r } = n(), t = await r();
+    if (await s(t.compiledHtml, t.dynamicContentList, !0))
+      return o || a(t), t;
+  } };
+};
+export {
+  f as useSave
+};