@digitaldefiance/express-suite-react-components 2.9.38 → 2.9.40

package/src/services/authService.ts

@@ -1,500 +0,0 @@
-// services/authService.js
-import {
-  EciesCryptoCore,
-  ECIESService,
-  EmailString,
-  hexToUint8Array,
-  IECIESConfig,
-  SecureString,
-  uint8ArrayToHex,
-} from '@digitaldefiance/ecies-lib';
-import {
-  getSuiteCoreTranslation,
-  IConstants,
-  IRequestUserDTO,
-  SuiteCoreStringKey,
-  TranslatableSuiteError,
-} from '@digitaldefiance/suite-core-lib';
-import { Wallet } from '@ethereumjs/wallet';
-import axios, { isAxiosError } from 'axios';
-import { createApiClient } from './api';
-import { createAuthenticatedApiClient } from './authenticatedApi';
-
-// API Response Types
-interface ApiErrorResponse {
-  message?: string;
-  error?: string;
-  errorType?: string;
-  errors?: Array<{ path: string; msg: string }>;
-}
-
-interface RegisterResponse {
-  message: string;
-  mnemonic?: string;
-}
-
-interface LoginResponse {
-  token: string;
-  user: IRequestUserDTO;
-  message?: string;
-}
-
-interface ChallengeResponse {
-  challenge: string;
-}
-
-interface BackupCodeLoginResponse {
-  token: string;
-  user: IRequestUserDTO;
-  codeCount: number;
-  mnemonic?: string;
-  message?: string;
-}
-
-export class AuthService {
-  private eciesService: ECIESService;
-  private cryptoCore: EciesCryptoCore;
-  private apiClient: axios.AxiosInstance;
-  private authenticatedApiClient: axios.AxiosInstance;
-
-  constructor(
-    private constants: IConstants,
-    private baseUrl: string,
-    eciesConfig: IECIESConfig
-  ) {
-    this.eciesService = new ECIESService(eciesConfig);
-    this.cryptoCore = new EciesCryptoCore(eciesConfig);
-    this.apiClient = createApiClient(this.baseUrl);
-    this.authenticatedApiClient = createAuthenticatedApiClient(this.baseUrl);
-  }
-
-  getSiteDomain(): string {
-    return this.constants.AdministratorEmail.split('@')[1];
-  }
-
-  async register(
-    username: string,
-    email: string,
-    timezone: string,
-    password?: string
-  ): Promise<
-    | { success: boolean; message: string; mnemonic: string }
-    | {
-        error: string;
-        errorType?: string;
-        field?: string;
-        errors?: Array<Record<string, string>>;
-      }
-  > {
-    try {
-      const response = await this.apiClient.post<RegisterResponse>(
-        '/user/register',
-        {
-          username,
-          email,
-          timezone,
-          ...(password ? { password } : {}),
-        }
-      );
-      if (response.status !== 201) {
-        const errorData = response.data as unknown as ApiErrorResponse;
-        return {
-          error: errorData.message
-            ? errorData.message
-            : getSuiteCoreTranslation(SuiteCoreStringKey.Registration_Error),
-          ...(errorData.errorType ? { errorType: errorData.errorType } : {}),
-          ...(errorData.errors ? { errors: errorData.errors } : {}),
-        };
-      }
-      return {
-        success: true,
-        message:
-          response.data.message ??
-          getSuiteCoreTranslation(SuiteCoreStringKey.Registration_Success, {
-            MNEMONIC: response.data.mnemonic,
-          }),
-        mnemonic: response.data.mnemonic ?? '',
-      };
-    } catch (error) {
-      if (isAxiosError<ApiErrorResponse>(error) && error.response) {
-        const errorData = error.response.data;
-        return {
-          error:
-            errorData.error ??
-            errorData.message ??
-            (error as Error).message ??
-            getSuiteCoreTranslation(SuiteCoreStringKey.Common_UnexpectedError),
-          ...(errorData.errorType ? { errorType: errorData.errorType } : {}),
-          ...(errorData.error ? { field: 'general' } : {}),
-          ...(errorData.errors ? { errors: errorData.errors } : {}),
-        };
-      } else {
-        return {
-          error: getSuiteCoreTranslation(
-            SuiteCoreStringKey.Common_UnexpectedError
-          ),
-        };
-      }
-    }
-  }
-
-  async directLogin(
-    mnemonic: SecureString,
-    username?: string,
-    email?: EmailString
-  ): Promise<
-    | { token: string; user: IRequestUserDTO; wallet: Wallet; message: string }
-    | { error: string; errorType?: string }
-  > {
-    if (!username && !email) {
-      return {
-        error: getSuiteCoreTranslation(
-          SuiteCoreStringKey.Validation_UsernameOrEmailRequired
-        ),
-      };
-    }
-    try {
-      const loginRequest = await this.apiClient.post<ChallengeResponse>(
-        '/user/request-direct-login'
-      );
-      if (loginRequest.data.challenge) {
-        const { wallet } = this.cryptoCore.walletAndSeedFromMnemonic(mnemonic);
-        const challengeBuffer = hexToUint8Array(loginRequest.data.challenge);
-        const privateKeyBuffer = wallet.getPrivateKey();
-        const signature = this.eciesService.signMessage(
-          privateKeyBuffer,
-          challengeBuffer
-        );
-        const signatureHex = uint8ArrayToHex(signature);
-        const loginResponse = await this.apiClient.post<LoginResponse>(
-          '/user/direct-challenge',
-          {
-            username: username,
-            email: email ? email.email : undefined,
-            challenge: loginRequest.data.challenge,
-            signature: signatureHex,
-          }
-        );
-        if (loginResponse.data.token && loginResponse.data.user) {
-          return {
-            message: loginResponse.data.message ?? '',
-            token: loginResponse.data.token,
-            user: loginResponse.data.user,
-            wallet,
-          };
-        }
-      }
-    } catch (error) {
-      if (isAxiosError<ApiErrorResponse>(error) && error.response) {
-        // Check for DirectChallengeNotEnabled error
-        if (
-          error.response.status === 403 &&
-          error.response.data.errorType === 'DirectChallengeNotEnabledError'
-        ) {
-          return {
-            error: getSuiteCoreTranslation(
-              SuiteCoreStringKey.Error_Login_DirectChallengeNotEnabled
-            ),
-            errorType: 'DirectChallengeNotEnabled',
-          };
-        }
-        // Check for PasswordLoginNotEnabled error
-        if (
-          error.response.status === 403 &&
-          error.response.data.errorType === 'PasswordLoginNotEnabledError'
-        ) {
-          return {
-            error: getSuiteCoreTranslation(
-              SuiteCoreStringKey.Error_Login_PasswordLoginNotEnabled
-            ),
-            errorType: 'PasswordLoginNotEnabled',
-          };
-        }
-
-        const errorData = error.response.data;
-        return {
-          error:
-            errorData.error ??
-            errorData.message ??
-            (error as Error).message ??
-            getSuiteCoreTranslation(SuiteCoreStringKey.Common_UnexpectedError),
-          ...(errorData.errorType ? { errorType: errorData.errorType } : {}),
-        };
-      }
-      console.error('directLogin: non-axios error:', error);
-    }
-    return {
-      error: getSuiteCoreTranslation(SuiteCoreStringKey.Common_UnexpectedError),
-    };
-  }
-
-  async requestEmailLogin(
-    username?: string,
-    email?: EmailString
-  ): Promise<string | { error: string; errorType?: string }> {
-    if (!username && !email) {
-      return {
-        error: getSuiteCoreTranslation(
-          SuiteCoreStringKey.Validation_UsernameOrEmailRequired
-        ),
-      };
-    }
-    try {
-      const result = await this.apiClient.post<{ message: string }>(
-        '/user/request-email-login',
-        {
-          email: email ? email.email : undefined,
-          username,
-        }
-      );
-      if (result.data.message) {
-        return result.data.message;
-      }
-    } catch (error) {
-      if (isAxiosError<ApiErrorResponse>(error) && error.response) {
-        const errorData = error.response.data;
-        return {
-          error:
-            errorData.error ??
-            errorData.message ??
-            (error as Error).message ??
-            getSuiteCoreTranslation(SuiteCoreStringKey.Common_UnexpectedError),
-          ...(errorData.errorType ? { errorType: errorData.errorType } : {}),
-        };
-      }
-    }
-    return {
-      error: getSuiteCoreTranslation(SuiteCoreStringKey.Common_UnexpectedError),
-    };
-  }
-
-  async emailChallengeLogin(
-    mnemonic: SecureString,
-    token: string,
-    username?: string,
-    email?: EmailString
-  ): Promise<
-    | { token: string; user: IRequestUserDTO; wallet: Wallet; message: string }
-    | { error: string; errorType?: string }
-  > {
-    if (!username && !email) {
-      return {
-        error: getSuiteCoreTranslation(
-          SuiteCoreStringKey.Validation_UsernameOrEmailRequired
-        ),
-      };
-    }
-    try {
-      const { wallet } = this.cryptoCore.walletAndSeedFromMnemonic(mnemonic);
-      const challengeBuffer = hexToUint8Array(token);
-      const privateKeyBuffer = wallet.getPrivateKey();
-      const signature = this.eciesService.signMessage(
-        privateKeyBuffer,
-        challengeBuffer
-      );
-      const signatureHex = uint8ArrayToHex(signature);
-      const response = await this.apiClient.post<LoginResponse>(
-        '/user/email-login',
-        {
-          token,
-          signature: signatureHex,
-          username: username ?? null,
-          email: email ?? null,
-        }
-      );
-      if (response.data.token && response.data.user) {
-        return {
-          message: response.data.message ?? '',
-          token: response.data.token,
-          user: response.data.user,
-          wallet,
-        };
-      }
-    } catch (error) {
-      if (isAxiosError<ApiErrorResponse>(error) && error.response) {
-        const errorData = error.response.data;
-        return {
-          error:
-            errorData.error ??
-            errorData.message ??
-            (error as Error).message ??
-            getSuiteCoreTranslation(SuiteCoreStringKey.Common_UnexpectedError),
-          ...(errorData.errorType ? { errorType: errorData.errorType } : {}),
-        };
-      }
-    }
-    return {
-      error: getSuiteCoreTranslation(SuiteCoreStringKey.Common_UnexpectedError),
-    };
-  }
-
-  async verifyToken(
-    token: string
-  ): Promise<IRequestUserDTO | { error: string; errorType?: string }> {
-    try {
-      const response = await this.apiClient.get<{ user: IRequestUserDTO }>(
-        '/user/verify',
-        {
-          headers: { Authorization: `Bearer ${token}` },
-        }
-      );
-      return response.data.user;
-    } catch (error) {
-      if (isAxiosError<ApiErrorResponse>(error) && error.response) {
-        const errorData = error.response.data;
-        return {
-          error: errorData.message
-            ? errorData.message
-            : (error as Error).message
-            ? (error as Error).message
-            : getSuiteCoreTranslation(
-                SuiteCoreStringKey.Common_UnexpectedError
-              ),
-          ...(errorData.errorType ? { errorType: errorData.errorType } : {}),
-        };
-      } else {
-        return {
-          error: getSuiteCoreTranslation(
-            SuiteCoreStringKey.Common_UnexpectedError
-          ),
-        };
-      }
-    }
-  }
-
-  async refreshToken(): Promise<{
-    token: string;
-    user: IRequestUserDTO;
-  }> {
-    try {
-      const refreshResponse = await this.authenticatedApiClient.get<{
-        user: IRequestUserDTO;
-      }>('/user/refresh-token');
-      if (refreshResponse.status === 200) {
-        const newToken = refreshResponse.headers['authorization'] as
-          | string
-          | undefined;
-        let token: string | undefined = undefined;
-        let user: IRequestUserDTO | undefined = undefined;
-        if (
-          newToken &&
-          typeof newToken === 'string' &&
-          newToken.startsWith('Bearer ')
-        ) {
-          token = newToken.slice(7);
-        }
-        if (refreshResponse.data.user) {
-          user = refreshResponse.data.user;
-        }
-        if (token && user) {
-          return { token, user };
-        }
-      }
-    } catch (error) {
-      console.error('Token refresh error:', error);
-    }
-    throw new TranslatableSuiteError(SuiteCoreStringKey.Common_UnexpectedError);
-  }
-
-  async changePassword(
-    currentPassword: string,
-    newPassword: string
-  ): Promise<{ success: boolean } | { error: string; errorType?: string }> {
-    try {
-      await this.authenticatedApiClient.post('/user/change-password', {
-        currentPassword,
-        newPassword,
-      });
-      return { success: true };
-    } catch (error) {
-      if (isAxiosError<ApiErrorResponse>(error) && error.response) {
-        const errorData = error.response.data;
-        return {
-          error:
-            errorData.error ??
-            errorData.message ??
-            (error as Error).message ??
-            getSuiteCoreTranslation(SuiteCoreStringKey.Common_UnexpectedError),
-          ...(errorData.errorType ? { errorType: errorData.errorType } : {}),
-        };
-      }
-      return {
-        error: getSuiteCoreTranslation(
-          SuiteCoreStringKey.Common_UnexpectedError
-        ),
-      };
-    }
-  }
-
-  async backupCodeLogin(
-    identifier: string,
-    code: string,
-    isEmail: boolean,
-    recoverMnemonic: boolean,
-    newPassword?: string
-  ): Promise<
-    | {
-        token: string;
-        codeCount: number;
-        user?: IRequestUserDTO;
-        mnemonic?: string;
-        message?: string;
-      }
-    | { error: string; status?: number; errorType?: string }
-  > {
-    try {
-      const response = await this.apiClient.post<BackupCodeLoginResponse>(
-        '/user/backup-code',
-        {
-          [isEmail ? 'email' : 'username']: identifier,
-          code,
-          recoverMnemonic,
-          ...(newPassword ? { newPassword } : {}),
-        }
-      );
-      if (response.data.token && response.data.user) {
-        return {
-          token: response.data.token,
-          user: response.data.user,
-          codeCount: response.data.codeCount ?? 0,
-          ...(response.data.mnemonic
-            ? { mnemonic: response.data.mnemonic }
-            : {}),
-          ...(response.data.message ? { message: response.data.message } : {}),
-        };
-      }
-      const errorData = response.data as unknown as ApiErrorResponse;
-      return {
-        error: errorData.message
-          ? errorData.message
-          : getSuiteCoreTranslation(SuiteCoreStringKey.Validation_InvalidToken),
-        ...(errorData.errorType ? { errorType: errorData.errorType } : {}),
-      };
-    } catch (error) {
-      console.error('Backup code login error:', error);
-      if (isAxiosError<ApiErrorResponse>(error) && error.response) {
-        const errorData = error.response.data;
-        return {
-          error:
-            errorData.error ??
-            errorData.message ??
-            (error as Error).message ??
-            getSuiteCoreTranslation(SuiteCoreStringKey.Common_UnexpectedError),
-          ...(errorData.errorType ? { errorType: errorData.errorType } : {}),
-          status: error.response.status,
-        };
-      }
-      return {
-        error: getSuiteCoreTranslation(
-          SuiteCoreStringKey.Common_UnexpectedError
-        ),
-      };
-    }
-  }
-}
-
-export const createAuthService = (
-  constants: IConstants,
-  baseUrl: string,
-  eciesConfig: IECIESConfig
-) => new AuthService(constants, baseUrl, eciesConfig);

package/src/services/authenticatedApi.ts

@@ -1,17 +0,0 @@
-import axios from 'axios';
-
-export function createAuthenticatedApiClient(baseURL: string, tokenKey: string = 'authToken') {
-  const api = axios.create({ baseURL });
-
-  api.interceptors.request.use((config) => {
-    const token = localStorage.getItem(tokenKey);
-    if (token) {
-      config.headers['Authorization'] = `Bearer ${token}`;
-    }
-    const languageCode = localStorage.getItem('languageCode') ?? 'en-US';
-    config.headers['Accept-Language'] = languageCode;
-    return config;
-  });
-
-  return api;
-}

package/src/services/index.ts

@@ -1,3 +0,0 @@
-export * from './api';
-export * from './authenticatedApi';
-export * from './authService';

package/src/types/MenuType.ts

@@ -1,15 +0,0 @@
-// Branded type for menu type identifiers
-export type MenuType = string & { readonly __brand: 'MenuType' };
-
-// Factory function to create menu types
-export const createMenuType = (id: string): MenuType => id as MenuType;
-
-// Built-in menu types
-export const MenuTypes = {
-  SideMenu: createMenuType('SideMenu'),
-  TopMenu: createMenuType('TopMenu'),
-  UserMenu: createMenuType('UserMenu'),
-} as const;
-
-// Type for the built-in menu types
-export type BuiltInMenuType = typeof MenuTypes[keyof typeof MenuTypes];

package/src/types/expirationSeconds.ts

@@ -1,18 +0,0 @@
-export const ExpirationSecondsOptionValues = [0, 10, 30, 45, 60, 120, 300, 600];
-
-export function createExpirationSecondsOptionNames(
-  secondsLabel: string,
-  minuteLabel: string,
-  minutesLabel: string
-): string[] {
-  return [
-    `0 ${secondsLabel}`,
-    `10 ${secondsLabel}`,
-    `30 ${secondsLabel}`,
-    `45 ${secondsLabel}`,
-    `1 ${minuteLabel}`,
-    `2 ${minutesLabel}`,
-    `5 ${minutesLabel}`,
-    `10 ${minutesLabel}`,
-  ];
-}

package/src/types/index.ts

@@ -1 +0,0 @@
-export * from './MenuType';

package/src/types/translation.ts

@@ -1,20 +0,0 @@
-/**
- * Translation function type for components
- * Accepts a key and optional variables, returns translated string
- */
-export type TranslationFunction = (
-  key: string,
-  variables?: Record<string, string | number>
-) => string;
-
-/**
- * Helper to get translated text or fallback to provided string
- */
-export function getTranslatedText(
-  t: TranslationFunction | undefined,
-  key: string,
-  fallback: string,
-  variables?: Record<string, string | number>
-): string {
-  return t ? t(key, variables) : fallback;
-}

package/src/wrappers/BackupCodeLoginWrapper.tsx

@@ -1,34 +0,0 @@
-import { FC } from 'react';
-import { useNavigate } from 'react-router-dom';
-import { BackupCodeLoginForm } from '../components/BackupCodeLoginForm';
-import { useAuth } from '../contexts';
-
-export interface BackupCodeLoginWrapperProps {
-  onSuccess?: () => void;
-  componentProps?: Partial<React.ComponentProps<typeof BackupCodeLoginForm>>;
-}
-
-export const BackupCodeLoginWrapper: FC<BackupCodeLoginWrapperProps> = ({
-  onSuccess,
-  componentProps = {},
-}) => {
-  const { backupCodeLogin, isAuthenticated } = useAuth();
-  const navigate = useNavigate();
-
-  const handleSubmit: typeof backupCodeLogin = async (...args) => {
-    const result = await backupCodeLogin(...args);
-    if ('token' in result && onSuccess) {
-      onSuccess();
-    }
-    return result;
-  };
-
-  return (
-    <BackupCodeLoginForm
-      onSubmit={handleSubmit}
-      onNavigate={navigate}
-      isAuthenticated={isAuthenticated}
-      {...componentProps}
-    />
-  );
-};

package/src/wrappers/BackupCodesWrapper.tsx

@@ -1,28 +0,0 @@
-import { FC } from 'react';
-import { useLocation } from 'react-router-dom';
-import { BackupCodesForm } from '../components/BackupCodesForm';
-import { useBackupCodes } from '../hooks';
-
-export interface BackupCodesWrapperProps {
-  componentProps?: Partial<React.ComponentProps<typeof BackupCodesForm>>;
-}
-
-export const BackupCodesWrapper: FC<BackupCodesWrapperProps> = ({ 
-  componentProps = {},
-}) => {
-  const location = useLocation();
-  const initialCodeCount = (location.state as { codeCount?: number })?.codeCount ?? null;
-  const { backupCodesRemaining, generateBackupCodes } = useBackupCodes({ initialCodeCount });
-
-  const handleSubmit = async (values: { password?: string; mnemonic?: string }) => {
-    return await generateBackupCodes(values.password, values.mnemonic);
-  };
-  
-  return (
-    <BackupCodesForm 
-      onSubmit={handleSubmit} 
-      backupCodesRemaining={backupCodesRemaining}
-      {...componentProps}
-    />
-  );
-};

package/src/wrappers/ChangePasswordFormWrapper.tsx

@@ -1,34 +0,0 @@
-import { FC } from 'react';
-import { ChangePasswordForm } from '../components/ChangePasswordForm';
-import { useAuth } from '../contexts';
-
-export interface ChangePasswordFormWrapperProps {
-  onSuccess?: () => void;
-  componentProps?: Partial<React.ComponentProps<typeof ChangePasswordForm>>;
-}
-
-export const ChangePasswordFormWrapper: FC<ChangePasswordFormWrapperProps> = ({
-  onSuccess,
-  componentProps = {},
-}) => {
-  const { changePassword } = useAuth();
-
-  const handleSubmit = async (values: {
-    currentPassword: string;
-    newPassword: string;
-  }) => {
-    const result = await changePassword(
-      values.currentPassword,
-      values.newPassword
-    );
-    if ('error' in result) {
-      throw new Error(result.error);
-    }
-    if (onSuccess) {
-      onSuccess();
-    }
-    return result;
-  };
-
-  return <ChangePasswordForm onSubmit={handleSubmit} {...componentProps} />;
-};