vk-payments 0.2.30 → 0.2.32

package/fesm5/vk-payments.js

@@ -1,10 +1,11 @@
 import { Injectable, ɵɵdefineInjectable, ɵɵinject, EventEmitter, Component, Input, Output, ViewChild, NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { FormsModule, ReactiveFormsModule, FormGroup, FormControl } from '@angular/forms';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { Router, RouterModule } from '@angular/router';
 import { __values, __awaiter, __generator } from 'tslib';
 import { HttpHeaders, HttpClient, HttpClientModule } from '@angular/common/http';
 import sha256 from 'sha256';
+import { toDataURL } from 'qrcode';
 
 /**
  * @fileoverview added by tsickle
@@ -3715,305 +3716,473 @@ var ModoModule = /** @class */ (function () {
 
 /**
  * @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 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: Injectable, args: [{
                     providedIn: 'root'
                 },] }
     ];
     /** @nocollapse */
-    BankTransferApiService.ctorParameters = function () { return [
+    GaliciaApiService.ctorParameters = function () { return [
         { type: HttpClient }
     ]; };
-    /** @nocollapse */ BankTransferApiService.ngInjectableDef = ɵɵdefineInjectable({ factory: function BankTransferApiService_Factory() { return new BankTransferApiService(ɵɵinject(HttpClient)); }, token: BankTransferApiService, providedIn: "root" });
-    return BankTransferApiService;
+    /** @nocollapse */ GaliciaApiService.ngInjectableDef = ɵɵdefineInjectable({ factory: function GaliciaApiService_Factory() { return new GaliciaApiService(ɵɵinject(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 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 FormGroup({
-            cuit: new 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);
+        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: 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: Input }],
+        gaUrlApi: [{ type: Input }],
         vkUrlApi: [{ type: Input }],
-        amount: [{ type: Input }],
+        userId: [{ type: Input }],
+        logoGa: [{ type: Input }],
         storeId: [{ type: Input }],
         storeName: [{ type: Input }],
+        sessionId: [{ type: Input }],
         checkoutId: [{ type: Input }],
-        checkoutAdditionalData: [{ type: Input }],
-        discountRate: [{ type: Input }],
+        data: [{ type: Input }],
         statusPay: [{ type: 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 {?} */
-    BankTransferComponent.prototype.vkUrlApi;
+    GaliciaComponent.prototype.storeName;
     /** @type {?} */
-    BankTransferComponent.prototype.amount;
+    GaliciaComponent.prototype.sessionId;
     /** @type {?} */
-    BankTransferComponent.prototype.storeId;
+    GaliciaComponent.prototype.checkoutId;
     /** @type {?} */
-    BankTransferComponent.prototype.storeName;
+    GaliciaComponent.prototype.data;
     /** @type {?} */
-    BankTransferComponent.prototype.checkoutId;
+    GaliciaComponent.prototype.statusPay;
     /** @type {?} */
-    BankTransferComponent.prototype.checkoutAdditionalData;
+    GaliciaComponent.prototype.qrImage;
     /** @type {?} */
-    BankTransferComponent.prototype.discountRate;
+    GaliciaComponent.prototype.billNumber;
     /** @type {?} */
-    BankTransferComponent.prototype.statusPay;
+    GaliciaComponent.prototype.errorMessage;
     /** @type {?} */
-    BankTransferComponent.prototype.paymentForm;
+    GaliciaComponent.prototype.OinitPayment;
     /** @type {?} */
-    BankTransferComponent.prototype.isLoading;
+    GaliciaComponent.prototype.isGeneratingQr;
     /** @type {?} */
-    BankTransferComponent.prototype.errorMessage;
+    GaliciaComponent.prototype.paymentCompleted;
     /** @type {?} */
-    BankTransferComponent.prototype.submittedSuccessfully;
+    GaliciaComponent.prototype.paymentId;
     /** @type {?} */
-    BankTransferComponent.prototype.amountCopied;
+    GaliciaComponent.prototype.showQr;
+    /** @type {?} */
+    GaliciaComponent.prototype.expired;
+    /** @type {?} */
+    GaliciaComponent.prototype.isLoading;
+    /** @type {?} */
+    GaliciaComponent.prototype.hasError;
+    /** @type {?} */
+    GaliciaComponent.prototype.minutes;
+    /** @type {?} */
+    GaliciaComponent.prototype.seconds;
     /**
      * @type {?}
      * @private
      */
-    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: NgModule, args: [{
                     declarations: [
-                        BankTransferComponent
+                        COMPONENTS$2
+                    ],
+                    exports: [
+                        COMPONENTS$2
                     ],
                     imports: [
                         CommonModule,
                         FormsModule,
                         ReactiveFormsModule,
-                        HttpClientModule
-                    ],
-                    exports: [
-                        BankTransferComponent
+                        RouterModule,
                     ],
                     providers: [
-                        BankTransferApiService
+                        GaliciaApiService
                     ]
                 },] }
     ];
-    return BankTransferModule;
+    return GaliciaModule;
 }());
 
 /**
@@ -4028,7 +4197,7 @@ var LIB_MODULES = [
     PaypalModule,
     GoCuotasModule,
     ModoModule,
-    BankTransferModule
+    GaliciaModule
 ];
 var VkPaymentsModule = /** @class */ (function () {
     function VkPaymentsModule() {
@@ -4036,7 +4205,8 @@ var VkPaymentsModule = /** @class */ (function () {
     VkPaymentsModule.decorators = [
         { type: NgModule, args: [{
                     imports: LIB_MODULES,
-                    exports: LIB_MODULES
+                    exports: LIB_MODULES,
+                    declarations: []
                 },] }
     ];
     return VkPaymentsModule;
@@ -4054,5 +4224,5 @@ var VkPaymentsModule = /** @class */ (function () {
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 
-export { VkPaymentsModule, MercadopagoModule as ɵa, MercadoPagoComponent as ɵb, MercadopagoApiService as ɵc, PromotionBankComponent as ɵd, SpsDecidirModule as ɵe, SpsDecidirComponent as ɵf, SpsDecidirApiService as ɵg, PaypalModule as ɵh, PayPalNewComponent as ɵi, GoCuotasModule as ɵj, GoCuotasComponent as ɵk, ModalComponent as ɵl, GoCuotasApiService as ɵm, ModoModule as ɵn, ModoComponent as ɵo, ModoApiService as ɵp, BankTransferModule as ɵq, BankTransferComponent as ɵr, BankTransferApiService as ɵs };
+export { VkPaymentsModule, MercadopagoModule as ɵa, MercadoPagoComponent as ɵb, MercadopagoApiService as ɵc, PromotionBankComponent as ɵd, SpsDecidirModule as ɵe, SpsDecidirComponent as ɵf, SpsDecidirApiService as ɵg, PaypalModule as ɵh, PayPalNewComponent as ɵi, GoCuotasModule as ɵj, GoCuotasComponent as ɵk, ModalComponent as ɵl, GoCuotasApiService as ɵm, ModoModule as ɵn, ModoComponent as ɵo, ModoApiService as ɵp, GaliciaModule as ɵq, GaliciaComponent as ɵr, GaliciaApiService as ɵs };
 //# sourceMappingURL=vk-payments.js.map