@dintero/checkout-web-sdk 0.2.0 → 0.4.0

package/dist/declarations/src/checkout.d.ts

@@ -1,73 +1,75 @@
-import { Session } from "./session";
-export declare enum CheckoutEvents {
-    SessionNotFound = "SessionNotFound",
-    SessionLoaded = "SessionLoaded",
-    SessionUpdated = "SessionUpdated",
-    SessionCancel = "SessionCancel",
-    SessionPaymentOnHold = "SessionPaymentOnHold",
-    SessionPaymentAuthorized = "SessionPaymentAuthorized",
-    SessionPaymentError = "SessionPaymentError",
-    SessionLocked = "SessionLocked",
-    SessionLockFailed = "SessionLockFailed",
-    ActivePaymentProductType = "ActivePaymentProductType",
-    ValidateSession = "ValidateSession"
-}
-export declare enum InternalCheckoutEvents {
-    HeightChanged = "HeightChanged",
-    LanguageChanged = "LanguageChanged"
-}
-export declare type SessionNotFound = {
-    type: CheckoutEvents.SessionNotFound;
-};
-export declare type SessionLoaded = {
-    type: CheckoutEvents.SessionLoaded;
-    session: Session;
-};
-export declare type SessionUpdated = {
-    type: CheckoutEvents.SessionUpdated;
-    session: Session;
-};
-export declare type SessionCancel = {
-    type: CheckoutEvents.SessionCancel;
-    href: string;
-};
-export declare type SessionPaymentOnHold = {
-    type: CheckoutEvents.SessionPaymentOnHold;
-    transaction_id: string;
-    merchant_reference: string;
-    href: string;
-};
-export declare type SessionPaymentAuthorized = {
-    type: CheckoutEvents.SessionPaymentAuthorized;
-    transaction_id: string;
-    merchant_reference: string;
-    href: string;
-};
-export declare type SessionLocked = {
-    type: CheckoutEvents.SessionLocked;
-    pay_lock_id: string;
-};
-export declare type SessionLockFailed = {
-    type: CheckoutEvents.SessionLockFailed;
-};
-export declare type ActivePaymentProductType = {
-    type: CheckoutEvents.ActivePaymentProductType;
-    payment_product_type: string | undefined;
-};
-export declare type ValidateSession = {
-    type: CheckoutEvents.ValidateSession;
-    session: Session;
-    callback: (result: SessionValidationCallback) => void;
-};
-export interface SessionValidationCallback {
-    success: boolean;
-    clientValidationError?: string;
-}
-export declare type WrappedValidateSession = Pick<ValidateSession, "type" | "session">;
-export declare type SessionPayment = SessionPaymentAuthorized | SessionPaymentOnHold;
-export declare type SessionPaymentError = {
-    type: CheckoutEvents.SessionPaymentError;
-    error: string;
-    href: string;
-};
-export declare type SessionEvent = SessionNotFound | SessionLoaded | SessionUpdated | SessionCancel | SessionPaymentOnHold | SessionPaymentAuthorized | SessionPaymentError | SessionLocked | SessionLockFailed | ActivePaymentProductType | WrappedValidateSession;
+import { Session } from "./session";
+export declare enum CheckoutEvents {
+    SessionNotFound = "SessionNotFound",
+    SessionLoaded = "SessionLoaded",
+    SessionUpdated = "SessionUpdated",
+    SessionCancel = "SessionCancel",
+    SessionPaymentOnHold = "SessionPaymentOnHold",
+    SessionPaymentAuthorized = "SessionPaymentAuthorized",
+    SessionPaymentError = "SessionPaymentError",
+    SessionLocked = "SessionLocked",
+    SessionLockFailed = "SessionLockFailed",
+    ActivePaymentProductType = "ActivePaymentProductType",
+    ValidateSession = "ValidateSession"
+}
+export declare enum InternalCheckoutEvents {
+    HeightChanged = "HeightChanged",
+    LanguageChanged = "LanguageChanged"
+}
+export declare type SessionNotFound = {
+    type: CheckoutEvents.SessionNotFound;
+};
+export declare type SessionLoaded = {
+    type: CheckoutEvents.SessionLoaded;
+    session: Session;
+};
+export declare type SessionUpdated = {
+    type: CheckoutEvents.SessionUpdated;
+    session: Session;
+};
+export declare type SessionCancel = {
+    type: CheckoutEvents.SessionCancel;
+    href: string;
+};
+export declare type SessionPaymentOnHold = {
+    type: CheckoutEvents.SessionPaymentOnHold;
+    transaction_id: string;
+    merchant_reference: string;
+    href: string;
+};
+export declare type SessionPaymentAuthorized = {
+    type: CheckoutEvents.SessionPaymentAuthorized;
+    transaction_id: string;
+    merchant_reference: string;
+    href: string;
+};
+export declare type SessionLocked = {
+    type: CheckoutEvents.SessionLocked;
+    pay_lock_id: string;
+    callback: () => void;
+};
+export declare type SessionLockFailed = {
+    type: CheckoutEvents.SessionLockFailed;
+};
+export declare type ActivePaymentProductType = {
+    type: CheckoutEvents.ActivePaymentProductType;
+    payment_product_type: string | undefined;
+};
+export declare type ValidateSession = {
+    type: CheckoutEvents.ValidateSession;
+    session: Session;
+    callback: (result: SessionValidationCallback) => void;
+};
+export interface SessionValidationCallback {
+    success: boolean;
+    clientValidationError?: string;
+}
+export declare type WrappedValidateSession = Pick<ValidateSession, "type" | "session">;
+export declare type WrappedSessionLocked = Pick<SessionLocked, "type" | "pay_lock_id">;
+export declare type SessionPayment = SessionPaymentAuthorized | SessionPaymentOnHold;
+export declare type SessionPaymentError = {
+    type: CheckoutEvents.SessionPaymentError;
+    error: string;
+    href: string;
+};
+export declare type SessionEvent = SessionNotFound | SessionLoaded | SessionUpdated | SessionCancel | SessionPaymentOnHold | SessionPaymentAuthorized | SessionPaymentError | WrappedSessionLocked | SessionLockFailed | ActivePaymentProductType | WrappedValidateSession;

package/dist/declarations/src/createIframeAsync.d.ts

@@ -1,10 +1,10 @@
-/**
- * Creates an iframe and adds it to the container.
- *
- * Returns a promise that resolves to the iframe when the iframe has loaded.
- * Rejects the promise if there is a problem loading the iframe.
- */
-export declare const createIframeAsync: (container: HTMLDivElement, endpoint: string, url: string) => {
-    iframe: HTMLIFrameElement;
-    initiate: () => void;
-};
+/**
+ * Creates an iframe and adds it to the container.
+ *
+ * Returns a promise that resolves to the iframe when the iframe has loaded.
+ * Rejects the promise if there is a problem loading the iframe.
+ */
+export declare const createIframeAsync: (container: HTMLDivElement, endpoint: string, url: string) => {
+    iframe: HTMLIFrameElement;
+    initiate: () => void;
+};

package/dist/declarations/src/index.d.ts

@@ -1,43 +1,43 @@
-import "native-promise-only";
-import { SessionNotFound, SessionLoaded, SessionUpdated, SessionCancel, SessionPaymentOnHold, SessionPaymentAuthorized, SessionPaymentError, SessionLocked, SessionLockFailed, ActivePaymentProductType, ValidateSession, SessionValidationCallback } from "./checkout";
-export interface DinteroCheckoutInstance {
-    /**
-     * Remove iframe and all event listeners.
-     */
-    destroy: () => void;
-    iframe: HTMLIFrameElement;
-    language: string;
-    lockSession: () => void;
-    refreshSession: () => void;
-    setActivePaymentProductType: (paymentProductType: string) => void;
-    submitValidationResult: (result: SessionValidationCallback) => void;
-}
-export interface DinteroCheckoutOptions {
-    sid: string;
-    endpoint?: string;
-    language?: string;
-}
-export interface DinteroEmbedCheckoutOptions extends DinteroCheckoutOptions {
-    container: HTMLDivElement;
-    onPayment?: (event: SessionPaymentAuthorized | SessionPaymentOnHold, checkout: DinteroCheckoutInstance) => void;
-    /**
-     * @deprecated Since version 0.0.1. Will be deleted in version 1.0.0. Use onPayment instead.
-     */
-    onPaymentAuthorized?: (event: SessionPaymentAuthorized, checkout: DinteroCheckoutInstance) => void;
-    onSession?: (event: SessionLoaded | SessionUpdated, checkout: DinteroCheckoutInstance) => void;
-    onPaymentError?: (event: SessionPaymentError, checkout: DinteroCheckoutInstance) => void;
-    onSessionCancel?: (event: SessionCancel, checkout: DinteroCheckoutInstance) => void;
-    onSessionNotFound?: (event: SessionNotFound, checkout: DinteroCheckoutInstance) => void;
-    onSessionLocked?: (event: SessionLocked, checkout: DinteroCheckoutInstance) => void;
-    onSessionLockFailed?: (event: SessionLockFailed, checkout: DinteroCheckoutInstance) => void;
-    onActivePaymentType?: (event: ActivePaymentProductType, checkout: DinteroCheckoutInstance) => void;
-    onValidateSession?: (event: ValidateSession, checkout: DinteroCheckoutInstance, callback: (result: SessionValidationCallback) => void) => void;
-}
-/**
- * Show a dintero payment session in an embedded iframe.
- */
-export declare const embed: (options: DinteroEmbedCheckoutOptions) => Promise<DinteroCheckoutInstance>;
-/**
- * Redirect the customer to a payment session in the Dintero Checkout.
- */
-export declare const redirect: (options: DinteroCheckoutOptions) => void;
+import "native-promise-only";
+import { SessionNotFound, SessionLoaded, SessionUpdated, SessionCancel, SessionPaymentOnHold, SessionPaymentAuthorized, SessionPaymentError, SessionLocked, SessionLockFailed, ActivePaymentProductType, ValidateSession, SessionValidationCallback, SessionEvent } from "./checkout";
+export interface DinteroCheckoutInstance {
+    /**
+     * Remove iframe and all event listeners.
+     */
+    destroy: () => void;
+    iframe: HTMLIFrameElement;
+    language: string;
+    lockSession: () => Promise<SessionEvent>;
+    refreshSession: () => Promise<SessionEvent>;
+    setActivePaymentProductType: (paymentProductType: string) => void;
+    submitValidationResult: (result: SessionValidationCallback) => void;
+}
+export interface DinteroCheckoutOptions {
+    sid: string;
+    endpoint?: string;
+    language?: string;
+}
+export interface DinteroEmbedCheckoutOptions extends DinteroCheckoutOptions {
+    container: HTMLDivElement;
+    onPayment?: (event: SessionPaymentAuthorized | SessionPaymentOnHold, checkout: DinteroCheckoutInstance) => void;
+    /**
+     * @deprecated Since version 0.0.1. Will be deleted in version 1.0.0. Use onPayment instead.
+     */
+    onPaymentAuthorized?: (event: SessionPaymentAuthorized, checkout: DinteroCheckoutInstance) => void;
+    onSession?: (event: SessionLoaded | SessionUpdated, checkout: DinteroCheckoutInstance) => void;
+    onPaymentError?: (event: SessionPaymentError, checkout: DinteroCheckoutInstance) => void;
+    onSessionCancel?: (event: SessionCancel, checkout: DinteroCheckoutInstance) => void;
+    onSessionNotFound?: (event: SessionNotFound, checkout: DinteroCheckoutInstance) => void;
+    onSessionLocked?: (event: SessionLocked, checkout: DinteroCheckoutInstance, callback: () => void) => void;
+    onSessionLockFailed?: (event: SessionLockFailed, checkout: DinteroCheckoutInstance) => void;
+    onActivePaymentType?: (event: ActivePaymentProductType, checkout: DinteroCheckoutInstance) => void;
+    onValidateSession?: (event: ValidateSession, checkout: DinteroCheckoutInstance, callback: (result: SessionValidationCallback) => void) => void;
+}
+/**
+ * Show a dintero payment session in an embedded iframe.
+ */
+export declare const embed: (options: DinteroEmbedCheckoutOptions) => Promise<DinteroCheckoutInstance>;
+/**
+ * Redirect the customer to a payment session in the Dintero Checkout.
+ */
+export declare const redirect: (options: DinteroCheckoutOptions) => void;

package/dist/declarations/src/subscribe.d.ts

@@ -1,41 +1,41 @@
-import { CheckoutEvents, InternalCheckoutEvents, SessionEvent, SessionValidationCallback } from "./checkout";
-import { DinteroCheckoutInstance } from ".";
-/**
- * Unsubscribe handler from event(s).
- */
-export declare type SubscriptionHandler = (sessionEvent: SessionEvent, checkout: DinteroCheckoutInstance) => void;
-interface SubscriptionOptions {
-    sid: string;
-    endpoint: string;
-    handler: SubscriptionHandler;
-    eventTypes: (CheckoutEvents | InternalCheckoutEvents)[];
-    checkout: DinteroCheckoutInstance;
-}
-export declare type Subscription = {
-    /**
-     * Unsubscribe handler from event(s).
-     */
-    unsubscribe: () => void;
-};
-/**
- * Post a SessionLock-event to the checkout iframe.
- */
-export declare const postSessionLock: (iframe: HTMLIFrameElement, sid: string) => void;
-/**
- * Post the validation result to the checkout iframe
- */
-export declare const postValidationResult: (iframe: HTMLIFrameElement, sid: string, result: SessionValidationCallback) => void;
-/**
- * Post RefreshSession-event to the checkout iframe.
- */
-export declare const postSessionRefresh: (iframe: HTMLIFrameElement, sid: string) => void;
-/**
- * Post setActivePaymentProductType-event to the checkout iframe.
- */
-export declare const postActivePaymentProductType: (iframe: HTMLIFrameElement, sid: string, paymentProductType?: string) => void;
-/**
- * Subscribe to events from an iframe given a handler and a set
- * of event types.
- */
-export declare const subscribe: (options: SubscriptionOptions) => Subscription;
-export {};
+import { CheckoutEvents, InternalCheckoutEvents, SessionEvent, SessionValidationCallback } from "./checkout";
+import { DinteroCheckoutInstance } from ".";
+/**
+ * Unsubscribe handler from event(s).
+ */
+export declare type SubscriptionHandler = (sessionEvent: SessionEvent, checkout: DinteroCheckoutInstance) => void;
+interface SubscriptionOptions {
+    sid: string;
+    endpoint: string;
+    handler: SubscriptionHandler;
+    eventTypes: (CheckoutEvents | InternalCheckoutEvents)[];
+    checkout: DinteroCheckoutInstance;
+}
+export declare type Subscription = {
+    /**
+     * Unsubscribe handler from event(s).
+     */
+    unsubscribe: () => void;
+};
+/**
+ * Post a SessionLock-event to the checkout iframe.
+ */
+export declare const postSessionLock: (iframe: HTMLIFrameElement, sid: string) => void;
+/**
+ * Post the validation result to the checkout iframe
+ */
+export declare const postValidationResult: (iframe: HTMLIFrameElement, sid: string, result: SessionValidationCallback) => void;
+/**
+ * Post RefreshSession-event to the checkout iframe.
+ */
+export declare const postSessionRefresh: (iframe: HTMLIFrameElement, sid: string) => void;
+/**
+ * Post setActivePaymentProductType-event to the checkout iframe.
+ */
+export declare const postActivePaymentProductType: (iframe: HTMLIFrameElement, sid: string, paymentProductType?: string) => void;
+/**
+ * Subscribe to events from an iframe given a handler and a set
+ * of event types.
+ */
+export declare const subscribe: (options: SubscriptionOptions) => Subscription;
+export {};

package/dist/declarations/src/url.d.ts

@@ -1,16 +1,16 @@
-/**
- * Wraps window.location.assign()
- */
-export declare const windowLocationAssign: (url: string) => void;
-/**
- * Get the url for the session./yarn-error.log
-.DS_Store
- */
-export interface SessionUrlOptions {
-    sid: string;
-    endpoint: string;
-    language: string | undefined;
-    ui?: "fullscreen" | "inline";
-    shouldCallValidateSession: boolean;
-}
-export declare const getSessionUrl: (options: SessionUrlOptions) => string;
+/**
+ * Wraps window.location.assign()
+ */
+export declare const windowLocationAssign: (url: string) => void;
+/**
+ * Get the url for the session./yarn-error.log
+.DS_Store
+ */
+export interface SessionUrlOptions {
+    sid: string;
+    endpoint: string;
+    language: string | undefined;
+    ui?: "fullscreen" | "inline";
+    shouldCallValidateSession: boolean;
+}
+export declare const getSessionUrl: (options: SessionUrlOptions) => string;

package/dist/dintero-checkout-web-sdk.cjs.dev.js

@@ -6,7 +6,7 @@ require('native-promise-only');
 
 var pkg = {
 	name: "@dintero/checkout-web-sdk",
-	version: "0.0.0-development",
+	version: "0.4.0",
 	description: "Dintero Checkout SDK for web frontends",
 	main: "dist/dintero-checkout-web-sdk.cjs.js",
 	module: "dist/dintero-checkout-web-sdk.esm.js",
@@ -19,7 +19,8 @@ var pkg = {
 	scripts: {
 		build: "preconstruct build",
 		test: "karma start",
-		"semantic-release": "semantic-release"
+		"semantic-release": "semantic-release",
+		prepublishOnly: "npm run build"
 	},
 	"private": false,
 	repository: {
@@ -35,7 +36,7 @@ var pkg = {
 	devDependencies: {
 		"@babel/preset-env": "^7.14.1",
 		"@babel/preset-typescript": "^7.13.0",
-		"@preconstruct/cli": "^2.1.0",
+		"@preconstruct/cli": "^2.1.5",
 		"@semantic-release/git": "^10.0.1",
 		chai: "^4.2.0",
 		karma: "^6.3.14",
@@ -45,10 +46,9 @@ var pkg = {
 		"karma-typescript": "^5.0.3",
 		mocha: "^8.1.1",
 		prettier: "^1.19.1",
-		puppeteer: "^2.1.0",
-		rollup: "^1.30.1",
+		puppeteer: "^13.3.2",
 		"semantic-release": "^19.0.2",
-		sinon: "^8.1.1",
+		sinon: "^13.0.1",
 		typescript: "^4.2.4"
 	},
 	dependencies: {
@@ -329,6 +329,7 @@ const embed = async options => {
     onActivePaymentType,
     onValidateSession
   } = options;
+  let checkout;
   const subscriptions = []; // Create iframe
 
   const {
@@ -354,13 +355,53 @@ const embed = async options => {
       }
     }
   };
+  /**
+   * Turn an action into a promise by specifying resolve and
+   * reject events.
+   */
+
+
+  const promisifyAction = (action, resolveEvent, rejectEvent) => {
+    if (!checkout) {
+      throw new Error("Unable to create action promise: checkout is undefined");
+    }
+
+    return new Promise((resolve, reject) => {
+      const eventSubscriptions = [];
+      eventSubscriptions.push(subscribe({
+        sid,
+        endpoint,
+        handler: sessionEvent => {
+          eventSubscriptions.forEach(sub => sub.unsubscribe());
+          resolve(sessionEvent);
+        },
+        eventTypes: [resolveEvent],
+        checkout
+      }));
+      eventSubscriptions.push(subscribe({
+        sid,
+        endpoint,
+        handler: () => {
+          eventSubscriptions.forEach(sub => sub.unsubscribe());
+          reject(`Received unexpected event: ${rejectEvent}`);
+        },
+        eventTypes: [rejectEvent],
+        checkout
+      }));
+      action();
+    });
+  };
 
   const lockSession = () => {
-    postSessionLock(iframe, sid);
+    return promisifyAction(() => {
+      postSessionLock(iframe, sid);
+    }, CheckoutEvents.SessionLocked, CheckoutEvents.SessionLockFailed);
   };
 
   const refreshSession = () => {
-    postSessionRefresh(iframe, sid);
+    return promisifyAction(() => {
+      postSessionRefresh(iframe, sid);
+    }, CheckoutEvents.SessionUpdated, CheckoutEvents.SessionNotFound);
   };
 
   const setActivePaymentProductType = paymentProductType => {
@@ -375,10 +416,16 @@ const embed = async options => {
     if (onValidateSession) {
       onValidateSession(event, checkout, submitValidationResult);
     }
+  };
+
+  const wrappedOnSessionLocked = (event, checkout) => {
+    if (onSessionLocked) {
+      onSessionLocked(event, checkout, refreshSession);
+    }
   }; // Create checkout object that wraps the destroy function.
 
 
-  const checkout = {
+  checkout = {
     destroy,
     iframe,
     language,
@@ -413,7 +460,7 @@ const embed = async options => {
     handler: onSessionNotFound,
     eventTypes: [CheckoutEvents.SessionNotFound]
   }, {
-    handler: onSessionLocked,
+    handler: wrappedOnSessionLocked,
     eventTypes: [CheckoutEvents.SessionLocked]
   }, {
     handler: onSessionLockFailed,

package/dist/dintero-checkout-web-sdk.cjs.prod.js

@@ -6,7 +6,7 @@ require('native-promise-only');
 
 var pkg = {
 	name: "@dintero/checkout-web-sdk",
-	version: "0.0.0-development",
+	version: "0.4.0",
 	description: "Dintero Checkout SDK for web frontends",
 	main: "dist/dintero-checkout-web-sdk.cjs.js",
 	module: "dist/dintero-checkout-web-sdk.esm.js",
@@ -19,7 +19,8 @@ var pkg = {
 	scripts: {
 		build: "preconstruct build",
 		test: "karma start",
-		"semantic-release": "semantic-release"
+		"semantic-release": "semantic-release",
+		prepublishOnly: "npm run build"
 	},
 	"private": false,
 	repository: {
@@ -35,7 +36,7 @@ var pkg = {
 	devDependencies: {
 		"@babel/preset-env": "^7.14.1",
 		"@babel/preset-typescript": "^7.13.0",
-		"@preconstruct/cli": "^2.1.0",
+		"@preconstruct/cli": "^2.1.5",
 		"@semantic-release/git": "^10.0.1",
 		chai: "^4.2.0",
 		karma: "^6.3.14",
@@ -45,10 +46,9 @@ var pkg = {
 		"karma-typescript": "^5.0.3",
 		mocha: "^8.1.1",
 		prettier: "^1.19.1",
-		puppeteer: "^2.1.0",
-		rollup: "^1.30.1",
+		puppeteer: "^13.3.2",
 		"semantic-release": "^19.0.2",
-		sinon: "^8.1.1",
+		sinon: "^13.0.1",
 		typescript: "^4.2.4"
 	},
 	dependencies: {
@@ -329,6 +329,7 @@ const embed = async options => {
     onActivePaymentType,
     onValidateSession
   } = options;
+  let checkout;
   const subscriptions = []; // Create iframe
 
   const {
@@ -354,13 +355,53 @@ const embed = async options => {
       }
     }
   };
+  /**
+   * Turn an action into a promise by specifying resolve and
+   * reject events.
+   */
+
+
+  const promisifyAction = (action, resolveEvent, rejectEvent) => {
+    if (!checkout) {
+      throw new Error("Unable to create action promise: checkout is undefined");
+    }
+
+    return new Promise((resolve, reject) => {
+      const eventSubscriptions = [];
+      eventSubscriptions.push(subscribe({
+        sid,
+        endpoint,
+        handler: sessionEvent => {
+          eventSubscriptions.forEach(sub => sub.unsubscribe());
+          resolve(sessionEvent);
+        },
+        eventTypes: [resolveEvent],
+        checkout
+      }));
+      eventSubscriptions.push(subscribe({
+        sid,
+        endpoint,
+        handler: () => {
+          eventSubscriptions.forEach(sub => sub.unsubscribe());
+          reject(`Received unexpected event: ${rejectEvent}`);
+        },
+        eventTypes: [rejectEvent],
+        checkout
+      }));
+      action();
+    });
+  };
 
   const lockSession = () => {
-    postSessionLock(iframe, sid);
+    return promisifyAction(() => {
+      postSessionLock(iframe, sid);
+    }, CheckoutEvents.SessionLocked, CheckoutEvents.SessionLockFailed);
   };
 
   const refreshSession = () => {
-    postSessionRefresh(iframe, sid);
+    return promisifyAction(() => {
+      postSessionRefresh(iframe, sid);
+    }, CheckoutEvents.SessionUpdated, CheckoutEvents.SessionNotFound);
   };
 
   const setActivePaymentProductType = paymentProductType => {
@@ -375,10 +416,16 @@ const embed = async options => {
     if (onValidateSession) {
       onValidateSession(event, checkout, submitValidationResult);
     }
+  };
+
+  const wrappedOnSessionLocked = (event, checkout) => {
+    if (onSessionLocked) {
+      onSessionLocked(event, checkout, refreshSession);
+    }
   }; // Create checkout object that wraps the destroy function.
 
 
-  const checkout = {
+  checkout = {
     destroy,
     iframe,
     language,
@@ -413,7 +460,7 @@ const embed = async options => {
     handler: onSessionNotFound,
     eventTypes: [CheckoutEvents.SessionNotFound]
   }, {
-    handler: onSessionLocked,
+    handler: wrappedOnSessionLocked,
     eventTypes: [CheckoutEvents.SessionLocked]
   }, {
     handler: onSessionLockFailed,