@proveanything/smartlinks-auth-ui 0.5.4 → 0.5.6

package/dist/index.js

@@ -341,9 +341,13 @@ const ProviderButtons = ({ enabledProviders, providerOrder, onEmailLogin, onGoog
     if (enabledProviders.length === 0)
         return null;
     // Determine the order of providers to display
-    const orderedProviders = providerOrder && providerOrder.length > 0
-        ? providerOrder.filter(p => enabledProviders.includes(p))
-        : enabledProviders;
+    const orderedProviders = (() => {
+        if (!providerOrder || providerOrder.length === 0)
+            return enabledProviders;
+        const configured = providerOrder.filter((p) => enabledProviders.includes(p));
+        const missing = enabledProviders.filter((p) => !configured.includes(p));
+        return [...configured, ...missing];
+    })();
     // Provider button configurations
     const providerConfigs = {
         email: {
@@ -14361,7 +14365,7 @@ const SmartlinksAuthUI = ({ apiEndpoint, clientId, clientName, accountData, onAu
                             ? 'hsl(var(--muted-foreground, 215 15% 45%))'
                             : (resolvedTheme === 'dark' ? '#94a3b8' : '#6B7280'),
                         fontSize: '0.875rem'
-                    }, children: successMessage })] })) : mode === 'magic-link' ? (jsxRuntime.jsx(MagicLinkForm, { onSubmit: handleMagicLink, onCancel: () => setMode('login'), loading: loading, error: error, collectName: config?.collectNameOnPasswordlessSignup })) : mode === 'whatsapp' ? (jsxRuntime.jsx(WhatsAppAuthForm, { onSend: handleWhatsAppSend, onPollStatus: handleWhatsAppPoll, onVerified: handleWhatsAppVerified, onBack: () => setMode('login'), loading: loading, error: error, collectName: config?.collectNameOnPasswordlessSignup })) : mode === 'phone' ? (jsxRuntime.jsx(PhoneAuthForm, { onSubmit: handlePhoneAuth, onBack: () => setMode('login'), loading: loading, error: error, collectName: config?.collectNameOnPasswordlessSignup })) : mode === 'reset-password' ? (jsxRuntime.jsx(PasswordResetForm, { onSubmit: handlePasswordReset, onBack: () => {
+                    }, children: successMessage })] })) : mode === 'magic-link' ? (jsxRuntime.jsx(MagicLinkForm, { onSubmit: handleMagicLink, onCancel: () => setMode('login'), loading: loading, error: error, collectName: config?.collectNameOnPasswordlessSignup })) : mode === 'whatsapp' ? (jsxRuntime.jsx(WhatsAppAuthForm, { onSend: handleWhatsAppSend, onPollStatus: handleWhatsAppPoll, onVerified: handleWhatsAppVerified, onBack: () => setMode('login'), loading: loading, error: error, collectName: config?.collectNameOnPasswordlessSignup ?? true })) : mode === 'phone' ? (jsxRuntime.jsx(PhoneAuthForm, { onSubmit: handlePhoneAuth, onBack: () => setMode('login'), loading: loading, error: error, collectName: config?.collectNameOnPasswordlessSignup })) : mode === 'reset-password' ? (jsxRuntime.jsx(PasswordResetForm, { onSubmit: handlePasswordReset, onBack: () => {
                 setMode('login');
                 setResetSuccess(false);
                 setResetToken(undefined); // Clear token when going back
@@ -15669,9 +15673,14 @@ const AuthUIPreview = ({ customization, enabledProviders = ['email', 'google', '
     const showMagicLink = enabledProviders.includes('magic-link');
     const showWhatsApp = enabledProviders.includes('whatsapp');
     // Determine ordered providers (excluding email if in button mode)
-    const orderedProviders = providerOrder && providerOrder.length > 0
-        ? providerOrder.filter(p => enabledProviders.includes(p) && p !== 'email')
-        : enabledProviders.filter(p => p !== 'email');
+    const orderedProviders = (() => {
+        const nonEmailProviders = enabledProviders.filter((p) => p !== 'email');
+        if (!providerOrder || providerOrder.length === 0)
+            return nonEmailProviders;
+        const configured = providerOrder.filter((p) => enabledProviders.includes(p) && p !== 'email');
+        const missing = nonEmailProviders.filter((p) => !configured.includes(p));
+        return [...configured, ...missing];
+    })();
     const hasOtherProviders = showGoogle || showPhone || showMagicLink || showWhatsApp;
     // Render provider button helper
     const renderProviderButton = (provider) => {