@proveanything/smartlinks-auth-ui 0.1.24 → 0.1.27

package/dist/index.esm.js

@@ -50,9 +50,10 @@ const AuthContainer = ({ children, theme = 'light', className = '', config, mini
     const logoUrl = config?.branding?.logoUrl === undefined
         ? 'https://smartlinks.app/smartlinks/landscape-medium.png' // Default Smartlinks logo
         : config?.branding?.logoUrl || null; // Custom or explicitly hidden
+    const inheritHostStyles = config?.branding?.inheritHostStyles ? 'auth-inherit-host' : '';
     const containerClass = minimal
-        ? `auth-minimal auth-theme-${theme} ${className}`
-        : `auth-container auth-theme-${theme} ${className}`;
+        ? `auth-minimal auth-theme-${theme} ${inheritHostStyles} ${className}`
+        : `auth-container auth-theme-${theme} ${inheritHostStyles} ${className}`;
     const cardClass = minimal ? 'auth-minimal-card' : 'auth-card';
     return (jsx("div", { className: containerClass, children: jsxs("div", { className: cardClass, style: !minimal && config?.branding?.buttonStyle === 'square' ? { borderRadius: '4px' } : undefined, children: [(logoUrl || title || subtitle) && (jsxs("div", { className: "auth-header", children: [logoUrl && (jsx("div", { className: "auth-logo", children: jsx("img", { src: logoUrl, alt: "Logo", style: { maxWidth: '200px', height: 'auto', objectFit: 'contain' } }) })), title && jsx("h1", { className: "auth-title", children: title }), subtitle && jsx("p", { className: "auth-subtitle", children: subtitle })] })), jsx("div", { className: "auth-content", children: children }), (config?.branding?.termsUrl || config?.branding?.privacyUrl) && (jsxs("div", { className: "auth-footer", children: [config.branding.termsUrl && jsx("a", { href: config.branding.termsUrl, target: "_blank", rel: "noopener noreferrer", children: "Terms" }), config.branding.termsUrl && config.branding.privacyUrl && jsx("span", { children: "\u2022" }), config.branding.privacyUrl && jsx("a", { href: config.branding.privacyUrl, target: "_blank", rel: "noopener noreferrer", children: "Privacy" })] }))] }) }));
 };
@@ -11481,10 +11482,13 @@ collectionId, enableContactSync, enableInteractionTracking, interactionAppId, in
                         if (storedContactId) {
                             setContactId(storedContactId);
                         }
+                        // Set loading to false IMMEDIATELY after optimistic restore
+                        // Don't wait for background verification
+                        setIsLoading(false);
                         console.log('[AuthContext] Session restored optimistically (pending verification)');
                         notifyAuthStateChange('SESSION_RESTORED_OFFLINE', storedUser, storedToken.token, storedAccountData || null, null, false, null, storedContactId);
                     }
-                    // BACKGROUND: Verify token
+                    // BACKGROUND: Verify token (non-blocking)
                     try {
                         console.log('[AuthContext] Verifying stored token in background...');
                         await smartlinks.auth.verifyToken(storedToken.token);
@@ -13074,16 +13078,14 @@ const AccountManagement = ({ apiEndpoint, clientId, onError, className = '', cus
                                         }, className: "auth-button button-secondary", children: "Cancel" })] })] }))] }))] }));
 };
 
-const SmartlinksClaimUI = ({ apiEndpoint, clientId, clientName, collectionId, productId, proofId, onClaimSuccess, onClaimError, additionalFields = [], theme = 'light', className = '', minimal = false, proxyMode = false, customization = {}, }) => {
-    // Debug logging for proxyMode
-    console.log('[SmartlinksClaimUI] 🎯 Component received props:', {
-        proxyMode,
-        apiEndpoint,
-        clientId,
-        collectionId,
-        productId,
-        proofId,
-    });
+const SmartlinksClaimUI = (props) => {
+    // Destructure AFTER logging raw props to debug proxyMode issue
+    const { apiEndpoint, clientId, clientName, collectionId, productId, proofId, onClaimSuccess, onClaimError, additionalFields = [], theme = 'light', className = '', minimal = false, proxyMode = false, customization = {}, } = props;
+    // Debug logging for proxyMode - log RAW props first
+    console.log('[SmartlinksClaimUI] 🔍 RAW props received:', props);
+    console.log('[SmartlinksClaimUI] 🔍 props.proxyMode value:', props.proxyMode);
+    console.log('[SmartlinksClaimUI] 🔍 typeof props.proxyMode:', typeof props.proxyMode);
+    console.log('[SmartlinksClaimUI] 🎯 Destructured proxyMode:', proxyMode);
     const auth = useAuth();
     const [claimStep, setClaimStep] = useState(auth.isAuthenticated ? 'questions' : 'auth');
     const [claimData, setClaimData] = useState({});