@useinsider/guido 1.0.3-beta.e1adf59 → 1.0.3-beta.e517316

package/dist/{src/@types → @types}/generic.d.ts

@@ -1,7 +1,4 @@
 import type { CompilerRule } from './html-compiler';
-type Extensions = {
-    unsubscribe?: boolean;
-};
 type Features = {
     dynamicContent?: boolean;
     saveAsTemplate?: boolean;
@@ -19,14 +16,8 @@ export type GuidoConfig = {
     useHeader?: boolean;
     emailHeader: EmailHeader;
     partner?: Partner;
-    extensions?: Extensions;
     features?: Features;
 };
-export type TemplateConfig = {
-    preselectedDynamicContentList?: DynamicContent[];
-    selectedUnsubscribePages?: number[];
-    variationId?: string;
-};
 export type DynamicContent = {
     value: string;
     text: string;

package/dist/{src/components → components}/Guido.vue.d.ts

@@ -1,4 +1,4 @@
-import type { DynamicContent, GuidoConfig, TemplateConfig } from '@@/Types/generic';
+import type { DynamicContent, GuidoConfig } from '@@/Types/generic';
 import type { SavedTemplateDetails } from '@@/Types/stripo';
 type __VLS_Props = {
     templateId: string;
@@ -9,9 +9,8 @@ type __VLS_Props = {
     username?: string;
     html?: string;
     css?: string;
+    preselectedDynamicContentList: DynamicContent[];
     guidoConfig: GuidoConfig;
-    templateConfig?: TemplateConfig;
-    traceId?: string;
 };
 declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<__VLS_Props>, {
     dynamicContent: {

package/dist/components/Guido.vue.js

@@ -1,16 +1,16 @@
-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);
+  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.FilterSelectionDrawer), r(e.SaveAsTemplateDrawer), e.isTestPartner() ? o._e() : r(e.OnboardingWrapper), r(e.LoadingWrapper)], 1);
 }, s = [], d = /* @__PURE__ */ i(
-  o,
+  a,
   t,
   s,
   !1,
   null,
-  "5a4aa0bc"
+  "05d5e64c"
 );
 const l = d.exports;
 export {

package/dist/components/Guido.vue2.js

@@ -1,23 +1,20 @@
-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 { 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 { defineComponent as F, defineAsyncComponent as E, ref as H, computed as G, watch as R, onMounted as U, onUnmounted as x } from "vue";
+import { provideGuidoActions as M } from "../composables/useGuidoActions.js";
+import { usePartner as z } from "../composables/usePartner.js";
+import { useStripo as B } from "../composables/useStripo.js";
+import { migrate as I } from "../config/migrator/index.js";
+import { DefaultUsername as K, DefaultMessageType as O, DefaultGuidoConfig as j } from "../enums/defaults.js";
+import q from "./organisms/base/Toaster.vue.js";
+import J from "./organisms/extensions/recommendation/FilterSelectionDrawer.vue.js";
+import Q from "./organisms/header/HeaderWrapper.vue.js";
+import V from "./organisms/LoadingWrapper.vue.js";
+import X from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
+import { useStripoApi as Y } from "../services/stripoApi.js";
+import { useDynamicContentStore as Z } from "../stores/dynamic-content.js";
+import { useEditorStore as $ } from "../stores/editor.js";
+import { usePreviewStore as ee } from "../stores/preview.js";
+import oe from "../node_modules/lodash-es/merge.js";
+const Ce = /* @__PURE__ */ F({
   __name: "Guido",
   props: {
     templateId: null,
@@ -28,109 +25,84 @@ const Pe = /* @__PURE__ */ M({
     username: null,
     html: null,
     css: null,
-    guidoConfig: null,
-    templateConfig: null,
-    traceId: null
+    preselectedDynamicContentList: null,
+    guidoConfig: 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(P, { expose: L, emit: o }) {
+    const r = P, _ = E(
       () => import("./organisms/email-preview/PreviewContainer.vue.js")
-    ), x = G(
+    ), W = E(
       () => 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 = () => {
+    ), l = H(), a = Z(), i = $(), k = ee(), t = G(() => i.hasChanges), s = r.preselectedDynamicContentList || [], { getPartnerName: p, getProductType: u, isTestPartner: A } = z(), g = () => {
       var e;
-      return (e = g.value) == null ? void 0 : e.handleSave(!0);
+      return (e = l.value) == null ? void 0 : e.handleSave(!0);
     }, {
-      templateId: n,
-      userId: s,
-      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,
+      templateId: c,
+      userId: f,
+      guidoConfig: y,
+      html: n = "",
+      css: v = "",
+      partnerName: d = p(),
+      productType: m = u(),
+      messageType: C = O,
+      username: h = K
+    } = r;
+    i.templateId = c, window.GuidoConfig = oe(j, y), window.GuidoConfig.partner = {
+      partnerName: d,
+      productType: m,
+      messageType: C
+    };
+    const { initPlugin: w } = B({
+      emailId: c,
+      userId: f,
+      username: h,
+      partnerName: d,
+      productType: m,
+      preselectedDynamicContentList: s,
       onReady: () => {
-        console.debug("guido:ready"), t("ready");
+        console.debug("guido:ready"), o("ready");
       }
-    }), { getDefaultTemplate: _ } = te(), H = U(() => {
+    }), { getDefaultTemplate: S } = Y(), N = G(() => {
       var e;
       return !((e = window.GuidoConfig) != null && e.useHeader);
     });
-    O({
+    M({
       onBack: () => {
-        console.debug("guido:back"), t("back");
+        console.debug("guido:back"), o("back");
       },
       onSaveStart: () => {
-        console.debug("guido:save:start"), t("save:start");
+        console.debug("guido:save:start"), o("save:start");
       },
       onSaveComplete: (e) => {
-        console.debug("guido:save:complete", e), t("save:complete", e);
+        console.debug("guido:save:complete", e), o("save:complete", e);
       }
     });
-    const E = (e) => {
-      console.debug("dynamic-content:close", e), c.setSelectedDynamicContent(e), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: e }));
-    }, T = () => {
+    const D = (e) => {
+      console.debug("dynamic-content:close", e), a.setSelectedDynamicContent(e), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: e }));
+    }, b = () => {
       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 R(() => t.value, () => {
+      o("on-change", t.value);
+    }), U(async () => {
       console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow");
       try {
-        f.selectedUnsubscribePages = (o == null ? void 0 : o.selectedUnsubscribePages) || [];
         let e = {
-          html: a && await W(a),
-          css: b,
+          html: n && I(n),
+          css: v,
           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 S(), e.html = I(e.html)), await w(e), a.selectedDynamicContentList = s;
       } 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 T = e;
+        console.debug("dynamic-content:open", T.detail), o("dynamic-content:open", T.detail);
       });
-    }), K(() => {
+    }), x(() => {
       try {
         window.UIEditor.removeEditor();
       } catch {
@@ -138,14 +110,14 @@ const Pe = /* @__PURE__ */ M({
       }
     }), L({
       dynamicContent: {
-        insert: E,
-        close: T
+        insert: D,
+        close: b
       },
-      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: t,
+      saveSilent: g
+    }), { __sfc: !0, PreviewContainer: _, OnboardingWrapper: W, headerWrapperRef: l, dynamicContentStore: a, props: r, editorStore: i, previewStore: k, hasChanges: t, preselectedDynamicContentList: s, getPartnerName: p, getProductType: u, isTestPartner: A, saveSilent: g, templateId: c, userId: f, guidoConfig: y, html: n, css: v, partnerName: d, productType: m, messageType: C, username: h, emit: o, initPlugin: w, getDefaultTemplate: S, noHeader: N, insertDynamicContent: D, closeDynamicContent: b, Toaster: q, FilterSelectionDrawer: J, HeaderWrapper: Q, LoadingWrapper: V, SaveAsTemplateDrawer: X };
   }
 });
 export {
-  Pe as default
+  Ce as default
 };

package/dist/{src/components → components}/wrappers/WpDrawer.vue.d.ts

@@ -2,7 +2,7 @@ import type { FooterButtonGroupOptions } from '@@/Types/wrappers/wp-drawer';
 interface Props {
     id: string;
     className?: string;
-    size?: 'small' | 'medium' | 'large';
+    size?: string;
     closeOnOutsideClick?: boolean;
     descriptionStatus?: boolean;
     descriptionText?: string;
@@ -10,11 +10,9 @@ interface Props {
     status: boolean;
     titleText: string;
 }
-declare var __VLS_12: {}, __VLS_14: {};
+declare var __VLS_12: {};
 type __VLS_Slots = {} & {
-    headerBottomSlot?: (props: typeof __VLS_12) => any;
-} & {
-    default?: (props: typeof __VLS_14) => any;
+    default?: (props: typeof __VLS_12) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     className: string;
@@ -34,7 +32,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
     descriptionText: string;
 }>>>, {
     className: string;
-    size: "small" | "medium" | "large";
+    size: string;
     closeOnOutsideClick: boolean;
     descriptionStatus: boolean;
     descriptionText: string;

package/dist/components/wrappers/WpDrawer.vue.js

@@ -1,6 +1,6 @@
 import r from "./WpDrawer.vue2.js";
 import s from "../../_virtual/_plugin-vue2_normalizer.js";
-var u = function() {
+var i = function() {
   var t = this, n = t._self._c, e = t._self._setupProxy;
   return n(e.InDrawer, { class: t.className, attrs: { id: t.id, "footer-status": "", "close-on-outside-click": t.closeOnOutsideClick, "description-status": t.descriptionStatus, "description-text": t.descriptionText, "footer-button-group-options": t.footerButtonGroupOptions, size: t.size, status: t.status, "title-text": t.titleText }, on: { cancelOrBackButtonEvent: function(o) {
     return e.emit("cancelOrBackButtonEvent");
@@ -8,15 +8,13 @@ var u = function() {
     return e.emit("onCloseEvent");
   }, primaryButtonEvent: function(o) {
     return e.emit("primaryButtonEvent");
-  } }, scopedSlots: t._u([t.$slots.headerBottomSlot ? { key: "headerBottomSlot", fn: function() {
-    return [t._t("headerBottomSlot")];
-  }, proxy: !0 } : null, { key: "contentSlot", fn: function() {
+  } }, scopedSlots: t._u([{ key: "contentSlot", fn: function() {
     return [n("div", [t._t("default")], 2)];
   }, proxy: !0 }], null, !0) });
-}, i = [], c = /* @__PURE__ */ s(
+}, u = [], c = /* @__PURE__ */ s(
   r,
-  u,
   i,
+  u,
   !1,
   null,
   null

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
 };