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
  };
}