@tap-payments/os-micro-frontend-shared 0.0.26 → 0.0.28-dev-v1

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/AppWindowWrapper/AppWindow/index.d.ts

@@ -1,3 +1,5 @@
 import AppWindow from './AppWindow';
 export type { WindowProps } from './type';
+export { FOOTER_HEIGHT, LEFT_SIDEBAR, RIGHT_SIDEBAR, VIEWER_HEIGHT, VIEWER_WIDTH, animationDuration } from './constant';
+export * from './style';
 export default AppWindow;

package/build/components/AppWindowWrapper/AppWindow/index.js

@@ -1,2 +1,4 @@
 import AppWindow from './AppWindow';
+export { FOOTER_HEIGHT, LEFT_SIDEBAR, RIGHT_SIDEBAR, VIEWER_HEIGHT, VIEWER_WIDTH, animationDuration } from './constant';
+export * from './style';
 export default AppWindow;

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

@@ -1,5 +1,6 @@
 import AppWindowWrapper from './AppWindowWrapper';
-export { default as AppWindow, type WindowProps } from './AppWindow';
+export { default as AppWindow, type WindowProps, LEFT_SIDEBAR, RIGHT_SIDEBAR, VIEWER_HEIGHT, VIEWER_WIDTH, animationDuration, StyledFooter, StyledHideButton, StyledMenuLink, StyledSubmitButton, SubmitButtonWrapper, } from './AppWindow';
 export * from './headers/AccountHeader';
+export * from './context';
 export type { AppWindowProps } from './type';
 export default AppWindowWrapper;

package/build/components/AppWindowWrapper/index.js

@@ -1,4 +1,5 @@
 import AppWindowWrapper from './AppWindowWrapper';
-export { default as AppWindow } from './AppWindow';
+export { default as AppWindow, LEFT_SIDEBAR, RIGHT_SIDEBAR, VIEWER_HEIGHT, VIEWER_WIDTH, animationDuration, StyledFooter, StyledHideButton, StyledMenuLink, StyledSubmitButton, SubmitButtonWrapper, } from './AppWindow';
 export * from './headers/AccountHeader';
+export * from './context';
 export default AppWindowWrapper;

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

@@ -1,3 +1,4 @@
 import ConfirmDialog from './ConfirmDialog';
 export type { ConfirmDialogFunction, ConfirmDialogProps } from './type';
+export * from './hooks';
 export default ConfirmDialog;

package/build/components/ConfirmDialog/index.js

@@ -1,2 +1,3 @@
 import ConfirmDialog from './ConfirmDialog';
+export * from './hooks';
 export default ConfirmDialog;

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

@@ -1,4 +1,5 @@
 import CountBadge from './CountBadge';
 export { CountAnimatedBadge } from './CountBadgeAnimated';
 export { BadgeVariants, type StyledBadgeProps } from './type';
+export { paymentSourceAnimation } from './style';
 export default CountBadge;

package/build/components/CountBadge/index.js

@@ -1,4 +1,5 @@
 import CountBadge from './CountBadge';
 export { CountAnimatedBadge } from './CountBadgeAnimated';
 export { BadgeVariants } from './type';
+export { paymentSourceAnimation } from './style';
 export default CountBadge;

package/build/components/ExpandableSideBar/style.js

@@ -1,7 +1,7 @@
 import Box from '@mui/material/Box';
 import { alpha, styled } from '@mui/material/styles';
 import { TITLE_BAR_HEIGHT } from './constant';
-import { LEFT_SIDEBAR } from '../../constants/index.js';
+import { LEFT_SIDEBAR } from '../index.js';
 export const SideBar = styled(Box, {
     shouldForwardProp: (props) => props !== 'isMaximized',
 })(({ theme, isMaximized }) => ({

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

@@ -1,3 +1,5 @@
 export { default as FileInput } from './FileInput';
 export { default as CountriesDropdown } from './CountriesDropDown';
 export { default as SearchInput } from './SearchInput';
+export { default as Input } from './Input';
+export { default as Select } from './Select';

package/build/components/Inputs/index.js

@@ -1,3 +1,5 @@
 export { default as FileInput } from './FileInput';
 export { default as CountriesDropdown } from './CountriesDropDown';
 export { default as SearchInput } from './SearchInput';
+export { default as Input } from './Input';
+export { default as Select } from './Select';

package/build/components/RFH/Inputs/FormInput/FormInput.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { InputBaseProps } from '../../../InputBase';
+export interface FormInputProps extends Omit<InputBaseProps, 'name' | 'hasError'> {
+    name: string;
+    hideArrows?: boolean;
+}
+declare function FormInput({ name, helperText, hideArrows, ...props }: FormInputProps): import("react/jsx-runtime").JSX.Element;
+declare namespace FormInput {
+    var displayName: string;
+}
+declare const _default: React.MemoExoticComponent<typeof FormInput>;
+export default _default;

package/build/components/RFH/Inputs/{Input/Input.js → FormInput/FormInput.js}

@@ -13,7 +13,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { useFormContext, Controller } from 'react-hook-form';
 import { InputBase } from '../../../InputBase';
-function Input(_a) {
+function FormInput(_a) {
     var { name, helperText, hideArrows } = _a, props = __rest(_a, ["name", "helperText", "hideArrows"]);
     const { control } = useFormContext();
     return (_jsx(Controller, { name: name, control: control, defaultValue: props.defaultValue, render: ({ field, fieldState }) => {
@@ -23,5 +23,5 @@ function Input(_a) {
                 } })));
         } }));
 }
-Input.displayName = 'RFHInput';
-export default React.memo(Input);
+FormInput.displayName = 'RFHFormInput';
+export default React.memo(FormInput);

package/build/components/RFH/Inputs/FormInput/index.d.ts

@@ -0,0 +1,3 @@
+import FormInput, { FormInputProps } from './FormInput';
+export type { FormInputProps };
+export default FormInput;

package/build/components/RFH/Inputs/FormInput/index.js

@@ -0,0 +1,2 @@
+import FormInput from './FormInput';
+export default FormInput;

package/build/components/RFH/Inputs/FormSelect/FormSelect.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { SelectProps } from './type';
+declare function FormSelect({ name, helperText, ...props }: SelectProps): import("react/jsx-runtime").JSX.Element;
+declare namespace FormSelect {
+    var displayName: string;
+}
+declare const _default: React.MemoExoticComponent<typeof FormSelect>;
+export default _default;

package/build/components/RFH/Inputs/{Select/Select.js → FormSelect/FormSelect.js}

@@ -13,7 +13,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { useFormContext, Controller } from 'react-hook-form';
 import { SelectBase } from '../../../InputBase';
-function Select(_a) {
+function FormSelect(_a) {
     var { name, helperText } = _a, props = __rest(_a, ["name", "helperText"]);
     const { control } = useFormContext();
     return (_jsx(Controller, { name: name, control: control, render: ({ field, fieldState }) => {
@@ -21,5 +21,5 @@ function Select(_a) {
             return (_jsx(SelectBase, Object.assign({}, props, field, { hasError: !!fieldState.error, helperText: helperText !== null && helperText !== void 0 ? helperText : (_a = fieldState.error) === null || _a === void 0 ? void 0 : _a.message })));
         } }));
 }
-Select.displayName = 'RFHSelect';
-export default React.memo(Select);
+FormSelect.displayName = 'RFHSelect';
+export default React.memo(FormSelect);

package/build/components/RFH/Inputs/{Select → FormSelect}/index.d.ts

@@ -1,4 +1,4 @@
-import Select from './Select';
+import Select from './FormSelect';
 import { SelectProps } from './type';
 export type { SelectProps };
 export default Select;

package/build/components/RFH/Inputs/FormSelect/index.js

@@ -0,0 +1,2 @@
+import Select from './FormSelect';
+export default Select;

package/build/components/RFH/Inputs/MultiSelect/MultiSelect.d.ts

@@ -1,4 +1,4 @@
-import { SelectProps } from '../Select/type';
+import { SelectProps } from '../FormSelect/type';
 interface MultiSelectProps extends SelectProps {
     getOptionLabel?: (option: any) => string;
 }

package/build/components/RFH/Inputs/SelectWithAccordion/SelectWithAccordion.js

@@ -16,7 +16,7 @@ import Icon from '../../../Icon';
 import { Caption, AccordionWrapper, Container, ItemStyled } from './style';
 import AccordionAdapter from '../../../AccordionAdapter';
 import SelectDropdown from '../../../SelectDropdown';
-import Select from '../Select';
+import Select from '../FormSelect';
 import { useFormContext } from 'react-hook-form';
 function SelectWithAccordion(_a) {
     var _b;

package/build/components/RFH/Inputs/index.d.ts

@@ -1,7 +1,7 @@
-export { default as Input, type InputProps } from './Input';
+export { default as FormInput, type FormInputProps } from './FormInput';
 export { default as PhoneInput } from './PhoneInput';
 export { default as AmountInput, type AmountInputProps } from './AmountInput';
-export { default as Select, type SelectProps } from './Select';
+export { default as FormSelect, type SelectProps } from './FormSelect';
 export { default as Switch } from './Switch';
 export { default as SelectWithAccordion, type SelectWithAccordionProps } from './SelectWithAccordion';
 export { default as MultiSelect } from './MultiSelect';

package/build/components/RFH/Inputs/index.js

@@ -1,7 +1,7 @@
-export { default as Input } from './Input';
+export { default as FormInput } from './FormInput';
 export { default as PhoneInput } from './PhoneInput';
 export { default as AmountInput } from './AmountInput';
-export { default as Select } from './Select';
+export { default as FormSelect } from './FormSelect';
 export { default as Switch } from './Switch';
 export { default as SelectWithAccordion } from './SelectWithAccordion';
 export { default as MultiSelect } from './MultiSelect';

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

@@ -1,2 +1,3 @@
 export * from './Forms';
 export * from './Inputs';
+export { useRFHForm } from './hooks';

package/build/components/RFH/index.js

@@ -1,2 +1,3 @@
 export * from './Forms';
 export * from './Inputs';
+export { useRFHForm } from './hooks';

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

@@ -1,3 +1,4 @@
 import SelectWithSearch from './SelectWithSearch';
 export type { Option, SelectWithSearchProps } from './type';
+export * from './style';
 export default SelectWithSearch;

package/build/components/SelectWithSearch/index.js

@@ -1,2 +1,3 @@
 import SelectWithSearch from './SelectWithSearch';
+export * from './style';
 export default SelectWithSearch;

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

@@ -1,2 +1,3 @@
 import WindowSideBar from './WindowSideBar';
+export { TITLE_BAR_HEIGHT } from './constant';
 export default WindowSideBar;

package/build/components/WindowSideBar/index.js

@@ -1,2 +1,3 @@
 import WindowSideBar from './WindowSideBar';
+export { TITLE_BAR_HEIGHT } from './constant';
 export default WindowSideBar;

package/build/components/WindowSideBar/style.js

@@ -1,6 +1,6 @@
 import Box from '@mui/material/Box';
 import { alpha, styled } from '@mui/material/styles';
-import { LEFT_SIDEBAR } from '../../constants/index.js';
+import { LEFT_SIDEBAR } from '../index.js';
 import { TITLE_BAR_HEIGHT } from './constant';
 export const SideBar = styled(Box, {
     shouldForwardProp: (props) => props !== 'isMaximized',

package/build/components/index.d.ts

@@ -1,7 +1,7 @@
 export { default as AccordionAdapter } from './AccordionAdapter';
 export { default as ActionMenu, ActionMenuDropDown, ActionMenuItem, type ActionMenuProps } from './ActionMenu';
 export { default as ActivityAreaChart, type ActivityAreaChartProps, type ChartDataPoint, ChartTooltip, type ChartTooltipProps, LoadingChart, type PayloadItem, } from './ActivityAreaChart';
-export { default as AppWindowWrapper, type AccountHeaderProps, AccountHeaderTitle, AppWindow, type AccountHeaderTitleProps, type AppWindowProps, type WindowProps, } from './AppWindowWrapper';
+export { default as AppWindowWrapper, type AccountHeaderProps, AccountHeaderTitle, AppWindow, type AccountHeaderTitleProps, type AppWindowProps, type WindowProps, AppWindowContext, AppWindowContextProvider, LEFT_SIDEBAR, RIGHT_SIDEBAR, VIEWER_HEIGHT, VIEWER_WIDTH, animationDuration, StyledFooter, StyledHideButton, StyledMenuLink, StyledSubmitButton, SubmitButtonWrapper, } from './AppWindowWrapper';
 export { default as BackgroundAnimation, type BlobGradient, type Blob } from './BackgroundAnimation';
 export { default as Button, PlusButton } from './Button';
 export { default as Calender } from './Calender';
@@ -22,7 +22,7 @@ export { default as ExportButton } from './ExportButton';
 export { default as DropdownMenu, type IProps, type MenuItemI } from './DropdownMenu';
 export { default as DockButton, type DockButtonProps, type DockButtonWrapperProps } from './DockButton';
 export { default as DateButton } from './DateButton';
-export { default as WindowSideBar } from './WindowSideBar';
+export { default as WindowSideBar, TITLE_BAR_HEIGHT } from './WindowSideBar';
 export { default as WindowAppIcon } from './WindowAppIcon';
 export { default as Window } from './Window';
 export * from './ToolbarIcon';
@@ -73,12 +73,14 @@ export { default as CountryFlag } from './CountryFlag';
 export { default as CurrencyIcon } from './CurrencyIcon';
 export { default as CustomBackdrop } from './CustomBackdrop';
 export { default as DeviceIcon } from './DeviceIcon';
-export { default as CountBadge, type BadgeVariants, CountAnimatedBadge, type StyledBadgeProps } from './CountBadge';
+export { default as CountBadge, type BadgeVariants, CountAnimatedBadge, type StyledBadgeProps, paymentSourceAnimation } from './CountBadge';
 export { default as CircularProgressWithLabel } from './CircularProgressWithLabel';
 export { default as Collapse, type CollapseProps } from './Collapse';
-export { default as ConfirmDialog, type ConfirmDialogFunction, type ConfirmDialogProps } from './ConfirmDialog';
+export { default as ConfirmDialog, type ConfirmDialogFunction, type ConfirmDialogProps, useConfirmDialog } from './ConfirmDialog';
 export { default as ControlPanelContainer } from './ControlPanelContainer';
 export { default as CopyImage } from './CopyImage';
 export { default as AccountDropdown } from './AccountDropdown';
 export { default as OTPInput } from './OTPInput';
 export { default as FlagDetails } from './FlagDetails';
+export { default as TapLoader } from './Loaders';
+export { default as Error } from './Error';

package/build/components/index.js

@@ -1,7 +1,7 @@
 export { default as AccordionAdapter } from './AccordionAdapter';
 export { default as ActionMenu, ActionMenuDropDown, ActionMenuItem } from './ActionMenu';
 export { default as ActivityAreaChart, ChartTooltip, LoadingChart, } from './ActivityAreaChart';
-export { default as AppWindowWrapper, AccountHeaderTitle, AppWindow, } from './AppWindowWrapper';
+export { default as AppWindowWrapper, AccountHeaderTitle, AppWindow, AppWindowContext, AppWindowContextProvider, LEFT_SIDEBAR, RIGHT_SIDEBAR, VIEWER_HEIGHT, VIEWER_WIDTH, animationDuration, StyledFooter, StyledHideButton, StyledMenuLink, StyledSubmitButton, SubmitButtonWrapper, } from './AppWindowWrapper';
 export { default as BackgroundAnimation } from './BackgroundAnimation';
 export { default as Button, PlusButton } from './Button';
 export { default as Calender } from './Calender';
@@ -22,7 +22,7 @@ export { default as ExportButton } from './ExportButton';
 export { default as DropdownMenu } from './DropdownMenu';
 export { default as DockButton } from './DockButton';
 export { default as DateButton } from './DateButton';
-export { default as WindowSideBar } from './WindowSideBar';
+export { default as WindowSideBar, TITLE_BAR_HEIGHT } from './WindowSideBar';
 export { default as WindowAppIcon } from './WindowAppIcon';
 export { default as Window } from './Window';
 export * from './ToolbarIcon';
@@ -73,12 +73,14 @@ export { default as CountryFlag } from './CountryFlag';
 export { default as CurrencyIcon } from './CurrencyIcon';
 export { default as CustomBackdrop } from './CustomBackdrop';
 export { default as DeviceIcon } from './DeviceIcon';
-export { default as CountBadge, CountAnimatedBadge } from './CountBadge';
+export { default as CountBadge, CountAnimatedBadge, paymentSourceAnimation } from './CountBadge';
 export { default as CircularProgressWithLabel } from './CircularProgressWithLabel';
 export { default as Collapse } from './Collapse';
-export { default as ConfirmDialog } from './ConfirmDialog';
+export { default as ConfirmDialog, useConfirmDialog } from './ConfirmDialog';
 export { default as ControlPanelContainer } from './ControlPanelContainer';
 export { default as CopyImage } from './CopyImage';
 export { default as AccountDropdown } from './AccountDropdown';
 export { default as OTPInput } from './OTPInput';
 export { default as FlagDetails } from './FlagDetails';
+export { default as TapLoader } from './Loaders';
+export { default as Error } from './Error';

package/build/constants/index.d.ts

@@ -10,4 +10,3 @@ export * from './timezones';
 export * from './currency';
 export * from './table';
 export * from './toggleOptions';
-export * from './appWindow';

package/build/constants/index.js

@@ -10,4 +10,3 @@ export * from './timezones';
 export * from './currency';
 export * from './table';
 export * from './toggleOptions';
-export * from './appWindow';

package/package.json

@@ -1,126 +1,131 @@
-{
-  "name": "@tap-payments/os-micro-frontend-shared",
-  "description": "Shared components and utilities for Tap Payments micro frontends",
-  "version": "0.0.26",
-  "type": "module",
-  "main": "build/index.js",
-  "module": "build/index.js",
-  "types": "build/index.d.ts",
-  "exports": {
-    ".": {
-      "import": "./build/index.js",
-      "require": "./build/index.js",
-      "types": "./build/index.d.ts"
-    },
-    "./constants": {
-      "import": "./build/constants/index.js",
-      "require": "./build/constants/index.js",
-      "types": "./build/constants/index.d.ts"
-    },
-    "./components": {
-      "import": "./build/components/index.js",
-      "require": "./build/components/index.js",
-      "types": "./build/components/index.d.ts"
-    },
-    "./hooks": {
-      "import": "./build/hooks/index.js",
-      "require": "./build/hooks/index.js",
-      "types": "./build/hooks/index.d.ts"
-    },
-    "./utils": {
-      "import": "./build/utils/index.js",
-      "require": "./build/utils/index.js",
-      "types": "./build/utils/index.d.ts"
-    },
-    "./theme": {
-      "import": "./build/theme/index.js",
-      "require": "./build/theme/index.js",
-      "types": "./build/theme/index.d.ts"
-    },
-    "./types": {
-      "import": "./build/types/index.js",
-      "require": "./build/types/index.js",
-      "types": "./build/types/index.d.ts"
-    }
-  },
-  "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": "npm run ts:build && npm publish --access public",
-    "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",
-    "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-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-multi-date-picker": "^4.1.2",
-    "react-query": "^3.39.3",
-    "react-router-dom": "^6.14.2",
-    "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-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-plugin-svgr": "^4.3.0",
-    "vite-tsconfig-paths": "^4.2.0"
-  },
-  "lint-staged": {
-    "src/**/*.{ts,tsx,json,js,jsx}": [
-      "yarn run prettier:fix",
-      "yarn run lint"
-    ]
-  }
-}
+{
+  "name": "@tap-payments/os-micro-frontend-shared",
+  "description": "Shared components and utilities for Tap Payments micro frontends",
+  "version": "0.0.28-dev-v1",
+  "type": "module",
+  "main": "build/index.js",
+  "module": "build/index.js",
+  "types": "build/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./build/index.js",
+      "require": "./build/index.js",
+      "types": "./build/index.d.ts"
+    },
+    "./constants": {
+      "import": "./build/constants/index.js",
+      "require": "./build/constants/index.js",
+      "types": "./build/constants/index.d.ts"
+    },
+    "./components": {
+      "import": "./build/components/index.js",
+      "require": "./build/components/index.js",
+      "types": "./build/components/index.d.ts"
+    },
+    "./components/*": {
+      "import": "./build/components/*/index.js",
+      "require": "./build/components/*/index.js",
+      "types": "./build/components/*/index.d.ts"
+    },
+    "./hooks": {
+      "import": "./build/hooks/index.js",
+      "require": "./build/hooks/index.js",
+      "types": "./build/hooks/index.d.ts"
+    },
+    "./utils": {
+      "import": "./build/utils/index.js",
+      "require": "./build/utils/index.js",
+      "types": "./build/utils/index.d.ts"
+    },
+    "./theme": {
+      "import": "./build/theme/index.js",
+      "require": "./build/theme/index.js",
+      "types": "./build/theme/index.d.ts"
+    },
+    "./types": {
+      "import": "./build/types/index.js",
+      "require": "./build/types/index.js",
+      "types": "./build/types/index.d.ts"
+    }
+  },
+  "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": "npm version patch --no-git-tag-version && npm run ts:build && npm publish --access public",
+    "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",
+    "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-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-multi-date-picker": "^4.1.2",
+    "react-query": "^3.39.3",
+    "react-router-dom": "^6.14.2",
+    "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-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-plugin-svgr": "^4.3.0",
+    "vite-tsconfig-paths": "^4.2.0"
+  },
+  "lint-staged": {
+    "src/**/*.{ts,tsx,json,js,jsx}": [
+      "yarn run prettier:fix",
+      "yarn run lint"
+    ]
+  }
+}

package/build/components/RFH/Inputs/Input/Input.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import { InputBaseProps } from '../../../InputBase';
-export interface InputProps extends Omit<InputBaseProps, 'name' | 'hasError'> {
-    name: string;
-    hideArrows?: boolean;
-}
-declare function Input({ name, helperText, hideArrows, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;
-declare namespace Input {
-    var displayName: string;
-}
-declare const _default: React.MemoExoticComponent<typeof Input>;
-export default _default;

package/build/components/RFH/Inputs/Input/index.d.ts

@@ -1,3 +0,0 @@
-import Input, { InputProps } from './Input';
-export type { InputProps };
-export default Input;

package/build/components/RFH/Inputs/Input/index.js

@@ -1,2 +0,0 @@
-import Input from './Input';
-export default Input;

package/build/components/RFH/Inputs/Select/Select.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import { SelectProps } from './type';
-declare function Select({ name, helperText, ...props }: SelectProps): import("react/jsx-runtime").JSX.Element;
-declare namespace Select {
-    var displayName: string;
-}
-declare const _default: React.MemoExoticComponent<typeof Select>;
-export default _default;

package/build/components/RFH/Inputs/Select/index.js

@@ -1,2 +0,0 @@
-import Select from './Select';
-export default Select;

package/build/constants/appWindow.d.ts

@@ -1 +0,0 @@
-export declare const LEFT_SIDEBAR = 183;

package/build/constants/appWindow.js

@@ -1 +0,0 @@
-export const LEFT_SIDEBAR = 183;