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

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

@@ -23,4 +23,8 @@ export interface NewsLetterSectionType extends ISectionResponseBase, NewsletterC
         }[];
         componentIndex?: number;
     };
+    dito: {
+        actionName: string;
+        originName: string;
+    };
 }

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

@@ -12,53 +12,96 @@ 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;
     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'>> {
-    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;
+    };
     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 +137,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,30 @@
 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 { 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;
 }
-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 {
@@ -33,22 +35,22 @@ export interface SuggestedTermsContextProps {
 export interface SuggestedTermsProviderProps extends PropsWithChildren {
     term?: string;
 }
-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;
+    queryKey: (string | undefined)[];
+}
+export interface ProductsProviderProps extends PropsWithChildren<State> {
+    forceUpdate?: boolean;
 }
+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;
@@ -61,19 +63,18 @@ export interface TopSearchesContextProps {
 }
 export type TopSearchesProviderProps = PropsWithChildren;
 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';
 
 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;
 };

package/types/data/api/dito-ingest/index.d.ts

@@ -28,7 +28,7 @@ export interface DitoIdentifyBody {
 }
 export interface DitoTrackBody {
     user_id: string;
-    action: string;
+    action: string | undefined;
     timestamp: string;
     type: DitoEventType;
     context?: {
@@ -62,4 +62,15 @@ export type DitoAuthResponse = {
     token: string;
     refresh_token: string;
 };
+export type DitoIngestParams = {
+    body: Array<DitoIdentifyBody | DitoTrackBody>;
+    userToken?: string;
+    headers: Record<string, string | null>;
+    dito: {
+        authUrl: string;
+        ingestUrl: string;
+        brandName: string;
+    };
+    apiUrl: string;
+};
 export {};

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

@@ -46,6 +46,8 @@ export interface RootProps extends HTMLAttributes<HTMLDivElement>, TextCommonPro
     banner: string;
     altBanner: string;
     bannerBackground: boolean;
+    actionName?: string;
+    originName?: string;
 }
 export interface TextProps extends HTMLAttributes<HTMLDivElement>, Omit<TextCommonProps, 'lgpd'> {
 }
@@ -81,6 +83,10 @@ export interface NewsletterProviderProps extends PropsWithChildren {
         NEWSLETTER_CONFIGS: NEWSLETTER_CONFIGS;
         ICONS: ICONSType;
     };
+    dito?: {
+        actionName: string;
+        originName: string;
+    };
 }
 export interface NewsletterContextProps {
     formStatus: FormStatus;

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/PDP/index.d.ts

@@ -114,7 +114,6 @@ export type ProductMeasurementsProps = {
     Z_INDEX_WAR: Z_INDEX_WARType;
 };
 export interface PDPSimilarsType extends PropsWithChildren {
-    storeId: string;
     productId: string;
     PDP_INFO: PDP_INFOType;
     TEXTURE_IMAGE: TEXTURE_IMAGEType;

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,20 @@ export interface InfiniteBannersProps extends HTMLAttributes<HTMLDivElement> {
     count: number;
     gap: number;
 }
+export interface FiltersProps {
+    state: State;
+    sort: PLP_SORT_DEFAULTType;
+}
 export interface GridProps extends HTMLAttributes<HTMLDivElement> {
     infinite?: boolean;
 }
+export type GridInfiniteProps = HTMLAttributes<HTMLDivElement>;
 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 +54,10 @@ export interface PageCardProps {
     page?: Page;
     showVideo?: boolean;
 }
+export interface PageScrollProps {
+    count: number;
+    page: Page;
+}
 export interface PageProps {
     count: number;
     gap: number;
@@ -114,7 +124,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 = {