shogun-button-react 1.3.42 → 1.3.43

package/dist/components/ShogunButton.js

@@ -536,11 +536,7 @@ export const ShogunButton = (() => {
                 setError("WebAuthn is not supported in your browser");
                 return;
             }
-            if (!formUsername) {
-                setError("Username required for WebAuthn");
-                return;
-            }
-            handleAuth("webauthn", formUsername);
+            setAuthView("webauthn-username");
         };
         const handleNostrAuth = () => handleAuth("nostr");
         const handleOAuth = (provider) => handleAuth("oauth", provider);
@@ -653,13 +649,7 @@ export const ShogunButton = (() => {
                     React.createElement(WalletIcon, null),
                     formMode === "login" ? "Login with MetaMask" : "Signup with MetaMask"))),
             options.showWebauthn !== false && (sdk === null || sdk === void 0 ? void 0 : sdk.hasPlugin("webauthn")) && (React.createElement("div", { className: "shogun-auth-option-group" },
-                React.createElement("button", { type: "button", className: "shogun-auth-option-button", onClick: () => {
-                        if (!formUsername) {
-                            setError("Username required for WebAuthn");
-                            return;
-                        }
-                        handleAuth("webauthn", formUsername);
-                    }, disabled: loading },
+                React.createElement("button", { type: "button", className: "shogun-auth-option-button", onClick: handleWebAuthnAuth, disabled: loading },
                     React.createElement(WebAuthnIcon, null),
                     formMode === "login" ? "Login with WebAuthn" : "Signup with WebAuthn"))),
             options.showNostr !== false && (sdk === null || sdk === void 0 ? void 0 : sdk.hasPlugin("nostr")) && (React.createElement("div", { className: "shogun-auth-option-group" },
@@ -720,6 +710,22 @@ export const ShogunButton = (() => {
                     ? "Don't have an account? Sign up"
                     : "Already have an account? Log in"),
                 formMode === "login" && (React.createElement("button", { type: "button", className: "shogun-toggle-mode", onClick: () => setAuthView("recover"), disabled: loading }, "Forgot password?")))));
+        const renderWebAuthnUsernameForm = () => (React.createElement("div", { className: "shogun-auth-form" },
+            React.createElement("h3", null, formMode === "login" ? "Login with WebAuthn" : "Sign Up with WebAuthn"),
+            React.createElement("div", { style: { backgroundColor: '#f0f9ff', padding: '12px', borderRadius: '8px', marginBottom: '16px', border: '1px solid #0ea5e9' } },
+                React.createElement("p", { style: { fontSize: '14px', color: '#0c4a6e', margin: '0', fontWeight: '500' } }, "\uD83D\uDD11 WebAuthn Authentication"),
+                React.createElement("p", { style: { fontSize: '13px', color: '#075985', margin: '4px 0 0 0' } },
+                    "Please enter your username to continue with WebAuthn ",
+                    formMode === "login" ? "login" : "registration",
+                    ".")),
+            React.createElement("div", { className: "shogun-form-group" },
+                React.createElement("label", { htmlFor: "username" },
+                    React.createElement(UserIcon, null),
+                    React.createElement("span", null, "Username")),
+                React.createElement("input", { type: "text", id: "username", value: formUsername, onChange: (e) => setFormUsername(e.target.value), disabled: loading, required: true, placeholder: "Enter your username", autoFocus: true })),
+            React.createElement("button", { type: "button", className: "shogun-submit-button", onClick: () => handleAuth("webauthn", formUsername), disabled: loading || !formUsername.trim() }, loading ? "Processing..." : `Continue with WebAuthn`),
+            React.createElement("div", { className: "shogun-form-footer" },
+                React.createElement("button", { type: "button", className: "shogun-back-button", onClick: () => setAuthView("options"), disabled: loading }, "\u2190 Back to Options"))));
         const renderRecoveryForm = () => (React.createElement("div", { className: "shogun-auth-form" },
             React.createElement("div", { className: "shogun-form-group" },
                 React.createElement("label", { htmlFor: "username" },
@@ -845,9 +851,11 @@ export const ShogunButton = (() => {
                                     ? "Export Gun Pair"
                                     : authView === "import"
                                         ? "Import Gun Pair"
-                                        : formMode === "login"
-                                            ? "Login"
-                                            : "Sign Up"),
+                                        : authView === "webauthn-username"
+                                            ? "WebAuthn"
+                                            : formMode === "login"
+                                                ? "Login"
+                                                : "Sign Up"),
                         React.createElement("button", { className: "shogun-close-button", onClick: closeModal, "aria-label": "Close" },
                             React.createElement(CloseIcon, null))),
                     React.createElement("div", { className: "shogun-modal-content" },
@@ -864,7 +872,8 @@ export const ShogunButton = (() => {
                         authView === "recover" && renderRecoveryForm(),
                         authView === "showHint" && renderHint(),
                         authView === "export" && renderExportForm(),
-                        authView === "import" && renderImportForm()))))));
+                        authView === "import" && renderImportForm(),
+                        authView === "webauthn-username" && renderWebAuthnUsernameForm()))))));
     };
     Button.displayName = "ShogunButton";
     return Object.assign(Button, {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "shogun-button-react",
   "description": "Shogun connector button",
-  "version": "1.3.42",
+  "version": "1.3.43",
   "files": [
     "dist",
     "src/styles/index.css"