@aiconomy/aico-components 0.0.179 → 0.0.187

package/dist/ssr/index.mjs

@@ -15974,15 +15974,19 @@ const ConditionalRender = ({ condition }, children) => {
     return condition ? children : [];
 };
 
-const getAuthenticatedHeaders = (bearerToken) => {
+const getAuthenticatedHeaders = (token) => {
     const headers = new Headers();
     headers.append('Accept', 'application/vnd.api+json');
-    headers.append('Authorization', `Bearer ${bearerToken}`);
+    headers.append('Authorization', `Bearer ${token}`);
     return headers;
 };
 const getAuthenticatedRequest = (api, route, query, signal) => {
+    const token = api.bearerToken || api.accessToken;
+    if (!token) {
+        throw new Error('No valid token found');
+    }
     return new Request(new URL(`${route}?${query.toString()}`, api.baseApi), {
-        headers: getAuthenticatedHeaders(api.bearerToken),
+        headers: getAuthenticatedHeaders(token),
         signal,
     });
 };
@@ -15992,58 +15996,77 @@ function setArrayFilter(queryParams, key, values) {
         queryParams.append(key, value);
     }
 }
-async function fetchNewsArticles(api, page, size, signal, newsChannels = [], newsSellerIds = [], newsBrandIds = [], newsLanguageLocales = [], hideTopArticles = false, hideSpecialArticles = false) {
+async function fetchNewsArticles(api, page, size, signal, newsChannels = [], newsSellerIds = [], newsBrandIds = [], newsLanguageLocales = [], hideTopArticles = false, hideSpecialArticles = false, latestNews = false) {
+    const url = api.bearerToken
+        ? 'news'
+        : api.accessToken
+            ? latestNews
+                ? 'aico-shops/1/latest-news-resource'
+                : 'aico-shops/1/news-resource'
+            : '';
     const queryParams = new URLSearchParams();
     queryParams.set('page[number]', String(page));
     queryParams.set('page[size]', String(size));
-    queryParams.set('sort', '-publishDate');
-    queryParams.set('filter[isActive]', '1');
-    queryParams.set('filter[excludeTag][]', 'Eisnull');
-    setArrayFilter(queryParams, 'filter[channel][]', newsChannels);
-    setArrayFilter(queryParams, 'filter[sellerIds][]', newsSellerIds);
-    setArrayFilter(queryParams, 'filter[brandId][]', newsBrandIds);
-    setArrayFilter(queryParams, 'filter[newsLanguage][]', newsLanguageLocales);
-    if (hideTopArticles) {
-        queryParams.set('filter[isTopNews]', '0');
-    }
-    if (hideSpecialArticles) {
-        queryParams.set('filter[isSpecialArticle]', '0');
-    }
-    const request = getAuthenticatedRequest(api, 'news', queryParams, signal);
+    if (api.bearerToken) {
+        queryParams.set('sort', '-publishDate');
+        queryParams.set('filter[isActive]', '1');
+        queryParams.set('filter[excludeTag][]', 'Eisnull');
+        setArrayFilter(queryParams, 'filter[channel][]', newsChannels);
+        setArrayFilter(queryParams, 'filter[sellerIds][]', newsSellerIds);
+        setArrayFilter(queryParams, 'filter[brandId][]', newsBrandIds);
+        setArrayFilter(queryParams, 'filter[newsLanguage][]', newsLanguageLocales);
+        if (hideTopArticles) {
+            queryParams.set('filter[isTopNews]', '0');
+        }
+        if (hideSpecialArticles) {
+            queryParams.set('filter[isSpecialArticle]', '0');
+        }
+    }
+    const request = getAuthenticatedRequest(api, url, queryParams, signal);
     const response = await fetch(request);
     return await response.json();
 }
 async function fetchSpecialNewsArticles(api, page, size, signal, newsChannels = [], newsSellerIds = [], newsBrandIds = [], newsLanguageLocales = []) {
+    const url = api.bearerToken
+        ? 'news'
+        : 'aico-shops/1/news-resource';
     const queryParams = new URLSearchParams();
     queryParams.set('page[number]', String(page));
     queryParams.set('page[size]', String(size));
-    queryParams.set('sort', '-publishDate');
-    queryParams.set('filter[isActive]', '1');
-    queryParams.set('filter[isSpecialArticle]', '1');
-    queryParams.set('filter[isLightVersion]', 'true');
-    queryParams.set('filter[excludeTag][]', 'Eisnull');
-    setArrayFilter(queryParams, 'filter[channel][]', newsChannels);
-    setArrayFilter(queryParams, 'filter[sellerIds][]', newsSellerIds);
-    setArrayFilter(queryParams, 'filter[brandId][]', newsBrandIds);
-    setArrayFilter(queryParams, 'filter[newsLanguage][]', newsLanguageLocales);
-    const request = getAuthenticatedRequest(api, 'news', queryParams, signal);
+    if (api.bearerToken) {
+        queryParams.set('sort', '-publishDate');
+        queryParams.set('filter[isActive]', '1');
+        queryParams.set('filter[isSpecialArticle]', '1');
+        queryParams.set('filter[isLightVersion]', 'true');
+        queryParams.set('filter[excludeTag][]', 'Eisnull');
+        setArrayFilter(queryParams, 'filter[channel][]', newsChannels);
+        setArrayFilter(queryParams, 'filter[sellerIds][]', newsSellerIds);
+        setArrayFilter(queryParams, 'filter[brandId][]', newsBrandIds);
+        setArrayFilter(queryParams, 'filter[newsLanguage][]', newsLanguageLocales);
+    }
+    const request = getAuthenticatedRequest(api, url, queryParams, signal);
     const response = await fetch(request);
     return await response.json();
 }
 async function fetchTopNewsArticles(api, page, size, signal, newsChannels = [], newsSellerIds = [], newsBrandIds = [], newsLanguageLocales = []) {
+    const url = api.bearerToken
+        ? 'news'
+        : 'aico-shops/1/news-resource';
     const queryParams = new URLSearchParams();
     queryParams.set('page[number]', String(page));
     queryParams.set('page[size]', String(size));
-    queryParams.set('sort', '-publishDate');
-    queryParams.set('filter[isActive]', '1');
-    queryParams.set('filter[isTopNews]', '1');
-    queryParams.set('filter[isLightVersion]', 'true');
-    queryParams.set('filter[excludeTag][]', 'Eisnull');
-    setArrayFilter(queryParams, 'filter[channel][]', newsChannels);
-    setArrayFilter(queryParams, 'filter[sellerIds][]', newsSellerIds);
-    setArrayFilter(queryParams, 'filter[brandId][]', newsBrandIds);
-    setArrayFilter(queryParams, 'filter[newsLanguage][]', newsLanguageLocales);
-    const request = getAuthenticatedRequest(api, 'news', queryParams, signal);
+    if (api.bearerToken) {
+        queryParams.set('sort', '-publishDate');
+        queryParams.set('filter[isActive]', '1');
+        queryParams.set('filter[isTopNews]', '1');
+        queryParams.set('filter[isLightVersion]', 'true');
+        queryParams.set('filter[excludeTag][]', 'Eisnull');
+        setArrayFilter(queryParams, 'filter[channel][]', newsChannels);
+        setArrayFilter(queryParams, 'filter[sellerIds][]', newsSellerIds);
+        setArrayFilter(queryParams, 'filter[brandId][]', newsBrandIds);
+        setArrayFilter(queryParams, 'filter[newsLanguage][]', newsLanguageLocales);
+    }
+    const request = getAuthenticatedRequest(api, url, queryParams, signal);
     const response = await fetch(request);
     return await response.json();
 }
@@ -23078,13 +23101,15 @@ class AicoNewsList {
         this.newsBrandIdsArr = [];
         this.newsLanguageLocalesArr = [];
         this.aicoUrl = undefined;
-        this.aicoBearerToken = undefined;
+        this.aicoBearerToken = '';
+        this.userAccessToken = '';
         this.newsChannels = '';
         this.newsSellerIds = '';
         this.newsBrandIds = '';
         this.newsLanguageLocales = '';
         this.hideTopArticles = true;
         this.hideSpecialArticles = false;
+        this.latestNews = false;
         this.pageSize = 16;
         this.nextButtonText = 'Next';
         this.previousButtonText = 'Previous';
@@ -23093,7 +23118,7 @@ class AicoNewsList {
     connectedCallback() {
         this.newsListFetchController = new AbortController();
         this.pageNumber = 1;
-        this.api = { baseApi: this.aicoUrl, bearerToken: this.aicoBearerToken };
+        this.api = { baseApi: this.aicoUrl, bearerToken: this.aicoBearerToken, accessToken: this.userAccessToken };
         this.newsChannelsArr = splitByComma(this.newsChannels);
         this.newsSellerIdsArr = splitByComma(this.newsSellerIds);
         this.newsBrandIdsArr = splitByComma(this.newsBrandIds);
@@ -23103,36 +23128,37 @@ class AicoNewsList {
         this.newsListFetchController.abort('disconnected');
     }
     async componentWillLoad() {
-        this.newsResponse = await fetchNewsArticles(this.api, this.pageNumber, this.pageSize, this.newsListFetchController.signal, this.newsChannelsArr, this.newsSellerIdsArr, this.newsBrandIdsArr, this.newsLanguageLocalesArr, this.hideTopArticles, this.hideSpecialArticles);
+        this.newsResponse = await fetchNewsArticles(this.api, this.pageNumber, this.pageSize, this.newsListFetchController.signal, this.newsChannelsArr, this.newsSellerIdsArr, this.newsBrandIdsArr, this.newsLanguageLocalesArr, this.hideTopArticles, this.hideSpecialArticles, this.latestNews);
     }
     async componentWillUpdate() {
         this.newsListFetchController = new AbortController();
-        this.newsResponse = await fetchNewsArticles(this.api, this.pageNumber, this.pageSize, this.newsListFetchController.signal, this.newsChannelsArr, this.newsSellerIdsArr, this.newsBrandIdsArr, this.newsLanguageLocalesArr, this.hideTopArticles, this.hideSpecialArticles);
+        this.newsResponse = await fetchNewsArticles(this.api, this.pageNumber, this.pageSize, this.newsListFetchController.signal, this.newsChannelsArr, this.newsSellerIdsArr, this.newsBrandIdsArr, this.newsLanguageLocalesArr, this.hideTopArticles, this.hideSpecialArticles, this.latestNews);
     }
     render() {
         var _a, _b, _c;
-        return (hAsync(Host, { key: 'aacad98b3f28998312f373ce64352e4d0e053255' }, hAsync("div", { key: '5d1d20400ca9c70e948d8c3ace1c1ec73706d650', class: "newslist-grid-container mb-4" }, (_a = this.newsResponse) === null || _a === void 0 ? void 0 : _a.data.filter(article => !article.attributes.isTopNews).map((article, articleIndex) => {
+        return (hAsync(Host, { key: 'e1667c954dd75052b26f824431174b7e734b484c' }, hAsync("div", { key: '93ebe550604322a061fc082390592445491877a6', class: "newslist-grid-container mb-4" }, (_a = this.newsResponse) === null || _a === void 0 ? void 0 : _a.data.filter(article => this.latestNews || !article.attributes.isTopNews).map((article, articleIndex) => {
             return (hAsync("div", { key: article.id, class: "col" }, hAsync("aico-news-list-item", { article: article, articleIndex: articleIndex, onArticleClick: e => {
                     var _a;
                     (_a = this.articleClick) === null || _a === void 0 ? void 0 : _a.emit(e.detail);
                     e.stopPropagation();
                 }, locale: this.locale })));
-        })), hAsync("nav", { key: 'bfb45f66e785d2541815cfbe35a84f64405256aa', class: "w-100", "aria-label": "News navigation" }, hAsync("ul", { key: '1c0ec21fb0b2637883b3cb2108767c78d33306ac', class: "pagination justify-content-center" }, hAsync("li", { key: '1e70a53475fc409cd00ea92f7dcf69bacbfc5579', class: `page-item page-link user-select-none d-flex align-items-center ${!((_b = this.newsResponse) === null || _b === void 0 ? void 0 : _b.links.prev) ? 'disabled' : ''}`, style: { cursor: 'pointer' }, onClick: () => {
-                if (this.pageNumber > 1) {
-                    this.pageNumber -= 1;
-                }
-                return false;
-            } }, hAsync("svg", { key: '90f7a776166c44dc5bd74fcdf1cec89bbca167b2', xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", class: "bi bi-chevron-left me-1 fs-4", style: { width: '1em', height: '1em' }, viewBox: "0 0 16 16" }, hAsync("path", { key: '2762edda4d68a9fa6022c0cd8cbc7c5cff710c6b', "fill-rule": "evenodd", d: "M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0" })), this.previousButtonText), this.getViewablePages().map(page => (hAsync("li", { class: `page-item page-link user-select-none ${page === '...' ? 'disabled' : Number(page) === this.pageNumber ? 'active' : ''}`, style: { cursor: 'pointer' }, onClick: () => {
-                if (page !== '...') {
-                    this.pageNumber = Number(page);
-                }
-                return false;
-            } }, page))), hAsync("li", { key: '788a95d3978bccb990c7497cfc7b52b794159d97', class: `page-item page-link user-select-none d-flex align-items-center ${!((_c = this.newsResponse) === null || _c === void 0 ? void 0 : _c.links.next) ? 'disabled' : ''}`, style: { cursor: 'pointer' }, onClick: () => {
-                var _a, _b;
-                if (((_a = this.newsResponse) === null || _a === void 0 ? void 0 : _a.meta.page.lastPage) && this.pageNumber < ((_b = this.newsResponse) === null || _b === void 0 ? void 0 : _b.meta.page.lastPage)) {
-                    this.pageNumber += 1;
-                }
-            } }, this.nextButtonText, hAsync("svg", { key: 'debb4cd195cc6bfe8c1bead7c324eebfb393f0b9', xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", class: "bi bi-chevron-right ms-1 fs-4", style: { width: '1em', height: '1em' }, viewBox: "0 0 16 16" }, hAsync("path", { key: 'ec9997466d968752da2213d5167db8f1b7b6191f', "fill-rule": "evenodd", d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708" })))))));
+        })), !this.latestNews &&
+            hAsync("nav", { key: 'b4e081968bf0de39ca6deb53f46e51149ba90c96', class: "w-100", "aria-label": "News navigation" }, hAsync("ul", { key: '306919fae60915ef97b0f8b499105252cffa7355', class: "pagination justify-content-center" }, hAsync("li", { key: '2004858d91a1d36f344947003e16276c06d012e4', class: `page-item page-link user-select-none d-flex align-items-center ${!((_b = this.newsResponse) === null || _b === void 0 ? void 0 : _b.links.prev) ? 'disabled' : ''}`, style: { cursor: 'pointer' }, onClick: () => {
+                    if (this.pageNumber > 1) {
+                        this.pageNumber -= 1;
+                    }
+                    return false;
+                } }, hAsync("svg", { key: '794bc0a90223b0bfb469732e64c8ecdc33cbf95f', xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", class: "bi bi-chevron-left me-1 fs-4", style: { width: '1em', height: '1em' }, viewBox: "0 0 16 16" }, hAsync("path", { key: 'c114c34774e564ee68e70a72f02a53acc7d7403f', "fill-rule": "evenodd", d: "M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0" })), this.previousButtonText), this.getViewablePages().map(page => (hAsync("li", { class: `page-item page-link user-select-none ${page === '...' ? 'disabled' : Number(page) === this.pageNumber ? 'active' : ''}`, style: { cursor: 'pointer' }, onClick: () => {
+                    if (page !== '...') {
+                        this.pageNumber = Number(page);
+                    }
+                    return false;
+                } }, page))), hAsync("li", { key: 'a3b8aa8f9d69ad837e90b17f683fbcb97e70dd56', class: `page-item page-link user-select-none d-flex align-items-center ${!((_c = this.newsResponse) === null || _c === void 0 ? void 0 : _c.links.next) ? 'disabled' : ''}`, style: { cursor: 'pointer' }, onClick: () => {
+                    var _a, _b;
+                    if (((_a = this.newsResponse) === null || _a === void 0 ? void 0 : _a.meta.page.lastPage) && this.pageNumber < ((_b = this.newsResponse) === null || _b === void 0 ? void 0 : _b.meta.page.lastPage)) {
+                        this.pageNumber += 1;
+                    }
+                } }, this.nextButtonText, hAsync("svg", { key: '46589c53b68ba1f8a87a893a63469e460d01b25e', xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", class: "bi bi-chevron-right ms-1 fs-4", style: { width: '1em', height: '1em' }, viewBox: "0 0 16 16" }, hAsync("path", { key: '5ea164fd74b2138274adcba33e0e54a42e52be4e', "fill-rule": "evenodd", d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708" })))))));
     }
     getViewablePages(lookAhead = 2) {
         var _a, _b, _c, _d, _e, _f, _g;
@@ -23169,12 +23195,14 @@ class AicoNewsList {
         "$members$": {
             "aicoUrl": [1, "aico-url"],
             "aicoBearerToken": [1, "aico-bearer-token"],
+            "userAccessToken": [1, "user-access-token"],
             "newsChannels": [1, "news-channels"],
             "newsSellerIds": [1, "news-seller-ids"],
             "newsBrandIds": [1, "news-brand-ids"],
             "newsLanguageLocales": [1, "news-language-locales"],
             "hideTopArticles": [4, "hide-top-articles"],
             "hideSpecialArticles": [4, "hide-special-articles"],
+            "latestNews": [4, "latest-news"],
             "pageSize": [2, "page-size"],
             "nextButtonText": [1, "next-button-text"],
             "previousButtonText": [1, "previous-button-text"],
@@ -23229,7 +23257,7 @@ class AicoNewsListItem {
         return (hAsync("div", { key: 'c133677601367cd225d44f120e7efa6db950c902', class: "card h-100 pe-auto", style: { cursor: 'pointer' }, onClick: () => {
                 var _a;
                 (_a = this.articleClick) === null || _a === void 0 ? void 0 : _a.emit(this.article);
-            } }, hAsync("div", { key: '33be1f94f953a1d60f5abba57c52f1a8d0d4d4ab', class: "ratio ratio-16x9 overflow-hidden" }, hAsync("img", { key: 'd4b5349021cba1d93c9a0dbaba3b8ea5ecb94ce1', class: "object-fit-cover", style: { 'min-height': '15rem' }, alt: "Article image", src: (_e = (_d = (_c = (_b = (_a = translation === null || translation === void 0 ? void 0 : translation.image) !== null && _a !== void 0 ? _a : translation === null || translation === void 0 ? void 0 : translation.optimizedImage) !== null && _b !== void 0 ? _b : translation === null || translation === void 0 ? void 0 : translation.optimizedListImage) !== null && _c !== void 0 ? _c : this.article.attributes.image) !== null && _d !== void 0 ? _d : this.article.attributes.optimizedImage) !== null && _e !== void 0 ? _e : this.article.attributes.optimizedListImage }), hAsync("div", { key: 'a3745aafc708a3e18adcb68b6c7d265ab12e8730', class: "card-img-overlay d-flex justify-content-end" })), hAsync("div", { key: '28f1a23fe2174a590e5ac571c34b11efd759596c', class: "card-body" }, hAsync("h5", { key: '8a9279c63bbfaef47496b89553bbc1e74a67e56d', class: "card-title" }, (_f = translation === null || translation === void 0 ? void 0 : translation.name) !== null && _f !== void 0 ? _f : this.article.attributes.name), hAsync("p", { key: '5ca9ae322f1244e8e5c0d2afc35eec71ba580de1', class: "card-text" }, (_g = translation === null || translation === void 0 ? void 0 : translation.excerpt) !== null && _g !== void 0 ? _g : this.article.attributes.excerpt))));
+            } }, hAsync("div", { key: '33be1f94f953a1d60f5abba57c52f1a8d0d4d4ab', class: "ratio ratio-16x9 overflow-hidden" }, hAsync("img", { key: 'd4b5349021cba1d93c9a0dbaba3b8ea5ecb94ce1', class: "object-fit-cover", style: { 'min-height': '15rem' }, alt: "Article image", src: (_e = (_d = (_c = (_b = (_a = translation === null || translation === void 0 ? void 0 : translation.optimizedListImage) !== null && _a !== void 0 ? _a : translation === null || translation === void 0 ? void 0 : translation.optimizedImage) !== null && _b !== void 0 ? _b : translation === null || translation === void 0 ? void 0 : translation.image) !== null && _c !== void 0 ? _c : this.article.attributes.optimizedListImage) !== null && _d !== void 0 ? _d : this.article.attributes.optimizedImage) !== null && _e !== void 0 ? _e : this.article.attributes.image }), hAsync("div", { key: 'a3745aafc708a3e18adcb68b6c7d265ab12e8730', class: "card-img-overlay d-flex justify-content-end" })), hAsync("div", { key: '28f1a23fe2174a590e5ac571c34b11efd759596c', class: "card-body" }, hAsync("h5", { key: '8a9279c63bbfaef47496b89553bbc1e74a67e56d', class: "card-title" }, (_f = translation === null || translation === void 0 ? void 0 : translation.name) !== null && _f !== void 0 ? _f : this.article.attributes.name), hAsync("p", { key: '5ca9ae322f1244e8e5c0d2afc35eec71ba580de1', class: "card-text" }, (_g = translation === null || translation === void 0 ? void 0 : translation.excerpt) !== null && _g !== void 0 ? _g : this.article.attributes.excerpt))));
     }
     get thisHtml() { return getElement$1(this); }
     static get style() { return AicoNewsListItemStyle0; }
@@ -23314,7 +23342,8 @@ class AicoSpecialNewsCarousel {
         this.newsBrandIdsArr = [];
         this.newsLanguageLocalesArr = [];
         this.aicoUrl = undefined;
-        this.aicoBearerToken = undefined;
+        this.aicoBearerToken = '';
+        this.userAccessToken = '';
         this.newsChannels = '';
         this.newsSellerIds = '';
         this.newsBrandIds = '';
@@ -23324,7 +23353,7 @@ class AicoSpecialNewsCarousel {
     }
     connectedCallback() {
         this.newsListFetchController = new AbortController();
-        this.api = { baseApi: this.aicoUrl, bearerToken: this.aicoBearerToken };
+        this.api = { baseApi: this.aicoUrl, bearerToken: this.aicoBearerToken, accessToken: this.userAccessToken };
         this.newsChannelsArr = splitByComma(this.newsChannels);
         this.newsSellerIdsArr = splitByComma(this.newsSellerIds);
         this.newsBrandIdsArr = splitByComma(this.newsBrandIds);
@@ -23350,7 +23379,7 @@ class AicoSpecialNewsCarousel {
         });
     }
     render() {
-        return (hAsync("div", { key: 'ba2ff387f355995b8123e472de17810f0705b23a', class: "carousel" }, this.newsResponse.data.map(article => {
+        return (hAsync("div", { key: 'cdbe261371e46876ac8b4677067c0c1d60d2e9e9', class: "carousel" }, this.newsResponse.data.map(article => {
             var _a, _b, _c, _d, _e, _f, _g;
             const focusX = article.attributes.focusXPercentage ? `${article.attributes.focusXPercentage}%` : 'center';
             const focusY = article.attributes.focusYPercentage ? `${article.attributes.focusYPercentage}%` : 'center';
@@ -23359,7 +23388,7 @@ class AicoSpecialNewsCarousel {
                     var _a;
                     e.preventDefault();
                     (_a = this.articleClicked) === null || _a === void 0 ? void 0 : _a.emit(article);
-                } }, (_a = translation === null || translation === void 0 ? void 0 : translation.name) !== null && _a !== void 0 ? _a : article.attributes.name)), hAsync("p", { class: "card-text text-center" }, (_b = translation === null || translation === void 0 ? void 0 : translation.excerpt) !== null && _b !== void 0 ? _b : article.attributes.excerpt)), hAsync("div", { class: "ratio ratio-16x9 mx-auto", style: { 'max-width': '50%' } }, hAsync("img", { class: "card-img-bottom object-fit-cover", style: { 'object-position': `${focusX} ${focusY}`, 'min-height': '15rem' }, alt: "News Picture", "data-lazy": (_g = (_f = (_e = (_d = (_c = translation === null || translation === void 0 ? void 0 : translation.image) !== null && _c !== void 0 ? _c : translation === null || translation === void 0 ? void 0 : translation.optimizedListImage) !== null && _d !== void 0 ? _d : translation === null || translation === void 0 ? void 0 : translation.optimizedImage) !== null && _e !== void 0 ? _e : article.attributes.image) !== null && _f !== void 0 ? _f : article.attributes.optimizedListImage) !== null && _g !== void 0 ? _g : article.attributes.optimizedImage }))));
+                } }, (_a = translation === null || translation === void 0 ? void 0 : translation.name) !== null && _a !== void 0 ? _a : article.attributes.name)), hAsync("p", { class: "card-text text-center" }, (_b = translation === null || translation === void 0 ? void 0 : translation.excerpt) !== null && _b !== void 0 ? _b : article.attributes.excerpt)), hAsync("div", { class: "ratio ratio-16x9 mx-auto", style: { 'max-width': '50%' } }, hAsync("img", { class: "card-img-bottom object-fit-cover", style: { 'object-position': `${focusX} ${focusY}`, 'min-height': '15rem' }, alt: "News Picture", "data-lazy": (_g = (_f = (_e = (_d = (_c = translation === null || translation === void 0 ? void 0 : translation.optimizedListImage) !== null && _c !== void 0 ? _c : translation === null || translation === void 0 ? void 0 : translation.optimizedImage) !== null && _d !== void 0 ? _d : translation === null || translation === void 0 ? void 0 : translation.image) !== null && _e !== void 0 ? _e : article.attributes.optimizedListImage) !== null && _f !== void 0 ? _f : article.attributes.optimizedImage) !== null && _g !== void 0 ? _g : article.attributes.image }))));
         })));
     }
     static get style() { return AicoSpecialNewsCarouselStyle0; }
@@ -23369,6 +23398,7 @@ class AicoSpecialNewsCarousel {
         "$members$": {
             "aicoUrl": [1, "aico-url"],
             "aicoBearerToken": [1, "aico-bearer-token"],
+            "userAccessToken": [1, "user-access-token"],
             "newsChannels": [1, "news-channels"],
             "newsSellerIds": [1, "news-seller-ids"],
             "newsBrandIds": [1, "news-brand-ids"],
@@ -23618,7 +23648,8 @@ class AicoTopNewsCarousel {
         this.newsBrandIdsArr = [];
         this.newsLanguageLocalesArr = [];
         this.aicoUrl = undefined;
-        this.aicoBearerToken = undefined;
+        this.aicoBearerToken = '';
+        this.userAccessToken = '';
         this.newsChannels = '';
         this.newsSellerIds = '';
         this.newsBrandIds = '';
@@ -23628,7 +23659,7 @@ class AicoTopNewsCarousel {
     }
     connectedCallback() {
         this.newsListFetchController = new AbortController();
-        this.api = { baseApi: this.aicoUrl, bearerToken: this.aicoBearerToken };
+        this.api = { baseApi: this.aicoUrl, bearerToken: this.aicoBearerToken, accessToken: this.userAccessToken };
         this.newsChannelsArr = splitByComma(this.newsChannels);
         this.newsSellerIdsArr = splitByComma(this.newsSellerIds);
         this.newsBrandIdsArr = splitByComma(this.newsBrandIds);
@@ -23654,7 +23685,7 @@ class AicoTopNewsCarousel {
         });
     }
     render() {
-        return (hAsync("div", { key: '35573f965fd179a8fe35125da8856e42533b86b4', class: "carousel" }, this.newsResponse.data.map(article => {
+        return (hAsync("div", { key: '403ffcf2505ada818121277bedf4099015221c9a', class: "carousel" }, this.newsResponse.data.map(article => {
             var _a, _b, _c, _d, _e, _f, _g;
             const focusX = article.attributes.focusXPercentage ? `${article.attributes.focusXPercentage}%` : 'center';
             const focusY = article.attributes.focusYPercentage ? `${article.attributes.focusYPercentage}%` : 'center';
@@ -23673,6 +23704,7 @@ class AicoTopNewsCarousel {
         "$members$": {
             "aicoUrl": [1, "aico-url"],
             "aicoBearerToken": [1, "aico-bearer-token"],
+            "userAccessToken": [1, "user-access-token"],
             "newsChannels": [1, "news-channels"],
             "newsSellerIds": [1, "news-seller-ids"],
             "newsBrandIds": [1, "news-brand-ids"],

package/dist/types/components/aico-news-list/aico-news-list.d.ts

@@ -16,6 +16,10 @@ export declare class AicoNewsList {
      * The token used to authenticate against he Aico Api.
      */
     aicoBearerToken: string;
+    /**
+     * The user access token
+     */
+    userAccessToken: string;
     /**
      * Channel names as a comma separated list used to filter the results.
      */
@@ -40,6 +44,10 @@ export declare class AicoNewsList {
      * Determines wheter special articles will be included in the list or not.
      */
     hideSpecialArticles: boolean;
+    /**
+     * Determines wheter special articles will be included in the list or not.
+     */
+    latestNews: boolean;
     /**
      * The page size. Prefer this number to be even.
      */

package/dist/types/components/aico-special-news-carousel/aico-special-news-carousel.d.ts

@@ -16,6 +16,10 @@ export declare class AicoSpecialNewsCarousel {
      * The token used to authenticate against he Aico Api.
      */
     aicoBearerToken: string;
+    /**
+     * The user access token
+     */
+    userAccessToken: string;
     /**
      * Channel names as a comma separated list used to filter the results.
      */

package/dist/types/components/aico-top-news-carousel/aico-top-news-carousel.d.ts

@@ -16,6 +16,10 @@ export declare class AicoTopNewsCarousel {
      * The token used to authenticate against he Aico Api.
      */
     aicoBearerToken: string;
+    /**
+     * The user access token
+     */
+    userAccessToken: string;
     /**
      * Channel names as a comma separated list used to filter the results.
      */

package/dist/types/components.d.ts

@@ -167,6 +167,10 @@ export namespace Components {
           * Determines wheter top articles will be included in the list or not.
          */
         "hideTopArticles": boolean;
+        /**
+          * Determines wheter special articles will be included in the list or not.
+         */
+        "latestNews": boolean;
         /**
           * The article translation that will be used to render the content.  If the locale specified is not present in the article's translations, most content will not be shown.
          */
@@ -199,6 +203,10 @@ export namespace Components {
           * The text used by the previous button in the pagination component.
          */
         "previousButtonText": string;
+        /**
+          * The user access token
+         */
+        "userAccessToken": string;
     }
     interface AicoNewsListItem {
         "article": Article;
@@ -247,6 +255,10 @@ export namespace Components {
           * The number of articles shown in the carousel. Prefer this number to be small.
          */
         "numberOfArticles": number;
+        /**
+          * The user access token
+         */
+        "userAccessToken": string;
     }
     interface AicoTableContent {
         "content": TableContent;
@@ -296,6 +308,10 @@ export namespace Components {
           * The number of articles shown in the carousel. Prefer this number to be small.
          */
         "numberOfArticles": number;
+        /**
+          * The user access token
+         */
+        "userAccessToken": string;
     }
     interface AicoUploadContent {
         "content": UploadContent;
@@ -709,7 +725,7 @@ declare namespace LocalJSX {
         /**
           * The token used to authenticate against he Aico Api.
          */
-        "aicoBearerToken": string;
+        "aicoBearerToken"?: string;
         /**
           * The url of the Aico Api that will be used to retrieve the article.
          */
@@ -722,6 +738,10 @@ declare namespace LocalJSX {
           * Determines wheter top articles will be included in the list or not.
          */
         "hideTopArticles"?: boolean;
+        /**
+          * Determines wheter special articles will be included in the list or not.
+         */
+        "latestNews"?: boolean;
         /**
           * The article translation that will be used to render the content.  If the locale specified is not present in the article's translations, most content will not be shown.
          */
@@ -758,6 +778,10 @@ declare namespace LocalJSX {
           * The text used by the previous button in the pagination component.
          */
         "previousButtonText"?: string;
+        /**
+          * The user access token
+         */
+        "userAccessToken"?: string;
     }
     interface AicoNewsListItem {
         "article": Article;
@@ -779,7 +803,7 @@ declare namespace LocalJSX {
         /**
           * The token used to authenticate against he Aico Api.
          */
-        "aicoBearerToken": string;
+        "aicoBearerToken"?: string;
         /**
           * The url of the Aico Api that will be used to retrieve the article.
          */
@@ -812,6 +836,10 @@ declare namespace LocalJSX {
           * Event emitted when a user clicks an article title.  The handler receives the entire Article entity.
          */
         "onArticleClicked"?: (event: AicoSpecialNewsCarouselCustomEvent<Article>) => void;
+        /**
+          * The user access token
+         */
+        "userAccessToken"?: string;
     }
     interface AicoTableContent {
         "content": TableContent;
@@ -832,7 +860,7 @@ declare namespace LocalJSX {
         /**
           * The token used to authenticate against he Aico Api.
          */
-        "aicoBearerToken": string;
+        "aicoBearerToken"?: string;
         /**
           * The url of the Aico Api that will be used to retrieve the article.
          */
@@ -865,6 +893,10 @@ declare namespace LocalJSX {
           * Event emitted when a user clicks an article title.  The handler receives the entire Article entity.
          */
         "onArticleClicked"?: (event: AicoTopNewsCarouselCustomEvent<Article>) => void;
+        /**
+          * The user access token
+         */
+        "userAccessToken"?: string;
     }
     interface AicoUploadContent {
         "content": UploadContent;

package/dist/types/model/AicoApiRequestInfo.d.ts

@@ -1,6 +1,7 @@
 export type AicoApiRequestInfo = {
     baseApi: string;
-    bearerToken: string;
+    bearerToken?: string;
+    accessToken?: string;
 };
-export declare const getAuthenticatedHeaders: (bearerToken: string) => Headers;
+export declare const getAuthenticatedHeaders: (token: string) => Headers;
 export declare const getAuthenticatedRequest: (api: AicoApiRequestInfo, route: string, query: URLSearchParams, signal?: AbortSignal) => Request;

package/dist/types/utils/utils.d.ts

@@ -1,7 +1,7 @@
 import { Article } from '../components';
 import { AicoApiRequestInfo } from '../model/AicoApiRequestInfo';
 import { NewsResponse } from '../model/NewsResponse';
-export declare function fetchNewsArticles(api: AicoApiRequestInfo, page: number, size: number, signal: AbortSignal, newsChannels?: string[], newsSellerIds?: string[], newsBrandIds?: string[], newsLanguageLocales?: string[], hideTopArticles?: boolean, hideSpecialArticles?: boolean): Promise<NewsResponse>;
+export declare function fetchNewsArticles(api: AicoApiRequestInfo, page: number, size: number, signal: AbortSignal, newsChannels?: string[], newsSellerIds?: string[], newsBrandIds?: string[], newsLanguageLocales?: string[], hideTopArticles?: boolean, hideSpecialArticles?: boolean, latestNews?: boolean): Promise<NewsResponse>;
 export declare function fetchSpecialNewsArticles(api: AicoApiRequestInfo, page: number, size: number, signal: AbortSignal, newsChannels?: string[], newsSellerIds?: string[], newsBrandIds?: string[], newsLanguageLocales?: string[]): Promise<NewsResponse>;
 export declare function fetchTopNewsArticles(api: AicoApiRequestInfo, page: number, size: number, signal: AbortSignal, newsChannels?: string[], newsSellerIds?: string[], newsBrandIds?: string[], newsLanguageLocales?: string[]): Promise<NewsResponse>;
 export declare function fetchNewsArticle(api: AicoApiRequestInfo, articleId: string, signal: AbortSignal): Promise<Article>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aiconomy/aico-components",
-  "version": "0.0.179",
+  "version": "0.0.187",
   "description": "Aiconomy components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",