Expand package limit and feature details

resources/js/admin/mobile/lib/packageSummary.ts

@@ -1,3 +1,5 @@
+import type { TenantPackageSummary } from '../../api';
+
 type Translate = (key: string, options?: Record<string, unknown> | string) => string;
 
 const FEATURE_LABELS: Record<string, { key: string; fallback: string }> = {
@@ -5,14 +7,42 @@ const FEATURE_LABELS: Record<string, { key: string; fallback: string }> = {
     key: 'mobileDashboard.packageSummary.feature.priority_support',
     fallback: 'Priority support',
   },
+  reseller_dashboard: {
+    key: 'mobileDashboard.packageSummary.feature.reseller_dashboard',
+    fallback: 'Reseller dashboard',
+  },
   custom_domain: {
     key: 'mobileDashboard.packageSummary.feature.custom_domain',
     fallback: 'Custom domain',
   },
+  custom_branding: {
+    key: 'mobileDashboard.packageSummary.feature.custom_branding',
+    fallback: 'Custom branding',
+  },
+  custom_tasks: {
+    key: 'mobileDashboard.packageSummary.feature.custom_tasks',
+    fallback: 'Custom tasks',
+  },
+  unlimited_sharing: {
+    key: 'mobileDashboard.packageSummary.feature.unlimited_sharing',
+    fallback: 'Unlimited sharing',
+  },
   analytics: {
     key: 'mobileDashboard.packageSummary.feature.analytics',
     fallback: 'Analytics',
   },
+  advanced_reporting: {
+    key: 'mobileDashboard.packageSummary.feature.advanced_reporting',
+    fallback: 'Advanced reporting',
+  },
+  live_slideshow: {
+    key: 'mobileDashboard.packageSummary.feature.live_slideshow',
+    fallback: 'Live slideshow',
+  },
+  basic_uploads: {
+    key: 'mobileDashboard.packageSummary.feature.basic_uploads',
+    fallback: 'Guest uploads',
+  },
   team_management: {
     key: 'mobileDashboard.packageSummary.feature.team_management',
     fallback: 'Team management',
@@ -47,6 +77,40 @@ const FEATURE_LABELS: Record<string, { key: string; fallback: string }> = {
   },
 };
 
+const LIMIT_LABELS: Array<{ key: string; labelKey: string; fallback: string }> = [
+  {
+    key: 'max_photos',
+    labelKey: 'packageLimits.max_photos',
+    fallback: 'Photos',
+  },
+  {
+    key: 'max_guests',
+    labelKey: 'packageLimits.max_guests',
+    fallback: 'Guests',
+  },
+  {
+    key: 'max_tasks',
+    labelKey: 'packageLimits.max_tasks',
+    fallback: 'Tasks',
+  },
+  {
+    key: 'gallery_days',
+    labelKey: 'packageLimits.gallery_days',
+    fallback: 'Gallery days',
+  },
+  {
+    key: 'max_events_per_year',
+    labelKey: 'packageLimits.max_events_per_year',
+    fallback: 'Events per year',
+  },
+];
+
+export type PackageLimitEntry = {
+  key: string;
+  label: string;
+  value: string;
+};
+
 export function getPackageFeatureLabel(feature: string, t: Translate): string {
   const entry = FEATURE_LABELS[feature];
   if (entry) {
@@ -63,3 +127,51 @@ export function formatPackageLimit(value: number | null | undefined, t: Translat
 
   return String(value);
 }
+
+export function getPackageLimitEntries(limits: Record<string, unknown> | null, t: Translate): PackageLimitEntry[] {
+  if (!limits) {
+    return [];
+  }
+
+  return LIMIT_LABELS.map(({ key, labelKey, fallback }) => ({
+    key,
+    label: t(labelKey, fallback),
+    value: formatPackageLimit((limits as Record<string, number | null>)[key], t),
+  }));
+}
+
+export function collectPackageFeatures(pkg: TenantPackageSummary): string[] {
+  const features = new Set<string>();
+  const direct = Array.isArray(pkg.features) ? pkg.features : [];
+  const limitFeatures = Array.isArray((pkg.package_limits as any)?.features) ? (pkg.package_limits as any).features : [];
+
+  direct.forEach((feature) => {
+    if (typeof feature === 'string' && feature.trim()) {
+      features.add(feature);
+    }
+  });
+
+  limitFeatures.forEach((feature: unknown) => {
+    if (typeof feature === 'string' && feature.trim()) {
+      features.add(feature);
+    }
+  });
+
+  if (pkg.branding_allowed) {
+    features.add('branding_allowed');
+  }
+
+  if (pkg.watermark_allowed) {
+    features.add('watermark_allowed');
+  }
+
+  return Array.from(features);
+}
+
+export function formatEventUsage(used: number | null, limit: number | null, t: Translate): string | null {
+  if (limit === null || used === null) {
+    return null;
+  }
+
+  return t('mobileBilling.eventsCreated', { used, limit, defaultValue: '{{used}} of {{limit}} events created' });
+}