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

package/dist/components/organisms/onboarding/NewVersionPopup.vue.js

@@ -1,17 +1,17 @@
-import t from "./NewVersionPopup.vue2.js";
+import s from "./NewVersionPopup.vue2.js";
 import n from "../../../_virtual/_plugin-vue2_normalizer.js";
-var i = function() {
-  var e = this, s = e._self._c, o = e._self._setupProxy;
-  return o.isVisible ? s(o.WpModal, { attrs: { id: "guido__new-version-popup", size: "medium", "close-on-outside-click": !1, "footer-button-options": o.footerButtonOptions, title: o.popupTitle }, on: { close: o.handleClose, "primary-action": o.handleDiscoverNow, "secondary-action": o.handleRemindLater } }, [s("div", { staticClass: "d-f f-d-c" }, [s("img", { staticClass: "w-1 h-1 d-b p-e-n mb-5", attrs: { src: o.onboardingImageSvg } }), s("p", { staticClass: "f-s-2 f-w-400", domProps: { innerHTML: e._s(o.popupDescription) } })])]) : e._e();
-}, r = [], a = /* @__PURE__ */ n(
-  t,
-  i,
+var r = function() {
+  var e = this, t = e._self._c, o = e._self._setupProxy;
+  return o.isVisible ? t(o.WpModal, { attrs: { id: "guido__new-version-popup", "close-on-outside-click": !1, "footer-button-options": o.footerButtonOptions, title: o.trans("email-editor.onboarding-title") }, on: { close: o.handleClose, "primary-action": o.handleDiscoverNow, "secondary-action": o.handleRemindLater } }, [t("div", { staticClass: "d-f f-d-c" }, [t("img", { staticClass: "w-1 h-1 d-b p-e-n mb-5", attrs: { src: o.onboardingImageSvg } }), t("p", { staticClass: "f-s-2 f-w-400", domProps: { innerHTML: e._s(o.trans("email-editor.onboarding-description")) } })])]) : e._e();
+}, i = [], a = /* @__PURE__ */ n(
+  s,
   r,
+  i,
   !1,
   null,
   null
 );
-const _ = a.exports;
+const p = a.exports;
 export {
-  _ as default
+  p as default
 };

package/dist/components/organisms/onboarding/NewVersionPopup.vue2.js

@@ -1,43 +1,30 @@
-import { defineComponent as g, ref as b, computed as o } from "vue";
-import v from "../../wrappers/WpModal.vue.js";
-import { useConfig as D } from "../../../composables/useConfig.js";
-import { useTranslations as h } from "../../../composables/useTranslations.js";
-import { ACADEMY_LINK as l } from "../../../enums/onboarding.js";
-import y from "../../../static/assets/onboarding-img.svg.js";
-import { useOnboardingStore as _ } from "../../../stores/onboarding.js";
-import { isAfterDate as C, formatShortDate as L } from "../../../utils/dateUtil.js";
-const I = /* @__PURE__ */ g({
+import { defineComponent as s, ref as r } from "vue";
+import a from "../../wrappers/WpModal.vue.js";
+import { useTranslations as i } from "../../../composables/useTranslations.js";
+import l from "../../../static/assets/onboarding-img.svg.js";
+import { useOnboardingStore as m } from "../../../stores/onboarding.js";
+const w = /* @__PURE__ */ s({
   __name: "NewVersionPopup",
-  emits: ["onboarding-finished"],
-  setup(w, { emit: a }) {
-    const e = h(), t = _(), s = b(!0), { config: p } = D(), i = o(() => p.migrationDate), n = o(() => C(i.value || 0)), d = o(() => L(
-      i.value
-    )), m = o(() => n.value ? e("email-editor.onboarding-popup-sunsetted-title") : e("email-editor.onboarding-title")), c = o(() => n.value ? e("email-editor.onboarding-popup-sunsetted-description", {
-      sunsetDate: d.value,
-      academyLink: l
-    }) : e("email-editor.onboarding-description", {
-      academyLink: l
-    })), u = o(() => n.value ? e("products.cancel") : e("products.remind-me-later")), f = o(() => ({
+  setup(p) {
+    const n = i(), e = m(), o = r(!0), t = r({
       primaryButton: {
         type: "primary",
-        labelText: e("left-menu.discover-now")
+        labelText: n("left-menu.discover-now")
       },
       secondaryButton: {
         type: "subtle-primary",
-        labelText: u.value
+        labelText: n("products.remind-me-later")
       }
-    })), r = () => {
-      s.value = !1, a("onboarding-finished");
-    };
-    return { __sfc: !0, emit: a, trans: e, onboardingStore: t, isVisible: s, config: p, migrationDate: i, isAfterMigrationDate: n, formattedSunsetDate: d, popupTitle: m, popupDescription: c, secondaryButtonLabel: u, footerButtonOptions: f, closePopup: r, handleDiscoverNow: () => {
-      t.onDiscoverNowClicked(), r();
+    });
+    return { __sfc: !0, trans: n, onboardingStore: e, isVisible: o, footerButtonOptions: t, handleDiscoverNow: () => {
+      e.onDiscoverNowClicked(), o.value = !1;
     }, handleRemindLater: () => {
-      t.onRemindMeLater(), r();
+      e.onRemindMeLater(), o.value = !1;
     }, handleClose: () => {
-      t.onNewVersionPopupClose(), r();
-    }, WpModal: v, onboardingImageSvg: y };
+      e.onNewVersionPopupClose(), o.value = !1;
+    }, WpModal: a, onboardingImageSvg: l };
   }
 });
 export {
-  I as default
+  w as default
 };

package/dist/components/organisms/onboarding/OnboardingWrapper.vue.js

@@ -1,21 +1,19 @@
-import t from "./OnboardingWrapper.vue2.js";
-import i from "../../../_virtual/_plugin-vue2_normalizer.js";
+import o from "./OnboardingWrapper.vue2.js";
+import _ from "../../../_virtual/_plugin-vue2_normalizer.js";
 var s = function() {
-  var n = this, e = n._self._c, r = n._self._setupProxy;
-  return e("div", n._l(r.visibleOnboardings, function(o) {
-    return e(o.component, { key: o.type, tag: "component", on: { "onboarding-finished": function(p) {
-      return r.emit("onboarding-finished");
-    } } });
+  var n = this, e = n._self._c, t = n._self._setupProxy;
+  return e("div", n._l(t.visibleOnboardings, function(r) {
+    return e(r.component, { key: r.type, tag: "component" });
   }), 1);
-}, _ = [], a = /* @__PURE__ */ i(
-  t,
+}, a = [], p = /* @__PURE__ */ _(
+  o,
   s,
-  _,
+  a,
   !1,
   null,
   null
 );
-const d = a.exports;
+const m = p.exports;
 export {
-  d as default
+  m as default
 };

package/dist/components/organisms/onboarding/OnboardingWrapper.vue2.js

@@ -1,25 +1,24 @@
-import { defineComponent as b, computed as e, onMounted as O, watch as t } from "vue";
-import { usePartner as u } from "../../../composables/usePartner.js";
-import { useEditorStore as v } from "../../../stores/editor.js";
-import { useOnboardingStore as l } from "../../../stores/onboarding.js";
-import { usePreviewStore as y } from "../../../stores/preview.js";
-import S from "./AMPOnboarding.vue.js";
-import h from "./GenericOnboarding.vue.js";
+import { defineComponent as g, computed as e, onMounted as b, watch as t } from "vue";
+import { usePartner as O } from "../../../composables/usePartner.js";
+import { useEditorStore as u } from "../../../stores/editor.js";
+import { useOnboardingStore as v } from "../../../stores/onboarding.js";
+import { usePreviewStore as l } from "../../../stores/preview.js";
+import y from "./AMPOnboarding.vue.js";
+import S from "./GenericOnboarding.vue.js";
 import w from "./NewVersionPopup.vue.js";
 import P from "./TextBlockOnboarding.vue.js";
-import _ from "./VersionHistoryOnboarding.vue.js";
-const F = /* @__PURE__ */ b({
+import h from "./VersionHistoryOnboarding.vue.js";
+const E = /* @__PURE__ */ g({
   __name: "OnboardingWrapper",
-  emits: ["onboarding-finished"],
-  setup(A, { emit: f }) {
-    const o = l(), r = v(), s = y(), { isTestPartner: a } = u(), p = e(() => r.isStripoInitialized), d = e(() => a()), m = [
+  setup(_) {
+    const o = v(), r = u(), s = l(), { isTestPartner: a } = O(), p = e(() => r.isStripoInitialized), d = e(() => a()), m = [
       { type: "newVersionPopup", component: w },
-      { type: "genericOnboarding", component: h },
+      { type: "genericOnboarding", component: S },
       { type: "textBlockOnboarding", component: P },
-      { type: "versionHistoryOnboarding", component: _ },
-      { type: "ampOnboarding", component: S }
-    ], c = (n) => d.value || !p.value ? !1 : n === "newVersionPopup" ? o.shouldShowOnboarding(n) : o.isActive(n), g = e(() => m.filter((n) => c(n.type)));
-    return O(async () => {
+      { type: "versionHistoryOnboarding", component: h },
+      { type: "ampOnboarding", component: y }
+    ], c = (n) => d.value || !p.value ? !1 : n === "newVersionPopup" ? o.shouldShowOnboarding(n) : o.isActive(n), f = e(() => m.filter((n) => c(n.type)));
+    return b(async () => {
       await o.fetchUserModalState();
     }), t(
       () => r.isVersionHistoryOpen,
@@ -36,9 +35,9 @@ const F = /* @__PURE__ */ b({
       (n) => {
         !n && o.isActive("ampOnboarding") && o.close("ampOnboarding");
       }
-    ), { __sfc: !0, emit: f, onboardingStore: o, editorStore: r, previewStore: s, isTestPartner: a, isStripoReady: p, isTestPartnerActive: d, onboardingConfigs: m, shouldShow: c, visibleOnboardings: g };
+    ), { __sfc: !0, onboardingStore: o, editorStore: r, previewStore: s, isTestPartner: a, isStripoReady: p, isTestPartnerActive: d, onboardingConfigs: m, shouldShow: c, visibleOnboardings: f };
   }
 });
 export {
-  F as default
+  E as default
 };

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

package/dist/composables/useGuidoActions.js

@@ -1,6 +1,6 @@
 import { provideValue as o, useInjectedValue as t } from "./useProvideInject.js";
-const r = Symbol.for("guido.back"), n = Symbol.for("guido.save.start"), c = Symbol.for("guido.save.complete"), a = Symbol.for("guido.test.email.click"), i = (e) => {
-  o(r, e.onBack), o(n, e.onSaveStart), o(c, e.onSaveComplete), o(a, e.onTestEmailClick);
+const r = Symbol.for("guido.back"), n = Symbol.for("guido.save.start"), a = Symbol.for("guido.save.complete"), s = (e) => {
+  o(r, e.onBack), o(n, e.onSaveStart), o(a, e.onSaveComplete);
 }, u = () => {
   try {
     return t(r);
@@ -9,7 +9,7 @@ const r = Symbol.for("guido.back"), n = Symbol.for("guido.save.start"), c = Symb
       "useBack: No back handler provided. Make sure Guido component is in the component tree."
     );
   }
-}, l = () => {
+}, d = () => {
   try {
     return t(n);
   } catch {
@@ -17,31 +17,21 @@ const r = Symbol.for("guido.back"), n = Symbol.for("guido.save.start"), c = Symb
       "useSaveStart: No save start handler provided. Make sure Guido component is in the component tree."
     );
   }
-}, d = () => {
-  try {
-    return t(c);
-  } catch {
-    throw new Error(
-      "useSaveComplete: No save complete handler provided. Make sure Guido component is in the component tree."
-    );
-  }
-}, m = () => {
+}, i = () => {
   try {
     return t(a);
   } catch {
     throw new Error(
-      "useTestEmailClick: No test email click handler provided. Make sure Guido component is in the component tree."
+      "useSaveComplete: No save complete handler provided. Make sure Guido component is in the component tree."
     );
   }
 };
 export {
   r as BACK_KEY,
-  c as SAVE_COMPLETE_KEY,
+  a as SAVE_COMPLETE_KEY,
   n as SAVE_START_KEY,
-  a as TEST_EMAIL_CLICK_KEY,
-  i as provideGuidoActions,
+  s as provideGuidoActions,
   u as useBack,
-  d as useSaveComplete,
-  l as useSaveStart,
-  m as useTestEmailClick
+  i as useSaveComplete,
+  d as useSaveStart
 };

package/dist/composables/useHttp.js

@@ -1,86 +1,123 @@
-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 = {
+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 = {
     baseURL: "",
     timeout: 1e4,
     retry: 0,
     retryDelay: 1e3,
     headers: {
       "Content-Type": "application/json",
-      "X-CSRF-TOKEN": H()
+      "X-CSRF-TOKEN": S()
     },
-    ...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) => {
+    ...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) => {
     setTimeout(() => {
-      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,
+      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,
       headers: { ...n.headers },
-      signal: u.value.signal,
+      signal: l.value.signal,
       ...n
     };
-    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) => {
+    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) => {
       try {
-        const o = [fetch(L, c)];
-        n.timeout && o.push(P(n.timeout));
+        const o = [fetch(T, m)];
+        n.timeout && o.push(A(n.timeout));
         const r = await Promise.race(o);
         if (!r.ok) {
-          const O = `HTTP Error: ${r.status} ${r.statusText}`, d = new Error(O);
-          throw d.status = r.status, d.statusText = r.statusText, d.response = r, d;
+          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;
         }
-        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,
+        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,
           status: r.status,
           statusText: r.statusText,
           headers: r.headers
         };
       } catch (o) {
         const r = o instanceof Error && o.name === "AbortError";
-        if (m < (n.retry || 0) && !r)
-          return await x(n.retryDelay || 1e3), E(m + 1);
-        throw o instanceof Error ? o.name === "AbortError" ? a.value = { message: "Request was cancelled" } : a.value = { message: o.message } : a.value = o, o;
+        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;
       }
     };
     try {
-      return await E();
+      return await y();
     } finally {
-      h.value = !1, u.value = null;
+      d.value = !1, l.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;
+  }, 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;
   };
   return {
     // State
-    loading: g,
-    error: T(() => a.value),
-    hasError: y,
+    loading: P,
+    error: w(() => i.value),
+    hasError: k,
     // Methods
-    request: i,
-    get: C,
-    post: $,
-    put: R,
-    patch: U,
-    delete: A,
-    cancel: W,
-    clearError: q
+    request: c,
+    get: R,
+    post: U,
+    put: N,
+    patch: W,
+    delete: q,
+    cancel: D,
+    clearError: H
   };
 };
 export {
-  k as useHttp
+  M as useHttp
 };