@soma-vertical-web/multi-lib 0.0.1

package/README.md

@@ -0,0 +1,88 @@
+# VerticalWeb
+
+<a alt="Nx logo" href="https://nx.dev" target="_blank" rel="noreferrer"><img src="https://raw.githubusercontent.com/nrwl/nx/master/images/nx-logo.png" width="45"></a>
+
+✨ **This workspace has been generated by [Nx, a Smart, fast and extensible build system.](https://nx.dev)** ✨
+
+## Start the app
+
+To start the development server run `nx serve base-components`. Open your browser and navigate to http://localhost:4200/. Happy coding!
+
+## Generate code
+
+If you happen to use Nx plugins, you can leverage code generators that might come with it.
+
+Run `nx list` to get a list of available plugins and whether they have generators. Then run `nx list <plugin-name>` to see what generators are available.
+
+Learn more about [Nx generators on the docs](https://nx.dev/plugin-features/use-code-generators).
+
+## Running tasks
+
+To execute tasks with Nx use the following syntax:
+
+```
+nx <target> <project> <...options>
+```
+
+You can also run multiple targets:
+
+```
+nx run-many -t <target1> <target2>
+```
+
+..or add `-p` to filter specific projects
+
+```
+nx run-many -t <target1> <target2> -p <proj1> <proj2>
+```
+
+Targets can be defined in the `package.json` or `projects.json`. Learn more [in the docs](https://nx.dev/core-features/run-tasks).
+
+## Want better Editor Integration?
+
+Have a look at the [Nx Console extensions](https://nx.dev/nx-console). It provides autocomplete support, a UI for exploring and running tasks & generators, and more! Available for VSCode, IntelliJ and comes with a LSP for Vim users.
+
+## Ready to deploy?
+
+Just run `nx build demoapp` to build the application. The build artifacts will be stored in the `dist/` directory, ready to be deployed.
+
+## Set up CI!
+
+Nx comes with local caching already built-in (check your `nx.json`). On CI you might want to go a step further.
+
+- [Set up remote caching](https://nx.dev/core-features/share-your-cache)
+- [Set up task distribution across multiple machines](https://nx.dev/nx-cloud/features/distribute-task-execution)
+- [Learn more how to setup CI](https://nx.dev/recipes/ci)
+
+## Connect with us!
+
+- [Join the community](https://nx.dev/community)
+- [Subscribe to the Nx Youtube Channel](https://www.youtube.com/@nxdevtools)
+- [Follow us on Twitter](https://twitter.com/nxdevtools)
+
+# Storybook
+
+For now, each storybook component cathegory (eg. base-components, components) has its own publish command.
+
+- Base components:
+
+Before publishing, build the storybook, by now you will get an `ERROR` due to path error, dont worry, this doenst affect the build realy
+
+```typescript
+yarn build-storybook
+
+```
+
+publish the base components:
+
+```typescript
+yarn publish-base-components-storybook
+
+```
+
+your storybook will be available on
+https://<branch>--65bd01ee0c53b94edbfcc1df.chromatic.com
+
+eg: https://feat-fast-1358--65bd01ee0c53b94edbfcc1df.chromatic.com
+
+Note: doenst matter if you named your banch with '/' chromatic automaticaly rename the pulish brach with '-'

package/index.esm.d.ts

@@ -0,0 +1,2 @@
+export * from "./src/index";
+export { default } from "./src/index";

package/index.esm.js

@@ -0,0 +1,3 @@
+var index = {};
+
+export { index as default };

package/package.json

@@ -0,0 +1,23 @@
+{
+  "name": "@soma-vertical-web/multi-lib",
+  "version": "0.0.1",
+  "main": "./index.esm.js",
+  "module": "./index.esm.js",
+  "types": "./index.esm.d.ts",
+  "type": "module",
+  "jest": {
+    "transform": {
+      "^.+\\.(ts|tsx|js|jsx)$": "ts-jest"
+    }
+  },
+  "private": false,
+  "exports": {
+    ".": {
+      "import": "./index.esm.js",
+      "require": "./index.esm.js"
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/src/data/src/Events/EventContex.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import type { EventContextProps, EventProviderProps } from './interfaces';
+declare const EventContext: import("react").Context<EventContextProps>;
+declare const EventProvider: ({ children, evtFunctionsConfigs }: EventProviderProps) => import("react/jsx-runtime").JSX.Element;
+declare const useEventContext: () => EventContextProps;
+export { EventContext, EventProvider, useEventContext };

package/src/data/src/Events/helpers.d.ts

@@ -0,0 +1,42 @@
+import type { EventsDataProps, PersistedDataType, ProductsPersisteDataType } from './interfaces';
+export declare const pushDatalayer: ({ event, data, }: {
+    event?: string | undefined;
+    data?: any;
+}) => void;
+export declare const eventsFunctions: {
+    productEvents: (props: EventsDataProps, callBack?: ((itemData: any, customEcommerceData: any) => void) | undefined) => void;
+    productListEvent: (props: EventsDataProps) => void;
+    skuEvents: (props: EventsDataProps) => void;
+    filterEvent: (props: EventsDataProps) => void;
+    viewCartEvent: (props: EventsDataProps) => void;
+    readyEvents: (props: EventsDataProps) => void;
+    configs: {
+        PLP_FILTERS: {
+            key: string;
+            label: string;
+            eventLabel: string;
+            order: number;
+        }[];
+        currency: string;
+        categoryOff: string;
+        storeUrl: string;
+    };
+};
+/**
+ * TODO: utilizar tipagem SizeInfoType
+ */
+export declare const getAvailablesSizes: (sizes: any[]) => any;
+export declare const getCategories: (breadcrumbList: string[]) => {
+    item_category3?: string | undefined;
+    item_category2?: string | undefined;
+    item_category?: string | undefined;
+};
+export declare const getProductListInfoFromHead: () => string[];
+export declare const getPersistedData: () => any;
+export declare const findDataInPersistedData: (persistedData: ProductsPersisteDataType, sku: string) => PersistedDataType;
+export declare const updatePersistedData: ({ persistedData, type, sku, newData, }: {
+    persistedData: ProductsPersisteDataType;
+    type: 'add' | 'remove';
+    sku: string;
+    newData?: PersistedDataType | undefined;
+}) => void;

package/src/data/src/Events/interfaces.d.ts

@@ -0,0 +1,108 @@
+import { MutableRefObject, PropsWithChildren } from 'react';
+import { eventsFunctions } from './helpers';
+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 type FunctionsKeyType = keyof typeof eventsFunctions;
+export type SendDatalayerEventType = {
+    functionKey: FunctionsKeyType;
+    data: EventsDataProps;
+    callBack?: () => void;
+    timeout?: number;
+};
+/**
+ * TODO: viewBannerEvent prop banner should be a type of BannerType
+ */
+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/data/src/helpers/product/generalInfo.d.ts

@@ -0,0 +1,11 @@
+export declare const splitNameAndSizeFromFullName: (fullName: string) => {
+    name: string;
+    size: string;
+};
+export declare const getColorAndSizeFromSkuName: (skuName?: string) => {
+    color?: undefined;
+    size?: undefined;
+} | {
+    color: string;
+    size: string;
+};

package/src/data/src/helpers/product/imageResize.d.ts

@@ -0,0 +1,8 @@
+export declare const resizingImg: (url: string, imageResize: {
+    width: number;
+    height: number;
+}) => string;
+export declare const updatedResizedImg: (url: string, imageResize: {
+    width: number;
+    height: number;
+}) => string;

package/src/data/src/helpers/product/interface.d.ts

@@ -0,0 +1,179 @@
+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 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;
+        }[];
+    }[];
+};

package/src/data/src/helpers/product/price.d.ts

@@ -0,0 +1 @@
+export declare const formatPriceToCurrency: (value: number, hasDecimal?: boolean) => string;

package/src/data/src/helpers/product/skuInfos.d.ts

@@ -0,0 +1,5 @@
+/**
+ * TODO: add PricesInfos and Sizes types
+ */
+import type { ItemType } from './interface';
+export declare const getSkuInfos: (items: ItemType[]) => any;

package/src/data/src/helpers/product/thumb.d.ts

@@ -0,0 +1,2 @@
+import { ImageType } from './interface';
+export declare const getThumbImage: (images: ImageType[]) => ImageType | undefined;

package/src/data/src/helpers/utils/cookies.d.ts

@@ -0,0 +1,2 @@
+export declare function getCookie(name: string): string | undefined;
+export declare function setCookie(name: string, value?: string, options?: {}): void;

package/src/data/src/helpers/utils/debounce.d.ts

@@ -0,0 +1 @@
+export declare function debounce(cb: Function, delay?: number): (...args: any[]) => void;

package/src/data/src/helpers/utils/generateSlug.d.ts

@@ -0,0 +1 @@
+export declare const removeAccentsAndReplaceSpaces: (str: string) => string;

package/src/data/src/helpers/utils/throttle.d.ts

@@ -0,0 +1 @@
+export declare function throttle(cb: Function, delay?: number): (...args: any[]) => void;

package/src/data/src/helpers/utils/timer.d.ts

@@ -0,0 +1,2 @@
+export declare const getMilliSeconds: (dateInit: Date, dateEnd: Date) => number;
+export declare const getDaysHoursMinutesSeconds: (milliseconds: number, type?: string) => number;

package/src/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;

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

@@ -0,0 +1,17 @@
+import type { IContentTypeResponseBase } from '../../Factories';
+export type DeviceType = 'mobile' | 'desktop';
+export interface Config {
+    seo: {
+        slug: string;
+        title: string;
+        description: string;
+    };
+    responsive: {
+        deviceType: DeviceType;
+        gapCustom: boolean;
+        gapSections: string;
+    };
+}
+export interface ICommonPage extends IContentTypeResponseBase {
+    config: Config;
+}

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

@@ -0,0 +1,36 @@
+import type { IContentTypeResponseBase } from '../../Factories';
+interface CommonFlagType {
+    value: string;
+    textColor: string;
+    tagColor: string;
+    enableIcon: boolean;
+    icon: string;
+    iconColor: string;
+}
+interface FlagTagWithCluster extends CommonFlagType {
+    key: string;
+}
+export interface TagCommercialConsumer {
+    value?: string;
+    icon?: string;
+    enableIcon?: boolean;
+    iconColor?: string;
+    textColor?: string;
+    tagColor?: string;
+}
+export interface IFlagsAndTagsContent extends IContentTypeResponseBase {
+    config: {
+        commercial: {
+            items: FlagTagWithCluster[];
+        };
+        institucional: {
+            items: FlagTagWithCluster[];
+        };
+        flagCart: {
+            flagHeader: CommonFlagType;
+            flagTotal: string;
+        };
+        flagPdp: CommonFlagType;
+    };
+}
+export {};

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

@@ -0,0 +1,44 @@
+import { PAYMENT_FLAGS } from '../../../constants';
+import type { IContentTypeResponseBase } from '../../Factories';
+export type DeviceType = 'mobile' | 'desktop';
+type PaymentFlags = (typeof PAYMENT_FLAGS)[number];
+export interface FooterLink {
+    link: string;
+    text: string;
+    isExternal?: boolean;
+}
+export interface MediaIcon {
+    icon: string;
+    link: string;
+}
+export interface FooterColumn {
+    column: Array<{
+        name: string;
+        nameIcon: string;
+        items: Array<FooterLink>;
+    }>;
+}
+export interface PaymentInfo {
+    title?: string;
+    titleIcon?: string;
+    text?: string;
+    flagsTitle?: string;
+    acceptedFlags: PaymentFlags[];
+}
+export interface SocialMedia {
+    title?: string;
+    subTitle?: string;
+    medias: Array<MediaIcon>;
+}
+export interface IFooterContent extends IContentTypeResponseBase {
+    links: {
+        links: FooterColumn;
+    };
+    paymentInfo: {
+        paymentInfo: PaymentInfo;
+    };
+    socialMedia: {
+        socialMedia: SocialMedia;
+    };
+}
+export {};

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

@@ -0,0 +1,52 @@
+import type { IContentTypeResponseBase } from '../../Factories';
+import type { DataSubmenu, IHeaderSubmenu } from '../../Sections/HeaderSubmenu';
+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 HeaderDataVariantProps {
+}
+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[];
+        };
+    };
+}