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

package/types/constants.d.ts

@@ -12,6 +12,7 @@ export interface CrossSellingFacet {
  * TODO: remove 'textarea-size' from InputSizes in core-compoennts
  */
 export type InputSizes = Exclude<Size, 'textarea-size'>;
+export type ACCESSIBILITY_INFOType = boolean;
 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;
@@ -31,6 +32,8 @@ 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 CURRENCYType = string;
+export type DELIVERY_INFO_BOXES_ALLOWEDType = boolean;
 export type EXTENDED_BLOCK_RENDER_MAPType = Immutable.Map<any, any>;
 export type FREIGHT_CALCULATIONType = {
     messages: {
@@ -98,6 +101,42 @@ export type MINICART_CONFIGType = {
     };
 };
 export type NAME_SPLIT_SYMBOLType = string;
+export type NEWSLETTER_CONFIGSType = {
+    messages: {
+        success_title: string;
+        success_description: string;
+        invalid_name: string;
+        invalid_email: string;
+        invalid_generic: string;
+        required_field: string;
+        error: string;
+        accept_terms_and_conditions: string;
+        terms_and_conditions_not_accepted: string;
+        lgpd: string;
+        notify: string;
+    };
+    inputNamePlaceholder: string;
+    inputEmailPlaceholder: string;
+    submitLabel: string;
+    hasTermsAndConditions: boolean;
+    hasLoadingState: boolean;
+    interactionSizeDesk: string;
+    interactionSizeMob: string;
+    form: {
+        status: {
+            error: string;
+        };
+    };
+};
+export type NOTIFY_INFOType = {
+    title: string;
+    subtitle: string;
+    description: string;
+    legal: string;
+    selector_label: string;
+    email_placeholder: string;
+    button: string;
+};
 export type OBJECT_FITS_DEFAULTType = (typeof ObjectFitsDefault)[number];
 export type PAYMENT_FLAGS_DICTIONARYType = Record<string, string>;
 export type PAYMENT_FLAGSType = any;
@@ -147,14 +186,40 @@ export type PRODUCT_CARD_TEXTSType = {
     };
 };
 export type PRODUCT_CARD_TOP_WISHLIST_TOGGLEType = boolean;
-export type PRODUCT_IMAGE_DIMENSIONSType = Record<string, {
-    width: number;
-    height: number;
-} | Record<string, {
-    width: number;
-    height: number;
-}>>;
+export type PRODUCT_IMAGE_DIMENSIONSType = {
+    product_card: {
+        width: number;
+        height: number;
+    };
+    pdp: {
+        width: number;
+        height: number;
+    };
+    image_zoom: {
+        desktop: {
+            width: number;
+            height: number;
+        };
+        mobile: {
+            width: number;
+            height: number;
+        };
+    };
+};
+export type QUICKSHOPType = {
+    title: string;
+};
 export type SECOND_IMAGEType = string;
+export type MEASUREMENTS_SIZESType = {
+    bannerImage: string;
+    title: string;
+    descriptions: {
+        title: string;
+        text: string;
+    }[];
+    head: string[];
+    rows: string[][];
+};
 export type TEXTURE_IMAGEType = string[];
 export type TIME_ZONEType = string;
 export type TIPBAR_CONFIGSType = {

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/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/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 {};