@seaverse/auth-sdk 0.4.6 → 0.4.7

package/README.md

@@ -1817,7 +1817,13 @@ MIT © [SeaVerse Team](mailto:support@seaverse.com)
 
 ## Changelog
 
-### v0.4.4 (Current Version)
+### v0.4.6 (Current Version)
+- 🐛 **Bug Fix**: Fix OAuth buttons not responding in email login view
+  - Fixed HTML element ID conflict between new style and old style login views
+  - Old style login view OAuth buttons now have unique IDs with 'old' prefix
+  - Properly bind click events to all OAuth buttons in both views
+
+### v0.4.4
 - 🎨 **Login UI Redesign**: Dual-view login system with progressive disclosure
   - **New Style View (Default)**: Modern OAuth-first interface with brand color #00E599
     - Google as primary button, GitHub/Discord as secondary options

package/dist/index.cjs

@@ -2969,11 +2969,11 @@ class AuthModal {
             const socialGrid = document.createElement('div');
             socialGrid.className = 'social-buttons-grid';
             if (this.options.enableOAuth?.google) {
-                const googleBtn = this.createSocialButton('google', 'Google', 'login');
+                const googleBtn = this.createSocialButton('google', 'Google', 'login', false, 'old');
                 socialGrid.appendChild(googleBtn);
             }
             if (this.options.enableOAuth?.github) {
-                const githubBtn = this.createSocialButton('github', 'Github', 'login');
+                const githubBtn = this.createSocialButton('github', 'Github', 'login', false, 'old');
                 socialGrid.appendChild(githubBtn);
             }
             if (socialGrid.children.length > 0) {
@@ -2981,7 +2981,7 @@ class AuthModal {
             }
             // Discord button (full width)
             if (this.options.enableOAuth?.discord) {
-                const discordBtn = this.createSocialButton('discord', 'Discord', 'login', true);
+                const discordBtn = this.createSocialButton('discord', 'Discord', 'login', true, 'old');
                 form.appendChild(discordBtn);
             }
         }
@@ -3446,11 +3446,11 @@ class AuthModal {
         wrapper.appendChild(toggleBtn);
         return wrapper;
     }
-    createSocialButton(provider, label, mode, fullWidth = false) {
+    createSocialButton(provider, label, mode, fullWidth = false, idPrefix = '') {
         const button = document.createElement('button');
         button.type = 'button';
         button.className = fullWidth ? 'btn-social btn-social-full' : 'btn-social';
-        button.id = `${provider}${mode === 'login' ? 'SignIn' : 'SignUp'}Modal`;
+        button.id = `${idPrefix}${provider}${mode === 'login' ? 'SignIn' : 'SignUp'}Modal`;
         // SVG icons for each provider
         const icons = {
             google: `<svg width="20" height="20" viewBox="0 0 24 24">
@@ -3738,7 +3738,7 @@ class AuthModal {
     bindSocialLoginButtons() {
         if (!this.modal)
             return;
-        // Google login buttons
+        // New style login view - Google login buttons
         const googleSignInBtn = this.modal.querySelector('#googleSignInModal');
         googleSignInBtn?.addEventListener('click', (e) => {
             e.preventDefault();
@@ -3749,7 +3749,7 @@ class AuthModal {
             e.preventDefault();
             this.startOAuthFlow('google');
         });
-        // Discord login buttons
+        // New style login view - Discord login buttons
         const discordSignInBtn = this.modal.querySelector('#discordSignInModal');
         discordSignInBtn?.addEventListener('click', (e) => {
             e.preventDefault();
@@ -3760,7 +3760,7 @@ class AuthModal {
             e.preventDefault();
             this.startOAuthFlow('discord');
         });
-        // GitHub login buttons
+        // New style login view - GitHub login buttons
         const githubSignInBtn = this.modal.querySelector('#githubSignInModal');
         githubSignInBtn?.addEventListener('click', (e) => {
             e.preventDefault();
@@ -3771,6 +3771,24 @@ class AuthModal {
             e.preventDefault();
             this.startOAuthFlow('github');
         });
+        // Old style login view - Google login button
+        const oldGoogleSignInBtn = this.modal.querySelector('#oldgoogleSignInModal');
+        oldGoogleSignInBtn?.addEventListener('click', (e) => {
+            e.preventDefault();
+            this.startOAuthFlow('google');
+        });
+        // Old style login view - Discord login button
+        const oldDiscordSignInBtn = this.modal.querySelector('#olddiscordSignInModal');
+        oldDiscordSignInBtn?.addEventListener('click', (e) => {
+            e.preventDefault();
+            this.startOAuthFlow('discord');
+        });
+        // Old style login view - GitHub login button
+        const oldGithubSignInBtn = this.modal.querySelector('#oldgithubSignInModal');
+        oldGithubSignInBtn?.addEventListener('click', (e) => {
+            e.preventDefault();
+            this.startOAuthFlow('github');
+        });
     }
     switchView(view) {
         if (!this.modal)