🔖 v12.4.0

- Remove temporary workaround for Stripe Identity
- Update types for Payment Request Button
- Add support for PayPal Payments (requires beta access)

CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## 12.4.0 - 2021-08-09
+
+- Remove temporary workaround for Stripe Identity
+- Update types for Payment Request Button
+- Add support for PayPal Payments (requires beta access)
+
 ## 12.3.1 - 2021-06-30
 
 - Add Stripe Verified Partner badge

package.json

@@ -42,7 +42,7 @@
     "@angular/pwa": "^12.0.0",
     "@angular/router": "^12.0.0",
     "@angular/service-worker": "^12.0.0",
-    "@stripe/stripe-js": "^1.15.1",
+    "@stripe/stripe-js": "^1.16.0",
     "core-js": "^2.5.4",
     "ngx-build-modern": "^1.1.10",
     "ngx-build-plus": "^12.0.1",

projects/ngx-stripe/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-stripe",
-  "version": "12.3.1",
+  "version": "12.4.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/richnologies/ngx-stripe"
@@ -14,6 +14,6 @@
   "peerDependencies": {
     "@angular/common": ">=9.0.0 <13.0.0",
     "@angular/core": ">=9.0.0 <13.0.0",
-    "@stripe/stripe-js": "^1.15.0 <2.0.0"
+    "@stripe/stripe-js": "^1.16.0 <2.0.0"
   }
 }

projects/ngx-stripe/src/lib/interfaces/stripe-instance.interface.ts

@@ -68,18 +68,12 @@ import {
   ConfirmIdealSetupData,
   ConfirmSofortSetupData,
   VerifyMicrodepositsForSetupData,
-  ConfirmAlipayPaymentOptions
+  ConfirmAlipayPaymentOptions,
+  VerificationSessionResult,
+  ConfirmPayPalPaymentData,
+  ConfirmPayPalSetupData
 } from '@stripe/stripe-js';
 
-// TEMPORARY WORKAROUND UNTIL OFFICIAL SUPPORT IS RELEASED
-export interface VerificationSession {
-  id: string;
-}
-
-export type VerificationSessionResult =
-  | { verificationSession: VerificationSession; error?: undefined }
-  | { verificationSession?: undefined; error: StripeError };
-
 export interface StripeServiceInterface {
   getInstance(): Stripe | undefined;
   elements(options?: StripeElementsOptions): Observable<StripeElements>;
@@ -197,6 +191,13 @@ export interface StripeServiceInterface {
     paymentIntent?: PaymentIntent;
     error?: StripeError;
   }>;
+  confirmPayPalPayment(
+    clientSecret: string,
+    data?: ConfirmPayPalPaymentData
+  ): Observable<{
+    paymentIntent?: PaymentIntent;
+    error?: StripeError;
+  }>;
   confirmSepaDebitPayment(
     clientSecret: string,
     data?: ConfirmSepaDebitPaymentData
@@ -288,6 +289,13 @@ export interface StripeServiceInterface {
     setupIntent?: SetupIntent;
     error?: StripeError;
   }>;
+  confirmPayPalSetup(
+    clientSecret: string,
+    data?: ConfirmPayPalSetupData
+  ): Observable<{
+    setupIntent?: SetupIntent;
+    error?: StripeError;
+  }>;
   confirmSepaDebitSetup(
     clientSecret: string,
     data?: ConfirmSepaDebitSetupData

projects/ngx-stripe/src/lib/ngx-stripe.module.ts

@@ -41,7 +41,7 @@ const components = [
 
 const directives = [StripeCardGroupDirective];
 
-const currentVersion = '12.3.1';
+const currentVersion = '12.4.0';
 
 @NgModule({
   declarations: [...components, ...directives],

projects/ngx-stripe/src/lib/services/stripe-instance.class.ts

@@ -71,10 +71,13 @@ import {
   ConfirmIdealSetupData,
   ConfirmSofortSetupData,
   VerifyMicrodepositsForSetupData,
-  WrapperLibrary
+  WrapperLibrary,
+  VerificationSessionResult,
+  ConfirmPayPalPaymentData,
+  ConfirmPayPalSetupData
 } from '@stripe/stripe-js';
 
-import { StripeServiceInterface, VerificationSessionResult } from '../interfaces/stripe-instance.interface';
+import { StripeServiceInterface } from '../interfaces/stripe-instance.interface';
 
 import { WindowRef } from './window-ref.service';
 import {
@@ -356,6 +359,21 @@ export class StripeInstance implements StripeServiceInterface {
     );
   }
 
+  confirmPayPalPayment(
+    clientSecret: string,
+    data?: ConfirmPayPalPaymentData
+  ): Observable<{
+    paymentIntent?: PaymentIntent;
+    error?: StripeError;
+  }> {
+    return this.stripe.pipe(
+      switchMap((stripe) =>
+        from(stripe.confirmPayPalPayment(clientSecret, data))
+      ),
+      first()
+    );
+  }
+
   confirmSepaDebitPayment(
     clientSecret: string,
     data?: ConfirmSepaDebitPaymentData
@@ -547,6 +565,21 @@ export class StripeInstance implements StripeServiceInterface {
     );
   }
 
+  confirmPayPalSetup(
+    clientSecret: string,
+    data?: ConfirmPayPalSetupData
+  ): Observable<{
+    setupIntent?: SetupIntent;
+    error?: StripeError;
+  }> {
+    return this.stripe.pipe(
+      switchMap((stripe) =>
+        from(stripe.confirmPayPalSetup(clientSecret, data))
+      ),
+      first()
+    );
+  }
+
   confirmSepaDebitSetup(
     clientSecret: string,
     data?: ConfirmSepaDebitSetupData
@@ -670,7 +703,7 @@ export class StripeInstance implements StripeServiceInterface {
 
   verifyIdentity(clientSecret: string): Observable<VerificationSessionResult> {
     return this.stripe.pipe(
-      switchMap((stripe) => from((stripe as any).verifyIdentity(clientSecret) as Promise<VerificationSessionResult>)),
+      switchMap((stripe) => from(stripe.verifyIdentity(clientSecret))),
       first()
     );
   }

projects/ngx-stripe/src/lib/services/stripe.service.ts

@@ -72,14 +72,17 @@ import {
   ConfirmIdealSetupData,
   ConfirmSofortSetupData,
   VerifyMicrodepositsForSetupData,
+  VerificationSessionResult,
+  ConfirmPayPalPaymentData,
+  ConfirmPayPalSetupData,
 } from '@stripe/stripe-js';
 
 import {
   STRIPE_PUBLISHABLE_KEY,
   STRIPE_OPTIONS,
   NGX_STRIPE_VERSION
 } from '../interfaces/ngx-stripe.interface';
-import { StripeServiceInterface, VerificationSessionResult } from '../interfaces/stripe-instance.interface';
+import { StripeServiceInterface } from '../interfaces/stripe-instance.interface';
 
 import { WindowRef } from './window-ref.service';
 import {
@@ -289,6 +292,16 @@ export class StripeService implements StripeServiceInterface {
     return this.stripe.confirmP24Payment(clientSecret, data, options);
   }
 
+  confirmPayPalPayment(
+    clientSecret: string,
+    data?: ConfirmPayPalPaymentData
+  ): Observable<{
+    paymentIntent?: PaymentIntent;
+    error?: StripeError;
+  }> {
+    return this.stripe.confirmPayPalPayment(clientSecret, data);
+  }
+
   confirmSepaDebitPayment(
     clientSecret: string,
     data?: ConfirmSepaDebitPaymentData
@@ -419,6 +432,16 @@ export class StripeService implements StripeServiceInterface {
     return this.stripe.confirmIdealSetup(clientSecret, data);
   }
 
+  confirmPayPalSetup(
+    clientSecret: string,
+    data?: ConfirmPayPalSetupData
+  ): Observable<{
+    setupIntent?: SetupIntent;
+    error?: StripeError;
+  }> {
+    return this.stripe.confirmPayPalSetup(clientSecret, data);
+  }
+
   confirmSepaDebitSetup(
     clientSecret: string,
     data?: ConfirmSepaDebitSetupData