@tap-payments/os-micro-frontend-shared 0.0.115 → 0.0.119

package/build/components/JSONViewer/context/Provider.js

@@ -7,6 +7,7 @@ export const JsonViewerDialogContextProvider = ({ children }) => {
     const [isWindowMinimized, setIsWindowMinimized] = useState(false);
     const [windowOrder, setWindowOrder] = useState(1);
     const handleJsonViewerDialogOpen = useCallback((jsonViewer) => {
+        var _a;
         if (jsonViewerList.length === 7) {
             alert('Maximum allowed active Json Viewer is 7 per table.');
             return;
@@ -14,6 +15,7 @@ export const JsonViewerDialogContextProvider = ({ children }) => {
         if (jsonViewerList.some((item) => item.json.id === jsonViewer.json.id)) {
             return;
         }
+        (_a = jsonViewer === null || jsonViewer === void 0 ? void 0 : jsonViewer.json) === null || _a === void 0 ? true : delete _a.request_body;
         setJsonViewerList((prev) => [...prev, jsonViewer]);
     }, [jsonViewerList]);
     const handleJsonViewerDialogClose = (index) => {

package/build/components/SearchButton/styles.d.ts

@@ -554,9 +554,9 @@ export declare const Icon: import("@emotion/styled").StyledComponent<{
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLImageElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
+    referrerPolicy?: import("react").HTMLAttributeReferrerPolicy | undefined;
     src?: string | undefined;
     alt?: string | undefined;
-    referrerPolicy?: import("react").HTMLAttributeReferrerPolicy | undefined;
     crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
     useMap?: string | undefined;
     loading?: "eager" | "lazy" | undefined;

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

@@ -269,9 +269,9 @@ export declare const ActionIcon: import("@emotion/styled").StyledComponent<{
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLImageElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
+    referrerPolicy?: import("react").HTMLAttributeReferrerPolicy | undefined;
     src?: string | undefined;
     alt?: string | undefined;
-    referrerPolicy?: import("react").HTMLAttributeReferrerPolicy | undefined;
     crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
     useMap?: string | undefined;
     loading?: "eager" | "lazy" | undefined;

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

@@ -273,9 +273,9 @@ export declare const MultiRefundIcon: import("@emotion/styled").StyledComponent<
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLImageElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
+    referrerPolicy?: import("react").HTMLAttributeReferrerPolicy | undefined;
     src?: string | undefined;
     alt?: string | undefined;
-    referrerPolicy?: import("react").HTMLAttributeReferrerPolicy | undefined;
     crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
     useMap?: string | undefined;
     loading?: "eager" | "lazy" | undefined;

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

@@ -262,9 +262,9 @@ export declare const MultiRefundIcon: import("@emotion/styled").StyledComponent<
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLImageElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
+    referrerPolicy?: import("react").HTMLAttributeReferrerPolicy | undefined;
     src?: string | undefined;
     alt?: string | undefined;
-    referrerPolicy?: import("react").HTMLAttributeReferrerPolicy | undefined;
     crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
     useMap?: string | undefined;
     loading?: "eager" | "lazy" | undefined;

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

@@ -306,9 +306,9 @@ export declare const ActionIcon: import("@emotion/styled").StyledComponent<{
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLImageElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
+    referrerPolicy?: import("react").HTMLAttributeReferrerPolicy | undefined;
     src?: string | undefined;
     alt?: string | undefined;
-    referrerPolicy?: import("react").HTMLAttributeReferrerPolicy | undefined;
     crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
     useMap?: string | undefined;
     loading?: "eager" | "lazy" | undefined;

package/build/components/index.d.ts

@@ -4,7 +4,6 @@ export { default as ActivityAreaChart, type ActivityAreaChartProps, type ChartDa
 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';
 export { default as CardEmptyState, type CardEmptyStateProps } from './CardEmptyState';
 export { default as CardHeadline } from './CardHeadline';
 export { default as Checkbox } from './Checkbox';

package/build/components/index.js

@@ -4,7 +4,6 @@ export { default as ActivityAreaChart, ChartTooltip, LoadingChart, } from './Act
 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';
 export { default as CardEmptyState } from './CardEmptyState';
 export { default as CardHeadline } from './CardHeadline';
 export { default as Checkbox } from './Checkbox';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tap-payments/os-micro-frontend-shared",
   "description": "Shared components and utilities for Tap Payments micro frontends",
-  "version": "0.0.115",
+  "version": "0.0.119",
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",

package/build/components/Calender/Calender.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-import { BoxProps } from '@mui/material/Box';
-import { PopperPlacementType } from '@mui/material/Popper';
-import { CalendarProps, DateObject } from 'react-multi-date-picker';
-interface CalenderI extends CalendarProps {
-    isAr?: boolean;
-    value?: DateObject;
-    setValue?: (v: DateObject) => void;
-    enableTimePicker?: boolean;
-    placement?: PopperPlacementType;
-}
-declare function Calender({ isAr, value, setValue, enableTimePicker, placement, ...props }: CalenderI & BoxProps): import("react/jsx-runtime").JSX.Element;
-declare const _default: import("react").MemoExoticComponent<typeof Calender>;
-export default _default;

package/build/components/Calender/Calender.js

@@ -1,54 +0,0 @@
-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 { memo, useState } from 'react';
-import ClickAwayListener from '@mui/material/ClickAwayListener';
-import Popper from '@mui/material/Popper';
-import { useTranslation } from 'react-i18next';
-import DatePicker, { Calendar, DateObject } from 'react-multi-date-picker';
-import TimePicker from 'react-multi-date-picker/plugins/time_picker';
-import { darkLeftArrowIcon, darkRightArrowIcon } from '../../constants/index.js';
-import { ArrowButton, CalenderWrapper, SelectedDate, Wrapper, ButtonsWrapper, CancelButton, OkayButton, TimePickerWrapper, FooterButtonsWrapper, } from './style';
-const weekDays = ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'];
-function Calender(_a) {
-    var { isAr = false, value, setValue, enableTimePicker, placement } = _a, props = __rest(_a, ["isAr", "value", "setValue", "enableTimePicker", "placement"]);
-    const [anchorEl, setAnchorEl] = useState(null);
-    const [date, setDate] = useState(value ? new DateObject(new Date(value.toLocaleString())) : new DateObject(new Date()));
-    const [tempDate, setTempDate] = useState(value ? new DateObject(new Date(value.toLocaleString())) : new DateObject(new Date()));
-    const [time, setTime] = useState(new DateObject(new Date().getTime()));
-    const { t } = useTranslation();
-    const open = Boolean(anchorEl);
-    const getArrow = (direction) => {
-        if (direction === 'right') {
-            return isAr ? darkLeftArrowIcon : darkRightArrowIcon;
-        }
-        return isAr ? darkRightArrowIcon : darkLeftArrowIcon;
-    };
-    const onOpen = (e) => {
-        setAnchorEl(e.currentTarget);
-    };
-    const handleClose = () => {
-        setAnchorEl(null);
-    };
-    const handleSubmit = () => {
-        setDate(tempDate);
-        if (setValue)
-            setValue(tempDate);
-        handleClose();
-    };
-    return (_jsx(ClickAwayListener, Object.assign({ onClickAway: handleClose }, { children: _jsxs(Wrapper, Object.assign({ sx: Object.assign({}, props.sx) }, { children: [_jsx(SelectedDate, Object.assign({ onClick: onOpen, open: open, className: "date-button" }, { children: date.format('MMM D, YYYY') })), _jsx(Popper, Object.assign({ open: open, anchorEl: anchorEl, placement: placement }, { children: _jsxs(CalenderWrapper, Object.assign({ className: "calender-content", open: open }, { children: [_jsx(Calendar, Object.assign({ numberOfMonths: 1, format: "MMM DD", monthYearSeparator: ' ', renderButton: (direction, handleClick) => (_jsx(ArrowButton, Object.assign({ onClick: handleClick }, { children: _jsx("img", { src: getArrow(direction), alt: "arrow" }) }))), onChange: (v) => {
-                                    setTempDate(v);
-                                }, weekDays: !isAr ? weekDays : undefined, minDate: new Date(), value: date }, props)), _jsxs(ButtonsWrapper, { children: [enableTimePicker && (_jsx(TimePickerWrapper, { children: _jsx(DatePicker, { arrow: false, disableDayPicker: true, hideOnScroll: true, format: "hh:mma", value: time, onChange: (timeValue) => {
-                                                setTime(timeValue);
-                                            }, type: "button", plugins: [_jsx(TimePicker, { position: "top", hideSeconds: true })] }) })), _jsxs(FooterButtonsWrapper, { children: [_jsx(CancelButton, Object.assign({ variant: "contained", onClick: handleClose }, { children: t('cancel') })), _jsx(OkayButton, Object.assign({ variant: "contained", onClick: handleSubmit }, { children: t('okay') }))] })] })] })) }))] })) })));
-}
-export default memo(Calender);

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

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

package/build/components/Calender/index.js

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

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

@@ -1,32 +0,0 @@
-/// <reference types="react" />
-export declare const ArrowButton: import("@emotion/styled").StyledComponent<import("@mui/material").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, "disabled" | "className" | "style" | "classes" | "color" | "children" | "sx" | "tabIndex" | "size" | "variant" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "href" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "startIcon"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const Wrapper: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").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").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const CalenderWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").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").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
-    open: boolean;
-}, {}, {}>;
-export declare const SelectedDate: import("@emotion/styled").StyledComponent<import("@mui/material").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, "disabled" | "className" | "style" | "classes" | "color" | "children" | "sx" | "tabIndex" | "size" | "variant" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "href" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "startIcon"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
-    open: boolean;
-}, {}, {}>;
-export declare const ButtonsWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").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").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const CancelButton: import("@emotion/styled").StyledComponent<import("@mui/material").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, "disabled" | "className" | "style" | "classes" | "color" | "children" | "sx" | "tabIndex" | "size" | "variant" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "href" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "startIcon"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const OkayButton: import("@emotion/styled").StyledComponent<import("@mui/material").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, "disabled" | "className" | "style" | "classes" | "color" | "children" | "sx" | "tabIndex" | "size" | "variant" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "href" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "startIcon"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const TimePickerWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").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").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const FooterButtonsWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").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").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/build/components/Calender/style.js

@@ -1,273 +0,0 @@
-import { styled, Button, Box } from '@mui/material';
-import { grayUpArrowIcon } from '../../constants/index.js';
-export const ArrowButton = styled(Button)(() => ({
-    minWidth: 'auto',
-    padding: 0,
-    '& > img': {
-        cursor: 'pointer',
-    },
-}));
-export const Wrapper = styled(Box)(() => ({
-    position: 'relative',
-}));
-export const CalenderWrapper = styled(Box, { shouldForwardProp: (props) => props !== 'open' })(({ open, theme }) => ({
-    display: open ? 'flex' : 'none',
-    flexDirection: 'column',
-    background: theme.palette.common.white,
-    boxShadow: theme.shadows[9],
-    borderRadius: theme.spacing(1),
-    top: 37,
-    color: theme.palette.text.primary,
-    fontSize: '11px',
-    margin: '8px 0',
-    '.rmdp-calendar': {
-        padding: '8px 16px 16px',
-    },
-    '.rmdp-rtl *': {
-        fontFamily: 'Tajawal',
-    },
-    '.rmdp-rtl .sd': {
-        paddingTop: '4px',
-    },
-    '.rmdp-wrapper': {
-        position: 'relative',
-        borderRadius: '8px',
-        boxShadow: 'none',
-    },
-    '.rmdp-day span': {
-        fontSize: '11px',
-        fontWeight: 500,
-    },
-    '.rmdp-day, .rmdp-week-day': {
-        width: 40,
-        height: 40,
-        marginBottom: '2px',
-        padding: '4px',
-        fontSize: '11px',
-        color: theme.palette.grey[900],
-    },
-    '.rmdp-day-picker': {
-        padding: 0,
-    },
-    '.rmdp-day.rmdp-today span': {
-        backgroundColor: 'transparent',
-        color: theme.palette.info.dark,
-    },
-    '.rmdp-day.rmdp-today.end span, .rmdp-day.rmdp-today.end span': {
-        color: theme.palette.common.white,
-    },
-    '.rmdp-range, .rmdp-day:not(.rmdp-disabled):not(.rmdp-day-hidden) span:hover': {
-        background: theme.palette.info.light,
-        boxShadow: 'none',
-        color: theme.palette.grey[900],
-    },
-    '.rmdp-range-hover.start, .rmdp-range.start, .rmdp-range-hover.end, .rmdp-range.end, .rmdp-rtl .rmdp-range-hover.start, .rmdp-rtl .rmdp-range.start, .rmdp-rtl .rmdp-range-hover.end, .rmdp-rtl .rmdp-range.end': {
-        borderRadius: '50%',
-        background: theme.palette.background.gradient.darkShadedBlue,
-        color: theme.palette.common.white,
-    },
-    '.rmdp-range.start:after': {
-        content: '""',
-        position: 'absolute',
-        background: theme.palette.info.light,
-        height: '100%',
-        width: '50%',
-        right: 0,
-        top: 0,
-        zIndex: -1,
-    },
-    '.rmdp-rtl .rmdp-range.start:after': {
-        right: 'unset',
-        left: 0,
-    },
-    '.rmdp-range.end:after': {
-        content: '""',
-        position: 'absolute',
-        background: theme.palette.info.light,
-        height: '100%',
-        width: '50%',
-        left: 0,
-        top: 0,
-        zIndex: -1,
-    },
-    '.rmdp-rtl .rmdp-range.end:after': {
-        left: 'unset',
-        right: 0,
-    },
-    '.rmdp-week-day': {
-        color: theme.palette.grey[700],
-        marginBottom: '4px',
-        fontSize: '11px',
-        padding: '4px',
-    },
-    '.rmdp-header-values': {
-        color: theme.palette.grey[900],
-        fontSize: '12px',
-        fontWeight: 500,
-        lineHeight: '20px',
-        letterSpacing: '0.1px',
-    },
-    '.rmdp-header-values span:nth-of-type(2)': {
-        display: 'none',
-    },
-    '.rmdp-header': {
-        padding: '4px 0',
-        margin: 0,
-        fontSize: '12px',
-    },
-    '.rmdp-top-class': {
-        display: 'block !important',
-    },
-    '.rmdp-day.rmdp-selected span:not(.highlight)': {
-        background: theme.palette.info.dark,
-    },
-    '.rmdp-day.start.end': {
-        overflow: 'hidden',
-    },
-}));
-export const SelectedDate = styled(Button, { shouldForwardProp: (props) => props !== 'open' })(({ open, theme }) => (Object.assign({ color: theme.palette.text.primary, fontSize: '11px', fontWeight: 500, padding: theme.spacing(1), borderRadius: '4px', border: '1px solid', borderColor: theme.palette.divider, background: theme.palette.common.white, textTransform: 'none', height: 32 }, (open && { border: '1px solid', borderColor: theme.palette.info.dark, boxShadow: theme.shadows[7] }))));
-export const ButtonsWrapper = styled(Box)(({ theme }) => ({
-    display: 'flex',
-    justifyContent: 'space-between',
-    alignItems: 'center',
-    gap: 8,
-    padding: '16px',
-    borderTop: `1px solid ${theme.palette.divider}`,
-    marginLeft: 'auto',
-}));
-export const CancelButton = styled(Button)(({ theme }) => ({
-    textTransform: 'capitalize',
-    padding: '8px 24px',
-    width: 75,
-    height: 32,
-    fontSize: '11px',
-    background: 'transparent',
-    color: theme.palette.text.primary,
-    border: '1px solid',
-    borderColor: theme.palette.divider,
-    fontWeight: 500,
-    borderRadius: '4px',
-    '&:hover': {
-        background: 'transparent',
-        color: theme.palette.text.primary,
-    },
-}));
-export const OkayButton = styled(Button)(({ theme }) => ({
-    textTransform: 'capitalize',
-    padding: '8px 24px',
-    width: 75,
-    height: 32,
-    fontSize: '11px',
-    borderRadius: '4px',
-    fontWeight: 700,
-    background: theme.palette.info.dark,
-    '&:hover': {
-        background: theme.palette.info.dark,
-    },
-}));
-export const TimePickerWrapper = styled(Box)(({ theme }) => ({
-    display: 'flex',
-    gap: '4px',
-    '.rmdp-input': {
-        width: '64px',
-        borderRadius: '19px',
-        border: '1px solid',
-        borderColor: theme.palette.divider,
-        color: theme.palette.text.primary,
-        fontSize: '11px',
-        fontWeight: 500,
-        background: 'transparent',
-        cursor: 'pointer',
-    },
-    '.rmdp-input:focus': {
-        boxShadow: theme.shadows[7],
-        border: `1px solid ${theme.palette.info.dark}`,
-        borderRadius: '19px',
-    },
-    '.rmdp-time-picker': {
-        boxShadow: theme.shadows[5],
-        borderRadius: theme.spacing(1),
-        padding: theme.spacing(2),
-        minWidth: 'auto !important',
-        div: {
-            marginTop: 0,
-            display: 'block',
-        },
-        '> div': {
-            width: 32,
-            height: 64,
-        },
-        '.rmdp-arrow': {
-            borderColor: `${theme.palette.background.transparent[1]} !important`,
-        },
-        '.rmdp-arrow-container': {
-            justifyContent: 'center',
-            '&:hover': {
-                backgroundColor: 'transparent',
-                boxShadow: 'unset',
-            },
-        },
-        input: {
-            borderRadius: '4px',
-            border: `1px solid ${theme.palette.divider}`,
-            padding: 0,
-            width: 32,
-            height: 32,
-            fontSize: '11px',
-            color: theme.palette.text.primary,
-            fontWeight: 500,
-            '&:focus, &:focus-visible': {
-                border: `1px solid ${theme.palette.info.dark}`,
-                outline: 'unset',
-            },
-        },
-        '.dvdr': {
-            margin: '7px 4px 0',
-        },
-        '.rmdp-am, .rmdp-pm': {
-            margin: 0,
-            width: 32,
-            height: 32,
-            flex: 'auto',
-            justifyContent: 'center',
-            fontSize: '11px',
-            color: theme.palette.text.primary,
-            fontWeight: 500,
-            display: 'flex',
-            cursor: 'default',
-        },
-        '> div:last-child': {
-            marginInlineStart: '4px',
-            display: 'block !important',
-        },
-        '.rmdp-down, .rmdp-up': {
-            position: 'relative',
-            i: {
-                display: 'none',
-            },
-            '&:before': {
-                content: '""',
-                position: 'absolute',
-                top: '5px',
-                width: '10px',
-                height: '10px',
-                backgroundImage: `url(${grayUpArrowIcon})`,
-            },
-        },
-        '.rmdp-down:before': {
-            transform: 'rotate(180deg)',
-        },
-    },
-    '.rmdp-container': {
-        position: 'relative',
-        '> div': {
-            top: 'unset !important',
-            bottom: '28px',
-            transform: 'unset !important',
-        },
-    },
-}));
-export const FooterButtonsWrapper = styled(Box)(() => ({
-    display: 'flex',
-    gap: '8px',
-}));