@soma-vertical-web/multi-lib 0.0.63 → 0.0.66

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

@@ -1,4 +1,5 @@
 import { PDPShelfType } from '../../../../constants';
+import { BUY_BUTTON_LABELSType, BUY_PACKAGEType, FREIGHT_CALCULATIONType, ICONSType, MAIN_IMAGEType, PLP_GRID_SCROLL_BACKType, PLP_INFINITE_SCROLLType, PLP_PRODUCT_SIMILAR_DELAYType, PLP_SHOW_VIDEO_ON_PRODUCT_CARDType, PLP_SORT_DEFAULTType, PRODUCT_CARD_IMAGE_ASPECT_RATIOType, PRODUCT_CARD_TEXTSType, PRODUCT_CARD_TOP_WISHLIST_TOGGLEType, PRODUCT_IMAGE_DIMENSIONSType, SECOND_IMAGEType, StoreConfigType, TEXTURE_IMAGEType, Z_INDEX_WARType } from '../../../constants';
 import { BuyPackageProductCardProps, CarouselController, CarouselPagination } from '../../../layout/team-components/BuyPackage';
 import { ProductNode } from '../../../layout/team-components/ProductCard';
 import { ISectionResponseBase } from '../../Factories';
@@ -25,11 +26,34 @@ export interface ICollectionSearch {
     }[];
     sort?: string;
 }
-export interface IRecomendationShelf {
+export interface ConstantsType {
+    CONSTANTS: {
+        BUY_BUTTON_LABELS: BUY_BUTTON_LABELSType;
+        BUY_PACKAGE: BUY_PACKAGEType;
+        FREIGHT_CALCULATION: FREIGHT_CALCULATIONType;
+        ICONS: ICONSType;
+        ITEMS_DEFAULT_SORT: PLP_SORT_DEFAULTType;
+        MAIN_IMAGE: MAIN_IMAGEType;
+        PLP_GRID_SCROLL_BACK: PLP_GRID_SCROLL_BACKType;
+        PLP_INFINITE_SCROLL: PLP_INFINITE_SCROLLType;
+        PLP_PRODUCT_SIMILAR_DELAY: PLP_PRODUCT_SIMILAR_DELAYType;
+        PLP_SHOW_VIDEO_ON_PRODUCT_CARD: PLP_SHOW_VIDEO_ON_PRODUCT_CARDType;
+        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;
+        SECOND_IMAGE: SECOND_IMAGEType;
+        TEXTURE_IMAGE: TEXTURE_IMAGEType;
+        Z_INDEX_WAR: Z_INDEX_WARType;
+        StoreConfig_MainSellerId: StoreConfigType['mainSeller']['id'];
+    };
+    WishListToggle: React.ComponentType<any>;
+}
+export interface IRecomendationShelf extends ConstantsType {
     recommendationSearch?: IRecomendationSearch;
     title?: string;
 }
-export interface ICommonShelf {
+export interface ICommonShelf extends ConstantsType {
     collectionSearch?: ICollectionSearch;
     title?: string;
 }
@@ -49,6 +73,11 @@ export interface ProductCarouselSectionType extends ISectionResponseBase {
         }[];
     };
 }
+export interface ProductCarouselProps {
+    data: ProductCarouselSectionType;
+    CONSTANTS: ConstantsType['CONSTANTS'];
+    WishListToggle: ConstantsType['WishListToggle'];
+}
 export interface PDPProductCarouselSectionType extends ISectionResponseBase {
     data: {
         config: {
@@ -62,6 +91,11 @@ export interface PDPProductCarouselSectionType extends ISectionResponseBase {
         }[];
     };
 }
+export interface PDPProductCarouselProps {
+    data: PDPProductCarouselSectionType;
+    CONSTANTS: ConstantsType['CONSTANTS'];
+    WishListToggle: ConstantsType['WishListToggle'];
+}
 export interface ProductShelfProps {
     products: ProductNode[];
     title?: string;

package/types/constants.d.ts

@@ -48,7 +48,9 @@ export type FREIGHT_CALCULATIONType = {
     };
 };
 export type ICONSType = Record<string, string>;
+export type ITEMS_DEFAULT_SORTType = PLP_SORT_DEFAULTType;
 export type ITEMS_PER_PAGEType = number;
+export type ITEMS_PER_SECTIONType = number;
 export type LEGAL_INFORMATION_TEXTType = string;
 export type MAIN_IMAGEType = string;
 export type MENU_MOB_BTN_SIDEType = 'left' | 'right';
@@ -209,6 +211,22 @@ export type PRODUCT_IMAGE_DIMENSIONSType = {
 export type QUICKSHOPType = {
     title: string;
 };
+export type SEARCH_PAGE_ITEM_THRESHOLDType = number;
+export type SEARCH_RESULTType = {
+    EMPTY: {
+        ALL_TERMS: string;
+        ALL_TERMS_LABEL: string;
+        NOT_FOUND: string;
+        NOT_FOUND_P: string;
+    };
+    SEARCH: {
+        SEARCHING: string;
+        SEARCHED: string;
+        SEARCHED_P_START: string;
+        SEARCHED_P_END: string;
+    };
+};
+export type SEARCH_TOTAL_PORTAL_IDType = string;
 export type SECOND_IMAGEType = string;
 export type MEASUREMENTS_SIZESType = {
     bannerImage: string;
@@ -232,7 +250,29 @@ export type TIPBAR_CONFIGSType = {
     coupon_cart_empty_message: string;
 };
 export type TOGGLE_STYLE_MODIFIERType = React.CSSProperties;
-export type Z_INDEX_WARType = Record<string, number>;
+export type VARIANT_PAGINATIONType = {
+    active: VariantsExtended;
+    default: VariantsExtended;
+};
+export type Z_INDEX_WARType = {
+    menu_mobile_navigation_bar: number;
+    plp_navigation: number;
+    product_card_header: number;
+    fixed_buttons: number;
+    pdp_bottom_navigation: number;
+    header: number;
+    header_desktop: number;
+    user_menu: number;
+    user_menu_mobile: number;
+    menu_desktop: number;
+    snackbar: number;
+    add_to_cart_feedback: number;
+    pdp_image_zoom: number;
+    minicart: number;
+    header_mobile: number;
+    menu_mobile: number;
+    modal: number;
+};
 export type StoreConfigType = {
     checkoutUrl: string;
     secureSubdomain: string;

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

@@ -3,9 +3,7 @@ import { ProductSearchResultPage } from '../../data/api/search/product';
 import { State } from '../../data/api/search';
 import { BannerType } from '../../cms/Sections/Banner';
 import { HasVariant, ProductType_PDC } from '../../global/product';
-import { ReadonlyURLSearchParams } from 'next/navigation';
-import { PLPSearchParamsType } from '../../layout/templates/PLP';
-import { PLP_SORT_DEFAULTType } from '../../constants';
+import { BUY_BUTTON_LABELSType, ICONSType, ITEMS_DEFAULT_SORTType, ITEMS_PER_PAGEType, ITEMS_PER_SECTIONType, MAIN_IMAGEType, NEWSLETTER_CONFIGSType, NOTIFY_INFOType, PDC_NAVIGATIONType, PLP_FILTERS_COLORSType, PLP_FILTERS_EMPTYType, PLP_FILTERS_TITLEType, PLP_FILTERSType, PLP_GRID_SCROLL_BACKType, PLP_INFINITE_SCROLLType, PLP_NOT_RESULTType, PLP_PRODUCT_SIMILAR_DELAYType, PLP_SHOW_VIDEO_ON_PRODUCT_CARDType, PLP_SIZE_ORDERType, PLP_SORT_DEFAULTType, PRODUCT_CARD_IMAGE_ASPECT_RATIOType, PRODUCT_CARD_TEXTSType, PRODUCT_CARD_TOP_WISHLIST_TOGGLEType, PRODUCT_IMAGE_DIMENSIONSType, SEARCH_PAGE_ITEM_THRESHOLDType, SEARCH_TOTAL_PORTAL_IDType, SECOND_IMAGEType, StoreConfigType, TEXTURE_IMAGEType, VARIANT_PAGINATIONType, Z_INDEX_WARType } from '../../constants';
 
 export type PLPBanners = ({
     columns: number;
@@ -49,9 +47,6 @@ export interface PLPInfiniteContextProps extends PropsWithChildren<Omit<PageStat
 }
 export interface PLPInfiniteProviderProps extends PropsWithChildren {
     banners: PLPBanners;
-    itemsPerPage?: number;
-    searchParams?: ReadonlyURLSearchParams;
-    Notification: React.ComponentType<any>;
 }
 export interface PLPContextProps {
     openFilters: boolean;
@@ -60,8 +55,44 @@ export interface PLPContextProps {
 export interface PLPProviderProps extends PropsWithChildren {
     slug: string[] | string;
     PLP_SORT_DEFAULT: PLP_SORT_DEFAULTType;
-    searchParams?: PLPSearchParamsType;
+    searchParams?: URLSearchParams;
     collectionId?: number | null;
     itemsPerPage?: number;
     brand?: string | null;
 }
+export interface PLPConstantsProviderProps extends PropsWithChildren {
+    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;
+    VARIANT_PAGINATION: VARIANT_PAGINATIONType;
+    Z_INDEX_WAR: Z_INDEX_WARType;
+    StoreConfig_MainSellerId: StoreConfigType['mainSeller']['id'];
+    WishListToggle: React.ComponentType<any>;
+    searchParams: URLSearchParams;
+}
+export type PLPConstantsContextProps = Omit<PLPConstantsProviderProps, 'children'>;

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

@@ -2,8 +2,9 @@ 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_PER_PAGEType, PLP_FILTERS_SORT_OPTIONtype, PLP_SORT_DEFAULTType } from '../../constants';
+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 FacetsContextProps {
     breadcrumb: BreadCrumbItemLinkProps[];
@@ -11,19 +12,14 @@ export interface FacetsContextProps {
     facets: Facet[];
     isLoading: boolean;
     selectedFacets: SelectedFacet[];
-    searchParams: FacetsProviderProps['searchParams'];
     onToggleFacet(value: SelectedFacet): void;
     onSort(sort: PLP_FILTERS_SORT_OPTIONtype): void;
 }
-export interface FacetsProviderProps extends PropsWithChildren, Pick<ProductsProviderProps, 'state' | 'forceUpdate'> {
-    searchParams: {
-        [key: string]: string | string[] | undefined;
-    };
-    PLP_SORT_DEFAULT: PLP_SORT_DEFAULTType;
+export interface FacetsProviderProps extends PropsWithChildren {
+    forceUpdate?: boolean;
 }
-export interface FacetsProviderContentProps extends FacetsProviderProps {
+export interface FacetsProviderContentProps extends Omit<FacetsProviderProps, 'forceUpdate'> {
     selectedFacets: SelectedFacet[];
-    PLP_SORT_DEFAULT: PLP_SORT_DEFAULTType;
 }
 export interface ProductsContextProps extends ProductSearchResultPage {
     isLoading: boolean;
@@ -38,24 +34,21 @@ export interface SuggestedTermsProviderProps extends PropsWithChildren {
     term?: string;
 }
 export interface ProductsProviderProps extends PropsWithChildren {
-    state?: State;
     query?: string;
-    selectedFacets?: SelectedFacet[];
     forceUpdate?: boolean;
 }
-export interface SearchContextProps extends Pick<SearchProviderProps, 'sort'> {
+export interface SearchContextProps extends Pick<SearchProviderProps, 'sort' | 'searchParams'> {
     count: number;
     state: State;
 }
 export interface SearchProviderProps extends PropsWithChildren {
-    sort?: string;
+    searchParams: URLSearchParams;
     state: State;
+    sort?: string;
     collectionId?: number | null;
     brand?: string | null;
     count?: number;
-    CONSTANTS: {
-        ITEMS_PER_PAGE: ITEMS_PER_PAGEType;
-    };
+    ITEMS_PER_PAGE: ITEMS_PER_PAGEType;
 }
 export interface SearchItem {
     term: string;
@@ -80,3 +73,12 @@ export interface SearchStore extends Pick<RootContextProps, 'data'> {
     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;
+    ITEMS_PER_SECTION: ITEMS_PER_SECTIONType;
+    SEARCH_PAGE_ITEM_THRESHOLD: SEARCH_PAGE_ITEM_THRESHOLDType;
+    SEARCH_RESULT: SEARCH_RESULTType;
+    VARIANT_PAGINATION: VARIANT_PAGINATIONType;
+}
+export type SearchConstantsContextProps = Omit<SearchConstantsProviderProps, 'children'>;

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

@@ -1,3 +1,6 @@
+import { PLP_GRID_SCROLL_BACKType } from '../../constants';
+import { Page } from '../contexts/plp';
+
 export interface UseBackPDCProps {
     gridScrollBack?: {
         refer: string;
@@ -5,3 +8,12 @@ export interface UseBackPDCProps {
     };
 }
 export type FetchPriority = 'auto' | 'high' | 'low';
+export type UseScrollRestorationProps = {
+    productCount: number;
+    PLP_GRID_SCROLL_BACK: PLP_GRID_SCROLL_BACKType;
+};
+export type UseScrollRestorationInfiniteProps = {
+    pages: Page[];
+    load: boolean;
+    PLP_GRID_SCROLL_BACK: PLP_GRID_SCROLL_BACKType;
+};

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

@@ -1,8 +1,7 @@
 import { Dispatch, HTMLAttributes, SetStateAction } from 'react';
 import { SearchSort } from '../../../data/api/search';
 import { FacetsContextProps } from '../../../contexts/contexts/search';
-import { ICONSType, PDC_NAVIGATIONType } from '../../../constants';
-import { ReadonlyURLSearchParams } from 'next/navigation';
+import { ICONSType } from '../../../constants';
 
 export interface BreadCrumbItemLinkProps extends HTMLAttributes<HTMLDivElement> {
     isLast?: boolean;
@@ -24,15 +23,5 @@ export interface PDCNavigationContextProps extends PDCNavigationProviderProps {
     openOrderBy: boolean;
     setOpenOrderBy: Dispatch<SetStateAction<boolean>>;
 }
-export type PLPNavigationFiltersProps = {
-    PDC_NAVIGATION: PDC_NAVIGATIONType;
-    ICONS: ICONSType;
-    searchParams: ReadonlyURLSearchParams;
-};
-export interface PLPContentProps extends HTMLAttributes<HTMLDivElement>, PLPNavigationFiltersProps {
-}
-export interface PLPBreadcrumbProps extends HTMLAttributes<HTMLDivElement> {
-    ICONS: ICONSType;
-}
-export interface PLPRootProps extends PDCNavigationProviderProps, PLPNavigationFiltersProps {
-}
+export type PLPContentProps = HTMLAttributes<HTMLDivElement>;
+export type PLPNavigationRootProps = PDCNavigationProviderProps;

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

@@ -2,7 +2,6 @@ import { ButtonProps } from '@soma-vertical-web/core-components/src/lib/Button/i
 import { Dispatch, HTMLAttributes, ReactNode, SetStateAction } from 'react';
 import { ICONSType, PLP_FILTERS_SORT_OPTIONtype } from '../../../constants';
 import { PLP_FILTERS_SORT } from '../../../../constants';
-import { ReadonlyURLSearchParams } from 'next/navigation';
 
 export type RootProps = HTMLAttributes<HTMLDivElement>;
 export interface SortButtonProps extends Omit<ButtonProps, 'adornment' | 'iconNameStart' | 'iconNameEnd'> {
@@ -16,9 +15,7 @@ export interface SortProps extends RootProps {
     handleSelectValue?: (value?: PLP_FILTERS_SORT_OPTIONtype) => void;
     sortListOpen: boolean;
     setSortListOpen: Dispatch<SetStateAction<boolean>>;
-    searchParams: ReadonlyURLSearchParams;
-    CONSTANTS: {
-        ICONS: ICONSType;
-    };
+    searchParams: URLSearchParams;
+    ICONS: ICONSType;
 }
 export type PLPFilterOption = keyof typeof PLP_FILTERS_SORT.options;

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

@@ -1,9 +1,128 @@
+import { HTMLAttributes, PropsWithChildren } from 'react';
+import { BannerType } from '../../../cms/Sections/Banner';
+import { Page, PLPConstantsContextProps } from '../../../contexts/contexts/plp';
+import { ProductCardProps } from '../../team-components/ProductCard';
+import { AvailabilityNotifyProps } from '../../../../types/layout/team-components/Notify';
+import { ProductType_PDC } from '../../../global/product';
+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, Z_INDEX_WARType } from '../../../constants';
+
+export type PLPNavigationRootProps = {
+    searchParams: {
+        [key: string]: string | string[] | undefined;
+    };
+    className?: string;
+};
 export type PLPProps = {
     slug: string[] | string;
-    searchParams: PLPSearchParamsType;
+    searchParams: URLSearchParams;
     collectionId?: number | null;
     brand?: string | null;
 };
-export type PLPSearchParamsType = {
-    [key: string]: string | string[] | undefined;
+export interface BannerPropsExtended extends BannerType {
+    columns: number;
+    position_grid: number;
+}
+export interface BannersProps {
+    gap: number;
+    isMobile: boolean;
+}
+export interface InfiniteBannersProps {
+    columns: number;
+    count: number;
+    gap: number;
+}
+export interface GridProps extends HTMLAttributes<HTMLDivElement> {
+    infinite?: boolean;
+}
+export interface PageSentinelProps extends HTMLAttributes<HTMLDivElement> {
+    page: Page;
+}
+export interface PageCardProps {
+    first?: boolean;
+    last?: boolean;
+    gap: number;
+    index: number;
+    isMobile?: boolean;
+    item: ProductCardProps;
+    order: number;
+    page?: Page;
+    showVideo?: boolean;
+}
+export interface PageProps {
+    count: number;
+    gap: number;
+    page: Page;
+}
+export interface NotificationProps extends Pick<AvailabilityNotifyProps, 'open' | 'sku' | 'setSku' | 'setVisible'> {
+    skus: ProductType_PDC['isVariantOf']['hasVariant'];
+    ICONS: ICONSType;
+    NEWSLETTER_CONFIGS: NEWSLETTER_CONFIGSType;
+    NOTIFY_INFO: NOTIFY_INFOType;
+    PRODUCT_CARD_TEXTS: PRODUCT_CARD_TEXTSType;
+    Z_INDEX_WAR: Z_INDEX_WARType;
+}
+export interface LayoutProps extends PropsWithChildren {
+    endPage: number;
+    page: number;
+    total: number;
+    selectedPage(page: number): void;
+    ITEMS_PER_SECTION: ITEMS_PER_SECTIONType;
+}
+export interface PagesProps {
+    currentPage: number;
+    searchParams: URLSearchParams;
+    pages: number[];
+    VARIANT_PAGINATION: VARIANT_PAGINATIONType;
+}
+export type PaginantionOptionsProps = {
+    currentPage: number;
+    total: number;
+    maxVisiblePages: number;
+    SEARCH_PAGE_ITEM_THRESHOLD: SEARCH_PAGE_ITEM_THRESHOLDType;
+};
+export interface PaginationProps extends HTMLAttributes<HTMLDivElement> {
+    query?: string;
+    type?: 'search' | 'default';
+    searchParams: URLSearchParams;
+    ITEMS_DEFAULT_SORT: ITEMS_DEFAULT_SORTType;
+    ITEMS_PER_SECTION: ITEMS_PER_SECTIONType;
+    ITEMS_PER_PAGE: ITEMS_PER_PAGEType;
+    SEARCH_PAGE_ITEM_THRESHOLD: SEARCH_PAGE_ITEM_THRESHOLDType;
+    VARIANT_PAGINATION: VARIANT_PAGINATIONType;
+}
+export interface ProductsProps {
+    items: {
+        node: ProductCardProps;
+    }[];
+    isMobile?: boolean;
+    BUY_BUTTON_LABELS: BUY_BUTTON_LABELSType;
+    ICONS: ICONSType;
+    MAIN_IMAGE: MAIN_IMAGEType;
+    NEWSLETTER_CONFIGS: NEWSLETTER_CONFIGSType;
+    NOTIFY_INFO: NOTIFY_INFOType;
+    PLP_GRID_SCROLL_BACK: PLP_GRID_SCROLL_BACKType;
+    PLP_INFINITE_SCROLL: PLP_INFINITE_SCROLLType;
+    PLP_PRODUCT_SIMILAR_DELAY: PLP_PRODUCT_SIMILAR_DELAYType;
+    PLP_SHOW_VIDEO_ON_PRODUCT_CARD: PLP_SHOW_VIDEO_ON_PRODUCT_CARDType;
+    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;
+    SECOND_IMAGE: SECOND_IMAGEType;
+    StoreConfig_MainSellerId: StoreConfigType['mainSeller']['id'];
+    TEXTURE_IMAGE: TEXTURE_IMAGEType;
+    Z_INDEX_WAR: Z_INDEX_WARType;
+    WishListToggle: React.ComponentType<any>;
+}
+export interface PLPRootProps extends PLPConstantsContextProps {
+    className?: string;
+}
+export type EmptyProps = {
+    className?: string;
+    content?: {
+        link: string;
+        text: string;
+        title: string;
+        subtitle: string;
+    };
 };

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

@@ -0,0 +1,44 @@
+import { HTMLAttributes } from 'react';
+import { SearchSort } from '../../../data/api/search';
+import { SearchConstantsContextProps } from '../../../contexts/contexts/search';
+
+export interface ISearchEmpty {
+    term?: string;
+}
+export interface ISearchSort {
+    term?: string;
+}
+export interface ISearchLoading {
+    isLoading: boolean;
+    quantity: number;
+    term?: string;
+}
+export interface SearchResultContentProps extends HTMLAttributes<HTMLDivElement> {
+    isMobile?: boolean;
+    banners?: any[];
+    sort?: SearchSort;
+    query?: string;
+    currentPage: number;
+    className?: string;
+}
+export interface IPaginationProps {
+    currentPage: number;
+    firstPageSpread: boolean;
+    lastPageSpread: boolean;
+    totalPages: number;
+    onPageChange: (page: number) => void;
+    hasNextPage: boolean;
+    hasPreviousPage: boolean;
+    slices: {
+        start: number;
+        end: number;
+    };
+}
+export interface SearchProps {
+    className?: string;
+    searchParams: URLSearchParams;
+    CONSTANTS: SearchConstantsContextProps;
+}
+export type SearchContentProps = {
+    className?: string;
+};