import * as React from 'react';
import { __ } from '@wordpress/i18n';
import { BookingApi } from '../booking-ui/api';
import { formatDateTime } from '../booking-ui/dateTime';
import type { FeatureManifest } from '../booking-ui/features';
interface License {
    state: string;
    updates: boolean;
    expires_at: string | null;
    renewal_cancelled: boolean | null;
    production_sites: number | null;
    account_url: string | null;
    upgrade_url: string | null;
}
interface Matrix extends FeatureManifest {
    license: License;
    catalog: Record<string, string>;
    plans: Record<string, {
        features: Record<string, boolean>;
        limits: {
            resources: number | null;
            online_resources: number | null;
        };
    }>;
}
const licenseLabels: Record<string, string> = { unlicensed: __('No active license', 'abece-booking'), active: __('Active license', 'abece-booking'), expired: __('Expired updates and support', 'abece-booking'), revoked: __('Revoked license', 'abece-booking') };
const labels: Record<string, string> = { online_bookings: __('Customer online bookings', 'abece-booking'), public_calendar: __('Calendar', 'abece-booking'), admin_bookings: __('Admin bookings', 'abece-booking'), opening_hours: __('Opening hours', 'abece-booking'), single_operations: __('Resource blocks', 'abece-booking'), basic_pricing: __('Public price', 'abece-booking'), notifications: __('Email notifications', 'abece-booking'), pay_on_site: __('Pay on site', 'abece-booking'), receivables: __('Outstanding amounts', 'abece-booking'), debtor_blocking: __('Block new online bookings with an unpaid amount', 'abece-booking'), statistics_basic: __('Basic statistics', 'abece-booking'), advanced_pricing: __('Price rules', 'abece-booking'), multi_resource_operations: __('Selected resources', 'abece-booking'), recurring_bookings: __('Recurring bookings', 'abece-booking'), bank_transfer: __('Bank transfer', 'abece-booking'), bank_qr: __('QR payment', 'abece-booking'), memberships: __('Membership', 'abece-booking'), member_import: __('Import members', 'abece-booking'), bulk_membership_renewal: __('Bulk membership renewal', 'abece-booking'), member_benefits: __('Membership benefit', 'abece-booking'), usage_limits: __('Playing time limits', 'abece-booking'), customer_restrictions: __('Customer restrictions', 'abece-booking'), credits: __('Credits', 'abece-booking'), statistics_advanced: __('Advanced statistics', 'abece-booking'), report_exports: __('Export CSV', 'abece-booking'), financial_reporting: __('Finance', 'abece-booking') };
export function EditionApp({ api }: {
    api: BookingApi;
}) { const [data, setData] = React.useState<Matrix | null>(null), [error, setError] = React.useState(''); React.useEffect(() => { let live = true; api.request<Matrix>('admin/edition').then(d => { if (live)
    setData(d); }).catch(e => { if (live)
    setError(e.message); }); return () => { live = false; }; }, [api]); return <div className="asb-admin"><h1>{__('Editions and features', 'abece-booking')}</h1>{error && <p role="alert">{error}</p>}{data && <><p>{__('Build', 'abece-booking')}: {data.edition === 'lite' ? 'Lite' : 'Premium'} · {__('Plan', 'abece-booking')}: ABeCe Booking {data.plan[0].toUpperCase() + data.plan.slice(1)}</p><section aria-label={__('License', 'abece-booking')}><p>{__('License', 'abece-booking')}: {licenseLabels[data.license.state] ?? data.license.state}</p><p>{__('Updates and support', 'abece-booking')}: {data.license.updates ? __('Yes', 'abece-booking') : __('No', 'abece-booking')}</p>{data.license.expires_at && <p>{__('Paid period ends', 'abece-booking')}: {formatDateTime(data.license.expires_at)}</p>}{data.license.renewal_cancelled && data.plan !== 'lite' && <p>{__('Automatic renewal is cancelled. Features remain available for the purchased edition.', 'abece-booking')}</p>}{data.license.state === 'expired' && data.plan !== 'lite' && <p>{__('Purchased features remain available. Renew for updates and support.', 'abece-booking')}</p>}{data.license.production_sites !== null && <p>{__('Production site limit', 'abece-booking')}: {data.license.production_sites}</p>}<p>{data.license.account_url && <a className="button" href={data.license.account_url}>{__('Manage license', 'abece-booking')}</a>}{' '}{data.license.upgrade_url && <a className="button" href={data.license.upgrade_url}>{__('Change plan', 'abece-booking')}</a>}</p></section><div className="asb-table-scroll"><table className="widefat striped"><thead><tr><th>{__('Feature', 'abece-booking')}</th>{Object.keys(data.plans).map(p => <th key={p}>{p[0].toUpperCase() + p.slice(1)}</th>)}</tr></thead><tbody><tr><th>{__('Managed resources', 'abece-booking')}</th>{Object.entries(data.plans).map(([p, v]) => <td key={p}>{v.limits.resources ?? '∞'}</td>)}</tr><tr><th>{__('Online bookable resources', 'abece-booking')}</th>{Object.entries(data.plans).map(([p, v]) => <td key={p}>{v.limits.online_resources ?? '∞'}</td>)}</tr>{Object.keys(data.catalog).map(feature => <tr key={feature}><th>{labels[feature] ?? feature}</th>{Object.entries(data.plans).map(([p, v]) => <td key={p}>{v.features[feature] ? __('Yes', 'abece-booking') : __('No', 'abece-booking')}</td>)}</tr>)}</tbody></table></div></>}</div>; }