accounts-frontend/packages/app/components/auth/reducer.ts

import { combineReducers, Reducer } from 'redux';
import { RootState } from 'app/reducers';
import { Scope } from '../../services/api/oauth';

import {
  ErrorAction,
  CredentialsAction,
  AccountSwitcherAction,
  LoadingAction,
  ClientAction,
  OAuthAction,
  ScopesAction,
} from './actions';

export interface Credentials {
  login?: string | null; // By some reasons there is can be null value. Need to investigate.
  password?: string;
  rememberMe?: boolean;
  returnUrl?: string;
  isRelogin?: boolean;
  isTotpRequired?: boolean;
}

type Error = Record<
  string,
  | string
  | {
      type: string;
      payload: Record<string, any>;
    }
> | null;

export interface Client {
  id: string;
  name: string;
  description: string;
}

export interface OAuthState {
  clientId: string;
  redirectUrl: string;
  responseType: string;
  description?: string;
  scope: string;
  prompt: string;
  loginHint: string;
  state: string;
  success?: boolean;
  code?: string;
  displayCode?: boolean;
  acceptRequired?: boolean;
}

type Scopes = Array<Scope>;

export interface State {
  credentials: Credentials;
  error: Error;
  isLoading: boolean;
  isSwitcherEnabled: boolean;
  client: Client | null;
  oauth: OAuthState | null;
  scopes: Scopes;
}

const error: Reducer<State['error'], ErrorAction> = (
  state = null,
  { type, payload },
) => {
  if (type === 'auth:error') {
    return payload;
  }

  return state;
};

const credentials: Reducer<State['credentials'], CredentialsAction> = (
  state = {},
  { type, payload },
) => {
  if (type === 'auth:setCredentials') {
    if (payload) {
      return {
        ...payload,
      };
    }

    return {};
  }

  return state;
};

const isSwitcherEnabled: Reducer<
  State['isSwitcherEnabled'],
  AccountSwitcherAction
> = (state = true, { type, payload }) => {
  if (type === 'auth:setAccountSwitcher') {
    return payload;
  }

  return state;
};

const isLoading: Reducer<State['isLoading'], LoadingAction> = (
  state = false,
  { type, payload },
) => {
  if (type === 'set_loading_state') {
    return payload;
  }

  return state;
};

const client: Reducer<State['client'], ClientAction> = (
  state = null,
  { type, payload },
) => {
  if (type === 'set_client') {
    return payload;
  }

  return state;
};

const oauth: Reducer<State['oauth'], OAuthAction> = (state = null, action) => {
  switch (action.type) {
    case 'set_oauth':
      return action.payload;
    case 'set_oauth_result':
      return {
        ...(state as OAuthState),
        ...action.payload,
      };
    case 'require_permissions_accept':
      return {
        ...(state as OAuthState),
        acceptRequired: true,
      };
    default:
      return state;
  }
};

const scopes: Reducer<State['scopes'], ScopesAction> = (
  state = [],
  { type, payload },
) => {
  if (type === 'set_scopes') {
    return payload;
  }

  return state;
};

export default combineReducers<State>({
  credentials,
  error,
  isLoading,
  isSwitcherEnabled,
  client,
  oauth,
  scopes,
});

export function getLogin(
  state: RootState | Pick<RootState, 'auth'>,
): string | null {
  return state.auth.credentials.login || null;
}

export function getCredentials(state: RootState): Credentials {
  return state.auth.credentials;
}