@soma-vertical-web/multi-lib 0.0.59 → 0.0.61
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/data/helpers/product/orderSizes.d.ts +3 -0
- package/index-ASRiF3PD.js +1 -0
- package/index-BRfMTuMz.mjs +405 -0
- package/index-BzNV29ol.mjs +402 -0
- package/index-C5zOWvXN.js +1 -0
- package/index-CbOiLJQX.mjs +403 -0
- package/index-CiBRnp7U.js +1 -0
- package/index-D3ONVIla.mjs +412 -0
- package/index-DJR4CcKO.mjs +398 -0
- package/index-D__YfUie.js +1 -0
- package/index-drKDwA8_.js +1 -0
- package/index.js +9 -9
- package/index.mjs +1349 -1367
- package/layout/index.d.ts +1 -1
- package/layout/team-component/Header/index.d.ts +1 -1
- package/layout/team-component/ImageZoom/Composite/ButtonClose.d.ts +4 -0
- package/layout/team-component/ImageZoom/Composite/Common/BlurImage.d.ts +3 -0
- package/layout/team-component/ImageZoom/Composite/Desktop/ImageDesktop.d.ts +5 -0
- package/layout/team-component/ImageZoom/Composite/Desktop/ImagesThumbs.d.ts +5 -0
- package/layout/team-component/ImageZoom/Composite/Desktop/WrapperDesktop.d.ts +4 -0
- package/layout/team-component/ImageZoom/Composite/Mobile/Carousel.d.ts +7 -0
- package/layout/team-component/ImageZoom/Composite/Mobile/ImageMobile.d.ts +7 -0
- package/layout/team-component/ImageZoom/Composite/Mobile/ImageZoom.d.ts +7 -0
- package/layout/team-component/ImageZoom/Composite/Mobile/WrapperMobile.d.ts +4 -0
- package/layout/team-component/ImageZoom/Composite/Mobile/ZoomPopup.d.ts +7 -0
- package/layout/team-component/ImageZoom/ImageZoom.d.ts +7 -0
- package/layout/team-component/ImageZoom/index.d.ts +1 -0
- package/layout/team-component/Notify/Composite/Controls.d.ts +7 -0
- package/layout/team-component/Notify/Composite/Form.d.ts +7 -0
- package/layout/team-component/Notify/Composite/Loading.d.ts +7 -0
- package/layout/team-component/Notify/Composite/Selector.d.ts +7 -0
- package/layout/team-component/Notify/Composite/Status.d.ts +7 -0
- package/layout/team-component/Notify/helpers.d.ts +3 -0
- package/layout/team-component/Notify/index.d.ts +7 -0
- package/layout/team-component/Table/Composite/Head.d.ts +4 -0
- package/layout/team-component/Table/Composite/Root.d.ts +4 -0
- package/layout/team-component/Table/Composite/Rows.d.ts +4 -0
- package/layout/team-component/Table/Table.d.ts +6 -0
- package/layout/team-component/Table/index.d.ts +1 -0
- package/layout/template/PDP/Composite/BreadCrumb/index.d.ts +7 -0
- package/layout/template/PDP/Composite/Containers/Gallery.d.ts +3 -0
- package/layout/template/PDP/Composite/Containers/Main.d.ts +3 -0
- package/layout/template/PDP/Composite/Containers/PDP.d.ts +3 -0
- package/layout/template/PDP/Composite/Containers/Secondary.d.ts +3 -0
- package/layout/template/PDP/Composite/Containers/index.d.ts +6 -0
- package/layout/template/PDP/Composite/Credits/index.d.ts +7 -0
- package/layout/template/PDP/Composite/Info/Divider.d.ts +4 -0
- package/layout/template/PDP/Composite/Info/MainContent/Actions/AddToCart.d.ts +4 -0
- package/layout/template/PDP/Composite/Info/MainContent/Actions/AddToCartObserver.d.ts +6 -0
- package/layout/template/PDP/Composite/Info/MainContent/Actions/AddToWishlist.d.ts +4 -0
- package/layout/template/PDP/Composite/Info/MainContent/Actions/index.d.ts +4 -0
- package/layout/template/PDP/Composite/Info/MainContent/BottomNavigation/Actions.d.ts +4 -0
- package/layout/template/PDP/Composite/Info/MainContent/BottomNavigation/index.d.ts +4 -0
- package/layout/template/PDP/Composite/Info/MainContent/Header/index.d.ts +8 -0
- package/layout/template/PDP/Composite/Info/MainContent/Links/index.d.ts +4 -0
- package/layout/template/PDP/Composite/Info/MainContent/Price/index.d.ts +4 -0
- package/layout/template/PDP/Composite/Info/MainContent/ProductMeasurements/index.d.ts +4 -0
- package/layout/template/PDP/Composite/Info/MainContent/Root.d.ts +4 -0
- package/layout/template/PDP/Composite/Info/MainContent/Similars/AccessibilityInfo.d.ts +2 -0
- package/layout/template/PDP/Composite/Info/MainContent/Similars/Items.d.ts +4 -0
- package/layout/template/PDP/Composite/Info/MainContent/Similars/ToggleWrapper.d.ts +4 -0
- package/layout/template/PDP/Composite/Info/MainContent/Similars/index.d.ts +3 -0
- package/layout/template/PDP/Composite/Info/MainContent/Sizes/index.d.ts +4 -0
- package/layout/template/PDP/Composite/Info/MainContent/SubSectionWrapper.d.ts +4 -0
- package/layout/template/PDP/Composite/Info/Root.d.ts +6 -0
- package/layout/template/PDP/Composite/Info/SecondaryContent/DescriptionsTabs.d.ts +2 -0
- package/layout/template/PDP/Composite/Info/SecondaryContent/Freight.d.ts +4 -0
- package/layout/template/QuickShop/Composite/Body.d.ts +4 -0
- package/layout/template/QuickShop/Composite/Header.d.ts +3 -0
- package/layout/template/QuickShop/Composite/Similars.d.ts +7 -0
- package/layout/template/QuickShop/index.d.ts +3 -0
- package/package.json +1 -1
- package/types/constants.d.ts +21 -1
- package/types/contexts/contexts/global.d.ts +1 -0
- package/types/layout/team-components/Header/index.d.ts +3 -2
- package/types/layout/team-components/Table/index.d.ts +22 -0
- package/types/layout/templates/QuickShop/index.d.ts +21 -0
package/layout/index.d.ts
CHANGED
|
@@ -4,7 +4,7 @@ export declare const layout: {
|
|
|
4
4
|
teamComponents: {
|
|
5
5
|
FreightCalculation: ({ className, sellerId, skuId, quantity, size, seller, local, CONSTANTS_PROPS, }: import('../types/layout/team-components/FreightCalculation').FreightCalculationProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
6
|
Header: {
|
|
7
|
-
({ tipBar, minicartStyleModifiers }: import('../types/layout/team-components/Header').HeaderContainerProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
({ tipBar, minicartStyleModifiers, menuV2 }: import('../types/layout/team-components/Header').HeaderContainerProps): import("react/jsx-runtime").JSX.Element;
|
|
8
8
|
displayName: string;
|
|
9
9
|
};
|
|
10
10
|
Link: ({ children, adornments, className, disableUnderline, href, mode, size, title, onClick, disablePadding, ...props }: import('./team-component/Link/interfaces').TeamLinkProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { HeaderContainerProps } from '../../../types/layout/team-components/Header';
|
|
2
2
|
|
|
3
3
|
declare const Header: {
|
|
4
|
-
({ tipBar, minicartStyleModifiers }: HeaderContainerProps): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
({ tipBar, minicartStyleModifiers, menuV2 }: HeaderContainerProps): import("react/jsx-runtime").JSX.Element;
|
|
5
5
|
displayName: string;
|
|
6
6
|
};
|
|
7
7
|
export default Header;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { CarouselProps } from '../../../../../types/layout/team-components/ImageZoom';
|
|
2
|
+
|
|
3
|
+
declare const Carousel: {
|
|
4
|
+
({ images, setCurrent, setFirstImgLoaded, ICONS, PRODUCT_IMAGE_DIMENSIONS }: CarouselProps): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
displayName: string;
|
|
6
|
+
};
|
|
7
|
+
export default Carousel;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { ImageZoomMobileProps } from '../../../../../types/layout/team-components/ImageZoom';
|
|
2
|
+
|
|
3
|
+
declare const ImageMobile: {
|
|
4
|
+
({ images, ICONS, PRODUCT_IMAGE_DIMENSIONS, ...props }: ImageZoomMobileProps): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
displayName: string;
|
|
6
|
+
};
|
|
7
|
+
export default ImageMobile;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { ImageMobileProps } from '../../../../../types/layout/team-components/ImageZoom';
|
|
2
|
+
|
|
3
|
+
declare const ImageZoom: {
|
|
4
|
+
({ imgRef, image, PRODUCT_IMAGE_DIMENSIONS }: ImageMobileProps): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
displayName: string;
|
|
6
|
+
};
|
|
7
|
+
export default ImageZoom;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { ImageZoomRootProps } from '../../../types/layout/team-components/ImageZoom';
|
|
2
|
+
|
|
3
|
+
declare const ImageZoom: {
|
|
4
|
+
({ images, initialSelectedImageIndex, setShowImageZoom, ICONS, PRODUCT_IMAGE_DIMENSIONS, Z_INDEX_WAR, ...OTHERCONSTANTS }: ImageZoomRootProps): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
displayName: string;
|
|
6
|
+
};
|
|
7
|
+
export default ImageZoom;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './ImageZoom';
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { FormProps } from '../../../../types/layout/team-components/Notify';
|
|
2
|
+
|
|
3
|
+
declare const Form: {
|
|
4
|
+
({ color, delay, sku, setStatus, setIsLoading, NEWSLETTER_CONFIGS, NOTIFY_INFO }: FormProps): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
displayName: string;
|
|
6
|
+
};
|
|
7
|
+
export default Form;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { AvailabilityNotifyProps } from '../../../types/layout/team-components/Notify';
|
|
2
|
+
|
|
3
|
+
declare const AvailabilityNotify: {
|
|
4
|
+
({ color, open, setVisible, skus, sku, setSku, ICONS, NEWSLETTER_CONFIGS, NOTIFY_INFO, PRODUCT_CARD_TEXTS, Z_INDEX_WAR }: AvailabilityNotifyProps): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
displayName: string;
|
|
6
|
+
};
|
|
7
|
+
export default AvailabilityNotify;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
declare const Table: {
|
|
2
|
+
Head: ({ head, className, }: import('../../../types/layout/team-components/Table').HeadProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
Rows: ({ rows, className, }: import('../../../types/layout/team-components/Table').RowsProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
Root: ({ children, className, }: import('../../../types/layout/team-components/Table').RootProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
};
|
|
6
|
+
export default Table;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './Table';
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export declare const containers: {
|
|
2
|
+
gallery: ({ children, className, ...props }: import('../../../../../types/layout/templates/PDP').PDPCommonContainerProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
pdp: ({ children, className, ...props }: import('../../../../../types/layout/templates/PDP').PDPCommonContainerProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
main: ({ children, className, ...props }: import('../../../../../types/layout/templates/PDP').PDPCommonContainerProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
secondary: ({ children, className, ...props }: import('../../../../../types/layout/templates/PDP').PDPCommonContainerProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
};
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { AddToCartProps } from '../../../../../../../types/layout/templates/PDP';
|
|
2
|
+
|
|
3
|
+
declare const AddToCart: ({ onAddCallBack, onDisabledClickCallBack, addToCartBtnSize, BUY_BUTTON_LABELS }: AddToCartProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
export default AddToCart;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { Dispatch, PropsWithChildren, SetStateAction } from 'react';
|
|
2
|
+
|
|
3
|
+
declare const AddToCartObserver: ({ children, setShowBottomNavigation, }: PropsWithChildren<{
|
|
4
|
+
setShowBottomNavigation: Dispatch<SetStateAction<boolean>>;
|
|
5
|
+
}>) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export default AddToCartObserver;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { PDPActionsProps } from '../../../../../../../types/layout/templates/PDP';
|
|
2
|
+
|
|
3
|
+
declare const PDPActions: ({ showWishlist, callBack, addToCartBtnSize, BUY_BUTTON_LABELS, ICONS, Z_INDEX_WAR }: PDPActionsProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
export default PDPActions;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { BottomNavigationProps } from '../../../../../../../types/layout/templates/PDP';
|
|
2
|
+
|
|
3
|
+
declare const BottomNavigation: ({ addToCartBtnSize, BUY_BUTTON_LABELS, Z_INDEX_WAR }: BottomNavigationProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
4
|
+
export default BottomNavigation;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { PDPSimilarsType } from '../../../../../../../types/layout/templates/PDP';
|
|
2
|
+
|
|
3
|
+
export declare const PDPSimilars: ({ children, apiUrl, productId, ClientItems, PDP_INFO, TEXTURE_IMAGE, TOGGLE_STYLE_MODIFIER }: PDPSimilarsType) => Promise<import("react/jsx-runtime").JSX.Element>;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { PDPSizesProps } from '../../../../../../../types/layout/templates/PDP';
|
|
2
|
+
|
|
3
|
+
declare const PDPSizes: ({ PDP_INFO, PLP_SIZE_ORDER, ICONS, NEWSLETTER_CONFIGS, NOTIFY_INFO, PRODUCT_CARD_TEXTS, Z_INDEX_WAR }: PDPSizesProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
export default PDPSizes;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { BodyProps } from '../../../../types/layout/templates/QuickShop';
|
|
2
|
+
|
|
3
|
+
declare const Body: ({ callBackProductAdded, BUY_BUTTON_LABELS, ICONS, NEWSLETTER_CONFIGS, NOTIFY_INFO, PDP_INFO, PLP_SIZE_ORDER, PRODUCT_CARD_TEXTS, TEXTURE_IMAGE, TOGGLE_STYLE_MODIFIER, Z_INDEX_WAR }: BodyProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
export default Body;
|
package/package.json
CHANGED
package/types/constants.d.ts
CHANGED
|
@@ -2,6 +2,7 @@ import { Size } from '@soma-vertical-web/core-components/src/lib/TextField/inter
|
|
|
2
2
|
import { EditorState } from 'draft-js';
|
|
3
3
|
import { CSSProperties } from 'react';
|
|
4
4
|
import { FACET_CROSS_SELLING_MAP, ObjectFitsDefault, PLP_FILTERS_SORT } from '../constants';
|
|
5
|
+
import { Sizes, VariantsExtended } from '@soma-vertical-web/core-components/src/lib/Button/interfaces';
|
|
5
6
|
|
|
6
7
|
export interface CrossSellingFacet {
|
|
7
8
|
key: keyof typeof FACET_CROSS_SELLING_MAP;
|
|
@@ -48,7 +49,26 @@ export type ITEMS_PER_PAGEType = number;
|
|
|
48
49
|
export type LEGAL_INFORMATION_TEXTType = string;
|
|
49
50
|
export type MAIN_IMAGEType = string;
|
|
50
51
|
export type MENU_MOB_BTN_SIDEType = 'left' | 'right';
|
|
51
|
-
export type MENU_INFOType =
|
|
52
|
+
export type MENU_INFOType = {
|
|
53
|
+
login: {
|
|
54
|
+
button_text: string;
|
|
55
|
+
button_icon: string;
|
|
56
|
+
};
|
|
57
|
+
navigation_bar: {
|
|
58
|
+
config: {
|
|
59
|
+
button_variant: VariantsExtended;
|
|
60
|
+
button_size: Sizes;
|
|
61
|
+
};
|
|
62
|
+
items: {
|
|
63
|
+
button_text: string;
|
|
64
|
+
button_icon: string;
|
|
65
|
+
href?: string;
|
|
66
|
+
openUserMenu?: boolean;
|
|
67
|
+
openCart?: boolean;
|
|
68
|
+
eventContent?: 'user_menu' | 'minicart' | 'store' | string;
|
|
69
|
+
}[];
|
|
70
|
+
};
|
|
71
|
+
};
|
|
52
72
|
export type MENU_NAVIGATION_BAR_ALLOWEDType = boolean;
|
|
53
73
|
export type MESSAGE_CASHBACKType = {
|
|
54
74
|
title: string;
|
|
@@ -12,6 +12,7 @@ export interface GlobalContextProps extends PropsWithChildren {
|
|
|
12
12
|
bannerVariant: VariantsType;
|
|
13
13
|
position: HeaderPositionsType;
|
|
14
14
|
}>;
|
|
15
|
+
deviceValidated: boolean;
|
|
15
16
|
}
|
|
16
17
|
export interface GlobalProviderProps extends PropsWithChildren {
|
|
17
18
|
headerConfigs: HeaderConfigsType;
|
|
@@ -64,8 +64,9 @@ export type HeaderConfigsType = {
|
|
|
64
64
|
home_default_position: HeaderPositionsType;
|
|
65
65
|
logo_svg?: string;
|
|
66
66
|
};
|
|
67
|
-
export
|
|
67
|
+
export interface HeaderContainerProps {
|
|
68
68
|
tipBar?: ReactNode;
|
|
69
69
|
minicartStyleModifiers?: string;
|
|
70
|
-
|
|
70
|
+
menuV2?: ReactNode;
|
|
71
|
+
}
|
|
71
72
|
export {};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { PropsWithChildren, ReactElement } from 'react';
|
|
2
|
+
|
|
3
|
+
export type ITableHead = Array<string | ReactElement>;
|
|
4
|
+
export type ITableRows = Array<(string | ReactElement)[]>;
|
|
5
|
+
export interface ITable {
|
|
6
|
+
head: ITableHead;
|
|
7
|
+
rows: ITableRows;
|
|
8
|
+
}
|
|
9
|
+
export type HeadProps = {
|
|
10
|
+
className?: string;
|
|
11
|
+
head: ITableHead;
|
|
12
|
+
};
|
|
13
|
+
export interface RootProps extends PropsWithChildren {
|
|
14
|
+
className?: string;
|
|
15
|
+
}
|
|
16
|
+
export interface CellArea {
|
|
17
|
+
text: string;
|
|
18
|
+
}
|
|
19
|
+
export type RowsProps = {
|
|
20
|
+
className?: string;
|
|
21
|
+
rows: ITableRows;
|
|
22
|
+
};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { BUY_BUTTON_LABELSType, ICONSType, QUICKSHOPType, TEXTURE_IMAGEType, TOGGLE_STYLE_MODIFIERType } from '../../../constants';
|
|
2
|
+
import { PDPSizesProps } from '../PDP';
|
|
3
|
+
|
|
4
|
+
export type SimilarsProps = {
|
|
5
|
+
TEXTURE_IMAGE: TEXTURE_IMAGEType;
|
|
6
|
+
TOGGLE_STYLE_MODIFIER: TOGGLE_STYLE_MODIFIERType;
|
|
7
|
+
};
|
|
8
|
+
export interface BodyProps extends PDPSizesProps, SimilarsProps {
|
|
9
|
+
callBackProductAdded?: Function;
|
|
10
|
+
BUY_BUTTON_LABELS: BUY_BUTTON_LABELSType;
|
|
11
|
+
}
|
|
12
|
+
export interface QuickShopProps extends BodyProps {
|
|
13
|
+
QUICKSHOP: QUICKSHOPType;
|
|
14
|
+
TEXTURE_IMAGE: TEXTURE_IMAGEType;
|
|
15
|
+
TOGGLE_STYLE_MODIFIER: TOGGLE_STYLE_MODIFIERType;
|
|
16
|
+
}
|
|
17
|
+
export interface QuickShopHeaderProps {
|
|
18
|
+
headerTitle: string;
|
|
19
|
+
isMobile?: boolean;
|
|
20
|
+
ICONS: ICONSType;
|
|
21
|
+
}
|