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

package/dist/services/recommendationApi.js

@@ -0,0 +1,43 @@
+import { useHttp as c } from "../composables/useHttp.js";
+import { URLS as a } from "../enums/extensions/recommendationBlock.js";
+import { useEditorStore as m } from "../stores/editor.js";
+import { replaceString as s } from "../utils/genericUtil.js";
+const l = () => {
+  const { get: o } = c();
+  return {
+    fetchRecommendationCreateData: async () => {
+      const e = m();
+      try {
+        return (await o(s(
+          "/newsletter/{id}/recommendations/get-campaign-create-data",
+          { id: e.templateId }
+        ))).data;
+      } catch (t) {
+        throw console.error("fetchUserModalState error:", t), t;
+      }
+    },
+    fetchRecommendationFilters: async () => {
+      try {
+        const { data: e } = await o("/stripo/email-recommendation-attributes");
+        return e;
+      } catch (e) {
+        throw console.error("fetchRecommendationFilters error:", e), e;
+      }
+    },
+    fetchRecommendationProducts: async (e, t) => {
+      try {
+        const r = decodeURIComponent(new URLSearchParams(Object.entries(t)).toString());
+        console.debug("🏁 Recommendation API Query:", r);
+        const n = await o(
+          `${a.RECOMMENDATION_API_URL}/v2/${e}?${r}`
+        );
+        return (n == null ? void 0 : n.data) ?? [];
+      } catch (r) {
+        throw console.error("fetchRecommendationProducts error:", r), r;
+      }
+    }
+  };
+};
+export {
+  l as useRecommendationApi
+};

package/dist/services/slackNotificationService.js

@@ -0,0 +1,167 @@
+var d = Object.defineProperty;
+var h = (t, e, r) => e in t ? d(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
+var i = (t, e, r) => h(t, typeof e != "symbol" ? e + "" : e, r);
+class u {
+  constructor(e, r) {
+    i(this, "webhookUrl");
+    i(this, "channel");
+    i(this, "defaultUsername");
+    i(this, "enabled");
+    this.webhookUrl = e || void 0 || "", this.channel = (r == null ? void 0 : r.channel) || "#errors", this.defaultUsername = (r == null ? void 0 : r.username) || "Guido Error Bot", this.enabled = (r == null ? void 0 : r.enabled) !== !1, this.webhookUrl || (console.warn("[SlackNotificationService] Webhook URL not configured, Slack notifications disabled"), this.enabled = !1);
+  }
+  /**
+   * Send an error notification to Slack
+   */
+  async sendErrorNotification(e) {
+    if (!this.enabled || !this.webhookUrl)
+      return !1;
+    try {
+      const r = this.buildErrorPayload(e), a = await fetch(this.webhookUrl, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json"
+        },
+        body: JSON.stringify(r)
+      });
+      return a.ok ? !0 : (console.error("[SlackNotificationService] Failed to send Slack notification:", a.statusText), !1);
+    } catch (r) {
+      return console.error("[SlackNotificationService] Error sending Slack notification:", r), !1;
+    }
+  }
+  /**
+   * Send a critical error that requires immediate attention
+   */
+  async sendCriticalError(e, r, a) {
+    return this.sendErrorNotification({
+      title: e,
+      message: r,
+      errorType: "critical",
+      severity: "critical",
+      context: a,
+      timestamp: Date.now()
+    });
+  }
+  /**
+   * Send a CORS error notification
+   */
+  async sendCorsErrorNotification(e, r) {
+    return this.sendCriticalError(
+      "CORS Error in Stripo Email Editor",
+      "Failed to load Stripo resources due to CORS restrictions",
+      {
+        resourceUrl: e,
+        ...r,
+        timestamp: (/* @__PURE__ */ new Date()).toISOString()
+      }
+    );
+  }
+  /**
+   * Send a plugin load error notification
+   */
+  async sendPluginLoadErrorNotification(e, r) {
+    return this.sendCriticalError(
+      "Stripo Plugin Failed to Load",
+      `Email editor initialization failed: ${e}`,
+      {
+        ...r,
+        timestamp: (/* @__PURE__ */ new Date()).toISOString()
+      }
+    );
+  }
+  /**
+   * Build Slack message payload from error notification
+   */
+  buildErrorPayload(e) {
+    const a = {
+      critical: "#E74C3C",
+      // Red
+      high: "#E67E22",
+      // Orange
+      medium: "#F39C12",
+      // Yellow
+      low: "#3498DB"
+      // Blue
+    }[e.severity] || "#95A5A6", l = [
+      {
+        title: "Error Type",
+        value: e.errorType,
+        short: !0
+      },
+      {
+        title: "Severity",
+        value: e.severity.toUpperCase(),
+        short: !0
+      },
+      {
+        title: "Timestamp",
+        value: e.timestamp ? new Date(e.timestamp).toISOString() : (/* @__PURE__ */ new Date()).toISOString(),
+        short: !0
+      }
+    ];
+    e.context && Object.entries(e.context).forEach(([n, c]) => {
+      l.length < 20 && l.push({
+        title: this.formatFieldTitle(n),
+        value: this.formatFieldValue(c),
+        short: !0
+      });
+    });
+    const s = {
+      color: a,
+      title: e.title,
+      text: e.message,
+      fields: l,
+      footer: "Guido Error Tracking",
+      ts: Math.floor((e.timestamp || Date.now()) / 1e3)
+    };
+    return e.stackTrace && (s.text = `${e.message}
+\`\`\`${e.stackTrace}\`\`\``), {
+      channel: this.channel,
+      username: this.defaultUsername,
+      // eslint-disable-next-line camelcase
+      icon_emoji: ":warning:",
+      attachments: [s]
+    };
+  }
+  /**
+   * Format field title for Slack (e.g., emailId -> Email ID)
+   */
+  formatFieldTitle(e) {
+    return e.replace(/([A-Z])/g, " $1").replace(/^./, (r) => r.toUpperCase()).trim();
+  }
+  /**
+   * Format field value for Slack display
+   */
+  formatFieldValue(e) {
+    return e == null ? "(empty)" : typeof e == "object" ? JSON.stringify(e).slice(0, 500) : String(e).slice(0, 500);
+  }
+  /**
+   * Check if notifications are enabled
+   */
+  isEnabled() {
+    return this.enabled;
+  }
+  /**
+   * Update webhook URL
+   */
+  setWebhookUrl(e) {
+    this.webhookUrl = e, this.enabled = !!e;
+  }
+  /**
+   * Update channel
+   */
+  setChannel(e) {
+    this.channel = e;
+  }
+  /**
+   * Enable/disable notifications
+   */
+  setEnabled(e) {
+    this.enabled = e && !!this.webhookUrl;
+  }
+}
+let o = null;
+const S = () => (o || (o = new u()), o);
+export {
+  u as SlackNotificationService,
+  S as getSlackNotificationService
+};

package/dist/services/stripoApi.js

@@ -1,25 +1,47 @@
-import { useHttp as a } from "../composables/useHttp.js";
-import { useToaster as s } from "../composables/useToaster.js";
-const m = () => {
-  const { get: r } = a(), { handleError: o } = s();
+import { useApiErrorTracking as c } from "../composables/useApiErrorTracking.js";
+import { useHttp as p } from "../composables/useHttp.js";
+import { useToaster as u } from "../composables/useToaster.js";
+const k = (i) => {
+  const { get: s } = p({
+    onTokenRefresh: i
+  }), { handleError: n } = u(), { withParsingErrorTracking: a } = c();
   return {
     getToken: async () => {
       try {
-        const t = Number(localStorage.getItem("ins-guido-test-instance")), { data: e } = await r(`/stripo/get-user-token?test=${t}`);
-        return e.body.token;
+        const t = Number(localStorage.getItem("ins-guido-test-instance")), { data: e } = await s(`/stripo/get-user-token?test=${t}`);
+        return a(
+          () => {
+            var o;
+            if (!((o = e == null ? void 0 : e.body) != null && o.token))
+              throw new Error("Invalid token response: missing token in response body");
+            return e.body.token;
+          },
+          "/stripo/get-user-token",
+          e,
+          { endpoint: "/stripo/get-user-token", operation: "getToken" }
+        );
       } catch (t) {
-        return o(t, "Failed to fetch token"), "";
+        return n(t, "Failed to fetch token"), "";
       }
     },
     getCustomFonts: async () => {
       try {
-        const { data: t = [] } = await r("/stripo/get-partner-custom-fonts");
-        return t.map((e) => ({
-          ...e,
-          active: !0
-        }));
+        const { data: t = [] } = await s("/stripo/get-partner-custom-fonts");
+        return a(
+          () => {
+            if (!Array.isArray(t))
+              throw new Error("Invalid fonts response: expected array");
+            return t.map((r) => ({
+              ...r,
+              active: !0
+            }));
+          },
+          "/stripo/get-partner-custom-fonts",
+          t,
+          { endpoint: "/stripo/get-partner-custom-fonts", operation: "getCustomFonts" }
+        );
       } catch (t) {
-        return o(t, "Failed to fetch custom fonts"), [];
+        return n(t, "Failed to fetch custom fonts"), [];
       }
     },
     getDefaultTemplate: async () => {
@@ -29,21 +51,31 @@ const m = () => {
         forceRecreate: !0
       };
       try {
-        const { data: e } = await r("/stripo/default-template");
+        const { data: e } = await s("/stripo/default-template");
         try {
           return {
-            ...JSON.parse(e),
+            ...a(
+              () => {
+                const o = JSON.parse(e);
+                if (!o.html)
+                  throw new Error("Invalid template response: missing html field");
+                return o;
+              },
+              "/stripo/default-template",
+              e,
+              { endpoint: "/stripo/default-template", operation: "getDefaultTemplate" }
+            ),
             forceRecreate: !0
           };
-        } catch {
-          return t;
+        } catch (r) {
+          return r instanceof Error && !r.message.includes("Invalid template") && n(r, "Failed to parse template as JSON"), t;
         }
       } catch (e) {
-        return o(e, "Failed to fetch default template"), t;
+        return n(e, "Failed to fetch default template"), t;
       }
     }
   };
 };
 export {
-  m as useStripoApi
+  k as useStripoApi
 };

package/dist/services/stripoErrorDeduplicationService.js

@@ -0,0 +1,91 @@
+var c = Object.defineProperty;
+var a = (e, r, t) => r in e ? c(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t;
+var n = (e, r, t) => a(e, typeof r != "symbol" ? r + "" : r, t);
+class s {
+  constructor() {
+    n(this, "reportedErrors", /* @__PURE__ */ new Set());
+  }
+  /**
+   * Track an error locally to prevent duplicate Slack alerts
+   * Only sends Slack alert once per unique error within the same session
+   */
+  trackError(r) {
+    const t = this.getDeduplicationKey(r);
+    return this.reportedErrors.has(t) ? !1 : (this.reportedErrors.add(t), !0);
+  }
+  /**
+   * Track plugin load error locally (CORS, script failure, timeout)
+   */
+  trackPluginLoadError(r, t) {
+    return this.trackError({
+      errorType: "plugin_load_error",
+      errorMessage: r,
+      errorCategory: "critical",
+      context: {
+        ...t,
+        timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+        environment: "production"
+      },
+      reportedAt: (/* @__PURE__ */ new Date()).toISOString()
+    });
+  }
+  /**
+   * Track CORS error locally
+   */
+  trackCorsError(r, t) {
+    return this.trackError({
+      errorType: "cors_error",
+      errorMessage: r,
+      errorCategory: "handled",
+      context: {
+        ...t,
+        timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+        environment: "production"
+      },
+      reportedAt: (/* @__PURE__ */ new Date()).toISOString()
+    });
+  }
+  /**
+   * Track authentication error locally (token refresh failure)
+   * Tracks it, but Slack notifier decides whether to alert based on token expiration
+   */
+  trackAuthenticationError(r, t) {
+    return this.trackError({
+      errorType: "authentication_error",
+      errorMessage: r,
+      errorCategory: "critical",
+      context: {
+        ...t,
+        timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+        environment: "production"
+      },
+      reportedAt: (/* @__PURE__ */ new Date()).toISOString()
+    });
+  }
+  /**
+   * Generate unique deduplication key for error
+   * Format: "errorType:emailId:userId" to allow same error on different emails
+   */
+  getDeduplicationKey(r) {
+    const t = r.context.emailId || "unknown", i = r.context.userId || "unknown";
+    return `${r.errorType}:${t}:${i}`;
+  }
+  /**
+   * Clear tracked errors (for testing or session reset)
+   */
+  clearTrackedErrors() {
+    this.reportedErrors.clear();
+  }
+  /**
+   * Get count of errors tracked in this session
+   */
+  getTrackedErrorCount() {
+    return this.reportedErrors.size;
+  }
+}
+let o = null;
+const u = () => (o || (o = new s()), o);
+export {
+  s as StripoErrorDeduplicationService,
+  u as getStripoErrorDeduplicationService
+};

package/dist/services/unsubscribeApi.js

@@ -0,0 +1,16 @@
+import { useHttp as t } from "../composables/useHttp.js";
+import { useToaster as n } from "../composables/useToaster.js";
+const u = () => {
+  const { get: r } = t(), { handleError: s } = n();
+  return { getUnsubscribePages: async () => {
+    try {
+      const { data: e = [] } = await r("/unsubscribe-pages/get-all");
+      return e;
+    } catch (e) {
+      return s(e, "Failed to fetch unsubscribe pages"), [];
+    }
+  } };
+};
+export {
+  u as useUnsubscribeApi
+};

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

@@ -0,0 +1,7 @@
+export type StripoEventType = 'save' | 'export' | 'close' | 'autosave' | 'publish' | 'export:requested' | 'export:ready';
+export interface EventHandler {
+    (params: Record<string, string>): void | Promise<void>;
+}
+export interface EventHandlers {
+    [eventType: string]: EventHandler;
+}

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

@@ -1,4 +1,7 @@
 import type { CompilerRule } from './html-compiler';
+type Extensions = {
+    unsubscribe?: boolean;
+};
 type Features = {
     dynamicContent?: boolean;
     saveAsTemplate?: boolean;
@@ -16,12 +19,22 @@ 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;
     fallback?: string;
+    format?: {
+        key: string;
+        value: string;
+    };
 };
 export interface EmailHeader {
     senderName: string;
@@ -42,4 +55,8 @@ export type MergeTag = {
     label: string;
     value: string;
 };
+export type TextValueObject = {
+    text: string;
+    value: string;
+};
 export {};

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

@@ -1,4 +1,4 @@
-import type { DynamicContent, GuidoConfig } from '@@/Types/generic';
+import type { DynamicContent, GuidoConfig, TemplateConfig } from '@@/Types/generic';
 import type { SavedTemplateDetails } from '@@/Types/stripo';
 type __VLS_Props = {
     templateId: string;
@@ -9,8 +9,9 @@ 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: {
@@ -18,12 +19,14 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<__
         close: () => void;
     };
     hasChanges: import("vue").ComputedRef<boolean>;
+    saveSilent: () => Promise<SavedTemplateDetails | undefined> | undefined;
 }, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {
     "dynamic-content:open": (detail: DynamicContent | null) => void;
     back: () => void;
     "save:start": () => void;
     "save:complete": (data: Omit<SavedTemplateDetails, "forceRecreate">) => void;
-    "on-change": () => void;
+    "on-change": (hasChanges: boolean) => void;
+    ready: () => void;
 }, string, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<__VLS_Props>>>, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/dist/src/components/organisms/extensions/recommendation/FilterItem.vue.d.ts

@@ -0,0 +1,19 @@
+import type { Filter } from '@@/Types/recommendation';
+type __VLS_Props = {
+    filter: Filter;
+    index: number;
+    hasLogicAdapter?: boolean;
+};
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<__VLS_Props>, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {
+    "delete-filter": (filter: Filter) => void;
+}, string, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<__VLS_Props>>>, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/src/components/organisms/extensions/recommendation/LogicAdapter.vue.d.ts

@@ -0,0 +1,16 @@
+type __VLS_Props = {
+    logic?: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<__VLS_Props>, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {
+    change: (value: string) => void;
+}, string, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<__VLS_Props>>>, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/src/components/organisms/header/HeaderWrapper.vue.d.ts

@@ -0,0 +1,4 @@
+declare const _default: import("vue").DefineComponent<{}, {
+    handleSave: (isSilent: boolean) => Promise<import("../../../@types/stripo.js").SavedTemplateDetails | undefined> | undefined;
+}, {}, {}, {}, 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/src/components/organisms/header/RightSlot.vue.d.ts

@@ -0,0 +1,4 @@
+declare const _default: import("vue").DefineComponent<{}, {
+    handleSave: (isSilent: boolean) => Promise<import("../../../@types/stripo").SavedTemplateDetails | undefined>;
+}, {}, {}, {}, 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/src/components/organisms/onboarding/GenericOnboarding.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/src/components/organisms/onboarding/NewVersionPopup.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/src/components/organisms/onboarding/OnboardingWrapper.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/src/components/organisms/onboarding/TextBlockOnboarding.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/src/components/organisms/onboarding/VersionHistoryOnboarding.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/src/components/organisms/save-as-template/SaveAsTemplateDrawer.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/src/components/organisms/unsubscribe/UnsubscribeBreadcrumb.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/src/components/organisms/unsubscribe/UnsubscribePageSelection.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/src/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/src/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 → src/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/src/composables/useApiErrorTracking.d.ts

@@ -0,0 +1,28 @@
+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;
+    context?: string;
+    [key: string]: unknown;
+}
+/**
+ * Tracks API failures including HTTP errors, network issues, and data parsing failures
+ * Integrates with the main error tracking system (Sentry + FullStory)
+ * Routes errors to Slack/Sentry based on error categorization
+ */
+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;
+};