@strands.gg/accui 1.3.2 → 1.3.3

package/dist/strands-auth-ui.cjs.js

@@ -370,7 +370,7 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
     placeholder: { type: String, required: false },
     disabled: { type: Boolean, required: false },
     required: { type: Boolean, required: false },
-    error: { type: String, required: false },
+    error: { type: Object, required: false },
     helpText: { type: String, required: false },
     autocomplete: { type: String, required: false },
     size: { type: String, required: false, default: "md" }
@@ -539,7 +539,7 @@ function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
     $props.error ? (vue.openBlock(), vue.createElementBlock(
       "p",
       _hoisted_9$b,
-      vue.toDisplayString($props.error),
+      vue.toDisplayString($props.error.message),
       1
       /* TEXT */
     )) : $props.helpText ? (vue.openBlock(), vue.createElementBlock(
@@ -1392,14 +1392,33 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
           throw new Error("Hardware keys are not supported in this browser");
         }
         const challengeResponse = await getMfaWebAuthnChallenge(selectedMethod.value.id);
-        const challenge = challengeResponse.challenge;
-        console.log("Received WebAuthn challenge:", challenge);
+        const challengeData = challengeResponse.challenge.publicKey || challengeResponse.challenge;
+        const base64ToUint8Array = (base64) => {
+          if (!base64 || typeof base64 !== "string") {
+            return new Uint8Array(0);
+          }
+          const padding = "=".repeat((4 - base64.length % 4) % 4);
+          const b64 = (base64 + padding).replace(/-/g, "+").replace(/_/g, "/");
+          const rawData = window.atob(b64);
+          const outputArray = new Uint8Array(rawData.length);
+          for (let i = 0; i < rawData.length; ++i) {
+            outputArray[i] = rawData.charCodeAt(i);
+          }
+          return outputArray;
+        };
         const isPasskey = selectedMethod.value.device_type === "passkey";
         const publicKeyCredentialRequestOptions = {
-          ...challenge,
-          timeout: isPasskey ? 3e5 : challenge.timeout || 6e4,
+          ...challengeData,
+          challenge: challengeData.challenge ? base64ToUint8Array(challengeData.challenge) : new Uint8Array(32),
+          timeout: isPasskey ? 3e5 : challengeData.timeout || 6e4,
           userVerification: isPasskey ? "required" : "discouraged"
         };
+        if (challengeData.allowCredentials && Array.isArray(challengeData.allowCredentials)) {
+          publicKeyCredentialRequestOptions.allowCredentials = challengeData.allowCredentials.map((cred) => ({
+            ...cred,
+            id: base64ToUint8Array(cred.id)
+          }));
+        }
         const credential = await navigator.credentials.get({
           publicKey: publicKeyCredentialRequestOptions
         });
@@ -1440,6 +1459,7 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
         await verifyMfa(selectedMethod.value.id, JSON.stringify(credentialData));
         emit("success");
       } catch (error) {
+        console.error("Hardware key authentication error:", error);
         emit("error", error instanceof Error ? error.message : "Hardware key authentication failed");
       }
     };