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

package/dist/components/organisms/unsubscribe/UnsubscribePageSelection.vue.js

@@ -0,0 +1,24 @@
+import a from "./UnsubscribePageSelection.vue2.js";
+/* empty css                              */
+import n from "../../../_virtual/_plugin-vue2_normalizer.js";
+var o = function() {
+  var r = this, e = r._self._c, t = r._self._setupProxy;
+  return e(t.WpDrawer, { attrs: { id: "unsubscribe-modal", "description-status": "", size: "large", "footer-button-group-options": t.footerButtonGroupOptions, status: t.unsubscribeStore.pageSelectionDrawerStatus, "title-text": t.trans("newsletter.select-a-template") }, on: { cancelOrBackButtonEvent: t.handleBack, onCloseEvent: t.closeModal, primaryButtonEvent: t.handleSave }, scopedSlots: r._u([{ key: "headerBottomSlot", fn: function() {
+    return [e(t.UnsubscribeBreadcrumb, { staticClass: "px-5 py-3" })];
+  }, proxy: !0 }]) }, [e("div", { staticClass: "d-g templates-wrapper" }, r._l(t.unsubscribeStore.getTemplatesByActiveType, function(s) {
+    return e("div", { key: s.id, staticClass: "template-wrapper", on: { click: function(u) {
+      return t.selectTemplate(s.id);
+    } } }, [e(t.InContainer, { staticClass: "template-container o-h", class: { selected: t.unsubscribeStore.getSelectedTemplateByActiveType === s.id }, attrs: { border: t.getBorderClass(s.id) } }, [e("div", { staticClass: "w-1 h-1 d-f j-c-c a-i-c" }, [e("img", { staticClass: "w-1 h-1 thumbnail o-h", attrs: { alt: s.name, src: s.thumbnail } })])]), e("div", { staticClass: "mt-1 f-s-1" }, [r._v(" " + r._s(s.name) + " ")])], 1);
+  }), 0)]);
+}, i = [], c = /* @__PURE__ */ n(
+  a,
+  o,
+  i,
+  !1,
+  null,
+  "a86fc486"
+);
+const _ = c.exports;
+export {
+  _ as default
+};

package/dist/components/organisms/unsubscribe/UnsubscribePageSelection.vue2.js

@@ -0,0 +1,64 @@
+import { defineComponent as f, ref as y, computed as n, watch as T } from "vue";
+import g from "../../wrappers/WpDrawer.vue.js";
+import { useToaster as S } from "../../../composables/useToaster.js";
+import { useTranslations as v } from "../../../composables/useTranslations.js";
+import { ToasterTypeOptions as B } from "../../../enums/toaster.js";
+import { useUnsubscribeStore as w } from "../../../stores/unsubscribe.js";
+import { InContainer as C } from "@useinsider/design-system-vue";
+import h from "./UnsubscribeBreadcrumb.vue.js";
+const E = /* @__PURE__ */ f({
+  __name: "UnsubscribePageSelection",
+  setup(_) {
+    const s = v(), e = w(), { showToaster: a } = S(), o = y(!1), c = n(() => e.isActiveTypeLastInCollection ? o.value ? s("unsubscription-preference.applying-changes") : s("statistics.apply") : s("products.select-and-continue")), i = n(() => e.pageSelectionUpdateStatus && e.isActiveTypeFirstInCollection ? s("products.cancel") : s("newsletter.back")), p = n(() => ({
+      primaryButton: {
+        styling: "solid",
+        type: "primary",
+        labelText: c.value,
+        loadingStatus: o.value,
+        disabledStatus: !1
+      },
+      cancelOrBackButton: {
+        styling: "ghost",
+        type: "secondary",
+        labelText: i.value,
+        disabledStatus: o.value
+      }
+    })), u = (t) => e.getSelectedTemplateByActiveType === t ? "bor-w-3 bor-s-s bor-c-7" : "bor-w-1 bor-s-s bor-c-6", r = (t) => {
+      e.pageSelectionDrawerStatus = !1, t && setTimeout(() => {
+        t();
+      }, 500);
+    }, m = () => {
+      if (e.isActiveTypeFirstInCollection) {
+        r(), e.pageSelectionUpdateStatus || (e.typeSelectionDrawerStatus = !0);
+        return;
+      }
+      e.setPreviousType();
+    }, d = () => {
+      if (e.isActiveTypeLastInCollection) {
+        o.value = !0;
+        const t = e.selectedCollectionType, l = e.getSelectedTemplatesByCollection(t);
+        e.addUnsubscribePages(l), document.dispatchEvent(new CustomEvent("unsubscribe:select", {
+          detail: {
+            collectionType: t,
+            selectedPages: l
+          }
+        })), r(() => {
+          o.value = !1, a({
+            type: B.Success,
+            message: s("global-unsubscribe.pages-were-attached")
+          });
+        });
+        return;
+      }
+      e.setNextType();
+    }, b = (t) => {
+      e.setSelectedTemplate(t);
+    };
+    return T(() => e.pageSelectionDrawerStatus, (t) => {
+      t && e.pageSelectionUpdateStatus && e.fetchTemplates();
+    }), { __sfc: !0, trans: s, unsubscribeStore: e, showToaster: a, isApplying: o, getPrimaryButtonText: c, getCancelOrBackButtonText: i, footerButtonGroupOptions: p, getBorderClass: u, closeModal: r, handleBack: m, handleSave: d, selectTemplate: b, WpDrawer: g, InContainer: C, UnsubscribeBreadcrumb: h };
+  }
+});
+export {
+  E as default
+};

package/dist/components/organisms/unsubscribe/UnsubscribeTypeSelection.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/dist/components/organisms/unsubscribe/UnsubscribeTypeSelection.vue.js

@@ -0,0 +1,18 @@
+import n from "./UnsubscribeTypeSelection.vue2.js";
+/* empty css                              */
+import o from "../../../_virtual/_plugin-vue2_normalizer.js";
+var i = function() {
+  var e = this, s = e._self._c, t = e._self._setupProxy;
+  return s(t.WpDrawer, { attrs: { id: "unsubscribe-modal", "description-status": "", "description-text": t.descriptionText, "footer-button-group-options": t.footerButtonGroupOptions, status: t.unsubscribeStore.typeSelectionDrawerStatus, "title-text": t.trans("unsubscription-preference.select-unsubscribe-page-title") }, on: { cancelOrBackButtonEvent: t.closeModal, onCloseEvent: t.closeModal, primaryButtonEvent: t.selectCollection } }, [s(t.InSegments, { staticClass: "w-1", attrs: { "with-icon": "", align: "vertical", disable: t.isSelecting, "segment-list": t.segmentList, selected: t.selectedCollection, "skeleton-sizing": { width: 495, height: 180 }, "skeleton-status": t.skeletonStatus }, on: { click: t.changeCollection } })], 1);
+}, r = [], c = /* @__PURE__ */ o(
+  n,
+  i,
+  r,
+  !1,
+  null,
+  "dd57102d"
+);
+const d = c.exports;
+export {
+  d as default
+};

package/dist/components/organisms/unsubscribe/UnsubscribeTypeSelection.vue2.js

@@ -0,0 +1,107 @@
+import { defineComponent as h, ref as b, computed as m, watch as _ } from "vue";
+import v from "../../wrappers/WpDrawer.vue.js";
+import { useToaster as B } from "../../../composables/useToaster.js";
+import { useTranslations as N } from "../../../composables/useTranslations.js";
+import { ToasterTypeOptions as U } from "../../../enums/toaster.js";
+import { PAGE_TYPES as l, ACADEMY_LINK as w, UNSUBSCRIBE_PAGES_LINK as P, TYPE_TRANSLATIONS as R } from "../../../enums/unsubscribe.js";
+import { useUnsubscribeStore as D } from "../../../stores/unsubscribe.js";
+import { InSegments as I } from "@useinsider/design-system-vue";
+const z = /* @__PURE__ */ h({
+  __name: "UnsubscribeTypeSelection",
+  setup(G) {
+    const e = N(), { showToaster: f } = B(), t = D(), n = b(!1), i = b(!0), o = b(l.GLOBAL_UNSUBSCRIBE), S = e(
+      "unsubscription-preference.select-unsubscribe-page-description",
+      { action: `<a href="${w}" target="_blank">${e("ds-rules.visit-academy")}</a>` }
+    ), T = m(() => [
+      {
+        description: e("unsubscription-preference.type-global-unsubscribe-description"),
+        icon: "line-contact-global-unsub-page",
+        text: e("unsubscription-preference.type-global-unsubscribe"),
+        value: l.GLOBAL_UNSUBSCRIBE,
+        disable: t.isGlobalUnsubscribeDisabled,
+        position: "bottom",
+        tooltipText: t.isGlobalUnsubscribeDisabled ? e("unsubscription-preference.global-unsub-added") : ""
+      },
+      {
+        description: e("unsubscription-preference.type-subscription-preferences-center-description"),
+        icon: "line-contact-sub-pref-center-page",
+        text: e("unsubscription-preference.type-subscription-preferences-center"),
+        value: l.SUBSCRIPTION_PREFERENCE_CENTER,
+        disable: t.isSubscriptionPreferencesCenterDisabled,
+        tooltipText: t.isSubscriptionPreferencesCenterDisabled ? e("unsubscription-preference.pref-center-added") : ""
+      }
+    ]), y = m(() => ({
+      primaryButton: {
+        styling: "solid",
+        type: "primary",
+        labelText: e(
+          n.value ? "unsubscription-preference.selecting-type" : "products.select-and-continue"
+        ),
+        loadingStatus: n.value,
+        disabledStatus: !1,
+        skeletonStatus: i.value,
+        skeletonSizing: { width: 168, height: 40 }
+      },
+      cancelOrBackButton: {
+        styling: "ghost",
+        type: "secondary",
+        labelText: e("products.cancel"),
+        disabledStatus: n.value,
+        skeletonStatus: i.value,
+        skeletonSizing: { width: 78, height: 40 }
+      }
+    })), d = (s) => {
+      t.typeSelectionDrawerStatus = !1, document.dispatchEvent(new CustomEvent("unsubscribe:cancel")), s && setTimeout(() => {
+        s();
+      }, 500);
+    }, E = (s) => {
+      o.value = s;
+    }, g = () => {
+      const s = t.hasTemplatesByCollectionType, r = [];
+      if (Object.entries(s).forEach(([c, p]) => {
+        p || r.push(Number(c));
+      }), r.length === 0)
+        return !0;
+      const a = r.map((c) => R[c]);
+      let u = "";
+      if (r.length === 1)
+        u = e("unsubscription-preference.create-page-to-continue", {
+          page: a[0]
+        });
+      else if (r.length === 2)
+        u = e("unsubscription-preference.create-pages-to-continue", {
+          page1: a[0],
+          page2: a[1]
+        });
+      else {
+        const c = a.pop() ?? "", p = a.join(", ");
+        u = e("unsubscription-preference.create-multiple-pages-to-continue", {
+          pages: p,
+          lastPage: c
+        });
+      }
+      return f({
+        type: U.Warning,
+        message: u,
+        actionButton: {
+          text: "Go to Unsubscribe Pages",
+          onClick: () => {
+            window.location.href = P;
+          }
+        }
+      }), !1;
+    }, C = async () => {
+      if (n.value = !0, await t.fetchTemplates(), t.setCollection(o.value), !g()) {
+        n.value = !1, d();
+        return;
+      }
+      n.value = !1, t.typeSelectionDrawerStatus = !1, t.pageSelectionDrawerStatus = !0;
+    };
+    return _(() => t.typeSelectionDrawerStatus, (s) => {
+      s && (i.value = !0, o.value = l.GLOBAL_UNSUBSCRIBE, t.isGlobalUnsubscribeDisabled && (o.value = t.isSubscriptionPreferencesCenterDisabled ? 0 : l.SUBSCRIPTION_PREFERENCE_CENTER), i.value = !1);
+    }), { __sfc: !0, trans: e, showToaster: f, unsubscribeStore: t, isSelecting: n, skeletonStatus: i, selectedCollection: o, descriptionText: S, segmentList: T, footerButtonGroupOptions: y, closeModal: d, changeCollection: E, validateTemplates: g, selectCollection: C, WpDrawer: v, InSegments: I };
+  }
+});
+export {
+  z as default
+};

package/dist/components/organisms/unsubscribe/UnsubscribeWrapper.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/dist/components/organisms/unsubscribe/UnsubscribeWrapper.vue.js

@@ -0,0 +1,18 @@
+import o from "./UnsubscribeWrapper.vue2.js";
+import t from "../../../_virtual/_plugin-vue2_normalizer.js";
+var _ = function() {
+  var s;
+  var e = this, n = e._self._c, r = e._self._setupProxy;
+  return (s = r.config.extensions) != null && s.unsubscribe ? n("div", [n(r.UnsubscribeTypeSelection), n(r.UnsubscribePageSelection)], 1) : e._e();
+}, c = [], i = /* @__PURE__ */ t(
+  o,
+  _,
+  c,
+  !1,
+  null,
+  null
+);
+const l = i.exports;
+export {
+  l as default
+};

package/dist/components/organisms/unsubscribe/UnsubscribeWrapper.vue2.js

@@ -0,0 +1,12 @@
+import { defineComponent as t, defineAsyncComponent as e } from "vue";
+import { useConfig as r } from "../../../composables/useConfig.js";
+const m = /* @__PURE__ */ t({
+  __name: "UnsubscribeWrapper",
+  setup(i) {
+    const n = e(() => import("./UnsubscribePageSelection.vue.js")), o = e(() => import("./UnsubscribeTypeSelection.vue.js")), { config: s } = r();
+    return { __sfc: !0, UnsubscribePageSelection: n, UnsubscribeTypeSelection: o, config: s };
+  }
+});
+export {
+  m as default
+};

package/dist/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?: string;
+    size?: 'small' | 'medium' | 'large';
     closeOnOutsideClick?: boolean;
     descriptionStatus?: boolean;
     descriptionText?: string;
@@ -10,9 +10,11 @@ interface Props {
     status: boolean;
     titleText: string;
 }
-declare var __VLS_12: {};
+declare var __VLS_12: {}, __VLS_14: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_12) => any;
+    headerBottomSlot?: (props: typeof __VLS_12) => any;
+} & {
+    default?: (props: typeof __VLS_14) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     className: string;
@@ -32,7 +34,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
     descriptionText: string;
 }>>>, {
     className: string;
-    size: string;
+    size: "small" | "medium" | "large";
     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 i = function() {
+var u = 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,13 +8,15 @@ var i = function() {
     return e.emit("onCloseEvent");
   }, primaryButtonEvent: function(o) {
     return e.emit("primaryButtonEvent");
-  } }, scopedSlots: t._u([{ key: "contentSlot", fn: function() {
+  } }, scopedSlots: t._u([t.$slots.headerBottomSlot ? { key: "headerBottomSlot", fn: function() {
+    return [t._t("headerBottomSlot")];
+  }, proxy: !0 } : null, { key: "contentSlot", fn: function() {
     return [n("div", [t._t("default")], 2)];
   }, proxy: !0 }], null, !0) });
-}, u = [], c = /* @__PURE__ */ s(
+}, i = [], c = /* @__PURE__ */ s(
   r,
-  i,
   u,
+  i,
   !1,
   null,
   null

package/dist/composables/useApiErrorTracking.d.ts

@@ -0,0 +1,26 @@
+import type { HttpError, HttpResponse } from '@@/Composables/useHttp';
+/**
+ * API error context with request/response details
+ */
+export interface ApiErrorContext {
+    endpoint: string;
+    method?: string;
+    statusCode?: number;
+    statusText?: string;
+    errorType?: 'http_error' | 'network_error' | 'parsing_error' | 'timeout';
+    attemptNumber?: number;
+    retryable?: boolean;
+    [key: string]: unknown;
+}
+/**
+ * Tracks API failures including HTTP errors, network issues, and data parsing failures
+ * Integrates with the main error tracking system (Sentry + FullStory)
+ */
+export declare const useApiErrorTracking: () => {
+    captureHttpError: (error: HttpError, endpoint: string, options?: Omit<ApiErrorContext, "endpoint">) => ApiErrorContext;
+    captureNetworkError: (error: Error, endpoint: string, options?: Omit<ApiErrorContext, "endpoint">) => ApiErrorContext;
+    captureParsingError: (error: unknown, endpoint: string, responseData?: unknown, options?: Omit<ApiErrorContext, "endpoint">) => ApiErrorContext;
+    captureTimeoutError: (endpoint: string, timeoutMs: number, options?: Omit<ApiErrorContext, "endpoint">) => ApiErrorContext;
+    withApiErrorTracking: <T>(apiCall: () => Promise<HttpResponse<T>>, endpoint: string, method?: string, options?: Omit<ApiErrorContext, "endpoint">) => Promise<HttpResponse<T>>;
+    withParsingErrorTracking: <T>(parser: () => T, endpoint: string, rawResponse?: unknown, options?: Omit<ApiErrorContext, "endpoint">) => T;
+};

package/dist/composables/useApiErrorTracking.js

@@ -0,0 +1,120 @@
+import { useErrorTracking as p } from "./useErrorTracking.js";
+const h = () => {
+  const { captureError: i } = p(), E = (e, t, o = {}) => {
+    const s = {
+      endpoint: t,
+      method: o.method,
+      statusCode: e.status,
+      statusText: e.statusText,
+      errorType: "http_error",
+      component: "api-client",
+      operation: `http_error_${e.status}`,
+      retryable: e.status ? e.status >= 500 : !1,
+      // 5xx errors are retryable
+      ...o
+    }, r = new Error(
+      `HTTP ${e.status} ${e.statusText} - ${t}`
+    );
+    return i(r, s), s;
+  }, u = (e, t, o = {}) => {
+    const s = e.message, r = s.toLowerCase().includes("timeout"), n = e.name === "AbortError";
+    let a;
+    r ? a = "network_timeout" : n ? a = "request_abort" : a = "network_error";
+    const c = {
+      endpoint: t,
+      errorType: "network_error",
+      component: "api-client",
+      operation: a,
+      retryable: !0,
+      ...o
+    }, l = new Error(
+      `Network Error (${String(c.operation)}) - ${String(t)}: ${s}`
+    );
+    return i(l, c), c;
+  }, g = (e, t, o, s = {}) => {
+    const r = e instanceof Error ? e.message : String(e), n = {
+      endpoint: t,
+      errorType: "parsing_error",
+      component: "api-client",
+      operation: "response_parsing_failed",
+      retryable: !1,
+      responsePreview: o instanceof Object ? JSON.stringify(o).slice(0, 200) : String(o).slice(0, 200),
+      ...s
+    }, a = new Error(
+      `Failed to parse API response from ${t}: ${r}`
+    );
+    return i(a, n), n;
+  }, m = (e, t, o = {}) => {
+    const s = {
+      endpoint: e,
+      errorType: "timeout",
+      component: "api-client",
+      operation: "request_timeout",
+      timeoutMs: t,
+      retryable: !0,
+      ...o
+    }, r = new Error(
+      `Request to ${e} timed out after ${t}ms`
+    );
+    return i(r, s), s;
+  };
+  return {
+    captureHttpError: E,
+    captureNetworkError: u,
+    captureParsingError: g,
+    captureTimeoutError: m,
+    withApiErrorTracking: async (e, t, o = "GET", s = {}) => {
+      try {
+        return await e();
+      } catch (r) {
+        if (r instanceof Error)
+          if (r.message === "Request timeout") {
+            const n = s.timeoutMs || 1e4;
+            m(t, n, {
+              method: o,
+              ...s
+            });
+          } else if (r.name === "AbortError" || r.message.includes("cancelled"))
+            u(r, t, {
+              method: o,
+              ...s
+            });
+          else if (r.message.includes("HTTP Error")) {
+            const n = r.message.match(/HTTP Error: (\d+)/), a = n ? parseInt(n[1]) : void 0, c = {
+              message: r.message,
+              status: a,
+              statusText: r.message
+            };
+            E(c, t, {
+              method: o,
+              ...s
+            });
+          } else
+            u(r, t, {
+              method: o,
+              ...s
+            });
+        else {
+          const n = new Error(String(r));
+          u(n, t, {
+            method: o,
+            ...s
+          });
+        }
+        throw r;
+      }
+    },
+    withParsingErrorTracking: (e, t, o, s = {}) => {
+      try {
+        return e();
+      } catch (r) {
+        throw g(r, t, o, {
+          ...s
+        }), r;
+      }
+    }
+  };
+};
+export {
+  h as useApiErrorTracking
+};

package/dist/composables/useErrorTracking.d.ts

@@ -0,0 +1,30 @@
+import type { Ref } from 'vue';
+/**
+ * Error context for error tracking and correlation
+ */
+export interface ErrorContext {
+    component?: string;
+    operation?: string;
+    templateId?: string;
+    userId?: string;
+    [key: string]: unknown;
+}
+/**
+ * Error tracking service for capturing and reporting errors
+ * Integrates with Sentry and FullStory for comprehensive error tracking
+ */
+export declare const useErrorTracking: () => {
+    traceId: string;
+    errorCount: Readonly<Ref<number>>;
+    lastError: Readonly<Ref<Error | null>>;
+    captureError: (error: Error, context?: ErrorContext) => ErrorContext;
+    captureStripoError: (error: unknown, operation: string, additionalContext?: Record<string, unknown>, shouldLogToSentry?: boolean) => ErrorContext;
+    captureTimeoutError: (operation: string, timeoutMs: number, additionalContext?: Record<string, unknown>) => ErrorContext;
+    createTimeoutPromise: <T>(ms: number, operation: string, additionalContext?: Record<string, unknown>) => Promise<T>;
+    withTimeout: <T>(promise: Promise<T>, ms: number, operation: string, additionalContext?: Record<string, unknown>) => Promise<T>;
+    getErrorSummary: () => {
+        errorCount: number;
+        lastError: Error | null;
+    };
+    resetErrorTracking: () => void;
+};

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