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

package/dist/components/tet-tv-gift-list.js

@@ -1,5 +1,5 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-37ed3ebb.js';
-import { d as defineCustomElement$2 } from './p-b0d6ed2e.js';
+import { p as proxyCustomElement, H, h, c as Host } from './p-88af3744.js';
+import { d as defineCustomElement$2 } from './p-a9b1c410.js';
 
 const tetTvGiftListCss = "@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}:host{display:block}.tv-gift-list{display:block}.tv-gift-list--image-list{display:grid;gap:2rem}.tv-gift-list--medium,.tv-gift-list--large{grid-template-columns:repeat(12, 1fr)}.tv-gift-list__list{list-style:none;padding:0;margin:1rem 0 0;display:flex;flex-direction:column;gap:0.5rem}.tv-gift-list__list__wrapper{display:flex;flex-direction:column;justify-content:center}.tv-gift-list--medium .tv-gift-list__list__wrapper{grid-column:span 6}.tv-gift-list--large .tv-gift-list__list__wrapper{grid-column:span 7}.tv-gift-list__list__header{font:600 1.25rem/1.5rem \"Gilroy\", \"Gilroy, Arial, sans-serif\"}.tv-gift-list--medium .tv-gift-list__list__header{font:600 1.5rem/1.75rem \"Gilroy\", \"Gilroy, Arial, sans-serif\"}.tv-gift-list--large .tv-gift-list__list__header{font:600 1.75rem/2rem \"Gilroy\", \"Gilroy, Arial, sans-serif\"}.tv-gift-list__list__item{font:400 1rem/1.5rem \"Inter\", \"Gilroy, Arial, sans-serif\";display:flex;gap:0.5rem;line-height:1.5rem}.tv-gift-list--large .tv-gift-list__list__item{font:400 1.125rem/1.75rem \"Inter\", \"Gilroy, Arial, sans-serif\";line-height:1.75rem}.tv-gift-list__list__item tet-icon{--icon-size:1.25rem;--icon-container-display:flex;padding-top:0.175rem}.tv-gift-list__image{width:100%;height:auto;border-radius:0.75rem}.tv-gift-list--medium .tv-gift-list__image__wrapper{grid-column:span 6}.tv-gift-list--large .tv-gift-list__image__wrapper{grid-column:span 5}";
 const TetTvGiftListStyle0 = tetTvGiftListCss;
@@ -9,25 +9,13 @@ const TetTvGiftList$1 = /*@__PURE__*/ proxyCustomElement(class TetTvGiftList ext
         super();
         this.__registerHost();
         this.__attachShadow();
-        /** Sets the `containerSize` state depending on the `element` width. */
-        this.setContainerSize = () => {
-            const elementWidth = this.element.getBoundingClientRect().width;
-            if (elementWidth <= 436) {
-                this.containerSize = 'small';
-            }
-            else if (elementWidth <= 656) {
-                this.containerSize = 'medium';
-            }
-            else {
-                this.containerSize = 'large';
-            }
-        };
         this.header = '';
         this.listBulletIcon = '';
         this.imageSource = '';
         this.list = [];
         this.containerSize = 'small';
     }
+    get element() { return this; }
     /**
      * Window resize event listener. Sets `containerSize` state on window resize.
      */
@@ -38,6 +26,19 @@ const TetTvGiftList$1 = /*@__PURE__*/ proxyCustomElement(class TetTvGiftList ext
     componentDidLoad() {
         this.setContainerSize();
     }
+    /** Sets the `containerSize` state depending on the `element` width. */
+    setContainerSize = () => {
+        const elementWidth = this.element.getBoundingClientRect().width;
+        if (elementWidth <= 436) {
+            this.containerSize = 'small';
+        }
+        else if (elementWidth <= 656) {
+            this.containerSize = 'medium';
+        }
+        else {
+            this.containerSize = 'large';
+        }
+    };
     render() {
         return (h(Host, { key: 'd7ca800e6ba25b464ca314db93e45c4364b6d3fd' }, h("div", { key: 'a4f37664e71edd5ca917f5273ce9210531956de4', class: {
                 'tv-gift-list': true,
@@ -45,7 +46,6 @@ const TetTvGiftList$1 = /*@__PURE__*/ proxyCustomElement(class TetTvGiftList ext
                 'tv-gift-list--image-list': Boolean(this.imageSource),
             } }, this.imageSource && (h("div", { key: '218718faf70c8a09c28a142b17baa4c7518b3d90', class: "tv-gift-list__image__wrapper" }, h("img", { key: '771937af4d57ebe70145eadfca53273b6fe2d896', class: "tv-gift-list__image", src: this.imageSource }))), h("div", { key: 'c0a71bf205d2523a41d77d9b5ca84d58eda2a70a', class: "tv-gift-list__list__wrapper" }, h("span", { key: 'c3e657ded0076127e5fe9a52e866bd51bc1bda80', class: "tv-gift-list__list__header" }, this.header), h("ul", { key: 'd821f738bf5f80afb3d9be01a572dfc473a99493', class: "tv-gift-list__list" }, this.list.map(item => (h("li", { class: "tv-gift-list__list__item" }, h("tet-icon", { name: this.listBulletIcon }), item))))))));
     }
-    get element() { return this; }
     static get style() { return TetTvGiftListStyle0; }
 }, [1, "tet-tv-gift-list", {
         "header": [1],

package/dist/esm/{address-979a9993.js → address-483cfa2e.js}

@@ -1,4 +1,4 @@
-import { e as endpoints, A as ApiRequest } from './http-codes-7faa9f6e.js';
+import { e as endpoints, A as ApiRequest } from './http-codes-c2e180c8.js';
 
 /**
  * Returns the addresses that match the given keyword.

package/dist/esm/{assets-b971f105.js → assets-d6147258.js}

@@ -1,4 +1,4 @@
-import { e as endpoints, A as ApiRequest } from './http-codes-7faa9f6e.js';
+import { e as endpoints, A as ApiRequest } from './http-codes-c2e180c8.js';
 
 /**
  * Returns customer information.

package/dist/esm/{async-request-6675e5f5.js → async-request-21a65bdc.js}

@@ -1,4 +1,4 @@
-import { e as endpoints, A as ApiRequest, c as createSocketConnection, H as HttpCodes } from './http-codes-7faa9f6e.js';
+import { e as endpoints, A as ApiRequest, c as createSocketConnection, H as HttpCodes } from './http-codes-c2e180c8.js';
 
 const executeUntil = async (execute, until, { millisecondsToWait = 1000, maxExecutionTries = 10 } = {}) => {
     let result = await execute();
@@ -52,28 +52,30 @@ class AsyncApiRequestError extends Error {
  * and the channel (WebSocket) connection will be closed.
  */
 class AsyncApiRequest {
-    constructor() {
-        /**
-         * The time in milliseconds after which the Websocket connection should be closed if the data is not received.
-         */
-        this.socketTimeoutInMilliseconds = 60000;
-        this.maxPollingAttempts = 45;
-        this.dataRetrievalMethod = 'polling';
-        this.defaultOptions = {
-            headers: {
-                'Accept': 'application/json',
-                'Content-Type': 'application/json'
-            }
-        };
-        /**
-         * The header name of the response operation ID.
-         */
-        this.operationIdHeader = 'X-Operation';
-        /**
-         * The event name of the operation data stream.
-         */
-        this.operationEventName = '.operation.status';
-    }
+    url;
+    options;
+    data;
+    errorFallbackValue;
+    /**
+     * The time in milliseconds after which the Websocket connection should be closed if the data is not received.
+     */
+    socketTimeoutInMilliseconds = 60000;
+    maxPollingAttempts = 45;
+    dataRetrievalMethod = 'polling';
+    defaultOptions = {
+        headers: {
+            'Accept': 'application/json',
+            'Content-Type': 'application/json'
+        }
+    };
+    /**
+     * The header name of the response operation ID.
+     */
+    operationIdHeader = 'X-Operation';
+    /**
+     * The event name of the operation data stream.
+     */
+    operationEventName = '.operation.status';
     /**
      * Sets the URL.
      *
@@ -117,8 +119,7 @@ class AsyncApiRequest {
      * @param response
      */
     getOperationId(response) {
-        var _a;
-        return (_a = response.headers.get(this.operationIdHeader)) !== null && _a !== void 0 ? _a : '';
+        return response.headers.get(this.operationIdHeader) ?? '';
     }
     /**
      * Handles caught error.
@@ -198,7 +199,7 @@ class AsyncApiRequest {
         const apiRequest = new ApiRequest()
             .setUrl(this.url)
             .setData(this.data)
-            .setOptions(Object.assign(Object.assign({}, this.defaultOptions), this.options));
+            .setOptions({ ...this.defaultOptions, ...this.options });
         let response;
         try {
             response = await apiRequest.execute(true);

package/dist/esm/compare-cards-tab-products-filters-79b7b7c6.js

@@ -0,0 +1,98 @@
+class CompareCardsTabProductsFilters {
+    onFilterSelect;
+    availableTvFilters = [];
+    allFilters = [];
+    currentProducts = {};
+    constructor(onFilterSelect) {
+        this.onFilterSelect = onFilterSelect;
+    }
+    initialize = (productCodes) => {
+        const products = productCodes['products'];
+        const productTags = productCodes['productTags'];
+        this.currentProducts = products;
+        this.availableTvFilters = this.resolveFilters(products, productTags);
+        this.updateDisabledFilters();
+        this.onFilterSelect([...this.availableTvFilters], this.getActiveFilterIds(), this.getFilteredProductIds());
+    };
+    getAvailableFilters = () => {
+        return [...this.availableTvFilters];
+    };
+    clearFilters = () => {
+        this.availableTvFilters.forEach(filter => {
+            filter.active = false;
+            filter.showIcon = false;
+        });
+        this.updateDisabledFilters();
+        this.onFilterSelect([...this.availableTvFilters], [], this.getFilteredProductIds());
+    };
+    resolveFilters = (products, productTags) => {
+        const productCodeSet = new Set(Object.values(products).map(product => product.productCode));
+        return (productTags || [])
+            .map(tag => {
+            const localProducts = (tag.products || []).filter(productCode => productCodeSet.has(productCode));
+            return {
+                id: tag.tag,
+                title: tag.title,
+                products: localProducts,
+                active: false,
+                disabled: false,
+                clickAction: this.filterClickAction.bind(this),
+            };
+        })
+            .filter(filter => filter.products.length > 0);
+    };
+    filterClickAction = (filter) => {
+        const availableFilter = this.availableTvFilters.find(({ id }) => id === filter.id);
+        if (!availableFilter)
+            return;
+        if (availableFilter.disabled)
+            return;
+        availableFilter.active = !availableFilter.active;
+        availableFilter.showIcon = !availableFilter.showIcon;
+        this.updateDisabledFilters();
+        this.onFilterSelect([...this.availableTvFilters], this.getActiveFilterIds(), this.getFilteredProductIds());
+    };
+    updateDisabledFilters = () => {
+        const activeFilters = this.availableTvFilters.filter(f => f.active);
+        const activeCount = activeFilters.length;
+        let intersection = null;
+        if (activeCount > 0) {
+            intersection = new Set(activeFilters[0].products);
+            for (let i = 1; i < activeFilters.length; i++) {
+                intersection = new Set([...intersection].filter(productCode => activeFilters[i].products.includes(productCode)));
+            }
+        }
+        for (const filter of this.availableTvFilters) {
+            if (filter.active || activeCount === 0) {
+                filter.disabled = false;
+            }
+            else {
+                let simulatedIntersection = intersection ? [...intersection] : filter.products;
+                if (intersection) {
+                    simulatedIntersection = simulatedIntersection.filter(code => filter.products.includes(code));
+                }
+                filter.disabled = simulatedIntersection.length <= 0;
+                filter.showIcon = false;
+            }
+        }
+    };
+    getActiveFilterIds = () => {
+        return this.availableTvFilters.filter(filter => filter.active).map(filter => filter.id);
+    };
+    getFilteredProductIds = () => {
+        const activeTags = this.availableTvFilters.filter(tag => tag.active);
+        const allProductCodes = Object.values(this.currentProducts).map(p => p.productCode);
+        if (activeTags.length === 0) {
+            return allProductCodes;
+        }
+        let intersection = [...activeTags[0].products];
+        for (let i = 1; i < activeTags.length; i++) {
+            intersection = intersection.filter(productCode => activeTags[i].products.includes(productCode));
+        }
+        const validSet = new Set(allProductCodes);
+        intersection = intersection.filter(code => validSet.has(code));
+        return intersection;
+    };
+}
+
+export { CompareCardsTabProductsFilters as C };

package/dist/{components/p-6830b44d.js → esm/http-codes-c2e180c8.js}

@@ -1,63 +1,19 @@
-import './p-a0d406ca.js';
-import { E as Env } from './p-37ed3ebb.js';
-
-const endpoints$1 = {
-	operations: "/operations/",
-	address: "/addresses/",
-	addressSearch: "/addresses/search/",
-	translations: "/translations/",
-	queryCustomer: "/customer/data/",
-	customerAssets: "/customer/assets/",
-	productComparison: "/v2/sac/product-data",
-	catalogOffers: "/catalog/offers/",
-	createCallCenterTask: "/tasks/create-callcenter-task/",
-	componentData: "/web-components/data/",
-	macdOrderTypes: "/assets/macd/order-types",
-	tvPlatformChannels: "/tv/channels/platform/",
-	tvPackages: "/tv/packages/",
-	businessLines: "/products/business-lines",
-	metastoreProducts: "/metastore/products",
-	cloudConfigurator: "/metastore/cloud-calculator-fields",
-	serviceAvailabilityServices: "/sac/available-services",
-	b2bConfigurator: "/metastore/b2b/configurator"
-};
-const testing$1 = {
-	baseUrl: "https://tst-gateway.tet.lv/api"
-};
-const staging$1 = {
-	baseUrl: "https://uat-gateway.tet.lv/api"
-};
-const production$1 = {
-	baseUrl: "https://gateway.tet.lv/api"
-};
-const endpointsJson = {
-	endpoints: endpoints$1,
-	testing: testing$1,
-	staging: staging$1,
-	production: production$1
-};
-
-var _a$1;
-const allEndpoints = endpointsJson.endpoints;
-const envConfig = (_a$1 = endpointsJson[Env.environment]) !== null && _a$1 !== void 0 ? _a$1 : {};
-// Combines the value of the base URL with the path of each endpoint.
-const fullEndpointUrls = Object.keys(allEndpoints !== null && allEndpoints !== void 0 ? allEndpoints : []).reduce((accumulator, endpointKey) => {
-    return Object.assign(Object.assign({}, accumulator), { [endpointKey]: `${envConfig.baseUrl}${allEndpoints[endpointKey]}` });
-}, {});
-const endpoints = fullEndpointUrls !== null && fullEndpointUrls !== void 0 ? fullEndpointUrls : {};
+import { E as Env } from './index-209dece3.js';
 
 /**
  * Generic class for creating & executing API requests.
  */
 class ApiRequest {
-    constructor() {
-        /**
-         * The default request options.
-         */
-        this.defaultOptions = {
-            mode: 'cors'
-        };
-    }
+    url;
+    options;
+    data;
+    errorFallbackValue;
+    /**
+     * The default request options.
+     */
+    defaultOptions = {
+        mode: 'cors'
+    };
     /**
      * Sets the URL.
      *
@@ -101,9 +57,12 @@ class ApiRequest {
      * @param fullResponse
      */
     execute(fullResponse = false) {
-        return fetch(this.url, Object.assign(Object.assign(Object.assign({}, this.defaultOptions), this.options), { body: JSON.stringify(this.data) })).then(async (response) => {
-            var _a;
-            return fullResponse ? response : (_a = (await response.json())) === null || _a === void 0 ? void 0 : _a.data;
+        return fetch(this.url, {
+            ...this.defaultOptions,
+            ...this.options,
+            body: JSON.stringify(this.data)
+        }).then(async (response) => {
+            return fullResponse ? response : (await response.json())?.data;
         }).catch((error) => {
             if (undefined !== this.errorFallbackValue) {
                 return this.errorFallbackValue;
@@ -113,6 +72,53 @@ class ApiRequest {
     }
 }
 
+const endpoints$1 = {
+	operations: "/operations/",
+	address: "/addresses/",
+	addressSearch: "/addresses/search/",
+	translations: "/translations/",
+	queryCustomer: "/customer/data/",
+	customerAssets: "/customer/assets/",
+	productComparison: "/v2/sac/product-data",
+	catalogOffers: "/catalog/offers/",
+	createCallCenterTask: "/tasks/create-callcenter-task/",
+	componentData: "/web-components/data/",
+	macdOrderTypes: "/assets/macd/order-types",
+	tvPlatformChannels: "/tv/channels/platform/",
+	tvPackages: "/tv/packages/",
+	businessLines: "/products/business-lines",
+	metastoreProducts: "/metastore/products",
+	cloudConfigurator: "/metastore/cloud-calculator-fields",
+	serviceAvailabilityServices: "/sac/available-services",
+	b2bConfigurator: "/metastore/b2b/configurator"
+};
+const testing$1 = {
+	baseUrl: "https://tst-gateway.tet.lv/api"
+};
+const staging$1 = {
+	baseUrl: "https://uat-gateway.tet.lv/api"
+};
+const production$1 = {
+	baseUrl: "https://gateway.tet.lv/api"
+};
+const endpointsJson = {
+	endpoints: endpoints$1,
+	testing: testing$1,
+	staging: staging$1,
+	production: production$1
+};
+
+const allEndpoints = endpointsJson.endpoints;
+const envConfig = endpointsJson[Env.environment] ?? {};
+// Combines the value of the base URL with the path of each endpoint.
+const fullEndpointUrls = Object.keys(allEndpoints ?? []).reduce((accumulator, endpointKey) => {
+    return {
+        ...accumulator,
+        [endpointKey]: `${envConfig.baseUrl}${allEndpoints[endpointKey]}`
+    };
+}, {});
+const endpoints = fullEndpointUrls ?? {};
+
 function _typeof(obj) {
   "@babel/helpers - typeof";
 
@@ -6396,8 +6402,7 @@ const broadcastingJson = {
 	production: production
 };
 
-var _a;
-const broadcasting = (_a = broadcastingJson[Env.environment]) !== null && _a !== void 0 ? _a : {};
+const broadcasting = broadcastingJson[Env.environment] ?? {};
 
 window.Pusher = Pusher$1;
 /**

package/dist/esm/{index-1bf36cb9.js → index-0c5fef2e.js}

@@ -1,4 +1,4 @@
-import { a as getRenderingRef, f as forceUpdate } from './index-7f1e2a22.js';
+import { a as getRenderingRef, f as forceUpdate } from './index-209dece3.js';
 
 const appendToMap = (map, propName, value) => {
     const items = map.get(propName);