ng-easycommerce 0.0.596 → 0.0.598

package/fesm2015/ng-easycommerce.js

@@ -516,6 +516,15 @@ let Constants = class Constants {
          */
         this.setSortFilters = (filtersCode = ['all']) => this.sortFilters = filtersCode;
         this.getSortFilters = () => 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}$/,
+        };
     }
     /**
      *
@@ -550,6 +559,9 @@ let Constants = class Constants {
             : params.find(param => param.code == (prefix + searched + suffix) || param.code == searched);
     }
     ;
+    getPostalCodePattern(countryCode) {
+        return this.postalCodePatterns[countryCode] || /^[A-Za-z0-9\s\-]+$/;
+    }
 };
 Constants.ctorParameters = () => [
     { type: TranslateService },
@@ -6739,7 +6751,7 @@ let DataFormEcComponent = class DataFormEcComponent extends ComponentHelper {
         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.
@@ -6789,6 +6801,10 @@ let DataFormEcComponent = class DataFormEcComponent extends ComponentHelper {
             this.checkoutForm.controls['countryCode'].setValue(value == 'null' ? null : value);
             this.checkoutForm.controls['provinceCode'].setValue(null);
             this.checkoutForm.controls['documentType'].setValue('');
+            let selectedCountry = this.countriesSubject.value.find(country => country.code == value);
+            if (selectedCountry) {
+                this.updatePostalCodeValidation(selectedCountry.code);
+            }
             //Provinces
             let provinces = value && value != 'null' ?
                 this.countriesSubject.value.find(country => country.code == value).provinces
@@ -6937,12 +6953,12 @@ let DataFormEcComponent = class DataFormEcComponent extends ComponentHelper {
         this.getLabelNotesParam = () => this.hasParams(this.params, 'label_notes_' + this.consts.getChannel() + '_' + this.consts.getLocale().split('_')[0]);
         this.getParamByChannelAndLanguage = (nameParam) => this.hasParams(this.params, nameParam + this.consts.getChannel() + '_' + this.consts.getLocale().split('_')[0]);
         this.ecOnConstruct();
-        this.checkoutForm = this.fb.group(Object.assign(Object.assign({}, 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(Object.assign(Object.assign({}, 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(() => { this.onFormChange(); return this.checkoutForm.valid; }))
             .subscribe(() => this.onFormValid());
-        this.checkoutFormFacturacion = this.fb.group(Object.assign(Object.assign({}, 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(Object.assign(Object.assign({}, 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(() => { this.onFormChange(); return this.checkoutFormFacturacion.valid; }))
@@ -6960,15 +6976,27 @@ let DataFormEcComponent = class DataFormEcComponent extends ComponentHelper {
             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(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(res => {
+                this.addressBook = res || null;
+                if (this.addressBook) {
+                    const selectedAddress = this.addressBook.find(address => address.selected);
+                    if (selectedAddress) {
+                        this.checkoutForm.controls['countryCode'].setValue(selectedAddress.countryCode);
+                        this.updatePostalCodeValidation(selectedAddress.countryCode);
+                    }
+                }
+                else {
+                    this.setMode('carga');
+                }
             });
+        }
         this.countries$.subscribe(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);
@@ -6995,6 +7023,14 @@ let DataFormEcComponent = class DataFormEcComponent extends ComponentHelper {
     openModal(template) {
         this.modalRef = this.modalService.show(template, { class: 'modal-lg ', keyboard: false, backdrop: 'static' });
     }
+    updatePostalCodeValidation(countryCode) {
+        const postalCodePattern = this.consts.getPostalCodePattern(countryCode) || '.*';
+        this.checkoutForm.controls['postcode'].setValidators([
+            Validators.required,
+            Validators.pattern(postalCodePattern)
+        ]);
+        this.checkoutForm.controls['postcode'].updateValueAndValidity();
+    }
     prueba(x) {
         console.log(x);
     }
@@ -11745,15 +11781,18 @@ var __decorate$1u = (this && this.__decorate) || function (decorators, target, k
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 let DetailCheckoutBlockEcComponent = class DetailCheckoutBlockEcComponent extends ComponentHelper {
-    constructor(checkoutService, cartService) {
+    constructor(checkoutService, cartService, channelConfigService) {
         super();
         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 = (data_item) => {
             switch (data_item.type) {
                 case 'coupon': return 'fas fa-ticket-alt fa-3x';
@@ -11784,6 +11823,11 @@ let DetailCheckoutBlockEcComponent = class DetailCheckoutBlockEcComponent extend
         this.cartService.creditAmount$.subscribe((creditAmount) => {
             this.creditAmountConfigured = creditAmount !== null;
         });
+        this.channelConfigService.channelConfig$.subscribe(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));
+        });
     }
     calcularTotales() {
         if (this.data) {
@@ -11798,7 +11842,8 @@ let DetailCheckoutBlockEcComponent = class DetailCheckoutBlockEcComponent extend
 };
 DetailCheckoutBlockEcComponent.ctorParameters = () => [
     { type: CheckoutService },
-    { type: CartService }
+    { type: CartService },
+    { type: ChannelConfigService }
 ];
 __decorate$1u([
     Input()
@@ -11806,7 +11851,7 @@ __decorate$1u([
 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);
@@ -15593,15 +15638,18 @@ var __decorate$1$ = (this && this.__decorate) || function (decorators, target, k
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 let SidebarEcComponent = class SidebarEcComponent {
-    constructor(cartService, consts, authService, router, toastrService) {
+    constructor(cartService, consts, authService, router, toastrService, channelConfigService) {
         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 = (item, cantidad, stock, id) => {
             if (id) {
                 const elem = document.getElementById(id);
@@ -15664,6 +15712,11 @@ let SidebarEcComponent = class SidebarEcComponent {
         this.authService.getUserProfile().subscribe(u => {
             this.user = u;
         });
+        this.channelConfigService.channelConfig$.subscribe(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));
+        });
     }
     redirectDetailProduct(product) {
         let variant = product.variants[0];
@@ -15686,7 +15739,8 @@ SidebarEcComponent.ctorParameters = () => [
     { type: Constants },
     { type: AuthService },
     { type: Router },
-    { type: ToastService }
+    { type: ToastService },
+    { type: ChannelConfigService }
 ];
 SidebarEcComponent = __decorate$1$([
     Component({