@sonic-equipment/ui 225.0.0 → 227.0.0

package/dist/pages/my-sonic/actions/change-password/connected-change-password-dialog.js

@@ -33,7 +33,7 @@ function ConnectedChangePasswordDialog({ isOpen, onClose, }) {
             });
             onClose();
             navigate(`${paths.SIGN_IN}${location?.pathname ? `?returnUrl=${encodeURIComponent(location.pathname + location.search)}` : ''}`);
-        }, username: account?.email }));
+        }, userName: account?.email }));
 }
 
 export { ConnectedChangePasswordDialog };

package/dist/pages/product/product-details-page/product-details.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { useEffect } from 'react';
+import { useRef, useEffect } from 'react';
 import { ConnectedProductCard } from '../../../cards/product-card/connected-product-card.js';
 import { CardCarousel } from '../../../carousel/card-carousel/card-carousel.js';
 import { ProductUSPCarousel } from '../../../carousel/usp-carousel/product-usp-carousel.js';
@@ -17,9 +17,13 @@ import { ProductDetailsRecentlyViewedSection } from './components/product-detail
 function ProductDetails({ data, priceComponent, }) {
     const { breadCrumb, included, page, product, usps } = data;
     const { mutate } = useMarkProductAsRecentlyViewed();
+    const isProductMarktedAsViewed = useRef(false);
     useEffect(() => {
+        if (typeof window === 'undefined' || isProductMarktedAsViewed.current)
+            return;
+        isProductMarktedAsViewed.current = true;
         mutate({ productId: product.id });
-    }, [mutate, product]);
+    }, [mutate, product.id]);
     useDataLayer({
         event: {
             event: 'view_item',

package/dist/shared/api/bff/hooks/use-fetch-products-prices.d.ts

@@ -0,0 +1,2 @@
+import { ProductsPricesArgs } from '../services/bff-service';
+export declare function useFetchProductsPrices(args: ProductsPricesArgs): import("@tanstack/react-query").UseQueryResult<import("../model/bff.model").ProductsPricesResponse, Error>;

package/dist/shared/api/bff/hooks/use-fetch-products-prices.js

@@ -0,0 +1,14 @@
+"use client";
+import { useQuery } from '@tanstack/react-query';
+import { fetchProductsPrices } from '../services/bff-service.js';
+
+function useFetchProductsPrices(args) {
+    return useQuery({
+        gcTime: 0,
+        queryFn: () => fetchProductsPrices(args),
+        queryKey: ['products-prices', args],
+        staleTime: 0,
+    });
+}
+
+export { useFetchProductsPrices };

package/dist/shared/api/bff/model/bff.model.d.ts

@@ -1,5 +1,6 @@
 import { CurrencyCode } from '../../../../intl/types';
 import { ImageType } from '../../../model/image';
+import { UUID } from '../../../utils/uuid';
 export interface PageModel {
     alternateLanguageUrls: {
         [key: string]: string;
@@ -212,4 +213,16 @@ export type NavigationLinkItem = NavigationLink | NavigationLinkGroup;
 export declare const isNavigationLinkItem: (item?: unknown) => item is NavigationLinkItem;
 export type NavigationItem = NavigationSection | NavigationLinkItem;
 export type NavigationResponse = NavigationSection;
+export interface ProductsPricesPrice {
+    grossAmount: number;
+    vatAmount: number;
+}
+export type ProductsPricesResponse = {
+    basicListPrice: ProductsPricesPrice;
+    basicSalePrice: ProductsPricesPrice | null;
+    currencyCode: CurrencyCode;
+    customerPrice: ProductsPricesPrice;
+    isOnSale: boolean;
+    productId: UUID;
+}[];
 export {};

package/dist/shared/api/bff/services/bff-service.d.ts

@@ -1,24 +1,26 @@
 import { CultureCode } from '../../../../intl/types';
 import { ProductListingPageData } from '../../../../pages/product/product-listing-page/product-listing-page-data-types';
 import { AnnouncementObject } from '../../../model/announcement';
+import { UUID } from '../../../utils/uuid';
+import { APIArguments } from '../../shared/types';
 import { CartModel, PatchCartModel } from '../../storefront/model/storefront.model';
-import { NavigationResponse, ProductDetailsPageDataResponse, ProductSummary } from '../model/bff.model';
+import { NavigationResponse, ProductDetailsPageDataResponse, ProductsPricesResponse, ProductSummary } from '../model/bff.model';
 export interface FetchAnnouncementsArgs {
     cultureCode: CultureCode;
 }
-export declare function fetchAnnouncements({ cultureCode, }: FetchAnnouncementsArgs): Promise<AnnouncementObject[]>;
+export declare function fetchAnnouncements({ cultureCode, headers, ignoreCache, }: FetchAnnouncementsArgs & APIArguments): Promise<AnnouncementObject[]>;
 export interface FetchProductPageDataArgs {
     cultureCode: CultureCode;
     pageUrl: string;
 }
-export declare function fetchProductDetailsPageData({ cultureCode, pageUrl, }: FetchProductPageDataArgs): Promise<ProductDetailsPageDataResponse>;
-export declare function fetchProductListingPageData({ cultureCode, pageUrl, }: FetchProductPageDataArgs): Promise<ProductListingPageData>;
+export declare function fetchProductDetailsPageData({ cultureCode, headers, ignoreCache, pageUrl, }: FetchProductPageDataArgs & APIArguments): Promise<ProductDetailsPageDataResponse>;
+export declare function fetchProductListingPageData({ cultureCode, headers, ignoreCache, pageUrl, }: FetchProductPageDataArgs & APIArguments): Promise<ProductListingPageData>;
 export type NavigationLinkSource = 'shop' | 'marketing';
 export interface FetchNavigationLinksArgs {
     cultureCode: CultureCode;
     source: NavigationLinkSource;
 }
-export declare function fetchNavigationLinks({ cultureCode, source, }: FetchNavigationLinksArgs): Promise<NavigationResponse>;
+export declare function fetchNavigationLinks({ cultureCode, headers, ignoreCache, source, }: FetchNavigationLinksArgs & APIArguments): Promise<NavigationResponse>;
 export declare function fetchRecentlyViewedProducts({ cultureCode, }: {
     cultureCode: CultureCode;
 }): Promise<ProductSummary[]>;
@@ -30,6 +32,10 @@ export declare function placeOrder({ cart, isPending, }: {
     cart: PatchCartModel;
     isPending?: boolean;
 }): Promise<CartModel>;
+export interface ProductsPricesArgs {
+    productIds: UUID[];
+}
+export declare function fetchProductsPrices({ headers, productIds, }: ProductsPricesArgs & APIArguments): Promise<ProductsPricesResponse>;
 export declare function saveCartForLater({ cart }: {
     cart: CartModel;
 }): Promise<CartModel>;

package/dist/shared/api/bff/services/bff-service.js

@@ -3,12 +3,14 @@ import { request } from '../../../fetch/request.js';
 import { isAnnouncementType, isAnnouncementSubtype } from '../../../model/announcement.js';
 import { TIME } from '../../../utils/time.js';
 
-async function fetchAnnouncements({ cultureCode, }) {
+async function fetchAnnouncements({ cultureCode, headers, ignoreCache, }) {
     const { body } = await request({
-        headers: { 'Current-Language-Id': cultureCode },
+        headers: { ...headers, 'Current-Language-Id': cultureCode },
         next: {
-            revalidate: 1 * TIME.DAY,
-            tags: ['announcements', `announcement-${cultureCode}`],
+            revalidate: ignoreCache ? 0 : 1 * TIME.DAY,
+            tags: ignoreCache
+                ? undefined
+                : ['announcements', `announcement-${cultureCode}`],
         },
         url: `${config.BFF_API_URL}/notification/announcement`,
     });
@@ -32,31 +34,35 @@ async function fetchAnnouncements({ cultureCode, }) {
         };
     });
 }
-async function fetchProductDetailsPageData({ cultureCode, pageUrl, }) {
+async function fetchProductDetailsPageData({ cultureCode, headers, ignoreCache, pageUrl, }) {
     const { body } = await request({
-        headers: { 'Current-Language-Id': cultureCode },
+        headers: { 'Current-Language-Id': cultureCode, ...headers },
         next: {
-            revalidate: Infinity,
-            tags: [
-                'product-details',
-                `product-details-${pageUrl}`,
-                `product-details-${pageUrl}-${cultureCode}`,
-            ],
+            revalidate: ignoreCache ? 0 : Infinity,
+            tags: ignoreCache
+                ? undefined
+                : [
+                    'product-details',
+                    `product-details-${pageUrl}`,
+                    `product-details-${pageUrl}-${cultureCode}`,
+                ],
         },
         url: `${config.BFF_API_URL}/pdp/?pageUrl=${pageUrl}`,
     });
     return body;
 }
-async function fetchProductListingPageData({ cultureCode, pageUrl, }) {
+async function fetchProductListingPageData({ cultureCode, headers, ignoreCache, pageUrl, }) {
     const { body } = await request({
-        headers: { 'Current-Language-Id': cultureCode },
+        headers: { 'Current-Language-Id': cultureCode, ...headers },
         next: {
-            revalidate: Infinity,
-            tags: [
-                'product-listing',
-                `product-listing-${pageUrl}`,
-                `product-listing-${pageUrl}-${cultureCode}`,
-            ],
+            revalidate: ignoreCache ? 0 : Infinity,
+            tags: ignoreCache
+                ? undefined
+                : [
+                    'product-listing',
+                    `product-listing-${pageUrl}`,
+                    `product-listing-${pageUrl}-${cultureCode}`,
+                ],
         },
         url: `${config.BFF_API_URL}/plp/?pageUrl=${pageUrl}`,
     });
@@ -91,16 +97,18 @@ async function fetchProductListingPageData({ cultureCode, pageUrl, }) {
         })),
     };
 }
-async function fetchNavigationLinks({ cultureCode, source, }) {
+async function fetchNavigationLinks({ cultureCode, headers, ignoreCache, source, }) {
     const { body } = await request({
-        headers: { 'Current-Language-Id': cultureCode, Source: source },
+        headers: { 'Current-Language-Id': cultureCode, Source: source, ...headers },
         next: {
-            revalidate: Infinity,
-            tags: [
-                'navigation',
-                `navigation-${source}`,
-                `navigation-${source}-${cultureCode}`,
-            ],
+            revalidate: ignoreCache ? 0 : Infinity,
+            tags: ignoreCache
+                ? undefined
+                : [
+                    'navigation',
+                    `navigation-${source}`,
+                    `navigation-${source}-${cultureCode}`,
+                ],
         },
         url: `${config.BFF_API_URL}/v2/navigation`,
     });
@@ -143,6 +151,21 @@ async function placeOrder({ cart, isPending, }) {
     });
     return body;
 }
+async function fetchProductsPrices({ headers, productIds, }) {
+    if (productIds.length === 0)
+        return [];
+    const { body } = await request({
+        body: [...new Set(productIds)],
+        credentials: 'include',
+        headers: {
+            'Content-Type': 'application/json',
+            ...headers,
+        },
+        method: 'POST',
+        url: `${config.BFF_API_URL}/api/v1/pricing`,
+    });
+    return body;
+}
 async function saveCartForLater({ cart }) {
     // USER NEEDS TO BE LOGGED IN
     const { body } = await request({
@@ -157,4 +180,4 @@ async function saveCartForLater({ cart }) {
     return body;
 }
 
-export { fetchAnnouncements, fetchNavigationLinks, fetchProductDetailsPageData, fetchProductListingPageData, fetchRecentlyViewedProducts, patchCart, placeOrder, saveCartForLater };
+export { fetchAnnouncements, fetchNavigationLinks, fetchProductDetailsPageData, fetchProductListingPageData, fetchProductsPrices, fetchRecentlyViewedProducts, patchCart, placeOrder, saveCartForLater };

package/dist/shared/api/shared/types.d.ts

@@ -0,0 +1,6 @@
+export interface APIArguments {
+    headers?: {
+        cookie?: string;
+    };
+    ignoreCache?: boolean;
+}

package/dist/shared/api/storefront/hooks/authentication/use-sign-in.js

@@ -1,7 +1,6 @@
 "use client";
 import { useQueryClient, useMutation } from '@tanstack/react-query';
-import { isRequestError } from '../../../../fetch/request.js';
-import { signIn, createSession } from '../../services/authentication-service.js';
+import { signIn, createSession, InvalidGrantError } from '../../services/authentication-service.js';
 
 function useSignIn() {
     const queryClient = useQueryClient();
@@ -19,11 +18,9 @@ function useSignIn() {
                 return body;
             }
             catch (error) {
-                if (!(isRequestError(error) &&
-                    error.status === 400 &&
-                    error.body?.error === 'invalid_grant')) {
-                    queryClient.resetQueries();
-                }
+                if (error instanceof InvalidGrantError)
+                    throw error;
+                queryClient.resetQueries();
                 throw error;
             }
         },

package/dist/shared/api/storefront/model/storefront.model.d.ts

@@ -169,6 +169,10 @@ export type PatchSessionModel = Partial<Omit<SessionModel, 'billTo' | 'shipTo'>
     } | null;
     shipToId?: string | null;
 }>;
+export interface SpirePageModel {
+    redirectTo: string | null;
+    statusCode: number;
+}
 export interface ShipToModel extends BaseModel {
     address1: string;
     address2: string;

package/dist/shared/api/storefront/services/account-service.d.ts

@@ -1,7 +1,7 @@
-import { RequestError } from '../../../fetch/request';
+import { BadRequestError } from '../../../fetch/request';
 import { AccountModel } from '../model/storefront.model';
 export declare function fetchCurrentAccount(): Promise<AccountModel>;
-export declare class ExistingAccountError extends RequestError {
+export declare class ExistingAccountError extends BadRequestError {
     constructor(error: Error);
 }
 export interface CreateAccountRequestBase {

package/dist/shared/api/storefront/services/account-service.js

@@ -1,5 +1,5 @@
 import { config } from '../../../../config.js';
-import { request, RequestError, isRequestError } from '../../../fetch/request.js';
+import { request, BadRequestError } from '../../../fetch/request.js';
 
 async function fetchCurrentAccount() {
     const { body } = await request({
@@ -7,7 +7,7 @@ async function fetchCurrentAccount() {
     });
     return body;
 }
-class ExistingAccountError extends RequestError {
+class ExistingAccountError extends BadRequestError {
     constructor(error) {
         super(error);
         this.name = 'ExistingAccountError';
@@ -38,8 +38,7 @@ async function createAccount({ companyName, countryCode, email, firstName, isPri
         return body;
     }
     catch (error) {
-        if (isRequestError(error) &&
-            error.status === 400 &&
+        if (error instanceof BadRequestError &&
             error.body?.message === 'Email Address already exists')
             throw new ExistingAccountError(error);
         throw error;
@@ -73,8 +72,7 @@ async function patchCurrentAccount({ account, }) {
         return body;
     }
     catch (error) {
-        if (isRequestError(error) &&
-            error.status === 400 &&
+        if (error instanceof BadRequestError &&
             error.body?.message === 'Email Address already exists')
             throw new ExistingAccountError(error);
         throw error;

package/dist/shared/api/storefront/services/authentication-service.d.ts

@@ -1,10 +1,26 @@
-import { RequestError } from '../../../fetch/request';
+import { BadRequestError, RequestError } from '../../../fetch/request';
+import { APIArguments } from '../../shared/types';
 import { PatchSessionModel, SessionModel } from '../model/storefront.model';
-export declare function fetchSession(): Promise<SessionModel>;
-export declare class InvalidPasswordError extends Error {
+export declare function fetchSession(args?: APIArguments): Promise<SessionModel>;
+export declare class InvalidPasswordError extends BadRequestError {
     constructor(error: RequestError);
 }
-export declare class NonUniquePasswordError extends Error {
+export declare class NonUniquePasswordError extends BadRequestError {
+    constructor(error: RequestError);
+}
+export declare class UserNotFoundError extends BadRequestError {
+    constructor(error: RequestError);
+}
+export declare class UnableToChangePasswordError extends BadRequestError {
+    constructor(error: RequestError);
+}
+export declare class InvalidGrantError extends BadRequestError {
+    constructor(error: RequestError);
+}
+export declare class InvalidEmailPasswordCombinationError extends InvalidGrantError {
+    constructor(error: RequestError);
+}
+export declare class AccountLockedOutError extends InvalidGrantError {
     constructor(error: RequestError);
 }
 export declare function patchSession({ session, }: {

package/dist/shared/api/storefront/services/authentication-service.js

@@ -1,25 +1,56 @@
 import { config } from '../../../../config.js';
-import { request, isRequestError } from '../../../fetch/request.js';
+import { request, BadRequestError, UnauthorizedRequestError } from '../../../fetch/request.js';
 
-async function fetchSession() {
+async function fetchSession(args) {
     const { body } = await request({
         credentials: 'include',
+        headers: args?.headers,
         url: `${config.SHOP_API_URL}/api/v1/sessions/current`,
     });
     return body;
 }
-class InvalidPasswordError extends Error {
+class InvalidPasswordError extends BadRequestError {
     constructor(error) {
         super(error.body?.message || error.message);
         this.name = 'InvalidPasswordError';
     }
 }
-class NonUniquePasswordError extends Error {
+class NonUniquePasswordError extends BadRequestError {
     constructor(error) {
         super(error.body?.message || error.message);
         this.name = 'NonUniquePasswordError';
     }
 }
+class UserNotFoundError extends BadRequestError {
+    constructor(error) {
+        super(error.body?.message || error.message);
+        this.name = 'UserNotFoundError';
+    }
+}
+class UnableToChangePasswordError extends BadRequestError {
+    constructor(error) {
+        super(error.body?.message || error.message);
+        this.name = 'UnableToChangePasswordError';
+    }
+}
+class InvalidGrantError extends BadRequestError {
+    constructor(error) {
+        super(error.body?.message || error.message);
+        this.name = 'InvalidGrantError';
+    }
+}
+class InvalidEmailPasswordCombinationError extends InvalidGrantError {
+    constructor(error) {
+        super(error.body?.message || error.message);
+        this.name = 'InvalidEmailPasswordCombinationError';
+    }
+}
+class AccountLockedOutError extends InvalidGrantError {
+    constructor(error) {
+        super(error.body?.message || error.message);
+        this.name = 'AccountLockedOutError';
+    }
+}
 async function patchSession({ session, }) {
     try {
         const { body } = await request({
@@ -34,14 +65,16 @@ async function patchSession({ session, }) {
         return body;
     }
     catch (error) {
-        if (isRequestError(error) && error.status === 400) {
+        if (error instanceof BadRequestError) {
             if (error.body?.message ===
-                'New Password is required and must be different than Current Password') {
+                'New Password is required and must be different than Current Password')
                 throw new NonUniquePasswordError(error);
-            }
-            if (error.body?.message === 'Current Password is invalid') {
+            if (error.body?.message === 'Current Password is invalid')
                 throw new InvalidPasswordError(error);
-            }
+            if (error.body?.message === 'User not found.')
+                throw new UserNotFoundError(error);
+            if (error.body?.message === 'Unable to change Password at this time.')
+                throw new UnableToChangePasswordError(error);
         }
         throw error;
     }
@@ -52,36 +85,64 @@ async function signIn({ password, userName, }) {
     params.append('username', userName);
     params.append('password', password);
     params.append('scope', 'iscapi offline_access');
-    const { body } = await request({
-        body: params.toString(),
-        headers: {
-            Authorization: `Basic ${btoa('isc:009AC476-B28E-4E33-8BAE-B5F103A142BC')}`,
-            'Content-Type': 'application/x-www-form-urlencoded',
-        },
-        method: 'POST',
-        url: `${config.SHOP_API_URL}/identity/connect/token`,
-    });
-    return body;
+    try {
+        const { body } = await request({
+            body: params.toString(),
+            headers: {
+                Authorization: `Basic ${btoa('isc:009AC476-B28E-4E33-8BAE-B5F103A142BC')}`,
+                'Content-Type': 'application/x-www-form-urlencoded',
+            },
+            method: 'POST',
+            url: `${config.SHOP_API_URL}/identity/connect/token`,
+        });
+        return body;
+    }
+    catch (error) {
+        if (error instanceof BadRequestError &&
+            error.body?.error === 'invalid_grant') {
+            const description = error.body?.error_description;
+            if (description === 'Invalid Email/Password combination')
+                throw new InvalidEmailPasswordCombinationError(error);
+            if (description === 'Account is locked out')
+                throw new AccountLockedOutError(error);
+            throw new InvalidGrantError(error);
+        }
+        throw error;
+    }
 }
 async function createSession({ accessToken, isGuest, keepMeSignedIn, password, rememberMe, returnUrl, userName, }) {
-    const { body } = await request({
-        body: {
-            isGuest,
-            keepMeSignedIn,
-            password,
-            rememberMe,
-            returnUrl,
-            userName,
-        },
-        headers: {
-            Accept: 'application/json, text/plain, */*',
-            Authorization: `Bearer ${accessToken}`,
-            'Content-Type': 'application/json',
-        },
-        method: 'POST',
-        url: `${config.SHOP_API_URL}/api/v1/sessions`,
-    });
-    return body;
+    try {
+        const { body } = await request({
+            body: {
+                isGuest,
+                keepMeSignedIn,
+                password,
+                rememberMe,
+                returnUrl,
+                userName,
+            },
+            headers: {
+                Accept: 'application/json, text/plain, */*',
+                Authorization: `Bearer ${accessToken}`,
+                'Content-Type': 'application/json',
+            },
+            method: 'POST',
+            url: `${config.SHOP_API_URL}/api/v1/sessions`,
+        });
+        return body;
+    }
+    catch (error) {
+        if (error instanceof BadRequestError &&
+            error.body?.error === 'invalid_grant') {
+            const description = error.body?.error_description;
+            if (description === 'Invalid Email/Password combination')
+                throw new InvalidEmailPasswordCombinationError(error);
+            if (description === 'Account is locked out')
+                throw new AccountLockedOutError(error);
+            throw new InvalidGrantError(error);
+        }
+        throw error;
+    }
 }
 async function signOut() {
     try {
@@ -91,7 +152,7 @@ async function signOut() {
         });
     }
     catch (error) {
-        if (isRequestError(error) && error.status === 401)
+        if (error instanceof UnauthorizedRequestError)
             return;
         throw error;
     }
@@ -111,4 +172,4 @@ async function recoverPassword({ userName, }) {
     return body;
 }
 
-export { InvalidPasswordError, NonUniquePasswordError, createSession, fetchSession, patchSession, recoverPassword, signIn, signOut };
+export { AccountLockedOutError, InvalidEmailPasswordCombinationError, InvalidGrantError, InvalidPasswordError, NonUniquePasswordError, UnableToChangePasswordError, UserNotFoundError, createSession, fetchSession, patchSession, recoverPassword, signIn, signOut };

package/dist/shared/api/storefront/services/cart-service.d.ts

@@ -1,8 +1,9 @@
+import { APIArguments } from '../../shared/types';
 import { AdyenPaymentModel, CartLineModel, CartLineModel as ShopCartLineModel, CartModel, CheckoutAtpEntry, ProductAtp, PromotionModel } from '../model/storefront.model';
-export declare function fetchCart({ forceRecalculation, id, }: {
+export declare function fetchCart({ forceRecalculation, headers, id, }: {
     forceRecalculation?: boolean;
     id: string;
-}): Promise<CartModel>;
+} & APIArguments): Promise<CartModel>;
 export declare function fetchCurrentCart({ forceRecalculation, }?: {
     forceRecalculation?: boolean;
 }): Promise<CartModel>;

package/dist/shared/api/storefront/services/cart-service.js

@@ -1,9 +1,10 @@
 import { config } from '../../../../config.js';
 import { request } from '../../../fetch/request.js';
 
-async function fetchCart({ forceRecalculation = false, id, }) {
+async function fetchCart({ forceRecalculation = false, headers, id, }) {
     const { body } = await request({
         credentials: 'include',
+        headers,
         url: `${config.SHOP_API_URL}/api/v1/carts/${id}?expand=shipping%2Cvalidation%2CcartLines%2Crestrictions%2Ccarriers%2CpaymentOptions%2CcostCodes%2Chiddenproducts%2Ctax&forceRecalculation=${String(forceRecalculation)}&allowInvalidAddress=true`,
     });
     return body;

package/dist/shared/api/storefront/services/category-service.d.ts

@@ -0,0 +1,6 @@
+import { CultureCode } from '../../../../intl/types';
+import { APIArguments } from '../../shared/types';
+import { CategoryCollectionModel } from '../model/storefront.model';
+export declare function fetchCategories({ headers, ignoreCache, languageCultureCode, }: {
+    languageCultureCode: CultureCode;
+} & APIArguments): Promise<CategoryCollectionModel>;

package/dist/shared/api/storefront/services/category-service.js

@@ -0,0 +1,19 @@
+import { config } from '../../../../config.js';
+import { request } from '../../../fetch/request.js';
+
+async function fetchCategories({ headers, ignoreCache, languageCultureCode, }) {
+    const { body } = await request({
+        credentials: 'include',
+        headers,
+        next: {
+            revalidate: ignoreCache ? 0 : Infinity,
+            tags: ignoreCache
+                ? []
+                : ['categories', `categories-${languageCultureCode}`],
+        },
+        url: `${config.SHOP_API_URL}/api/v1/categories`,
+    });
+    return body;
+}
+
+export { fetchCategories };

package/dist/shared/api/storefront/services/translation-service.js

@@ -5,6 +5,10 @@ async function fetchTranslations(languageCode) {
     const translations = {};
     const { body } = await request({
         credentials: 'include',
+        next: {
+            revalidate: Infinity,
+            tags: [`translations-${languageCode}`],
+        },
         url: `${config.SHOP_API_URL}/api/v1/translationdictionaries?page=1&pageSize=9999&languageCode=${languageCode}`,
     });
     body.translationDictionaries?.forEach(dictionary => {

package/dist/shared/feature-flags/use-feature-flags.js

@@ -1,6 +1,7 @@
 "use client";
-import { useMemo } from 'react';
+import { useContext, useMemo } from 'react';
 import qs from 'query-string';
+import { LocalStorageContext } from '../local-storage/local-storage-context.js';
 
 const features = {
     cartv1: 'cartV1',
@@ -11,6 +12,7 @@ const features = {
     translations: 'translations',
 };
 function useFeatureFlags() {
+    const { localStorage } = useContext(LocalStorageContext) ?? {};
     const { search } = typeof window === 'undefined'
         ? {
             search: '',
@@ -41,7 +43,7 @@ function useFeatureFlags() {
             ...acc,
             [value]: selected,
         }), {});
-    }, [search]);
+    }, [search, localStorage]);
 }
 
 export { useFeatureFlags };