@soma-vertical-web/multi-lib 0.0.1

package/src/types/src/data/events/index.d.ts

@@ -0,0 +1,111 @@
+import type { MutableRefObject, PropsWithChildren } from 'react';
+export interface ItemListType {
+    item_list_name?: string | null;
+    item_list_id?: string | null;
+}
+export interface CommonDataType {
+    productData: any;
+    sizes: any[];
+    priceInfo: any;
+    breadcrumbList: any[];
+    items: any[];
+}
+export interface ProductEventsType {
+    type: EventType;
+    commonData: CommonDataType;
+    customData: any;
+}
+export interface PromotionType {
+    creative_name?: string;
+    creative_slot?: string;
+    promotion_id?: string;
+    promotion_name?: string;
+}
+export type EventsDataProps = {
+    event?: string;
+    commonData?: any;
+    customData?: any;
+    supportData?: any;
+    promotionInfo?: PromotionType;
+    readyData?: any;
+    itemList?: ItemListType;
+    outsideEcommerceData?: any;
+};
+export interface ProductCommonDataType {
+    productData: any;
+    priceInfo?: any;
+    sizes?: any[];
+    breadcrumbList?: any[];
+    availableSizes?: string[];
+}
+export type EventType = 'select_item' | 'view_item' | 'view_item_list';
+export interface FunctionsKeyType {
+    productEvents: (props: EventsDataProps, callBack?: (itemData: any, customEcommerceData: any) => void) => void;
+    productListEvent: (props: EventsDataProps) => void;
+    skuEvents: (props: EventsDataProps) => void;
+    filterEvent: (props: EventsDataProps) => void;
+    viewCartEvent: (props: EventsDataProps) => void;
+    readyEvents: (props: EventsDataProps) => void;
+}
+export type SendDatalayerEventType = {
+    functionKey: FunctionsKeyType;
+    data: EventsDataProps;
+    callBack?: () => void;
+    timeout?: number;
+};
+export interface EventContextProps {
+    sendDataLayerEvent: (data: SendDatalayerEventType) => void;
+    triggerSelectItemEventRef: MutableRefObject<{
+        trigger: boolean;
+        index: number;
+    }>;
+    promotionEventRef: MutableRefObject<PromotionType>;
+    currentLocalRef: MutableRefObject<string | null>;
+    itemListRef: MutableRefObject<ItemListType | null>;
+    cartProductsFullDataRef: MutableRefObject<MinicartFullData>;
+    handleSelectContent: (data: HandleSelectContentType) => void;
+    handleSelectPromotionEvent: (data: HandleSelectPromotionEventType) => void;
+}
+declare const Pages: readonly ["home", "product", "catalog", "institutional", "landing_page"];
+export interface CollectorProps {
+    page: (typeof Pages)[number] | string;
+    data?: unknown;
+}
+export interface StockType {
+    [key: string]: number;
+}
+export interface PersistedDataType {
+    promotionInfo?: PromotionType | null;
+    itemList?: ItemListType | null;
+}
+export interface ProductsPersisteDataType {
+    [key: string]: PersistedDataType;
+}
+export interface EventProviderProps extends PropsWithChildren {
+    evtFunctionsConfigs: {
+        PLP_FILTERS: {
+            key: string;
+            label: string;
+            eventLabel: string;
+            order: number;
+        }[];
+        currency: string;
+        categoryOff: string;
+        storeUrl: string;
+    };
+}
+export interface MinicartFullData {
+    /**
+     * TODO: add CartItemStore type
+     */
+    [key: string]: any;
+}
+export type HandleSelectContentType = {
+    content: string;
+};
+export type HandleSelectPromotionEventType = {
+    updatePromotionRef: boolean;
+    promotion: PromotionType;
+    index?: number;
+};
+export {};

package/src/types/src/global/product/index.d.ts

@@ -0,0 +1,295 @@
+import type { SizesExtended } from '@soma-vertical-web/foundations';
+import type { HTMLAttributes } from 'react';
+export type SizeInfoType = {
+    name: string;
+    sku: string;
+    value: string;
+    available: boolean;
+    sellerId: string;
+    sellerName: string;
+    isSellerDefault?: boolean;
+};
+export type InstallmentType = {
+    Value: number;
+    InterestRate: number;
+    TotalValuePlusInterestRate: number;
+    NumberOfInstallments: number;
+    PaymentSystemName: string;
+    PaymentSystemGroupName: string;
+    Name: string;
+};
+export type DeliverySlaSampleType = {
+    DeliverySlaPerTypes: any[];
+    Region: any;
+};
+export type PaymentOptionInstallmentType = {
+    count: number;
+    hasInterestRate: boolean;
+    interestRate: number;
+    value: number;
+    total: number;
+    sellerMerchantInstallments: {
+        id: string;
+        count: number;
+        hasInterestRate: boolean;
+        interestRate: number;
+        value: number;
+        total: number;
+    }[];
+};
+export type PaymentOptionType = {
+    paymentSystem: string;
+    bin: any;
+    paymentName: string;
+    paymentGroupName: string;
+    value: number;
+    installments: PaymentOptionInstallmentType[];
+};
+export type PaymentSystemType = {
+    id: number;
+    name: string;
+    groupName: string;
+    validator: any;
+    stringId: string;
+    template: string;
+    requiresDocument: boolean;
+    isCustom: boolean;
+    description: any;
+    requiresAuthentication: boolean;
+    dueDate: string;
+    availablePayments: any;
+};
+export type PaymentOptionsType = {
+    installmentOptions: PaymentOptionType[];
+    paymentSystems: PaymentSystemType[];
+    payments: any[];
+    giftCards: any[];
+    giftCardMessages: any[];
+    availableAccounts: any[];
+    availableTokens: any[];
+};
+export type CommertialOfferType = {
+    DeliverySlaSamplesPerRegion: {
+        [key: string]: DeliverySlaSampleType;
+    };
+    Installments: InstallmentType[];
+    DiscountHighLight: any[];
+    GiftSkuIds: any[];
+    Teasers: any[];
+    PromotionTeasers: any[];
+    BuyTogether: any[];
+    ItemMetadataAttachment: any[];
+    Price: number;
+    ListPrice: number;
+    PriceWithoutDiscount: number;
+    FullSellingPrice: number;
+    RewardValue: number;
+    PriceValidUntil: string;
+    AvailableQuantity: number;
+    IsAvailable: boolean;
+    Tax: number;
+    DeliverySlaSamples: DeliverySlaSampleType[];
+    GetInfoErrorMessage: any;
+    CacheVersionUsedToCallCheckout: string;
+    PaymentOptions: PaymentOptionsType;
+};
+export type SellerType = {
+    sellerId: string;
+    sellerName: string;
+    addToCartLink: string;
+    sellerDefault: boolean;
+    commertialOffer: CommertialOfferType;
+};
+export type ImageType = {
+    imageId: string;
+    imageLabel: string;
+    imageTag: string;
+    imageUrl: string;
+    imageText: string;
+    imageLastModified: string;
+};
+export type ReferenceIdType = {
+    Key: string;
+    Value: string;
+};
+export type ItemType = {
+    itemId: string;
+    name: string;
+    nameComplete: string;
+    complementName: string;
+    ean: string;
+    referenceId: ReferenceIdType[];
+    measurementUnit: string;
+    unitMultiplier: number;
+    modalType: string | null;
+    isKit: boolean;
+    images: ImageType[];
+    Tamanho: string[];
+    variations: string[];
+    Videos: any[];
+    estimatedDateArrival: string | null;
+    sellers: SellerType[];
+};
+export type HasVariant = {
+    name: string;
+    slug: string;
+    sku: string;
+    additionalProperty: Array<{
+        propertyID: string;
+        value: string;
+        name: string;
+        valueReference: string;
+    }>;
+    offers: {
+        offers: Array<{
+            listPrice: number;
+            price: number;
+            availability: string;
+            quantity?: number;
+            seller: {
+                identifier: string;
+            };
+        }>;
+    };
+    productId?: string;
+};
+export type ProductType = {
+    productId: string;
+    productName: string;
+    brand: string;
+    brandId: number;
+    brandImageUrl: string | null;
+    linkText: string;
+    productReference: string;
+    productReferenceCode: string;
+    categoryId: string;
+    productTitle: string;
+    metaTagDescription: string;
+    releaseDate: string;
+    clusterHighlights: Record<string, string>;
+    productClusters: Record<string, string>;
+    searchableClusters: Record<string, string>;
+    categories: string[];
+    categoriesIds: string[];
+    link: string;
+    Informação: string[];
+    'Tipo de Cor': string[];
+    Composição: string[];
+    'Tipo de Produto': string[];
+    SALE: string[];
+    Coleção: string[];
+    'Coleção Atual': string[];
+    'ID Coleção': string[];
+    'Tabela de Medidas': string[];
+    'Cores Filtráveis': string[];
+    Especificação: string[];
+    allSpecifications: string[];
+    allSpecificationsGroups: string[];
+    description: string;
+    items: ItemType[];
+    skuSpecifications: {
+        field: {
+            id: number;
+            name: string;
+            isActive: boolean;
+            position: number;
+            type: string;
+        };
+        values: {
+            id: string;
+            name: string;
+            position: number;
+        }[];
+    }[];
+};
+export type Product = {
+    sku: string;
+    gtin: string;
+    name: string;
+    description: string;
+    releaseDate: string;
+    slug: string;
+    video: string | null;
+    categories: string[];
+    categoryId: string;
+    categoriesIds: string[];
+    id: string;
+    brand: {
+        name: string;
+    };
+    seo: {
+        title: string;
+        description: string;
+        canonical: string;
+    };
+    cluster: {
+        generals: Array<{
+            id: string;
+            name: string;
+        }>;
+        highlights: Array<{
+            id: string;
+            name: string;
+        }>;
+    };
+    availability: {
+        status: boolean;
+    };
+    breadcrumbList: {
+        itemListElement: Array<{
+            item: string;
+            name: string;
+            position: number;
+        }>;
+    };
+    image: Array<{
+        url: string;
+        alternateName: string;
+        keywords: string;
+    }>;
+    offers: {
+        lowPrice: number;
+        highPrice: number;
+        priceCurrency: string;
+        offers: Array<{
+            availability: string;
+            listPrice: number;
+            price: number;
+            quantity: number;
+            priceValidUntil: string;
+            priceCurrency: string;
+            itemCondition: string;
+            seller: {
+                identifier: string;
+            };
+        }>;
+    };
+    isVariantOf: {
+        productGroupID: string;
+        name: string;
+        hasVariant?: HasVariant[];
+        additionalProperty: Array<{
+            propertyID: string;
+            value: string | number;
+            name: string;
+            valueReference: string;
+        }>;
+        skuVariants: {
+            activeVariations: Record<string, string>;
+            allVariantsByName: Record<string, string[]>;
+            availableVariations: Record<string, Array<Record<string, string>>>;
+        } | null;
+    };
+    installments: {
+        count: number;
+        value: number;
+    };
+};
+export type Sizes = (typeof SizesExtended)[number];
+export interface ProductCardMediaProps extends HTMLAttributes<HTMLDivElement> {
+    hasPriority?: boolean;
+    showVideo?: boolean;
+}
+export type ProductNode = {
+    node: Product;
+};

package/src/types/src/product/index.d.ts

@@ -0,0 +1,295 @@
+import type { SizesExtended } from '@soma-vertical-web/foundations';
+import type { HTMLAttributes } from 'react';
+export type SizeInfoType = {
+    name: string;
+    sku: string;
+    value: string;
+    available: boolean;
+    sellerId: string;
+    sellerName: string;
+    isSellerDefault?: boolean;
+};
+export type InstallmentType = {
+    Value: number;
+    InterestRate: number;
+    TotalValuePlusInterestRate: number;
+    NumberOfInstallments: number;
+    PaymentSystemName: string;
+    PaymentSystemGroupName: string;
+    Name: string;
+};
+export type DeliverySlaSampleType = {
+    DeliverySlaPerTypes: any[];
+    Region: any;
+};
+export type PaymentOptionInstallmentType = {
+    count: number;
+    hasInterestRate: boolean;
+    interestRate: number;
+    value: number;
+    total: number;
+    sellerMerchantInstallments: {
+        id: string;
+        count: number;
+        hasInterestRate: boolean;
+        interestRate: number;
+        value: number;
+        total: number;
+    }[];
+};
+export type PaymentOptionType = {
+    paymentSystem: string;
+    bin: any;
+    paymentName: string;
+    paymentGroupName: string;
+    value: number;
+    installments: PaymentOptionInstallmentType[];
+};
+export type PaymentSystemType = {
+    id: number;
+    name: string;
+    groupName: string;
+    validator: any;
+    stringId: string;
+    template: string;
+    requiresDocument: boolean;
+    isCustom: boolean;
+    description: any;
+    requiresAuthentication: boolean;
+    dueDate: string;
+    availablePayments: any;
+};
+export type PaymentOptionsType = {
+    installmentOptions: PaymentOptionType[];
+    paymentSystems: PaymentSystemType[];
+    payments: any[];
+    giftCards: any[];
+    giftCardMessages: any[];
+    availableAccounts: any[];
+    availableTokens: any[];
+};
+export type CommertialOfferType = {
+    DeliverySlaSamplesPerRegion: {
+        [key: string]: DeliverySlaSampleType;
+    };
+    Installments: InstallmentType[];
+    DiscountHighLight: any[];
+    GiftSkuIds: any[];
+    Teasers: any[];
+    PromotionTeasers: any[];
+    BuyTogether: any[];
+    ItemMetadataAttachment: any[];
+    Price: number;
+    ListPrice: number;
+    PriceWithoutDiscount: number;
+    FullSellingPrice: number;
+    RewardValue: number;
+    PriceValidUntil: string;
+    AvailableQuantity: number;
+    IsAvailable: boolean;
+    Tax: number;
+    DeliverySlaSamples: DeliverySlaSampleType[];
+    GetInfoErrorMessage: any;
+    CacheVersionUsedToCallCheckout: string;
+    PaymentOptions: PaymentOptionsType;
+};
+export type SellerType = {
+    sellerId: string;
+    sellerName: string;
+    addToCartLink: string;
+    sellerDefault: boolean;
+    commertialOffer: CommertialOfferType;
+};
+export type ImageType = {
+    imageId: string;
+    imageLabel: string;
+    imageTag: string;
+    imageUrl: string;
+    imageText: string;
+    imageLastModified: string;
+};
+export type ReferenceIdType = {
+    Key: string;
+    Value: string;
+};
+export type ItemType = {
+    itemId: string;
+    name: string;
+    nameComplete: string;
+    complementName: string;
+    ean: string;
+    referenceId: ReferenceIdType[];
+    measurementUnit: string;
+    unitMultiplier: number;
+    modalType: string | null;
+    isKit: boolean;
+    images: ImageType[];
+    Tamanho: string[];
+    variations: string[];
+    Videos: any[];
+    estimatedDateArrival: string | null;
+    sellers: SellerType[];
+};
+export type HasVariant = {
+    name: string;
+    slug: string;
+    sku: string;
+    additionalProperty: Array<{
+        propertyID: string;
+        value: string;
+        name: string;
+        valueReference: string;
+    }>;
+    offers: {
+        offers: Array<{
+            listPrice: number;
+            price: number;
+            availability: string;
+            quantity?: number;
+            seller: {
+                identifier: string;
+            };
+        }>;
+    };
+    productId?: string;
+};
+export type ProductType = {
+    productId: string;
+    productName: string;
+    brand: string;
+    brandId: number;
+    brandImageUrl: string | null;
+    linkText: string;
+    productReference: string;
+    productReferenceCode: string;
+    categoryId: string;
+    productTitle: string;
+    metaTagDescription: string;
+    releaseDate: string;
+    clusterHighlights: Record<string, string>;
+    productClusters: Record<string, string>;
+    searchableClusters: Record<string, string>;
+    categories: string[];
+    categoriesIds: string[];
+    link: string;
+    Informação: string[];
+    'Tipo de Cor': string[];
+    Composição: string[];
+    'Tipo de Produto': string[];
+    SALE: string[];
+    Coleção: string[];
+    'Coleção Atual': string[];
+    'ID Coleção': string[];
+    'Tabela de Medidas': string[];
+    'Cores Filtráveis': string[];
+    Especificação: string[];
+    allSpecifications: string[];
+    allSpecificationsGroups: string[];
+    description: string;
+    items: ItemType[];
+    skuSpecifications: {
+        field: {
+            id: number;
+            name: string;
+            isActive: boolean;
+            position: number;
+            type: string;
+        };
+        values: {
+            id: string;
+            name: string;
+            position: number;
+        }[];
+    }[];
+};
+export type Product = {
+    sku: string;
+    gtin: string;
+    name: string;
+    description: string;
+    releaseDate: string;
+    slug: string;
+    video: string | null;
+    categories: string[];
+    categoryId: string;
+    categoriesIds: string[];
+    id: string;
+    brand: {
+        name: string;
+    };
+    seo: {
+        title: string;
+        description: string;
+        canonical: string;
+    };
+    cluster: {
+        generals: Array<{
+            id: string;
+            name: string;
+        }>;
+        highlights: Array<{
+            id: string;
+            name: string;
+        }>;
+    };
+    availability: {
+        status: boolean;
+    };
+    breadcrumbList: {
+        itemListElement: Array<{
+            item: string;
+            name: string;
+            position: number;
+        }>;
+    };
+    image: Array<{
+        url: string;
+        alternateName: string;
+        keywords: string;
+    }>;
+    offers: {
+        lowPrice: number;
+        highPrice: number;
+        priceCurrency: string;
+        offers: Array<{
+            availability: string;
+            listPrice: number;
+            price: number;
+            quantity: number;
+            priceValidUntil: string;
+            priceCurrency: string;
+            itemCondition: string;
+            seller: {
+                identifier: string;
+            };
+        }>;
+    };
+    isVariantOf: {
+        productGroupID: string;
+        name: string;
+        hasVariant?: HasVariant[];
+        additionalProperty: Array<{
+            propertyID: string;
+            value: string | number;
+            name: string;
+            valueReference: string;
+        }>;
+        skuVariants: {
+            activeVariations: Record<string, string>;
+            allVariantsByName: Record<string, string[]>;
+            availableVariations: Record<string, Array<Record<string, string>>>;
+        } | null;
+    };
+    installments: {
+        count: number;
+        value: number;
+    };
+};
+export type Sizes = (typeof SizesExtended)[number];
+export interface ProductCardMediaProps extends HTMLAttributes<HTMLDivElement> {
+    hasPriority?: boolean;
+    showVideo?: boolean;
+}
+export type ProductNode = {
+    node: Product;
+};