@tet/tet-components 1.3.157-testing → 1.4.0-production

package/dist/collection/components/advanced/address/tet-address-offers/tet-address-offers.js

@@ -11,76 +11,6 @@ import { sprintf } from "sprintf-js";
  */
 export class TetAddressOffers {
     constructor() {
-        /** The translation group key of the component. */
-        this.translationsGroup = 'tet-components';
-        this.allowedProductsToShowInfo = [
-            'PD_TELCO_SUPER',
-            'PD_TELCO_SUPER_PACK_A',
-            'PD_TELCO_SUPER_PACK_B',
-            'PD_TELCO_SUPER_PACK_C',
-            'PD_TELCO_SUPER_PACK_D',
-            'PD_TELCO_PACKAGE_A',
-            'PD_TELCO_PACKAGE_B',
-            'PD_TELCO_PACKAGE_C',
-            'PD_TELCO_PACKAGE_D',
-            'PD_TELCO_NETFLIX_PACKAGE_A_ITV_SUPER',
-            'PD_TELCO_HBOMAX_IPTV_PACK_A',
-            'PD_TELCO_HBOMAX_IPTV_PACK_B',
-            'PD_TELCO_HBOMAX_IPTV_PACK_C',
-            'PD_TELCO_NETFLIX_PACKAGE_A_SUPER',
-            'PD_TELCO_HBOMAX_OTT_PACK_A_SUPER',
-            'PD_TELCO_HBOMAX_OTT_PACK_B_SUPER',
-            'PD_TELCO_HBOMAX_OTT_PACK_C_SUPER'
-        ];
-        /**
-         * Filters out products that belong to the particular category.
-         *
-         * @param category
-         */
-        this.filterCategoryProducts = (category) => {
-            const filteredCodes = this.subcategoryProductFilters[category.key] || [];
-            if (filteredCodes.length > 0) {
-                return category.products.filter(product => filteredCodes.includes(product.productCode));
-            }
-            const { activeFilters } = addressOffersStore;
-            if (activeFilters.includes('promotions')) {
-                return category.products.filter(this.productHasPromotion.bind(this));
-            }
-            return category.products;
-        };
-        /**
-         * Determines whether the particular category should be rendered.
-         *
-         * @param category
-         */
-        this.showCategory = (category) => {
-            var _a, _b;
-            if (((_a = category.subgroups) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-                return category.subgroups.some(this.showCategory);
-            }
-            const { activeFilters } = addressOffersStore;
-            return ((!category.tag ||
-                ['all', (_b = category.tag) !== null && _b !== void 0 ? _b : ''].some((tag) => activeFilters.includes(tag)) ||
-                (activeFilters.includes('promotions') && this.categoryContainsPromotions(category))) &&
-                this.categoryContainsContractTerms(category) &&
-                this.filterCategoryProducts(category).length > 0);
-        };
-        this.renderSubCategoryHeader = ({ displayTitle, name, landingPage, isOneTv }) => {
-            const categoryName = this.translateProperty(name);
-            const categoryOffersLink = this.translateProperty(landingPage);
-            return [
-                h("div", { class: { 'subcategory-title': true, [`subcategory-title--${this.theme}`]: !!this.theme, [this.theme]: true } }, isOneTv && h("tet-icon", { name: "logo-tet-tv-plus", useDefaultColor: true }), displayTitle && categoryName && h("h3", { class: { [this.theme]: !!this.theme } }, categoryName)),
-                categoryOffersLink && (h("a", { class: { 'subcategory-offers-link': true, [`subcategory-offers-link--${this.theme}`]: !!this.theme, [this.theme]: true }, href: categoryOffersLink, target: "_blank" }, h("span", { class: { 'subcategory-offers-link-text': true, [`subcategory-offers-link-text--${this.theme}`]: !!this.theme, [this.theme]: true } }, t('components-address-offers-view-more-link')), " -->"))
-            ];
-        };
-        /**
-         * Renders the loader.
-         */
-        this.renderLoader = () => {
-            return (h("div", { class: "placeholder" }, [...Array(2)].map(() => {
-                return (h("div", { class: "placeholder-section" }, h("tet-placeholder", { height: "3em", width: "40%", class: "placeholder-section-title", darkTheme: this.darkMode }), h("br", null), h("tet-placeholder", { height: "3em", width: "40%", class: "placeholder-subsection-title", darkTheme: this.darkMode }), h("br", null), h("tet-placeholder", { height: "1em", width: "20%", class: "placeholder-subsection-title", darkTheme: this.darkMode }), [...Array(3)].map(() => [h("br", null), h("tet-placeholder", { height: "10em", darkTheme: this.darkMode })])));
-            })));
-        };
         this.addressKey = undefined;
         this.catalog = undefined;
         this.theme = 'light';
@@ -92,6 +22,41 @@ export class TetAddressOffers {
         this.showLoader = true;
         this.subcategoryProductFilters = {};
     }
+    /** The translation group key of the component. */
+    translationsGroup = 'tet-components';
+    allowedProductsToShowInfo = [
+        'PD_TELCO_SUPER',
+        'PD_TELCO_SUPER_PACK_A',
+        'PD_TELCO_SUPER_PACK_B',
+        'PD_TELCO_SUPER_PACK_C',
+        'PD_TELCO_SUPER_PACK_D',
+        'PD_TELCO_PACKAGE_A',
+        'PD_TELCO_PACKAGE_B',
+        'PD_TELCO_PACKAGE_C',
+        'PD_TELCO_PACKAGE_D',
+        'PD_TELCO_NETFLIX_PACKAGE_A_ITV_SUPER',
+        'PD_TELCO_HBOMAX_IPTV_PACK_A',
+        'PD_TELCO_HBOMAX_IPTV_PACK_B',
+        'PD_TELCO_HBOMAX_IPTV_PACK_C',
+        'PD_TELCO_NETFLIX_PACKAGE_A_SUPER',
+        'PD_TELCO_HBOMAX_OTT_PACK_A_SUPER',
+        'PD_TELCO_HBOMAX_OTT_PACK_B_SUPER',
+        'PD_TELCO_HBOMAX_OTT_PACK_C_SUPER'
+    ];
+    /** The root of the component */
+    element;
+    /**
+     * Event that triggers if availability catalog is empty.
+     */
+    emptyCatalog;
+    /**
+     * Event that triggers if availability catalog is loaded or updated.
+     */
+    catalogChange;
+    /**
+     * Event that triggers when active filters have changed.
+     */
+    filtersChange;
     /**
      * Loads new data on addressKey change
      */
@@ -109,7 +74,10 @@ export class TetAddressOffers {
      * @param event The event containing the filtered product IDs for the particular subcategory.
      */
     handleFilteredProductsChanged(event) {
-        this.subcategoryProductFilters = Object.assign(Object.assign({}, this.subcategoryProductFilters), { [event.detail.subcategoryId]: event.detail.filteredProductIds });
+        this.subcategoryProductFilters = {
+            ...this.subcategoryProductFilters,
+            [event.detail.subcategoryId]: event.detail.filteredProductIds
+        };
     }
     /**
      * Prepares the translations before the component is rendered.
@@ -163,6 +131,22 @@ export class TetAddressOffers {
         }
         this.showLoader = false;
     }
+    /**
+     * Filters out products that belong to the particular category.
+     *
+     * @param category
+     */
+    filterCategoryProducts = (category) => {
+        const filteredCodes = this.subcategoryProductFilters[category.key] || [];
+        if (filteredCodes.length > 0) {
+            return category.products.filter(product => filteredCodes.includes(product.productCode));
+        }
+        const { activeFilters } = addressOffersStore;
+        if (activeFilters.includes('promotions')) {
+            return category.products.filter(this.productHasPromotion.bind(this));
+        }
+        return category.products;
+    };
     /**
      * Translates property
      *
@@ -170,15 +154,31 @@ export class TetAddressOffers {
      * @returns {string}
      */
     translateProperty(property) {
-        return (property === null || property === void 0 ? void 0 : property[this.language]) || '';
+        return property?.[this.language] || '';
     }
+    /**
+     * Determines whether the particular category should be rendered.
+     *
+     * @param category
+     */
+    showCategory = (category) => {
+        if (category.subgroups?.length > 0) {
+            return category.subgroups.some(this.showCategory);
+        }
+        const { activeFilters } = addressOffersStore;
+        return ((!category.tag ||
+            ['all', category.tag ?? ''].some((tag) => activeFilters.includes(tag)) ||
+            (activeFilters.includes('promotions') && this.categoryContainsPromotions(category))) &&
+            this.categoryContainsContractTerms(category) &&
+            this.filterCategoryProducts(category).length > 0);
+    };
     /**
      * Determines whether the particular category contains at least one offer that has some promotion applied.
      *
      * @param {StructureModel} category
      */
     categoryContainsPromotions({ products = [] }) {
-        return products === null || products === void 0 ? void 0 : products.some((product) => this.productHasPromotion(product));
+        return products?.some((product) => this.productHasPromotion(product));
     }
     /**
      * Checks if product has promotion
@@ -186,8 +186,7 @@ export class TetAddressOffers {
      * @returns {boolean}
      */
     productHasPromotion(product) {
-        var _a;
-        return (_a = product === null || product === void 0 ? void 0 : product.contractTerms) === null || _a === void 0 ? void 0 : _a.some(({ promotionCode }) => promotionCode);
+        return product?.contractTerms?.some(({ promotionCode }) => promotionCode);
     }
     /**
      * Determines whether the particular category contains at least one product that has contractTerms.
@@ -196,7 +195,7 @@ export class TetAddressOffers {
      * @returns {boolean}
      */
     categoryContainsContractTerms({ products = [] }) {
-        return products === null || products === void 0 ? void 0 : products.some((product) => this.productHasContractTerms(product));
+        return products?.some((product) => this.productHasContractTerms(product));
     }
     /**
      * Cehcks if product has contract terms
@@ -204,18 +203,15 @@ export class TetAddressOffers {
      * @returns {boolean}
      */
     productHasContractTerms(product) {
-        var _a;
-        return !!((_a = product === null || product === void 0 ? void 0 : product.contractTerms) === null || _a === void 0 ? void 0 : _a.length);
+        return !!product?.contractTerms?.length;
     }
     /**
      * Renders top-level categories.
      */
     renderTopCategories() {
-        var _a, _b;
-        return (_b = (_a = addressOffersStore.catalog) === null || _a === void 0 ? void 0 : _a.structure) === null || _b === void 0 ? void 0 : _b.filter(this.showCategory).map((structure) => {
-            var _a;
+        return addressOffersStore.catalog?.structure?.filter(this.showCategory).map((structure) => {
             const categoryName = this.translateProperty(structure.name);
-            return (h("section", { class: { 'category': true, [`category--${this.theme}`]: !!this.theme, [this.theme]: true } }, categoryName && h("h2", { class: { 'category-title': true, [`category-title--${this.theme}`]: !!this.theme, [this.theme]: true } }, categoryName), h("div", { class: { 'category-subcategories': true, [`category-subcategories--${this.theme}`]: !!this.theme, [this.theme]: true } }, this.renderSubCategories(structure.subgroups || [], (_a = addressOffersStore.catalog) === null || _a === void 0 ? void 0 : _a.meta))));
+            return (h("section", { class: { 'category': true, [`category--${this.theme}`]: !!this.theme, [this.theme]: true } }, categoryName && h("h2", { class: { 'category-title': true, [`category-title--${this.theme}`]: !!this.theme, [this.theme]: true } }, categoryName), h("div", { class: { 'category-subcategories': true, [`category-subcategories--${this.theme}`]: !!this.theme, [this.theme]: true } }, this.renderSubCategories(structure.subgroups || [], addressOffersStore.catalog?.meta))));
         });
     }
     /**
@@ -231,6 +227,14 @@ export class TetAddressOffers {
                 h("div", { class: "subcategory-filters" }, h("tet-address-offers-filters-products", { catalog: this.catalog, class: `center`, language: this.language, clearFilterButton: true, subcategoryId: category.key, onFilteredProductsChanged: event => this.handleFilteredProductsChanged(event), category: category, theme: this.theme })), h("div", { class: "subcategory-products" }, this.filterCategoryProducts(category).map((product) => this.renderProduct(product, category.theme, meta)))));
         });
     }
+    renderSubCategoryHeader = ({ displayTitle, name, landingPage, isOneTv }) => {
+        const categoryName = this.translateProperty(name);
+        const categoryOffersLink = this.translateProperty(landingPage);
+        return [
+            h("div", { class: { 'subcategory-title': true, [`subcategory-title--${this.theme}`]: !!this.theme, [this.theme]: true } }, isOneTv && h("tet-icon", { name: "logo-tet-tv-plus", useDefaultColor: true }), displayTitle && categoryName && h("h3", { class: { [this.theme]: !!this.theme } }, categoryName)),
+            categoryOffersLink && (h("a", { class: { 'subcategory-offers-link': true, [`subcategory-offers-link--${this.theme}`]: !!this.theme, [this.theme]: true }, href: categoryOffersLink, target: "_blank" }, h("span", { class: { 'subcategory-offers-link-text': true, [`subcategory-offers-link-text--${this.theme}`]: !!this.theme, [this.theme]: true } }, t('components-address-offers-view-more-link')), " -->"))
+        ];
+    };
     renderUpsellBlock(name, icons, amount) {
         let icon = icons.find(icon => icon.key === 'sac-offers-light');
         const isDarkTheme = this.theme === 'dark';
@@ -259,7 +263,6 @@ export class TetAddressOffers {
      * @returns {FunctionalComponent}
      */
     renderProduct(product, theme = 'light', meta) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
         if (!this.getContractTerm(product)) {
             return;
         }
@@ -279,8 +282,8 @@ export class TetAddressOffers {
         const priceTooltip = tp(this.getContractTermProperty(product, 'priceTooltip'));
         const priceDescription = tp(this.getContractTermProperty(product, 'priceDescription'));
         const contract = this.getContractTermProperty(product, 'contract');
-        const bestChoice = (_b = (_a = this.getAttribute(product.attributes, 'isBestChoice')) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : false;
-        const showMaxSportUpsell = (_d = (_c = this.getAttribute(product.attributes, 'showMaxSportUpsell')) === null || _c === void 0 ? void 0 : _c.value) !== null && _d !== void 0 ? _d : false;
+        const bestChoice = this.getAttribute(product.attributes, 'isBestChoice')?.value ?? false;
+        const showMaxSportUpsell = this.getAttribute(product.attributes, 'showMaxSportUpsell')?.value ?? false;
         let upsellBlock = null;
         if (showMaxSportUpsell && Object.keys(meta)[0] === 'hboMaxSport') {
             const upsellProduct = Object.values(meta)[0];
@@ -295,7 +298,7 @@ export class TetAddressOffers {
             if (contractTerm !== 0) {
                 termText = sprintf(this.termText, contractTerm);
             }
-            if ((_f = (_e = this.getAttribute(product.attributes, 'availabilityTermUnlimitedOverride')) === null || _e === void 0 ? void 0 : _e.value) !== null && _f !== void 0 ? _f : false) {
+            if (this.getAttribute(product.attributes, 'availabilityTermUnlimitedOverride')?.value ?? false) {
                 termText = t('components-indefinite');
             }
         }
@@ -306,15 +309,15 @@ export class TetAddressOffers {
                 benefits = contractTermBenefits;
             }
         }
-        const benefitItems = benefits === null || benefits === void 0 ? void 0 : benefits.split('\n').filter(Boolean);
+        const benefitItems = benefits?.split('\n').filter(Boolean);
         let productDescription = null;
-        if ((_g = this.getAttribute(product.attributes, 'isNetflixProduct')) === null || _g === void 0 ? void 0 : _g.value) {
+        if (this.getAttribute(product.attributes, 'isNetflixProduct')?.value) {
             productDescription = t('components-netflix-card-description');
         }
-        else if ((_h = this.getAttribute(product.attributes, 'isNetflixMaxProduct')) === null || _h === void 0 ? void 0 : _h.value) {
+        else if (this.getAttribute(product.attributes, 'isNetflixMaxProduct')?.value) {
             productDescription = t('components-netflix-max-card-description');
         }
-        else if ((_j = this.getAttribute(product.attributes, 'isMaxProduct')) === null || _j === void 0 ? void 0 : _j.value) {
+        else if (this.getAttribute(product.attributes, 'isMaxProduct')?.value) {
             productDescription = t('components-max-card-description');
         }
         const options = {
@@ -324,7 +327,7 @@ export class TetAddressOffers {
             infoItemIconName: 'info-circle',
             infoItemTooltipContent: this.getProductInfoItem(product),
             bulletPoints: benefitItems,
-            price: formatPrice(promotionPrice !== null && promotionPrice !== void 0 ? promotionPrice : basePrice, { currency: '' }),
+            price: formatPrice(promotionPrice ?? basePrice, { currency: '' }),
             oldPrice: showDiscount ? formatPrice(basePrice, { currency: '' }) : null,
             currency: t('components-euro-per-month'),
             priceInfoIconName: priceTooltip ? 'info-circle' : null,
@@ -363,11 +366,10 @@ export class TetAddressOffers {
      * @returns {string}
      */
     getProductInfoItem(product) {
-        var _a, _b;
-        const bundleProducts = (_a = product === null || product === void 0 ? void 0 : product.bundleProducts) === null || _a === void 0 ? void 0 : _a.split(',');
+        const bundleProducts = product?.bundleProducts?.split(',');
         // Tet TV+ has the second product code in the `bundleProducts` as the broadband offer code.
         // Tet TV has only one product code in the `bundleProducts` and that is the broadband offer code.
-        const broadbandOfferCode = (_b = bundleProducts === null || bundleProducts === void 0 ? void 0 : bundleProducts[1]) !== null && _b !== void 0 ? _b : bundleProducts === null || bundleProducts === void 0 ? void 0 : bundleProducts[0];
+        const broadbandOfferCode = bundleProducts?.[1] ?? bundleProducts?.[0];
         const broadbandOffer = Object.values(addressOffersStore.catalog.structure[0].products).find((offer) => offer.productCode === broadbandOfferCode);
         if (!this.allowedProductsToShowInfo.includes(product.productCode)) {
             return;
@@ -377,12 +379,10 @@ export class TetAddressOffers {
             : this.translateProperty(product.technologySpeed.description);
     }
     getContractTermProperty(product, property) {
-        var _a, _b;
-        return (_b = (_a = this.getContractTerm(product)) === null || _a === void 0 ? void 0 : _a[property]) !== null && _b !== void 0 ? _b : null;
+        return this.getContractTerm(product)?.[property] ?? null;
     }
     getContractTerm(product) {
-        var _a;
-        return (_a = product.contractTerms) === null || _a === void 0 ? void 0 : _a.find((contractTerm) => contractTerm.term === ContractTerm.TwentyFourMonth);
+        return product.contractTerms?.find((contractTerm) => contractTerm.term === ContractTerm.TwentyFourMonth);
     }
     /**
      * Finds product attribute by key.
@@ -392,7 +392,7 @@ export class TetAddressOffers {
      * @return ProductAttributeModel
      */
     getAttribute(productAttributes, key) {
-        return productAttributes === null || productAttributes === void 0 ? void 0 : productAttributes.find((attributes) => attributes.key === key);
+        return productAttributes?.find((attributes) => attributes.key === key);
     }
     /**
      * Handles the service application form URL generation for each product.
@@ -410,7 +410,6 @@ export class TetAddressOffers {
      * @param product
      */
     getServiceApplicationFormUrl(product) {
-        var _a, _b;
         const baseUrl = this.translateProperty(product.formUrl);
         const promotionCode = this.getContractTermProperty(product, 'promotionCode');
         let parameters = {
@@ -421,12 +420,20 @@ export class TetAddressOffers {
         }
         parameters.addressKey = this.addressKey;
         parameters.product = product.productCode;
-        const availabilityFormUrlOverride = (_b = (_a = this.getAttribute(product.attributes, 'availabilityFormUrlOverride')) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : '';
+        const availabilityFormUrlOverride = this.getAttribute(product.attributes, 'availabilityFormUrlOverride')?.value ?? '';
         if (availabilityFormUrlOverride) {
             return availabilityFormUrlOverride.toString();
         }
         return generateFormUrl(baseUrl, parameters);
     }
+    /**
+     * Renders the loader.
+     */
+    renderLoader = () => {
+        return (h("div", { class: "placeholder" }, [...Array(2)].map(() => {
+            return (h("div", { class: "placeholder-section" }, h("tet-placeholder", { height: "3em", width: "40%", class: "placeholder-section-title", darkTheme: this.darkMode }), h("br", null), h("tet-placeholder", { height: "3em", width: "40%", class: "placeholder-subsection-title", darkTheme: this.darkMode }), h("br", null), h("tet-placeholder", { height: "1em", width: "20%", class: "placeholder-subsection-title", darkTheme: this.darkMode }), [...Array(3)].map(() => [h("br", null), h("tet-placeholder", { height: "10em", darkTheme: this.darkMode })])));
+        })));
+    };
     render() {
         return (h(Host, { key: '15466862e81fe36fb8f001019c24a71b0f6c881e' }, this.showLoader ? this.renderLoader() : addressOffersStore.catalog && this.renderTopCategories()));
     }

package/dist/collection/components/advanced/address/tet-address-offers-filters/address-offers-filters.js

@@ -1,138 +1,137 @@
 class AddressOffersFilters {
+    onFilterSelect;
+    availableFilters = [];
+    allFilters = [
+        {
+            id: 'all',
+            titleTranslationKey: 'components-address-offers-tag-all',
+            active: true
+        },
+        {
+            id: 'promotions',
+            titleTranslationKey: 'components-address-offers-tag-promotions',
+            active: false
+        },
+        {
+            id: 'internet',
+            titleTranslationKey: 'components-address-offers-tag-internet',
+            active: false
+        },
+        {
+            id: 'tet-bundles',
+            titleTranslationKey: 'components-address-offers-tag-bundle',
+            active: false
+        },
+        {
+            id: 'tv',
+            titleTranslationKey: 'components-address-offers-tag-tv',
+            active: false
+        }
+    ];
+    /**
+     * The IDs of the filters that can only be selected on their own, without any other filters being selected at the same time.
+     */
+    singleSelectionFilters = ['all', 'promotions'];
     constructor(onFilterSelect) {
         this.onFilterSelect = onFilterSelect;
-        this.availableFilters = [];
-        this.allFilters = [
-            {
-                id: 'all',
-                titleTranslationKey: 'components-address-offers-tag-all',
-                active: true
-            },
-            {
-                id: 'promotions',
-                titleTranslationKey: 'components-address-offers-tag-promotions',
-                active: false
-            },
-            {
-                id: 'internet',
-                titleTranslationKey: 'components-address-offers-tag-internet',
-                active: false
-            },
-            {
-                id: 'tet-bundles',
-                titleTranslationKey: 'components-address-offers-tag-bundle',
-                active: false
-            },
-            {
-                id: 'tv',
-                titleTranslationKey: 'components-address-offers-tag-tv',
-                active: false
-            }
-        ];
-        /**
-         * The IDs of the filters that can only be selected on their own, without any other filters being selected at the same time.
-         */
-        this.singleSelectionFilters = ['all', 'promotions'];
-        this.initialize = (serviceAvailabilityData) => {
-            if (serviceAvailabilityData.structure) {
-                this.availableFilters = this.resolveFilters(serviceAvailabilityData);
-            }
-        };
-        this.getAvailableFilters = () => {
-            return this.availableFilters;
-        };
-        /**
-         * Returns the filters that should be currently displayed for the given categories and products.
-         *
-         * @param serviceAvailabilityData
-         */
-        this.resolveFilters = (serviceAvailabilityData) => {
-            const filtersCount = this.calculateFilterCounts(serviceAvailabilityData);
-            return (this.allFilters
-                // Show filters that have some products and filters without product as disabled.
-                .filter(({ id }) => filtersCount[id])
-                .map((filter) => ({
-                id: filter.id,
-                title: filter.titleTranslationKey,
-                count: filtersCount[filter.id],
-                active: filter.active,
-                showIcon: filter.id === 'all' ? false : filter.active,
-                clickAction: this.filterClickAction.bind(this, filter)
-            })));
-        };
-        /**
-         * Calculates the number (count) of offers for each filter.
-         *
-         * @param serviceAvailabilityData
-         */
-        this.calculateFilterCounts = ({ structure: structures }) => {
-            const filtersCount = {};
-            filtersCount['all'] = 0;
-            filtersCount['promotions'] = 0;
-            structures === null || structures === void 0 ? void 0 : structures.forEach((category) => {
-                category.subgroups.forEach(({ tag, products }) => {
-                    if (!filtersCount[tag]) {
-                        filtersCount[tag] = 0;
-                    }
-                    // Filter out Netflix premium products
-                    const filteredProducts = products.filter((product) => {
-                        var _a;
-                        const isNetflixPremiumProduct = (_a = product.attributes) === null || _a === void 0 ? void 0 : _a.some((attr) => attr.key === 'isNetflixPremiumProduct' && attr.value === true);
-                        return !isNetflixPremiumProduct; // Exclude Netflix premium products
-                    });
-                    filtersCount[tag] += filteredProducts.length;
-                    filtersCount['all'] += filteredProducts.length;
-                    const promotionCodeCount = filteredProducts.reduce((sum, product) => {
-                        var _a;
-                        if ((_a = product.contractTerms) === null || _a === void 0 ? void 0 : _a.some(({ promotionCode }) => promotionCode)) {
-                            return sum + 1;
-                        }
-                        return sum;
-                    }, 0);
-                    filtersCount['promotions'] += promotionCodeCount;
+    }
+    initialize = (serviceAvailabilityData) => {
+        if (serviceAvailabilityData.structure) {
+            this.availableFilters = this.resolveFilters(serviceAvailabilityData);
+        }
+    };
+    getAvailableFilters = () => {
+        return this.availableFilters;
+    };
+    /**
+     * Returns the filters that should be currently displayed for the given categories and products.
+     *
+     * @param serviceAvailabilityData
+     */
+    resolveFilters = (serviceAvailabilityData) => {
+        const filtersCount = this.calculateFilterCounts(serviceAvailabilityData);
+        return (this.allFilters
+            // Show filters that have some products and filters without product as disabled.
+            .filter(({ id }) => filtersCount[id])
+            .map((filter) => ({
+            id: filter.id,
+            title: filter.titleTranslationKey,
+            count: filtersCount[filter.id],
+            active: filter.active,
+            showIcon: filter.id === 'all' ? false : filter.active,
+            clickAction: this.filterClickAction.bind(this, filter)
+        })));
+    };
+    /**
+     * Calculates the number (count) of offers for each filter.
+     *
+     * @param serviceAvailabilityData
+     */
+    calculateFilterCounts = ({ structure: structures }) => {
+        const filtersCount = {};
+        filtersCount['all'] = 0;
+        filtersCount['promotions'] = 0;
+        structures?.forEach((category) => {
+            category.subgroups.forEach(({ tag, products }) => {
+                if (!filtersCount[tag]) {
+                    filtersCount[tag] = 0;
+                }
+                // Filter out Netflix premium products
+                const filteredProducts = products.filter((product) => {
+                    const isNetflixPremiumProduct = product.attributes?.some((attr) => attr.key === 'isNetflixPremiumProduct' && attr.value === true);
+                    return !isNetflixPremiumProduct; // Exclude Netflix premium products
                 });
+                filtersCount[tag] += filteredProducts.length;
+                filtersCount['all'] += filteredProducts.length;
+                const promotionCodeCount = filteredProducts.reduce((sum, product) => {
+                    if (product.contractTerms?.some(({ promotionCode }) => promotionCode)) {
+                        return sum + 1;
+                    }
+                    return sum;
+                }, 0);
+                filtersCount['promotions'] += promotionCodeCount;
             });
-            return filtersCount;
-        };
-        /**
-         * The click action for the filter.
-         *
-         * @param {TagInterface} filter
-         */
-        this.filterClickAction = (filter) => {
-            const availableFilter = this.availableFilters.find(({ id }) => id === filter.id);
-            if (availableFilter === undefined) {
-                return;
-            }
-            if (this.singleSelectionFilters.includes(availableFilter.id)) {
-                this.deSelectAllFilers(availableFilter);
-            }
-            else {
-                this.deSelectSingleSelectionFilters();
-            }
-            availableFilter.active = !availableFilter.active;
-            availableFilter.showIcon = availableFilter.id === 'all' ? false : !availableFilter.showIcon;
-            // If all filters become de-selected, then automatically select all offers filter.
-            if (!this.availableFilters.some(({ active }) => active)) {
-                const allSelectedFilters = this.availableFilters.find(({ id }) => id === 'all');
-                allSelectedFilters.active = true;
-            }
-            this.onFilterSelect(this.availableFilters);
-        };
-        // De-select all filters if all filter tab or not active single selection tab clicked.
-        this.deSelectAllFilers = (availableFilter) => {
-            const { id, active } = availableFilter;
-            if (id === 'all' || !active) {
-                this.availableFilters
-                    .forEach((forEachFilter) => { forEachFilter.active = false; forEachFilter.showIcon = false; });
-            }
-        };
-        //De-select those filters that cannot be included in multiple filter selection.
-        this.deSelectSingleSelectionFilters = () => {
+        });
+        return filtersCount;
+    };
+    /**
+     * The click action for the filter.
+     *
+     * @param {TagInterface} filter
+     */
+    filterClickAction = (filter) => {
+        const availableFilter = this.availableFilters.find(({ id }) => id === filter.id);
+        if (availableFilter === undefined) {
+            return;
+        }
+        if (this.singleSelectionFilters.includes(availableFilter.id)) {
+            this.deSelectAllFilers(availableFilter);
+        }
+        else {
+            this.deSelectSingleSelectionFilters();
+        }
+        availableFilter.active = !availableFilter.active;
+        availableFilter.showIcon = availableFilter.id === 'all' ? false : !availableFilter.showIcon;
+        // If all filters become de-selected, then automatically select all offers filter.
+        if (!this.availableFilters.some(({ active }) => active)) {
+            const allSelectedFilters = this.availableFilters.find(({ id }) => id === 'all');
+            allSelectedFilters.active = true;
+        }
+        this.onFilterSelect(this.availableFilters);
+    };
+    // De-select all filters if all filter tab or not active single selection tab clicked.
+    deSelectAllFilers = (availableFilter) => {
+        const { id, active } = availableFilter;
+        if (id === 'all' || !active) {
             this.availableFilters
-                .filter(({ id }) => this.singleSelectionFilters.includes(id))
                 .forEach((forEachFilter) => { forEachFilter.active = false; forEachFilter.showIcon = false; });
-        };
-    }
+        }
+    };
+    //De-select those filters that cannot be included in multiple filter selection.
+    deSelectSingleSelectionFilters = () => {
+        this.availableFilters
+            .filter(({ id }) => this.singleSelectionFilters.includes(id))
+            .forEach((forEachFilter) => { forEachFilter.active = false; forEachFilter.showIcon = false; });
+    };
 }
 export { AddressOffersFilters };