@homefile/components-v2 2.36.18 → 2.36.20

package/dist/components/receipts/AssignableReceiptCard.js

@@ -2,12 +2,15 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { Checkbox, Flex, Stack, Image, Text } from '@chakra-ui/react';
 import { getReceiptOrigin } from '../../helpers';
-import { formatCurrency, formatDateWithAt } from '../../utils';
+import { formatCurrency, formatDateWithAt, toQuantity } from '../../utils';
 export const AssignableReceiptCard = ({ isChecked, itemQuantity = 1, onChange, purchaseDate = new Date(), origin = '', total = '0', }) => {
     const date = formatDateWithAt({ date: purchaseDate });
-    const totalFormatted = formatCurrency({ value: total });
-    const totalItems = Number(itemQuantity) > 1
-        ? `${itemQuantity} ${t('receipts.items')}`
-        : `${itemQuantity} ${t('receipts.item')}`;
-    return (_jsxs(Flex, { bg: "lightBlue.2", gap: "4", borderTop: "1px solid", borderColor: "lightBlue.2", children: [_jsx(Checkbox, { isChecked: isChecked, onChange: onChange }), _jsx(Stack, { w: "100%", p: "base", bg: isChecked ? 'lightGreen.1' : 'neutral.white', spacing: "1", children: _jsxs(Flex, { align: "center", gap: "base", children: [_jsx(Image, { src: getReceiptOrigin(origin), w: "auto", h: ["40px", "69px"], fit: "contain" }), _jsxs(Stack, { w: "100%", spacing: "1", children: [_jsx(Text, { fontSize: "xxs", children: date }), _jsx(Text, { textTransform: "capitalize", children: `${origin} ${t('receipts.receipt')}` }), _jsxs(Flex, { align: "baseline", justify: "flex-end", gap: "4", children: [_jsx(Text, { fontSize: "xs", fontFamily: "secondary", textTransform: "uppercase", children: totalItems }), _jsx(Text, { children: totalFormatted })] })] })] }) })] }));
+    const numericTotal = total !== null ? total.replace(/[^0-9.-]/g, "") : "";
+    const totalFormatted = formatCurrency({ value: numericTotal });
+    const originCheck = origin === null ? "" : origin;
+    const formatQtty = toQuantity(itemQuantity);
+    const totalItems = Number(formatQtty) > 1
+        ? `${formatQtty} ${t('receipts.items')}`
+        : `${formatQtty} ${t('receipts.item')}`;
+    return (_jsxs(Flex, { bg: "lightBlue.2", gap: "4", borderTop: "1px solid", borderColor: "lightBlue.2", children: [_jsx(Checkbox, { isChecked: isChecked, onChange: onChange }), _jsx(Stack, { w: "100%", p: "base", bg: isChecked ? 'lightGreen.1' : 'neutral.white', spacing: "1", children: _jsxs(Flex, { align: "center", gap: "base", children: [_jsx(Image, { src: getReceiptOrigin(originCheck), w: "auto", h: ["40px", "69px"], fit: "contain" }), _jsxs(Stack, { w: "100%", spacing: "1", children: [_jsx(Text, { fontSize: "xxs", children: date }), _jsx(Text, { textTransform: "capitalize", children: `${originCheck} ${t('receipts.receipt')}` }), _jsxs(Flex, { align: "baseline", justify: "flex-end", gap: "4", children: [_jsx(Text, { fontSize: "xs", fontFamily: "secondary", textTransform: "uppercase", children: totalItems }), _jsx(Text, { children: totalFormatted })] })] })] }) })] }));
 };

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

@@ -1,10 +1,11 @@
 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 } from '../../../utils';
+import { formatDate, toQuantity } 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 leftLabels = t('receipts.columnLeft').split(',');
     const rightLabels = t('receipts.columnRight').split(',');
@@ -25,7 +26,7 @@ export const ReceiptDetails = ({ name, cashier = '', itemQuantity, paymentMethod
     const rightColumn = [
         {
             label: rightLabels[0],
-            value: itemQuantity,
+            value: quantity,
         },
         {
             label: rightLabels[1],

package/dist/helpers/receipts/Receipts.helper.js

@@ -7,7 +7,7 @@ export const receiptOrigins = {
     "": DefaultReceipt
 };
 function normalize(input) {
-    return input.trim().toLowerCase().replace(/['\s]+/g, '');
+    return input === null || input === undefined ? "" : input.trim().toLowerCase().replace(/['\s]+/g, '');
 }
 export const getReceiptOrigin = (key) => {
     var _a;

package/dist/hooks/receipts/useDisplayReceipts.d.ts

@@ -5,13 +5,13 @@ interface UseDisplayReceiptsI {
 export declare const useDisplayReceipts: ({ receipts }: UseDisplayReceiptsI) => {
     formattedReceipts: {
         total: string;
+        itemQuantity: number | "";
         __v?: number;
         _id: string;
         assignStatus?: import("../../interfaces").ReceiptAssignStatusProps;
         cashier?: string;
         createAt?: Date;
         home?: string | null;
-        itemQuantity: number | string;
         name?: string;
         paymentMethod: string;
         purchaseDate?: Date;

package/dist/hooks/receipts/useDisplayReceipts.js

@@ -1,10 +1,11 @@
-import { formatCurrency } from '../../utils';
+import { formatCurrency, toQuantity } from '../../utils';
 export const useDisplayReceipts = ({ receipts }) => {
     const formattedReceipts = receipts.map((receipt) => {
-        const { total } = receipt;
+        const { total, itemQuantity } = receipt;
         const numericTotal = total.replace(/[^0-9.-]/g, "");
         const totalFormatted = formatCurrency({ value: numericTotal });
-        return Object.assign(Object.assign({}, receipt), { total: totalFormatted });
+        const quantity = toQuantity(itemQuantity);
+        return Object.assign(Object.assign({}, receipt), { total: totalFormatted, itemQuantity: quantity });
     });
     return { formattedReceipts };
 };

package/dist/stories/receipts/AssignableReceiptCard.stories.d.ts

@@ -6,8 +6,9 @@ export declare const AssignableReceiptCardComponent: {
     (args: AssignableReceiptCardI): import("react/jsx-runtime").JSX.Element;
     args: {
         _id: string;
-        total: string;
-        purchaseDate: Date;
-        itemQuantity: number;
+        total: null;
+        purchaseDate: null;
+        itemQuantity: null;
+        origin: null;
     };
 };

package/dist/stories/receipts/AssignableReceiptCard.stories.js

@@ -10,7 +10,8 @@ export const AssignableReceiptCardComponent = (args) => {
 };
 AssignableReceiptCardComponent.args = {
     _id: '123',
-    total: '120.45',
-    purchaseDate: new Date(),
-    itemQuantity: 10,
+    total: null,
+    purchaseDate: null,
+    itemQuantity: null,
+    origin: null
 };

package/dist/utils/Formaters.utils.d.ts

@@ -25,6 +25,7 @@ interface FormatCurrencyI {
     value: string | number;
 }
 export declare const formatISODate: (value: string) => string;
+export declare const toQuantity: (q: string | number | null | undefined) => number | "";
 export declare const formatCurrency: ({ country, currrency, value, }: FormatCurrencyI) => string;
 export declare const formatCurrencyWithoutDigits: ({ country, currrency, value, }: FormatCurrencyI) => string;
 export declare const formatNumber: (value: string | number) => string | 0;

package/dist/utils/Formaters.utils.js

@@ -109,6 +109,17 @@ export const formatISODate = (value) => {
         : '';
     return displayValue;
 };
+export const toQuantity = (q) => {
+    if (typeof q === "number")
+        return Number.isFinite(q) ? q : "";
+    const cleaned = (q !== null && q !== void 0 ? q : "")
+        .toString()
+        .replace(/\D/g, ""); // remove all non-digits
+    if (!cleaned)
+        return ""; // no digits found
+    const n = Number(cleaned);
+    return Number.isInteger(n) && n > 0 ? n : "";
+};
 export const formatCurrency = ({ country = 'en-US', currrency = 'USD', value, }) => {
     if (!value) {
         return Number(0).toLocaleString(country, {

package/package.json

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