@xsolla/payment-client-core 0.5.4 → 0.5.6

package/fesm2022/xsolla-payment-client-core.mjs

@@ -13,7 +13,7 @@ import { CommonModule } from '@angular/common';
 import { provideTranslateHttpLoader } from '@ngx-translate/http-loader';
 
 // eslint-disable-next-line @typescript-eslint/naming-convention
-const PAYMENT_CLIENT_CORE_VERSION = '0.5.4';
+const PAYMENT_CLIENT_CORE_VERSION = '0.5.6';
 
 class TranslateHelper {
     static init(service) {
@@ -4307,6 +4307,23 @@ const luhnFormulaValidator = ({ value }) => {
     return resultSum % modBase === 0 ? null : error;
 };
 
+const creditBinZerosValidator = ({ value }) => {
+    if (isEmptyInputValue(value) || !isString(value)) {
+        return null;
+    }
+    const error = {
+        rewritableError: {
+            message: TranslateHelper.t('errors.validation.cardNumber', 'Enter a valid card number'),
+        },
+    };
+    const binLength = 6;
+    const binNumber = value.replace(/\D/g, '').slice(0, binLength);
+    if (binNumber === '000000') {
+        return error;
+    }
+    return null;
+};
+
 class CardNumberConfig extends ControlConfig {
     constructor() {
         super(...arguments);
@@ -4387,6 +4404,7 @@ class CardNumberConverter extends Converter {
             .getValidators(field)
             .concat([
             luhnFormulaValidator,
+            creditBinZerosValidator,
             this.minLengthValidator.validate,
             this.maxLengthValidator.validate,
         ]);
@@ -7434,29 +7452,30 @@ class DfpCollectService {
         this.formName = 'formDFP';
     }
     collectDfpStatus(threeDsForm) {
-        this.window.document.getElementById(this.iframeName)?.remove();
-        this.window.document.getElementById(this.formName)?.remove();
-        /*
-         * With waitCallback (e.g. GPayments) the DFP URL is loaded directly into the
-         * iframe as its src, and the result is delivered back via the websocket
-         * callback instead of an onload notification. The legacy EMV 3DS Method flow
-         * posts threeDSMethodData to a blank iframe and notifies on load.
-         */
         if (threeDsForm.waitCallback) {
-            this.createIframe(false, threeDsForm.threeDSTrXid, threeDsForm.threeDSMethod);
-            return;
+            this.openIframeWithPostRequest(threeDsForm, false);
+        }
+        else {
+            this.openIframeWithPostRequest(threeDsForm, true);
         }
-        this.createIframe(true, threeDsForm.threeDSTrXid);
+    }
+    /*
+     * This method create invisible iframe with required params and after that it submit form in iframe
+     * */
+    openIframeWithPostRequest(threeDsForm, isNeedNotifyAfterLoad) {
+        this.window.document.getElementById(this.iframeName)?.remove();
+        this.window.document.getElementById(this.formName)?.remove();
+        this.createIframe(isNeedNotifyAfterLoad, threeDsForm.threeDSTrXid);
         this.postFormToIframe(threeDsForm.threeDSMethod, threeDsForm.threeDSMethodData);
     }
     /*
      * isNeedNotifyAfterLoad is need to send notification of dft to server
      * */
-    createIframe(isNeedNotifyAfterLoad, threeDsTrXid, src = 'about:blank') {
+    createIframe(isNeedNotifyAfterLoad, threeDsTrXid) {
         const attributes = {
             name: this.iframeName,
             id: this.iframeName,
-            src,
+            src: 'about:blank',
             style: 'display:none',
         };
         const iFrame = this.window.document.createElement('iframe');
@@ -7582,7 +7601,6 @@ class ThreeDs20Service {
         this.latestDfpParameters = null;
         this.notifyDfpTimerId = 'notify-dfp';
         this.notifyDfpTimeoutMs = 10000;
-        this.waitCallbackNotifyDfpTimeoutMs = 20000;
         this.statusThreeDsTimerId = 'status-three-ds';
         this.statusThreeDsTimeoutMs = 180000;
     }
@@ -7593,9 +7611,7 @@ class ThreeDs20Service {
         this.clearLatestDfpParameters();
         this.reinsuranceCheckService.addTimer({
             id: this.notifyDfpTimerId,
-            timeoutMs: threeDsForm.waitCallback
-                ? this.waitCallbackNotifyDfpTimeoutMs
-                : this.notifyDfpTimeoutMs,
+            timeoutMs: this.notifyDfpTimeoutMs,
             callback: () => {
                 const threeDsTransactionId = this.latestDfpParameters?.threeDSTrXid ?? threeDsForm.threeDSTrXid;
                 this.notifyDfpStatusService.request(threeDsTransactionId, false);
@@ -8094,6 +8110,7 @@ class PaymentService {
         this.fields = this.getFields();
         this.form = this.formService.createForm(this.fields);
         this.listenFormStatusChanges(this.form);
+        this.emitFormFieldsStatus(this.form);
         this.syncService.setup(this.form, this.fields, this.config);
         return nextAction;
     }