vk-payments 0.2.32 → 0.2.33

package/fesm2015/vk-payments.js

@@ -1,6 +1,6 @@
 import { Injectable, ɵɵdefineInjectable, ɵɵinject, EventEmitter, Component, Input, Output, ViewChild, NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { FormsModule, ReactiveFormsModule, FormGroup, FormControl } from '@angular/forms';
 import { Router, RouterModule } from '@angular/router';
 import { HttpHeaders, HttpClient, HttpClientModule } from '@angular/common/http';
 import sha256 from 'sha256';
@@ -3185,6 +3185,284 @@ ModoModule.decorators = [
             },] }
 ];
 
+/**
+ * @fileoverview added by tsickle
+ * Generated from: lib/bank-transfer/services/bank-transfer.api.service.ts
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+class BankTransferApiService {
+    /**
+     * @param {?} http
+     */
+    constructor(http) {
+        this.http = http;
+    }
+    /**
+     * @param {?} accessToken
+     * @param {?} request
+     * @param {?} vkApiUrl
+     * @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
+        /** @type {?} */
+        const url = `${vkApiUrl}payments/BankTransfer/create-payment`;
+        return this.http.post(url, request, { headers });
+    }
+}
+BankTransferApiService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: 'root'
+            },] }
+];
+/** @nocollapse */
+BankTransferApiService.ctorParameters = () => [
+    { type: HttpClient }
+];
+/** @nocollapse */ BankTransferApiService.ngInjectableDef = ɵɵdefineInjectable({ factory: function BankTransferApiService_Factory() { return new BankTransferApiService(ɵɵinject(HttpClient)); }, token: BankTransferApiService, providedIn: "root" });
+if (false) {
+    /**
+     * @type {?}
+     * @private
+     */
+    BankTransferApiService.prototype.http;
+}
+
+/**
+ * @fileoverview added by tsickle
+ * Generated from: lib/bank-transfer/components/bank-transfer.component.ts
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+class BankTransferComponent {
+    /**
+     * @param {?} bankTransferApi
+     */
+    constructor(bankTransferApi) {
+        this.bankTransferApi = bankTransferApi;
+        this.discountRate = 0.10; // Tasa de descuento (10% por defecto)
+        // Descuento explícito desde el carrito
+        this.statusPay = new EventEmitter();
+        this.isLoading = false;
+        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')
+        });
+    }
+    // Calculados a partir de `amount` (que ya tiene el descuento aplicado)
+    /**
+     * @return {?}
+     */
+    get subtotalAmount() {
+        if (this.discountAmountValue !== undefined && this.discountAmountValue !== null) {
+            return this.amount + this.discountAmountValue;
+        }
+        return this.amount ? Math.round(this.amount / (1 - this.discountRate)) : 0;
+    }
+    /**
+     * @return {?}
+     */
+    get discountAmount() {
+        if (this.discountAmountValue !== undefined && this.discountAmountValue !== null) {
+            return this.discountAmountValue;
+        }
+        return this.subtotalAmount - (this.amount || 0);
+    }
+    /**
+     * @return {?}
+     */
+    ngOnInit() { }
+    /**
+     * @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);
+        }));
+    }
+    /**
+     * @return {?}
+     */
+    copyAmount() {
+        /** @type {?} */
+        const amountStr = this.amount ? this.amount.toFixed(2) : '0';
+        this.copyToClipboard(amountStr);
+        this.amountCopied = true;
+        setTimeout((/**
+         * @return {?}
+         */
+        () => this.amountCopied = false), 2000);
+    }
+    /**
+     * @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
+         * @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'
+                });
+            }
+            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'
+                });
+            }
+        }), (/**
+         * @param {?} error
+         * @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'
+            });
+            console.error('Error BankTransferApiService:', error);
+        }));
+    }
+    /**
+     * @return {?}
+     */
+    get cuitControl() {
+        return this.paymentForm.get('cuit');
+    }
+}
+BankTransferComponent.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}"]
+            }] }
+];
+/** @nocollapse */
+BankTransferComponent.ctorParameters = () => [
+    { type: BankTransferApiService }
+];
+BankTransferComponent.propDecorators = {
+    accessToken: [{ type: Input }],
+    vkUrlApi: [{ type: Input }],
+    amount: [{ type: Input }],
+    storeId: [{ type: Input }],
+    storeName: [{ type: Input }],
+    checkoutId: [{ type: Input }],
+    checkoutAdditionalData: [{ type: Input }],
+    discountRate: [{ type: Input }],
+    discountAmountValue: [{ type: Input }],
+    statusPay: [{ type: Output }]
+};
+if (false) {
+    /** @type {?} */
+    BankTransferComponent.prototype.accessToken;
+    /** @type {?} */
+    BankTransferComponent.prototype.vkUrlApi;
+    /** @type {?} */
+    BankTransferComponent.prototype.amount;
+    /** @type {?} */
+    BankTransferComponent.prototype.storeId;
+    /** @type {?} */
+    BankTransferComponent.prototype.storeName;
+    /** @type {?} */
+    BankTransferComponent.prototype.checkoutId;
+    /** @type {?} */
+    BankTransferComponent.prototype.checkoutAdditionalData;
+    /** @type {?} */
+    BankTransferComponent.prototype.discountRate;
+    /** @type {?} */
+    BankTransferComponent.prototype.discountAmountValue;
+    /** @type {?} */
+    BankTransferComponent.prototype.statusPay;
+    /** @type {?} */
+    BankTransferComponent.prototype.paymentForm;
+    /** @type {?} */
+    BankTransferComponent.prototype.isLoading;
+    /** @type {?} */
+    BankTransferComponent.prototype.errorMessage;
+    /** @type {?} */
+    BankTransferComponent.prototype.submittedSuccessfully;
+    /** @type {?} */
+    BankTransferComponent.prototype.amountCopied;
+    /**
+     * @type {?}
+     * @private
+     */
+    BankTransferComponent.prototype.bankTransferApi;
+}
+
+/**
+ * @fileoverview added by tsickle
+ * Generated from: lib/bank-transfer/bank-transfer.module.ts
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+class BankTransferModule {
+}
+BankTransferModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [
+                    BankTransferComponent
+                ],
+                imports: [
+                    CommonModule,
+                    FormsModule,
+                    ReactiveFormsModule,
+                    HttpClientModule
+                ],
+                exports: [
+                    BankTransferComponent
+                ],
+                providers: [
+                    BankTransferApiService
+                ]
+            },] }
+];
+
 /**
  * @fileoverview added by tsickle
  * Generated from: lib/galicia/services/galicia.api.service.ts
@@ -3427,7 +3705,6 @@ class GaliciaComponent {
      * @return {?}
      */
     paymentStatusResponseHandler(response) {
-        console.log(response);
         if (!response.success) {
             this.isLoading = false;
             this.statusPay.emit(this.paymentResult);
@@ -3605,6 +3882,7 @@ const LIB_MODULES = [
     SpsDecidirModule,
     PaypalModule,
     GoCuotasModule,
+    BankTransferModule,
     ModoModule,
     GaliciaModule
 ];
@@ -3630,5 +3908,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, GaliciaModule as ɵq, GaliciaComponent as ɵr, GaliciaApiService 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, BankTransferModule as ɵn, BankTransferComponent as ɵo, BankTransferApiService as ɵp, ModoModule as ɵq, ModoComponent as ɵr, ModoApiService as ɵs, GaliciaModule as ɵt, GaliciaComponent as ɵu, GaliciaApiService as ɵv };
 //# sourceMappingURL=vk-payments.js.map