@sonic-equipment/ui 178.0.0 → 180.0.0

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

@@ -0,0 +1,15 @@
+import { useQuery } from '@tanstack/react-query';
+import { TIME } from '../../../utils/time.js';
+import { fetchRecentlyViewedProducts } from '../services/bff-service.js';
+
+function useFetchRecentlyViewedProducts({ cultureCode, }) {
+    return useQuery({
+        gcTime: 1 * TIME.DAY,
+        queryFn: () => fetchRecentlyViewedProducts({ cultureCode }),
+        queryKey: ['products', 'recently-viewed'],
+        // refetchInterval: TIME.MINUTE,
+        staleTime: 1 * TIME.DAY,
+    });
+}
+
+export { useFetchRecentlyViewedProducts };

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

@@ -149,7 +149,6 @@ export interface ProductDetailsPageDataResponse {
     included: ProductSummary[];
     page: PageModel;
     product: ProductDetails;
-    recentlyViewed: ProductSummary[];
     usps?: Usp[];
 }
 export interface ProductListingPageDataResponse {

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

@@ -1,7 +1,7 @@
 import { CultureCode } from '../../../../intl/types';
 import { ProductListingPageData } from '../../../../pages/product/product-listing-page/product-listing-page-data-types';
 import { AnnouncementObject } from '../../../model/announcement';
-import { NavigationLinkResponse, ProductDetailsPageDataResponse } from '../model/bff.model';
+import { NavigationLinkResponse, ProductDetailsPageDataResponse, ProductSummary } from '../model/bff.model';
 export interface FetchAnnouncementsArgs {
     cultureCode: CultureCode;
 }
@@ -18,3 +18,6 @@ export interface FetchNavigationLinksArgs {
     source: NavigationLinkSource;
 }
 export declare function fetchNavigationLinks({ cultureCode, source, }: FetchNavigationLinksArgs): Promise<NavigationLinkResponse>;
+export declare function fetchRecentlyViewedProducts({ cultureCode, }: {
+    cultureCode: CultureCode;
+}): Promise<ProductSummary[]>;

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

@@ -2,6 +2,7 @@ import { config } from '../../../../config.js';
 import { request } from '../../../fetch/request.js';
 import { isAnnouncementType, isAnnouncementSubtype } from '../../../model/announcement.js';
 import { TIME } from '../../../utils/time.js';
+import { markProductAsRecentlyViewed } from '../../storefront/services/product-service.js';
 
 async function fetchAnnouncements({ cultureCode, }) {
     const { body } = await request({
@@ -45,6 +46,7 @@ async function fetchProductDetailsPageData({ cultureCode, pageUrl, }) {
         },
         url: `${config.BFF_API_URL}/pdp/?pageUrl=${pageUrl}`,
     });
+    markProductAsRecentlyViewed({ productId: body.product.id });
     return body;
 }
 async function fetchProductListingPageData({ cultureCode, pageUrl, }) {
@@ -106,5 +108,13 @@ async function fetchNavigationLinks({ cultureCode, source, }) {
     });
     return body;
 }
+async function fetchRecentlyViewedProducts({ cultureCode, }) {
+    const { body } = await request({
+        credentials: 'include',
+        headers: { 'Current-Language-Id': cultureCode },
+        url: `${config.BFF_API_URL}/recently-viewed`,
+    });
+    return body;
+}
 
-export { fetchAnnouncements, fetchNavigationLinks, fetchProductDetailsPageData, fetchProductListingPageData };
+export { fetchAnnouncements, fetchNavigationLinks, fetchProductDetailsPageData, fetchProductListingPageData, fetchRecentlyViewedProducts };

package/dist/shared/api/storefront/hooks/authentication/use-patch-session.d.ts

@@ -3,5 +3,16 @@ export declare function usePatchSession(): {
     isError: boolean;
     isLoading: boolean;
     isSuccess: boolean;
-    mutate: (args_0: any) => Promise<import("../../model/storefront.model").SessionModel>;
+    mutate: (args_0: {
+        session: Partial<Omit<import("../../model/storefront.model").SessionModel, "billTo" | "shipTo"> & {
+            billTo?: import("../../model/storefront.model").BillToModel | {
+                id: string;
+            } | null;
+            billToId?: string | null;
+            shipTo?: import("../../model/storefront.model").ShipToModel | {
+                id: string;
+            } | null;
+            shipToId?: string | null;
+        }>;
+    }) => Promise<import("../../model/storefront.model").SessionModel>;
 };

package/dist/shared/api/storefront/hooks/customer/use-fetch-bill-to-addresses.d.ts

@@ -1 +1,4 @@
-export declare function useFetchBillToAddresses(): import("@tanstack/react-query").UseQueryResult<import("../../model/storefront.model").BillToModel[] | null, Error>;
+import { FetchBillToAddressesParams } from '../../services/customer-service';
+export declare function useFetchBillToAddresses({ filter, isEnabled, pageSize, }?: FetchBillToAddressesParams & {
+    isEnabled?: boolean;
+}): import("@tanstack/react-query").UseQueryResult<import("../../model/storefront.model").BillToCollectionModel, Error>;

package/dist/shared/api/storefront/hooks/customer/use-fetch-bill-to-addresses.js

@@ -1,13 +1,12 @@
 import { useQuery } from '@tanstack/react-query';
 import { fetchBillToAddresses } from '../../services/customer-service.js';
 
-function useFetchBillToAddresses() {
+function useFetchBillToAddresses({ filter = '', isEnabled = true, pageSize, } = {}) {
     return useQuery({
-        queryFn: fetchBillToAddresses,
-        queryKey: ['customer', 'bill-to-addresses'],
-        select(body) {
-            return body.billTos;
-        },
+        enabled: isEnabled,
+        placeholderData: prev => prev,
+        queryFn: () => fetchBillToAddresses({ filter, pageSize }),
+        queryKey: ['customer', 'bill-to-addresses', pageSize, filter],
     });
 }
 

package/dist/shared/api/storefront/hooks/product/use-mark-product-as-viewed.d.ts

@@ -0,0 +1,2 @@
+import { MarkProductAsRecentlyViewedArgs } from '../../services/product-service';
+export declare function useMarkProductAsRecentlyViewed(args: MarkProductAsRecentlyViewedArgs): import("@tanstack/react-query").UseQueryResult<void, Error>;

package/dist/shared/api/storefront/hooks/product/use-mark-product-as-viewed.js

@@ -0,0 +1,17 @@
+import { useQueryClient, useQuery } from '@tanstack/react-query';
+import { markProductAsRecentlyViewed } from '../../services/product-service.js';
+
+function useMarkProductAsRecentlyViewed(args) {
+    const queryClient = useQueryClient();
+    return useQuery({
+        gcTime: 0,
+        queryFn: () => {
+            markProductAsRecentlyViewed(args);
+            queryClient.removeQueries({ queryKey: ['products', 'recently-viewed'] });
+        },
+        queryKey: ['mark-product-as-recently-viewed', args.productId],
+        staleTime: 0,
+    });
+}
+
+export { useMarkProductAsRecentlyViewed };

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

@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 export interface BaseModel {
     properties: {
         [key: string]: string;
@@ -127,7 +128,7 @@ export interface SessionModel extends BaseModel {
     dashboardIsHomepage: boolean | null;
     deviceType: string;
     displayChangeCustomerLink: boolean;
-    displayMyAccountMenu: boolean;
+    displayMySonicMenu: boolean;
     displayPricingAndInventory: boolean;
     email: string;
     firstName: string;
@@ -161,9 +162,11 @@ export type PatchSessionModel = Partial<Omit<SessionModel, 'billTo' | 'shipTo'>
     billTo?: BillToModel | {
         id: string;
     } | null;
+    billToId?: string | null;
     shipTo?: ShipToModel | {
         id: string;
     } | null;
+    shipToId?: string | null;
 }>;
 export interface ShipToModel extends BaseModel {
     address1: string;

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

@@ -1,7 +1,11 @@
 import { BillToCollectionModel, BillToModel, PatchBillToModel, ShipToCollectionModel, ShipToModel } from 'shared/api/storefront/model/storefront.model';
 export declare function fetchCurrentBillToAddress(): Promise<BillToModel>;
 export declare function fetchCurrentShipToAddress(): Promise<ShipToModel>;
-export declare function fetchBillToAddresses(): Promise<BillToCollectionModel>;
+export interface FetchBillToAddressesParams {
+    filter?: string;
+    pageSize?: number;
+}
+export declare function fetchBillToAddresses({ filter, pageSize, }?: FetchBillToAddressesParams): Promise<BillToCollectionModel>;
 export declare function fetchShipToAddresses({ shipToId }: {
     shipToId: string;
 }): Promise<ShipToCollectionModel>;

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

@@ -15,17 +15,17 @@ async function fetchCurrentShipToAddress() {
     });
     return body;
 }
-async function fetchBillToAddresses() {
+async function fetchBillToAddresses({ filter, pageSize = 20, } = {}) {
     const { body } = await request({
         credentials: 'include',
-        url: `${config.SHOP_API_URL}/api/v1/billtos?pageSize=999`,
+        url: `${config.SHOP_API_URL}/api/v1/billtos?pageSize=${pageSize}${filter ? `&filter=${encodeURIComponent(filter)}` : ''}`,
     });
     return body;
 }
 async function fetchShipToAddresses({ shipToId }) {
     const { body } = await request({
         credentials: 'include',
-        url: `${config.SHOP_API_URL}/api/v1/billtos/${shipToId}/shiptos?pageSize=999`,
+        url: `${config.SHOP_API_URL}/api/v1/billtos/${shipToId}/shiptos?pageSize=20`,
     });
     return body;
 }

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

@@ -0,0 +1,4 @@
+export interface MarkProductAsRecentlyViewedArgs {
+    productId: string;
+}
+export declare function markProductAsRecentlyViewed({ productId, }: MarkProductAsRecentlyViewedArgs): Promise<void>;

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

@@ -0,0 +1,10 @@
+import { config } from '../../../../config.js';
+import { request } from '../../../fetch/request.js';
+
+async function markProductAsRecentlyViewed({ productId, }) {
+    await request({
+        url: `${config.SHOP_API_URL}/api/v2/products/${productId}?addToRecentlyViewed=true`,
+    });
+}
+
+export { markProductAsRecentlyViewed };

package/dist/shared/feature-flags/use-feature-flags.d.ts

@@ -1,12 +1,9 @@
 declare const features: {
     readonly cartv1: "cartV1";
     readonly checkoutv1: "checkoutV1";
-    readonly languagev1: "languageV1";
     readonly missing: "missing";
-    readonly navigation: "navigationV2";
     readonly pdpv1: "pdpV1";
     readonly plpv1: "plpV1";
-    readonly searchv1: "searchV1";
     readonly translations: "translations";
 };
 type FeatureKeys = keyof typeof features;

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

@@ -4,12 +4,9 @@ import qs from 'query-string';
 const features = {
     cartv1: 'cartV1',
     checkoutv1: 'checkoutV1',
-    languagev1: 'languageV1',
     missing: 'missing',
-    navigation: 'navigationV2',
     pdpv1: 'pdpV1',
     plpv1: 'plpV1',
-    searchv1: 'searchV1',
     translations: 'translations',
 };
 function useFeatureFlags() {

package/dist/shared/fetch/request.d.ts

@@ -79,7 +79,7 @@ export interface RequestOptionsWithoutBody extends BaseRequestOptions {
     headers?: RequestHeaders;
 }
 export type RequestOptions = RequestOptionsWithBody | RequestOptionsWithoutBody | RequestOptionsWithFormData;
-type BeforeRequestHandler = (options?: RequestOptions) => RequestOptions | void;
+type BeforeRequestHandler = (options: RequestOptions) => RequestOptions | void;
 type BeforeRequestHandlerAsync = (options?: RequestOptions) => Promise<RequestOptions | void>;
 export interface AfterRequestHandlerArgs<T> {
     body: T | undefined;

package/dist/shared/ga/google-analytics-provider.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { JSX, ReactNode } from 'react';
 export declare function useGoogleAnalyticsProvider(): {
     customerNumber: string | undefined;
     isLoading: boolean;

package/dist/shared/hooks/use-intersection-observer.d.ts

@@ -3,11 +3,12 @@ interface Observable {
     ref: React.RefObject<HTMLElement>;
 }
 export interface UseIntersectionObserverProps {
+    intersectionObserverInit?: IntersectionObserverInit;
     isDisabled?: boolean;
     observables: Observable[];
     onIntersectingChange?: (isIntersecting: boolean) => void;
 }
-export declare function useIntersectionObserver({ isDisabled, observables, onIntersectingChange, }: UseIntersectionObserverProps): {
+export declare function useIntersectionObserver({ intersectionObserverInit, isDisabled, observables, onIntersectingChange, }: UseIntersectionObserverProps): {
     isIntersecting: boolean;
 };
 export {};

package/dist/shared/hooks/use-intersection-observer.js

@@ -1,8 +1,8 @@
 "use client";
 import { useState, useRef, useEffect } from 'react';
 
-function useIntersectionObserver({ isDisabled, observables, onIntersectingChange, }) {
-    const [isIntersecting, setIntersecting] = useState(true);
+function useIntersectionObserver({ intersectionObserverInit, isDisabled, observables, onIntersectingChange, }) {
+    const [isIntersecting, setIntersecting] = useState(false);
     const state = useRef([]);
     function disconnectObservers() {
         state.current.forEach(entry => entry.observer.disconnect());
@@ -25,6 +25,7 @@ function useIntersectionObserver({ isDisabled, observables, onIntersectingChange
                 rootMargin: '0px',
                 threshold: 0,
                 ...observable.options,
+                ...intersectionObserverInit,
             }),
         };
         result.observer.observe(observable.ref.current);