@soma-vertical-web/multi-lib 1.0.33 → 1.0.34

package/types/cms/Sections/SectionZone/index.d.ts

@@ -28,6 +28,7 @@ export type ProductCarouselConstants = {
         TEXTURE_IMAGE: TEXTURE_IMAGEType;
         Z_INDEX_WAR: Z_INDEX_WARType;
         StoreConfig_MainSellerId: StoreConfigType['mainSeller']['id'];
+        storeId: StoreConfigType['api']['storeId'];
     };
     searchModal?: boolean;
 };

package/types/contexts/contexts/global.d.ts

@@ -17,5 +17,4 @@ export interface GlobalContextProps extends PropsWithChildren {
 export interface GlobalProviderProps extends PropsWithChildren {
     headerConfigs: HeaderConfigsType;
     pathname: string;
-    storeId: string;
 }

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

@@ -12,53 +12,97 @@ export type PLPBanners = ({
 export interface Page {
     page: number;
     loading: boolean;
-    products: any[];
-    pagination: {
-        nextPage?: boolean;
-        previousPage?: boolean;
-        startCursor: string;
-        endCursor: string;
-        count: number;
-        total: number;
-    };
 }
 export type PositionsGrid = {
     banners: number[];
     products: number[];
 };
 export type DataLayerEvent = (data: ProductSearchResultPage) => void;
+export type ScrollPagePositions = {
+    banners: number[];
+    products: number[];
+};
+export interface ScrollPageState {
+    banners: number[];
+    empty?: boolean;
+    load: boolean;
+    pages: Page[];
+    products: number[];
+    addPage: (page: number, positions: ScrollPagePositions) => void;
+    createPagesScroll: (page: number, positions: ScrollPagePositions, itemsPerPage?: number) => void;
+    reset: () => void;
+    setLoad: (value: boolean) => void;
+    setPositions: (positions: ScrollPagePositions) => void;
+    trimPages: (maxPage: number) => void;
+    updateProducts: (page: number) => void;
+}
 export interface PageState {
-    addPage: (state: State, positions: PositionsGrid, callback?: DataLayerEvent, itemsPerPage?: number) => void;
+    addPage: (state: State, positions: PositionsGrid, callback?: DataLayerEvent, itemsPerPage?: number, storeId?: StoreConfigType['api']['storeId']) => void;
     banners: number[];
-    createPages: (state: State, positions: PositionsGrid, callback?: DataLayerEvent, itemsPerPage?: number) => void;
+    createPagesScroll: (state: State, positions: PositionsGrid, callback?: DataLayerEvent, itemsPerPage?: number, storeId?: StoreConfigType['api']['storeId']) => void;
     load: boolean;
     pages: Page[];
     products: number[];
     total: number;
-    updateProducts: (state: State, callback?: DataLayerEvent) => void;
+    updateProducts: (state: State, callback?: DataLayerEvent, storeId?: StoreConfigType['api']['storeId']) => void;
 }
-export interface PLPInfiniteContextProps extends PropsWithChildren<Omit<PageState, 'init'>> {
-    addNewPage(page: Page): void;
+export interface PLPInfiniteContextProps extends PropsWithChildren {
+    addNewPage(page: Page, total: number, nextPage?: boolean): void;
     columns: number;
     gap: number;
-    updateParamPage(page: Page): void;
-    updatePage(page: Page): void;
     handleNotify(skus: ProductType_PDC['isVariantOf']['hasVariant'], item: HasVariant | null): void;
+    updateParamPage(page: number): void;
 }
 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;
+        storeId: StoreConfigType['api']['storeId'];
+    };
     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 +138,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,28 +1,31 @@
 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 { 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 { 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, StoreConfigType, VARIANT_PAGINATIONType } from '../../constants';
+import { UseQueryOptions, UseQueryResult } from '@tanstack/react-query';
 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 FacetsProviderProps extends PropsWithChildren {
+export interface QueryFacetsProviderProps extends PropsWithChildren {
+    enabled?: boolean;
+    state: State;
     forceUpdate?: boolean;
+    storeId: StoreConfigType['api']['storeId'];
 }
-export interface FacetsProviderContentProps extends Omit<FacetsProviderProps, 'forceUpdate' | 'storeId'> {
-    selectedFacets: SelectedFacet[];
-}
-export interface ProductsContextProps extends ProductSearchResultPage {
-    isLoading: boolean;
+export interface QueryProductsContextProps extends ProductSearchResultPage, Pick<RootQueryContextProps, 'refetch' | 'isFetched' | 'isLoading'> {
     total: number;
 }
 export interface SuggestedTermsContextProps {
@@ -32,23 +35,26 @@ export interface SuggestedTermsContextProps {
 }
 export interface SuggestedTermsProviderProps extends PropsWithChildren {
     term?: string;
+    storeId: StoreConfigType['api']['storeId'];
 }
-export interface ProductsProviderProps extends PropsWithChildren {
-    query?: string;
+export interface QueryProductsProviderProps extends PropsWithChildren {
+    callback?: (data: ProductSearchResultPage) => void;
     forceUpdate?: boolean;
-}
-export interface SearchContextProps extends Pick<SearchProviderProps, 'sort' | 'searchParams'> {
-    count: number;
+    options: Omit<UseQueryOptions<DataParams, Error, DataParams, (string | undefined)[]>, 'queryKey' | 'queryFn'>;
     state: State;
+    storeId: StoreConfigType['api']['storeId'];
+    queryKey: (string | undefined)[];
+}
+export interface ProductsProviderProps extends PropsWithChildren<State> {
+    forceUpdate?: boolean;
+    storeId: StoreConfigType['api']['storeId'];
 }
+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;
@@ -59,21 +65,22 @@ export interface TopSearchesContextProps {
     isLoading: boolean;
     error: string | null;
 }
-export type TopSearchesProviderProps = PropsWithChildren;
+export interface TopSearchesProviderProps extends PropsWithChildren {
+    storeId: StoreConfigType['api']['storeId'];
+}
 export type DataParams = FacetsContextProps | ProductSearchResultPage | SuggestedTermsContextProps;
-export interface RootContextProps {
-    data: DataParams | null;
+export interface RootQueryContextProps {
+    data: DataParams | undefined;
     isLoading: boolean;
+    refetch: UseQueryResult<DataParams, Error>['refetch'];
+    isFetched?: boolean;
+    isRefetching?: boolean;
     isError?: boolean;
 }
 export interface RootProviderProps extends PropsWithChildren {
+    enabled?: boolean;
     fetch: () => Promise<Response>;
 }
-export interface SearchStore extends Pick<RootContextProps, 'data'> {
-    isLoading?: boolean;
-    isError?: boolean;
-    fetchData: (fetcher: () => Promise<Response>) => Promise<void>;
-}
 export interface SearchConstantsProviderProps extends PropsWithChildren, Omit<ProductsProps, 'items' | 'isMobile'> {
     ITEMS_PER_PAGE: ITEMS_PER_PAGEType;
     ITEMS_DEFAULT_SORT: ITEMS_DEFAULT_SORTType;

package/types/contexts/hooks/index.d.ts

@@ -1,5 +1,4 @@
-import { PLP_GRID_SCROLL_BACKType } from '../../constants';
-import { Page } from '../contexts/plp';
+import { PLP_GRID_SCROLL_BACKType, StoreConfigType } from '../../constants';
 
 export interface UseBackPDCProps {
     gridScrollBack?: {
@@ -13,7 +12,6 @@ export type UseScrollRestorationProps = {
     PLP_GRID_SCROLL_BACK: PLP_GRID_SCROLL_BACKType;
 };
 export type UseScrollRestorationInfiniteProps = {
-    pages: Page[];
     load: boolean;
     PLP_GRID_SCROLL_BACK: PLP_GRID_SCROLL_BACKType;
 };
@@ -21,9 +19,11 @@ export type SimilarItem = any;
 export type SimilarCallback = (data: SimilarItem[]) => void;
 export type SimilarsOptions = {
     filterTexture?: string[];
+    storeId: StoreConfigType['api']['storeId'];
 };
 export type PendingRequest = {
     productId: string;
     callbacks: SimilarCallback[];
     filterTexture?: string[];
+    storeId: StoreConfigType['api']['storeId'];
 };

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

@@ -1,4 +1,4 @@
-import { ADD_TO_CARTType, TEXTURE_IMAGEType, TOGGLE_STYLE_MODIFIERType, Z_INDEX_WARType, NAME_SPLIT_SYMBOLType, OBJECT_FITS_DEFAULTType } from '../../../constants';
+import { ADD_TO_CARTType, TEXTURE_IMAGEType, TOGGLE_STYLE_MODIFIERType, Z_INDEX_WARType, NAME_SPLIT_SYMBOLType, OBJECT_FITS_DEFAULTType, StoreConfigType } from '../../../constants';
 import { CartItemStore } from '../../../contexts/store/cart';
 import { Dispatch, HTMLAttributes, MutableRefObject, ReactNode, SetStateAction, VideoHTMLAttributes } from 'react';
 
@@ -15,6 +15,7 @@ type CONSTANTS_TYPE = {
     TEXTURE_IMAGE: TEXTURE_IMAGEType;
     TOGGLE_STYLE_MODIFIER: TOGGLE_STYLE_MODIFIERType;
     Z_INDEX_WAR: Z_INDEX_WARType;
+    storeId: StoreConfigType['api']['storeId'];
 };
 export interface RootProps extends HTMLAttributes<HTMLDivElement> {
     component?: ReactNode;
@@ -46,6 +47,7 @@ export interface AddToCartProps {
 export interface CardContentProps extends HTMLAttributes<HTMLDivElement> {
     item: CartItem;
     texture?: string;
+    storeId: StoreConfigType['api']['storeId'];
 }
 export interface NameProps extends HTMLAttributes<HTMLDivElement> {
     brand?: string;
@@ -62,11 +64,13 @@ export interface StyleSizeProps extends HTMLAttributes<HTMLDivElement> {
     productGroupID: string;
     size?: string | null;
     texture?: string;
+    storeId: StoreConfigType['api']['storeId'];
 }
 export interface CardProps extends HTMLAttributes<HTMLDivElement> {
     item: CartItem;
     thumbnail?: boolean;
     texture?: string;
+    storeId: StoreConfigType['api']['storeId'];
 }
 export interface ModalProps extends HTMLAttributes<HTMLDivElement> {
     Z_INDEX_WAR: Z_INDEX_WARType;

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

@@ -9,8 +9,10 @@ export interface HelpButtonProps extends HTMLAttributes<HTMLDivElement> {
     data?: FormatHelpButtonProps;
     ICONS: ICONSType;
 }
-export type HelpButtonWrapperProps = HTMLAttributes<HTMLDivElement>;
-export type HelpButtonCallToActionProps = PropsWithChildren;
+export interface HelpButtonWrapperProps extends HTMLAttributes<HTMLDivElement> {
+}
+export interface HelpButtonCallToActionProps extends PropsWithChildren {
+}
 export interface HelpButtonBodyDataProps {
     type: HelpButtonContentType;
     id: string;

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/team-components/ProductCard/index.d.ts

@@ -33,6 +33,7 @@ export interface RootProps extends HTMLAttributes<HTMLDivElement> {
         Z_INDEX_WAR: Z_INDEX_WARType;
         StoreConfig_MainSellerId: StoreConfigType['mainSeller']['id'];
         ICONS: ICONSType;
+        storeId: StoreConfigType['api']['storeId'];
     };
 }
 export type Sizes = (typeof SizesExtended)[number];

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

@@ -1,5 +1,5 @@
 import { HTMLAttributes, MutableRefObject } from 'react';
-import { PLP_INFINITE_SCROLLType, PLP_PRODUCT_SIMILAR_DELAYType, PLP_SIZE_ORDERType, PRODUCT_CARD_IMAGE_ASPECT_RATIOType, TEXTURE_IMAGEType } from '../../../constants';
+import { PLP_INFINITE_SCROLLType, PLP_PRODUCT_SIMILAR_DELAYType, PLP_SIZE_ORDERType, PRODUCT_CARD_IMAGE_ASPECT_RATIOType, StoreConfigType, TEXTURE_IMAGEType } from '../../../constants';
 import { HasVariant, ProductType_PDC } from '../../../global/product';
 import { ProductCardProps, RootProps as ProductCard_RootProps } from '../ProductCard';
 import { TagCommercialConsumer } from '../../../cms/ContentTypes/FlagsAndTags';
@@ -49,5 +49,6 @@ export interface CardProps {
         PLP_PRODUCT_SIMILAR_DELAY: PLP_PRODUCT_SIMILAR_DELAYType;
         PLP_SIZE_ORDER: PLP_SIZE_ORDERType;
         TEXTURE_IMAGE?: TEXTURE_IMAGEType;
+        storeId: StoreConfigType['api']['storeId'];
     };
 }

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

@@ -111,6 +111,7 @@ export type StyleCardProps = {
     product: CartItemStore;
     TEXTURE_IMAGE: TEXTURE_IMAGEType;
     TOGGLE_STYLE_MODIFIER: TOGGLE_STYLE_MODIFIERType;
+    storeId: StoreConfigType['api']['storeId'];
 };
 export interface SkuCardProps extends StyleCardProps {
     NAME_SPLIT_SYMBOL: NAME_SPLIT_SYMBOLType;
@@ -168,6 +169,7 @@ export interface ModalBodyProps extends PropsWithChildren {
     TOGGLE_STYLE_MODIFIER: TOGGLE_STYLE_MODIFIERType;
     TIPBAR_CONFIGS: TIPBAR_CONFIGSType;
     PLP_NOT_RESULT: PLP_NOT_RESULTType;
+    storeId: StoreConfigType['api']['storeId'];
 }
 export type ModalHeaderProps = {
     ICONS: ICONSType;

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

@@ -1,10 +1,11 @@
 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 { 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, PLP_SORT_DEFAULTType } from '../../../constants';
+import { Page } from '../../../contexts/contexts/plp';
 import { ProductType_PDC } from '../../../global/product';
 import { ProductCardProps } from '../../team-components/ProductCard';
+import { State } from '../../../data/api/search';
 
 export type PLPNavigationRootProps = {
     searchParams: {
@@ -31,15 +32,24 @@ export interface InfiniteBannersProps extends HTMLAttributes<HTMLDivElement> {
     count: number;
     gap: number;
 }
+export interface FiltersProps {
+    state: State;
+    sort: PLP_SORT_DEFAULTType;
+    storeId: StoreConfigType['api']['storeId'];
+}
 export interface GridProps extends HTMLAttributes<HTMLDivElement> {
     infinite?: boolean;
+    storeId: StoreConfigType['api']['storeId'];
+}
+export interface GridInfiniteProps extends HTMLAttributes<HTMLDivElement> {
+    storeId: StoreConfigType['api']['storeId'];
 }
 export interface PageSentinelProps extends HTMLAttributes<HTMLDivElement> {
     page: Page;
 }
 export interface PageCardProps {
+    empty?: boolean;
     first?: boolean;
-    last?: boolean;
     gap: number;
     index: number;
     isMobile?: boolean;
@@ -48,6 +58,11 @@ export interface PageCardProps {
     page?: Page;
     showVideo?: boolean;
 }
+export interface PageScrollProps {
+    count: number;
+    page: Page;
+    storeId: StoreConfigType['api']['storeId'];
+}
 export interface PageProps {
     count: number;
     gap: number;
@@ -113,9 +128,11 @@ export interface ProductsProps {
     StoreConfig_MainSellerId: StoreConfigType['mainSeller']['id'];
     TEXTURE_IMAGE: TEXTURE_IMAGEType;
     Z_INDEX_WAR: Z_INDEX_WARType;
+    storeId: StoreConfigType['api']['storeId'];
 }
-export interface PLPRootProps extends PLPConstantsContextProps {
+export interface PLPRootProps {
     className?: string;
+    storeId: StoreConfigType['api']['storeId'];
 }
 export type EmptyProps = {
     className?: string;

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

@@ -1,7 +1,8 @@
-import { BUY_BUTTON_LABELSType, ICONSType, QUICKSHOPType, TEXTURE_IMAGEType, TIME_ZONEType, TOGGLE_STYLE_MODIFIERType } from '../../../constants';
+import { BUY_BUTTON_LABELSType, ICONSType, QUICKSHOPType, StoreConfigType, TEXTURE_IMAGEType, TIME_ZONEType, TOGGLE_STYLE_MODIFIERType } from '../../../constants';
 import { PDPSizesProps } from '../PDP';
 
 export type SimilarsProps = {
+    storeId: StoreConfigType['api']['storeId'];
     TEXTURE_IMAGE: TEXTURE_IMAGEType;
     TOGGLE_STYLE_MODIFIER: TOGGLE_STYLE_MODIFIERType;
 };

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

@@ -1,5 +1,5 @@
 import { ComponentType, Dispatch, PropsWithChildren, SetStateAction } from 'react';
-import { ICONSType, ITEMS_DEFAULT_SORTType, ITEMS_PER_PAGEType, SEARCH_MODALType } from '../../../../types/constants';
+import { ICONSType, ITEMS_DEFAULT_SORTType, ITEMS_PER_PAGEType, SEARCH_MODALType, StoreConfigType } from '../../../../types/constants';
 import { SearchContentProps } from '../../../cms/ContentTypes/Search';
 
 export interface SearchModalProps extends PropsWithChildren, Pick<SearchContentProps, 'SectionZone'> {
@@ -10,6 +10,7 @@ export interface SearchModalProps extends PropsWithChildren, Pick<SearchContentP
         ICONS: ICONSType;
         ITEMS_PER_PAGE: ITEMS_PER_PAGEType;
         ITEMS_DEFAULT_SORT: ITEMS_DEFAULT_SORTType;
+        storeId: StoreConfigType['api']['storeId'];
     };
     className?: string;
 }

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

@@ -1,6 +1,7 @@
 import { HTMLAttributes } from 'react';
 import { SearchSort } from '../../../data/api/search';
 import { SearchConstantsContextProps } from '../../../contexts/contexts/search';
+import { StoreConfigType } from '../../../constants';
 
 export interface ISearchEmpty {
     term?: string;
@@ -38,7 +39,9 @@ export interface SearchProps {
     className?: string;
     searchParams: URLSearchParams;
     CONSTANTS: SearchConstantsContextProps;
+    storeId: StoreConfigType['api']['storeId'];
 }
 export type SearchContentProps = {
     className?: string;
+    storeId: StoreConfigType['api']['storeId'];
 };