vk-payments 0.2.24 → 0.2.26

package/bundles/vk-payments.umd.js

@@ -3910,6 +3910,243 @@
         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.statusPay = new core.EventEmitter();
+            this.isLoading = false;
+            this.errorMessage = '';
+            this.paymentForm = new forms.FormGroup({
+                cuit: new forms.FormControl('', [
+                    forms.Validators.required,
+                    forms.Validators.minLength(11),
+                    forms.Validators.maxLength(11),
+                    forms.Validators.pattern('^[0-9]*$')
+                ]),
+            });
+        }
+        /**
+         * @return {?}
+         */
+        BankTransferComponent.prototype.ngOnInit = /**
+         * @return {?}
+         */
+        function () {
+        };
+        /**
+         * @return {?}
+         */
+        BankTransferComponent.prototype.onSubmit = /**
+         * @return {?}
+         */
+        function () {
+            var _this = this;
+            if (this.paymentForm.invalid) {
+                this.paymentForm.markAllAsTouched();
+                return;
+            }
+            this.isLoading = true;
+            this.errorMessage = '';
+            /** @type {?} */
+            var cuitControl = this.paymentForm.get('cuit');
+            /** @type {?} */
+            var cuitValue = cuitControl ? cuitControl.value : '';
+            /** @type {?} */
+            var request = {
+                cuit: cuitValue.toString(),
+                checkoutId: this.checkoutId,
+                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) {
+                    // Exito!
+                    _this.statusPay.emit({
+                        success: true,
+                        paymentId: (response.data && response.data.bankTransferEcommId) ? response.data.bankTransferEcommId : '',
+                        integrator: 'BANK_TRANSFER'
+                    });
+                }
+                else {
+                    // El API respondió HTTP 200 pero success: false
+                    _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) {
+                // Error HTTP (500, 400, etc)
+                _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", {
+            // Helper para validación visual en el template
+            get: 
+            // Helper para validación visual en el template
+            /**
+             * @return {?}
+             */
+            function () {
+                return this.paymentForm.get('cuit');
+            },
+            enumerable: true,
+            configurable: true
+        });
+        BankTransferComponent.decorators = [
+            { type: core.Component, args: [{
+                        selector: 'vk-bank-transfer',
+                        template: "<div class=\"bank-transfer-container\">\n  \n  <p class=\"description\">\n    Complet\u00E1 tu CUIT/CUIL para registrar el pago por transferencia. \n    Una vez confirmado, tu pedido quedar\u00E1 sujeto a la aprobaci\u00F3n del pago.\n  </p>\n\n  <form [formGroup]=\"paymentForm\" (ngSubmit)=\"onSubmit()\">\n    \n    <div class=\"form-group\">\n      <label for=\"cuit\">CUIT / CUIL del titular de la cuenta origen *</label>\n      <input \n        type=\"text\" \n        id=\"cuit\" \n        formControlName=\"cuit\" \n        placeholder=\"Ej: 20112223334 (Sin guiones)\" \n        maxlength=\"11\"\n        [ngClass]=\"{'is-invalid': cuitControl?.invalid && (cuitControl?.dirty || cuitControl?.touched)}\"\n      >\n      \n      <div class=\"error-feedback\" *ngIf=\"cuitControl?.invalid && (cuitControl?.dirty || cuitControl?.touched)\">\n        <span *ngIf=\"cuitControl?.errors?.required\">El CUIT/CUIL es obligatorio.</span>\n        <span *ngIf=\"cuitControl?.errors?.pattern\">Debe contener solo n\u00FAmeros.</span>\n        <span *ngIf=\"cuitControl?.errors?.minlength || cuitControl?.errors?.maxlength\">Debe tener exactamente 11 d\u00EDgitos.</span>\n      </div>\n    </div>\n\n    <div class=\"summary-box\">\n      <div class=\"summary-row total\">\n        <span>Total a transferir:</span>\n        <span class=\"amount\">${{ amount | number:'1.2-2' }}</span>\n      </div>\n      <small>* El 10% de descuento ya se encuentra aplicado a este total.</small>\n    </div>\n\n    <!-- Error devuelto por la API -->\n    <div class=\"api-error\" *ngIf=\"errorMessage\">\n      {{ errorMessage }}\n    </div>\n\n    <button type=\"submit\" class=\"btn-submit\" [disabled]=\"paymentForm.invalid || isLoading\">\n      <span *ngIf=\"!isLoading\">Confirmar Pago por Transferencia</span>\n      <span *ngIf=\"isLoading\" class=\"loader\">Procesando...</span>\n    </button>\n\n  </form>\n</div>\n",
+                        styles: [".bank-transfer-container{padding:10px 0}.bank-transfer-container .description{font-size:14px;color:#666;margin-bottom:20px;line-height:1.4}.bank-transfer-container .form-group{margin-bottom:20px}.bank-transfer-container .form-group label{display:block;font-weight:500;margin-bottom:8px;color:#333}.bank-transfer-container .form-group input{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:16px;transition:border-color .2s}.bank-transfer-container .form-group input:focus{outline:0;border-color:#f48024}.bank-transfer-container .form-group input.is-invalid{border-color:#d32f2f}.bank-transfer-container .form-group .error-feedback{color:#d32f2f;font-size:12px;margin-top:5px;display:block}.bank-transfer-container .summary-box{background:#f5f5f5;padding:15px;border-radius:4px;margin-bottom:20px;text-align:right}.bank-transfer-container .summary-box .summary-row{display:flex;justify-content:flex-end;align-items:center;font-size:18px}.bank-transfer-container .summary-box .summary-row span{margin-left:10px}.bank-transfer-container .summary-box .summary-row span.amount{font-weight:700;color:#2e7d32}.bank-transfer-container .summary-box small{display:block;color:#888;font-size:12px;margin-top:5px}.bank-transfer-container .api-error{background-color:#ffebee;color:#c62828;padding:10px;border-radius:4px;margin-bottom:15px;font-size:14px;text-align:center}.bank-transfer-container .btn-submit{width:100%;padding:12px;background-color:#111;color:#fff;border:none;border-radius:4px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s}.bank-transfer-container .btn-submit:hover{background-color:#333}.bank-transfer-container .btn-submit:disabled{background-color:#ccc;cursor:not-allowed}.bank-transfer-container .btn-submit .loader{display:inline-block;position:relative}"]
+                    }] }
+        ];
+        /** @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 }],
+            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.statusPay;
+        /** @type {?} */
+        BankTransferComponent.prototype.paymentForm;
+        /** @type {?} */
+        BankTransferComponent.prototype.isLoading;
+        /** @type {?} */
+        BankTransferComponent.prototype.errorMessage;
+        /**
+         * @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/vk-payments.module.ts
@@ -3921,7 +4158,8 @@
         SpsDecidirModule,
         PaypalModule,
         GoCuotasModule,
-        ModoModule
+        ModoModule,
+        BankTransferModule
     ];
     var VkPaymentsModule = /** @class */ (function () {
         function VkPaymentsModule() {
@@ -3952,6 +4190,9 @@
     exports.ɵn = ModoModule;
     exports.ɵo = ModoComponent;
     exports.ɵp = ModoApiService;
+    exports.ɵq = BankTransferModule;
+    exports.ɵr = BankTransferComponent;
+    exports.ɵs = BankTransferApiService;
 
     Object.defineProperty(exports, '__esModule', { value: true });