vk-payments 0.1.0 → 0.1.1

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('@angular/material/snack-bar'), require('@angular/material'), require('@angular/platform-browser/animations')) :
+    typeof define === 'function' && define.amd ? define('vk-payments', ['exports', '@angular/core', '@angular/common', '@angular/forms', '@angular/router', '@angular/common/http', 'sha256', '@angular/material/snack-bar', '@angular/material', '@angular/platform-browser/animations'], 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.ng.material['snack-bar'], global.ng.material, global.ng.platformBrowser.animations));
+}(this, function (exports, core, common, forms, router, http, sha256, snackBar, material, animations) { 'use strict';
 
     sha256 = sha256 && sha256.hasOwnProperty('default') ? sha256['default'] : sha256;
 
@@ -2605,6 +2605,1091 @@
         return SpsDecidirModule;
     }());
 
+    /**
+     * @fileoverview added by tsickle
+     * Generated from: lib/go-cuotas/services/go-cuotas.api.service.ts
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    var GoCuotasApiService = /** @class */ (function () {
+        function GoCuotasApiService(httpClient) {
+            this.httpClient = httpClient;
+        }
+        /**
+         * @param {?} url
+         * @return {?}
+         */
+        GoCuotasApiService.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;
+        };
+        // public sendCode(access_token: string, url: string, initPayment: InitPayment): Observable<InitPaymentResponse> {
+        //     this._setAuthHeaders(access_token);            
+        //     const body = {
+        //         cardholder: initPayment.cardholder,
+        //         creditCardHash: initPayment.creditCardHash,
+        //         amount: initPayment.amount,
+        //         installments: initPayment.installments,
+        //         documentNumber: initPayment.documentNumber,
+        //         areaCode: initPayment.areaCode,
+        //         phoneNumber: initPayment.phoneNumber,
+        //         idVen: initPayment.idVen,
+        //         storeId: initPayment.storeId,
+        //         data: initPayment.data
+        //     };
+        //     return this.httpClient.post<InitPaymentResponse>(this.normalizeUrl(url) + '/send_code', body, { headers: this.authHeaders });
+        // }
+        // public sendCode(access_token: string, url: string, initPayment: InitPayment): Observable<InitPaymentResponse> {
+        //     this._setAuthHeaders(access_token);            
+        //     const body = {
+        //         cardholder: initPayment.cardholder,
+        //         creditCardHash: initPayment.creditCardHash,
+        //         amount: initPayment.amount,
+        //         installments: initPayment.installments,
+        //         documentNumber: initPayment.documentNumber,
+        //         areaCode: initPayment.areaCode,
+        //         phoneNumber: initPayment.phoneNumber,
+        //         idVen: initPayment.idVen,
+        //         storeId: initPayment.storeId,
+        //         data: initPayment.data
+        //     };
+        //     return this.httpClient.post<InitPaymentResponse>(this.normalizeUrl(url) + '/send_code', body, { headers: this.authHeaders });
+        // }
+        /**
+         * @param {?} access_token
+         * @param {?} url
+         * @param {?} initPayment
+         * @return {?}
+         */
+        GoCuotasApiService.prototype.initPayment = 
+        // public sendCode(access_token: string, url: string, initPayment: InitPayment): Observable<InitPaymentResponse> {
+        //     this._setAuthHeaders(access_token);            
+        //     const body = {
+        //         cardholder: initPayment.cardholder,
+        //         creditCardHash: initPayment.creditCardHash,
+        //         amount: initPayment.amount,
+        //         installments: initPayment.installments,
+        //         documentNumber: initPayment.documentNumber,
+        //         areaCode: initPayment.areaCode,
+        //         phoneNumber: initPayment.phoneNumber,
+        //         idVen: initPayment.idVen,
+        //         storeId: initPayment.storeId,
+        //         data: initPayment.data
+        //     };
+        //     return this.httpClient.post<InitPaymentResponse>(this.normalizeUrl(url) + '/send_code', body, { headers: this.authHeaders });
+        // }
+        /**
+         * @param {?} access_token
+         * @param {?} url
+         * @param {?} initPayment
+         * @return {?}
+         */
+        function (access_token, url, initPayment) {
+            this._setAuthHeaders(access_token);
+            /** @type {?} */
+            var body = {
+                cardholder: initPayment.cardholder,
+                creditCardHash: initPayment.creditCardHash,
+                amount: initPayment.amount,
+                installments: initPayment.installments,
+                documentNumber: initPayment.documentNumber,
+                areaCode: initPayment.areaCode,
+                phoneNumber: initPayment.phoneNumber,
+                idVen: initPayment.idVen,
+                storeId: initPayment.storeId,
+                data: initPayment.data
+            };
+            return this.httpClient.post(this.normalizeUrl(url) + '/init-payment', body, { headers: this.authHeaders });
+        };
+        /**
+         * @param {?} access_token
+         * @param {?} url
+         * @param {?} verificationCodeRequest
+         * @return {?}
+         */
+        GoCuotasApiService.prototype.verificationCode = /**
+         * @param {?} access_token
+         * @param {?} url
+         * @param {?} verificationCodeRequest
+         * @return {?}
+         */
+        function (access_token, url, verificationCodeRequest) {
+            this._setAuthHeaders(access_token);
+            /** @type {?} */
+            var body = {
+                code: verificationCodeRequest.code,
+                sale_token: verificationCodeRequest.sale_token
+            };
+            return this.httpClient.post(this.normalizeUrl(url) + '/code_verification', body, { headers: this.authHeaders });
+        };
+        /**
+         * @param {?} access_token
+         * @param {?} url
+         * @return {?}
+         */
+        GoCuotasApiService.prototype.getOrders = /**
+         * @param {?} access_token
+         * @param {?} url
+         * @return {?}
+         */
+        function (access_token, url) {
+            this._setAuthHeaders(access_token);
+            return this.httpClient.get(this.normalizeUrl(url) + '/orders', { headers: this.authHeaders });
+        };
+        /**
+         * @param {?} access_token
+         * @param {?} url
+         * @param {?} cardRequest
+         * @return {?}
+         */
+        GoCuotasApiService.prototype.addOrUpdateCard = /**
+         * @param {?} access_token
+         * @param {?} url
+         * @param {?} cardRequest
+         * @return {?}
+         */
+        function (access_token, url, cardRequest) {
+            this._setAuthHeaders(access_token);
+            /** @type {?} */
+            var body = {
+                sale_token: cardRequest.sale_token,
+                number: cardRequest.number,
+                expiration_month: cardRequest.expiration_month,
+                expiration_year: cardRequest.expiration_year,
+                security_code: cardRequest.security_code
+            };
+            return this.httpClient.post(this.normalizeUrl(url) + '/cards', body, { headers: this.authHeaders });
+        };
+        /**
+         * @param {?} access_token
+         * @param {?} url
+         * @param {?} payment
+         * @return {?}
+         */
+        GoCuotasApiService.prototype.payment = /**
+         * @param {?} access_token
+         * @param {?} url
+         * @param {?} payment
+         * @return {?}
+         */
+        function (access_token, url, payment) {
+            this._setAuthHeaders(access_token);
+            /** @type {?} */
+            var body = {
+                id: payment.id,
+                cardholder: payment.cardholder,
+                sale_token: payment.sale_token,
+                code: payment.code,
+                creditCardHash: payment.creditCardHash,
+                cardMonthExpiration: payment.cardMonthExpiration,
+                cardYearExpiration: payment.cardYearExpiration,
+                cardSecurityCode: payment.cardSecurityCode,
+                idVen: payment.idVen,
+                storeId: payment.storeId
+            };
+            return this.httpClient.post(this.normalizeUrl(url) + '/payment', body, { headers: this.authHeaders });
+        };
+        /**
+         * @private
+         * @param {?} access_token
+         * @return {?}
+         */
+        GoCuotasApiService.prototype._setAuthHeaders = /**
+         * @private
+         * @param {?} access_token
+         * @return {?}
+         */
+        function (access_token) {
+            /** @type {?} */
+            var userToken = 'Bearer ' + access_token;
+            this.authHeaders = new http.HttpHeaders({ 'Content-Type': 'application/json', 'Authorization': userToken });
+        };
+        GoCuotasApiService.decorators = [
+            { type: core.Injectable, args: [{
+                        providedIn: 'root'
+                    },] }
+        ];
+        /** @nocollapse */
+        GoCuotasApiService.ctorParameters = function () { return [
+            { type: http.HttpClient }
+        ]; };
+        /** @nocollapse */ GoCuotasApiService.ngInjectableDef = core.ɵɵdefineInjectable({ factory: function GoCuotasApiService_Factory() { return new GoCuotasApiService(core.ɵɵinject(http.HttpClient)); }, token: GoCuotasApiService, providedIn: "root" });
+        return GoCuotasApiService;
+    }());
+    if (false) {
+        /**
+         * @type {?}
+         * @private
+         */
+        GoCuotasApiService.prototype.authHeaders;
+        /**
+         * @type {?}
+         * @private
+         */
+        GoCuotasApiService.prototype.httpClient;
+    }
+
+    /**
+     * @fileoverview added by tsickle
+     * Generated from: lib/go-cuotas/components/modal/modal.component.ts
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    var ModalComponent = /** @class */ (function () {
+        function ModalComponent() {
+            this.modalVisible = false;
+            this.verificationCode = '';
+            this.codeVerified = new core.EventEmitter();
+        }
+        /**
+         * @return {?}
+         */
+        ModalComponent.prototype.ngOnInit = /**
+         * @return {?}
+         */
+        function () {
+            this.verificationCode = '';
+        };
+        /**
+         * @return {?}
+         */
+        ModalComponent.prototype.openModal = /**
+         * @return {?}
+         */
+        function () {
+            this.verificationCode = '';
+            this.modalVisible = true;
+            document.body.style.overflow = '';
+        };
+        /**
+         * @return {?}
+         */
+        ModalComponent.prototype.closeModal = /**
+         * @return {?}
+         */
+        function () {
+            this.modalVisible = false;
+            document.body.style.overflow = 'hidden';
+        };
+        /**
+         * @return {?}
+         */
+        ModalComponent.prototype.onSubmitCode = /**
+         * @return {?}
+         */
+        function () {
+            if (this.verificationCode) {
+                console.log('Código ingresado:', this.verificationCode);
+                this.codeVerified.emit(this.verificationCode); // Emitir el código ingresado
+                this.modalVisible = false;
+            }
+            else {
+                alert('Por favor ingrese el código.');
+            }
+        };
+        /**
+         * @return {?}
+         */
+        ModalComponent.prototype.onVerificationCodeChange = /**
+         * @return {?}
+         */
+        function () {
+            var _this = this;
+            if (isNaN(+this.verificationCode)) {
+                setTimeout((/**
+                 * @return {?}
+                 */
+                function () {
+                    _this.verificationCode = '';
+                }));
+            }
+        };
+        ModalComponent.decorators = [
+            { type: core.Component, args: [{
+                        selector: 'lib-modal',
+                        template: "<div class=\"custom-modal-overlay\" [ngClass]=\"{ show: modalVisible }\" *ngIf=\"modalVisible\">\n  <div class=\"custom-modal\">\n    <div class=\"custom-modal-header\">\n      <h5 class=\"custom-modal-title\">Ingrese el c\u00F3digo</h5>\n      <button type=\"button\" class=\"custom-modal-close\" (click)=\"closeModal()\">\n        &times;\n      </button>\n    </div>\n    <div class=\"custom-modal-body\">\n      <form (ngSubmit)=\"onSubmitCode()\">\n        <div class=\"form-group\">\n          <label for=\"verificationCode\">C\u00F3digo de verificaci\u00F3n:</label>\n          <input type=\"text\" class=\"custom-input\" id=\"verificationCode\" [(ngModel)]=\"verificationCode\" name=\"verificationCode\"\n            required minlength=\"4\" maxlength=\"4\" (input)=\"onVerificationCodeChange()\" #verificationCodeInput=\"ngModel\"/>\n        </div>\n\n        <div *ngIf=\"verificationCodeInput.invalid && verificationCodeInput.touched\" class=\"error-message\">\n            <p *ngIf=\"verificationCodeInput.errors && verificationCodeInput.errors.minlength\"\n                >El c\u00F3digo debe tener 4 caracteres.\n            </p>\n            <p *ngIf=\"verificationCodeInput.errors && verificationCodeInput.errors.minlength\">\n                El c\u00F3digo debe tener 4 caracteres.\n            </p>\n        </div>\n\n        <button type=\"submit\" class=\"custom-button\" [disabled]=\"verificationCodeInput.invalid\">\n            Verificar\n        </button>\n      </form>\n    </div>\n  </div>\n</div>\n",
+                        styles: [".custom-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;pointer-events:none;z-index:1050}.custom-modal-overlay.show{opacity:1;visibility:visible;pointer-events:auto}.custom-modal{background-color:#fff;border-radius:8px;width:90%;max-width:400px;box-shadow:0 4px 6px rgba(0,0,0,.1);overflow:hidden;-webkit-animation:.3s ease-out fadeIn;animation:.3s ease-out fadeIn;z-index:1060}.custom-modal-header{background-color:#009ee3;color:#fff;padding:15px;display:flex;justify-content:space-between;align-items:center}.custom-modal-title{margin:0;font-size:18px;font-weight:700}.custom-modal-close{background:0 0;border:none;font-size:24px;color:#fff;cursor:pointer}.custom-modal-body{padding:20px}.custom-input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:16px;margin-top:5px;box-sizing:border-box}.custom-button{background-color:#009ee3;color:#fff;border:none;border-radius:4px;padding:10px 20px;font-size:16px;cursor:pointer;margin-top:15px;display:block;width:100%;text-align:center;transition:background-color .3s}.custom-button:hover{background-color:#009ee3}.error-message{color:red;font-size:14px;margin-top:5px}.custom-input.ng-touched.ng-invalid{border-color:red}@-webkit-keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}"]
+                    }] }
+        ];
+        /** @nocollapse */
+        ModalComponent.ctorParameters = function () { return []; };
+        ModalComponent.propDecorators = {
+            codeVerified: [{ type: core.Output }]
+        };
+        return ModalComponent;
+    }());
+    if (false) {
+        /** @type {?} */
+        ModalComponent.prototype.modalVisible;
+        /** @type {?} */
+        ModalComponent.prototype.verificationCode;
+        /** @type {?} */
+        ModalComponent.prototype.codeVerified;
+    }
+
+    /**
+     * @fileoverview added by tsickle
+     * Generated from: lib/go-cuotas/services/notification.service.ts
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    var NotificationService = /** @class */ (function () {
+        function NotificationService(snackbar) {
+            this.snackbar = snackbar;
+        }
+        /**
+         * @return {?}
+         */
+        NotificationService.prototype.hideNotification = /**
+         * @return {?}
+         */
+        function () {
+            this.snackbar.dismiss();
+        };
+        /**
+         * @param {?} message
+         * @param {?=} duration
+         * @return {?}
+         */
+        NotificationService.prototype.showSnackBarMessage = /**
+         * @param {?} message
+         * @param {?=} duration
+         * @return {?}
+         */
+        function (message, duration) {
+            this.snackbar.open(message, undefined, {
+                duration: duration
+            });
+        };
+        /**
+         * @param {?} message
+         * @param {?} title
+         * @return {?}
+         */
+        NotificationService.prototype.showSuccess = /**
+         * @param {?} message
+         * @param {?} title
+         * @return {?}
+         */
+        function (message, title) {
+            this.snackbar.open(title + ' ' + message, undefined, {
+                duration: 6000, panelClass: ['success-snackbar']
+            });
+        };
+        /**
+         * @param {?} message
+         * @param {?} title
+         * @return {?}
+         */
+        NotificationService.prototype.showError = /**
+         * @param {?} message
+         * @param {?} title
+         * @return {?}
+         */
+        function (message, title) {
+            this.snackbar.open(title + ' ' + message, undefined, {
+                duration: 6000, panelClass: ['error-snackbar']
+            });
+        };
+        /**
+         * @param {?} message
+         * @param {?} title
+         * @return {?}
+         */
+        NotificationService.prototype.showWarning = /**
+         * @param {?} message
+         * @param {?} title
+         * @return {?}
+         */
+        function (message, title) {
+            this.snackbar.open(title + ' ' + message, undefined, {
+                duration: 6000, panelClass: ['warning-snackbar']
+            });
+        };
+        /**
+         * @param {?} message
+         * @param {?} title
+         * @return {?}
+         */
+        NotificationService.prototype.showInfo = /**
+         * @param {?} message
+         * @param {?} title
+         * @return {?}
+         */
+        function (message, title) {
+            this.snackbar.open(title + ' ' + message, undefined, {
+                duration: 6000, panelClass: ['info-snackbar']
+            });
+        };
+        NotificationService.decorators = [
+            { type: core.Injectable }
+        ];
+        /** @nocollapse */
+        NotificationService.ctorParameters = function () { return [
+            { type: snackBar.MatSnackBar }
+        ]; };
+        return NotificationService;
+    }());
+    if (false) {
+        /**
+         * @type {?}
+         * @private
+         */
+        NotificationService.prototype.snackbar;
+    }
+
+    /**
+     * @fileoverview added by tsickle
+     * Generated from: lib/go-cuotas/components/go-cuotas.component.ts
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    var GoCuotasComponent = /** @class */ (function () {
+        function GoCuotasComponent(goCuotasApiService, notificationService) {
+            this.goCuotasApiService = goCuotasApiService;
+            this.notificationService = notificationService;
+            this.sale_token = '';
+            this.error_message = '';
+            this.paymentCompleted = false;
+            this.loadingMessage = 'Iniciando el pago...';
+            this.paymentStatus = 'ok';
+            this.disabled = false;
+            this.submitted = false;
+            this.isLoading = false;
+            this.hasError = false;
+            // accessToken: string = '2569793-51e1725c-9334-4ea2-ada0-b0c87187443c';
+            // url: string = 'https://sandbox.gocuotas.com/api/full_sale/v1/';
+            this.paymentResult = { success: false, paymentId: '', integrator: 'GOCUOTAS' };
+        }
+        /**
+         * @return {?}
+         */
+        GoCuotasComponent.prototype.ngOnInit = /**
+         * @return {?}
+         */
+        function () {
+            this.defaultDocType = '';
+            this.installments = 0;
+            this.currentInstallments = [
+                { value: 2, label: '2 Cuotas' },
+                { value: 3, label: '3 Cuotas' },
+                { value: 4, label: '4 Cuotas' }
+            ]; // Opciones para "Cantidad de cuotas"
+            this.totalAmount = Number(this.paymentAmount) / 100;
+        };
+        /**
+         * @param {?} event
+         * @return {?}
+         */
+        GoCuotasComponent.prototype.onSubmit = /**
+         * @param {?} event
+         * @return {?}
+         */
+        function (event) {
+            event.preventDefault();
+            this.submitted = true;
+            if (!this.checkOutForm.valid) {
+                return;
+            }
+            this.isLoading = true;
+            this.paymentCompleted = false;
+            this.loadingMessage = 'Iniciando el pago...';
+            this.paymentResult = { success: false, paymentId: '', integrator: 'GOCUOTAS' };
+            this.OinitPayment = {
+                amount: Number(this.paymentAmount),
+                areaCode: this.codAreaText,
+                installments: this.installments,
+                documentNumber: this.dniText,
+                phoneNumber: this.telText,
+                cardholder: this.defaultName,
+                creditCardHash: this.cardText,
+                idVen: this.idVen,
+                storeId: this.storeId
+            };
+            this.initPayment();
+        };
+        /**
+         * @return {?}
+         */
+        GoCuotasComponent.prototype.initPayment = /**
+         * @return {?}
+         */
+        function () {
+            var _this = this;
+            this.isLoading = true;
+            this.loadingMessage = 'Enviando código...';
+            this.goCuotasApiService.initPayment(this.accessToken, this.vkUrlApi, this.OinitPayment)
+                .subscribe({
+                next: (/**
+                 * @param {?} v
+                 * @return {?}
+                 */
+                function (v) { return _this.initPaymentResponseHandler(v); }),
+                error: (/**
+                 * @param {?} v
+                 * @return {?}
+                 */
+                function (v) { return _this.ResponseHandlerError(v); })
+            });
+        };
+        /**
+         * @private
+         * @param {?} response
+         * @return {?}
+         */
+        GoCuotasComponent.prototype.initPaymentResponseHandler = /**
+         * @private
+         * @param {?} response
+         * @return {?}
+         */
+        function (response) {
+            if (!response.success) {
+                console.log(response.errorsMessages);
+                this.error_message = response.errorsMessages[0];
+                return;
+            }
+            this.Opayment = {
+                id: response.data.paymentId,
+                cardholder: this.defaultName,
+                sale_token: response.data.response.sale_token,
+                creditCardHash: this.cardText,
+                cardMonthExpiration: Number(this.monthText),
+                cardYearExpiration: Number(this.yearText),
+                cardSecurityCode: Number(this.cvcText),
+                idVen: this.idVen,
+                storeId: this.storeId
+            };
+            this.isLoading = false;
+            this.modal.openModal();
+            this.paymentStatus = 'sentCode';
+        };
+        /**
+         * @param {?} code
+         * @return {?}
+         */
+        GoCuotasComponent.prototype.onCodeSent = /**
+         * @param {?} code
+         * @return {?}
+         */
+        function (code) {
+            this.isLoading = true;
+            this.loadingMessage = 'Procesando pago...';
+            this.Opayment.code = Number(code);
+            if (code !== null) {
+                this.finishPayment();
+            }
+        };
+        /**
+         * @return {?}
+         */
+        GoCuotasComponent.prototype.finishPayment = /**
+         * @return {?}
+         */
+        function () {
+            var _this = this;
+            this.paymentStatus = 'ok';
+            this.goCuotasApiService.payment(this.accessToken, this.vkUrlApi, this.Opayment)
+                .subscribe({
+                next: (/**
+                 * @param {?} v
+                 * @return {?}
+                 */
+                function (v) { return _this.FinishPaymentResponseHandler(v); }),
+                error: (/**
+                 * @param {?} v
+                 * @return {?}
+                 */
+                function (v) { return _this.ResponseHandlerError(v); })
+            });
+        };
+        /**
+         * @private
+         * @param {?} response
+         * @return {?}
+         */
+        GoCuotasComponent.prototype.ResponseHandlerError = /**
+         * @private
+         * @param {?} response
+         * @return {?}
+         */
+        function (response) {
+            if (!response.ok && response.error === null && response.status === 500) {
+                this.error_message = "Error en el servidor. Vuelva a intentar más tarde.";
+                this.isLoading = false;
+                this.hasError = true;
+                return;
+            }
+            if (!response.error.data.code_successfully_sent && this.paymentStatus === 'error') {
+                this.error_message = response.error.errorsMessages[0];
+                this.isLoading = false;
+                this.hasError = true;
+                return;
+            }
+            if (!response.error.data.code_successfully_verified && this.paymentStatus === 'sentCode') {
+                this.notificationService.showError(response.error.errorsMessages[0], 'ERROR: ');
+                this.isLoading = false;
+                this.modal.openModal();
+                return;
+            }
+            this.error_message = response.error.errorsMessages[0];
+            this.isLoading = false;
+            this.hasError = true;
+        };
+        /**
+         * @return {?}
+         */
+        GoCuotasComponent.prototype.addOrUpdateCard = /**
+         * @return {?}
+         */
+        function () {
+            var _this = this;
+            this.cardRequest = {
+                sale_token: this.sale_token,
+                number: Number(this.cardText),
+                expiration_month: Number(this.monthText),
+                expiration_year: Number(this.yearText),
+                security_code: Number(this.cvcText)
+            };
+            this.goCuotasApiService.addOrUpdateCard(this.accessToken, this.vkUrlApi, this.cardRequest)
+                .subscribe({
+                next: (/**
+                 * @param {?} v
+                 * @return {?}
+                 */
+                function (v) { return _this.AddOrUpdateCardResponseHandler(v); }),
+                error: (/**
+                 * @param {?} v
+                 * @return {?}
+                 */
+                function (v) { return _this.ResponseHandlerError(v); })
+            });
+        };
+        /**
+         * @private
+         * @param {?} response
+         * @return {?}
+         */
+        GoCuotasComponent.prototype.AddOrUpdateCardResponseHandler = /**
+         * @private
+         * @param {?} response
+         * @return {?}
+         */
+        function (response) {
+            this.loadingMessage = 'Registrando tarjeta...';
+            console.log(response);
+        };
+        /**
+         * @private
+         * @param {?} response
+         * @return {?}
+         */
+        GoCuotasComponent.prototype.FinishPaymentResponseHandler = /**
+         * @private
+         * @param {?} response
+         * @return {?}
+         */
+        function (response) {
+            console.log('respuesta finishpayment: ', response);
+            this.paymentStatus = 'ok';
+            if (!response.success) {
+                this.error_message = response.errorsMessages[0];
+                return;
+            }
+            console.log('Pago aprobado');
+            this.loadingMessage = '¡Pago procesado correctamente!';
+            this.paymentCompleted = true;
+        };
+        /**
+         * @return {?}
+         */
+        GoCuotasComponent.prototype.restartForm = /**
+         * @return {?}
+         */
+        function () {
+            this.hasError = false;
+            this.submitted = false;
+            this.paymentStatus = 'ok';
+            this.checkOutForm.reset();
+            this.installments = 0;
+            this.defaultDocType = '';
+        };
+        // Input controls
+        // Input controls
+        /**
+         * @return {?}
+         */
+        GoCuotasComponent.prototype.onYearChange = 
+        // Input controls
+        /**
+         * @return {?}
+         */
+        function () {
+            var _this = this;
+            if (isNaN(+this.yearText)) {
+                setTimeout((/**
+                 * @return {?}
+                 */
+                function () {
+                    _this.yearText = '';
+                }));
+            }
+        };
+        /**
+         * @return {?}
+         */
+        GoCuotasComponent.prototype.onMonthLostFocus = /**
+         * @return {?}
+         */
+        function () {
+            if (+this.monthText > 0 && !isNaN(+this.monthText)) {
+                if (this.monthText == '1') {
+                    this.monthText = '01';
+                }
+            }
+        };
+        /**
+         * @return {?}
+         */
+        GoCuotasComponent.prototype.onMonthChange = /**
+         * @return {?}
+         */
+        function () {
+            var _this = this;
+            if (+this.monthText >= 0 && +this.monthText < 13 && !isNaN(+this.monthText)) {
+                switch (this.monthText) {
+                    case '2': {
+                        this.monthText = '02';
+                        break;
+                    }
+                    case '3': {
+                        this.monthText = '03';
+                        break;
+                    }
+                    case '4': {
+                        this.monthText = '04';
+                        break;
+                    }
+                    case '5': {
+                        this.monthText = '05';
+                        break;
+                    }
+                    case '6': {
+                        this.monthText = '06';
+                        break;
+                    }
+                    case '7': {
+                        this.monthText = '07';
+                        break;
+                    }
+                    case '8': {
+                        this.monthText = '08';
+                        break;
+                    }
+                    case '9': {
+                        this.monthText = '09';
+                        break;
+                    }
+                }
+            }
+            else {
+                setTimeout((/**
+                 * @return {?}
+                 */
+                function () {
+                    _this.monthText = '';
+                }));
+            }
+        };
+        /**
+         * @return {?}
+         */
+        GoCuotasComponent.prototype.onCodeChange = /**
+         * @return {?}
+         */
+        function () {
+            var _this = this;
+            if (isNaN(+this.cvcText)) {
+                setTimeout((/**
+                 * @return {?}
+                 */
+                function () {
+                    _this.cvcText = '';
+                }));
+            }
+        };
+        /**
+         * @return {?}
+         */
+        GoCuotasComponent.prototype.onDniChange = /**
+         * @return {?}
+         */
+        function () {
+            var _this = this;
+            if (isNaN(+this.dniText)) {
+                setTimeout((/**
+                 * @return {?}
+                 */
+                function () {
+                    _this.dniText = '';
+                }));
+            }
+        };
+        /**
+         * @return {?}
+         */
+        GoCuotasComponent.prototype.onMailChange = /**
+         * @return {?}
+         */
+        function () {
+            var _this = this;
+            if (!isNaN(+this.mailText)) {
+                setTimeout((/**
+                 * @return {?}
+                 */
+                function () {
+                    _this.mailText = '';
+                }));
+            }
+        };
+        /**
+         * @return {?}
+         */
+        GoCuotasComponent.prototype.onCodAreaChange = /**
+         * @return {?}
+         */
+        function () {
+            var _this = this;
+            if (isNaN(+this.codAreaText)) {
+                setTimeout((/**
+                 * @return {?}
+                 */
+                function () {
+                    _this.codAreaText = '';
+                }));
+            }
+        };
+        /**
+         * @return {?}
+         */
+        GoCuotasComponent.prototype.onTelChange = /**
+         * @return {?}
+         */
+        function () {
+            var _this = this;
+            if (isNaN(+this.telText)) {
+                setTimeout((/**
+                 * @return {?}
+                 */
+                function () {
+                    _this.telText = '';
+                }));
+            }
+        };
+        /**
+         * @return {?}
+         */
+        GoCuotasComponent.prototype.onPayerNameChange = /**
+         * @return {?}
+         */
+        function () {
+            var _this = this;
+            if (!isNaN(+this.defaultName)) {
+                setTimeout((/**
+                 * @return {?}
+                 */
+                function () {
+                    _this.defaultName = '';
+                }));
+            }
+        };
+        /**
+         * @return {?}
+         */
+        GoCuotasComponent.prototype.onCardChange = /**
+         * @return {?}
+         */
+        function () {
+            var _this = this;
+            if (isNaN(+this.cardText)) {
+                setTimeout((/**
+                 * @return {?}
+                 */
+                function () {
+                    _this.cardText = '';
+                }));
+            }
+        };
+        /**
+         * @return {?}
+         */
+        GoCuotasComponent.prototype.onInstallmentsChange = /**
+         * @return {?}
+         */
+        function () {
+            //console.log('cuotas seleccionadas' ,this.installments)
+        };
+        /**
+         * @return {?}
+         */
+        GoCuotasComponent.prototype.onPaste = /**
+         * @return {?}
+         */
+        function () {
+            return false;
+        };
+        GoCuotasComponent.decorators = [
+            { type: core.Component, args: [{
+                        selector: 'lib-go-cuotas',
+                        template: "<div *ngIf=\"isLoading\" class=\"loading-overlay\">\n  <div class=\"loading-message\">\n    <p>{{ loadingMessage }}</p>\n    <div *ngIf=\"!paymentCompleted\" class=\"spinner\"></div>\n    <div *ngIf=\"paymentCompleted\" class=\"success-icon\">\u2714\uFE0F</div>\n  </div>\n</div>\n\n<div *ngIf=\"hasError\" class=\"error-overlay\">\n  <div class=\"error-message\">\n    <p>{{ error_message }}</p>\n    <button (click)=\"restartForm()\">Reintentar</button>\n  </div>\n</div>\n\n<form\n  (ngSubmit)=\"onSubmit($event)\"\n  class=\"gc-payment\"\n  id=\"formulario\"\n  #f=\"ngForm\"\n  autocomplete=\"off\"\n>\n  <div class=\"formRow\">\n    <label for=\"cardholderName\">NOMBRE Y APELLIDO IMPRESO EN LA TARJETA</label>\n    <span>\n      <input\n        id=\"cardholderName\"\n        type=\"text\"\n        name=\"cardholderName\"\n        required\n        maxlength=\"22\"\n        data-checkout=\"cardholderName\"\n        [disabled]=\"disabled\"\n        (paste)=\"onPaste()\"\n        (input)=\"onPayerNameChange()\"\n        [(ngModel)]=\"defaultName\"\n        pattern=\"^[a-zA-Z\\s]+$\"\n        #cardholderName=\"ngModel\"\n      />\n    </span>\n    <p [hidden]=\"disabled\" class=\"alert-text\" *ngIf=\"!cardholderName.valid && submitted\">\n      Ingres\u00E1 el nombre completo que figura en la tarjeta.\n    </p>\n  </div>\n\n  <div class=\"formRow\">\n    <div class=\"form-row-2col\">\n\n      <!-- Tipo de documento-->\n      <div class=\"formRow\">\n        <label for=\"docType\">TIPO DOC.</label>\n        <div class=\"select-icon\">\n          <select id=\"docType\" name=\"docType\" data-checkout=\"docType\" required ngModel [disabled]=\"disabled\"\n            [(ngModel)]=\"defaultDocType\" #docType=\"ngModel\">\n            <option value=\"\" disabled selected>Sin Seleccionar...</option>\n            <option value=\"dni\">DNI</option>\n            <option value=\"cuil\">CUIL</option>\n          </select>          \n        </div>\n      </div>\n\n      <!-- DNI -->\n      <div class=\"formRow\">\n        <label for=\"docNumber\">N\u00BA DE DOC.</label>\n        <span>\n          <input id=\"docNumber\" type=\"text\" name=\"docNumber\" data-checkout=\"docNumber\" minlength=\"7\" maxlength=\"8\"\n            required [disabled]=\"disabled\" (paste)=\"onPaste()\" (input)=\"onDniChange()\" [(ngModel)]=\"dniText\"\n            #docNumber=\"ngModel\" />\n        </span>\n      </div>\n\n    </div>\n    <p [hidden]=\"disabled\" class=\"alert-text\" *ngIf=\"!docNumber.valid && submitted\">\n      Complet\u00E1 el n\u00FAmero de documento.\n    </p>\n    <p [hidden]=\"disabled\" class=\"alert-text\" *ngIf=\"!docType.valid && submitted\">\n      Seleccion\u00E1 el tipo de documento.\n    </p>\n  </div>\n\n  <!-- Numero de tarjeta -->\n  <div class=\"formRow\">\n    <label for=\"cardNumber\">N\u00DAMERO DE TARJETA</label>\n    <span>\n      <input\n        id=\"cardNumber\"\n        type=\"text\"\n        name=\"cardNumber\"\n        data-checkout=\"cardNumber\"\n        maxlength=\"19\"\n        required\n        thumbnail\n        (input)=\"onCardChange()\"\n        (paste)=\"onPaste()\"\n        [disabled]=\"disabled\"\n        [(ngModel)]=\"cardText\"\n        #cardNumber=\"ngModel\"\n      />\n    </span>\n    <p [hidden]=\"disabled\" class=\"alert-text\" *ngIf=\"!cardNumber.valid && submitted\">\n        Ingres\u00E1 el n\u00FAmero de tarjeta.\n    </p>\n  </div>\n\n  <div class=\"form-row-3col\">\n    <!-- Expiry-month-->\n    <div class=\"formRow\">\n      <label for=\"cardExpirationMonth\">MES DE EXPIRACI\u00D3N</label>\n      <span>\n        <input\n          id=\"cardExpirationMonth\"\n          type=\"text\"\n          name=\"cardExpirationMonth\"\n          placeholder=\"MM\"\n          minlength=\"2\"\n          maxlength=\"2\"\n          data-checkout=\"cardExpirationMonth\"\n          required\n          [disabled]=\"disabled\"\n          (paste)=\"onPaste()\"\n          (input)=\"onMonthChange()\"\n          (focusout)=\"onMonthLostFocus()\"\n          [(ngModel)]=\"monthText\"\n          #cardExpirationMonth=\"ngModel\"\n        />\n      </span>\n    </div>\n\n    <!-- Expiry-year-->\n    <div class=\"formRow\">\n      <label for=\"cardExpirationYear\">A\u00D1O DE EXPIRACI\u00D3N</label>\n      <span>\n        <input\n          id=\"cardExpirationYear\"\n          type=\"text\"\n          name=\"cardExpirationYear\"\n          placeholder=\"AA\"\n          minlength=\"2\"\n          maxlength=\"2\"\n          data-checkout=\"cardExpirationYear\"\n          required\n          [disabled]=\"disabled\"\n          (paste)=\"onPaste()\"\n          (input)=\"onYearChange()\"\n          [(ngModel)]=\"yearText\"\n          #cardExpirationYear=\"ngModel\"\n        />\n      </span>\n    </div>\n\n    <!-- CVC -->\n    <div class=\"formRow\">\n      <label for=\"securityCode\">C\u00D3DIGO DE SEGURIDAD</label>\n      <span>\n        <input\n          id=\"securityCode\"\n          type=\"text\"\n          name=\"securityCode\"\n          placeholder=\"CSC\"\n          minlength=\"3\"\n          maxlength=\"4\"\n          data-checkout=\"securityCode\"\n          required\n          [disabled]=\"disabled\"\n          (paste)=\"onPaste()\"\n          (input)=\"onCodeChange()\"\n          [(ngModel)]=\"cvcText\"\n          #securityCode=\"ngModel\"\n        />\n      </span>\n    </div>\n  </div>\n\n  <div>\n    <p [hidden]=\"disabled\" class=\"alert-text\" *ngIf=\"!cardExpirationMonth.valid && submitted\">\n      Complet\u00E1 el mes de vencimiento.\n    </p>\n    <p [hidden]=\"disabled\" class=\"alert-text\" *ngIf=\"!cardExpirationYear.valid && submitted\">\n      Complet\u00E1 el a\u00F1o de vencimiento.\n    </p>\n    <p [hidden]=\"disabled\" class=\"alert-text\" *ngIf=\"!securityCode.valid && submitted\">\n      Ingres\u00E1 el c\u00F3digo de seguridad.\n    </p>\n  </div>\n\n  <!--Cantidad de cuotas-->\n  <div class=\"formRow\">\n    <label for=\"installments\">CUOTAS</label>\n    <div class=\"select-icon\">\n      <select id=\"installments\" name=\"installments\" aria-required=\"true\" required ngModel\n        [(ngModel)]=\"installments\" (change)=\"onInstallmentsChange()\" [disabled]=\"disabled\" #inst=\"ngModel\">\n        <option value=\"0\" disabled selected>Sin Seleccionar...</option>\n        <option *ngFor=\"let current of currentInstallments\" [value]=\"current.value\">\n          {{ current.label }}\n        </option>\n      </select>\n    </div>\n    <p [hidden]=\"disabled\" class=\"alert-text\" *ngIf=\"!inst.valid && submitted\">\n      Eleg\u00ED la cantidad de cuotas.\n    </p>\n  </div>\n\n  <div class=\"formRow\">\n    <div class=\"form-row-3col\">\n\n      <!-- Correo electr\u00F3nico -->\n      <div class=\"formRow\">\n        <label for=\"mail\">CORREO ELECTR\u00D3NICO</label>\n        <span>\n          <input id=\"mail\" type=\"text\" name=\"mail\" data-checkout=\"mail\" pattern=\"^[a-z0-9._%+-]+@[a-z0-9.-]+\\.[a-z]{2,4}$\"\n            required [disabled]=\"disabled\" (paste)=\"onPaste()\" (input)=\"onMailChange()\" [(ngModel)]=\"mailText\"\n            #mail=\"ngModel\"/>\n        </span>\n      </div>\n\n      <!-- C\u00F3digo de \u00E1rea -->\n      <div class=\"formRow\">\n        <label for=\"codArea\">COD. \u00C1REA</label>\n        <span>\n          <input id=\"codArea\" type=\"text\" name=\"codArea\" data-checkout=\"codArea\" minlength=\"2\" maxlength=\"4\"\n            required [disabled]=\"disabled\" (paste)=\"onPaste()\" (input)=\"onCodAreaChange()\" [(ngModel)]=\"codAreaText\"\n            #codArea=\"ngModel\" />\n        </span>\n      </div>\n\n      <!-- Tel\u00E9fono -->\n      <div class=\"formRow\">\n        <label for=\"tel\">TEL\u00C9FONO</label>\n        <span>\n          <input id=\"tel\" type=\"text\" name=\"tel\" data-checkout=\"tel\" minlength=\"6\" maxlength=\"8\"\n            required [disabled]=\"disabled\" (paste)=\"onPaste()\" (input)=\"onTelChange()\" [(ngModel)]=\"telText\"\n            #tel=\"ngModel\" />\n        </span>\n      </div>\n\n    </div>\n  </div>\n\n  <div>\n    <p [hidden]=\"disabled\" class=\"alert-text\" *ngIf=\"!mail.valid && submitted\">\n      Complet\u00E1 el correo electr\u00F3nico.\n    </p>\n    <p [hidden]=\"disabled\" class=\"alert-text\" *ngIf=\"!codArea.valid && submitted\">\n      Complet\u00E1 el c\u00F3digo de \u00E1rea.\n    </p>\n    <p [hidden]=\"disabled\" class=\"alert-text\" *ngIf=\"!tel.valid && submitted\">\n      Ingres\u00E1 el tel\u00E9fono.\n    </p>\n  </div>\n\n  <button type=\"submit\">Pagar ${{ totalAmount }}</button>\n</form>\n\n<lib-modal (codeVerified)=\"onCodeSent($event)\"></lib-modal>",
+                        styles: ["@charset \"UTF-8\";.gc-payment{background-color:transparent;font-family:inherit,sans-serif}.gc-payment label{font-size:14px;color:#888}.formRow{margin-top:10px}:focus{outline:0}.form-row-2col{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-top:10px}.form-row-2col .formRow{width:49%;margin-top:0}.form-row-3col{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-top:10px}.form-row-3col .formRow{width:32%;margin-top:0}span{background-color:#fff;border:.5px solid #707070;border-radius:2px;padding:2px 10px;display:block;margin-top:4px}input[type=password],input[type=text]{background:0 0;border:none;color:#000;font-size:15px;height:23px;width:100%;text-transform:uppercase;vertical-align:top}select{width:100%;font-size:15px;height:30px;padding:2px 10px;border:.5px solid #707070;border-radius:2px;display:block;margin-top:4px;-webkit-appearance:none;-moz-appearance:none;position:relative;z-index:1;background:0 0}select:focus{background-color:#e0e0e0;border-color:#009ee3;outline:0}option[disabled]{color:#bbb;font-weight:400}.select-icon{position:relative}.select-icon::after{content:\"\uE5CF\";font-family:\"Material Icons\";position:absolute;right:0;top:3px;font-size:24px}.icon-select{width:24px;position:absolute;right:13px}.alert-text{font-size:13px;color:#009ee3;margin-top:7px;margin-bottom:0}button{background-color:#009ee3;color:#fff;font-size:18px;text-align:center;padding:10px 0;width:100%;border:none;border-radius:20px;margin-top:20px;cursor:pointer}button:disabled{background-color:#525252}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);z-index:2000;display:flex;justify-content:center;align-items:center;color:#fff}.loading-message{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.spinner{border:4px solid rgba(255,255,255,.2);border-left-color:#fff;border-radius:50%;width:40px;height:40px;-webkit-animation:1s linear infinite spin;animation:1s linear infinite spin}@-webkit-keyframes spin{to{transform:rotate(360deg)}}@keyframes spin{to{transform:rotate(360deg)}}.error-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);z-index:2000;display:flex;justify-content:center;align-items:center;color:#fff}.error-message{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;max-width:600px}.error-message p{font-size:1.2rem}.error-message button{background-color:#ff4d4d;color:#fff;border:none;padding:.5rem 1rem;font-size:1rem;border-radius:5px;cursor:pointer;min-width:250px;max-width:250px}.error-message button:hover{background-color:#f33}.success-icon{font-size:3rem;color:#4caf50;margin-bottom:1rem}"]
+                    }] }
+        ];
+        /** @nocollapse */
+        GoCuotasComponent.ctorParameters = function () { return [
+            { type: GoCuotasApiService },
+            { type: NotificationService }
+        ]; };
+        GoCuotasComponent.propDecorators = {
+            accessToken: [{ type: core.Input }],
+            gcUrlApi: [{ type: core.Input }],
+            vkUrlApi: [{ type: core.Input }],
+            paymentAmount: [{ type: core.Input }],
+            logoGC: [{ type: core.Input }],
+            idVen: [{ type: core.Input }],
+            storeId: [{ type: core.Input }],
+            data: [{ type: core.Input }],
+            checkOutForm: [{ type: core.ViewChild, args: ['f', { static: false },] }],
+            modal: [{ type: core.ViewChild, args: [ModalComponent, { static: false },] }]
+        };
+        return GoCuotasComponent;
+    }());
+    if (false) {
+        /** @type {?} */
+        GoCuotasComponent.prototype.accessToken;
+        /** @type {?} */
+        GoCuotasComponent.prototype.gcUrlApi;
+        /** @type {?} */
+        GoCuotasComponent.prototype.vkUrlApi;
+        /** @type {?} */
+        GoCuotasComponent.prototype.paymentAmount;
+        /** @type {?} */
+        GoCuotasComponent.prototype.logoGC;
+        /** @type {?} */
+        GoCuotasComponent.prototype.idVen;
+        /** @type {?} */
+        GoCuotasComponent.prototype.storeId;
+        /** @type {?} */
+        GoCuotasComponent.prototype.data;
+        /** @type {?} */
+        GoCuotasComponent.prototype.defaultName;
+        /** @type {?} */
+        GoCuotasComponent.prototype.mailText;
+        /** @type {?} */
+        GoCuotasComponent.prototype.codAreaText;
+        /** @type {?} */
+        GoCuotasComponent.prototype.telText;
+        /** @type {?} */
+        GoCuotasComponent.prototype.cardText;
+        /** @type {?} */
+        GoCuotasComponent.prototype.yearText;
+        /** @type {?} */
+        GoCuotasComponent.prototype.monthText;
+        /** @type {?} */
+        GoCuotasComponent.prototype.dniText;
+        /** @type {?} */
+        GoCuotasComponent.prototype.cvcText;
+        /** @type {?} */
+        GoCuotasComponent.prototype.installments;
+        /** @type {?} */
+        GoCuotasComponent.prototype.defaultDocType;
+        /** @type {?} */
+        GoCuotasComponent.prototype.currentInstallments;
+        /** @type {?} */
+        GoCuotasComponent.prototype.totalAmount;
+        /** @type {?} */
+        GoCuotasComponent.prototype.OinitPayment;
+        /** @type {?} */
+        GoCuotasComponent.prototype.Opayment;
+        /** @type {?} */
+        GoCuotasComponent.prototype.verificationCodeRequest;
+        /** @type {?} */
+        GoCuotasComponent.prototype.cardRequest;
+        /** @type {?} */
+        GoCuotasComponent.prototype.sale_token;
+        /** @type {?} */
+        GoCuotasComponent.prototype.error_message;
+        /** @type {?} */
+        GoCuotasComponent.prototype.paymentCompleted;
+        /** @type {?} */
+        GoCuotasComponent.prototype.loadingMessage;
+        /** @type {?} */
+        GoCuotasComponent.prototype.paymentStatus;
+        /** @type {?} */
+        GoCuotasComponent.prototype.disabled;
+        /** @type {?} */
+        GoCuotasComponent.prototype.submitted;
+        /** @type {?} */
+        GoCuotasComponent.prototype.isLoading;
+        /** @type {?} */
+        GoCuotasComponent.prototype.hasError;
+        /** @type {?} */
+        GoCuotasComponent.prototype.paymentResult;
+        /** @type {?} */
+        GoCuotasComponent.prototype.checkOutForm;
+        /** @type {?} */
+        GoCuotasComponent.prototype.modal;
+        /**
+         * @type {?}
+         * @private
+         */
+        GoCuotasComponent.prototype.goCuotasApiService;
+        /**
+         * @type {?}
+         * @private
+         */
+        GoCuotasComponent.prototype.notificationService;
+    }
+
+    /**
+     * @fileoverview added by tsickle
+     * Generated from: lib/go-cuotas/go-cuotas.module.ts
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    /** @type {?} */
+    var COMPONENTS$1 = [
+        GoCuotasComponent,
+        ModalComponent
+    ];
+    var GoCuotasModule = /** @class */ (function () {
+        function GoCuotasModule() {
+        }
+        GoCuotasModule.decorators = [
+            { type: core.NgModule, args: [{
+                        declarations: [
+                            COMPONENTS$1
+                        ],
+                        exports: [
+                            COMPONENTS$1
+                        ],
+                        imports: [
+                            common.CommonModule,
+                            forms.FormsModule,
+                            forms.ReactiveFormsModule,
+                            router.RouterModule,
+                            material.MatSnackBarModule,
+                            animations.BrowserAnimationsModule
+                        ],
+                        providers: [
+                            GoCuotasApiService,
+                            NotificationService
+                        ]
+                    },] }
+        ];
+        return GoCuotasModule;
+    }());
+
     /**
      * @fileoverview added by tsickle
      * Generated from: lib/vk-payments.module.ts
@@ -2614,7 +3699,8 @@
     var LIB_MODULES = [
         MercadopagoModule,
         SpsDecidirModule,
-        PaypalModule
+        PaypalModule,
+        GoCuotasModule
     ];
     var VkPaymentsModule = /** @class */ (function () {
         function VkPaymentsModule() {
@@ -2638,6 +3724,11 @@
     exports.ɵg = SpsDecidirApiService;
     exports.ɵh = PaypalModule;
     exports.ɵi = PayPalNewComponent;
+    exports.ɵj = GoCuotasModule;
+    exports.ɵk = GoCuotasComponent;
+    exports.ɵl = ModalComponent;
+    exports.ɵm = GoCuotasApiService;
+    exports.ɵn = NotificationService;
 
     Object.defineProperty(exports, '__esModule', { value: true });