@soma-vertical-web/multi-lib 0.0.20 → 0.0.22

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

@@ -1,3 +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 { ProductType_PDC, HasVariant, ProductNode_PDC } from '../../../global/product';
 
 export interface SelectedItemType {
@@ -22,10 +23,32 @@ export interface CarouselPagination {
     currentPage: number | undefined;
     totalPages: number | undefined;
 }
+/**
+ * TODO: remover wishlist comp as props
+ */
 export interface BuyPackageProps {
     inView: boolean;
     products: ProductNode_PDC[];
     innerRef: (node?: Element | null) => void;
+    CONSTANTS: {
+        BUY_BUTTON_LABELS: BUY_BUTTON_LABELSType;
+        BUY_PACKAGE: BUY_PACKAGEType;
+        FREIGHT_CALCULATION: FREIGHT_CALCULATIONType;
+        ICONS: ICONSType;
+        MAIN_IMAGE: MAIN_IMAGEType;
+        PLP_GRID_SCROLL_BACK: PLP_GRID_SCROLL_BACKType;
+        PLP_INFINITE_SCROLL: PLP_INFINITE_SCROLLType;
+        PLP_SHOW_VIDEO_ON_PRODUCT_CARD: PLP_SHOW_VIDEO_ON_PRODUCT_CARDType;
+        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;
+        SECOND_IMAGE: SECOND_IMAGEType;
+        StoreConfig_MainSellerId: StoreConfig_MainSellerIdType;
+        TEXTURE_IMAGE: TEXTURE_IMAGEType;
+        Z_INDEX_WAR: Z_INDEX_WARType;
+    };
+    WishListToggle: React.ComponentType<any>;
 }
 export interface BuyPackageProductCardProps {
     item: ProductType_PDC;
@@ -48,4 +71,10 @@ export interface SkuSelectionType {
 }
 export interface HandleSelectedProductsType extends SkuSelectionType {
     prevState: SelectedCompleteLookItems;
+    mainSellerId: string;
+}
+export interface GroupCartProps {
+    selectedProducts: SelectedCompleteLookItems;
+    CONSTANTS: Pick<BuyPackageProps['CONSTANTS'], 'BUY_PACKAGE' | 'FREIGHT_CALCULATION' | 'BUY_BUTTON_LABELS'>;
+    handleAddAllToCart: () => void;
 }

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

@@ -9,7 +9,7 @@ export interface ProductSize {
 }
 export interface ImageProp {
     url: string;
-    alternateName?: string;
+    alternateName: string;
 }
 export interface SizeSkuItemProps {
     active: boolean;
@@ -41,7 +41,7 @@ export interface StyleSelectorSimilarProps extends HTMLAttributes<HTMLDivElement
 export interface StyleSelectorProps extends HTMLAttributes<HTMLDivElement> {
     callback?(value?: string): void;
     data?: SimilarType[];
-    findTexture?: string;
+    findTexture?: string[];
     images?: ImageProp[];
     isKit?: boolean;
 }

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 } 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, StoreConfig_MainSellerIdType } 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: string;
+        StoreConfig_MainSellerId: StoreConfig_MainSellerIdType;
     };
     WishListToggle: ComponentType<any>;
 }

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

@@ -0,0 +1,8 @@
+import { TimerProps } from '@soma-vertical-web/core-components/src/lib/Timer/interfaces';
+import { TIME_ZONEType } from '../../../constants';
+
+export type TeamTimerProps = TimerProps & {
+    dateEnd: Date;
+    dateInit?: Date;
+    TIME_ZONE: TIME_ZONEType;
+};

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

@@ -0,0 +1,57 @@
+import { TimerProps } from '@soma-vertical-web/core-components/src/lib/Timer/interfaces';
+import { ITipbarContent } from '../../../cms/ContentTypes/Tipbar';
+import { ICONSType, TIME_ZONEType, TIPBAR_CONFIGSType, Z_INDEX_WARType } from '../../../constants';
+import { HTMLAttributes } from 'react';
+import { ButtonProps } from '@soma-vertical-web/core-components/src/lib/Button/interfaces';
+import { TextStructureWrapperProps } from '@soma-vertical-web/core-components/src/lib/TextStructure/interfaces';
+import { Mode } from '@soma-vertical-web/foundations';
+
+export type ModeType = (typeof Mode)[number];
+export interface TipBarProps {
+    data: ITipbarContent;
+    CONSTANTS: {
+        ICONS: ICONSType;
+        TIME_ZONE: TIME_ZONEType;
+        TIPBAR_CONFIGS: TIPBAR_CONFIGSType;
+        Z_INDEX_WAR: Z_INDEX_WARType;
+    };
+}
+export type CountDownProps = TimerProps & {
+    dateEnd: Date;
+    dateInit?: Date;
+};
+export type StaticConfigsType = {
+    slideTranstionTimer?: number;
+    showCarouselArrows?: boolean;
+    hasCloseBtn?: boolean;
+    backgroundColor?: string;
+    textColorVariant?: string;
+};
+export interface WrapperProps extends HTMLAttributes<HTMLDivElement> {
+    carousel?: boolean;
+    highlightFirstSection?: boolean;
+    horizontalAlignHighlightedSection?: 'start' | 'center' | 'end';
+}
+export interface ItemProps extends HTMLAttributes<HTMLDivElement> {
+    highlightFirstSection?: boolean;
+}
+export interface FieldsScreeningProps {
+    staticZone: any;
+    type: string;
+    title?: string;
+    description?: string;
+}
+export interface CouponProps extends ButtonProps {
+    coupon: string;
+    feedbackTitle?: string;
+    feedbackDescription?: string;
+}
+export interface TextContentProps extends TextStructureWrapperProps {
+    title?: string;
+    description?: string;
+}
+export interface CloseButtonProps {
+    mode?: ModeType;
+    showCarouselArrows?: boolean;
+    handleCloseTipbar: () => void;
+}

package/types/layout/utils/index.d.ts

@@ -1,5 +1,10 @@
-import { HTMLAttributes, PropsWithChildren } from 'react';
+import { StructureProps, ContentProps } from '@soma-vertical-web/core-components/src/lib/SnackBar/interfaces';
+import { HTMLAttributes, PropsWithChildren, ReactNode } from 'react';
 import { SendDatalayerEventType } from '../../data/events';
+import { ICONSType, Z_INDEX_WARType } from '../../constants';
+import { RootProps } from '../team-components/ProductCard';
+import { ProductListCardProps } from '../team-components/ProductList';
+import { ProductType_PDC } from '../../global/product';
 
 export interface ObserverProps extends HTMLAttributes<HTMLDivElement> {
     observerOptions?: {
@@ -17,3 +22,20 @@ export interface ExternalScriptsProps extends PropsWithChildren {
         siteId: string;
     };
 }
+export interface SnackBarComponentProps extends StructureProps {
+    Z_INDEX_WAR: Z_INDEX_WARType;
+    subtitle?: string;
+    adornment?: ContentProps['adornment'];
+    supportChildren?: ReactNode;
+}
+export interface CardProps extends ProductListCardProps, Pick<RootProps, 'size' | 'shelfTitle' | 'CONSTANTS' | 'WishListToggle'> {
+    onSkuSelection?: (sku: ProductType_PDC | null, skuList?: ProductType_PDC[]) => void;
+}
+export interface ShelfProps extends PropsWithChildren {
+    title?: string;
+    itemsPerPage: {
+        desktop: number;
+        mobile: number;
+    };
+    ICONS: ICONSType;
+}