@dotted-labs/ngx-supabase-stripe 0.6.3 → 0.6.5

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

@@ -157,6 +157,12 @@ class SupabaseClientService {
             .rpc('get_stripe_products')
             .select('*');
     }
+    async selectStripeProductsByIds(ids) {
+        return this.client
+            .schema(this.config.supabaseSchema)
+            .rpc('get_stripe_products_by_ids', { product_ids: ids })
+            .select('*');
+    }
     /**
      * Select a Stripe product
      * @param productId The product ID
@@ -699,6 +705,102 @@ var Currency;
     Currency["INR"] = "inr";
 })(Currency || (Currency = {}));
 
+class ProductsService {
+    supabaseService = inject(SupabaseClientService);
+    /**
+     * Map a Stripe product row plus price rows to the public shape used by the UI.
+     */
+    toStripeProductPublic(product, prices = []) {
+        return this.parseProduct(product, prices);
+    }
+    /**
+     * Load all Stripe prices and products, returning parsed public products.
+     */
+    async fetchFullCatalog() {
+        const [pricesResult, productsResult] = await Promise.all([
+            this.supabaseService.selectStripePrices(),
+            this.supabaseService.selectStripeProducts(),
+        ]);
+        const pricesError = pricesResult.error;
+        const productsError = productsResult.error;
+        if (pricesError) {
+            return { data: null, error: pricesError };
+        }
+        if (productsError) {
+            return { data: null, error: productsError };
+        }
+        const prices = (pricesResult.data ?? []);
+        const stripeProducts = (productsResult.data ?? []);
+        const products = stripeProducts.map((product) => this.parseProduct(product, prices));
+        return { data: { prices, products }, error: null };
+    }
+    /**
+     * Load prices and a single product by id, returning parsed public product(s).
+     */
+    async fetchProductById(id) {
+        const [pricesResult, productResult] = await Promise.all([
+            this.supabaseService.selectStripePrices(),
+            this.supabaseService.selectStripeProduct(id),
+        ]);
+        const pricesError = pricesResult.error;
+        const productError = productResult.error;
+        if (pricesError) {
+            return { data: [], error: pricesError };
+        }
+        if (productError) {
+            return { data: [], error: productError };
+        }
+        const prices = (pricesResult.data ?? []);
+        const rows = productResult.data;
+        if (!rows?.length) {
+            return { data: [], error: null };
+        }
+        return { data: [this.parseProduct(rows[0], prices)], error: null };
+    }
+    /**
+     * Load prices and products for the given Stripe product ids.
+     */
+    async fetchProductsByIds(ids) {
+        const [pricesResult, productsResult] = await Promise.all([
+            this.supabaseService.selectStripePrices(),
+            this.supabaseService.selectStripeProductsByIds(ids),
+        ]);
+        const pricesError = pricesResult.error;
+        const productsError = productsResult.error;
+        if (pricesError) {
+            return { data: [], error: pricesError };
+        }
+        if (productsError) {
+            return { data: [], error: productsError };
+        }
+        const prices = (pricesResult.data ?? []);
+        const stripeProducts = (productsResult.data ?? []);
+        const products = stripeProducts.map((product) => this.parseProduct(product, prices));
+        return { data: products, error: null };
+    }
+    parseProduct(product, prices = []) {
+        const { attrs, ...mainProperties } = product;
+        return {
+            ...mainProperties,
+            images: attrs?.images ?? [],
+            prices: prices
+                .filter((price) => price.product === product.id)
+                .map((price) => ({
+                details: price,
+                recurringInterval: price?.attrs?.recurring?.interval ?? 'no-recurring',
+            })),
+        };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ProductsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ProductsService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ProductsService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
 const initialProductsState = {
     products: null,
     prices: null,
@@ -710,18 +812,23 @@ const ProductsStore = signalStore({ providedIn: 'root' }, withState(initialProdu
     isStatusLoading: computed(() => state.status() === 'loading'),
     isStatusSuccess: computed(() => state.status() === 'success'),
     isStatusError: computed(() => state.status() === 'error'),
-    oneTimeproductsByCurrency: computed(() => state.products()?.filter(product => product.prices.some(price => (price.details.type === 'one_time' && price.details.currency === state.currency()))) || []),
-    recurringProductsByCurrency: computed(() => state.products()?.filter(product => product.prices.some(price => (price.details.type === 'recurring' && price.details.currency === state.currency()))) || []),
-    productsByCurrency: computed(() => state.products()?.filter(product => product.prices.some(price => (price.details.currency === state.currency()))) || []),
+    oneTimeproductsByCurrency: computed(() => state
+        .products()
+        ?.filter((product) => product.prices.some((price) => price.details.type === 'one_time' && price.details.currency === state.currency())) || []),
+    recurringProductsByCurrency: computed(() => state
+        .products()
+        ?.filter((product) => product.prices.some((price) => price.details.type === 'recurring' && price.details.currency === state.currency())) || []),
+    productsByCurrency: computed(() => state
+        .products()
+        ?.filter((product) => product.prices.some((price) => price.details.currency === state.currency())) || []),
     hasProducts: computed(() => state.products() !== null && state.products().length > 0),
-    isError: computed(() => state.error())
-})), withMethods((store, supabaseService = inject(SupabaseClientService)) => ({
+    isError: computed(() => state.error()),
+})), withMethods((store, productsService = inject(ProductsService)) => ({
     /**
      * Get products by IDs from the current loaded products
      */
     getProductsByIds(ids) {
-        console.log('🎮 [ProductsStore] Loading products by ids: ', ids);
-        return store.products()?.filter(product => product.id && ids.includes(product.id)) || [];
+        return store.products()?.filter((product) => product.id && ids.includes(product.id)) || [];
     },
     /**
      * Set the currency filter for products
@@ -735,15 +842,11 @@ const ProductsStore = signalStore({ providedIn: 'root' }, withState(initialProdu
     async loadProductById(id) {
         patchState(store, { status: 'loading', error: null });
         try {
-            const { data: product, error: productError } = await supabaseService.selectStripeProduct(id);
+            const { data: products, error: productError } = await productsService.fetchProductById(id);
             if (productError) {
                 console.error('🎮 [ProductsStore]: Error loading product', productError);
                 patchState(store, { status: 'error', error: productError.message });
-            }
-            const products = [];
-            if (product && product.length > 0) {
-                const productParsed = parseProduct(product[0], store.prices());
-                products.push(productParsed);
+                return;
             }
             patchState(store, { status: 'success', products });
         }
@@ -757,33 +860,25 @@ const ProductsStore = signalStore({ providedIn: 'root' }, withState(initialProdu
     async loadProducts() {
         patchState(store, { status: 'loading', error: null });
         try {
-            const { data: prices, error: pricesError } = await supabaseService.selectStripePrices();
-            if (pricesError) {
-                console.error('🎮 [ProductsStore]: Error loading prices', pricesError);
-                patchState(store, { status: 'error', error: pricesError.message });
-            }
-            patchState(store, { prices: prices || [] });
-            const { data: stripeProducts, error: productsError } = await supabaseService.selectStripeProducts();
-            if (productsError) {
-                console.error('🎮 [ProductsStore]: Error loading products', productsError);
+            const { data, error } = await productsService.fetchFullCatalog();
+            if (error) {
+                console.error('🎮 [ProductsStore]: Error loading catalog', error);
                 patchState(store, {
                     status: 'error',
-                    error: productsError.message,
+                    error: error.message,
                 });
+                return;
             }
-            if (stripeProducts) {
-                {
-                    const products = [];
-                    stripeProducts.forEach(product => {
-                        products.push(parseProduct(product, store.prices()));
-                    });
-                    console.log('🎮 [ProductsStore] products: ', products);
-                    patchState(store, {
-                        status: 'success',
-                        products: products
-                    });
-                }
+            if (!data) {
+                patchState(store, { status: 'success', prices: [], products: [] });
+                return;
             }
+            console.log('🎮 [ProductsStore] products: ', data.products);
+            patchState(store, {
+                status: 'success',
+                prices: data.prices,
+                products: data.products,
+            });
         }
         catch (error) {
             patchState(store, {
@@ -792,12 +887,31 @@ const ProductsStore = signalStore({ providedIn: 'root' }, withState(initialProdu
             });
         }
     },
+    async loadProductsByIds(ids) {
+        patchState(store, { status: 'loading', error: null });
+        try {
+            const { data: products, error: productsError } = await productsService.fetchProductsByIds(ids);
+            if (productsError) {
+                console.error('🎮 [ProductsStore]: Error loading products', productsError);
+                patchState(store, { status: 'error', error: productsError.message });
+                return;
+            }
+            console.log('🎮 [ProductsStore] products: ', products);
+            patchState(store, {
+                status: 'success',
+                products,
+            });
+        }
+        catch (error) {
+            patchState(store, { status: 'error', error: error.message });
+        }
+    },
     /**
      * Reset the store to initial state
      */
     reset() {
         patchState(store, initialProductsState);
-    }
+    },
 })), withHooks((store) => ({
     async onInit() {
         console.log('🎮 [ProductsStore] onInit');
@@ -807,19 +921,8 @@ const ProductsStore = signalStore({ providedIn: 'root' }, withState(initialProdu
             console.log('🎮 [ProductsStore] loading products...');
             await store.loadProducts();
         }
-    }
+    },
 })));
-function parseProduct(product, prices = []) {
-    const { attrs, ...mainProperties } = product;
-    return {
-        ...mainProperties,
-        images: attrs?.images || [],
-        prices: prices.filter(price => price.product === product.id).map(price => ({
-            details: price,
-            recurringInterval: price?.attrs?.recurring?.interval || 'no-recurring'
-        }))
-    };
-}
 
 const initialSubscriptionState = {
     subscriptions: null,
@@ -834,7 +937,7 @@ const SubscriptionsStore = signalStore({ providedIn: 'root' }, withState(initial
     isStatusError: computed(() => state.status() === 'error'),
     hasSubscriptions: computed(() => state.subscriptions() !== null && state.subscriptions().length > 0),
     isError: computed(() => state.error()),
-})), withMethods((store, stripeService = inject(StripeClientService), supabaseService = inject(SupabaseClientService), productsStore = inject(ProductsStore), customerStore = inject(CustomerStore)) => ({
+})), withMethods((store, stripeService = inject(StripeClientService), supabaseService = inject(SupabaseClientService), productsStore = inject(ProductsStore), productsService = inject(ProductsService), customerStore = inject(CustomerStore)) => ({
     /**
      * Create a subscription
      * @param priceId The price ID for the subscription
@@ -892,7 +995,7 @@ const SubscriptionsStore = signalStore({ providedIn: 'root' }, withState(initial
             const prices = (productsStore.prices() ?? []);
             const userProductsById = new Map((userStripeProducts ?? []).map((p) => [
                 p.id,
-                parseProduct(p, prices),
+                productsService.toStripeProductPublic(p, prices),
             ]));
             console.log('🔍 [SubscriptionsStore] loaded subscriptions', subscriptions);
             const parsedSubscriptions = subscriptions?.map((subscription) => {
@@ -2091,5 +2194,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { CheckoutStore, Currency, CustomerDashboardComponent, CustomerStore, EmbeddedCheckoutComponent, EmbeddedSubscriptionComponent, PaymentIntentsListComponent, PaymentIntentsTableComponent, PortalAccountStore, ProductItemButtonComponent, ProductListComponent, ProductsStore, ReturnPageComponent, STRIPE_CONFIG, SUPABASE_BROWSER_CLIENT, SUPABASE_CONFIG, StripeClientService, SubscriptionCardComponent, SubscriptionReturnPageComponent, SubscriptionsListComponent, SubscriptionsStore, SupabaseClientService, parsePaymentIntent, parseProduct, parseSubscription, provideNgxSupabaseStripeConfig, provideStripeConfig, provideSupabaseConfig };
+export { CheckoutStore, Currency, CustomerDashboardComponent, CustomerStore, EmbeddedCheckoutComponent, EmbeddedSubscriptionComponent, PaymentIntentsListComponent, PaymentIntentsTableComponent, PortalAccountStore, ProductItemButtonComponent, ProductListComponent, ProductsService, ProductsStore, ReturnPageComponent, STRIPE_CONFIG, SUPABASE_BROWSER_CLIENT, SUPABASE_CONFIG, StripeClientService, SubscriptionCardComponent, SubscriptionReturnPageComponent, SubscriptionsListComponent, SubscriptionsStore, SupabaseClientService, parsePaymentIntent, parseSubscription, provideNgxSupabaseStripeConfig, provideStripeConfig, provideSupabaseConfig };
 //# sourceMappingURL=dotted-labs-ngx-supabase-stripe.mjs.map