add stripe

apps/dashboard/src/app/(dashboard)/subscription/page.tsx

@@ -31,8 +31,8 @@ interface Invoice {
 }
 
 interface ProviderAvailability {
-  amanpay: boolean
-  paypal: boolean
+  stripe: boolean
+  stripeProblems?: string[]
 }
 
 interface PlanFeature {
@@ -79,8 +79,8 @@ export default function SubscriptionPage() {
   const [selectedPlan, setSelectedPlan] = useState<Plan>('STARTER')
   const [billingPeriod, setBillingPeriod] = useState<BillingPeriod>('MONTHLY')
   const currency = 'MAD'
-  const [provider, setProvider] = useState<'AMANPAY' | 'PAYPAL'>('AMANPAY')
-  const [providerAvailability, setProviderAvailability] = useState<ProviderAvailability>({ amanpay: false, paypal: false })
+  const provider = 'STRIPE'
+  const [providerAvailability, setProviderAvailability] = useState<ProviderAvailability>({ stripe: false })
   const [planPrices, setPlanPrices] = useState<Record<string, Record<string, Record<string, number>>>>(PLAN_PRICES)
   const [planFeaturesList, setPlanFeaturesList] = useState<PlanFeature[]>([])
   const [paying, setPaying] = useState(false)
@@ -88,7 +88,7 @@ export default function SubscriptionPage() {
   const copy = {
     en: {
       title: 'Subscription',
-      subtitle: 'Manage your plan, payment provider, and subscription invoices.',
+      subtitle: 'Manage your plan, Stripe payment, and subscription invoices.',
       trial: 'Free trial',
       remaining: 'remaining. Subscribe before it ends to keep access.',
       currentPlan: 'Current plan',
@@ -99,7 +99,7 @@ export default function SubscriptionPage() {
       cancelPlan: 'Cancel plan',
       changePlan: 'Change plan',
       subscribe: 'Subscribe',
-      selectPlan: 'Select a plan and payment provider to proceed.',
+      selectPlan: 'Select a plan to continue to Stripe checkout.',
       monthly: 'Monthly',
       annual: 'Annual (save 20%)',
       active: 'Active',
@@ -124,7 +124,7 @@ export default function SubscriptionPage() {
       retry: 'Retry',
       accessUnavailable: 'Unable to verify your access right now. Please try again.',
       noInvoices: 'No invoices yet.',
-      noProviderConfigured: 'No payment provider is configured. Contact support to enable AmanPay or PayPal.',
+      noProviderConfigured: 'Stripe is not configured.',
       providerUnavailable: 'This payment provider is not configured.',
       statusLabels: { TRIALING: 'Trialing', ACTIVE: 'Active', PAST_DUE: 'Past due', CANCELLED: 'Cancelled', CANCELED: 'Canceled', UNPAID: 'Unpaid', EXPIRED: 'Expired', SUSPENDED: 'Suspended' } as Record<string, string>,
       invoiceStatusLabels: { PAID: 'Paid', PENDING: 'Pending', FAILED: 'Failed', REFUNDED: 'Refunded' } as Record<string, string>,
@@ -136,7 +136,7 @@ export default function SubscriptionPage() {
     },
     fr: {
       title: 'Abonnement',
-      subtitle: 'Gérez votre plan, le prestataire de paiement et les factures d’abonnement.',
+      subtitle: 'Gérez votre plan, le paiement Stripe et les factures d’abonnement.',
       trial: 'Essai gratuit',
       remaining: 'restants. Abonnez-vous avant la fin pour garder l’accès.',
       currentPlan: 'Plan actuel',
@@ -147,7 +147,7 @@ export default function SubscriptionPage() {
       cancelPlan: 'Annuler le plan',
       changePlan: 'Changer de plan',
       subscribe: 'S’abonner',
-      selectPlan: 'Sélectionnez un plan et un prestataire de paiement.',
+      selectPlan: 'Sélectionnez un plan pour continuer vers Stripe Checkout.',
       monthly: 'Mensuel',
       annual: 'Annuel (économie 20%)',
       active: 'Actif',
@@ -172,7 +172,7 @@ export default function SubscriptionPage() {
       retry: 'Réessayer',
       accessUnavailable: 'Impossible de vérifier votre accès pour le moment. Veuillez réessayer.',
       noInvoices: 'Aucune facture pour le moment.',
-      noProviderConfigured: 'Aucun prestataire de paiement n’est configuré. Contactez le support pour activer AmanPay ou PayPal.',
+      noProviderConfigured: 'Stripe n’est pas configuré.',
       providerUnavailable: 'Ce prestataire de paiement n’est pas configuré.',
       statusLabels: { TRIALING: 'Essai', ACTIVE: 'Actif', PAST_DUE: 'En retard', CANCELLED: 'Annulé', CANCELED: 'Annulé', UNPAID: 'Impayé', EXPIRED: 'Expiré', SUSPENDED: 'Suspendu' } as Record<string, string>,
       invoiceStatusLabels: { PAID: 'Payé', PENDING: 'En attente', FAILED: 'Échec', REFUNDED: 'Remboursé' } as Record<string, string>,
@@ -184,7 +184,7 @@ export default function SubscriptionPage() {
     },
     ar: {
       title: 'الاشتراك',
-      subtitle: 'إدارة الخطة ومزوّد الدفع وفواتير الاشتراك.',
+      subtitle: 'إدارة الخطة والدفع عبر Stripe وفواتير الاشتراك.',
       trial: 'تجربة مجانية',
       remaining: 'متبقية. اشترك قبل انتهائها للحفاظ على الوصول.',
       currentPlan: 'الخطة الحالية',
@@ -195,7 +195,7 @@ export default function SubscriptionPage() {
       cancelPlan: 'إلغاء الخطة',
       changePlan: 'تغيير الخطة',
       subscribe: 'اشتراك',
-      selectPlan: 'اختر خطة ومزوّد دفع للمتابعة.',
+      selectPlan: 'اختر خطة للمتابعة إلى Stripe Checkout.',
       monthly: 'شهري',
       annual: 'سنوي (توفير 20%)',
       active: 'نشط',
@@ -220,7 +220,7 @@ export default function SubscriptionPage() {
       retry: 'إعادة المحاولة',
       accessUnavailable: 'تعذر التحقق من وصولك الآن. يرجى المحاولة مرة أخرى.',
       noInvoices: 'لا توجد فواتير حتى الآن.',
-      noProviderConfigured: 'لا يوجد مزوّد دفع مهيأ. تواصل مع الدعم لتفعيل AmanPay أو PayPal.',
+      noProviderConfigured: 'Stripe غير مهيأ.',
       providerUnavailable: 'مزوّد الدفع هذا غير مهيأ.',
       statusLabels: { TRIALING: 'تجريبي', ACTIVE: 'نشط', PAST_DUE: 'متأخر', CANCELLED: 'ملغى', CANCELED: 'ملغى', UNPAID: 'غير مدفوع', EXPIRED: 'منتهي', SUSPENDED: 'معلّق' } as Record<string, string>,
       invoiceStatusLabels: { PAID: 'مدفوع', PENDING: 'قيد الانتظار', FAILED: 'فشل', REFUNDED: 'مسترد' } as Record<string, string>,
@@ -282,8 +282,6 @@ export default function SubscriptionPage() {
     ])
       .then(([sub, inv, availability]) => {
         setProviderAvailability(availability)
-        if (availability.amanpay) setProvider('AMANPAY')
-        else if (availability.paypal) setProvider('PAYPAL')
         if (sub) {
           setSubscription(sub)
           setSelectedPlan(sub.plan)
@@ -351,8 +349,7 @@ export default function SubscriptionPage() {
     setPaying(true)
     setError(null)
     try {
-      if (provider === 'AMANPAY' && !providerAvailability.amanpay) throw new Error(copy.providerUnavailable)
-      if (provider === 'PAYPAL' && !providerAvailability.paypal) throw new Error(copy.providerUnavailable)
+      if (!providerAvailability.stripe) throw new Error(copy.providerUnavailable)
       const currentUrl = new URL(window.location.href)
       currentUrl.search = ''
       currentUrl.hash = ''
@@ -463,9 +460,16 @@ export default function SubscriptionPage() {
 
       {/* Plan selector + checkout */}
       <div className="card p-6 space-y-6">
-        {!providerAvailability.amanpay && !providerAvailability.paypal ? (
+        {!providerAvailability.stripe ? (
           <div className="rounded-xl border border-orange-200 bg-orange-50 px-4 py-3 text-sm text-orange-700">
             {copy.noProviderConfigured}
+            {providerAvailability.stripeProblems && providerAvailability.stripeProblems.length > 0 ? (
+              <ul className="mt-2 list-disc space-y-1 pl-5">
+                {providerAvailability.stripeProblems.map((problem) => (
+                  <li key={problem}>{problem}</li>
+                ))}
+              </ul>
+            ) : null}
           </div>
         ) : null}
         <div>
@@ -536,25 +540,10 @@ export default function SubscriptionPage() {
         <div>
           <p className="text-sm font-medium text-slate-700 mb-2">{copy.paymentProvider}</p>
           <div className="flex gap-3">
-            {providerAvailability.amanpay ? (
-              <button
-                onClick={() => setProvider('AMANPAY')}
-                className={`flex items-center gap-2 px-4 py-2.5 rounded-xl border-2 text-sm font-medium transition-all ${
-                  provider === 'AMANPAY' ? 'border-blue-500 bg-blue-50 text-blue-700' : 'border-slate-200 text-slate-600 hover:border-slate-300'
-                }`}
-              >
-                🏦 AmanPay
-              </button>
-            ) : null}
-            {providerAvailability.paypal ? (
-              <button
-                onClick={() => setProvider('PAYPAL')}
-                className={`flex items-center gap-2 px-4 py-2.5 rounded-xl border-2 text-sm font-medium transition-all ${
-                  provider === 'PAYPAL' ? 'border-blue-500 bg-blue-50 text-blue-700' : 'border-slate-200 text-slate-600 hover:border-slate-300'
-                }`}
-              >
-                🔵 PayPal
-              </button>
+            {providerAvailability.stripe ? (
+              <div className="flex items-center gap-2 rounded-xl border-2 border-blue-500 bg-blue-50 px-4 py-2.5 text-sm font-medium text-blue-700">
+                Stripe
+              </div>
             ) : null}
           </div>
         </div>
@@ -570,7 +559,7 @@ export default function SubscriptionPage() {
           </div>
           <button
             onClick={handleCheckout}
-            disabled={paying || loading || (!providerAvailability.amanpay && !providerAvailability.paypal)}
+            disabled={paying || loading || !providerAvailability.stripe}
             className="btn-primary px-8 py-3"
           >
             {paying ? copy.redirecting : subscription?.status === 'ACTIVE' ? copy.changePlan : copy.subscribeNow}