@soma-vertical-web/multi-lib 0.0.38 → 0.0.40

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

@@ -0,0 +1,77 @@
+import { PDPShelfType } from 'libs/multi-lib/src/constants';
+import { BuyPackageProductCardProps, CarouselController, CarouselPagination } from '../../../layout/team-components/BuyPackage';
+import { ProductNode } from '../../../layout/team-components/ProductCard';
+import { ISectionResponseBase } from '../../Factories';
+
+export type StructureType = 'shelf_recommendation' | 'buy_package';
+export type TPDPShelfType = (typeof PDPShelfType)[number];
+export interface IRecomendationSearch {
+    type?: TPDPShelfType;
+    productId?: string;
+    params?: {
+        sort?: string;
+        count?: number;
+    };
+}
+export interface ICollectionSearch {
+    params?: {
+        count: number;
+        sort: string;
+    };
+    term?: string;
+    facets?: {
+        key: string;
+        value: string;
+    }[];
+    sort?: string;
+}
+export interface IRecomendationShelf {
+    recommendationSearch?: IRecomendationSearch;
+    title?: string;
+}
+export interface ICommonShelf {
+    collectionSearch?: ICollectionSearch;
+    title?: string;
+}
+export interface ProductCarouselSectionType extends ISectionResponseBase {
+    data: {
+        config: {
+            gap: number;
+            items_per_page: number;
+        };
+        productLists: {
+            title: string;
+            search_base_name: string;
+            collectionId: number;
+            search_base_key: string;
+            number_of_items: number;
+            sort: string;
+        }[];
+    };
+}
+export interface PDPProductCarouselSectionType extends ISectionResponseBase {
+    data: {
+        config: {
+            gap: number;
+            items_per_page: number;
+        };
+        productLists: {
+            title: string;
+            product_group_option: TPDPShelfType;
+            number_of_items: number;
+        }[];
+    };
+}
+export interface ProductShelfProps {
+    products: ProductNode[];
+    title?: string;
+    itemsPerPage?: number;
+    onSkuSelection?: BuyPackageProductCardProps['onSkuSelection'];
+    structureType?: StructureType;
+    onCarouselControls?: (controller: CarouselController, pagination: CarouselPagination) => void;
+}
+export interface ProductShelfCardProps extends Omit<BuyPackageProductCardProps, 'onSkuSelection'> {
+    structureType: StructureType;
+    onSkuSelection?: BuyPackageProductCardProps['onSkuSelection'];
+    tag?: string;
+}

package/types/constants.d.ts

@@ -13,6 +13,7 @@ export interface CrossSellingFacet {
 export type InputSizes = Exclude<Size, 'textarea-size'>;
 export type ADD_TO_CARTType = Record<string, Record<string, string>>;
 export type ALIGNMENT_MENUType = 'flex-start' | 'center' | 'flex-end';
+export type AUTH_TOKEN_COOKIEType = string;
 export type BENNEFITS_BAR_TITLEType = string;
 export type BUY_BUTTON_LABELSType = Record<string, string>;
 export type BUY_PACKAGEType = {
@@ -26,6 +27,7 @@ export type BUY_PACKAGEType = {
     };
 };
 export type COMMON_PAGE_COLUMN_GAPType = CSSProperties['gap'];
+export type COMMON_PAGE_COLUMN_GAP_PDCType = CSSProperties['gap'];
 export type COMPONENT_LISTType = Record<string, string>;
 export type CREATE_CONTENTType = (jsonData: string) => EditorState;
 export type EXTENDED_BLOCK_RENDER_MAPType = Immutable.Map<any, any>;
@@ -52,6 +54,7 @@ export type NAME_SPLIT_SYMBOLType = string;
 export type OBJECT_FITS_DEFAULTType = (typeof ObjectFitsDefault)[number];
 export type PAYMENT_FLAGS_DICTIONARYType = Record<string, string>;
 export type PAYMENT_FLAGSType = any;
+export type LEGAL_INFORMATION_TEXTType = string;
 export type PDP_INFOType = Record<string, Record<string, string>>;
 export type PLP_FILTERSType = {
     key: string;
@@ -98,4 +101,19 @@ export type TIPBAR_CONFIGSType = {
 };
 export type TOGGLE_STYLE_MODIFIERType = React.CSSProperties;
 export type Z_INDEX_WARType = Record<string, number>;
-export type StoreConfig_MainSellerIdType = string;
+export type StoreConfigType = {
+    secureSubdomain: string;
+    storeUrl: string;
+    mainSeller: {
+        id: string;
+        name: string;
+    };
+    wishlistConfig: {
+        path: string;
+        label: string;
+    };
+    termsConfig: {
+        path: string;
+        label: string;
+    };
+};

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

@@ -1,7 +1,17 @@
+import { Dispatch, PropsWithChildren, SetStateAction } from 'react';
+import { ProductSearchResultPage } from '../../data/api/search/product';
+import { State } from '../../data/api/search';
+import { BannerType } from '../../cms/Sections/Banner';
+import { ProductNode_PDC } from '../../global/product';
+
+export type PLPBanners = ({
+    columns: number;
+    position_grid: number;
+} & BannerType)[];
 export interface Page {
     page: number;
     loading: boolean;
-    products: any[];
+    products: ProductNode_PDC[];
     pagination: {
         nextPage?: boolean;
         previousPage?: boolean;
@@ -11,3 +21,40 @@ export interface Page {
         total: number;
     };
 }
+export type PositionsGrid = {
+    banners: number[];
+    products: number[];
+};
+export type DataLayerEvent = (data: ProductSearchResultPage) => 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;
+    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;
+    columns: number;
+    gap: number;
+    updateParamPage(page: Page): void;
+    updatePage(page: Page): void;
+}
+export interface PLPInfiniteProviderProps extends PropsWithChildren {
+    banners: PLPBanners;
+    itemsPerPage?: number;
+    searchParams?: Record<string, string>;
+}
+export interface PLPContextProps {
+    openFilters: boolean;
+    setOpenFilters: Dispatch<SetStateAction<boolean>>;
+}
+export interface PLPProviderProps extends PropsWithChildren {
+    slug: string[] | string;
+    searchParams?: Record<string, string>;
+    collectionId?: number | null;
+    itemsPerPage?: number;
+}

package/types/contexts/contexts/session.d.ts

@@ -0,0 +1,84 @@
+import { PropsWithChildren } from 'react';
+import { AUTH_TOKEN_COOKIEType } from '../../constants';
+
+export interface SessionProviderProps extends PropsWithChildren {
+    AUTH_TOKEN_COOKIE: AUTH_TOKEN_COOKIEType;
+}
+interface BrandRef {
+    refid: string;
+    name: string;
+}
+interface ValueBox {
+    code: string;
+    document: string;
+    user_code: string;
+    cnpj: string;
+    value: number;
+    value_used: number;
+    trigger_amount: number;
+    type: any;
+    expiration_date: string | Date;
+    enabled: boolean;
+    created_at: string | Date;
+    gift_card_box: {
+        refid: string;
+        name: string;
+        description: string;
+        old_reference: any;
+        gift_card_property_enable: {
+            type_trigger_id: string;
+            trigger_amount: number;
+            trigger_amount_generation: number;
+            minimum_discount_value: number;
+            maximum_discount_value: number | null;
+            start_date_utilization: string | Date;
+            limit_percentage_discount: number | null;
+            requires_authentication: boolean;
+            start_days_utilization: number | null;
+        };
+    };
+    brand_creation: BrandRef;
+    brands_gift_card: BrandRef[];
+    remaining_value: number;
+}
+export type Boxes = {
+    gift_card_box: {
+        name: string;
+        refid: string;
+    };
+    amount: number;
+};
+export interface ISessionContext {
+    loading: boolean;
+    amount?: number | null;
+    boxes?: Boxes[] | null;
+    toExpire?: {
+        credito: ValueBox[] | null;
+        cashback: ValueBox[] | null;
+    } | null;
+    user?: {
+        userId: string;
+        email: string;
+        firstName: string;
+        lastName: string;
+        homePhone: string;
+        phone: string;
+        gender: string;
+        document: string;
+        number: string;
+        city: string;
+        street: string;
+        postalCode: string;
+    };
+    token?: string;
+    texts?: {
+        welcome?: string;
+        description?: string;
+    };
+    logout: () => void;
+    getCurrentCredits: () => {
+        credits: number;
+        cashback: number;
+    };
+}
+export {};

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

@@ -1,4 +1,4 @@
-import { BUY_BUTTON_LABELSType, BUY_PACKAGEType, FREIGHT_CALCULATIONType, ICONSType, MAIN_IMAGEType, PLP_GRID_SCROLL_BACKType, PLP_INFINITE_SCROLLType, PLP_SHOW_VIDEO_ON_PRODUCT_CARDType, PRODUCT_CARD_IMAGE_ASPECT_RATIOType, PRODUCT_CARD_TEXTSType, PRODUCT_CARD_TOP_WISHLIST_TOGGLEType, PRODUCT_IMAGE_DIMENSIONSType, SECOND_IMAGEType, StoreConfig_MainSellerIdType, TEXTURE_IMAGEType, Z_INDEX_WARType } from '../../../constants';
+import { BUY_BUTTON_LABELSType, BUY_PACKAGEType, FREIGHT_CALCULATIONType, ICONSType, MAIN_IMAGEType, PLP_GRID_SCROLL_BACKType, PLP_INFINITE_SCROLLType, PLP_SHOW_VIDEO_ON_PRODUCT_CARDType, 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 { ProductType_PDC, HasVariant, ProductNode_PDC } from '../../../global/product';
 
 export interface SelectedItemType {
@@ -44,7 +44,7 @@ export interface BuyPackageProps {
         PRODUCT_CARD_TOP_WISHLIST_TOGGLE: PRODUCT_CARD_TOP_WISHLIST_TOGGLEType;
         PRODUCT_IMAGE_DIMENSIONS: PRODUCT_IMAGE_DIMENSIONSType;
         SECOND_IMAGE: SECOND_IMAGEType;
-        StoreConfig_MainSellerId: StoreConfig_MainSellerIdType;
+        StoreConfig_MainSellerId: StoreConfigType['mainSeller']['id'];
         TEXTURE_IMAGE: TEXTURE_IMAGEType;
         Z_INDEX_WAR: Z_INDEX_WARType;
     };

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

@@ -2,7 +2,7 @@ import { SolidVariantsType, VariantsType } from '@soma-vertical-web/core-compone
 import { ComponentType, PropsWithChildren, ReactNode, RefObject } from 'react';
 import { HeaderCategories, HeaderNavLinks } from '../../../cms/ContentTypes/Header';
 import { AddToCartProviderProps } from '../../team-components/AddToCart';
-import { ALIGNMENT_MENUType, COMPONENT_LISTType, ICONSType, MENU_MOB_BTN_SIDEType, MENU_INFOType, MENU_NAVIGATION_BAR_ALLOWEDType, Z_INDEX_WARType } from '../../../constants';
+import { ALIGNMENT_MENUType, COMPONENT_LISTType, ICONSType, MENU_MOB_BTN_SIDEType, MENU_INFOType, MENU_NAVIGATION_BAR_ALLOWEDType, Z_INDEX_WARType, StoreConfigType } from '../../../constants';
 import { DataSubmenu } from '../../../cms/Sections/HeaderSubmenu';
 
 export type HeaderPositionsType = 'absolute' | 'relative';
@@ -23,6 +23,8 @@ export interface HeaderContextProps extends HeaderProviderProps {
     structureRef: RefObject<HTMLDivElement | null>;
     rootRef: RefObject<HTMLDivElement | null>;
     tipbarRef: RefObject<HTMLDivElement | null>;
+    userMenuMobileRef: RefObject<HTMLButtonElement | null>;
+    userMenuDesktopRef: RefObject<HTMLButtonElement | null>;
 }
 export interface HeaderProviderProps extends PropsWithChildren {
     headerData: {
@@ -34,6 +36,7 @@ export interface HeaderProviderProps extends PropsWithChildren {
         subMenus: DataSubmenu[];
     };
     CONSTANTS: HEADER_CONSTANTS;
+    storeConfig: StoreConfigType;
 }
 export type HeaderScrollBehaviorType = {
     [key1 in 'desktop' | 'mobile']: {
@@ -53,12 +56,10 @@ export type HeaderConfigsType = {
 };
 export type HeaderContainerProps = {
     miniCart: ReactNode;
-    UserMenu: ComponentType<any>;
     SearchModal: ComponentType<any>;
     tipBar?: ReactNode;
 };
 export type HeaderWrappersProps = {
-    UserMenu: ComponentType<any>;
     SearchModal: ComponentType<any>;
 };
 export {};

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

@@ -3,7 +3,7 @@ import { ComponentType, Dispatch, HTMLAttributes, PropsWithChildren, RefObject,
 import { TagProps } from '@soma-vertical-web/core-components/src/lib/Tag/interfaces';
 import { HasVariant, ProductType_PDC } from '../../../global/product';
 import { TagCommercialConsumer } from '../../../cms/ContentTypes/FlagsAndTags';
-import { BUY_BUTTON_LABELSType, PLP_INFINITE_SCROLLType, MAIN_IMAGEType, PLP_GRID_SCROLL_BACKType, PLP_SHOW_VIDEO_ON_PRODUCT_CARDType, PRODUCT_CARD_IMAGE_ASPECT_RATIOType, PRODUCT_CARD_TEXTSType, PRODUCT_CARD_TOP_WISHLIST_TOGGLEType, PRODUCT_IMAGE_DIMENSIONSType, SECOND_IMAGEType, TEXTURE_IMAGEType, Z_INDEX_WARType, StoreConfig_MainSellerIdType } from '../../../constants';
+import { BUY_BUTTON_LABELSType, PLP_INFINITE_SCROLLType, MAIN_IMAGEType, PLP_GRID_SCROLL_BACKType, PLP_SHOW_VIDEO_ON_PRODUCT_CARDType, PRODUCT_CARD_IMAGE_ASPECT_RATIOType, PRODUCT_CARD_TEXTSType, PRODUCT_CARD_TOP_WISHLIST_TOGGLEType, PRODUCT_IMAGE_DIMENSIONSType, SECOND_IMAGEType, TEXTURE_IMAGEType, Z_INDEX_WARType, StoreConfigType } from '../../../constants';
 import { SizeSkuItemProps, StyleSelectorProps } from './Selectors';
 
 /**
@@ -30,7 +30,7 @@ export interface RootProps extends HTMLAttributes<HTMLDivElement> {
         SECOND_IMAGE: SECOND_IMAGEType;
         TEXTURE_IMAGE: TEXTURE_IMAGEType;
         Z_INDEX_WAR: Z_INDEX_WARType;
-        StoreConfig_MainSellerId: StoreConfig_MainSellerIdType;
+        StoreConfig_MainSellerId: StoreConfigType['mainSeller']['id'];
     };
     WishListToggle: ComponentType<any>;
 }
@@ -54,6 +54,9 @@ export interface ProductCardMediaProps extends HTMLAttributes<HTMLDivElement> {
     hasPriority?: boolean;
     showVideo?: boolean;
 }
+export type ProductNode = {
+    node: ProductCardProps;
+};
 export interface HeaderProps extends HTMLAttributes<HTMLDivElement> {
     product: ProductType_PDC;
     tag?: TagCommercialConsumer;

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

@@ -0,0 +1,52 @@
+import { Dispatch, HTMLAttributes, MutableRefObject, ReactNode, SetStateAction } from 'react';
+import { ICONSType, StoreConfigType, Z_INDEX_WARType } from '../../../constants';
+
+export interface UserMenu_RootProps extends HTMLAttributes<HTMLDivElement> {
+    Z_INDEX_WAR: Z_INDEX_WARType;
+    component?: ReactNode;
+    isOpen: boolean;
+    setIsOpen: (value: boolean) => void;
+    isMobile?: boolean | null;
+    target?: HTMLButtonElement | null;
+}
+export interface UserMenuContextProps extends Omit<UserMenu_RootProps, 'Z_INDEX_WAR'> {
+    setIsLeaving: Dispatch<SetStateAction<boolean>>;
+    isOpen: boolean;
+    setIsOpen: (value: boolean) => void;
+    isMobile?: boolean | null;
+    contentRef?: MutableRefObject<HTMLDivElement | null>;
+    isLeaving: boolean;
+    left?: number;
+    top?: number;
+}
+export interface UserMenuProviderProps extends Omit<UserMenu_RootProps, 'Z_INDEX_WAR'> {
+    delay?: number;
+    gap?: number;
+}
+export type LOGIN_MENU_OPTIONS_ARRAYProps = {
+    ICONS: ICONSType;
+    storeConfig: StoreConfigType;
+};
+export interface UserMenu_MenuProps extends HTMLAttributes<HTMLDivElement> {
+    ICONS: ICONSType;
+    storeConfig: StoreConfigType;
+    onLogoutClick: () => void;
+    isLogged?: boolean;
+}
+export interface UserMenu_ModalProps extends HTMLAttributes<HTMLDivElement> {
+    Z_INDEX_WAR: Z_INDEX_WARType;
+    isMobile?: boolean;
+}
+export interface UserMenu_TooltipProps extends HTMLAttributes<HTMLDivElement> {
+    component: ReactNode;
+    Z_INDEX_WAR: Z_INDEX_WARType;
+}
+export declare enum CreditTypeEnum {
+    Account = "account"
+}
+export interface CreditsProps extends HTMLAttributes<HTMLDivElement> {
+    cashBack: number;
+    credits: number;
+    link?: string;
+    total: number;
+}