ng-easycommerce 0.0.601 → 0.0.603

package/bundles/ng-easycommerce.umd.js

@@ -4281,7 +4281,13 @@
                     return rxjs.of(err.toString());
                 })).toPromise();
             };
-            this.signUp = function (data) { return _this.connection.post(_this.registerApi(), data); };
+            this.signUp = function (data) {
+                // Convertir el email a minúsculas si existe
+                if (data.email) {
+                    data = __assign$9(__assign$9({}, data), { email: data.email.toLowerCase() });
+                }
+                return _this.connection.post(_this.registerApi(), data);
+            };
             this.confirmAccount = function (token) {
                 return _this.connection.get(_this.confirmAccountApi(token));
             };
@@ -4299,7 +4305,13 @@
             };
             this.getExpiratesAt = function () { return localStorage.getItem(_this.EXPIRATES_IN); };
             this.hasToRefresh = function () { return _this.getRefreshToken(); };
-            this.signUpWholesaler = function (data) { return _this.connection.post(_this.registerWholesalerApi(), data); };
+            this.signUpWholesaler = function (data) {
+                // Convertir el email a minúsculas si existe
+                if (data.email) {
+                    data = __assign$9(__assign$9({}, data), { email: data.email.toLowerCase() });
+                }
+                return _this.connection.post(_this.registerWholesalerApi(), data);
+            };
             this.getCountriesData = function () { return __awaiter$4(_this, void 0, void 0, function () { return __generator$4(this, function (_a) {
                 return [2 /*return*/, this.connection.get(this.countriesApi()).pipe(operators.map(function (res) { return res._embedded.items; })).toPromise()];
             }); }); };
@@ -4402,7 +4414,8 @@
             this.injector.get(ChannelConfigService).channelConfig$.subscribe(function (ch) { return _this.channel = ch; });
             this.injector.get(ChannelConfigService).channels.subscribe(function (ch) { return _this.channels = ch; });
             this.loggingInSubject.next(true);
-            user = __assign$9(__assign$9({}, user), this.constants.loginExtraData());
+            // Convertir el username a minúsculas
+            user = __assign$9(__assign$9(__assign$9({}, user), { username: user.username.toLowerCase() }), this.constants.loginExtraData());
             var result = this.connection.post(this.tokenApi(), user).pipe(operators.map(function (res) {
                 if (_this.channelAccessPermission(__assign$9(__assign$9({}, user), res)) && _this.isAllowedRole(withRoles, res.type)) {
                     _this.doLoginUser(__assign$9(__assign$9({}, user), res));
@@ -8500,6 +8513,7 @@
             _this.getCheckoutMobbexApi = function () { return 'shop-api/' + _this.consts.getChannel() + '/mobbex/' + _this.cartService.getCartToken() + '/process-payment'; };
             _this.getCheckoutBancardApi = function () { return 'shop-api/' + _this.consts.getChannel() + '/bancard/' + _this.cartService.getCartToken() + '/process-payment'; }; //?testOrderNumber=' + this.getRandomArbitrary()
             _this.getCheckoutBambooApi = function () { return 'shop-api/' + _this.consts.getChannel() + '/bamboo/' + _this.cartService.getCartToken() + '/process-payment'; };
+            _this.getCheckoutPlaceToPayApi = function () { return 'shop-api/' + _this.consts.getChannel() + '/place-to-pay/' + _this.cartService.getCartToken() + '/process-payment'; };
             _this.putPaymentApi = function (method) { return _this.baseApi() + '/payment/' + method; };
             _this.getPaymentMethods = function () { return __awaiter$a(_this, void 0, void 0, function () {
                 var _this = this;
@@ -8523,6 +8537,9 @@
             _this.getCheckoutMobbex = function (shipment_data) { return _this.connection.post(_this.getCheckoutMobbexApi(), shipment_data).toPromise(); };
             _this.getCheckoutBancard = function (shipment_data) { return _this.connection.get(_this.getCheckoutBancardApi(), shipment_data).toPromise(); };
             _this.getCheckoutBamboo = function (shipment_data) { return _this.connection.get(_this.getCheckoutBambooApi(), shipment_data).toPromise(); };
+            _this.getCheckoutPlaceToPay = function (shipment_data) {
+                return _this.connection.post(_this.getCheckoutPlaceToPayApi(), shipment_data).toPromise();
+            };
             _this.getRandomArbitrary = function () { return Math.round(Math.random() * (Number(9999999) - Number(2000003)) + Number(2000003)); };
             _this.getPaymentMethods();
             return _this;
@@ -8693,6 +8710,7 @@
             _this.isBankTransfer = function (code) { return code && code.toLocaleLowerCase().includes('bank_transfer'); };
             _this.isCatastro = function (code) { return code && code.toLocaleLowerCase().includes('catastro'); };
             _this.isBamboo = function (code) { return code && code.toLocaleLowerCase().includes('bamboo'); };
+            _this.isPlaceToPay = function (code) { return code && code.toLocaleLowerCase().includes('place_to_pay'); };
             _this.getPKCulqi = function (method) {
                 return window.location.href.includes('easycommercetech')
                     ? method.config.public_testing_key
@@ -8743,7 +8761,7 @@
         PaymentEcComponent = __decorate$S([
             core.Component({
                 selector: 'app-payment-ec',
-                template: "<div class=\"container-fluid\" *ngIf=\"(paymentService.methods$ | async) as methods\">\n\n    <div class=\"row\">\n        <div class=\"col-12\">\n            <div class=\"card \">\n                <div class=\"card-header text-dark text-center\">\n                    <h4>{{ 'select-method' | translate }}</h4>\n                    <div class=\"btn-toolbar justify-content-center\" role=\"toolbar\" aria-label=\"Envios toolbar\">\n                        <div class=\"\" role=\"group\" aria-label=\"Grupo botones envio\">\n                            <div class=\"d-flex align-content-start justify-content-center flex-wrap\">\n                                <button type=\"button\" class=\"btn btn-outline-secondary mx-1 mb-1\"\n                                    *ngFor=\"let method of methods; let x = index\"\n                                    (click)=\"setMethod(method) ; setActive($event)\">\n                                    {{ method.name | translate }}\n                                </button>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"card-body text-center\">\n                    <div class=\"row justify-content-center\" *ngIf=\"(method_data$ | async) as method\">\n                        <ng-container *ngIf=\"!loading_internal ; else loading\">\n                            <div class=\"method-container text-dark\" *ngIf=\"isMP(method.code)\">\n                                <p id=\"faqs\" class=\"qt px-5 \">{{ method.description }}</p>\n                                <p class=\"px-5\">{{ method.instructions }}</p>\n                                <app-mp-redirect-ec (ready)=\"verifyValidate($event)\" [method]=\"method\" [paymentServiceInst]=\"paymentService\" [allData]=\"allData()\"></app-mp-redirect-ec>\n                            </div>\n                            <div class=\"method-container text-dark text-left\" *ngIf=\"isMPTarjetaDeCredito(method.code)\">\n                                <div class=\"row\">\n                                    <div class=\"col-12\">\n                                        <p id=\"faqs\" class=\"qt px-5 \">{{ method.description }}</p>\n                                        <p class=\"px-5\">{{ method.instructions }}</p>\n                                        <div app-mp-credit-ec (ready)=\"verifyValidate()\" [public_key]=\"getPK(method)\"\n                                            [user_data]=\"allData()\" [total_amount]=\"total_amount\">\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                            <div class=\"method-container text-dark text-start\"\n                                *ngIf=\"isRedirectRedsys(method.code)\">\n                                <div class=\"row\">\n                                    <div class=\"col-12\">\n                                        <ng-container *ngIf=\"!method.code.includes('bizum') && !method.code.includes('_out_')\">\n                                            <app-redsys-redirect-ec (ready)=\"verifyValidate($event)\" [method]=\"method\" [user_data]=\"allData()\">\n                                            </app-redsys-redirect-ec>\n                                        </ng-container>\n                                        <ng-container *ngIf=\"method.code.includes('bizum') || method.code.includes('_out_')\">\n                                            <app-redsys-redirect-out-ec (ready)=\"verifyValidate($event)\" [method]=\"method\" [user_data]=\"allData()\">\n                                            </app-redsys-redirect-out-ec>\n                                        </ng-container>\n                                    </div>\n                                </div>\n                            </div>\n                            <div class=\"method-container text-dark text-start\" *ngIf=\"isRedirectCecaBank(method.code)\">\n                                <div class=\"row\">\n                                    <div class=\"col-12\">\n                                        <app-ceca-redirect-ec (ready)=\"verifyValidate($event)\" [method]=\"method\" [user_data]=\"allData()\">\n                                        </app-ceca-redirect-ec>\n                                    </div>\n                                </div>\n                            </div>\n                            <div class=\"method-container text-dark text-start\" *ngIf=\"isPeyPalExpress(method.code)\">\n                                <div class=\"container\">\n                                    <div class=\"row justify-content-center\">\n                                        <div class=\"col-12\">\n                                            <app-paypal-express-ec (ready)=\"verifyValidate($event)\" [method]=\"method\" [user_data]=\"allData()\"\n                                                [total_amount]=\"total_amount\">\n                                            </app-paypal-express-ec>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                            <div class=\"method-container text-dark text-start\" *ngIf=\"isMobbex(method.code)\">\n                                <div class=\"container\">\n                                    <div class=\"row justify-content-center\">\n                                        <div class=\"col-12\">\n                                            <app-mobbex-ec (ready)=\"verifyValidate($event)\" [method]=\"method\" [user_data]=\"allData()\" [paymentServiceInst]=\"paymentService\"\n                                                [total_amount]=\"total_amount\">\n                                            </app-mobbex-ec>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                            <div class=\"method-container text-dark text-start\" *ngIf=\"isBancard(method.code)\">\n                                <div class=\"container\">\n                                    <div class=\"row justify-content-center\">\n                                        <div class=\"col-12\">\n                                            <app-bancard-ec (ready)=\"verifyValidate($event)\" [method]=\"method\" [user_data]=\"allData()\"\n                                                [paymentServiceInst]=\"paymentService\" [total_amount]=\"total_amount\">\n                                            </app-bancard-ec>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                            <div class=\"method-container text-dark text-start\" *ngIf=\"isDecidir(method.code)\">\n                                <div class=\"container\">\n                                    <div class=\"row justify-content-center\">\n                                        <div class=\"col-12\">\n                                            <app-decidir-ec (ready)=\"verifyValidate($event)\" [method]=\"method\" [user_data]=\"allData()\" [paymentServiceInst]=\"paymentService\"\n                                                [total_amount]=\"total_amount\">\n                                            </app-decidir-ec>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                            <div class=\"method-container text-dark\" *ngIf=\"isMethodOffline(method.code)\">\n                                <p id=\"faqs\" class=\"qt px-5\">{{ method.description }}</p>\n                                <p class=\"px-5\">{{ method.instructions }}</p>\n                                <div class=\"end-button\">\n                                    <button class=\"btn comprar\" (click)=\"setLoading() && verifyValidate()\">{{  ('pay-with-offline'| translate) }}</button>\n                                </div>\n                                <ng-container *ngIf=\"(loading$ | async) as load\">\n                                    <div class=\"mt-2\" *ngIf=\"load\">\n                                        <app-loading-inline-ec></app-loading-inline-ec>\n                                    </div>\n                                </ng-container>\n                            </div>\n                            <div class=\"method-container text-dark text-start\" *ngIf=\"isCulqi(method.code)\">\n                                <div class=\"container\">\n                                    <div class=\"row justify-content-center\">\n                                        <div class=\"col-12\">\n                                            <!-- <app-mobbex-ec (ready)=\"verifyValidate($event)\" [method]=\"method\" [user_data]=\"allData()\" [paymentServiceInst]=\"paymentService\"\n                                                [total_amount]=\"total_amount\">\n                                            </app-mobbex-ec> -->\n                                            <app-culqi-ec [apiKey]=\"getPKCulqi(method)\" [method]=\"method\" [amount]=\"total_amount\" [customStyle]=\"true\" (ready)=\"verifyValidate()\"></app-culqi-ec>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                            <div class=\"method-container text-dark text-start\" *ngIf=\"isCatastro(method.code)\">\n                                <div class=\"container\">\n                                    <div class=\"row justify-content-center\">\n                                        <div class=\"col-12\">\n                                           <app-bancard-catastro-ec (ready)=\"verifyValidate($event)\" [method]=\"method\" [user_data]=\"allData()\"\n                                           [paymentServiceInst]=\"paymentService\" [total_amount]=\"total_amount\"></app-bancard-catastro-ec>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                            <div class=\"method-container text-dark text-start\" *ngIf=\"isBamboo(method.code)\">\n                                <div class=\"container\">\n                                    <div class=\"row justify-content-center\">\n                                        <div class=\"col-12\">\n                                           <app-bamboo-ec (ready)=\"verifyValidate($event)\" [method]=\"method\" [user_data]=\"allData()\"\n                                           [paymentServiceInst]=\"paymentService\" [total_amount]=\"total_amount\"></app-bamboo-ec>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                            <div class=\"method-container text-dark\" *ngIf=\"isBankTransfer(method.code)\">\n                                <div class=\"row px-0 description-cont\">\n                                    <ng-container *ngFor=\"let line of method.description.split('\\r\\n'); let i=index\">\n                                        <p [id]=\"'faqs-'+i\" [class]=\"'qt px-5 m-0 line-'+i\">{{ line }}</p>\n                                    </ng-container>\n                                </div>\n                                <hr *ngIf=\"method.instructions\">\n                                <div *ngIf=\"method.instructions\" class=\"row px-0 instructions-cont mb-1\">\n                                    <h5 class=\"instructions-title\">{{ ('instructions' | translate) }}</h5>\n                                    <ng-container *ngFor=\"let line of method.instructions.split('\\r\\n'); let i=index\">\n                                        <p [class]=\"'px-5 m-0 instructions-text line-'+i \">{{ line }}</p>\n                                    </ng-container>\n                                </div>\n\n                                <div class=\"end-button\">\n                                    <button class=\"btn comprar\" (click)=\"setLoading() && verifyValidate()\">{{\n                                        ('pay-with-transfer'\n                                        | translate) }}</button>\n                                </div>\n                                <ng-container *ngIf=\"(loading$ | async) as load\">\n                                    <div class=\"mt-2\" *ngIf=\"load\">\n                                        <app-loading-inline-ec></app-loading-inline-ec>\n                                    </div>\n                                </ng-container>\n                            </div>\n                        </ng-container>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n\n<ng-template #mercadoPago>\n    <div class=\"row \">\n        <div class=\"col-12 text-center\">\n            <app-loading-inline-ec *ngIf=\"loading_internal_mp\"></app-loading-inline-ec>\n            <form action=\"javascript:void(0)\" #formContainer></form>\n        </div>\n    </div>\n</ng-template>\n\n<ng-template #loading>\n    <app-loading-inline-ec></app-loading-inline-ec>\n</ng-template>\n",
+                template: "<div class=\"container-fluid\" *ngIf=\"(paymentService.methods$ | async) as methods\">\n\n    <div class=\"row\">\n        <div class=\"col-12\">\n            <div class=\"card \">\n                <div class=\"card-header text-dark text-center\">\n                    <h4>{{ 'select-method' | translate }}</h4>\n                    <div class=\"btn-toolbar justify-content-center\" role=\"toolbar\" aria-label=\"Envios toolbar\">\n                        <div class=\"\" role=\"group\" aria-label=\"Grupo botones envio\">\n                            <div class=\"d-flex align-content-start justify-content-center flex-wrap\">\n                                <button type=\"button\" class=\"btn btn-outline-secondary mx-1 mb-1\"\n                                    *ngFor=\"let method of methods; let x = index\"\n                                    (click)=\"setMethod(method) ; setActive($event)\">\n                                    {{ method.name | translate }}\n                                </button>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"card-body text-center\">\n                    <div class=\"row justify-content-center\" *ngIf=\"(method_data$ | async) as method\">\n                        <ng-container *ngIf=\"!loading_internal ; else loading\">\n                            <div class=\"method-container text-dark\" *ngIf=\"isMP(method.code)\">\n                                <p id=\"faqs\" class=\"qt px-5 \">{{ method.description }}</p>\n                                <p class=\"px-5\">{{ method.instructions }}</p>\n                                <app-mp-redirect-ec (ready)=\"verifyValidate($event)\" [method]=\"method\"\n                                    [paymentServiceInst]=\"paymentService\" [allData]=\"allData()\"></app-mp-redirect-ec>\n                            </div>\n                            <div class=\"method-container text-dark text-left\" *ngIf=\"isMPTarjetaDeCredito(method.code)\">\n                                <div class=\"row\">\n                                    <div class=\"col-12\">\n                                        <p id=\"faqs\" class=\"qt px-5 \">{{ method.description }}</p>\n                                        <p class=\"px-5\">{{ method.instructions }}</p>\n                                        <div app-mp-credit-ec (ready)=\"verifyValidate()\" [public_key]=\"getPK(method)\"\n                                            [user_data]=\"allData()\" [total_amount]=\"total_amount\">\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                            <div class=\"method-container text-dark text-start\" *ngIf=\"isRedirectRedsys(method.code)\">\n                                <div class=\"row\">\n                                    <div class=\"col-12\">\n                                        <ng-container\n                                            *ngIf=\"!method.code.includes('bizum') && !method.code.includes('_out_')\">\n                                            <app-redsys-redirect-ec (ready)=\"verifyValidate($event)\" [method]=\"method\"\n                                                [user_data]=\"allData()\">\n                                            </app-redsys-redirect-ec>\n                                        </ng-container>\n                                        <ng-container\n                                            *ngIf=\"method.code.includes('bizum') || method.code.includes('_out_')\">\n                                            <app-redsys-redirect-out-ec (ready)=\"verifyValidate($event)\"\n                                                [method]=\"method\" [user_data]=\"allData()\">\n                                            </app-redsys-redirect-out-ec>\n                                        </ng-container>\n                                    </div>\n                                </div>\n                            </div>\n                            <div class=\"method-container text-dark text-start\" *ngIf=\"isRedirectCecaBank(method.code)\">\n                                <div class=\"row\">\n                                    <div class=\"col-12\">\n                                        <app-ceca-redirect-ec (ready)=\"verifyValidate($event)\" [method]=\"method\"\n                                            [user_data]=\"allData()\">\n                                        </app-ceca-redirect-ec>\n                                    </div>\n                                </div>\n                            </div>\n                            <div class=\"method-container text-dark text-start\" *ngIf=\"isPeyPalExpress(method.code)\">\n                                <div class=\"container\">\n                                    <div class=\"row justify-content-center\">\n                                        <div class=\"col-12\">\n                                            <app-paypal-express-ec (ready)=\"verifyValidate($event)\" [method]=\"method\"\n                                                [user_data]=\"allData()\" [total_amount]=\"total_amount\">\n                                            </app-paypal-express-ec>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                            <div class=\"method-container text-dark text-start\" *ngIf=\"isMobbex(method.code)\">\n                                <div class=\"container\">\n                                    <div class=\"row justify-content-center\">\n                                        <div class=\"col-12\">\n                                            <app-mobbex-ec (ready)=\"verifyValidate($event)\" [method]=\"method\"\n                                                [user_data]=\"allData()\" [paymentServiceInst]=\"paymentService\"\n                                                [total_amount]=\"total_amount\">\n                                            </app-mobbex-ec>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                            <div class=\"method-container text-dark text-start\" *ngIf=\"isBancard(method.code)\">\n                                <div class=\"container\">\n                                    <div class=\"row justify-content-center\">\n                                        <div class=\"col-12\">\n                                            <app-bancard-ec (ready)=\"verifyValidate($event)\" [method]=\"method\"\n                                                [user_data]=\"allData()\" [paymentServiceInst]=\"paymentService\"\n                                                [total_amount]=\"total_amount\">\n                                            </app-bancard-ec>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                            <div class=\"method-container text-dark text-start\" *ngIf=\"isDecidir(method.code)\">\n                                <div class=\"container\">\n                                    <div class=\"row justify-content-center\">\n                                        <div class=\"col-12\">\n                                            <app-decidir-ec (ready)=\"verifyValidate($event)\" [method]=\"method\"\n                                                [user_data]=\"allData()\" [paymentServiceInst]=\"paymentService\"\n                                                [total_amount]=\"total_amount\">\n                                            </app-decidir-ec>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                            <div class=\"method-container text-dark\" *ngIf=\"isMethodOffline(method.code)\">\n                                <p id=\"faqs\" class=\"qt px-5\">{{ method.description }}</p>\n                                <p class=\"px-5\">{{ method.instructions }}</p>\n                                <div class=\"end-button\">\n                                    <button class=\"btn comprar\" (click)=\"setLoading() && verifyValidate()\">{{\n                                        ('pay-with-offline'| translate) }}</button>\n                                </div>\n                                <ng-container *ngIf=\"(loading$ | async) as load\">\n                                    <div class=\"mt-2\" *ngIf=\"load\">\n                                        <app-loading-inline-ec></app-loading-inline-ec>\n                                    </div>\n                                </ng-container>\n                            </div>\n                            <div class=\"method-container text-dark text-start\" *ngIf=\"isCulqi(method.code)\">\n                                <div class=\"container\">\n                                    <div class=\"row justify-content-center\">\n                                        <div class=\"col-12\">\n                                            <!-- <app-mobbex-ec (ready)=\"verifyValidate($event)\" [method]=\"method\" [user_data]=\"allData()\" [paymentServiceInst]=\"paymentService\"\n                                                [total_amount]=\"total_amount\">\n                                            </app-mobbex-ec> -->\n                                            <app-culqi-ec [apiKey]=\"getPKCulqi(method)\" [method]=\"method\"\n                                                [amount]=\"total_amount\" [customStyle]=\"true\"\n                                                (ready)=\"verifyValidate()\"></app-culqi-ec>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                            <div class=\"method-container text-dark text-start\" *ngIf=\"isCatastro(method.code)\">\n                                <div class=\"container\">\n                                    <div class=\"row justify-content-center\">\n                                        <div class=\"col-12\">\n                                            <app-bancard-catastro-ec (ready)=\"verifyValidate($event)\" [method]=\"method\"\n                                                [user_data]=\"allData()\" [paymentServiceInst]=\"paymentService\"\n                                                [total_amount]=\"total_amount\"></app-bancard-catastro-ec>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                            <div class=\"method-container text-dark text-start\" *ngIf=\"isBamboo(method.code)\">\n                                <div class=\"container\">\n                                    <div class=\"row justify-content-center\">\n                                        <div class=\"col-12\">\n                                            <app-bamboo-ec (ready)=\"verifyValidate($event)\" [method]=\"method\"\n                                                [user_data]=\"allData()\" [paymentServiceInst]=\"paymentService\"\n                                                [total_amount]=\"total_amount\"></app-bamboo-ec>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                            <div class=\"method-container text-dark\" *ngIf=\"isBankTransfer(method.code)\">\n                                <div class=\"row px-0 description-cont\">\n                                    <ng-container *ngFor=\"let line of method.description.split('\\r\\n'); let i=index\">\n                                        <p [id]=\"'faqs-'+i\" [class]=\"'qt px-5 m-0 line-'+i\">{{ line }}</p>\n                                    </ng-container>\n                                </div>\n                                <hr *ngIf=\"method.instructions\">\n                                <div *ngIf=\"method.instructions\" class=\"row px-0 instructions-cont mb-1\">\n                                    <h5 class=\"instructions-title\">{{ ('instructions' | translate) }}</h5>\n                                    <ng-container *ngFor=\"let line of method.instructions.split('\\r\\n'); let i=index\">\n                                        <p [class]=\"'px-5 m-0 instructions-text line-'+i \">{{ line }}</p>\n                                    </ng-container>\n                                </div>\n\n                                <div class=\"end-button\">\n                                    <button class=\"btn comprar\" (click)=\"setLoading() && verifyValidate()\">{{\n                                        ('pay-with-transfer'\n                                        | translate) }}</button>\n                                </div>\n                                <ng-container *ngIf=\"(loading$ | async) as load\">\n                                    <div class=\"mt-2\" *ngIf=\"load\">\n                                        <app-loading-inline-ec></app-loading-inline-ec>\n                                    </div>\n                                </ng-container>\n                            </div>\n                            <div class=\"method-container text-dark\" *ngIf=\"isPlaceToPay(method.code)\">\n                                <p id=\"faqs\" class=\"qt px-5 \">{{ method.description }}</p>\n                                <p class=\"px-5\">{{ method.instructions }}</p>\n                                <app-place-to-pay-ec (ready)=\"verifyValidate($event)\" [method]=\"method\"\n                                    [paymentServiceInst]=\"paymentService\" [allData]=\"allData()\">\n                                </app-place-to-pay-ec>\n                            </div>\n                        </ng-container>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n\n<ng-template #mercadoPago>\n    <div class=\"row \">\n        <div class=\"col-12 text-center\">\n            <app-loading-inline-ec *ngIf=\"loading_internal_mp\"></app-loading-inline-ec>\n            <form action=\"javascript:void(0)\" #formContainer></form>\n        </div>\n    </div>\n</ng-template>\n\n<ng-template #loading>\n    <app-loading-inline-ec></app-loading-inline-ec>\n</ng-template>",
                 providers: [PaymentService],
                 styles: ["div.col-12 form{text-align:center}.option-container>div{margin-bottom:15px}@media only screen and (min-width:600px){.option-container{display:flex;justify-content:space-between;margin-top:20px}}.method-container{width:100%}.active{background-color:#000!important;color:#fff!important}.comprar{background:#000;color:#fff;display:inline-block;font-size:18px;font-weight:600;padding:10px 25px;text-decoration:none;text-transform:uppercase}"]
             })
@@ -18707,6 +18725,141 @@
         return SidebarEcComponent;
     }());
 
+    var __extends$1f = (this && this.__extends) || (function () {
+        var extendStatics = function (d, b) {
+            extendStatics = Object.setPrototypeOf ||
+                ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+                function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            return extendStatics(d, b);
+        };
+        return function (d, b) {
+            extendStatics(d, b);
+            function __() { this.constructor = d; }
+            d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+        };
+    })();
+    var __decorate$20 = (this && this.__decorate) || function (decorators, target, key, desc) {
+        var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+        if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+        else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+        return c > 3 && r && Object.defineProperty(target, key, r), r;
+    };
+    var PlaceToPayEcComponent = /** @class */ (function (_super) {
+        __extends$1f(PlaceToPayEcComponent, _super);
+        function PlaceToPayEcComponent(renderer, connection, toastrService, consts, cartService, activedRoute) {
+            var _this = _super.call(this) || this;
+            _this.renderer = renderer;
+            _this.connection = connection;
+            _this.toastrService = toastrService;
+            _this.consts = consts;
+            _this.cartService = cartService;
+            _this.activedRoute = activedRoute;
+            _this.method = null;
+            _this.total_amount = 0;
+            _this.ready = new core.EventEmitter();
+            _this.loading = false;
+            _this.closeModal = '';
+            _this.dataRedirect = function () {
+                return _this.consts.getUrlBase() + 'shop-api/' + _this.consts.getChannel() + '/place-to-pay/' + _this.cartService.cart_token + '/process-payment';
+            };
+            _this.iniciar = function () {
+                _this.closeModal = '';
+                _this.clearStorageState();
+                _this.ventana = window.open(_this.url);
+                _this.callState();
+            };
+            _this.clearStorageState = function () {
+                sessionStorage.removeItem('state');
+                localStorage.removeItem('state');
+            };
+            _this.clickClose = function () {
+                var _a;
+                _this.closeModal = 'cancel';
+                (_a = _this.ventana) === null || _a === void 0 ? void 0 : _a.close();
+            };
+            _this.callState = function () {
+                var _a, _b, _c, _d;
+                var state = _this.closeModal !== '' ? _this.closeModal : localStorage.getItem('state');
+                !state && ((_a = _this.ventana) === null || _a === void 0 ? void 0 : _a.closed) && (state = 'cancel');
+                _this.loading = true;
+                if (state) {
+                    _this.loading = false;
+                    localStorage.removeItem('state');
+                    if (state === 'success' || state === 'pending') {
+                        (_b = _this.ventana) === null || _b === void 0 ? void 0 : _b.close();
+                        _this.ready.emit(true);
+                        return;
+                    }
+                    if (state === 'failure' || state === 'cancel') {
+                        (_c = _this.ventana) === null || _c === void 0 ? void 0 : _c.close();
+                        _this.processError(state === 'cancel' ? 'Se canceló el pago con Place to Pay' : '');
+                        return;
+                    }
+                    (_d = _this.ventana) === null || _d === void 0 ? void 0 : _d.close();
+                    _this.processError('');
+                    return;
+                }
+                setTimeout(function () {
+                    _this.callState();
+                }, 5000);
+            };
+            _this.processError = function (err) {
+                _this.toastrService.show(err !== '' ? err : 'payment-error');
+            };
+            _this.getPreference = function () {
+                _this.paymentServiceInst.getCheckoutPlaceToPay(_this.allData).then(function (res) {
+                    var _a, _b;
+                    if (((_a = res.status) === null || _a === void 0 ? void 0 : _a.status) === 'OK') {
+                        _this.url = res.processUrl;
+                    }
+                    else {
+                        _this.processError(((_b = res.status) === null || _b === void 0 ? void 0 : _b.message) || 'Ocurrió un error. Inténtelo más tarde.');
+                    }
+                }, function (err) { return _this.processError('Ocurrió un error al procesar el pago. Inténtelo más tarde.'); });
+            };
+            _this.ecOnConstruct();
+            return _this;
+        }
+        PlaceToPayEcComponent.prototype.ngOnInit = function () {
+            this.getPreference();
+            this.ecOnInit();
+        };
+        PlaceToPayEcComponent.prototype.ngOnDestroy = function () {
+            // Código necesario al destruir el componente
+        };
+        PlaceToPayEcComponent.ctorParameters = function () { return [
+            { type: core.Renderer2 },
+            { type: ConnectionService },
+            { type: ToastService },
+            { type: Constants },
+            { type: CartService },
+            { type: router.ActivatedRoute }
+        ]; };
+        __decorate$20([
+            core.Input()
+        ], PlaceToPayEcComponent.prototype, "method", void 0);
+        __decorate$20([
+            core.Input()
+        ], PlaceToPayEcComponent.prototype, "total_amount", void 0);
+        __decorate$20([
+            core.Input()
+        ], PlaceToPayEcComponent.prototype, "paymentServiceInst", void 0);
+        __decorate$20([
+            core.Input()
+        ], PlaceToPayEcComponent.prototype, "allData", void 0);
+        __decorate$20([
+            core.Output()
+        ], PlaceToPayEcComponent.prototype, "ready", void 0);
+        PlaceToPayEcComponent = __decorate$20([
+            core.Component({
+                selector: 'app-place-to-pay-ec',
+                template: "<div class=\"text-center\">\n    <ng-container *ngIf=\"url; else loadingUrl\">\n        <ng-container *ngIf=\"!loading; else loadingTemp\">\n            <button (click)=\"iniciar()\" class=\"btn btn-outline-secondary rounded-0 comprar mt-3\">Pagar</button>\n        </ng-container>\n    </ng-container>\n</div>\n\n<ng-template #loadingUrl>\n    <div class=\"d-flex flex-column justify-content-center align-items-center mt-2\">\n        <app-loading-full-ec></app-loading-full-ec>\n    </div>\n</ng-template>\n\n<ng-template #loadingTemp>\n    <div class=\"d-flex flex-column justify-content-center align-items-center mt-2\">\n        <h3>Procesando el pago por Place to Pay</h3>\n        <h5>Recuerde hacer click en \"Volver al sitio\" desde Place to Pay para finalizar la compra.</h5>\n        <app-loading-full-ec></app-loading-full-ec>\n    </div>\n    <div class=\"container-fluid\">\n        <div class=\"row\">\n            <div class=\"col-5\">\n                <hr>\n            </div>\n            <div class=\"col-2 text-center\">\n                <label>o</label>\n            </div>\n            <div class=\"col-5\">\n                <hr>\n            </div>\n        </div>\n    </div>\n    <div class=\"d-flex flex-column justify-content-center align-items-center mt-2\">\n        <button (click)=\"clickClose()\" class=\"btn btn-outline-secondary rounded-0 comprar\">Cancelar pago</button>\n    </div>\n</ng-template>",
+                styles: [""]
+            })
+        ], PlaceToPayEcComponent);
+        return PlaceToPayEcComponent;
+    }(ComponentHelper));
+
     // //Component base
     var components = [
         BlockBannerBoxesEcComponent,
@@ -18761,6 +18914,7 @@
         ConfirmAccountEcComponent,
         PasswordResetEcComponent,
         CecaRedirectEcComponent,
+        PlaceToPayEcComponent,
         RegisterWholesalerFormEcComponent,
         ShareBlockEcComponent,
         DetailCheckoutBlockEcComponent,
@@ -18790,7 +18944,7 @@
         SidebarEcComponent
     ];
 
-    var __decorate$20 = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$21 = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -18870,16 +19024,16 @@
             { type: BlocksService },
             { type: router.Router }
         ]; };
-        __decorate$20([
+        __decorate$21([
             core.Input()
         ], AddActionRedirectDirective.prototype, "ecAddActionRedirect", null);
-        __decorate$20([
+        __decorate$21([
             core.Input()
         ], AddActionRedirectDirective.prototype, "classStrSpacing", null);
-        __decorate$20([
+        __decorate$21([
             core.Input()
         ], AddActionRedirectDirective.prototype, "isTransparent", null);
-        AddActionRedirectDirective = __decorate$20([
+        AddActionRedirectDirective = __decorate$21([
             core.Directive({
                 selector: "[ecAddActionRedirect]",
             }),
@@ -18888,7 +19042,7 @@
         return AddActionRedirectDirective;
     }());
 
-    var __decorate$21 = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$22 = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -18953,13 +19107,13 @@
             { type: core.TemplateRef },
             { type: core.ViewContainerRef }
         ]; };
-        __decorate$21([
+        __decorate$22([
             core.Input()
         ], ProductStockDirective.prototype, "ecProductStockElse", void 0);
-        __decorate$21([
+        __decorate$22([
             core.Input()
         ], ProductStockDirective.prototype, "ecProductStock", null);
-        ProductStockDirective = __decorate$21([
+        ProductStockDirective = __decorate$22([
             core.Directive({
                 selector: "[ecProductStock]"
             })
@@ -18967,7 +19121,7 @@
         return ProductStockDirective;
     }());
 
-    var __decorate$22 = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$23 = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -19108,16 +19262,16 @@
             { type: core.ElementRef },
             { type: core.Renderer2 }
         ]; };
-        __decorate$22([
+        __decorate$23([
             core.Input()
         ], ProductOffDirective.prototype, "ecProductOff", null);
-        __decorate$22([
+        __decorate$23([
             core.Input()
         ], ProductOffDirective.prototype, "classStrSpacing", null);
-        __decorate$22([
+        __decorate$23([
             core.Input()
         ], ProductOffDirective.prototype, "customMessage", null);
-        ProductOffDirective = __decorate$22([
+        ProductOffDirective = __decorate$23([
             core.Directive({
                 selector: "[ecProductOff]",
             }),
@@ -19126,7 +19280,7 @@
         return ProductOffDirective;
     }());
 
-    var __decorate$23 = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$24 = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -19184,10 +19338,10 @@
             { type: core.Renderer2 },
             { type: Constants }
         ]; };
-        __decorate$23([
+        __decorate$24([
             core.Input()
         ], ProductMiniStandardDirective.prototype, "ecProductMiniStandard", null);
-        ProductMiniStandardDirective = __decorate$23([
+        ProductMiniStandardDirective = __decorate$24([
             core.Directive({
                 selector: '[ecProductMiniStandard]'
             })
@@ -19195,7 +19349,7 @@
         return ProductMiniStandardDirective;
     }());
 
-    var __decorate$24 = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$25 = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -19238,13 +19392,13 @@
             { type: core.ViewContainerRef },
             { type: AuthService }
         ]; };
-        __decorate$24([
+        __decorate$25([
             core.Input()
         ], AuthWholesalerDirective.prototype, "ecAuthWholesalerElse", void 0);
-        __decorate$24([
+        __decorate$25([
             core.Input()
         ], AuthWholesalerDirective.prototype, "ecAuthWholesaler", null);
-        AuthWholesalerDirective = __decorate$24([
+        AuthWholesalerDirective = __decorate$25([
             core.Directive({
                 selector: "[ecAuthWholesaler]"
             })
@@ -19252,7 +19406,7 @@
         return AuthWholesalerDirective;
     }());
 
-    var __decorate$25 = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$26 = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -19274,10 +19428,10 @@
             { type: core.TemplateRef },
             { type: core.ViewContainerRef }
         ]; };
-        __decorate$25([
+        __decorate$26([
             core.Input()
         ], ReloadViewDirective.prototype, "ecReloadView", void 0);
-        ReloadViewDirective = __decorate$25([
+        ReloadViewDirective = __decorate$26([
             core.Directive({
                 selector: '[ecReloadView]'
             })
@@ -19300,7 +19454,7 @@
         ReloadViewDirective,
     ];
 
-    var __decorate$26 = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$27 = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -19360,7 +19514,7 @@
             { type: CurrencyService },
             { type: core.Injector }
         ]; };
-        ecCurrencySymbolPipe = __decorate$26([
+        ecCurrencySymbolPipe = __decorate$27([
             core.Pipe({
                 name: 'ecCurrencySymbol',
             })
@@ -19368,7 +19522,7 @@
         return ecCurrencySymbolPipe;
     }());
 
-    var __decorate$27 = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$28 = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -19384,7 +19538,7 @@
         EcSanitizerHtmlPipe.ctorParameters = function () { return [
             { type: platformBrowser.DomSanitizer }
         ]; };
-        EcSanitizerHtmlPipe = __decorate$27([
+        EcSanitizerHtmlPipe = __decorate$28([
             core.Pipe({
                 name: 'ecSanitizerHtml'
             })
@@ -19392,7 +19546,7 @@
         return EcSanitizerHtmlPipe;
     }());
 
-    var __decorate$28 = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$29 = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -19408,7 +19562,7 @@
         EcSanitizerUrlPipe.ctorParameters = function () { return [
             { type: platformBrowser.DomSanitizer }
         ]; };
-        EcSanitizerUrlPipe = __decorate$28([
+        EcSanitizerUrlPipe = __decorate$29([
             core.Pipe({
                 name: 'ecSanitizerUrl'
             })
@@ -19423,7 +19577,7 @@
         EcSanitizerUrlPipe
     ];
 
-    var __decorate$29 = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$2a = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -19510,7 +19664,7 @@
             };
         };
         var NgEasycommerceModule_1;
-        NgEasycommerceModule = NgEasycommerceModule_1 = __decorate$29([
+        NgEasycommerceModule = NgEasycommerceModule_1 = __decorate$2a([
             core.NgModule({
                 exports: [
                     OrderByPipe,
@@ -19540,6 +19694,7 @@
                     pipes,
                     EcSanitizerHtmlPipe,
                     EcSanitizerUrlPipe,
+                    PlaceToPayEcComponent,
                 ],
                 providers: []
             })
@@ -19547,7 +19702,7 @@
         return NgEasycommerceModule;
     }());
 
-    var __decorate$2a = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$2b = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -19595,7 +19750,7 @@
             { type: ConnectionService }
         ]; };
         GiftCardService$1.ɵprov = core.ɵɵdefineInjectable({ factory: function GiftCardService_Factory() { return new GiftCardService(core.ɵɵinject(Constants), core.ɵɵinject(CartService), core.ɵɵinject(ConnectionService)); }, token: GiftCardService, providedIn: "root" });
-        GiftCardService$1 = __decorate$2a([
+        GiftCardService$1 = __decorate$2b([
             core.Injectable({
                 providedIn: 'root'
             })
@@ -19603,7 +19758,7 @@
         return GiftCardService$1;
     }());
 
-    var __decorate$2b = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$2c = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -19659,7 +19814,7 @@
             { type: ngxToastr.ToastrService }
         ]; };
         WishlistService$1.ɵprov = core.ɵɵdefineInjectable({ factory: function WishlistService_Factory() { return new WishlistService(core.ɵɵinject(ngxToastr.ToastrService)); }, token: WishlistService, providedIn: "root" });
-        WishlistService$1 = __decorate$2b([
+        WishlistService$1 = __decorate$2c([
             core.Injectable({
                 providedIn: 'root'
             })
@@ -19667,7 +19822,7 @@
         return WishlistService$1;
     }());
 
-    var __decorate$2c = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var __decorate$2d = (this && this.__decorate) || function (decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -19702,7 +19857,7 @@
         StandardReuseStrategy.ctorParameters = function () { return [
             { type: undefined, decorators: [{ type: core.Inject, args: ['env',] }] }
         ]; };
-        StandardReuseStrategy = __decorate$2c([
+        StandardReuseStrategy = __decorate$2d([
             core.Injectable(),
             __param$d(0, core.Inject('env'))
         ], StandardReuseStrategy);
@@ -19842,9 +19997,10 @@
     exports.windowProvider = windowProvider;
     exports.ɵa = OrderByPipe;
     exports.ɵb = components;
-    exports.ɵba = OptionsOfProductListDataReceiverService;
-    exports.ɵbb = PaymentUtils;
-    exports.ɵbc = CustomerInterceptor;
+    exports.ɵba = pipes;
+    exports.ɵbb = OptionsOfProductListDataReceiverService;
+    exports.ɵbc = PaymentUtils;
+    exports.ɵbd = CustomerInterceptor;
     exports.ɵc = SellerDashboardContainerEcComponent;
     exports.ɵd = MagnizoomComponent;
     exports.ɵe = RecaptchaEcComponent;
@@ -19852,23 +20008,23 @@
     exports.ɵg = StepEcComponent;
     exports.ɵh = CulqiEcComponent;
     exports.ɵi = BancardCatastroEcComponent;
-    exports.ɵj = ComponentHelper;
-    exports.ɵk = BlocksRepositoryService;
-    exports.ɵl = FacebookPixelService;
-    exports.ɵm = GoogleAnalyticsService;
-    exports.ɵn = GTMService;
-    exports.ɵo = MetricoolPixelService;
-    exports.ɵp = DopplerService;
-    exports.ɵq = OrderUtilityService;
-    exports.ɵr = StepService;
-    exports.ɵs = ErrorHandlerService;
-    exports.ɵt = IpService;
-    exports.ɵu = ShipmentDataTransformer;
-    exports.ɵv = CookiesService;
-    exports.ɵw = directives;
-    exports.ɵx = ProductOffDirective;
-    exports.ɵy = ReloadViewDirective;
-    exports.ɵz = pipes;
+    exports.ɵj = PlaceToPayEcComponent;
+    exports.ɵk = ComponentHelper;
+    exports.ɵl = BlocksRepositoryService;
+    exports.ɵm = FacebookPixelService;
+    exports.ɵn = GoogleAnalyticsService;
+    exports.ɵo = GTMService;
+    exports.ɵp = MetricoolPixelService;
+    exports.ɵq = DopplerService;
+    exports.ɵr = OrderUtilityService;
+    exports.ɵs = StepService;
+    exports.ɵt = ErrorHandlerService;
+    exports.ɵu = IpService;
+    exports.ɵv = ShipmentDataTransformer;
+    exports.ɵw = CookiesService;
+    exports.ɵx = directives;
+    exports.ɵy = ProductOffDirective;
+    exports.ɵz = ReloadViewDirective;
 
     Object.defineProperty(exports, '__esModule', { value: true });