@tap-payments/os-micro-frontend-shared 0.0.10 → 0.0.12

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/{AppWindow/AppWindow.js → AppWindowWrapper/AppWindowWrapper.js}

@@ -11,7 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import { AppWindowContextProvider } from './context';
-import Window from './window';
+import Window from './AppWindow';
 function AppWindow(_a) {
     var { children, windowProps } = _a, props = __rest(_a, ["children", "windowProps"]);
     if (!props.isOpen) {

package/build/components/{AppWindow → AppWindowWrapper}/headers/AccountHeader/AccountHeader.js

@@ -3,7 +3,7 @@ import { memo } from 'react';
 import { motion } from 'framer-motion';
 import { useMouseState } from '../../../../hooks/index.js';
 import AccountHeaderTitle from './components/AccountHeaderTitle';
-import { animationDuration } from '../../window/constant';
+import { animationDuration } from '../../AppWindow/constant';
 function AccountHeader({ isMaximized, setIsToolbarAnimationDisabled, setIsMaximized, onClose, isSidebarExpanded, setIsSidebarExpanded, isToolbarAnimationDisabled, title, showSectionsButton, }) {
     const { isHovered, onMouseEnter, onMouseLeave } = useMouseState();
     return (_jsx(motion.div, Object.assign({ style: Object.assign({}, (isMaximized && {

package/build/components/{AppWindow → AppWindowWrapper}/headers/AccountHeader/index.d.ts

@@ -1,4 +1,4 @@
 import AccountHeader from './AccountHeader';
-export * from './components/AccountHeaderTitle';
+export { default as AccountHeaderTitle, AccountHeaderTitleProps } from './components/AccountHeaderTitle';
 export type { AccountHeaderProps } from './type';
 export default AccountHeader;

package/build/components/AppWindowWrapper/headers/AccountHeader/index.js

@@ -0,0 +1,3 @@
+import AccountHeader from './AccountHeader';
+export { default as AccountHeaderTitle } from './components/AccountHeaderTitle';
+export default AccountHeader;

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

@@ -0,0 +1,5 @@
+import AppWindowWrapper from './AppWindowWrapper';
+export { default as AppWindow, WindowProps } from './AppWindow';
+export * from './headers/AccountHeader';
+export type { AppWindowProps } from './type';
+export default AppWindowWrapper;

package/build/components/AppWindowWrapper/index.js

@@ -0,0 +1,4 @@
+import AppWindowWrapper from './AppWindowWrapper';
+export { default as AppWindow } from './AppWindow';
+export * from './headers/AccountHeader';
+export default AppWindowWrapper;

package/build/components/{AppWindow → AppWindowWrapper}/type.d.ts

@@ -1,5 +1,5 @@
 import { AppWindowProviderProps } from './context/type';
-import { WindowProps } from './window/type';
+import { WindowProps } from './AppWindow/type';
 export interface AppWindowProps extends AppWindowProviderProps {
     windowProps?: Omit<WindowProps, 'children'>;
 }

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

@@ -1,3 +1,3 @@
 import BackgroundAnimation from './BackgroundAnimation';
-export * from './Blob';
+export { default as Blob, type BlobGradient } from './Blob';
 export default BackgroundAnimation;

package/build/components/BackgroundAnimation/index.js

@@ -1,3 +1,3 @@
 import BackgroundAnimation from './BackgroundAnimation';
-export * from './Blob';
+export { default as Blob } from './Blob';
 export default BackgroundAnimation;

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

@@ -1,3 +1,3 @@
 import Button from './Button';
-export * from './PlusButton';
+export { default as PlusButton } from './PlusButton';
 export default Button;

package/build/components/Button/index.js

@@ -1,3 +1,3 @@
 import Button from './Button';
-export * from './PlusButton';
+export { default as PlusButton } from './PlusButton';
 export default Button;

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

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

package/build/components/CountBadge/index.js

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

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

@@ -1,2 +1,3 @@
 import Dialog from './Dialog';
+export { default as DialogToolbar } from './components/DialogToolbar';
 export default Dialog;

package/build/components/Dialog/index.js

@@ -1,2 +1,3 @@
 import Dialog from './Dialog';
+export { default as DialogToolbar } from './components/DialogToolbar';
 export default Dialog;

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

@@ -21,7 +21,7 @@ export declare const StatusIcon: import("@emotion/styled").StyledComponent<impor
     variant: DropdownButtonVariants;
 }, React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
 export declare const StyledFilterName: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<Theme>, React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
-export declare const StyledDropdown: import("@emotion/styled").StyledComponent<import("../Dropdown").IProps & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
+export declare const StyledDropdown: import("@emotion/styled").StyledComponent<import("../DropdownMenu").IProps & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
 export declare const ChevronContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<Theme>, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const ButtonContent: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<Theme> & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;

package/build/components/DropdownButton/style.js

@@ -1,7 +1,7 @@
 import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
 import { styled, alpha } from '@mui/material/styles';
-import Dropdown from '../Dropdown';
+import Dropdown from '../DropdownMenu';
 const baseButtonStyle = (theme) => (Object.assign(Object.assign({}, theme.typography.subtitle1), { borderRadius: '50px', borderWidth: '1px', borderStyle: 'solid', minWidth: '135.11px', height: '32px', display: 'flex', justifyContent: 'center', alignItems: 'center', gap: '8px', textTransform: 'none', transition: 'none', paddingInline: theme.spacing(2) }));
 export const ActiveButton = styled(Button)(({ theme }) => (Object.assign(Object.assign({}, baseButtonStyle(theme)), { background: theme.palette.background.gradient.shadedBlue, color: theme.palette.common.white, '&:hover': {
         background: theme.palette.background.gradient.shadedBlue,

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

@@ -2,7 +2,7 @@ import { ReactNode } from 'react';
 import { type ButtonProps } from '@mui/material';
 import { TableHeaderStatus } from '../../types/index.js';
 import { type DropdownButtonVariants } from './style';
-import { MenuItemI } from '../Dropdown';
+import { MenuItemI } from '../DropdownMenu';
 export interface DropdownButtonProps extends Omit<ButtonProps, 'variant' | 'children'> {
     variant?: DropdownButtonVariants;
     label?: ReactNode | null;

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

@@ -0,0 +1,3 @@
+import DropdownMenu from './DropdownMenu';
+export type { IProps, MenuItemI } from './type';
+export default DropdownMenu;

package/build/components/DropdownMenu/index.js

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

package/build/components/InputBase/AmountInputBase/index.d.ts

@@ -1,4 +1,5 @@
 import AmountInputBase, { AmountInputBaseProps } from './AmountInputBase';
-export * from './CurrencyList';
+export { default as CurrencyList } from './CurrencyList';
+export { default as InputNumber, InputNumberProps } from './InputNumber';
 export type { AmountInputBaseProps };
 export default AmountInputBase;

package/build/components/InputBase/AmountInputBase/index.js

@@ -1,3 +1,4 @@
 import AmountInputBase from './AmountInputBase';
-export * from './CurrencyList';
+export { default as CurrencyList } from './CurrencyList';
+export { default as InputNumber } from './InputNumber';
 export default AmountInputBase;

package/build/components/InputBase/PhoneInputBase/index.d.ts

@@ -1,3 +1,3 @@
 import PhoneInputBase from './PhoneInputBase';
-export * from './CountriesList';
+export { default as CountriesList } from './CountriesList';
 export default PhoneInputBase;

package/build/components/InputBase/PhoneInputBase/index.js

@@ -1,3 +1,3 @@
 import PhoneInputBase from './PhoneInputBase';
-export * from './CountriesList';
+export { default as CountriesList } from './CountriesList';
 export default PhoneInputBase;

package/build/components/InputBase/SelectBase/index.d.ts

@@ -1,3 +1,3 @@
 import SelectBase from './SelectBase';
-export * from './SelectBaseMultiple';
+export { default as SelectBaseMultiple, SelectBaseProps } from './SelectBaseMultiple';
 export default SelectBase;

package/build/components/InputBase/SelectBase/index.js

@@ -1,3 +1,3 @@
 import SelectBase from './SelectBase';
-export * from './SelectBaseMultiple';
+export { default as SelectBaseMultiple } from './SelectBaseMultiple';
 export default SelectBase;

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

@@ -1,4 +1,4 @@
 export { default as InputBase, type InputBaseProps } from './InputBase';
-export { default as SelectBase, type SelectBaseProps } from './SelectBase';
-export { default as PhoneInputBase } from './PhoneInputBase';
+export { default as SelectBase, type SelectBaseProps, SelectBaseMultiple } from './SelectBase';
+export { default as PhoneInputBase, CountriesList } from './PhoneInputBase';
 export { default as AmountInputBase, type AmountInputBaseProps } from './AmountInputBase';

package/build/components/InputBase/index.js

@@ -1,4 +1,4 @@
 export { default as InputBase } from './InputBase';
-export { default as SelectBase } from './SelectBase';
-export { default as PhoneInputBase } from './PhoneInputBase';
+export { default as SelectBase, SelectBaseMultiple } from './SelectBase';
+export { default as PhoneInputBase, CountriesList } from './PhoneInputBase';
 export { default as AmountInputBase } from './AmountInputBase';

package/build/components/Inputs/{PhoneInput/CountriesCode/CountriesCode.d.ts → CountriesDropDown/CountriesDropdown.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { Country } from '../../../../types/index.js';
+import type { Country } from '../../../types/index.js';
 declare function CountriesCode({ defaultCountry, value: selectedCountry, onChangeCountry, required, countries, isFetching, }: {
     value?: Partial<Country>;
     defaultCountry?: string;

package/build/components/Inputs/{PhoneInput/CountriesCode/CountriesCode.js → CountriesDropDown/CountriesDropdown.js}

@@ -4,7 +4,7 @@ import Box from '@mui/material/Box';
 import ClickAwayListener from '@mui/material/ClickAwayListener';
 import Popper from '@mui/material/Popper';
 import Skeleton from '@mui/material/Skeleton';
-import { downArrowIcon, searchIcon } from '../../../../constants/index.js';
+import { downArrowIcon, searchIcon } from '../../../constants/index.js';
 import { CountryStyled, CountriesWrapper, CountriesList, InputStyled, CountryButton, Required } from './style';
 function CountriesCode({ defaultCountry, value: selectedCountry, onChangeCountry, required, countries = [], isFetching = false, }) {
     const [anchorEl, setAnchorEl] = useState(null);

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

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

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

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

package/build/components/Inputs/{PhoneInput/CountriesCode → CountriesDropDown}/style.d.ts

@@ -12,3 +12,13 @@ export declare const InputStyled: import("@emotion/styled").StyledComponent<Omit
 export declare const Required: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const StyledErrorMessage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
+export declare const MobileWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const InputNumberStyled: import("@emotion/styled").StyledComponent<Omit<Readonly<import("@mui/material").InputProps & {
+    isError?: boolean | undefined;
+    hideArrows?: boolean | undefined;
+}>, "ref"> & import("react").RefAttributes<HTMLInputElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
+    error?: boolean | undefined;
+}, {}, {}>;

package/build/components/Inputs/{PhoneInput/CountriesCode → CountriesDropDown}/style.js

@@ -1,6 +1,6 @@
 import Box from '@mui/material/Box';
 import { styled } from '@mui/material/styles';
-import InputNumber from '../../../InputNumber';
+import InputNumber from '../../InputNumber';
 export const CountryButton = styled('button')(({ theme }) => ({
     display: 'flex',
     gap: '4px',
@@ -43,3 +43,26 @@ export const InputStyled = styled(InputNumber)(() => ({
 export const Required = styled(Box)(() => ({
     color: 'red !important',
 }));
+export const StyledErrorMessage = styled('small')(({ theme }) => ({
+    color: theme.palette.error.main,
+    fontSize: '10px',
+    lineHeight: '10px',
+    marginTop: '4px',
+    display: 'block',
+}));
+export const MobileWrapper = styled(Box)(({ theme }) => ({
+    border: `1px solid ${theme.palette.divider}`,
+    display: 'flex',
+    position: 'relative',
+    paddingInline: '8px',
+    alignItems: 'center',
+    borderRadius: '4px',
+    height: '40px',
+}));
+export const InputNumberStyled = styled(InputNumber, { shouldForwardProp: (props) => props !== 'error' })(({ error }) => (Object.assign({ img: {
+        cursor: 'pointer',
+    } }, (error && {
+    borderBottomLeftRadius: 0,
+    borderBottomRightRadius: 0,
+    borderBottom: 'none',
+}))));

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

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

package/build/components/Inputs/index.js

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

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

@@ -1,2 +1,2 @@
-export * from './FooterButton';
-export * from './JSONTitleBar';
+export { default as FooterButton } from './FooterButton';
+export { default as JSONTitleBar, JSONTitleBarProps } from './JSONTitleBar';

package/build/components/JSONViewer/components/index.js

@@ -1,2 +1,2 @@
-export * from './FooterButton';
-export * from './JSONTitleBar';
+export { default as FooterButton } from './FooterButton';
+export { default as JSONTitleBar } from './JSONTitleBar';

package/build/components/NestedDropdown/Dropdown.js

@@ -11,7 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { memo, useEffect, useState } from 'react';
-import MenuItem from './MenuItem';
+import MenuItem from './NestedMenuItem';
 import { TitleStyled, DropdownStyled, ListWrapper, HeaderWrapper } from './styles';
 function Dropdown(_a) {
     var { title, menuItems, onChildrenChange, onSelect, className, updatedList, footer, placement = 'right' } = _a, props = __rest(_a, ["title", "menuItems", "onChildrenChange", "onSelect", "className", "updatedList", "footer", "placement"]);

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

@@ -1,3 +1,5 @@
 import NestedDropdown from './NestedDropdown';
+export { default as Dropdown } from './Dropdown';
+export { default as NestedMenuItem } from './NestedMenuItem';
 export * from './types';
 export default NestedDropdown;

package/build/components/NestedDropdown/index.js

@@ -1,3 +1,5 @@
 import NestedDropdown from './NestedDropdown';
+export { default as Dropdown } from './Dropdown';
+export { default as NestedMenuItem } from './NestedMenuItem';
 export * from './types';
 export default NestedDropdown;

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

@@ -1 +1,2 @@
-export * from './MultiSelect';
+import MultiSelect from './MultiSelect';
+export default MultiSelect;

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

@@ -1 +1,2 @@
-export * from './MultiSelect';
+import MultiSelect from './MultiSelect';
+export default MultiSelect;

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

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

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

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

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

@@ -23,7 +23,7 @@ export declare const StatusIcon: import("@emotion/styled").StyledComponent<impor
     icon?: "initiated" | "captured" | "unCaptured" | "inProgress" | "abandoned" | "cancelled" | "reversed" | "authorized" | "paidOut" | "unauthenticated" | "authenticated" | "scheduled" | "unSettled" | "search" | "view" | "reports" | "chevronDown" | "unAuthorized" | "openFlag" | "closedFlag" | "textView" | "trashBin" | undefined;
 }, React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
 export declare const StyledFilterName: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<Theme>, React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
-export declare const StyledDropdown: import("@emotion/styled").StyledComponent<import("../Dropdown").IProps & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
+export declare const StyledDropdown: import("@emotion/styled").StyledComponent<import("../DropdownMenu").IProps & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
 export declare const ChevronContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<Theme>, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const Label: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<Theme> & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;

package/build/components/StatusButton/style.js

@@ -1,5 +1,5 @@
 import { styled, Button, Box, alpha } from '@mui/material';
-import Dropdown from '../Dropdown';
+import Dropdown from '../DropdownMenu';
 const baseButtonStyle = (theme) => (Object.assign(Object.assign({}, theme.typography.subtitle1), { borderRadius: '50px', borderWidth: '1px', borderStyle: 'solid', minWidth: '135.11px', height: '32px', display: 'flex', justifyContent: 'center', alignItems: 'center', gap: '8px', textTransform: 'none', transition: 'none', paddingInline: theme.spacing(2) }));
 const ActiveButton = styled(Button)(({ theme }) => (Object.assign(Object.assign({}, baseButtonStyle(theme)), { background: theme.palette.background.gradient.shadedBlue, color: theme.palette.common.white, '&:hover': {
         background: theme.palette.background.gradient.shadedBlue,

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

@@ -2,7 +2,7 @@ import { ReactNode } from 'react';
 import { type ButtonProps } from '@mui/material';
 import { TableHeaderStatus } from '../../types/index.js';
 import { type StatusButtonVariant } from './style';
-import { MenuItemI } from '../Dropdown';
+import { MenuItemI } from '../DropdownMenu';
 import { statusButtonIcons } from './constant';
 export interface StatusButtonProps extends Omit<ButtonProps, 'variant' | 'children'> {
     variant?: StatusButtonVariant;

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

@@ -1,14 +1,14 @@
-export * from './AgreementIcon';
-export * from './AuthIcons';
-export * from './AuthorizationAutoIcons';
-export * from './AuthorizedIcon';
-export * from './ChargeStatusIcon';
-export * from './CustomerInitiated';
-export * from './DeviceIcon';
-export * from './DisputeIcon';
-export * from './GeographyIcon';
-export * from './IssuerIcon';
-export * from './PayoutIcon';
-export * from './RefundIcon';
-export * from './SourceIcons';
-export * from './DestinationIcon';
+export { default as AgreementIcon, AgreementIconProps } from './AgreementIcon';
+export { default as AuthIcons, AuthIconsProps, AuthSourceAnimation } from './AuthIcons';
+export { default as AuthorizationAutoIcons, VoidAutoIcon } from './AuthorizationAutoIcons';
+export { AuthorizedIcon } from './AuthorizedIcon';
+export { ChargeStatusIcon } from './ChargeStatusIcon';
+export { CustomerInitiatedIcon } from './CustomerInitiated';
+export { DeviceIconChip } from './DeviceIcon';
+export { DisputeIcon } from './DisputeIcon';
+export { GeographyIcon } from './GeographyIcon';
+export { default as IssuerIcon, IssuerIconProps } from './IssuerIcon';
+export { PayoutIcon } from './PayoutIcon';
+export { default as RefundIcon } from './RefundIcon';
+export { SourceIcons, SourceIcon } from './SourceIcons';
+export { DestinationIcon } from './DestinationIcon';

package/build/components/StatusIcons/index.js

@@ -1,14 +1,14 @@
-export * from './AgreementIcon';
-export * from './AuthIcons';
-export * from './AuthorizationAutoIcons';
-export * from './AuthorizedIcon';
-export * from './ChargeStatusIcon';
-export * from './CustomerInitiated';
-export * from './DeviceIcon';
-export * from './DisputeIcon';
-export * from './GeographyIcon';
-export * from './IssuerIcon';
-export * from './PayoutIcon';
-export * from './RefundIcon';
-export * from './SourceIcons';
-export * from './DestinationIcon';
+export { default as AgreementIcon } from './AgreementIcon';
+export { default as AuthIcons, AuthSourceAnimation } from './AuthIcons';
+export { default as AuthorizationAutoIcons, VoidAutoIcon } from './AuthorizationAutoIcons';
+export { AuthorizedIcon } from './AuthorizedIcon';
+export { ChargeStatusIcon } from './ChargeStatusIcon';
+export { CustomerInitiatedIcon } from './CustomerInitiated';
+export { DeviceIconChip } from './DeviceIcon';
+export { DisputeIcon } from './DisputeIcon';
+export { GeographyIcon } from './GeographyIcon';
+export { default as IssuerIcon } from './IssuerIcon';
+export { PayoutIcon } from './PayoutIcon';
+export { default as RefundIcon } from './RefundIcon';
+export { SourceIcons, SourceIcon } from './SourceIcons';
+export { DestinationIcon } from './DestinationIcon';

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

@@ -1,5 +1,8 @@
 import React from 'react';
 import type { ActionCellProps } from '../type';
-declare function ActionCell({ flag, onIdIconClick, actions, flagTooltip, flagsCount, dropdownAction, onCloseDropdown, isDropdownShown, row, requestBody, sandboxMode, appId, isAppMinimized, showJsonViewer, windowOrder, isTextShown, showIdButton, rowId, ...props }: Readonly<ActionCellProps>): import("react/jsx-runtime").JSX.Element;
+type Props = Readonly<ActionCellProps> & {
+    onJsonViewClick?: () => void;
+};
+declare function ActionCell({ flag, actions, flagTooltip, flagsCount, dropdownAction, onCloseDropdown, isDropdownShown, row, showJsonViewer, isTextShown, showIdButton, rowId, onJsonViewClick, ...props }: Props): import("react/jsx-runtime").JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof ActionCell>;
 export default _default;