@homefile/components-v2 2.24.17 → 2.24.19

package/dist/components/receipts/AssignableReceiptCard.js

@@ -1,7 +1,7 @@
 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 { receiptOrigins } from '../../helpers';
+import { getReceiptOrigin } from '../../helpers';
 import { formatCurrency, formatDateWithAt } from '../../utils';
 export const AssignableReceiptCard = ({ isChecked, itemQuantity = 1, onChange, purchaseDate = new Date(), origin = '', total = '0', }) => {
     const date = formatDateWithAt({ date: purchaseDate });
@@ -9,5 +9,5 @@ export const AssignableReceiptCard = ({ isChecked, itemQuantity = 1, onChange, p
     const totalItems = 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: receiptOrigins[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 })] })] })] }) })] }));
+    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 })] })] })] }) })] }));
 };

package/dist/components/receipts/autofiler/AutofilerBubble.js

@@ -2,8 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { Stack, Box, Flex, Text, Image } from '@chakra-ui/react';
 import { BubbleText } from '../..';
-import { receiptOrigins } from '../../../helpers';
+import { getReceiptOrigin } from '../../../helpers';
 export const AutofilerBubble = () => {
     const retails = ['homeDepot', 'lowes', 'walmart'];
-    return (_jsxs(Stack, { spacing: "4", pb: "4", children: [_jsx(BubbleText, { title: t('tour.steps.autofilerSummary.title'), description: t('tour.steps.autofilerSummary.description') }), _jsx(Box, { py: "2", px: "base", bg: "violet.1", borderRadius: "lg", children: _jsx(Text, { fontSize: "sm", fontFamily: "secondary", color: "neutral.white", lineHeight: "16px", children: t('tour.steps.autofilerSummary.alert') }) }), _jsx(Text, { fontFamily: "secondary", fontWeight: "semibold", children: t('tour.steps.autofilerSummary.currentAdded') }), _jsx(Flex, { gap: "base", children: retails.map((retail) => (_jsx(Image, { src: receiptOrigins[retail], w: "auto", h: "70px", fit: "contain" }, retail))) })] }));
+    return (_jsxs(Stack, { spacing: "4", pb: "4", children: [_jsx(BubbleText, { title: t('tour.steps.autofilerSummary.title'), description: t('tour.steps.autofilerSummary.description') }), _jsx(Box, { py: "2", px: "base", bg: "violet.1", borderRadius: "lg", children: _jsx(Text, { fontSize: "sm", fontFamily: "secondary", color: "neutral.white", lineHeight: "16px", children: t('tour.steps.autofilerSummary.alert') }) }), _jsx(Text, { fontFamily: "secondary", fontWeight: "semibold", children: t('tour.steps.autofilerSummary.currentAdded') }), _jsx(Flex, { gap: "base", children: retails.map((retail) => (_jsx(Image, { src: getReceiptOrigin(retail), w: "auto", h: "70px", fit: "contain" }, retail))) })] }));
 };

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

@@ -3,10 +3,10 @@ import { t } from 'i18next';
 import { ButtonGroup, Box, Stack, Flex, Img, Text } from '@chakra-ui/react';
 import { ReceiptBg } from '../../../assets/images';
 import { IconMenu, MoreHorizontal, TextBadge } from '../..';
-import { receiptOrigins } from '../../../helpers';
+import { getReceiptOrigin } from '../../../helpers';
 import { formatDateTime } from '../../../utils';
 export const GridReceipt = ({ assignStatus = 'unfiled', _id, itemQuantity, menuItems, onClick, purchaseDate, origin = '', total, name }) => {
-    const storeImage = receiptOrigins[origin];
+    const storeImage = getReceiptOrigin(origin);
     const handleClick = () => onClick(_id);
     const { formattedDate: date, formattedTime: time } = formatDateTime({
         date: purchaseDate,

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

@@ -2,10 +2,10 @@ 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 { getReceiptOrigin } from '../../../helpers';
 import { formatDateTime } from '../../../utils';
 export const ListReceipt = ({ menuItems, onClick, _id, total, store, itemQuantity, purchaseDate, origin = '', name }) => {
-    const storeImage = receiptOrigins[origin];
+    const storeImage = getReceiptOrigin(origin);
     const handleClick = () => onClick(_id);
     const { formattedDate: date, formattedTime: time } = formatDateTime({
         date: purchaseDate,

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

@@ -3,9 +3,9 @@ import { t } from 'i18next';
 import { Box, Divider, Flex, IconButton, Image, Text } from '@chakra-ui/react';
 import { formatDate } from '../../../utils';
 import { DetailsColumn, Edit } from '../..';
-import { receiptOrigins } from '../../../helpers';
+import { getReceiptOrigin } from '../../../helpers';
 export const ReceiptDetails = ({ name, cashier = '', itemQuantity, paymentMethod, purchaseDate, tax, store, origin = "", storePhone = '', total, onEdit, }) => {
-    const storeImage = receiptOrigins[origin];
+    const storeImage = getReceiptOrigin(origin);
     const leftLabels = t('receipts.columnLeft').split(',');
     const rightLabels = t('receipts.columnRight').split(',');
     const leftColumn = [

package/dist/components/rooms/GroupCard.js

@@ -15,7 +15,7 @@ import { Box, Flex, Wrap } from '@chakra-ui/react';
 import { ItemCard, GroupCardHeader, LeftButtonAnimated, AddItemCard, SearchInput, TileTooltip, } from '..';
 import { handleMapMedia } from '../../utils';
 import { useGroupCard } from '../../hooks';
-import { receiptOrigins } from '../../helpers';
+import { getReceiptOrigin } from '../../helpers';
 const storageUrl = import.meta.env.VITE_STORAGE_URL;
 export const GroupCard = (_a) => {
     var { items, menuItems, onAddItem, onAddImage, onClickDelete, onClickDetails, title, totalAmount, disabled, itemsDisabled } = _a, props = __rest(_a, ["items", "menuItems", "onAddItem", "onAddImage", "onClickDelete", "onClickDetails", "title", "totalAmount", "disabled", "itemsDisabled"]);
@@ -36,7 +36,7 @@ export const GroupCard = (_a) => {
                                 const hasImage = images.length > 0;
                                 const imageUrl = `${storageUrl}/${(_b = images[0]) === null || _b === void 0 ? void 0 : _b.bucketName}/${(_c = images[0]) === null || _c === void 0 ? void 0 : _c.fileName}.${(_d = images[0]) === null || _d === void 0 ? void 0 : _d.extension}`;
                                 const storeImage = (metadata === null || metadata === void 0 ? void 0 : metadata.origin)
-                                    ? receiptOrigins[metadata === null || metadata === void 0 ? void 0 : metadata.origin]
+                                    ? getReceiptOrigin(metadata === null || metadata === void 0 ? void 0 : metadata.origin)
                                     : '';
                                 const handleImage = (files) => {
                                     if (files) {

package/dist/helpers/receipts/Receipts.helper.d.ts

@@ -1,3 +1,4 @@
 import { ReceiptCardItemI } from '../../interfaces';
 export declare const receiptOrigins: Record<string, string>;
+export declare const getReceiptOrigin: (key: string) => string;
 export declare const receipts: ReceiptCardItemI[];

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

@@ -8,6 +8,10 @@ export const receiptOrigins = {
     Walmart: Walmart,
     "": DefaultReceipt
 };
+export const getReceiptOrigin = (key) => {
+    var _a;
+    return (_a = receiptOrigins[key]) !== null && _a !== void 0 ? _a : DefaultReceipt;
+};
 export const receipts = [
     {
         purchaseDate: new Date(),

package/dist/interfaces/notifications/NotificationsPanel.interface.d.ts

@@ -1,13 +1,15 @@
-type NotificationType = 'simple';
+type NotificationType = 'simple' | 'service';
 type NotificationStatus = 'added' | 'removed' | 'updated' | 'shared';
 export interface NotificationCardI {
     active: boolean;
     createdAt: Date;
+    docId: string;
     _id: string;
     label: string;
     message: string;
     status: NotificationStatus;
     type?: NotificationType;
+    user: string;
 }
 export interface NotificationsPanelI {
     notifications: NotificationCardI[];

package/dist/mocks/notifications/notifications.mock.js

@@ -2,11 +2,13 @@ import { faker } from '@faker-js/faker';
 export const notificationsMock = [
     {
         active: true,
+        docId: "",
         _id: '1',
         createdAt: new Date(),
         message: faker.lorem.sentence(),
         status: 'added',
         label: 'contact added',
+        user: "123"
     },
     {
         active: true,
@@ -15,6 +17,8 @@ export const notificationsMock = [
         message: faker.lorem.sentence(),
         status: 'removed',
         label: 'file removed',
+        docId: "",
+        user: "123"
     },
     {
         active: true,
@@ -23,6 +27,8 @@ export const notificationsMock = [
         message: faker.lorem.sentence(),
         status: 'shared',
         label: 'folder shared',
+        docId: "",
+        user: "123"
     },
     {
         active: true,
@@ -31,5 +37,7 @@ export const notificationsMock = [
         message: faker.lorem.sentence(),
         status: 'updated',
         label: 'updated payment',
+        docId: "",
+        user: "123"
     },
 ];

package/package.json

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

package/src/components/receipts/AssignableReceiptCard.tsx

@@ -1,6 +1,6 @@
 import { t } from 'i18next'
 import { Checkbox, Flex, Stack, Image, Text } from '@chakra-ui/react'
-import { receiptOrigins } from '@/helpers'
+import { getReceiptOrigin } from '@/helpers'
 import { formatCurrency, formatDateWithAt } from '@/utils'
 import { AssignableReceiptCardI } from '@/interfaces'
 
@@ -34,7 +34,7 @@ export const AssignableReceiptCard = ({
       >
         <Flex align="center" gap="base">
           <Image
-            src={receiptOrigins[origin]}
+            src={getReceiptOrigin(origin)}
             w="auto"
             h={["40px","69px"]}
             fit="contain"

package/src/components/receipts/autofiler/AutofilerBubble.tsx

@@ -1,7 +1,7 @@
 import { t } from 'i18next'
 import { Stack, Box, Flex, Text, Image } from '@chakra-ui/react'
 import { BubbleText } from '@/components'
-import { receiptOrigins } from '@/helpers'
+import { getReceiptOrigin } from '@/helpers'
 
 export const AutofilerBubble = () => {
   const retails: string[] = ['homeDepot', 'lowes', 'walmart']
@@ -28,7 +28,7 @@ export const AutofilerBubble = () => {
         {retails.map((retail) => (
           <Image
             key={retail}
-            src={receiptOrigins[retail]}
+            src={getReceiptOrigin(retail)}
             w="auto"
             h="70px"
             fit="contain"

package/src/components/receipts/displayReceipts/GridReceipt.tsx

@@ -3,7 +3,7 @@ import { ButtonGroup, Box, Stack, Flex, Img, Text } from '@chakra-ui/react'
 import { ReceiptBg } from '@/assets/images'
 import { IconMenu, MoreHorizontal, TextBadge } from '@/components'
 import { ReceiptI } from '@/interfaces'
-import { receiptOrigins } from '@/helpers'
+import { getReceiptOrigin } from '@/helpers'
 import { formatDateTime } from '@/utils'
 
 export const GridReceipt = ({
@@ -17,7 +17,7 @@ export const GridReceipt = ({
   total,
   name
 }: ReceiptI) => {
-  const storeImage = receiptOrigins[origin]
+  const storeImage = getReceiptOrigin(origin)
   const handleClick = () => onClick(_id)
 
   const { formattedDate: date, formattedTime: time } = formatDateTime({

package/src/components/receipts/displayReceipts/ListReceipt.tsx

@@ -2,7 +2,7 @@ import { t } from 'i18next'
 import { Box, Flex, Img, Stack, Text } from '@chakra-ui/react'
 import { IconMenu, MoreHorizontal } from '@/components'
 import { ReceiptI } from '@/interfaces'
-import { receiptOrigins } from '@/helpers'
+import { getReceiptOrigin } from '@/helpers'
 import { formatDateTime } from '@/utils'
 
 export const ListReceipt = ({
@@ -16,7 +16,7 @@ export const ListReceipt = ({
   origin = '',
   name
 }: ReceiptI) => {
-  const storeImage = receiptOrigins[origin]
+  const storeImage = getReceiptOrigin(origin)
   const handleClick = () => onClick(_id)
   const { formattedDate: date, formattedTime: time } = formatDateTime({
     date: purchaseDate,

package/src/components/receipts/receipt/ReceiptDetails.tsx

@@ -3,7 +3,7 @@ import { Box, Divider, Flex, IconButton, Image, Text } from '@chakra-ui/react'
 import { formatDate } from '@/utils'
 import { DetailsColumn, Edit } from '@/components'
 import { ColumnDetailsType, ReceiptDetailsDBI } from '@/interfaces'
-import { receiptOrigins } from '@/helpers'
+import { getReceiptOrigin } from '@/helpers'
 
 export const ReceiptDetails = ({
   name,
@@ -18,7 +18,7 @@ export const ReceiptDetails = ({
   total,
   onEdit,
 }: Partial<ReceiptDetailsDBI> & { onEdit?: () => void }) => {
-  const storeImage = receiptOrigins[origin]
+  const storeImage = getReceiptOrigin(origin)
   const leftLabels = t('receipts.columnLeft').split(',')
   const rightLabels = t('receipts.columnRight').split(',')
   const leftColumn: Partial<ColumnDetailsType>[] = [

package/src/components/rooms/GroupCard.tsx

@@ -11,7 +11,7 @@ import {
 import { GroupCardI } from '@/interfaces'
 import { handleMapMedia } from '@/utils'
 import { useGroupCard } from '@/hooks'
-import { receiptOrigins } from '@/helpers'
+import { getReceiptOrigin } from '@/helpers'
 
 const storageUrl = import.meta.env.VITE_STORAGE_URL
 
@@ -97,7 +97,7 @@ export const GroupCard = ({
                   const imageUrl = `${storageUrl}/${images[0]?.bucketName}/${images[0]?.fileName}.${images[0]?.extension}`
 
                   const storeImage = metadata?.origin
-                    ? receiptOrigins[metadata?.origin]
+                    ? getReceiptOrigin(metadata?.origin)
                     : ''
 
                   const handleImage = (files: File[] | any) => {

package/src/helpers/receipts/Receipts.helper.ts

@@ -11,6 +11,10 @@ export const receiptOrigins: Record<string, string> = {
   "" : DefaultReceipt
 }
 
+export const getReceiptOrigin = (key: string): string => {
+  return receiptOrigins[key] ?? DefaultReceipt;
+};
+
 export const receipts: ReceiptCardItemI[] = [
   {
     purchaseDate: new Date(),

package/src/interfaces/notifications/NotificationsPanel.interface.ts

@@ -1,14 +1,16 @@
-type NotificationType = 'simple'
+type NotificationType = 'simple' | 'service'
 type NotificationStatus = 'added' | 'removed' | 'updated' | 'shared'
 
 export interface NotificationCardI {
   active: boolean
   createdAt: Date
+  docId: string
   _id: string
   label: string
   message: string
   status: NotificationStatus
   type?: NotificationType
+  user: string
 }
 
 export interface NotificationsPanelI {

package/src/mocks/notifications/notifications.mock.ts

@@ -4,11 +4,13 @@ import { faker } from '@faker-js/faker'
 export const notificationsMock: NotificationCardI[] = [
   {
     active: true,
+    docId: "",
     _id: '1',
     createdAt: new Date(),
     message: faker.lorem.sentence(),
     status: 'added',
     label: 'contact added',
+    user: "123"
   },
   {
     active: true,
@@ -17,6 +19,8 @@ export const notificationsMock: NotificationCardI[] = [
     message: faker.lorem.sentence(),
     status: 'removed',
     label: 'file removed',
+    docId: "",
+    user: "123"
   },
   {
     active: true,
@@ -25,6 +29,8 @@ export const notificationsMock: NotificationCardI[] = [
     message: faker.lorem.sentence(),
     status: 'shared',
     label: 'folder shared',
+    docId: "",
+    user: "123"
   },
   {
     active: true,
@@ -33,5 +39,7 @@ export const notificationsMock: NotificationCardI[] = [
     message: faker.lorem.sentence(),
     status: 'updated',
     label: 'updated payment',
+    docId: "",
+    user: "123"
   },
 ]