@aiconomy/aico-components 0.0.181 → 0.0.187

package/dist/cjs/aico-album-content_27.cjs.entry.js

@@ -13777,15 +13777,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,
     });
 };
@@ -13795,58 +13799,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');
+    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, 'news', queryParams, signal);
+    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();
 }
@@ -20677,13 +20700,15 @@ const AicoNewsList = class {
         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';
@@ -20692,7 +20717,7 @@ const AicoNewsList = class {
     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);
@@ -20702,36 +20727,37 @@ const AicoNewsList = class {
         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 (index.h(index.Host, { key: 'aacad98b3f28998312f373ce64352e4d0e053255' }, index.h("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 (index.h(index.Host, { key: 'e1667c954dd75052b26f824431174b7e734b484c' }, index.h("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 (index.h("div", { key: article.id, class: "col" }, index.h("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 })));
-        })), index.h("nav", { key: 'bfb45f66e785d2541815cfbe35a84f64405256aa', class: "w-100", "aria-label": "News navigation" }, index.h("ul", { key: '1c0ec21fb0b2637883b3cb2108767c78d33306ac', class: "pagination justify-content-center" }, index.h("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;
-            } }, index.h("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" }, index.h("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 => (index.h("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))), index.h("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, index.h("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" }, index.h("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 &&
+            index.h("nav", { key: 'b4e081968bf0de39ca6deb53f46e51149ba90c96', class: "w-100", "aria-label": "News navigation" }, index.h("ul", { key: '306919fae60915ef97b0f8b499105252cffa7355', class: "pagination justify-content-center" }, index.h("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;
+                } }, index.h("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" }, index.h("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 => (index.h("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))), index.h("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, index.h("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" }, index.h("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;
@@ -20855,7 +20881,8 @@ const AicoSpecialNewsCarousel = class {
         this.newsBrandIdsArr = [];
         this.newsLanguageLocalesArr = [];
         this.aicoUrl = undefined;
-        this.aicoBearerToken = undefined;
+        this.aicoBearerToken = '';
+        this.userAccessToken = '';
         this.newsChannels = '';
         this.newsSellerIds = '';
         this.newsBrandIds = '';
@@ -20865,7 +20892,7 @@ const AicoSpecialNewsCarousel = class {
     }
     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);
@@ -20891,7 +20918,7 @@ const AicoSpecialNewsCarousel = class {
         });
     }
     render() {
-        return (index.h("div", { key: 'ba2ff387f355995b8123e472de17810f0705b23a', class: "carousel" }, this.newsResponse.data.map(article => {
+        return (index.h("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';
@@ -21094,7 +21121,8 @@ const AicoTopNewsCarousel = class {
         this.newsBrandIdsArr = [];
         this.newsLanguageLocalesArr = [];
         this.aicoUrl = undefined;
-        this.aicoBearerToken = undefined;
+        this.aicoBearerToken = '';
+        this.userAccessToken = '';
         this.newsChannels = '';
         this.newsSellerIds = '';
         this.newsBrandIds = '';
@@ -21104,7 +21132,7 @@ const AicoTopNewsCarousel = class {
     }
     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);
@@ -21130,7 +21158,7 @@ const AicoTopNewsCarousel = class {
         });
     }
     render() {
-        return (index.h("div", { key: '35573f965fd179a8fe35125da8856e42533b86b4', class: "carousel" }, this.newsResponse.data.map(article => {
+        return (index.h("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';