@tet/tet-components 1.3.68-testing → 1.3.69-staging

package/dist/types/components/advanced/address/tet-address-offers-filters-products/tet-address-offers-filters-products.d.ts

@@ -0,0 +1,70 @@
+import { FunctionalComponent, EventEmitter } from '../../../../stencil-public-runtime';
+import { Language, TranslatableComponent } from "../../../../services/translations/index";
+import { TagInterface } from "../../../basic/buttons/tet-tag-group/tet-tag-group";
+import { AvailableServicesModel, StructureModel } from "../../../../services/api/services/catalog/service-availability-services";
+import { ProductComparisonInterface } from "../../../../services/api/services/catalog/product-comparison";
+export type TagWithProducts = TagInterface & {
+    products?: string[];
+};
+export type CompareCardProductCodesProp = {
+    products: {
+        [key: string]: {
+            productCode: string;
+        };
+    };
+    productTags: any[];
+} | ProductComparisonInterface[];
+export declare class TetAddressOffersFiltersProducts implements TranslatableComponent {
+    /** The translation language. */
+    language: Language;
+    /** Define if clear filter button should appear*/
+    clearFilterButton: boolean;
+    /**
+     * The theme of the clear Filters button and tags.
+     */
+    theme: 'light' | 'dark';
+    /** The catalog data from the API. */
+    catalog: AvailableServicesModel;
+    /** The prop that contains products. */
+    productCodes: CompareCardProductCodesProp;
+    /** The category to show filters for. */
+    category: StructureModel;
+    /** The subcategory ID to identify the filtered products. */
+    subcategoryId: string;
+    /** The currently available TV product filters. */
+    availableTvProducts: TagWithProducts[];
+    /** The currently active filter IDs. */
+    activeTvFilters: string[];
+    /** Event emitted when active filters change, sending array of active filter IDs. */
+    activeFiltersChanged: EventEmitter<string[]>;
+    /** Event emitted when filtered products change, sending subcategory ID and array of filtered product IDs. */
+    filteredProductsChanged: EventEmitter<{
+        subcategoryId: string;
+        filteredProductIds: string[];
+    }>;
+    private filtersHelper;
+    private compareCardsFiltersHelper;
+    /**
+     * Change translations on language change
+     * @param {Language} language
+     */
+    onLanguageChange(language: Language): Promise<void>;
+    onDataChange(): void;
+    onProductCodesChanged(): void;
+    /**
+     * Lifecycle method
+     */
+    componentWillLoad(): void;
+    /**
+     * Determines which helper to use and initializes filters.
+     */
+    private initFilters;
+    private initAdrressOffersFilters;
+    private initCompareCardFilters;
+    private toggleFilter;
+    private toggleCompareCardsFilter;
+    private clearAllFilters;
+    private renderClearFilterBtn;
+    private renderLoader;
+    render(): FunctionalComponent;
+}

package/dist/types/components/advanced/cards/old-utils.d.ts

@@ -1,4 +1,4 @@
-import { productComparisonInterface, ServiceAvailabilityServicesCategoryTheme } from "../../../services/api/index";
+import { ProductComparisonInterface, ServiceAvailabilityServicesCategoryTheme } from "../../../services/api/index";
 import { CompareCardsInterface } from './tet-compare-cards/tet-compare-cards';
 /**
  * Combines compare card data with data from SAC.
@@ -10,4 +10,4 @@ import { CompareCardsInterface } from './tet-compare-cards/tet-compare-cards';
  * @param darkMode Optional dark mode setting for the compare card.
  * @param isNetflixCard Optional flag to indicate if the card is for Netflix.
  */
-export declare const fillOldProductData: (compareCard: CompareCardsInterface, requestedProduct: string, requestedProductData: productComparisonInterface, theme?: ServiceAvailabilityServicesCategoryTheme, darkMode?: boolean, isNetflixCard?: boolean) => CompareCardsInterface;
+export declare const fillOldProductData: (compareCard: CompareCardsInterface, requestedProduct: string, requestedProductData: ProductComparisonInterface, theme?: ServiceAvailabilityServicesCategoryTheme, darkMode?: boolean, isNetflixCard?: boolean) => CompareCardsInterface;

package/dist/types/components/advanced/cards/tet-compare-card/tet-compare-card.d.ts

@@ -117,7 +117,7 @@ export declare class TetCompareCard {
     /**
      * The theme of the card.
      */
-    theme: ServiceAvailabilityServicesCategoryTheme;
+    theme: 'light' | 'dark' | ServiceAvailabilityServicesCategoryTheme;
     /**
      * Determines whether the card has bullet point icons colored based on current theme.
      */
@@ -195,6 +195,10 @@ export declare class TetCompareCard {
      * This prop defines the positioning of the best choice element.
      */
     bestChoiceTextPosition: 'left' | 'center' | 'right';
+    /**
+     * This prop defines if the best choice text should be floating over the card.
+     */
+    bestChoiceTextFloating: boolean;
     /**
      * This prop defines the positioning of the secondary link.
      */

package/dist/types/components/advanced/cards/tet-compare-cards/tet-compare-cards.d.ts

@@ -40,6 +40,7 @@ export interface CompareCardsInterface {
     hideBestChoiceBorder?: boolean;
     withBorder?: boolean;
     bestChoiceTextPosition?: 'left' | 'center' | 'right';
+    bestChoiceTextFloating?: boolean;
     priceShownVertically?: boolean;
     secondaryLinkPosition?: 'left' | 'center' | 'right';
     cardDescription?: string;

package/dist/types/components/advanced/cards/tet-compare-cards-tab/compare-cards-tab-products-filters.d.ts

@@ -0,0 +1,36 @@
+import { TagInterface } from "../../../basic/buttons/tet-tag-group/tet-tag-group";
+import { ProductComparisonInterface } from "../../../../services/api/services/catalog/product-comparison";
+interface OffersFilterInterface {
+    id?: string;
+    title?: string;
+    products: string[];
+    active: boolean;
+    disabled?: boolean;
+}
+type OnFilterSelectCallBack = (availableTvFilters: TagInterface[], activeFilterIds: string[], filteredProductIds: string[]) => void;
+declare class CompareCardsTabProductsFilters {
+    protected onFilterSelect: OnFilterSelectCallBack;
+    protected availableTvFilters: (TagInterface & {
+        products: string[];
+        disabled?: boolean;
+    })[];
+    protected allFilters: OffersFilterInterface[];
+    protected currentProducts: {
+        [key: string]: {
+            productCode: string;
+        };
+    };
+    constructor(onFilterSelect: OnFilterSelectCallBack);
+    initialize: (productCodes: ProductComparisonInterface[] | {
+        products: any;
+        productTags: any[];
+    }) => void;
+    getAvailableFilters: () => TagInterface[];
+    clearFilters: () => void;
+    private resolveFilters;
+    filterClickAction: (filter: TagInterface) => void;
+    private updateDisabledFilters;
+    getActiveFilterIds: () => string[];
+    getFilteredProductIds: () => string[];
+}
+export { CompareCardsTabProductsFilters };

package/dist/types/components/advanced/cards/tet-compare-cards-tab/tet-compare-cards-tab.d.ts

@@ -1,7 +1,7 @@
 import { CompareCardsInterface, CompareCardsLayout } from '../tet-compare-cards/tet-compare-cards';
 import { FunctionalComponent } from '../../../../stencil-public-runtime';
 import { ServiceAvailabilityServicesCategoryTheme } from "../../../../services/api/index";
-import { productComparisonInterface } from "../../../../services/api/services/catalog/product-comparison";
+import { ProductComparisonInterface } from "../../../../services/api/services/catalog/product-comparison";
 /**
  * @param title The title of the tab
  * @param tabList The sub-tabs of the tab
@@ -42,6 +42,7 @@ export interface TabListCompareCardsInterface {
     cardScript?: string;
     newUrlGeneratorStructure?: boolean;
     disableCardHeightSegmentAlignment?: boolean;
+    withProductFilters?: boolean;
 }
 /**
  * @param theme The theme of the tab
@@ -109,10 +110,12 @@ export declare class TetTabCompareCards {
     /**
      * Product data returned from SAC.
      */
-    productSACData: Array<productComparisonInterface>;
+    productSACData: ProductComparisonInterface[];
     /**
-     * If the product codes are provided, get product data from SAC.
+     * The filtered product codes to show, according to active tag filters.
      */
+    filteredProductCodes: string[];
+    private compareCardsFiltersHelper;
     componentWillLoad(): Promise<void>;
     /**
      * The showLoader property watcher.
@@ -137,8 +140,13 @@ export declare class TetTabCompareCards {
      */
     private getProductData;
     /**
-     * Renders the loader.
+     * Runs after productSACData is set, sets up the filtering helper and filteredProductCodes.
      */
+    private initCompareCardFilters;
+    /**
+     * Handles filtered products changed event from tet-address-offers-filters-products.
+     */
+    private handleFilteredProductsChanged;
     private renderLoader;
     /**
      * Renders the tab header.
@@ -148,7 +156,7 @@ export declare class TetTabCompareCards {
      */
     private renderTabHeader;
     /**
-     * Renders the tab header.
+     * Renders tab content.
      *
      * @param tabList tab data
      * @param level level of the tab

package/dist/types/components/advanced/cards/utils.d.ts

@@ -1,4 +1,4 @@
-import { productComparisonInterface, ServiceAvailabilityServicesCategoryTheme } from "../../../services/api/index";
+import { ProductComparisonInterface, ServiceAvailabilityServicesCategoryTheme } from "../../../services/api/index";
 import { CompareCardsInterface } from './tet-compare-cards/tet-compare-cards';
 export interface FormsRedirectParameters {
     product?: string;
@@ -15,4 +15,4 @@ export interface FormsRedirectParameters {
  * @param darkMode Optional dark mode setting for the compare card.
  * @param isNetflixCard Optional flag to indicate if the card is for Netflix.
  */
-export declare const fillProductData: (compareCard: CompareCardsInterface, requestedProduct: string, requestedProductData: productComparisonInterface, theme?: ServiceAvailabilityServicesCategoryTheme, darkMode?: boolean, isNetflixCard?: boolean) => CompareCardsInterface;
+export declare const fillProductData: (compareCard: CompareCardsInterface, requestedProduct: string, requestedProductData: ProductComparisonInterface, theme?: ServiceAvailabilityServicesCategoryTheme, darkMode?: boolean, isNetflixCard?: boolean) => CompareCardsInterface;

package/dist/types/components/basic/buttons/tet-tag/tet-tag.d.ts

@@ -13,6 +13,8 @@ export declare class TetTag implements TranslatableComponent {
     theme: 'light' | 'mint' | 'classic' | 'dark';
     /** State of the info icon on label. */
     showIcon: boolean;
+    /** State of the disabled tag */
+    disabled: boolean;
     /** The translation language. */
     language: Language;
     onLanguageChange(language: Language): Promise<void>;

package/dist/types/components/basic/buttons/tet-tag-group/tet-tag-group.d.ts

@@ -5,6 +5,8 @@ export interface TagInterface {
     count?: number;
     showIcon?: boolean;
     active: boolean;
+    disabled?: boolean;
+    products?: string[];
     clickAction?: (tag: TagInterface) => any;
 }
 /**

package/dist/types/components.d.ts

@@ -5,8 +5,11 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
+import { AvailableServicesModel } from "./services/api/services/catalog/service-availability-services";
 import { Language } from "./services/translations/index";
 import { AddressOffersCatalogChangeArgs, FiltersChangedEventArgs } from "./components/advanced/address/tet-address-offers/tet-address-offers";
+import { AvailableServicesModel as AvailableServicesModel1, StructureModel } from "./services/api/services/catalog/service-availability-services";
+import { CompareCardProductCodesProp } from "./components/advanced/address/tet-address-offers-filters-products/tet-address-offers-filters-products";
 import { AddressInterface, CallCenterTaskRequest, CustomerAsset, CustomerNotFound, MacdOrderTypeInterface, ServiceAvailabilityServicesCategoryTheme } from "./services/api/index";
 import { UniqueAddressInterface } from "./components/advanced/customer/tet-asset-addresses/tet-asset-addresses";
 import { UniqueAddressInterface as UniqueAddressInterface1 } from "./components/advanced/customer/tet-asset-availability-addresses/tet-asset-availability-addresses";
@@ -55,8 +58,11 @@ import { MainBlockIcon, ThankYouTheme } from "./components/views/tet-thank-you-v
 import { ThankYouViewV2Icon } from "./components/views/tet-thank-you-view-v2/tet-thank-you-view-v2";
 import { ThankYouViewV3Icon } from "./components/views/tet-thank-you-view-v3/tet-thank-you-view-v3";
 import { TooltipPosition } from "./components/simple/text-blocks/tet-tooltip/enums/TooltipPosition";
+export { AvailableServicesModel } from "./services/api/services/catalog/service-availability-services";
 export { Language } from "./services/translations/index";
 export { AddressOffersCatalogChangeArgs, FiltersChangedEventArgs } from "./components/advanced/address/tet-address-offers/tet-address-offers";
+export { AvailableServicesModel as AvailableServicesModel1, StructureModel } from "./services/api/services/catalog/service-availability-services";
+export { CompareCardProductCodesProp } from "./components/advanced/address/tet-address-offers-filters-products/tet-address-offers-filters-products";
 export { AddressInterface, CallCenterTaskRequest, CustomerAsset, CustomerNotFound, MacdOrderTypeInterface, ServiceAvailabilityServicesCategoryTheme } from "./services/api/index";
 export { UniqueAddressInterface } from "./components/advanced/customer/tet-asset-addresses/tet-asset-addresses";
 export { UniqueAddressInterface as UniqueAddressInterface1 } from "./components/advanced/customer/tet-asset-availability-addresses/tet-asset-availability-addresses";
@@ -181,6 +187,14 @@ export namespace Components {
           * The key of the address.
          */
         "addressKey": string | number;
+        /**
+          * The currently active tv product filters.
+         */
+        "allowedTvProductCodes": string[];
+        /**
+          * The catalog data.
+         */
+        "catalog": AvailableServicesModel;
         /**
           * This prop defines if the card is in dark mode.
          */
@@ -219,6 +233,36 @@ export namespace Components {
          */
         "theme": 'light' | 'dark';
     }
+    interface TetAddressOffersFiltersProducts {
+        /**
+          * The catalog data from the API.
+         */
+        "catalog": AvailableServicesModel1;
+        /**
+          * The category to show filters for.
+         */
+        "category": StructureModel;
+        /**
+          * Define if clear filter button should appear
+         */
+        "clearFilterButton": boolean;
+        /**
+          * The translation language.
+         */
+        "language": Language;
+        /**
+          * The prop that contains products.
+         */
+        "productCodes": CompareCardProductCodesProp;
+        /**
+          * The subcategory ID to identify the filtered products.
+         */
+        "subcategoryId": string;
+        /**
+          * The theme of the clear Filters button and tags.
+         */
+        "theme": 'light' | 'dark';
+    }
     /**
      * A view with tet-address-offers integrated with additional elements and logic.
      */
@@ -1068,6 +1112,10 @@ export namespace Components {
           * The disabled state of the bestChoice card.
          */
         "bestChoice": boolean;
+        /**
+          * This prop defines if the best choice text should be floating over the card.
+         */
+        "bestChoiceTextFloating": boolean;
         /**
           * This prop defines the positioning of the best choice element.
          */
@@ -1167,7 +1215,7 @@ export namespace Components {
         /**
           * The theme of the card.
          */
-        "theme": ServiceAvailabilityServicesCategoryTheme;
+        "theme": 'light' | 'dark' | ServiceAvailabilityServicesCategoryTheme;
         /**
           * URL of the thumbnail image.
          */
@@ -2824,6 +2872,10 @@ export namespace Components {
           * The numerical value of the tag count.
          */
         "count": number;
+        /**
+          * State of the disabled tag
+         */
+        "disabled": boolean;
         /**
           * The translation language.
          */
@@ -3147,6 +3199,10 @@ export interface TetAddressOffersCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLTetAddressOffersElement;
 }
+export interface TetAddressOffersFiltersProductsCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLTetAddressOffersFiltersProductsElement;
+}
 export interface TetAddressSearchCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLTetAddressSearchElement;
@@ -3342,6 +3398,24 @@ declare global {
         prototype: HTMLTetAddressOffersFiltersElement;
         new (): HTMLTetAddressOffersFiltersElement;
     };
+    interface HTMLTetAddressOffersFiltersProductsElementEventMap {
+        "activeFiltersChanged": string[];
+        "filteredProductsChanged": { subcategoryId: string; filteredProductIds: string[] };
+    }
+    interface HTMLTetAddressOffersFiltersProductsElement extends Components.TetAddressOffersFiltersProducts, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLTetAddressOffersFiltersProductsElementEventMap>(type: K, listener: (this: HTMLTetAddressOffersFiltersProductsElement, ev: TetAddressOffersFiltersProductsCustomEvent<HTMLTetAddressOffersFiltersProductsElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLTetAddressOffersFiltersProductsElementEventMap>(type: K, listener: (this: HTMLTetAddressOffersFiltersProductsElement, ev: TetAddressOffersFiltersProductsCustomEvent<HTMLTetAddressOffersFiltersProductsElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLTetAddressOffersFiltersProductsElement: {
+        prototype: HTMLTetAddressOffersFiltersProductsElement;
+        new (): HTMLTetAddressOffersFiltersProductsElement;
+    };
     /**
      * A view with tet-address-offers integrated with additional elements and logic.
      */
@@ -4519,6 +4593,7 @@ declare global {
         "tet-accordion": HTMLTetAccordionElement;
         "tet-address-offers": HTMLTetAddressOffersElement;
         "tet-address-offers-filters": HTMLTetAddressOffersFiltersElement;
+        "tet-address-offers-filters-products": HTMLTetAddressOffersFiltersProductsElement;
         "tet-address-offers-view": HTMLTetAddressOffersViewElement;
         "tet-address-search": HTMLTetAddressSearchElement;
         "tet-asset-addresses": HTMLTetAssetAddressesElement;
@@ -4660,6 +4735,14 @@ declare namespace LocalJSX {
           * The key of the address.
          */
         "addressKey"?: string | number;
+        /**
+          * The currently active tv product filters.
+         */
+        "allowedTvProductCodes"?: string[];
+        /**
+          * The catalog data.
+         */
+        "catalog"?: AvailableServicesModel;
         /**
           * This prop defines if the card is in dark mode.
          */
@@ -4710,6 +4793,44 @@ declare namespace LocalJSX {
          */
         "theme"?: 'light' | 'dark';
     }
+    interface TetAddressOffersFiltersProducts {
+        /**
+          * The catalog data from the API.
+         */
+        "catalog"?: AvailableServicesModel1;
+        /**
+          * The category to show filters for.
+         */
+        "category"?: StructureModel;
+        /**
+          * Define if clear filter button should appear
+         */
+        "clearFilterButton"?: boolean;
+        /**
+          * The translation language.
+         */
+        "language"?: Language;
+        /**
+          * Event emitted when active filters change, sending array of active filter IDs.
+         */
+        "onActiveFiltersChanged"?: (event: TetAddressOffersFiltersProductsCustomEvent<string[]>) => void;
+        /**
+          * Event emitted when filtered products change, sending subcategory ID and array of filtered product IDs.
+         */
+        "onFilteredProductsChanged"?: (event: TetAddressOffersFiltersProductsCustomEvent<{ subcategoryId: string; filteredProductIds: string[] }>) => void;
+        /**
+          * The prop that contains products.
+         */
+        "productCodes"?: CompareCardProductCodesProp;
+        /**
+          * The subcategory ID to identify the filtered products.
+         */
+        "subcategoryId"?: string;
+        /**
+          * The theme of the clear Filters button and tags.
+         */
+        "theme"?: 'light' | 'dark';
+    }
     /**
      * A view with tet-address-offers integrated with additional elements and logic.
      */
@@ -5576,6 +5697,10 @@ declare namespace LocalJSX {
           * The disabled state of the bestChoice card.
          */
         "bestChoice"?: boolean;
+        /**
+          * This prop defines if the best choice text should be floating over the card.
+         */
+        "bestChoiceTextFloating"?: boolean;
         /**
           * This prop defines the positioning of the best choice element.
          */
@@ -5679,7 +5804,7 @@ declare namespace LocalJSX {
         /**
           * The theme of the card.
          */
-        "theme"?: ServiceAvailabilityServicesCategoryTheme;
+        "theme"?: 'light' | 'dark' | ServiceAvailabilityServicesCategoryTheme;
         /**
           * URL of the thumbnail image.
          */
@@ -7342,6 +7467,10 @@ declare namespace LocalJSX {
           * The numerical value of the tag count.
          */
         "count"?: number;
+        /**
+          * State of the disabled tag
+         */
+        "disabled"?: boolean;
         /**
           * The translation language.
          */
@@ -7664,6 +7793,7 @@ declare namespace LocalJSX {
         "tet-accordion": TetAccordion;
         "tet-address-offers": TetAddressOffers;
         "tet-address-offers-filters": TetAddressOffersFilters;
+        "tet-address-offers-filters-products": TetAddressOffersFiltersProducts;
         "tet-address-offers-view": TetAddressOffersView;
         "tet-address-search": TetAddressSearch;
         "tet-asset-addresses": TetAssetAddresses;
@@ -7767,6 +7897,7 @@ declare module "@stencil/core" {
              * This component displays the available filters after address search
              */
             "tet-address-offers-filters": LocalJSX.TetAddressOffersFilters & JSXBase.HTMLAttributes<HTMLTetAddressOffersFiltersElement>;
+            "tet-address-offers-filters-products": LocalJSX.TetAddressOffersFiltersProducts & JSXBase.HTMLAttributes<HTMLTetAddressOffersFiltersProductsElement>;
             /**
              * A view with tet-address-offers integrated with additional elements and logic.
              */

package/dist/types/services/api/index.d.ts

@@ -3,7 +3,7 @@ import { requestTranslations, TranslationsInterface } from './services/translati
 import { queryCustomer, CustomerInterface } from './services/customer/query';
 import { customerAssets, CustomerAsset, CustomerNotFound } from './services/customer/assets';
 import { ServiceAvailabilityServicesCategoryTheme } from './services/catalog/service-availability-services';
-import { productComparison, productComparisonInterface, productComparisonAttributeInterface } from './services/catalog/product-comparison';
+import { productComparison, ProductComparisonInterface, productComparisonAttributeInterface } from './services/catalog/product-comparison';
 import { CatalogOffer, ComparableCatalogOffer } from './services/catalog/interfaces/catalog-offer.interface';
 import { createCallCenterTask, CallCenterTaskRequest } from './services/tasks';
 import { getComponentData } from './services/components/component-data';
@@ -13,4 +13,4 @@ import { macd, MacdOrderTypeAvailabilityInterface, MacdOrderTypeAvailabilityReas
 import { operations, OperationsResponse } from "./services/operations/operations";
 import { HttpCodes } from './http-codes';
 import { AsyncApiRequestError } from './errors/async-api-request-error';
-export { searchAddress, searchAddressByKey, requestTranslations, queryCustomer, customerAssets, productComparison, createCallCenterTask, getComponentData, macd, operations, AddressInterface, TranslationsInterface, CustomerInterface, CustomerAsset, CustomerNotFound, CallCenterTaskRequest, ServiceAvailabilityServicesCategoryTheme, productComparisonInterface, productComparisonAttributeInterface, CatalogOffer, ComparableCatalogOffer, OffersGiftComponentData, TranslatableProperty, MacdOrderTypesResponseInterface, MacdOrderTypeInterface, MacdOrderTypeAvailabilityInterface, MacdOrderTypeAvailabilityReasonInterface, OperationsResponse, HttpCodes, AsyncApiRequestError };
+export { searchAddress, searchAddressByKey, requestTranslations, queryCustomer, customerAssets, productComparison, createCallCenterTask, getComponentData, macd, operations, AddressInterface, TranslationsInterface, CustomerInterface, CustomerAsset, CustomerNotFound, CallCenterTaskRequest, ServiceAvailabilityServicesCategoryTheme, ProductComparisonInterface, productComparisonAttributeInterface, CatalogOffer, ComparableCatalogOffer, OffersGiftComponentData, TranslatableProperty, MacdOrderTypesResponseInterface, MacdOrderTypeInterface, MacdOrderTypeAvailabilityInterface, MacdOrderTypeAvailabilityReasonInterface, OperationsResponse, HttpCodes, AsyncApiRequestError };

package/dist/types/services/api/services/catalog/product-comparison.d.ts

@@ -1,18 +1,25 @@
-interface productComparisonInterface {
-    productCode: string;
-    amount: number | string;
-    name: string[];
-    formUrl: string[];
-    landingPage: string[];
-    descriptionTooltip: string[];
-    contracts: string[];
-    subtitle: string[];
-    benefits: string[];
-    properties: string[];
-    contractTerms: contractTermsInterface[];
+interface ProductComparisonInterface {
+    productCode?: string;
+    amount?: number | string;
+    name?: string[];
+    formUrl?: string[];
+    landingPage?: string[];
+    descriptionTooltip?: string[];
+    contracts?: string[];
+    subtitle?: string[];
+    benefits?: string[];
+    properties?: string[];
+    contractTerms?: contractTermsInterface[];
     subscriptionCode?: string;
     salesforceProductCode?: string;
     attributes?: productComparisonAttributeInterface[];
+    productTags?: ProductTagModel[];
+}
+interface ProductTagModel {
+    tag?: string;
+    title?: string;
+    products: string[];
+    active: boolean;
 }
 interface contractTermsInterface {
     amount: number;
@@ -35,5 +42,5 @@ interface productComparisonAttributeInterface {
  *
  * @param products Contains product codes.
  */
-declare const productComparison: (products: string) => Promise<productComparisonInterface[]>;
-export { productComparison, productComparisonInterface, productComparisonAttributeInterface };
+declare const productComparison: (products: string) => Promise<ProductComparisonInterface[]>;
+export { productComparison, ProductComparisonInterface, productComparisonAttributeInterface, ProductTagModel };

package/dist/types/services/api/services/catalog/service-availability-services.d.ts

@@ -3,6 +3,23 @@ import { ContractTerm } from "../../../../config/contract-terms";
 interface AvailableServicesModel {
     addressKey: string;
     structure: StructureModel[];
+    productTags: ProductTagModel[];
+    meta: MetaModel[];
+}
+interface MetaModel {
+    name: string;
+    icons: IconModel[];
+    amount?: number;
+}
+interface IconModel {
+    key: string;
+    icon: string;
+}
+interface ProductTagModel {
+    tag?: string;
+    title?: string;
+    products: string[];
+    active: boolean;
 }
 interface StructureModel {
     displayTitle: boolean;
@@ -15,6 +32,7 @@ interface StructureModel {
     tag?: string;
     theme?: ServiceAvailabilityServicesCategoryTheme;
     hasNetflixToggle: boolean;
+    hasProductTags: boolean;
 }
 interface TechnologySpeedModel {
     max: number;
@@ -65,4 +83,4 @@ interface ContractTermInterface {
  * @param addressKey
  */
 declare const serviceAvailabilityServices: (addressKey: string | number) => Promise<AvailableServicesModel>;
-export { serviceAvailabilityServices, AvailableServicesModel, StructureModel, ProductModel, ProductAttributeModel, ServiceAvailabilityServicesCategoryTheme, ContractTermInterface };
+export { serviceAvailabilityServices, AvailableServicesModel, StructureModel, ProductModel, ProductAttributeModel, ServiceAvailabilityServicesCategoryTheme, ContractTermInterface, ProductTagModel, MetaModel, IconModel };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tet/tet-components",
-  "version": "v1.3.68-testing",
+  "version": "v1.3.69-staging",
   "description": "A Stencil-based Web Components library for reusable UI elements.",
   "homepage": "https://tet.lv",
   "main": "dist/index.cjs.js",