@soma-vertical-web/multi-lib 1.0.17 → 1.0.18

package/types/contexts/contexts/plp.d.ts

@@ -30,14 +30,14 @@ export type DataLayerEvent = (data: ProductSearchResultPage) => void;
 export interface PageState {
     addPage: (state: State, positions: PositionsGrid, callback?: DataLayerEvent, itemsPerPage?: number) => void;
     banners: number[];
-    createPages: (state: State, positions: PositionsGrid, callback?: DataLayerEvent, itemsPerPage?: number) => void;
+    createPagesScroll: (state: State, positions: PositionsGrid, callback?: DataLayerEvent, itemsPerPage?: number) => void;
     load: boolean;
     pages: Page[];
     products: number[];
     total: number;
     updateProducts: (state: State, callback?: DataLayerEvent) => void;
 }
-export interface PLPInfiniteContextProps extends PropsWithChildren<Omit<PageState, 'init'>> {
+export interface PLPInfiniteContextProps extends PropsWithChildren {
     addNewPage(page: Page): void;
     columns: number;
     gap: number;
@@ -48,17 +48,52 @@ export interface PLPInfiniteContextProps extends PropsWithChildren<Omit<PageStat
 export interface PLPInfiniteProviderProps extends PropsWithChildren {
     banners: PLPBanners;
 }
-export interface PLPContextProps {
+export interface PLPContextProps extends Pick<PLPProviderProps, 'constants' | 'mainSeller'> {
     openFilters: boolean;
     setOpenFilters: Dispatch<SetStateAction<boolean>>;
 }
 export interface PLPProviderProps extends PropsWithChildren {
-    slug: string[] | string;
-    PLP_SORT_DEFAULT: PLP_SORT_DEFAULTType;
-    searchParams?: URLSearchParams;
+    brand?: string | null;
+    constants: {
+        BUY_BUTTON_LABELS: BUY_BUTTON_LABELSType;
+        ICONS: ICONSType;
+        ITEMS_DEFAULT_SORT: ITEMS_DEFAULT_SORTType;
+        ITEMS_PER_PAGE: ITEMS_PER_PAGEType;
+        ITEMS_PER_SECTION: ITEMS_PER_SECTIONType;
+        MAIN_IMAGE: MAIN_IMAGEType;
+        NEWSLETTER_CONFIGS: NEWSLETTER_CONFIGSType;
+        NOTIFY_INFO: NOTIFY_INFOType;
+        PDC_NAVIGATION: PDC_NAVIGATIONType;
+        PLP_FILTERS: PLP_FILTERSType;
+        PLP_FILTERS_COLORS: PLP_FILTERS_COLORSType;
+        PLP_FILTERS_EMPTY: PLP_FILTERS_EMPTYType;
+        PLP_FILTERS_TITLE: PLP_FILTERS_TITLEType;
+        PLP_GRID_SCROLL_BACK: PLP_GRID_SCROLL_BACKType;
+        PLP_INFINITE_SCROLL: PLP_INFINITE_SCROLLType;
+        PLP_NOT_RESULT: PLP_NOT_RESULTType;
+        PLP_PRODUCT_SIMILAR_DELAY: PLP_PRODUCT_SIMILAR_DELAYType;
+        PLP_SHOW_VIDEO_ON_PRODUCT_CARD: PLP_SHOW_VIDEO_ON_PRODUCT_CARDType;
+        PLP_SIZE_ORDER: PLP_SIZE_ORDERType;
+        PLP_SORT_DEFAULT: PLP_SORT_DEFAULTType;
+        PRODUCT_CARD_IMAGE_ASPECT_RATIO: PRODUCT_CARD_IMAGE_ASPECT_RATIOType;
+        PRODUCT_CARD_TEXTS: PRODUCT_CARD_TEXTSType;
+        PRODUCT_CARD_TOP_WISHLIST_TOGGLE: PRODUCT_CARD_TOP_WISHLIST_TOGGLEType;
+        PRODUCT_IMAGE_DIMENSIONS: PRODUCT_IMAGE_DIMENSIONSType;
+        SEARCH_PAGE_ITEM_THRESHOLD: SEARCH_PAGE_ITEM_THRESHOLDType;
+        SEARCH_TOTAL_PORTAL_ID: SEARCH_TOTAL_PORTAL_IDType;
+        SECOND_IMAGE: SECOND_IMAGEType;
+        TEXTURE_IMAGE: TEXTURE_IMAGEType;
+        TEXTCONTENT_EXPANDED?: TEXTCONTENT_EXPANDEDType;
+        TIME_ZONE: TIME_ZONEType;
+        VARIANT_PAGINATION: VARIANT_PAGINATIONType;
+        Z_INDEX_WAR: Z_INDEX_WARType;
+    };
     collectionId?: number | null;
     itemsPerPage?: number;
-    brand?: string | null;
+    mainSeller: StoreConfigType['mainSeller']['id'];
+    pathname: string;
+    searchParams?: URLSearchParams;
+    slug: string[] | string;
 }
 export interface PLPConstantsProviderProps extends PropsWithChildren {
     BUY_BUTTON_LABELS: BUY_BUTTON_LABELSType;
@@ -94,6 +129,5 @@ export interface PLPConstantsProviderProps extends PropsWithChildren {
     VARIANT_PAGINATION: VARIANT_PAGINATIONType;
     Z_INDEX_WAR: Z_INDEX_WARType;
     StoreConfig_MainSellerId: StoreConfigType['mainSeller']['id'];
-    searchParams: URLSearchParams;
 }
 export type PLPConstantsContextProps = Omit<PLPConstantsProviderProps, 'children'>;

package/types/contexts/contexts/search.d.ts

@@ -1,26 +1,40 @@
 import { Dispatch, PropsWithChildren, SetStateAction } from 'react';
 import { ProductSearchResultPage } from '../../data/api/search/product';
 import { State, Suggestion } from '../../data/api/search';
-import { Facet, SelectedFacet } from '../../data/api/search/facets';
+import { FacetSearchResult, SelectedFacet } from '../../data/api/search/facets';
 import { ITEMS_DEFAULT_SORTType, ITEMS_PER_PAGEType, ITEMS_PER_SECTIONType, PLP_FILTERS_SORT_OPTIONtype, SEARCH_PAGE_ITEM_THRESHOLDType, SEARCH_RESULTType, VARIANT_PAGINATIONType } from '../../constants';
-import { BreadCrumbItemLinkProps } from '../../layout/team-components/PLPNavigation';
 import { ProductsProps } from '../../layout/templates/PLP';
 
+export interface QueryFacetsContextProps extends FacetSearchResult {
+    isLoading?: boolean;
+    deleteAllFacets(): void;
+    selectedFacets: SelectedFacet[];
+    onToggleFacet(value: SelectedFacet): void;
+    onSort(sort: PLP_FILTERS_SORT_OPTIONtype): void;
+}
 export interface FacetsContextProps {
-    breadcrumb: BreadCrumbItemLinkProps[];
     deleteAllFacets(): void;
-    facets: Facet[];
-    isLoading: boolean;
     selectedFacets: SelectedFacet[];
     onToggleFacet(value: SelectedFacet): void;
     onSort(sort: PLP_FILTERS_SORT_OPTIONtype): void;
 }
+export interface QueryFacetsProviderProps extends PropsWithChildren {
+    state: State;
+    forceUpdate?: boolean;
+    PLP_SORT_DEFAULT: ITEMS_DEFAULT_SORTType;
+}
 export interface FacetsProviderProps extends PropsWithChildren {
     forceUpdate?: boolean;
+    searchParams: URLSearchParams;
+    PLP_SORT_DEFAULT: ITEMS_DEFAULT_SORTType;
 }
 export interface FacetsProviderContentProps extends Omit<FacetsProviderProps, 'forceUpdate'> {
     selectedFacets: SelectedFacet[];
 }
+export interface QueryProductsContextProps extends ProductSearchResultPage {
+    isLoading: boolean;
+    total: number;
+}
 export interface ProductsContextProps extends ProductSearchResultPage {
     isLoading: boolean;
     total: number;
@@ -33,22 +47,15 @@ export interface SuggestedTermsContextProps {
 export interface SuggestedTermsProviderProps extends PropsWithChildren {
     term?: string;
 }
-export interface ProductsProviderProps extends PropsWithChildren {
-    query?: string;
+export interface ProductsProviderProps extends PropsWithChildren<State> {
     forceUpdate?: boolean;
 }
-export interface SearchContextProps extends Pick<SearchProviderProps, 'sort' | 'searchParams'> {
-    count: number;
-    state: State;
-}
+export type SearchContextProps = Pick<SearchProviderProps, 'state' | 'searchParams'>;
 export interface SearchProviderProps extends PropsWithChildren {
+    brand?: string | null;
+    collectionId?: number | null;
     searchParams: URLSearchParams;
     state: State;
-    sort?: string;
-    collectionId?: number | null;
-    brand?: string | null;
-    count?: number;
-    ITEMS_PER_PAGE: ITEMS_PER_PAGEType;
 }
 export interface SearchItem {
     term: string;
@@ -60,6 +67,11 @@ export interface TopSearchesContextProps {
     error: string | null;
 }
 export type DataParams = FacetsContextProps | ProductSearchResultPage | SuggestedTermsContextProps;
+export interface RootQueryContextProps {
+    data: DataParams | undefined;
+    isLoading: boolean;
+    isError?: boolean;
+}
 export interface RootContextProps {
     data: DataParams | null;
     isLoading: boolean;

package/types/layout/team-components/PLPNavigation/index.d.ts

@@ -1,13 +1,11 @@
 import { Dispatch, HTMLAttributes, SetStateAction } from 'react';
 import { SearchSort } from '../../../data/api/search';
 import { FacetsContextProps } from '../../../contexts/contexts/search';
-import { ICONSType } from '../../../constants';
 
 export interface BreadCrumbItemLinkProps extends HTMLAttributes<HTMLDivElement> {
     isLast?: boolean;
     href?: string;
     name?: string;
-    ICONS: ICONSType;
 }
 export type RootProps = HTMLAttributes<HTMLDivElement>;
 export type Order = {

package/types/layout/templates/PLP/index.d.ts

@@ -2,7 +2,7 @@ import { HTMLAttributes, PropsWithChildren } from 'react';
 import { AvailabilityNotifyProps } from '../../../../types/layout/team-components/Notify';
 import { BannerType } from '../../../cms/Sections/Banner';
 import { BUY_BUTTON_LABELSType, ICONSType, ITEMS_DEFAULT_SORTType, ITEMS_PER_PAGEType, ITEMS_PER_SECTIONType, MAIN_IMAGEType, NEWSLETTER_CONFIGSType, NOTIFY_INFOType, PLP_GRID_SCROLL_BACKType, PLP_INFINITE_SCROLLType, PLP_PRODUCT_SIMILAR_DELAYType, PLP_SHOW_VIDEO_ON_PRODUCT_CARDType, PRODUCT_CARD_IMAGE_ASPECT_RATIOType, PRODUCT_CARD_TEXTSType, PRODUCT_CARD_TOP_WISHLIST_TOGGLEType, PRODUCT_IMAGE_DIMENSIONSType, SEARCH_PAGE_ITEM_THRESHOLDType, SECOND_IMAGEType, StoreConfigType, TEXTURE_IMAGEType, VARIANT_PAGINATIONType, PLP_NOT_RESULTType, Z_INDEX_WARType, PLP_SIZE_ORDERType } from '../../../constants';
-import { Page, PLPConstantsContextProps } from '../../../contexts/contexts/plp';
+import { Page } from '../../../contexts/contexts/plp';
 import { ProductType_PDC } from '../../../global/product';
 import { ProductCardProps } from '../../team-components/ProductCard';
 
@@ -114,7 +114,7 @@ export interface ProductsProps {
     TEXTURE_IMAGE: TEXTURE_IMAGEType;
     Z_INDEX_WAR: Z_INDEX_WARType;
 }
-export interface PLPRootProps extends PLPConstantsContextProps {
+export interface PLPRootProps {
     className?: string;
 }
 export type EmptyProps = {