vk-payments 0.2.31 → 0.2.33

package/bundles/vk-payments.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/forms'), require('@angular/router'), require('@angular/common/http'), require('sha256')) :
-    typeof define === 'function' && define.amd ? define('vk-payments', ['exports', '@angular/core', '@angular/common', '@angular/forms', '@angular/router', '@angular/common/http', 'sha256'], factory) :
-    (global = global || self, factory(global['vk-payments'] = {}, global.ng.core, global.ng.common, global.ng.forms, global.ng.router, global.ng.common.http, global.sha256));
-}(this, function (exports, core, common, forms, router, http, sha256) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/forms'), require('@angular/router'), require('@angular/common/http'), require('sha256'), require('qrcode')) :
+    typeof define === 'function' && define.amd ? define('vk-payments', ['exports', '@angular/core', '@angular/common', '@angular/forms', '@angular/router', '@angular/common/http', 'sha256', 'qrcode'], factory) :
+    (global = global || self, factory(global['vk-payments'] = {}, global.ng.core, global.ng.common, global.ng.forms, global.ng.router, global.ng.common.http, global.sha256, global.qrcode));
+}(this, function (exports, core, common, forms, router, http, sha256, qrcode) { 'use strict';
 
     sha256 = sha256 && sha256.hasOwnProperty('default') ? sha256['default'] : sha256;
 
@@ -4222,6 +4222,476 @@
         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: core.Injectable, args: [{
+                        providedIn: 'root'
+                    },] }
+        ];
+        /** @nocollapse */
+        GaliciaApiService.ctorParameters = function () { return [
+            { type: http.HttpClient }
+        ]; };
+        /** @nocollapse */ GaliciaApiService.ngInjectableDef = core.ɵɵdefineInjectable({ factory: function GaliciaApiService_Factory() { return new GaliciaApiService(core.ɵɵinject(http.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 core.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);
+            qrcode.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: core.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: core.Input }],
+            gaUrlApi: [{ type: core.Input }],
+            vkUrlApi: [{ type: core.Input }],
+            userId: [{ type: core.Input }],
+            logoGa: [{ type: core.Input }],
+            storeId: [{ type: core.Input }],
+            storeName: [{ type: core.Input }],
+            sessionId: [{ type: core.Input }],
+            checkoutId: [{ type: core.Input }],
+            data: [{ type: core.Input }],
+            statusPay: [{ type: core.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: core.NgModule, args: [{
+                        declarations: [
+                            COMPONENTS$2
+                        ],
+                        exports: [
+                            COMPONENTS$2
+                        ],
+                        imports: [
+                            common.CommonModule,
+                            forms.FormsModule,
+                            forms.ReactiveFormsModule,
+                            router.RouterModule,
+                        ],
+                        providers: [
+                            GaliciaApiService
+                        ]
+                    },] }
+        ];
+        return GaliciaModule;
+    }());
+
     /**
      * @fileoverview added by tsickle
      * Generated from: lib/vk-payments.module.ts
@@ -4233,8 +4703,9 @@
         SpsDecidirModule,
         PaypalModule,
         GoCuotasModule,
+        BankTransferModule,
         ModoModule,
-        BankTransferModule
+        GaliciaModule
     ];
     var VkPaymentsModule = /** @class */ (function () {
         function VkPaymentsModule() {
@@ -4242,7 +4713,8 @@
         VkPaymentsModule.decorators = [
             { type: core.NgModule, args: [{
                         imports: LIB_MODULES,
-                        exports: LIB_MODULES
+                        exports: LIB_MODULES,
+                        declarations: []
                     },] }
         ];
         return VkPaymentsModule;
@@ -4262,12 +4734,15 @@
     exports.ɵk = GoCuotasComponent;
     exports.ɵl = ModalComponent;
     exports.ɵm = GoCuotasApiService;
-    exports.ɵn = ModoModule;
-    exports.ɵo = ModoComponent;
-    exports.ɵp = ModoApiService;
-    exports.ɵq = BankTransferModule;
-    exports.ɵr = BankTransferComponent;
-    exports.ɵs = BankTransferApiService;
+    exports.ɵn = BankTransferModule;
+    exports.ɵo = BankTransferComponent;
+    exports.ɵp = BankTransferApiService;
+    exports.ɵq = ModoModule;
+    exports.ɵr = ModoComponent;
+    exports.ɵs = ModoApiService;
+    exports.ɵt = GaliciaModule;
+    exports.ɵu = GaliciaComponent;
+    exports.ɵv = GaliciaApiService;
 
     Object.defineProperty(exports, '__esModule', { value: true });