@soma-vertical-web/multi-lib 0.0.1

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

@@ -0,0 +1,29 @@
+import type { TMode, TSizesSmallExtended } from '@soma-vertical-web/foundations';
+import type { IContentTypeResponseBase } from '../../Factories';
+export interface ItemsHelpButton {
+    title: string;
+    subtitle: string;
+    description: string;
+    buttonLabel?: string;
+    buttonHref?: string;
+    butonMode?: TMode;
+    buttonSize?: TSizesSmallExtended;
+    buttonIcon?: string;
+}
+export interface ConfigHelpButton {
+    iconLabel?: string;
+    label?: string;
+    items: Array<ItemsHelpButton>;
+}
+export interface IHelpButtonContent extends IContentTypeResponseBase {
+    items: {
+        items: ConfigHelpButton;
+    };
+}
+export interface IHelpButtonContentResponse {
+    iconLabel: string | undefined;
+    label: string | undefined;
+    content: (ItemsHelpButton & {
+        id: string;
+    })[];
+}

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

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

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

@@ -0,0 +1,38 @@
+import type { IContentTypeResponseBase } from '../../Factories';
+import type { ImageGridSectionType } from '../../Sections/ImageGrid';
+import type { 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[];
+}

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

@@ -0,0 +1,14 @@
+import type { 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;
+    };
+}

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

@@ -0,0 +1,37 @@
+import type { IContentTypeResponseBase } from '../../Factories';
+import type { NewsLetterSectionType } from '../../Sections/Newsletter';
+import type { TextAccordionSectionType } from '../../Sections/TextAccordion';
+import type { 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/src/types/src/cms/ContentTypes/PreHome/index.d.ts

@@ -0,0 +1,20 @@
+import type { IContentTypeResponseBase } from '../../Factories';
+import type { BannerSectionType } from '../../Sections/Banner';
+import type { 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/src/types/src/cms/ContentTypes/Redirects/index.d.ts

@@ -0,0 +1,20 @@
+import type { 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;
+            }[];
+        };
+    };
+}

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

@@ -0,0 +1,43 @@
+import type { IContentTypeResponseBase } from '../../Factories';
+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;
+}
+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 {};

package/src/types/src/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/src/types/src/cms/Sections/Banner/index.d.ts

@@ -0,0 +1,48 @@
+/// <reference types="react" />
+import type { VariantsType } from '@soma-vertical-web/core-components/src/lib/Header/interfaces';
+import type { TMode } from '@soma-vertical-web/foundations';
+import { ISectionResponseBase } from '../../Factories';
+import { TextContentSectionType } from '../TextContent';
+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;
+    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 {
+    data: BannerSectionType['data'];
+    videoUrl: string | undefined;
+    priority?: boolean;
+    videoRef?: React.RefObject<HTMLVideoElement>;
+}
+export interface IBannerSectionTypeComponent {
+    data: {
+        banner: BannerType;
+        index?: number;
+        componentIndex: number;
+    };
+    creative: string;
+    priority?: boolean;
+}
+export interface BannerSectionType extends ISectionResponseBase, IBannerSectionTypeComponent {
+}

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

@@ -0,0 +1,20 @@
+import type { ISectionResponseBase } from '../../Factories';
+import type { BannerType } from '../Banner';
+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;
+    };
+}

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

@@ -0,0 +1,19 @@
+import type { TSizesReduced } from '@soma-vertical-web/foundations';
+import { ISectionResponseBase } from '../../Factories';
+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;
+        }[];
+    };
+}

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

@@ -0,0 +1,34 @@
+import type { 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/src/types/src/cms/Sections/ImageGrid/index.d.ts

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

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

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

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

@@ -0,0 +1,19 @@
+import type { ISectionResponseBase } from '../../Factories';
+export interface NewsLetterSectionType extends ISectionResponseBase {
+    data: {
+        title: string;
+        description: string;
+        lpgd: string;
+        masterDataEntity: string;
+        masterDataNameField: string;
+        masterDataEmailField: string;
+        fields: {
+            type: string;
+            placeholder: string;
+            invalid_message: string;
+            master_data_field: string;
+            required: boolean;
+        }[];
+        componentIndex?: number;
+    };
+}

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

@@ -0,0 +1,7 @@
+import type { ISectionResponseBase } from '../../Factories';
+import type { IAccordionList } from '../_common';
+export interface TextAccordionSectionType extends ISectionResponseBase {
+    data: IAccordionList & {
+        title: string;
+    };
+}

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

@@ -0,0 +1,24 @@
+import type { TMode, TSizesSmallExtended } from '@soma-vertical-web/foundations';
+import type { ISectionResponseBase } from '../../Factories';
+export type ContentAlignment = 'centro' | 'esquerda' | 'direita';
+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 interface TextContentSectionType extends ISectionResponseBase, ITextContentSectionTypeComponent {
+}
+export interface ContentProps {
+    expanded: boolean;
+    content: ITextContentSectionTypeComponent['data'];
+}

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

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

package/src/types/src/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const PDPShelfType: readonly ["whosawalsosaw", "whosawalsobought", "whoboughtalsobought", "accessories", "similars", "showtogether", "suggestions"];
+export declare const PAYMENT_FLAGS: readonly ["Visa", "Mastercard", "AmericanExpress", "DinersClub", "Elo", "Pix"];

package/src/types/src/contexts/hooks/index.d.ts

@@ -0,0 +1,6 @@
+export interface UseBackPDCProps {
+    gridScrollBack?: {
+        refer: string;
+        value: string;
+    };
+}

package/src/types/src/contexts/store/pdp.d.ts

@@ -0,0 +1,127 @@
+import type { ProductInfoProps } from '@soma-vertical-web/core-components/src/lib/ProductInfo/interfaces';
+import type { Dispatch, PropsWithChildren, SetStateAction } from 'react';
+import type { Sizes as BtnSizes } from '@soma-vertical-web/core-components/src/lib/Button/interfaces';
+import type { TagCommercialConsumer } from '../../cms/ContentTypes/FlagsAndTags';
+import type { ImageType, ProductType } from '../../product';
+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>;
+}
+export interface PDPProviderProps extends PropsWithChildren {
+    productData: ProductType;
+}
+export interface PDPPriceProps extends ProductInfoProps {
+}
+export type Installments = {
+    count: number;
+    value: number;
+};
+export type PricesInfos = {
+    price: number;
+    listPrice: number;
+    installments: Installments;
+};
+export type DescriptionContent = {
+    label: string;
+    value: string;
+    content: string | TrustedHTML;
+}[];
+export type Sizes = {
+    name: string;
+    sku: string;
+    value: string;
+    available: boolean;
+    sellerId: string;
+    sellerName: string;
+}[];
+export type PDPDataContextProps = {
+    productData: ProductType;
+    productId: string;
+    productName: string;
+    productReference: string;
+    tag?: {
+        commercial?: {
+            key: string;
+            value: string;
+            icon: string;
+        };
+        institucional?: {
+            key: string;
+            value: string;
+            icon: string;
+        };
+        flagPdp?: TagCommercialConsumer;
+    };
+    items: ProductType['items'];
+    sizes: Sizes;
+    allSizesAvailable: boolean;
+    installments: Installments;
+    price: number;
+    listPrice: number;
+    images: ImageType[];
+    video: string;
+    descriptionContent: DescriptionContent;
+    breadcrumbList: string[];
+    thumbImage?: ImageType;
+    isKit: boolean;
+    colorName: string;
+    handleViewItemEvent: (args: {
+        sku?: string;
+        size?: string;
+    }) => void;
+};
+export interface SubSectionProps extends PropsWithChildren {
+    className?: string;
+}
+export interface GalleryWrapperProps {
+    productImgs: ImageType[];
+}
+export interface PDPActionsProps {
+    showWishlist?: boolean;
+    callBack?: Function;
+    addToCartBtnSize?: {
+        mobile: BtnSizes;
+        desktop: BtnSizes;
+    };
+}
+export interface AddToCartProps {
+    addToCartBtnSize?: {
+        mobile: BtnSizes;
+        desktop: BtnSizes;
+    };
+    onAddCallBack?: Function;
+    onDisabledClickCallBack?: Function;
+}
+export interface BottomNavigationProps {
+    addToCartBtnSize?: {
+        mobile: BtnSizes;
+        desktop: BtnSizes;
+    };
+}
+export type BottomNavigationActionsProps = BottomNavigationProps;
+export {};

package/src/types/src/contexts/store/selectedSKU.d.ts

@@ -0,0 +1,10 @@
+export type SelectedSkuInfoType = {
+    productId: string;
+    name: string;
+    size: string;
+    sku: string;
+    sellerId: string;
+    sellerName: string;
+    available: boolean;
+    quantity: number;
+};