shogun-button-react 6.3.3 → 6.3.5

package/dist/components/ShogunButton.js

@@ -609,6 +609,7 @@ export const ShogunButton = (() => {
         const [showImportSuccess, setShowImportSuccess] = useState(false);
         const [zkTrapdoor, setZkTrapdoor] = useState("");
         const [zkGeneratedTrapdoor, setZkGeneratedTrapdoor] = useState("");
+        const [webauthnSeedPhrase, setWebauthnSeedPhrase] = useState("");
         const dropdownRef = useRef(null);
         // Handle click outside to close dropdown
         useEffect(() => {
@@ -670,7 +671,19 @@ export const ShogunButton = (() => {
                     window.location.href = result.redirectUrl;
                 }
                 else {
-                    setModalIsOpen(false);
+                    const shouldShowWebauthnSeed = formMode === "signup" &&
+                        method === "webauthn" &&
+                        result &&
+                        result.success &&
+                        result.seedPhrase;
+                    if (shouldShowWebauthnSeed) {
+                        setWebauthnSeedPhrase(result.seedPhrase);
+                        setShowCopySuccess(false);
+                        setAuthView("webauthn-signup-result");
+                    }
+                    else {
+                        setModalIsOpen(false);
+                    }
                 }
             }
             catch (e) {
@@ -895,6 +908,7 @@ export const ShogunButton = (() => {
             setRecoveredHint("");
             setZkTrapdoor("");
             setZkGeneratedTrapdoor("");
+            setWebauthnSeedPhrase("");
         };
         const openModal = () => {
             resetForm();
@@ -1127,6 +1141,52 @@ export const ShogunButton = (() => {
             React.createElement("button", { type: "button", className: "shogun-submit-button", onClick: handleZkProofLogin, disabled: loading || !zkTrapdoor.trim() }, loading ? "Processing..." : "Login Anonymously"),
             React.createElement("div", { className: "shogun-form-footer" },
                 React.createElement("button", { className: "shogun-toggle-mode", onClick: () => setAuthView("options"), disabled: loading }, "Back to Login Options"))));
+        const renderWebauthnSignupResult = () => (React.createElement("div", { className: "shogun-auth-form" },
+            React.createElement("h3", null, "WebAuthn Account Created!"),
+            React.createElement("div", { style: {
+                    backgroundColor: "#fef3c7",
+                    padding: "12px",
+                    borderRadius: "8px",
+                    marginBottom: "16px",
+                    border: "1px solid #f59e0b",
+                } },
+                React.createElement("p", { style: {
+                        fontSize: "14px",
+                        color: "#92400e",
+                        margin: "0",
+                        fontWeight: "500",
+                    } }, "\u26A0\uFE0F Important: Save Your Recovery Code"),
+                React.createElement("p", { style: { fontSize: "13px", color: "#a16207", margin: "4px 0 0 0" } }, "This seed phrase lets you add new devices or recover your WebAuthn account. Keep it private and store it securely.")),
+            React.createElement("div", { className: "shogun-form-group" },
+                React.createElement("label", null, "Your WebAuthn Recovery Code (Seed Phrase):"),
+                React.createElement("textarea", { value: webauthnSeedPhrase, readOnly: true, rows: 4, style: {
+                        fontFamily: "monospace",
+                        fontSize: "12px",
+                        width: "100%",
+                        padding: "8px",
+                        border: "2px solid #f59e0b",
+                        borderRadius: "4px",
+                        backgroundColor: "#fffbeb",
+                    } }),
+                React.createElement("button", { type: "button", className: "shogun-submit-button", style: { marginTop: "8px" }, onClick: async () => {
+                        if (navigator.clipboard && webauthnSeedPhrase) {
+                            await navigator.clipboard.writeText(webauthnSeedPhrase);
+                            setShowCopySuccess(true);
+                            setTimeout(() => setShowCopySuccess(false), 3000);
+                        }
+                    }, disabled: !webauthnSeedPhrase }, showCopySuccess ? "✅ Copied!" : "📋 Copy Recovery Code"),
+                !navigator.clipboard && (React.createElement("p", { style: { fontSize: "12px", color: "#666", marginTop: "8px" } }, "\u26A0\uFE0F Please manually copy the code above for safekeeping."))),
+            React.createElement("div", { style: {
+                    backgroundColor: "#dcfce7",
+                    color: "#166534",
+                    padding: "12px",
+                    borderRadius: "8px",
+                    marginTop: "16px",
+                    fontSize: "14px",
+                    border: "1px solid #22c55e",
+                    textAlign: "center",
+                } }, "\u2705 You're now logged in with WebAuthn!"),
+            React.createElement("button", { type: "button", className: "shogun-submit-button", style: { marginTop: "16px" }, onClick: () => setModalIsOpen(false) }, "Close and Continue")));
         const renderZkProofSignupResult = () => (React.createElement("div", { className: "shogun-auth-form" },
             React.createElement("h3", null, "ZK-Proof Account Created!"),
             React.createElement("div", { style: {
@@ -1271,6 +1331,8 @@ export const ShogunButton = (() => {
                         authView === "import" && renderImportForm(),
                         authView === "webauthn-username" &&
                             renderWebAuthnUsernameForm(),
+                        authView === "webauthn-signup-result" &&
+                            renderWebauthnSignupResult(),
                         authView === "zkproof-login" && renderZkProofLoginForm(),
                         authView === "zkproof-signup-result" &&
                             renderZkProofSignupResult()))))));