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

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;
+};