d.js

import {createStore, createEvent, createEffect} from 'effector';
import {authService, googleAuthProvider} from '../cloudStore';

const userStateChange = createEvent('userStateChange');

const signIn = createEffect('signIn').use(() =>
    authService.signInWithPopup(googleAuthProvider)
);
const signOut = createEffect('signOut').use(() => authService.signOut());

const $user = createStore(null);
const $loginError = createStore(null);
const $isUserUpdating = createStore(false);

$user.on(userStateChange, (_, currentUser) => currentUser);

authService.onAuthStateChanged(userStateChange);

$isUserUpdating
    .reset(signIn.done)
    .reset(signIn.fail)
    .reset(signOut.done)
    .reset(signOut.fail)
    .on(signIn, () => true)
    .on(signOut, () => true);

const $isAuth = $user.map(Boolean);

export const userModel = {
    effects: {
        signIn,
        signOut,
    },
    stores: {
        $user,
        $isAuth,
        $isUserUpdating,
    },
};