@dotted-labs/ngx-supabase-stripe 0.1.13 → 0.2.0

package/lib/components/customer/payment-intents/payment-intents-dialog/payment-intents-dialog.component.d.ts

@@ -0,0 +1,10 @@
+import { StripePaymentIntentsPublic } from '../../../../store/customer.store';
+import { UtilsService } from '../../../../services/utils.service';
+import * as i0 from "@angular/core";
+export declare class PaymentIntentsDialogComponent {
+    readonly paymentIntent: import("@angular/core").InputSignal<StripePaymentIntentsPublic>;
+    readonly dialogId: import("@angular/core").InputSignal<string>;
+    readonly utils: UtilsService;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PaymentIntentsDialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PaymentIntentsDialogComponent, "lib-payment-intents-dialog", never, { "paymentIntent": { "alias": "paymentIntent"; "required": true; "isSignal": true; }; "dialogId": { "alias": "dialogId"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/components/customer/payment-intents/payment-intents-table/payment-intents-table.component.d.ts

@@ -1,5 +1,5 @@
-import { StripePaymentIntentsPublic } from '../../../../store/customer.store';
 import { UtilsService } from '../../../../services/utils.service';
+import { StripePaymentIntentsPublic } from '../../../../store/customer.store';
 import * as i0 from "@angular/core";
 export declare class PaymentIntentsTableComponent {
     readonly paymentIntents: import("@angular/core").InputSignal<StripePaymentIntentsPublic[]>;
@@ -15,6 +15,7 @@ export declare class PaymentIntentsTableComponent {
         liveMode: boolean;
         confirmationMethod: string;
         paymentMethodId: string;
+        paymentMethod?: import("@dotted-labs/ngx-supabase-stripe").PaymentMethodEntity;
     }[]>;
     readonly loading: import("@angular/core").InputSignal<boolean>;
     readonly error: import("@angular/core").InputSignal<string | null>;

package/lib/components/customer/payment-method/payment-method.component.d.ts

@@ -0,0 +1,18 @@
+import type { Stripe as StripeTypes } from 'stripe';
+import * as i0 from "@angular/core";
+export type PaymentMethodDisplayMode = 'detailed' | 'compact';
+export declare class PaymentMethodComponent {
+    readonly paymentMethod: import("@angular/core").InputSignal<StripeTypes.PaymentMethod>;
+    readonly mode: import("@angular/core").InputSignal<PaymentMethodDisplayMode>;
+    get last4(): string;
+    get expirationDate(): string;
+    get holderName(): string;
+    get isExpired(): boolean;
+    get cardFunding(): string | undefined;
+    get cardCountry(): string | undefined;
+    get billingEmail(): string | undefined;
+    get billingPhone(): string | undefined;
+    get billingAddress(): StripeTypes.Address | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PaymentMethodComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PaymentMethodComponent, "ngx-payment-method", never, { "paymentMethod": { "alias": "paymentMethod"; "required": true; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/components/customer/subscriptions/subscriptions-list/subscription-item/subscription-item.component.d.ts

@@ -1,3 +1,4 @@
+import { SafeUrl } from '@angular/platform-browser';
 import { UtilsService } from '../../../../../services/utils.service';
 import { StripeSubscriptionPublic } from '../../../../../store/subscriptions.store';
 import * as i0 from "@angular/core";
@@ -29,7 +30,7 @@ export declare class SubscriptionItemComponent {
         sessionStatus: any | null;
     }>;
     readonly portalAccountStore: {
-        status: import("@angular/core").Signal<import("../../../../../store/portal-account.store").PortalStatus>;
+        status: import("@angular/core").Signal<import("@dotted-labs/ngx-supabase-stripe").PortalStatus>;
         error: import("@angular/core").Signal<string | null>;
         portalUrl: import("@angular/core").Signal<string | null>;
         isStatusIdle: import("@angular/core").Signal<boolean>;
@@ -39,17 +40,20 @@ export declare class SubscriptionItemComponent {
         createPortalSession: (customerId: string, returnUrl: string) => Promise<void>;
         reset: () => void;
     } & import("@ngrx/signals").StateSource<{
-        status: import("../../../../../store/portal-account.store").PortalStatus;
+        status: import("@dotted-labs/ngx-supabase-stripe").PortalStatus;
         error: string | null;
         portalUrl: string | null;
     }>;
     readonly utils: UtilsService;
+    private readonly sanitizer;
     readonly subscription: import("@angular/core").InputSignal<StripeSubscriptionPublic>;
     readonly onManageSubscription: import("@angular/core").OutputEmitterRef<string>;
     readonly isStatusLoading: import("@angular/core").Signal<boolean>;
+    readonly productImage: import("@angular/core").Signal<string>;
     isExpanded: boolean;
     toggleExpand(): void;
-    manageSubscription(): Promise<void>;
+    manageSubscription(): void;
+    sanitizeImageUrl(imageUrl: string): SafeUrl;
     static ɵfac: i0.ɵɵFactoryDeclaration<SubscriptionItemComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SubscriptionItemComponent, "lib-subscription-item", never, { "subscription": { "alias": "subscription"; "required": true; "isSignal": true; }; }, { "onManageSubscription": "onManageSubscription"; }, never, never, true, never>;
 }

package/lib/components/customer/subscriptions/subscriptions.component.d.ts

@@ -16,6 +16,11 @@ export declare class SubscriptionsComponent {
             status: import("@dotted-labs/ngx-supabase-stripe").CustomerStatus;
             error: string | null;
         }>;
+        paymentMethodsStatus: import("@angular/core").Signal<import("@dotted-labs/ngx-supabase-stripe").CustomerStatus>;
+        paymentMethodsError: import("@angular/core").Signal<string | null>;
+        entityMap: import("@angular/core").Signal<import("@ngrx/signals/entities").EntityMap<import("stripe").Stripe.PaymentMethod>>;
+        ids: import("@angular/core").Signal<import("@ngrx/signals/entities").EntityId[]>;
+        entities: import("@angular/core").Signal<import("stripe").Stripe.PaymentMethod[]>;
         isPaymentIntentsStatusLoading: import("@angular/core").Signal<boolean>;
         isPaymentIntentsStatusSuccess: import("@angular/core").Signal<boolean>;
         isPaymentIntentsStatusError: import("@angular/core").Signal<boolean>;
@@ -27,10 +32,17 @@ export declare class SubscriptionsComponent {
         firstSubscription: import("@angular/core").Signal<import("@dotted-labs/ngx-supabase-stripe").StripeSubscriptionPublic>;
         restSubscriptions: import("@angular/core").Signal<import("@dotted-labs/ngx-supabase-stripe").StripeSubscriptionPublic[]>;
         isError: import("@angular/core").Signal<string | null>;
+        isPaymentMethodsStatusLoading: import("@angular/core").Signal<boolean>;
+        isPaymentMethodsStatusSuccess: import("@angular/core").Signal<boolean>;
+        isPaymentMethodsStatusError: import("@angular/core").Signal<boolean>;
+        hasPaymentMethods: import("@angular/core").Signal<boolean>;
+        paymentMethods: import("@angular/core").Signal<import("stripe").Stripe.PaymentMethod[]>;
         loadCustomer: (customerEmail: string) => Promise<void>;
         createCustomer: (customerEmail: string) => Promise<void>;
         loadPaymentIntents: (customerId: string) => Promise<void>;
         loadSubscriptions: (customerId: string) => Promise<void>;
+        loadPaymentMethods: (customerId: string) => Promise<void>;
+        loadPaymentMethod: (customerId: string, paymentMethodId: string) => Promise<void>;
     } & import("@ngrx/signals").StateSource<{
         customer: {
             data: import("@dotted-labs/ngx-supabase-stripe").StripeCustomerPublic | null;
@@ -47,9 +59,13 @@ export declare class SubscriptionsComponent {
             status: import("@dotted-labs/ngx-supabase-stripe").CustomerStatus;
             error: string | null;
         };
+        paymentMethodsStatus: import("@dotted-labs/ngx-supabase-stripe").CustomerStatus;
+        paymentMethodsError: string | null;
+        entityMap: import("@ngrx/signals/entities").EntityMap<import("stripe").Stripe.PaymentMethod>;
+        ids: import("@ngrx/signals/entities").EntityId[];
     }>;
     readonly portalAccountStore: {
-        status: import("@angular/core").Signal<import("../../../store/portal-account.store").PortalStatus>;
+        status: import("@angular/core").Signal<import("@dotted-labs/ngx-supabase-stripe").PortalStatus>;
         error: import("@angular/core").Signal<string | null>;
         portalUrl: import("@angular/core").Signal<string | null>;
         isStatusIdle: import("@angular/core").Signal<boolean>;
@@ -59,7 +75,7 @@ export declare class SubscriptionsComponent {
         createPortalSession: (customerId: string, returnUrl: string) => Promise<void>;
         reset: () => void;
     } & import("@ngrx/signals").StateSource<{
-        status: import("../../../store/portal-account.store").PortalStatus;
+        status: import("@dotted-labs/ngx-supabase-stripe").PortalStatus;
         error: string | null;
         portalUrl: string | null;
     }>;

package/lib/components/embedded-checkout/embedded-checkout.component.d.ts

@@ -47,6 +47,11 @@ export declare class EmbeddedCheckoutComponent implements OnInit {
             status: import("@dotted-labs/ngx-supabase-stripe").CustomerStatus;
             error: string | null;
         }>;
+        paymentMethodsStatus: import("@angular/core").Signal<import("@dotted-labs/ngx-supabase-stripe").CustomerStatus>;
+        paymentMethodsError: import("@angular/core").Signal<string | null>;
+        entityMap: import("@angular/core").Signal<import("@ngrx/signals/entities").EntityMap<import("stripe").Stripe.PaymentMethod>>;
+        ids: import("@angular/core").Signal<import("@ngrx/signals/entities").EntityId[]>;
+        entities: import("@angular/core").Signal<import("stripe").Stripe.PaymentMethod[]>;
         isPaymentIntentsStatusLoading: import("@angular/core").Signal<boolean>;
         isPaymentIntentsStatusSuccess: import("@angular/core").Signal<boolean>;
         isPaymentIntentsStatusError: import("@angular/core").Signal<boolean>;
@@ -58,10 +63,17 @@ export declare class EmbeddedCheckoutComponent implements OnInit {
         firstSubscription: import("@angular/core").Signal<import("@dotted-labs/ngx-supabase-stripe").StripeSubscriptionPublic>;
         restSubscriptions: import("@angular/core").Signal<import("@dotted-labs/ngx-supabase-stripe").StripeSubscriptionPublic[]>;
         isError: import("@angular/core").Signal<string | null>;
+        isPaymentMethodsStatusLoading: import("@angular/core").Signal<boolean>;
+        isPaymentMethodsStatusSuccess: import("@angular/core").Signal<boolean>;
+        isPaymentMethodsStatusError: import("@angular/core").Signal<boolean>;
+        hasPaymentMethods: import("@angular/core").Signal<boolean>;
+        paymentMethods: import("@angular/core").Signal<import("stripe").Stripe.PaymentMethod[]>;
         loadCustomer: (customerEmail: string) => Promise<void>;
         createCustomer: (customerEmail: string) => Promise<void>;
         loadPaymentIntents: (customerId: string) => Promise<void>;
         loadSubscriptions: (customerId: string) => Promise<void>;
+        loadPaymentMethods: (customerId: string) => Promise<void>;
+        loadPaymentMethod: (customerId: string, paymentMethodId: string) => Promise<void>;
     } & import("@ngrx/signals").StateSource<{
         customer: {
             data: import("@dotted-labs/ngx-supabase-stripe").StripeCustomerPublic | null;
@@ -78,6 +90,10 @@ export declare class EmbeddedCheckoutComponent implements OnInit {
             status: import("@dotted-labs/ngx-supabase-stripe").CustomerStatus;
             error: string | null;
         };
+        paymentMethodsStatus: import("@dotted-labs/ngx-supabase-stripe").CustomerStatus;
+        paymentMethodsError: string | null;
+        entityMap: import("@ngrx/signals/entities").EntityMap<import("stripe").Stripe.PaymentMethod>;
+        ids: import("@ngrx/signals/entities").EntityId[];
     }>;
     readonly priceId: import("@angular/core").InputSignal<string>;
     readonly returnPagePath: import("@angular/core").InputSignal<string>;

package/lib/components/embedded-subscription/embedded-subscription.component.d.ts

@@ -43,6 +43,11 @@ export declare class EmbeddedSubscriptionComponent implements OnInit {
             status: import("@dotted-labs/ngx-supabase-stripe").CustomerStatus;
             error: string | null;
         }>;
+        paymentMethodsStatus: import("@angular/core").Signal<import("@dotted-labs/ngx-supabase-stripe").CustomerStatus>;
+        paymentMethodsError: import("@angular/core").Signal<string | null>;
+        entityMap: import("@angular/core").Signal<import("@ngrx/signals/entities").EntityMap<import("stripe").Stripe.PaymentMethod>>;
+        ids: import("@angular/core").Signal<import("@ngrx/signals/entities").EntityId[]>;
+        entities: import("@angular/core").Signal<import("stripe").Stripe.PaymentMethod[]>;
         isPaymentIntentsStatusLoading: import("@angular/core").Signal<boolean>;
         isPaymentIntentsStatusSuccess: import("@angular/core").Signal<boolean>;
         isPaymentIntentsStatusError: import("@angular/core").Signal<boolean>;
@@ -54,10 +59,17 @@ export declare class EmbeddedSubscriptionComponent implements OnInit {
         firstSubscription: import("@angular/core").Signal<import("@dotted-labs/ngx-supabase-stripe").StripeSubscriptionPublic>;
         restSubscriptions: import("@angular/core").Signal<import("@dotted-labs/ngx-supabase-stripe").StripeSubscriptionPublic[]>;
         isError: import("@angular/core").Signal<string | null>;
+        isPaymentMethodsStatusLoading: import("@angular/core").Signal<boolean>;
+        isPaymentMethodsStatusSuccess: import("@angular/core").Signal<boolean>;
+        isPaymentMethodsStatusError: import("@angular/core").Signal<boolean>;
+        hasPaymentMethods: import("@angular/core").Signal<boolean>;
+        paymentMethods: import("@angular/core").Signal<import("stripe").Stripe.PaymentMethod[]>;
         loadCustomer: (customerEmail: string) => Promise<void>;
         createCustomer: (customerEmail: string) => Promise<void>;
         loadPaymentIntents: (customerId: string) => Promise<void>;
         loadSubscriptions: (customerId: string) => Promise<void>;
+        loadPaymentMethods: (customerId: string) => Promise<void>;
+        loadPaymentMethod: (customerId: string, paymentMethodId: string) => Promise<void>;
     } & import("@ngrx/signals").StateSource<{
         customer: {
             data: import("@dotted-labs/ngx-supabase-stripe").StripeCustomerPublic | null;
@@ -74,6 +86,10 @@ export declare class EmbeddedSubscriptionComponent implements OnInit {
             status: import("@dotted-labs/ngx-supabase-stripe").CustomerStatus;
             error: string | null;
         };
+        paymentMethodsStatus: import("@dotted-labs/ngx-supabase-stripe").CustomerStatus;
+        paymentMethodsError: string | null;
+        entityMap: import("@ngrx/signals/entities").EntityMap<import("stripe").Stripe.PaymentMethod>;
+        ids: import("@ngrx/signals/entities").EntityId[];
     }>;
     readonly priceId: import("@angular/core").InputSignal<string>;
     readonly returnPagePath: import("@angular/core").InputSignal<string>;

package/lib/components/product-list/product-item/product-item.component.d.ts

@@ -1,12 +1,20 @@
 import { UtilsService } from '../../../services/utils.service';
 import { StripePricePublic, StripeProductPublic } from '../../../store/products.store';
+import { Currency } from '../../../models/currency.model';
 import * as i0 from "@angular/core";
 export declare class ProductItemComponent {
     readonly product: import("@angular/core").InputSignal<StripeProductPublic>;
+    readonly currency: import("@angular/core").InputSignal<Currency>;
     readonly productSelected: import("@angular/core").OutputEmitterRef<StripeProductPublic>;
     readonly priceSelected: import("@angular/core").OutputEmitterRef<StripePricePublic>;
     readonly utils: UtilsService;
-    onSelect(price: StripePricePublic): void;
+    private readonly sanitizer;
+    price: import("@angular/core").Signal<{
+        details: StripePricePublic;
+        recurringInterval: string;
+    } | undefined>;
+    sanitizedImage: import("@angular/core").Signal<import("@angular/platform-browser").SafeUrl | null>;
+    onSelect(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ProductItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ProductItemComponent, "lib-product-item", never, { "product": { "alias": "product"; "required": true; "isSignal": true; }; }, { "productSelected": "productSelected"; "priceSelected": "priceSelected"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ProductItemComponent, "lib-product-item", never, { "product": { "alias": "product"; "required": true; "isSignal": true; }; "currency": { "alias": "currency"; "required": false; "isSignal": true; }; }, { "productSelected": "productSelected"; "priceSelected": "priceSelected"; }, never, never, true, never>;
 }

package/lib/components/product-list/product-list.component.d.ts

@@ -1,33 +1,39 @@
 import { StripePricePublic, StripeProductPublic } from '../../store/products.store';
+import { Currency } from '../../models/currency.model';
 import * as i0 from "@angular/core";
 export declare class ProductListComponent {
     readonly productsStore: {
-        products: import("@angular/core").Signal<StripeProductPublic[] | null>;
-        prices: import("@angular/core").Signal<StripePricePublic[] | null>;
+        products: import("@angular/core").Signal<StripeProductPublic[]>;
+        prices: import("@angular/core").Signal<StripePricePublic[]>;
         status: import("@angular/core").Signal<import("@dotted-labs/ngx-supabase-stripe").ProductsStatus>;
         error: import("@angular/core").Signal<string | null>;
+        currency: import("@angular/core").Signal<Currency>;
         isStatusLoading: import("@angular/core").Signal<boolean>;
         isStatusSuccess: import("@angular/core").Signal<boolean>;
         isStatusError: import("@angular/core").Signal<boolean>;
-        recurringProducts: import("@angular/core").Signal<StripeProductPublic[]>;
-        oneTimeProducts: import("@angular/core").Signal<StripeProductPublic[]>;
+        oneTimeproductsByCurrency: import("@angular/core").Signal<StripeProductPublic[]>;
+        recurringProductsByCurrency: import("@angular/core").Signal<StripeProductPublic[]>;
+        productsByCurrency: import("@angular/core").Signal<StripeProductPublic[]>;
         hasProducts: import("@angular/core").Signal<boolean>;
         isError: import("@angular/core").Signal<string | null>;
         getProductsByIds: (ids: string[]) => StripeProductPublic[];
+        setCurrency: (currency: Currency) => void;
         loadProductById: (id: string) => Promise<void>;
         loadProducts: () => Promise<void>;
         reset: () => void;
     } & import("@ngrx/signals").StateSource<{
-        products: StripeProductPublic[] | null;
-        prices: StripePricePublic[] | null;
+        products: StripeProductPublic[];
+        prices: StripePricePublic[];
         status: import("@dotted-labs/ngx-supabase-stripe").ProductsStatus;
         error: string | null;
+        currency: Currency;
     }>;
     readonly products: import("@angular/core").InputSignal<StripeProductPublic[]>;
+    readonly currency: import("@angular/core").InputSignal<Currency>;
     readonly productSelected: import("@angular/core").OutputEmitterRef<StripeProductPublic>;
     readonly priceSelected: import("@angular/core").OutputEmitterRef<StripePricePublic>;
     onProductSelect(product: StripeProductPublic): void;
     onPriceSelect(price: StripePricePublic): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ProductListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ProductListComponent, "stripe-product-list", never, { "products": { "alias": "products"; "required": false; "isSignal": true; }; }, { "productSelected": "productSelected"; "priceSelected": "priceSelected"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ProductListComponent, "stripe-product-list", never, { "products": { "alias": "products"; "required": false; "isSignal": true; }; "currency": { "alias": "currency"; "required": false; "isSignal": true; }; }, { "productSelected": "productSelected"; "priceSelected": "priceSelected"; }, never, never, true, never>;
 }

package/lib/directives/brand-icon.directive.d.ts

@@ -0,0 +1,11 @@
+import { ElementRef } from '@angular/core';
+import type { Stripe as StripeTypes } from 'stripe';
+import * as i0 from "@angular/core";
+export declare class BrandIconDirective {
+    private readonly el;
+    readonly paymentMethod: import("@angular/core").InputSignal<StripeTypes.PaymentMethod>;
+    constructor(el: ElementRef<HTMLElement>);
+    private getBrandIcon;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BrandIconDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BrandIconDirective, "[ngxBrandIcon]", never, { "paymentMethod": { "alias": "ngxBrandIcon"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/directives/brand-name.directive.d.ts

@@ -0,0 +1,11 @@
+import { ElementRef } from '@angular/core';
+import type { Stripe as StripeTypes } from 'stripe';
+import * as i0 from "@angular/core";
+export declare class BrandNameDirective {
+    private readonly el;
+    readonly paymentMethod: import("@angular/core").InputSignal<StripeTypes.PaymentMethod>;
+    constructor(el: ElementRef<HTMLElement>);
+    private getBrandName;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BrandNameDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BrandNameDirective, "[ngxBrandName]", never, { "paymentMethod": { "alias": "ngxBrandName"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/directives/payment-method-type.directive.d.ts

@@ -0,0 +1,11 @@
+import { ElementRef } from '@angular/core';
+import type { Stripe as StripeTypes } from 'stripe';
+import * as i0 from "@angular/core";
+export declare class PaymentMethodTypeDirective {
+    private readonly el;
+    readonly paymentMethod: import("@angular/core").InputSignal<StripeTypes.PaymentMethod>;
+    constructor(el: ElementRef<HTMLElement>);
+    private getPaymentMethodType;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PaymentMethodTypeDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PaymentMethodTypeDirective, "[ngxPaymentMethodType]", never, { "paymentMethod": { "alias": "ngxPaymentMethodType"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/models/currency.model.d.ts

@@ -0,0 +1,9 @@
+export declare enum Currency {
+    EUR = "eur",
+    USD = "usd",
+    GBP = "gbp",
+    JPY = "jpy",
+    KRW = "krw",
+    CNY = "cny",
+    INR = "inr"
+}

package/lib/pages/customer/customer.component.d.ts

@@ -17,6 +17,11 @@ export declare class CustomerDashboardComponent {
             status: import("@dotted-labs/ngx-supabase-stripe").CustomerStatus;
             error: string | null;
         }>;
+        paymentMethodsStatus: import("@angular/core").Signal<import("@dotted-labs/ngx-supabase-stripe").CustomerStatus>;
+        paymentMethodsError: import("@angular/core").Signal<string | null>;
+        entityMap: import("@angular/core").Signal<import("@ngrx/signals/entities").EntityMap<import("stripe").Stripe.PaymentMethod>>;
+        ids: import("@angular/core").Signal<import("@ngrx/signals/entities").EntityId[]>;
+        entities: import("@angular/core").Signal<import("stripe").Stripe.PaymentMethod[]>;
         isPaymentIntentsStatusLoading: import("@angular/core").Signal<boolean>;
         isPaymentIntentsStatusSuccess: import("@angular/core").Signal<boolean>;
         isPaymentIntentsStatusError: import("@angular/core").Signal<boolean>;
@@ -28,10 +33,17 @@ export declare class CustomerDashboardComponent {
         firstSubscription: import("@angular/core").Signal<import("@dotted-labs/ngx-supabase-stripe").StripeSubscriptionPublic>;
         restSubscriptions: import("@angular/core").Signal<import("@dotted-labs/ngx-supabase-stripe").StripeSubscriptionPublic[]>;
         isError: import("@angular/core").Signal<string | null>;
+        isPaymentMethodsStatusLoading: import("@angular/core").Signal<boolean>;
+        isPaymentMethodsStatusSuccess: import("@angular/core").Signal<boolean>;
+        isPaymentMethodsStatusError: import("@angular/core").Signal<boolean>;
+        hasPaymentMethods: import("@angular/core").Signal<boolean>;
+        paymentMethods: import("@angular/core").Signal<import("stripe").Stripe.PaymentMethod[]>;
         loadCustomer: (customerEmail: string) => Promise<void>;
         createCustomer: (customerEmail: string) => Promise<void>;
         loadPaymentIntents: (customerId: string) => Promise<void>;
         loadSubscriptions: (customerId: string) => Promise<void>;
+        loadPaymentMethods: (customerId: string) => Promise<void>;
+        loadPaymentMethod: (customerId: string, paymentMethodId: string) => Promise<void>;
     } & import("@ngrx/signals").StateSource<{
         customer: {
             data: import("@dotted-labs/ngx-supabase-stripe").StripeCustomerPublic | null;
@@ -48,6 +60,10 @@ export declare class CustomerDashboardComponent {
             status: import("@dotted-labs/ngx-supabase-stripe").CustomerStatus;
             error: string | null;
         };
+        paymentMethodsStatus: import("@dotted-labs/ngx-supabase-stripe").CustomerStatus;
+        paymentMethodsError: string | null;
+        entityMap: import("@ngrx/signals/entities").EntityMap<import("stripe").Stripe.PaymentMethod>;
+        ids: import("@ngrx/signals/entities").EntityId[];
     }>;
     readonly returnUrl: import("@angular/core").InputSignal<string>;
     readonly customer: import("@angular/core").Signal<import("@dotted-labs/ngx-supabase-stripe").StripeCustomerPublic | null>;

package/lib/services/stripe-client.service.d.ts

@@ -110,6 +110,14 @@ export declare class StripeClientService {
         customer: StripeTypes.Customer | null;
         error: Error | null;
     }>;
+    getCustomerPaymentMethods(customerId: string): Promise<{
+        paymentMethods: StripeTypes.PaymentMethod[] | null;
+        error: Error | null;
+    }>;
+    getCustomerPaymentMethod(customerId: string, paymentMethodId: string): Promise<{
+        paymentMethod: StripeTypes.PaymentMethod | null;
+        error: Error | null;
+    }>;
     static ɵfac: i0.ɵɵFactoryDeclaration<StripeClientService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<StripeClientService>;
 }

package/lib/store/customer.store.d.ts

@@ -1,3 +1,4 @@
+import type { Stripe as StripeTypes } from 'stripe';
 import { StripeCustomer, StripePaymentIntent } from '../models/database.model';
 import { StripeSubscriptionPublic } from './subscriptions.store';
 export type CustomerStatus = 'idle' | 'loading' | 'success' | 'error';
@@ -7,8 +8,10 @@ export type StripePaymentIntentsPublic = Omit<StripePaymentIntent, 'attrs'> & {
     liveMode: boolean;
     confirmationMethod: string;
     paymentMethodId: string;
+    paymentMethod?: PaymentMethodEntity;
 };
 export type StripeCustomerPublic = Omit<StripeCustomer, 'attrs'>;
+export type PaymentMethodEntity = StripeTypes.PaymentMethod;
 export interface CustomerState {
     customer: {
         data: StripeCustomerPublic | null;
@@ -25,6 +28,8 @@ export interface CustomerState {
         status: CustomerStatus;
         error: string | null;
     };
+    paymentMethodsStatus: CustomerStatus;
+    paymentMethodsError: string | null;
 }
 export declare const CustomerStore: import("@angular/core").Type<{
     customer: import("@ngrx/signals").DeepSignal<{
@@ -42,6 +47,11 @@ export declare const CustomerStore: import("@angular/core").Type<{
         status: CustomerStatus;
         error: string | null;
     }>;
+    paymentMethodsStatus: import("@angular/core").Signal<CustomerStatus>;
+    paymentMethodsError: import("@angular/core").Signal<string | null>;
+    entityMap: import("@angular/core").Signal<import("@ngrx/signals/entities").EntityMap<StripeTypes.PaymentMethod>>;
+    ids: import("@angular/core").Signal<import("@ngrx/signals/entities").EntityId[]>;
+    entities: import("@angular/core").Signal<StripeTypes.PaymentMethod[]>;
     isPaymentIntentsStatusLoading: import("@angular/core").Signal<boolean>;
     isPaymentIntentsStatusSuccess: import("@angular/core").Signal<boolean>;
     isPaymentIntentsStatusError: import("@angular/core").Signal<boolean>;
@@ -53,10 +63,17 @@ export declare const CustomerStore: import("@angular/core").Type<{
     firstSubscription: import("@angular/core").Signal<StripeSubscriptionPublic>;
     restSubscriptions: import("@angular/core").Signal<StripeSubscriptionPublic[]>;
     isError: import("@angular/core").Signal<string | null>;
+    isPaymentMethodsStatusLoading: import("@angular/core").Signal<boolean>;
+    isPaymentMethodsStatusSuccess: import("@angular/core").Signal<boolean>;
+    isPaymentMethodsStatusError: import("@angular/core").Signal<boolean>;
+    hasPaymentMethods: import("@angular/core").Signal<boolean>;
+    paymentMethods: import("@angular/core").Signal<StripeTypes.PaymentMethod[]>;
     loadCustomer: (customerEmail: string) => Promise<void>;
     createCustomer: (customerEmail: string) => Promise<void>;
     loadPaymentIntents: (customerId: string) => Promise<void>;
     loadSubscriptions: (customerId: string) => Promise<void>;
+    loadPaymentMethods: (customerId: string) => Promise<void>;
+    loadPaymentMethod: (customerId: string, paymentMethodId: string) => Promise<void>;
 } & import("@ngrx/signals").StateSource<{
     customer: {
         data: StripeCustomerPublic | null;
@@ -73,5 +90,9 @@ export declare const CustomerStore: import("@angular/core").Type<{
         status: CustomerStatus;
         error: string | null;
     };
+    paymentMethodsStatus: CustomerStatus;
+    paymentMethodsError: string | null;
+    entityMap: import("@ngrx/signals/entities").EntityMap<StripeTypes.PaymentMethod>;
+    ids: import("@ngrx/signals/entities").EntityId[];
 }>>;
-export declare function parsePaymentIntent(paymentIntent: StripePaymentIntent): StripePaymentIntentsPublic;
+export declare function parsePaymentIntent(paymentIntent: StripePaymentIntent, paymentMethodsMap?: Record<string, PaymentMethodEntity>): StripePaymentIntentsPublic;

package/lib/store/products.store.d.ts

@@ -1,4 +1,5 @@
 import { StripePrice, StripeProduct } from '../models/database.model';
+import { Currency } from '../models/currency.model';
 export type StripeProductPublic = Omit<StripeProduct, 'attrs'> & {
     images: string[];
     prices: {
@@ -9,25 +10,29 @@ export type StripeProductPublic = Omit<StripeProduct, 'attrs'> & {
 export type StripePricePublic = Omit<StripePrice, 'attrs'>;
 export type ProductsStatus = 'idle' | 'loading' | 'success' | 'error';
 export declare const ProductsStore: import("@angular/core").Type<{
-    products: import("@angular/core").Signal<StripeProductPublic[] | null>;
-    prices: import("@angular/core").Signal<StripePricePublic[] | null>;
+    products: import("@angular/core").Signal<StripeProductPublic[]>;
+    prices: import("@angular/core").Signal<StripePricePublic[]>;
     status: import("@angular/core").Signal<ProductsStatus>;
     error: import("@angular/core").Signal<string | null>;
+    currency: import("@angular/core").Signal<Currency>;
     isStatusLoading: import("@angular/core").Signal<boolean>;
     isStatusSuccess: import("@angular/core").Signal<boolean>;
     isStatusError: import("@angular/core").Signal<boolean>;
-    recurringProducts: import("@angular/core").Signal<StripeProductPublic[]>;
-    oneTimeProducts: import("@angular/core").Signal<StripeProductPublic[]>;
+    oneTimeproductsByCurrency: import("@angular/core").Signal<StripeProductPublic[]>;
+    recurringProductsByCurrency: import("@angular/core").Signal<StripeProductPublic[]>;
+    productsByCurrency: import("@angular/core").Signal<StripeProductPublic[]>;
     hasProducts: import("@angular/core").Signal<boolean>;
     isError: import("@angular/core").Signal<string | null>;
     getProductsByIds: (ids: string[]) => StripeProductPublic[];
+    setCurrency: (currency: Currency) => void;
     loadProductById: (id: string) => Promise<void>;
     loadProducts: () => Promise<void>;
     reset: () => void;
 } & import("@ngrx/signals").StateSource<{
-    products: StripeProductPublic[] | null;
-    prices: StripePricePublic[] | null;
+    products: StripeProductPublic[];
+    prices: StripePricePublic[];
     status: ProductsStatus;
     error: string | null;
+    currency: Currency;
 }>>;
 export declare function parseProduct(product: StripeProduct, prices?: StripePrice[]): StripeProductPublic;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dotted-labs/ngx-supabase-stripe",
-  "version": "0.1.13",
+  "version": "0.2.0",
   "description": "An Angular library for integrating Supabase and Stripe into your applications, providing ready-to-use components that simplify the implementation of payments and subscriptions",
   "keywords": [
     "angular",

package/public-api.d.ts

@@ -5,6 +5,7 @@ export * from './lib/store/checkout.store';
 export * from './lib/store/products.store';
 export * from './lib/store/subscriptions.store';
 export * from './lib/store/customer.store';
+export * from './lib/store/portal-account.store';
 export * from './lib/services/stripe-client.service';
 export * from './lib/services/supabase-client.service';
 export * from './lib/components/embedded-checkout/embedded-checkout.component';
@@ -18,4 +19,5 @@ export * from './lib/components/customer/subscriptions/subscription-card/subscri
 export * from './lib/components/customer/subscriptions/subscriptions-list/subscriptions-list.component';
 export * from './lib/components/customer/payment-intents/payment-intents-list/payment-intents-list.component';
 export * from './lib/pages/customer/customer.component';
+export * from './lib/models/currency.model';
 export * from './database.types';