@useinsider/guido 3.18.2-beta.c25d57c → 3.18.2-beta.c512191

package/dist/composables/useHttp.js

@@ -1,88 +1,97 @@
-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 { getCsrfToken as j } from "../utils/genericUtil.js";
+import { ref as m, computed as v } from "vue";
+const k = (b = {}) => {
+  const d = m(!1), n = m(null), u = m(null), g = v(() => d.value), y = v(() => n.value !== null), w = {
     baseURL: "",
     timeout: 1e4,
     retry: 0,
     retryDelay: 1e3,
     headers: {
       "Content-Type": "application/json",
-      "X-CSRF-TOKEN": O(),
+      "X-CSRF-TOKEN": j(),
       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) => {
+  }, P = (e, r) => {
     if (e.startsWith("http://") || e.startsWith("https://"))
       return e;
-    const t = s || v.baseURL || "";
+    const t = r || w.baseURL || "";
     return t.endsWith("/") && e.startsWith("/") ? `${t}${e.slice(1)}` : t.endsWith("/") || e.startsWith("/") ? `${t}${e}` : `${t}/${e}`;
-  }, P = (e) => new Promise((s, t) => {
+  }, x = (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, D = {}) => {
+    n.value = null, d.value = !0, u.value = new AbortController();
+    const a = { ...w, ...D }, T = P(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 E = async (p = 0) => {
       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(T, c)];
+        a.timeout && o.push(x(a.timeout));
+        const s = await Promise.race(o);
+        if (!s.ok) {
+          const H = `HTTP Error: ${s.status} ${s.statusText}`, h = new Error(H);
+          throw h.status = s.status, h.statusText = s.statusText, h.response = s, [401, 403, 419].includes(s.status) && Promise.resolve().then(() => s.clone().text().catch(() => "")).then((O) => window.dispatchEvent(new CustomEvent("insider:http-auth-error", {
+            detail: {
+              status: s.status,
+              body: O,
+              url: new URL(T, window.location.href).href
+            }
+          }))).catch(() => {
+          }), h;
         }
         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(), {
+        const l = s.headers.get("content-type");
+        return l != null && l.includes("application/json") ? f = await s.json() : l != null && l.includes("text/") ? f = await s.text() : f = await s.blob(), {
           data: f,
-          status: r.status,
-          statusText: r.statusText,
-          headers: r.headers
+          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), E(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();
     } finally {
-      p.value = !1, u.value = null;
+      d.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;
+    n.value = null;
   };
   return {
     // State
     loading: g,
-    error: T(() => a.value),
+    error: v(() => n.value),
     hasError: y,
     // Methods
     request: i,
-    get: C,
-    post: R,
+    get: R,
+    post: U,
     put: $,
     patch: q,
     delete: A,
-    cancel: U,
+    cancel: L,
     clearError: W
   };
 };
 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.c25d57c",
+  "version": "3.18.2-beta.c512191",
   "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",