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

package/types/cms/Sections/HeaderSubmenu/index.d.ts

@@ -0,0 +1,35 @@
+import { ISectionResponseBase } from '../../Factories';
+
+export interface DataSubmenu {
+    id: string;
+    label: string;
+    subCategories: {
+        label: string;
+        linkLabel: string;
+        items: {
+            link: string;
+            label: string;
+        }[];
+        see_all?: {
+            link?: string;
+            label: string;
+        };
+        listCollapseDesk?: boolean;
+        rowsToShowDesk?: number;
+        listCollapseMobile?: boolean;
+        rowsToShowMobile?: number;
+    }[];
+    thumbnails?: {
+        srcDesk?: string;
+        srcMobile?: string;
+        creative_name: string;
+        creative_slot: string;
+        promotion_id: string;
+        promotion_name: string;
+        label: string;
+        link: string;
+    }[];
+}
+export interface IHeaderSubmenu extends ISectionResponseBase {
+    data: DataSubmenu;
+}

package/types/cms/Sections/ImageGrid/index.d.ts

@@ -0,0 +1,10 @@
+import { ISectionResponseBase } from '../../Factories';
+
+export interface ImageGridSectionType extends ISectionResponseBase {
+    data: {
+        banners: {
+            image: string;
+            altImage: string;
+        }[];
+    };
+}

package/types/cms/Sections/ListProductsBanners/index.d.ts

@@ -0,0 +1,13 @@
+import { BannerType } from '../Banner';
+
+export type ListProductBannersSectionType = {
+    id: string;
+    name: string;
+    data: {
+        banners: {
+            bannerWidth: number;
+            bannerPosition: number;
+            banner: BannerType;
+        }[];
+    };
+};

package/types/cms/Sections/Newsletter/index.d.ts

@@ -0,0 +1,26 @@
+import { ISectionResponseBase } from '../../Factories';
+import { NewsletterConstants } from '../SectionZone';
+
+export interface NewsLetterSectionType extends ISectionResponseBase, NewsletterConstants {
+    data: {
+        title: string;
+        description: string;
+        lgpdLinkLable: string;
+        lgpdLink: string;
+        termsDescription: string;
+        masterDataEntity: string;
+        masterDataNameField: string;
+        masterDataEmailField: string;
+        banner: string;
+        altBanner: string;
+        bannerBackground: boolean;
+        fields: {
+            type: string;
+            placeholder: string;
+            invalid_message: string;
+            master_data_field: string;
+            required: boolean;
+        }[];
+        componentIndex?: number;
+    };
+}

package/types/cms/Sections/PopupModal/index.d.ts

@@ -0,0 +1,26 @@
+import { ICONSType } from '../../../constants';
+import { IFormProps } from '../../../layout/team-components/Form';
+
+export interface PopupContent extends IFormProps {
+    active: boolean;
+    title: string;
+    description: string;
+    imageUrl: string;
+    acceptTerms: boolean;
+    successTitle: string;
+    successDescription: string;
+    actionName: string;
+    originName: string;
+    closeColor: string;
+}
+export interface PopupModalSectionProps {
+    data: PopupContent;
+    CONSTANTS: {
+        ICONS: ICONSType;
+        POPUP_SUBMITTED_STORAGE: string;
+        POPUP_TRACK_STORAGE: string;
+    };
+}
+export interface FormSectionProps extends PopupContent {
+    ICONS: ICONSType;
+}

package/types/cms/Sections/ProductCarousel/index.d.ts

@@ -0,0 +1,84 @@
+import { PDPShelfType } from '../../../../constants';
+import { BuyPackageProductCardProps, CarouselController, CarouselPagination } from '../../../layout/team-components/BuyPackage';
+import { ProductNode } from '../../../layout/team-components/ProductCard';
+import { ISectionResponseBase } from '../../Factories';
+import { ProductCarouselConstants } from '../SectionZone';
+
+export type StructureType = 'shelf_recommendation' | 'buy_package';
+export type TPDPShelfType = (typeof PDPShelfType)[number];
+export interface IRecomendationSearch {
+    type?: TPDPShelfType;
+    productId?: string;
+    params?: {
+        sort?: string;
+        count?: number;
+    };
+}
+export interface ICollectionSearch {
+    params?: {
+        count: number;
+        sort: string;
+    };
+    term?: string;
+    facets?: {
+        key: string;
+        value: string;
+    }[];
+    sort?: string;
+}
+export interface IRecomendationShelf extends ProductCarouselConstants {
+    recommendationSearch?: IRecomendationSearch;
+    title?: string;
+}
+export interface ICommonShelf extends ProductCarouselConstants {
+    collectionSearch?: ICollectionSearch;
+    title?: string;
+    searchModal?: boolean;
+}
+export interface ProductCarouselSectionType extends ISectionResponseBase {
+    data: {
+        config: {
+            gap: number;
+            items_per_page: number;
+        };
+        productLists: {
+            title: string;
+            search_base_name: string;
+            collectionId: number;
+            search_base_key: string;
+            number_of_items: number;
+            sort: string;
+        }[];
+    };
+    searchModal?: boolean;
+}
+export interface ProductCarouselProps extends ProductCarouselSectionType, ProductCarouselConstants {
+}
+export interface PDPProductCarouselSectionType extends ISectionResponseBase {
+    data: {
+        config: {
+            gap: number;
+            items_per_page: number;
+        };
+        productLists: {
+            title: string;
+            product_group_option: TPDPShelfType;
+            number_of_items: number;
+        }[];
+    };
+}
+export interface PDPProductCarouselProps extends PDPProductCarouselSectionType, ProductCarouselConstants {
+}
+export interface ProductShelfProps {
+    products: ProductNode[];
+    title?: string;
+    itemsPerPage?: number;
+    onSkuSelection?: BuyPackageProductCardProps['onSkuSelection'];
+    structureType?: StructureType;
+    onCarouselControls?: (controller: CarouselController, pagination: CarouselPagination) => void;
+}
+export interface ProductShelfCardProps extends Omit<BuyPackageProductCardProps, 'onSkuSelection'> {
+    structureType: StructureType;
+    onSkuSelection?: BuyPackageProductCardProps['onSkuSelection'];
+    tag?: string;
+}

package/types/cms/Sections/SectionZone/index.d.ts

@@ -0,0 +1,83 @@
+import { ACTIVE_BENNEFITS_BAR_TITLEType, BENNEFITS_BAR_TITLEType, BUY_BUTTON_LABELSType, BUY_PACKAGEType, FREIGHT_CALCULATIONType, ICONSType, MAIN_IMAGEType, MASTER_DATA_ENTITY, NEWSLETTER_CONFIGS, PLP_GRID_SCROLL_BACKType, PLP_INFINITE_SCROLLType, PLP_PRODUCT_SIMILAR_DELAYType, PLP_SHOW_VIDEO_ON_PRODUCT_CARDType, PLP_SIZE_ORDERType, PLP_SORT_DEFAULTType, PRODUCT_CARD_IMAGE_ASPECT_RATIOType, PRODUCT_CARD_TEXTSType, PRODUCT_CARD_TOP_WISHLIST_TOGGLEType, PRODUCT_IMAGE_DIMENSIONSType, SECOND_IMAGEType, StoreConfigType, TEXTCONTENT_EXPANDEDType, TEXTURE_IMAGEType, TIME_ZONEType, Z_INDEX_WARType } from '../../../constants';
+import { ISectionResponseBase } from '../../Factories';
+
+export type BannerConstants = {
+    ICONS: ICONSType;
+    TEXTCONTENT_EXPANDED?: TEXTCONTENT_EXPANDEDType;
+    TIME_ZONE: TIME_ZONEType;
+    className?: string;
+};
+export type ProductCarouselConstants = {
+    CONSTANTS: {
+        BUY_BUTTON_LABELS: BUY_BUTTON_LABELSType;
+        BUY_PACKAGE: BUY_PACKAGEType;
+        FREIGHT_CALCULATION: FREIGHT_CALCULATIONType;
+        ICONS: ICONSType;
+        ITEMS_DEFAULT_SORT: PLP_SORT_DEFAULTType;
+        MAIN_IMAGE: MAIN_IMAGEType;
+        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;
+        TEXTURE_IMAGE: TEXTURE_IMAGEType;
+        Z_INDEX_WAR: Z_INDEX_WARType;
+        StoreConfig_MainSellerId: StoreConfigType['mainSeller']['id'];
+    };
+    searchModal?: boolean;
+};
+export type PDPProductCarouselConstants = ProductCarouselConstants;
+export type BennefitsBarConstants = {
+    CONSTANTS: {
+        BENNEFITS_BAR_TITLE: BENNEFITS_BAR_TITLEType;
+        ICONS: ICONSType;
+        ACTIVE_BENNEFITS_BAR_TITLE: ACTIVE_BENNEFITS_BAR_TITLEType;
+    };
+};
+export type NewsletterConstants = {
+    CONSTANTS: {
+        MASTER_DATA_ENTITY: MASTER_DATA_ENTITY;
+        NEWSLETTER_CONFIGS: NEWSLETTER_CONFIGS;
+        ICONS: ICONSType;
+    };
+};
+export type TextContentConstants = {
+    ICONS: ICONSType;
+    TEXTCONTENT_EXPANDED?: TEXTCONTENT_EXPANDEDType;
+};
+export type TextAccordionConstants = {
+    ICONS: ICONSType;
+    TEXTCONTENT_EXPANDED?: TEXTCONTENT_EXPANDEDType;
+};
+export type BannerCarouselConstants = {
+    ICONS: ICONSType;
+    TEXTCONTENT_EXPANDED?: TEXTCONTENT_EXPANDEDType;
+    TIME_ZONE: TIME_ZONEType;
+};
+export type SectionsConfigs = {
+    Banner: BannerConstants;
+    'Product Carousel': ProductCarouselConstants;
+    'PDP Product Carousel': PDPProductCarouselConstants;
+    'Bennefits Bar': BennefitsBarConstants;
+    newsletter: NewsletterConstants;
+    TextContent: TextContentConstants & {
+        className?: string;
+    };
+    TextAccordion: TextAccordionConstants & {
+        className?: string;
+    };
+    'Banner Carousel': BannerCarouselConstants;
+};
+export type SectionName = keyof SectionsConfigs;
+export interface SectionZoneProps {
+    data: Array<ISectionResponseBase & {
+        data?: any;
+    }>;
+    identifyWhoIsFirst?: boolean;
+    componentConfigs?: SectionsConfigs;
+}

package/types/cms/Sections/TextAccordion/index.d.ts

@@ -0,0 +1,15 @@
+import { ISectionResponseBase } from '../../Factories';
+import { IAccordionList } from '../_common';
+import { ICONSType } from '../../../constants';
+import { HTMLAttributes } from 'react';
+
+type CommonProps = {
+    ICONS: ICONSType;
+};
+export interface TextAccordionSectionType extends ISectionResponseBase {
+    data: IAccordionList & {
+        titleAccordion: string;
+    };
+}
+export type TextAccordionSectionProps = TextAccordionSectionType & HTMLAttributes<HTMLDivElement> & CommonProps;
+export {};

package/types/cms/Sections/TextContent/index.d.ts

@@ -0,0 +1,35 @@
+import { TMode, TSizesSmallExtended } from '@soma-vertical-web/foundations';
+import { ISectionResponseBase } from '../../Factories';
+import { HTMLAttributes } from 'react';
+import { ICONSType, TEXTCONTENT_EXPANDEDType } from '../../../constants';
+
+export type ContentAlignment = 'centro' | 'esquerda' | 'direita';
+type CommonProps = {
+    ICONS: ICONSType;
+    TEXTCONTENT_EXPANDED?: TEXTCONTENT_EXPANDEDType;
+};
+export interface ITextContentSectionTypeComponent {
+    data: {
+        borderTop: boolean;
+        textStructure: string;
+        textStructureReduced: string;
+        enableIcon: boolean;
+        textStructureButtonIcon: string;
+        textStructureButtonLabel: string;
+        textStructureButtonSize: TSizesSmallExtended;
+        textStructureButtonHref: string;
+        textStructureMode: TMode;
+        textStructureAlignment: ContentAlignment;
+        showTextStructureExpander: boolean;
+    };
+}
+export type TextContentSectionType = ISectionResponseBase & ITextContentSectionTypeComponent;
+export type TextContentSectionProps = TextContentSectionType & HTMLAttributes<HTMLDivElement> & CommonProps;
+export interface ContentProps {
+    expanded: boolean;
+    content: ITextContentSectionTypeComponent['data'];
+}
+export type TextContentProps = ITextContentSectionTypeComponent & HTMLAttributes<HTMLDivElement> & CommonProps & {
+    TEXTCONTENT_EXPANDED?: TEXTCONTENT_EXPANDEDType;
+};
+export {};

package/types/cms/Sections/_common/index.d.ts

@@ -0,0 +1,8 @@
+export interface IAccordion {
+    title: string;
+    subtitle: string;
+    text: string;
+}
+export interface IAccordionList {
+    accordions: IAccordion[];
+}