dauth-context-react 6.4.0 → 6.5.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dauth-context-react",
-  "version": "6.4.0",
+  "version": "6.5.0",
   "description": "React provider and hook for passwordless authentication via the Dauth service (BFF pattern with httpOnly cookies)",
   "license": "MIT",
   "author": "David T. Pizarro Frick",

package/src/index.tsx

@@ -21,6 +21,7 @@ import type {
   IModalTheme,
   IPasskeyCredential,
   DauthProfileModalProps,
+  ThemeMode,
 } from './interfaces';
 
 export { DauthProfileModal } from './DauthProfileModal';
@@ -32,6 +33,7 @@ export type {
   IModalTheme,
   IPasskeyCredential,
   DauthProfileModalProps,
+  ThemeMode,
 };
 
 const defaultOnError = (error: Error) => console.error(error);
@@ -92,10 +94,12 @@ export const DauthProvider: React.FC<IDauthProviderProps> = (
         telPrefix,
         telSuffix,
         language,
+        theme,
         avatar,
         birthDate,
         country,
         metadata,
+        customFields,
       } = fields;
       const user = {
         name,
@@ -104,10 +108,12 @@ export const DauthProvider: React.FC<IDauthProviderProps> = (
         telPrefix,
         telSuffix,
         language,
+        theme,
         avatar,
         birthDate,
         country,
         metadata,
+        customFields,
       } as Partial<IDauthUser>;
       return action.updateUserAction(ctx, user);
     },

package/src/initialDauthState.ts

@@ -6,6 +6,7 @@ const initialDauthState: IDauthState = {
       (typeof window !== 'undefined'
         ? window.document.documentElement.getAttribute('lang')
         : null) || 'es',
+    theme: 'system',
   } as IDauthUser,
   domain: {} as IDauthDomainState,
   isLoading: true,

package/src/interfaces.ts

@@ -1,3 +1,5 @@
+export type ThemeMode = 'dark' | 'light' | 'system';
+
 export interface IDauthUser {
   _id: string;
   name: string;
@@ -6,6 +8,7 @@ export interface IDauthUser {
   email: string;
   isVerified: boolean;
   language: string;
+  theme: ThemeMode;
   avatar: {
     id: string;
     url: string;