@dotted-labs/ngx-supabase-stripe 0.1.9 → 0.1.11

package/database.types.d.ts

@@ -354,7 +354,134 @@ export type Database = {
             [_ in never]: never;
         };
         Functions: {
-            [_ in never]: never;
+            get_stripe_checkout_session: {
+                Args: {
+                    session_id: string;
+                };
+                Returns: {
+                    id: string;
+                    customer: string;
+                    payment_intent: string;
+                    subscription: string;
+                    attrs: Json;
+                }[];
+            };
+            get_stripe_community_products: {
+                Args: {
+                    p_community_id: string;
+                };
+                Returns: {
+                    id: string;
+                    name: string;
+                    description: string;
+                    price: number;
+                    image_url: string;
+                    video: string;
+                    payment_provider_product_id: string;
+                    created_at: string;
+                    updated_at: string;
+                }[];
+            };
+            get_stripe_customer: {
+                Args: {
+                    customer_email: string;
+                };
+                Returns: {
+                    id: string;
+                    email: string;
+                    name: string;
+                    description: string;
+                    created: string;
+                    attrs: Json;
+                }[];
+            };
+            get_stripe_customer_payment_intents: {
+                Args: {
+                    customer_id: string;
+                };
+                Returns: {
+                    id: string;
+                    customer: string;
+                    amount: number;
+                    currency: string;
+                    payment_method: string;
+                    created: string;
+                    attrs: Json;
+                }[];
+            };
+            get_stripe_customer_subscriptions: {
+                Args: {
+                    customer_id: string;
+                };
+                Returns: {
+                    id: string;
+                    customer: string;
+                    currency: string;
+                    current_period_start: string;
+                    current_period_end: string;
+                    attrs: Json;
+                }[];
+            };
+            get_stripe_prices: {
+                Args: Record<PropertyKey, never>;
+                Returns: {
+                    id: string;
+                    active: boolean;
+                    currency: string;
+                    product: string;
+                    unit_amount: number;
+                    type: string;
+                    attrs: Json;
+                }[];
+            };
+            get_stripe_product: {
+                Args: {
+                    product_id: string;
+                };
+                Returns: {
+                    id: string;
+                    name: string;
+                    active: boolean;
+                    default_price: string;
+                    description: string;
+                    attrs: Json;
+                }[];
+            };
+            get_stripe_products: {
+                Args: Record<PropertyKey, never>;
+                Returns: {
+                    id: string;
+                    name: string;
+                    active: boolean;
+                    default_price: string;
+                    description: string;
+                    attrs: Json;
+                }[];
+            };
+            get_stripe_subscription: {
+                Args: {
+                    subscription_id: string;
+                };
+                Returns: {
+                    id: string;
+                    customer: string;
+                    currency: string;
+                    current_period_start: string;
+                    current_period_end: string;
+                    attrs: Json;
+                }[];
+            };
+            get_stripe_subscriptions: {
+                Args: Record<PropertyKey, never>;
+                Returns: {
+                    id: string;
+                    customer: string;
+                    currency: string;
+                    current_period_start: string;
+                    current_period_end: string;
+                    attrs: Json;
+                }[];
+            };
         };
         Enums: {
             [_ in never]: never;
@@ -364,7 +491,7 @@ export type Database = {
         };
     };
 };
-type DefaultSchema = Database[Extract<keyof Database, "public">];
+type DefaultSchema = Database[Extract<keyof Database, "public" | "stripe">];
 export type Tables<DefaultSchemaTableNameOrOptions extends keyof (DefaultSchema["Tables"] & DefaultSchema["Views"]) | {
     schema: keyof Database;
 }, TableName extends DefaultSchemaTableNameOrOptions extends {

package/fesm2022/dotted-labs-ngx-supabase-stripe.mjs

@@ -85,7 +85,7 @@ class SupabaseClientService {
      */
     async selectCheckoutSession(sessionId) {
         return this.client
-            .schema('public')
+            .schema(this.config.supabaseSchema)
             .rpc('get_stripe_checkout_session', { session_id: sessionId })
             .select('*')
             .single();
@@ -98,7 +98,7 @@ class SupabaseClientService {
      */
     getStripeSubscriptions() {
         return this.client
-            .schema('public')
+            .schema(this.config.supabaseSchema)
             .rpc('get_stripe_subscriptions')
             .select('*');
     }
@@ -108,7 +108,7 @@ class SupabaseClientService {
      */
     selectStripeSubscription(subscriptionId) {
         return this.client
-            .schema('public')
+            .schema(this.config.supabaseSchema)
             .rpc('get_stripe_subscription', { subscription_id: subscriptionId })
             .select('*');
     }
@@ -121,7 +121,7 @@ class SupabaseClientService {
      */
     async selectStripePrices() {
         return this.client
-            .schema('public')
+            .schema(this.config.supabaseSchema)
             .rpc('get_stripe_prices')
             .select('*');
     }
@@ -134,7 +134,7 @@ class SupabaseClientService {
      */
     async selectStripeProducts() {
         return this.client
-            .schema('public')
+            .schema(this.config.supabaseSchema)
             .rpc('get_stripe_products')
             .select('*');
     }
@@ -144,7 +144,7 @@ class SupabaseClientService {
      */
     async selectStripeProduct(productId) {
         return this.client
-            .schema('public')
+            .schema(this.config.supabaseSchema)
             .rpc('get_stripe_product', { product_id: productId })
             .select('*');
     }
@@ -171,7 +171,7 @@ class SupabaseClientService {
      * @param email The customer email
      */
     async getCustomerByEmail(email) {
-        return this.client.schema('public').rpc('get_stripe_customer', { customer_email: email });
+        return this.client.schema(this.config.supabaseSchema).rpc('get_stripe_customer', { customer_email: email });
     }
     /**
      * Get customer payment intents
@@ -179,7 +179,7 @@ class SupabaseClientService {
      */
     async getCustomerPaymentIntents(customerId) {
         return this.client
-            .schema('public')
+            .schema(this.config.supabaseSchema)
             .rpc('get_stripe_customer_payment_intents', { customer_id: customerId })
             .select('*');
     }
@@ -189,7 +189,7 @@ class SupabaseClientService {
      */
     async getCustomerSubscriptions(customerId) {
         return this.client
-            .schema('public')
+            .schema(this.config.supabaseSchema)
             .rpc('get_stripe_customer_subscriptions', { customer_id: customerId })
             .select('*');
     }
@@ -717,13 +717,9 @@ const SubscriptionsStore = signalStore({ providedIn: 'root' }, withState(initial
      * Create a subscription
      * @param priceId The price ID for the subscription
      */
-    async createSubscription(priceId, returnPath, customerEmail) {
+    async createSubscription(priceId, returnPath, customer) {
         patchState(store, { status: 'loading', error: null });
         try {
-            let customer = null;
-            if (customerEmail) {
-                customer = customerStore.customer().data;
-            }
             const { clientSecret, error } = await stripeService.createSubscription(priceId, returnPath, customer);
             console.log('🔍 [SubscriptionsStore] created subscription', clientSecret, error);
             if (error) {
@@ -1316,7 +1312,7 @@ class EmbeddedSubscriptionComponent {
     createSubscription() {
         const baseUrl = window.location.origin;
         const returnPath = `${baseUrl}${this.returnPagePath()}`;
-        this.subscriptionsStore.createSubscription(this.priceId(), returnPath, this.customer()?.email ?? '');
+        this.subscriptionsStore.createSubscription(this.priceId(), returnPath, this.customer());
     }
     ngOnDestroy() {
         this.subscriptionsStore.destroyEmbeddedSubscription();
@@ -1361,6 +1357,65 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
             args: [{ selector: 'lib-subscription-return-page', standalone: true, imports: [CommonModule], template: "<div class=\"flex justify-center min-h-screen bg-gradient-to-br from-blue-50 to-indigo-100 p-4\">\n  <div class=\"hero-content text-center max-w-md\">\n    <div class=\"card w-full bg-base-100 shadow-2xl\">\n      <div class=\"card-body items-center text-center\">\n        <!-- Success Icon -->\n        <div class=\"mb-6\">\n          <div class=\"avatar\">\n            <div class=\"w-24 h-24 rounded-full bg-success/10 flex items-center justify-center\">\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                class=\"h-full w-full text-success\"\n                fill=\"none\"\n                viewBox=\"0 0 24 24\"\n                stroke=\"currentColor\"\n              >\n                <path\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                  stroke-width=\"2\"\n                  d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"\n                />\n              </svg>\n            </div>\n          </div>\n        </div>\n\n        <!-- Status Content -->\n        @if (checkoutStore.isStatusLoading()) {\n          <div class=\"flex flex-col items-center gap-4 mb-6\">\n            <span class=\"loading loading-spinner loading-lg text-primary\"></span>\n            <div class=\"alert alert-info\">\n              <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" class=\"stroke-current shrink-0 w-6 h-6\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"></path>\n              </svg>\n              <span>Cargando detalles de la suscripci\u00F3n...</span>\n            </div>\n          </div>\n        } @else if (checkoutStore.isStatusError()) {\n          <div class=\"alert alert-error mb-6\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"stroke-current shrink-0 h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\">\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z\" />\n            </svg>\n            <span>{{ subscriptionsStore.error() }}</span>\n          </div>\n        } @else if (checkoutStore.isPaymentComplete()) {\n\n          <!-- Title and Description -->\n          <h2 class=\"card-title text-3xl font-bold text-base-content mb-2\">{{ sessionStatus()?.amount_total }}</h2>\n\n          <div class=\"alert alert-success mb-6\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"stroke-current shrink-0 h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\">\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\" />\n            </svg>\n            <span class=\"font-medium\">Tu suscripci\u00F3n est\u00E1 activa y lista para usar.</span>\n          </div>\n\n          <div class=\"bg-base-200 rounded-lg p-4 mb-6 w-full\">\n            <h3 class=\"font-semibold text-sm text-base-content/80 mb-3\">Beneficios incluidos:</h3>\n            <ul class=\"space-y-2\">\n              <li class=\"flex items-center text-sm\">\n                <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"h-4 w-4 text-success mr-2\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" />\n                </svg>\n                Acceso completo a todas las funciones\n              </li>\n              <li class=\"flex items-center text-sm\">\n                <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"h-4 w-4 text-success mr-2\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" />\n                </svg>\n                Soporte prioritario 24/7\n              </li>\n              <li class=\"flex items-center text-sm\">\n                <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"h-4 w-4 text-success mr-2\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" />\n                </svg>\n                Actualizaciones autom\u00E1ticas\n              </li>\n            </ul>\n          </div>\n        }\n\n        <!-- Action Buttons -->\n        <div class=\"card-actions justify-center w-full\">\n          <button class=\"btn btn-primary btn-wide\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"h-5 w-5 mr-2\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n              <path\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n                stroke-width=\"2\"\n                d=\"M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6\"\n              />\n            </svg>\n            Ir al Panel Principal\n          </button>\n        </div>\n\n        <!-- Additional Help -->\n        <div class=\"text-center mt-4\">\n          <p class=\"text-xs text-base-content/50\">\n            \u00BFNecesitas ayuda?\n            <a href=\"#\" class=\"link link-primary\">Contacta soporte</a>\n          </p>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>" }]
         }] });
 
+class PaymentIntentsTableComponent {
+    paymentIntents = input.required();
+    paymentIntentsTable = computed(() => {
+        return this.paymentIntents().map(paymentIntent => ({
+            ...paymentIntent,
+            selected: false
+        }));
+    });
+    loading = input(false);
+    error = input(null);
+    withControls = input(true);
+    exportSelected = output();
+    onRefresh = output();
+    utils = inject(UtilsService);
+    hasPaymentIntents = computed(() => this.paymentIntents() && this.paymentIntents().length > 0);
+    trackByPaymentIntentId = (index, item) => item.id;
+    refreshPaymentIntents() {
+        this.onRefresh.emit();
+    }
+    allPaymentIntentsSelected() {
+        return this.paymentIntentsTable().every(paymentIntent => paymentIntent.selected);
+    }
+    somePaymentIntentsSelected() {
+        return this.paymentIntentsTable().some(paymentIntent => paymentIntent.selected);
+    }
+    toggleAllPaymentIntents(event) {
+        const checkbox = event.target;
+        const isChecked = checkbox.checked;
+        this.paymentIntentsTable().forEach(paymentIntent => {
+            paymentIntent.selected = isChecked;
+        });
+    }
+    togglePaymentIntent(event, id) {
+        const checkbox = event.target;
+        const isChecked = checkbox.checked;
+        const paymentIntent = this.paymentIntentsTable().find(paymentIntent => paymentIntent.id === id);
+        if (paymentIntent) {
+            paymentIntent.selected = isChecked;
+        }
+    }
+    showDetails(id) {
+        const modalElement = document.getElementById(`modal-${id}`);
+        if (modalElement) {
+            modalElement.showModal();
+        }
+    }
+    exportSelectedPaymentIntents() {
+        this.exportSelected.emit(this.paymentIntentsTable().filter(paymentIntent => paymentIntent.selected));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: PaymentIntentsTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: PaymentIntentsTableComponent, isStandalone: true, selector: "lib-payment-intents-table", inputs: { paymentIntents: { classPropertyName: "paymentIntents", publicName: "paymentIntents", isSignal: true, isRequired: true, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, withControls: { classPropertyName: "withControls", publicName: "withControls", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { exportSelected: "exportSelected", onRefresh: "onRefresh" }, ngImport: i0, template: "<div class=\"payment-intents-container\">\n  @if (withControls()) {\n    <div class=\"controls mb-4 flex justify-between items-center\">\n      <div class=\"stats\">\n        @if (hasPaymentIntents()) {\n          <span class=\"badge badge-soft badge-info\">{{ paymentIntentsTable().length }} payment intents</span>\n        }\n      </div>\n      <div class=\"flex justify-end items-center gap-2\">\n        <button class=\"btn btn-sm btn-outline\" (click)=\"refreshPaymentIntents()\">\n          <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"h-4 w-4 mr-1\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15\" />\n          </svg>\n        Actualizar\n        </button>\n        <button class=\"btn btn-sm btn-primary\" [disabled]=\"!somePaymentIntentsSelected()\" (click)=\"exportSelectedPaymentIntents()\">\n          <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M8.71 7.71L11 5.41V15a1 1 0 0 0 2 0V5.41l2.29 2.3a1 1 0 0 0 1.42 0a1 1 0 0 0 0-1.42l-4-4a1 1 0 0 0-.33-.21a1 1 0 0 0-.76 0a1 1 0 0 0-.33.21l-4 4a1 1 0 1 0 1.42 1.42M21 14a1 1 0 0 0-1 1v4a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-4a1 1 0 0 0-2 0v4a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3v-4a1 1 0 0 0-1-1\"/></svg>\n          Export Selected\n        </button>\n      </div>\n    </div>\n  }\n\n  @if (loading()) {\n    <div class=\"overflow-x-auto\">\n      <div class=\"skeleton h-32 w-full\"></div>\n    </div>\n  } @else if (error()) {\n    <div class=\"error-container\">\n      <div class=\"alert alert-error\">\n        <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"stroke-current shrink-0 h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z\" /></svg>\n        <span>{{ error() }}</span>\n      </div>\n    </div>\n  } @else if (hasPaymentIntents()) {\n    <div class=\"overflow-x-auto rounded-box border border-base-content/5 bg-base-100\">\n      <table class=\"table table-zebra\">\n        <!-- head -->\n        <thead>\n          <tr>\n            <th>\n              <label>\n                <input type=\"checkbox\" class=\"checkbox\" (change)=\"toggleAllPaymentIntents($event)\" [checked]=\"allPaymentIntentsSelected()\" />\n              </label>\n            </th>\n            <th>Amount</th>\n            <th>Payment Method</th>\n            <th>Status</th>\n            <th>Mode</th>\n            <th></th>\n          </tr>\n        </thead>\n        <tbody>\n          @for (paymentIntent of paymentIntentsTable(); track trackByPaymentIntentId(0, paymentIntent)) {\n            <tr>\n              <th>\n                <label>\n                  <input type=\"checkbox\" class=\"checkbox\" (change)=\"togglePaymentIntent($event, paymentIntent.id ?? '')\" [checked]=\"paymentIntent.selected\" />\n                </label>\n              </th>\n              <td>{{ utils.formatAmount(paymentIntent.amount ?? 0, paymentIntent.currency ?? 'EUR') }}</td>\n              <td>\n                <span class=\"badge badge-outline\">\n                  {{ paymentIntent.paymentMethodId }}\n                </span>\n              </td>\n              <td>\n                <span class=\"badge badge-soft {{ utils.getStatusBadgeClass(paymentIntent.status) }}\">\n                  {{ paymentIntent.status}}\n                </span>\n              </td>\n              <td>{{ paymentIntent.liveMode ? 'Live' : 'Test' }}</td>\n              <td>\n                <button class=\"btn btn-xs btn-ghost\" (click)=\"showDetails(paymentIntent.id ?? '')\">\n                  Details\n                </button>\n                <dialog id=\"modal-{{ paymentIntent.id }}\" class=\"modal\">\n                  <div class=\"modal-box\">\n                    <h3 class=\"font-bold text-lg\">Payment Intent Details</h3>\n                    <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4 mt-4\">\n                      <div>\n                        <h4 class=\"text-md font-semibold mb-2\">Payment Details</h4>\n                        <ul class=\"space-y-1 text-sm\">\n                          <li><span class=\"font-medium\">Full ID:</span> {{ paymentIntent.id }}</li>\n                          <li><span class=\"font-medium\">Payment Method:</span> {{ paymentIntent.paymentMethodId }}</li>\n                          <li><span class=\"font-medium\">Confirmation Method:</span> {{ paymentIntent.confirmationMethod }}</li>\n                          @if (paymentIntent.invoiceId) {\n                            <li><span class=\"font-medium\">Invoice ID:</span> {{ paymentIntent.invoiceId }}</li>\n                          }\n                        </ul>\n                      </div>\n                      <div>\n                        <h4 class=\"text-md font-semibold mb-2\">Status Information</h4>\n                        <ul class=\"space-y-1 text-sm\">\n                          <li>\n                            <span class=\"font-medium\">Status: </span> \n                            <span class=\"badge badge-soft {{ utils.getStatusBadgeClass(paymentIntent.status) }}\">\n                              {{ paymentIntent.status }}\n                            </span>\n                          </li>\n                          <li><span class=\"font-medium\">Mode: </span> {{ paymentIntent.liveMode ? 'Production' : 'Test' }}</li>\n                          <li><span class=\"font-medium\">Amount: </span> {{ utils.formatAmount(paymentIntent.amount ?? 0, paymentIntent.currency ?? 'EUR') }}</li>\n                        </ul>\n                      </div>\n                    </div>\n                    <div class=\"modal-action\">\n                      <form method=\"dialog\">\n                        <button class=\"btn\">Close</button>\n                      </form>\n                    </div>\n                  </div>\n                </dialog>\n              </td>\n            </tr>\n          }\n        </tbody>\n      </table>\n    </div>\n  } @else {\n    <div class=\"empty-state\">\n      <div class=\"card bg-base-100 shadow-sm\">\n        <div class=\"card-body items-center text-center\">\n          <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"h-12 w-12 text-gray-400 mb-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z\" />\n          </svg>\n          <h2 class=\"card-title text-xl\">No recent payment intents</h2>\n          <p class=\"text-gray-600\">No payment intents found in your history.</p>\n        </div>\n      </div>\n    </div>\n  }\n</div> ", dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: PaymentIntentsTableComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-payment-intents-table', standalone: true, imports: [
+                        CommonModule
+                    ], template: "<div class=\"payment-intents-container\">\n  @if (withControls()) {\n    <div class=\"controls mb-4 flex justify-between items-center\">\n      <div class=\"stats\">\n        @if (hasPaymentIntents()) {\n          <span class=\"badge badge-soft badge-info\">{{ paymentIntentsTable().length }} payment intents</span>\n        }\n      </div>\n      <div class=\"flex justify-end items-center gap-2\">\n        <button class=\"btn btn-sm btn-outline\" (click)=\"refreshPaymentIntents()\">\n          <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"h-4 w-4 mr-1\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15\" />\n          </svg>\n        Actualizar\n        </button>\n        <button class=\"btn btn-sm btn-primary\" [disabled]=\"!somePaymentIntentsSelected()\" (click)=\"exportSelectedPaymentIntents()\">\n          <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M8.71 7.71L11 5.41V15a1 1 0 0 0 2 0V5.41l2.29 2.3a1 1 0 0 0 1.42 0a1 1 0 0 0 0-1.42l-4-4a1 1 0 0 0-.33-.21a1 1 0 0 0-.76 0a1 1 0 0 0-.33.21l-4 4a1 1 0 1 0 1.42 1.42M21 14a1 1 0 0 0-1 1v4a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-4a1 1 0 0 0-2 0v4a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3v-4a1 1 0 0 0-1-1\"/></svg>\n          Export Selected\n        </button>\n      </div>\n    </div>\n  }\n\n  @if (loading()) {\n    <div class=\"overflow-x-auto\">\n      <div class=\"skeleton h-32 w-full\"></div>\n    </div>\n  } @else if (error()) {\n    <div class=\"error-container\">\n      <div class=\"alert alert-error\">\n        <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"stroke-current shrink-0 h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z\" /></svg>\n        <span>{{ error() }}</span>\n      </div>\n    </div>\n  } @else if (hasPaymentIntents()) {\n    <div class=\"overflow-x-auto rounded-box border border-base-content/5 bg-base-100\">\n      <table class=\"table table-zebra\">\n        <!-- head -->\n        <thead>\n          <tr>\n            <th>\n              <label>\n                <input type=\"checkbox\" class=\"checkbox\" (change)=\"toggleAllPaymentIntents($event)\" [checked]=\"allPaymentIntentsSelected()\" />\n              </label>\n            </th>\n            <th>Amount</th>\n            <th>Payment Method</th>\n            <th>Status</th>\n            <th>Mode</th>\n            <th></th>\n          </tr>\n        </thead>\n        <tbody>\n          @for (paymentIntent of paymentIntentsTable(); track trackByPaymentIntentId(0, paymentIntent)) {\n            <tr>\n              <th>\n                <label>\n                  <input type=\"checkbox\" class=\"checkbox\" (change)=\"togglePaymentIntent($event, paymentIntent.id ?? '')\" [checked]=\"paymentIntent.selected\" />\n                </label>\n              </th>\n              <td>{{ utils.formatAmount(paymentIntent.amount ?? 0, paymentIntent.currency ?? 'EUR') }}</td>\n              <td>\n                <span class=\"badge badge-outline\">\n                  {{ paymentIntent.paymentMethodId }}\n                </span>\n              </td>\n              <td>\n                <span class=\"badge badge-soft {{ utils.getStatusBadgeClass(paymentIntent.status) }}\">\n                  {{ paymentIntent.status}}\n                </span>\n              </td>\n              <td>{{ paymentIntent.liveMode ? 'Live' : 'Test' }}</td>\n              <td>\n                <button class=\"btn btn-xs btn-ghost\" (click)=\"showDetails(paymentIntent.id ?? '')\">\n                  Details\n                </button>\n                <dialog id=\"modal-{{ paymentIntent.id }}\" class=\"modal\">\n                  <div class=\"modal-box\">\n                    <h3 class=\"font-bold text-lg\">Payment Intent Details</h3>\n                    <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4 mt-4\">\n                      <div>\n                        <h4 class=\"text-md font-semibold mb-2\">Payment Details</h4>\n                        <ul class=\"space-y-1 text-sm\">\n                          <li><span class=\"font-medium\">Full ID:</span> {{ paymentIntent.id }}</li>\n                          <li><span class=\"font-medium\">Payment Method:</span> {{ paymentIntent.paymentMethodId }}</li>\n                          <li><span class=\"font-medium\">Confirmation Method:</span> {{ paymentIntent.confirmationMethod }}</li>\n                          @if (paymentIntent.invoiceId) {\n                            <li><span class=\"font-medium\">Invoice ID:</span> {{ paymentIntent.invoiceId }}</li>\n                          }\n                        </ul>\n                      </div>\n                      <div>\n                        <h4 class=\"text-md font-semibold mb-2\">Status Information</h4>\n                        <ul class=\"space-y-1 text-sm\">\n                          <li>\n                            <span class=\"font-medium\">Status: </span> \n                            <span class=\"badge badge-soft {{ utils.getStatusBadgeClass(paymentIntent.status) }}\">\n                              {{ paymentIntent.status }}\n                            </span>\n                          </li>\n                          <li><span class=\"font-medium\">Mode: </span> {{ paymentIntent.liveMode ? 'Production' : 'Test' }}</li>\n                          <li><span class=\"font-medium\">Amount: </span> {{ utils.formatAmount(paymentIntent.amount ?? 0, paymentIntent.currency ?? 'EUR') }}</li>\n                        </ul>\n                      </div>\n                    </div>\n                    <div class=\"modal-action\">\n                      <form method=\"dialog\">\n                        <button class=\"btn\">Close</button>\n                      </form>\n                    </div>\n                  </div>\n                </dialog>\n              </td>\n            </tr>\n          }\n        </tbody>\n      </table>\n    </div>\n  } @else {\n    <div class=\"empty-state\">\n      <div class=\"card bg-base-100 shadow-sm\">\n        <div class=\"card-body items-center text-center\">\n          <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"h-12 w-12 text-gray-400 mb-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z\" />\n          </svg>\n          <h2 class=\"card-title text-xl\">No recent payment intents</h2>\n          <p class=\"text-gray-600\">No payment intents found in your history.</p>\n        </div>\n      </div>\n    </div>\n  }\n</div> " }]
+        }] });
+
 class SubscriptionItemSkeletonComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: SubscriptionItemSkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: SubscriptionItemSkeletonComponent, isStandalone: true, selector: "lib-subscription-item-skeleton", ngImport: i0, template: "<div class=\"card bg-base-100 shadow-sm\">\n  <div class=\"card-body p-4\">\n    <div class=\"flex justify-between\">\n      <div>\n        <div class=\"flex items-center gap-2\">\n          <div class=\"skeleton h-6 w-32\"></div>\n          <div class=\"skeleton h-5 w-20\"></div>\n        </div>\n        <div class=\"skeleton h-4 w-48 mt-2\"></div>\n      </div>\n      \n      <div class=\"flex gap-2\">\n        <div class=\"skeleton h-8 w-20\"></div>\n      </div>\n    </div>\n\n    <div class=\"mt-2\">\n      <div class=\"flex justify-between text-sm\">\n        <div class=\"skeleton h-4 w-32\"></div>\n        <div class=\"skeleton h-4 w-32\"></div>\n      </div>\n    </div>\n\n    <!--<div class=\"mt-4 border-t pt-4\">\n      <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n        <div>\n          <div class=\"skeleton h-5 w-24 mb-2\"></div>\n          <div class=\"space-y-1\">\n            <div class=\"skeleton h-4 w-full\"></div>\n            <div class=\"skeleton h-4 w-full\"></div>\n            <div class=\"skeleton h-4 w-3/4\"></div>\n          </div>\n        </div>\n        \n        <div>\n          <div class=\"skeleton h-5 w-24 mb-2\"></div>\n          <div class=\"space-y-1\">\n            <div class=\"skeleton h-4 w-full\"></div>\n            <div class=\"skeleton h-4 w-3/4\"></div>\n          </div>\n        </div>\n      </div>\n      \n      <div class=\"card-actions mt-4 justify-end\">\n        <div class=\"skeleton h-8 w-32\"></div>\n      </div>\n    </div>-->\n  </div>\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }] });
@@ -1543,65 +1598,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
                     ], template: "<div class=\"payment-intents-container\">\n  @if (withControls()) {\n    <div class=\"controls mb-4 flex justify-between items-center\">\n      <div class=\"stats\">\n      @if (paymentIntents().length > 0) {\n        <span class=\"badge badge-soft badge-info\">{{ paymentIntents().length }} payment intents</span>\n      }\n    </div>\n    <button class=\"btn btn-sm btn-outline\" (click)=\"refreshPaymentIntents()\">\n      <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"h-4 w-4 mr-1\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15\" />\n      </svg>\n      Actualizar\n      </button>\n    </div>\n  }\n\n  @if (loading()) {\n    <div class=\"flex flex-col gap-4\">\n      @for (item of [1,2,3]; track item) {\n        <lib-payment-intent-item-skeleton></lib-payment-intent-item-skeleton>\n      }\n    </div>\n  } @else if (error()) {\n    <div class=\"error-container\">\n      <div class=\"alert alert-error\">\n        <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"stroke-current shrink-0 h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z\" /></svg>\n        <span>{{ error() }}</span>\n      </div>\n    </div>\n  } @else if (paymentIntents().length > 0) {\n    <div class=\"flex flex-col gap-4\">\n      @for (paymentIntent of paymentIntents(); track paymentIntent.id) {\n        <lib-payment-intent-item [paymentIntent]=\"paymentIntent\"></lib-payment-intent-item>\n      }\n    </div>\n  } @else {\n    <div class=\"empty-state\">\n      <div class=\"card bg-base-100 shadow-sm\">\n        <div class=\"card-body items-center text-center\">\n          <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"h-12 w-12 text-gray-400 mb-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z\" />\n          </svg>\n          <h2 class=\"card-title text-xl\">No hay payment intents recientes</h2>\n          <p class=\"text-gray-600\">No se encontraron payment intents en tu historial.</p>\n        </div>\n      </div>\n    </div>\n  }\n</div> " }]
         }] });
 
-class PaymentIntentsTableComponent {
-    paymentIntents = input.required();
-    paymentIntentsTable = computed(() => {
-        return this.paymentIntents().map(paymentIntent => ({
-            ...paymentIntent,
-            selected: false
-        }));
-    });
-    loading = input(false);
-    error = input(null);
-    withControls = input(true);
-    exportSelected = output();
-    onRefresh = output();
-    utils = inject(UtilsService);
-    hasPaymentIntents = computed(() => this.paymentIntents() && this.paymentIntents().length > 0);
-    trackByPaymentIntentId = (index, item) => item.id;
-    refreshPaymentIntents() {
-        this.onRefresh.emit();
-    }
-    allPaymentIntentsSelected() {
-        return this.paymentIntentsTable().every(paymentIntent => paymentIntent.selected);
-    }
-    somePaymentIntentsSelected() {
-        return this.paymentIntentsTable().some(paymentIntent => paymentIntent.selected);
-    }
-    toggleAllPaymentIntents(event) {
-        const checkbox = event.target;
-        const isChecked = checkbox.checked;
-        this.paymentIntentsTable().forEach(paymentIntent => {
-            paymentIntent.selected = isChecked;
-        });
-    }
-    togglePaymentIntent(event, id) {
-        const checkbox = event.target;
-        const isChecked = checkbox.checked;
-        const paymentIntent = this.paymentIntentsTable().find(paymentIntent => paymentIntent.id === id);
-        if (paymentIntent) {
-            paymentIntent.selected = isChecked;
-        }
-    }
-    showDetails(id) {
-        const modalElement = document.getElementById(`modal-${id}`);
-        if (modalElement) {
-            modalElement.showModal();
-        }
-    }
-    exportSelectedPaymentIntents() {
-        this.exportSelected.emit(this.paymentIntentsTable().filter(paymentIntent => paymentIntent.selected));
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: PaymentIntentsTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: PaymentIntentsTableComponent, isStandalone: true, selector: "lib-payment-intents-table", inputs: { paymentIntents: { classPropertyName: "paymentIntents", publicName: "paymentIntents", isSignal: true, isRequired: true, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, withControls: { classPropertyName: "withControls", publicName: "withControls", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { exportSelected: "exportSelected", onRefresh: "onRefresh" }, ngImport: i0, template: "<div class=\"payment-intents-container\">\n  @if (withControls()) {\n    <div class=\"controls mb-4 flex justify-between items-center\">\n      <div class=\"stats\">\n        @if (hasPaymentIntents()) {\n          <span class=\"badge badge-soft badge-info\">{{ paymentIntentsTable().length }} payment intents</span>\n        }\n      </div>\n      <div class=\"flex justify-end items-center gap-2\">\n        <button class=\"btn btn-sm btn-outline\" (click)=\"refreshPaymentIntents()\">\n          <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"h-4 w-4 mr-1\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15\" />\n          </svg>\n        Actualizar\n        </button>\n        <button class=\"btn btn-sm btn-primary\" [disabled]=\"!somePaymentIntentsSelected()\" (click)=\"exportSelectedPaymentIntents()\">\n          <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M8.71 7.71L11 5.41V15a1 1 0 0 0 2 0V5.41l2.29 2.3a1 1 0 0 0 1.42 0a1 1 0 0 0 0-1.42l-4-4a1 1 0 0 0-.33-.21a1 1 0 0 0-.76 0a1 1 0 0 0-.33.21l-4 4a1 1 0 1 0 1.42 1.42M21 14a1 1 0 0 0-1 1v4a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-4a1 1 0 0 0-2 0v4a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3v-4a1 1 0 0 0-1-1\"/></svg>\n          Export Selected\n        </button>\n      </div>\n    </div>\n  }\n\n  @if (loading()) {\n    <div class=\"overflow-x-auto\">\n      <div class=\"skeleton h-32 w-full\"></div>\n    </div>\n  } @else if (error()) {\n    <div class=\"error-container\">\n      <div class=\"alert alert-error\">\n        <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"stroke-current shrink-0 h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z\" /></svg>\n        <span>{{ error() }}</span>\n      </div>\n    </div>\n  } @else if (hasPaymentIntents()) {\n    <div class=\"overflow-x-auto rounded-box border border-base-content/5 bg-base-100\">\n      <table class=\"table table-zebra\">\n        <!-- head -->\n        <thead>\n          <tr>\n            <th>\n              <label>\n                <input type=\"checkbox\" class=\"checkbox\" (change)=\"toggleAllPaymentIntents($event)\" [checked]=\"allPaymentIntentsSelected()\" />\n              </label>\n            </th>\n            <th>Amount</th>\n            <th>Payment Method</th>\n            <th>Status</th>\n            <th>Mode</th>\n            <th></th>\n          </tr>\n        </thead>\n        <tbody>\n          @for (paymentIntent of paymentIntentsTable(); track trackByPaymentIntentId(0, paymentIntent)) {\n            <tr>\n              <th>\n                <label>\n                  <input type=\"checkbox\" class=\"checkbox\" (change)=\"togglePaymentIntent($event, paymentIntent.id ?? '')\" [checked]=\"paymentIntent.selected\" />\n                </label>\n              </th>\n              <td>{{ utils.formatAmount(paymentIntent.amount ?? 0, paymentIntent.currency ?? 'EUR') }}</td>\n              <td>\n                <span class=\"badge badge-outline\">\n                  {{ paymentIntent.paymentMethodId }}\n                </span>\n              </td>\n              <td>\n                <span class=\"badge badge-soft {{ utils.getStatusBadgeClass(paymentIntent.status) }}\">\n                  {{ paymentIntent.status}}\n                </span>\n              </td>\n              <td>{{ paymentIntent.liveMode ? 'Live' : 'Test' }}</td>\n              <td>\n                <button class=\"btn btn-xs btn-ghost\" (click)=\"showDetails(paymentIntent.id ?? '')\">\n                  Details\n                </button>\n                <dialog id=\"modal-{{ paymentIntent.id }}\" class=\"modal\">\n                  <div class=\"modal-box\">\n                    <h3 class=\"font-bold text-lg\">Payment Intent Details</h3>\n                    <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4 mt-4\">\n                      <div>\n                        <h4 class=\"text-md font-semibold mb-2\">Payment Details</h4>\n                        <ul class=\"space-y-1 text-sm\">\n                          <li><span class=\"font-medium\">Full ID:</span> {{ paymentIntent.id }}</li>\n                          <li><span class=\"font-medium\">Payment Method:</span> {{ paymentIntent.paymentMethodId }}</li>\n                          <li><span class=\"font-medium\">Confirmation Method:</span> {{ paymentIntent.confirmationMethod }}</li>\n                          @if (paymentIntent.invoiceId) {\n                            <li><span class=\"font-medium\">Invoice ID:</span> {{ paymentIntent.invoiceId }}</li>\n                          }\n                        </ul>\n                      </div>\n                      <div>\n                        <h4 class=\"text-md font-semibold mb-2\">Status Information</h4>\n                        <ul class=\"space-y-1 text-sm\">\n                          <li>\n                            <span class=\"font-medium\">Status: </span> \n                            <span class=\"badge badge-soft {{ utils.getStatusBadgeClass(paymentIntent.status) }}\">\n                              {{ paymentIntent.status }}\n                            </span>\n                          </li>\n                          <li><span class=\"font-medium\">Mode: </span> {{ paymentIntent.liveMode ? 'Production' : 'Test' }}</li>\n                          <li><span class=\"font-medium\">Amount: </span> {{ utils.formatAmount(paymentIntent.amount ?? 0, paymentIntent.currency ?? 'EUR') }}</li>\n                        </ul>\n                      </div>\n                    </div>\n                    <div class=\"modal-action\">\n                      <form method=\"dialog\">\n                        <button class=\"btn\">Close</button>\n                      </form>\n                    </div>\n                  </div>\n                </dialog>\n              </td>\n            </tr>\n          }\n        </tbody>\n      </table>\n    </div>\n  } @else {\n    <div class=\"empty-state\">\n      <div class=\"card bg-base-100 shadow-sm\">\n        <div class=\"card-body items-center text-center\">\n          <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"h-12 w-12 text-gray-400 mb-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z\" />\n          </svg>\n          <h2 class=\"card-title text-xl\">No recent payment intents</h2>\n          <p class=\"text-gray-600\">No payment intents found in your history.</p>\n        </div>\n      </div>\n    </div>\n  }\n</div> ", dependencies: [{ kind: "ngmodule", type: CommonModule }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: PaymentIntentsTableComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-payment-intents-table', standalone: true, imports: [
-                        CommonModule
-                    ], template: "<div class=\"payment-intents-container\">\n  @if (withControls()) {\n    <div class=\"controls mb-4 flex justify-between items-center\">\n      <div class=\"stats\">\n        @if (hasPaymentIntents()) {\n          <span class=\"badge badge-soft badge-info\">{{ paymentIntentsTable().length }} payment intents</span>\n        }\n      </div>\n      <div class=\"flex justify-end items-center gap-2\">\n        <button class=\"btn btn-sm btn-outline\" (click)=\"refreshPaymentIntents()\">\n          <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"h-4 w-4 mr-1\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15\" />\n          </svg>\n        Actualizar\n        </button>\n        <button class=\"btn btn-sm btn-primary\" [disabled]=\"!somePaymentIntentsSelected()\" (click)=\"exportSelectedPaymentIntents()\">\n          <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M8.71 7.71L11 5.41V15a1 1 0 0 0 2 0V5.41l2.29 2.3a1 1 0 0 0 1.42 0a1 1 0 0 0 0-1.42l-4-4a1 1 0 0 0-.33-.21a1 1 0 0 0-.76 0a1 1 0 0 0-.33.21l-4 4a1 1 0 1 0 1.42 1.42M21 14a1 1 0 0 0-1 1v4a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-4a1 1 0 0 0-2 0v4a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3v-4a1 1 0 0 0-1-1\"/></svg>\n          Export Selected\n        </button>\n      </div>\n    </div>\n  }\n\n  @if (loading()) {\n    <div class=\"overflow-x-auto\">\n      <div class=\"skeleton h-32 w-full\"></div>\n    </div>\n  } @else if (error()) {\n    <div class=\"error-container\">\n      <div class=\"alert alert-error\">\n        <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"stroke-current shrink-0 h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z\" /></svg>\n        <span>{{ error() }}</span>\n      </div>\n    </div>\n  } @else if (hasPaymentIntents()) {\n    <div class=\"overflow-x-auto rounded-box border border-base-content/5 bg-base-100\">\n      <table class=\"table table-zebra\">\n        <!-- head -->\n        <thead>\n          <tr>\n            <th>\n              <label>\n                <input type=\"checkbox\" class=\"checkbox\" (change)=\"toggleAllPaymentIntents($event)\" [checked]=\"allPaymentIntentsSelected()\" />\n              </label>\n            </th>\n            <th>Amount</th>\n            <th>Payment Method</th>\n            <th>Status</th>\n            <th>Mode</th>\n            <th></th>\n          </tr>\n        </thead>\n        <tbody>\n          @for (paymentIntent of paymentIntentsTable(); track trackByPaymentIntentId(0, paymentIntent)) {\n            <tr>\n              <th>\n                <label>\n                  <input type=\"checkbox\" class=\"checkbox\" (change)=\"togglePaymentIntent($event, paymentIntent.id ?? '')\" [checked]=\"paymentIntent.selected\" />\n                </label>\n              </th>\n              <td>{{ utils.formatAmount(paymentIntent.amount ?? 0, paymentIntent.currency ?? 'EUR') }}</td>\n              <td>\n                <span class=\"badge badge-outline\">\n                  {{ paymentIntent.paymentMethodId }}\n                </span>\n              </td>\n              <td>\n                <span class=\"badge badge-soft {{ utils.getStatusBadgeClass(paymentIntent.status) }}\">\n                  {{ paymentIntent.status}}\n                </span>\n              </td>\n              <td>{{ paymentIntent.liveMode ? 'Live' : 'Test' }}</td>\n              <td>\n                <button class=\"btn btn-xs btn-ghost\" (click)=\"showDetails(paymentIntent.id ?? '')\">\n                  Details\n                </button>\n                <dialog id=\"modal-{{ paymentIntent.id }}\" class=\"modal\">\n                  <div class=\"modal-box\">\n                    <h3 class=\"font-bold text-lg\">Payment Intent Details</h3>\n                    <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4 mt-4\">\n                      <div>\n                        <h4 class=\"text-md font-semibold mb-2\">Payment Details</h4>\n                        <ul class=\"space-y-1 text-sm\">\n                          <li><span class=\"font-medium\">Full ID:</span> {{ paymentIntent.id }}</li>\n                          <li><span class=\"font-medium\">Payment Method:</span> {{ paymentIntent.paymentMethodId }}</li>\n                          <li><span class=\"font-medium\">Confirmation Method:</span> {{ paymentIntent.confirmationMethod }}</li>\n                          @if (paymentIntent.invoiceId) {\n                            <li><span class=\"font-medium\">Invoice ID:</span> {{ paymentIntent.invoiceId }}</li>\n                          }\n                        </ul>\n                      </div>\n                      <div>\n                        <h4 class=\"text-md font-semibold mb-2\">Status Information</h4>\n                        <ul class=\"space-y-1 text-sm\">\n                          <li>\n                            <span class=\"font-medium\">Status: </span> \n                            <span class=\"badge badge-soft {{ utils.getStatusBadgeClass(paymentIntent.status) }}\">\n                              {{ paymentIntent.status }}\n                            </span>\n                          </li>\n                          <li><span class=\"font-medium\">Mode: </span> {{ paymentIntent.liveMode ? 'Production' : 'Test' }}</li>\n                          <li><span class=\"font-medium\">Amount: </span> {{ utils.formatAmount(paymentIntent.amount ?? 0, paymentIntent.currency ?? 'EUR') }}</li>\n                        </ul>\n                      </div>\n                    </div>\n                    <div class=\"modal-action\">\n                      <form method=\"dialog\">\n                        <button class=\"btn\">Close</button>\n                      </form>\n                    </div>\n                  </div>\n                </dialog>\n              </td>\n            </tr>\n          }\n        </tbody>\n      </table>\n    </div>\n  } @else {\n    <div class=\"empty-state\">\n      <div class=\"card bg-base-100 shadow-sm\">\n        <div class=\"card-body items-center text-center\">\n          <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"h-12 w-12 text-gray-400 mb-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z\" />\n          </svg>\n          <h2 class=\"card-title text-xl\">No recent payment intents</h2>\n          <p class=\"text-gray-600\">No payment intents found in your history.</p>\n        </div>\n      </div>\n    </div>\n  }\n</div> " }]
-        }] });
-
 class SubscriptionsComponent {
     customerStore = inject(CustomerStore);
     portalAccountStore = inject(PortalAccountStore);
@@ -1658,5 +1654,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { CheckoutStore, CustomerDashboardComponent, CustomerStore, EmbeddedCheckoutComponent, EmbeddedSubscriptionComponent, PaymentIntentItemComponent, PaymentIntentItemSkeletonComponent, PaymentIntentsListComponent, ProductListComponent, ProductsStore, ReturnPageComponent, STRIPE_CONFIG, SUPABASE_CONFIG, StripeClientService, SubscriptionCardComponent, SubscriptionItemComponent, SubscriptionReturnPageComponent, SubscriptionsListComponent, SubscriptionsStore, SupabaseClientService, parsePaymentIntent, parseProduct, parseSubscription, provideNgxSupabaseStripeConfig, provideStripeConfig, provideSupabaseConfig };
+export { CheckoutStore, CustomerDashboardComponent, CustomerStore, EmbeddedCheckoutComponent, EmbeddedSubscriptionComponent, PaymentIntentsListComponent, PaymentIntentsTableComponent, ProductListComponent, ProductsStore, ReturnPageComponent, STRIPE_CONFIG, SUPABASE_CONFIG, StripeClientService, SubscriptionCardComponent, SubscriptionReturnPageComponent, SubscriptionsListComponent, SubscriptionsStore, SupabaseClientService, parsePaymentIntent, parseProduct, parseSubscription, provideNgxSupabaseStripeConfig, provideStripeConfig, provideSupabaseConfig };
 //# sourceMappingURL=dotted-labs-ngx-supabase-stripe.mjs.map