@tap-payments/os-micro-frontend-shared 0.1.109 → 0.1.110

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2025 Tap Payments
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2025 Tap Payments
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,12 +1,12 @@
-# os-micro-frontend-shared
-
-## Publishing Workflow
-
-1. Update version in package.json
-2. Commit changes
-3. Create and push a tag:
-
-```bash
-npm version patch  # or minor, major
-git push origin main --tags
-```
+# os-micro-frontend-shared
+
+## Publishing Workflow
+
+1. Update version in package.json
+2. Commit changes
+3. Create and push a tag:
+
+```bash
+npm version patch  # or minor, major
+git push origin main --tags
+```

package/build/components/AmountStatusChip/AmountStatusChip.js

@@ -14,6 +14,6 @@ import { memo } from 'react';
 import { AmountLabel, StyledAmountStatusChip } from './style';
 function AmountStatusChip(_a) {
     var { amount, currency } = _a, rest = __rest(_a, ["amount", "currency"]);
-    return (_jsxs(StyledAmountStatusChip, Object.assign({ expandDirection: "left" }, rest, { children: [currency && _jsx(AmountLabel, { children: currency }), amount] })));
+    return (_jsxs(StyledAmountStatusChip, Object.assign({ disableAnimation: true, expandDirection: "left" }, rest, { children: [currency && _jsx(AmountLabel, { children: currency }), amount] })));
 }
 export default memo(AmountStatusChip);

package/build/components/StatusChip/style.d.ts

@@ -8,6 +8,7 @@ export declare const ChipStyled: import("@emotion/styled").StyledComponent<impor
     disabled?: boolean | undefined;
     padding?: string | undefined;
     unknownText?: string | undefined;
+    minWidth?: string | undefined;
     maxWidth?: string | undefined;
     isSelected?: boolean | undefined;
     copyText?: string | undefined;

package/build/components/StatusChip/style.js

@@ -1,9 +1,9 @@
 import Box from '@mui/material/Box';
 import { styled } from '@mui/material/styles';
 export const ChipStyled = styled(Box, {
-    shouldForwardProp: (prop) => !['textColor', 'bgColor', 'borderColor', 'disabled', 'padding', 'maxWidth', 'isSelected', 'disableAnimation'].includes(prop),
-})(({ theme, isSelected, textColor = theme.palette.text.primary, bgColor = '#EFF1F2', borderColor = '#EFF1F2', disabled = false, padding, maxWidth, disableAnimation, }) => {
-    return Object.assign(Object.assign({ display: 'flex', justifyContent: 'center', alignItems: 'center', gap: '4px', height: '18px', padding: padding || '0px 9.5px', borderRadius: '30px', border: `1px solid ${borderColor}`, backgroundColor: bgColor, color: textColor, cursor: disabled ? 'not-allowed' : 'pointer', opacity: disabled ? 0.5 : 1, whiteSpace: 'nowrap', fontSize: '11px', minWidth: '67px', maxWidth: maxWidth || 'none', width: 'fit-content', overflow: 'hidden', textOverflow: maxWidth ? 'ellipsis' : 'unset', boxSizing: 'border-box' }, (isSelected && {
+    shouldForwardProp: (prop) => !['textColor', 'bgColor', 'borderColor', 'disabled', 'minWidth', 'padding', 'maxWidth', 'isSelected', 'disableAnimation'].includes(prop),
+})(({ theme, isSelected, textColor = theme.palette.text.primary, bgColor = '#EFF1F2', borderColor = '#EFF1F2', disabled = false, padding, minWidth, maxWidth, disableAnimation, }) => {
+    return Object.assign(Object.assign({ display: 'flex', justifyContent: 'center', alignItems: 'center', gap: '4px', height: '18px', padding: padding || '0px 9.5px', borderRadius: '30px', border: `1px solid ${borderColor}`, backgroundColor: bgColor, color: textColor, cursor: disabled ? 'not-allowed' : 'pointer', opacity: disabled ? 0.5 : 1, whiteSpace: 'nowrap', fontSize: '11px', minWidth: minWidth || '67px', maxWidth: maxWidth || 'none', width: 'fit-content', overflow: 'hidden', textOverflow: maxWidth ? 'ellipsis' : 'unset', boxSizing: 'border-box' }, (isSelected && {
         boxShadow: 'white 7px 0px 8px 2px',
     })), (disableAnimation && {
         transition: 'none !important',
@@ -21,7 +21,6 @@ export const Wrapper = styled(Box)(() => ({
     alignItems: 'center',
     justifyContent: 'center',
     gap: '4px',
-    minWidth: 46,
     textAlign: 'center',
 }));
 export const CopyWrapper = styled(Box)(() => ({

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

@@ -7,6 +7,7 @@ export type ChipProps = PropsWithChildren<{
     disabled?: boolean;
     padding?: string;
     unknownText?: string;
+    minWidth?: string;
     maxWidth?: string;
     isSelected?: boolean;
     copyText?: string;

package/build/components/TableCells/SheetViewCells/PaymentAgreementCell/PaymentAgreementCell.d.ts

@@ -0,0 +1,13 @@
+import { StatusChipWithCopyProps } from '../../../StatusChipWithCopy';
+interface PaymentAgreementCellProps extends Omit<StatusChipWithCopyProps, 'chipIndex'> {
+    type?: keyof typeof paymentAgreementTypes;
+    count?: number;
+}
+declare const paymentAgreementTypes: {
+    SAVED_CARD: string;
+    ORDER: string;
+    SUBSCRIPTION: string;
+    INSTALLMENT: string;
+};
+declare function PaymentAgreementCell({ type, count, ...props }: PaymentAgreementCellProps): import("react/jsx-runtime").JSX.Element;
+export default PaymentAgreementCell;

package/build/components/TableCells/SheetViewCells/PaymentAgreementCell/PaymentAgreementCell.js

@@ -0,0 +1,26 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box } from '@mui/material';
+import { StatusChipWithCopy } from '../../../index.js';
+const paymentAgreementTypes = {
+    SAVED_CARD: 'Card Agreement',
+    ORDER: 'Order',
+    SUBSCRIPTION: 'Subscription',
+    INSTALLMENT: 'Installment',
+};
+function PaymentAgreementCell(_a) {
+    var { type, count } = _a, props = __rest(_a, ["type", "count"]);
+    const countText = count === null || count === void 0 ? void 0 : count.toString();
+    return (_jsxs(Box, Object.assign({ sx: { display: 'flex', flexDirection: 'row', gap: '4px' } }, { children: [_jsx(StatusChipWithCopy, Object.assign({ copyText: type, unknownText: "noPaymentAgreement" }, props, { chipIndex: 0 }, { children: type ? paymentAgreementTypes[type] : type })), countText && (_jsx(StatusChipWithCopy, Object.assign({ copyText: countText }, props, { chipIndex: 1, minWidth: "38px" }, { children: countText })))] })));
+}
+export default PaymentAgreementCell;

package/build/components/TableCells/SheetViewCells/PaymentAgreementCell/index.d.ts

@@ -0,0 +1 @@
+export { default as PaymentAgreementCell } from './PaymentAgreementCell';

package/build/components/TableCells/SheetViewCells/PaymentAgreementCell/index.js

@@ -0,0 +1 @@
+export { default as PaymentAgreementCell } from './PaymentAgreementCell';

package/build/components/TableCells/SheetViewCells/index.d.ts

@@ -0,0 +1 @@
+export * from './PaymentAgreementCell';

package/build/components/TableCells/SheetViewCells/index.js

@@ -0,0 +1 @@
+export * from './PaymentAgreementCell';

package/build/components/TableCells/index.d.ts

@@ -1,3 +1,4 @@
 export { default as TableCell } from './TableCell';
 export * from './CustomCells';
+export * from './SheetViewCells';
 export * from './type';

package/build/components/TableCells/index.js

@@ -1,3 +1,4 @@
 export { default as TableCell } from './TableCell';
 export * from './CustomCells';
+export * from './SheetViewCells';
 export * from './type';

package/build/components/VirtualTables/SheetViewVirtualTable/components/SheetViewTableLoading.js

@@ -14,7 +14,7 @@ const Wrapper = styled('section')(({ isLoaded = false, isPinned = false }) => ({
     height: '100%',
     maxHeight: '100%',
 }));
-function SheetViewTableLoading({ columns, isLoaded = false, animationType, isLoading = false, rowsCount, isPinned = false, }) {
+function SheetViewTableLoading({ columns, isLoaded = false, animationType, isLoading = false, rowsCount = 13, isPinned = false, }) {
     const [maxAllowedRows, setMaxAllowedRows] = useState(() => {
         return rowsCount || Math.min(calculateMaxAllowedRows(isLoaded, isLoading), 15);
     });

package/build/constants/table/cell/authorizationTableCellWidth.d.ts

@@ -82,7 +82,7 @@ export declare const authorizationTableCellWidth: {
     readonly merchant: {
         readonly default: "110px";
         readonly text: "150px";
-        readonly sheet: "215px";
+        readonly sheet: "138px";
     };
     readonly charge: {
         readonly default: "150px";
@@ -207,7 +207,7 @@ export declare const authorizationTableCellWidth: {
     readonly eci: {
         readonly default: "150px";
         readonly text: "150px";
-        readonly sheet: "100px";
+        readonly sheet: "72px";
     };
     readonly acquirer_response: {
         readonly default: "70px";

package/build/constants/table/cell/authorizationTableCellWidth.js

@@ -82,7 +82,7 @@ export const authorizationTableCellWidth = {
     merchant: {
         default: '110px',
         text: '150px',
-        sheet: '215px',
+        sheet: '138px',
     },
     charge: {
         default: '150px',
@@ -207,7 +207,7 @@ export const authorizationTableCellWidth = {
     eci: {
         default: '150px',
         text: '150px',
-        sheet: '100px',
+        sheet: '72px',
     },
     acquirer_response: {
         default: '70px',

package/build/constants/table/cell/chargeTableCellWidth.d.ts

@@ -92,7 +92,7 @@ export declare const chargeTableCellWidth: {
     readonly eci: {
         readonly default: "150px";
         readonly text: "150px";
-        readonly sheet: "100px";
+        readonly sheet: "72px";
     };
     readonly amount: {
         readonly default: "170px";
@@ -132,7 +132,7 @@ export declare const chargeTableCellWidth: {
     readonly merchant: {
         readonly default: "100px";
         readonly text: "150px";
-        readonly sheet: "215px";
+        readonly sheet: "138px";
     };
     readonly charge: {
         readonly default: "150px";

package/build/constants/table/cell/chargeTableCellWidth.js

@@ -92,7 +92,7 @@ export const chargeTableCellWidth = {
     eci: {
         default: '150px',
         text: '150px',
-        sheet: '100px',
+        sheet: '72px',
     },
     amount: {
         default: '170px',
@@ -132,7 +132,7 @@ export const chargeTableCellWidth = {
     merchant: {
         default: '100px',
         text: '150px',
-        sheet: '215px',
+        sheet: '138px',
     },
     charge: {
         default: '150px',

package/build/constants/table/cell/destinationsTableCellWidth.d.ts

@@ -62,7 +62,7 @@ export declare const destinationsTableCellWidth: {
     readonly payment_agreement: {
         readonly default: "50px";
         readonly text: "250px";
-        readonly sheet: "230px";
+        readonly sheet: "165px";
     };
     readonly amount: {
         readonly default: "195px";
@@ -82,7 +82,7 @@ export declare const destinationsTableCellWidth: {
     readonly merchant: {
         readonly default: "100px";
         readonly text: "150px";
-        readonly sheet: "215px";
+        readonly sheet: "138px";
     };
     readonly actions: {
         readonly default: "100px";
@@ -157,7 +157,7 @@ export declare const destinationsTableCellWidth: {
     readonly eci: {
         readonly default: "150px";
         readonly text: "150px";
-        readonly sheet: "100px";
+        readonly sheet: "72px";
     };
     readonly payout_status: {
         readonly default: "120px";

package/build/constants/table/cell/destinationsTableCellWidth.js

@@ -62,7 +62,7 @@ export const destinationsTableCellWidth = {
     payment_agreement: {
         default: '50px',
         text: '250px',
-        sheet: '230px',
+        sheet: '165px',
     },
     amount: {
         default: '195px',
@@ -82,7 +82,7 @@ export const destinationsTableCellWidth = {
     merchant: {
         default: '100px',
         text: '150px',
-        sheet: '215px',
+        sheet: '138px',
     },
     actions: {
         default: '100px',
@@ -157,7 +157,7 @@ export const destinationsTableCellWidth = {
     eci: {
         default: '150px',
         text: '150px',
-        sheet: '100px',
+        sheet: '72px',
     },
     payout_status: {
         default: '120px',

package/build/constants/table/cell/merchantsTableCellWidth.d.ts

@@ -72,6 +72,6 @@ export declare const merchantsTableCellWidth: {
     readonly merchant: {
         readonly default: "175px";
         readonly text: "180px";
-        readonly sheet: "180px";
+        readonly sheet: "138px";
     };
 };

package/build/constants/table/cell/merchantsTableCellWidth.js

@@ -72,6 +72,6 @@ export const merchantsTableCellWidth = {
     merchant: {
         default: '175px',
         text: '180px',
-        sheet: '180px',
+        sheet: '138px',
     },
 };

package/build/constants/table/cell/refundTableCellWidth.d.ts

@@ -47,7 +47,7 @@ export declare const refundTableCellWidth: {
     readonly payment_agreement: {
         readonly default: "50px";
         readonly text: "200px";
-        readonly sheet: "230px";
+        readonly sheet: "165px";
     };
     readonly payment_initiated: {
         readonly default: "150px";
@@ -87,7 +87,7 @@ export declare const refundTableCellWidth: {
     readonly eci: {
         readonly default: "150px";
         readonly text: "150px";
-        readonly sheet: "100px";
+        readonly sheet: "72px";
     };
     readonly amount: {
         readonly default: "195px";
@@ -122,7 +122,7 @@ export declare const refundTableCellWidth: {
     readonly merchant: {
         readonly default: "100px";
         readonly text: "150px";
-        readonly sheet: "215px";
+        readonly sheet: "138px";
     };
     readonly reference: {
         readonly default: "95px";

package/build/constants/table/cell/refundTableCellWidth.js

@@ -47,7 +47,7 @@ export const refundTableCellWidth = {
     payment_agreement: {
         default: '50px',
         text: '200px',
-        sheet: '230px',
+        sheet: '165px',
     },
     payment_initiated: {
         default: '150px',
@@ -87,7 +87,7 @@ export const refundTableCellWidth = {
     eci: {
         default: '150px',
         text: '150px',
-        sheet: '100px',
+        sheet: '72px',
     },
     amount: {
         default: '195px',
@@ -122,7 +122,7 @@ export const refundTableCellWidth = {
     merchant: {
         default: '100px',
         text: '150px',
-        sheet: '215px',
+        sheet: '138px',
     },
     reference: {
         default: '95px',

package/build/utils/object.d.ts

@@ -1,7 +1,6 @@
 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,15 +1,14 @@
 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) => !isEmptyValue(v)));
+            return value.length > 0 && (value === null || value === void 0 ? void 0 : value.some((v) => v !== undefined && v !== null && v !== ''));
         }
         if (typeof value === 'object') {
-            return Object.values(value || {}).some((v) => !isEmptyValue(v));
+            return Object.values(value || {}).some((v) => v !== undefined && v !== null && v !== '');
         }
-        return !isEmptyValue(value);
+        return !!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.109",
-  "testVersion": 0,
-  "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.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/"
+  }
+}