From b732f88b0ec77f057cd8e8b64ad15b7a1677d01b Mon Sep 17 00:00:00 2001
From: Codex Agent <codex-agent@example.com>
Date: Thu, 15 Jan 2026 10:28:18 +0100
Subject: [PATCH] Route billing upgrade CTA to package shop

---
 resources/js/admin/mobile/BillingPage.tsx          | 14 +++++---------
 .../admin/mobile/__tests__/BrandingPage.test.tsx   |  2 ++
 2 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/resources/js/admin/mobile/BillingPage.tsx b/resources/js/admin/mobile/BillingPage.tsx
index dbfcd257..ef88c24f 100644
--- a/resources/js/admin/mobile/BillingPage.tsx
+++ b/resources/js/admin/mobile/BillingPage.tsx
@@ -385,8 +385,7 @@ export default function MobileBillingPage() {
                 pkg={activePackage}
                 label={t('billing.sections.packages.card.statusActive', 'Aktiv')}
                 isActive
-                onOpenPortal={openPortal}
-                portalBusy={portalBusy}
+                onOpenShop={() => navigate(adminPath('/mobile/billing/shop'))}
               />
             ) : null}
             {packages
@@ -492,14 +491,12 @@ function PackageCard({
   pkg,
   label,
   isActive = false,
-  onOpenPortal,
-  portalBusy,
+  onOpenShop,
 }: {
   pkg: TenantPackageSummary;
   label?: string;
   isActive?: boolean;
-  onOpenPortal?: () => void;
-  portalBusy?: boolean;
+  onOpenShop?: () => void;
 }) {
   const { t } = useTranslation('management');
   const { border, primary, accentSoft, textStrong, muted } = useAdminTheme();
@@ -600,15 +597,14 @@ function PackageCard({
           ))}
         </YStack>
       ) : null}
-      {isActive && hasUsageWarning && onOpenPortal ? (
+      {isActive && hasUsageWarning ? (
         <CTAButton
           label={
             isDanger
               ? t('mobileBilling.usage.ctaDanger', 'Upgrade package')
               : t('mobileBilling.usage.ctaWarning', 'Secure more capacity')
           }
-          onPress={onOpenPortal}
-          disabled={portalBusy}
+          onPress={onOpenShop}
           tone={isDanger ? 'danger' : 'primary'}
         />
       ) : null}
diff --git a/resources/js/admin/mobile/__tests__/BrandingPage.test.tsx b/resources/js/admin/mobile/__tests__/BrandingPage.test.tsx
index 12ad6cc1..b417cb41 100644
--- a/resources/js/admin/mobile/__tests__/BrandingPage.test.tsx
+++ b/resources/js/admin/mobile/__tests__/BrandingPage.test.tsx
@@ -168,6 +168,7 @@ describe('MobileBrandingPage', () => {
     getEventMock.mockResolvedValueOnce({
       ...baseEvent,
       package: { branding_allowed: false, watermark_allowed: false },
+      settings: { branding_allowed: false, watermark_allowed: false },
     });
 
     render(<MobileBrandingPage />);
@@ -183,6 +184,7 @@ describe('MobileBrandingPage', () => {
     getEventMock.mockResolvedValueOnce({
       ...baseEvent,
       package: { branding_allowed: true, watermark_allowed: false },
+      settings: { branding_allowed: true, watermark_allowed: false },
     });
 
     render(<MobileBrandingPage />);