@faststore/components 3.0.7 → 3.0.32-alpha.0

package/dist/molecules/Carousel/Carousel.js

@@ -0,0 +1,188 @@
+import React, { useEffect, useMemo, useRef, useState } from 'react';
+import { Icon, IconButton } from '../..';
+import { useSlider } from '../../hooks';
+import CarouselBullets from './CarouselBullets';
+import CarouselItem from './CarouselItem';
+const createTransformValues = (infinite, totalItems) => {
+    const transformMap = {};
+    const slideWidth = 100 / totalItems;
+    for (let idx = 0; idx < totalItems; ++idx) {
+        const currIdx = infinite ? idx - 1 : idx;
+        const transformValue = -(slideWidth * idx);
+        transformMap[currIdx] = transformValue;
+    }
+    return transformMap;
+};
+function Carousel({ children, className, 'aria-label': ariaLabel, infiniteMode = false, controls = 'complete', testId = 'fs-carousel', transition = {
+    duration: 400,
+    property: 'transform',
+}, id = 'fs-carousel', variant = 'scroll', itemsPerPage = 1, navigationIcons = undefined, ...swipeableConfigOverrides }) {
+    if (itemsPerPage < 1) {
+        throw new Error('itemsPerPage must be greater than or equal to 1');
+    }
+    const carouselTrackRef = useRef(null);
+    const isSlideCarousel = variant === 'slide';
+    const isScrollCarousel = variant === 'scroll';
+    const childrenArray = React.Children.toArray(children);
+    const childrenCount = childrenArray.length;
+    const numberOfSlides = infiniteMode ? childrenCount + 2 : childrenCount;
+    const slidingTransition = `${transition.property} ${transition.duration}ms ${transition.timing ?? ''} ${transition.delay ?? ''}`;
+    const { handlers, slide, sliderState, sliderDispatch } = useSlider({
+        itemsPerPage,
+        infiniteMode,
+        totalItems: childrenCount,
+        shouldSlideOnSwipe: isSlideCarousel,
+        ...swipeableConfigOverrides,
+    });
+    const pagesCount = Math.ceil(childrenCount / sliderState.itemsPerPage);
+    const [marginRight, setMarginRight] = useState('16px');
+    const [carouselItemsWidth, setCarouselItemsWidth] = useState(0);
+    useEffect(() => {
+        const item = carouselTrackRef.current?.firstElementChild;
+        if (item) {
+            setMarginRight(getComputedStyle(item).getPropertyValue('margin-right'));
+            setCarouselItemsWidth(Number(item.clientWidth) + parseInt(marginRight, 10) + 1);
+        }
+    }, [carouselItemsWidth]);
+    const showNavigationArrows = pagesCount !== 1 &&
+        (controls === 'complete' || controls === 'navigationArrows');
+    const showPaginationBullets = pagesCount !== 1 &&
+        (controls === 'complete' || controls === 'paginationBullets');
+    const transformValues = useMemo(() => createTransformValues(infiniteMode, numberOfSlides), [numberOfSlides, infiniteMode]);
+    const postRenderedSlides = infiniteMode && children ? childrenArray.slice(0, 1) : [];
+    const preRenderedSlides = infiniteMode && children ? childrenArray.slice(childrenCount - 1) : [];
+    const slides = preRenderedSlides.concat(children ?? [], postRenderedSlides);
+    const slideCarouselTrackStyle = useMemo(() => ({
+        width: `${numberOfSlides * 100}%`,
+        transition: sliderState.sliding ? slidingTransition : undefined,
+        transform: `translate3d(${transformValues[sliderState.currentPage]}%, 0, 0)`,
+    }), [
+        numberOfSlides,
+        transformValues,
+        slidingTransition,
+        sliderState.sliding,
+        sliderState.currentPage,
+    ]);
+    const scrollCarouselTrackStyle = useMemo(() => ({
+        width: '100%',
+        overflowX: 'scroll',
+        whiteSpace: 'nowrap',
+    }), []);
+    const carouselTrackStyle = (isSlideCarousel && slideCarouselTrackStyle) ||
+        (isScrollCarousel && scrollCarouselTrackStyle);
+    const slidePrevious = () => {
+        if (sliderState.sliding ||
+            (!infiniteMode && sliderState.currentPage === 0)) {
+            return;
+        }
+        slide('previous', sliderDispatch);
+    };
+    const slideNext = () => {
+        if (sliderState.sliding ||
+            (!infiniteMode && sliderState.currentPage === childrenCount - 1)) {
+            return;
+        }
+        slide('next', sliderDispatch);
+    };
+    const onScrollTrack = (event) => {
+        if (isSlideCarousel || itemsPerPage > 1) {
+            return;
+        }
+        const itemWidth = Number(event.currentTarget.firstElementChild?.scrollWidth);
+        const scrollOffset = event.currentTarget?.scrollLeft;
+        const formatter = scrollOffset > itemWidth / 2 ? Math.round : Math.floor;
+        const page = formatter(scrollOffset / itemWidth);
+        slide(page, sliderDispatch);
+    };
+    const onTransitionTrackEnd = () => {
+        sliderDispatch({
+            type: 'STOP_SLIDE',
+        });
+        if (infiniteMode && sliderState.currentItem >= childrenCount) {
+            sliderDispatch({
+                type: 'GO_TO_PAGE',
+                payload: {
+                    pageIndex: 0,
+                    shouldSlide: false,
+                },
+            });
+        }
+        if (infiniteMode && sliderState.currentItem < 0) {
+            sliderDispatch({
+                type: 'GO_TO_PAGE',
+                payload: {
+                    pageIndex: sliderState.totalPages - 1,
+                    shouldSlide: false,
+                },
+            });
+        }
+    };
+    const onScrollPagination = async (index, slideDirection) => {
+        if (slideDirection === 'previous' && sliderState.currentPage === 0) {
+            return;
+        }
+        if (slideDirection === 'next' &&
+            sliderState.currentPage === sliderState.totalPages - 1) {
+            return;
+        }
+        let scrollOffset = index * carouselItemsWidth * itemsPerPage;
+        carouselTrackRef.current?.scrollTo({
+            left: scrollOffset,
+            behavior: 'smooth',
+        });
+        slide(index, sliderDispatch);
+    };
+    // accessible behavior for tablist
+    const handleBulletsKeyDown = (event) => {
+        switch (event.key) {
+            case 'ArrowLeft': {
+                isSlideCarousel && slidePrevious();
+                isScrollCarousel &&
+                    onScrollPagination(sliderState.currentPage - 1, 'previous');
+                break;
+            }
+            case 'ArrowRight': {
+                isSlideCarousel && slideNext();
+                isScrollCarousel &&
+                    onScrollPagination(sliderState.currentPage + 1, 'next');
+                break;
+            }
+            case 'Home': {
+                slide(0, sliderDispatch);
+                break;
+            }
+            case 'End': {
+                slide(childrenCount - 1, sliderDispatch);
+                break;
+            }
+            default:
+        }
+    };
+    return (React.createElement("section", { id: id, "data-fs-carousel": true, "data-fs-carousel-variant": variant, className: className, "data-testid": testId, "aria-label": ariaLabel },
+        React.createElement("div", { "data-fs-carousel-track-container": true, style: {
+                width: '100%',
+                overflow: 'hidden',
+                display: isScrollCarousel ? 'block' : undefined,
+            }, ...handlers },
+            React.createElement("ul", { "aria-live": "polite", ref: carouselTrackRef, style: carouselTrackStyle, "data-fs-carousel-track": true, onScroll: onScrollTrack, onTransitionEnd: onTransitionTrackEnd }, slides.map((currentSlide, idx) => (React.createElement(CarouselItem, { id: id, index: idx, key: String(idx), state: sliderState, totalItems: childrenCount, infiniteMode: infiniteMode, isScrollCarousel: isScrollCarousel, marginRightValue: marginRight }, currentSlide))))),
+        showNavigationArrows && (React.createElement("div", { "data-fs-carousel-controls": true },
+            React.createElement(IconButton, { "data-fs-carousel-control": "left", "aria-controls": id, disabled: !infiniteMode && sliderState.currentPage === 0, "aria-label": "previous", icon: navigationIcons?.left ?? (React.createElement(Icon, { name: "ArrowLeft", width: 20, height: 20, weight: "bold" })), onClick: () => {
+                    isSlideCarousel && slidePrevious();
+                    isScrollCarousel &&
+                        onScrollPagination(sliderState.currentPage - 1, 'previous');
+                } }),
+            React.createElement(IconButton, { "data-fs-carousel-control": "right", "aria-controls": id, disabled: !infiniteMode &&
+                    sliderState.currentPage === sliderState.totalPages - 1, "aria-label": "next", icon: navigationIcons?.right ?? (React.createElement(Icon, { name: "ArrowRight", width: 20, height: 20, weight: "bold" })), onClick: () => {
+                    isSlideCarousel && slideNext();
+                    isScrollCarousel &&
+                        onScrollPagination(sliderState.currentPage + 1, 'next');
+                } }))),
+        showPaginationBullets && (React.createElement(CarouselBullets, { id: id, tabIndex: 0, activeBullet: sliderState.currentPage, totalQuantity: pagesCount, onKeyDown: handleBulletsKeyDown, onClick: async (_, idx) => {
+                isSlideCarousel &&
+                    !sliderState.sliding &&
+                    slide(idx, sliderDispatch);
+                isScrollCarousel && onScrollPagination(idx);
+            }, onFocus: (event) => event.currentTarget.focus(), ariaControlsGenerator: (idx) => `${id}-carousel-item-${idx}` }))));
+}
+export default Carousel;
+//# sourceMappingURL=Carousel.js.map

package/dist/molecules/Carousel/Carousel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.js","sourceRoot":"","sources":["../../../src/molecules/Carousel/Carousel.tsx"],"names":[],"mappings":"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"}

package/dist/molecules/Carousel/CarouselBullets.d.ts

@@ -0,0 +1,39 @@
+import type { HTMLAttributes, MouseEvent } from 'react';
+import React from 'react';
+export interface CarouselBulletsProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onClick' | 'role'> {
+    /**
+     * ID of the current instance of the component.
+     */
+    id: string;
+    /**
+     * Number of bullets that should be rendered.
+     */
+    totalQuantity: number;
+    /**
+     * The currently active bullet (zero-indexed).
+     */
+    activeBullet: number;
+    /**
+     * Event handler for clicks on each bullet. The handler will be called with
+     * the index of the bullet that received the click.
+     */
+    onClick: (e: MouseEvent, bulletIdx: number) => void;
+    /**
+     * ID to find this component in testing tools (e.g.: cypress,
+     * testing-library, and jest).
+     */
+    testId?: string;
+    /**
+     * Function that should be used to generate the aria-label attribute added
+     * to each bullet that is inactive. It receives the bullet index as an
+     * argument so that it can be interpolated in the generated string.
+     */
+    ariaLabelGenerator?: (id: string, index: number, isActive: boolean) => string;
+    /**
+     * Function that should be used to generate the aria-controls attribute added
+     * to each bullet. It receives the bullet index as argument and should return a string.
+     */
+    ariaControlsGenerator?: (index: number) => string;
+}
+declare const CarouselBullets: React.ForwardRefExoticComponent<CarouselBulletsProps & React.RefAttributes<HTMLDivElement>>;
+export default CarouselBullets;

package/dist/molecules/Carousel/CarouselBullets.js

@@ -0,0 +1,12 @@
+import React, { forwardRef, useMemo } from 'react';
+import { Button } from '../..';
+const defaultAriaLabel = (id, idx, isActive) => isActive ? `Current page from ${id}` : `Go to page ${idx + 1} from ${id}`;
+const CarouselBullets = forwardRef(function Bullets({ id, totalQuantity, activeBullet, onClick, testId = 'fs-carousel-bullets', ariaLabelGenerator = defaultAriaLabel, ariaControlsGenerator, ...otherProps }, ref) {
+    const bulletIndexes = useMemo(() => Array(totalQuantity).fill(0), [totalQuantity]);
+    return (React.createElement("div", { ref: ref, "data-fs-carousel-bullets": true, "data-testid": testId, role: "tablist", ...otherProps }, bulletIndexes.map((_, idx) => {
+        const isActive = activeBullet === idx;
+        return (React.createElement(Button, { key: `${id}-${idx}`, role: "tab", tabIndex: -1, "data-fs-carousel-bullet": true, testId: `${testId}-bullet`, onClick: (e) => onClick(e, idx), "aria-label": ariaLabelGenerator(id, idx, isActive), "aria-controls": ariaControlsGenerator?.(idx), "aria-selected": isActive, variant: "tertiary" }));
+    })));
+});
+export default CarouselBullets;
+//# sourceMappingURL=CarouselBullets.js.map

package/dist/molecules/Carousel/CarouselBullets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CarouselBullets.js","sourceRoot":"","sources":["../../../src/molecules/Carousel/CarouselBullets.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAElD,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAuC9B,MAAM,gBAAgB,GAAG,CAAC,EAAU,EAAE,GAAW,EAAE,QAAiB,EAAE,EAAE,CACtE,QAAQ,CAAC,CAAC,CAAC,qBAAqB,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,GAAG,GAAG,CAAC,SAAS,EAAE,EAAE,CAAA;AAE3E,MAAM,eAAe,GAAG,UAAU,CAChC,SAAS,OAAO,CACd,EACE,EAAE,EACF,aAAa,EACb,YAAY,EACZ,OAAO,EACP,MAAM,GAAG,qBAAqB,EAC9B,kBAAkB,GAAG,gBAAgB,EACrC,qBAAqB,EACrB,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,aAAa,GAAG,OAAO,CAC3B,GAAG,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAClC,CAAC,aAAa,CAAC,CAChB,CAAA;IAED,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,mDAEK,MAAM,EACnB,IAAI,EAAC,SAAS,KACV,UAAU,IAEb,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE;QAC5B,MAAM,QAAQ,GAAG,YAAY,KAAK,GAAG,CAAA;QAErC,OAAO,CACL,oBAAC,MAAM,IACL,GAAG,EAAE,GAAG,EAAE,IAAI,GAAG,EAAE,EACnB,IAAI,EAAC,KAAK,EACV,QAAQ,EAAE,CAAC,CAAC,mCAEZ,MAAM,EAAE,GAAG,MAAM,SAAS,EAC1B,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,EAAE,GAAG,CAAC,gBACnB,kBAAkB,CAAC,EAAE,EAAE,GAAG,EAAE,QAAQ,CAAC,mBAClC,qBAAqB,EAAE,CAAC,GAAG,CAAC,mBAC5B,QAAQ,EACvB,OAAO,EAAC,UAAU,GAClB,CACH,CAAA;IACH,CAAC,CAAC,CACE,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,eAAe,CAAA"}

package/dist/molecules/Carousel/CarouselItem.d.ts

@@ -0,0 +1,13 @@
+import type { HTMLAttributes, PropsWithChildren } from 'react';
+import React from 'react';
+import { SliderState } from '../../hooks';
+export interface CarouselItemProps extends HTMLAttributes<HTMLLIElement> {
+    index: number;
+    totalItems: number;
+    state: SliderState;
+    infiniteMode: boolean;
+    isScrollCarousel: boolean;
+    marginRightValue: string;
+}
+declare function CarouselItem({ id, index, state, children, totalItems, infiniteMode, isScrollCarousel, marginRightValue, }: PropsWithChildren<CarouselItemProps>): React.JSX.Element;
+export default CarouselItem;

package/dist/molecules/Carousel/CarouselItem.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import { useSlideVisibility } from '../../hooks';
+function CarouselItem({ id, index, state, children, totalItems, infiniteMode, isScrollCarousel, marginRightValue, }) {
+    const { isItemVisible, shouldRenderItem } = useSlideVisibility({
+        totalItems,
+        currentSlide: state.currentItem,
+        itemsPerPage: state.itemsPerPage,
+    });
+    const defaultStyle = { width: '100%' };
+    const scrollCarouselStyle = {
+        width: `calc((100% - ${marginRightValue} * ${state.itemsPerPage - 1}) / ${state.itemsPerPage})`,
+    };
+    const style = isScrollCarousel && state.itemsPerPage > 1
+        ? { ...scrollCarouselStyle }
+        : { ...defaultStyle };
+    const shouldDisplayItem = isScrollCarousel || shouldRenderItem(index - Number(infiniteMode));
+    return (React.createElement("li", { style: style, id: `${id}-carousel-item-${index}`, "data-fs-carousel-item": true, "data-fs-carousel-item-visible": isItemVisible(index - Number(infiniteMode)) || undefined }, shouldDisplayItem ? children : null));
+}
+export default CarouselItem;
+//# sourceMappingURL=CarouselItem.js.map

package/dist/molecules/Carousel/CarouselItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CarouselItem.js","sourceRoot":"","sources":["../../../src/molecules/Carousel/CarouselItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAe,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAW7D,SAAS,YAAY,CAAC,EACpB,EAAE,EACF,KAAK,EACL,KAAK,EACL,QAAQ,EACR,UAAU,EACV,YAAY,EACZ,gBAAgB,EAChB,gBAAgB,GACqB;IACrC,MAAM,EAAE,aAAa,EAAE,gBAAgB,EAAE,GAAG,kBAAkB,CAAC;QAC7D,UAAU;QACV,YAAY,EAAE,KAAK,CAAC,WAAW;QAC/B,YAAY,EAAE,KAAK,CAAC,YAAY;KACjC,CAAC,CAAA;IAEF,MAAM,YAAY,GAAG,EAAE,KAAK,EAAE,MAAM,EAAmB,CAAA;IACvD,MAAM,mBAAmB,GAAG;QAC1B,KAAK,EAAE,gBAAgB,gBAAgB,MAAM,KAAK,CAAC,YAAY,GAAG,CAAC,OACjE,KAAK,CAAC,YACR,GAAG;KACa,CAAA;IAElB,MAAM,KAAK,GAAG,gBAAgB,IAAI,KAAK,CAAC,YAAY,GAAG,CAAC;QACtD,CAAC,CAAC,EAAE,GAAG,mBAAmB,EAAE;QAC5B,CAAC,CAAC,EAAE,GAAG,YAAY,EAAE,CAAA;IAEvB,MAAM,iBAAiB,GACrB,gBAAgB,IAAI,gBAAgB,CAAC,KAAK,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC,CAAA;IAEpE,OAAO,CACL,4BACE,KAAK,EAAE,KAAK,EACZ,EAAE,EAAE,GAAG,EAAE,kBAAkB,KAAK,EAAE,kEAGhC,aAAa,CAAC,KAAK,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC,IAAI,SAAS,IAGzD,iBAAiB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CACjC,CACN,CAAA;AACH,CAAC;AAED,eAAe,YAAY,CAAA"}

package/dist/molecules/Carousel/index.d.ts

@@ -0,0 +1,6 @@
+export { default } from './Carousel';
+export type { CarouselProps } from './Carousel';
+export { default as CarouselItem } from './CarouselItem';
+export type { CarouselItemProps } from './CarouselItem';
+export { default as CarouselBullets } from './CarouselBullets';
+export type { CarouselBulletsProps } from './CarouselBullets';

package/dist/molecules/Carousel/index.js

@@ -0,0 +1,4 @@
+export { default } from './Carousel';
+export { default as CarouselItem } from './CarouselItem';
+export { default as CarouselBullets } from './CarouselBullets';
+//# sourceMappingURL=index.js.map

package/dist/molecules/Carousel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/molecules/Carousel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AAGpC,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAGxD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAA"}

package/dist/molecules/CartItem/CartItem.d.ts

@@ -0,0 +1,32 @@
+import type { HTMLAttributes } from 'react';
+import React from 'react';
+import { IconButtonProps } from '../../';
+import type { PriceDefinition } from '../../typings/PriceDefinition';
+export interface CartItemProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * ID to find this component in testing tools (e.g.: Cypress, Testing Library, and Jest).
+     */
+    testId?: string;
+    /**
+     * Specifies product Price.
+     */
+    price?: PriceDefinition;
+    /**
+     * Specifies the quantity of items of the same product.
+     */
+    quantity?: number;
+    /**
+     * Specifies that this product is unavailable.
+     */
+    unavailable?: boolean;
+    /**
+     * Props for the Remove from cart IconButton component.
+     */
+    removeBtnProps?: Partial<IconButtonProps>;
+    /**
+     * Event emitted when product quantity value is changed.
+     */
+    onQuantityChange?: (value: number) => void;
+}
+declare const CartItem: React.ForwardRefExoticComponent<CartItemProps & React.RefAttributes<HTMLDivElement>>;
+export default CartItem;

package/dist/molecules/CartItem/CartItem.js

@@ -0,0 +1,12 @@
+import React, { forwardRef } from 'react';
+import { Icon, IconButton, ProductPrice, QuantitySelector, } from '../../';
+const CartItem = forwardRef(function CartItem({ testId = 'fs-cart-item', price, quantity, unavailable, onQuantityChange, children, removeBtnProps, ...otherProps }, ref) {
+    return (React.createElement("article", { ref: ref, "data-fs-cart-item": unavailable ? 'unavailable' : 'true', "data-testid": testId, ...otherProps },
+        React.createElement("div", { "data-fs-cart-item-content": true }, children),
+        React.createElement(IconButton, { "data-fs-cart-item-remove-button": true, icon: React.createElement(Icon, { name: "XCircle" }), "aria-label": "Remove", ...removeBtnProps }),
+        React.createElement("div", { "data-fs-cart-item-actions": true },
+            React.createElement(QuantitySelector, { min: 1, initial: quantity, onChange: onQuantityChange }),
+            React.createElement(ProductPrice, { "data-fs-cart-item-prices": true, listPrice: price?.listPrice ? price.listPrice : 0, value: price?.value ? price.value : 0, formatter: price?.formatter }))));
+});
+export default CartItem;
+//# sourceMappingURL=CartItem.js.map

package/dist/molecules/CartItem/CartItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CartItem.js","sourceRoot":"","sources":["../../../src/molecules/CartItem/CartItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EACL,IAAI,EACJ,UAAU,EAEV,YAAY,EACZ,gBAAgB,GACjB,MAAM,QAAQ,CAAA;AA+Bf,MAAM,QAAQ,GAAG,UAAU,CAAgC,SAAS,QAAQ,CAC1E,EACE,MAAM,GAAG,cAAc,EACvB,KAAK,EACL,QAAQ,EACR,WAAW,EACX,gBAAgB,EAChB,QAAQ,EACR,cAAc,EACd,GAAG,UAAU,EACd,EACD,GAAG;IAEH,OAAO,CACL,iCACE,GAAG,EAAE,GAAG,uBACW,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,iBAC1C,MAAM,KACf,UAAU;QAEd,kEAAgC,QAAQ,CAAO;QAC/C,oBAAC,UAAU,6CAET,IAAI,EAAE,oBAAC,IAAI,IAAC,IAAI,EAAC,SAAS,GAAG,gBAClB,QAAQ,KACf,cAAc,GAClB;QACF;YACE,oBAAC,gBAAgB,IACf,GAAG,EAAE,CAAC,EACN,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,gBAAgB,GAC1B;YACF,oBAAC,YAAY,sCAEX,SAAS,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EACjD,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EACrC,SAAS,EAAE,KAAK,EAAE,SAAS,GAC3B,CACE,CACE,CACX,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,QAAQ,CAAA"}

package/dist/molecules/CartItem/CartItemImage.d.ts

@@ -0,0 +1,10 @@
+import type { HTMLAttributes } from 'react';
+import React from 'react';
+export interface CartItemImageProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * ID to find this component in testing tools (e.g.: Cypress, Testing Library, and Jest).
+     */
+    testId?: string;
+}
+declare const CartItemImage: React.ForwardRefExoticComponent<CartItemImageProps & React.RefAttributes<HTMLDivElement>>;
+export default CartItemImage;

package/dist/molecules/CartItem/CartItemImage.js

@@ -0,0 +1,6 @@
+import React, { forwardRef } from 'react';
+const CartItemImage = forwardRef(function CartItemImage({ testId = 'fs-cart-item-image', children, ...otherProps }, ref) {
+    return (React.createElement("div", { ref: ref, "data-fs-cart-item-image": true, "data-testid": testId, ...otherProps }, children));
+});
+export default CartItemImage;
+//# sourceMappingURL=CartItemImage.js.map

package/dist/molecules/CartItem/CartItemImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CartItemImage.js","sourceRoot":"","sources":["../../../src/molecules/CartItem/CartItemImage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AASzC,MAAM,aAAa,GAAG,UAAU,CAC9B,SAAS,aAAa,CACpB,EAAE,MAAM,GAAG,oBAAoB,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EAC1D,GAAG;IAEH,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,kDAEK,MAAM,KACf,UAAU,IAEb,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,aAAa,CAAA"}

package/dist/molecules/CartItem/CartItemSummary.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import type { HTMLAttributes } from 'react';
+export interface CartItemSummaryProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * ID to find this component in testing tools (e.g.: Cypress, Testing Library, and Jest).
+     */
+    testId?: string;
+    /**
+     * Specifies the product's title.
+     */
+    title: string;
+    /**
+     * Array of the product's chosen variations.
+     */
+    activeVariations?: Array<{
+        label: string;
+        option: string;
+    }>;
+}
+declare const CartItemSummary: React.ForwardRefExoticComponent<CartItemSummaryProps & React.RefAttributes<HTMLDivElement>>;
+export default CartItemSummary;

package/dist/molecules/CartItem/CartItemSummary.js

@@ -0,0 +1,12 @@
+import React, { forwardRef } from 'react';
+const CartItemSummary = forwardRef(function CartItemSummary({ testId = 'fs-cart-item-summary', title, activeVariations = [], children, ...otherProps }, ref) {
+    return (React.createElement("div", { ref: ref, "data-fs-cart-item-summary": true, "data-testid": testId, ...otherProps },
+        React.createElement("div", { "data-fs-cart-item-title": true }, title),
+        activeVariations.length > 0 && (React.createElement("div", { "data-fs-cart-item-skus": true }, activeVariations.map(({ label, option }) => (React.createElement("p", { key: label },
+            label,
+            ": ",
+            React.createElement("span", null, option)))))),
+        children));
+});
+export default CartItemSummary;
+//# sourceMappingURL=CartItemSummary.js.map

package/dist/molecules/CartItem/CartItemSummary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CartItemSummary.js","sourceRoot":"","sources":["../../../src/molecules/CartItem/CartItemSummary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAkBzC,MAAM,eAAe,GAAG,UAAU,CAChC,SAAS,eAAe,CACtB,EACE,MAAM,GAAG,sBAAsB,EAC/B,KAAK,EACL,gBAAgB,GAAG,EAAE,EACrB,QAAQ,EACR,GAAG,UAAU,EACd,EACD,GAAG;IAEH,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,oDAEK,MAAM,KACf,UAAU;QAEd,gEAA8B,KAAK,CAAO;QACzC,gBAAgB,CAAC,MAAM,GAAG,CAAC,IAAI,CAC9B,+DACG,gBAAgB,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAC3C,2BAAG,GAAG,EAAE,KAAK;YACV,KAAK;;YAAG,kCAAO,MAAM,CAAQ,CAC5B,CACL,CAAC,CACE,CACP;QACA,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,eAAe,CAAA"}

package/dist/molecules/CartItem/index.d.ts

@@ -0,0 +1,6 @@
+export { default } from './CartItem';
+export type { CartItemProps } from './CartItem';
+export { default as CartItemImage } from './CartItemImage';
+export type { CartItemImageProps } from './CartItemImage';
+export { default as CartItemSummary } from './CartItemSummary';
+export type { CartItemSummaryProps } from './CartItemSummary';

package/dist/molecules/CartItem/index.js

@@ -0,0 +1,4 @@
+export { default } from './CartItem';
+export { default as CartItemImage } from './CartItemImage';
+export { default as CartItemSummary } from './CartItemSummary';
+//# sourceMappingURL=index.js.map

package/dist/molecules/CartItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/molecules/CartItem/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AAGpC,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAG1D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAA"}

package/dist/molecules/CheckboxField/CheckboxField.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+export interface CheckboxFieldProps {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+     */
+    testId?: string;
+    /**
+     * ID to identify input and corresponding label.
+     */
+    id: string;
+    /**
+     * The text displayed to identify the input checkbox.
+     */
+    label: string;
+    /**
+     * The value to identify the input checkbox.
+     */
+    value?: string;
+    /**
+     * Identify checkbox in the same group.
+     */
+    name?: string;
+}
+declare const CheckboxField: React.ForwardRefExoticComponent<CheckboxFieldProps & React.RefAttributes<HTMLDivElement>>;
+export default CheckboxField;

package/dist/molecules/CheckboxField/CheckboxField.js

@@ -0,0 +1,10 @@
+import React, { forwardRef } from 'react';
+import Checkbox from '../../atoms/Checkbox';
+import Label from '../../atoms/Label';
+const CheckboxField = forwardRef(function CheckboxField({ testId = 'fs-checkbox-field', id, label, value, name, ...otherProps }, ref) {
+    return (React.createElement("div", { ref: ref, "data-fs-checkbox-field": true, "data-testid": testId },
+        React.createElement(Checkbox, { id: id, value: value ?? label, name: name, ...otherProps }),
+        React.createElement(Label, { htmlFor: id }, label)));
+});
+export default CheckboxField;
+//# sourceMappingURL=CheckboxField.js.map

package/dist/molecules/CheckboxField/CheckboxField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxField.js","sourceRoot":"","sources":["../../../src/molecules/CheckboxField/CheckboxField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,QAAQ,MAAM,sBAAsB,CAAA;AAC3C,OAAO,KAAK,MAAM,mBAAmB,CAAA;AAyBrC,MAAM,aAAa,GAAG,UAAU,CAC9B,SAAS,aAAa,CACpB,EAAE,MAAM,GAAG,mBAAmB,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,UAAU,EAAE,EACvE,GAAG;IAEH,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,iDAAsC,MAAM;QACvD,oBAAC,QAAQ,IAAC,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,IAAI,KAAK,EAAE,IAAI,EAAE,IAAI,KAAM,UAAU,GAAI;QACvE,oBAAC,KAAK,IAAC,OAAO,EAAE,EAAE,IAAG,KAAK,CAAS,CAC/B,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,aAAa,CAAA"}

package/dist/molecules/CheckboxField/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './CheckboxField';
+export type { CheckboxFieldProps } from './CheckboxField';

package/dist/molecules/CheckboxField/index.js

@@ -0,0 +1,2 @@
+export { default } from './CheckboxField';
+//# sourceMappingURL=index.js.map

package/dist/molecules/CheckboxField/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/molecules/CheckboxField/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA"}

package/dist/molecules/DiscountBadge/DiscountBadge.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import { BadgeProps } from '../..';
+export interface DiscountBadgeProps extends Omit<BadgeProps, 'variant' | 'counter' | 'aria-label'> {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+     */
+    testId?: string;
+    /**
+     * Specifies price without discount applied.
+     */
+    listPrice: number;
+    /**
+     * Specifies current price with discount applied.
+     */
+    spotPrice: number;
+    /**
+     * Sets the limit percentage value to consider a low discount.
+     */
+    thresholdLow?: number;
+    /**
+     * Sets the limit percentage value to consider a high discount.
+     */
+    thresholdHigh?: number;
+}
+declare const DiscountBadge: ({ listPrice, spotPrice, thresholdLow, thresholdHigh, size, testId, }: DiscountBadgeProps) => React.JSX.Element;
+export default DiscountBadge;

package/dist/molecules/DiscountBadge/DiscountBadge.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import { Badge } from '../..';
+import { useDiscountPercent } from '../DiscountBadge/useDiscountPercent';
+const DiscountBadge = ({ listPrice, spotPrice, thresholdLow = 15, thresholdHigh = 40, size, testId = 'fs-discount-badge', }) => {
+    const discountPercent = useDiscountPercent(listPrice, spotPrice);
+    if (discountPercent === 0) {
+        return React.createElement(React.Fragment, null);
+    }
+    const discountVariant = discountPercent <= thresholdLow
+        ? 'low'
+        : discountPercent <= thresholdHigh
+            ? 'medium'
+            : 'high';
+    return (React.createElement(Badge, { "data-fs-discount-badge": true, "data-fs-discount-badge-variant": discountVariant, size: size, "data-testid": testId },
+        discountPercent,
+        "% off"));
+};
+export default DiscountBadge;
+//# sourceMappingURL=DiscountBadge.js.map

package/dist/molecules/DiscountBadge/DiscountBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DiscountBadge.js","sourceRoot":"","sources":["../../../src/molecules/DiscountBadge/DiscountBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,EAAc,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAA;AA0BxE,MAAM,aAAa,GAAG,CAAC,EACrB,SAAS,EACT,SAAS,EACT,YAAY,GAAG,EAAE,EACjB,aAAa,GAAG,EAAE,EAClB,IAAI,EACJ,MAAM,GAAG,mBAAmB,GACT,EAAE,EAAE;IACvB,MAAM,eAAe,GAAG,kBAAkB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;IAEhE,IAAI,eAAe,KAAK,CAAC,EAAE;QACzB,OAAO,yCAAK,CAAA;KACb;IAED,MAAM,eAAe,GACnB,eAAe,IAAI,YAAY;QAC7B,CAAC,CAAC,KAAK;QACP,CAAC,CAAC,eAAe,IAAI,aAAa;YAClC,CAAC,CAAC,QAAQ;YACV,CAAC,CAAC,MAAM,CAAA;IAEZ,OAAO,CACL,oBAAC,KAAK,sEAE4B,eAAe,EAC/C,IAAI,EAAE,IAAI,iBACG,MAAM;QAElB,eAAe;gBACV,CACT,CAAA;AACH,CAAC,CAAA;AAED,eAAe,aAAa,CAAA"}

package/dist/molecules/DiscountBadge/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './DiscountBadge';
+export type { DiscountBadgeProps } from './DiscountBadge';

package/dist/molecules/DiscountBadge/index.js

@@ -0,0 +1,2 @@
+export { default } from './DiscountBadge';
+//# sourceMappingURL=index.js.map

package/dist/molecules/DiscountBadge/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/molecules/DiscountBadge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA"}

package/dist/molecules/DiscountBadge/useDiscountPercent.d.ts

@@ -0,0 +1 @@
+export declare const useDiscountPercent: (listPrice: number, spotPrice: number) => number;

package/dist/molecules/DiscountBadge/useDiscountPercent.js

@@ -0,0 +1,9 @@
+import { useMemo } from 'react';
+export const useDiscountPercent = (listPrice, spotPrice) => {
+    return useMemo(() => {
+        const diff = listPrice - spotPrice;
+        const discount = (diff * 100) / listPrice;
+        return Math.round(discount);
+    }, [spotPrice, listPrice]);
+};
+//# sourceMappingURL=useDiscountPercent.js.map

package/dist/molecules/DiscountBadge/useDiscountPercent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDiscountPercent.js","sourceRoot":"","sources":["../../../src/molecules/DiscountBadge/useDiscountPercent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAE/B,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,SAAiB,EAAE,SAAiB,EAAE,EAAE;IACzE,OAAO,OAAO,CAAC,GAAG,EAAE;QAClB,MAAM,IAAI,GAAG,SAAS,GAAG,SAAS,CAAA;QAClC,MAAM,QAAQ,GAAG,CAAC,IAAI,GAAG,GAAG,CAAC,GAAG,SAAS,CAAA;QAEzC,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAA;IAC7B,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAA;AAC5B,CAAC,CAAA"}

package/dist/molecules/Dropdown/Dropdown.d.ts

@@ -0,0 +1,18 @@
+import type { PropsWithChildren } from 'react';
+import React from 'react';
+export interface DropdownProps {
+    /**
+     * Event emitted when the Dropdown is closed.
+     */
+    onDismiss?(): void;
+    /**
+     * A boolean value that represents the state of the Dropdown.
+     */
+    isOpen?: boolean;
+    /**
+     * ID to identify Dropdown.
+     */
+    id?: string;
+}
+declare const Dropdown: ({ children, isOpen: isOpenDefault, onDismiss, id, }: PropsWithChildren<DropdownProps>) => React.JSX.Element;
+export default Dropdown;