@faststore/components 3.98.0-dev.3 → 3.98.0-dev.8

package/dist/esm/organisms/QuickOrderDrawer/QuickOrderDrawer.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { useFadeEffect } from '../../hooks';
+import SlideOver from '../SlideOver/SlideOver';
+import { QuickOrderDrawerProvider, } from './provider/QuickOrderDrawerProvider';
+const QuickOrderDrawer = ({ testId = 'fs-quick-order-drawer', isOpen, overlayProps, providerProps, children, }) => {
+    const { fade } = useFadeEffect();
+    return (React.createElement(QuickOrderDrawerProvider, { ...providerProps },
+        React.createElement(SlideOver, { testId: testId, fade: fade, isOpen: isOpen, size: "partial", direction: "rightSide", overlayProps: overlayProps, "data-fs-quick-order-drawer": true }, children)));
+};
+export default QuickOrderDrawer;
+//# sourceMappingURL=QuickOrderDrawer.js.map

package/dist/esm/organisms/QuickOrderDrawer/QuickOrderDrawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuickOrderDrawer.js","sourceRoot":"","sources":["../../../../src/organisms/QuickOrderDrawer/QuickOrderDrawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiC,MAAM,OAAO,CAAA;AAErD,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAC3C,OAAO,SAAS,MAAM,wBAAwB,CAAA;AAE9C,OAAO,EACL,wBAAwB,GAEzB,MAAM,qCAAqC,CAAA;AAwB5C,MAAM,gBAAgB,GAAG,CAAC,EACxB,MAAM,GAAG,uBAAuB,EAChC,MAAM,EACN,YAAY,EACZ,aAAa,EACb,QAAQ,GACiC,EAAE,EAAE;IAC7C,MAAM,EAAE,IAAI,EAAE,GAAG,aAAa,EAAE,CAAA;IAChC,OAAO,CACL,oBAAC,wBAAwB,OAAK,aAAa;QACzC,oBAAC,SAAS,IACR,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,IAAI,EAAC,SAAS,EACd,SAAS,EAAC,WAAW,EACrB,YAAY,EAAE,YAAY,wCAGzB,QAAQ,CACC,CACa,CAC5B,CAAA;AACH,CAAC,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/dist/esm/organisms/QuickOrderDrawer/QuickOrderDrawerFooter.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { type PriceFormatter } from '../../atoms/Price';
+export type QuickOrderDrawerFooterProps = {
+    formatter?: PriceFormatter;
+    /**
+     * Text labels for CMS configuration
+     */
+    labels?: {
+        itemsLabel?: string;
+        addToCartLabel?: string;
+        addToCartAriaLabel?: string;
+    };
+};
+declare const QuickOrderDrawerFooter: ({ formatter, labels, }: QuickOrderDrawerFooterProps) => React.JSX.Element;
+export default QuickOrderDrawerFooter;
+//# sourceMappingURL=QuickOrderDrawerFooter.d.ts.map

package/dist/esm/organisms/QuickOrderDrawer/QuickOrderDrawerFooter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuickOrderDrawerFooter.d.ts","sourceRoot":"","sources":["../../../../src/organisms/QuickOrderDrawer/QuickOrderDrawerFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAGvC,OAAc,EAAE,KAAK,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAG9D,MAAM,MAAM,2BAA2B,GAAG;IACxC,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B;;OAEG;IACH,MAAM,CAAC,EAAE;QACP,UAAU,CAAC,EAAE,MAAM,CAAA;QACnB,cAAc,CAAC,EAAE,MAAM,CAAA;QACvB,kBAAkB,CAAC,EAAE,MAAM,CAAA;KAC5B,CAAA;CACF,CAAA;AAED,QAAA,MAAM,sBAAsB,2BAGzB,2BAA2B,sBAgD7B,CAAA;AAED,eAAe,sBAAsB,CAAA"}

package/dist/esm/organisms/QuickOrderDrawer/QuickOrderDrawerFooter.js

@@ -0,0 +1,34 @@
+import React, { useState } from 'react';
+import Button from '../../atoms/Button';
+import Icon from '../../atoms/Icon';
+import Price from '../../atoms/Price';
+import { useQuickOrderDrawer } from './provider/QuickOrderDrawerProvider';
+const QuickOrderDrawerFooter = ({ formatter, labels, }) => {
+    const [loading, setLoading] = useState(false);
+    const { itemsCount, totalPrice, onAddToCart, formatter: contextFormatter, } = useQuickOrderDrawer();
+    const priceFormatter = formatter || contextFormatter;
+    const { itemsLabel, addToCartLabel, addToCartAriaLabel } = labels || {};
+    const handleAddToCart = async () => {
+        if (itemsCount === 0)
+            return;
+        setLoading(true);
+        try {
+            onAddToCart();
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    return (React.createElement("div", { "data-fs-quick-order-drawer-footer": true },
+        React.createElement("div", { "data-fs-quick-order-drawer-footer-items": true },
+            React.createElement(Icon, { name: "Inventory", width: 24, height: 24 }),
+            React.createElement("span", null,
+                itemsCount,
+                " ",
+                itemsLabel || '')),
+        React.createElement("div", { "data-fs-quick-order-drawer-footer-actions": true },
+            React.createElement(Price, { value: totalPrice, variant: "selling", formatter: priceFormatter }),
+            React.createElement(Button, { "data-fs-quick-order-drawer-add-to-cart-btn": true, variant: "primary", disabled: itemsCount === 0, loading: loading, onClick: handleAddToCart, "aria-label": addToCartAriaLabel }, addToCartLabel))));
+};
+export default QuickOrderDrawerFooter;
+//# sourceMappingURL=QuickOrderDrawerFooter.js.map

package/dist/esm/organisms/QuickOrderDrawer/QuickOrderDrawerFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuickOrderDrawerFooter.js","sourceRoot":"","sources":["../../../../src/organisms/QuickOrderDrawer/QuickOrderDrawerFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,MAAM,MAAM,oBAAoB,CAAA;AACvC,OAAO,IAAI,MAAM,kBAAkB,CAAA;AACnC,OAAO,KAA8B,MAAM,mBAAmB,CAAA;AAC9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAA;AAczE,MAAM,sBAAsB,GAAG,CAAC,EAC9B,SAAS,EACT,MAAM,GACsB,EAAE,EAAE;IAChC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC7C,MAAM,EACJ,UAAU,EACV,UAAU,EACV,WAAW,EACX,SAAS,EAAE,gBAAgB,GAC5B,GAAG,mBAAmB,EAAE,CAAA;IACzB,MAAM,cAAc,GAAG,SAAS,IAAI,gBAAgB,CAAA;IACpD,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,kBAAkB,EAAE,GAAG,MAAM,IAAI,EAAE,CAAA;IAEvE,MAAM,eAAe,GAAG,KAAK,IAAI,EAAE;QACjC,IAAI,UAAU,KAAK,CAAC;YAAE,OAAM;QAC5B,UAAU,CAAC,IAAI,CAAC,CAAA;QAChB,IAAI,CAAC;YACH,WAAW,EAAE,CAAA;QACf,CAAC;gBAAS,CAAC;YACT,UAAU,CAAC,KAAK,CAAC,CAAA;QACnB,CAAC;IACH,CAAC,CAAA;IAED,OAAO,CACL;QACE;YACE,oBAAC,IAAI,IAAC,IAAI,EAAC,WAAW,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI;YAChD;gBACG,UAAU;;gBAAG,UAAU,IAAI,EAAE,CACzB,CACH;QACN;YACE,oBAAC,KAAK,IACJ,KAAK,EAAE,UAAU,EACjB,OAAO,EAAC,SAAS,EACjB,SAAS,EAAE,cAAc,GACzB;YACF,oBAAC,MAAM,wDAEL,OAAO,EAAC,SAAS,EACjB,QAAQ,EAAE,UAAU,KAAK,CAAC,EAC1B,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,eAAe,gBACZ,kBAAkB,IAE7B,cAAc,CACR,CACL,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,sBAAsB,CAAA"}

package/dist/esm/organisms/QuickOrderDrawer/QuickOrderDrawerHeader.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export type QuickOrderDrawerHeaderProps = {
+    title: string;
+    titleCharLimit?: number;
+    onCloseDrawer?: () => void;
+};
+declare const QuickOrderDrawerHeader: ({ onCloseDrawer, title, titleCharLimit, }: QuickOrderDrawerHeaderProps) => React.JSX.Element;
+export default QuickOrderDrawerHeader;
+//# sourceMappingURL=QuickOrderDrawerHeader.d.ts.map

package/dist/esm/organisms/QuickOrderDrawer/QuickOrderDrawerHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuickOrderDrawerHeader.d.ts","sourceRoot":"","sources":["../../../../src/organisms/QuickOrderDrawer/QuickOrderDrawerHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,MAAM,2BAA2B,GAAG;IACxC,KAAK,EAAE,MAAM,CAAA;IACb,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;CAC3B,CAAA;AAED,QAAA,MAAM,sBAAsB,8CAIzB,2BAA2B,sBA0B7B,CAAA;AAED,eAAe,sBAAsB,CAAA"}

package/dist/esm/organisms/QuickOrderDrawer/QuickOrderDrawerHeader.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import Icon from '../../atoms/Icon';
+import { SlideOverHeader } from '../SlideOver';
+const QuickOrderDrawerHeader = ({ onCloseDrawer, title, titleCharLimit = 30, }) => {
+    const leftOffset = Math.floor(titleCharLimit / 2) - 3;
+    const rightOffset = Math.floor(titleCharLimit / 2);
+    const titleFormatted = title.length > titleCharLimit
+        ? `${title.slice(0, leftOffset)}...${title.slice(-rightOffset)}`
+        : title;
+    return (React.createElement(SlideOverHeader, { "data-fs-quick-order-drawer-header": true, closeBtnProps: {
+            variant: 'tertiary',
+            color: 'black',
+            'aria-label': 'Close quick order drawer',
+        }, onClose: () => onCloseDrawer?.() },
+        React.createElement("div", { "data-fs-quick-order-drawer-title-container": true },
+            React.createElement("div", { "data-fs-quick-order-drawer-icon": true },
+                React.createElement(Icon, { name: "Table", weight: "bold", width: 32, height: 32 })),
+            React.createElement("div", { "data-fs-quick-order-drawer-title": true }, titleFormatted))));
+};
+export default QuickOrderDrawerHeader;
+//# sourceMappingURL=QuickOrderDrawerHeader.js.map

package/dist/esm/organisms/QuickOrderDrawer/QuickOrderDrawerHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuickOrderDrawerHeader.js","sourceRoot":"","sources":["../../../../src/organisms/QuickOrderDrawer/QuickOrderDrawerHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,IAAI,MAAM,kBAAkB,CAAA;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAQ9C,MAAM,sBAAsB,GAAG,CAAC,EAC9B,aAAa,EACb,KAAK,EACL,cAAc,GAAG,EAAE,GACS,EAAE,EAAE;IAChC,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,GAAG,CAAC,CAAC,GAAG,CAAC,CAAA;IACrD,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,GAAG,CAAC,CAAC,CAAA;IAClD,MAAM,cAAc,GAClB,KAAK,CAAC,MAAM,GAAG,cAAc;QAC3B,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,UAAU,CAAC,MAAM,KAAK,CAAC,KAAK,CAAC,CAAC,WAAW,CAAC,EAAE;QAChE,CAAC,CAAC,KAAK,CAAA;IAEX,OAAO,CACL,oBAAC,eAAe,+CAEd,aAAa,EAAE;YACb,OAAO,EAAE,UAAU;YACnB,KAAK,EAAE,OAAO;YACd,YAAY,EAAE,0BAA0B;SACzC,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,EAAE,EAAE;QAEhC;YACE;gBACE,oBAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,CACtD;YACN,yEAAuC,cAAc,CAAO,CACxD,CACU,CACnB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,sBAAsB,CAAA"}

package/dist/esm/organisms/QuickOrderDrawer/QuickOrderDrawerProducts.d.ts

@@ -0,0 +1,35 @@
+import React, { type FunctionComponent } from 'react';
+import type { PriceFormatter } from '../../atoms/Price';
+import { type VariationProductColumn } from './provider/QuickOrderDrawerProvider';
+type ImageComponentType = FunctionComponent<{
+    src: string;
+    alt: string;
+    width?: number;
+    height?: number;
+    loading?: 'eager' | 'lazy';
+}>;
+export type QuickOrderDrawerProductsProps = {
+    columns: VariationProductColumn;
+    formatter?: PriceFormatter;
+    ImageComponent?: ImageComponentType;
+    /**
+     * Messages for CMS configuration
+     */
+    messages?: {
+        alertAriaLabel?: string;
+        tableAriaLabel?: string;
+        quantityUpdatedTooltip?: string;
+        quantityUpdatedAriaLabel?: string;
+        outOfStockLabel?: string;
+        availableLabel?: string;
+        selectQuantityAriaLabel?: string;
+        removeProductAriaLabel?: string;
+        invalidQuantityTitle?: string;
+        invalidQuantityMessage?: (min: number, max: number, quantity: number) => string;
+        emptyStateTitle?: string;
+        emptyStateMessage?: string;
+    };
+};
+declare const QuickOrderDrawerProducts: ({ columns, formatter, ImageComponent, messages, }: QuickOrderDrawerProductsProps) => React.JSX.Element;
+export default QuickOrderDrawerProducts;
+//# sourceMappingURL=QuickOrderDrawerProducts.d.ts.map

package/dist/esm/organisms/QuickOrderDrawer/QuickOrderDrawerProducts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuickOrderDrawerProducts.d.ts","sourceRoot":"","sources":["../../../../src/organisms/QuickOrderDrawer/QuickOrderDrawerProducts.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAarD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAMvD,OAAO,EAEL,KAAK,sBAAsB,EAC5B,MAAM,qCAAqC,CAAA;AAE5C,KAAK,kBAAkB,GAAG,iBAAiB,CAAC;IAC1C,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;CAC3B,CAAC,CAAA;AAYF,MAAM,MAAM,6BAA6B,GAAG;IAC1C,OAAO,EAAE,sBAAsB,CAAA;IAC/B,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B,cAAc,CAAC,EAAE,kBAAkB,CAAA;IACnC;;OAEG;IACH,QAAQ,CAAC,EAAE;QACT,cAAc,CAAC,EAAE,MAAM,CAAA;QACvB,cAAc,CAAC,EAAE,MAAM,CAAA;QACvB,sBAAsB,CAAC,EAAE,MAAM,CAAA;QAC/B,wBAAwB,CAAC,EAAE,MAAM,CAAA;QACjC,eAAe,CAAC,EAAE,MAAM,CAAA;QACxB,cAAc,CAAC,EAAE,MAAM,CAAA;QACvB,uBAAuB,CAAC,EAAE,MAAM,CAAA;QAChC,sBAAsB,CAAC,EAAE,MAAM,CAAA;QAC/B,oBAAoB,CAAC,EAAE,MAAM,CAAA;QAC7B,sBAAsB,CAAC,EAAE,CACvB,GAAG,EAAE,MAAM,EACX,GAAG,EAAE,MAAM,EACX,QAAQ,EAAE,MAAM,KACb,MAAM,CAAA;QACX,eAAe,CAAC,EAAE,MAAM,CAAA;QACxB,iBAAiB,CAAC,EAAE,MAAM,CAAA;KAC3B,CAAA;CACF,CAAA;AAED,QAAA,MAAM,wBAAwB,sDAK3B,6BAA6B,sBAsP/B,CAAA;AAED,eAAe,wBAAwB,CAAA"}

package/dist/esm/organisms/QuickOrderDrawer/QuickOrderDrawerProducts.js

@@ -0,0 +1,88 @@
+import React from 'react';
+import Icon from '../../atoms/Icon';
+import IconButton from '../../molecules/IconButton';
+import QuantitySelector from '../../molecules/QuantitySelector';
+import { Table, TableBody, TableCell, TableHead, TableRow, } from '../../molecules/Table';
+import Badge from '../../atoms/Badge';
+import Price from '../../atoms/Price';
+import Skeleton from '../../atoms/Skeleton';
+import { useUI } from '../../hooks';
+import Alert from '../../molecules/Alert';
+import Tooltip from '../../molecules/Tooltip';
+import { useQuickOrderDrawer, } from './provider/QuickOrderDrawerProvider';
+// TODO: Replace with faststore Image component in final implementation
+// This is a temporary reference component for storybook preview
+const DefaultImageComponent = ({ src, alt, width, height, ...otherProps }) => React.createElement("img", { src: src, alt: alt, width: width, height: height, ...otherProps });
+const QuickOrderDrawerProducts = ({ columns, formatter, ImageComponent = DefaultImageComponent, messages, }) => {
+    const { pushToast } = useUI();
+    const { products, onChangeQuantityItem, onDelete, isLoading, alertMessage, setAlertMessage, formatter: contextFormatter, } = useQuickOrderDrawer();
+    const priceFormatter = formatter || contextFormatter;
+    const showSkeleton = isLoading;
+    return (React.createElement("div", { "data-fs-quick-order-drawer-content": true },
+        React.createElement(React.Fragment, null,
+            !isLoading && alertMessage && (React.createElement(Alert, { icon: React.createElement(Icon, { name: "AlertFilled", weight: "bold" }), dismissible: true, onClick: () => setAlertMessage(''), "aria-label": messages?.alertAriaLabel }, alertMessage)),
+            React.createElement(Table, { "data-fs-quick-order-drawer-table": true, variant: "bordered", "aria-label": messages?.tableAriaLabel },
+                React.createElement(TableHead, null,
+                    React.createElement(TableRow, null,
+                        React.createElement(TableCell, { "data-fs-quick-order-drawer-product-header": true, align: "left", variant: "header", scope: "col" }, columns.name),
+                        React.createElement(TableCell, { align: "left", variant: "header", scope: "col" }, columns.availability.label),
+                        React.createElement(TableCell, { align: "center", variant: "header", scope: "col" }, columns.price),
+                        React.createElement(TableCell, { align: "left", variant: "header", scope: "col" }, columns.quantity),
+                        React.createElement(TableCell, { align: "right", variant: "header", scope: "col" }))),
+                React.createElement(TableBody, null, showSkeleton ? (React.createElement(React.Fragment, null, Array.from({ length: 5 }).map((_, index) => {
+                    return (React.createElement(TableRow, { key: `table-row-skeleton-${index}` }, Array.from({
+                        length: 5,
+                    }).map((_, cellIndex) => {
+                        return (React.createElement(TableCell, { key: `table-cell-skeleton-${cellIndex}` },
+                            React.createElement(Skeleton, { size: { width: '96%', height: '30px' } })));
+                    })));
+                }))) : products.length > 0 ? (React.createElement(React.Fragment, null, products.map((variantProduct) => (React.createElement(TableRow, { key: `${variantProduct.name}-${variantProduct.id}`, "data-fs-quick-order-table-row": variantProduct.availability },
+                    React.createElement(TableCell, { "data-fs-quick-order-cell": "product", align: "left" },
+                        React.createElement("div", { "data-fs-quick-order-table-cell-img-container": true },
+                            React.createElement(ImageComponent, { height: 48, src: variantProduct.image.url, alt: variantProduct.image.alternateName ||
+                                    variantProduct.name })),
+                        React.createElement("div", { "data-fs-quick-order-table-cell-name-container": true },
+                            React.createElement("div", { "data-fs-quick-order-text": 'primary' }, variantProduct.name),
+                            React.createElement("span", { "data-fs-quick-order-text": 'secondary' }, variantProduct.id)),
+                        variantProduct.availability === 'available' &&
+                            variantProduct.quantityUpdated && (React.createElement(Tooltip, { content: messages?.quantityUpdatedTooltip, placement: "left-center" },
+                            React.createElement(IconButton, { "aria-label": messages?.quantityUpdatedAriaLabel, icon: React.createElement(Icon, { name: "CircleWarning", weight: "bold" }) })))),
+                    React.createElement(TableCell, { align: "left" },
+                        columns.availability.stockDisplaySettings ===
+                            'showAvailability' && (React.createElement(Badge, { variant: variantProduct.availability === 'outOfStock'
+                                ? 'warning'
+                                : 'success' }, variantProduct.availability === 'outOfStock'
+                            ? messages?.outOfStockLabel
+                            : messages?.availableLabel)),
+                        columns.availability.stockDisplaySettings ===
+                            'showStockQuantity' && variantProduct.inventory),
+                    React.createElement(TableCell, { "data-fs-quick-order-cell": "price", align: "right" },
+                        React.createElement(Price, { value: variantProduct.price, variant: "spot", formatter: priceFormatter, "data-fs-quick-order-table-price": variantProduct.availability })),
+                    React.createElement(TableCell, { align: "right", "data-fs-quick-order-cell": "quantity-selector" },
+                        React.createElement("div", { "data-fs-quick-order-table-action": true },
+                            React.createElement(QuantitySelector, { min: 0, max: variantProduct.inventory, disabled: !variantProduct.inventory ||
+                                    variantProduct.availability === 'outOfStock', initial: variantProduct.selectedCount, onChange: (value) => onChangeQuantityItem(variantProduct.id, value), "aria-label": messages?.selectQuantityAriaLabel?.replace('{productName}', variantProduct.name), onValidateBlur: (min, maxValue, quantity) => {
+                                    const title = messages?.invalidQuantityTitle;
+                                    const message = messages?.invalidQuantityMessage
+                                        ? messages.invalidQuantityMessage(min, maxValue, quantity)
+                                        : '';
+                                    pushToast({
+                                        title,
+                                        message,
+                                        status: 'INFO',
+                                        icon: (React.createElement(Icon, { name: "CircleWavyWarning", width: 30, height: 30 })),
+                                    });
+                                } }))),
+                    React.createElement(TableCell, { align: "right", "data-fs-quick-order-delete-cell": true },
+                        React.createElement(IconButton, { onClick: () => onDelete(variantProduct.id), icon: React.createElement(Icon, { name: "Thrash", color: "#1F1F1F" }), "aria-label": messages?.removeProductAriaLabel?.replace('{productName}', variantProduct.name) }))))))) : (React.createElement(TableRow, null,
+                    React.createElement(TableCell, { align: "center", "data-fs-quick-order-empty-state": true, ...{
+                            colSpan: 5,
+                        } },
+                        React.createElement("div", { "data-fs-quick-order-empty-state-container": true },
+                            React.createElement(Icon, { name: "MagnifyingGlass", width: 48, height: 48, weight: "thin", "data-fs-quick-order-empty-state-icon": true }),
+                            React.createElement("div", { "data-fs-quick-order-empty-state-content": true },
+                                React.createElement("p", { "data-fs-quick-order-empty-state-title": true }, messages?.emptyStateTitle),
+                                React.createElement("p", { "data-fs-quick-order-empty-state-message": true }, messages?.emptyStateMessage)))))))))));
+};
+export default QuickOrderDrawerProducts;
+//# sourceMappingURL=QuickOrderDrawerProducts.js.map

package/dist/esm/organisms/QuickOrderDrawer/QuickOrderDrawerProducts.js.map

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

package/dist/esm/organisms/QuickOrderDrawer/index.d.ts

@@ -0,0 +1,11 @@
+export { default as QuickOrderDrawer, default } from './QuickOrderDrawer';
+export type { QuickOrderDrawerProps } from './QuickOrderDrawer';
+export { default as QuickOrderDrawerHeader } from './QuickOrderDrawerHeader';
+export type { QuickOrderDrawerHeaderProps } from './QuickOrderDrawerHeader';
+export { default as QuickOrderDrawerProducts } from './QuickOrderDrawerProducts';
+export type { QuickOrderDrawerProductsProps } from './QuickOrderDrawerProducts';
+export { default as QuickOrderDrawerFooter } from './QuickOrderDrawerFooter';
+export type { QuickOrderDrawerFooterProps } from './QuickOrderDrawerFooter';
+export { useQuickOrderDrawer } from './provider/QuickOrderDrawerProvider';
+export type { AlertMessages, Product, QuickOrderDrawerProviderProps, VariationProductColumn, } from './provider/QuickOrderDrawerProvider';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/organisms/QuickOrderDrawer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/organisms/QuickOrderDrawer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AACzE,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAA;AAE/D,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAA;AAC5E,YAAY,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAA;AAE3E,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,4BAA4B,CAAA;AAChF,YAAY,EAAE,6BAA6B,EAAE,MAAM,4BAA4B,CAAA;AAE/E,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAA;AAC5E,YAAY,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAA;AAE3E,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAA;AACzE,YAAY,EACV,aAAa,EACb,OAAO,EACP,6BAA6B,EAC7B,sBAAsB,GACvB,MAAM,qCAAqC,CAAA"}

package/dist/esm/organisms/QuickOrderDrawer/index.js

@@ -0,0 +1,6 @@
+export { default as QuickOrderDrawer, default } from './QuickOrderDrawer';
+export { default as QuickOrderDrawerHeader } from './QuickOrderDrawerHeader';
+export { default as QuickOrderDrawerProducts } from './QuickOrderDrawerProducts';
+export { default as QuickOrderDrawerFooter } from './QuickOrderDrawerFooter';
+export { useQuickOrderDrawer } from './provider/QuickOrderDrawerProvider';
+//# sourceMappingURL=index.js.map

package/dist/esm/organisms/QuickOrderDrawer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/organisms/QuickOrderDrawer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAGzE,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAA;AAG5E,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,4BAA4B,CAAA;AAGhF,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAA;AAG5E,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAA"}

package/dist/esm/organisms/QuickOrderDrawer/provider/QuickOrderDrawerProvider.d.ts

@@ -0,0 +1,61 @@
+import React, { type ReactNode } from 'react';
+import type { PriceFormatter } from '../../../atoms/Price';
+export interface Product {
+    id: string;
+    name: string;
+    price: number;
+    quantityUpdated: boolean;
+    image: {
+        url: string;
+        alternateName: string;
+    };
+    inventory: number;
+    availability: 'available' | 'outOfStock';
+    selectedCount: number;
+}
+export interface VariationProductColumn {
+    name: string;
+    availability: {
+        label: string;
+        stockDisplaySettings: 'showStockQuantity' | 'showAvailability';
+    };
+    price: string;
+    quantity: string;
+}
+interface QuickOrderDrawerContextValue {
+    products: Product[];
+    totalPrice: number;
+    itemsCount: number;
+    alertMessage: string;
+    isLoading: boolean;
+    setAlertMessage: (message: string) => void;
+    onChangeQuantityItem: (id: string, value: number) => void;
+    onDelete: (id: string) => void;
+    onAddToCart: () => void;
+    formatter?: PriceFormatter;
+}
+export interface AlertMessages {
+    notFoundAndOutOfStock?: string;
+    notFound?: string;
+    outOfStock?: string;
+}
+export interface QuickOrderDrawerProviderProps {
+    children: ReactNode;
+    initialProducts?: Product[];
+    isLoading?: boolean;
+    totalRequestedSkus?: number;
+    onAddToCart?: (products: Product[], totalPrice: number, itemsCount: number) => void;
+    formatter?: PriceFormatter;
+    /**
+     * Initial alert message for CMS configuration
+     */
+    initialAlertMessage?: string;
+    /**
+     * Alert messages from CMS for different scenarios.
+     */
+    alertMessages?: AlertMessages;
+}
+export declare const QuickOrderDrawerProvider: ({ children, initialProducts, isLoading, totalRequestedSkus, onAddToCart: onAddToCartCallback, formatter, initialAlertMessage, alertMessages, }: QuickOrderDrawerProviderProps) => React.JSX.Element;
+export declare const useQuickOrderDrawer: () => QuickOrderDrawerContextValue;
+export {};
+//# sourceMappingURL=QuickOrderDrawerProvider.d.ts.map

package/dist/esm/organisms/QuickOrderDrawer/provider/QuickOrderDrawerProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuickOrderDrawerProvider.d.ts","sourceRoot":"","sources":["../../../../../src/organisms/QuickOrderDrawer/provider/QuickOrderDrawerProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAOZ,KAAK,SAAS,EACf,MAAM,OAAO,CAAA;AACd,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1D,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,eAAe,EAAE,OAAO,CAAA;IACxB,KAAK,EAAE;QACL,GAAG,EAAE,MAAM,CAAA;QACX,aAAa,EAAE,MAAM,CAAA;KACtB,CAAA;IACD,SAAS,EAAE,MAAM,CAAA;IACjB,YAAY,EAAE,WAAW,GAAG,YAAY,CAAA;IACxC,aAAa,EAAE,MAAM,CAAA;CACtB;AAED,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,MAAM,CAAA;IACZ,YAAY,EAAE;QACZ,KAAK,EAAE,MAAM,CAAA;QACb,oBAAoB,EAAE,mBAAmB,GAAG,kBAAkB,CAAA;KAC/D,CAAA;IACD,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,UAAU,4BAA4B;IACpC,QAAQ,EAAE,OAAO,EAAE,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,YAAY,EAAE,MAAM,CAAA;IACpB,SAAS,EAAE,OAAO,CAAA;IAClB,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1C,oBAAoB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACzD,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9B,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,SAAS,CAAC,EAAE,cAAc,CAAA;CAC3B;AAMD,MAAM,WAAW,aAAa;IAC5B,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,MAAM,WAAW,6BAA6B;IAC5C,QAAQ,EAAE,SAAS,CAAA;IACnB,eAAe,CAAC,EAAE,OAAO,EAAE,CAAA;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,WAAW,CAAC,EAAE,CACZ,QAAQ,EAAE,OAAO,EAAE,EACnB,UAAU,EAAE,MAAM,EAClB,UAAU,EAAE,MAAM,KACf,IAAI,CAAA;IACT,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B;;OAEG;IACH,aAAa,CAAC,EAAE,aAAa,CAAA;CAC9B;AAED,eAAO,MAAM,wBAAwB,mJASlC,6BAA6B,sBAwG/B,CAAA;AAED,eAAO,MAAM,mBAAmB,QAAO,4BAUtC,CAAA"}

package/dist/esm/organisms/QuickOrderDrawer/provider/QuickOrderDrawerProvider.js

@@ -0,0 +1,80 @@
+import React, { createContext, useCallback, useContext, useEffect, useMemo, useState, } from 'react';
+const QuickOrderDrawerContext = createContext(undefined);
+export const QuickOrderDrawerProvider = ({ children, initialProducts = [], isLoading = false, totalRequestedSkus, onAddToCart: onAddToCartCallback, formatter, initialAlertMessage, alertMessages, }) => {
+    const [products, setProducts] = useState(initialProducts || []);
+    const getAlertMessage = (prods, totalRequestedSkus) => {
+        if (prods.length === 0) {
+            return '';
+        }
+        const hasOutOfStock = prods.some((p) => p.availability === 'outOfStock');
+        const hasNotFound = totalRequestedSkus !== undefined &&
+            totalRequestedSkus > 0 &&
+            prods.length < totalRequestedSkus;
+        if (hasNotFound && hasOutOfStock) {
+            return alertMessages?.notFoundAndOutOfStock ?? '';
+        }
+        if (hasNotFound) {
+            return alertMessages?.notFound ?? '';
+        }
+        if (hasOutOfStock) {
+            return alertMessages?.outOfStock ?? '';
+        }
+        return '';
+    };
+    const [alertMessage, setAlertMessage] = useState(initialAlertMessage ?? '');
+    useEffect(() => {
+        const newProducts = initialProducts || [];
+        setProducts(newProducts);
+    }, [initialProducts]);
+    useEffect(() => {
+        if (!isLoading) {
+            setAlertMessage(getAlertMessage(products, totalRequestedSkus));
+        }
+        else if (isLoading) {
+            setAlertMessage('');
+        }
+    }, [products, isLoading, totalRequestedSkus]);
+    const { totalPrice, itemsCount } = useMemo(() => {
+        const filteredProducts = products.filter((product) => product.selectedCount > 0 && product.availability === 'available');
+        return filteredProducts.reduce((prev, curr) => ({
+            totalPrice: prev.totalPrice + curr.price * curr.selectedCount,
+            itemsCount: prev.itemsCount + curr.selectedCount,
+        }), { totalPrice: 0, itemsCount: 0 });
+    }, [products]);
+    const onChangeQuantityItem = useCallback((id, value) => {
+        setProducts((oldProducts) => oldProducts.map((product) => {
+            if (product.id !== id) {
+                return product;
+            }
+            return { ...product, selectedCount: value };
+        }));
+    }, []);
+    const onDelete = useCallback((id) => {
+        setProducts((oldProducts) => oldProducts.filter((product) => product.id !== id));
+    }, []);
+    const onAddToCart = useCallback(() => {
+        const productsToAdd = products.filter((product) => product.selectedCount > 0 && product.availability === 'available');
+        onAddToCartCallback?.(productsToAdd, totalPrice, itemsCount);
+    }, [products, totalPrice, itemsCount, onAddToCartCallback]);
+    const value = {
+        products,
+        totalPrice,
+        itemsCount,
+        alertMessage,
+        isLoading,
+        setAlertMessage,
+        onChangeQuantityItem,
+        onDelete,
+        onAddToCart,
+        formatter,
+    };
+    return (React.createElement(QuickOrderDrawerContext.Provider, { value: value }, children));
+};
+export const useQuickOrderDrawer = () => {
+    const context = useContext(QuickOrderDrawerContext);
+    if (context === undefined) {
+        throw new Error('useQuickOrderDrawer should be used within a QuickOrderDrawerProvider');
+    }
+    return context;
+};
+//# sourceMappingURL=QuickOrderDrawerProvider.js.map

package/dist/esm/organisms/QuickOrderDrawer/provider/QuickOrderDrawerProvider.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faststore/components",
-  "version": "3.98.0-dev.3",
+  "version": "3.98.0-dev.8",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "typings": "dist/esm/index.d.ts",
@@ -34,6 +34,8 @@
     "react-dom": "^18.2.0"
   },
   "dependencies": {
+    "papaparse": "^5.5.3",
+    "react-dropzone": "^14.3.8",
     "react-intersection-observer": "^8.32.5",
     "react-swipeable": "^7.0.0",
     "tabbable": "^5.2.1"
@@ -44,6 +46,7 @@
     "@testing-library/react": "^14.3.0",
     "@types/jest": "29.1.0",
     "@types/jest-axe": "^3.5.9",
+    "@types/papaparse": "^5.5.0",
     "@types/react": "^18.2.42",
     "@types/react-dom": "^18.2.17",
     "@types/tabbable": "^3.1.1",
@@ -59,5 +62,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "c6e0f65660673a92f9de733b7502551ef755e86c"
+  "gitHead": "c1d0239ddbd1a792e45d82ef15f018d47b854ca0"
 }

package/src/atoms/Link/Link.tsx

@@ -29,7 +29,10 @@ export type LinkElementType = ElementType
 export type LinkProps<C extends LinkElementType = 'a'> =
   PolymorphicComponentPropsWithRef<C, LinkBaseProps>
 
-const Link = forwardRef(function Link<C extends LinkElementType = 'a'>(
+const Link = forwardRef<
+  HTMLAnchorElement,
+  Omit<LinkProps<LinkElementType>, 'ref'>
+>(function Link<C extends LinkElementType = 'a'>(
   {
     as,
     children,

package/src/atoms/List/List.tsx

@@ -24,22 +24,24 @@ type ListComponent = <T extends ElementType = 'ul'>(
   props: ListProps<T>
 ) => ReactElement | null
 
-const List = forwardRef(function List<T extends ElementType = 'ul'>(
-  { as, marker, testId = 'fs-list', ...otherProps }: ListProps<T>,
-  ref: PolymorphicRef<T>
-) {
-  const Component = as ?? 'ul'
+const List = forwardRef<HTMLUListElement, Omit<ListProps<'ul'>, 'ref'>>(
+  function List<T extends ElementType = 'ul'>(
+    { as, marker, testId = 'fs-list', ...otherProps }: ListProps<T>,
+    ref: PolymorphicRef<T>
+  ) {
+    const Component = as ?? 'ul'
 
-  return (
-    <Component
-      ref={ref}
-      role="list"
-      data-fs-list
-      data-fs-list-marker={marker}
-      data-testid={testId}
-      {...otherProps}
-    />
-  )
-}) as ListComponent
+    return (
+      <Component
+        ref={ref}
+        role="list"
+        data-fs-list
+        data-fs-list-marker={marker}
+        data-testid={testId}
+        {...otherProps}
+      />
+    )
+  }
+) as ListComponent
 
 export default List

package/src/hooks/index.ts

@@ -1,11 +1,20 @@
 export {
-  regionSliderTypes,
   Toast as ToastProps,
   default as UIProvider,
+  regionSliderTypes,
   useUI,
 } from './UIProvider'
+export { useCSVParser } from './useCSVParser'
+export type {
+  CSVData,
+  CSVParserError,
+  CSVParserOptions,
+} from './useCSVParser'
 export { useFadeEffect } from './useFadeEffect'
+export { useFileUpload } from './useFileUpload'
 export { useOnClickOutside } from './useOnClickOutside'
+export { useProductComparison } from './useProductComparison'
+export { useRTL } from './useRTL'
 export { useScrollDirection } from './useScrollDirection'
 export { useSearch } from './useSearch'
 export { useSKUMatrix } from './useSKUMatrix'
@@ -18,5 +27,4 @@ export type {
 } from './useSlider'
 export { useSlideVisibility } from './useSlideVisibility'
 export { useTrapFocus } from './useTrapFocus'
-export { useProductComparison } from './useProductComparison'
-export { useRTL } from './useRTL'
+export { FileRejectionCode } from './useFileUpload'