@useinsider/guido 1.0.3-beta.001f60f → 1.0.3-beta.031021e

package/dist/components/Guido.vue.js

@@ -1,18 +1,18 @@
-import o from "./Guido.vue2.js";
+import a from "./Guido.vue2.js";
 /* empty css           */
 import i from "../_virtual/_plugin-vue2_normalizer.js";
-var t = function() {
-  var a = this, r = a._self._c, e = a._self._setupProxy;
-  return r("div", { staticClass: "guido-editor__wrapper", class: { "guido-editor__no-header": e.noHeader } }, [r(e.HeaderWrapper, { ref: "headerWrapperRef" }), e.editorStore.isPreviewModeOpen ? r(e.PreviewContainer) : a._e(), r("div", { directives: [{ name: "show", rawName: "v-show", value: !e.previewStore.isLoaded, expression: "!previewStore.isLoaded" }], staticClass: "guido-editor__container", class: { "guido-editor__no-header": e.noHeader }, attrs: { id: "guido-editor" } }), r(e.Toaster), r(e.FilterSelectionDrawer), r(e.SaveAsTemplateDrawer), e.isTestPartner() ? a._e() : r(e.OnboardingWrapper), r(e.UnsubscribeWrapper), r(e.LoadingWrapper)], 1);
-}, s = [], d = /* @__PURE__ */ i(
-  o,
-  t,
+var s = function() {
+  var o = this, r = o._self._c, e = o._self._setupProxy;
+  return r("div", { staticClass: "guido-editor__wrapper", class: { "guido-editor__no-header": e.noHeader } }, [r(e.HeaderWrapper, { ref: "headerWrapperRef" }), e.editorStore.isPreviewModeOpen ? r(e.PreviewContainer) : o._e(), r("div", { directives: [{ name: "show", rawName: "v-show", value: !e.previewStore.isLoaded, expression: "!previewStore.isLoaded" }], staticClass: "guido-editor__container", class: { "guido-editor__no-header": e.noHeader }, attrs: { id: "guido-editor" } }), r(e.Toaster), r(e.SaveAsTemplateDrawer), e.isTestPartner() ? o._e() : r(e.OnboardingWrapper), r(e.UnsubscribeWrapper), r(e.LoadingWrapper)], 1);
+}, t = [], d = /* @__PURE__ */ i(
+  a,
   s,
+  t,
   !1,
   null,
-  "5a4aa0bc"
+  "96687c1d"
 );
-const l = d.exports;
+const v = d.exports;
 export {
-  l as default
+  v as default
 };

package/dist/components/Guido.vue2.js

@@ -1,23 +1,22 @@
-import { defineComponent as M, defineAsyncComponent as G, ref as R, computed as U, watch as z, onMounted as B, onUnmounted as K } from "vue";
-import { provideGuidoActions as O } from "../composables/useGuidoActions.js";
-import { usePartner as j } from "../composables/usePartner.js";
-import { useStripo as q } from "../composables/useStripo.js";
+import { defineComponent as x, defineAsyncComponent as U, ref as F, computed as I, watch as M, onMounted as z, onUnmounted as B } from "vue";
+import { provideGuidoActions as K } from "../composables/useGuidoActions.js";
+import { usePartner as O } from "../composables/usePartner.js";
+import { useStripo as j } from "../composables/useStripo.js";
 import { migrate as W } from "../config/migrator/index.js";
-import { DefaultMessageType as J, DefaultUsername as Q, DefaultGuidoConfig as V } from "../enums/defaults.js";
-import X from "./organisms/base/Toaster.vue.js";
-import Y from "./organisms/extensions/recommendation/FilterSelectionDrawer.vue.js";
-import Z from "./organisms/header/HeaderWrapper.vue.js";
-import $ from "./organisms/LoadingWrapper.vue.js";
-import ee from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
-import oe from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
-import { useStripoApi as te } from "../services/stripoApi.js";
-import { useConfigStore as ne } from "../stores/config.js";
-import { useDynamicContentStore as re } from "../stores/dynamic-content.js";
-import { useEditorStore as ie } from "../stores/editor.js";
-import { usePreviewStore as se } from "../stores/preview.js";
-import { useUnsubscribeStore as ae } from "../stores/unsubscribe.js";
-import ce from "../node_modules/lodash-es/merge.js";
-const Pe = /* @__PURE__ */ M({
+import { DefaultUsername as q, DefaultMessageType as J, DefaultGuidoConfig as Q } from "../enums/defaults.js";
+import V from "./organisms/base/Toaster.vue.js";
+import X from "./organisms/header/HeaderWrapper.vue.js";
+import Y from "./organisms/LoadingWrapper.vue.js";
+import Z from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
+import $ from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
+import { useStripoApi as ee } from "../services/stripoApi.js";
+import { useConfigStore as oe } from "../stores/config.js";
+import { useDynamicContentStore as te } from "../stores/dynamic-content.js";
+import { useEditorStore as ne } from "../stores/editor.js";
+import { usePreviewStore as re } from "../stores/preview.js";
+import { useUnsubscribeStore as se } from "../stores/unsubscribe.js";
+import ae from "../node_modules/lodash-es/merge.js";
+const Ee = /* @__PURE__ */ x({
   __name: "Guido",
   props: {
     templateId: null,
@@ -29,51 +28,49 @@ const Pe = /* @__PURE__ */ M({
     html: null,
     css: null,
     guidoConfig: null,
-    templateConfig: null,
-    traceId: null
+    templateConfig: null
   },
   emits: ["dynamic-content:open", "back", "save:start", "save:complete", "on-change", "ready"],
-  setup(F, { expose: L, emit: t }) {
-    const p = F, k = G(
+  setup(_, { expose: L, emit: t }) {
+    const d = _, k = U(
       () => import("./organisms/email-preview/PreviewContainer.vue.js")
-    ), x = G(
+    ), A = U(
       () => import("./organisms/onboarding/OnboardingWrapper.vue.js")
-    ), g = R(), c = re(), f = ae(), y = ne(), d = ie(), A = se(), i = U(() => d.hasChanges), { getPartnerName: w, getProductType: v, isTestPartner: N } = j(), S = () => {
+    ), m = F(), s = te(), u = se(), l = oe(), p = ne(), N = re(), n = I(() => p.hasChanges), { getPartnerName: g, getProductType: f, isTestPartner: H } = O(), y = () => {
       var e;
-      return (e = g.value) == null ? void 0 : e.handleSave(!0);
+      return (e = m.value) == null ? void 0 : e.handleSave(!0);
     }, {
-      templateId: n,
-      userId: s,
+      templateId: v,
+      userId: b,
       guidoConfig: C,
       templateConfig: o,
-      html: a = "",
-      css: b = "",
-      partnerName: m = w(),
-      productType: u = v(),
-      messageType: h = J,
-      username: D = Q,
-      traceId: r
-    } = p, l = (o == null ? void 0 : o.preselectedDynamicContentList) || [];
-    d.templateId = n, window.GuidoConfig = ce(V, C), window.GuidoConfig.partner = {
-      partnerName: m,
-      productType: u,
-      messageType: h
-    }, r && (window.GuidoConfig.traceId = r), y.templateConfig = o;
-    const { initPlugin: I } = q({
-      emailId: n,
-      userId: s,
-      username: D,
-      partnerName: m,
-      productType: u,
-      preselectedDynamicContentList: l,
+      html: r = "",
+      css: h = "",
+      partnerName: a = g(),
+      productType: i = f(),
+      messageType: S = J,
+      username: w = q
+    } = d, c = (o == null ? void 0 : o.preselectedDynamicContentList) || [];
+    window.GuidoConfig = ae(Q, C), window.GuidoConfig.partner = {
+      partnerName: a,
+      productType: i,
+      messageType: S
+    }, l.templateConfig = o;
+    const { initPlugin: D } = j({
+      emailId: v,
+      userId: b,
+      username: w,
+      partnerName: a,
+      productType: i,
+      preselectedDynamicContentList: c,
       onReady: () => {
         console.debug("guido:ready"), t("ready");
       }
-    }), { getDefaultTemplate: _ } = te(), H = U(() => {
+    }), { getDefaultTemplate: T } = ee(), R = I(() => {
       var e;
       return !((e = window.GuidoConfig) != null && e.useHeader);
     });
-    O({
+    K({
       onBack: () => {
         console.debug("guido:back"), t("back");
       },
@@ -85,52 +82,31 @@ const Pe = /* @__PURE__ */ M({
       }
     });
     const E = (e) => {
-      console.debug("dynamic-content:close", e), c.setSelectedDynamicContent(e), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: e }));
-    }, T = () => {
+      console.debug("dynamic-content:close", e), s.setSelectedDynamicContent(e), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: e }));
+    }, P = () => {
       console.debug("dynamic-content:close", "Without Data"), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: { text: "", value: "" } }));
     };
-    return z(() => i.value, () => {
-      t("on-change", i.value);
-    }), B(async () => {
+    return M(() => n.value, () => {
+      t("on-change", n.value);
+    }), z(async () => {
       console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow");
       try {
-        f.selectedUnsubscribePages = (o == null ? void 0 : o.selectedUnsubscribePages) || [];
+        u.selectedUnsubscribePages = (o == null ? void 0 : o.selectedUnsubscribePages) || [];
         let e = {
-          html: a && await W(a),
-          css: b,
+          html: r && await W(r),
+          css: h,
           forceRecreate: !0
           // TODO: It should be false for old templates. We will communicate with Stripo
         };
-        e.html || (e = await _(), e.html = await W(e.html)), await I(e), c.selectedDynamicContentList = l;
+        e.html || (e = await T(), e.html = await W(e.html)), await D(e), s.selectedDynamicContentList = c;
       } catch (e) {
-        console.error("Failed to initialize Stripo editor:", e), window.Sentry && window.Sentry.captureException(e, {
-          tags: {
-            component: "guido-component",
-            operation: "mount"
-          },
-          contexts: {
-            guido: {
-              templateId: n,
-              userId: s,
-              traceId: r
-            }
-          }
-        }), window.FS && window.FS("event", "guido_mount_error", {
-          // eslint-disable-next-line camelcase
-          errorMessage_str: e instanceof Error ? e.message : String(e),
-          // eslint-disable-next-line camelcase
-          templateId_str: n,
-          // eslint-disable-next-line camelcase
-          userId_str: s,
-          // eslint-disable-next-line camelcase
-          traceId_str: r || ""
-        });
+        console.error("Failed to initialize Stripo editor:", e);
       }
       document.addEventListener("dynamic-content:open", (e) => {
-        const P = e;
-        console.debug("dynamic-content:open", P.detail), t("dynamic-content:open", P.detail);
+        const G = e;
+        console.debug("dynamic-content:open", G.detail), t("dynamic-content:open", G.detail);
       });
-    }), K(() => {
+    }), B(() => {
       try {
         window.UIEditor.removeEditor();
       } catch {
@@ -139,13 +115,13 @@ const Pe = /* @__PURE__ */ M({
     }), L({
       dynamicContent: {
         insert: E,
-        close: T
+        close: P
       },
-      hasChanges: i,
-      saveSilent: S
-    }), { __sfc: !0, PreviewContainer: k, OnboardingWrapper: x, headerWrapperRef: g, dynamicContentStore: c, unsubscribeStore: f, props: p, configStore: y, editorStore: d, previewStore: A, hasChanges: i, getPartnerName: w, getProductType: v, isTestPartner: N, saveSilent: S, templateId: n, userId: s, guidoConfig: C, templateConfig: o, html: a, css: b, partnerName: m, productType: u, messageType: h, username: D, traceId: r, preselectedDynamicContentList: l, emit: t, initPlugin: I, getDefaultTemplate: _, noHeader: H, insertDynamicContent: E, closeDynamicContent: T, Toaster: X, FilterSelectionDrawer: Y, HeaderWrapper: Z, LoadingWrapper: $, SaveAsTemplateDrawer: ee, UnsubscribeWrapper: oe };
+      hasChanges: n,
+      saveSilent: y
+    }), { __sfc: !0, PreviewContainer: k, OnboardingWrapper: A, headerWrapperRef: m, dynamicContentStore: s, unsubscribeStore: u, props: d, configStore: l, editorStore: p, previewStore: N, hasChanges: n, getPartnerName: g, getProductType: f, isTestPartner: H, saveSilent: y, templateId: v, userId: b, guidoConfig: C, templateConfig: o, html: r, css: h, partnerName: a, productType: i, messageType: S, username: w, preselectedDynamicContentList: c, emit: t, initPlugin: D, getDefaultTemplate: T, noHeader: R, insertDynamicContent: E, closeDynamicContent: P, Toaster: V, HeaderWrapper: X, LoadingWrapper: Y, SaveAsTemplateDrawer: Z, UnsubscribeWrapper: $ };
   }
 });
 export {
-  Pe as default
+  Ee as default
 };

package/dist/composables/useHttp.js

@@ -1,153 +1,86 @@
-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 = {
+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": P()
+      "X-CSRF-TOKEN": H()
     },
-    ...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) => {
+    ...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(() => {
-      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(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 && ["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) => {
+    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(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;
+        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;
         }
-        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
+        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 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;
+        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;
       }
     };
     try {
-      return await y();
+      return await E();
     } finally {
-      g.value = !1, T.value = null;
+      h.value = !1, u.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;
+  }, 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: A,
-    error: b(() => c.value),
-    hasError: $,
+    loading: g,
+    error: T(() => a.value),
+    hasError: y,
     // Methods
-    request: u,
-    get: O,
-    post: W,
-    put: q,
-    patch: D,
-    delete: L,
-    cancel: S,
-    clearError: F
+    request: i,
+    get: C,
+    post: $,
+    put: R,
+    patch: U,
+    delete: A,
+    cancel: W,
+    clearError: q
   };
 };
 export {
-  M as useHttp
+  k as useHttp
 };