Alexandr SaVBaD Waltz
c60ac13e88
Fixes: 1) Replace `ElNotification` with `useNotification` across all components and composables; 2) Add missing semicolons, consistent formatting, and type annotations in multiple files; 3) Resolve non-reactive elements in wishlist and cart state management; Extra: 1) Update i18n translations with new strings for promocodes, balance, authentication, and profile settings; 2) Refactor SCSS styles including variable additions and component-specific tweaks; 3) Remove redundant queries, unused imports, and `storePage.ts` file for cleanup.
99 lines
No EOL
2.6 KiB
TypeScript
99 lines
No EOL
2.6 KiB
TypeScript
import { LOGIN } from '~/graphql/mutations/auth';
|
|
import type { ILoginResponse } from '~/types/api/auth';
|
|
import { isGraphQLError } from '~/utils/error';
|
|
import { useAppConfig } from '~/composables/config';
|
|
import { useLocaleRedirect } from '~/composables/languages';
|
|
import { useWishlist } from '~/composables/wishlist';
|
|
import { usePendingOrder } from '~/composables/orders';
|
|
import { useUserStore } from '~/stores/user';
|
|
import { useAppStore } from '~/stores/app';
|
|
import {DEFAULT_LOCALE} from "~/config/constants";
|
|
import {useNotification} from "~/composables/notification";
|
|
import {usePromocodes} from "~/composables/promocodes";
|
|
|
|
export function useLogin() {
|
|
const { t } = useI18n();
|
|
const userStore = useUserStore();
|
|
const appStore = useAppStore();
|
|
|
|
const { COOKIES_LOCALE_KEY, COOKIES_REFRESH_TOKEN_KEY, COOKIES_ACCESS_TOKEN_KEY } = useAppConfig();
|
|
const { checkAndRedirect } = useLocaleRedirect();
|
|
|
|
const cookieRefresh = useCookie(
|
|
COOKIES_REFRESH_TOKEN_KEY,
|
|
{
|
|
default: () => '',
|
|
path: '/'
|
|
}
|
|
);
|
|
const cookieAccess = useCookie(
|
|
COOKIES_ACCESS_TOKEN_KEY,
|
|
{
|
|
default: () => '',
|
|
path: '/'
|
|
}
|
|
);
|
|
const cookieLocale = useCookie(
|
|
COOKIES_LOCALE_KEY,
|
|
{
|
|
default: () => DEFAULT_LOCALE,
|
|
path: '/'
|
|
}
|
|
);
|
|
|
|
const { mutate, loading, error } = useMutation<ILoginResponse>(LOGIN);
|
|
|
|
async function login(
|
|
email: string,
|
|
password: string,
|
|
isStayLogin: boolean
|
|
) {
|
|
const result = await mutate({ email, password });
|
|
const authData = result?.data?.obtainJwtToken;
|
|
if (!authData) return;
|
|
|
|
if (isStayLogin && authData.refreshToken) {
|
|
cookieRefresh.value = authData.refreshToken;
|
|
}
|
|
|
|
userStore.setUser(authData.user);
|
|
cookieAccess.value = authData.accessToken;
|
|
|
|
appStore.unsetActiveState();
|
|
|
|
useNotification({
|
|
message: t('popup.success.login'),
|
|
type: 'success'
|
|
});
|
|
|
|
if (authData.user.language !== cookieLocale.value) {
|
|
await checkAndRedirect(authData.user.language);
|
|
}
|
|
|
|
await useWishlist();
|
|
await usePendingOrder(authData.user.email);
|
|
await usePromocodes();
|
|
//TODO: combine three requests
|
|
}
|
|
|
|
watch(error, (err) => {
|
|
if (!err) return;
|
|
console.error('useLogin error:', err);
|
|
let message = t('popup.errors.defaultError');
|
|
if (isGraphQLError(err)) {
|
|
message = err.graphQLErrors?.[0]?.message || message;
|
|
} else {
|
|
message = err.message;
|
|
}
|
|
useNotification({
|
|
message,
|
|
type: 'error',
|
|
title: t('popup.errors.main')
|
|
});
|
|
});
|
|
|
|
return {
|
|
loading,
|
|
login
|
|
};
|
|
} |