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.
82 lines
No EOL
2 KiB
TypeScript
82 lines
No EOL
2 KiB
TypeScript
import {REGISTER} from "@/graphql/mutations/auth.js";
|
|
import {useMailClient} from "@/composables/utils";
|
|
import {isGraphQLError} from "~/utils/error";
|
|
import type {IRegisterResponse} from "~/types";
|
|
import {useNotification} from "~/composables/notification";
|
|
|
|
interface IRegisterArguments {
|
|
firstName: string,
|
|
lastName: string,
|
|
phoneNumber: string,
|
|
email: string,
|
|
password: string,
|
|
confirmPassword: string,
|
|
referrer: string
|
|
}
|
|
|
|
export function useRegister() {
|
|
const {t} = useI18n();
|
|
const appStore = useAppStore();
|
|
|
|
const { mailClientUrl, detectMailClient, openMailClient } = useMailClient();
|
|
|
|
const { mutate, loading, error } = useMutation<IRegisterResponse>(REGISTER);
|
|
|
|
async function register(
|
|
payload: IRegisterArguments
|
|
) {
|
|
const result = await mutate({
|
|
firstName: payload.firstName,
|
|
lastName: payload.lastName,
|
|
phoneNumber: payload.phoneNumber,
|
|
email: payload.email,
|
|
password: payload.password,
|
|
confirmPassword: payload.confirmPassword,
|
|
referrer: payload.referrer
|
|
});
|
|
|
|
if (result?.data?.createUser?.success) {
|
|
detectMailClient(payload.email);
|
|
|
|
useNotification({
|
|
message: h('div', [
|
|
h('p', t('popup.success.register')),
|
|
mailClientUrl.value ? h(
|
|
'button',
|
|
{
|
|
class: 'el-notification__button',
|
|
onClick: () => {
|
|
openMailClient();
|
|
}
|
|
},
|
|
t('buttons.goEmail')
|
|
) : ''
|
|
]),
|
|
type: 'success'
|
|
});
|
|
|
|
appStore.unsetActiveState();
|
|
}
|
|
}
|
|
|
|
watch(error, (err) => {
|
|
if (!err) return;
|
|
console.error('useRegister 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 {
|
|
register,
|
|
loading
|
|
};
|
|
} |