Declare meta property with createAsyncAction about typesafe-actions HOT 4 CLOSED

import { createAction } from "typesafe-actions";

import { MiddlewareFlags } from "@client/store/middleware";
import { AuthTokens } from "@client/store/session/models";

export const loginPending = createAction(
  "session.loginPending",
  resolve => (flags: MiddlewareFlags) => resolve(undefined, flags)
);

export const loginSuccess = createAction(
  "session.loginSuccess",
  resolve => (tokens: AuthTokens, flags: MiddlewareFlags) => resolve(tokens, flags)
);

export const loginFailure = createAction(
  "session.loginFailure",
  resolve => (error: Error, flags: MiddlewareFlags) => resolve(error, flags)
);

/*
 * as opposed to (this is better, don't use my example above unless you need to declare meta):
 *
 * export const loginAsync = createAsyncAction(
 *   "session.login_request",
 *   "session.login_success",
 *   "session.login_failure"
 *  )<void, models.AuthTokens, Error>();
 */

//...

// ...

export const login = (usernameOrEmail: string, password: string, remember: boolean): StoreAsyncAction => async (dispatch: StoreDispatcher, getState: () => StoreState, api: API): Promise<void> => {
  dispatch(actions.loginPending({
    showLoader: "progress.logging_in"
  }));

  try {
    const authTokens: AuthTokens = await api.auth.authenticate(
      usernameOrEmail,
      password,
      remember
    );

    api.auth.cacheLocalSession(authTokens);

    dispatch(actions.loginSuccess(authTokens, {
      showLoader: false
    }));
  } catch (err) {
    dispatch(actions.loginFailure(<Error>err, {
      showLoader: false
    }));
  }
};

// ...