74 lines
2.3 KiB
TypeScript
74 lines
2.3 KiB
TypeScript
import { User } from "@saleor/fragments/types/User";
|
|
import { parse as parseQs } from "qs";
|
|
import React, { MutableRefObject } from "react";
|
|
import { Route, RouteComponentProps, Switch } from "react-router-dom";
|
|
|
|
import Layout from "./components/Layout";
|
|
import {
|
|
ExternalLoginInput,
|
|
RequestExternalLoginInput
|
|
} from "./hooks/useExternalAuthProvider";
|
|
import { ExternalObtainAccessTokens_externalObtainAccessTokens } from "./types/ExternalObtainAccessTokens";
|
|
import { TokenAuth_tokenCreate } from "./types/TokenAuth";
|
|
import {
|
|
LoginUrlQueryParams,
|
|
newPasswordPath,
|
|
passwordResetPath,
|
|
passwordResetSuccessPath
|
|
} from "./urls";
|
|
import LoginViewComponent from "./views/Login";
|
|
import NewPassword from "./views/NewPassword";
|
|
import ResetPassword from "./views/ResetPassword";
|
|
import ResetPasswordSuccess from "./views/ResetPasswordSuccess";
|
|
|
|
const LoginView: React.FC<RouteComponentProps<any>> = () => {
|
|
const qs = parseQs(location.search.substr(1));
|
|
const params: LoginUrlQueryParams = qs;
|
|
|
|
return <LoginViewComponent params={params} />;
|
|
};
|
|
|
|
interface UserContext {
|
|
login: (username: string, password: string) => Promise<TokenAuth_tokenCreate>;
|
|
loginByExternalPlugin: (
|
|
input: ExternalLoginInput
|
|
) => Promise<ExternalObtainAccessTokens_externalObtainAccessTokens>;
|
|
loginByToken: (auth: string, csrf: string, user: User) => void;
|
|
logout: () => void;
|
|
requestLoginByExternalPlugin: (
|
|
pluginId: string,
|
|
input: RequestExternalLoginInput
|
|
) => Promise<void>;
|
|
tokenAuthLoading: boolean;
|
|
tokenRefresh: () => Promise<boolean>;
|
|
tokenVerifyLoading: boolean;
|
|
user?: User;
|
|
autologinPromise?: MutableRefObject<Promise<any>>;
|
|
}
|
|
|
|
export const UserContext = React.createContext<UserContext>({
|
|
login: undefined,
|
|
loginByExternalPlugin: undefined,
|
|
loginByToken: undefined,
|
|
logout: undefined,
|
|
requestLoginByExternalPlugin: undefined,
|
|
tokenAuthLoading: false,
|
|
tokenRefresh: undefined,
|
|
tokenVerifyLoading: false
|
|
});
|
|
|
|
const AuthRouter: React.FC = () => (
|
|
<Layout>
|
|
<Switch>
|
|
<Route path={passwordResetSuccessPath} component={ResetPasswordSuccess} />
|
|
<Route path={passwordResetPath} component={ResetPassword} />
|
|
<Route path={newPasswordPath} component={NewPassword} />
|
|
<Route component={LoginView} />
|
|
</Switch>
|
|
</Layout>
|
|
);
|
|
|
|
AuthRouter.displayName = "AuthRouter";
|
|
export default AuthRouter;
|
|
|
|
export * from "./utils";
|