@useinsider/guido 1.0.3-beta.618f482 → 1.0.3-beta.6204034

package/README.md

@@ -597,6 +597,12 @@ Create a `.env` file with the following variables: (You can get env variables fr
 VITE_STRIPO_PLUGIN_ID=your_plugin_id
 VITE_STRIPO_SECRET_KEY=your_secret_key
 VITE_STRIPO_ROLE=your_role
+
+# Sentry Configuration (optional - for error tracking)
+VITE_SENTRY_DSN=https://your-sentry-dsn@sentry.io/project-id
+VITE_SENTRY_ENVIRONMENT=production
+VITE_SENTRY_RELEASE=1.0.3
+VITE_SENTRY_ENABLED=true
 ```
 
 ### Project Structure

package/dist/components/Guido.vue.js

@@ -12,7 +12,7 @@ var t = function() {
   n,
   !1,
   null,
-  "3c910a93"
+  "b2d31329"
 );
 const v = s.exports;
 export {

package/dist/components/Guido.vue2.js

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

package/dist/guido.css

@@ -1 +1 @@
-.gap-16[data-v-6562e38c],.gap-16[data-v-1ccb6d4a]{gap:16px}[data-v-0502bceb] .in-button-v2__wrapper{line-height:0}[data-v-b5997368] .in-segments-wrapper .in-tooltip-wrapper__box{text-align:left}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history-wrapper[data-v-52a77eec]{gap:8px}.view-options-wrapper[data-v-d405ca59]{position:relative;display:inline-block}.new-tag[data-v-d405ca59]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-d405ca59] .guido__verion-history-view-option-selection-desktop svg,[data-v-d405ca59] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-d405ca59] .in-segments-wrapper__button_selected,[data-v-d405ca59] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-d405ca59] .in-tooltip-wrapper__icon{cursor:pointer}.view-options-wrapper[data-v-195ab6d4]{position:relative;display:inline-block}.new-tag[data-v-195ab6d4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-195ab6d4] .guido__view-option-selection-desktop svg,[data-v-195ab6d4] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-195ab6d4] .in-segments-wrapper__button_selected,[data-v-195ab6d4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-195ab6d4] .in-tooltip-wrapper__icon{cursor:pointer}.guido-loading__wrapper[data-v-dced5582]{height:100%;top:75px}.guido-editor__wrapper[data-v-3c910a93],.guido-editor__container[data-v-3c910a93]{width:100%;height:calc(100vh - 128px)}.guido-editor__no-header[data-v-3c910a93]{height:calc(100vh - 75px)}[data-v-70835920] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-a86fc486]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-a86fc486]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-a86fc486]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-a86fc486]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-a86fc486]{object-fit:cover;transform:scale(1)}[data-v-dd57102d] .guido__verion-history-view-option-selection-desktop svg,[data-v-dd57102d] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-dd57102d] .in-segments-wrapper__button_selected,[data-v-dd57102d] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-7a09985c]{gap:16px}[data-v-c2adc57d] .in-progress-wrapper__progress p span:last-child{display:none!important}.desktop-preview-container[data-v-2dd60b0c],[data-v-2dd60b0c] .desktop-preview-container .in-container{min-height:720px!important;height:100%}.cropped-text[data-v-f20b3a9b]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-v-d3c52b44] .vueperslides__bullets,[data-v-a408dcea] .vueperslides__bullets{pointer-events:none!important}[data-v-a408dcea] .vueperslides__parallax-wrapper{height:110px!important}
+.gap-16[data-v-6562e38c],.gap-16[data-v-1ccb6d4a]{gap:16px}[data-v-0502bceb] .in-button-v2__wrapper{line-height:0}[data-v-b5997368] .in-segments-wrapper .in-tooltip-wrapper__box{text-align:left}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history-wrapper[data-v-52a77eec]{gap:8px}.view-options-wrapper[data-v-d405ca59]{position:relative;display:inline-block}.new-tag[data-v-d405ca59]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-d405ca59] .guido__verion-history-view-option-selection-desktop svg,[data-v-d405ca59] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-d405ca59] .in-segments-wrapper__button_selected,[data-v-d405ca59] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-d405ca59] .in-tooltip-wrapper__icon{cursor:pointer}.view-options-wrapper[data-v-195ab6d4]{position:relative;display:inline-block}.new-tag[data-v-195ab6d4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-195ab6d4] .guido__view-option-selection-desktop svg,[data-v-195ab6d4] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-195ab6d4] .in-segments-wrapper__button_selected,[data-v-195ab6d4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-195ab6d4] .in-tooltip-wrapper__icon{cursor:pointer}.guido-loading__wrapper[data-v-dced5582]{height:100%;top:75px}.guido-editor__wrapper[data-v-b2d31329],.guido-editor__container[data-v-b2d31329]{width:100%;height:calc(100vh - 128px)}.guido-editor__no-header[data-v-b2d31329]{height:calc(100vh - 75px)}[data-v-70835920] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-a86fc486]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-a86fc486]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-a86fc486]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-a86fc486]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-a86fc486]{object-fit:cover;transform:scale(1)}[data-v-dd57102d] .guido__verion-history-view-option-selection-desktop svg,[data-v-dd57102d] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-dd57102d] .in-segments-wrapper__button_selected,[data-v-dd57102d] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-7a09985c]{gap:16px}[data-v-c2adc57d] .in-progress-wrapper__progress p span:last-child{display:none!important}.desktop-preview-container[data-v-2dd60b0c],[data-v-2dd60b0c] .desktop-preview-container .in-container{min-height:720px!important;height:100%}.cropped-text[data-v-f20b3a9b]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-v-d3c52b44] .vueperslides__bullets,[data-v-a408dcea] .vueperslides__bullets{pointer-events:none!important}[data-v-a408dcea] .vueperslides__parallax-wrapper{height:110px!important}

package/dist/src/@types/generic.d.ts

@@ -1,4 +1,5 @@
 import type { CompilerRule } from './html-compiler';
+import type { ErrorEvent, EventHint } from '@sentry/types';
 type Extensions = {
     unsubscribe?: boolean;
 };
@@ -13,6 +14,18 @@ type Partner = {
     productType: number;
     messageType: number;
 };
+export type SentryConfig = {
+    environment?: string;
+    release?: string;
+    enabled?: boolean;
+    userId?: string;
+    userEmail?: string;
+    tags?: Record<string, string>;
+    whitelistUrls?: (string | RegExp)[];
+    ignoreErrors?: string[];
+    shouldSendCallback?: () => boolean;
+    beforeSend?: (event: ErrorEvent, hint: EventHint) => ErrorEvent | null;
+};
 export type GuidoBlockType = 'amp-accordion' | 'amp-carousel' | 'amp-form-controls' | 'banner-block' | 'button-block' | 'html-block' | 'image-block' | 'menu-block' | 'social-block' | 'spacer-block' | 'text-block' | 'timer-block' | 'video-block';
 export type GuidoCustomBlockType = 'dynamic-content' | 'checkbox-block' | 'radio-button-block' | 'recommendation-block' | 'unsubscribe-block' | 'coupon-block' | 'items-block';
 type BlocksConfig = {
@@ -31,6 +44,12 @@ export type GuidoConfig = {
     features?: Features;
     blocks?: BlocksConfig;
     backButtonLabel?: string;
+    /**
+     * @deprecated Sentry configuration is now bundled at build time
+     * This field is ignored - Sentry is completely internal to Guido
+     * Configure via VITE_SENTRY_DSN environment variable when building Guido
+     */
+    sentry?: SentryConfig;
 };
 export type TemplateConfig = {
     preselectedDynamicContentList?: DynamicContent[];

package/dist/src/stores/config.d.ts

@@ -84,6 +84,40 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"config", S
                 includeCustoms?: import("@@/Types/generic").GuidoCustomBlockType[] | undefined;
             } | undefined;
             backButtonLabel?: string | undefined;
+            sentry?: {
+                environment?: string | undefined;
+                release?: string | undefined;
+                enabled?: boolean | undefined;
+                userId?: string | undefined;
+                userEmail?: string | undefined;
+                tags?: Record<string, string> | undefined;
+                whitelistUrls?: (string | {
+                    exec: (string: string) => RegExpExecArray | null;
+                    test: (string: string) => boolean;
+                    readonly source: string;
+                    readonly global: boolean;
+                    readonly ignoreCase: boolean;
+                    readonly multiline: boolean;
+                    lastIndex: number;
+                    compile: (pattern: string, flags?: string) => RegExp;
+                    readonly flags: string;
+                    readonly sticky: boolean;
+                    readonly unicode: boolean;
+                    readonly dotAll: boolean;
+                    readonly hasIndices: boolean;
+                    [Symbol.match]: (string: string) => RegExpMatchArray | null;
+                    [Symbol.replace]: {
+                        (string: string, replaceValue: string): string;
+                        (string: string, replacer: (substring: string, ...args: any[]) => string): string;
+                    };
+                    [Symbol.search]: (string: string) => number;
+                    [Symbol.split]: (string: string, limit?: number) => string[];
+                    [Symbol.matchAll]: (str: string) => IterableIterator<RegExpMatchArray>;
+                })[] | undefined;
+                ignoreErrors?: string[] | undefined;
+                shouldSendCallback?: (() => boolean) | undefined;
+                beforeSend?: ((event: import("@sentry/types").ErrorEvent, hint: import("@sentry/types").EventHint) => import("@sentry/types").ErrorEvent | null) | undefined;
+            } | undefined;
         };
         templateConfig?: {
             preselectedDynamicContentList?: {

package/dist/src/utils/sentry.d.ts

@@ -0,0 +1,28 @@
+import type { SentryConfig } from '@@/Types/generic';
+import type Vue from 'vue';
+/**
+ * Internal SentryConfig with DSN (DSN is bundled at build time)
+ */
+type InternalSentryConfig = SentryConfig & {
+    dsn: string;
+};
+/**
+ * Initializes Sentry for Guido with complete isolation from parent app's Sentry
+ * This ensures errors only go to Guido's Sentry project, not the parent app's
+ *
+ * Key isolation features:
+ * - Uses Guido's own DSN (separate from parent app)
+ * - beforeSend filter ensures only Guido/Stripo errors are captured
+ * - Error path matching includes npm package paths (@useinsider/guido)
+ * - Tags identify errors as coming from Guido package
+ *
+ * This should be called once when the Guido component is mounted
+ */
+export declare function initSentry(VueInstance: typeof Vue, config: InternalSentryConfig): void;
+/**
+ * Creates SentryConfig from build-time environment variables
+ * All Sentry configuration is bundled with Guido at build time
+ * Parent apps don't need to provide any Sentry config - it's completely internal
+ */
+export declare function createSentryConfig(): InternalSentryConfig | null;
+export {};

package/dist/utils/sentry.js

@@ -0,0 +1,168 @@
+import { browserTracingIntegration as h, httpClientIntegration as C, moduleMetadataIntegration as S, init as x, setTags as E, getCurrentHub as y } from "@sentry/vue";
+function j(e) {
+  var s, a, d, c, t;
+  const o = (c = (d = (a = (s = e == null ? void 0 : e.exception) == null ? void 0 : s.values) == null ? void 0 : a[0]) == null ? void 0 : d.stacktrace) == null ? void 0 : c.frames, i = [
+    "/client-injected",
+    "/s/fs.js",
+    "/webpack",
+    "/ins.js"
+  ], r = e, n = ((t = r == null ? void 0 : r.metadata) == null ? void 0 : t.filename) || "";
+  return n && i.some((u) => n.includes(u)) ? !0 : !o || o.length === 0 ? !1 : o.some((u) => i.some((l) => {
+    var p;
+    return (p = u.filename) == null ? void 0 : p.includes(l);
+  }));
+}
+function N(e, o) {
+  var a, d, c;
+  const i = ((c = (d = (a = e == null ? void 0 : e.exception) == null ? void 0 : a.values) == null ? void 0 : d[0]) == null ? void 0 : c.value) || "", r = o == null ? void 0 : o.originalException, n = r && typeof r == "object" && "message" in r ? String(r.message) : "";
+  return [
+    "Non-Error exception captured",
+    "Object captured as exception with keys",
+    "Object captured as promise rejection with keys",
+    "Cannot read properties of null (reading 'cmd')",
+    // cspell:ignore zalo
+    "Can't find variable: zaloJSV2",
+    "ResizeObserver loop completed with undelivered notifications"
+  ].some((t) => i.includes(t) || n.includes(t));
+}
+function k(e) {
+  var r, n, s, a, d;
+  const o = (a = (s = (n = (r = e == null ? void 0 : e.exception) == null ? void 0 : r.values) == null ? void 0 : n[0]) == null ? void 0 : s.stacktrace) == null ? void 0 : a.frames;
+  if (!o || o.length === 0) {
+    const c = (e == null ? void 0 : e.message) || "", t = e, u = ((d = t == null ? void 0 : t.metadata) == null ? void 0 : d.filename) || "", l = `${c}${u}`.toLowerCase();
+    return l.includes("guido") || l.includes("stripo") || l.includes("uieditor");
+  }
+  const i = [
+    // Source patterns
+    "guido",
+    "Guido.vue",
+    "composables",
+    "extensions",
+    "stores",
+    "services",
+    "utils/sentry",
+    "components/Guido",
+    // Built/dist patterns (when installed as npm package)
+    "@useinsider/guido",
+    "useinsider/guido",
+    "guido/dist",
+    "guido/library",
+    // Stripo patterns - since Guido wraps Stripo, these errors are relevant
+    "stripo",
+    // cspell:ignore uieditor
+    "uieditor",
+    "UIEditor",
+    "/stripo/"
+  ];
+  return o.some((c) => {
+    const t = c.filename || "", u = c.abs_path || "", l = `${t}${u}`.toLowerCase();
+    return i.some((p) => l.includes(p.toLowerCase()));
+  });
+}
+function $(e) {
+  var d, c, t, u, l;
+  const o = (u = (t = (c = (d = e == null ? void 0 : e.exception) == null ? void 0 : d.values) == null ? void 0 : c[0]) == null ? void 0 : t.stacktrace) == null ? void 0 : u.frames, i = (e == null ? void 0 : e.message) || "", r = e, n = ((l = r == null ? void 0 : r.metadata) == null ? void 0 : l.filename) || "", s = `${i}${n}`.toLowerCase();
+  if (s.includes("stripo") || s.includes("uieditor"))
+    return !0;
+  if (!o || o.length === 0)
+    return !1;
+  const a = ["stripo", "uieditor", "UIEditor"];
+  return o.some((p) => {
+    const f = p.filename || "", w = p.abs_path || "", g = `${f}${w}`.toLowerCase();
+    return a.some((b) => g.includes(b.toLowerCase()));
+  });
+}
+function I() {
+  return !0;
+}
+function m() {
+  var i, r;
+  if (typeof window > "u")
+    return;
+  const e = window;
+  if ((r = (i = e.GuidoConfig) == null ? void 0 : i.partner) != null && r.partnerName)
+    return e.GuidoConfig.partner.partnerName;
+  try {
+    const { hostname: n } = window.location;
+    if (n) {
+      const s = n.split(".");
+      return s.length > 2 ? s[0] : n;
+    }
+  } catch {
+  }
+  const o = window;
+  if (o.projectName)
+    return o.projectName;
+  if (o.appName)
+    return o.appName;
+}
+function L(e, o) {
+  if (typeof window < "u" && window.isSessionExpired || !k(e) || j(e) || N(e, o))
+    return null;
+  const i = $(e), r = m();
+  return e.tags = {
+    ...e.tags,
+    source: "guido",
+    errorSource: i ? "stripo" : "guido"
+  }, r && (e.tags.parentApp = r, e.contexts = {
+    ...e.contexts,
+    parentApp: {
+      name: r,
+      url: typeof window < "u" ? window.location.href : void 0
+    }
+  }), e;
+}
+function A(e, o) {
+  if (!(!o.enabled || !o.dsn))
+    try {
+      const i = {
+        Vue: e,
+        dsn: o.dsn,
+        // Guido's DSN - errors will only go here, not to parent app's Sentry
+        release: o.release,
+        environment: o.environment || "production",
+        ignoreErrors: o.ignoreErrors || [
+          "ResizeObserver loop completed with undelivered notifications",
+          "Non-Error exception captured",
+          "Non-Error promise rejection captured",
+          "Cannot read properties of null (reading 'cmd')",
+          // cspell:ignore zalo
+          "Can't find variable: zaloJSV2"
+        ],
+        shouldSendCallback: o.shouldSendCallback || I,
+        allowUrls: o.whitelistUrls || [],
+        integrations: [
+          h(),
+          // No router needed for Guido
+          C(),
+          S()
+        ],
+        beforeSend: o.beforeSend || L
+        // Ensure we only capture errors from Guido/Stripo, never from parent app
+        // This is critical for npm package usage
+      };
+      x(i);
+      const r = m(), n = {
+        package: "@useinsider/guido",
+        ...r ? { parentApp: r } : {},
+        ...o.tags
+      };
+      if (E(n), r && typeof window < "u") {
+        const a = y().getScope();
+        a && a.setContext("parentApp", {
+          name: r,
+          url: window.location.href,
+          hostname: window.location.hostname
+        });
+      }
+    } catch (i) {
+      console.warn("Failed to initialize Sentry:", i);
+    }
+}
+function G() {
+  return null;
+}
+export {
+  G as createSentryConfig,
+  A as initSentry
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "1.0.3-beta.618f482",
+  "version": "1.0.3-beta.6204034",
   "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",
@@ -31,6 +31,7 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
+    "@sentry/vue": "7.120.4",
     "@stripoinc/ui-editor-extensions": "3.1.0",
     "@useinsider/design-system-vue": "0.14.20",
     "@vueuse/core": "11.3.0",