Merge pull request #44 from xsolla/PAYMENTS-15786

PAYMENTS-15786: Error event added

CHANGELOG.md

@@ -1,5 +1,8 @@
 # Changelog
 
+## 1.2.10
+- [feature] Add new event - error (PS 4)
+
 ## 1.2.9
 - [feature] Add new event FCP
 - [fix] Fixed documentation
@@ -27,7 +30,7 @@
 ## 1.2.2 - 2020-10-21
 
 - [fix] Fixed adding custom event
-- [feature] Added decorator for handler method `XPayStationWidget.on` 
+- [feature] Added decorator for handler method `XPayStationWidget.on`
 
 ## 1.2.1 - 2020-09-08
 

README.md

@@ -132,6 +132,7 @@ You can refer to the widget object, using the following methods:
 * **status-troubled** — Event when the user was moved on the status page, but the payment failed
 * **user-country** — Event when Pay Station have determine user country
 * **fcp** — Event when in Pay Station occures fcp
+* **error** — Event when in Pay Station 4 occures payment flow errors
 
 You can access list of event using XPayStationWidget.eventTypes object.
 
@@ -170,4 +171,4 @@ If a payment method opens in a new browser tab, you must ensure there is a conne
 If the conditions for opening a new tab depend on asynchronous code, the event won’t be trusted and result in an error.
 Refactoring the callback code that opens a new tab in synchronous style can resolve this problem.
 
-Additional code that runs on a widget button click may also cause similar problems.
+Additional code that runs on a widget button click may also cause similar problems.

example/index.html

@@ -62,6 +62,9 @@ <h3>1914 translation by H. Rackham</h3>
             XPayStationWidget.on(XPayStationWidget.eventTypes.FCP, function (event) {
                 console.log('fcp', arguments, event.detail);
             });
+            XPayStationWidget.on(XPayStationWidget.eventTypes.ERROR, function (event) {
+                console.log('error event', arguments, event.detail);
+            });
             XPayStationWidget.init(options);
         }, false);
         var head = document.getElementsByTagName('head')[0];

package.json

@@ -1,6 +1,6 @@
 {
   "name": "xsolla-paystation-widget",
-  "version": "1.2.9",
+  "version": "1.2.10",
   "description": "PayStation 3 Integration Widget",
   "scripts": {
     "build": "gulp build",
@@ -28,4 +28,4 @@
   "engines": {
     "node": ">=0.10.0"
   }
-}
+}

src/app.js

@@ -36,7 +36,8 @@ module.exports = (function () {
         STATUS_TROUBLED: 'status-troubled',
         STATUS_DONE: 'status-done',
         USER_COUNTRY: 'user-country',
-        FCP: 'fcp'
+        FCP: 'fcp',
+        ERROR: 'error'
     };
 
     var DEFAULT_CONFIG = {
@@ -200,6 +201,10 @@ module.exports = (function () {
             that.triggerCustomEvent(App.eventTypes.FCP, event.detail);
         }
 
+        function handleError(event) {
+            that.triggerCustomEvent(App.eventTypes.ERROR, event.detail);
+        }
+
         this.postMessage = null;
         if ((new Device).isMobile() && !this.config.iframeOnly) {
             var childWindow = new ChildWindow;
@@ -219,11 +224,13 @@ module.exports = (function () {
                 childWindow.off('status', handleStatus);
                 childWindow.off(App.eventTypes.USER_COUNTRY, handleUserLocale);
                 childWindow.off(App.eventTypes.FCP, handleFcp);
+                childWindow.off(App.eventTypes.ERROR, handleError);
                 childWindow.off('close', handleClose);
             });
             childWindow.on('status', handleStatus);
             childWindow.on(App.eventTypes.USER_COUNTRY, handleUserLocale);
             childWindow.on(App.eventTypes.FCP, handleFcp);
+            childWindow.on(App.eventTypes.ERROR, handleError);
             childWindow.open(url, this.config.childWindow);
             that.childWindow = childWindow;
         } else {
@@ -244,11 +251,13 @@ module.exports = (function () {
                 lightBox.off('status', handleStatus);
                 lightBox.off(App.eventTypes.USER_COUNTRY, handleUserLocale);
                 lightBox.off(App.eventTypes.FCP, handleFcp);
+                lightBox.off(App.eventTypes.ERROR, handleError);
                 lightBox.off('close', handleClose);
             });
             lightBox.on('status', handleStatus);
             lightBox.on(App.eventTypes.USER_COUNTRY, handleUserLocale);
             lightBox.on(App.eventTypes.FCP, handleFcp);
+            lightBox.on(App.eventTypes.ERROR, handleError);
             lightBox.openFrame(url, this.config.lightbox);
             that.childWindow = lightBox;
         }

src/childwindow.js

@@ -68,6 +68,9 @@ module.exports = (function () {
             that.message.on('fcp', function (event) {
                 that.triggerEvent('fcp', event.detail);
             });
+            that.message.on('error', function (event) {
+                that.triggerEvent('error', event.detail);
+            });
         };
 
         switch (options.target) {

src/lightbox.js

@@ -335,6 +335,9 @@ module.exports = (function () {
         this.message.on('fcp', (function (event) {
             this.triggerEvent('fcp', event.detail);
         }).bind(this));
+        this.message.on('error', (function (event) {
+            this.triggerEvent('error', event.detail);
+        }).bind(this));
 
         // Resize
         window.addEventListener(handleResizeEventName, lightBoxResize);

src/version.js

@@ -1 +1 @@
-module.exports = '1.2.9';
+module.exports = '1.2.10';