shogun-button-react 6.3.5 → 6.3.6

package/dist/components/ShogunButton.d.ts

@@ -21,6 +21,8 @@ type ShogunContextType = {
     put: (path: string, data: any) => Promise<void>;
     get: (path: string) => any;
     remove: (path: string) => Promise<void>;
+    completePendingSignup: () => void;
+    hasPendingSignup: boolean;
 };
 export declare const useShogun: () => ShogunContextType;
 type ShogunButtonProviderProps = {

package/dist/components/ShogunButton.js

@@ -25,6 +25,8 @@ const defaultShogunContext = {
     put: async () => { },
     get: () => null,
     remove: async () => { },
+    completePendingSignup: () => { },
+    hasPendingSignup: false,
 };
 // Create context using React's createContext directly
 const ShogunContext = createContext(defaultShogunContext);
@@ -36,6 +38,7 @@ export function ShogunButtonProvider({ children, core, options, onLoginSuccess,
     const [isLoggedIn, setIsLoggedIn] = useState(false);
     const [userPub, setUserPub] = useState(null);
     const [username, setUsername] = useState(null);
+    const [pendingSignupData, setPendingSignupData] = useState(null);
     // Effetto per gestire l'inizializzazione e pulizia
     useEffect(() => {
         var _a, _b;
@@ -324,12 +327,18 @@ export function ShogunButtonProvider({ children, core, options, onLoginSuccess,
                 setIsLoggedIn(true);
                 setUserPub(userPub);
                 setUsername(displayName);
-                onSignupSuccess === null || onSignupSuccess === void 0 ? void 0 : onSignupSuccess({
+                const signupPayload = {
                     userPub: userPub,
                     username: displayName,
-                    seedPhrase: result.seedPhrase, // Include seedPhrase/trapdoor for ZK-Proof
+                    seedPhrase: result.seedPhrase,
                     authMethod: authMethod,
-                });
+                };
+                if (authMethod === "zkproof" && onSignupSuccess) {
+                    setPendingSignupData(signupPayload);
+                }
+                else {
+                    onSignupSuccess === null || onSignupSuccess === void 0 ? void 0 : onSignupSuccess(signupPayload);
+                }
             }
             else {
                 onError === null || onError === void 0 ? void 0 : onError(result.error);
@@ -349,6 +358,7 @@ export function ShogunButtonProvider({ children, core, options, onLoginSuccess,
         setIsLoggedIn(false);
         setUserPub(null);
         setUsername(null);
+        setPendingSignupData(null);
     };
     // Implementazione del metodo setProvider
     const setProvider = (provider) => {
@@ -462,6 +472,13 @@ export function ShogunButtonProvider({ children, core, options, onLoginSuccess,
     const gunPlugin = null;
     // Plugin hooks removed - GunAdvancedPlugin no longer available
     const pluginHooks = {};
+    const completePendingSignup = React.useCallback(() => {
+        if (pendingSignupData) {
+            const dataToEmit = pendingSignupData;
+            setPendingSignupData(null);
+            onSignupSuccess === null || onSignupSuccess === void 0 ? void 0 : onSignupSuccess(dataToEmit);
+        }
+    }, [pendingSignupData, onSignupSuccess]);
     // Create a properly typed context value
     const contextValue = React.useMemo(() => ({
         core,
@@ -479,6 +496,8 @@ export function ShogunButtonProvider({ children, core, options, onLoginSuccess,
         importGunPair,
         setProvider,
         gunPlugin,
+        completePendingSignup,
+        hasPendingSignup: Boolean(pendingSignupData),
         put: async (path, data) => {
             if (isShogunCore(core)) {
                 if (!core.gun)
@@ -537,6 +556,8 @@ export function ShogunButtonProvider({ children, core, options, onLoginSuccess,
         importGunPair,
         gunPlugin,
         pluginHooks,
+        pendingSignupData,
+        completePendingSignup,
     ]);
     // Provide the context value to children
     return (React.createElement(ShogunContext.Provider, { value: contextValue }, children));
@@ -586,7 +607,7 @@ const ExportIcon = () => (React.createElement("svg", { xmlns: "http://www.w3.org
 // Component for Shogun login button
 export const ShogunButton = (() => {
     const Button = () => {
-        const { isLoggedIn, username, logout, login, signUp, core, options, exportGunPair, importGunPair, hasPlugin, } = useShogun();
+        const { isLoggedIn, username, logout, login, signUp, core, options, exportGunPair, importGunPair, hasPlugin, completePendingSignup, hasPendingSignup, } = useShogun();
         // Form states
         const [modalIsOpen, setModalIsOpen] = useState(false);
         const [formUsername, setFormUsername] = useState("");
@@ -611,6 +632,7 @@ export const ShogunButton = (() => {
         const [zkGeneratedTrapdoor, setZkGeneratedTrapdoor] = useState("");
         const [webauthnSeedPhrase, setWebauthnSeedPhrase] = useState("");
         const dropdownRef = useRef(null);
+        const [pendingZkConfirmation, setPendingZkConfirmation] = useState(false);
         // Handle click outside to close dropdown
         useEffect(() => {
             const handleClickOutside = (event) => {
@@ -785,6 +807,7 @@ export const ShogunButton = (() => {
                     // Show the trapdoor to the user - CRITICAL for account recovery!
                     setZkGeneratedTrapdoor(result.seedPhrase);
                     setAuthView("zkproof-signup-result");
+                    setPendingZkConfirmation(true);
                 }
                 else if (result && !result.success) {
                     throw new Error(result.error || "ZK-Proof signup failed");
@@ -909,6 +932,7 @@ export const ShogunButton = (() => {
             setZkTrapdoor("");
             setZkGeneratedTrapdoor("");
             setWebauthnSeedPhrase("");
+            setPendingZkConfirmation(false);
         };
         const openModal = () => {
             resetForm();
@@ -916,6 +940,17 @@ export const ShogunButton = (() => {
             setModalIsOpen(true);
         };
         const closeModal = () => {
+            if (pendingZkConfirmation || hasPendingSignup) {
+                setError("Please save your trapdoor and confirm before leaving this screen.");
+                return;
+            }
+            setModalIsOpen(false);
+        };
+        const finalizeZkProofSignup = () => {
+            completePendingSignup();
+            setError("");
+            setPendingZkConfirmation(false);
+            setAuthView("options");
             setModalIsOpen(false);
         };
         const toggleMode = () => {
@@ -1186,7 +1221,7 @@ export const ShogunButton = (() => {
                     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")));
+            React.createElement("button", { type: "button", className: "shogun-submit-button", style: { marginTop: "16px" }, onClick: finalizeZkProofSignup }, "Close and Start Using App")));
         const renderZkProofSignupResult = () => (React.createElement("div", { className: "shogun-auth-form" },
             React.createElement("h3", null, "ZK-Proof Account Created!"),
             React.createElement("div", { style: {
@@ -1232,7 +1267,7 @@ export const ShogunButton = (() => {
                     border: "1px solid #22c55e",
                     textAlign: "center",
                 } }, "\u2705 You're now logged in anonymously!"),
-            React.createElement("button", { type: "button", className: "shogun-submit-button", style: { marginTop: "16px" }, onClick: () => setModalIsOpen(false) }, "Close and Start Using App")));
+            React.createElement("button", { type: "button", className: "shogun-submit-button", style: { marginTop: "16px" }, onClick: finalizeZkProofSignup }, "Close and Start Using App")));
         const renderImportForm = () => (React.createElement("div", { className: "shogun-auth-form" },
             React.createElement("h3", null, "Import Gun Pair"),
             React.createElement("div", { style: {
@@ -1292,7 +1327,13 @@ export const ShogunButton = (() => {
             React.createElement("button", { className: "shogun-connect-button", onClick: openModal },
                 React.createElement(WalletIcon, null),
                 React.createElement("span", null, "Login / Sign Up")),
-            modalIsOpen && (React.createElement("div", { className: "shogun-modal-overlay", onClick: closeModal },
+            modalIsOpen && (React.createElement("div", { className: "shogun-modal-overlay", onClick: () => {
+                    if (pendingZkConfirmation || hasPendingSignup) {
+                        setError("Please copy your trapdoor and press Continue before closing.");
+                        return;
+                    }
+                    closeModal();
+                } },
                 React.createElement("div", { className: "shogun-modal", onClick: (e) => e.stopPropagation() },
                     React.createElement("div", { className: "shogun-modal-header" },
                         React.createElement("h2", null, authView === "recover"
@@ -1312,7 +1353,7 @@ export const ShogunButton = (() => {
                                                     : formMode === "login"
                                                         ? "Login"
                                                         : "Sign Up"),
-                        React.createElement("button", { className: "shogun-close-button", onClick: closeModal, "aria-label": "Close" },
+                        React.createElement("button", { className: "shogun-close-button", onClick: closeModal, "aria-label": "Close", disabled: pendingZkConfirmation || hasPendingSignup },
                             React.createElement(CloseIcon, null))),
                     React.createElement("div", { className: "shogun-modal-content" },
                         error && React.createElement("div", { className: "shogun-error-message" }, error),