@soma-vertical-web/multi-lib 0.0.57 → 0.0.58

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

@@ -0,0 +1,192 @@
+import { ButtonProps } from '@soma-vertical-web/core-components/src/lib/Button/interfaces';
+import { ToggleSizeProps } from '@soma-vertical-web/core-components/src/lib/ToggleSize/interfaces';
+import { CartContextProps, CartItemStore, NotificationsStore, NotificationStore } from '../../../contexts/store/cart';
+import { ICONSType, MESSAGE_CASHBACKType, MINICART_CONFIGType, NAME_SPLIT_SYMBOLType, PLP_NOT_RESULTType, StoreConfigType, TEXTURE_IMAGEType, TOGGLE_STYLE_MODIFIERType, Z_INDEX_WARType } from '../../../constants';
+import { InputCustomProps } from '@soma-vertical-web/core-components/src/lib/TextField/interfaces';
+import { PropsWithChildren } from 'react';
+
+export interface ModalMiniCartProps {
+    isOpen: boolean;
+    setModalIsOpen: (isOpen: boolean) => void;
+}
+export interface VariationListProps {
+    variations: {
+        name: string;
+        value: string;
+        id: string;
+    }[];
+}
+export interface ProductQuantityProps {
+    quantity: number;
+    updateQuantity: (quantity: number) => void;
+}
+type CartActionType = 'favorite-true' | 'favorite-false' | 'delete' | 'add' | 'minus';
+export interface ButtonActionProps extends ButtonProps {
+    icon: CartActionType;
+    children?: React.ReactNode;
+    iconPosition?: 'Start' | 'End';
+}
+export interface ProductsProps {
+    addToCart: CartContextProps['addToCart'];
+    product: CartItemStore;
+    index: number;
+    available: boolean;
+    removeProduct(id: string, message?: string, callback?: () => void): void;
+    updateProductQuantity: (quantity: number) => void;
+}
+interface InputState {
+    value: string;
+    error: boolean;
+    valid: boolean;
+    isLoading?: boolean;
+    isValidated?: boolean;
+}
+export type ActionAlias = 'sellerCode' | 'couponCode' | 'freightCalculation';
+export type StatePromocode = {
+    [key in ActionAlias]: InputState;
+};
+export declare enum ActionType {
+    SET_INPUT_VALUE = "SET_INPUT_VALUE",
+    CLEAR_INPUT_VALUE = "CLEAR_INPUT_VALUE",
+    SET_INPUT_ERROR = "SET_INPUT_ERROR",
+    SET_INPUT_VALID = "SET_INPUT_VALID",
+    SET_IS_LOADING = "SET_IS_LOADING"
+}
+export type Action = {
+    type: ActionType.SET_INPUT_VALUE;
+    alias: keyof StatePromocode;
+    value?: string;
+} | {
+    type: ActionType.CLEAR_INPUT_VALUE;
+    alias: keyof StatePromocode;
+} | {
+    type: ActionType.SET_INPUT_ERROR;
+    alias: keyof StatePromocode;
+    value?: boolean;
+} | {
+    type: ActionType.SET_INPUT_VALID;
+    alias: keyof StatePromocode;
+    value?: boolean;
+} | {
+    type: ActionType.SET_IS_LOADING;
+    alias: keyof StatePromocode;
+    value?: boolean;
+};
+export type OptionType = 'color' | 'size' | 'texture' | 'image';
+export interface OptionProps extends React.HTMLAttributes<HTMLElement> {
+    fill?: string;
+    src?: string;
+    text?: string;
+    active?: boolean;
+    size?: ToggleSizeProps['size'];
+    type: OptionType;
+}
+export type FieldState = 'error' | 'valid' | 'value' | 'isLoading';
+export type MiniCartProps = {
+    ICONS: ICONSType;
+    MINICART_CONFIG: MINICART_CONFIGType;
+    NAME_SPLIT_SYMBOL: NAME_SPLIT_SYMBOLType;
+    PLP_NOT_RESULT: PLP_NOT_RESULTType;
+    TEXTURE_IMAGE: TEXTURE_IMAGEType;
+    TOGGLE_STYLE_MODIFIER: TOGGLE_STYLE_MODIFIERType;
+    Z_INDEX_WAR: Z_INDEX_WARType;
+    storeConfig: StoreConfigType;
+    minicartStyleModifiers?: string;
+};
+export type CommonActionConstants = Pick<MiniCartProps, 'ICONS' | 'MINICART_CONFIG'>;
+export interface ActionsProps extends Pick<StepperProps, 'handleSendEvent'>, Pick<ButtonProps, 'size' | 'variant'>, CommonActionConstants {
+    product: CartItemStore;
+}
+export interface StepperProps {
+    handleSendEvent(event: string, type: 'productEvents' | 'skuEvents'): void;
+    product: CartItemStore;
+    MINICART_CONFIG: MINICART_CONFIGType;
+}
+export interface CardProps extends Pick<ActionsProps, 'product'>, Omit<SkuCardProps, 'product'>, CommonActionConstants {
+    index: number;
+    available: boolean;
+}
+export type StyleCardProps = {
+    product: CartItemStore;
+    TEXTURE_IMAGE: TEXTURE_IMAGEType;
+    TOGGLE_STYLE_MODIFIER: TOGGLE_STYLE_MODIFIERType;
+};
+export interface SkuCardProps extends StyleCardProps {
+    NAME_SPLIT_SYMBOL: NAME_SPLIT_SYMBOLType;
+}
+export interface GiftProps extends Pick<CartItemStore, 'bundleItems' | 'offerings'>, CommonActionConstants {
+    uniqueId: string;
+}
+export interface WishlistActionProps extends ActionsProps {
+    handleSendEvent: StepperProps['handleSendEvent'];
+    onHandleRemove: (info: Record<string, string>, quantity: number, callback?: () => void) => void;
+    MINICART_CONFIG: MINICART_CONFIGType;
+}
+export interface CouponSellerProps {
+    type: 'coupon' | 'seller';
+    MINICART_CONFIG: MINICART_CONFIGType;
+    ICONS: ICONSType;
+}
+export interface InputProps extends Omit<FieldProps, 'MINICART_CONFIG'> {
+    feedback?: InputCustomProps['feedback'];
+}
+export interface FieldProps {
+    type?: 'cep' | 'coupon' | 'seller';
+    hasSuccess: boolean;
+    hasError: boolean;
+    isLoading: boolean;
+    onHandler(value: string): void;
+    title: string;
+    value: string | number;
+    MINICART_CONFIG: MINICART_CONFIGType;
+    ICONS: ICONSType;
+}
+export type DiscountProps = PropsWithChildren<{
+    className?: string;
+    ICONS: ICONSType;
+    MINICART_CONFIG: MINICART_CONFIGType;
+}>;
+export interface ResumeItemsProps {
+    discount: number;
+    shipping?: number;
+    total: number;
+}
+export interface ModalFooterProps extends PropsWithChildren {
+    storeConfig: StoreConfigType;
+    MINICART_CONFIG: MINICART_CONFIGType;
+}
+export interface ModalBodyProps extends PropsWithChildren {
+    ICONS: ICONSType;
+    MINICART_CONFIG: MINICART_CONFIGType;
+    NAME_SPLIT_SYMBOL: NAME_SPLIT_SYMBOLType;
+    TEXTURE_IMAGE: TEXTURE_IMAGEType;
+    TOGGLE_STYLE_MODIFIER: TOGGLE_STYLE_MODIFIERType;
+    PLP_NOT_RESULT: PLP_NOT_RESULTType;
+}
+export type ModalHeaderProps = {
+    ICONS: ICONSType;
+    MINICART_CONFIG: MINICART_CONFIGType;
+};
+export interface NotificationItemProps {
+    item: NotificationStore;
+    removeNotification: NotificationsStore['actions']['removeNotification'];
+    ICONS: ICONSType;
+}
+export type NotificationsProps = {
+    ICONS: ICONSType;
+};
+export type ShippingProps = {
+    ICONS: ICONSType;
+    MINICART_CONFIG: MINICART_CONFIGType;
+};
+export type CashbackProps = {
+    ICONS: ICONSType;
+    MESSAGE_CASHBACK: MESSAGE_CASHBACKType;
+    type?: 'positive' | 'alert';
+};
+export type FeedbackProps = {
+    ICONS: ICONSType;
+    MINICART_CONFIG: MINICART_CONFIGType;
+    PLP_NOT_RESULT: PLP_NOT_RESULTType;
+};
+export {};