vk-payments 0.2.31 → 0.2.33

package/fesm5/vk-payments.js

@@ -5,6 +5,7 @@ import { Router, RouterModule } from '@angular/router';
 import { __values, __awaiter, __generator } from 'tslib';
 import { HttpHeaders, HttpClient, HttpClientModule } from '@angular/common/http';
 import sha256 from 'sha256';
+import { toDataURL } from 'qrcode';
 
 /**
  * @fileoverview added by tsickle
@@ -4025,6 +4026,476 @@ var BankTransferModule = /** @class */ (function () {
     return BankTransferModule;
 }());
 
+/**
+ * @fileoverview added by tsickle
+ * Generated from: lib/galicia/services/galicia.api.service.ts
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+var GaliciaApiService = /** @class */ (function () {
+    function GaliciaApiService(httpClient) {
+        this.httpClient = httpClient;
+    }
+    /**
+     * @param {?} url
+     * @return {?}
+     */
+    GaliciaApiService.prototype.normalizeUrl = /**
+     * @param {?} url
+     * @return {?}
+     */
+    function (url) {
+        if (url.length > 0 && url.charAt(url.length - 1) == '/') {
+            url = url.substr(0, url.length - 1);
+        }
+        return url;
+    };
+    /**
+     * @param {?} url
+     * @param {?} initPayment
+     * @return {?}
+     */
+    GaliciaApiService.prototype.initPayment = /**
+     * @param {?} url
+     * @param {?} initPayment
+     * @return {?}
+     */
+    function (url, initPayment) {
+        /** @type {?} */
+        var 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 {?}
+     */
+    GaliciaApiService.prototype.paymentStatus = /**
+     * @param {?} url
+     * @param {?} billNumber
+     * @return {?}
+     */
+    function (url, billNumber) {
+        return this.httpClient.get(this.normalizeUrl(url) + '/payment-status?billNumber=' + billNumber);
+    };
+    GaliciaApiService.decorators = [
+        { type: Injectable, args: [{
+                    providedIn: 'root'
+                },] }
+    ];
+    /** @nocollapse */
+    GaliciaApiService.ctorParameters = function () { return [
+        { type: HttpClient }
+    ]; };
+    /** @nocollapse */ GaliciaApiService.ngInjectableDef = ɵɵdefineInjectable({ factory: function GaliciaApiService_Factory() { return new GaliciaApiService(ɵɵinject(HttpClient)); }, token: GaliciaApiService, providedIn: "root" });
+    return GaliciaApiService;
+}());
+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
+ */
+var GaliciaComponent = /** @class */ (function () {
+    function GaliciaComponent(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 {?}
+     */
+    GaliciaComponent.prototype.ngOnInit = /**
+     * @return {?}
+     */
+    function () {
+        this.createInitPayment();
+    };
+    /**
+     * @param {?} datos
+     * @return {?}
+     */
+    GaliciaComponent.prototype.generateQr = /**
+     * @param {?} datos
+     * @return {?}
+     */
+    function (datos) {
+        var _this = this;
+        /** @type {?} */
+        var decoded = atob(datos);
+        toDataURL(decoded, {
+            width: 300,
+            margin: 2
+        })
+            .then((/**
+         * @param {?} url
+         * @return {?}
+         */
+        function (url) {
+            _this.qrImage = url;
+            _this.isGeneratingQr = false;
+            _this.showQr = true;
+            _this.expired = false;
+            _this.startTimer();
+            _this.startPaymentValidation();
+        }));
+    };
+    /**
+     * @return {?}
+     */
+    GaliciaComponent.prototype.createInitPayment = /**
+     * @return {?}
+     */
+    function () {
+        this.OinitPayment = {
+            sessionId: '',
+            userId: this.userId,
+            storeId: this.storeId,
+            storeName: this.storeName,
+            checkoutId: this.checkoutId
+        };
+        this.initPayment();
+    };
+    /**
+     * @return {?}
+     */
+    GaliciaComponent.prototype.initPayment = /**
+     * @return {?}
+     */
+    function () {
+        var _this = this;
+        this.isGeneratingQr = true;
+        this.galiciaApiService.initPayment(this.vkUrlApi, this.OinitPayment)
+            .subscribe({
+            next: (/**
+             * @param {?} v
+             * @return {?}
+             */
+            function (v) { return _this.initPaymentResponseHandler(v); }),
+            error: (/**
+             * @param {?} v
+             * @return {?}
+             */
+            function (v) { return _this.initPaymentErrorHandler(v); })
+        });
+    };
+    /**
+     * @private
+     * @param {?} response
+     * @return {?}
+     */
+    GaliciaComponent.prototype.initPaymentResponseHandler = /**
+     * @private
+     * @param {?} response
+     * @return {?}
+     */
+    function (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 {?}
+     */
+    GaliciaComponent.prototype.initPaymentErrorHandler = /**
+     * @private
+     * @param {?} error
+     * @return {?}
+     */
+    function (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 {?}
+     */
+    GaliciaComponent.prototype.startTimer = /**
+     * @return {?}
+     */
+    function () {
+        var _this = this;
+        clearInterval(this.interval);
+        this.minutes = 1;
+        this.seconds = 0;
+        this.interval = setInterval((/**
+         * @return {?}
+         */
+        function () {
+            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 {?}
+     */
+    GaliciaComponent.prototype.startPaymentValidation = /**
+     * @return {?}
+     */
+    function () {
+        var _this = this;
+        this.validationInterval = setInterval((/**
+         * @return {?}
+         */
+        function () {
+            _this.galiciaApiService.paymentStatus(_this.vkUrlApi, _this.billNumber)
+                .subscribe({
+                next: (/**
+                 * @param {?} v
+                 * @return {?}
+                 */
+                function (v) { return _this.paymentStatusResponseHandler(v); }),
+                error: (/**
+                 * @param {?} v
+                 * @return {?}
+                 */
+                function (v) { return _this.paymentStatusErrorHandler(v); })
+            });
+        }), 5000);
+    };
+    /**
+     * @param {?} response
+     * @return {?}
+     */
+    GaliciaComponent.prototype.paymentStatusResponseHandler = /**
+     * @param {?} response
+     * @return {?}
+     */
+    function (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 {?}
+     */
+    GaliciaComponent.prototype.paymentStatusErrorHandler = /**
+     * @private
+     * @param {?} error
+     * @return {?}
+     */
+    function (error) {
+        clearInterval(this.validationInterval);
+        this.hasError = true;
+    };
+    /**
+     * @return {?}
+     */
+    GaliciaComponent.prototype.showQrAgain = /**
+     * @return {?}
+     */
+    function () {
+        this.showQr = true;
+        this.expired = false;
+        this.startTimer();
+        this.startPaymentValidation();
+    };
+    /**
+     * @private
+     * @return {?}
+     */
+    GaliciaComponent.prototype.stopValidation = /**
+     * @private
+     * @return {?}
+     */
+    function () {
+        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 = function () { return [
+        { 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 }]
+    };
+    return GaliciaComponent;
+}());
+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 {?} */
+var COMPONENTS$2 = [
+    GaliciaComponent
+];
+var GaliciaModule = /** @class */ (function () {
+    function GaliciaModule() {
+    }
+    GaliciaModule.decorators = [
+        { type: NgModule, args: [{
+                    declarations: [
+                        COMPONENTS$2
+                    ],
+                    exports: [
+                        COMPONENTS$2
+                    ],
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        RouterModule,
+                    ],
+                    providers: [
+                        GaliciaApiService
+                    ]
+                },] }
+    ];
+    return GaliciaModule;
+}());
+
 /**
  * @fileoverview added by tsickle
  * Generated from: lib/vk-payments.module.ts
@@ -4036,8 +4507,9 @@ var LIB_MODULES = [
     SpsDecidirModule,
     PaypalModule,
     GoCuotasModule,
+    BankTransferModule,
     ModoModule,
-    BankTransferModule
+    GaliciaModule
 ];
 var VkPaymentsModule = /** @class */ (function () {
     function VkPaymentsModule() {
@@ -4045,7 +4517,8 @@ var VkPaymentsModule = /** @class */ (function () {
     VkPaymentsModule.decorators = [
         { type: NgModule, args: [{
                     imports: LIB_MODULES,
-                    exports: LIB_MODULES
+                    exports: LIB_MODULES,
+                    declarations: []
                 },] }
     ];
     return VkPaymentsModule;
@@ -4063,5 +4536,5 @@ var VkPaymentsModule = /** @class */ (function () {
  * @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