@useinsider/guido 3.18.2-beta.3718ee1 → 3.18.2-beta.3d66140

package/dist/composables/useHttp.js

@@ -1,7 +1,7 @@
 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 = {
+import { ref as m, computed as w } from "vue";
+const k = (g = {}) => {
+  const h = m(!1), n = m(null), u = m(null), b = w(() => h.value), y = w(() => n.value !== null), v = {
     baseURL: "",
     timeout: 1e4,
     retry: 0,
@@ -10,79 +10,90 @@ const X = (b = {}) => {
       "Content-Type": "application/json",
       "X-CSRF-TOKEN": O(),
       Accept: "application/json",
+      // The panel backend only answers 401/419 to ajax requests; without this a guest
+      // fetch gets a 302 to the login page and never sees an auth status.
       "X-Requested-With": "XMLHttpRequest"
     },
-    ...b
-  }, w = (e, s) => {
+    ...g
+  }, x = (e, r) => {
     if (e.startsWith("http://") || e.startsWith("https://"))
       return e;
-    const t = s || v.baseURL || "";
+    const t = r || 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) => {
+  }, P = (e) => new Promise((r, t) => {
     setTimeout(() => {
       t(new Error("Request timeout"));
     }, e);
-  }), x = (e) => new Promise((s) => {
-    setTimeout(s, e);
-  }), 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 = {
+  }), C = (e) => new Promise((r) => {
+    setTimeout(r, e);
+  }), i = async (e, r, t, W = {}) => {
+    n.value = null, h.value = !0, u.value = new AbortController();
+    const a = { ...v, ...W }, E = x(r, a.baseURL), c = {
       method: e,
-      headers: { ...n.headers },
+      headers: { ...a.headers },
       signal: u.value.signal,
-      ...n
+      ...a
     };
     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 (h = 0) => {
+    const T = async (p = 0) => {
+      if (window.isSessionExpired)
+        throw n.value = { message: "Session expired" }, new Error("Session expired");
       try {
-        const o = [fetch(D, c)];
-        n.timeout && o.push(P(n.timeout));
-        const r = await Promise.race(o);
-        if (!r.ok) {
-          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;
+        const o = [fetch(E, c)];
+        a.timeout && o.push(P(a.timeout));
+        const s = await Promise.race(o);
+        if (!s.ok) {
+          const D = `HTTP Error: ${s.status} ${s.statusText}`, f = new Error(D);
+          throw f.status = s.status, f.statusText = s.statusText, f.response = s, [401, 403, 419].includes(s.status) && Promise.resolve().then(() => s.clone().text().catch(() => "")).then((H) => window.dispatchEvent(new CustomEvent("insider:http-auth-error", {
+            detail: {
+              status: s.status,
+              body: H,
+              url: new URL(E, window.location.href).href
+            }
+          }))).catch(() => {
+          }), f;
         }
-        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,
-          status: r.status,
-          statusText: r.statusText,
-          headers: r.headers
+        let d;
+        const l = s.headers.get("content-type");
+        return l != null && l.includes("application/json") ? d = await s.json() : l != null && l.includes("text/") ? d = await s.text() : d = await s.blob(), {
+          data: d,
+          status: s.status,
+          statusText: s.statusText,
+          headers: s.headers
         };
       } catch (o) {
-        const r = o instanceof Error && o.name === "AbortError";
-        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;
+        const s = o instanceof Error && o.name === "AbortError";
+        if (p < (a.retry || 0) && !s)
+          return await C(a.retryDelay || 1e3), T(p + 1);
+        throw o instanceof Error ? o.name === "AbortError" ? n.value = { message: "Request was cancelled" } : n.value = { message: o.message } : n.value = o, o;
       }
     };
     try {
-      return await E();
+      return await T();
     } finally {
-      p.value = !1, u.value = null;
+      h.value = !1, u.value = null;
     }
-  }, 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) => {
+  }, R = (e, r) => i("GET", e, void 0, r), U = (e, r, t) => i("POST", e, r, t), $ = (e, r, t) => i("PUT", e, r, t), q = (e, r, t) => i("PATCH", e, r, t), A = (e, r) => i("DELETE", e, void 0, r), L = (e) => {
     u.value && u.value.abort(e);
-  }, W = () => {
-    a.value = null;
+  }, S = () => {
+    n.value = null;
   };
   return {
     // State
-    loading: g,
-    error: T(() => a.value),
+    loading: b,
+    error: w(() => n.value),
     hasError: y,
     // Methods
     request: i,
-    get: C,
-    post: R,
+    get: R,
+    post: U,
     put: $,
     patch: q,
     delete: A,
-    cancel: U,
-    clearError: W
+    cancel: L,
+    clearError: S
   };
 };
 export {
-  X as useHttp
+  k as useHttp
 };

package/dist/extensions/Blocks/Recommendation/controls/cardComposition/index.js

@@ -67,7 +67,7 @@ class se extends ut {
       (d, c) => `
                 <div data-reorder-icon-key="${P}${c}" style="display: none;">
                     <${_.BUTTON}
-                        class="guido-drag-handle-btn flat-inline flat-white"
+                        class="drag-handle-btn flat-inline flat-white"
                         ${O.BUTTON.name}="${P}${c}"
                     >
                         <${_.ICON}
@@ -328,7 +328,7 @@ class se extends ut {
   _createBuiltInItemHtml(t, e) {
     return `
             <div class="orderable-item" draggable="true" data-key="${t.key}">
-                <span class="guido-drag-handle" data-reorder-icon-slot="${e}"></span>
+                <span class="drag-handle" data-reorder-icon-slot="${e}"></span>
                 <span class="item-label">${this.api.translate(t.label)}</span>
                 <div class="item-action" data-action-for="${t.key}"></div>
             </div>
@@ -353,7 +353,7 @@ class se extends ut {
             <div class="orderable-item price-group-item" draggable="true"
                 data-key="${C}" data-group="prices">
                 <div class="price-group-header">
-                    <span class="guido-drag-handle" data-reorder-icon-slot="${t}"></span>
+                    <span class="drag-handle" data-reorder-icon-slot="${t}"></span>
                     <span class="item-label">${this.api.translate("Product Prices")}</span>
                     <div class="item-action" data-action-for="${C}"></div>
                 </div>
@@ -365,7 +365,7 @@ class se extends ut {
     return `
             <div class="orderable-item" draggable="true"
                 data-key="${t}" data-custom-index="${e}">
-                <span class="guido-drag-handle" data-reorder-icon-slot="${r}"></span>
+                <span class="drag-handle" data-reorder-icon-slot="${r}"></span>
                 <div class="custom-attr-select-wrap"
                     data-custom-select-slot="${e}"></div>
                 <div class="item-action"

package/dist/extensions/Blocks/Recommendation/recommendation.css.js

@@ -134,10 +134,7 @@ ue-orderable.orderable-disabled .droppable-icon {
     border-top: 2px solid var(--guido-color-primary-500, #0A2ECC);
 }
 
-/* Namespaced: Stripo ships a global \`.drag-handle { position: absolute }\` for its
-   floating popups, which knocked this handle out of flow (SD-151734). */
-.guido-drag-handle {
-    cursor: move;
+.drag-handle {
     user-select: none;
     display: flex;
     align-items: center;
@@ -147,13 +144,13 @@ ue-orderable.orderable-disabled .droppable-icon {
     flex-shrink: 0;
 }
 
-.guido-drag-handle .guido-drag-handle-btn .button {
+.drag-handle .drag-handle-btn .button {
     padding: 0;
     min-width: auto;
     cursor: move;
 }
 
-.guido-drag-handle .guido-drag-handle-btn .button .icon-button {
+.drag-handle .drag-handle-btn .button .icon-button {
     color: var(--guido-color-gray-600);
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.18.2-beta.3718ee1",
+  "version": "3.18.2-beta.3d66140",
   "description": "Guido is a Vue + TypeScript wrapper for Email Plugin. Easily embed the email editor in your Vue applications.",
   "main": "./dist/guido.umd.cjs",
   "module": "./dist/library.js",
@@ -77,7 +77,7 @@
     "@typescript-eslint/parser": "7.18.0",
     "@useinsider/eslint-config": "1.5.3",
     "@vitejs/plugin-vue2": "2.3.1",
-    "@vitest/coverage-v8": "2.1.9",
+    "@vitest/coverage-v8": "4.1.11",
     "eslint": "8.57.1",
     "eslint-config-airbnb-base": "15.0.0",
     "eslint-config-airbnb-typescript": "18.0.0",
@@ -90,17 +90,17 @@
     "happy-dom": "15.11.7",
     "husky": "9.1.7",
     "msw": "2.10.3",
-    "nyc": "17.1.0",
+    "nyc": "18.0.0",
     "sass": "1.69.7",
     "typescript": "5.5.4",
     "typescript-eslint": "8.26.0",
     "vite-plugin-dts": "4.5.4",
     "vite-plugin-istanbul": "7.0.0",
-    "vitest": "2.1.9",
+    "vitest": "4.1.11",
     "vue-tsc": "2.2.10"
   },
   "overrides": {
-    "axios": "1.8.2",
+    "axios": "1.20.0",
     "flatted": "3.4.2",
     "micromatch": "4.0.8",
     "path-to-regexp": "6.3.0"