vk-payments 0.2.32 → 0.2.33

package/bundles/vk-payments.umd.js

@@ -3910,6 +3910,318 @@
         return ModoModule;
     }());
 
+    /**
+     * @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
+     */
+    var BankTransferApiService = /** @class */ (function () {
+        function BankTransferApiService(http) {
+            this.http = http;
+        }
+        /**
+         * @param {?} accessToken
+         * @param {?} request
+         * @param {?} vkApiUrl
+         * @return {?}
+         */
+        BankTransferApiService.prototype.createPayment = /**
+         * @param {?} accessToken
+         * @param {?} request
+         * @param {?} vkApiUrl
+         * @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
+            /** @type {?} */
+            var url = vkApiUrl + "payments/BankTransfer/create-payment";
+            return this.http.post(url, request, { headers: headers });
+        };
+        BankTransferApiService.decorators = [
+            { type: core.Injectable, args: [{
+                        providedIn: 'root'
+                    },] }
+        ];
+        /** @nocollapse */
+        BankTransferApiService.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;
+    }());
+    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
+     */
+    var BankTransferComponent = /** @class */ (function () {
+        function BankTransferComponent(bankTransferApi) {
+            this.bankTransferApi = bankTransferApi;
+            this.discountRate = 0.10; // Tasa de descuento (10% por defecto)
+            // Descuento explícito desde el carrito
+            this.statusPay = new core.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 forms.FormGroup({
+                cuit: new forms.FormControl('00000000000')
+            });
+        }
+        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 () {
+                if (this.discountAmountValue !== undefined && this.discountAmountValue !== null) {
+                    return this.amount + this.discountAmountValue;
+                }
+                return this.amount ? Math.round(this.amount / (1 - this.discountRate)) : 0;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(BankTransferComponent.prototype, "discountAmount", {
+            get: /**
+             * @return {?}
+             */
+            function () {
+                if (this.discountAmountValue !== undefined && this.discountAmountValue !== null) {
+                    return this.discountAmountValue;
+                }
+                return this.subtotalAmount - (this.amount || 0);
+            },
+            enumerable: true,
+            configurable: true
+        });
+        /**
+         * @return {?}
+         */
+        BankTransferComponent.prototype.ngOnInit = /**
+         * @return {?}
+         */
+        function () { };
+        /**
+         * @param {?} text
+         * @return {?}
+         */
+        BankTransferComponent.prototype.copyToClipboard = /**
+         * @param {?} text
+         * @return {?}
+         */
+        function (text) {
+            navigator.clipboard.writeText(text).catch((/**
+             * @return {?}
+             */
+            function () {
+                /** @type {?} */
+                var el = document.createElement('textarea');
+                el.value = text;
+                document.body.appendChild(el);
+                el.select();
+                document.execCommand('copy');
+                document.body.removeChild(el);
+            }));
+        };
+        /**
+         * @return {?}
+         */
+        BankTransferComponent.prototype.copyAmount = /**
+         * @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);
+        };
+        /**
+         * @return {?}
+         */
+        BankTransferComponent.prototype.onSubmit = /**
+         * @return {?}
+         */
+        function () {
+            var _this = this;
+            if (this.submittedSuccessfully || this.isLoading)
+                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
+             * @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'
+                    });
+                }
+                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 {?}
+             */
+            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);
+            }));
+        };
+        Object.defineProperty(BankTransferComponent.prototype, "cuitControl", {
+            get: /**
+             * @return {?}
+             */
+            function () {
+                return this.paymentForm.get('cuit');
+            },
+            enumerable: true,
+            configurable: true
+        });
+        BankTransferComponent.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}"]
+                    }] }
+        ];
+        /** @nocollapse */
+        BankTransferComponent.ctorParameters = function () { return [
+            { type: BankTransferApiService }
+        ]; };
+        BankTransferComponent.propDecorators = {
+            accessToken: [{ type: core.Input }],
+            vkUrlApi: [{ type: core.Input }],
+            amount: [{ type: core.Input }],
+            storeId: [{ type: core.Input }],
+            storeName: [{ type: core.Input }],
+            checkoutId: [{ type: core.Input }],
+            checkoutAdditionalData: [{ type: core.Input }],
+            discountRate: [{ type: core.Input }],
+            discountAmountValue: [{ type: core.Input }],
+            statusPay: [{ type: core.Output }]
+        };
+        return BankTransferComponent;
+    }());
+    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
+     */
+    var BankTransferModule = /** @class */ (function () {
+        function BankTransferModule() {
+        }
+        BankTransferModule.decorators = [
+            { type: core.NgModule, args: [{
+                        declarations: [
+                            BankTransferComponent
+                        ],
+                        imports: [
+                            common.CommonModule,
+                            forms.FormsModule,
+                            forms.ReactiveFormsModule,
+                            http.HttpClientModule
+                        ],
+                        exports: [
+                            BankTransferComponent
+                        ],
+                        providers: [
+                            BankTransferApiService
+                        ]
+                    },] }
+        ];
+        return BankTransferModule;
+    }());
+
     /**
      * @fileoverview added by tsickle
      * Generated from: lib/galicia/services/galicia.api.service.ts
@@ -4198,7 +4510,6 @@
          * @return {?}
          */
         function (response) {
-            console.log(response);
             if (!response.success) {
                 this.isLoading = false;
                 this.statusPay.emit(this.paymentResult);
@@ -4392,6 +4703,7 @@
         SpsDecidirModule,
         PaypalModule,
         GoCuotasModule,
+        BankTransferModule,
         ModoModule,
         GaliciaModule
     ];
@@ -4422,12 +4734,15 @@
     exports.ɵk = GoCuotasComponent;
     exports.ɵl = ModalComponent;
     exports.ɵm = GoCuotasApiService;
-    exports.ɵn = ModoModule;
-    exports.ɵo = ModoComponent;
-    exports.ɵp = ModoApiService;
-    exports.ɵq = GaliciaModule;
-    exports.ɵr = GaliciaComponent;
-    exports.ɵs = GaliciaApiService;
+    exports.ɵn = BankTransferModule;
+    exports.ɵo = BankTransferComponent;
+    exports.ɵp = BankTransferApiService;
+    exports.ɵq = ModoModule;
+    exports.ɵr = ModoComponent;
+    exports.ɵs = ModoApiService;
+    exports.ɵt = GaliciaModule;
+    exports.ɵu = GaliciaComponent;
+    exports.ɵv = GaliciaApiService;
 
     Object.defineProperty(exports, '__esModule', { value: true });