ng-easycommerce 0.0.596 → 0.0.598

package/fesm5/ng-easycommerce.js

@@ -563,6 +563,15 @@ var Constants = /** @class */ (function () {
             return _this.sortFilters = filtersCode;
         };
         this.getSortFilters = function () { return _this.sortFilters; };
+        this.postalCodePatterns = {
+            'AR': /^[0-9]{4}$/,
+            'UY': /^[0-9]{5}$/,
+            'GB': /^[A-Z]{1,2}[0-9][A-Z0-9]?\s?[0-9][A-Z]{2}$/,
+            'ES': /^(?:0[1-9]|[1-4]\d|5[0-2])\d{3}$/,
+            'BR': /^[0-9]{5}-[0-9]{3}$/,
+            'FR': /^[0-9]{5}$/,
+            'PT': /^[0-9]{4}-[0-9]{3}$/,
+        };
     }
     /**
      *
@@ -600,6 +609,9 @@ var Constants = /** @class */ (function () {
             : params.find(function (param) { return param.code == (prefix + searched + suffix) || param.code == searched; });
     };
     ;
+    Constants$1.prototype.getPostalCodePattern = function (countryCode) {
+        return this.postalCodePatterns[countryCode] || /^[A-Za-z0-9\s\-]+$/;
+    };
     Constants$1.ctorParameters = function () { return [
         { type: TranslateService },
         { type: Router },
@@ -8037,7 +8049,7 @@ var DataFormEcComponent = /** @class */ (function (_super) {
         _this.viewDataFacturacion = true;
         _this.params = {};
         _this.selectAddres = false;
-        _this.postalCodePattern = '^[0-9][0-9]*$';
+        _this.postalCodePattern = '^[A-Z]?[0-9]{4}[A-Z]{0,3}$';
         /**
          * @description filtra los paises de acuerdo al a los codigos retornados en la funcion getCountries.
          * Casos de usos: Si getCountries es vacio, retorna el arreglo que ingresa por parametro.
@@ -8087,6 +8099,10 @@ var DataFormEcComponent = /** @class */ (function (_super) {
             _this.checkoutForm.controls['countryCode'].setValue(value == 'null' ? null : value);
             _this.checkoutForm.controls['provinceCode'].setValue(null);
             _this.checkoutForm.controls['documentType'].setValue('');
+            var selectedCountry = _this.countriesSubject.value.find(function (country) { return country.code == value; });
+            if (selectedCountry) {
+                _this.updatePostalCodeValidation(selectedCountry.code);
+            }
             //Provinces
             var provinces = value && value != 'null' ?
                 _this.countriesSubject.value.find(function (country) { return country.code == value; }).provinces
@@ -8265,12 +8281,12 @@ var DataFormEcComponent = /** @class */ (function (_super) {
         _this.getLabelNotesParam = function () { return _this.hasParams(_this.params, 'label_notes_' + _this.consts.getChannel() + '_' + _this.consts.getLocale().split('_')[0]); };
         _this.getParamByChannelAndLanguage = function (nameParam) { return _this.hasParams(_this.params, nameParam + _this.consts.getChannel() + '_' + _this.consts.getLocale().split('_')[0]); };
         _this.ecOnConstruct();
-        _this.checkoutForm = _this.fb.group(__assign$j(__assign$j({}, _this.addressingService.getTypeForm().configForm.formAddres), { postcode: ['', [Validators.required, Validators.pattern(_this.postalCodePattern)]] // Se agrega para que sólo acepte códigos postales mayores que cero
+        _this.checkoutForm = _this.fb.group(__assign$j(__assign$j({}, _this.addressingService.getTypeForm().configForm.formAddres), { postcode: ['', [Validators.required]] // Se agrega para que sólo acepte códigos postales mayores que cero
          }));
         _this.checkoutForm.statusChanges
             .pipe(filter(function () { _this.onFormChange(); return _this.checkoutForm.valid; }))
             .subscribe(function () { return _this.onFormValid(); });
-        _this.checkoutFormFacturacion = _this.fb.group(__assign$j(__assign$j({}, _this.addressingService.getTypeForm().configForm.formBilling), { postcode: ['', [Validators.required, Validators.pattern(_this.postalCodePattern)]] // Se agrega para que sólo acepte códigos postales mayores que cero
+        _this.checkoutFormFacturacion = _this.fb.group(__assign$j(__assign$j({}, _this.addressingService.getTypeForm().configForm.formBilling), { postcode: ['', [Validators.required]] // Se agrega para que sólo acepte códigos postales mayores que cero
          }));
         _this.checkoutFormFacturacion.statusChanges
             .pipe(filter(function () { _this.onFormChange(); return _this.checkoutFormFacturacion.valid; }))
@@ -8290,15 +8306,27 @@ var DataFormEcComponent = /** @class */ (function (_super) {
             _this.countriesSubject.next(countries);
             _this.countriesFacturacionSubject.next(countries);
         });
-        (this.addressingService.modeSelectAddress == 'LOAD_ADDRESS_AND_SELECTION' || this.addressingService.modeSelectAddress == 'ONLY_ADDRESS_SELECTION')
-            && this.addressingService.getAddressBook().then(function (res) {
-                _this.addressBook = res && res || null;
-                _this.addressBook == null && _this.setMode('carga');
+        if (this.addressingService.modeSelectAddress === 'LOAD_ADDRESS_AND_SELECTION' ||
+            this.addressingService.modeSelectAddress === 'ONLY_ADDRESS_SELECTION') {
+            this.addressingService.getAddressBook().then(function (res) {
+                _this.addressBook = res || null;
+                if (_this.addressBook) {
+                    var selectedAddress = _this.addressBook.find(function (address) { return address.selected; });
+                    if (selectedAddress) {
+                        _this.checkoutForm.controls['countryCode'].setValue(selectedAddress.countryCode);
+                        _this.updatePostalCodeValidation(selectedAddress.countryCode);
+                    }
+                }
+                else {
+                    _this.setMode('carga');
+                }
             });
+        }
         this.countries$.subscribe(function (res) {
             var _a, _b, _c, _d;
             if (res && res.length > 0) {
                 _this.checkoutForm.controls['countryCode'].setValue(res[0].code);
+                _this.updatePostalCodeValidation(res[0].code);
                 // Provincia
                 _this.checkoutForm.controls['provinceCode'].setValue((_a = res[0]) === null || _a === void 0 ? void 0 : _a.provinces[0].code);
                 _this.provincesSubject.next((_b = res[0]) === null || _b === void 0 ? void 0 : _b.provinces);
@@ -8325,6 +8353,14 @@ var DataFormEcComponent = /** @class */ (function (_super) {
     DataFormEcComponent.prototype.openModal = function (template) {
         this.modalRef = this.modalService.show(template, { class: 'modal-lg ', keyboard: false, backdrop: 'static' });
     };
+    DataFormEcComponent.prototype.updatePostalCodeValidation = function (countryCode) {
+        var postalCodePattern = this.consts.getPostalCodePattern(countryCode) || '.*';
+        this.checkoutForm.controls['postcode'].setValidators([
+            Validators.required,
+            Validators.pattern(postalCodePattern)
+        ]);
+        this.checkoutForm.controls['postcode'].updateValueAndValidity();
+    };
     DataFormEcComponent.prototype.prueba = function (x) {
         console.log(x);
     };
@@ -14132,15 +14168,18 @@ var __decorate$1u = (this && this.__decorate) || function (decorators, target, k
 };
 var DetailCheckoutBlockEcComponent = /** @class */ (function (_super) {
     __extends$V(DetailCheckoutBlockEcComponent, _super);
-    function DetailCheckoutBlockEcComponent(checkoutService, cartService) {
+    function DetailCheckoutBlockEcComponent(checkoutService, cartService, channelConfigService) {
         var _this = _super.call(this) || this;
         _this.checkoutService = checkoutService;
         _this.cartService = cartService;
+        _this.channelConfigService = channelConfigService;
         _this.data = null;
         _this.discountTotal = 0;
         _this.couponTotal = 0;
         _this.showPrice = false;
         _this.creditAmountConfigured = false;
+        _this.hideDiscounts = false;
+        _this.hideTaxes = false;
         _this.getIcon = function (data_item) {
             switch (data_item.type) {
                 case 'coupon': return 'fas fa-ticket-alt fa-3x';
@@ -14173,6 +14212,11 @@ var DetailCheckoutBlockEcComponent = /** @class */ (function (_super) {
         this.cartService.creditAmount$.subscribe(function (creditAmount) {
             _this.creditAmountConfigured = creditAmount !== null;
         });
+        this.channelConfigService.channelConfig$.subscribe(function (channel) {
+            var _a, _b, _c, _d;
+            _this.hideDiscounts = (_b = (_a = channel) === null || _a === void 0 ? void 0 : _a.hideDiscounts, (_b !== null && _b !== void 0 ? _b : false));
+            _this.hideTaxes = (_d = (_c = channel) === null || _c === void 0 ? void 0 : _c.hideTaxes, (_d !== null && _d !== void 0 ? _d : false));
+        });
     };
     DetailCheckoutBlockEcComponent.prototype.calcularTotales = function () {
         if (this.data) {
@@ -14186,7 +14230,8 @@ var DetailCheckoutBlockEcComponent = /** @class */ (function (_super) {
     };
     DetailCheckoutBlockEcComponent.ctorParameters = function () { return [
         { type: CheckoutService },
-        { type: CartService }
+        { type: CartService },
+        { type: ChannelConfigService }
     ]; };
     __decorate$1u([
         Input()
@@ -14194,7 +14239,7 @@ var DetailCheckoutBlockEcComponent = /** @class */ (function (_super) {
     DetailCheckoutBlockEcComponent = __decorate$1u([
         Component({
             selector: 'app-detail-checkout-block-ec',
-            template: "<div id=\"appDetailCheckoutBlockEc\" class=\"d-flex flex-row w-100 justify-content-center flex-wrap\"\n    *ngIf=\"data && (creditAmountConfigured ? showPrice : true)\">\n    <ng-container *ngFor=\"let item of data; let i = index\">\n        <ng-container *ngIf=\"item.type != 'discount' && item.type != 'coupon'\">\n            <div class=\"d-flex flex-column justify-content-center mx-sm-3 mx-2 text-center mb-4 resumen\">\n                <i ngClass=\"mb-2 colorIconoCheckout\" [class]=\"getIcon(item)\"></i>\n                <strong class=\"text-center w-100 font-brandon font-md mb-1\">{{ item.type | translate }}</strong>\n                <span class=\"text-center w-100 font-brandon font-md text-gray\">{{ (item.amount != 0 ) ? (item.amount |\n                    ecCurrencySymbol) : ('free' | translate) }}</span>\n            </div>\n        </ng-container>\n\n\n        <!-- Mostrar total de descuentos -->\n        <div class=\"d-flex flex-column justify-content-center mx-sm-3 mx-2 text-center mb-4 resumen\"\n            *ngIf=\"this.discountTotal != 0 && i === 1\">\n            <i ngClass=\"mb-2 colorIconoCheckout\" [class]=\"getIcon2('discount')\"></i>\n            <strong class=\"text-center w-100 font-brandon font-md mb-1\">Descuento</strong>\n            <span class=\"text-center w-100 font-brandon font-md text-gray\">{{ (this.discountTotal | ecCurrencySymbol)\n                }}</span>\n        </div>\n\n        <!-- Mostrar total de cupones -->\n        <div class=\"d-flex flex-column justify-content-center mx-sm-3 mx-2 text-center mb-4 resumen\"\n            *ngIf=\"this.couponTotal != 0 && i === 1\">\n            <i ngClass=\"mb-2 colorIconoCheckout\" [class]=\"getIcon2('coupon')\"></i>\n            <strong class=\"text-center w-100 font-brandon font-md mb-1\">Cupon</strong>\n            <span class=\"text-center w-100 font-brandon font-md text-gray\">{{(this.couponTotal| ecCurrencySymbol)\n                }}</span>\n        </div>\n    </ng-container>\n</div>",
+            template: "<div id=\"appDetailCheckoutBlockEc\" class=\"d-flex flex-row w-100 justify-content-center flex-wrap\"\n    *ngIf=\"data && (creditAmountConfigured ? showPrice : true)\">\n    <ng-container *ngFor=\"let item of data; let i = index\">\n        <ng-container *ngIf=\"item.type != 'discount' && item.type != 'coupon'\">\n            <div class=\"d-flex flex-column justify-content-center mx-sm-3 mx-2 text-center mb-4 resumen\">\n                <i ngClass=\"mb-2 colorIconoCheckout\" [class]=\"getIcon(item)\"></i>\n                <strong class=\"text-center w-100 font-brandon font-md mb-1\">{{ item.type | translate }}</strong>\n                <span class=\"text-center w-100 font-brandon font-md text-gray\">{{ (item.amount != 0 ) ? (item.amount |\n                    ecCurrencySymbol) : ('free' | translate) }}</span>\n            </div>\n        </ng-container>\n\n\n        <!-- Mostrar total de descuentos -->\n        <div class=\"d-flex flex-column justify-content-center mx-sm-3 mx-2 text-center mb-4 resumen\"\n            *ngIf=\"!hideDiscounts && this.discountTotal != 0 && i === 1\">\n            <i ngClass=\"mb-2 colorIconoCheckout\" [class]=\"getIcon2('discount')\"></i>\n            <strong class=\"text-center w-100 font-brandon font-md mb-1\">Descuento</strong>\n            <span class=\"text-center w-100 font-brandon font-md text-gray\">{{ (this.discountTotal | ecCurrencySymbol)\n                }}</span>\n        </div>\n\n        <!-- Mostrar total de cupones -->\n        <div class=\"d-flex flex-column justify-content-center mx-sm-3 mx-2 text-center mb-4 resumen\"\n            *ngIf=\"!hideDiscounts && this.couponTotal != 0 && i === 1\">\n            <i ngClass=\"mb-2 colorIconoCheckout\" [class]=\"getIcon2('coupon')\"></i>\n            <strong class=\"text-center w-100 font-brandon font-md mb-1\">Cupon</strong>\n            <span class=\"text-center w-100 font-brandon font-md text-gray\">{{(this.couponTotal| ecCurrencySymbol)\n                }}</span>\n        </div>\n    </ng-container>\n</div>",
             styles: [""]
         })
     ], DetailCheckoutBlockEcComponent);
@@ -18515,16 +18560,19 @@ var __decorate$1$ = (this && this.__decorate) || function (decorators, target, k
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 var SidebarEcComponent = /** @class */ (function () {
-    function SidebarEcComponent(cartService, consts, authService, router, toastrService) {
+    function SidebarEcComponent(cartService, consts, authService, router, toastrService, channelConfigService) {
         var _this = this;
         this.cartService = cartService;
         this.consts = consts;
         this.authService = authService;
         this.router = router;
         this.toastrService = toastrService;
+        this.channelConfigService = channelConfigService;
         this.user = null;
         this.promotions = [];
         this.variantsToShow = ['TALLE', 'COLOR'];
+        this.hideDiscounts = false;
+        this.hideTaxes = false;
         this.actualizarCantidad = function (item, cantidad, stock, id) {
             if (id) {
                 var elem_1 = document.getElementById(id);
@@ -18588,6 +18636,11 @@ var SidebarEcComponent = /** @class */ (function () {
         this.authService.getUserProfile().subscribe(function (u) {
             _this.user = u;
         });
+        this.channelConfigService.channelConfig$.subscribe(function (channel) {
+            var _a, _b, _c, _d;
+            _this.hideDiscounts = (_b = (_a = channel) === null || _a === void 0 ? void 0 : _a.hideDiscounts, (_b !== null && _b !== void 0 ? _b : false));
+            _this.hideTaxes = (_d = (_c = channel) === null || _c === void 0 ? void 0 : _c.hideTaxes, (_d !== null && _d !== void 0 ? _d : false));
+        });
     };
     SidebarEcComponent.prototype.redirectDetailProduct = function (product) {
         var variant = product.variants[0];
@@ -18609,7 +18662,8 @@ var SidebarEcComponent = /** @class */ (function () {
         { type: Constants },
         { type: AuthService },
         { type: Router },
-        { type: ToastService }
+        { type: ToastService },
+        { type: ChannelConfigService }
     ]; };
     SidebarEcComponent = __decorate$1$([
         Component({