@homefile/components-v2 2.36.21 → 2.36.22

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

@@ -1,12 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { Box, Divider, Flex, IconButton, Image, Text } from '@chakra-ui/react';
-import { formatDate, toQuantity } from '../../../utils';
+import { formatDate, toQuantity, formatCurrency } from '../../../utils';
 import { DetailsColumn, Edit, PdfButton } from '../../../components';
 import { getReceiptOrigin } from '../../../helpers';
 export const ReceiptDetails = ({ name, cashier = '', itemQuantity, paymentMethod, purchaseDate, tax, store, origin = "", storePhone = '', total, onEdit, onFileClick }) => {
     const quantity = toQuantity(itemQuantity);
     const storeImage = getReceiptOrigin(origin);
+    const numericTotal = total !== null && total !== undefined ? total.replace(/[^0-9.-]/g, "") : "";
+    const totalFormatted = formatCurrency({ value: numericTotal });
     const leftLabels = t('receipts.columnLeft').split(',');
     const rightLabels = t('receipts.columnRight').split(',');
     const leftColumn = [
@@ -16,11 +18,11 @@ export const ReceiptDetails = ({ name, cashier = '', itemQuantity, paymentMethod
         },
         {
             label: leftLabels[1],
-            value: store,
+            value: store && store !== null ? store : "",
         },
         {
             label: leftLabels[3],
-            value: cashier,
+            value: cashier && cashier !== null ? cashier : "",
         },
     ];
     const rightColumn = [
@@ -30,15 +32,15 @@ export const ReceiptDetails = ({ name, cashier = '', itemQuantity, paymentMethod
         },
         {
             label: rightLabels[1],
-            value: tax,
+            value: tax && tax !== null ? tax : "",
         },
         {
             label: rightLabels[2],
-            value: total,
+            value: totalFormatted,
         },
         {
             label: rightLabels[3],
-            value: paymentMethod,
+            value: paymentMethod && paymentMethod !== null ? paymentMethod : "",
         },
     ];
     return (_jsxs(Box, { boxShadow: "md", minW: "108px", bg: "lightBlue.2", borderBottom: "1px solid", borderColor: "lightBlue.2", children: [onEdit && (_jsxs(Flex, { align: "center", justify: "space-between", p: "base", children: [_jsx(Text, { children: name }), _jsx(IconButton, { variant: "menuIconWithShadow", maxW: "fit-content", "aria-label": t('ariaLabels.edit'), p: "1", icon: _jsx(Edit, {}), onClick: onEdit })] })), _jsx(Box, { w: "100%", h: "10px", bg: "lightBlue.2", overflow: "hidden", position: "relative", children: _jsxs("svg", { width: "100%", height: "8", viewBox: "0 0 100 10", preserveAspectRatio: "none", style: { display: 'block', position: 'absolute', bottom: 0, left: 0 }, children: [_jsx("defs", { children: _jsx("pattern", { id: "triangle", width: "4", height: "10", patternUnits: "userSpaceOnUse", children: _jsx("polygon", { points: "0,10 2,0 4,10", fill: "white" }) }) }), _jsx("rect", { width: "100%", height: "10", fill: "url(#triangle)" })] }) }), _jsxs(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 })] })] }), _jsx(Flex, { justifyContent: 'flex-end', pt: '.5rem', children: onFileClick && (_jsx(PdfButton, { onClick: onFileClick })) })] })] }));

package/dist/stories/receipts/receipt/ReceiptDetails.stories.d.ts

@@ -5,16 +5,16 @@ export default _default;
 export declare const ReceiptDetailsComponent: {
     (args: ReceiptDetailsDBI): import("react/jsx-runtime").JSX.Element;
     args: {
-        cashier: string;
+        cashier: null;
         itemQuantity: number;
-        paymentMethod: string;
-        purchaseDate: Date;
-        tax: string;
-        store: string;
-        storePhone: string;
-        name: string;
-        origin: string;
-        total: string;
+        paymentMethod: null;
+        purchaseDate: null;
+        tax: null;
+        store: null;
+        storePhone: null;
+        name: null;
+        origin: null;
+        total: null;
         onEdit: import("@storybook/addon-actions").HandlerFunction;
         onFileClick: () => void;
     };

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

@@ -10,16 +10,16 @@ export const ReceiptDetailsComponent = (args) => {
     return (_jsx(Box, { width: "30rem", p: "base", children: _jsx(ReceiptDetails, Object.assign({}, args)) }));
 };
 ReceiptDetailsComponent.args = {
-    cashier: 'John Doe',
+    cashier: null,
     itemQuantity: 3,
-    paymentMethod: 'Cash',
-    purchaseDate: new Date(),
-    tax: '0.5',
-    store: '8418',
-    storePhone: '1234567890',
-    name: 'Home Depot',
-    origin: "Home Depot",
-    total: '41.65',
+    paymentMethod: null,
+    purchaseDate: null,
+    tax: null,
+    store: null,
+    storePhone: null,
+    name: null,
+    origin: null,
+    total: null,
     onEdit: action('onEdit'),
     onFileClick: () => { }
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homefile/components-v2",
-  "version": "2.36.21",
+  "version": "2.36.22",
   "author": "Homefile",
   "license": "UNLICENSED",
   "typings": "dist/index.d.ts",