mirror of
https://github.com/chillpadclub/bedolaga-cabinet.git
synced 2026-10-31 23:20:48 +00:00
Новый пользователь попадал в кабинет молча — никаких документов ему не показывали. Теперь при создании аккаунта он подтверждает, что ознакомился с офертой и политикой. Набор документов и сам факт включения гейта приходят с бэка (GET /cabinet/info/legal-consent): там же учитывается, заполнены ли документы и видны ли они в вебе. Фронт знает только ключи и адреса публичных страниц /offer и /privacy — тех же, что уже линкует футер логина. Два пути входа устроены по-разному, поэтому и UI разный: - регистрация по email — чекбоксы прямо в форме, кнопка заблокирована до галочек; - Telegram-вход происходит сам собой, спрашивать заранее не у чего. Поэтому ловим 428 от бэка и показываем отдельный экран согласия, а замыкание помнит, какой именно вход повторить после простановки галочек. Тот же приём страхует и email-форму: конфиг мог протухнуть, если админ включил гейт между загрузкой страницы и отправкой. Неизвестный ключ документа всё равно рисуем (без ссылки): бэк его требует, и молча спрятанный чекбокс превратился бы в «кнопка не работает и непонятно почему». Локали ru/en/zh/fa.
428 lines
14 KiB
TypeScript
428 lines
14 KiB
TypeScript
import { create } from 'zustand';
|
|
import { persist } from 'zustand/middleware';
|
|
import type { CampaignBonusInfo, RegisterResponse, User } from '../types';
|
|
import { authApi } from '../api/auth';
|
|
import { apiClient } from '../api/client';
|
|
import {
|
|
captureCampaignFromUrl,
|
|
consumeCampaignSlug,
|
|
getPendingCampaignSlug,
|
|
} from '../utils/campaign';
|
|
import {
|
|
captureReferralFromUrl,
|
|
consumeReferralCode,
|
|
getPendingReferralCode,
|
|
} from '../utils/referral';
|
|
import {
|
|
tokenStorage,
|
|
isTokenValid,
|
|
tokenRefreshManager,
|
|
restoreRefreshTokenFromCloud,
|
|
} from '../utils/token';
|
|
import { usePermissionStore } from './permissions';
|
|
|
|
export interface TelegramWidgetData {
|
|
id: number;
|
|
first_name: string;
|
|
last_name?: string;
|
|
username?: string;
|
|
photo_url?: string;
|
|
auth_date: number;
|
|
hash: string;
|
|
}
|
|
|
|
interface AuthState {
|
|
accessToken: string | null;
|
|
refreshToken: string | null;
|
|
user: User | null;
|
|
isAuthenticated: boolean;
|
|
isLoading: boolean;
|
|
isAdmin: boolean;
|
|
pendingCampaignBonus: CampaignBonusInfo | null;
|
|
|
|
setTokens: (accessToken: string, refreshToken: string) => void;
|
|
setUser: (user: User) => void;
|
|
setIsAdmin: (isAdmin: boolean) => void;
|
|
clearCampaignBonus: () => void;
|
|
logout: () => void;
|
|
initialize: () => Promise<void>;
|
|
refreshUser: () => Promise<void>;
|
|
checkAdminStatus: () => Promise<void>;
|
|
loginWithTelegram: (initData: string, acceptedLegalDocuments?: string[]) => Promise<void>;
|
|
loginWithTelegramWidget: (
|
|
data: TelegramWidgetData,
|
|
acceptedLegalDocuments?: string[],
|
|
) => Promise<void>;
|
|
loginWithTelegramOIDC: (idToken: string, acceptedLegalDocuments?: string[]) => Promise<void>;
|
|
loginWithEmail: (email: string, password: string) => Promise<void>;
|
|
loginWithOAuth: (
|
|
provider: string,
|
|
code: string,
|
|
state: string,
|
|
deviceId?: string | null,
|
|
) => Promise<void>;
|
|
loginWithDeepLink: (token: string, campaignSlug?: string | null) => Promise<void>;
|
|
registerWithEmail: (
|
|
email: string,
|
|
password: string,
|
|
firstName?: string,
|
|
referralCode?: string,
|
|
acceptedLegalDocuments?: string[],
|
|
) => Promise<RegisterResponse>;
|
|
}
|
|
|
|
const initState = {
|
|
promise: null as Promise<void> | null,
|
|
isInitializing: false,
|
|
isInitialized: false,
|
|
};
|
|
|
|
export const useAuthStore = create<AuthState>()(
|
|
persist(
|
|
(set, get) => ({
|
|
accessToken: null,
|
|
refreshToken: null,
|
|
user: null,
|
|
isAuthenticated: false,
|
|
isLoading: true,
|
|
isAdmin: false,
|
|
pendingCampaignBonus: null,
|
|
|
|
clearCampaignBonus: () => set({ pendingCampaignBonus: null }),
|
|
|
|
setTokens: (accessToken, refreshToken) => {
|
|
if (!accessToken || !refreshToken) {
|
|
throw new Error('Invalid tokens: cannot store empty credentials');
|
|
}
|
|
tokenStorage.setTokens(accessToken, refreshToken);
|
|
set({
|
|
accessToken,
|
|
refreshToken,
|
|
isAuthenticated: true,
|
|
});
|
|
},
|
|
|
|
setUser: (user) => {
|
|
set({ user });
|
|
},
|
|
|
|
setIsAdmin: (isAdmin) => {
|
|
set({ isAdmin });
|
|
},
|
|
|
|
logout: () => {
|
|
const refreshToken = tokenStorage.getRefreshToken();
|
|
if (refreshToken) {
|
|
authApi.logout(refreshToken).catch(() => {});
|
|
}
|
|
tokenStorage.clearTokens();
|
|
usePermissionStore.getState().reset();
|
|
set({
|
|
accessToken: null,
|
|
refreshToken: null,
|
|
user: null,
|
|
isAuthenticated: false,
|
|
isAdmin: false,
|
|
});
|
|
},
|
|
|
|
checkAdminStatus: async () => {
|
|
try {
|
|
const token = tokenStorage.getAccessToken();
|
|
if (!token || !isTokenValid(token)) {
|
|
set({ isAdmin: false });
|
|
usePermissionStore.getState().reset();
|
|
return;
|
|
}
|
|
const response = await apiClient.get<{ is_admin: boolean }>('/cabinet/auth/me/is-admin');
|
|
set({ isAdmin: response.data.is_admin });
|
|
if (response.data.is_admin) {
|
|
await usePermissionStore.getState().fetchPermissions();
|
|
} else {
|
|
usePermissionStore.getState().reset();
|
|
}
|
|
} catch {
|
|
set({ isAdmin: false });
|
|
usePermissionStore.getState().reset();
|
|
}
|
|
},
|
|
|
|
refreshUser: async () => {
|
|
try {
|
|
const user = await authApi.getMe();
|
|
set({ user });
|
|
} catch {}
|
|
},
|
|
|
|
initialize: async () => {
|
|
if (initState.isInitialized) {
|
|
return;
|
|
}
|
|
|
|
if (initState.isInitializing && initState.promise) {
|
|
return initState.promise;
|
|
}
|
|
|
|
// Three identical state shapes appeared inline 6 times — extract them
|
|
// here (closure-scoped to keep auth state internal). Behaviour is
|
|
// byte-for-byte identical to the previous inline blocks; the only
|
|
// change is that mistypes can't drift between branches.
|
|
// accessToken is typed `string | null` to match the previous inline
|
|
// set() shape and AuthState's field; in practice it's only called
|
|
// along the post-isTokenValid / post-refresh branches where the
|
|
// value is guaranteed non-null at runtime.
|
|
const applySession = (
|
|
accessToken: string | null,
|
|
refreshTokenValue: string,
|
|
user: User,
|
|
): void => {
|
|
set({
|
|
accessToken,
|
|
refreshToken: refreshTokenValue,
|
|
user,
|
|
isAuthenticated: true,
|
|
isLoading: false,
|
|
});
|
|
};
|
|
const clearSession = (): void => {
|
|
tokenStorage.clearTokens();
|
|
set({
|
|
accessToken: null,
|
|
refreshToken: null,
|
|
user: null,
|
|
isAuthenticated: false,
|
|
isLoading: false,
|
|
});
|
|
};
|
|
|
|
initState.isInitializing = true;
|
|
initState.promise = (async () => {
|
|
try {
|
|
set({ isLoading: true });
|
|
|
|
tokenStorage.migrateFromLocalStorage();
|
|
|
|
const accessToken = tokenStorage.getAccessToken();
|
|
let refreshToken = tokenStorage.getRefreshToken();
|
|
|
|
if (!refreshToken) {
|
|
// localStorage may have been wiped by the Telegram WebView; try to
|
|
// recover the refresh token from Telegram CloudStorage before giving up.
|
|
refreshToken = await restoreRefreshTokenFromCloud();
|
|
if (!refreshToken) {
|
|
set({ isLoading: false, isAuthenticated: false });
|
|
return;
|
|
}
|
|
}
|
|
|
|
if (!isTokenValid(accessToken)) {
|
|
const newToken = await tokenRefreshManager.refreshAccessToken();
|
|
if (newToken) {
|
|
const user = await authApi.getMe();
|
|
await get().checkAdminStatus();
|
|
applySession(newToken, refreshToken, user);
|
|
} else if (tokenRefreshManager.lastFailureWasTransport) {
|
|
// Backend unreachable, not a rejected token — keep the session
|
|
// (don't wipe tokens) so the ServiceUnavailableScreen can resume
|
|
// once the backend returns. Just stop the bootstrap loader.
|
|
set({ isLoading: false });
|
|
} else {
|
|
clearSession();
|
|
}
|
|
return;
|
|
}
|
|
|
|
try {
|
|
const user = await authApi.getMe();
|
|
await get().checkAdminStatus();
|
|
applySession(accessToken, refreshToken, user);
|
|
} catch {
|
|
const newToken = await tokenRefreshManager.refreshAccessToken();
|
|
if (newToken) {
|
|
try {
|
|
const user = await authApi.getMe();
|
|
await get().checkAdminStatus();
|
|
applySession(newToken, refreshToken, user);
|
|
} catch {
|
|
clearSession();
|
|
}
|
|
} else if (tokenRefreshManager.lastFailureWasTransport) {
|
|
// Backend unreachable, not a rejected token — keep the session
|
|
// (don't wipe tokens) so the ServiceUnavailableScreen can resume
|
|
// once the backend returns. Just stop the bootstrap loader.
|
|
set({ isLoading: false });
|
|
} else {
|
|
clearSession();
|
|
}
|
|
}
|
|
} finally {
|
|
initState.isInitializing = false;
|
|
initState.isInitialized = true;
|
|
initState.promise = null;
|
|
}
|
|
})();
|
|
|
|
return initState.promise;
|
|
},
|
|
|
|
loginWithTelegram: async (initData, acceptedLegalDocuments) => {
|
|
const campaignSlug = getPendingCampaignSlug();
|
|
const referralCode = getPendingReferralCode();
|
|
const response = await authApi.loginTelegram(
|
|
initData,
|
|
campaignSlug,
|
|
referralCode,
|
|
acceptedLegalDocuments,
|
|
);
|
|
// Clear only after successful auth — retry keeps the slugs
|
|
consumeCampaignSlug();
|
|
consumeReferralCode();
|
|
tokenStorage.setTokens(response.access_token, response.refresh_token);
|
|
set({
|
|
accessToken: response.access_token,
|
|
refreshToken: response.refresh_token,
|
|
user: response.user,
|
|
isAuthenticated: true,
|
|
pendingCampaignBonus: response.campaign_bonus || null,
|
|
});
|
|
await get().checkAdminStatus();
|
|
},
|
|
|
|
loginWithTelegramWidget: async (data, acceptedLegalDocuments) => {
|
|
const campaignSlug = getPendingCampaignSlug();
|
|
const referralCode = getPendingReferralCode();
|
|
const response = await authApi.loginTelegramWidget(
|
|
data,
|
|
campaignSlug,
|
|
referralCode,
|
|
acceptedLegalDocuments,
|
|
);
|
|
consumeCampaignSlug();
|
|
consumeReferralCode();
|
|
tokenStorage.setTokens(response.access_token, response.refresh_token);
|
|
set({
|
|
accessToken: response.access_token,
|
|
refreshToken: response.refresh_token,
|
|
user: response.user,
|
|
isAuthenticated: true,
|
|
pendingCampaignBonus: response.campaign_bonus || null,
|
|
});
|
|
await get().checkAdminStatus();
|
|
},
|
|
|
|
loginWithTelegramOIDC: async (idToken, acceptedLegalDocuments) => {
|
|
const campaignSlug = getPendingCampaignSlug();
|
|
const referralCode = getPendingReferralCode();
|
|
const response = await authApi.loginTelegramOIDC(
|
|
idToken,
|
|
campaignSlug,
|
|
referralCode,
|
|
acceptedLegalDocuments,
|
|
);
|
|
consumeCampaignSlug();
|
|
consumeReferralCode();
|
|
tokenStorage.setTokens(response.access_token, response.refresh_token);
|
|
set({
|
|
accessToken: response.access_token,
|
|
refreshToken: response.refresh_token,
|
|
user: response.user,
|
|
isAuthenticated: true,
|
|
pendingCampaignBonus: response.campaign_bonus || null,
|
|
});
|
|
await get().checkAdminStatus();
|
|
},
|
|
|
|
loginWithEmail: async (email, password) => {
|
|
const campaignSlug = getPendingCampaignSlug();
|
|
const referralCode = getPendingReferralCode();
|
|
const response = await authApi.loginEmail(email, password, campaignSlug, referralCode);
|
|
consumeCampaignSlug();
|
|
consumeReferralCode();
|
|
tokenStorage.setTokens(response.access_token, response.refresh_token);
|
|
set({
|
|
accessToken: response.access_token,
|
|
refreshToken: response.refresh_token,
|
|
user: response.user,
|
|
isAuthenticated: true,
|
|
pendingCampaignBonus: response.campaign_bonus || null,
|
|
});
|
|
await get().checkAdminStatus();
|
|
},
|
|
|
|
loginWithOAuth: async (provider, code, state, deviceId) => {
|
|
const campaignSlug = getPendingCampaignSlug();
|
|
const referralCode = getPendingReferralCode();
|
|
const response = await authApi.oauthCallback(
|
|
provider,
|
|
code,
|
|
state,
|
|
deviceId,
|
|
campaignSlug,
|
|
referralCode,
|
|
);
|
|
consumeCampaignSlug();
|
|
consumeReferralCode();
|
|
tokenStorage.setTokens(response.access_token, response.refresh_token);
|
|
set({
|
|
accessToken: response.access_token,
|
|
refreshToken: response.refresh_token,
|
|
user: response.user,
|
|
isAuthenticated: true,
|
|
pendingCampaignBonus: response.campaign_bonus || null,
|
|
});
|
|
await get().checkAdminStatus();
|
|
},
|
|
|
|
loginWithDeepLink: async (token, campaignSlug) => {
|
|
const response = await authApi.pollDeepLinkToken(token, campaignSlug);
|
|
if (!response.access_token || !response.refresh_token) {
|
|
throw new Error('Invalid auth response: missing tokens');
|
|
}
|
|
tokenStorage.setTokens(response.access_token, response.refresh_token);
|
|
set({
|
|
accessToken: response.access_token,
|
|
refreshToken: response.refresh_token,
|
|
user: response.user,
|
|
isAuthenticated: true,
|
|
pendingCampaignBonus: response.campaign_bonus || null,
|
|
});
|
|
await get().checkAdminStatus();
|
|
},
|
|
|
|
registerWithEmail: async (
|
|
email,
|
|
password,
|
|
firstName,
|
|
referralCode,
|
|
acceptedLegalDocuments,
|
|
) => {
|
|
const code = referralCode || getPendingReferralCode() || undefined;
|
|
const campaignSlug = getPendingCampaignSlug() || undefined;
|
|
const response = await authApi.registerEmailStandalone({
|
|
email,
|
|
password,
|
|
first_name: firstName,
|
|
language: navigator.language.split('-')[0] || 'ru',
|
|
referral_code: code,
|
|
campaign_slug: campaignSlug,
|
|
accepted_legal_documents: acceptedLegalDocuments,
|
|
});
|
|
consumeReferralCode();
|
|
return response;
|
|
},
|
|
}),
|
|
{
|
|
name: 'cabinet-auth',
|
|
partialize: (state) => ({
|
|
user: state.user,
|
|
}),
|
|
},
|
|
),
|
|
);
|
|
|
|
captureCampaignFromUrl();
|
|
captureReferralFromUrl();
|
|
|
|
// Note: initialize() is kicked off from main.tsx after the Telegram SDK is set up,
|
|
// so CloudStorage-backed token recovery can run during bootstrap.
|