@soma-vertical-web/multi-lib 1.0.19 → 1.0.20

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/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[];
-    createPagesScroll: (state: State, positions: PositionsGrid, callback?: DataLayerEvent, itemsPerPage?: number) => void;
+    createPages: (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 {
+export interface PLPInfiniteContextProps extends PropsWithChildren<Omit<PageState, 'init'>> {
     addNewPage(page: Page): void;
     columns: number;
     gap: number;
@@ -48,52 +48,17 @@ export interface PLPInfiniteContextProps extends PropsWithChildren {
 export interface PLPInfiniteProviderProps extends PropsWithChildren {
     banners: PLPBanners;
 }
-export interface PLPContextProps extends Pick<PLPProviderProps, 'constants' | 'mainSeller'> {
+export interface PLPContextProps {
     openFilters: boolean;
     setOpenFilters: Dispatch<SetStateAction<boolean>>;
 }
 export interface PLPProviderProps extends PropsWithChildren {
-    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;
-    };
+    slug: string[] | string;
+    PLP_SORT_DEFAULT: PLP_SORT_DEFAULTType;
+    searchParams?: URLSearchParams;
     collectionId?: number | null;
     itemsPerPage?: number;
-    mainSeller: StoreConfigType['mainSeller']['id'];
-    pathname: string;
-    searchParams?: URLSearchParams;
-    slug: string[] | string;
+    brand?: string | null;
 }
 export interface PLPConstantsProviderProps extends PropsWithChildren {
     BUY_BUTTON_LABELS: BUY_BUTTON_LABELSType;
@@ -129,5 +94,7 @@ export interface PLPConstantsProviderProps extends PropsWithChildren {
     VARIANT_PAGINATION: VARIANT_PAGINATIONType;
     Z_INDEX_WAR: Z_INDEX_WARType;
     StoreConfig_MainSellerId: StoreConfigType['mainSeller']['id'];
+    searchParams: URLSearchParams;
+    storeId: StoreConfigType['api']['storeId'];
 }
 export type PLPConstantsContextProps = Omit<PLPConstantsProviderProps, 'children'>;

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

@@ -1,41 +1,26 @@
 import { Dispatch, PropsWithChildren, SetStateAction } from 'react';
 import { ProductSearchResultPage } from '../../data/api/search/product';
 import { State, Suggestion } from '../../data/api/search';
-import { FacetSearchResult, SelectedFacet } from '../../data/api/search/facets';
+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 { ProductsProps } from '../../layout/templates/PLP';
-import { UseQueryOptions } from '@tanstack/react-query';
 
-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;
@@ -48,21 +33,22 @@ export interface SuggestedTermsContextProps {
 export interface SuggestedTermsProviderProps extends PropsWithChildren {
     term?: string;
 }
-export interface QueryProductsProviderProps extends PropsWithChildren {
+export interface ProductsProviderProps extends PropsWithChildren {
+    query?: string;
     forceUpdate?: boolean;
-    options: Omit<UseQueryOptions<DataParams, Error, DataParams, (string | undefined)[]>, 'queryKey' | 'queryFn'>;
-    state: State;
-    queryKey: (string | undefined)[];
 }
-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;
@@ -74,11 +60,6 @@ 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/contexts/hooks/index.d.ts

@@ -17,3 +17,15 @@ export type UseScrollRestorationInfiniteProps = {
     load: boolean;
     PLP_GRID_SCROLL_BACK: PLP_GRID_SCROLL_BACKType;
 };
+export type SimilarItem = any;
+export type SimilarCallback = (data: SimilarItem[]) => void;
+export type SimilarsOptions = {
+    filterTexture?: string[];
+    storeId: string;
+};
+export type PendingRequest = {
+    productId: string;
+    callbacks: SimilarCallback[];
+    filterTexture?: string[];
+    storeId: string;
+};

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

@@ -1,11 +1,13 @@
 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/PDP/index.d.ts

@@ -114,9 +114,8 @@ export type ProductMeasurementsProps = {
     Z_INDEX_WAR: Z_INDEX_WARType;
 };
 export interface PDPSimilarsType extends PropsWithChildren {
-    apiUrl: string;
+    storeId: string;
     productId: string;
-    ClientItems: React.ComponentType<ItemsProps>;
     PDP_INFO: PDP_INFOType;
     TEXTURE_IMAGE: TEXTURE_IMAGEType;
     TOGGLE_STYLE_MODIFIER: TOGGLE_STYLE_MODIFIERType;

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 } from '../../../contexts/contexts/plp';
+import { Page, PLPConstantsContextProps } from '../../../contexts/contexts/plp';
 import { ProductType_PDC } from '../../../global/product';
 import { ProductCardProps } from '../../team-components/ProductCard';
 
@@ -113,8 +113,9 @@ 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 {
+export interface PLPRootProps extends PLPConstantsContextProps {
     className?: string;
 }
 export type EmptyProps = {