@homefile/components-v2 1.0.2 → 1.0.4

package/dist/components/receipts/displayReceipts/ListReceipt.js

@@ -1,19 +1,14 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ListReceipt = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var i18next_1 = require("i18next");
-var react_1 = require("@chakra-ui/react");
-var components_1 = require("../..");
-var helpers_1 = require("../../../helpers");
-var utils_1 = require("../../../utils");
-var ListReceipt = function (_a) {
-    var menuItems = _a.menuItems, onClick = _a.onClick, _id = _a._id, total = _a.total, store = _a.store, itemQuantity = _a.itemQuantity, purchaseDate = _a.purchaseDate, _b = _a.receiptOrigin, receiptOrigin = _b === void 0 ? 'homeDepot' : _b;
-    var storeImage = helpers_1.receiptOrigins[receiptOrigin];
-    var handleClick = function () { return onClick(_id); };
-    var _c = (0, utils_1.formatDateTime)({
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { t } from 'i18next';
+import { Box, Flex, Img, Stack, Text } from '@chakra-ui/react';
+import { IconMenu, MoreHorizontal } from '../..';
+import { receiptOrigins } from '../../../helpers';
+import { formatDateTime } from '../../../utils';
+export const ListReceipt = ({ menuItems, onClick, _id, total, store, itemQuantity, purchaseDate, receiptOrigin = 'homeDepot', }) => {
+    const storeImage = receiptOrigins[receiptOrigin];
+    const handleClick = () => onClick(_id);
+    const { formattedDate: date, formattedTime: time } = formatDateTime({
         date: purchaseDate,
-    }), date = _c.formattedDate, time = _c.formattedTime;
-    return ((0, jsx_runtime_1.jsx)(react_1.Box, { bg: "neutral.white", w: "100%", transition: "all 0.2s ease-in-out", _hover: { bg: 'lightGreen.1' }, children: (0, jsx_runtime_1.jsxs)(react_1.Flex, { align: "center", p: "2", children: [(0, jsx_runtime_1.jsxs)(react_1.Flex, { gap: "base", flex: "auto", as: "button", onClick: handleClick, align: "center", children: [(0, jsx_runtime_1.jsx)(react_1.Img, { alt: "logo", src: storeImage, boxSize: "36px" }), (0, jsx_runtime_1.jsxs)(react_1.Box, { children: [store && ((0, jsx_runtime_1.jsx)(react_1.Text, { variant: "date", textTransform: "uppercase", textAlign: "left", children: store })), (0, jsx_runtime_1.jsx)(react_1.Text, { textOverflow: "ellipsis", noOfLines: 1, fontSize: "sm", textAlign: "left", children: (0, i18next_1.t)('receipts.receipts') })] })] }), (0, jsx_runtime_1.jsxs)(react_1.Flex, { align: "center", gap: "base", children: [(0, jsx_runtime_1.jsx)(react_1.Box, { children: (0, jsx_runtime_1.jsx)(react_1.Text, { fontSize: "xs", fontFamily: "secondary", children: "".concat(itemQuantity, " ").concat((0, i18next_1.t)('receipts.items')) }) }), (0, jsx_runtime_1.jsxs)(react_1.Flex, { align: "start", gap: "2", mt: "-1", children: [(0, jsx_runtime_1.jsxs)(react_1.Stack, { align: "flex-end", mt: "1", spacing: "0", children: [(0, jsx_runtime_1.jsx)(react_1.Text, { variant: "date", textAlign: "right", children: "".concat(date, " ").concat(time) }), (0, jsx_runtime_1.jsx)(react_1.Text, { children: total })] }), (0, jsx_runtime_1.jsx)(components_1.IconMenu, { icon: (0, jsx_runtime_1.jsx)(components_1.MoreHorizontal, { size: 26 }), menuItems: menuItems, disabled: (menuItems === null || menuItems === void 0 ? void 0 : menuItems.length) === 0, itemForm: _id })] })] })] }) }));
+    });
+    return (_jsx(Box, { bg: "neutral.white", w: "100%", transition: "all 0.2s ease-in-out", _hover: { bg: 'lightGreen.1' }, children: _jsxs(Flex, { align: "center", p: "2", children: [_jsxs(Flex, { gap: "base", flex: "auto", as: "button", onClick: handleClick, align: "center", children: [_jsx(Img, { alt: "logo", src: storeImage, boxSize: "36px" }), _jsxs(Box, { children: [store && (_jsx(Text, { variant: "date", textTransform: "uppercase", textAlign: "left", children: store })), _jsx(Text, { textOverflow: "ellipsis", noOfLines: 1, fontSize: "sm", textAlign: "left", children: t('receipts.receipts') })] })] }), _jsxs(Flex, { align: "center", gap: "base", children: [_jsx(Box, { children: _jsx(Text, { fontSize: "xs", fontFamily: "secondary", children: `${itemQuantity} ${t('receipts.items')}` }) }), _jsxs(Flex, { align: "start", gap: "2", mt: "-1", children: [_jsxs(Stack, { align: "flex-end", mt: "1", spacing: "0", children: [_jsx(Text, { variant: "date", textAlign: "right", children: `${date} ${time}` }), _jsx(Text, { children: total })] }), _jsx(IconMenu, { icon: _jsx(MoreHorizontal, { size: 26 }), menuItems: menuItems, disabled: (menuItems === null || menuItems === void 0 ? void 0 : menuItems.length) === 0, itemForm: _id })] })] })] }) }));
 };
-exports.ListReceipt = ListReceipt;

package/dist/components/receipts/displayReceipts/ListReceipts.js

@@ -1,15 +1,3 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -21,16 +9,12 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ListReceipts = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("@chakra-ui/react");
-var components_1 = require("../..");
-var ListReceipts = function (_a) {
-    var menuItems = _a.menuItems, onClick = _a.onClick, receipts = _a.receipts;
-    return ((0, jsx_runtime_1.jsx)(react_1.Stack, { spacing: "1", w: "100%", children: receipts === null || receipts === void 0 ? void 0 : receipts.map(function (_a) {
-            var _id = _a._id, props = __rest(_a, ["_id"]);
-            return ((0, jsx_runtime_1.jsx)(components_1.ListReceipt, __assign({ _id: _id, menuItems: menuItems, onClick: onClick }, props), _id));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Stack } from '@chakra-ui/react';
+import { ListReceipt } from '../..';
+export const ListReceipts = ({ menuItems, onClick, receipts, }) => {
+    return (_jsx(Stack, { spacing: "1", w: "100%", children: receipts === null || receipts === void 0 ? void 0 : receipts.map((_a) => {
+            var { _id } = _a, props = __rest(_a, ["_id"]);
+            return (_jsx(ListReceipt, Object.assign({ _id: _id, menuItems: menuItems, onClick: onClick }, props), _id));
         }) }));
 };
-exports.ListReceipts = ListReceipts;

package/dist/components/receipts/displayReceipts/index.js

@@ -1,23 +1,7 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./DisplayReceipts"), exports);
-__exportStar(require("./GridReceipt"), exports);
-__exportStar(require("./GridReceipts"), exports);
-__exportStar(require("./ItemReceipt"), exports);
-__exportStar(require("./ItemReceipts"), exports);
-__exportStar(require("./ListReceipt"), exports);
-__exportStar(require("./ListReceipts"), exports);
+export * from './DisplayReceipts';
+export * from './GridReceipt';
+export * from './GridReceipts';
+export * from './ItemReceipt';
+export * from './ItemReceipts';
+export * from './ListReceipt';
+export * from './ListReceipts';

package/dist/components/receipts/index.js

@@ -1,31 +1,15 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./AssignableReceiptCard"), exports);
-__exportStar(require("./AssignableReceipts"), exports);
-__exportStar(require("./autofiler"), exports);
-__exportStar(require("./displayReceipts"), exports);
-__exportStar(require("./AutomationDetailsRow"), exports);
-__exportStar(require("./DoubleSelects"), exports);
-__exportStar(require("./ProgressSpend"), exports);
-__exportStar(require("./receipt"), exports);
-__exportStar(require("./ReceiptsDisplayOptions"), exports);
-__exportStar(require("./ReceiptsHeader"), exports);
-__exportStar(require("./ReceiptsInfo"), exports);
-__exportStar(require("./ReceiptsReceivedContent"), exports);
-__exportStar(require("./SalesTax"), exports);
-__exportStar(require("./Summary"), exports);
-__exportStar(require("./TotalHeader"), exports);
+export * from './AssignableReceiptCard';
+export * from './AssignableReceipts';
+export * from './autofiler';
+export * from './displayReceipts';
+export * from './AutomationDetailsRow';
+export * from './DoubleSelects';
+export * from './ProgressSpend';
+export * from './receipt';
+export * from './ReceiptsDisplayOptions';
+export * from './ReceiptsHeader';
+export * from './ReceiptsInfo';
+export * from './ReceiptsReceivedContent';
+export * from './SalesTax';
+export * from './Summary';
+export * from './TotalHeader';

package/dist/components/receipts/receipt/DetailsColumn.js

@@ -1,11 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DetailsColumn = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("@chakra-ui/react");
-var DetailsColumn = function (_a) {
-    var _b = _a.align, align = _b === void 0 ? 'left' : _b, details = _a.details;
-    var isLeft = align === 'left';
-    return ((0, jsx_runtime_1.jsx)(react_1.Stack, { spacing: "0", flex: "auto", children: details.map(function (item, index) { return ((0, jsx_runtime_1.jsxs)(react_1.Flex, { justify: "space-between", children: [(0, jsx_runtime_1.jsx)(react_1.Text, { fontSize: "xs", fontFamily: "secondary", lineHeight: "1.4", flex: isLeft ? '45%' : '', children: item.label }), (0, jsx_runtime_1.jsx)(react_1.Text, { fontSize: "xs", fontFamily: "secondary", fontWeight: "medium", lineHeight: "1.4", flex: isLeft ? '55%' : '', children: String(item.value) })] }, index + index)); }) }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Stack, Flex, Text } from '@chakra-ui/react';
+export const DetailsColumn = ({ align = 'left', details }) => {
+    const isLeft = align === 'left';
+    return (_jsx(Stack, { spacing: "0", flex: "auto", children: details.map((item, index) => (_jsxs(Flex, { justify: "space-between", children: [_jsx(Text, { fontSize: "xs", fontFamily: "secondary", lineHeight: "1.4", flex: isLeft ? '45%' : '', children: item.label }), _jsx(Text, { fontSize: "xs", fontFamily: "secondary", fontWeight: "medium", lineHeight: "1.4", flex: isLeft ? '55%' : '', children: String(item.value) })] }, index + index))) }));
 };
-exports.DetailsColumn = DetailsColumn;

package/dist/components/receipts/receipt/ItemsReviewBanner.js

@@ -1,10 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ItemsReviewBanner = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var i18next_1 = require("i18next");
-var react_1 = require("@chakra-ui/react");
-var ItemsReviewBanner = function () {
-    return ((0, jsx_runtime_1.jsx)(react_1.Box, { px: "4", py: "6", bg: "error.2", children: (0, jsx_runtime_1.jsx)(react_1.Text, { color: "neutral.white", children: (0, i18next_1.t)('receipts.needingReview') }) }));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { t } from 'i18next';
+import { Box, Text } from '@chakra-ui/react';
+export const ItemsReviewBanner = () => {
+    return (_jsx(Box, { px: "4", py: "6", bg: "error.2", children: _jsx(Text, { color: "neutral.white", children: t('receipts.needingReview') }) }));
 };
-exports.ItemsReviewBanner = ItemsReviewBanner;

package/dist/components/receipts/receipt/PdfButton.js

@@ -1,12 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PdfButton = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var i18next_1 = require("i18next");
-var react_1 = require("@chakra-ui/react");
-var images_1 = require("../../../assets/images");
-var PdfButton = function (_a) {
-    var onClick = _a.onClick;
-    return ((0, jsx_runtime_1.jsxs)(react_1.Flex, { align: "center", gap: "base", as: "button", minW: "fit-content", bg: "neutral.white", pr: "base", onClick: onClick, children: [(0, jsx_runtime_1.jsx)(react_1.Text, { variant: "home", color: "blue.2", fontWeight: "medium", textTransform: "capitalize", children: (0, i18next_1.t)('receipts.viewPdf') }), (0, jsx_runtime_1.jsx)(react_1.Image, { src: images_1.PdfIcon, h: "23px", w: "auto" })] }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { t } from 'i18next';
+import { Text, Image, Flex } from '@chakra-ui/react';
+import { PdfIcon } from '../../../assets/images';
+export const PdfButton = ({ onClick }) => {
+    return (_jsxs(Flex, { align: "center", gap: "base", as: "button", minW: "fit-content", bg: "neutral.white", pr: "base", onClick: onClick, children: [_jsx(Text, { variant: "home", color: "blue.2", fontWeight: "medium", textTransform: "capitalize", children: t('receipts.viewPdf') }), _jsx(Image, { src: PdfIcon, h: "23px", w: "auto" })] }));
 };
-exports.PdfButton = PdfButton;

package/dist/components/receipts/receipt/ReceiptBody.js

@@ -1,10 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ReceiptBody = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("@chakra-ui/react");
-var ReceiptBody = function (_a) {
-    var children = _a.children;
-    return ((0, jsx_runtime_1.jsx)(react_1.DrawerBody, { p: "0", bg: "lightBlue.1", children: children }));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DrawerBody } from '@chakra-ui/react';
+export const ReceiptBody = ({ children }) => {
+    return (_jsx(DrawerBody, { p: "0", bg: "lightBlue.1", children: children }));
 };
-exports.ReceiptBody = ReceiptBody;

package/dist/components/receipts/receipt/ReceiptContent.js

@@ -1,10 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ReceiptContent = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("@chakra-ui/react");
-var ReceiptContent = function (_a) {
-    var children = _a.children;
-    return (0, jsx_runtime_1.jsx)(react_1.DrawerContent, { bg: "lightBlue.1", children: children });
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DrawerContent } from '@chakra-ui/react';
+export const ReceiptContent = ({ children }) => {
+    return _jsx(DrawerContent, { bg: "lightBlue.1", children: children });
 };
-exports.ReceiptContent = ReceiptContent;

package/dist/components/receipts/receipt/ReceiptDetails.js

@@ -1,22 +1,18 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ReceiptDetails = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var i18next_1 = require("i18next");
-var react_1 = require("@chakra-ui/react");
-var images_1 = require("../../../assets/images");
-var utils_1 = require("../../../utils");
-var components_1 = require("../..");
-var helpers_1 = require("../../../helpers");
-var ReceiptDetails = function (_a) {
-    var _b = _a.cashier, cashier = _b === void 0 ? '' : _b, itemQuantity = _a.itemQuantity, paymentMethod = _a.paymentMethod, purchaseDate = _a.purchaseDate, tax = _a.tax, store = _a.store, _c = _a.receiptOrigin, receiptOrigin = _c === void 0 ? 'homeDepot' : _c, _d = _a.storePhone, storePhone = _d === void 0 ? '' : _d, total = _a.total;
-    var storeImage = helpers_1.receiptOrigins[receiptOrigin];
-    var leftLabels = (0, i18next_1.t)('receipts.columnLeft').split(',');
-    var rightLabels = (0, i18next_1.t)('receipts.columnRight').split(',');
-    var leftColumn = [
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { t } from 'i18next';
+import { Box, Divider, Flex, Image } from '@chakra-ui/react';
+import { ReceiptBg } from '../../../assets/images';
+import { formatDate } from '../../../utils';
+import { DetailsColumn } from '../..';
+import { receiptOrigins } from '../../../helpers';
+export const ReceiptDetails = ({ cashier = '', itemQuantity, paymentMethod, purchaseDate, tax, store, receiptOrigin = 'homeDepot', storePhone = '', total, }) => {
+    const storeImage = receiptOrigins[receiptOrigin];
+    const leftLabels = t('receipts.columnLeft').split(',');
+    const rightLabels = t('receipts.columnRight').split(',');
+    const leftColumn = [
         {
             label: leftLabels[0],
-            value: (0, utils_1.formatDate)({ date: purchaseDate }).replace(' ', ' @ '),
+            value: formatDate({ date: purchaseDate }).replace(' ', ' @ '),
         },
         {
             label: leftLabels[1],
@@ -31,7 +27,7 @@ var ReceiptDetails = function (_a) {
             value: cashier,
         },
     ];
-    var rightColumn = [
+    const rightColumn = [
         {
             label: rightLabels[0],
             value: itemQuantity,
@@ -49,6 +45,5 @@ var ReceiptDetails = function (_a) {
             value: paymentMethod,
         },
     ];
-    return ((0, jsx_runtime_1.jsxs)(react_1.Box, { boxShadow: "md", minW: "108px", bg: "lightBlue.2", borderBottom: "1px solid", borderColor: "lightBlue.2", children: [(0, jsx_runtime_1.jsx)(react_1.Box, { bgImg: images_1.ReceiptBg, bgRepeat: "repeat-x", w: "100%", h: "10px" }), (0, jsx_runtime_1.jsx)(react_1.Box, { bg: "neutral.white", px: "2", p: "base", children: (0, jsx_runtime_1.jsxs)(react_1.Flex, { align: "center", gap: "base", children: [(0, jsx_runtime_1.jsx)(react_1.Image, { src: storeImage, w: "75px", h: "75px", fit: "cover" }), (0, jsx_runtime_1.jsxs)(react_1.Flex, { align: "center", gap: "2", flex: "auto", children: [(0, jsx_runtime_1.jsx)(components_1.DetailsColumn, { details: leftColumn }), (0, jsx_runtime_1.jsx)(react_1.Divider, { orientation: "vertical", bg: "lightBlue.2", h: "63px", mr: "6" }), (0, jsx_runtime_1.jsx)(components_1.DetailsColumn, { align: "right", details: rightColumn })] })] }) })] }));
+    return (_jsxs(Box, { boxShadow: "md", minW: "108px", bg: "lightBlue.2", borderBottom: "1px solid", borderColor: "lightBlue.2", children: [_jsx(Box, { bgImg: ReceiptBg, bgRepeat: "repeat-x", w: "100%", h: "10px" }), _jsx(Box, { bg: "neutral.white", px: "2", p: "base", children: _jsxs(Flex, { align: "center", gap: "base", children: [_jsx(Image, { src: storeImage, w: "75px", h: "75px", fit: "cover" }), _jsxs(Flex, { align: "center", gap: "2", flex: "auto", children: [_jsx(DetailsColumn, { details: leftColumn }), _jsx(Divider, { orientation: "vertical", bg: "lightBlue.2", h: "63px", mr: "6" }), _jsx(DetailsColumn, { align: "right", details: rightColumn })] })] }) })] }));
 };
-exports.ReceiptDetails = ReceiptDetails;

package/dist/components/receipts/receipt/ReceiptFilters.js

@@ -1,11 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ReceiptFilters = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("@chakra-ui/react");
-var components_1 = require("../..");
-var ReceiptFilters = function (_a) {
-    var _b = _a.leftOptions, leftOptions = _b === void 0 ? [] : _b, _c = _a.onLeftSelectChange, onLeftSelectChange = _c === void 0 ? function () { } : _c, _d = _a.onRightSelectChange, onRightSelectChange = _d === void 0 ? function () { } : _d, onSearchChange = _a.onSearchChange, _e = _a.rightOptions, rightOptions = _e === void 0 ? [] : _e, searchValue = _a.searchValue;
-    return ((0, jsx_runtime_1.jsxs)(react_1.Flex, { align: "center", p: "base", bg: "lightBlue.1", gap: "2", children: [(0, jsx_runtime_1.jsx)(components_1.SelectInput, { handleClick: onLeftSelectChange, initialValue: leftOptions === null || leftOptions === void 0 ? void 0 : leftOptions[0], items: leftOptions }), (0, jsx_runtime_1.jsx)(components_1.SelectInput, { handleClick: onRightSelectChange, initialValue: rightOptions === null || rightOptions === void 0 ? void 0 : rightOptions[0], items: rightOptions }), (0, jsx_runtime_1.jsx)(components_1.SearchInput, { onChange: onSearchChange, value: searchValue, maxW: "8.5rem", size: "sm" })] }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Flex } from '@chakra-ui/react';
+import { SearchInput, SelectInput } from '../..';
+export const ReceiptFilters = ({ leftOptions = [], onLeftSelectChange = () => { }, onRightSelectChange = () => { }, onSearchChange, rightOptions = [], searchValue, }) => {
+    return (_jsxs(Flex, { align: "center", p: "base", bg: "lightBlue.1", gap: "2", children: [_jsx(SelectInput, { handleClick: onLeftSelectChange, initialValue: leftOptions === null || leftOptions === void 0 ? void 0 : leftOptions[0], items: leftOptions }), _jsx(SelectInput, { handleClick: onRightSelectChange, initialValue: rightOptions === null || rightOptions === void 0 ? void 0 : rightOptions[0], items: rightOptions }), _jsx(SearchInput, { onChange: onSearchChange, value: searchValue, maxW: "8.5rem", size: "sm" })] }));
 };
-exports.ReceiptFilters = ReceiptFilters;

package/dist/components/receipts/receipt/ReceiptFooter.js

@@ -1,26 +1,21 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ReceiptFooter = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var i18next_1 = require("i18next");
-var react_1 = require("@chakra-ui/react");
-var components_1 = require("../..");
-var ReceiptFooter = function (_a) {
-    var _b = _a.isUpdateItemDisabled, isUpdateItemDisabled = _b === void 0 ? true : _b, _c = _a.isDeleteItemDisabled, isDeleteItemDisabled = _c === void 0 ? true : _c, onDeleteItemClick = _a.onDeleteItemClick, onDeleteReceiptClick = _a.onDeleteReceiptClick, onUpdateItemClick = _a.onUpdateItemClick;
-    return ((0, jsx_runtime_1.jsx)(react_1.DrawerFooter, { children: (0, jsx_runtime_1.jsx)(components_1.FooterDrawer, { isOpen: true, variant: "footerSquare", children: (0, jsx_runtime_1.jsx)(components_1.FooterButtons, { button1: {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { t } from 'i18next';
+import { DrawerFooter } from '@chakra-ui/react';
+import { FooterButtons, FooterDrawer } from '../..';
+export const ReceiptFooter = ({ isUpdateItemDisabled = true, isDeleteItemDisabled = true, onDeleteItemClick, onDeleteReceiptClick, onUpdateItemClick, }) => {
+    return (_jsx(DrawerFooter, { children: _jsx(FooterDrawer, { isOpen: true, variant: "footerSquare", children: _jsx(FooterButtons, { button1: {
                     buttonStyle: 'primaryFooter',
                     isDisabled: isUpdateItemDisabled,
-                    label: (0, i18next_1.t)('receipts.assign2'),
+                    label: t('receipts.assign2'),
                     onClick: onUpdateItemClick,
                 }, button2: {
                     buttonStyle: 'secondaryFooter',
                     isDisabled: isDeleteItemDisabled,
-                    label: (0, i18next_1.t)('receipts.deleteItem'),
+                    label: t('receipts.deleteItem'),
                     onClick: onDeleteItemClick,
                 }, button3: {
                     buttonStyle: 'secondaryFooter',
-                    label: (0, i18next_1.t)('receipts.deleteReceipt'),
+                    label: t('receipts.deleteReceipt'),
                     onClick: onDeleteReceiptClick,
                 } }) }) }));
 };
-exports.ReceiptFooter = ReceiptFooter;

package/dist/components/receipts/receipt/ReceiptHeader.js

@@ -1,14 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ReceiptHeader = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var i18next_1 = require("i18next");
-var react_1 = require("@chakra-ui/react");
-var images_1 = require("../../../assets/images");
-var components_1 = require("../..");
-var ReceiptHeader = function (_a) {
-    var children = _a.children, _b = _a.icon, icon = _b === void 0 ? images_1.Receipts : _b, onChange = _a.onChange, onClose = _a.onClose, onSave = _a.onSave, _c = _a.title, title = _c === void 0 ? (0, i18next_1.t)('receipts.title') : _c, _d = _a.value, value = _d === void 0 ? '' : _d;
-    var handleChange = function () { return onSave(value); };
-    return ((0, jsx_runtime_1.jsxs)(react_1.DrawerHeader, { p: "0", children: [(0, jsx_runtime_1.jsx)(components_1.PanelHeader, { handleCloseButton: onClose, title: title, icon: icon }), (0, jsx_runtime_1.jsxs)(react_1.Flex, { align: "center", gap: "base", p: "base", bg: "lightBlue.2", children: [(0, jsx_runtime_1.jsx)(components_1.BackCircleButton, { onClick: onClose }), (0, jsx_runtime_1.jsx)(components_1.EditItemName, { isRequired: false, errorMessage: "".concat((0, i18next_1.t)('receipts.receiptName'), " ").concat((0, i18next_1.t)('forms.required')), placeholder: (0, i18next_1.t)('receipts.receiptName'), onChange: onChange, onSave: handleChange, showSaveButton: !!value, value: value })] }), children] }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { t } from 'i18next';
+import { DrawerHeader, Flex } from '@chakra-ui/react';
+import { Receipts } from '../../../assets/images';
+import { BackCircleButton, EditItemName, PanelHeader } from '../..';
+export const ReceiptHeader = ({ children, icon = Receipts, onChange, onClose, onSave, title = t('receipts.title'), value = '', }) => {
+    const handleChange = () => onSave(value);
+    return (_jsxs(DrawerHeader, { p: "0", children: [_jsx(PanelHeader, { handleCloseButton: onClose, title: title, icon: icon }), _jsxs(Flex, { align: "center", gap: "base", p: "base", bg: "lightBlue.2", children: [_jsx(BackCircleButton, { onClick: onClose }), _jsx(EditItemName, { isRequired: false, errorMessage: `${t('receipts.receiptName')} ${t('forms.required')}`, placeholder: t('receipts.receiptName'), onChange: onChange, onSave: handleChange, showSaveButton: !!value, value: value })] }), children] }));
 };
-exports.ReceiptHeader = ReceiptHeader;

package/dist/components/receipts/receipt/ReceiptInfoCard.js

@@ -1,11 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ReceiptInfoCard = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("@chakra-ui/react");
-var components_1 = require("../..");
-var ReceiptInfoCard = function (_a) {
-    var title = _a.title, total = _a.total, _b = _a.variant, variant = _b === void 0 ? 'summary' : _b;
-    return ((0, jsx_runtime_1.jsxs)(react_1.Stack, { p: "base", pt: "2", border: "1px solid", borderColor: "lightGray.1", spacing: "base", w: "100%", children: [(0, jsx_runtime_1.jsx)(react_1.Text, { variant: "receipt", children: title }), (0, jsx_runtime_1.jsx)(components_1.TotalHeader, { value: total, variant: variant })] }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Text, Stack } from '@chakra-ui/react';
+import { TotalHeader } from '../..';
+export const ReceiptInfoCard = ({ title, total, variant = 'summary', }) => {
+    return (_jsxs(Stack, { p: "base", pt: "2", border: "1px solid", borderColor: "lightGray.1", spacing: "base", w: "100%", children: [_jsx(Text, { variant: "receipt", children: title }), _jsx(TotalHeader, { value: total, variant: variant })] }));
 };
-exports.ReceiptInfoCard = ReceiptInfoCard;

package/dist/components/receipts/receipt/ReceiptInfos.js

@@ -1,12 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ReceiptInfos = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var i18next_1 = require("i18next");
-var react_1 = require("@chakra-ui/react");
-var components_1 = require("../..");
-var ReceiptInfos = function (_a) {
-    var summaryTotal = _a.summaryTotal, taxTotal = _a.taxTotal;
-    return ((0, jsx_runtime_1.jsxs)(react_1.Flex, { p: "base", bg: "neutral.white", gap: "base", boxShadow: "lg", mb: "1", children: [(0, jsx_runtime_1.jsx)(components_1.ReceiptInfoCard, { title: (0, i18next_1.t)('receipts.daySummary'), total: summaryTotal }), (0, jsx_runtime_1.jsx)(components_1.ReceiptInfoCard, { title: (0, i18next_1.t)('receipts.salesTax'), total: taxTotal, variant: "tax" })] }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { t } from 'i18next';
+import { Flex } from '@chakra-ui/react';
+import { ReceiptInfoCard } from '../..';
+export const ReceiptInfos = ({ summaryTotal, taxTotal }) => {
+    return (_jsxs(Flex, { p: "base", bg: "neutral.white", gap: "base", boxShadow: "lg", mb: "1", children: [_jsx(ReceiptInfoCard, { title: t('receipts.daySummary'), total: summaryTotal }), _jsx(ReceiptInfoCard, { title: t('receipts.salesTax'), total: taxTotal, variant: "tax" })] }));
 };
-exports.ReceiptInfos = ReceiptInfos;

package/dist/components/receipts/receipt/ReceiptItem.js

@@ -1,11 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ReceiptItem = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("@chakra-ui/react");
-var components_1 = require("../..");
-var ReceiptItem = function (_a) {
-    var icon = _a.icon, isChecked = _a.isChecked, itemPrice = _a.itemPrice, onChange = _a.onChange, _b = _a.onSelectedChange, onSelectedChange = _b === void 0 ? function () { } : _b, total = _a.total, quantity = _a.quantity, sku = _a.sku, title = _a.title;
-    return ((0, jsx_runtime_1.jsx)(components_1.ReceiptItemContainer, { isChecked: isChecked, onChange: onChange, children: (0, jsx_runtime_1.jsxs)(react_1.Stack, { w: "100%", p: "base", bg: isChecked ? 'lightGreen.1' : 'neutral.white', spacing: "1", justify: "space-between", children: [(0, jsx_runtime_1.jsx)(components_1.ReceiptItemHeader, { icon: icon, sku: sku, onSelectedChange: onSelectedChange, variant: "tertiary" }), (0, jsx_runtime_1.jsx)(components_1.ReceiptItemBody, { itemPrice: itemPrice, quantity: quantity, title: title, total: total })] }) }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Stack } from '@chakra-ui/react';
+import { ReceiptItemBody, ReceiptItemContainer, ReceiptItemHeader, } from '../..';
+export const ReceiptItem = ({ icon, isChecked, itemPrice, onChange, onSelectedChange = () => { }, total, quantity, sku, title, }) => {
+    return (_jsx(ReceiptItemContainer, { isChecked: isChecked, onChange: onChange, children: _jsxs(Stack, { w: "100%", p: "base", bg: isChecked ? 'lightGreen.1' : 'neutral.white', spacing: "1", justify: "space-between", children: [_jsx(ReceiptItemHeader, { icon: icon, sku: sku, onSelectedChange: onSelectedChange, variant: "tertiary" }), _jsx(ReceiptItemBody, { itemPrice: itemPrice, quantity: quantity, title: title, total: total })] }) }));
 };
-exports.ReceiptItem = ReceiptItem;

package/dist/components/receipts/receipt/ReceiptItemAssigned.js

@@ -1,11 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ReceiptItemAssigned = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("@chakra-ui/react");
-var components_1 = require("../..");
-var ReceiptItemAssigned = function (_a) {
-    var icon = _a.icon, isChecked = _a.isChecked, itemPrice = _a.itemPrice, onChange = _a.onChange, _b = _a.onSelectedChange, onSelectedChange = _b === void 0 ? function () { } : _b, _c = _a.onRoomClick, onRoomClick = _c === void 0 ? function () { } : _c, total = _a.total, quantity = _a.quantity, _d = _a.roomId, roomId = _d === void 0 ? '' : _d, roomType = _a.roomType, sku = _a.sku, title = _a.title, _e = _a.variant, variant = _e === void 0 ? 'secondary' : _e;
-    return ((0, jsx_runtime_1.jsx)(components_1.ReceiptItemContainer, { isChecked: isChecked, onChange: onChange, children: (0, jsx_runtime_1.jsxs)(react_1.Flex, { flex: "auto", children: [roomType && ((0, jsx_runtime_1.jsx)(components_1.ReceiptRoom, { roomType: roomType, roomId: roomId, onClick: onRoomClick })), (0, jsx_runtime_1.jsxs)(react_1.Stack, { p: "base", bg: "lightGreen.1", spacing: "1", justify: "space-between", position: "relative", flex: "1", children: [!isChecked && ((0, jsx_runtime_1.jsx)(components_1.Overlay, { position: "absolute", w: "inherit", h: "inherit", bg: "#F0F8F080" })), (0, jsx_runtime_1.jsx)(components_1.ReceiptItemHeader, { icon: icon, sku: sku, onSelectedChange: onSelectedChange, variant: variant }), (0, jsx_runtime_1.jsx)(components_1.ReceiptItemBody, { isTitleItalic: !isChecked, itemPrice: itemPrice, quantity: quantity, title: title, total: total })] })] }) }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Flex, Stack } from '@chakra-ui/react';
+import { Overlay, ReceiptItemBody, ReceiptItemContainer, ReceiptItemHeader, ReceiptRoom, } from '../..';
+export const ReceiptItemAssigned = ({ icon, isChecked, itemPrice, onChange, onSelectedChange = () => { }, onRoomClick = () => { }, total, quantity, roomId = '', roomType, sku, title, variant = 'secondary', }) => {
+    return (_jsx(ReceiptItemContainer, { isChecked: isChecked, onChange: onChange, children: _jsxs(Flex, { flex: "auto", children: [roomType && (_jsx(ReceiptRoom, { roomType: roomType, roomId: roomId, onClick: onRoomClick })), _jsxs(Stack, { p: "base", bg: "lightGreen.1", spacing: "1", justify: "space-between", position: "relative", flex: "1", children: [!isChecked && (_jsx(Overlay, { position: "absolute", w: "inherit", h: "inherit", bg: "#F0F8F080" })), _jsx(ReceiptItemHeader, { icon: icon, sku: sku, onSelectedChange: onSelectedChange, variant: variant }), _jsx(ReceiptItemBody, { isTitleItalic: !isChecked, itemPrice: itemPrice, quantity: quantity, title: title, total: total })] })] }) }));
 };
-exports.ReceiptItemAssigned = ReceiptItemAssigned;

package/dist/components/receipts/receipt/ReceiptItemBody.js

@@ -1,10 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ReceiptItemBody = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("@chakra-ui/react");
-var ReceiptItemBody = function (_a) {
-    var _b = _a.isTitleItalic, isTitleItalic = _b === void 0 ? false : _b, itemPrice = _a.itemPrice, quantity = _a.quantity, title = _a.title, total = _a.total;
-    return ((0, jsx_runtime_1.jsxs)(react_1.Flex, { align: "flex-end", gap: "4", children: [(0, jsx_runtime_1.jsx)(react_1.Tooltip, { label: title, placement: "top", fontSize: "xs", children: (0, jsx_runtime_1.jsx)(react_1.Text, { textOverflow: "ellipsis", noOfLines: 2, cursor: "default", fontStyle: isTitleItalic ? 'italic' : 'normal', flex: "auto", lineHeight: "20px", children: title }) }), (0, jsx_runtime_1.jsxs)(react_1.Flex, { align: "baseline", gap: "6", mb: "-3px", children: [(0, jsx_runtime_1.jsxs)(react_1.Text, { fontSize: "xxs", children: [quantity, "@", itemPrice] }), (0, jsx_runtime_1.jsx)(react_1.Text, { children: "$".concat(total) })] })] }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Flex, Tooltip, Text } from '@chakra-ui/react';
+export const ReceiptItemBody = ({ isTitleItalic = false, itemPrice, quantity, title, total, }) => {
+    return (_jsxs(Flex, { align: "flex-end", gap: "4", children: [_jsx(Tooltip, { label: title, placement: "top", fontSize: "xs", children: _jsx(Text, { textOverflow: "ellipsis", noOfLines: 2, cursor: "default", fontStyle: isTitleItalic ? 'italic' : 'normal', flex: "auto", lineHeight: "20px", children: title }) }), _jsxs(Flex, { align: "baseline", gap: "6", mb: "-3px", children: [_jsxs(Text, { fontSize: "xxs", children: [quantity, "@", itemPrice] }), _jsx(Text, { children: `$${total}` })] })] }));
 };
-exports.ReceiptItemBody = ReceiptItemBody;

package/dist/components/receipts/receipt/ReceiptItemContainer.js

@@ -1,10 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ReceiptItemContainer = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("@chakra-ui/react");
-var ReceiptItemContainer = function (_a) {
-    var children = _a.children, isChecked = _a.isChecked, onChange = _a.onChange;
-    return ((0, jsx_runtime_1.jsxs)(react_1.Flex, { bg: "lightBlue.2", pl: "4", gap: "4", borderTop: "1px solid", borderColor: "lightBlue.2", minH: "90px", children: [(0, jsx_runtime_1.jsx)(react_1.Checkbox, { isChecked: isChecked, onChange: onChange }), children] }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Checkbox, Flex } from '@chakra-ui/react';
+export const ReceiptItemContainer = ({ children, isChecked, onChange, }) => {
+    return (_jsxs(Flex, { bg: "lightBlue.2", pl: "4", gap: "4", borderTop: "1px solid", borderColor: "lightBlue.2", minH: "90px", children: [_jsx(Checkbox, { isChecked: isChecked, onChange: onChange }), children] }));
 };
-exports.ReceiptItemContainer = ReceiptItemContainer;

package/dist/components/receipts/receipt/ReceiptItemHeader.js

@@ -1,11 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ReceiptItemHeader = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("@chakra-ui/react");
-var components_1 = require("../..");
-var ReceiptItemHeader = function (_a) {
-    var icon = _a.icon, initialSelectValue = _a.initialSelectValue, sku = _a.sku, _b = _a.onSelectedChange, onSelectedChange = _b === void 0 ? function () { } : _b, _c = _a.selectItems, selectItems = _c === void 0 ? [] : _c, variant = _a.variant;
-    return ((0, jsx_runtime_1.jsxs)(react_1.Flex, { justify: "space-between", align: "center", marginTop: "0 !important", children: [(0, jsx_runtime_1.jsxs)(react_1.Flex, { align: "center", gap: "2", children: [(0, jsx_runtime_1.jsx)(react_1.Image, { src: icon, w: "16px", h: "16px" }), (0, jsx_runtime_1.jsx)(react_1.Text, { fontSize: "xxs", children: sku })] }), (0, jsx_runtime_1.jsx)(react_1.Flex, { align: "center", gap: "8", children: selectItems[0] && ((0, jsx_runtime_1.jsx)(components_1.SelectInput, { handleClick: onSelectedChange, initialValue: initialSelectValue !== null && initialSelectValue !== void 0 ? initialSelectValue : selectItems[0], items: selectItems, variant: variant })) })] }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Flex, Image, Text } from '@chakra-ui/react';
+import { SelectInput } from '../..';
+export const ReceiptItemHeader = ({ icon, initialSelectValue, sku, onSelectedChange = () => { }, selectItems = [], variant, }) => {
+    return (_jsxs(Flex, { justify: "space-between", align: "center", marginTop: "0 !important", children: [_jsxs(Flex, { align: "center", gap: "2", children: [_jsx(Image, { src: icon, w: "16px", h: "16px" }), _jsx(Text, { fontSize: "xxs", children: sku })] }), _jsx(Flex, { align: "center", gap: "8", children: selectItems[0] && (_jsx(SelectInput, { handleClick: onSelectedChange, initialValue: initialSelectValue !== null && initialSelectValue !== void 0 ? initialSelectValue : selectItems[0], items: selectItems, variant: variant })) })] }));
 };
-exports.ReceiptItemHeader = ReceiptItemHeader;

package/dist/components/receipts/receipt/ReceiptItems.js

@@ -1,31 +1,15 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ReceiptItems = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var i18next_1 = require("i18next");
-var react_1 = require("@chakra-ui/react");
-var components_1 = require("../..");
-var hooks_1 = require("../../../hooks");
-var ReceiptItems = function (_a) {
-    var _b = _a.isSelectDisabled, isSelectDisabled = _b === void 0 ? true : _b, _c = _a.leftOptions, leftOptions = _c === void 0 ? [] : _c, onItemSelectedChange = _a.onItemSelectedChange, _d = _a.onLeftSelectChange, onLeftSelectChange = _d === void 0 ? function () { return null; } : _d, onReceiptSelectedChange = _a.onReceiptSelectedChange, _e = _a.onRightSelectChange, onRightSelectChange = _e === void 0 ? function () { return null; } : _e, _f = _a.onRoomClick, onRoomClick = _f === void 0 ? function () { return null; } : _f, receipts = _a.receipts, receiptOptions = _a.receiptOptions, _g = _a.rightOptions, rightOptions = _g === void 0 ? [] : _g, _h = _a.title, title = _h === void 0 ? (0, i18next_1.t)('receipts.assign') : _h, _j = _a.variant, variant = _j === void 0 ? 'secondary' : _j;
-    var _k = (0, hooks_1.useAssignableList)({
-        onItemSelectedChange: onItemSelectedChange,
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { t } from 'i18next';
+import { Flex, Checkbox, Text, Stack, Box } from '@chakra-ui/react';
+import { DoubleSelects, ReceiptItem, ReceiptItemAssigned } from '../..';
+import { useAssignableList } from '../../../hooks';
+export const ReceiptItems = ({ isSelectDisabled = true, leftOptions = [], onItemSelectedChange, onLeftSelectChange = () => null, onReceiptSelectedChange, onRightSelectChange = () => null, onRoomClick = () => null, receipts, receiptOptions, rightOptions = [], title = t('receipts.assign'), variant = 'secondary', }) => {
+    const { handleItemSelect, handleSelectAll, isItemSelected } = useAssignableList({
+        onItemSelectedChange,
         items: receipts,
-    }), handleItemSelect = _k.handleItemSelect, handleSelectAll = _k.handleSelectAll, isItemSelected = _k.isItemSelected;
-    return ((0, jsx_runtime_1.jsxs)(react_1.Box, { mb: "10rem", children: [(0, jsx_runtime_1.jsxs)(react_1.Stack, { bg: "lightBlue.2", px: "4", pb: "base", pt: "2", children: [(0, jsx_runtime_1.jsx)(react_1.Text, { textTransform: "uppercase", variant: "home", children: title }), (0, jsx_runtime_1.jsxs)(react_1.Flex, { gap: "base", align: "center", children: [(0, jsx_runtime_1.jsx)(react_1.Checkbox, { onChange: handleSelectAll }), (0, jsx_runtime_1.jsx)(components_1.DoubleSelects, { isSelectDisabled: isSelectDisabled, leftOptions: leftOptions, rightOptions: rightOptions, onLeftSelectChange: onLeftSelectChange, onRightSelectChange: onRightSelectChange })] })] }), receipts.map(function (receipt) {
-                var hasRoomType = !!(receipt === null || receipt === void 0 ? void 0 : receipt.roomType);
-                return ((0, jsx_runtime_1.jsxs)(react_1.Box, { children: [!hasRoomType && ((0, jsx_runtime_1.jsx)(components_1.ReceiptItem, __assign({ onChange: function () { return handleItemSelect(receipt._id); }, isChecked: isItemSelected(receipt._id), onSelectedChange: onReceiptSelectedChange, selectItems: receiptOptions, variant: variant }, receipt))), hasRoomType && ((0, jsx_runtime_1.jsx)(components_1.ReceiptItemAssigned, __assign({ onChange: function () { return handleItemSelect(receipt._id); }, onRoomClick: onRoomClick, isChecked: isItemSelected(receipt._id), onSelectedChange: onReceiptSelectedChange, initialSelectValue: receiptOptions === null || receiptOptions === void 0 ? void 0 : receiptOptions[1], selectItems: receiptOptions, variant: variant }, receipt)))] }, receipt._id));
+    });
+    return (_jsxs(Box, { mb: "10rem", children: [_jsxs(Stack, { bg: "lightBlue.2", px: "4", pb: "base", pt: "2", children: [_jsx(Text, { textTransform: "uppercase", variant: "home", children: title }), _jsxs(Flex, { gap: "base", align: "center", children: [_jsx(Checkbox, { onChange: handleSelectAll }), _jsx(DoubleSelects, { isSelectDisabled: isSelectDisabled, leftOptions: leftOptions, rightOptions: rightOptions, onLeftSelectChange: onLeftSelectChange, onRightSelectChange: onRightSelectChange })] })] }), receipts.map((receipt) => {
+                const hasRoomType = !!(receipt === null || receipt === void 0 ? void 0 : receipt.roomType);
+                return (_jsxs(Box, { children: [!hasRoomType && (_jsx(ReceiptItem, Object.assign({ onChange: () => handleItemSelect(receipt._id), isChecked: isItemSelected(receipt._id), onSelectedChange: onReceiptSelectedChange, selectItems: receiptOptions, variant: variant }, receipt))), hasRoomType && (_jsx(ReceiptItemAssigned, Object.assign({ onChange: () => handleItemSelect(receipt._id), onRoomClick: onRoomClick, isChecked: isItemSelected(receipt._id), onSelectedChange: onReceiptSelectedChange, initialSelectValue: receiptOptions === null || receiptOptions === void 0 ? void 0 : receiptOptions[1], selectItems: receiptOptions, variant: variant }, receipt)))] }, receipt._id));
             })] }));
 };
-exports.ReceiptItems = ReceiptItems;