@cal.macconnachie/web-components 2.8.11 → 2.8.13

package/dist/index.js

@@ -1341,7 +1341,7 @@ class _ extends L {
       );
       o?.focus(), o?.select(), t.preventDefault();
     }
-    t.key.length === 1 && /\D/.test(t.key) && t.preventDefault();
+    t.key.length === 1 && /\D/.test(t.key) && !t.metaKey && !t.ctrlKey && t.preventDefault();
   }
   handleOtpPaste(e, t) {
     const r = (e.clipboardData?.getData("text") || "").replace(/\D/g, "").slice(0, 6).split("");
@@ -1538,7 +1538,11 @@ class _ extends L {
       return f`
         <div class="otp-section">
           <label class="otp-label">Enter 6-digit code</label>
-          <div class="otp-inputs" role="group" aria-label="One time code">
+          <div
+            class="otp-inputs"
+            role="group"
+            aria-label="One time code"
+          >
             ${pr(
         Array.from({ length: 6 }, (e, t) => t),
         (e) => e,
@@ -1602,7 +1606,11 @@ class _ extends L {
 
         <div class="otp-section">
           <label class="otp-label">Enter 6-digit code</label>
-          <div class="otp-inputs" role="group" aria-label="One time code">
+          <div
+            class="otp-inputs"
+            role="group"
+            aria-label="One time code"
+          >
             ${pr(
         Array.from({ length: 6 }, (t, i) => i),
         (t) => t,
@@ -1952,6 +1960,7 @@ class _ extends L {
       display: flex;
       gap: var(--space-2);
       justify-content: center;
+      max-width: 100vw;
     }
 
     .otp-input {
@@ -11299,13 +11308,7 @@ const _a = ({ baseUrl: s, useToasts: e = !0 }) => {
         }), Promise.reject(r);
       if (r.response?.status === 401 && o && !o.headers["X-Retry-After-Refresh"]) {
         if (i)
-          return window.dispatchEvent(
-            new CustomEvent("auth-refresh-failed", {
-              bubbles: !0,
-              composed: !0,
-              detail: { error: "No refresh token available" }
-            })
-          ), Promise.reject(new Tr("No refresh token available"));
+          return Promise.reject(new Tr("No refresh token available"));
         window.__authRefreshPromise || (window.__authRefreshPromise = (async () => {
           try {
             const n = `${s.endsWith("/") ? s.slice(0, -1) : s}/api/auth/refresh`.replace(/\/api\/api\//, "/api/"), l = await fetch(n, {
@@ -11331,10 +11334,10 @@ const _a = ({ baseUrl: s, useToasts: e = !0 }) => {
         try {
           return await window.__authRefreshPromise, await new Promise((a) => setTimeout(a, 100)), o.headers["X-Retry-After-Refresh"] = "true", t.request(o);
         } catch (a) {
-          return e && ot({
+          return e && !i && ot({
             message: "Session expired. Please log in again.",
             variant: "danger"
-          }), window.dispatchEvent(
+          }), i || window.dispatchEvent(
             new CustomEvent("auth-refresh-failed", {
               bubbles: !0,
               composed: !0,
@@ -11342,7 +11345,9 @@ const _a = ({ baseUrl: s, useToasts: e = !0 }) => {
                 error: a instanceof Error ? a.message : "Authentication refresh failed"
               }
             })
-          ), Promise.reject(new Tr("Authentication refresh failed"));
+          ), Promise.reject(new Tr(
+            i ? "No refresh token available" : "Authentication refresh failed"
+          ));
         }
       }
       return r.response || e && ot({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cal.macconnachie/web-components",
-  "version": "2.8.11",
+  "version": "2.8.13",
   "description": "Web components hosted on a CDN",
   "keywords": [
     "web-components",