@digitaldefiance/express-suite-react-components 2.4.3 → 2.5.0

package/src/contexts/SuiteConfigProvider.d.ts

@@ -0,0 +1,44 @@
+import { ReactNode } from 'react';
+export interface SuiteConfigRoutes {
+    dashboard?: string;
+    login?: string;
+    register?: string;
+    verifyEmail?: string;
+    forgotPassword?: string;
+    resetPassword?: string;
+    settings?: string;
+}
+export interface SuiteConfigContextData {
+    /**
+     * Base URL for API calls
+     */
+    baseUrl: string;
+    /**
+     * Application routes for navigation
+     */
+    routes: SuiteConfigRoutes;
+    /**
+     * Available languages for the application
+     */
+    languages: Array<{
+        code: string;
+        label: string;
+    }>;
+    /**
+     * Available timezones
+     */
+    timezones?: string[];
+}
+export interface SuiteConfigProviderProps {
+    children: ReactNode;
+    baseUrl: string;
+    routes?: Partial<SuiteConfigRoutes>;
+    languages?: Array<{
+        code: string;
+        label: string;
+    }>;
+    timezones?: string[];
+}
+export declare const SuiteConfigProvider: ({ children, baseUrl, routes, languages, timezones, }: SuiteConfigProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const useSuiteConfig: () => SuiteConfigContextData;
+//# sourceMappingURL=SuiteConfigProvider.d.ts.map

package/src/contexts/SuiteConfigProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SuiteConfigProvider.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/contexts/SuiteConfigProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,SAAS,EAAc,MAAM,OAAO,CAAC;AAE7D,MAAM,WAAW,iBAAiB;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,sBAAsB;IACrC;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,MAAM,EAAE,iBAAiB,CAAC;IAE1B;;OAEG;IACH,SAAS,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAElD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;CACtB;AAyBD,MAAM,WAAW,wBAAwB;IACvC,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;IACpC,SAAS,CAAC,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACnD,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;CACtB;AAED,eAAO,MAAM,mBAAmB,GAAI,sDAMjC,wBAAwB,4CAa1B,CAAC;AAEF,eAAO,MAAM,cAAc,QAAO,sBAMjC,CAAC"}

package/src/contexts/SuiteConfigProvider.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSuiteConfig = exports.SuiteConfigProvider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const defaultRoutes = {
+    dashboard: '/dashboard',
+    login: '/login',
+    register: '/register',
+    verifyEmail: '/verify-email',
+    forgotPassword: '/forgot-password',
+    resetPassword: '/reset-password',
+    settings: '/settings',
+};
+const defaultLanguages = [
+    { code: 'en-US', label: 'English (US)' },
+    { code: 'en-GB', label: 'English (UK)' },
+    { code: 'es-ES', label: 'Español' },
+    { code: 'fr-FR', label: 'Français' },
+    { code: 'de-DE', label: 'Deutsch' },
+    { code: 'ja', label: '日本語' },
+    { code: 'zh-CN', label: '中文 (简体)' },
+    { code: 'uk', label: 'Українська' },
+];
+const SuiteConfigContext = (0, react_1.createContext)(undefined);
+const SuiteConfigProvider = ({ children, baseUrl, routes = {}, languages = defaultLanguages, timezones, }) => {
+    const value = {
+        baseUrl,
+        routes: { ...defaultRoutes, ...routes },
+        languages,
+        timezones,
+    };
+    return ((0, jsx_runtime_1.jsx)(SuiteConfigContext.Provider, { value: value, children: children }));
+};
+exports.SuiteConfigProvider = SuiteConfigProvider;
+const useSuiteConfig = () => {
+    const context = (0, react_1.useContext)(SuiteConfigContext);
+    if (!context) {
+        throw new Error('useSuiteConfig must be used within a SuiteConfigProvider');
+    }
+    return context;
+};
+exports.useSuiteConfig = useSuiteConfig;

package/src/contexts/ThemeProvider.d.ts

@@ -2,6 +2,7 @@ import { PaletteMode, Theme } from '@mui/material';
 import { FC, ReactNode } from 'react';
 export interface ThemeContextType {
     toggleColorMode: () => void;
+    setColorMode: (mode: PaletteMode) => void;
     mode: PaletteMode;
 }
 export declare const useTheme: () => ThemeContextType;

package/src/contexts/ThemeProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/contexts/ThemeProvider.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,WAAW,EAEX,KAAK,EACN,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,EAAE,EAAE,SAAS,EAAgD,MAAM,OAAO,CAAC;AAEpF,MAAM,WAAW,gBAAgB;IAC/B,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,IAAI,EAAE,WAAW,CAAC;CACnB;AAID,eAAO,MAAM,QAAQ,wBAMpB,CAAC;AAEF,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,KAAK,CAAC;CAC5C;AAED,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAuBtD,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,EAO/B,CAAC"}
+{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/contexts/ThemeProvider.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,WAAW,EAEX,KAAK,EACN,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,EAAE,EAAE,SAAS,EAAgD,MAAM,OAAO,CAAC;AAEpF,MAAM,WAAW,gBAAgB;IAC/B,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,YAAY,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IAC1C,IAAI,EAAE,WAAW,CAAC;CACnB;AAID,eAAO,MAAM,QAAQ,wBAMpB,CAAC;AAEF,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,KAAK,CAAC;CAC5C;AAED,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CA0BtD,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,EAO/B,CAAC"}

package/src/contexts/ThemeProvider.js

@@ -20,6 +20,9 @@ const AppThemeProvider = ({ children, customTheme }) => {
         toggleColorMode: () => {
             setMode((prevMode) => (prevMode === 'light' ? 'dark' : 'light'));
         },
+        setColorMode: (newMode) => {
+            setMode(newMode);
+        },
         mode,
     }), [mode]);
     const theme = (0, react_1.useMemo)(() => (customTheme ? customTheme(mode) : (0, material_1.createTheme)({ palette: { mode } })), [mode, customTheme]);

package/src/contexts/index.d.ts

@@ -2,4 +2,5 @@ export * from './AuthProvider';
 export * from './MenuContext';
 export * from './I18nProvider';
 export * from './ThemeProvider';
+export * from './SuiteConfigProvider';
 //# sourceMappingURL=index.d.ts.map

package/src/contexts/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/contexts/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/contexts/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC"}

package/src/contexts/index.js

@@ -5,3 +5,4 @@ tslib_1.__exportStar(require("./AuthProvider"), exports);
 tslib_1.__exportStar(require("./MenuContext"), exports);
 tslib_1.__exportStar(require("./I18nProvider"), exports);
 tslib_1.__exportStar(require("./ThemeProvider"), exports);
+tslib_1.__exportStar(require("./SuiteConfigProvider"), exports);

package/src/hooks/index.d.ts

@@ -1,3 +1,6 @@
 export * from './useExpiringValue';
 export * from './useLocalStorage';
+export * from './useBackupCodes';
+export * from './useUserSettings';
+export * from './useEmailVerification';
 //# sourceMappingURL=index.d.ts.map

package/src/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC"}

package/src/hooks/index.js

@@ -3,3 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./useExpiringValue"), exports);
 tslib_1.__exportStar(require("./useLocalStorage"), exports);
+tslib_1.__exportStar(require("./useBackupCodes"), exports);
+tslib_1.__exportStar(require("./useUserSettings"), exports);
+tslib_1.__exportStar(require("./useEmailVerification"), exports);

package/src/hooks/useBackupCodes.d.ts

@@ -0,0 +1,15 @@
+export interface UseBackupCodesOptions {
+    initialCodeCount?: number | null;
+}
+export interface UseBackupCodesResult {
+    backupCodesRemaining: number | null;
+    isLoading: boolean;
+    error: Error | null;
+    generateBackupCodes: (password?: string, mnemonic?: string) => Promise<{
+        message: string;
+        backupCodes: string[];
+    }>;
+    refreshCodeCount: () => Promise<void>;
+}
+export declare const useBackupCodes: (options?: UseBackupCodesOptions) => UseBackupCodesResult;
+//# sourceMappingURL=useBackupCodes.d.ts.map

package/src/hooks/useBackupCodes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBackupCodes.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/hooks/useBackupCodes.ts"],"names":[],"mappings":"AAKA,MAAM,WAAW,qBAAqB;IACpC,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAClC;AAED,MAAM,WAAW,oBAAoB;IACnC,oBAAoB,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,mBAAmB,EAAE,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC;QACrE,OAAO,EAAE,MAAM,CAAC;QAChB,WAAW,EAAE,MAAM,EAAE,CAAC;KACvB,CAAC,CAAC;IACH,gBAAgB,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CACvC;AAED,eAAO,MAAM,cAAc,GACzB,UAAS,qBAA0B,KAClC,oBA8DF,CAAC"}

package/src/hooks/useBackupCodes.js

@@ -0,0 +1,70 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useBackupCodes = void 0;
+const react_1 = require("react");
+const services_1 = require("../services");
+const contexts_1 = require("../contexts");
+const suite_core_lib_1 = require("@digitaldefiance/suite-core-lib");
+const useBackupCodes = (options = {}) => {
+    const { baseUrl } = (0, contexts_1.useSuiteConfig)();
+    const [backupCodesRemaining, setBackupCodesRemaining] = (0, react_1.useState)(options.initialCodeCount ?? null);
+    const [isLoading, setIsLoading] = (0, react_1.useState)(false);
+    const [error, setError] = (0, react_1.useState)(null);
+    const requestedOnMountRef = (0, react_1.useRef)(false);
+    const api = (0, react_1.useMemo)(() => (0, services_1.createAuthenticatedApiClient)(baseUrl), [baseUrl]);
+    const refreshCodeCount = (0, react_1.useCallback)(async () => {
+        setIsLoading(true);
+        setError(null);
+        try {
+            const result = await api.get('/user/backup-codes');
+            if (result?.data?.codeCount !== undefined) {
+                setBackupCodesRemaining(result.data.codeCount);
+            }
+        }
+        catch (err) {
+            setError(err instanceof Error ? err : new suite_core_lib_1.TranslatableSuiteError(suite_core_lib_1.SuiteCoreStringKey.BackupCodes_FailedToFetch));
+            setBackupCodesRemaining(0);
+        }
+        finally {
+            setIsLoading(false);
+        }
+    }, [api]);
+    (0, react_1.useEffect)(() => {
+        if (requestedOnMountRef.current)
+            return;
+        if (backupCodesRemaining !== null)
+            return;
+        requestedOnMountRef.current = true;
+        refreshCodeCount();
+    }, [backupCodesRemaining, refreshCodeCount]);
+    const generateBackupCodes = async (password, mnemonic) => {
+        setIsLoading(true);
+        setError(null);
+        try {
+            const result = await api.post('/user/backup-codes', {
+                ...(password ? { password } : {}),
+                ...(mnemonic ? { mnemonic } : {}),
+            });
+            return {
+                message: result.data.message,
+                backupCodes: result.data.backupCodes,
+            };
+        }
+        catch (err) {
+            const error = err instanceof Error ? err : new suite_core_lib_1.TranslatableSuiteError(suite_core_lib_1.SuiteCoreStringKey.BackupCodes_FailedToGenerate);
+            setError(error);
+            throw error;
+        }
+        finally {
+            setIsLoading(false);
+        }
+    };
+    return {
+        backupCodesRemaining,
+        isLoading,
+        error,
+        generateBackupCodes,
+        refreshCodeCount,
+    };
+};
+exports.useBackupCodes = useBackupCodes;

package/src/hooks/useEmailVerification.d.ts

@@ -0,0 +1,10 @@
+export interface UseEmailVerificationResult {
+    isVerifying: boolean;
+    error: Error | null;
+    verifyEmail: (token: string) => Promise<{
+        success: boolean;
+        message?: string;
+    }>;
+}
+export declare const useEmailVerification: () => UseEmailVerificationResult;
+//# sourceMappingURL=useEmailVerification.d.ts.map

package/src/hooks/useEmailVerification.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEmailVerification.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/hooks/useEmailVerification.ts"],"names":[],"mappings":"AAKA,MAAM,WAAW,0BAA0B;IACzC,WAAW,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CACjF;AAED,eAAO,MAAM,oBAAoB,QAAO,0BA2BvC,CAAC"}

package/src/hooks/useEmailVerification.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useEmailVerification = void 0;
+const react_1 = require("react");
+const services_1 = require("../services");
+const contexts_1 = require("../contexts");
+const suite_core_lib_1 = require("@digitaldefiance/suite-core-lib");
+const useEmailVerification = () => {
+    const { baseUrl } = (0, contexts_1.useSuiteConfig)();
+    const api = (0, react_1.useMemo)(() => (0, services_1.createAuthenticatedApiClient)(baseUrl), [baseUrl]);
+    const [isVerifying, setIsVerifying] = (0, react_1.useState)(false);
+    const [error, setError] = (0, react_1.useState)(null);
+    const verifyEmail = async (verificationToken) => {
+        setIsVerifying(true);
+        setError(null);
+        try {
+            const result = await api.post('/verify-email', { token: verificationToken });
+            return { success: true, message: result.data.message };
+        }
+        catch (err) {
+            const errorMessage = err.response?.data?.message || (0, suite_core_lib_1.getSuiteCoreTranslation)(suite_core_lib_1.SuiteCoreStringKey.Error_VerificationFailed);
+            const error = new Error(errorMessage);
+            setError(error);
+            return { success: false, message: errorMessage };
+        }
+        finally {
+            setIsVerifying(false);
+        }
+    };
+    return {
+        isVerifying,
+        error,
+        verifyEmail,
+    };
+};
+exports.useEmailVerification = useEmailVerification;

package/src/hooks/useUserSettings.d.ts

@@ -0,0 +1,29 @@
+export interface UserSettingsValues {
+    email: string;
+    timezone: string;
+    siteLanguage: string;
+    currency: string;
+    darkMode: boolean;
+    directChallenge: boolean;
+    [key: string]: any;
+}
+export interface UseUserSettingsResult {
+    settings: UserSettingsValues | null;
+    isLoading: boolean;
+    error: Error | null;
+    updateSettings: (values: UserSettingsValues) => Promise<{
+        success: boolean;
+        message: string;
+    } | {
+        error: string;
+        errorType?: string;
+        field?: string;
+        errors?: Array<{
+            path: string;
+            msg: string;
+        }>;
+    }>;
+    refreshSettings: () => Promise<void>;
+}
+export declare const useUserSettings: () => UseUserSettingsResult;
+//# sourceMappingURL=useUserSettings.d.ts.map

package/src/hooks/useUserSettings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUserSettings.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/hooks/useUserSettings.ts"],"names":[],"mappings":"AAMA,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,eAAe,EAAE,OAAO,CAAC;IACzB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,kBAAkB,GAAG,IAAI,CAAC;IACpC,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,cAAc,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,OAAO,CAAC;QACtD,OAAO,EAAE,OAAO,CAAC;QACjB,OAAO,EAAE,MAAM,CAAC;KACjB,GAAG;QACF,KAAK,EAAE,MAAM,CAAC;QACd,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,MAAM,CAAC,EAAE,KAAK,CAAC;YAAE,IAAI,EAAE,MAAM,CAAC;YAAC,GAAG,EAAE,MAAM,CAAA;SAAE,CAAC,CAAC;KAC/C,CAAC,CAAC;IACH,eAAe,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CACtC;AAED,eAAO,MAAM,eAAe,QAAO,qBA+FlC,CAAC"}

package/src/hooks/useUserSettings.js

@@ -0,0 +1,103 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useUserSettings = void 0;
+const react_1 = require("react");
+const services_1 = require("../services");
+const contexts_1 = require("../contexts");
+const contexts_2 = require("../contexts");
+const suite_core_lib_1 = require("@digitaldefiance/suite-core-lib");
+const useUserSettings = () => {
+    const { baseUrl } = (0, contexts_1.useSuiteConfig)();
+    const { userData, setCurrencyCode, setLanguage } = (0, contexts_2.useAuth)();
+    const { setColorMode } = (0, contexts_2.useTheme)();
+    const api = (0, react_1.useMemo)(() => (0, services_1.createAuthenticatedApiClient)(baseUrl), [baseUrl]);
+    const [settings, setSettings] = (0, react_1.useState)(null);
+    const [isLoading, setIsLoading] = (0, react_1.useState)(true);
+    const [error, setError] = (0, react_1.useState)(null);
+    const refreshSettings = (0, react_1.useCallback)(async () => {
+        setIsLoading(true);
+        setError(null);
+        try {
+            const result = await api.get('/user/settings');
+            if (result?.data?.settings) {
+                setSettings(result.data.settings);
+            }
+            else {
+                // Fallback to userData - use current value without dependency
+                const fallback = {
+                    email: userData?.email || '',
+                    timezone: userData?.timezone || 'UTC',
+                    siteLanguage: userData?.siteLanguage || 'en-US',
+                    currency: userData?.currency || 'USD',
+                    darkMode: userData?.darkMode || false,
+                    directChallenge: userData?.directChallenge || false,
+                };
+                setSettings(fallback);
+            }
+        }
+        catch (err) {
+            setError(err instanceof Error ? err : new suite_core_lib_1.TranslatableSuiteError(suite_core_lib_1.SuiteCoreStringKey.Settings_RetrieveFailure));
+            // Use fallback from userData
+            const fallback = {
+                email: userData?.email || '',
+                timezone: userData?.timezone || 'UTC',
+                siteLanguage: userData?.siteLanguage || 'en-US',
+                currency: userData?.currency || 'USD',
+                darkMode: userData?.darkMode || false,
+                directChallenge: userData?.directChallenge || false,
+            };
+            setSettings(fallback);
+        }
+        finally {
+            setIsLoading(false);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [api]); // userData intentionally omitted to prevent infinite loops
+    (0, react_1.useEffect)(() => {
+        refreshSettings();
+    }, [refreshSettings]);
+    const updateSettings = async (values) => {
+        setIsLoading(true);
+        setError(null);
+        try {
+            const result = await api.post('/user/settings', values);
+            // Update context values
+            if (values.currency) {
+                await setCurrencyCode(values.currency);
+            }
+            if (values.siteLanguage) {
+                await setLanguage(values.siteLanguage);
+            }
+            if (values.darkMode !== userData?.darkMode) {
+                setColorMode(values.darkMode ? 'dark' : 'light');
+            }
+            // Update local state
+            setSettings(values);
+            return {
+                success: true,
+                message: result.data.message || (0, suite_core_lib_1.getSuiteCoreTranslation)(suite_core_lib_1.SuiteCoreStringKey.Settings_SaveSuccess)
+            };
+        }
+        catch (err) {
+            const errorMessage = err.response?.data?.message || (0, suite_core_lib_1.getSuiteCoreTranslation)(suite_core_lib_1.SuiteCoreStringKey.Settings_UpdateFailed);
+            setError(err instanceof Error ? err : new Error(errorMessage));
+            return {
+                error: errorMessage,
+                errorType: err.response?.data?.errorType,
+                field: err.response?.data?.field,
+                errors: err.response?.data?.errors,
+            };
+        }
+        finally {
+            setIsLoading(false);
+        }
+    };
+    return {
+        settings,
+        isLoading,
+        error,
+        updateSettings,
+        refreshSettings,
+    };
+};
+exports.useUserSettings = useUserSettings;

package/src/wrappers/BackupCodeLoginWrapper.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { BackupCodeLoginForm } from '../components/BackupCodeLoginForm';
+export interface BackupCodeLoginWrapperProps {
+    onSuccess?: () => void;
+    componentProps?: Partial<React.ComponentProps<typeof BackupCodeLoginForm>>;
+}
+export declare const BackupCodeLoginWrapper: FC<BackupCodeLoginWrapperProps>;
+//# sourceMappingURL=BackupCodeLoginWrapper.d.ts.map

package/src/wrappers/BackupCodeLoginWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackupCodeLoginWrapper.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/wrappers/BackupCodeLoginWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,OAAO,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;AAGxE,MAAM,WAAW,2BAA2B;IAC1C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,CAAC,CAAC;CAC5E;AAED,eAAO,MAAM,sBAAsB,EAAE,EAAE,CAAC,2BAA2B,CAwBlE,CAAC"}

package/src/wrappers/BackupCodeLoginWrapper.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BackupCodeLoginWrapper = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_router_dom_1 = require("react-router-dom");
+const BackupCodeLoginForm_1 = require("../components/BackupCodeLoginForm");
+const contexts_1 = require("../contexts");
+const BackupCodeLoginWrapper = ({ onSuccess, componentProps = {}, }) => {
+    const { backupCodeLogin, isAuthenticated } = (0, contexts_1.useAuth)();
+    const navigate = (0, react_router_dom_1.useNavigate)();
+    const { routes } = (0, contexts_1.useSuiteConfig)();
+    const handleSubmit = async (...args) => {
+        const result = await backupCodeLogin(...args);
+        if ('token' in result && onSuccess) {
+            onSuccess();
+        }
+        return result;
+    };
+    return ((0, jsx_runtime_1.jsx)(BackupCodeLoginForm_1.BackupCodeLoginForm, { onSubmit: handleSubmit, onNavigate: navigate, isAuthenticated: isAuthenticated, ...componentProps }));
+};
+exports.BackupCodeLoginWrapper = BackupCodeLoginWrapper;

package/src/wrappers/BackupCodesWrapper.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { BackupCodesForm } from '../components/BackupCodesForm';
+export interface BackupCodesWrapperProps {
+    componentProps?: Partial<React.ComponentProps<typeof BackupCodesForm>>;
+}
+export declare const BackupCodesWrapper: FC<BackupCodesWrapperProps>;
+//# sourceMappingURL=BackupCodesWrapper.d.ts.map

package/src/wrappers/BackupCodesWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackupCodesWrapper.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/wrappers/BackupCodesWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAGhE,MAAM,WAAW,uBAAuB;IACtC,cAAc,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,CAAC,CAAC;CACxE;AAED,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAkB1D,CAAC"}

package/src/wrappers/BackupCodesWrapper.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BackupCodesWrapper = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_router_dom_1 = require("react-router-dom");
+const BackupCodesForm_1 = require("../components/BackupCodesForm");
+const hooks_1 = require("../hooks");
+const BackupCodesWrapper = ({ componentProps = {}, }) => {
+    const location = (0, react_router_dom_1.useLocation)();
+    const initialCodeCount = location.state?.codeCount ?? null;
+    const { backupCodesRemaining, generateBackupCodes } = (0, hooks_1.useBackupCodes)({ initialCodeCount });
+    const handleSubmit = async (values) => {
+        return await generateBackupCodes(values.password, values.mnemonic);
+    };
+    return ((0, jsx_runtime_1.jsx)(BackupCodesForm_1.BackupCodesForm, { onSubmit: handleSubmit, backupCodesRemaining: backupCodesRemaining, ...componentProps }));
+};
+exports.BackupCodesWrapper = BackupCodesWrapper;

package/src/wrappers/ChangePasswordFormWrapper.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { ChangePasswordForm } from '../components/ChangePasswordForm';
+export interface ChangePasswordFormWrapperProps {
+    onSuccess?: () => void;
+    componentProps?: Partial<React.ComponentProps<typeof ChangePasswordForm>>;
+}
+export declare const ChangePasswordFormWrapper: FC<ChangePasswordFormWrapperProps>;
+//# sourceMappingURL=ChangePasswordFormWrapper.d.ts.map

package/src/wrappers/ChangePasswordFormWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChangePasswordFormWrapper.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/wrappers/ChangePasswordFormWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAC3B,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AAGtE,MAAM,WAAW,8BAA8B;IAC7C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,CAAC,CAAC;CAC3E;AAED,eAAO,MAAM,yBAAyB,EAAE,EAAE,CAAC,8BAA8B,CAqBxE,CAAC"}

package/src/wrappers/ChangePasswordFormWrapper.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChangePasswordFormWrapper = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ChangePasswordForm_1 = require("../components/ChangePasswordForm");
+const contexts_1 = require("../contexts");
+const ChangePasswordFormWrapper = ({ onSuccess, componentProps = {}, }) => {
+    const { changePassword } = (0, contexts_1.useAuth)();
+    const handleSubmit = async (values) => {
+        const result = await changePassword(values.currentPassword, values.newPassword);
+        if ('error' in result) {
+            throw new Error(result.error);
+        }
+        if (onSuccess) {
+            onSuccess();
+        }
+        return result;
+    };
+    return (0, jsx_runtime_1.jsx)(ChangePasswordForm_1.ChangePasswordForm, { onSubmit: handleSubmit, ...componentProps });
+};
+exports.ChangePasswordFormWrapper = ChangePasswordFormWrapper;

package/src/wrappers/LoginFormWrapper.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { LoginFormProps } from '../components/LoginForm';
+export interface LoginFormWrapperProps {
+    onSuccess?: () => void;
+    redirectTo?: string;
+    componentProps?: Partial<Omit<LoginFormProps, 'onSubmit'>>;
+}
+export declare const LoginFormWrapper: FC<LoginFormWrapperProps>;
+//# sourceMappingURL=LoginFormWrapper.d.ts.map

package/src/wrappers/LoginFormWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoginFormWrapper.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/wrappers/LoginFormWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAG3B,OAAO,EAA8B,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAIrF,MAAM,WAAW,qBAAqB;IACpC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC,CAAC;CAC5D;AAED,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CA6CtD,CAAC"}

package/src/wrappers/LoginFormWrapper.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LoginFormWrapper = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_router_dom_1 = require("react-router-dom");
+const ecies_lib_1 = require("@digitaldefiance/ecies-lib");
+const LoginForm_1 = require("../components/LoginForm");
+const contexts_1 = require("../contexts");
+const suite_core_lib_1 = require("@digitaldefiance/suite-core-lib");
+const LoginFormWrapper = ({ onSuccess, redirectTo, componentProps = {}, }) => {
+    const { directLogin, passwordLogin } = (0, contexts_1.useAuth)();
+    const navigate = (0, react_router_dom_1.useNavigate)();
+    const { routes } = (0, contexts_1.useSuiteConfig)();
+    const handleSubmit = async (values) => {
+        const email = values.email && values.email.trim().length > 0 ? new ecies_lib_1.EmailString(values.email) : undefined;
+        const username = values.username && values.username.trim() ? values.username : undefined;
+        if (values.password) {
+            const result = await passwordLogin(new ecies_lib_1.SecureString(values.password), username, email);
+            if ('error' in result) {
+                throw new Error(result.error);
+            }
+            if (onSuccess) {
+                onSuccess();
+            }
+            navigate(redirectTo || routes.dashboard || '/dashboard');
+        }
+        else if (values.mnemonic) {
+            const result = await directLogin(new ecies_lib_1.SecureString(values.mnemonic), username, email);
+            if ('error' in result) {
+                throw new Error(result.error);
+            }
+            if (onSuccess) {
+                onSuccess();
+            }
+            navigate(redirectTo || routes.dashboard || '/dashboard');
+        }
+        else {
+            throw new suite_core_lib_1.TranslatableSuiteError(suite_core_lib_1.SuiteCoreStringKey.Error_NoPasswordOrMnemonicProvided);
+        }
+    };
+    return (0, jsx_runtime_1.jsx)(LoginForm_1.LoginForm, { onSubmit: handleSubmit, ...componentProps });
+};
+exports.LoginFormWrapper = LoginFormWrapper;

package/src/wrappers/LogoutPageWrapper.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { LogoutPage } from '../components/LogoutPage';
+export interface LogoutPageWrapperProps {
+    onSuccess?: () => void;
+    redirectTo?: string;
+    componentProps?: Partial<React.ComponentProps<typeof LogoutPage>>;
+}
+export declare const LogoutPageWrapper: FC<LogoutPageWrapperProps>;
+//# sourceMappingURL=LogoutPageWrapper.d.ts.map

package/src/wrappers/LogoutPageWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogoutPageWrapper.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/wrappers/LogoutPageWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAGtD,MAAM,WAAW,sBAAsB;IACrC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC,CAAC;CACnE;AAED,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAkBxD,CAAC"}

package/src/wrappers/LogoutPageWrapper.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LogoutPageWrapper = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_router_dom_1 = require("react-router-dom");
+const LogoutPage_1 = require("../components/LogoutPage");
+const contexts_1 = require("../contexts");
+const LogoutPageWrapper = ({ onSuccess, redirectTo, componentProps = {}, }) => {
+    const { logout } = (0, contexts_1.useAuth)();
+    const navigate = (0, react_router_dom_1.useNavigate)();
+    const { routes } = (0, contexts_1.useSuiteConfig)();
+    const handleLogout = async () => {
+        await logout();
+        if (onSuccess) {
+            onSuccess();
+        }
+        navigate(redirectTo || routes.login || '/login');
+    };
+    return (0, jsx_runtime_1.jsx)(LogoutPage_1.LogoutPage, { onLogout: handleLogout, onNavigate: navigate, ...componentProps });
+};
+exports.LogoutPageWrapper = LogoutPageWrapper;