@sonic-equipment/ui 225.0.0 → 226.0.0

package/dist/exports.d.ts

@@ -318,9 +318,11 @@ export * from './shared/api/bff/hooks/use-fetch-favorites';
 export * from './shared/api/bff/hooks/use-fetch-navigation-links';
 export * from './shared/api/bff/hooks/use-fetch-product-details-page-data';
 export * from './shared/api/bff/hooks/use-fetch-product-listing-page-data';
+export * from './shared/api/bff/hooks/use-fetch-products-prices';
 export * from './shared/api/bff/hooks/use-fetch-recently-viewed-products';
 export * from './shared/api/bff/services/bff-service';
 export * from './shared/api/shared/hooks/use-awaitable-mutation';
+export * from './shared/api/shared/types';
 export * from './shared/api/storefront/hooks/account/use-create-account';
 export * from './shared/api/storefront/hooks/account/use-create-guest-account';
 export * from './shared/api/storefront/hooks/account/use-fetch-current-account';
@@ -381,6 +383,7 @@ export * from './shared/api/storefront/hooks/wishlist/use-fetch-wishlists';
 export * from './shared/api/storefront/services/account-service';
 export * from './shared/api/storefront/services/authentication-service';
 export * from './shared/api/storefront/services/cart-service';
+export * from './shared/api/storefront/services/category-service';
 export * from './shared/api/storefront/services/customer-service';
 export * from './shared/api/storefront/services/finance-service';
 export * from './shared/api/storefront/services/order-service';

package/dist/footer/connected-footer.js

@@ -5,17 +5,19 @@ import { FormattedMessage } from '../intl/formatted-message.js';
 import { useCultureCode } from '../intl/use-culture-code.js';
 import { useFetchNavigationLinks } from '../shared/api/bff/hooks/use-fetch-navigation-links.js';
 import { isNavigationSection } from '../shared/api/bff/model/bff.model.js';
+import { useIsAuthenticated } from '../shared/api/storefront/hooks/authentication/use-is-authenticated.js';
 import { Footer } from './footer.js';
 
 function ConnectedFooter({ className, onCountryLanguageChange, source, }) {
     const cultureCode = useCultureCode();
     const { data } = useFetchNavigationLinks({ cultureCode, source });
+    const isAuthenticated = useIsAuthenticated();
     if (data && data.key !== 'navigation')
         throw new Error('Invalid navigation data');
     const footerNavigationSection = data?.items
         .filter(isNavigationSection)
         .find(item => item.key === 'footer');
-    return (jsx(Footer, { className: className, copyright: jsx(FormattedMessage, { id: "Copyright \u00A9 Sonic Equipment B.V." }), countrySelector: jsx(ConnectedCountrySelector, { defaultCountryCode: "NL", defaultLanguageCode: "EN", onChange: onCountryLanguageChange }), footerNavigationSection: footerNavigationSection }));
+    return (jsx(Footer, { className: className, copyright: jsx(FormattedMessage, { id: "Copyright \u00A9 Sonic Equipment B.V." }), countrySelector: jsx(ConnectedCountrySelector, { defaultCountryCode: "NL", defaultLanguageCode: "EN", onChange: onCountryLanguageChange, showCountry: isAuthenticated === false }), footerNavigationSection: footerNavigationSection }));
 }
 
 export { ConnectedFooter };

package/dist/index.js

@@ -318,8 +318,9 @@ export { useFetchFavorites } from './shared/api/bff/hooks/use-fetch-favorites.js
 export { useFetchNavigationLinks } from './shared/api/bff/hooks/use-fetch-navigation-links.js';
 export { useFetchProductDetailsPageData } from './shared/api/bff/hooks/use-fetch-product-details-page-data.js';
 export { useFetchProductListingPageData } from './shared/api/bff/hooks/use-fetch-product-listing-page-data.js';
+export { useFetchProductsPrices } from './shared/api/bff/hooks/use-fetch-products-prices.js';
 export { useFetchRecentlyViewedProducts } from './shared/api/bff/hooks/use-fetch-recently-viewed-products.js';
-export { fetchAnnouncements, fetchNavigationLinks, fetchProductDetailsPageData, fetchProductListingPageData, fetchRecentlyViewedProducts, patchCart, placeOrder, saveCartForLater } from './shared/api/bff/services/bff-service.js';
+export { fetchAnnouncements, fetchNavigationLinks, fetchProductDetailsPageData, fetchProductListingPageData, fetchProductsPrices, fetchRecentlyViewedProducts, patchCart, placeOrder, saveCartForLater } from './shared/api/bff/services/bff-service.js';
 export { useAwaitableMutation } from './shared/api/shared/hooks/use-awaitable-mutation.js';
 export { useCreateAccount } from './shared/api/storefront/hooks/account/use-create-account.js';
 export { useCreateGuestAccount } from './shared/api/storefront/hooks/account/use-create-guest-account.js';
@@ -381,6 +382,7 @@ export { useFetchWishLists } from './shared/api/storefront/hooks/wishlist/use-fe
 export { ExistingAccountError, createAccount, createGuestAccount, fetchCurrentAccount, patchCurrentAccount } from './shared/api/storefront/services/account-service.js';
 export { InvalidPasswordError, NonUniquePasswordError, createSession, fetchSession, patchSession, recoverPassword, signIn, signOut } from './shared/api/storefront/services/authentication-service.js';
 export { addBulkProductsToCurrentCart, addProductToCurrentCart, convertToMinorUnits, deleteCartLineById, deleteCurrentCart, fetchCart, fetchCurrentCart, fetchCurrentCartLines, fetchCurrentCartProductAtp, fetchCurrentCartPromotions, fetchCurrentCheckoutAtp, getAdyenPaymentDetails, patchCartLineById, postAdyenPayment } from './shared/api/storefront/services/cart-service.js';
+export { fetchCategories } from './shared/api/storefront/services/category-service.js';
 export { fetchBillToAddress, fetchBillToAddresses, fetchCurrentBillToAddress, fetchCurrentShipToAddress, fetchFulfillmentMethods, fetchPagedShipToAddresses, fetchShipToAddress, fetchShipToAddresses, patchBillToAddress, patchShipToAddress, postShipToAddress } from './shared/api/storefront/services/customer-service.js';
 export { validateVATNumber } from './shared/api/storefront/services/finance-service.js';
 export { fetchOrderById, fetchOrders } from './shared/api/storefront/services/order-service.js';

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/services/authentication-service.d.ts

@@ -1,6 +1,7 @@
 import { RequestError } from '../../../fetch/request';
+import { APIArguments } from '../../shared/types';
 import { PatchSessionModel, SessionModel } from '../model/storefront.model';
-export declare function fetchSession(): Promise<SessionModel>;
+export declare function fetchSession(args?: APIArguments): Promise<SessionModel>;
 export declare class InvalidPasswordError extends Error {
     constructor(error: RequestError);
 }

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

@@ -1,9 +1,10 @@
 import { config } from '../../../../config.js';
 import { request, isRequestError } 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;

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

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

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

@@ -0,0 +1,27 @@
+import { config } from '../../../../config.js';
+import { request } from '../../../fetch/request.js';
+
+async function fetchCategories({ headers, languageCultureCode, sessionId, }) {
+    const url = new URL(`${config.SHOP_API_URL}/api/v1/categories`);
+    if (languageCultureCode)
+        url.searchParams.append('locale', languageCultureCode);
+    if (sessionId)
+        url.searchParams.append('sessionId', sessionId);
+    const tags = ['categories'];
+    if (languageCultureCode)
+        tags.push(`categories-${languageCultureCode}`);
+    if (sessionId)
+        tags.push(`categories-sid-${sessionId}`);
+    const { body } = await request({
+        credentials: 'include',
+        headers,
+        next: {
+            revalidate: sessionId ? 0 : Infinity,
+            tags,
+        },
+        url: url.toString(),
+    });
+    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 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sonic-equipment/ui",
-  "version": "225.0.0",
+  "version": "226.0.0",
   "type": "module",
   "license": "MIT",
   "engines": {