vk-payments 0.2.30 → 0.2.32

package/fesm2015/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 { HttpHeaders, HttpClient, HttpClientModule } from '@angular/common/http';
 import sha256 from 'sha256';
 import { __awaiter } from 'tslib';
+import { toDataURL } from 'qrcode';
 
 /**
  * @fileoverview added by tsickle
@@ -3186,269 +3187,409 @@ ModoModule.decorators = [
 
 /**
  * @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
  */
-class BankTransferApiService {
+class GaliciaApiService {
     /**
-     * @param {?} http
+     * @param {?} httpClient
      */
-    constructor(http) {
-        this.http = http;
+    constructor(httpClient) {
+        this.httpClient = httpClient;
     }
     /**
-     * @param {?} accessToken
-     * @param {?} request
-     * @param {?} vkApiUrl
+     * @param {?} url
      * @return {?}
      */
-    createPayment(accessToken, request, vkApiUrl) {
-        /** @type {?} */
-        const headers = new HttpHeaders({
-            'Content-Type': 'application/json',
-            Authorization: `Bearer ${accessToken}`
-        });
-        // Construimos la URL agregando la rute del Controller de BankTransfer
+    normalizeUrl(url) {
+        if (url.length > 0 && url.charAt(url.length - 1) == '/') {
+            url = url.substr(0, url.length - 1);
+        }
+        return url;
+    }
+    /**
+     * @param {?} url
+     * @param {?} initPayment
+     * @return {?}
+     */
+    initPayment(url, initPayment) {
         /** @type {?} */
-        const url = `${vkApiUrl}payments/BankTransfer/create-payment`;
-        return this.http.post(url, request, { headers });
+        const body = {
+            storeId: initPayment.storeId,
+            userId: initPayment.userId,
+            sessionId: initPayment.sessionId,
+            storeName: initPayment.storeName,
+            checkoutId: initPayment.checkoutId
+        };
+        return this.httpClient.post(this.normalizeUrl(url) + '/init-payment', body);
+    }
+    /**
+     * @param {?} url
+     * @param {?} billNumber
+     * @return {?}
+     */
+    paymentStatus(url, billNumber) {
+        return this.httpClient.get(this.normalizeUrl(url) + '/payment-status?billNumber=' + billNumber);
     }
 }
-BankTransferApiService.decorators = [
+GaliciaApiService.decorators = [
     { type: Injectable, args: [{
                 providedIn: 'root'
             },] }
 ];
 /** @nocollapse */
-BankTransferApiService.ctorParameters = () => [
+GaliciaApiService.ctorParameters = () => [
     { type: HttpClient }
 ];
-/** @nocollapse */ BankTransferApiService.ngInjectableDef = ɵɵdefineInjectable({ factory: function BankTransferApiService_Factory() { return new BankTransferApiService(ɵɵinject(HttpClient)); }, token: BankTransferApiService, providedIn: "root" });
+/** @nocollapse */ GaliciaApiService.ngInjectableDef = ɵɵdefineInjectable({ factory: function GaliciaApiService_Factory() { return new GaliciaApiService(ɵɵinject(HttpClient)); }, token: GaliciaApiService, providedIn: "root" });
 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
  */
-class BankTransferComponent {
+class GaliciaComponent {
     /**
-     * @param {?} bankTransferApi
+     * @param {?} galiciaApiService
      */
-    constructor(bankTransferApi) {
-        this.bankTransferApi = bankTransferApi;
-        this.discountRate = 0.10; // Tasa de descuento (10% por defecto)
-        // Tasa de descuento (10% por defecto)
+    constructor(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' };
     }
-    // Calculados a partir de `amount` (que ya tiene el descuento aplicado)
     /**
      * @return {?}
      */
-    get subtotalAmount() {
-        return this.amount ? Math.round(this.amount / (1 - this.discountRate)) : 0;
+    ngOnInit() {
+        this.createInitPayment();
     }
     /**
+     * @param {?} datos
      * @return {?}
      */
-    get discountAmount() {
-        return this.subtotalAmount - (this.amount || 0);
+    generateQr(datos) {
+        /** @type {?} */
+        const decoded = atob(datos);
+        toDataURL(decoded, {
+            width: 300,
+            margin: 2
+        })
+            .then((/**
+         * @param {?} url
+         * @return {?}
+         */
+        url => {
+            this.qrImage = url;
+            this.isGeneratingQr = false;
+            this.showQr = true;
+            this.expired = false;
+            this.startTimer();
+            this.startPaymentValidation();
+        }));
     }
     /**
      * @return {?}
      */
-    ngOnInit() { }
+    createInitPayment() {
+        this.OinitPayment = {
+            sessionId: '',
+            userId: this.userId,
+            storeId: this.storeId,
+            storeName: this.storeName,
+            checkoutId: this.checkoutId
+        };
+        this.initPayment();
+    }
     /**
-     * @param {?} text
      * @return {?}
      */
-    copyToClipboard(text) {
-        navigator.clipboard.writeText(text).catch((/**
-         * @return {?}
-         */
-        () => {
-            /** @type {?} */
-            const el = document.createElement('textarea');
-            el.value = text;
-            document.body.appendChild(el);
-            el.select();
-            document.execCommand('copy');
-            document.body.removeChild(el);
-        }));
+    initPayment() {
+        this.isGeneratingQr = true;
+        this.galiciaApiService.initPayment(this.vkUrlApi, this.OinitPayment)
+            .subscribe({
+            next: (/**
+             * @param {?} v
+             * @return {?}
+             */
+            (v) => this.initPaymentResponseHandler(v)),
+            error: (/**
+             * @param {?} v
+             * @return {?}
+             */
+            (v) => this.initPaymentErrorHandler(v))
+        });
     }
     /**
+     * @private
+     * @param {?} response
      * @return {?}
      */
-    copyAmount() {
+    initPaymentResponseHandler(response) {
+        if (!response.success) {
+            this.isLoading = false;
+            this.hasError = true;
+            this.statusPay.emit(this.paymentResult);
+            this.errorMessage = response.errorsMessages[0] || 'Ocurrió un error al generar el código QR.';
+            return;
+        }
         /** @type {?} */
-        const amountStr = this.amount ? this.amount.toFixed(2) : '0';
-        this.copyToClipboard(amountStr);
-        this.amountCopied = true;
-        setTimeout((/**
-         * @return {?}
-         */
-        () => this.amountCopied = false), 2000);
+        var qrData = response.data.bills[0].qr.datos;
+        this.billNumber = response.data.bills[0].nroBoleta;
+        this.generateQr(qrData);
+    }
+    /**
+     * @private
+     * @param {?} error
+     * @return {?}
+     */
+    initPaymentErrorHandler(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 {?}
      */
-    onSubmit() {
-        if (this.submittedSuccessfully || this.isLoading)
-            return;
-        this.isLoading = true;
-        this.errorMessage = '';
-        /** @type {?} */
-        const 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
+    startTimer() {
+        clearInterval(this.interval);
+        this.minutes = 1;
+        this.seconds = 0;
+        this.interval = setInterval((/**
          * @return {?}
          */
-        (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'
-                });
+        () => {
+            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
+        }), 1000);
+    }
+    /**
+     * @return {?}
+     */
+    startPaymentValidation() {
+        this.validationInterval = setInterval((/**
          * @return {?}
          */
-        (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'
+        () => {
+            this.galiciaApiService.paymentStatus(this.vkUrlApi, this.billNumber)
+                .subscribe({
+                next: (/**
+                 * @param {?} v
+                 * @return {?}
+                 */
+                (v) => this.paymentStatusResponseHandler(v)),
+                error: (/**
+                 * @param {?} v
+                 * @return {?}
+                 */
+                (v) => this.paymentStatusErrorHandler(v))
             });
-            console.error('Error BankTransferApiService:', error);
-        }));
+        }), 5000);
     }
     /**
+     * @param {?} response
      * @return {?}
      */
-    get cuitControl() {
-        return this.paymentForm.get('cuit');
+    paymentStatusResponseHandler(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 {?}
+     */
+    paymentStatusErrorHandler(error) {
+        clearInterval(this.validationInterval);
+        this.hasError = true;
+    }
+    /**
+     * @return {?}
+     */
+    showQrAgain() {
+        this.showQr = true;
+        this.expired = false;
+        this.startTimer();
+        this.startPaymentValidation();
+    }
+    /**
+     * @private
+     * @return {?}
+     */
+    stopValidation() {
+        clearInterval(this.validationInterval);
+        clearInterval(this.interval);
     }
 }
-BankTransferComponent.decorators = [
+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 = () => [
-    { type: BankTransferApiService }
+GaliciaComponent.ctorParameters = () => [
+    { 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 }]
 };
 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 {?} */
-    BankTransferComponent.prototype.vkUrlApi;
+    GaliciaComponent.prototype.storeId;
     /** @type {?} */
-    BankTransferComponent.prototype.amount;
+    GaliciaComponent.prototype.storeName;
     /** @type {?} */
-    BankTransferComponent.prototype.storeId;
+    GaliciaComponent.prototype.sessionId;
     /** @type {?} */
-    BankTransferComponent.prototype.storeName;
+    GaliciaComponent.prototype.checkoutId;
     /** @type {?} */
-    BankTransferComponent.prototype.checkoutId;
+    GaliciaComponent.prototype.data;
     /** @type {?} */
-    BankTransferComponent.prototype.checkoutAdditionalData;
+    GaliciaComponent.prototype.statusPay;
     /** @type {?} */
-    BankTransferComponent.prototype.discountRate;
+    GaliciaComponent.prototype.qrImage;
     /** @type {?} */
-    BankTransferComponent.prototype.statusPay;
+    GaliciaComponent.prototype.billNumber;
     /** @type {?} */
-    BankTransferComponent.prototype.paymentForm;
+    GaliciaComponent.prototype.errorMessage;
     /** @type {?} */
-    BankTransferComponent.prototype.isLoading;
+    GaliciaComponent.prototype.OinitPayment;
     /** @type {?} */
-    BankTransferComponent.prototype.errorMessage;
+    GaliciaComponent.prototype.isGeneratingQr;
     /** @type {?} */
-    BankTransferComponent.prototype.submittedSuccessfully;
+    GaliciaComponent.prototype.paymentCompleted;
     /** @type {?} */
-    BankTransferComponent.prototype.amountCopied;
+    GaliciaComponent.prototype.paymentId;
+    /** @type {?} */
+    GaliciaComponent.prototype.showQr;
+    /** @type {?} */
+    GaliciaComponent.prototype.expired;
+    /** @type {?} */
+    GaliciaComponent.prototype.isLoading;
+    /** @type {?} */
+    GaliciaComponent.prototype.hasError;
+    /** @type {?} */
+    GaliciaComponent.prototype.minutes;
+    /** @type {?} */
+    GaliciaComponent.prototype.seconds;
     /**
      * @type {?}
      * @private
      */
-    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
  */
-class BankTransferModule {
+/** @type {?} */
+const COMPONENTS$2 = [
+    GaliciaComponent
+];
+class 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
                 ]
             },] }
 ];
@@ -3465,14 +3606,15 @@ const LIB_MODULES = [
     PaypalModule,
     GoCuotasModule,
     ModoModule,
-    BankTransferModule
+    GaliciaModule
 ];
 class VkPaymentsModule {
 }
 VkPaymentsModule.decorators = [
     { type: NgModule, args: [{
                 imports: LIB_MODULES,
-                exports: LIB_MODULES
+                exports: LIB_MODULES,
+                declarations: []
             },] }
 ];
 
@@ -3488,5 +3630,5 @@ VkPaymentsModule.decorators = [
  * @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