@dotted-labs/ngx-supabase-stripe 0.1.8 → 0.1.10

package/database.types.d.ts

@@ -10,6 +10,34 @@ export type Database = {
             [_ in never]: never;
         };
         Functions: {
+            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;
@@ -111,15 +139,42 @@ export type Database = {
                 }[];
             };
         };
-        Enums: {
-            [_ in never]: never;
-        };
         CompositeTypes: {
             [_ in never]: never;
         };
     };
     stripe: {
         Tables: {
+            accounts: {
+                Row: {
+                    attrs: Json | null;
+                    business_type: string | null;
+                    country: string | null;
+                    created: string | null;
+                    email: string | null;
+                    id: string | null;
+                    type: string | null;
+                };
+                Insert: {
+                    attrs?: Json | null;
+                    business_type?: string | null;
+                    country?: string | null;
+                    created?: string | null;
+                    email?: string | null;
+                    id?: string | null;
+                    type?: string | null;
+                };
+                Update: {
+                    attrs?: Json | null;
+                    business_type?: string | null;
+                    country?: string | null;
+                    created?: string | null;
+                    email?: string | null;
+                    id?: string | null;
+                    type?: string | null;
+                };
+                Relationships: [];
+            };
             checkout_sessions: {
                 Row: {
                     attrs: Json | null;
@@ -299,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;
@@ -309,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 {
@@ -343,13 +525,6 @@ export type TablesUpdate<DefaultSchemaTableNameOrOptions extends keyof DefaultSc
 } ? U : never : DefaultSchemaTableNameOrOptions extends keyof DefaultSchema["Tables"] ? DefaultSchema["Tables"][DefaultSchemaTableNameOrOptions] extends {
     Update: infer U;
 } ? U : never : never;
-export type Enums<DefaultSchemaEnumNameOrOptions extends keyof DefaultSchema["Enums"] | {
-    schema: keyof Database;
-}, EnumName extends DefaultSchemaEnumNameOrOptions extends {
-    schema: keyof Database;
-} ? keyof Database[DefaultSchemaEnumNameOrOptions["schema"]]["Enums"] : never = never> = DefaultSchemaEnumNameOrOptions extends {
-    schema: keyof Database;
-} ? Database[DefaultSchemaEnumNameOrOptions["schema"]]["Enums"][EnumName] : DefaultSchemaEnumNameOrOptions extends keyof DefaultSchema["Enums"] ? DefaultSchema["Enums"][DefaultSchemaEnumNameOrOptions] : never;
 export type CompositeTypes<PublicCompositeTypeNameOrOptions extends keyof DefaultSchema["CompositeTypes"] | {
     schema: keyof Database;
 }, CompositeTypeName extends PublicCompositeTypeNameOrOptions extends {
@@ -357,12 +532,4 @@ export type CompositeTypes<PublicCompositeTypeNameOrOptions extends keyof Defaul
 } ? keyof Database[PublicCompositeTypeNameOrOptions["schema"]]["CompositeTypes"] : never = never> = PublicCompositeTypeNameOrOptions extends {
     schema: keyof Database;
 } ? Database[PublicCompositeTypeNameOrOptions["schema"]]["CompositeTypes"][CompositeTypeName] : PublicCompositeTypeNameOrOptions extends keyof DefaultSchema["CompositeTypes"] ? DefaultSchema["CompositeTypes"][PublicCompositeTypeNameOrOptions] : never;
-export declare const Constants: {
-    readonly public: {
-        readonly Enums: {};
-    };
-    readonly stripe: {
-        readonly Enums: {};
-    };
-};
 export {};

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

@@ -69,13 +69,6 @@ class SupabaseClientService {
     getClient() {
         return this.client;
     }
-    /**
-     * Select checkout sessions
-     * @param query Optional query parameters
-     */
-    async selectCheckoutSessions(query) {
-        return this.select('checkout_sessions', query);
-    }
     /**
      * Select payment intents
      * @param query Optional query parameters
@@ -83,6 +76,20 @@ class SupabaseClientService {
     async selectPaymentIntents(query) {
         return this.select('payment_intents', query);
     }
+    /**
+   * STRIPE CHECKOUT SESSIONS
+   */
+    /**
+     * Select checkout sessions
+     * @param sessionId The checkout session ID
+     */
+    async selectCheckoutSession(sessionId) {
+        return this.client
+            .schema(this.config.supabaseSchema)
+            .rpc('get_stripe_checkout_session', { session_id: sessionId })
+            .select('*')
+            .single();
+    }
     /**
      * STRIPE SUBSCRIPTIONS
      */
@@ -91,7 +98,7 @@ class SupabaseClientService {
      */
     getStripeSubscriptions() {
         return this.client
-            .schema('public')
+            .schema(this.config.supabaseSchema)
             .rpc('get_stripe_subscriptions')
             .select('*');
     }
@@ -101,7 +108,7 @@ class SupabaseClientService {
      */
     selectStripeSubscription(subscriptionId) {
         return this.client
-            .schema('public')
+            .schema(this.config.supabaseSchema)
             .rpc('get_stripe_subscription', { subscription_id: subscriptionId })
             .select('*');
     }
@@ -114,7 +121,7 @@ class SupabaseClientService {
      */
     async selectStripePrices() {
         return this.client
-            .schema('public')
+            .schema(this.config.supabaseSchema)
             .rpc('get_stripe_prices')
             .select('*');
     }
@@ -127,7 +134,7 @@ class SupabaseClientService {
      */
     async selectStripeProducts() {
         return this.client
-            .schema('public')
+            .schema(this.config.supabaseSchema)
             .rpc('get_stripe_products')
             .select('*');
     }
@@ -137,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('*');
     }
@@ -164,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
@@ -172,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('*');
     }
@@ -182,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('*');
     }
@@ -547,6 +554,27 @@ class StripeClientService {
             return { url: null, error: error };
         }
     }
+    /**
+     * Create a customer
+     * @param customerEmail The email of the customer
+     */
+    async createCustomer(customerEmail) {
+        try {
+            const { data, error } = await this.supabase.getClient()
+                .functions.invoke('create_customer', {
+                body: {
+                    customerEmail
+                }
+            });
+            if (error) {
+                throw error;
+            }
+            return { customer: data, error: null };
+        }
+        catch (error) {
+            return { customer: null, error: error };
+        }
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: StripeClientService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: StripeClientService, providedIn: 'root' });
 }
@@ -689,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) {
@@ -907,7 +931,7 @@ const CustomerStore = signalStore({ providedIn: 'root' }, withState(initialCusto
     firstSubscription: computed(() => state.subscriptions.data()?.[0]),
     restSubscriptions: computed(() => state.subscriptions.data()?.slice(1)),
     isError: computed(() => state.paymentIntents.error()),
-})), withMethods((state, supabaseService = inject(SupabaseClientService), productsStore = inject(ProductsStore)) => ({
+})), withMethods((state, supabaseService = inject(SupabaseClientService), stripeService = inject(StripeClientService), productsStore = inject(ProductsStore)) => ({
     /**
      * Load customer
      * @param customerEmail The customer email
@@ -926,10 +950,23 @@ const CustomerStore = signalStore({ providedIn: 'root' }, withState(initialCusto
                 patchState(state, { customer: { data: customer, status: 'success', error: null } });
             }
             else {
-                patchState(state, { customer: { data: null, status: 'error', error: 'no customer found' } });
+                this.createCustomer(customerEmail);
             }
         }
     },
+    /**
+     * Create a customer
+     * @param customerEmail The customer email
+     */
+    async createCustomer(customerEmail) {
+        const { customer, error } = await stripeService.createCustomer(customerEmail);
+        if (error) {
+            patchState(state, { customer: { error: error.message, status: 'error', data: null } });
+        }
+        else {
+            patchState(state, { customer: { data: customer, status: 'success', error: null } });
+        }
+    },
     /**
      * Load payment intents
      * @param customerId The customer ID
@@ -1275,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();
@@ -1293,6 +1330,7 @@ class SubscriptionReturnPageComponent {
     router = inject(Router);
     checkoutStore = inject(CheckoutStore);
     subscriptionsStore = inject(SubscriptionsStore);
+    sessionStatus = computed(() => this.checkoutStore.sessionStatus());
     returnUrl = input('/');
     async ngOnInit() {
         this.route.queryParams.subscribe(async (params) => {
@@ -1312,11 +1350,11 @@ class SubscriptionReturnPageComponent {
         this.router.navigateByUrl(this.returnUrl());
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: SubscriptionReturnPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: SubscriptionReturnPageComponent, isStandalone: true, selector: "lib-subscription-return-page", inputs: { returnUrl: { classPropertyName: "returnUrl", publicName: "returnUrl", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"max-w-md mx-auto p-4 bg-white rounded-lg shadow-md\">\n  <div class=\"text-center mb-6\">\n    <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"h-16 w-16 text-primary mx-auto mb-2\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\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    <h2 class=\"text-2xl font-bold text-gray-800\">\u00A1Gracias por suscribirte!</h2>\n    <p class=\"text-gray-600 mt-2\">Tu suscripci\u00F3n ha sido procesada correctamente.</p>\n  </div>\n  \n  @if (subscriptionsStore.isStatusLoading()) {\n    <div class=\"loading-container\">\n      <div class=\"spinner\"></div>\n      <p>Cargando detalles de la suscripci\u00F3n...</p>\n    </div>\n  } @else if (subscriptionsStore.isStatusError()) {\n    <div class=\"error-container\">\n      <p class=\"text-red-500\">{{ subscriptionsStore.error() }}</p>\n    </div>\n  } @else if (subscriptionsStore.hasSubscriptions()) {\n    <div class=\"success-container\">\n      <p class=\"text-green-600 font-medium\">Tu suscripci\u00F3n est\u00E1 activa.</p>\n    </div>\n  }\n  \n  <div class=\"mt-6 text-center\">\n    <button class=\"btn btn-primary\" (click)=\"navigate()\">\n      Volver al inicio\n    </button>\n  </div>\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: SubscriptionReturnPageComponent, isStandalone: true, selector: "lib-subscription-return-page", inputs: { returnUrl: { classPropertyName: "returnUrl", publicName: "returnUrl", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, 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>", dependencies: [{ kind: "ngmodule", type: CommonModule }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: SubscriptionReturnPageComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-subscription-return-page', standalone: true, imports: [CommonModule], template: "<div class=\"max-w-md mx-auto p-4 bg-white rounded-lg shadow-md\">\n  <div class=\"text-center mb-6\">\n    <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"h-16 w-16 text-primary mx-auto mb-2\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\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    <h2 class=\"text-2xl font-bold text-gray-800\">\u00A1Gracias por suscribirte!</h2>\n    <p class=\"text-gray-600 mt-2\">Tu suscripci\u00F3n ha sido procesada correctamente.</p>\n  </div>\n  \n  @if (subscriptionsStore.isStatusLoading()) {\n    <div class=\"loading-container\">\n      <div class=\"spinner\"></div>\n      <p>Cargando detalles de la suscripci\u00F3n...</p>\n    </div>\n  } @else if (subscriptionsStore.isStatusError()) {\n    <div class=\"error-container\">\n      <p class=\"text-red-500\">{{ subscriptionsStore.error() }}</p>\n    </div>\n  } @else if (subscriptionsStore.hasSubscriptions()) {\n    <div class=\"success-container\">\n      <p class=\"text-green-600 font-medium\">Tu suscripci\u00F3n est\u00E1 activa.</p>\n    </div>\n  }\n  \n  <div class=\"mt-6 text-center\">\n    <button class=\"btn btn-primary\" (click)=\"navigate()\">\n      Volver al inicio\n    </button>\n  </div>\n</div>" }]
+            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 SubscriptionItemSkeletonComponent {
@@ -1607,15 +1645,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
                     ], template: "<div class=\"container flex flex-col gap-6 mx-auto\">\n  <!-- Subscriptions Section -->\n  <section class=\"flex flex-col\">\n    <lib-subscriptions [returnUrl]=\"returnUrl()\"></lib-subscriptions>\n  </section>\n\n  <!-- Payment Intents Section with Tabs -->\n  <section class=\"flex flex-col\">\n    <header class=\"mb-4\">\n      <h2 class=\"text-2xl font-bold text-gray-800\">Payment Intents</h2>\n      <p class=\"text-gray-600\">Payment intents history. Select a tab to see the list or table view.</p>\n    </header>\n\n    <div role=\"tablist\" class=\"tabs tabs-box w-fit mb-4\">\n      <a role=\"tab\" class=\"tab\" [class.tab-active]=\"activeTab() === 'list'\" (click)=\"setActiveTab('list')\">Lista</a>\n      <a role=\"tab\" class=\"tab\" [class.tab-active]=\"activeTab() === 'table'\" (click)=\"setActiveTab('table')\">Tabla</a>\n    </div>\n\n    @if (activeTab() === 'list') {\n      <lib-payment-intents-list\n        [paymentIntents]=\"customerStore.paymentIntents.data()\"\n        [loading]=\"customerStore.isPaymentIntentsStatusLoading()\"\n        [error]=\"customerStore.paymentIntents.error()\"\n        (onRefresh)=\"refreshPaymentIntents()\">\n      </lib-payment-intents-list>\n    } @else {\n      <lib-payment-intents-table\n        [paymentIntents]=\"customerStore.paymentIntents.data()\"\n        [loading]=\"customerStore.isPaymentIntentsStatusLoading()\"\n        [error]=\"customerStore.paymentIntents.error()\"\n        (exportSelected)=\"exportSelectedPaymentIntents($event)\"\n        (onRefresh)=\"refreshPaymentIntents()\">\n      </lib-payment-intents-table>\n    }\n  </section>\n</div>\n" }]
         }] });
 
-const Constants = {
-    public: {
-        Enums: {},
-    },
-    stripe: {
-        Enums: {},
-    },
-};
-
 /*
  * Public API Surface of ngx-supabase-stripe
  */
@@ -1625,5 +1654,5 @@ const Constants = {
  * Generated bundle index. Do not edit.
  */
 
-export { CheckoutStore, Constants, 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, PaymentIntentItemComponent, PaymentIntentItemSkeletonComponent, PaymentIntentsListComponent, ProductListComponent, ProductsStore, ReturnPageComponent, STRIPE_CONFIG, SUPABASE_CONFIG, StripeClientService, SubscriptionCardComponent, SubscriptionItemComponent, SubscriptionReturnPageComponent, SubscriptionsListComponent, SubscriptionsStore, SupabaseClientService, parsePaymentIntent, parseProduct, parseSubscription, provideNgxSupabaseStripeConfig, provideStripeConfig, provideSupabaseConfig };
 //# sourceMappingURL=dotted-labs-ngx-supabase-stripe.mjs.map