// Screen 5 — Dashboard overview (v2 Premium model).
// Источник: Agents/PREMIUM_ENTITLEMENT_MODEL_V2.md + WEB_SERVICE_ACCOUNT_FLOW_V2.md.
// ОДИН продукт «Fortune VPN Premium» с capabilities android/ios/external_subscription_url.
function Screen_Dashboard({ scenario = "active" }) {
// scenarios: 'active' / 'empty' / 'expiring' / 'expired'
const s = useAppState();
const isEmpty = scenario === "empty";
const isExpire = scenario === "expiring";
const isExpired = scenario === "expired";
if (isEmpty || (s.premium && s.premium.status !== "active" && !isExpire && !isExpired)) {
return ;
}
// Расчёт дней до конца подписки (для expiration banner).
const validUntil = s?.premium?.valid_until || s?.entitlement?.expires_at;
const daysLeft = (() => {
if (!validUntil) return 999;
return Math.ceil((new Date(validUntil).getTime() - Date.now()) / 86400000);
})();
// Banner показываем только когда продление реально открылось (≤ 24ч) или подписка истекла.
// Раньше показывали с 14 дней, но по новой бизнес-модели до этого момента продлить нельзя —
// напоминание выглядело бы фальшиво.
const showExpireBanner = isExpired || daysLeft <= 1;
const chipText = isExpired ? "ИСТЕКЛА" : isExpire ? "ИСТЕКАЕТ" : "ПОДПИСКА";
const pillKind = isExpired ? "off" : isExpire ? "warn" : "ok";
const pillText = isExpired
? "Подписка истекла"
: isExpire
? "Подписка скоро истечёт"
: "Подписка активна";
const realDate = validUntil ? window.fmtDate(validUntil) : "—";
const dateText = isExpired ? "доступ истёк" : isExpire ? `${daysLeft} ${pluralDays(daysLeft)}` : realDate;
const titleNode = isExpired
? Подписка истекла
: isExpire
? Осталось {dateText}
: Подписка до {dateText};
return (
{/* Expiration banner (Proton-style): «Подписка истекает через N дней · Продлить» */}
{showExpireBanner && (
)}
}
title={titleNode}
>
{isExpired
? "Продлите подписку, чтобы продолжить пользоваться сервисом."
: "Подписка активна. Подключайтесь через V2Ray или Incy; Android и iOS — после релиза приложений."}
{(() => {
const gate = window.canBuySubscription ? window.canBuySubscription() : { canBuy: true };
return gate.canBuy
?
:
Продление откроется за 24 часа до конца — через {window.fmtTimeLeft(Math.max(0, gate.msLeft - 24*60*60*1000))};
})()}
{/* Двухколоночный layout: main (2fr) + right-rail (1fr), на мобиле — стек.
«Способы подключения» внутри main column — чтобы левая колонка по высоте
догоняла правый rail и не было пустоты под PremiumSummaryCard. */}
{/* MAIN COLUMN */}
{/* Способы подключения */}
СПОСОБЫ ПОДКЛЮЧЕНИЯ
window.navigate("keys")}
/>
Одна подписка покрывает все способы подключения. Когда приложения выйдут — никаких доплат.
{/* RIGHT RAIL (Proton-style «Get more from your VPN») */}
);
}
// Premium summary card — главный блок на /home.
// Источник: Agents/PREMIUM_ENTITLEMENT_MODEL_V2.md.
// Показывает: статус, valid_until, seats used / max, capabilities (android/ios/external).
function PremiumSummaryCard({ isExpired, isExpire }) {
const s = useAppState();
const p = s.premium;
const lim = s.limits;
const cap = p.capabilities;
const validUntil = p.valid_until ? window.fmtDate(p.valid_until) : "—";
const expireDaysLeft = (() => {
if (!p.valid_until) return null;
return Math.ceil((new Date(p.valid_until).getTime() - Date.now()) / 86400000);
})();
return (
После релиза — список с last-active и кнопкой «Отвязать»
)}
);
}
// Используем единый Apple-силуэт из Icons.apple — чтобы /home и сайдбар выглядели одинаково.
const IosIcon = () => ;
// Empty dashboard = «first LK visit» state per WEB_SERVICE_ACCOUNT_FLOW_V2.md.
// Юзер залогинен (или только что создал аккаунт через /buy-start), Premium не активен.
// Спека требует показать:
// Premium: not active
// Subscription: not active
// Seats used: 0 of 3
// External slots: 0 of 2
function Dashboard_Empty() {
const s = useAppState();
const lim = s.limits;
return (
}
title="Оформите подписку"
>
Одна подписка — до 3 подключений: V2Ray, Incy и (скоро) приложения для Android и iOS.
{" "}1 месяц · 99 ₽ · без автопродления.