vk-payments 0.2.30 → 0.2.32

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;
 
@@ -3912,305 +3912,473 @@
 
     /**
      * @fileoverview added by tsickle
-     * Generated from: lib/bank-transfer/services/bank-transfer.api.service.ts
+     * Generated from: lib/galicia/services/galicia.api.service.ts
      * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
-    var BankTransferApiService = /** @class */ (function () {
-        function BankTransferApiService(http) {
-            this.http = http;
+    var GaliciaApiService = /** @class */ (function () {
+        function GaliciaApiService(httpClient) {
+            this.httpClient = httpClient;
         }
         /**
-         * @param {?} accessToken
-         * @param {?} request
-         * @param {?} vkApiUrl
+         * @param {?} url
          * @return {?}
          */
-        BankTransferApiService.prototype.createPayment = /**
-         * @param {?} accessToken
-         * @param {?} request
-         * @param {?} vkApiUrl
+        GaliciaApiService.prototype.normalizeUrl = /**
+         * @param {?} url
          * @return {?}
          */
-        function (accessToken, request, vkApiUrl) {
-            /** @type {?} */
-            var headers = new http.HttpHeaders({
-                'Content-Type': 'application/json',
-                Authorization: "Bearer " + accessToken
-            });
-            // Construimos la URL agregando la rute del Controller de BankTransfer
+        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 url = vkApiUrl + "payments/BankTransfer/create-payment";
-            return this.http.post(url, request, { headers: headers });
+            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);
         };
-        BankTransferApiService.decorators = [
+        /**
+         * @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 */
-        BankTransferApiService.ctorParameters = function () { return [
+        GaliciaApiService.ctorParameters = function () { return [
             { type: http.HttpClient }
         ]; };
-        /** @nocollapse */ BankTransferApiService.ngInjectableDef = core.ɵɵdefineInjectable({ factory: function BankTransferApiService_Factory() { return new BankTransferApiService(core.ɵɵinject(http.HttpClient)); }, token: BankTransferApiService, providedIn: "root" });
-        return BankTransferApiService;
+        /** @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
          */
-        BankTransferApiService.prototype.http;
+        GaliciaApiService.prototype.authHeaders;
+        /**
+         * @type {?}
+         * @private
+         */
+        GaliciaApiService.prototype.httpClient;
     }
 
     /**
      * @fileoverview added by tsickle
-     * Generated from: lib/bank-transfer/components/bank-transfer.component.ts
+     * Generated from: lib/galicia/components/galicia.component.ts
      * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
-    var BankTransferComponent = /** @class */ (function () {
-        function BankTransferComponent(bankTransferApi) {
-            this.bankTransferApi = bankTransferApi;
-            this.discountRate = 0.10; // Tasa de descuento (10% por defecto)
-            // Tasa de descuento (10% por defecto)
+    var GaliciaComponent = /** @class */ (function () {
+        function GaliciaComponent(galiciaApiService) {
+            this.galiciaApiService = galiciaApiService;
             this.statusPay = new core.EventEmitter();
-            this.isLoading = false;
+            this.qrImage = '';
+            this.billNumber = '';
             this.errorMessage = '';
-            this.submittedSuccessfully = false;
-            this.amountCopied = false;
-            // CUIT no se pide al usuario por ahora — se envía valor genérico
-            this.paymentForm = new forms.FormGroup({
-                cuit: new forms.FormControl('00000000000')
-            });
+            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' };
         }
-        Object.defineProperty(BankTransferComponent.prototype, "subtotalAmount", {
-            // Calculados a partir de `amount` (que ya tiene el descuento aplicado)
-            get: 
-            // Calculados a partir de `amount` (que ya tiene el descuento aplicado)
-            /**
-             * @return {?}
-             */
-            function () {
-                return this.amount ? Math.round(this.amount / (1 - this.discountRate)) : 0;
-            },
-            enumerable: true,
-            configurable: true
-        });
-        Object.defineProperty(BankTransferComponent.prototype, "discountAmount", {
-            get: /**
-             * @return {?}
-             */
-            function () {
-                return this.subtotalAmount - (this.amount || 0);
-            },
-            enumerable: true,
-            configurable: true
-        });
         /**
          * @return {?}
          */
-        BankTransferComponent.prototype.ngOnInit = /**
+        GaliciaComponent.prototype.ngOnInit = /**
          * @return {?}
          */
-        function () { };
+        function () {
+            this.createInitPayment();
+        };
         /**
-         * @param {?} text
+         * @param {?} datos
          * @return {?}
          */
-        BankTransferComponent.prototype.copyToClipboard = /**
-         * @param {?} text
+        GaliciaComponent.prototype.generateQr = /**
+         * @param {?} datos
          * @return {?}
          */
-        function (text) {
-            navigator.clipboard.writeText(text).catch((/**
+        function (datos) {
+            var _this = this;
+            /** @type {?} */
+            var decoded = atob(datos);
+            qrcode.toDataURL(decoded, {
+                width: 300,
+                margin: 2
+            })
+                .then((/**
+             * @param {?} url
              * @return {?}
              */
-            function () {
-                /** @type {?} */
-                var el = document.createElement('textarea');
-                el.value = text;
-                document.body.appendChild(el);
-                el.select();
-                document.execCommand('copy');
-                document.body.removeChild(el);
+            function (url) {
+                _this.qrImage = url;
+                _this.isGeneratingQr = false;
+                _this.showQr = true;
+                _this.expired = false;
+                _this.startTimer();
+                _this.startPaymentValidation();
             }));
         };
         /**
          * @return {?}
          */
-        BankTransferComponent.prototype.copyAmount = /**
+        GaliciaComponent.prototype.createInitPayment = /**
          * @return {?}
          */
         function () {
-            var _this = this;
-            /** @type {?} */
-            var amountStr = this.amount ? this.amount.toFixed(2) : '0';
-            this.copyToClipboard(amountStr);
-            this.amountCopied = true;
-            setTimeout((/**
-             * @return {?}
-             */
-            function () { return _this.amountCopied = false; }), 2000);
+            this.OinitPayment = {
+                sessionId: '',
+                userId: this.userId,
+                storeId: this.storeId,
+                storeName: this.storeName,
+                checkoutId: this.checkoutId
+            };
+            this.initPayment();
         };
         /**
          * @return {?}
          */
-        BankTransferComponent.prototype.onSubmit = /**
+        GaliciaComponent.prototype.initPayment = /**
          * @return {?}
          */
         function () {
             var _this = this;
-            if (this.submittedSuccessfully || this.isLoading)
+            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;
-            this.isLoading = true;
-            this.errorMessage = '';
+            }
             /** @type {?} */
-            var request = {
-                cuit: '00000000000',
-                // Valor genérico mientras no se pide al usuario
-                checkoutId: this.checkoutId,
-                checkoutAdditionalData: this.checkoutAdditionalData,
-                storeName: this.storeName || 'Tienda VK',
-                storeId: this.storeId
-            };
-            this.bankTransferApi.createPayment(this.accessToken, request, this.vkUrlApi).subscribe((/**
-             * @param {?} response
+            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 (response) {
-                _this.isLoading = false;
-                if (response && response.success) {
-                    _this.submittedSuccessfully = true;
-                    _this.statusPay.emit({
-                        success: true,
-                        paymentId: (response.data && response.data.bankTransferEcommId) ? response.data.bankTransferEcommId : '',
-                        integrator: 'BANK_TRANSFER'
-                    });
+            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.errorMessage = (response.errorsMessages && response.errorsMessages.length > 0)
-                        ? response.errorsMessages[0]
-                        : 'Ocurrió un error al registrar la transferencia.';
-                    _this.statusPay.emit({
-                        success: false,
-                        paymentId: '',
-                        integrator: 'BANK_TRANSFER'
-                    });
+                    _this.seconds--;
                 }
-            }), (/**
-             * @param {?} error
-             * @return {?}
-             */
-            function (error) {
-                _this.isLoading = false;
-                _this.errorMessage = (error && error.error && error.error.errorsMessages && error.error.errorsMessages.length > 0)
-                    ? error.error.errorsMessages[0]
-                    : 'Ocurrió un error de conexión al registrar la transferencia.';
-                _this.statusPay.emit({
-                    success: false,
-                    paymentId: '',
-                    integrator: 'BANK_TRANSFER'
-                });
-                console.error('Error BankTransferApiService:', error);
-            }));
+            }), 1000);
         };
-        Object.defineProperty(BankTransferComponent.prototype, "cuitControl", {
-            get: /**
+        /**
+         * @return {?}
+         */
+        GaliciaComponent.prototype.startPaymentValidation = /**
+         * @return {?}
+         */
+        function () {
+            var _this = this;
+            this.validationInterval = setInterval((/**
              * @return {?}
              */
             function () {
-                return this.paymentForm.get('cuit');
-            },
-            enumerable: true,
-            configurable: true
-        });
-        BankTransferComponent.decorators = [
+                _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) {
+            console.log(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: 'vk-bank-transfer',
-                        template: "<form\n  [formGroup]=\"paymentForm\"\n  (ngSubmit)=\"onSubmit()\"\n  class=\"bt-payment\"\n  id=\"formularioBT\"\n  autocomplete=\"off\"\n>\n\n  <!-- Datos bancarios -->\n  <div class=\"bank-info-box\">\n    <div class=\"bank-info-header\">\n      <i class=\"material-icons\">account_balance</i>\n      <span>Datos para la transferencia</span>\n    </div>\n    <div class=\"bank-info-row\">\n      <span class=\"bank-info-label\"><i class=\"material-icons\">tag</i>N\u00FAmero de cuenta</span>\n      <span class=\"bank-info-value\">2-311972/1</span>\n    </div>\n    <div class=\"bank-info-row\">\n      <span class=\"bank-info-label\"><i class=\"material-icons\">qr_code</i>CBU</span>\n      <span class=\"bank-info-value bank-info-copy\">\n        <span class=\"bank-info-copy-text\">4150002012003119720013</span>\n        <button class=\"copy-btn\" type=\"button\" title=\"Copiar CBU\" (click)=\"copyToClipboard('4150002012003119720013')\">\n          <i class=\"material-icons\">content_copy</i>\n        </button>\n      </span>\n    </div>\n    <div class=\"bank-info-row\">\n      <span class=\"bank-info-label\"><i class=\"material-icons\">alternate_email</i>Alias</span>\n      <span class=\"bank-info-value bank-info-copy\">\n        <span class=\"bank-info-copy-text\">reba.vitnik</span>\n        <button class=\"copy-btn\" type=\"button\" title=\"Copiar alias\" (click)=\"copyToClipboard('reba.vitnik')\">\n          <i class=\"material-icons\">content_copy</i>\n        </button>\n      </span>\n    </div>\n    <div class=\"bank-info-row\">\n      <span class=\"bank-info-label\"><i class=\"material-icons\">badge</i>CUIT/CUIL</span>\n      <span class=\"bank-info-value\">30708777893</span>\n    </div>\n    <div class=\"bank-info-row\">\n      <span class=\"bank-info-label\"><i class=\"material-icons\">attach_money</i>Moneda</span>\n      <span class=\"bank-info-value\">Peso Argentino</span>\n    </div>\n  </div>\n\n  <!-- Resumen con desglose del descuento -->\n  <div class=\"summary-box\">\n    <div class=\"summary-row\">\n      <span class=\"summary-label\">Subtotal</span>\n      <span class=\"summary-value\">${{ subtotalAmount | number:'1.2-2' }}</span>\n    </div>\n    <div class=\"summary-row discount\">\n      <span class=\"summary-label\">\n        <i class=\"material-icons\">local_offer</i>\n        Descuento transferencia ({{ discountRate * 100 | number:'1.0-0' }}%)\n      </span>\n      <span class=\"summary-value discount-value\">-${{ discountAmount | number:'1.2-2' }}</span>\n    </div>\n    <div class=\"summary-row total\">\n      <span class=\"summary-label\">Total a transferir</span>\n      <span class=\"summary-value total-value\">\n        ${{ amount | number:'1.2-2' }}\n        <button\n          class=\"copy-btn copy-amount-btn\"\n          type=\"button\"\n          [title]=\"amountCopied ? 'Copiado!' : 'Copiar monto'\"\n          (click)=\"copyAmount()\"\n        >\n          <i class=\"material-icons\">{{ amountCopied ? 'check' : 'content_copy' }}</i>\n        </button>\n      </span>\n    </div>\n  </div>\n\n  <!-- Leyenda de monto exacto -->\n  <div class=\"exact-amount-notice\">\n    <i class=\"material-icons notice-icon\">info</i>\n    <p>\n      <strong>\u00A1Ya casi es tuyo!</strong> Para que podamos procesar tu pedido sin demoras,\n      asegurate de que el importe de la transferencia sea <strong>id\u00E9ntico</strong> al total indicado arriba.\n    </p>\n  </div>\n\n  <!-- Error devuelto por la API -->\n  <div class=\"pay-message error\" *ngIf=\"errorMessage && !isLoading\">\n    <i class=\"material-icons\">error</i>\n    <p>{{ errorMessage }}</p>\n  </div>\n\n  <!-- Loading -->\n  <div *ngIf=\"isLoading\" class=\"pay-message info\">\n    <i class=\"material-icons\">info</i>\n    <p>Procesando informaci\u00F3n de transferencia...</p>\n  </div>\n\n  <!-- Bot\u00F3n confirmar (oculto tras \u00E9xito) -->\n  <div *ngIf=\"!submittedSuccessfully\">\n    <button type=\"submit\" [disabled]=\"paymentForm.invalid || isLoading\">\n      Confirmar Transferencia\n    </button>\n  </div>\n\n</form>\n",
-                        styles: [".bt-payment{background-color:transparent;font-family:inherit,sans-serif;padding:0 12px}.bt-payment p.description{font-size:16px;color:#888;margin-bottom:5px}.bt-payment .bank-info-box{border:1px solid #c8e0f0;border-radius:8px;overflow:hidden;margin-bottom:18px}.bt-payment .bank-info-box .bank-info-header{display:flex;align-items:center;gap:8px;background-color:#009ee3;color:#fff;padding:10px 14px;font-size:18px;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.bt-payment .bank-info-box .bank-info-header i.material-icons{font-size:18px}.bt-payment .bank-info-box .bank-info-row{display:flex;justify-content:space-between;align-items:center;font-size:18px;padding:8px 14px;background-color:#fff;border-bottom:1px solid #eef3f7}.bt-payment .bank-info-box .bank-info-row:last-child{border-bottom:none}.bt-payment .bank-info-box .bank-info-label{display:flex;align-items:center;gap:6px;color:#777;flex-shrink:0;margin-right:8px}.bt-payment .bank-info-box .bank-info-label i.material-icons{font-size:15px;color:#009ee3}.bt-payment .bank-info-box .bank-info-value{font-weight:600;color:#1a1a1a;text-align:right}.bt-payment .bank-info-box .bank-info-value.bank-info-copy{display:flex;align-items:center;gap:4px}.bt-payment .bank-info-box .bank-info-value .bank-info-copy-text{font-family:\"Courier New\",monospace;font-size:18px;letter-spacing:.3px}.bt-payment .bank-info-box .copy-btn{background:0 0;border:none;cursor:pointer;padding:2px 4px;border-radius:4px;color:#009ee3;display:flex;align-items:center;margin-top:0;width:auto;min-width:unset}.bt-payment .bank-info-box .copy-btn i.material-icons{font-size:16px}.bt-payment .bank-info-box .copy-btn:hover{background-color:#e8f4fb}.bt-payment .bank-info-box .copy-btn:disabled{background-color:transparent;cursor:default}.bt-payment .summary-box{margin:20px 0;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.bt-payment .summary-box .summary-row{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;font-size:16px;background-color:#fff;border-bottom:1px solid #f0f0f0}.bt-payment .summary-box .summary-row:last-child{border-bottom:none}.bt-payment .summary-box .summary-row .summary-label{display:flex;align-items:center;gap:6px;color:#555}.bt-payment .summary-box .summary-row .summary-label i.material-icons{font-size:14px}.bt-payment .summary-box .summary-row .summary-value{font-weight:600;color:#1a1a1a;display:flex;align-items:center;gap:6px}.bt-payment .summary-box .summary-row.discount{background-color:#f0fdf4}.bt-payment .summary-box .summary-row.discount .summary-label{color:#16a34a;font-weight:500}.bt-payment .summary-box .summary-row.discount .summary-label i.material-icons{color:#16a34a}.bt-payment .summary-box .summary-row.discount .discount-value{color:#16a34a;font-weight:700}.bt-payment .summary-box .summary-row.total{background-color:#f8f9fa;border-top:2px solid #009ee3}.bt-payment .summary-box .summary-row.total .summary-label{font-size:17px;font-weight:700;color:#1a1a1a}.bt-payment .summary-box .summary-row.total .total-value{font-size:20px;font-weight:800;color:#009ee3}.bt-payment .summary-box .copy-amount-btn{background:0 0;border:1px solid #009ee3;border-radius:6px;cursor:pointer;padding:2px 6px;color:#009ee3;display:flex;align-items:center;width:auto;min-width:unset;margin-top:0;transition:background-color .2s}.bt-payment .summary-box .copy-amount-btn i.material-icons{font-size:16px}.bt-payment .summary-box .copy-amount-btn:hover{background-color:#e8f4fb}.bt-payment .exact-amount-notice{display:flex;align-items:flex-start;gap:10px;background-color:#fffbeb;border:1px solid #fcd34d;border-radius:8px;padding:12px 14px;margin-bottom:20px}.bt-payment .exact-amount-notice .notice-icon{font-size:20px;color:#d97706;flex-shrink:0;margin-top:2px}.bt-payment .exact-amount-notice p{font-size:14px;color:#78350f;margin:0;line-height:1.5}.bt-payment .formRow{margin-top:10px;display:none}.bt-payment .formRow label{font-size:16px;color:#888}.bt-payment .formRow span{background-color:#fff;border:.5px solid #707070;border-radius:2px;padding:2px 10px;display:block;margin-top:4px}.bt-payment .formRow span input[type=text]{background:0 0;border:none;color:#000;font-size:16px;height:23px;width:100%;text-transform:uppercase;vertical-align:top;padding:0;margin:0}.bt-payment .formRow span input[type=text]:focus{outline:0}.bt-payment .alert-text{font-size:16px;color:#009ee3;margin-top:7px;margin-bottom:0}.bt-payment button[type=submit]{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}.bt-payment button[type=submit]:disabled{background-color:#525252;cursor:not-allowed}.bt-payment .pay-message{margin-top:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;border-radius:8px}.bt-payment .pay-message p{font-size:1.1rem;text-align:center;line-height:130%;margin-bottom:10px}.bt-payment .pay-message i.material-icons{font-size:2rem;margin-bottom:5px}.bt-payment .success{background-color:#dff2bf;color:#4f8a10}.bt-payment .error{color:#d8000c;background-color:#ffd2d2}.bt-payment .info{color:#00529b;background-color:#bde5f8}:focus{outline:0}"]
+                        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 */
-        BankTransferComponent.ctorParameters = function () { return [
-            { type: BankTransferApiService }
+        GaliciaComponent.ctorParameters = function () { return [
+            { type: GaliciaApiService }
         ]; };
-        BankTransferComponent.propDecorators = {
+        GaliciaComponent.propDecorators = {
             accessToken: [{ type: core.Input }],
+            gaUrlApi: [{ type: core.Input }],
             vkUrlApi: [{ type: core.Input }],
-            amount: [{ 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 }],
-            checkoutAdditionalData: [{ type: core.Input }],
-            discountRate: [{ type: core.Input }],
+            data: [{ type: core.Input }],
             statusPay: [{ type: core.Output }]
         };
-        return BankTransferComponent;
+        return GaliciaComponent;
     }());
     if (false) {
         /** @type {?} */
-        BankTransferComponent.prototype.accessToken;
+        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 {?} */
-        BankTransferComponent.prototype.vkUrlApi;
+        GaliciaComponent.prototype.qrImage;
         /** @type {?} */
-        BankTransferComponent.prototype.amount;
+        GaliciaComponent.prototype.billNumber;
         /** @type {?} */
-        BankTransferComponent.prototype.storeId;
+        GaliciaComponent.prototype.errorMessage;
         /** @type {?} */
-        BankTransferComponent.prototype.storeName;
+        GaliciaComponent.prototype.OinitPayment;
         /** @type {?} */
-        BankTransferComponent.prototype.checkoutId;
+        GaliciaComponent.prototype.isGeneratingQr;
         /** @type {?} */
-        BankTransferComponent.prototype.checkoutAdditionalData;
+        GaliciaComponent.prototype.paymentCompleted;
         /** @type {?} */
-        BankTransferComponent.prototype.discountRate;
+        GaliciaComponent.prototype.paymentId;
         /** @type {?} */
-        BankTransferComponent.prototype.statusPay;
+        GaliciaComponent.prototype.showQr;
         /** @type {?} */
-        BankTransferComponent.prototype.paymentForm;
+        GaliciaComponent.prototype.expired;
         /** @type {?} */
-        BankTransferComponent.prototype.isLoading;
+        GaliciaComponent.prototype.isLoading;
         /** @type {?} */
-        BankTransferComponent.prototype.errorMessage;
+        GaliciaComponent.prototype.hasError;
         /** @type {?} */
-        BankTransferComponent.prototype.submittedSuccessfully;
+        GaliciaComponent.prototype.minutes;
         /** @type {?} */
-        BankTransferComponent.prototype.amountCopied;
+        GaliciaComponent.prototype.seconds;
         /**
          * @type {?}
          * @private
          */
-        BankTransferComponent.prototype.bankTransferApi;
+        GaliciaComponent.prototype.interval;
+        /** @type {?} */
+        GaliciaComponent.prototype.validationInterval;
+        /** @type {?} */
+        GaliciaComponent.prototype.paymentResult;
+        /**
+         * @type {?}
+         * @private
+         */
+        GaliciaComponent.prototype.galiciaApiService;
     }
 
     /**
      * @fileoverview added by tsickle
-     * Generated from: lib/bank-transfer/bank-transfer.module.ts
+     * Generated from: lib/galicia/galicia.module.ts
      * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
-    var BankTransferModule = /** @class */ (function () {
-        function BankTransferModule() {
+    /** @type {?} */
+    var COMPONENTS$2 = [
+        GaliciaComponent
+    ];
+    var GaliciaModule = /** @class */ (function () {
+        function GaliciaModule() {
         }
-        BankTransferModule.decorators = [
+        GaliciaModule.decorators = [
             { type: core.NgModule, args: [{
                         declarations: [
-                            BankTransferComponent
+                            COMPONENTS$2
+                        ],
+                        exports: [
+                            COMPONENTS$2
                         ],
                         imports: [
                             common.CommonModule,
                             forms.FormsModule,
                             forms.ReactiveFormsModule,
-                            http.HttpClientModule
-                        ],
-                        exports: [
-                            BankTransferComponent
+                            router.RouterModule,
                         ],
                         providers: [
-                            BankTransferApiService
+                            GaliciaApiService
                         ]
                     },] }
         ];
-        return BankTransferModule;
+        return GaliciaModule;
     }());
 
     /**
@@ -4225,7 +4393,7 @@
         PaypalModule,
         GoCuotasModule,
         ModoModule,
-        BankTransferModule
+        GaliciaModule
     ];
     var VkPaymentsModule = /** @class */ (function () {
         function VkPaymentsModule() {
@@ -4233,7 +4401,8 @@
         VkPaymentsModule.decorators = [
             { type: core.NgModule, args: [{
                         imports: LIB_MODULES,
-                        exports: LIB_MODULES
+                        exports: LIB_MODULES,
+                        declarations: []
                     },] }
         ];
         return VkPaymentsModule;
@@ -4256,9 +4425,9 @@
     exports.ɵn = ModoModule;
     exports.ɵo = ModoComponent;
     exports.ɵp = ModoApiService;
-    exports.ɵq = BankTransferModule;
-    exports.ɵr = BankTransferComponent;
-    exports.ɵs = BankTransferApiService;
+    exports.ɵq = GaliciaModule;
+    exports.ɵr = GaliciaComponent;
+    exports.ɵs = GaliciaApiService;
 
     Object.defineProperty(exports, '__esModule', { value: true });