@soma-vertical-web/multi-lib-sacurai 0.0.1

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

@@ -0,0 +1,198 @@
+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, TIPBAR_CONFIGSType, 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;
+    TIPBAR_CONFIGS: TIPBAR_CONFIGSType;
+    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;
+    MINICART_CONFIG: MINICART_CONFIGType;
+}
+export interface GiftProps extends Pick<CartItemStore, 'bundleItems' | 'offerings'>, CommonActionConstants {
+    uniqueId: string;
+    ICONS: ICONSType;
+    MINICART_CONFIG: MINICART_CONFIGType;
+}
+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;
+    Z_INDEX_WAR: Z_INDEX_WARType;
+}>;
+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;
+    TIPBAR_CONFIGS: TIPBAR_CONFIGSType;
+    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 {};

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

@@ -0,0 +1,28 @@
+export interface BannerProps {
+    src: string;
+    text: string;
+    align: 'right' | 'left';
+}
+export interface TitleProps {
+    title: string;
+    description: string;
+}
+export interface IMultimarcasContent {
+    pageTitle: string;
+    pageSubtitle: string;
+    bannerText: Array<{
+        text: string;
+        bannerDesk: string;
+        bannerMobile: string;
+    }>;
+    formTitle: string;
+    tableTitle: string;
+    bannerDesk: string;
+    bannerMobile: string;
+}
+export interface IMultimarcas {
+    sections: Array<any>;
+    content: {
+        ['conteúdo']: IMultimarcasContent;
+    };
+}

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

@@ -0,0 +1,149 @@
+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, TIME_ZONEType, 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 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;
+}
+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;
+    TIME_ZONE: TIME_ZONEType;
+    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;
+    TIME_ZONE: TIME_ZONEType;
+}
+export type BottomNavigationActionsProps = Omit<BottomNavigationProps, 'TIME_ZONE' | '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/PLP/index.d.ts

@@ -0,0 +1,124 @@
+import { HTMLAttributes, PropsWithChildren } from 'react';
+import { AvailabilityNotifyProps } from '../../../../types/layout/team-components/Notify';
+import { BannerType } from '../../../cms/Sections/Banner';
+import { BUY_BUTTON_LABELSType, ICONSType, ITEMS_DEFAULT_SORTType, ITEMS_PER_PAGEType, ITEMS_PER_SECTIONType, MAIN_IMAGEType, NEWSLETTER_CONFIGSType, NOTIFY_INFOType, PLP_GRID_SCROLL_BACKType, PLP_INFINITE_SCROLLType, PLP_PRODUCT_SIMILAR_DELAYType, PLP_SHOW_VIDEO_ON_PRODUCT_CARDType, PRODUCT_CARD_IMAGE_ASPECT_RATIOType, PRODUCT_CARD_TEXTSType, PRODUCT_CARD_TOP_WISHLIST_TOGGLEType, PRODUCT_IMAGE_DIMENSIONSType, SEARCH_PAGE_ITEM_THRESHOLDType, SECOND_IMAGEType, StoreConfigType, TEXTURE_IMAGEType, VARIANT_PAGINATIONType, PLP_NOT_RESULTType, Z_INDEX_WARType, PLP_SIZE_ORDERType } from '../../../constants';
+import { Page, PLPConstantsContextProps } from '../../../contexts/contexts/plp';
+import { ProductType_PDC } from '../../../global/product';
+import { ProductCardProps } from '../../team-components/ProductCard';
+
+export type PLPNavigationRootProps = {
+    searchParams: {
+        [key: string]: string | string[] | undefined;
+    };
+    className?: string;
+};
+export type PLPProps = {
+    slug: string[] | string;
+    searchParams: URLSearchParams;
+    collectionId?: number | null;
+    brand?: string | null;
+};
+export interface BannerPropsExtended extends BannerType {
+    columns: number;
+    position_grid: number;
+}
+export interface BannersProps extends HTMLAttributes<HTMLDivElement> {
+    gap: number;
+    isMobile: boolean;
+}
+export interface InfiniteBannersProps extends HTMLAttributes<HTMLDivElement> {
+    columns: number;
+    count: number;
+    gap: number;
+}
+export interface GridProps extends HTMLAttributes<HTMLDivElement> {
+    infinite?: boolean;
+}
+export interface PageSentinelProps extends HTMLAttributes<HTMLDivElement> {
+    page: Page;
+}
+export interface PageCardProps {
+    first?: boolean;
+    last?: boolean;
+    gap: number;
+    index: number;
+    isMobile?: boolean;
+    item: ProductCardProps;
+    order: number;
+    page?: Page;
+    showVideo?: boolean;
+}
+export interface PageProps {
+    count: number;
+    gap: number;
+    page: Page;
+}
+export interface NotificationProps extends Pick<AvailabilityNotifyProps, 'open' | 'sku' | 'setSku' | 'setVisible'> {
+    skus: ProductType_PDC['isVariantOf']['hasVariant'];
+    ICONS: ICONSType;
+    NEWSLETTER_CONFIGS: NEWSLETTER_CONFIGSType;
+    NOTIFY_INFO: NOTIFY_INFOType;
+    PRODUCT_CARD_TEXTS: PRODUCT_CARD_TEXTSType;
+    Z_INDEX_WAR: Z_INDEX_WARType;
+}
+export interface LayoutProps extends PropsWithChildren {
+    endPage: number;
+    page: number;
+    total: number;
+    selectedPage(page: number): void;
+    ITEMS_PER_SECTION: ITEMS_PER_SECTIONType;
+}
+export interface PagesProps {
+    currentPage: number;
+    searchParams: URLSearchParams;
+    pages: number[];
+    VARIANT_PAGINATION: VARIANT_PAGINATIONType;
+}
+export type PaginantionOptionsProps = {
+    currentPage: number;
+    total: number;
+    maxVisiblePages: number;
+    SEARCH_PAGE_ITEM_THRESHOLD: SEARCH_PAGE_ITEM_THRESHOLDType;
+};
+export interface PaginationProps extends HTMLAttributes<HTMLDivElement> {
+    query?: string;
+    type?: 'search' | 'default';
+    searchParams: URLSearchParams;
+    ITEMS_DEFAULT_SORT: ITEMS_DEFAULT_SORTType;
+    ITEMS_PER_SECTION: ITEMS_PER_SECTIONType;
+    ITEMS_PER_PAGE: ITEMS_PER_PAGEType;
+    SEARCH_PAGE_ITEM_THRESHOLD: SEARCH_PAGE_ITEM_THRESHOLDType;
+    VARIANT_PAGINATION: VARIANT_PAGINATIONType;
+}
+export interface ProductsProps {
+    items: {
+        node: ProductCardProps;
+    }[];
+    isMobile?: boolean;
+    BUY_BUTTON_LABELS: BUY_BUTTON_LABELSType;
+    ICONS: ICONSType;
+    MAIN_IMAGE: MAIN_IMAGEType;
+    NEWSLETTER_CONFIGS: NEWSLETTER_CONFIGSType;
+    NOTIFY_INFO: NOTIFY_INFOType;
+    PLP_GRID_SCROLL_BACK: PLP_GRID_SCROLL_BACKType;
+    PLP_INFINITE_SCROLL: PLP_INFINITE_SCROLLType;
+    PLP_PRODUCT_SIMILAR_DELAY: PLP_PRODUCT_SIMILAR_DELAYType;
+    PLP_SHOW_VIDEO_ON_PRODUCT_CARD: PLP_SHOW_VIDEO_ON_PRODUCT_CARDType;
+    PLP_SIZE_ORDER: PLP_SIZE_ORDERType;
+    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: StoreConfigType['mainSeller']['id'];
+    TEXTURE_IMAGE: TEXTURE_IMAGEType;
+    Z_INDEX_WAR: Z_INDEX_WARType;
+}
+export interface PLPRootProps extends PLPConstantsContextProps {
+    className?: string;
+}
+export type EmptyProps = {
+    className?: string;
+    ICONS: ICONSType;
+    PLP_NOT_RESULT: PLP_NOT_RESULTType;
+};

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

@@ -0,0 +1,22 @@
+import { BUY_BUTTON_LABELSType, ICONSType, QUICKSHOPType, TEXTURE_IMAGEType, TIME_ZONEType, 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;
+    TIME_ZONE: TIME_ZONEType;
+}
+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;
+}

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

@@ -0,0 +1,41 @@
+import { ComponentType, Dispatch, PropsWithChildren, SetStateAction } from 'react';
+import { ICONSType, ITEMS_DEFAULT_SORTType, ITEMS_PER_PAGEType, SEARCH_MODALType } from '../../../../types/constants';
+import { SearchContentProps } from '../../../cms/ContentTypes/Search';
+
+export interface SearchModalProps extends PropsWithChildren, Pick<SearchContentProps, 'SectionZone'> {
+    Recommendations?: ComponentType<any>;
+    trends?: boolean;
+    CONSTANTS: {
+        SEARCH_MODAL: SEARCH_MODALType;
+        ICONS: ICONSType;
+        ITEMS_PER_PAGE: ITEMS_PER_PAGEType;
+        ITEMS_DEFAULT_SORT: ITEMS_DEFAULT_SORTType;
+    };
+    className?: string;
+}
+export interface SearchModalHeaderProps {
+    title: string;
+    ICONS: ICONSType;
+}
+export interface SearchModalAutoCompleteProps {
+    placeholder: string;
+    noResultsTitle: string;
+    noResultsLabel: string;
+    noResultsTermUrl: string;
+    noResultsTermText: string;
+    handleClose: () => void;
+    setTerm: Dispatch<SetStateAction<string>>;
+    ICONS: ICONSType;
+    ITEMS_DEFAULT_SORT: ITEMS_DEFAULT_SORTType;
+    ITEMS_PER_PAGE: ITEMS_PER_PAGEType;
+    SEARCH_MODAL: SEARCH_MODALType;
+}
+export interface TrendsModalProps {
+    title: string;
+    allTermsLabel: string;
+    allTermsUrl: string;
+    qtyTrends: number;
+    handleClose: () => void;
+    ICONS: ICONSType;
+    ITEMS_PER_PAGE: ITEMS_PER_PAGEType;
+}

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

@@ -0,0 +1,44 @@
+import { HTMLAttributes } from 'react';
+import { SearchSort } from '../../../data/api/search';
+import { SearchConstantsContextProps } from '../../../contexts/contexts/search';
+
+export interface ISearchEmpty {
+    term?: string;
+}
+export interface ISearchSort {
+    term?: string;
+}
+export interface ISearchLoading {
+    isLoading: boolean;
+    quantity: number;
+    term?: string;
+}
+export interface SearchResultContentProps extends HTMLAttributes<HTMLDivElement> {
+    isMobile?: boolean;
+    banners?: any[];
+    sort?: SearchSort;
+    query?: string;
+    currentPage: number;
+    className?: string;
+}
+export interface IPaginationProps {
+    currentPage: number;
+    firstPageSpread: boolean;
+    lastPageSpread: boolean;
+    totalPages: number;
+    onPageChange: (page: number) => void;
+    hasNextPage: boolean;
+    hasPreviousPage: boolean;
+    slices: {
+        start: number;
+        end: number;
+    };
+}
+export interface SearchProps {
+    className?: string;
+    searchParams: URLSearchParams;
+    CONSTANTS: SearchConstantsContextProps;
+}
+export type SearchContentProps = {
+    className?: string;
+};

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

@@ -0,0 +1,21 @@
+import { IconProps } from '@soma-vertical-web/core-components/src/lib/Icon/interfaces';
+import { CSSProperties } from 'react';
+import { ProductType_PDC } from '../../../global/product';
+import { ICONSType, WISHLIST_NOT_RESULTType } from '../../../constants';
+import { ProductListCard_CONSTANTS } from '../../../layout/team-components/ProductList';
+
+export interface ToggleProps {
+    product: ProductType_PDC;
+    priceInfo: Record<string, string | number>;
+    size?: IconProps['size'];
+    style?: CSSProperties;
+    variant: 'card' | 'modal';
+    ICONS: ICONSType;
+}
+export interface WishListGrid_CONSTANTS extends ProductListCard_CONSTANTS {
+    WISHLIST_NOT_RESULT: WISHLIST_NOT_RESULTType;
+    ICONS: ICONSType;
+}
+export interface WishListGridProps {
+    CONSTANTS: WishListGrid_CONSTANTS;
+}

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

@@ -0,0 +1,47 @@
+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';
+import { ContentState } from 'draft-js';
+
+export interface ObserverProps extends HTMLAttributes<HTMLDivElement> {
+    observerOptions?: {
+        threshold?: number;
+        delay?: number;
+    };
+    eventData?: SendDatalayerEventType;
+    callBackWhenVisible?: VoidFunction;
+    stopOnIntersection?: boolean;
+}
+export interface ExternalScriptsProps extends PropsWithChildren {
+    ONE_TRUST: {
+        policyScript: string;
+        policyId: string;
+        siteId: string;
+    };
+}
+export interface SnackBarComponentProps extends StructureProps {
+    Z_INDEX_WAR: Z_INDEX_WARType;
+    subtitle?: string;
+    adornment?: ContentProps['adornment'];
+    supportChildren?: ReactNode;
+}
+export interface CardProps extends Omit<ProductListCardProps, 'CONSTANTS'>, Pick<RootProps, 'size' | 'shelfTitle' | 'CONSTANTS'> {
+    onSkuSelection?: (sku: ProductType_PDC | null, skuList?: ProductType_PDC[]) => void;
+}
+export interface ShelfProps extends PropsWithChildren {
+    title?: string;
+    itemsPerPage: {
+        desktop: number;
+        mobile: number;
+    };
+    ICONS: ICONSType;
+}
+export interface DraftLinkWrapperProps {
+    children: ReactNode;
+    contentState: ContentState;
+    entityKey: string;
+}