@tap-payments/os-micro-frontend-shared 0.1.110 → 0.1.111-test.3

package/build/components/ReceiptViewer/style.js

@@ -0,0 +1,176 @@
+import { Box, Input, Popover, Typography, styled } from '@mui/material';
+import { motion } from 'framer-motion';
+export const FOOTER_HEIGHT = 37;
+export const TITLE_BAR_HEIGHT = '32px';
+export const VIEWER_HEIGHT = 545;
+export const StyledPopover = styled(Popover)(({ theme }) => ({
+    backgroundColor: theme.palette.background.default,
+    boxShadow: theme.shadows[21],
+    '& .MuiPaper-root': {
+        borderRadius: '12px',
+    },
+}));
+export const HEADER_HEIGHT = 44;
+export const jsonTheme = {
+    '--w-rjv-color': '#9cdcfe',
+    '--w-rjv-key-string': '#357fb9',
+    '--w-rjv-background-color': '#ffffff',
+    '--w-rjv-line-color': '#ffffff',
+    '--w-rjv-arrow-color': '#116e6bed',
+    '--w-rjv-edit-color': '#9cdcfe',
+    '--w-rjv-info-color': '#9c9c9c7a',
+    '--w-rjv-update-color': '#FFE20B',
+    '--w-rjv-copied-color': '#9cdcfe',
+    '--w-rjv-copied-success-color': '#28a745',
+    '--w-rjv-curlybraces-color': '#000000',
+    '--w-rjv-colon-color': '#000000',
+    '--w-rjv-brackets-color': '#000000',
+    '--w-rjv-quotes-color': '#9cdcfe',
+    '--w-rjv-quotes-string-color': '#c27c46',
+    '--w-rjv-type-string-color': '#c27c46',
+    '--w-rjv-type-int-color': '#956ea5',
+    '--w-rjv-type-float-color': '#956ea5',
+    '--w-rjv-type-bigint-color': '#956ea5',
+    '--w-rjv-type-boolean-color': '#956ea5',
+    '--w-rjv-type-date-color': '#956ea5',
+    '--w-rjv-type-url-color': '#3b89cf',
+    '--w-rjv-type-null-color': '#956ea5',
+    '--w-rjv-type-nan-color': '#956ea5',
+    '--w-rjv-type-undefined-color': '#956ea5',
+    padding: '1rem',
+    height: `calc(100% - ${HEADER_HEIGHT + FOOTER_HEIGHT}px`,
+    overflow: 'auto',
+};
+export const requestJsonTheme = Object.assign(Object.assign({}, jsonTheme), { background: 'transparent', '--w-rjv-line-color': 'transparent' });
+export const StyledAnimatedButton = styled('button')(({ theme }) => ({
+    padding: '0rem',
+    borderRadius: '0.25rem',
+    backgroundColor: theme.palette.background.paper,
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    gap: '0.25rem',
+    color: theme.palette.text.primary,
+    fontSize: '0.625rem',
+    fontWeight: theme.typography.fontWeightBold,
+    outline: 'none',
+    cursor: 'pointer',
+    border: `1px solid ${theme.palette.grey['100']}`,
+    '&:hover': {
+        boxShadow: '0px 0px 8px 0px rgba(31, 136, 208, 0.30)',
+        border: `1px solid ${theme.palette.info.dark};`,
+    },
+    position: 'relative',
+    overflow: 'hidden',
+    transition: 'all 0.2s ease-in-out',
+    width: '24px',
+    height: '24px',
+    flexShrink: 0,
+}));
+export const StyledCopyButton = styled('button')(({ theme }) => ({
+    outline: 'none',
+    cursor: 'pointer',
+    border: `1px solid transparent`,
+    '&:hover': {
+        boxShadow: theme.shadows[8],
+    },
+    borderRadius: '0.25rem',
+    position: 'relative',
+    backgroundColor: theme.palette.background.transparent,
+    display: 'inline-flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+}));
+export const StyledSearchInput = styled(Input)(({ theme }) => ({
+    border: `1px solid ${theme.palette.grey[100]}`,
+    borderRadius: '0.25rem',
+    padding: '0.375rem',
+    fontSize: '0.625rem',
+    outline: 'none',
+    width: '100%',
+    maxWidth: '150px',
+    height: '1.5rem',
+    backgroundColor: theme.palette.background.paper,
+    '&:focus': {
+        border: `1px solid ${theme.palette.info.dark}`,
+    },
+}));
+export const StyledTitle = styled(Typography)(() => ({
+    border: '1px solid rgba(242, 242, 242, 0.70);',
+    display: 'inline-flex',
+    height: '24px',
+    padding: '0px 8px',
+    justifyContent: 'center',
+    alignItems: 'center',
+    borderRadius: '37.5px',
+    backgroundColor: '#fff',
+}));
+export const SectionWrapper = styled(Box, {
+    shouldForwardProp: (prop) => !['isMaximized', 'isScrollingRequest', 'isRequestShown'].includes(prop),
+})(({ isScrollingRequest, isMaximized, isRequestShown, theme }) => (Object.assign(Object.assign({ display: 'flex', justifyContent: 'space-between', alignItems: 'center', gap: '4px', paddingBlock: '0px', paddingInlineStart: '12px', paddingInlineEnd: '12px', position: 'sticky', left: 0, right: 0, top: 0, background: '#fff', zIndex: 5 }, (isScrollingRequest && {
+    boxShadow: theme.shadows[23],
+})), (isMaximized && Object.assign({ paddingTop: TITLE_BAR_HEIGHT, transition: 'padding 0.3s ease-in-out' }, (isRequestShown && {
+    width: '50%',
+}))))));
+export const FooterWrapper = styled(Box, {
+    shouldForwardProp: (prop) => !['isMaximized', 'isRequestShown'].includes(prop),
+})(({ isMaximized, isRequestShown }) => (Object.assign({ display: 'flex', justifyContent: 'space-between', alignItems: 'center', gap: '8px', height: FOOTER_HEIGHT, position: 'fixed', bottom: 0, right: 0, left: isMaximized ? '50vw' : 0 }, (!isRequestShown && {
+    left: 0,
+}))));
+export const ButtonsWrapper = styled(Box)(() => ({
+    display: 'flex',
+    justifyContent: 'flex-end',
+    alignItems: 'center',
+    gap: '4px',
+    paddingBlock: '10px',
+    paddingInlineStart: '8px',
+    paddingInlineEnd: '0px',
+}));
+export const StyledHeaderWrapper = styled(Box)(() => ({
+    display: 'flex',
+    justifyContent: 'flex-start',
+    alignItems: 'center',
+    gap: '4px',
+    paddingBlock: '10px',
+    paddingInlineStart: '0px',
+    paddingInlineEnd: '12px',
+}));
+export const JSONViewerWrapper = styled(motion.div, {
+    shouldForwardProp: (prop) => !['isRequestShown', 'isMaximized'].includes(prop),
+})(({ isRequestShown, isMaximized }) => (Object.assign({ width: '100%', height: '100%', overflowY: 'auto', background: '#fff', zIndex: 20, position: 'relative', display: 'flex', flexDirection: 'column', borderBottomRightRadius: '12px', borderBottomLeftRadius: isRequestShown ? 0 : '12px' }, (isMaximized && {
+    borderBottomLeftRadius: 0,
+    borderBottomRightRadius: 0,
+    height: '100vh',
+}))));
+export const JSONViewerWrapperRequest = styled(motion.div, {
+    shouldForwardProp: (prop) => !['isMaximized', 'currentRequestWidth'].includes(prop),
+})(({ isMaximized, currentRequestWidth }) => ({
+    backgroundColor: '#E7E7E7B2',
+    backdropFilter: 'blur(12px)',
+    height: isMaximized ? '100vh' : '100%',
+    overflowY: 'auto',
+    position: 'absolute',
+    width: isMaximized ? '100vw' : currentRequestWidth,
+    zIndex: 19,
+    display: 'flex',
+    flexDirection: 'column',
+    borderBottomLeftRadius: '12px',
+}));
+export const JSONViewerScreenContainer = styled(Box, {
+    shouldForwardProp: (prop) => !['isMaximized', 'currentHeight'].includes(prop),
+})(({ isMaximized, currentHeight }) => ({
+    display: 'flex',
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'flex-start',
+    height: isMaximized ? `calc(100vh - ${FOOTER_HEIGHT}px)` : (currentHeight || VIEWER_HEIGHT) - FOOTER_HEIGHT + 5,
+    background: 'transparent',
+    position: 'fixed',
+    width: '100%',
+}));
+export const JSONContainer = styled(Box)(() => ({
+    position: 'fixed',
+    width: '100%',
+    background: 'transparent',
+    height: '100%',
+}));

package/build/components/ReceiptViewer/type.d.ts

@@ -0,0 +1,22 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export type ReceiptViewerProps = JsonViewer & {
+    index: number;
+    onClose: () => void;
+    isWindowMinimized?: boolean;
+    windowOrder?: number;
+};
+export interface AnimatedButtonProps extends HTMLAttributes<HTMLButtonElement> {
+    label?: ReactNode;
+    icon?: string;
+    disableAnimation?: boolean;
+}
+export type JsonViewer = {
+    json: Record<string, any>;
+    requestJson?: Record<string, any>;
+};
+export type ReceiptViewerContext = {
+    receiptViewerList: JsonViewer[];
+    handleReceiptViewerDialogOpen: (jsonViewer: JsonViewer) => void;
+    handleWindowMinimize: (value: boolean) => void;
+    handleWindowOrder: (value: number) => void;
+};

package/build/components/ReceiptViewer/type.js

@@ -0,0 +1 @@
+export {};

package/build/components/TableCells/CustomCells/ActionCell/constant.d.ts

@@ -29,4 +29,5 @@ export declare const actionIcons: {
     brand: string;
     clipboard: string;
     viewApi: string;
+    viewReceipt: string;
 };

package/build/components/TableCells/CustomCells/ActionCell/constant.js

@@ -1,5 +1,5 @@
 import { BadgeVariants } from '../../../CountBadge';
-import { flagIcon, clockIcon, disputeIcon, redFlagIcon, cancelledIcon, closedFlagIcon, orangeFlagIcon, refundInitiatedIcon, viewInvoiceIcon, reverseActionIcon, voidedIcon, capturedDropdownIcon, destinationReversedTableIcon, brandPlaceholderIcon, usersIcon, clipboardIcon, jsonBlackIcon, } from '../../../../constants/index.js';
+import { flagIcon, clockIcon, disputeIcon, redFlagIcon, cancelledIcon, closedFlagIcon, orangeFlagIcon, refundInitiatedIcon, viewInvoiceIcon, reverseActionIcon, voidedIcon, capturedDropdownIcon, destinationReversedTableIcon, brandPlaceholderIcon, usersIcon, clipboardIcon, jsonBlackIcon, receiptBillIcon, } from '../../../../constants/index.js';
 export const flags = {
     GRAY: { icon: closedFlagIcon, color: '#CFCFCF' },
     ORANGE: { icon: orangeFlagIcon, color: '#FFD503' },
@@ -25,4 +25,5 @@ export const actionIcons = {
     brand: brandPlaceholderIcon,
     clipboard: clipboardIcon,
     viewApi: jsonBlackIcon,
+    viewReceipt: receiptBillIcon,
 };

package/build/components/TableCells/CustomCells/ActionCell/hooks/useActionCell.d.ts

@@ -13,7 +13,7 @@ export declare function useActionCell({ actions, isDropdownShown, onCloseDropdow
         label: string;
         onClick: (e: React.MouseEvent<HTMLLIElement, MouseEvent>) => void;
         onRightClick?: ((e: React.MouseEvent<HTMLLIElement, MouseEvent>) => void) | undefined;
-        icon: "brand" | "users" | "cancel" | "reverse" | "refund" | "destination" | "capture" | "flag" | "dispute" | "void" | "clock" | "invoice" | "clipboard" | "viewApi";
+        icon: "brand" | "users" | "cancel" | "reverse" | "refund" | "destination" | "capture" | "flag" | "dispute" | "void" | "clock" | "invoice" | "clipboard" | "viewApi" | "viewReceipt";
         isLoading?: boolean | undefined;
         isError?: boolean | undefined;
         isSuccess?: boolean | undefined;

package/build/components/TableCells/CustomCells/ActionCell/style.d.ts

@@ -283,5 +283,5 @@ export declare const ActionIcon: import("@emotion/styled").StyledComponent<{
     fetchPriority?: "auto" | "high" | "low" | undefined;
     srcSet?: string | undefined;
 } & import("framer-motion").MotionProps & import("react").RefAttributes<HTMLImageElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
-    icon?: "brand" | "users" | "cancel" | "reverse" | "refund" | "destination" | "capture" | "flag" | "dispute" | "void" | "clock" | "invoice" | "clipboard" | "viewApi" | undefined;
+    icon?: "brand" | "users" | "cancel" | "reverse" | "refund" | "destination" | "capture" | "flag" | "dispute" | "void" | "clock" | "invoice" | "clipboard" | "viewApi" | "viewReceipt" | undefined;
 }, {}, {}>;

package/build/components/index.d.ts

@@ -108,3 +108,4 @@ export { default as LazyImage } from './LazyImage';
 export { default as AmountStatusChip, type AmountStatusChipProps } from './AmountStatusChip';
 export { default as AuthenticationTypeChip, type AuthenticationTypeChipProps } from './AuthenticationTypeChip';
 export * from './LazyImage';
+export { default as ReceiptViewer, type ReceiptTitleBarProps, type ReceiptViewerProps, ReceiptTitleBar, ReceiptViewerDialogContext, ReceiptViewerList, useReceiptViewerContext, ReceiptViewerDialogContextProvider, } from './ReceiptViewer';

package/build/components/index.js

@@ -108,3 +108,4 @@ export { default as LazyImage } from './LazyImage';
 export { default as AmountStatusChip } from './AmountStatusChip';
 export { default as AuthenticationTypeChip } from './AuthenticationTypeChip';
 export * from './LazyImage';
+export { default as ReceiptViewer, ReceiptTitleBar, ReceiptViewerDialogContext, ReceiptViewerList, useReceiptViewerContext, ReceiptViewerDialogContextProvider, } from './ReceiptViewer';

package/build/utils/object.d.ts

@@ -1,6 +1,7 @@
 export declare function removeUndefinedValues(obj: Record<string, unknown>): {
     [k: string]: unknown;
 };
+export declare const isEmptyValue: (value: unknown) => boolean;
 export declare function removeUndefinedArrayValues(obj: Record<string, unknown>): {
     [k: string]: unknown;
 };

package/build/utils/object.js

@@ -1,14 +1,15 @@
 export function removeUndefinedValues(obj) {
     return Object.fromEntries(Object.entries(obj).filter(([, value]) => value !== undefined));
 }
+export const isEmptyValue = (value) => value === undefined || value === null || value === '';
 export function removeUndefinedArrayValues(obj) {
     return Object.fromEntries(Object.entries(obj).filter(([, value]) => {
         if (Array.isArray(value)) {
-            return value.length > 0 && (value === null || value === void 0 ? void 0 : value.some((v) => v !== undefined && v !== null && v !== ''));
+            return value.length > 0 && (value === null || value === void 0 ? void 0 : value.some((v) => !isEmptyValue(v)));
         }
         if (typeof value === 'object') {
-            return Object.values(value || {}).some((v) => v !== undefined && v !== null && v !== '');
+            return Object.values(value || {}).some((v) => !isEmptyValue(v));
         }
-        return !!value;
+        return !isEmptyValue(value);
     }));
 }

package/package.json

@@ -1,139 +1,139 @@
-{
-  "name": "@tap-payments/os-micro-frontend-shared",
-  "description": "Shared components and utilities for Tap Payments micro frontends",
-  "version": "0.1.110",
-  "testVersion": 1,
-  "type": "module",
-  "main": "build/index.js",
-  "module": "build/index.js",
-  "types": "build/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./build/index.d.ts",
-      "import": "./build/index.js",
-      "require": "./build/index.js"
-    },
-    "./constants": {
-      "types": "./build/constants/index.d.ts",
-      "import": "./build/constants/index.js",
-      "require": "./build/constants/index.js"
-    },
-    "./components": {
-      "types": "./build/components/index.d.ts",
-      "import": "./build/components/index.js",
-      "require": "./build/components/index.js"
-    },
-    "./components/*": {
-      "types": "./build/components/*/index.d.ts",
-      "import": "./build/components/*/index.js",
-      "require": "./build/components/*/index.js"
-    },
-    "./hooks": {
-      "types": "./build/hooks/index.d.ts",
-      "import": "./build/hooks/index.js",
-      "require": "./build/hooks/index.js"
-    },
-    "./utils": {
-      "types": "./build/utils/index.d.ts",
-      "import": "./build/utils/index.js",
-      "require": "./build/utils/index.js"
-    },
-    "./theme": {
-      "types": "./build/theme/index.d.ts",
-      "import": "./build/theme/index.js",
-      "require": "./build/theme/index.js"
-    },
-    "./types": {
-      "types": "./build/types/index.d.ts",
-      "import": "./build/types/index.js",
-      "require": "./build/types/index.js"
-    }
-  },
-  "license": "MIT",
-  "author": {
-    "name": "Ahmed Sharkawy",
-    "email": "a.elsharkawy@tap.company"
-  },
-  "files": [
-    "build",
-    "readme.md"
-  ],
-  "scripts": {
-    "ts:build": "rm -rf build && tsc -p tsconfig.npm.json && tsc-alias -p tsconfig.npm.json",
-    "push:local": "yarn ts:build && yalc publish --push",
-    "push": "npm run ts:build && npm publish --access public",
-    "push:test": "node scripts/increment-test-version.cjs && npm run ts:build && npm publish --access public --tag test && node scripts/restore-version.cjs",
-    "dev": "vite",
-    "build": "tsc -b && vite build ",
-    "prettier": "prettier --list-different \"src/**/*.{md,mdx,ts,js,tsx,jsx,json}\"",
-    "prettier:fix": "prettier --write \"src/**/*.{ts,tsx,js,jsx,json,md,css,json}\"",
-    "lint": "eslint . --color",
-    "lint:fix": "eslint src --fix --color",
-    "preview": "vite preview",
-    "prepare": "husky"
-  },
-  "dependencies": {
-    "@emotion/react": "^11.11.0",
-    "@emotion/styled": "^11.11.0",
-    "@hookform/resolvers": "^3.3.1",
-    "@mui/material": "^5.12.3",
-    "@uiw/react-json-view": "^2.0.0-alpha.16",
-    "axios": "^1.4.0",
-    "color": "^5.0.0",
-    "dayjs": "^1.11.8",
-    "framer-motion": "10.11.0",
-    "i18next": "^22.4.15",
-    "memoize-one": "^6.0.0",
-    "re-resizable": "^6.9.9",
-    "react": "^18.2.0",
-    "react-colorful": "^5.6.1",
-    "react-currency-input-field": "^3.6.11",
-    "react-dom": "^18.2.0",
-    "react-draggable": "^4.4.6",
-    "react-dropzone": "^14.2.3",
-    "react-hook-form": "^7.45.4",
-    "react-hot-toast": "^2.4.1",
-    "react-i18next": "^12.2.2",
-    "react-lazy-load-image-component": "^1.6.3",
-    "react-multi-date-picker": "^4.1.2",
-    "react-router-dom": "^7.7.0",
-    "react-virtualized-auto-sizer": "^1.0.20",
-    "react-window": "^1.8.9",
-    "react-window-infinite-loader": "^1.0.9",
-    "react18-input-otp": "^1.1.4",
-    "recharts": "^2.15.1"
-  },
-  "devDependencies": {
-    "@eslint/js": "^9.17.0",
-    "@testing-library/jest-dom": "^5.16.5",
-    "@types/lodash": "^4.17.15",
-    "@types/react": "^18.2.6",
-    "@types/react-dom": "^18.3.5",
-    "@types/react-lazy-load-image-component": "^1.6.4",
-    "@types/react-virtualized-auto-sizer": "^1.0.8",
-    "@types/react-window": "^1.8.5",
-    "@types/react-window-infinite-loader": "^1.0.6",
-    "@vitejs/plugin-react": "^4.3.4",
-    "eslint": "^9.17.0",
-    "eslint-plugin-react-hooks": "^5.0.0",
-    "eslint-plugin-react-refresh": "^0.4.16",
-    "globals": "^15.14.0",
-    "husky": "^8.0.3",
-    "lint-staged": "^13.2.2",
-    "prettier": "^2.8.8",
-    "tsc-alias": "^1.8.16",
-    "typescript": "5.0.2",
-    "typescript-eslint": "^8.18.2",
-    "vite": "6.0.5",
-    "vite-tsconfig-paths": "^4.2.0"
-  },
-  "lint-staged": {
-    "src/**/*.{ts,tsx,json,js,jsx}": [
-      "yarn run prettier:fix",
-      "yarn run lint"
-    ]
-  },
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org/"
-  }
-}
+{
+  "name": "@tap-payments/os-micro-frontend-shared",
+  "description": "Shared components and utilities for Tap Payments micro frontends",
+  "version": "0.1.111-test.3",
+  "testVersion": 3,
+  "type": "module",
+  "main": "build/index.js",
+  "module": "build/index.js",
+  "types": "build/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./build/index.d.ts",
+      "import": "./build/index.js",
+      "require": "./build/index.js"
+    },
+    "./constants": {
+      "types": "./build/constants/index.d.ts",
+      "import": "./build/constants/index.js",
+      "require": "./build/constants/index.js"
+    },
+    "./components": {
+      "types": "./build/components/index.d.ts",
+      "import": "./build/components/index.js",
+      "require": "./build/components/index.js"
+    },
+    "./components/*": {
+      "types": "./build/components/*/index.d.ts",
+      "import": "./build/components/*/index.js",
+      "require": "./build/components/*/index.js"
+    },
+    "./hooks": {
+      "types": "./build/hooks/index.d.ts",
+      "import": "./build/hooks/index.js",
+      "require": "./build/hooks/index.js"
+    },
+    "./utils": {
+      "types": "./build/utils/index.d.ts",
+      "import": "./build/utils/index.js",
+      "require": "./build/utils/index.js"
+    },
+    "./theme": {
+      "types": "./build/theme/index.d.ts",
+      "import": "./build/theme/index.js",
+      "require": "./build/theme/index.js"
+    },
+    "./types": {
+      "types": "./build/types/index.d.ts",
+      "import": "./build/types/index.js",
+      "require": "./build/types/index.js"
+    }
+  },
+  "license": "MIT",
+  "author": {
+    "name": "Ahmed Sharkawy",
+    "email": "a.elsharkawy@tap.company"
+  },
+  "files": [
+    "build",
+    "readme.md"
+  ],
+  "scripts": {
+    "ts:build": "rm -rf build && tsc -p tsconfig.npm.json && tsc-alias -p tsconfig.npm.json",
+    "push:local": "yarn ts:build && yalc publish --push",
+    "push": "npm run ts:build && npm publish --access public",
+    "push:test": "node scripts/increment-test-version.cjs && npm run ts:build && npm publish --access public --tag test && node scripts/restore-version.cjs",
+    "dev": "vite",
+    "build": "tsc -b && vite build ",
+    "prettier": "prettier --list-different \"src/**/*.{md,mdx,ts,js,tsx,jsx,json}\"",
+    "prettier:fix": "prettier --write \"src/**/*.{ts,tsx,js,jsx,json,md,css,json}\"",
+    "lint": "eslint . --color",
+    "lint:fix": "eslint src --fix --color",
+    "preview": "vite preview",
+    "prepare": "husky"
+  },
+  "dependencies": {
+    "@emotion/react": "^11.11.0",
+    "@emotion/styled": "^11.11.0",
+    "@hookform/resolvers": "^3.3.1",
+    "@mui/material": "^5.12.3",
+    "@uiw/react-json-view": "^2.0.0-alpha.16",
+    "axios": "^1.4.0",
+    "color": "^5.0.0",
+    "dayjs": "^1.11.8",
+    "framer-motion": "10.11.0",
+    "i18next": "^22.4.15",
+    "memoize-one": "^6.0.0",
+    "re-resizable": "^6.9.9",
+    "react": "^18.2.0",
+    "react-colorful": "^5.6.1",
+    "react-currency-input-field": "^3.6.11",
+    "react-dom": "^18.2.0",
+    "react-draggable": "^4.4.6",
+    "react-dropzone": "^14.2.3",
+    "react-hook-form": "^7.45.4",
+    "react-hot-toast": "^2.4.1",
+    "react-i18next": "^12.2.2",
+    "react-lazy-load-image-component": "^1.6.3",
+    "react-multi-date-picker": "^4.1.2",
+    "react-router-dom": "^7.7.0",
+    "react-virtualized-auto-sizer": "^1.0.20",
+    "react-window": "^1.8.9",
+    "react-window-infinite-loader": "^1.0.9",
+    "react18-input-otp": "^1.1.4",
+    "recharts": "^2.15.1"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.17.0",
+    "@testing-library/jest-dom": "^5.16.5",
+    "@types/lodash": "^4.17.15",
+    "@types/react": "^18.2.6",
+    "@types/react-dom": "^18.3.5",
+    "@types/react-lazy-load-image-component": "^1.6.4",
+    "@types/react-virtualized-auto-sizer": "^1.0.8",
+    "@types/react-window": "^1.8.5",
+    "@types/react-window-infinite-loader": "^1.0.6",
+    "@vitejs/plugin-react": "^4.3.4",
+    "eslint": "^9.17.0",
+    "eslint-plugin-react-hooks": "^5.0.0",
+    "eslint-plugin-react-refresh": "^0.4.16",
+    "globals": "^15.14.0",
+    "husky": "^8.0.3",
+    "lint-staged": "^13.2.2",
+    "prettier": "^2.8.8",
+    "tsc-alias": "^1.8.16",
+    "typescript": "5.0.2",
+    "typescript-eslint": "^8.18.2",
+    "vite": "6.0.5",
+    "vite-tsconfig-paths": "^4.2.0"
+  },
+  "lint-staged": {
+    "src/**/*.{ts,tsx,json,js,jsx}": [
+      "yarn run prettier:fix",
+      "yarn run lint"
+    ]
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  }
+}