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

package/types/cms/ContentTypes/Header/index.d.ts

@@ -0,0 +1,62 @@
+import { ComponentType, PropsWithChildren } from 'react';
+import { IContentTypeResponseBase } from '../../Factories';
+import { DataSubmenu, IHeaderSubmenu } from '../../Sections/HeaderSubmenu';
+import { ICONSType } from '../../../constants';
+import { GetContentTypeParams, GetContentTypeProps } from '../../../data/api/cms';
+
+export interface HeaderCategories {
+    label: string;
+    link: string;
+    submenuId?: string;
+    iconStart?: string;
+    iconEnd?: string;
+    mobileBannerSrc?: string;
+    mobileBannerAlt?: string;
+    creative_name: string;
+    creative_slot: string;
+    promotion_id: string;
+    promotion_name: string;
+    textColor?: string;
+}
+export interface HeaderNavLinks {
+    iconStart?: string;
+    iconEnd?: string;
+    label: string;
+    link: string;
+}
+export interface HeaderDataProps {
+    titleIcon?: string;
+    title?: string;
+    subtitle?: string;
+    navigationLinks?: HeaderNavLinks[];
+    categories: HeaderCategories[];
+    subMenus: DataSubmenu[];
+}
+export interface IHeaderContent extends IContentTypeResponseBase {
+    sections: Array<IHeaderSubmenu>;
+    categories: {
+        categories: {
+            items: HeaderCategories[];
+        };
+    };
+    layerConfig: {
+        config: {
+            titleIcon?: string;
+            title?: string;
+            subtitle?: string;
+        };
+    };
+    navigationLinks: {
+        navigationLinks: {
+            items: HeaderNavLinks[];
+        };
+    };
+}
+export interface HeaderConfigsTypeProps extends PropsWithChildren, GetContentTypeProps {
+}
+export interface GenerateHeaderContentTypeProps {
+    ICONS: ICONSType;
+}
+export interface HeaderContentProps extends PropsWithChildren, GetContentTypeParams {
+    ClientHeaderProvider: ComponentType<any>;
+}

package/types/cms/ContentTypes/HelpButton/index.d.ts

@@ -0,0 +1,48 @@
+import { TMode, TSizesSmallExtended } from '@soma-vertical-web/foundations';
+import { ComponentType, HTMLAttributes } from 'react';
+import { IContentTypeResponseBase } from '../../Factories';
+import { ICONSType } from '../../../constants';
+import { GetContentTypeParams } from '../../../data/api/cms';
+
+export declare const HELPBUTTON_CONTENT_TYPE: readonly ["button", "dropdown"];
+export type HelpButtonContentType = (typeof HELPBUTTON_CONTENT_TYPE)[number];
+export interface ItemsHelpButton {
+    type: HelpButtonContentType;
+    title: string;
+    subtitle: string;
+    description: string;
+    buttonLabel?: string;
+    buttonHref?: string;
+    buttonMode?: TMode;
+    buttonSize?: TSizesSmallExtended;
+    buttonIcon?: string;
+}
+export interface ConfigHelpButton {
+    iconLabel?: string;
+    label?: string;
+    items: Array<ItemsHelpButton>;
+}
+export interface IHelpButtonContent {
+    items: {
+        items: ConfigHelpButton;
+    };
+}
+export type IHelpButtonContentResponse = IContentTypeResponseBase;
+export interface GenerateHelpButtonContentType {
+    ICONS: ICONSType;
+}
+export interface FormatHelpButtonProps {
+    iconLabel?: string | undefined;
+    label?: string | undefined;
+    helpButtonSize?: TSizesSmallExtended;
+    content: (ItemsHelpButton & {
+        id: string;
+    })[];
+}
+export interface HelpButtonContentProps extends GetContentTypeParams, HTMLAttributes<HTMLDivElement> {
+    iconLabel?: string | undefined;
+    buttonLabel?: string | undefined;
+    data?: FormatHelpButtonProps;
+    ICONS: ICONSType;
+    HelpButton: ComponentType<any>;
+}

package/types/cms/ContentTypes/LPLojas/index.d.ts

@@ -0,0 +1,12 @@
+import { IContentTypeResponseBase } from '../../Factories';
+
+export interface Config {
+    titlePage: string;
+    altImageBackgroud: string;
+    imageBackground: string;
+}
+export interface ILPLojasContent extends IContentTypeResponseBase {
+    config: {
+        config: Config;
+    };
+}

package/types/cms/ContentTypes/LookbookPage/index.d.ts

@@ -0,0 +1,43 @@
+import { GetContentTypeProps } from '../../../data/api/cms';
+import { IContentTypeResponseBase } from '../../Factories';
+import { ImageGridSectionType } from '../../Sections/ImageGrid';
+import { NewsLetterSectionType } from '../../Sections/Newsletter';
+
+export interface ConfigTabItem {
+    mainCollection: string;
+    title: string;
+    order: number;
+}
+export interface ConfigTab {
+    tabConfig: ConfigTabItem;
+    seo: {
+        slug: string;
+        title: string;
+        description: string;
+    };
+}
+export interface ConfigPageItem {
+    items: {
+        title: string;
+    }[];
+}
+export interface ConfigPage {
+    tabConfig: ConfigPageItem;
+    seo: {
+        slug: string;
+        title: string;
+        description: string;
+    };
+}
+export type LookbookPageSectionType = NewsLetterSectionType;
+export interface ILookbookPage extends IContentTypeResponseBase {
+    config: ConfigPage;
+    sections: LookbookPageSectionType[];
+}
+export interface ILookbookTab extends IContentTypeResponseBase {
+    config: ConfigTab;
+    sections: ImageGridSectionType[];
+}
+export interface LookbookPageContentProps extends Omit<GetContentTypeProps, 'contentType'> {
+    slug: string;
+}

package/types/cms/ContentTypes/Multimarcas/index.d.ts

@@ -0,0 +1,5 @@
+import { GetContentTypeProps } from '../../../data/api/cms';
+
+export interface LPMultimarcasContentProps extends Omit<GetContentTypeProps, 'contentType'> {
+    EventCollectorComp: React.ComponentType<any>;
+}

package/types/cms/ContentTypes/NotFoundPage/index.d.ts

@@ -0,0 +1,17 @@
+import { GetContentTypeProps } from '../../../data/api/cms';
+import { IContentTypeResponseBase } from '../../Factories';
+
+export interface Config {
+    altImageBackgroud: string;
+    imageBackgroudDesk: string;
+    imageBackgroudMobile: string;
+    title: string;
+    subTitle: string;
+    description: string;
+}
+export interface INotFoundContent extends IContentTypeResponseBase {
+    config: {
+        config: Config;
+    };
+}
+export type NotFoundContentProps = Omit<GetContentTypeProps, 'contentType'>;

package/types/cms/ContentTypes/PDP/index.d.ts

@@ -0,0 +1,21 @@
+import { ComponentType, PropsWithChildren } from 'react';
+import { IContentTypeResponseBase } from '../../Factories';
+import { BennefitsBarSectionType } from '../../Sections/BennefitsBar';
+import { GetContentTypeParams } from '../../../data/api/cms';
+import { COMMON_PAGE_COLUMN_GAPType } from '../../../constants';
+
+export interface PDPContentType extends IContentTypeResponseBase {
+    sections: BennefitsBarSectionType[] | any[];
+}
+export interface PDPContentProps extends PropsWithChildren, GetContentTypeParams {
+    productId?: string;
+    COMMON_PAGE_COLUMN_GAP: COMMON_PAGE_COLUMN_GAPType;
+    SectionZone: ComponentType<any>;
+    PDPContentProvider: ComponentType<PDPContentProviderProps>;
+}
+export interface PDPContentProviderProps extends PropsWithChildren {
+    data: PDPContentType;
+    productId?: string;
+    COMMON_PAGE_COLUMN_GAP: COMMON_PAGE_COLUMN_GAPType;
+    SectionZone: ComponentType<any>;
+}

package/types/cms/ContentTypes/PLP/index.d.ts

@@ -0,0 +1,47 @@
+import { ComponentType, PropsWithChildren } from 'react';
+import { IContentTypeResponseBase } from '../../Factories';
+import { BannerSectionType, BannerType } from '../../Sections/Banner';
+import { ListProductBannersSectionType } from '../../Sections/ListProductsBanners';
+import { NewsLetterSectionType } from '../../Sections/Newsletter';
+import { ProductCarouselSectionType } from '../../Sections/ProductCarousel';
+import { TextContentSectionType } from '../../Sections/TextContent';
+import { DeviceType } from '../CommonPage';
+import { GetContentTypeParams } from '../../../data/api/cms';
+import { COMMON_PAGE_COLUMN_GAP_PDCType } from '../../../constants';
+
+export interface Config {
+    seo: {
+        slug: string;
+        title: string;
+        description: string;
+    };
+    responsive: {
+        deviceType: DeviceType;
+    };
+}
+export type SectionType = BannerSectionType | ListProductBannersSectionType | ProductCarouselSectionType | TextContentSectionType | NewsLetterSectionType;
+export interface PLPContentType extends IContentTypeResponseBase {
+    config: Config;
+    sections: SectionType[];
+}
+export interface PLPContentProps extends PropsWithChildren, GetContentTypeParams {
+    className?: string | string[];
+    slug: string;
+    SectionZone: ComponentType<any>;
+    COMMON_PAGE_COLUMN_GAP_PDC: COMMON_PAGE_COLUMN_GAP_PDCType;
+    PLPContentProvider: ComponentType<PLPContentProviderProps>;
+}
+export type PLPContentBanners = ({
+    columns: number;
+    position_grid: number;
+} & BannerType)[];
+export interface PLPContentContextProps {
+    gridBanners?: ListProductBannersSectionType;
+    banners: PLPContentBanners;
+}
+export interface PLPContentProviderProps extends PropsWithChildren {
+    data?: PLPContentType;
+    device: DeviceType;
+    SectionZone: ComponentType<any>;
+    COMMON_PAGE_COLUMN_GAP_PDC: COMMON_PAGE_COLUMN_GAP_PDCType;
+}

package/types/cms/ContentTypes/PolicyPage/index.d.ts

@@ -0,0 +1,38 @@
+import { IContentTypeResponseBase } from '../../Factories';
+import { NewsLetterSectionType } from '../../Sections/Newsletter';
+import { TextAccordionSectionType } from '../../Sections/TextAccordion';
+import { TextContentSectionType } from '../../Sections/TextContent';
+
+export interface ConfigTab {
+    tabConfig: {
+        title: string;
+        order: number;
+    };
+    seo: {
+        slug: string;
+        title: string;
+        description: string;
+    };
+}
+export interface ConfigPage {
+    seo: {
+        slug: string;
+        title: string;
+        description: string;
+    };
+    banners: {
+        altImageBackgroud: string;
+        imageBackgroudDesk: string;
+        imageBackgroudMobile: string;
+    };
+}
+export type PolicyPageSectionType = NewsLetterSectionType;
+export type TabPolicySectionType = TextAccordionSectionType | TextContentSectionType;
+export interface IPolicyPage extends IContentTypeResponseBase {
+    config: ConfigPage;
+    sections: PolicyPageSectionType[];
+}
+export interface IPolicyTab extends IContentTypeResponseBase {
+    config: ConfigTab;
+    sections: TabPolicySectionType[];
+}

package/types/cms/ContentTypes/PreHome/index.d.ts

@@ -0,0 +1,21 @@
+import { IContentTypeResponseBase } from '../../Factories';
+import { BannerSectionType } from '../../Sections/Banner';
+import { DeviceType } from '../CommonPage';
+
+export interface Config {
+    config: {
+        activePreHome: boolean;
+        cookieTime: number;
+        textButton: string;
+        sizeButton: string;
+        varianteButton: string;
+        modeButton: string;
+    };
+    responsive: {
+        deviceType: DeviceType;
+    };
+}
+export interface IPreHome extends IContentTypeResponseBase {
+    sections: BannerSectionType[];
+    config: Config;
+}

package/types/cms/ContentTypes/Redirects/index.d.ts

@@ -0,0 +1,25 @@
+import { GetContentTypeParams } from '../../../data/api/cms';
+import { IContentTypeResponseBase } from '../../Factories';
+
+export interface IRedirects extends IContentTypeResponseBase {
+    redirectToSearch: {
+        redirectToSearch: {
+            paths: {
+                path: string;
+                searchQuery: string;
+                pageTitle: string;
+                pageDescription: string;
+                synteticCategoryId: string;
+                collectionId: number;
+                filters: {
+                    key: string;
+                    value: string;
+                }[];
+                sort: string;
+            }[];
+        };
+    };
+}
+export interface Redirects extends GetContentTypeParams {
+    slug: string;
+}

package/types/cms/ContentTypes/Search/index.d.ts

@@ -0,0 +1,31 @@
+import { ComponentType, PropsWithChildren } from 'react';
+import { GetContentTypeParams } from '../../../data/api/cms';
+import { IContentTypeResponseBase } from '../../Factories';
+import { BannerSectionType } from '../../Sections/Banner';
+import { NewsLetterSectionType } from '../../Sections/Newsletter';
+import { ProductCarouselSectionType } from '../../Sections/ProductCarousel';
+import { TextContentSectionType } from '../../Sections/TextContent';
+
+export type DeviceType = 'mobile' | 'desktop';
+export interface Config {
+    responsive: {
+        deviceType: DeviceType;
+    };
+}
+export type SectionType = BannerSectionType | ProductCarouselSectionType | TextContentSectionType | NewsLetterSectionType;
+export interface SearchContentType extends IContentTypeResponseBase {
+    config: Config;
+    sections: SectionType[];
+}
+export interface SearchPageScrenningProps extends PropsWithChildren {
+    data: SearchContentType[];
+    SectionZone: ComponentType<any>;
+    className?: string;
+}
+export interface SearchContentProps extends GetContentTypeParams {
+    SectionZone: ComponentType<any>;
+}
+export interface SearchPageContentProps extends PropsWithChildren, GetContentTypeParams {
+    SectionZone: ComponentType<any>;
+    className?: string;
+}

package/types/cms/ContentTypes/Tipbar/index.d.ts

@@ -0,0 +1,55 @@
+import { ComponentType } from 'react';
+import { IContentTypeResponseBase } from '../../Factories';
+import { GetContentTypeParams } from '../../../data/api/cms';
+import { TipBarProps } from '../../../layout/team-components/TipBar';
+
+export type DeviceType = 'mobile' | 'desktop';
+interface ITipbarStaticConfig {
+    /** works only with it has carousel */
+    showCarouselArrows: boolean;
+    /** works only with it has carousel */
+    slideTranstionTimer: number;
+    hasCloseBtn: boolean;
+    backgroundColor: string;
+    textColorVariant: string;
+    deviceType: DeviceType;
+    paths?: string[];
+}
+export interface ITipbarRepeatableContent {
+    /** works only with it has carousel */
+    coupon: string;
+    /** works only with it has carousel */
+    couponButtonVariant: string;
+    couponFeedbackTitle: string;
+    couponFeedbackDescription: string;
+    couponButtonMode: string;
+    /** works only with it has countdown */
+    countDownEndDate: string;
+    /** works only for mobile */
+    highlightFirstSection: boolean;
+    horizontalAlignHighlightedSection: string;
+    link: string;
+    items: Array<{
+        title: string;
+        description: string;
+        type: 'countdown' | 'content' | 'coupon';
+    }>;
+}
+export interface ITipbarContent extends IContentTypeResponseBase {
+    staticConfig: {
+        staticConfig: ITipbarStaticConfig;
+    };
+    content: {
+        content: {
+            items: ITipbarRepeatableContent[];
+        };
+    };
+}
+export interface TipbarContentProps extends GetContentTypeParams {
+    ClientTipbarContent: ComponentType<any>;
+}
+export interface TipbarScreeningProps {
+    data: ITipbarContent[];
+    CONSTANTS: TipBarProps['CONSTANTS'];
+}
+export {};

package/types/cms/ContentTypes/Wishlist/index.d.ts

@@ -0,0 +1,17 @@
+import { IContentTypeResponseBase } from '../../Factories';
+import { BannerSectionType } from '../../Sections/Banner';
+import { NewsLetterSectionType } from '../../Sections/Newsletter';
+import { ProductCarouselSectionType } from '../../Sections/ProductCarousel';
+import { TextContentSectionType } from '../../Sections/TextContent';
+
+export type DeviceType = 'mobile' | 'desktop';
+export interface Config {
+    responsive: {
+        deviceType: DeviceType;
+    };
+}
+export type SectionType = BannerSectionType | ProductCarouselSectionType | TextContentSectionType | NewsLetterSectionType;
+export interface IWishlistContentType extends IContentTypeResponseBase {
+    config: Config;
+    sections: SectionType[];
+}

package/types/cms/Factories/index.d.ts

@@ -0,0 +1,69 @@
+export type FieldType = 'string' | 'number' | 'boolean' | 'date' | 'object' | 'array';
+export type UIWidget = 'image-uploader' | 'media-gallery' | 'date-time' | 'draftjs-rich-text';
+export type UIObjectFieldTemplate = 'GoogleSeoPreview' | 'media-galery' | 'date-time' | 'draftjs-rich-text';
+export interface Widget {
+    uiWidget?: UIWidget;
+    uiObjectFieldTemplate?: UIObjectFieldTemplate;
+}
+export interface JSONWidget {
+    'ui:widget'?: UIWidget;
+    'ui:ObjectFieldTemplate'?: UIObjectFieldTemplate;
+}
+export interface Property {
+    title: string;
+    description?: string;
+    type: string;
+    default?: any;
+    widget?: JSONWidget;
+    enumNames?: string[] | readonly string[];
+    enum?: string[] | readonly string[];
+    properties?: {
+        [key: string]: Property;
+    };
+    items?: Property;
+}
+export interface Schema {
+    title: string;
+    description: string;
+    type: FieldType;
+    required?: string[];
+    widget?: JSONWidget;
+    properties?: {
+        [key: string]: Property;
+    };
+}
+export interface Configuration {
+    name: string;
+    schema: Schema;
+}
+export interface ConfigurationSchemaSet {
+    name: string;
+    configurations: Configuration[];
+}
+export interface IContentType {
+    id: string;
+    name: string;
+    scopes?: string[];
+    configurationSchemaSets: ConfigurationSchemaSet[];
+}
+export interface IContentTypeResponseBase {
+    id: string;
+    name: string;
+    type: string;
+    status: string;
+    versionId: string;
+    versionStatus: string;
+    sections: ISectionResponseBase[];
+    items?: any;
+}
+export interface ISection {
+    href?: string;
+    id: string;
+    name: string;
+    requiredScopes?: string[];
+    schema: Schema;
+}
+export interface ISectionResponseBase {
+    id: string;
+    name: string;
+}

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

@@ -0,0 +1,50 @@
+import { VariantsType } from '@soma-vertical-web/core-components/src/lib/Header/interfaces';
+import { TMode } from '@soma-vertical-web/foundations';
+import { ISectionResponseBase } from '../../Factories';
+import { TextContentSectionType } from '../TextContent';
+import { BannerConstants } from '../SectionZone';
+
+export type Position = 'superior-esquerda' | 'superior-centro' | 'superior-direita' | 'centro' | 'centro-esquerda' | 'centro-direita' | 'inferior-esquerda' | 'inferior-centro' | 'inferior-direita';
+export type ContentAlignment = 'centro' | 'esquerda' | 'direita';
+export type BannerType = TextContentSectionType['data'] & {
+    promotion_id: string;
+    promotion_name: string;
+    creative_name: string;
+    creative_slot: string;
+    isHeroBanner: boolean;
+    backgroundColor: string;
+    contentOrder: string;
+    video: string;
+    position: Position;
+    image: string;
+    imageHref: string;
+    imageOpacity: boolean;
+    altImage: string;
+    showTimer: boolean;
+    timerEnd: string;
+    timerInit: string;
+    timerMode: TMode;
+    timerSize: string;
+    contentAlignment: ContentAlignment;
+    title: string;
+    href?: string;
+    index?: number;
+    headerVariant: VariantsType;
+};
+export interface BannerContentProps extends BannerConstants {
+    data: BannerSectionType['data'];
+    videoUrl: string | undefined;
+    priority?: boolean;
+    videoRef?: React.RefObject<HTMLVideoElement | null>;
+}
+export interface IBannerSectionTypeComponent extends BannerConstants {
+    data: {
+        banner: BannerType;
+        index?: number;
+        componentIndex: number;
+    };
+    creative: string;
+    priority?: boolean;
+}
+export interface BannerSectionType extends ISectionResponseBase, IBannerSectionTypeComponent {
+}

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

@@ -0,0 +1,37 @@
+import { ICONSType } from '../../../constants';
+import { BannerType } from '../Banner';
+import { ISectionResponseBase } from '../../Factories';
+import { BannerCarouselConstants } from '../SectionZone';
+import { HTMLAttributes } from 'react';
+
+export type TControllerPosition = 'superior-direita' | 'inferior-direita' | 'dentro-inferior-centro' | 'dentro-inferior-esquerda';
+export interface BannerCarouselSectionType extends ISectionResponseBase {
+    data: {
+        config: {
+            slidesPerView: number;
+            gap: number;
+            slideDuration: number;
+            controllerPosition: TControllerPosition;
+            fullWidth: boolean;
+            hideControllers?: boolean;
+            marginTop: string;
+            marginBottom: string;
+        };
+        banners: BannerType[];
+        componentIndex: number;
+        first?: boolean;
+    };
+}
+export type BannerCarouselProps = BannerCarouselSectionType & BannerCarouselConstants & HTMLAttributes<HTMLDivElement>;
+export interface BannerCarouselControllersType {
+    prevOnClick: () => void;
+    nextOnClick: () => void;
+    onBulletClick: (page: number) => void;
+    currentPage: number;
+    totalPages: number;
+    position?: 'absolute' | 'default';
+    hideControllers: boolean;
+    left?: string;
+    isFirst?: boolean;
+    ICONS: ICONSType;
+}

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

@@ -0,0 +1,23 @@
+import { TSizesReduced } from '@soma-vertical-web/foundations';
+import { ISectionResponseBase } from '../../Factories';
+import { BennefitsBarConstants } from '../SectionZone';
+
+export interface BennefitsBarSectionType extends ISectionResponseBase {
+    data: {
+        config: {
+            slidesPerView: number;
+            gap: number;
+            disableCarouselMobile: boolean;
+            slidesPerViewMobile: number;
+            gapMobile: number;
+            size: TSizesReduced;
+        };
+        bennefit: {
+            icon: string;
+            title: string;
+            subtitle: string;
+        }[];
+    };
+}
+export interface BennefitsBarProps extends BennefitsBarSectionType, BennefitsBarConstants {
+}

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

@@ -0,0 +1,13 @@
+export type EmbedLiveType = {
+    videosrc?: string;
+    embed_source?: string;
+};
+export interface IEmbedLiveSectionTypeComponent {
+    banner: EmbedLiveType;
+    index?: number;
+    componentIndex: number;
+}
+export interface EmbedLiveProps {
+    data: IEmbedLiveSectionTypeComponent;
+    priority?: boolean;
+}