@sonic-equipment/ui 258.0.3 → 259.0.0

package/dist/config.js

@@ -23,15 +23,15 @@ const configPerEnvironment = {
         ALGOLIA_API_KEY: 'e0edf30798a6b2e4e44fd25f0f2f9646',
         ALGOLIA_APP_ID: 'testing9VXJ0U4GSV',
         ALGOLIA_HOST: 'sonicequipment.commerce.insitesandbox.com',
-        BFF_API_URL: 'https://localhost:8000/api/v1/bff',
-        COOKIE_DOMAIN: '.insitesandbox.com',
-        HOME_PAGE_URL: 'https://localhost:8000/',
+        BFF_API_URL: 'https://sonic.local.com/api/v1/bff',
+        COOKIE_DOMAIN: '.local.com',
+        HOME_PAGE_URL: 'https://sonic-marketing.local.com/',
         SHOP_API_URL: 
         // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-        env?.VITE_SHOP_API_URL || 'https://localhost:8000',
+        env?.VITE_SHOP_API_URL || 'https://sonicshopapi.local.com/',
         SHOP_URL: 
         // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-        env?.VITE_SHOP_URL || 'https://localhost:8000',
+        env?.VITE_SHOP_URL || 'https://sonic.local.com:3000/',
     }),
     'next-development': () => ({
         // @ts-expect-error: process is not defined in the browser

package/dist/footer/connected-footer.d.ts

@@ -1,7 +1,5 @@
 import { OnCountryLanguageChangeHandler } from '../country-selector/connected-country-selector';
-import { NavigationLinkSource } from '../shared/api/bff/services/bff-service';
-export declare function ConnectedFooter({ className, onCountryLanguageChange, source, }: {
+export declare function ConnectedFooter({ className, onCountryLanguageChange, }: {
     className?: string;
     onCountryLanguageChange: OnCountryLanguageChangeHandler;
-    source: NavigationLinkSource;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/footer/connected-footer.js

@@ -8,9 +8,9 @@ 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, }) {
+function ConnectedFooter({ className, onCountryLanguageChange, }) {
     const cultureCode = useCultureCode();
-    const { data } = useFetchNavigationLinks({ cultureCode, source });
+    const { data } = useFetchNavigationLinks({ cultureCode });
     const isAuthenticated = useIsAuthenticated();
     if (data && data.key !== 'navigation')
         throw new Error('Invalid navigation data');

package/dist/global-search/search-result-panel/sections/with-results.js

@@ -56,38 +56,41 @@ function ProductHitCard({ autocomplete, hit, index, source, }) {
     // It is just a boolean prop defaulting to true
     const { close } = useGlobalSearchDisclosure();
     const { sendAddToCartFromSearchEvent, sendAddToWishListFromSearchEvent, sendProductClickFromSearchEvent, } = useAlgoliaInsights();
+    const { currencyCode, id, image, isVatIncluded, labels, name, objectId, originalPrice, position, price, queryId, storefrontId, storefrontSlug, } = hit;
+    const href = storefrontSlug;
     return (jsx(ConnectedProductCard, { ...autocomplete.getItemProps({
             item: hit.hit,
             source,
-        }), addToCartEnabled: false, addToFavoritesEnabled: false, href: hit.storefrontSlug, id: hit.storefrontId, image: {
+        }), addToCartEnabled: false, addToFavoritesEnabled: false, href: href, id: storefrontId, image: {
             fit: 'contain',
-            image: hit.image,
-            title: hit.name,
-        }, onAddToCart: ({ cartLine }) => hit.queryId &&
+            image,
+            title: name,
+        }, onAddToCart: ({ cartLine }) => queryId &&
             sendAddToCartFromSearchEvent({
                 cartLine,
-                queryId: hit.queryId,
+                queryId,
             }), onClick: () => {
             close();
-            if (hit.queryId)
+            if (queryId) {
                 sendProductClickFromSearchEvent({
-                    objectId: hit.objectId,
-                    position: hit.position || index + 1,
-                    queryId: hit.queryId,
+                    objectId,
+                    position: position || index + 1,
+                    queryId,
                 });
+            }
         }, onFavoriting: () => {
-            if (hit.queryId)
+            if (queryId)
                 sendAddToWishListFromSearchEvent({
-                    objectId: hit.objectId,
-                    position: hit.position || index + 1,
-                    queryId: hit.queryId,
+                    objectId,
+                    position: position || index + 1,
+                    queryId,
                 });
         }, price: {
-            currencyCode: hit.currencyCode,
-            isVatIncluded: hit.isVatIncluded,
-            originalPrice: hit.originalPrice,
-            price: hit.price,
-        }, sku: hit.id, tags: hit.labels, title: jsx(Highlight, { attribute: "name", hit: hit.hit }) }, hit.storefrontId));
+            currencyCode,
+            isVatIncluded,
+            originalPrice,
+            price,
+        }, sku: id, tags: labels, title: jsx(Highlight, { attribute: "name", hit: hit.hit }) }, storefrontId));
 }
 function ProductResultsSection() {
     const { autocomplete, products: collection } = useAlgoliaSearch();

package/dist/header/connected-header.d.ts

@@ -1,5 +1,3 @@
-import { NavigationLinkSource } from '../shared/api/bff/services/bff-service';
-export declare function ConnectedHeader({ className, source, }: {
+export declare function ConnectedHeader({ className }: {
     className?: string;
-    source: NavigationLinkSource;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/header/connected-header.js

@@ -5,9 +5,9 @@ import { useFetchNavigationLinks } from '../shared/api/bff/hooks/use-fetch-navig
 import { isNavigationSection } from '../shared/api/bff/model/bff.model.js';
 import { Header } from './header.js';
 
-function ConnectedHeader({ className, source, }) {
+function ConnectedHeader({ className }) {
     const cultureCode = useCultureCode();
-    const { data } = useFetchNavigationLinks({ cultureCode, source });
+    const { data } = useFetchNavigationLinks({ cultureCode });
     if (data && data.key !== 'navigation')
         throw new Error('Invalid navigation data');
     const headerNavigationSection = data?.items

package/dist/header/header.js

@@ -73,7 +73,7 @@ function Header({ className, headerNavigationSection, sticky, }) {
     const mainNavigationSection = headerNavigationSection?.items
         .filter(isNavigationSection)
         .find(item => item.key === 'main-navigation');
-    return (jsxs(Fragment, { children: [jsx("header", { ref: headerRef, className: clsx(styles['header'], sticky && styles['sticky'], className), "data-test-selector": "pageHeader", children: jsx(HeaderLayout, { hamburgerButton: jsx(HamburgerButton, { "aria-controls": "mobile-navigation", "data-test-selector": "pageHeaderHamburgerButton", isActive: mobileNavigationOpen, onActiveChange: toggleMobileNavigation }), hasDrawersOpen: hasDrawersOpen, logo: jsx(SonicLogo, { "data-test-selector": "pageHeaderLogo", href: homeLink?.href || undefined, title: t('Home') }), mainNavigation: jsx(NavigationLinkList, { activeLink: activeLinkGroup, "data-test-selector": "pageHeaderMainNavigation", navigationSection: mainNavigationSection, onSubmenuToggle: toggleActiveSubmenu }), navigationActions: jsxs(Fragment, { children: [jsx(ConnectedAccountButton, { "data-test-selector": "pageHeaderAccountButton" }), jsx(ConnectedFavoritesButton, { "data-test-selector": "pageHeaderFavoritesButton", href: paths.FAVORITES }), jsx(ConnectedCartButton, { "data-test-selector": "pageHeaderCartButton", href: paths.CART })] }), search: jsx(SearchButton, { "aria-controls": "global-search", "data-test-selector": "pageHeaderSearchButton", isActive: searchOpen, onActiveChange: toggleSearch }) }) }), jsx(SearchDrawer, { groupId: searchGroupId, instanceId: searchInstanceId }), !isXl && (jsx(MobileNavigationDrawer, { groupId: mobileNavigationDrawer.groupId, instanceId: mobileNavigationDrawer.instanceId, linkItems: mainNavigationSection?.items.filter(isNavigationLinkItem) })), isXl && (jsx(DesktopNavigationDrawer, { groupId: desktopNavigationDrawer.groupId, instanceId: desktopNavigationDrawer.instanceId, linkGroup: activeLinkGroup, onClosed: () => setActiveLinkGroup(undefined) }))] }));
+    return (jsxs(Fragment, { children: [jsx("header", { ref: headerRef, className: clsx(styles['header'], sticky && styles['sticky'], className), "data-test-selector": "pageHeader", children: jsx(HeaderLayout, { hamburgerButton: jsx(HamburgerButton, { "aria-controls": "mobile-navigation", "data-test-selector": "pageHeaderHamburgerButton", isActive: mobileNavigationOpen, onActiveChange: toggleMobileNavigation }), hasDrawersOpen: hasDrawersOpen, logo: jsx(SonicLogo, { "data-test-selector": "pageHeaderLogo", href: homeLink?.href || undefined, title: t('Home') }), mainNavigation: jsx(NavigationLinkList, { activeLink: activeLinkGroup, "data-test-selector": "pageHeaderMainNavigation", navigationSection: mainNavigationSection, onSubmenuToggle: toggleActiveSubmenu }), navigationActions: jsxs(Fragment, { children: [jsx(ConnectedAccountButton, { "data-test-selector": "pageHeaderAccountButton" }), jsx(ConnectedFavoritesButton, { "data-test-selector": "pageHeaderFavoritesButton", href: "abc" }), jsx(ConnectedCartButton, { "data-test-selector": "pageHeaderCartButton", href: paths.CART })] }), search: jsx(SearchButton, { "aria-controls": "global-search", "data-test-selector": "pageHeaderSearchButton", isActive: searchOpen, onActiveChange: toggleSearch }) }) }), jsx(SearchDrawer, { groupId: searchGroupId, instanceId: searchInstanceId }), !isXl && (jsx(MobileNavigationDrawer, { groupId: mobileNavigationDrawer.groupId, instanceId: mobileNavigationDrawer.instanceId, linkItems: mainNavigationSection?.items.filter(isNavigationLinkItem) })), isXl && (jsx(DesktopNavigationDrawer, { groupId: desktopNavigationDrawer.groupId, instanceId: desktopNavigationDrawer.instanceId, linkGroup: activeLinkGroup, onClosed: () => setActiveLinkGroup(undefined) }))] }));
 }
 
 export { Header };

package/dist/index.js

@@ -327,7 +327,7 @@ export { useFetchProductDetailsPageData } from './shared/api/bff/hooks/use-fetch
 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, fetchProductsPrices, fetchRecentlyViewedProducts, isNavigationLinkSource, 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';

package/dist/pages/checkout/payment-page/payment-page-content.js

@@ -31,7 +31,7 @@ function PaymentPageContent({ atp, cart, formId, hasAtp, isProcessing, onPayment
         ], "data-test-selector": "paymentPage", title: t('Review and payment'), children: jsxs(CheckoutPageLayout, { actions: {
                 primary: (jsx(Button, { withArrow: true, "data-test-selector": "checkoutReviewAndSubmit_placeOrder", form: formId, isDisabled: isProcessing, isLoading: isProcessing ? jsx(FormattedMessage, { id: "Processing" }) : false, type: "submit", children: cart.paymentMethod?.name === 'PBI' ? (jsx(FormattedMessage, { id: "Finalize order" })) : (jsx(FormattedMessage, { id: "Finalize payment" })) })),
             }, mobileSummary: jsx(CartTotalsSummary, { currencyCode: currencyCode, totalAmount: cart.orderGrandTotal }), overview: jsx(CartTotals, { currencyCode: currencyCode, deliveryDate: hasAtp ? undefined : cart.requestedDeliveryDate, fulfillmentMethod: cart.fulfillmentMethod, isPayByInvoice: (cart.paymentOptions?.paymentMethods?.length || 1) <= 1 &&
-                    cart.paymentMethod?.name === 'PBI', shippingCost: cart.shippingAndHandling, subtotal: cart.orderSubTotal, tax: cart.totalTax, total: cart.orderGrandTotal, vatPercentage: cart.cartLines?.[0]?.pricing?.vatRate || 0 }), children: [jsx(CheckoutPageSection, { hasBorder: false, title: jsx(FormattedMessage, { id: "Payment" }), children: jsx(CheckoutPageSectionContent, { children: jsx(Payment, { atp: atp, cart: cart, form: formId, isProcessing: isProcessing, onError: () => setIsProcessing(false), onPaymentComplete: onPaymentComplete, onProcessing: setIsProcessing }) }) }), jsx(CheckoutPageSection, { hasBorder: false, title: jsx(FormattedMessage, { id: "Order" }), children: jsx(CheckoutPageSectionContent, { stretch: true, children: jsx(OrderLineList, { children: cart.cartLines?.map(cartLine => (jsx(OrderLineCard, { deliveryDate: cartLine.atp?.date ?? null, href: cartLine.productUri, image: {
+                    cart.paymentMethod?.name === 'PBI', shippingCost: cart.shippingAndHandling, subtotal: cart.orderSubTotal, tax: cart.totalTax, total: cart.orderGrandTotal, vatPercentage: cart.cartLines?.[0]?.pricing?.vatRate || 0 }), children: [jsx(CheckoutPageSection, { hasBorder: false, title: jsx(FormattedMessage, { id: "Payment" }), children: jsx(CheckoutPageSectionContent, { children: jsx(Payment, { atp: atp, cart: cart, form: formId, isProcessing: isProcessing, onPaymentComplete: onPaymentComplete, onProcessing: setIsProcessing }) }) }), jsx(CheckoutPageSection, { hasBorder: false, title: jsx(FormattedMessage, { id: "Order" }), children: jsx(CheckoutPageSectionContent, { stretch: true, children: jsx(OrderLineList, { children: cart.cartLines?.map(cartLine => (jsx(OrderLineCard, { deliveryDate: cartLine.atp?.date ?? null, href: cartLine.productUri, image: {
                                     fit: 'contain',
                                     image: {
                                         '1': cartLine.smallImagePath,

package/dist/pages/checkout/payment-page/payment-page.js

@@ -21,17 +21,11 @@ function PaymentPage({ hasReturnedFromAdyen, }) {
     const { data: atp, isLoading: isAtpLoading } = useFetchCurrentCheckoutAtp();
     const hasAtp = atp !== undefined && atp.length > 1;
     const isLoading = isLoadingCart || isAtpLoading;
-    const [isProcessing, setIsProcessing] = useState(hasReturnedFromAdyen ?? false);
+    const [isProcessing, setIsProcessing] = useState(false);
     const { isNavigating, navigate } = useNavigate();
     const onPaymentComplete = useCallback(({ cartId }) => {
         navigate(`${paths.ORDER_CONFIRMATION}?cartId=${cartId}`);
     }, [navigate, paths]);
-    useEffect(() => {
-        const setProcessingOn = async () => setIsProcessing(true);
-        if (hasReturnedFromAdyen) {
-            setProcessingOn();
-        }
-    }, [hasReturnedFromAdyen, setIsProcessing]);
     useEffect(() => {
         if (isNavigating)
             return;

package/dist/shared/api/bff/hooks/use-fetch-navigation-links.d.ts

@@ -1,2 +1,2 @@
 import { FetchNavigationLinksArgs } from '../services/bff-service';
-export declare function useFetchNavigationLinks({ cultureCode, source, }: FetchNavigationLinksArgs): import("@tanstack/react-query").UseQueryResult<import("../model/bff.model").NavigationSection, Error>;
+export declare function useFetchNavigationLinks({ cultureCode, }: FetchNavigationLinksArgs): import("@tanstack/react-query").UseQueryResult<import("../model/bff.model").NavigationSection, Error>;

package/dist/shared/api/bff/hooks/use-fetch-navigation-links.js

@@ -3,11 +3,11 @@ import { useQuery } from '@tanstack/react-query';
 import { TIME } from '../../../utils/time.js';
 import { fetchNavigationLinks } from '../services/bff-service.js';
 
-function useFetchNavigationLinks({ cultureCode, source, }) {
+function useFetchNavigationLinks({ cultureCode, }) {
     return useQuery({
         gcTime: 1 * TIME.DAY,
-        queryFn: () => fetchNavigationLinks({ cultureCode, source }),
-        queryKey: ['navigation', source, cultureCode],
+        queryFn: () => fetchNavigationLinks({ cultureCode }),
+        queryKey: ['navigation', cultureCode],
         refetchInterval: 5 * TIME.MINUTE,
         staleTime: 1 * TIME.DAY,
     });

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

@@ -15,13 +15,10 @@ export interface FetchProductPageDataArgs {
 }
 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 declare function isNavigationLinkSource(value: unknown): value is NavigationLinkSource;
 export interface FetchNavigationLinksArgs {
     cultureCode: CultureCode;
-    source: NavigationLinkSource;
 }
-export declare function fetchNavigationLinks({ cultureCode, headers, ignoreCache, source, }: FetchNavigationLinksArgs & APIArguments): Promise<NavigationResponse>;
+export declare function fetchNavigationLinks({ cultureCode, headers, ignoreCache, }: FetchNavigationLinksArgs & APIArguments): Promise<NavigationResponse>;
 export declare function fetchRecentlyViewedProducts({ cultureCode, }: {
     cultureCode: CultureCode;
 }): Promise<ProductSummary[]>;

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

@@ -97,21 +97,14 @@ async function fetchProductListingPageData({ cultureCode, headers, ignoreCache,
         })),
     };
 }
-function isNavigationLinkSource(value) {
-    return value === 'shop' || value === 'marketing';
-}
-async function fetchNavigationLinks({ cultureCode, headers, ignoreCache, source, }) {
+async function fetchNavigationLinks({ cultureCode, headers, ignoreCache, }) {
     const { body } = await request({
-        headers: { 'Current-Language-Id': cultureCode, Source: source, ...headers },
+        headers: { 'Current-Language-Id': cultureCode, ...headers },
         next: {
             revalidate: ignoreCache ? 0 : Infinity,
             tags: ignoreCache
                 ? undefined
-                : [
-                    'navigation',
-                    `navigation-${source}`,
-                    `navigation-${source}-${cultureCode}`,
-                ],
+                : ['navigation', `navigation-${cultureCode}`],
         },
         url: `${config.BFF_API_URL}/v2/navigation`,
     });
@@ -183,4 +176,4 @@ async function saveCartForLater({ cart }) {
     return body;
 }
 
-export { fetchAnnouncements, fetchNavigationLinks, fetchProductDetailsPageData, fetchProductListingPageData, fetchProductsPrices, fetchRecentlyViewedProducts, isNavigationLinkSource, patchCart, placeOrder, saveCartForLater };
+export { fetchAnnouncements, fetchNavigationLinks, fetchProductDetailsPageData, fetchProductListingPageData, fetchProductsPrices, fetchRecentlyViewedProducts, patchCart, placeOrder, saveCartForLater };

package/dist/shared/utils/environment.js

@@ -12,7 +12,7 @@ const environments = [
 ];
 const marketingLocal = /marketing.local.com/i;
 const storybookUrls = /localhost:6006|storybook.sonic.local.com/i;
-const localUrls = /sonic.local.com/i;
+const localUrls = /sonic.local.com/i; // used for detecting old Spire local development environment, new NextJS local environment uses next-development
 const reverseProxyUrls = /sonic-equipment.workers.dev/i;
 const sandboxUrls = /local|insitesandbox.com|azurestaticapps|ui.sonic-equipment.com|sandbox|accept|test/i;
 const productionUrls = /sonic-equipment.com|production/i;

package/dist/styles.css

@@ -7957,7 +7957,7 @@ button.swiper-pagination-bullet {
       }
 
 .no-results-module-HGe-Y {
-  margin-top: var(--space-24);
+  margin-block: var(--space-24);
   text-align: center;
 }
 

package/package.json

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