@useinsider/guido 3.18.2-beta.83b62a8 → 3.18.2-beta.c3e75f6

package/README.md

@@ -561,26 +561,6 @@ import {
 import '@useinsider/guido/style';
 ```
 
-### Subpath entries
-
-Two surfaces also ship as their own entry points. Importing one pulls in only its
-own dependencies, so a consumer that needs the store or the tracking-id helpers
-never loads the editor:
-
-```typescript
-// Live editor state, published by the editor into the host's shared Pinia instance.
-// Store id `guidoEmailEditor` is the cross-app contract — read it, do not redeclare it.
-import { useGuidoEmailEditorStore } from '@useinsider/guido/editor-state';
-import type { GuidoEmailEditorState } from '@useinsider/guido/editor-state';
-
-// Persistent link ids for the click heatmap.
-import { assignTrackingIds, TRACK_ID_ATTRIBUTE } from '@useinsider/guido/tracking-ids';
-import type { TrackingIdResult } from '@useinsider/guido/tracking-ids';
-```
-
-Both are re-exported from the root barrel as well; the subpath is what keeps the
-editor out of the consumer's module graph.
-
 ---
 
 ## Constants

package/dist/components/organisms/header/EditorActions.vue.js

@@ -9,15 +9,15 @@ var u = function() {
   } } }), e(t.MigrationConfirmModal, { ref: "migrationModalRef", on: { confirm: function(r) {
     return t.executeSave(!1);
   } } })], 1);
-}, p = [], c = /* @__PURE__ */ d(
+}, c = [], p = /* @__PURE__ */ d(
   l,
   u,
-  p,
+  c,
   !1,
   null,
-  "1ca6baf0"
+  "c61cc8ea"
 );
-const v = c.exports;
+const v = p.exports;
 export {
   v as default
 };

package/dist/components/organisms/header/EditorActions.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as q, ref as l, computed as w } from "vue";
+import { defineComponent as q, ref as n, computed as x } from "vue";
 import { useActionsApi as b } from "../../../composables/useActionsApi.js";
 import { useConfig as k } from "../../../composables/useConfig.js";
 import { useExport as B } from "../../../composables/useExport.js";
@@ -17,48 +17,46 @@ import { storeToRefs as Q } from "pinia";
 import U from "./MigrationConfirmModal.vue.js";
 const ft = /* @__PURE__ */ q({
   __name: "EditorActions",
-  setup(W, { expose: x }) {
-    const { config: m, isFeatureEnabled: c } = k(), { exportHtml: p } = B(), { save: u } = R(), { openVersionHistory: f, closeVersionHistory: d } = P(), { getCompiledEmail: v } = b(), { compileHtml: y } = L(), { validateLiquidSyntax: g } = j(), { handleError: r } = z(), e = G(), h = J(), { hasMigrations: H } = Q(h), s = I(), i = l(!1), a = l(!1), S = l(), V = D(), _ = () => {
+  setup(W, { expose: w }) {
+    const { config: l, isFeatureEnabled: m } = k(), { exportHtml: c } = B(), { save: p } = R(), { openVersionHistory: u, closeVersionHistory: f } = P(), { getCompiledEmail: d } = b(), { compileHtml: v } = L(), { validateLiquidSyntax: y } = j(), { handleError: r } = z(), e = G(), g = J(), { hasMigrations: S } = Q(g), s = I(), i = n(!1), a = n(!1), H = n(), h = D(), _ = () => {
       if (e.isVersionHistoryOpen) {
-        d();
+        f();
         return;
       }
-      f();
+      u();
     }, C = async () => {
-      i.value = !0, await p(), i.value = !1;
+      i.value = !0, await c(), i.value = !1;
     }, A = () => {
       e.isSaveAsTemplateDrawerOpen = !0;
-    }, M = w(() => e.isVersionHistoryOpen ? s("newsletter.close-version-history") : s("newsletter.version-history")), O = w(
+    }, M = x(() => e.isVersionHistoryOpen ? s("newsletter.close-version-history") : s("newsletter.version-history")), O = x(
       () => {
         var t, o;
-        return ((o = (t = m.value) == null ? void 0 : t.features) == null ? void 0 : o.versionHistory) && !e.isPreviewModeOpen;
+        return ((o = (t = l.value) == null ? void 0 : t.features) == null ? void 0 : o.versionHistory) && !e.isPreviewModeOpen;
       }
-    ), E = async (t) => {
+    ), V = async (t) => {
       a.value = !0, t || (e.loadingStatus = !0);
       let o;
       try {
-        o = await u(t);
-      } catch (n) {
-        if (t)
-          throw n;
-        r(n, "Failed to save template");
+        o = await p(t);
+      } catch (T) {
+        r(T, "Failed to save template");
       } finally {
         a.value = !1, !t && !o && (e.loadingStatus = !1);
       }
       return o;
-    }, T = (t) => {
+    }, E = (t) => {
       var o;
-      if (!t && H.value) {
-        (o = S.value) == null || o.open();
+      if (!t && S.value) {
+        (o = H.value) == null || o.open();
         return;
       }
-      return E(t);
+      return V(t);
     }, F = async () => {
-      if (c("liquidSyntax")) {
+      if (m("liquidSyntax")) {
         e.loadingStatus = !0;
         try {
-          const { html: t } = await v({ minimize: !0, resetDataSavedFlag: !1 }), { compiledHtml: o } = y(t);
-          if (!await g(o))
+          const { html: t } = await d({ minimize: !0, resetDataSavedFlag: !1 }), { compiledHtml: o } = v(t);
+          if (!await y(o))
             return;
         } catch (t) {
           r(t, "Failed to prepare test email");
@@ -67,11 +65,11 @@ const ft = /* @__PURE__ */ q({
           e.loadingStatus = !1;
         }
       }
-      V();
+      h();
     };
-    return x({
-      handleSave: T
-    }), { __sfc: !0, config: m, isFeatureEnabled: c, exportHtml: p, save: u, openVersionHistory: f, closeVersionHistory: d, getCompiledEmail: v, compileHtml: y, validateLiquidSyntax: g, handleError: r, editorStore: e, templateStore: h, hasMigrations: H, trans: s, isExporting: i, isSaving: a, migrationModalRef: S, testEmailClick: V, handleVersionHistory: _, handleExport: C, handleSaveAs: A, versionHistoryTooltipText: M, isVersionHistoryButtonVisible: O, executeSave: E, handleSave: T, handleTestEmail: F, getTooltipOptions: K, InButtonV2: N, MigrationConfirmModal: U };
+    return w({
+      handleSave: E
+    }), { __sfc: !0, config: l, isFeatureEnabled: m, exportHtml: c, save: p, openVersionHistory: u, closeVersionHistory: f, getCompiledEmail: d, compileHtml: v, validateLiquidSyntax: y, handleError: r, editorStore: e, templateStore: g, hasMigrations: S, trans: s, isExporting: i, isSaving: a, migrationModalRef: H, testEmailClick: h, handleVersionHistory: _, handleExport: C, handleSaveAs: A, versionHistoryTooltipText: M, isVersionHistoryButtonVisible: O, executeSave: V, handleSave: E, handleTestEmail: F, getTooltipOptions: K, InButtonV2: N, MigrationConfirmModal: U };
   }
 });
 export {

package/dist/components/organisms/save-as-template/SaveAsTemplateDrawer.vue2.js

@@ -1,64 +1,64 @@
-import { defineComponent as A, ref as c, computed as b, toRef as h, nextTick as C } from "vue";
-import N from "../../wrappers/WpDrawer.vue.js";
-import { useTranslations as O } from "../../../composables/useTranslations.js";
+import { defineComponent as _, ref as c, computed as h, watch as C, toRef as N, nextTick as O } from "vue";
+import b from "../../wrappers/WpDrawer.vue.js";
+import { useTranslations as D } from "../../../composables/useTranslations.js";
 import { useTemplateNameValidator as x } from "../../../composables/validators/saveAsTemplate.js";
 import { useTemplateLibraryApi as B } from "../../../services/templateLibraryApi.js";
-import { useEditorStore as D } from "../../../stores/editor.js";
-import { useSaveAsTemplateStore as k } from "../../../stores/save-as-template.js";
-import { InMultiSelect as I, InBasicTextInput as M } from "@useinsider/design-system-vue";
-import { useDebounceFn as V } from "../../../node_modules/@vueuse/shared/index.js";
-const H = /* @__PURE__ */ A({
+import { useEditorStore as k } from "../../../stores/editor.js";
+import { useSaveAsTemplateStore as I } from "../../../stores/save-as-template.js";
+import { InMultiSelect as M, InBasicTextInput as V } from "@useinsider/design-system-vue";
+import { useDebounceFn as E } from "../../../node_modules/@vueuse/shared/index.js";
+const J = /* @__PURE__ */ _({
   __name: "SaveAsTemplateDrawer",
-  setup(E) {
-    const o = O(), n = D(), t = k(), { createTemplate: m } = B(), a = c(!1), r = c(!1), l = c(""), f = b(() => ({
+  setup(R) {
+    const s = D(), o = k(), t = I(), { createTemplate: m } = B(), a = c(!1), n = c(!1), r = c(""), f = h(() => ({
       primaryButton: {
         styling: "solid",
         type: "primary",
-        labelText: o(a.value ? "newsletter.saving" : "products.save"),
+        labelText: s(a.value ? "newsletter.saving" : "products.save"),
         loadingStatus: a.value,
         disabledStatus: t.skeletonStatus
       },
       cancelOrBackButton: {
         styling: "ghost",
         type: "secondary",
-        labelText: o("products.cancel"),
+        labelText: s("products.cancel"),
         disabledStatus: a.value
       }
-    })), u = () => {
-      l.value = "", n.isSaveAsTemplateDrawerOpen = !1;
-    }, i = async () => {
-      const e = h(t, "templateName"), { success: s, errorMessage: _ } = await x(e).validate();
-      return l.value = _, s;
-    }, v = V(async (e) => {
-      t.templateName = e, await i();
-    }, 500), g = async (e) => {
-      r.value = !0, await t.addCategory(e), r.value = !1;
-    }, y = (e) => {
+    })), p = () => {
+      r.value = "", o.isSaveAsTemplateDrawerOpen = !1;
+    }, l = async () => {
+      const e = N(t, "templateName"), { success: i, errorMessage: A } = await x(e).validate();
+      return r.value = A, i;
+    }, v = E(async (e) => {
+      t.templateName = e, await l();
+    }, 500), S = async (e) => {
+      n.value = !0, await t.addCategory(e), n.value = !1;
+    }, T = (e) => {
       t.selectedCategories = e;
-    }, S = (e) => {
+    }, g = (e) => {
       e && (t.selectedCategories = e);
-    }, T = () => {
+    }, y = () => {
       t.selectedCategories = [];
     }, w = async () => {
-      if (a.value = !0, !await i()) {
+      if (a.value = !0, !await l()) {
         a.value = !1;
         return;
       }
-      const s = await m();
-      a.value = !1, s && u();
-    }, p = () => {
-      C(() => {
+      const i = await m();
+      a.value = !1, i && p();
+    }, u = () => {
+      O(() => {
         const e = document.querySelector("input#guido__template-name-input");
         e == null || e.focus();
       });
     }, d = async () => {
-      t.$reset(), await t.fetchCategories(), t.skeletonStatus = !1, p();
+      t.$reset(), await t.fetchCategories(), t.skeletonStatus = !1, u();
     };
-    return n.$subscribe((e, { isSaveAsTemplateDrawerOpen: s }) => {
-      s && d();
-    }), { __sfc: !0, trans: o, editorStore: n, saveAsTemplateStore: t, createTemplate: m, isSaving: a, isAddingOption: r, templateNameError: l, footerButtonGroupOptions: f, closeModal: u, validateTemplateName: i, handleTemplateName: v, handleAddOption: g, handleCategoryChange: y, handleSelectAllOptions: S, handleResetAllOptions: T, saveTemplate: w, focusToInput: p, initializeDrawer: d, WpDrawer: N, InBasicTextInput: M, InMultiSelect: I };
+    return C(() => o.isSaveAsTemplateDrawerOpen, (e) => {
+      e && d();
+    }), { __sfc: !0, trans: s, editorStore: o, saveAsTemplateStore: t, createTemplate: m, isSaving: a, isAddingOption: n, templateNameError: r, footerButtonGroupOptions: f, closeModal: p, validateTemplateName: l, handleTemplateName: v, handleAddOption: S, handleCategoryChange: T, handleSelectAllOptions: g, handleResetAllOptions: y, saveTemplate: w, focusToInput: u, initializeDrawer: d, WpDrawer: b, InBasicTextInput: V, InMultiSelect: M };
   }
 });
 export {
-  H as default
+  J as default
 };

package/dist/composables/useActionsApi.js

@@ -1,18 +1,23 @@
-import { filterAmpErrors as v } from "../utils/ampErrorFilter.js";
-import { useToaster as y } from "./useToaster.js";
-const D = 1e4, d = 3e4, s = (n, l, u) => new Promise((T, m) => {
-  const w = setTimeout(
-    () => m(new Error(`${n} did not report completion within ${l}ms`)),
+import { filterAmpErrors as y } from "../utils/ampErrorFilter.js";
+import { getEditorApi as s } from "../utils/stripoEditorApi.js";
+import { useToaster as D } from "./useToaster.js";
+const h = 1e4, T = 3e4, r = (n, l, A) => new Promise((C, p) => {
+  const f = setTimeout(
+    () => p(new Error(`${n} did not report completion within ${l}ms`)),
     l
-  ), p = (A) => (t) => {
-    clearTimeout(w), A(t);
-  };
-  u(p(T), p(m));
-}), I = () => {
-  const { handleError: n } = y(), l = (t = {}) => s(
+  ), c = (t) => (e) => {
+    clearTimeout(f), t(e);
+  }, d = c(p);
+  try {
+    A(c(C), d);
+  } catch (t) {
+    d(t);
+  }
+}), P = () => {
+  const { handleError: n } = D(), l = (t = {}) => r(
     "compileEmail",
-    d,
-    (e, a) => {
+    T,
+    (e, i) => {
       const o = { ...{
         minimize: !0,
         utmEntity: {
@@ -32,53 +37,53 @@ const D = 1e4, d = 3e4, s = (n, l, u) => new Promise((T, m) => {
         forceAmp: !1,
         resetDataSavedFlag: !1,
         disableLineHeightsReplace: !0
-      }, ...t }, c = {
-        callback: (r, C, f, S, g) => {
-          r ? a(r) : e({
-            html: C,
-            ampHtml: f,
-            ampErrors: v(S ?? []),
-            displayConditions: g
+      }, ...t }, u = {
+        callback: (m, g, w, S, v) => {
+          m ? i(m) : e({
+            html: g,
+            ampHtml: w,
+            ampErrors: y(S ?? []),
+            displayConditions: v
           });
         },
         ...o
       };
-      window.StripoEditorApi.actionsApi.compileEmail(c);
+      s().actionsApi.compileEmail(u);
     }
   );
   return {
     getCompiledEmail: l,
-    getTemplateData: () => s(
+    getTemplateData: () => r(
       "getTemplateData",
-      d,
+      T,
       (t) => {
-        const e = ({ html: a, css: i, width: o, height: E, utmParams: c, syncModulesIds: r }) => t({
-          html: a,
-          css: i,
+        const e = ({ html: i, css: a, width: o, height: E, utmParams: u, syncModulesIds: m }) => t({
+          html: i,
+          css: a,
           width: o,
           height: E,
-          utmParams: c,
-          syncModulesIds: r
+          utmParams: u,
+          syncModulesIds: m
         });
-        window.StripoEditorApi.actionsApi.getTemplateData(e);
+        s().actionsApi.getTemplateData(e);
       }
     ),
     activateCustomViewStyles: (t = !0) => {
-      window.StripoEditorApi.actionsApi.activateCustomViewStyles(t);
+      s().actionsApi.activateCustomViewStyles(t);
     },
     getPreviewData: async (t) => {
       try {
         const {
           html: e,
-          displayConditions: a,
-          ampHtml: i = "",
+          displayConditions: i,
+          ampHtml: a = "",
           ampErrors: o = []
         } = await l({ minimize: !1, resetDataSavedFlag: !1, ...t });
         return {
           html: e,
-          ampHtml: i,
+          ampHtml: a,
           ampErrors: o,
-          displayConditions: a
+          displayConditions: i
         };
       } catch (e) {
         return n(e, "Error loading preview"), {
@@ -90,30 +95,30 @@ const D = 1e4, d = 3e4, s = (n, l, u) => new Promise((T, m) => {
       }
     },
     updateTimerInClonedTemplate: () => new Promise((t) => {
-      var e, a;
-      if (typeof ((a = (e = window.StripoEditorApi) == null ? void 0 : e.actionsApi) == null ? void 0 : a.updateTimerInClonedTemplate) != "function") {
+      var e, i;
+      if (typeof ((i = (e = window.StripoEditorApi) == null ? void 0 : e.actionsApi) == null ? void 0 : i.updateTimerInClonedTemplate) != "function") {
         t(null);
         return;
       }
       try {
-        window.StripoEditorApi.actionsApi.updateTimerInClonedTemplate((i, o) => {
-          i ? (n(i, "Failed to update timer in cloned template"), t(null)) : t(o || null);
+        window.StripoEditorApi.actionsApi.updateTimerInClonedTemplate((a, o) => {
+          a ? (n(a, "Failed to update timer in cloned template"), t(null)) : t(o || null);
         });
-      } catch (i) {
-        n(i, "Failed to call updateTimerInClonedTemplate"), t(null);
+      } catch (a) {
+        n(a, "Failed to call updateTimerInClonedTemplate"), t(null);
       }
     }),
     updateHtmlAndCss: (t, e) => {
-      const { actionsApi: a } = window.StripoEditorApi;
-      return s("updateHtmlAndCss", D, (i) => {
-        a.updateHtmlAndCss(t, e, () => i());
+      const { actionsApi: i } = s();
+      return r("updateHtmlAndCss", h, (a) => {
+        i.updateHtmlAndCss(t, e, () => a());
       });
     },
-    editorSave: () => s(
+    editorSave: () => r(
       "save",
-      d,
+      T,
       (t) => {
-        window.StripoEditorApi.actionsApi.save((e) => {
+        s().actionsApi.save((e) => {
           if (e) {
             n(e, "Failed to save template"), t(!1);
             return;
@@ -125,5 +130,5 @@ const D = 1e4, d = 3e4, s = (n, l, u) => new Promise((T, m) => {
   };
 };
 export {
-  I as useActionsApi
+  P as useActionsApi
 };

package/dist/composables/useCodeEditorApi.js

@@ -1,11 +1,25 @@
-const i = () => ({
-  openCodeEditor: () => {
-    window.StripoEditorApi.codeEditorApi.openCodeEditor();
-  },
-  closeCodeEditor: () => {
-    window.StripoEditorApi.codeEditorApi.closeCodeEditor();
-  }
-});
+import { ToasterTypeOptions as d } from "../enums/toaster.js";
+import { findEditorApi as s, EDITOR_NOT_READY_MESSAGE as p } from "../utils/stripoEditorApi.js";
+import { useToaster as E } from "./useToaster.js";
+const T = () => {
+  const { showToaster: i } = E(), t = (o) => {
+    var r;
+    const e = (r = s()) == null ? void 0 : r.codeEditorApi;
+    if (!e) {
+      i({ type: d.Error, message: p });
+      return;
+    }
+    o(e);
+  };
+  return {
+    openCodeEditor: () => {
+      t((o) => o.openCodeEditor());
+    },
+    closeCodeEditor: () => {
+      t((o) => o.closeCodeEditor());
+    }
+  };
+};
 export {
-  i as useCodeEditorApi
+  T as useCodeEditorApi
 };

package/dist/composables/useGuidoStateBridge.js

@@ -1,59 +1,54 @@
-import { useActionsApi as v } from "./useActionsApi.js";
-import { useEditorLock as C } from "./useEditorLock.js";
+import { useActionsApi as b } from "./useActionsApi.js";
+import { useEditorLock as v } from "./useEditorLock.js";
 import { useConfigStore as T } from "../stores/config.js";
 import { useEditorStore as w } from "../stores/editor.js";
 import { useGuidoEmailEditorStore as y } from "../stores/guido-email-editor.js";
-import { watch as c, onUnmounted as z } from "vue";
-const B = 500, G = () => {
-  const i = w(), u = y(), d = T(), { getTemplateData: l } = v(), { runExclusive: m, isEditorBusy: p } = C();
-  let o = null, n = !1;
-  const r = () => {
+import { watch as a, onUnmounted as B } from "vue";
+const C = 500, L = () => {
+  const i = w(), u = y(), l = T(), { getTemplateData: d } = b(), { runExclusive: m, isEditorBusy: p } = v();
+  let o = null, s = !1;
+  const n = () => {
     o && (clearTimeout(o), o = null);
-  }, a = (t) => {
-    r(), o = setTimeout(() => {
+  }, c = (t) => {
+    n(), o = setTimeout(() => {
       o = null, t();
-    }, B);
+    }, C);
   }, e = async () => {
-    var t, s;
-    if (!(n || !i.isStripoInitialized)) {
+    var t, r;
+    if (!(s || !i.isStripoInitialized)) {
       if (p()) {
-        a(() => void e());
+        c(() => void e());
         return;
       }
       try {
-        const { html: E, css: I } = await m(l), b = ((s = (t = d.config) == null ? void 0 : t.identity) == null ? void 0 : s.templateId) ?? "";
-        if (n)
+        const { html: E, css: g } = await m(d), I = ((r = (t = l.config) == null ? void 0 : t.identity) == null ? void 0 : r.templateId) ?? "";
+        if (s)
           return;
         u.$patch({
           html: E ?? "",
-          css: I ?? "",
-          templateId: b,
+          css: g ?? "",
+          templateId: I,
           lastUpdatedAt: Date.now()
         });
       } catch {
       }
     }
-  }, f = () => a(() => void e()), h = c(
+  }, f = () => c(() => void e()), h = a(
     () => i.isStripoInitialized,
     (t) => {
       t && e();
     },
     { immediate: !0 }
-  ), S = c(
-    () => i.changeSeq,
-    () => {
-      i.isStripoInitialized && f();
-    }
-  ), g = c(
+  ), S = a(
     () => i.hasChanges,
-    (t, s) => {
-      !t && s && i.isStripoInitialized && (r(), e());
+    (t, r) => {
+      i.isStripoInitialized && (t ? f() : r && (n(), e()));
     }
   );
-  z(() => {
-    n = !0, r(), h(), S(), g();
+  B(() => {
+    s = !0, n(), h(), S();
   });
 };
 export {
-  G as useGuidoStateBridge
+  L as useGuidoStateBridge
 };

package/dist/composables/useHttp.js

@@ -1,14 +1,16 @@
-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 O } from "../utils/genericUtil.js";
+import { ref as m, computed as T } from "vue";
+const X = (b = {}) => {
+  const p = m(!1), a = m(null), u = m(null), g = T(() => p.value), y = T(() => a.value !== null), v = {
     baseURL: "",
     timeout: 1e4,
     retry: 0,
     retryDelay: 1e3,
     headers: {
       "Content-Type": "application/json",
-      "X-CSRF-TOKEN": H()
+      "X-CSRF-TOKEN": O(),
+      Accept: "application/json",
+      "X-Requested-With": "XMLHttpRequest"
     },
     ...b
   }, w = (e, s) => {
@@ -22,22 +24,22 @@ const k = (b = {}) => {
     }, 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 = {
+  }), i = async (e, s, t, L = {}) => {
+    a.value = null, p.value = !0, u.value = new AbortController();
+    const n = { ...v, ...L }, D = w(s, n.baseURL), c = {
       method: e,
       headers: { ...n.headers },
       signal: u.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) => {
+    const E = async (h = 0) => {
       try {
-        const o = [fetch(L, c)];
+        const o = [fetch(D, c)];
         n.timeout && o.push(P(n.timeout));
         const r = await Promise.race(o);
         if (!r.ok) {
-          const O = `HTTP Error: ${r.status} ${r.statusText}`, d = new Error(O);
+          const H = `HTTP Error: ${r.status} ${r.statusText}`, d = new Error(H);
           throw d.status = r.status, d.statusText = r.statusText, d.response = r, d;
         }
         let f;
@@ -50,19 +52,19 @@ const k = (b = {}) => {
         };
       } 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);
+        if (h < (n.retry || 0) && !r)
+          return await x(n.retryDelay || 1e3), E(h + 1);
         throw o instanceof Error ? o.name === "AbortError" ? a.value = { message: "Request was cancelled" } : a.value = { message: o.message } : a.value = o, o;
       }
     };
     try {
       return await E();
     } finally {
-      h.value = !1, u.value = null;
+      p.value = !1, u.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) => {
+  }, C = (e, s) => i("GET", e, void 0, s), R = (e, s, t) => i("POST", e, s, t), $ = (e, s, t) => i("PUT", e, s, t), q = (e, s, t) => i("PATCH", e, s, t), A = (e, s) => i("DELETE", e, void 0, s), U = (e) => {
     u.value && u.value.abort(e);
-  }, q = () => {
+  }, W = () => {
     a.value = null;
   };
   return {
@@ -73,14 +75,14 @@ const k = (b = {}) => {
     // Methods
     request: i,
     get: C,
-    post: $,
-    put: R,
-    patch: U,
+    post: R,
+    put: $,
+    patch: q,
     delete: A,
-    cancel: W,
-    clearError: q
+    cancel: U,
+    clearError: W
   };
 };
 export {
-  k as useHttp
+  X as useHttp
 };