feat: poll checkout status and show failures

resources/js/admin/mobile/hooks/usePackageCheckout.ts

@@ -5,6 +5,7 @@ import toast from 'react-hot-toast';
 import { createTenantPaddleCheckout } from '../../api';
 import { adminPath } from '../../constants';
 import { getApiErrorMessage } from '../../lib/apiError';
+import { storePendingCheckout } from '../lib/billingCheckout';
 
 export function usePackageCheckout(): {
   busy: boolean;
@@ -32,10 +33,19 @@ export function usePackageCheckout(): {
         cancelUrl.searchParams.set('checkout', 'cancel');
         cancelUrl.searchParams.set('package_id', String(packageId));
 
-        const { checkout_url } = await createTenantPaddleCheckout(packageId, {
+        const { checkout_url, checkout_session_id } = await createTenantPaddleCheckout(packageId, {
           success_url: successUrl.toString(),
           return_url: cancelUrl.toString(),
         });
+
+        if (checkout_session_id) {
+          storePendingCheckout({
+            packageId,
+            checkoutSessionId: checkout_session_id,
+            startedAt: Date.now(),
+          });
+        }
+
         window.location.href = checkout_url;
       } catch (err) {
         toast.error(getApiErrorMessage(err, t('shop.errors.checkout', 'Checkout failed')));