vk-payments 0.2.31 → 0.2.33

package/fesm2015/vk-payments.js

@@ -5,6 +5,7 @@ import { Router, RouterModule } from '@angular/router';
 import { HttpHeaders, HttpClient, HttpClientModule } from '@angular/common/http';
 import sha256 from 'sha256';
 import { __awaiter } from 'tslib';
+import { toDataURL } from 'qrcode';
 
 /**
  * @fileoverview added by tsickle
@@ -3462,6 +3463,414 @@ BankTransferModule.decorators = [
             },] }
 ];
 
+/**
+ * @fileoverview added by tsickle
+ * Generated from: lib/galicia/services/galicia.api.service.ts
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+class GaliciaApiService {
+    /**
+     * @param {?} httpClient
+     */
+    constructor(httpClient) {
+        this.httpClient = httpClient;
+    }
+    /**
+     * @param {?} url
+     * @return {?}
+     */
+    normalizeUrl(url) {
+        if (url.length > 0 && url.charAt(url.length - 1) == '/') {
+            url = url.substr(0, url.length - 1);
+        }
+        return url;
+    }
+    /**
+     * @param {?} url
+     * @param {?} initPayment
+     * @return {?}
+     */
+    initPayment(url, initPayment) {
+        /** @type {?} */
+        const body = {
+            storeId: initPayment.storeId,
+            userId: initPayment.userId,
+            sessionId: initPayment.sessionId,
+            storeName: initPayment.storeName,
+            checkoutId: initPayment.checkoutId
+        };
+        return this.httpClient.post(this.normalizeUrl(url) + '/init-payment', body);
+    }
+    /**
+     * @param {?} url
+     * @param {?} billNumber
+     * @return {?}
+     */
+    paymentStatus(url, billNumber) {
+        return this.httpClient.get(this.normalizeUrl(url) + '/payment-status?billNumber=' + billNumber);
+    }
+}
+GaliciaApiService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: 'root'
+            },] }
+];
+/** @nocollapse */
+GaliciaApiService.ctorParameters = () => [
+    { type: HttpClient }
+];
+/** @nocollapse */ GaliciaApiService.ngInjectableDef = ɵɵdefineInjectable({ factory: function GaliciaApiService_Factory() { return new GaliciaApiService(ɵɵinject(HttpClient)); }, token: GaliciaApiService, providedIn: "root" });
+if (false) {
+    /**
+     * @type {?}
+     * @private
+     */
+    GaliciaApiService.prototype.authHeaders;
+    /**
+     * @type {?}
+     * @private
+     */
+    GaliciaApiService.prototype.httpClient;
+}
+
+/**
+ * @fileoverview added by tsickle
+ * Generated from: lib/galicia/components/galicia.component.ts
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+class GaliciaComponent {
+    /**
+     * @param {?} galiciaApiService
+     */
+    constructor(galiciaApiService) {
+        this.galiciaApiService = galiciaApiService;
+        this.statusPay = new EventEmitter();
+        this.qrImage = '';
+        this.billNumber = '';
+        this.errorMessage = '';
+        this.isGeneratingQr = true;
+        this.paymentCompleted = false;
+        this.paymentId = '';
+        this.showQr = false;
+        this.expired = false;
+        this.isLoading = false;
+        this.hasError = false;
+        this.minutes = 0;
+        this.seconds = 0;
+        this.paymentResult = { success: false, paymentId: '', integrator: 'GALICIA' };
+    }
+    /**
+     * @return {?}
+     */
+    ngOnInit() {
+        this.createInitPayment();
+    }
+    /**
+     * @param {?} datos
+     * @return {?}
+     */
+    generateQr(datos) {
+        /** @type {?} */
+        const decoded = atob(datos);
+        toDataURL(decoded, {
+            width: 300,
+            margin: 2
+        })
+            .then((/**
+         * @param {?} url
+         * @return {?}
+         */
+        url => {
+            this.qrImage = url;
+            this.isGeneratingQr = false;
+            this.showQr = true;
+            this.expired = false;
+            this.startTimer();
+            this.startPaymentValidation();
+        }));
+    }
+    /**
+     * @return {?}
+     */
+    createInitPayment() {
+        this.OinitPayment = {
+            sessionId: '',
+            userId: this.userId,
+            storeId: this.storeId,
+            storeName: this.storeName,
+            checkoutId: this.checkoutId
+        };
+        this.initPayment();
+    }
+    /**
+     * @return {?}
+     */
+    initPayment() {
+        this.isGeneratingQr = true;
+        this.galiciaApiService.initPayment(this.vkUrlApi, this.OinitPayment)
+            .subscribe({
+            next: (/**
+             * @param {?} v
+             * @return {?}
+             */
+            (v) => this.initPaymentResponseHandler(v)),
+            error: (/**
+             * @param {?} v
+             * @return {?}
+             */
+            (v) => this.initPaymentErrorHandler(v))
+        });
+    }
+    /**
+     * @private
+     * @param {?} response
+     * @return {?}
+     */
+    initPaymentResponseHandler(response) {
+        if (!response.success) {
+            this.isLoading = false;
+            this.hasError = true;
+            this.statusPay.emit(this.paymentResult);
+            this.errorMessage = response.errorsMessages[0] || 'Ocurrió un error al generar el código QR.';
+            return;
+        }
+        /** @type {?} */
+        var qrData = response.data.bills[0].qr.datos;
+        this.billNumber = response.data.bills[0].nroBoleta;
+        this.generateQr(qrData);
+    }
+    /**
+     * @private
+     * @param {?} error
+     * @return {?}
+     */
+    initPaymentErrorHandler(error) {
+        this.isLoading = false;
+        this.hasError = true;
+        this.errorMessage = error.errorsMessages[0] || 'Ocurrió un error al generar el código QR.';
+        this.paymentResult.success = false;
+        this.statusPay.emit(this.paymentResult);
+    }
+    /**
+     * @return {?}
+     */
+    startTimer() {
+        clearInterval(this.interval);
+        this.minutes = 1;
+        this.seconds = 0;
+        this.interval = setInterval((/**
+         * @return {?}
+         */
+        () => {
+            if (this.seconds === 0) {
+                if (this.minutes === 0) {
+                    this.stopValidation();
+                    this.showQr = false;
+                    this.expired = true;
+                    return;
+                }
+                this.minutes--;
+                this.seconds = 59;
+            }
+            else {
+                this.seconds--;
+            }
+        }), 1000);
+    }
+    /**
+     * @return {?}
+     */
+    startPaymentValidation() {
+        this.validationInterval = setInterval((/**
+         * @return {?}
+         */
+        () => {
+            this.galiciaApiService.paymentStatus(this.vkUrlApi, this.billNumber)
+                .subscribe({
+                next: (/**
+                 * @param {?} v
+                 * @return {?}
+                 */
+                (v) => this.paymentStatusResponseHandler(v)),
+                error: (/**
+                 * @param {?} v
+                 * @return {?}
+                 */
+                (v) => this.paymentStatusErrorHandler(v))
+            });
+        }), 5000);
+    }
+    /**
+     * @param {?} response
+     * @return {?}
+     */
+    paymentStatusResponseHandler(response) {
+        if (!response.success) {
+            this.isLoading = false;
+            this.statusPay.emit(this.paymentResult);
+            return;
+        }
+        if (response.data.isPaid) {
+            this.stopValidation();
+            this.showQr = false;
+            this.expired = false;
+            this.paymentCompleted = true;
+            this.paymentId = response.data.paymentId;
+            this.paymentResult = {
+                success: true,
+                paymentId: this.paymentId,
+                integrator: 'GALICIA'
+            };
+            this.statusPay.emit(this.paymentResult);
+        }
+    }
+    /**
+     * @private
+     * @param {?} error
+     * @return {?}
+     */
+    paymentStatusErrorHandler(error) {
+        clearInterval(this.validationInterval);
+        this.hasError = true;
+    }
+    /**
+     * @return {?}
+     */
+    showQrAgain() {
+        this.showQr = true;
+        this.expired = false;
+        this.startTimer();
+        this.startPaymentValidation();
+    }
+    /**
+     * @private
+     * @return {?}
+     */
+    stopValidation() {
+        clearInterval(this.validationInterval);
+        clearInterval(this.interval);
+    }
+}
+GaliciaComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'lib-galicia',
+                template: "<div class=\"gc-payment\">\n  <div class=\"formRow\">\n    <p>\n      Escane\u00E1 el c\u00F3digo QR con tu aplicaci\u00F3n bancaria para realizar el pago.\n    </p>\n  </div>\n\n  <div *ngIf=\"isGeneratingQr && !hasError\" class=\"loading-container\">\n    <div class=\"spinner\"></div>\n    <p>Generando c\u00F3digo QR...</p>\n  </div>\n\n  <div *ngIf=\"showQr\">\n    <div class=\"qr-container\">\n      <img [src]=\"qrImage\" alt=\"QR Galicia\" />\n    </div>\n\n    <div class=\"timer\">\n      Tiempo restante: {{ minutes }}:{{ seconds < 10 ? '0' + seconds : seconds }} \n    </div>\n  </div>\n\n  <div *ngIf=\"hasError\" class=\"payment-error\">\n    <div class=\"error-icon\">\n      \u26A0\n    </div>\n\n    <div class=\"error-message\">\n      <h3>No fue posible generar el c\u00F3digo QR</h3>\n\n      <p>{{ errorMessage }}</p>\n    </div>\n  </div>\n\n  <div *ngIf=\"paymentCompleted\" class=\"payment-success\">\n    <div class=\"success-icon\">\n      \u2713\n    </div>\n\n    <div class=\"success-message\">\n      <h3>Pago realizado correctamente</h3>\n\n      <p>\n        ID de pago Galicia: <strong>{{ paymentId }}</strong>\n      </p>\n    </div>\n  </div>\n\n  <div *ngIf=\"expired\">\n    <div class=\"pay-message info\">\n      El c\u00F3digo QR expir\u00F3.\n    </div>\n\n    <button type=\"button\" (click)=\"showQrAgain()\">\n      Regenerar c\u00F3digo QR\n    </button>\n\n  </div>\n</div>",
+                styles: [".gc-payment{display:flex;flex-direction:column;align-items:center;text-align:center}.formRow{width:100%;max-width:400px;margin-bottom:20px}.loading-container{text-align:center;padding:30px}.spinner{width:40px;height:40px;margin:0 auto 15px;border:4px solid #e0e0e0;border-top:4px solid #06c;border-radius:50%;-webkit-animation:1s linear infinite spin;animation:1s linear infinite spin}.qr-container{margin:20px 0}.qr-container img{max-width:300px;width:100%;height:auto}.timer{margin-top:10px;font-size:18px;font-weight:600}.payment-error{text-align:center;padding:30px;max-width:400px}.error-icon{width:80px;height:80px;margin:0 auto 15px;border-radius:50%;background:#fc2626;color:#fff;font-size:48px;font-weight:700;display:flex;align-items:center;justify-content:center}.error-message h3{color:#fc2626;margin-bottom:10px}.payment-success{text-align:center;padding:30px}.success-icon{width:80px;height:80px;margin:0 auto 15px;border-radius:50%;background:#28a745;color:#fff;font-size:48px;font-weight:700;display:flex;align-items:center;justify-content:center}.success-message h3{color:#28a745;margin-bottom:10px}@-webkit-keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}"]
+            }] }
+];
+/** @nocollapse */
+GaliciaComponent.ctorParameters = () => [
+    { type: GaliciaApiService }
+];
+GaliciaComponent.propDecorators = {
+    accessToken: [{ type: Input }],
+    gaUrlApi: [{ type: Input }],
+    vkUrlApi: [{ type: Input }],
+    userId: [{ type: Input }],
+    logoGa: [{ type: Input }],
+    storeId: [{ type: Input }],
+    storeName: [{ type: Input }],
+    sessionId: [{ type: Input }],
+    checkoutId: [{ type: Input }],
+    data: [{ type: Input }],
+    statusPay: [{ type: Output }]
+};
+if (false) {
+    /** @type {?} */
+    GaliciaComponent.prototype.accessToken;
+    /** @type {?} */
+    GaliciaComponent.prototype.gaUrlApi;
+    /** @type {?} */
+    GaliciaComponent.prototype.vkUrlApi;
+    /** @type {?} */
+    GaliciaComponent.prototype.userId;
+    /** @type {?} */
+    GaliciaComponent.prototype.logoGa;
+    /** @type {?} */
+    GaliciaComponent.prototype.storeId;
+    /** @type {?} */
+    GaliciaComponent.prototype.storeName;
+    /** @type {?} */
+    GaliciaComponent.prototype.sessionId;
+    /** @type {?} */
+    GaliciaComponent.prototype.checkoutId;
+    /** @type {?} */
+    GaliciaComponent.prototype.data;
+    /** @type {?} */
+    GaliciaComponent.prototype.statusPay;
+    /** @type {?} */
+    GaliciaComponent.prototype.qrImage;
+    /** @type {?} */
+    GaliciaComponent.prototype.billNumber;
+    /** @type {?} */
+    GaliciaComponent.prototype.errorMessage;
+    /** @type {?} */
+    GaliciaComponent.prototype.OinitPayment;
+    /** @type {?} */
+    GaliciaComponent.prototype.isGeneratingQr;
+    /** @type {?} */
+    GaliciaComponent.prototype.paymentCompleted;
+    /** @type {?} */
+    GaliciaComponent.prototype.paymentId;
+    /** @type {?} */
+    GaliciaComponent.prototype.showQr;
+    /** @type {?} */
+    GaliciaComponent.prototype.expired;
+    /** @type {?} */
+    GaliciaComponent.prototype.isLoading;
+    /** @type {?} */
+    GaliciaComponent.prototype.hasError;
+    /** @type {?} */
+    GaliciaComponent.prototype.minutes;
+    /** @type {?} */
+    GaliciaComponent.prototype.seconds;
+    /**
+     * @type {?}
+     * @private
+     */
+    GaliciaComponent.prototype.interval;
+    /** @type {?} */
+    GaliciaComponent.prototype.validationInterval;
+    /** @type {?} */
+    GaliciaComponent.prototype.paymentResult;
+    /**
+     * @type {?}
+     * @private
+     */
+    GaliciaComponent.prototype.galiciaApiService;
+}
+
+/**
+ * @fileoverview added by tsickle
+ * Generated from: lib/galicia/galicia.module.ts
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+/** @type {?} */
+const COMPONENTS$2 = [
+    GaliciaComponent
+];
+class GaliciaModule {
+}
+GaliciaModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [
+                    COMPONENTS$2
+                ],
+                exports: [
+                    COMPONENTS$2
+                ],
+                imports: [
+                    CommonModule,
+                    FormsModule,
+                    ReactiveFormsModule,
+                    RouterModule,
+                ],
+                providers: [
+                    GaliciaApiService
+                ]
+            },] }
+];
+
 /**
  * @fileoverview added by tsickle
  * Generated from: lib/vk-payments.module.ts
@@ -3473,15 +3882,17 @@ const LIB_MODULES = [
     SpsDecidirModule,
     PaypalModule,
     GoCuotasModule,
+    BankTransferModule,
     ModoModule,
-    BankTransferModule
+    GaliciaModule
 ];
 class VkPaymentsModule {
 }
 VkPaymentsModule.decorators = [
     { type: NgModule, args: [{
                 imports: LIB_MODULES,
-                exports: LIB_MODULES
+                exports: LIB_MODULES,
+                declarations: []
             },] }
 ];
 
@@ -3497,5 +3908,5 @@ VkPaymentsModule.decorators = [
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 
-export { VkPaymentsModule, MercadopagoModule as ɵa, MercadoPagoComponent as ɵb, MercadopagoApiService as ɵc, PromotionBankComponent as ɵd, SpsDecidirModule as ɵe, SpsDecidirComponent as ɵf, SpsDecidirApiService as ɵg, PaypalModule as ɵh, PayPalNewComponent as ɵi, GoCuotasModule as ɵj, GoCuotasComponent as ɵk, ModalComponent as ɵl, GoCuotasApiService as ɵm, ModoModule as ɵn, ModoComponent as ɵo, ModoApiService as ɵp, BankTransferModule as ɵq, BankTransferComponent as ɵr, BankTransferApiService as ɵs };
+export { VkPaymentsModule, MercadopagoModule as ɵa, MercadoPagoComponent as ɵb, MercadopagoApiService as ɵc, PromotionBankComponent as ɵd, SpsDecidirModule as ɵe, SpsDecidirComponent as ɵf, SpsDecidirApiService as ɵg, PaypalModule as ɵh, PayPalNewComponent as ɵi, GoCuotasModule as ɵj, GoCuotasComponent as ɵk, ModalComponent as ɵl, GoCuotasApiService as ɵm, BankTransferModule as ɵn, BankTransferComponent as ɵo, BankTransferApiService as ɵp, ModoModule as ɵq, ModoComponent as ɵr, ModoApiService as ɵs, GaliciaModule as ɵt, GaliciaComponent as ɵu, GaliciaApiService as ɵv };
 //# sourceMappingURL=vk-payments.js.map