@faststore/components 3.98.0-dev.3 → 3.98.0

package/dist/cjs/molecules/FileUploadStatus/FileUploadStatus.js

@@ -0,0 +1,77 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FileUploadErrorType = exports.FileUploadState = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const __1 = require("../..");
+var FileUploadState;
+(function (FileUploadState) {
+    FileUploadState["Uploading"] = "uploading";
+    FileUploadState["Completed"] = "completed";
+    FileUploadState["Error"] = "error";
+})(FileUploadState || (exports.FileUploadState = FileUploadState = {}));
+var FileUploadErrorType;
+(function (FileUploadErrorType) {
+    FileUploadErrorType["Unexpected"] = "unexpected";
+    FileUploadErrorType["Unsupported"] = "unsupported";
+    FileUploadErrorType["Unreadable"] = "unreadable";
+    FileUploadErrorType["InvalidStructure"] = "invalid-structure";
+    FileUploadErrorType["Empty"] = "empty";
+    FileUploadErrorType["TooLarge"] = "too-large";
+    FileUploadErrorType["NoProductsFound"] = "no-products-found";
+})(FileUploadErrorType || (exports.FileUploadErrorType = FileUploadErrorType = {}));
+const FileUploadStatus = ({ testId = 'fs-file-upload-status', file, state = FileUploadState.Uploading, errorType, errorMessage, onRemove, onSearch, onDownloadTemplate, onSelectFile, removeButtonAriaLabel, searchButtonLabel, downloadTemplateButtonLabel, selectFileButtonLabel, errorMessages, uploadingStatusText, completedStatusText, fileName, ...otherProps }) => {
+    const getErrorMessage = () => {
+        if (errorMessage) {
+            return { title: errorMessage, description: '' };
+        }
+        if (errorType && errorMessages?.[errorType]) {
+            return errorMessages[errorType];
+        }
+        return (errorMessages?.[FileUploadErrorType.Unexpected] ?? {
+            title: '',
+            description: '',
+        });
+    };
+    const getStatusText = () => {
+        switch (state) {
+            case FileUploadState.Uploading:
+                return uploadingStatusText;
+            case FileUploadState.Completed:
+                return completedStatusText;
+            default:
+                return '';
+        }
+    };
+    const getIcon = () => {
+        switch (state) {
+            case FileUploadState.Uploading:
+                return (react_1.default.createElement("div", { "data-fs-file-upload-status-icon-loading": true },
+                    react_1.default.createElement(__1.Icon, { name: "CircleNotch", width: 24, height: 24, strokeWidth: 5 })));
+            case FileUploadState.Completed:
+                return (react_1.default.createElement("div", { "data-fs-file-upload-status-icon-completed": true },
+                    react_1.default.createElement(__1.Icon, { name: "Table", width: 24, height: 24, strokeWidth: 5 })));
+            case FileUploadState.Error:
+                return (react_1.default.createElement("div", { "data-fs-file-upload-status-icon-error": true },
+                    react_1.default.createElement(__1.Icon, { name: "WarningOctagon", width: 24, height: 24, strokeWidth: 5 })));
+            default:
+                return null;
+        }
+    };
+    return (react_1.default.createElement("div", { "data-fs-file-upload-status": true, "data-fs-file-upload-status-state": state, "data-testid": testId, ...otherProps },
+        react_1.default.createElement("div", { "data-fs-file-upload-status-file-info": true, "data-fs-file-upload-state": state },
+            react_1.default.createElement("div", { "data-fs-file-upload-status-icon": true }, getIcon()),
+            react_1.default.createElement("div", { "data-fs-file-upload-status-details": true }, state === FileUploadState.Error ? (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement("p", { "data-fs-file-upload-status-text-error": true }, getErrorMessage().title),
+                react_1.default.createElement("p", { "data-fs-file-upload-status-text-error": true }, getErrorMessage().description))) : (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement("p", { "data-fs-file-upload-status-filename": true }, fileName ?? file.name),
+                react_1.default.createElement("p", { "data-fs-file-upload-status-text": true }, getStatusText())))),
+            onRemove && (react_1.default.createElement(__1.Button, { type: "button", onClick: onRemove, "data-fs-file-upload-status-remove": true, "aria-label": removeButtonAriaLabel },
+                react_1.default.createElement(__1.Icon, { name: "X", width: 16, height: 16 })))),
+        state === FileUploadState.Completed && onSearch && (react_1.default.createElement(__1.Button, { type: "button", variant: "primary", size: "regular", onClick: onSearch, "data-fs-file-upload-status-search-button": true }, searchButtonLabel)),
+        state === FileUploadState.Error && (react_1.default.createElement("div", { "data-fs-file-upload-status-error-actions": true },
+            onDownloadTemplate && (react_1.default.createElement(__1.Button, { type: "button", variant: "secondary", size: "regular", onClick: onDownloadTemplate, "data-fs-file-upload-status-download-button": true }, downloadTemplateButtonLabel)),
+            onSelectFile && (react_1.default.createElement(__1.Button, { type: "button", variant: "primary", size: "regular", onClick: onSelectFile, "data-fs-file-upload-status-select-button": true }, selectFileButtonLabel))))));
+};
+exports.default = FileUploadStatus;
+//# sourceMappingURL=FileUploadStatus.js.map

package/dist/cjs/molecules/FileUploadStatus/FileUploadStatus.js.map

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

package/dist/cjs/molecules/FileUploadStatus/index.d.ts

@@ -0,0 +1,3 @@
+export { default, FileUploadState, FileUploadErrorType, } from './FileUploadStatus';
+export type { FileUploadStatusProps } from './FileUploadStatus';
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/molecules/FileUploadStatus/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/molecules/FileUploadStatus/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,eAAe,EACf,mBAAmB,GACpB,MAAM,oBAAoB,CAAA;AAC3B,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAA"}

package/dist/cjs/molecules/FileUploadStatus/index.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FileUploadErrorType = exports.FileUploadState = exports.default = void 0;
+var FileUploadStatus_1 = require("./FileUploadStatus");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(FileUploadStatus_1).default; } });
+Object.defineProperty(exports, "FileUploadState", { enumerable: true, get: function () { return FileUploadStatus_1.FileUploadState; } });
+Object.defineProperty(exports, "FileUploadErrorType", { enumerable: true, get: function () { return FileUploadStatus_1.FileUploadErrorType; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/molecules/FileUploadStatus/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/molecules/FileUploadStatus/index.tsx"],"names":[],"mappings":";;;;;;AAAA,uDAI2B;AAHzB,4HAAA,OAAO,OAAA;AACP,mHAAA,eAAe,OAAA;AACf,uHAAA,mBAAmB,OAAA"}

package/dist/cjs/molecules/SearchInputField/SearchInputField.d.ts

@@ -20,7 +20,29 @@ export interface SearchInputFieldProps extends InputProps {
      */
     buttonIcon?: ReactNode;
     /**
-     * Custom aria-label for input and button.
+     * Whether to show the attachment button.
+     * @default false
+     */
+    showAttachmentButton?: boolean;
+    /**
+     * Props for the paperclip button inside the input.
+     */
+    attachmentButtonProps?: ButtonProps;
+    /**
+     * Aria-label for the attachment button (e.g. from CMS).
+     */
+    attachmentButtonAriaLabel?: string;
+    /**
+     * Aria-label for the submit button (e.g. from CMS).
+     */
+    submitButtonAriaLabel?: string;
+    /**
+     * A React component that will be rendered as an icon (attachment button).
+     * @default <Icon name="Paperclip" />
+     */
+    attachmentButtonIcon?: ReactNode;
+    /**
+     * Aria-label for the search input (e.g. from CMS).
      */
     'aria-label'?: AriaAttributes['aria-label'];
     /**

package/dist/cjs/molecules/SearchInputField/SearchInputField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchInputField.d.ts","sourceRoot":"","sources":["../../../../src/molecules/SearchInputField/SearchInputField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,cAAc,EAEd,mBAAmB,EACnB,SAAS,EACV,MAAM,OAAO,CAAA;AACd,OAAO,KAAkD,MAAM,OAAO,CAAA;AAItE,KAAK,UAAU,GAAG,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,CAAA;AAEzE,KAAK,WAAW,GAAG;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AACD,MAAM,WAAW,qBAAsB,SAAQ,UAAU;IACvD;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB;;OAEG;IACH,YAAY,CAAC,EAAE,cAAc,CAAC,YAAY,CAAC,CAAA;IAC3C;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAClC;AAED,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAA;IAClC,OAAO,CAAC,EAAE,eAAe,GAAG,IAAI,CAAA;CACjC;AAED,QAAA,MAAM,gBAAgB,0GAqDpB,CAAA;AAEF,eAAe,gBAAgB,CAAA"}
+{"version":3,"file":"SearchInputField.d.ts","sourceRoot":"","sources":["../../../../src/molecules/SearchInputField/SearchInputField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,cAAc,EAEd,mBAAmB,EACnB,SAAS,EACV,MAAM,OAAO,CAAA;AACd,OAAO,KAAkD,MAAM,OAAO,CAAA;AAItE,KAAK,UAAU,GAAG,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,CAAA;AAEzE,KAAK,WAAW,GAAG;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,MAAM,WAAW,qBAAsB,SAAQ,UAAU;IACvD;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B;;OAEG;IACH,qBAAqB,CAAC,EAAE,WAAW,CAAA;IACnC;;OAEG;IACH,yBAAyB,CAAC,EAAE,MAAM,CAAA;IAClC;;OAEG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B;;;OAGG;IACH,oBAAoB,CAAC,EAAE,SAAS,CAAA;IAChC;;OAEG;IACH,YAAY,CAAC,EAAE,cAAc,CAAC,YAAY,CAAC,CAAA;IAC3C;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAClC;AAED,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAA;IAClC,OAAO,CAAC,EAAE,eAAe,GAAG,IAAI,CAAA;CACjC;AAED,QAAA,MAAM,gBAAgB,0GA+EpB,CAAA;AAEF,eAAe,gBAAgB,CAAA"}

package/dist/cjs/molecules/SearchInputField/SearchInputField.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const __1 = require("../..");
-const SearchInputField = (0, react_1.forwardRef)(function SearchInputField({ onSubmit, buttonIcon, 'aria-label': ariaLabel = 'search', testId = 'fs-search-input', buttonProps, ...otherProps }, ref) {
+const SearchInputField = (0, react_1.forwardRef)(function SearchInputField({ onSubmit, buttonIcon, showAttachmentButton = false, attachmentButtonAriaLabel, attachmentButtonIcon, attachmentButtonProps, submitButtonAriaLabel, 'aria-label': ariaLabel, testId = 'fs-search-input', buttonProps, ...otherProps }, ref) {
     const inputRef = (0, react_1.useRef)(null);
     const formRef = (0, react_1.useRef)(null);
     const handleSubmit = (event) => {
@@ -16,9 +16,14 @@ const SearchInputField = (0, react_1.forwardRef)(function SearchInputField({ onS
         inputRef: inputRef.current,
         formRef: formRef.current,
     }));
-    return (react_1.default.createElement("form", { ref: formRef, "data-fs-search-input-field": true, "data-testid": testId, onSubmit: handleSubmit, role: "search" },
-        react_1.default.createElement(__1.Input, { ref: inputRef, "aria-label": ariaLabel, "data-fs-search-input-field-input": true, ...otherProps }),
-        react_1.default.createElement(__1.IconButton, { type: "submit", "aria-label": "Submit Search", icon: buttonIcon ?? react_1.default.createElement(__1.Icon, { name: "MagnifyingGlass" }), size: "small", ...buttonProps })));
+    return (react_1.default.createElement("div", { "data-fs-search-input-field-wrapper": true },
+        react_1.default.createElement("form", { ref: formRef, "data-fs-search-input-field": true, "data-testid": testId, onSubmit: handleSubmit, role: "search" },
+            react_1.default.createElement(__1.Input, { ref: inputRef, "aria-label": ariaLabel, "data-fs-search-input-field-input": true, ...otherProps }),
+            react_1.default.createElement("div", { "data-fs-search-input-field-actions": true },
+                showAttachmentButton && (react_1.default.createElement(react_1.default.Fragment, null,
+                    react_1.default.createElement(__1.IconButton, { type: "button", "aria-label": attachmentButtonAriaLabel, icon: attachmentButtonIcon ?? react_1.default.createElement(__1.Icon, { name: "Paperclip" }), size: "small", "data-fs-search-input-field-attachment-button": true, ...attachmentButtonProps }),
+                    react_1.default.createElement("span", { "data-fs-search-input-field-separator": true }))),
+                react_1.default.createElement(__1.IconButton, { type: "submit", "aria-label": submitButtonAriaLabel, icon: buttonIcon ?? react_1.default.createElement(__1.Icon, { name: "MagnifyingGlass" }), size: "small", "data-fs-search-input-field-submit-button": true, ...buttonProps })))));
 });
 exports.default = SearchInputField;
 //# sourceMappingURL=SearchInputField.js.map

package/dist/cjs/molecules/SearchInputField/SearchInputField.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchInputField.js","sourceRoot":"","sources":["../../../../src/molecules/SearchInputField/SearchInputField.tsx"],"names":[],"mappings":";;;AAMA,uDAAsE;AAEtE,6BAA+C;AAqC/C,MAAM,gBAAgB,GAAG,IAAA,kBAAU,EAGjC,SAAS,gBAAgB,CACzB,EACE,QAAQ,EACR,UAAU,EACV,YAAY,EAAE,SAAS,GAAG,QAAQ,EAClC,MAAM,GAAG,iBAAiB,EAC1B,WAAW,EACX,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAmB,IAAI,CAAC,CAAA;IAC/C,MAAM,OAAO,GAAG,IAAA,cAAM,EAAkB,IAAI,CAAC,CAAA;IAE7C,MAAM,YAAY,GAAG,CAAC,KAAgB,EAAE,EAAE;QACxC,KAAK,CAAC,cAAc,EAAE,CAAA;QAEtB,IAAI,QAAQ,CAAC,OAAO,EAAE,KAAK,KAAK,EAAE,EAAE,CAAC;YACnC,QAAQ,CAAC,QAAQ,CAAC,OAAQ,CAAC,KAAK,CAAC,CAAA;QACnC,CAAC;IACH,CAAC,CAAA;IAED,IAAA,2BAAmB,EAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;QAC9B,QAAQ,EAAE,QAAQ,CAAC,OAAO;QAC1B,OAAO,EAAE,OAAO,CAAC,OAAO;KACzB,CAAC,CAAC,CAAA;IAEH,OAAO,CACL,wCACE,GAAG,EAAE,OAAO,qDAEC,MAAM,EACnB,QAAQ,EAAE,YAAY,EACtB,IAAI,EAAC,QAAQ;QAEb,8BAAC,SAAK,IACJ,GAAG,EAAE,QAAQ,gBACD,SAAS,+CAEjB,UAAU,GACd;QACF,8BAAC,cAAU,IACT,IAAI,EAAC,QAAQ,gBACF,eAAe,EAC1B,IAAI,EAAE,UAAU,IAAI,8BAAC,QAAI,IAAC,IAAI,EAAC,iBAAiB,GAAG,EACnD,IAAI,EAAC,OAAO,KACR,WAAW,GACf,CACG,CACR,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,kBAAe,gBAAgB,CAAA"}
+{"version":3,"file":"SearchInputField.js","sourceRoot":"","sources":["../../../../src/molecules/SearchInputField/SearchInputField.tsx"],"names":[],"mappings":";;;AAMA,uDAAsE;AAEtE,6BAA+C;AA4D/C,MAAM,gBAAgB,GAAG,IAAA,kBAAU,EAGjC,SAAS,gBAAgB,CACzB,EACE,QAAQ,EACR,UAAU,EACV,oBAAoB,GAAG,KAAK,EAC5B,yBAAyB,EACzB,oBAAoB,EACpB,qBAAqB,EACrB,qBAAqB,EACrB,YAAY,EAAE,SAAS,EACvB,MAAM,GAAG,iBAAiB,EAC1B,WAAW,EACX,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAmB,IAAI,CAAC,CAAA;IAC/C,MAAM,OAAO,GAAG,IAAA,cAAM,EAAkB,IAAI,CAAC,CAAA;IAE7C,MAAM,YAAY,GAAG,CAAC,KAAgB,EAAE,EAAE;QACxC,KAAK,CAAC,cAAc,EAAE,CAAA;QAEtB,IAAI,QAAQ,CAAC,OAAO,EAAE,KAAK,KAAK,EAAE,EAAE,CAAC;YACnC,QAAQ,CAAC,QAAQ,CAAC,OAAQ,CAAC,KAAK,CAAC,CAAA;QACnC,CAAC;IACH,CAAC,CAAA;IAED,IAAA,2BAAmB,EAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;QAC9B,QAAQ,EAAE,QAAQ,CAAC,OAAO;QAC1B,OAAO,EAAE,OAAO,CAAC,OAAO;KACzB,CAAC,CAAC,CAAA;IAEH,OAAO,CACL;QACE,wCACE,GAAG,EAAE,OAAO,qDAEC,MAAM,EACnB,QAAQ,EAAE,YAAY,EACtB,IAAI,EAAC,QAAQ;YAEb,8BAAC,SAAK,IACJ,GAAG,EAAE,QAAQ,gBACD,SAAS,+CAEjB,UAAU,GACd;YAEF;gBACG,oBAAoB,IAAI,CACvB;oBACE,8BAAC,cAAU,IACT,IAAI,EAAC,QAAQ,gBACD,yBAAyB,EACrC,IAAI,EAAE,oBAAoB,IAAI,8BAAC,QAAI,IAAC,IAAI,EAAC,WAAW,GAAG,EACvD,IAAI,EAAC,OAAO,2DAER,qBAAqB,GACzB;oBAEF,uFAA6C,CAC5C,CACJ;gBAED,8BAAC,cAAU,IACT,IAAI,EAAC,QAAQ,gBACD,qBAAqB,EACjC,IAAI,EAAE,UAAU,IAAI,8BAAC,QAAI,IAAC,IAAI,EAAC,iBAAiB,GAAG,EACnD,IAAI,EAAC,OAAO,uDAER,WAAW,GACf,CACE,CACD,CACH,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,kBAAe,gBAAgB,CAAA"}

package/dist/cjs/organisms/QuickOrderDrawer/QuickOrderDrawer.d.ts

@@ -0,0 +1,24 @@
+import React, { type PropsWithChildren } from 'react';
+import type { OverlayProps } from '../../atoms/Overlay';
+import { type QuickOrderDrawerProviderProps } from './provider/QuickOrderDrawerProvider';
+export type QuickOrderDrawerProps = {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+     */
+    testId?: string;
+    /**
+     * Controls the state
+     */
+    isOpen: boolean;
+    /**
+     * Props forwarded to the `Overlay` component.
+     */
+    overlayProps?: OverlayProps;
+    /**
+     * Props forwarded to the `QuickOrderDrawerProvider` component.
+     */
+    providerProps?: Omit<QuickOrderDrawerProviderProps, 'children'>;
+};
+declare const QuickOrderDrawer: ({ testId, isOpen, overlayProps, providerProps, children, }: PropsWithChildren<QuickOrderDrawerProps>) => React.JSX.Element;
+export default QuickOrderDrawer;
+//# sourceMappingURL=QuickOrderDrawer.d.ts.map

package/dist/cjs/organisms/QuickOrderDrawer/QuickOrderDrawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuickOrderDrawer.d.ts","sourceRoot":"","sources":["../../../../src/organisms/QuickOrderDrawer/QuickOrderDrawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAA;AACrD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAIvD,OAAO,EAEL,KAAK,6BAA6B,EACnC,MAAM,qCAAqC,CAAA;AAE5C,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;OAEG;IACH,MAAM,EAAE,OAAO,CAAA;IAEf;;OAEG;IACH,YAAY,CAAC,EAAE,YAAY,CAAA;IAE3B;;OAEG;IACH,aAAa,CAAC,EAAE,IAAI,CAAC,6BAA6B,EAAE,UAAU,CAAC,CAAA;CAChE,CAAA;AAED,QAAA,MAAM,gBAAgB,+DAMnB,kBAAkB,qBAAqB,CAAC,sBAiB1C,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/dist/cjs/organisms/QuickOrderDrawer/QuickOrderDrawer.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const hooks_1 = require("../../hooks");
+const SlideOver_1 = tslib_1.__importDefault(require("../SlideOver/SlideOver"));
+const QuickOrderDrawerProvider_1 = require("./provider/QuickOrderDrawerProvider");
+const QuickOrderDrawer = ({ testId = 'fs-quick-order-drawer', isOpen, overlayProps, providerProps, children, }) => {
+    const { fade } = (0, hooks_1.useFadeEffect)();
+    return (react_1.default.createElement(QuickOrderDrawerProvider_1.QuickOrderDrawerProvider, { ...providerProps },
+        react_1.default.createElement(SlideOver_1.default, { testId: testId, fade: fade, isOpen: isOpen, size: "partial", direction: "rightSide", overlayProps: overlayProps, "data-fs-quick-order-drawer": true }, children)));
+};
+exports.default = QuickOrderDrawer;
+//# sourceMappingURL=QuickOrderDrawer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QuickOrderDrawer.js","sourceRoot":"","sources":["../../../../src/organisms/QuickOrderDrawer/QuickOrderDrawer.tsx"],"names":[],"mappings":";;;AAAA,0DAAqD;AAErD,uCAA2C;AAC3C,+EAA8C;AAE9C,kFAG4C;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,IAAA,qBAAa,GAAE,CAAA;IAChC,OAAO,CACL,8BAAC,mDAAwB,OAAK,aAAa;QACzC,8BAAC,mBAAS,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,kBAAe,gBAAgB,CAAA"}

package/dist/cjs/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/cjs/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/cjs/organisms/QuickOrderDrawer/QuickOrderDrawerFooter.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const Button_1 = tslib_1.__importDefault(require("../../atoms/Button"));
+const Icon_1 = tslib_1.__importDefault(require("../../atoms/Icon"));
+const Price_1 = tslib_1.__importDefault(require("../../atoms/Price"));
+const QuickOrderDrawerProvider_1 = require("./provider/QuickOrderDrawerProvider");
+const QuickOrderDrawerFooter = ({ formatter, labels, }) => {
+    const [loading, setLoading] = (0, react_1.useState)(false);
+    const { itemsCount, totalPrice, onAddToCart, formatter: contextFormatter, } = (0, QuickOrderDrawerProvider_1.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_1.default.createElement("div", { "data-fs-quick-order-drawer-footer": true },
+        react_1.default.createElement("div", { "data-fs-quick-order-drawer-footer-items": true },
+            react_1.default.createElement(Icon_1.default, { name: "Inventory", width: 24, height: 24 }),
+            react_1.default.createElement("span", null,
+                itemsCount,
+                " ",
+                itemsLabel || '')),
+        react_1.default.createElement("div", { "data-fs-quick-order-drawer-footer-actions": true },
+            react_1.default.createElement(Price_1.default, { value: totalPrice, variant: "selling", formatter: priceFormatter }),
+            react_1.default.createElement(Button_1.default, { "data-fs-quick-order-drawer-add-to-cart-btn": true, variant: "primary", disabled: itemsCount === 0, loading: loading, onClick: handleAddToCart, "aria-label": addToCartAriaLabel }, addToCartLabel))));
+};
+exports.default = QuickOrderDrawerFooter;
+//# sourceMappingURL=QuickOrderDrawerFooter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QuickOrderDrawerFooter.js","sourceRoot":"","sources":["../../../../src/organisms/QuickOrderDrawer/QuickOrderDrawerFooter.tsx"],"names":[],"mappings":";;;AAAA,uDAAuC;AACvC,wEAAuC;AACvC,oEAAmC;AACnC,sEAA8D;AAC9D,kFAAyE;AAczE,MAAM,sBAAsB,GAAG,CAAC,EAC9B,SAAS,EACT,MAAM,GACsB,EAAE,EAAE;IAChC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAC7C,MAAM,EACJ,UAAU,EACV,UAAU,EACV,WAAW,EACX,SAAS,EAAE,gBAAgB,GAC5B,GAAG,IAAA,8CAAmB,GAAE,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,8BAAC,cAAI,IAAC,IAAI,EAAC,WAAW,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI;YAChD;gBACG,UAAU;;gBAAG,UAAU,IAAI,EAAE,CACzB,CACH;QACN;YACE,8BAAC,eAAK,IACJ,KAAK,EAAE,UAAU,EACjB,OAAO,EAAC,SAAS,EACjB,SAAS,EAAE,cAAc,GACzB;YACF,8BAAC,gBAAM,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,kBAAe,sBAAsB,CAAA"}

package/dist/cjs/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/cjs/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/cjs/organisms/QuickOrderDrawer/QuickOrderDrawerHeader.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const Icon_1 = tslib_1.__importDefault(require("../../atoms/Icon"));
+const SlideOver_1 = require("../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_1.default.createElement(SlideOver_1.SlideOverHeader, { "data-fs-quick-order-drawer-header": true, closeBtnProps: {
+            variant: 'tertiary',
+            color: 'black',
+            'aria-label': 'Close quick order drawer',
+        }, onClose: () => onCloseDrawer?.() },
+        react_1.default.createElement("div", { "data-fs-quick-order-drawer-title-container": true },
+            react_1.default.createElement("div", { "data-fs-quick-order-drawer-icon": true },
+                react_1.default.createElement(Icon_1.default, { name: "Table", weight: "bold", width: 32, height: 32 })),
+            react_1.default.createElement("div", { "data-fs-quick-order-drawer-title": true }, titleFormatted))));
+};
+exports.default = QuickOrderDrawerHeader;
+//# sourceMappingURL=QuickOrderDrawerHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QuickOrderDrawerHeader.js","sourceRoot":"","sources":["../../../../src/organisms/QuickOrderDrawer/QuickOrderDrawerHeader.tsx"],"names":[],"mappings":";;;AAAA,0DAAyB;AACzB,oEAAmC;AACnC,4CAA8C;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,8BAAC,2BAAe,+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,8BAAC,cAAI,IAAC,IAAI,EAAC,OAAO,EAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,CACtD;YACN,mFAAuC,cAAc,CAAO,CACxD,CACU,CACnB,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,sBAAsB,CAAA"}

package/dist/cjs/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/cjs/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/cjs/organisms/QuickOrderDrawer/QuickOrderDrawerProducts.js

@@ -0,0 +1,91 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const Icon_1 = tslib_1.__importDefault(require("../../atoms/Icon"));
+const IconButton_1 = tslib_1.__importDefault(require("../../molecules/IconButton"));
+const QuantitySelector_1 = tslib_1.__importDefault(require("../../molecules/QuantitySelector"));
+const Table_1 = require("../../molecules/Table");
+const Badge_1 = tslib_1.__importDefault(require("../../atoms/Badge"));
+const Price_1 = tslib_1.__importDefault(require("../../atoms/Price"));
+const Skeleton_1 = tslib_1.__importDefault(require("../../atoms/Skeleton"));
+const hooks_1 = require("../../hooks");
+const Alert_1 = tslib_1.__importDefault(require("../../molecules/Alert"));
+const Tooltip_1 = tslib_1.__importDefault(require("../../molecules/Tooltip"));
+const QuickOrderDrawerProvider_1 = require("./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_1.default.createElement("img", { src: src, alt: alt, width: width, height: height, ...otherProps });
+const QuickOrderDrawerProducts = ({ columns, formatter, ImageComponent = DefaultImageComponent, messages, }) => {
+    const { pushToast } = (0, hooks_1.useUI)();
+    const { products, onChangeQuantityItem, onDelete, isLoading, alertMessage, setAlertMessage, formatter: contextFormatter, } = (0, QuickOrderDrawerProvider_1.useQuickOrderDrawer)();
+    const priceFormatter = formatter || contextFormatter;
+    const showSkeleton = isLoading;
+    return (react_1.default.createElement("div", { "data-fs-quick-order-drawer-content": true },
+        react_1.default.createElement(react_1.default.Fragment, null,
+            !isLoading && alertMessage && (react_1.default.createElement(Alert_1.default, { icon: react_1.default.createElement(Icon_1.default, { name: "AlertFilled", weight: "bold" }), dismissible: true, onClick: () => setAlertMessage(''), "aria-label": messages?.alertAriaLabel }, alertMessage)),
+            react_1.default.createElement(Table_1.Table, { "data-fs-quick-order-drawer-table": true, variant: "bordered", "aria-label": messages?.tableAriaLabel },
+                react_1.default.createElement(Table_1.TableHead, null,
+                    react_1.default.createElement(Table_1.TableRow, null,
+                        react_1.default.createElement(Table_1.TableCell, { "data-fs-quick-order-drawer-product-header": true, align: "left", variant: "header", scope: "col" }, columns.name),
+                        react_1.default.createElement(Table_1.TableCell, { align: "left", variant: "header", scope: "col" }, columns.availability.label),
+                        react_1.default.createElement(Table_1.TableCell, { align: "center", variant: "header", scope: "col" }, columns.price),
+                        react_1.default.createElement(Table_1.TableCell, { align: "left", variant: "header", scope: "col" }, columns.quantity),
+                        react_1.default.createElement(Table_1.TableCell, { align: "right", variant: "header", scope: "col" }))),
+                react_1.default.createElement(Table_1.TableBody, null, showSkeleton ? (react_1.default.createElement(react_1.default.Fragment, null, Array.from({ length: 5 }).map((_, index) => {
+                    return (react_1.default.createElement(Table_1.TableRow, { key: `table-row-skeleton-${index}` }, Array.from({
+                        length: 5,
+                    }).map((_, cellIndex) => {
+                        return (react_1.default.createElement(Table_1.TableCell, { key: `table-cell-skeleton-${cellIndex}` },
+                            react_1.default.createElement(Skeleton_1.default, { size: { width: '96%', height: '30px' } })));
+                    })));
+                }))) : products.length > 0 ? (react_1.default.createElement(react_1.default.Fragment, null, products.map((variantProduct) => (react_1.default.createElement(Table_1.TableRow, { key: `${variantProduct.name}-${variantProduct.id}`, "data-fs-quick-order-table-row": variantProduct.availability },
+                    react_1.default.createElement(Table_1.TableCell, { "data-fs-quick-order-cell": "product", align: "left" },
+                        react_1.default.createElement("div", { "data-fs-quick-order-table-cell-img-container": true },
+                            react_1.default.createElement(ImageComponent, { height: 48, src: variantProduct.image.url, alt: variantProduct.image.alternateName ||
+                                    variantProduct.name })),
+                        react_1.default.createElement("div", { "data-fs-quick-order-table-cell-name-container": true },
+                            react_1.default.createElement("div", { "data-fs-quick-order-text": 'primary' }, variantProduct.name),
+                            react_1.default.createElement("span", { "data-fs-quick-order-text": 'secondary' }, variantProduct.id)),
+                        variantProduct.availability === 'available' &&
+                            variantProduct.quantityUpdated && (react_1.default.createElement(Tooltip_1.default, { content: messages?.quantityUpdatedTooltip, placement: "left-center" },
+                            react_1.default.createElement(IconButton_1.default, { "aria-label": messages?.quantityUpdatedAriaLabel, icon: react_1.default.createElement(Icon_1.default, { name: "CircleWarning", weight: "bold" }) })))),
+                    react_1.default.createElement(Table_1.TableCell, { align: "left" },
+                        columns.availability.stockDisplaySettings ===
+                            'showAvailability' && (react_1.default.createElement(Badge_1.default, { variant: variantProduct.availability === 'outOfStock'
+                                ? 'warning'
+                                : 'success' }, variantProduct.availability === 'outOfStock'
+                            ? messages?.outOfStockLabel
+                            : messages?.availableLabel)),
+                        columns.availability.stockDisplaySettings ===
+                            'showStockQuantity' && variantProduct.inventory),
+                    react_1.default.createElement(Table_1.TableCell, { "data-fs-quick-order-cell": "price", align: "right" },
+                        react_1.default.createElement(Price_1.default, { value: variantProduct.price, variant: "spot", formatter: priceFormatter, "data-fs-quick-order-table-price": variantProduct.availability })),
+                    react_1.default.createElement(Table_1.TableCell, { align: "right", "data-fs-quick-order-cell": "quantity-selector" },
+                        react_1.default.createElement("div", { "data-fs-quick-order-table-action": true },
+                            react_1.default.createElement(QuantitySelector_1.default, { 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_1.default.createElement(Icon_1.default, { name: "CircleWavyWarning", width: 30, height: 30 })),
+                                    });
+                                } }))),
+                    react_1.default.createElement(Table_1.TableCell, { align: "right", "data-fs-quick-order-delete-cell": true },
+                        react_1.default.createElement(IconButton_1.default, { onClick: () => onDelete(variantProduct.id), icon: react_1.default.createElement(Icon_1.default, { name: "Thrash", color: "#1F1F1F" }), "aria-label": messages?.removeProductAriaLabel?.replace('{productName}', variantProduct.name) }))))))) : (react_1.default.createElement(Table_1.TableRow, null,
+                    react_1.default.createElement(Table_1.TableCell, { align: "center", "data-fs-quick-order-empty-state": true, ...{
+                            colSpan: 5,
+                        } },
+                        react_1.default.createElement("div", { "data-fs-quick-order-empty-state-container": true },
+                            react_1.default.createElement(Icon_1.default, { name: "MagnifyingGlass", width: 48, height: 48, weight: "thin", "data-fs-quick-order-empty-state-icon": true }),
+                            react_1.default.createElement("div", { "data-fs-quick-order-empty-state-content": true },
+                                react_1.default.createElement("p", { "data-fs-quick-order-empty-state-title": true }, messages?.emptyStateTitle),
+                                react_1.default.createElement("p", { "data-fs-quick-order-empty-state-message": true }, messages?.emptyStateMessage)))))))))));
+};
+exports.default = QuickOrderDrawerProducts;
+//# sourceMappingURL=QuickOrderDrawerProducts.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QuickOrderDrawerProducts.js","sourceRoot":"","sources":["../../../../src/organisms/QuickOrderDrawer/QuickOrderDrawerProducts.tsx"],"names":[],"mappings":";;;AAAA,0DAAqD;AACrD,oEAAmC;AACnC,oFAAmD;AACnD,gGAA+D;AAC/D,iDAM8B;AAE9B,sEAAqC;AAErC,sEAAqC;AACrC,4EAA2C;AAC3C,uCAAmC;AACnC,0EAAyC;AACzC,8EAA6C;AAC7C,kFAG4C;AAU5C,uEAAuE;AACvE,gEAAgE;AAChE,MAAM,qBAAqB,GAAuB,CAAC,EACjD,GAAG,EACH,GAAG,EACH,KAAK,EACL,MAAM,EACN,GAAG,UAAU,EACd,EAAE,EAAE,CAAC,uCAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,KAAM,UAAU,GAAI,CAAA;AA6B/E,MAAM,wBAAwB,GAAG,CAAC,EAChC,OAAO,EACP,SAAS,EACT,cAAc,GAAG,qBAAqB,EACtC,QAAQ,GACsB,EAAE,EAAE;IAClC,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,aAAK,GAAE,CAAA;IAC7B,MAAM,EACJ,QAAQ,EACR,oBAAoB,EACpB,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,eAAe,EACf,SAAS,EAAE,gBAAgB,GAC5B,GAAG,IAAA,8CAAmB,GAAE,CAAA;IACzB,MAAM,cAAc,GAAG,SAAS,IAAI,gBAAgB,CAAA;IAEpD,MAAM,YAAY,GAAG,SAAS,CAAA;IAC9B,OAAO,CACL;QACE;YACG,CAAC,SAAS,IAAI,YAAY,IAAI,CAC7B,8BAAC,eAAK,IACJ,IAAI,EAAE,8BAAC,cAAI,IAAC,IAAI,EAAC,aAAa,EAAC,MAAM,EAAC,MAAM,GAAG,EAC/C,WAAW,QACX,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,EAAE,CAAC,gBACtB,QAAQ,EAAE,cAAc,IAEnC,YAAY,CACP,CACT;YACD,8BAAC,aAAK,8CAEJ,OAAO,EAAC,UAAU,gBACN,QAAQ,EAAE,cAAc;gBAEpC,8BAAC,iBAAS;oBACR,8BAAC,gBAAQ;wBACP,8BAAC,iBAAS,uDAER,KAAK,EAAC,MAAM,EACZ,OAAO,EAAC,QAAQ,EAChB,KAAK,EAAC,KAAK,IAEV,OAAO,CAAC,IAAI,CACH;wBAEZ,8BAAC,iBAAS,IAAC,KAAK,EAAC,MAAM,EAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAC,KAAK,IACjD,OAAO,CAAC,YAAY,CAAC,KAAK,CACjB;wBAEZ,8BAAC,iBAAS,IAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAC,KAAK,IACnD,OAAO,CAAC,KAAK,CACJ;wBAEZ,8BAAC,iBAAS,IAAC,KAAK,EAAC,MAAM,EAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAC,KAAK,IACjD,OAAO,CAAC,QAAQ,CACP;wBACZ,8BAAC,iBAAS,IAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAC,KAAK,GAAa,CACzD,CACD;gBAEZ,8BAAC,iBAAS,QACP,YAAY,CAAC,CAAC,CAAC,CACd,8DACG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;oBAC1C,OAAO,CACL,8BAAC,gBAAQ,IAAC,GAAG,EAAE,sBAAsB,KAAK,EAAE,IACzC,KAAK,CAAC,IAAI,CAAC;wBACV,MAAM,EAAE,CAAC;qBACV,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,EAAE;wBACtB,OAAO,CACL,8BAAC,iBAAS,IAAC,GAAG,EAAE,uBAAuB,SAAS,EAAE;4BAChD,8BAAC,kBAAQ,IAAC,IAAI,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,CAC1C,CACb,CAAA;oBACH,CAAC,CAAC,CACO,CACZ,CAAA;gBACH,CAAC,CAAC,CACD,CACJ,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACxB,8DACG,QAAQ,CAAC,GAAG,CAAC,CAAC,cAAc,EAAE,EAAE,CAAC,CAChC,8BAAC,gBAAQ,IACP,GAAG,EAAE,GAAG,cAAc,CAAC,IAAI,IAAI,cAAc,CAAC,EAAE,EAAE,mCACnB,cAAc,CAAC,YAAY;oBAE1D,8BAAC,iBAAS,gCAA0B,SAAS,EAAC,KAAK,EAAC,MAAM;wBACxD;4BACE,8BAAC,cAAc,IACb,MAAM,EAAE,EAAE,EACV,GAAG,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,EAC7B,GAAG,EACD,cAAc,CAAC,KAAK,CAAC,aAAa;oCAClC,cAAc,CAAC,IAAI,GAErB,CACE;wBAEN;4BACE,mEAA+B,SAAS,IACrC,cAAc,CAAC,IAAI,CAChB;4BACN,oEAAgC,WAAW,IACxC,cAAc,CAAC,EAAE,CACb,CACH;wBACL,cAAc,CAAC,YAAY,KAAK,WAAW;4BAC1C,cAAc,CAAC,eAAe,IAAI,CAChC,8BAAC,iBAAO,IACN,OAAO,EAAE,QAAQ,EAAE,sBAAsB,EACzC,SAAS,EAAC,aAAa;4BAEvB,8BAAC,oBAAU,kBACG,QAAQ,EAAE,wBAAwB,EAC9C,IAAI,EAAE,8BAAC,cAAI,IAAC,IAAI,EAAC,eAAe,EAAC,MAAM,EAAC,MAAM,GAAG,GACjD,CACM,CACX,CACO;oBAEZ,8BAAC,iBAAS,IAAC,KAAK,EAAC,MAAM;wBACpB,OAAO,CAAC,YAAY,CAAC,oBAAoB;4BACxC,kBAAkB,IAAI,CACtB,8BAAC,eAAK,IACJ,OAAO,EACL,cAAc,CAAC,YAAY,KAAK,YAAY;gCAC1C,CAAC,CAAC,SAAS;gCACX,CAAC,CAAC,SAAS,IAGd,cAAc,CAAC,YAAY,KAAK,YAAY;4BAC3C,CAAC,CAAC,QAAQ,EAAE,eAAe;4BAC3B,CAAC,CAAC,QAAQ,EAAE,cAAc,CACtB,CACT;wBAEA,OAAO,CAAC,YAAY,CAAC,oBAAoB;4BACxC,mBAAmB,IAAI,cAAc,CAAC,SAAS,CACvC;oBAEZ,8BAAC,iBAAS,gCAA0B,OAAO,EAAC,KAAK,EAAC,OAAO;wBACvD,8BAAC,eAAK,IACJ,KAAK,EAAE,cAAc,CAAC,KAAK,EAC3B,OAAO,EAAC,MAAM,EACd,SAAS,EAAE,cAAc,qCAEvB,cAAc,CAAC,YAAY,GAE7B,CACQ;oBAEZ,8BAAC,iBAAS,IACR,KAAK,EAAC,OAAO,8BACY,mBAAmB;wBAE5C;4BACE,8BAAC,0BAAgB,IACf,GAAG,EAAE,CAAC,EACN,GAAG,EAAE,cAAc,CAAC,SAAS,EAC7B,QAAQ,EACN,CAAC,cAAc,CAAC,SAAS;oCACzB,cAAc,CAAC,YAAY,KAAK,YAAY,EAE9C,OAAO,EAAE,cAAc,CAAC,aAAa,EACrC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAClB,oBAAoB,CAAC,cAAc,CAAC,EAAE,EAAE,KAAK,CAAC,gBAEpC,QAAQ,EAAE,uBAAuB,EAAE,OAAO,CACpD,eAAe,EACf,cAAc,CAAC,IAAI,CACpB,EACD,cAAc,EAAE,CACd,GAAW,EACX,QAAgB,EAChB,QAAgB,EAChB,EAAE;oCACF,MAAM,KAAK,GAAG,QAAQ,EAAE,oBAAoB,CAAA;oCAC5C,MAAM,OAAO,GAAG,QAAQ,EAAE,sBAAsB;wCAC9C,CAAC,CAAC,QAAQ,CAAC,sBAAsB,CAC7B,GAAG,EACH,QAAQ,EACR,QAAQ,CACT;wCACH,CAAC,CAAC,EAAE,CAAA;oCAEN,SAAS,CAAC;wCACR,KAAK;wCACL,OAAO;wCACP,MAAM,EAAE,MAAM;wCACd,IAAI,EAAE,CACJ,8BAAC,cAAI,IACH,IAAI,EAAC,mBAAmB,EACxB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACV,CACH;qCACF,CAAC,CAAA;gCACJ,CAAC,GACD,CACE,CACI;oBACZ,8BAAC,iBAAS,IAAC,KAAK,EAAC,OAAO;wBACtB,8BAAC,oBAAU,IACT,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,EAC1C,IAAI,EAAE,8BAAC,cAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,SAAS,GAAG,gBAChC,QAAQ,EAAE,sBAAsB,EAAE,OAAO,CACnD,eAAe,EACf,cAAc,CAAC,IAAI,CACpB,GACD,CACQ,CACH,CACZ,CAAC,CACD,CACJ,CAAC,CAAC,CAAC,CACF,8BAAC,gBAAQ;oBACP,8BAAC,iBAAS,IACR,KAAK,EAAC,QAAQ,8CAET;4BACH,OAAO,EAAE,CAAC;yBACoC;wBAEhD;4BACE,8BAAC,cAAI,IACH,IAAI,EAAC,iBAAiB,EACtB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,MAAM,EAAC,MAAM,iDAEb;4BACF;gCACE,sFACG,QAAQ,EAAE,eAAe,CACxB;gCACJ,wFACG,QAAQ,EAAE,iBAAiB,CAC1B,CACA,CACF,CACI,CACH,CACZ,CACS,CACN,CACP,CACC,CACP,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,wBAAwB,CAAA"}

package/dist/cjs/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/cjs/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/cjs/organisms/QuickOrderDrawer/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useQuickOrderDrawer = exports.QuickOrderDrawerFooter = exports.QuickOrderDrawerProducts = exports.QuickOrderDrawerHeader = exports.default = exports.QuickOrderDrawer = void 0;
+var QuickOrderDrawer_1 = require("./QuickOrderDrawer");
+Object.defineProperty(exports, "QuickOrderDrawer", { enumerable: true, get: function () { return __importDefault(QuickOrderDrawer_1).default; } });
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(QuickOrderDrawer_1).default; } });
+var QuickOrderDrawerHeader_1 = require("./QuickOrderDrawerHeader");
+Object.defineProperty(exports, "QuickOrderDrawerHeader", { enumerable: true, get: function () { return __importDefault(QuickOrderDrawerHeader_1).default; } });
+var QuickOrderDrawerProducts_1 = require("./QuickOrderDrawerProducts");
+Object.defineProperty(exports, "QuickOrderDrawerProducts", { enumerable: true, get: function () { return __importDefault(QuickOrderDrawerProducts_1).default; } });
+var QuickOrderDrawerFooter_1 = require("./QuickOrderDrawerFooter");
+Object.defineProperty(exports, "QuickOrderDrawerFooter", { enumerable: true, get: function () { return __importDefault(QuickOrderDrawerFooter_1).default; } });
+var QuickOrderDrawerProvider_1 = require("./provider/QuickOrderDrawerProvider");
+Object.defineProperty(exports, "useQuickOrderDrawer", { enumerable: true, get: function () { return QuickOrderDrawerProvider_1.useQuickOrderDrawer; } });
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/organisms/QuickOrderDrawer/index.ts"],"names":[],"mappings":";;;;;;AAAA,uDAAyE;AAAhE,qIAAA,OAAO,OAAoB;AAAE,4HAAA,OAAO,OAAA;AAG7C,mEAA4E;AAAnE,iJAAA,OAAO,OAA0B;AAG1C,uEAAgF;AAAvE,qJAAA,OAAO,OAA4B;AAG5C,mEAA4E;AAAnE,iJAAA,OAAO,OAA0B;AAG1C,gFAAyE;AAAhE,+HAAA,mBAAmB,OAAA"}

package/dist/cjs/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