@proveanything/smartlinks-auth-ui 0.5.4 → 0.5.5

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: {
@@ -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) => {