@homefile/components-v2 2.24.15 → 2.24.16

package/dist/assets/images/logos/index.d.ts

@@ -1,4 +1,5 @@
 import APHW from './aphw.png';
+import DefaultReceipt from './default-receipt.png';
 import HomeDepot from './home-depot.png';
 import Homefile from './homefile.png';
 import Lowes from './lowes.png';
@@ -7,4 +8,4 @@ import Prime from './prime.png';
 import Sears from './sears.png';
 import Shine from './shine.png';
 import Terminix from './terminix.png';
-export { APHW, HomeDepot, Homefile, Lowes, Walmart, Prime, Sears, Shine, Terminix, };
+export { APHW, DefaultReceipt, HomeDepot, Homefile, Lowes, Walmart, Prime, Sears, Shine, Terminix, };

package/dist/assets/images/logos/index.js

@@ -1,4 +1,5 @@
 import APHW from './aphw.png';
+import DefaultReceipt from './default-receipt.png';
 import HomeDepot from './home-depot.png';
 import Homefile from './homefile.png';
 import Lowes from './lowes.png';
@@ -7,4 +8,4 @@ import Prime from './prime.png';
 import Sears from './sears.png';
 import Shine from './shine.png';
 import Terminix from './terminix.png';
-export { APHW, HomeDepot, Homefile, Lowes, Walmart, Prime, Sears, Shine, Terminix, };
+export { APHW, DefaultReceipt, HomeDepot, Homefile, Lowes, Walmart, Prime, Sears, Shine, Terminix, };

package/dist/assets/images/logos/index.ts

@@ -1,4 +1,5 @@
 import APHW from './aphw.png'
+import DefaultReceipt from './default-receipt.png'
 import HomeDepot from './home-depot.png'
 import Homefile from './homefile.png'
 import Lowes from './lowes.png'
@@ -10,6 +11,7 @@ import Terminix from './terminix.png'
 
 export {
   APHW,
+  DefaultReceipt,
   HomeDepot,
   Homefile,
   Lowes,

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

@@ -1,2 +1,2 @@
 import { AssignableReceiptCardI } from '../../interfaces';
-export declare const AssignableReceiptCard: ({ isChecked, itemQuantity, onChange, purchaseDate, receiptOrigin, total, }: AssignableReceiptCardI) => import("react/jsx-runtime").JSX.Element;
+export declare const AssignableReceiptCard: ({ isChecked, itemQuantity, onChange, purchaseDate, origin, total, }: AssignableReceiptCardI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/receipts/AssignableReceiptCard.js

@@ -3,11 +3,11 @@ import { t } from 'i18next';
 import { Checkbox, Flex, Stack, Image, Text } from '@chakra-ui/react';
 import { receiptOrigins } from '../../helpers';
 import { formatCurrency, formatDateWithAt } from '../../utils';
-export const AssignableReceiptCard = ({ isChecked, itemQuantity = 1, onChange, purchaseDate = new Date(), receiptOrigin = 'homeDepot', total = '0', }) => {
+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 = 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[receiptOrigin], 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: `${receiptOrigin} ${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: 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 })] })] })] }) })] }));
 };

package/dist/components/receipts/displayReceipts/GridReceipt.d.ts

@@ -1,2 +1,2 @@
 import { ReceiptI } from '../../../interfaces';
-export declare const GridReceipt: ({ assignStatus, _id, itemQuantity, menuItems, onClick, purchaseDate, receiptOrigin, total, name }: ReceiptI) => import("react/jsx-runtime").JSX.Element;
+export declare const GridReceipt: ({ assignStatus, _id, itemQuantity, menuItems, onClick, purchaseDate, origin, total, name }: ReceiptI) => import("react/jsx-runtime").JSX.Element;

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

@@ -5,8 +5,8 @@ import { ReceiptBg } from '../../../assets/images';
 import { IconMenu, MoreHorizontal, TextBadge } from '../..';
 import { receiptOrigins } from '../../../helpers';
 import { formatDateTime } from '../../../utils';
-export const GridReceipt = ({ assignStatus = 'unfiled', _id, itemQuantity, menuItems, onClick, purchaseDate, receiptOrigin = 'homeDepot', total, name }) => {
-    const storeImage = receiptOrigins[receiptOrigin];
+export const GridReceipt = ({ assignStatus = 'unfiled', _id, itemQuantity, menuItems, onClick, purchaseDate, origin = '', total, name }) => {
+    const storeImage = receiptOrigins[origin];
     const handleClick = () => onClick(_id);
     const { formattedDate: date, formattedTime: time } = formatDateTime({
         date: purchaseDate,

package/dist/components/receipts/displayReceipts/ListReceipt.d.ts

@@ -1,2 +1,2 @@
 import { ReceiptI } from '../../../interfaces';
-export declare const ListReceipt: ({ menuItems, onClick, _id, total, store, itemQuantity, purchaseDate, receiptOrigin, name }: ReceiptI) => import("react/jsx-runtime").JSX.Element;
+export declare const ListReceipt: ({ menuItems, onClick, _id, total, store, itemQuantity, purchaseDate, origin, name }: ReceiptI) => import("react/jsx-runtime").JSX.Element;

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

@@ -4,8 +4,8 @@ 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', name }) => {
-    const storeImage = receiptOrigins[receiptOrigin];
+export const ListReceipt = ({ menuItems, onClick, _id, total, store, itemQuantity, purchaseDate, origin = '', name }) => {
+    const storeImage = receiptOrigins[origin];
     const handleClick = () => onClick(_id);
     const { formattedDate: date, formattedTime: time } = formatDateTime({
         date: purchaseDate,

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

@@ -1,4 +1,4 @@
 import { ReceiptDetailsDBI } from '../../../interfaces';
-export declare const ReceiptDetails: ({ name, cashier, itemQuantity, paymentMethod, purchaseDate, tax, store, receiptOrigin, storePhone, total, onEdit, }: Partial<ReceiptDetailsDBI> & {
+export declare const ReceiptDetails: ({ name, cashier, itemQuantity, paymentMethod, purchaseDate, tax, store, origin, storePhone, total, onEdit, }: Partial<ReceiptDetailsDBI> & {
     onEdit?: () => void;
 }) => import("react/jsx-runtime").JSX.Element;

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

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

package/dist/components/rooms/GroupCard.js

@@ -35,8 +35,8 @@ export const GroupCard = (_a) => {
                                     : ((_a = report === null || report === void 0 ? void 0 : report.find((doc) => { var _a; return (_a = doc === null || doc === void 0 ? void 0 : doc.name) === null || _a === void 0 ? void 0 : _a.includes('Brand'); })) === null || _a === void 0 ? void 0 : _a.value) || '';
                                 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.receiptOrigin)
-                                    ? receiptOrigins[metadata === null || metadata === void 0 ? void 0 : metadata.receiptOrigin]
+                                const storeImage = (metadata === null || metadata === void 0 ? void 0 : metadata.origin)
+                                    ? receiptOrigins[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,3 @@
-import { ReceiptCardItemI, ReceiptOrigintProps } from '../../interfaces';
-export declare const receiptOrigins: Record<ReceiptOrigintProps, string>;
+import { ReceiptCardItemI } from '../../interfaces';
+export declare const receiptOrigins: Record<string, string>;
 export declare const receipts: ReceiptCardItemI[];

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

@@ -1,53 +1,54 @@
-import { HomeDepot, Lowes, Walmart } from '../../assets/images';
+import { HomeDepot, Lowes, Walmart, DefaultReceipt } from '../../assets/images';
 export const receiptOrigins = {
     homeDepot: HomeDepot,
     HomeDepot: HomeDepot,
     lowes: Lowes,
     Lowes: Lowes,
     walmart: Walmart,
-    Walmart: Walmart
+    Walmart: Walmart,
+    "": DefaultReceipt
 };
 export const receipts = [
     {
         purchaseDate: new Date(),
         total: '100',
         itemQuantity: 1,
-        receiptOrigin: 'homeDepot',
+        origin: 'homeDepot',
         _id: "1"
     },
     {
         purchaseDate: new Date(),
         total: '110',
         itemQuantity: 3,
-        receiptOrigin: 'lowes',
+        origin: 'lowes',
         _id: "2"
     },
     {
         purchaseDate: new Date(),
         total: '120',
         itemQuantity: 1,
-        receiptOrigin: 'homeDepot',
+        origin: 'homeDepot',
         _id: "3"
     },
     {
         purchaseDate: new Date(),
         total: '100',
         itemQuantity: 1,
-        receiptOrigin: 'lowes',
+        origin: 'lowes',
         _id: "4"
     },
     {
         purchaseDate: new Date(),
         total: '100',
         itemQuantity: 2,
-        receiptOrigin: 'homeDepot',
+        origin: 'homeDepot',
         _id: "5"
     },
     {
         purchaseDate: new Date(),
         total: '100',
         itemQuantity: 1,
-        receiptOrigin: 'lowes',
+        origin: 'lowes',
         _id: "6"
     },
 ];

package/dist/helpers/rooms/GroupItems.js

@@ -91,7 +91,7 @@ export const PaintItems = [
         type: 'File',
         subType: 'image',
         metadata: {
-            receiptOrigin: 'homeDepot',
+            origin: 'homeDepot',
         },
         needsReview: false,
         reviewed: false,
@@ -223,7 +223,7 @@ export const PaintItems = [
         type: 'File',
         subType: 'image',
         metadata: {
-            receiptOrigin: 'homeDepot',
+            origin: 'homeDepot',
         },
         needsReview: false,
         reviewed: false,
@@ -347,7 +347,7 @@ export const PaintItems = [
         type: 'Construction',
         subType: 'image',
         metadata: {
-            receiptOrigin: 'lowes',
+            origin: 'lowes',
         },
         needsReview: false,
         reviewed: false,

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

@@ -16,7 +16,7 @@ export declare const useDisplayReceipts: ({ receipts }: UseDisplayReceiptsI) =>
         paymentMethod: string;
         purchaseDate?: Date;
         receiptImage?: string;
-        receiptOrigin?: import("../../interfaces").ReceiptOrigintProps;
+        origin?: string;
         store: string;
         storeNumber?: string;
         storePhone?: string;

package/dist/interfaces/homeBoard/FolderDetail.interface.d.ts

@@ -1,4 +1,4 @@
-import { FileI, FolderI, ImageDBI, SelectItemI, AssociatedAccountI, RoomItemI, FileInfoI, ReceiptOrigintProps, ReportI } from '..';
+import { FileI, FolderI, ImageDBI, SelectItemI, AssociatedAccountI, RoomItemI, FileInfoI, ReportI } from '..';
 import { ReactNode } from 'react';
 export interface FolderDetailI {
     addedBy: string;
@@ -46,7 +46,7 @@ export interface UploadFileI extends FileInfoI {
     file?: File | FileDBI;
 }
 export interface ReportMetadataI {
-    receiptOrigin?: ReceiptOrigintProps;
+    origin: string;
 }
 export interface ReportsI {
     __v: number;

package/dist/interfaces/receipts/ReceiptCard.interface.d.ts

@@ -3,7 +3,7 @@ export interface ReceiptCardItemI {
     _id: string;
     itemQuantity?: number;
     purchaseDate?: Date;
-    receiptOrigin?: 'homeDepot' | 'lowes';
+    origin?: string;
     total?: string;
 }
 export interface ReceiptCardI extends ReceiptCardItemI {

package/dist/interfaces/receipts/receipt/ReceiptDetails.interface.d.ts

@@ -2,7 +2,6 @@ export type ColumnDetailsType = {
     label: string;
     value: string | number | Date;
 };
-export type ReceiptOrigintProps = 'homeDepot' | 'lowes' | 'HomeDepot' | 'Lowes' | 'walmart' | 'Walmart';
 export type ReceiptAssignStatusProps = 'filed' | 'filing' | 'unfiled';
 export interface ItemsI {
     _id: string;
@@ -20,7 +19,7 @@ export interface ReceiptDetailsDBI {
     paymentMethod: string;
     purchaseDate?: Date;
     receiptImage?: string;
-    receiptOrigin?: ReceiptOrigintProps;
+    origin?: string;
     store: string;
     storeNumber?: string;
     storePhone?: string;

package/dist/mocks/receipts/Receipts.mock.js

@@ -10,7 +10,7 @@ export const receiptsReceivedMock = [
         receiptImage: faker.image.urlPicsumPhotos({ width: 500, height: 500 }),
         tax: faker.number.int({ min: 1, max: 3 }).toString(),
         store: '',
-        receiptOrigin: 'homeDepot',
+        origin: 'homeDepot',
         storePhone: faker.phone.number(),
         total: faker.finance.amount({ min: 1, max: 100 }),
     },
@@ -24,7 +24,7 @@ export const receiptsReceivedMock = [
         receiptImage: faker.image.urlPicsumPhotos({ width: 500, height: 500 }),
         tax: faker.number.int({ min: 1, max: 3 }).toString(),
         store: faker.company.name(),
-        receiptOrigin: 'lowes',
+        origin: 'lowes',
         storePhone: faker.phone.number(),
         total: faker.finance.amount({ min: 1, max: 100 }),
     },
@@ -37,7 +37,7 @@ export const receiptsReceivedMock = [
         receiptImage: faker.image.urlPicsumPhotos({ width: 500, height: 500 }),
         tax: faker.number.int({ min: 1, max: 3 }).toString(),
         store: faker.company.name(),
-        receiptOrigin: 'lowes',
+        origin: 'lowes',
         storePhone: faker.phone.number(),
         total: faker.finance.amount({ min: 1, max: 100 }),
     },
@@ -50,7 +50,7 @@ export const receiptsReceivedMock = [
         receiptImage: faker.image.urlPicsumPhotos({ width: 500, height: 500 }),
         tax: faker.number.int({ min: 1, max: 3 }).toString(),
         store: faker.company.name(),
-        receiptOrigin: 'homeDepot',
+        origin: 'homeDepot',
         storePhone: faker.phone.number(),
         total: faker.finance.amount({ min: 1, max: 100 }),
     },
@@ -63,7 +63,7 @@ export const receiptsReceivedMock = [
         receiptImage: faker.image.urlPicsumPhotos({ width: 500, height: 500 }),
         tax: faker.number.int({ min: 1, max: 3 }).toString(),
         store: faker.company.name(),
-        receiptOrigin: 'homeDepot',
+        origin: 'homeDepot',
         storePhone: faker.phone.number(),
         total: faker.finance.amount({ min: 1, max: 100 }),
     },
@@ -76,7 +76,7 @@ export const receiptsReceivedMock = [
         receiptImage: faker.image.urlPicsumPhotos({ width: 500, height: 500 }),
         tax: faker.number.int({ min: 1, max: 3 }).toString(),
         store: faker.company.name(),
-        receiptOrigin: 'lowes',
+        origin: 'lowes',
         storePhone: faker.phone.number(),
         total: faker.finance.amount({ min: 1, max: 100 }),
     },

package/dist/stories/receipts/displayReceipts/GridReceipt.stories.d.ts

@@ -16,7 +16,7 @@ export declare const GridReceiptComponent: {
         paymentMethod: string;
         purchaseDate?: Date;
         receiptImage?: string;
-        receiptOrigin?: import("../../../interfaces").ReceiptOrigintProps;
+        origin?: string;
         store: string;
         storeNumber?: string;
         storePhone?: string;

package/dist/stories/receipts/displayReceipts/ItemReceipt.stories.d.ts

@@ -16,7 +16,7 @@ export declare const ItemReceiptComponent: {
         paymentMethod: string;
         purchaseDate?: Date;
         receiptImage?: string;
-        receiptOrigin?: import("../../../interfaces").ReceiptOrigintProps;
+        origin?: string;
         store: string;
         storeNumber?: string;
         storePhone?: string;

package/dist/stories/receipts/displayReceipts/ListReceipt.stories.d.ts

@@ -16,7 +16,7 @@ export declare const ListReceiptComponent: {
         paymentMethod: string;
         purchaseDate?: Date;
         receiptImage?: string;
-        receiptOrigin?: import("../../../interfaces").ReceiptOrigintProps;
+        origin?: string;
         store: string;
         storeNumber?: string;
         storePhone?: string;

package/package.json

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

package/src/assets/images/logos/index.ts

@@ -1,4 +1,5 @@
 import APHW from './aphw.png'
+import DefaultReceipt from './default-receipt.png'
 import HomeDepot from './home-depot.png'
 import Homefile from './homefile.png'
 import Lowes from './lowes.png'
@@ -10,6 +11,7 @@ import Terminix from './terminix.png'
 
 export {
   APHW,
+  DefaultReceipt,
   HomeDepot,
   Homefile,
   Lowes,

package/src/components/receipts/AssignableReceiptCard.tsx

@@ -9,7 +9,7 @@ export const AssignableReceiptCard = ({
   itemQuantity = 1,
   onChange,
   purchaseDate = new Date(),
-  receiptOrigin = 'homeDepot',
+  origin = '',
   total = '0',
 }: AssignableReceiptCardI) => {
   const date = formatDateWithAt({ date: purchaseDate })
@@ -34,14 +34,14 @@ export const AssignableReceiptCard = ({
       >
         <Flex align="center" gap="base">
           <Image
-            src={receiptOrigins[receiptOrigin]}
+            src={receiptOrigins[origin]}
             w="auto"
             h={["40px","69px"]}
             fit="contain"
           />
           <Stack w="100%" spacing="1">
             <Text fontSize="xxs">{date}</Text>
-            <Text textTransform="capitalize">{`${receiptOrigin} ${t(
+            <Text textTransform="capitalize">{`${origin} ${t(
               'receipts.receipt'
             )}`}</Text>
             <Flex align="baseline" justify="flex-end" gap="4">

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

@@ -2,10 +2,9 @@ import { t } from 'i18next'
 import { Stack, Box, Flex, Text, Image } from '@chakra-ui/react'
 import { BubbleText } from '@/components'
 import { receiptOrigins } from '@/helpers'
-import { ReceiptOrigintProps } from '@/interfaces'
 
 export const AutofilerBubble = () => {
-  const retails: ReceiptOrigintProps[] = ['homeDepot', 'lowes', 'walmart']
+  const retails: string[] = ['homeDepot', 'lowes', 'walmart']
   return (
     <Stack spacing="4" pb="4">
       <BubbleText

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

@@ -13,11 +13,11 @@ export const GridReceipt = ({
   menuItems,
   onClick,
   purchaseDate,
-  receiptOrigin = 'homeDepot',
+  origin = '',
   total,
   name
 }: ReceiptI) => {
-  const storeImage = receiptOrigins[receiptOrigin]
+  const storeImage = receiptOrigins[origin]
 
   const handleClick = () => onClick(_id)
 

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

@@ -13,10 +13,10 @@ export const ListReceipt = ({
   store,
   itemQuantity,
   purchaseDate,
-  receiptOrigin = 'homeDepot',
+  origin = '',
   name
 }: ReceiptI) => {
-  const storeImage = receiptOrigins[receiptOrigin]
+  const storeImage = receiptOrigins[origin]
   const handleClick = () => onClick(_id)
   const { formattedDate: date, formattedTime: time } = formatDateTime({
     date: purchaseDate,

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

@@ -13,12 +13,12 @@ export const ReceiptDetails = ({
   purchaseDate,
   tax,
   store,
-  receiptOrigin = 'homeDepot',
+  origin = "",
   storePhone = '',
   total,
   onEdit,
 }: Partial<ReceiptDetailsDBI> & { onEdit?: () => void }) => {
-  const storeImage = receiptOrigins[receiptOrigin]
+  const storeImage = receiptOrigins[origin]
   const leftLabels = t('receipts.columnLeft').split(',')
   const rightLabels = t('receipts.columnRight').split(',')
   const leftColumn: Partial<ColumnDetailsType>[] = [

package/src/components/rooms/GroupCard.tsx

@@ -96,8 +96,8 @@ export const GroupCard = ({
 
                   const imageUrl = `${storageUrl}/${images[0]?.bucketName}/${images[0]?.fileName}.${images[0]?.extension}`
 
-                  const storeImage = metadata?.receiptOrigin
-                    ? receiptOrigins[metadata?.receiptOrigin]
+                  const storeImage = metadata?.origin
+                    ? receiptOrigins[metadata?.origin]
                     : ''
 
                   const handleImage = (files: File[] | any) => {

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

@@ -1,13 +1,14 @@
-import { ReceiptCardItemI, ReceiptOrigintProps } from '@/interfaces'
-import { HomeDepot, Lowes, Walmart } from '@/assets/images'
+import { ReceiptCardItemI } from '@/interfaces'
+import { HomeDepot, Lowes, Walmart, DefaultReceipt } from '@/assets/images'
 
-export const receiptOrigins: Record<ReceiptOrigintProps, string> = {
+export const receiptOrigins: Record<string, string> = {
   homeDepot: HomeDepot,
   HomeDepot: HomeDepot,
   lowes: Lowes,
   Lowes: Lowes,
   walmart: Walmart,
-  Walmart: Walmart
+  Walmart: Walmart,
+  "" : DefaultReceipt
 }
 
 export const receipts: ReceiptCardItemI[] = [
@@ -15,42 +16,42 @@ export const receipts: ReceiptCardItemI[] = [
     purchaseDate: new Date(),
     total: '100',
     itemQuantity: 1,
-    receiptOrigin: 'homeDepot',
+    origin: 'homeDepot',
     _id: "1"
   },
   {
     purchaseDate: new Date(),
     total: '110',
     itemQuantity: 3,
-    receiptOrigin: 'lowes',
+    origin: 'lowes',
     _id: "2"
   },
   {
     purchaseDate: new Date(),
     total: '120',
     itemQuantity: 1,
-    receiptOrigin: 'homeDepot',
+    origin: 'homeDepot',
     _id: "3"
   },
   {
     purchaseDate: new Date(),
     total: '100',
     itemQuantity: 1,
-    receiptOrigin: 'lowes',
+    origin: 'lowes',
     _id: "4"
   },
   {
     purchaseDate: new Date(),
     total: '100',
     itemQuantity: 2,
-    receiptOrigin: 'homeDepot',
+    origin: 'homeDepot',
     _id: "5"
   },
   {
     purchaseDate: new Date(),
     total: '100',
     itemQuantity: 1,
-    receiptOrigin: 'lowes',
+    origin: 'lowes',
     _id: "6"
   },
 ]

package/src/helpers/rooms/GroupItems.ts

@@ -93,7 +93,7 @@ export const PaintItems: ReportsI[] = [
     type: 'File',
     subType: 'image',
     metadata: {
-      receiptOrigin: 'homeDepot',
+      origin: 'homeDepot',
     },
     needsReview: false,
     reviewed: false,
@@ -225,7 +225,7 @@ export const PaintItems: ReportsI[] = [
     type: 'File',
     subType: 'image',
     metadata: {
-      receiptOrigin: 'homeDepot',
+      origin: 'homeDepot',
     },
     needsReview: false,
     reviewed: false,
@@ -349,7 +349,7 @@ export const PaintItems: ReportsI[] = [
     type: 'Construction',
     subType: 'image',
     metadata: {
-      receiptOrigin: 'lowes',
+      origin: 'lowes',
     },
     needsReview: false,
     reviewed: false,

package/src/interfaces/homeBoard/FolderDetail.interface.ts

@@ -6,7 +6,6 @@ import {
   AssociatedAccountI,
   RoomItemI,
   FileInfoI,
-  ReceiptOrigintProps,
   ReportI
 } from '@/interfaces'
 import { ReactNode } from 'react'
@@ -60,7 +59,7 @@ export interface UploadFileI extends FileInfoI {
 }
 
 export interface ReportMetadataI {
-  receiptOrigin?: ReceiptOrigintProps
+  origin: string
 }
 
 export interface ReportsI {

package/src/interfaces/receipts/ReceiptCard.interface.ts

@@ -4,7 +4,7 @@ export interface ReceiptCardItemI {
   _id: string
   itemQuantity?: number
   purchaseDate?: Date
-  receiptOrigin?: 'homeDepot' | 'lowes'
+  origin?: string
   total?: string
 }
 

package/src/interfaces/receipts/receipt/ReceiptDetails.interface.ts

@@ -3,14 +3,6 @@ export type ColumnDetailsType = {
   value: string | number | Date
 }
 
-export type ReceiptOrigintProps =
-  | 'homeDepot'
-  | 'lowes'
-  | 'HomeDepot'
-  | 'Lowes'
-  | 'walmart'
-  | 'Walmart'
-
 export type ReceiptAssignStatusProps = 'filed' | 'filing' | 'unfiled'
 
 export interface ItemsI {
@@ -30,7 +22,7 @@ export interface ReceiptDetailsDBI {
   paymentMethod: string
   purchaseDate?: Date
   receiptImage?: string
-  receiptOrigin?: ReceiptOrigintProps
+  origin?: string
   store: string
   storeNumber?: string
   storePhone?: string

package/src/mocks/receipts/Receipts.mock.ts

@@ -12,7 +12,7 @@ export const receiptsReceivedMock: ReceiptDetailsDBI[] = [
     receiptImage: faker.image.urlPicsumPhotos({ width: 500, height: 500 }),
     tax: faker.number.int({ min: 1, max: 3 }).toString(),
     store: '',
-    receiptOrigin: 'homeDepot',
+    origin: 'homeDepot',
     storePhone: faker.phone.number(),
     total: faker.finance.amount({ min: 1, max: 100 }),
   },
@@ -26,7 +26,7 @@ export const receiptsReceivedMock: ReceiptDetailsDBI[] = [
     receiptImage: faker.image.urlPicsumPhotos({ width: 500, height: 500 }),
     tax: faker.number.int({ min: 1, max: 3 }).toString(),
     store: faker.company.name(),
-    receiptOrigin: 'lowes',
+    origin: 'lowes',
     storePhone: faker.phone.number(),
     total: faker.finance.amount({ min: 1, max: 100 }),
   },
@@ -39,7 +39,7 @@ export const receiptsReceivedMock: ReceiptDetailsDBI[] = [
     receiptImage: faker.image.urlPicsumPhotos({ width: 500, height: 500 }),
     tax: faker.number.int({ min: 1, max: 3 }).toString(),
     store: faker.company.name(),
-    receiptOrigin: 'lowes',
+    origin: 'lowes',
     storePhone: faker.phone.number(),
     total: faker.finance.amount({ min: 1, max: 100 }),
   },
@@ -52,7 +52,7 @@ export const receiptsReceivedMock: ReceiptDetailsDBI[] = [
     receiptImage: faker.image.urlPicsumPhotos({ width: 500, height: 500 }),
     tax: faker.number.int({ min: 1, max: 3 }).toString(),
     store: faker.company.name(),
-    receiptOrigin: 'homeDepot',
+    origin: 'homeDepot',
     storePhone: faker.phone.number(),
     total: faker.finance.amount({ min: 1, max: 100 }),
   },
@@ -65,7 +65,7 @@ export const receiptsReceivedMock: ReceiptDetailsDBI[] = [
     receiptImage: faker.image.urlPicsumPhotos({ width: 500, height: 500 }),
     tax: faker.number.int({ min: 1, max: 3 }).toString(),
     store: faker.company.name(),
-    receiptOrigin: 'homeDepot',
+    origin: 'homeDepot',
     storePhone: faker.phone.number(),
     total: faker.finance.amount({ min: 1, max: 100 }),
   },
@@ -78,7 +78,7 @@ export const receiptsReceivedMock: ReceiptDetailsDBI[] = [
     receiptImage: faker.image.urlPicsumPhotos({ width: 500, height: 500 }),
     tax: faker.number.int({ min: 1, max: 3 }).toString(),
     store: faker.company.name(),
-    receiptOrigin: 'lowes',
+    origin: 'lowes',
     storePhone: faker.phone.number(),
     total: faker.finance.amount({ min: 1, max: 100 }),
   },