linkfeed-pro 1.0.7

package/entrypoints/popup/main.ts

@@ -0,0 +1,452 @@
+import { browser } from '#imports';
+import { getCachedLicense, getDeviceId, getLicenseState, getUserEmail } from '../../lib/license';
+import type { LicenseState } from '@linkfeed/shared';
+import { updateUIForLicenseState, getLicenseUIState } from './modules/ui-state';
+import { APP_URLS } from '../../lib/constants';
+import { loadSettings, handleSettingChange, updateSliderDisplay } from './modules/settings';
+import type { UiLocalePreference } from '../../lib/storage';
+import {
+    initLocalization,
+    setLocalePreference,
+    getLocalePreference,
+    getLocaleOptions,
+    t,
+} from '../../lib/i18n';
+import {
+    showModal,
+    cancelFlow,
+    sendActivationLink,
+    attemptActivation,
+    showEmailStep,
+    restorePendingState,
+    setModalLicenseState,
+    showExpiredModal
+} from './modules/auth-modal';
+
+let currentLicenseState: LicenseState | null = null;
+let currentUserEmail: string | null = null;
+let activeView: 'hides' | 'display' | 'preferences' = 'hides';
+let primaryView: 'hides' | 'display' = 'hides';
+
+// ============================
+// INITIALIZATION
+// ============================
+document.addEventListener('DOMContentLoaded', async () => {
+    await initLocalization();
+    setupI18n();
+    await loadSettings();
+    await loadLicenseState();
+    await restorePendingState(loadLicenseState);
+    await syncLocaleSelector();
+    setupEventListeners();
+    renderActiveView();
+});
+
+function setupI18n() {
+    document.title = t('extensionName');
+
+    // Header controls
+    const powerLabel = document.getElementById('global-toggle-label');
+    if (powerLabel) {
+        powerLabel.setAttribute('title', t('powerToggleTitle'));
+    }
+
+    const settingsBtn = document.getElementById('open-settings-btn');
+    if (settingsBtn) {
+        settingsBtn.setAttribute('title', t('settingsButtonTitle'));
+        settingsBtn.setAttribute('aria-label', t('settingsButtonTitle'));
+    }
+
+    const hideBtn = document.getElementById('open-hide-btn');
+    if (hideBtn) {
+        hideBtn.setAttribute('title', t('hideButtonTitle'));
+        hideBtn.setAttribute('aria-label', t('hideButtonTitle'));
+    }
+
+    const displayBtn = document.getElementById('open-display-btn');
+    if (displayBtn) {
+        displayBtn.setAttribute('title', t('displayButtonTitle'));
+        displayBtn.setAttribute('aria-label', t('displayButtonTitle'));
+    }
+
+    // Labels
+    const labels: Record<string, string> = {
+        hideSidebars: 'removeSidebars',
+        hidePromoted: 'hidePromoted',
+        hideStartPost: 'hideStartPost',
+        hideMessenger: 'hideMessenger',
+        hideNavBar: 'hideNavBar',
+        autoExpandPosts: 'autoExpandPosts',
+        hideRemovedFeedCards: 'hideRemovedFeedCards',
+    };
+
+    Object.entries(labels).forEach(([id, key]) => {
+        const el = document.getElementById(id)?.parentElement?.querySelector('.setting-label');
+        if (el) el.textContent = t(key);
+    });
+
+    // Sections
+    const fontSizeLabel = document.querySelector('#fontSize')?.parentElement?.querySelector('.section-label');
+    if (fontSizeLabel) fontSizeLabel.textContent = t('textSize');
+
+    const feedWidthLabel = document.querySelector('#feedWidth')?.parentElement?.querySelector('.section-label');
+    if (feedWidthLabel) feedWidthLabel.textContent = t('feedWidth');
+
+    const feedSpacingLabel = document.querySelector('#feedSpacing')?.parentElement?.querySelector('.section-label');
+    if (feedSpacingLabel) feedSpacingLabel.textContent = t('postSpacing');
+
+    const settingsTitle = document.getElementById('settings-title');
+    if (settingsTitle) settingsTitle.textContent = t('settingsPageTitle');
+
+    const settingsLanguageLabel = document.getElementById('settings-language-label');
+    if (settingsLanguageLabel) settingsLanguageLabel.textContent = t('settingsLanguageLabel');
+
+    const settingsLanguageHelp = document.getElementById('settings-language-help');
+    if (settingsLanguageHelp) settingsLanguageHelp.textContent = t('settingsLanguageHelp');
+
+    const settingsSubscriptionTitle = document.getElementById('settings-subscription-title');
+    if (settingsSubscriptionTitle) settingsSubscriptionTitle.textContent = t('settingsSubscriptionTitle');
+
+    const settingsSubscriptionStatusLabel = document.getElementById('settings-subscription-status-label');
+    if (settingsSubscriptionStatusLabel) settingsSubscriptionStatusLabel.textContent = t('settingsSubscriptionStatusLabel');
+
+    const settingsAccountBtn = document.getElementById('settings-account-btn');
+    if (settingsAccountBtn) settingsAccountBtn.textContent = t('settingsAccountButton');
+
+    const settingsUpgradeBtn = document.getElementById('settings-upgrade-btn');
+    if (settingsUpgradeBtn) settingsUpgradeBtn.textContent = t('settingsUpgradeButton');
+
+    const settingsVersionLabel = document.getElementById('settings-version-label');
+    if (settingsVersionLabel) settingsVersionLabel.textContent = t('settingsVersionLabel');
+
+    // Modal
+    const setStepText = (id: string, selector: string, key: string) => {
+        const el = document.querySelector(`#${id} ${selector}`);
+        if (el) el.textContent = t(key);
+    };
+
+    setStepText('modal-email-step', 'h2', 'unlockProTitle');
+    setStepText('modal-email-step', '.modal-desc', 'unlockProDesc');
+
+    const emailInput = document.getElementById('modal-email') as HTMLInputElement;
+    if (emailInput) emailInput.placeholder = t('emailPlaceholder');
+
+    const sendBtn = document.getElementById('modal-send-link-btn');
+    if (sendBtn) sendBtn.textContent = t('sendLink');
+
+    setStepText('modal-check-email-step', 'h2', 'checkEmailTitle');
+    const verifyBtn = document.getElementById('modal-verify-btn');
+    if (verifyBtn) verifyBtn.textContent = t('verifyBtn');
+
+    const backBtn = document.getElementById('modal-back-btn');
+    if (backBtn) backBtn.textContent = t('differentEmail');
+
+    setStepText('modal-expired-step', 'h2', 'expiredTitle');
+    setStepText('modal-expired-step', '.modal-desc', 'expiredDesc');
+
+    const upgradeBtn = document.getElementById('modal-upgrade-btn');
+    if (upgradeBtn) upgradeBtn.textContent = t('upgradeBtn');
+
+    renderExtensionVersion();
+    renderSubscriptionCard();
+}
+
+function renderExtensionVersion() {
+    const versionValue = document.getElementById('settings-version-value');
+    if (!versionValue) {
+        return;
+    }
+
+    const version = browser.runtime.getManifest().version;
+    versionValue.textContent = `v${version}`;
+}
+
+function getTrialHoursRemaining(expiresAt?: string): number {
+    if (!expiresAt) {
+        return 0;
+    }
+
+    const diffMs = new Date(expiresAt).getTime() - Date.now();
+    if (diffMs <= 0) {
+        return 0;
+    }
+
+    return Math.max(1, Math.ceil(diffMs / (1000 * 60 * 60)));
+}
+
+function renderSubscriptionCard(extraMessage?: string) {
+    const statusEl = document.getElementById('settings-subscription-status');
+    const detailEl = document.getElementById('settings-subscription-detail');
+    const upgradeBtn = document.getElementById('settings-upgrade-btn');
+
+    if (!statusEl || !detailEl || !upgradeBtn) {
+        return;
+    }
+
+    const uiState = currentLicenseState ? getLicenseUIState(currentLicenseState) : 'free';
+
+    let statusLabel = t('settingsSubscriptionStatusFree');
+    let detail = t('settingsSubscriptionFreeDetail');
+    let statusClass = 'subscription-status-free';
+    let showUpgrade = false;
+
+    if (uiState === 'pro') {
+        statusLabel = t('settingsSubscriptionStatusLifetime');
+        statusClass = 'subscription-status-active';
+    } else if (uiState === 'trial') {
+        statusLabel = t('settingsSubscriptionStatusTrial');
+        statusClass = 'subscription-status-trial';
+        const hours = getTrialHoursRemaining(currentLicenseState?.expiresAt);
+        detail = t('settingsSubscriptionTrialDetail', String(hours));
+        showUpgrade = Boolean(currentUserEmail);
+    } else if (uiState === 'expired') {
+        statusLabel = t('statusExpired');
+        statusClass = 'subscription-status-expired';
+        showUpgrade = Boolean(currentUserEmail);
+    }
+
+    if (currentUserEmail) {
+        detail = currentUserEmail;
+    }
+    if (extraMessage) {
+        detail = detail ? `${detail} • ${extraMessage}` : extraMessage;
+    }
+
+    statusEl.textContent = statusLabel;
+    statusEl.className = `subscription-status-badge ${statusClass}`;
+    detailEl.textContent = detail;
+    upgradeBtn.classList.toggle('hidden', !showUpgrade);
+}
+
+async function syncLocaleSelector() {
+    const select = document.getElementById('locale-select') as HTMLSelectElement | null;
+    if (!select) {
+        return;
+    }
+
+    select.innerHTML = '';
+
+    const autoOption = document.createElement('option');
+    autoOption.value = 'auto';
+    autoOption.textContent = `🌐 ${t('languageAutoOption')}`;
+    select.appendChild(autoOption);
+
+    getLocaleOptions().forEach((localeOption) => {
+        const option = document.createElement('option');
+        option.value = localeOption.value;
+        option.textContent = `${localeOption.flag} ${localeOption.label}`;
+        select.appendChild(option);
+    });
+
+    const preference = await getLocalePreference();
+    select.value = preference;
+}
+
+async function loadLicenseState() {
+    try {
+        currentUserEmail = await getUserEmail();
+
+        // First show cached state
+        const cached = await getCachedLicense();
+        if (cached) {
+            currentLicenseState = cached;
+            setModalLicenseState(cached);
+            updateUIForLicenseState(cached);
+            renderSubscriptionCard();
+        } else {
+            const revokedState: LicenseState = {
+                status: 'revoked',
+                features: { wideFeed: false, fontSize: false, autoExpandPosts: false }
+            };
+            currentLicenseState = revokedState;
+            updateUIForLicenseState(revokedState);
+            setModalLicenseState(revokedState);
+            renderSubscriptionCard();
+        }
+
+        // Then fetch fresh state
+        const fresh = await getLicenseState({ force: true });
+        currentLicenseState = fresh;
+        setModalLicenseState(fresh);
+        updateUIForLicenseState(fresh);
+        currentUserEmail = await getUserEmail();
+        renderSubscriptionCard();
+    } catch (error) {
+        console.error('Failed to load license state:', error);
+    }
+}
+
+function renderActiveView() {
+    const hideView = document.getElementById('hide-view');
+    const displayView = document.getElementById('display-view');
+    const settingsView = document.getElementById('settings-view');
+    const hideBtn = document.getElementById('open-hide-btn');
+    const displayBtn = document.getElementById('open-display-btn');
+    const settingsBtn = document.getElementById('open-settings-btn');
+
+    hideView?.classList.toggle('hidden', activeView !== 'hides');
+    displayView?.classList.toggle('hidden', activeView !== 'display');
+    settingsView?.classList.toggle('hidden', activeView !== 'preferences');
+    hideBtn?.classList.toggle('active', activeView === 'hides');
+    displayBtn?.classList.toggle('active', activeView === 'display');
+    settingsBtn?.classList.toggle('active', activeView === 'preferences');
+}
+
+// ============================
+// EVENT LISTENERS
+// ============================
+function setupEventListeners() {
+    // Header hide view toggle
+    document.getElementById('open-hide-btn')?.addEventListener('click', () => {
+        primaryView = 'hides';
+        activeView = 'hides';
+        renderActiveView();
+    });
+
+    // Header display view toggle
+    document.getElementById('open-display-btn')?.addEventListener('click', () => {
+        primaryView = 'display';
+        activeView = 'display';
+        renderActiveView();
+    });
+
+    // Header settings view toggle
+    document.getElementById('open-settings-btn')?.addEventListener('click', () => {
+        activeView = activeView === 'preferences' ? primaryView : 'preferences';
+        renderActiveView();
+    });
+
+    // Forced locale selector
+    document.getElementById('locale-select')?.addEventListener('change', async (event) => {
+        const target = event.target as HTMLSelectElement;
+        const value = target.value as UiLocalePreference;
+
+        await setLocalePreference(value);
+        setupI18n();
+        await syncLocaleSelector();
+
+        if (currentLicenseState) {
+            updateUIForLicenseState(currentLicenseState);
+            setModalLicenseState(currentLicenseState);
+        }
+
+        renderSubscriptionCard();
+    });
+
+    document.getElementById('settings-account-btn')?.addEventListener('click', () => {
+        const authRedirectUrl = `${APP_URLS.AUTH}?redirect=${encodeURIComponent('/account')}`;
+        window.open(authRedirectUrl, '_blank');
+    });
+
+    document.getElementById('settings-upgrade-btn')?.addEventListener('click', async () => {
+        const email = currentUserEmail ?? await getUserEmail();
+        const url = email
+            ? `${APP_URLS.PRICING}?email=${encodeURIComponent(email)}`
+            : APP_URLS.PRICING;
+        window.open(url, '_blank');
+    });
+
+    // Global toggle
+    document.getElementById('globalEnabled')?.addEventListener('change', async () => {
+        await handleSettingChange();
+    });
+
+    // Free features (checkboxes)
+    ['hideSidebars', 'hidePromoted', 'hideStartPost', 'hideMessenger', 'hideNavBar'].forEach((id) => {
+        document.getElementById(id)?.addEventListener('change', handleSettingChange);
+    });
+
+    // Badge click
+    document.getElementById('status-badge')?.addEventListener('click', async () => {
+        const uiState = currentLicenseState ? getLicenseUIState(currentLicenseState) : 'free';
+        if (uiState === 'expired') {
+            showExpiredModal();
+        } else {
+            let url = uiState === 'pro' ? APP_URLS.ACCOUNT : APP_URLS.HOME;
+            if (uiState === 'pro') {
+                const deviceId = await getDeviceId();
+                if (deviceId) {
+                    url = `${APP_URLS.ACCOUNT}?deviceId=${encodeURIComponent(deviceId)}`;
+                }
+            }
+            window.open(url, '_blank');
+        }
+    });
+
+    // Intercept clicks on premium features when expired or locked
+    document.body.addEventListener('click', (e) => {
+        const uiState = currentLicenseState ? getLicenseUIState(currentLicenseState) : 'free';
+        const target = e.target as HTMLElement;
+        const feature = target.closest('.premium-feature');
+
+        if (feature) {
+            if (uiState === 'expired') {
+                e.preventDefault();
+                e.stopPropagation();
+                showExpiredModal();
+            } else if (uiState === 'free') {
+                e.preventDefault();
+                e.stopPropagation();
+                showModal();
+            }
+        }
+    }, true);
+
+    // Auto-expand checkbox change (only when not locked)
+    const autoExpandCheckbox = document.getElementById('autoExpandPosts') as HTMLInputElement;
+    document.getElementById('autoExpandCard')?.addEventListener('click', (e) => {
+        const uiState = currentLicenseState ? getLicenseUIState(currentLicenseState) : 'free';
+        if (uiState !== 'free' && e.target !== autoExpandCheckbox) {
+            autoExpandCheckbox.checked = !autoExpandCheckbox.checked;
+            handleSettingChange();
+        }
+    });
+
+    autoExpandCheckbox?.addEventListener('change', () => {
+        const uiState = currentLicenseState ? getLicenseUIState(currentLicenseState) : 'free';
+        if (uiState !== 'free') handleSettingChange();
+    });
+
+    // Hide removed cards checkbox (only when not locked)
+    const hideRemovedCardsCheckbox = document.getElementById('hideRemovedFeedCards') as HTMLInputElement;
+    document.getElementById('hideRemovedFeedCardsCard')?.addEventListener('click', (e) => {
+        const uiState = currentLicenseState ? getLicenseUIState(currentLicenseState) : 'free';
+        if (uiState !== 'free' && e.target !== hideRemovedCardsCheckbox) {
+            hideRemovedCardsCheckbox.checked = !hideRemovedCardsCheckbox.checked;
+            handleSettingChange();
+        }
+    });
+
+    hideRemovedCardsCheckbox?.addEventListener('change', () => {
+        const uiState = currentLicenseState ? getLicenseUIState(currentLicenseState) : 'free';
+        if (uiState !== 'free') handleSettingChange();
+    });
+
+    // Premium sliders
+    ['fontSize', 'feedWidth', 'feedSpacing'].forEach(id => {
+        const slider = document.getElementById(id) as HTMLInputElement;
+        slider?.addEventListener('input', () => {
+            const uiState = currentLicenseState ? getLicenseUIState(currentLicenseState) : 'free';
+            if (uiState !== 'free') {
+                updateSliderDisplay(id, Number(slider.value));
+                handleSettingChange();
+            }
+        });
+    });
+
+    // Modal controls
+    document.getElementById('modal-close-btn')?.addEventListener('click', cancelFlow);
+    document.getElementById('modal-send-link-btn')?.addEventListener('click', () => sendActivationLink(loadLicenseState));
+    document.getElementById('modal-verify-btn')?.addEventListener('click', () => attemptActivation(loadLicenseState));
+    document.getElementById('modal-back-btn')?.addEventListener('click', showEmailStep);
+
+    // Enter key handling in modal
+    document.getElementById('modal-email')?.addEventListener('keypress', (e) => {
+        if ((e as KeyboardEvent).key === 'Enter') sendActivationLink(loadLicenseState);
+    });
+
+    // Close modal on backdrop click
+    document.getElementById('trial-modal')?.addEventListener('click', (e) => {
+        if (e.target === e.currentTarget) cancelFlow();
+    });
+}

package/entrypoints/popup/modules/auth-modal.ts

@@ -0,0 +1,219 @@
+import { requestLicenseLink, activateLicenseLink } from '../../../lib/license';
+import { pendingTrialStorage, userEmailStorage } from '../../../lib/storage';
+import { APP_URLS } from '../../../lib/constants';
+import { browser } from '#imports';
+import { t } from '../../../lib/i18n';
+import { getLicenseUIState } from './ui-state';
+import type { LicenseState } from '@linkfeed/shared';
+
+let pendingEmail: string | null = null;
+let pendingActivationToken: string | null = null;
+let currentLicenseState: LicenseState | null = null;
+let activationInterval: number | null = null;
+
+export function setModalLicenseState(state: LicenseState | null) {
+    currentLicenseState = state;
+}
+
+function startActivationPolling(onSuccess: () => Promise<void>) {
+    stopActivationPolling();
+    activationInterval = window.setInterval(() => {
+        attemptActivation(onSuccess);
+    }, 4000);
+}
+
+function stopActivationPolling() {
+    if (activationInterval) {
+        clearInterval(activationInterval);
+        activationInterval = null;
+    }
+}
+
+export function showModal() {
+    const modal = document.getElementById('trial-modal');
+    const emailStep = document.getElementById('modal-email-step');
+    const checkEmailStep = document.getElementById('modal-check-email-step');
+    const expiredStep = document.getElementById('modal-expired-step');
+
+    modal?.classList.remove('hidden');
+    expiredStep?.classList.add('hidden');
+
+    if (!pendingEmail) {
+        emailStep?.classList.remove('hidden');
+        checkEmailStep?.classList.add('hidden');
+
+        (document.getElementById('modal-email') as HTMLInputElement).value = '';
+        document.getElementById('modal-email-error')?.classList.add('hidden');
+        document.getElementById('modal-check-email-error')?.classList.add('hidden');
+
+        setTimeout(() => (document.getElementById('modal-email') as HTMLInputElement)?.focus(), 100);
+    }
+}
+
+export function hideModal() {
+    document.getElementById('trial-modal')?.classList.add('hidden');
+    stopActivationPolling();
+}
+
+export async function clearPendingState() {
+    pendingEmail = null;
+    pendingActivationToken = null;
+    await pendingTrialStorage.removeValue();
+}
+
+export async function cancelFlow() {
+    hideModal();
+    await clearPendingState();
+    document.getElementById('modal-email-step')?.classList.remove('hidden');
+    document.getElementById('modal-check-email-step')?.classList.add('hidden');
+    document.getElementById('modal-email-error')?.classList.add('hidden');
+    document.getElementById('modal-check-email-error')?.classList.add('hidden');
+}
+
+export function showCheckEmailStep() {
+    document.getElementById('modal-email-step')?.classList.add('hidden');
+    document.getElementById('modal-check-email-step')?.classList.remove('hidden');
+
+    const display = document.getElementById('modal-email-display');
+    if (display && pendingEmail) {
+        display.textContent = pendingEmail;
+        const checkEmailDesc = document.querySelector('#modal-check-email-step .modal-desc');
+        if (checkEmailDesc) {
+            checkEmailDesc.textContent = t('checkEmailDesc', pendingEmail);
+        }
+    }
+}
+
+export async function showEmailStep() {
+    await clearPendingState();
+    document.getElementById('modal-email-step')?.classList.remove('hidden');
+    document.getElementById('modal-check-email-step')?.classList.add('hidden');
+    document.getElementById('modal-email-error')?.classList.add('hidden');
+    document.getElementById('modal-check-email-error')?.classList.add('hidden');
+}
+
+export function showExpiredModal() {
+    const modal = document.getElementById('trial-modal');
+    const emailStep = document.getElementById('modal-email-step');
+    const checkEmailStep = document.getElementById('modal-check-email-step');
+    const expiredStep = document.getElementById('modal-expired-step');
+
+    modal?.classList.remove('hidden');
+    emailStep?.classList.add('hidden');
+    checkEmailStep?.classList.add('hidden');
+    expiredStep?.classList.remove('hidden');
+
+    stopActivationPolling();
+
+    const upgradeBtn = document.getElementById('modal-upgrade-btn');
+    if (upgradeBtn) {
+        upgradeBtn.onclick = () => {
+            userEmailStorage.getValue().then((email) => {
+                const emailParam = email ? `?email=${encodeURIComponent(email)}` : '';
+                browser.tabs.create({ url: `${APP_URLS.UPGRADE}${emailParam}` });
+            });
+        };
+    }
+
+    const closeBtn = document.getElementById('modal-close-btn');
+    if (closeBtn) {
+        closeBtn.onclick = hideModal;
+    }
+}
+
+export async function sendActivationLink(onSuccess: () => Promise<void>) {
+    const emailInput = document.getElementById('modal-email') as HTMLInputElement;
+    const errorEl = document.getElementById('modal-email-error');
+    const btn = document.getElementById('modal-send-link-btn') as HTMLButtonElement;
+
+    const email = emailInput?.value.trim();
+    if (!email || !email.includes('@')) {
+        if (errorEl) {
+            errorEl.textContent = t('errorInvalidEmail');
+            errorEl.classList.remove('hidden');
+        }
+        return;
+    }
+
+    btn.disabled = true;
+    btn.textContent = t('sending');
+    errorEl?.classList.add('hidden');
+
+    const result = await requestLicenseLink(email);
+
+    if (!result.success || !result.activationToken) {
+        if (errorEl) {
+            errorEl.textContent = result.message;
+            errorEl.classList.remove('hidden');
+        }
+        btn.disabled = false;
+        btn.textContent = t('sendLink');
+        return;
+    }
+
+    pendingEmail = email;
+    pendingActivationToken = result.activationToken;
+    await pendingTrialStorage.setValue({ email, activationToken: result.activationToken, timestamp: Date.now() });
+    showCheckEmailStep();
+    startActivationPolling(onSuccess);
+
+    btn.disabled = false;
+    btn.textContent = t('sendLink');
+}
+
+export async function attemptActivation(onSuccess: () => Promise<void>) {
+    if (!pendingActivationToken) return;
+
+    const errorEl = document.getElementById('modal-check-email-error');
+    const btn = document.getElementById('modal-verify-btn') as HTMLButtonElement;
+
+    btn.disabled = true;
+    btn.textContent = t('verifying');
+    errorEl?.classList.add('hidden');
+
+    const result = await activateLicenseLink(pendingActivationToken);
+
+    if (!result.success) {
+        if (result.status === 'email_unverified') {
+            btn.disabled = false;
+            btn.textContent = t('verifyBtn');
+            return;
+        }
+        if (result.status === 'trial_used') {
+            showExpiredModal();
+        } else if (errorEl) {
+            errorEl.textContent = result.message;
+            errorEl.classList.remove('hidden');
+        }
+        btn.disabled = false;
+        btn.textContent = t('verifyBtn');
+        return;
+    }
+
+    await clearPendingState();
+    hideModal();
+    await onSuccess();
+    stopActivationPolling();
+}
+
+export async function restorePendingState(onSuccess: () => Promise<void>) {
+    try {
+        const pendingTrial = await pendingTrialStorage.getValue();
+        if (pendingTrial && pendingTrial.email && pendingTrial.activationToken && pendingTrial.timestamp) {
+            const isRecent = Date.now() - pendingTrial.timestamp < 60 * 60 * 1000;
+            const uiState = currentLicenseState ? getLicenseUIState(currentLicenseState) : 'free';
+
+            if (isRecent && uiState === 'free') {
+                pendingEmail = pendingTrial.email;
+                pendingActivationToken = pendingTrial.activationToken;
+                showModal();
+                showCheckEmailStep();
+                startActivationPolling(onSuccess);
+            } else if (!isRecent) {
+                await pendingTrialStorage.removeValue();
+            }
+        }
+    } catch (error) {
+        console.error('Failed to restore pending state:', error);
+    }
+}