@tap-payments/os-micro-frontend-shared 0.0.1

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { ButtonI } from './Button';
+export declare const BaseButtonStyled: import("@emotion/styled").StyledComponent<import("@mui/material/ButtonBase").ButtonBaseOwnProps & Omit<import("@mui/material/ButtonBase").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;
+}, "className" | "style" | "classes" | "children" | "sx" | "tabIndex" | "disabled" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & ButtonI, {}, {}>;

package/build/components/Button/style.js

@@ -0,0 +1,23 @@
+import BaseButton from '@mui/material/ButtonBase';
+import { styled } from '@mui/material/styles';
+export const BaseButtonStyled = styled(BaseButton, { shouldForwardProp: (props) => props !== 'variant' })(({ theme, variant = 'confirm', size = 'default' }) => (Object.assign(Object.assign(Object.assign(Object.assign({ textTransform: 'capitalize', borderRadius: '4px', lineHeight: '100%', '&.Mui-disabled': {
+        opacity: 0.5,
+    } }, (variant === 'confirm' && {
+    color: theme.palette.common.white,
+    background: theme.palette.info.dark,
+})), (variant === 'cancel' && {
+    color: theme.palette.grey[700],
+    border: `1px solid ${theme.palette.divider}`,
+})), (size === 'small' && {
+    height: 24,
+    width: 'auto',
+    padding: '8px 16px',
+    fontWeight: 600,
+    fontSize: '10px',
+})), (size === 'default' && {
+    height: 32,
+    width: 75,
+    fontWeight: 700,
+    padding: '8px 24px',
+    fontSize: '11px',
+}))));

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

@@ -0,0 +1,14 @@
+/// <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

@@ -0,0 +1,54 @@
+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

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

package/build/components/Calender/index.js

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

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

@@ -0,0 +1,32 @@
+/// <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;
+}, "className" | "style" | "classes" | "color" | "children" | "sx" | "tabIndex" | "size" | "disabled" | "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;
+}, "className" | "style" | "classes" | "color" | "children" | "sx" | "tabIndex" | "size" | "disabled" | "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;
+}, "className" | "style" | "classes" | "color" | "children" | "sx" | "tabIndex" | "size" | "disabled" | "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;
+}, "className" | "style" | "classes" | "color" | "children" | "sx" | "tabIndex" | "size" | "disabled" | "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

@@ -0,0 +1,273 @@
+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',
+}));

package/build/components/CardEmptyState/CardEmptyState.d.ts

@@ -0,0 +1,2 @@
+import { CardEmptyStateProps } from './type';
+export default function CardEmptyState({ heading, message, ...props }: CardEmptyStateProps): import("react/jsx-runtime").JSX.Element;

package/build/components/CardEmptyState/CardEmptyState.js

@@ -0,0 +1,20 @@
+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 { useTranslation } from 'react-i18next';
+import { emptyIcon } from '../../constants/index.js';
+import { StyledContainer, StyledImage, EmptyListHeading, EmptyListMessage } from './style';
+export default function CardEmptyState(_a) {
+    var { heading, message } = _a, props = __rest(_a, ["heading", "message"]);
+    const { t } = useTranslation();
+    return (_jsxs(StyledContainer, Object.assign({}, props, { children: [_jsx(StyledImage, { src: emptyIcon, alt: "empty container" }), _jsx(EmptyListHeading, { children: t(heading) }), _jsx(EmptyListMessage, { children: t(message) })] })));
+}

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

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

package/build/components/CardEmptyState/index.js

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

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare const StyledContainer: 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 StyledImage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
+export declare const EmptyListHeading: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
+export declare const EmptyListMessage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;

package/build/components/CardEmptyState/style.js

@@ -0,0 +1,35 @@
+import { Box, styled } from '@mui/material';
+export const StyledContainer = styled(Box)(() => ({
+    display: 'flex',
+    flexDirection: 'column',
+    alignItems: 'center',
+    justifyContent: 'center',
+    backgroundColor: '#F6F8FACC',
+    gap: '0.5rem',
+    height: '100%',
+}));
+export const StyledImage = styled('img')(() => ({
+    width: '2rem',
+    height: '2rem',
+}));
+export const EmptyListHeading = styled('h1')(({ theme }) => {
+    var _a;
+    return ({
+        fontWeight: 600,
+        fontSize: '1rem',
+        color: (_a = theme.palette.text) === null || _a === void 0 ? void 0 : _a.primary,
+        padding: 0,
+        margin: 0,
+    });
+});
+export const EmptyListMessage = styled('p')(({ theme }) => {
+    var _a;
+    return ({
+        fontWeight: 400,
+        fontSize: '0.75rem',
+        color: (_a = theme.palette.text) === null || _a === void 0 ? void 0 : _a.primary,
+        padding: 0,
+        margin: 0,
+        opacity: 0.5,
+    });
+});

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

@@ -0,0 +1,5 @@
+import { BoxProps } from '@mui/material';
+export interface CardEmptyStateProps extends BoxProps {
+    heading: string;
+    message: string;
+}

package/build/components/CardEmptyState/type.js

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

package/build/components/CardHeadline/CardHeadline.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+interface WelcomeTextProps {
+    headline: string;
+    subHeadline: string;
+}
+declare function CardHeadline({ headline, subHeadline }: WelcomeTextProps): import("react/jsx-runtime").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof CardHeadline>;
+export default _default;

package/build/components/CardHeadline/CardHeadline.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from 'react';
+import Box from '@mui/material/Box';
+import { styled } from '@mui/material/styles';
+import Text from '../Text';
+const Wrapper = styled(Box)(({ theme }) => ({
+    textAlign: 'center',
+    color: theme.palette.text.primary,
+}));
+const HeadlineText = styled(Text)(({ theme }) => (Object.assign(Object.assign({}, theme.typography.h3), { marginBottom: '7px', lineHeight: '48px', fontWeight: theme.typography.fontWeightMedium, textTransform: 'capitalize' })));
+const SubHeadlineText = styled(Text)(({ theme }) => (Object.assign(Object.assign({}, theme.typography.h5), { lineHeight: '29px', opacity: 0.3, fontWeight: theme.typography.fontWeightMedium })));
+function CardHeadline({ headline, subHeadline }) {
+    return (_jsxs(Wrapper, { children: [headline && _jsx(HeadlineText, { children: headline }), subHeadline && _jsx(SubHeadlineText, { children: subHeadline })] }));
+}
+export default memo(CardHeadline);

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

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

package/build/components/CardHeadline/index.js

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

package/build/components/Checkbox/Checkbox.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { CheckboxProps } from '@mui/material';
+declare function CheckboxInput(props: CheckboxProps): import("react/jsx-runtime").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof CheckboxInput>;
+export default _default;

package/build/components/Checkbox/Checkbox.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo } from 'react';
+import { Checkbox } from '@mui/material';
+import { checkboxIcon, unCheckedIcon } from '../../constants/index.js';
+function CheckboxInput(props) {
+    return (_jsx(Checkbox, Object.assign({ disableRipple: true, sx: (theme) => ({
+            '[data-testid="IndeterminateCheckBoxIcon"]': {
+                fill: theme.palette.info.dark,
+                width: '14px !important',
+                height: '16px !important',
+            },
+        }), checkedIcon: _jsx("img", { src: props.disabled ? unCheckedIcon : checkboxIcon, alt: "checked" }) }, props)));
+}
+export default memo(CheckboxInput);

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

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

package/build/components/Checkbox/index.js

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

package/build/components/CircularProgressWithLabel/CircularProgressWithLabel.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { CircularProgressProps } from '@mui/material/CircularProgress';
+declare function CircularProgressWithLabel(props: CircularProgressProps & {
+    value: number;
+}): import("react/jsx-runtime").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof CircularProgressWithLabel>;
+export default _default;

package/build/components/CircularProgressWithLabel/CircularProgressWithLabel.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from 'react';
+import { LoadingText, LoadingIcon, Wrapper, LoadingTextWrapper } from './style';
+function CircularProgressWithLabel(props) {
+    return (_jsxs(Wrapper, { children: [_jsx(LoadingIcon, Object.assign({ variant: "determinate" }, props)), _jsx(LoadingTextWrapper, { children: _jsx(LoadingText, Object.assign({ variant: "caption", color: "text.secondary" }, { children: `${Math.round(props.value)}%` })) })] }));
+}
+export default memo(CircularProgressWithLabel);

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

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

package/build/components/CircularProgressWithLabel/index.js

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

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export declare const LoadingIcon: import("@emotion/styled").StyledComponent<import("@mui/material").CircularProgressProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const LoadingText: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, "width" | "minHeight" | "height" | "bottom" | "left" | "right" | "top" | "textAlign" | "className" | "style" | "classes" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "boxShadow" | "maxWidth" | "minWidth" | "maxHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textTransform" | "children" | "sx" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & 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 LoadingTextWrapper: 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>, {}, {}>;