@soma-vertical-web/multi-lib 0.0.60 → 0.0.62

package/types/contexts/contexts/pdp.d.ts

@@ -1,24 +1,14 @@
-import { ProductInfoProps } from '@soma-vertical-web/core-components/src/lib/ProductInfo/interfaces';
 import { PropsWithChildren } from 'react';
-import { Sizes as BtnSizes } from '@soma-vertical-web/core-components/src/lib/Button/interfaces';
 import { ImageType, ProductType_PDP } from '../../global/product';
 import { TagCommercialConsumer } from '../../cms/ContentTypes/FlagsAndTags';
 import { UseBackPDCProps } from '../hooks';
 import { PDP_INFOType, NAME_SPLIT_SYMBOLType, TEXTURE_IMAGEType } from '../../constants';
 
-export type SimilarsType = {
-    currentSimilarInfo: {
-        images: ImageType[];
-        color: string[];
-    };
-    productId: string;
-};
 export interface PDPContextProps {
     sizesContainerRef: React.MutableRefObject<HTMLDivElement | null>;
 }
 export interface PDPProviderProps extends PropsWithChildren, UseBackPDCProps {
 }
-export type PDPPriceProps = ProductInfoProps;
 export type Installments = {
     count: number;
     value: number;
@@ -28,11 +18,6 @@ export type PricesInfos = {
     listPrice: number;
     installments: Installments;
 };
-export type DescriptionContent = {
-    label: string;
-    value: string;
-    content: string | TrustedHTML;
-}[];
 export type Sizes = {
     name: string;
     sku: string;
@@ -41,6 +26,11 @@ export type Sizes = {
     sellerId: string;
     sellerName: string;
 }[];
+export type DescriptionContent = {
+    label: string;
+    value: string;
+    content: string | TrustedHTML;
+}[];
 export type PDPDataContextProps = {
     productData: ProductType_PDP;
     productId: string;
@@ -77,37 +67,6 @@ export type PDPDataContextProps = {
         size?: string;
     }) => void;
 };
-export interface SubSectionProps extends PropsWithChildren {
-    className?: string;
-}
-export interface GalleryWrapperProps {
-    productImgs: ImageType[];
-    PRODUCT_IMAGE_DIMENSIONS: any;
-    ImageZoom: React.ComponentType<any>;
-}
-export interface PDPActionsProps {
-    showWishlist?: boolean;
-    callBack?: Function;
-    addToCartBtnSize?: {
-        mobile: BtnSizes;
-        desktop: BtnSizes;
-    };
-}
-export interface AddToCartProps {
-    addToCartBtnSize?: {
-        mobile: BtnSizes;
-        desktop: BtnSizes;
-    };
-    onAddCallBack?: Function;
-    onDisabledClickCallBack?: Function;
-}
-export interface BottomNavigationProps {
-    addToCartBtnSize?: {
-        mobile: BtnSizes;
-        desktop: BtnSizes;
-    };
-}
-export type BottomNavigationActionsProps = BottomNavigationProps;
 export interface PDPDataProviderProps extends PropsWithChildren {
     productData: ProductType_PDP;
     isKit: boolean;

package/types/data/helpers/index.d.ts

@@ -1,5 +1,5 @@
 import { ImageType, ItemType_PDP } from '../../global/product';
-import { MAIN_IMAGEType, NAME_SPLIT_SYMBOLType, SECOND_IMAGEType, TEXTURE_IMAGEType } from '../../constants';
+import { MAIN_IMAGEType, NAME_SPLIT_SYMBOLType, PLP_SIZE_ORDERType, SECOND_IMAGEType, TEXTURE_IMAGEType } from '../../constants';
 import { ProductCardProps } from '../../layout/team-components/ProductCard';
 
 export type GetSkuInfosProps = {
@@ -35,3 +35,8 @@ export type GetThumbImageProps = {
     images: ImageType[];
     TEXTURE_IMAGE: TEXTURE_IMAGEType;
 };
+export type OrderSizesProps = {
+    items: any[];
+    getLabel: (item: any) => string;
+    PLP_SIZE_ORDER: PLP_SIZE_ORDERType;
+};

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

@@ -64,8 +64,9 @@ export type HeaderConfigsType = {
     home_default_position: HeaderPositionsType;
     logo_svg?: string;
 };
-export type HeaderContainerProps = {
+export interface HeaderContainerProps {
     tipBar?: ReactNode;
     minicartStyleModifiers?: string;
-};
+    menuV2?: ReactNode;
+}
 export {};

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

@@ -1,6 +1,8 @@
 import { ButtonProps } from '@soma-vertical-web/core-components/src/lib/Button/interfaces';
 import { ImageType } from '../../../global/product';
-import { ButtonHTMLAttributes, HTMLAttributes, ReactNode } from 'react';
+import { ButtonHTMLAttributes, Dispatch, HTMLAttributes, PropsWithChildren, ReactNode, RefObject, SetStateAction } from 'react';
+import { ICONSType, PRODUCT_IMAGE_DIMENSIONSType, Z_INDEX_WARType } from '../../../constants';
+import { QuickShopProps } from '../../templates/QuickShop/index';
 
 interface CommonProps {
     images: ImageType[];
@@ -8,30 +10,61 @@ interface CommonProps {
     onThumbnailClick: (index: number) => void;
 }
 export interface ImageDesktopProps extends CommonProps {
+    PRODUCT_IMAGE_DIMENSIONS: PRODUCT_IMAGE_DIMENSIONSType;
 }
 export interface ImageZoomProps extends CommonProps {
     handleClose: () => void;
     isDesktopOpen: boolean;
     isMobileOpen: boolean;
 }
-export interface ImagesThumbsProps extends CommonProps {
+export interface ImageMobileProps {
+    imgRef: RefObject<HTMLImageElement>;
+    image: ImageZoomMobileProps['images'][0];
+    PRODUCT_IMAGE_DIMENSIONS: PRODUCT_IMAGE_DIMENSIONSType;
 }
-export interface ImageMobileProps extends HTMLAttributes<HTMLDivElement> {
+export type ImagesThumbsProps = CommonProps;
+export interface ImageZoomMobileProps extends HTMLAttributes<HTMLDivElement> {
     images: ImageType[];
     items_per_page?: number;
     gap?: number;
     loop?: boolean;
     direction?: 'horizontal' | 'vertical';
+    ICONS: ICONSType;
+    PRODUCT_IMAGE_DIMENSIONS: PRODUCT_IMAGE_DIMENSIONSType;
 }
 export interface MobileWrapperProps extends HTMLAttributes<HTMLDivElement> {
+    Z_INDEX_WAR: Z_INDEX_WARType;
 }
 export interface ButtonCloseProps extends ButtonProps {
     onClose: () => void;
     btnAdornment?: {
         buttonClosed: ReactNode;
     };
+    ICONS: ICONSType;
 }
 export interface ShopBagProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     skuSelectModal: () => void;
 }
+export interface ImageZoomRootProps extends Omit<QuickShopProps, 'callBackProductAdded'> {
+    images: ImageType[];
+    initialSelectedImageIndex?: number;
+    setShowImageZoom: Dispatch<SetStateAction<{
+        show: boolean;
+        initialIndex: number;
+    }>>;
+    PRODUCT_IMAGE_DIMENSIONS: PRODUCT_IMAGE_DIMENSIONSType;
+}
+export type BlurImageProps = {
+    image: ImageType;
+};
+export interface WrapperDesktopProps extends PropsWithChildren {
+    Z_INDEX_WAR: Z_INDEX_WARType;
+}
+export type CarouselProps = {
+    images: ImageZoomMobileProps['images'];
+    setCurrent: Dispatch<SetStateAction<number>>;
+    setFirstImgLoaded: Dispatch<SetStateAction<boolean>>;
+    ICONS: ICONSType;
+    PRODUCT_IMAGE_DIMENSIONS: PRODUCT_IMAGE_DIMENSIONSType;
+};
 export {};

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

@@ -1,4 +1,5 @@
 import { Dispatch, HTMLAttributes, SetStateAction } from 'react';
+import { ICONSType, NEWSLETTER_CONFIGSType, NOTIFY_INFOType, PRODUCT_CARD_TEXTSType, Z_INDEX_WARType } from '../../../constants';
 
 export type SKU = {
     disable: boolean;
@@ -11,10 +12,13 @@ export interface FormProps extends HTMLAttributes<HTMLDivElement> {
     setStatus: Dispatch<SetStateAction<boolean | null>>;
     setIsLoading: Dispatch<SetStateAction<boolean>>;
     color?: string;
+    NEWSLETTER_CONFIGS: NEWSLETTER_CONFIGSType;
+    NOTIFY_INFO: NOTIFY_INFOType;
 }
 export interface StatusProps {
-    delay?: number;
     status: boolean | null;
+    ICONS: ICONSType;
+    PRODUCT_CARD_TEXTS: PRODUCT_CARD_TEXTSType;
 }
 export interface SelectorProps extends HTMLAttributes<HTMLDivElement> {
     label?: string;
@@ -25,8 +29,24 @@ export interface SelectorProps extends HTMLAttributes<HTMLDivElement> {
 export interface AvailabilityNotifyProps {
     open?: boolean;
     setSku: Dispatch<SetStateAction<SKU | null>>;
-    setVisible: Dispatch<SetStateAction<boolean>>;
+    setVisible: (value: boolean) => void;
     sku: SKU | null;
     skus: SKU[];
     color?: string;
+    ICONS: ICONSType;
+    NEWSLETTER_CONFIGS: NEWSLETTER_CONFIGSType;
+    NOTIFY_INFO: NOTIFY_INFOType;
+    PRODUCT_CARD_TEXTS: PRODUCT_CARD_TEXTSType;
+    Z_INDEX_WAR: Z_INDEX_WARType;
 }
+export type ControlProps = {
+    isMobile?: boolean;
+    ICONS: ICONSType;
+    NOTIFY_INFO: NOTIFY_INFOType;
+};
+export type ItemProps = {
+    icon: string;
+    subtitle: string;
+    title: string;
+    type: 'success' | 'error';
+};

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

@@ -0,0 +1,22 @@
+import { PropsWithChildren, ReactElement } from 'react';
+
+export type ITableHead = Array<string | ReactElement>;
+export type ITableRows = Array<(string | ReactElement)[]>;
+export interface ITable {
+    head: ITableHead;
+    rows: ITableRows;
+}
+export type HeadProps = {
+    className?: string;
+    head: ITableHead;
+};
+export interface RootProps extends PropsWithChildren {
+    className?: string;
+}
+export interface CellArea {
+    text: string;
+}
+export type RowsProps = {
+    className?: string;
+    rows: ITableRows;
+};

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

@@ -1,7 +1,147 @@
-import { PRODUCT_IMAGE_DIMENSIONSType, TEXTURE_IMAGEType } from '../../../constants';
+import { BUY_BUTTON_LABELSType, CURRENCYType, DELIVERY_INFO_BOXES_ALLOWEDType, FREIGHT_CALCULATIONType, ICONSType, MEASUREMENTS_SIZESType, NEWSLETTER_CONFIGSType, NOTIFY_INFOType, PDP_INFOType, PLP_SIZE_ORDERType, PRODUCT_CARD_TEXTSType, PRODUCT_IMAGE_DIMENSIONSType, TEXTURE_IMAGEType, TOGGLE_STYLE_MODIFIERType, Z_INDEX_WARType } from '../../../constants';
+import { Sizes as BtnSizes } from '@soma-vertical-web/core-components/src/lib/Button/interfaces';
+import { ProductInfoProps } from '@soma-vertical-web/core-components/src/lib/ProductInfo/interfaces';
+import { Dispatch, HTMLAttributes, PropsWithChildren, SetStateAction } from 'react';
+import { ImageType } from '../../../global/product';
+import { SimilarType } from '../../../../types/data/api/catalog/product';
+import { ImageZoomRootProps } from '../../team-components/ImageZoom';
 
-export type GalleryProps = {
-    TEXTURE_IMAGE: TEXTURE_IMAGEType;
+export type BreadCrumbProps = {
+    className?: string;
+    ICONS: ICONSType;
+    device: 'mobile' | 'desktop';
+};
+export type CreditsProps = {
+    className?: string;
+};
+export type SimilarsType = {
+    currentSimilarInfo: {
+        images: ImageType[];
+        color: string[];
+    };
+    productId: string;
+};
+type SelectedSkuInfoType = {
+    productId: string;
+    name: string;
+    size: string;
+    sku: string;
+    sellerId: string;
+    sellerName: string;
+    available: boolean;
+    quantity: number;
+};
+export interface PDPContextProps {
+    selectedSkuInfo: SelectedSkuInfoType;
+    setSelectedSkuInfo: Dispatch<SetStateAction<SelectedSkuInfoType>>;
+    openLetMeKnow: boolean;
+    setOpenLetMeKnow: Dispatch<SetStateAction<boolean>>;
+    showBottomNavigation: boolean;
+    setShowBottomNavigation: Dispatch<SetStateAction<boolean>>;
+    handleShowNavigation: (show: boolean) => void;
+    showNotify: boolean;
+    setShowNotify: Dispatch<SetStateAction<boolean>>;
+    sizesContainerRef: React.MutableRefObject<HTMLDivElement | null>;
+    openMeasurements: boolean;
+    setOpenMeasurements: Dispatch<SetStateAction<boolean>>;
+}
+export type PDPPriceProps = ProductInfoProps;
+export type Installments = {
+    count: number;
+    value: number;
+};
+export type PricesInfos = {
+    price: number;
+    listPrice: number;
+    installments: Installments;
+};
+export interface SubSectionProps extends PropsWithChildren {
+    className?: string;
+    type: 'product-info' | 'similars' | 'sizes' | 'actions';
+}
+export interface GalleryWrapperProps extends Omit<ImageZoomRootProps, 'images' | 'setShowImageZoom' | 'initialSelectedImageIndex'> {
+    productImgs: ImageType[];
     PRODUCT_IMAGE_DIMENSIONS: PRODUCT_IMAGE_DIMENSIONSType;
-    ImageZoom: React.ComponentType<any>;
+}
+export type GalleryProps = Omit<GalleryWrapperProps, 'productImgs'>;
+export interface PDPActionsProps {
+    showWishlist?: boolean;
+    callBack?: Function;
+    addToCartBtnSize?: {
+        mobile: BtnSizes;
+        desktop: BtnSizes;
+    };
+    BUY_BUTTON_LABELS: BUY_BUTTON_LABELSType;
+    ICONS: ICONSType;
+    Z_INDEX_WAR: Z_INDEX_WARType;
+}
+export interface AddToCartProps {
+    addToCartBtnSize?: {
+        mobile: BtnSizes;
+        desktop: BtnSizes;
+    };
+    onAddCallBack?: Function;
+    onDisabledClickCallBack?: Function;
+    BUY_BUTTON_LABELS: BUY_BUTTON_LABELSType;
+}
+export type AddToWishlistProps = {
+    ICONS: ICONSType;
+};
+export interface BottomNavigationProps {
+    addToCartBtnSize?: {
+        mobile: BtnSizes;
+        desktop: BtnSizes;
+    };
+    BUY_BUTTON_LABELS: BUY_BUTTON_LABELSType;
+    Z_INDEX_WAR: Z_INDEX_WARType;
+}
+export type BottomNavigationActionsProps = Omit<BottomNavigationProps, 'Z_INDEX_WAR'>;
+export type PDPLinksProps = {
+    ICONS: ICONSType;
+    PDP_INFO: PDP_INFOType;
+    className?: string;
+    hasIcons?: boolean;
+};
+export type DescriptionProps = {
+    title: string;
+    text: string;
+};
+export type ProductMeasurementsProps = {
+    ICONS: ICONSType;
+    SIZES: MEASUREMENTS_SIZESType;
+    Z_INDEX_WAR: Z_INDEX_WARType;
+};
+export interface PDPSimilarsType extends PropsWithChildren {
+    apiUrl: string;
+    productId: string;
+    ClientItems: React.ComponentType<ItemsProps>;
+    PDP_INFO: PDP_INFOType;
+    TEXTURE_IMAGE: TEXTURE_IMAGEType;
+    TOGGLE_STYLE_MODIFIER: TOGGLE_STYLE_MODIFIERType;
+}
+export type ItemsProps = {
+    productId: string;
+    similars: SimilarType[];
+    TOGGLE_STYLE_MODIFIER: TOGGLE_STYLE_MODIFIERType;
+};
+export interface ToggleWrapperProps extends PropsWithChildren {
+    link: string | null;
+    TOGGLE_STYLE_MODIFIER: TOGGLE_STYLE_MODIFIERType;
+}
+export type PDPSizesProps = {
+    ICONS: ICONSType;
+    NEWSLETTER_CONFIGS: NEWSLETTER_CONFIGSType;
+    NOTIFY_INFO: NOTIFY_INFOType;
+    PDP_INFO: PDP_INFOType;
+    PLP_SIZE_ORDER: PLP_SIZE_ORDERType;
+    PRODUCT_CARD_TEXTS: PRODUCT_CARD_TEXTSType;
+    Z_INDEX_WAR: Z_INDEX_WARType;
+};
+export type FreightProps = {
+    CURRENCY: CURRENCYType;
+    DELIVERY_INFO_BOXES_ALLOWED: DELIVERY_INFO_BOXES_ALLOWEDType;
+    FREIGHT_CALCULATION: FREIGHT_CALCULATIONType;
+    Z_INDEX_WAR: Z_INDEX_WARType;
 };
+export type PDPCommonContainerProps = HTMLAttributes<HTMLDivElement>;
+export {};

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

@@ -0,0 +1,21 @@
+import { BUY_BUTTON_LABELSType, ICONSType, QUICKSHOPType, TEXTURE_IMAGEType, TOGGLE_STYLE_MODIFIERType } from '../../../constants';
+import { PDPSizesProps } from '../PDP';
+
+export type SimilarsProps = {
+    TEXTURE_IMAGE: TEXTURE_IMAGEType;
+    TOGGLE_STYLE_MODIFIER: TOGGLE_STYLE_MODIFIERType;
+};
+export interface BodyProps extends PDPSizesProps, SimilarsProps {
+    callBackProductAdded?: Function;
+    BUY_BUTTON_LABELS: BUY_BUTTON_LABELSType;
+}
+export interface QuickShopProps extends BodyProps {
+    QUICKSHOP: QUICKSHOPType;
+    TEXTURE_IMAGE: TEXTURE_IMAGEType;
+    TOGGLE_STYLE_MODIFIER: TOGGLE_STYLE_MODIFIERType;
+}
+export interface QuickShopHeaderProps {
+    headerTitle: string;
+    isMobile?: boolean;
+    ICONS: ICONSType;
+}