@dintero/checkout-web-sdk 0.0.16 → 0.3.1

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

@@ -1,33 +1,41 @@
-import { CheckoutEvents, InternalCheckoutEvents, SessionEvent } 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 RefreshSession-event to the checkout iframe.
- */
-export declare const postSessionRefresh: (iframe: HTMLIFrameElement, sid: 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,15 +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";
-}
-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.16",
+	version: "0.3.1",
 	description: "Dintero Checkout SDK for web frontends",
 	main: "dist/dintero-checkout-web-sdk.cjs.js",
 	module: "dist/dintero-checkout-web-sdk.esm.js",
@@ -18,12 +18,14 @@ var pkg = {
 	},
 	scripts: {
 		build: "preconstruct build",
-		test: "karma start"
+		test: "karma start",
+		"semantic-release": "semantic-release",
+		prepublishOnly: "npm run build"
 	},
 	"private": false,
 	repository: {
 		type: "git",
-		url: "git+https://github.com/Dintero/Dintero.Checkout.Web.SDK.git"
+		url: "https://github.com/Dintero/Dintero.Checkout.Web.SDK.git"
 	},
 	homepage: "https://github.com/Dintero/Dintero.Checkout.Web.SDK#readme",
 	author: "Sven Nicolai Viig <sven@dintero.com> (http://dintero.com)",
@@ -34,18 +36,19 @@ 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: "^5.1.1",
+		karma: "^6.3.14",
 		"karma-chai": "^0.1.0",
 		"karma-chrome-launcher": "^3.1.0",
 		"karma-mocha": "^2.0.1",
 		"karma-typescript": "^5.0.3",
 		mocha: "^8.1.1",
 		prettier: "^1.19.1",
-		puppeteer: "^2.1.0",
-		rollup: "^1.30.1",
-		sinon: "^8.1.1",
+		puppeteer: "^13.3.2",
+		"semantic-release": "^19.0.2",
+		sinon: "^13.0.1",
 		typescript: "^4.2.4"
 	},
 	dependencies: {
@@ -65,6 +68,8 @@ let CheckoutEvents;
   CheckoutEvents["SessionPaymentError"] = "SessionPaymentError";
   CheckoutEvents["SessionLocked"] = "SessionLocked";
   CheckoutEvents["SessionLockFailed"] = "SessionLockFailed";
+  CheckoutEvents["ActivePaymentProductType"] = "ActivePaymentProductType";
+  CheckoutEvents["ValidateSession"] = "ValidateSession";
 })(CheckoutEvents || (CheckoutEvents = {}));
 
 let InternalCheckoutEvents;
@@ -91,7 +96,8 @@ const getSessionUrl = options => {
     sid,
     endpoint,
     language,
-    ui
+    ui,
+    shouldCallValidateSession
   } = options;
 
   if (!endpoint) {
@@ -102,7 +108,8 @@ const getSessionUrl = options => {
   let languageParam = language ? `language=${language}` : "";
   let uiParam = ui ? `ui=${ui}` : "";
   let sdk = `sdk=${pkg.version}`;
-  const params = [languageParam, uiParam, sdk].filter(x => x).join("&");
+  let validate = shouldCallValidateSession ? `client_side_validation=true` : undefined;
+  const params = [languageParam, uiParam, sdk, validate].filter(x => x).join("&");
   return `${endpoint}/v1/view/${sid}${params ? "?" + params : ""}`;
 };
 
@@ -181,6 +188,19 @@ const postSessionLock = (iframe, sid) => {
     }, "*");
   }
 };
+/**
+ * Post the validation result to the checkout iframe
+ */
+
+const postValidationResult = (iframe, sid, result) => {
+  if (iframe.contentWindow) {
+    iframe.contentWindow.postMessage({
+      type: "ValidationResult",
+      sid,
+      ...result
+    }, "*");
+  }
+};
 /**
  * Post RefreshSession-event to the checkout iframe.
  */
@@ -193,6 +213,19 @@ const postSessionRefresh = (iframe, sid) => {
     }, "*");
   }
 };
+/**
+ * Post setActivePaymentProductType-event to the checkout iframe.
+ */
+
+const postActivePaymentProductType = (iframe, sid, paymentProductType) => {
+  if (iframe.contentWindow) {
+    iframe.contentWindow.postMessage({
+      type: "SetActivePaymentProductType",
+      sid,
+      payment_product_type: paymentProductType
+    }, "*");
+  }
+};
 /**
  * Subscribe to events from an iframe given a handler and a set
  * of event types.
@@ -292,18 +325,21 @@ const embed = async options => {
     onPaymentError,
     onSessionNotFound,
     onSessionLocked,
-    onSessionLockFailed
+    onSessionLockFailed,
+    onActivePaymentType,
+    onValidateSession
   } = options;
   const subscriptions = []; // Create iframe
 
   const {
     iframe,
     initiate
-  } = await createIframeAsync(container, endpoint, getSessionUrl({
+  } = createIframeAsync(container, endpoint, getSessionUrl({
     sid,
     endpoint,
     language,
-    ui: "inline"
+    ui: "inline",
+    shouldCallValidateSession: onValidateSession !== undefined
   }));
   /**
    * Function that removes the iframe and all event listeners.
@@ -325,6 +361,26 @@ const embed = async options => {
 
   const refreshSession = () => {
     postSessionRefresh(iframe, sid);
+  };
+
+  const setActivePaymentProductType = paymentProductType => {
+    postActivePaymentProductType(iframe, sid, paymentProductType);
+  };
+
+  const submitValidationResult = result => {
+    postValidationResult(iframe, sid, result);
+  };
+
+  const wrappedOnValidateSession = (event, checkout) => {
+    if (onValidateSession) {
+      onValidateSession(event, checkout, submitValidationResult);
+    }
+  };
+
+  const wrappedOnSessionLocked = (event, checkout) => {
+    if (onSessionLocked) {
+      onSessionLocked(event, checkout, refreshSession);
+    }
   }; // Create checkout object that wraps the destroy function.
 
 
@@ -333,7 +389,9 @@ const embed = async options => {
     iframe,
     language,
     lockSession,
-    refreshSession
+    refreshSession,
+    setActivePaymentProductType,
+    submitValidationResult
   }; // Add event handlers (or in some cases add a fallback href handler).
 
   [{
@@ -361,11 +419,20 @@ const embed = async options => {
     handler: onSessionNotFound,
     eventTypes: [CheckoutEvents.SessionNotFound]
   }, {
-    handler: onSessionLocked,
+    handler: wrappedOnSessionLocked,
     eventTypes: [CheckoutEvents.SessionLocked]
   }, {
     handler: onSessionLockFailed,
     eventTypes: [CheckoutEvents.SessionLockFailed]
+  }, {
+    handler: onActivePaymentType,
+    eventTypes: [CheckoutEvents.ActivePaymentProductType]
+  }, {
+    handler: onActivePaymentType,
+    eventTypes: [CheckoutEvents.ActivePaymentProductType]
+  }, {
+    handler: wrappedOnValidateSession,
+    eventTypes: [CheckoutEvents.ValidateSession]
   }].forEach(({
     handler,
     eventTypes
@@ -399,7 +466,8 @@ const redirect = options => {
   windowLocationAssign(getSessionUrl({
     sid,
     endpoint,
-    language
+    language,
+    shouldCallValidateSession: false
   }));
 };
 

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.16",
+	version: "0.3.1",
 	description: "Dintero Checkout SDK for web frontends",
 	main: "dist/dintero-checkout-web-sdk.cjs.js",
 	module: "dist/dintero-checkout-web-sdk.esm.js",
@@ -18,12 +18,14 @@ var pkg = {
 	},
 	scripts: {
 		build: "preconstruct build",
-		test: "karma start"
+		test: "karma start",
+		"semantic-release": "semantic-release",
+		prepublishOnly: "npm run build"
 	},
 	"private": false,
 	repository: {
 		type: "git",
-		url: "git+https://github.com/Dintero/Dintero.Checkout.Web.SDK.git"
+		url: "https://github.com/Dintero/Dintero.Checkout.Web.SDK.git"
 	},
 	homepage: "https://github.com/Dintero/Dintero.Checkout.Web.SDK#readme",
 	author: "Sven Nicolai Viig <sven@dintero.com> (http://dintero.com)",
@@ -34,18 +36,19 @@ 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: "^5.1.1",
+		karma: "^6.3.14",
 		"karma-chai": "^0.1.0",
 		"karma-chrome-launcher": "^3.1.0",
 		"karma-mocha": "^2.0.1",
 		"karma-typescript": "^5.0.3",
 		mocha: "^8.1.1",
 		prettier: "^1.19.1",
-		puppeteer: "^2.1.0",
-		rollup: "^1.30.1",
-		sinon: "^8.1.1",
+		puppeteer: "^13.3.2",
+		"semantic-release": "^19.0.2",
+		sinon: "^13.0.1",
 		typescript: "^4.2.4"
 	},
 	dependencies: {
@@ -65,6 +68,8 @@ let CheckoutEvents;
   CheckoutEvents["SessionPaymentError"] = "SessionPaymentError";
   CheckoutEvents["SessionLocked"] = "SessionLocked";
   CheckoutEvents["SessionLockFailed"] = "SessionLockFailed";
+  CheckoutEvents["ActivePaymentProductType"] = "ActivePaymentProductType";
+  CheckoutEvents["ValidateSession"] = "ValidateSession";
 })(CheckoutEvents || (CheckoutEvents = {}));
 
 let InternalCheckoutEvents;
@@ -91,7 +96,8 @@ const getSessionUrl = options => {
     sid,
     endpoint,
     language,
-    ui
+    ui,
+    shouldCallValidateSession
   } = options;
 
   if (!endpoint) {
@@ -102,7 +108,8 @@ const getSessionUrl = options => {
   let languageParam = language ? `language=${language}` : "";
   let uiParam = ui ? `ui=${ui}` : "";
   let sdk = `sdk=${pkg.version}`;
-  const params = [languageParam, uiParam, sdk].filter(x => x).join("&");
+  let validate = shouldCallValidateSession ? `client_side_validation=true` : undefined;
+  const params = [languageParam, uiParam, sdk, validate].filter(x => x).join("&");
   return `${endpoint}/v1/view/${sid}${params ? "?" + params : ""}`;
 };
 
@@ -181,6 +188,19 @@ const postSessionLock = (iframe, sid) => {
     }, "*");
   }
 };
+/**
+ * Post the validation result to the checkout iframe
+ */
+
+const postValidationResult = (iframe, sid, result) => {
+  if (iframe.contentWindow) {
+    iframe.contentWindow.postMessage({
+      type: "ValidationResult",
+      sid,
+      ...result
+    }, "*");
+  }
+};
 /**
  * Post RefreshSession-event to the checkout iframe.
  */
@@ -193,6 +213,19 @@ const postSessionRefresh = (iframe, sid) => {
     }, "*");
   }
 };
+/**
+ * Post setActivePaymentProductType-event to the checkout iframe.
+ */
+
+const postActivePaymentProductType = (iframe, sid, paymentProductType) => {
+  if (iframe.contentWindow) {
+    iframe.contentWindow.postMessage({
+      type: "SetActivePaymentProductType",
+      sid,
+      payment_product_type: paymentProductType
+    }, "*");
+  }
+};
 /**
  * Subscribe to events from an iframe given a handler and a set
  * of event types.
@@ -292,18 +325,21 @@ const embed = async options => {
     onPaymentError,
     onSessionNotFound,
     onSessionLocked,
-    onSessionLockFailed
+    onSessionLockFailed,
+    onActivePaymentType,
+    onValidateSession
   } = options;
   const subscriptions = []; // Create iframe
 
   const {
     iframe,
     initiate
-  } = await createIframeAsync(container, endpoint, getSessionUrl({
+  } = createIframeAsync(container, endpoint, getSessionUrl({
     sid,
     endpoint,
     language,
-    ui: "inline"
+    ui: "inline",
+    shouldCallValidateSession: onValidateSession !== undefined
   }));
   /**
    * Function that removes the iframe and all event listeners.
@@ -325,6 +361,26 @@ const embed = async options => {
 
   const refreshSession = () => {
     postSessionRefresh(iframe, sid);
+  };
+
+  const setActivePaymentProductType = paymentProductType => {
+    postActivePaymentProductType(iframe, sid, paymentProductType);
+  };
+
+  const submitValidationResult = result => {
+    postValidationResult(iframe, sid, result);
+  };
+
+  const wrappedOnValidateSession = (event, checkout) => {
+    if (onValidateSession) {
+      onValidateSession(event, checkout, submitValidationResult);
+    }
+  };
+
+  const wrappedOnSessionLocked = (event, checkout) => {
+    if (onSessionLocked) {
+      onSessionLocked(event, checkout, refreshSession);
+    }
   }; // Create checkout object that wraps the destroy function.
 
 
@@ -333,7 +389,9 @@ const embed = async options => {
     iframe,
     language,
     lockSession,
-    refreshSession
+    refreshSession,
+    setActivePaymentProductType,
+    submitValidationResult
   }; // Add event handlers (or in some cases add a fallback href handler).
 
   [{
@@ -361,11 +419,20 @@ const embed = async options => {
     handler: onSessionNotFound,
     eventTypes: [CheckoutEvents.SessionNotFound]
   }, {
-    handler: onSessionLocked,
+    handler: wrappedOnSessionLocked,
     eventTypes: [CheckoutEvents.SessionLocked]
   }, {
     handler: onSessionLockFailed,
     eventTypes: [CheckoutEvents.SessionLockFailed]
+  }, {
+    handler: onActivePaymentType,
+    eventTypes: [CheckoutEvents.ActivePaymentProductType]
+  }, {
+    handler: onActivePaymentType,
+    eventTypes: [CheckoutEvents.ActivePaymentProductType]
+  }, {
+    handler: wrappedOnValidateSession,
+    eventTypes: [CheckoutEvents.ValidateSession]
   }].forEach(({
     handler,
     eventTypes
@@ -399,7 +466,8 @@ const redirect = options => {
   windowLocationAssign(getSessionUrl({
     sid,
     endpoint,
-    language
+    language,
+    shouldCallValidateSession: false
   }));
 };