@tap-payments/os-micro-frontend-shared 0.1.448 → 0.1.449

package/build/components/Customer/CustomerForms/CustomerFullInfoForm.js

@@ -1,74 +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, useEffect, useRef } from 'react';
-import { yupResolver } from '@hookform/resolvers/yup';
-import Box from '@mui/material/Box';
-import { Controller, useForm } from 'react-hook-form';
-import { useTranslation } from 'react-i18next';
-import { InputNumberStyled, MobileWrapper } from '../../index.js';
-import { FormWrapper, SubmitButton, InputStyled, ErrorStyled } from './style';
-import { validationFullInfoSchema } from './validation';
-import CountriesDropdown from '../../Inputs/CountriesDropDown';
-function CustomerFullInfoForm({ submitButtonText, onSubmit, customer, country, items, isItemsNotValid, defaultCountry, countries, isCountriesLoading, onCustomerChange, onCountryChange, }) {
-    const firstNameRef = useRef();
-    const lastNameRef = useRef();
-    const emailRef = useRef();
-    const phoneNumberRef = useRef();
-    const { t } = useTranslation();
-    const { control, watch, trigger, formState: { isValid, errors }, } = useForm({
-        mode: 'onChange',
-        resolver: yupResolver(validationFullInfoSchema(country.max_digits)),
-        defaultValues: {
-            firstName: customer.firstName,
-            email: customer.email,
-            lastName: customer.lastName,
-            phoneNumber: customer.phoneNumber,
-        },
-    });
-    useEffect(() => {
-        watch(({ firstName = '', lastName = '', email = '', phoneNumber = '' }) => {
-            onCustomerChange({
-                email,
-                firstName,
-                lastName,
-                phoneNumber,
-            });
-        });
-    }, [watch, errors, customer]);
-    useEffect(() => {
-        // revalidate default values
-        if (customer.firstName && customer.lastName && (customer.email || customer.phoneNumber)) {
-            trigger();
-        }
-    }, []);
-    return (_jsxs(FormWrapper, Object.assign({ onMouseLeave: (e) => {
-            e.stopPropagation();
-        } }, { children: [_jsx(Controller, { control: control, name: "firstName", render: (_a) => {
-                    var _b = _a.field, { ref } = _b, field = __rest(_b, ["ref"]), { fieldState: { error } } = _a;
-                    return (_jsxs(Box, Object.assign({ ref: firstNameRef }, { children: [_jsx(InputStyled, Object.assign({}, field, { placeholder: t('firstName'), inputProps: { autoComplete: 'off' }, error: Boolean(error === null || error === void 0 ? void 0 : error.message) })), (error === null || error === void 0 ? void 0 : error.message) && _jsx(ErrorStyled, { error: t(error.message) })] })));
-                } }, "fullInfoFormFirstName"), _jsx(Controller, { control: control, name: "lastName", render: (_a) => {
-                    var _b = _a.field, { ref } = _b, field = __rest(_b, ["ref"]), { fieldState: { error } } = _a;
-                    return (_jsxs(Box, Object.assign({ ref: lastNameRef }, { children: [_jsx(InputStyled, Object.assign({}, field, { placeholder: t('lastName'), inputProps: { autoComplete: 'off' }, error: Boolean(error === null || error === void 0 ? void 0 : error.message) })), (error === null || error === void 0 ? void 0 : error.message) && _jsx(ErrorStyled, { error: t(error.message) })] })));
-                } }, "fullInfoFormLastName"), _jsx(Controller, { control: control, name: "email", render: (_a) => {
-                    var _b = _a.field, { ref } = _b, field = __rest(_b, ["ref"]), { fieldState: { error } } = _a;
-                    return (_jsxs(Box, Object.assign({ ref: emailRef }, { children: [_jsx(InputStyled, Object.assign({}, field, { placeholder: t('email'), inputProps: { autoComplete: 'off' }, error: Boolean(error === null || error === void 0 ? void 0 : error.message) })), (error === null || error === void 0 ? void 0 : error.message) && _jsx(ErrorStyled, { error: t(error.message) })] })));
-                } }, "fullInfoFormEmail"), _jsx(Controller, { control: control, name: "phoneNumber", render: (_a) => {
-                    var _b, _c;
-                    var _d = _a.field, { ref } = _d, field = __rest(_d, ["ref"]), { fieldState: { error } } = _a;
-                    return (_jsxs(Box, Object.assign({ ref: phoneNumberRef }, { children: [_jsxs(MobileWrapper, Object.assign({ sx: Object.assign({}, ((error === null || error === void 0 ? void 0 : error.message) && { borderBottom: 'none' })) }, { children: [_jsx(CountriesDropdown, { defaultCountry: (_c = (_b = country === null || country === void 0 ? void 0 : country.iso2) !== null && _b !== void 0 ? _b : defaultCountry === null || defaultCountry === void 0 ? void 0 : defaultCountry.code) !== null && _c !== void 0 ? _c : 'SA', value: country, onChangeCountry: onCountryChange, countries: countries, isLoading: isCountriesLoading }), _jsx(InputNumberStyled, Object.assign({}, field, { placeholder: t('mobile'), inputProps: { autoComplete: 'off' }, error: Boolean(error === null || error === void 0 ? void 0 : error.message), sx: {
-                                            border: 'none',
-                                            paddingInlineEnd: 0,
-                                        }, hideArrows: true }))] })), (error === null || error === void 0 ? void 0 : error.message) && _jsx(ErrorStyled, { error: t(error.message, { numberLen: country.max_digits }) })] })));
-                } }), _jsx(SubmitButton, Object.assign({ onClick: onSubmit, disabled: !isValid || isItemsNotValid || !items.length }, { children: submitButtonText }))] })));
-}
-export default memo(CustomerFullInfoForm);

package/build/components/Customer/CustomerForms/CustomerPhoneNumberForm.js

@@ -1,71 +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, useEffect, useRef } from 'react';
-import { yupResolver } from '@hookform/resolvers/yup';
-import Box from '@mui/material/Box';
-import { Controller, useForm } from 'react-hook-form';
-import { useTranslation } from 'react-i18next';
-import { CountriesDropdown, InputNumberStyled, MobileWrapper } from '../../index.js';
-import { FormWrapper, SubmitButton, InputStyled, ErrorStyled } from './style';
-import { validationPhoneNumberSchema } from './validation';
-function CustomerPhoneNumberForm({ submitButtonText, onSubmit, customer, country, isItemsNotValid, items, defaultCountry, countries, isCountriesLoading, onCustomerChange, onCountryChange, }) {
-    const firstNameRef = useRef();
-    const lastNameRef = useRef();
-    const phoneNumberRef = useRef();
-    const { t } = useTranslation();
-    const { control, formState: { isValid, errors }, watch, trigger, } = useForm({
-        mode: 'onChange',
-        resolver: yupResolver(validationPhoneNumberSchema(country.max_digits)),
-        defaultValues: {
-            firstName: customer.firstName,
-            phoneNumber: customer.phoneNumber,
-            lastName: customer.lastName,
-        },
-    });
-    useEffect(() => {
-        // revalidate default values
-        if (customer.firstName && customer.phoneNumber && customer.lastName) {
-            trigger();
-        }
-    }, []);
-    useEffect(() => {
-        watch(({ firstName = '', lastName = '', phoneNumber = '' }) => {
-            onCustomerChange(Object.assign(Object.assign({}, customer), { firstName,
-                lastName,
-                phoneNumber }));
-        });
-    }, [watch, errors, customer]);
-    const onMouseLeave = (e) => {
-        e.stopPropagation();
-    };
-    return (_jsxs(FormWrapper, Object.assign({ onMouseLeave: onMouseLeave }, { children: [_jsx(Controller, { control: control, name: "phoneNumber", render: (_a) => {
-                    var _b, _c;
-                    var _d = _a.field, { ref } = _d, field = __rest(_d, ["ref"]), { fieldState: { error } } = _a;
-                    return (_jsxs(Box, Object.assign({ ref: phoneNumberRef }, { children: [_jsxs(MobileWrapper, Object.assign({ sx: Object.assign({}, ((error === null || error === void 0 ? void 0 : error.message) && { borderBottom: 'none' })) }, { children: [_jsx(CountriesDropdown, { defaultCountry: (_c = (_b = country === null || country === void 0 ? void 0 : country.iso2) !== null && _b !== void 0 ? _b : defaultCountry === null || defaultCountry === void 0 ? void 0 : defaultCountry.code) !== null && _c !== void 0 ? _c : 'SA', value: country, onChangeCountry: onCountryChange, countries: countries, isLoading: isCountriesLoading }), _jsx(InputNumberStyled, Object.assign({}, field, { placeholder: t('mobile'), error: Boolean(error === null || error === void 0 ? void 0 : error.message), sx: {
-                                            border: 'none',
-                                            paddingInlineEnd: 0,
-                                        }, inputProps: {
-                                            autoComplete: 'off',
-                                            form: {
-                                                autoComplete: 'off',
-                                            },
-                                        }, hideArrows: true }))] })), (error === null || error === void 0 ? void 0 : error.message) && _jsx(ErrorStyled, { error: t(error.message, { numberLen: country.max_digits }) })] })));
-                } }, "phoneNumberFormPhone"), _jsx(Controller, { control: control, name: "firstName", render: (_a) => {
-                    var _b = _a.field, { ref } = _b, field = __rest(_b, ["ref"]), { fieldState: { error } } = _a;
-                    return (_jsxs(Box, Object.assign({ ref: firstNameRef }, { children: [_jsx(InputStyled, Object.assign({}, field, { placeholder: t('firstName'), inputProps: { autoComplete: 'off' }, error: Boolean(error === null || error === void 0 ? void 0 : error.message) })), (error === null || error === void 0 ? void 0 : error.message) && _jsx(ErrorStyled, { error: t(error.message) })] })));
-                } }, "phoneNumberFormFirstName"), _jsx(Controller, { control: control, name: "lastName", render: (_a) => {
-                    var _b = _a.field, { ref } = _b, field = __rest(_b, ["ref"]), { fieldState: { error } } = _a;
-                    return (_jsxs(Box, Object.assign({ ref: lastNameRef }, { children: [_jsx(InputStyled, Object.assign({}, field, { placeholder: t('lastName'), inputProps: { autoComplete: 'off' }, error: Boolean(error === null || error === void 0 ? void 0 : error.message) })), (error === null || error === void 0 ? void 0 : error.message) && _jsx(ErrorStyled, { error: t(error.message) })] })));
-                } }, "phoneNumberFormLastName"), _jsx(SubmitButton, Object.assign({ onClick: onSubmit, disabled: !isValid || isItemsNotValid || !items.length }, { children: submitButtonText }))] })));
-}
-export default memo(CustomerPhoneNumberForm);

package/build/components/Customer/CustomerForms/index.js

@@ -1,9 +0,0 @@
-export * from './validation';
-export * from './CustomerEmailForm';
-export { default as CustomerEmailForm } from './CustomerEmailForm';
-export * from './CustomerFullInfo';
-export { default as CustomerFullInfo } from './CustomerFullInfo';
-export * from './CustomerFullInfoForm';
-export { default as CustomerFullInfoForm } from './CustomerFullInfoForm';
-export * from './CustomerPhoneNumberForm';
-export { default as CustomerPhoneNumberForm } from './CustomerPhoneNumberForm';

package/build/components/Customer/CustomerForms/style.js

@@ -1,71 +0,0 @@
-import Box from '@mui/material/Box';
-import Button from '@mui/material/Button';
-import { styled, alpha } from '@mui/material/styles';
-import { Input, InputNumber, Error } from '../../index.js';
-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 SearchWrapper = styled(Box)(() => ({
-    display: 'flex',
-    alignItems: 'center',
-}));
-export const FormWrapper = styled(Box)(({ theme }) => ({
-    padding: '8px',
-    display: 'flex',
-    flexDirection: 'column',
-    gap: '8px',
-    position: 'relative',
-    background: theme.palette.common.white,
-    borderRadius: '4px',
-    width: 'max-content',
-    maxWidth: 230,
-    boxShadow: theme.shadows[3],
-}));
-export const SubmitButton = styled(Button)(({ theme }) => ({
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    textTransform: 'capitalize',
-    padding: '8px 13px',
-    minWidth: 89,
-    height: 32,
-    fontSize: '11px',
-    borderRadius: '4px',
-    fontWeight: 700,
-    background: theme.palette.info.dark,
-    color: theme.palette.common.white,
-    textAlign: 'center',
-    '&.Mui-disabled': {
-        backgroundColor: alpha(theme.palette.grey[700], 0.5),
-        color: theme.palette.common.white,
-        cursor: 'not-allowed',
-    },
-    '&:hover': {
-        background: theme.palette.info.dark,
-    },
-}));
-export const InputStyled = styled(Input, { shouldForwardProp: (props) => props !== 'error' })(({ error }) => (Object.assign({ img: {
-        cursor: 'pointer',
-    } }, (error && {
-    borderBottomLeftRadius: 0,
-    borderBottomRightRadius: 0,
-    borderBottom: 'none',
-}))));
-export const InputNumberStyled = styled(InputNumber, { shouldForwardProp: (props) => props !== 'error' })(({ error }) => (Object.assign({ img: {
-        cursor: 'pointer',
-    } }, (error && {
-    borderBottomLeftRadius: 0,
-    borderBottomRightRadius: 0,
-    borderBottom: 'none',
-}))));
-export const ErrorStyled = styled(Error)(() => ({
-    borderTopLeftRadius: 0,
-    borderTopRightRadius: 0,
-    height: 25,
-}));

package/build/components/Customer/CustomerForms/validation.js

@@ -1,42 +0,0 @@
-import * as Yup from 'yup';
-export const validationEmailFromSchema = Yup.object().shape({
-    email: Yup.string()
-        .matches(/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i, 'invalidEmail')
-        .required('requiredEmail'),
-    firstName: Yup.string().required('requiredFirstName').min(3, 'invalidFirstName'),
-    lastName: Yup.string().required('requiredLastName').min(3, 'invalidLastName'),
-});
-export const validationFullInfoSchema = (numberLen) => Yup.object()
-    .shape({
-    email: Yup.string()
-        .transform((value, originalValue) => {
-        if (originalValue === '')
-            return undefined;
-        return value;
-    })
-        .matches(/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{1,}$/i, 'invalidEmail')
-        .optional(),
-    phoneNumber: Yup.string()
-        .transform((value, originalValue) => {
-        if (!originalValue)
-            return undefined;
-        return value;
-    })
-        .length(numberLen, `invalidMobile`)
-        .optional(),
-    firstName: Yup.string().min(3, 'invalidFirstName').required('requiredFirstName'),
-    lastName: Yup.string().min(3, 'invalidLastName').required('requiredLastName'),
-})
-    .test('atLeastOne', 'atLeastOne', function testAtLeastOne(_, ctx) {
-    var _a;
-    const { email, phoneNumber } = (_a = this.originalValue) !== null && _a !== void 0 ? _a : {};
-    if (!email && !phoneNumber) {
-        return ctx.createError({ message: 'atLeastOne' });
-    }
-    return true;
-});
-export const validationPhoneNumberSchema = (numberLen) => Yup.object().shape({
-    firstName: Yup.string().required('requiredFirstName').min(3, 'invalidFirstName'),
-    lastName: Yup.string().required('requiredLastName').min(3, 'invalidLastName'),
-    phoneNumber: Yup.string().length(numberLen, `invalidMobile`).required('requiredMobile'),
-});

package/build/components/DateButton/DateButton.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { memo } from 'react';
-import { styled } from '@mui/material';
-import StatusButton from '../StatusButton';
-const StyledDateButton = styled(StatusButton)(({ theme }) => (Object.assign(Object.assign({}, theme.typography.subtitle1), { fontWeight: theme.typography.fontWeightMedium, borderRadius: '4px', paddingInline: '8px', paddingBlock: '8.5px', minWidth: 'auto' })));
-function DateButton(props) {
-    return _jsx(StyledDateButton, Object.assign({}, props, { variant: "inActive" }));
-}
-export default memo(DateButton);

package/build/components/DateFilter/DateFilter.js

@@ -1,32 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useState } from 'react';
-import dayjs from 'dayjs';
-import Box from '@mui/material/Box';
-import ClickAwayListener from '@mui/material/ClickAwayListener';
-import { calenderIcon, closeIcon, columnIcon, whiteFilterIcon } from '../../constants/index.js';
-import { useTranslation } from 'react-i18next';
-import { Dropdown, Item, Filter, OkayButton, CancelButton, Footer, TitleStyled, FilterHeader, FilterWrapper, SelectedDate } from './style';
-import { Icon, RangeCalender } from '../index.js';
-import { getDefaultDateRange } from '../../utils/index.js';
-export default function DateFilter({ title = 'Date', dateRange, onDateRangeChange, calendarMode, onCalendarModeChange, timezone, browserTimezone, defaultCountryTimezone, onTimezoneChange, timezoneCountriesCodes = [], onConfirm, onClear, }) {
-    const { t } = useTranslation();
-    const [anchorEl, setAnchorEl] = useState(null);
-    const open = Boolean(anchorEl);
-    const onOpen = (e) => setAnchorEl(e.currentTarget);
-    const onClose = () => setAnchorEl(null);
-    const onCancel = () => onClose();
-    const handleOkButtonClick = () => {
-        onClose();
-        onConfirm(dateRange);
-    };
-    const handleCalendarModeSwitch = useCallback((newMode) => onCalendarModeChange(newMode), [onCalendarModeChange]);
-    const getSelectedDateLabel = (dates) => {
-        if (!dates)
-            return '';
-        const [start, end] = dates;
-        const startLabel = dayjs(start).format('MMM D');
-        const endLabel = dayjs(end).format('MMM D');
-        return startLabel === endLabel ? startLabel : `${startLabel} - ${endLabel}`;
-    };
-    return (_jsx(ClickAwayListener, Object.assign({ onClickAway: onClose }, { children: _jsxs(Box, { children: [_jsxs(Box, Object.assign({ sx: { cursor: 'pointer', display: 'flex', alignItems: 'center', gap: '4px' }, onClick: onOpen }, { children: [title, dateRange ? (_jsxs(FilterWrapper, { children: [_jsx(Box, { component: "img", src: whiteFilterIcon, alt: "filter-icon", sx: { marginInlineEnd: '2px', height: 6 }, onClick: onOpen }), _jsx(Box, { component: "img", src: closeIcon, alt: "close-icon", onClick: onClear })] })) : (_jsx(Box, { component: "img", src: columnIcon, alt: "column-icon", sx: { cursor: 'pointer', marginTop: '2px' } }))] })), _jsxs(Dropdown, Object.assign({ open: open, anchorEl: anchorEl, placement: "bottom-start" }, { children: [_jsxs(Filter, { children: [_jsx(FilterHeader, { children: _jsx(TitleStyled, Object.assign({ component: "span" }, { children: t('filterBy') })) }), _jsx(Item, { children: _jsx(RangeCalender, { defaultDate: dateRange || getDefaultDateRange(0), onDateChange: onDateRangeChange, maxDateRange: 365, mode: calendarMode, onCalendarModeSwitch: handleCalendarModeSwitch, browserTimezone: browserTimezone, defaultCountryTimezone: defaultCountryTimezone, timezone: timezone, onChangeTimezone: onTimezoneChange, timezoneCountriesCodes: timezoneCountriesCodes, mainSx: { width: '100%' }, popperProps: { placement: 'right-start' }, renderCalendarButton: (isOpen, openCal) => (_jsxs(SelectedDate, Object.assign({ open: isOpen, onClick: openCal }, { children: [_jsx("span", { children: getSelectedDateLabel(dateRange) || 'Date' }), _jsx(Icon, { src: calenderIcon, alt: "selected", sx: { width: 16, height: 16 } })] }))) }, getSelectedDateLabel(dateRange)) }), dateRange && (_jsx(TitleStyled, Object.assign({ component: "span", sx: { color: '#1F88D0', padding: '4px 24px' }, onClick: () => onDateRangeChange(undefined) }, { children: "Clear" })))] }), _jsxs(Footer, { children: [_jsx(CancelButton, Object.assign({ onClick: onCancel }, { children: t('cancel') })), _jsx(OkayButton, Object.assign({ onClick: handleOkButtonClick }, { children: t('okay') }))] })] }))] }) })));
-}

package/build/components/DateFilter/style.js

@@ -1,100 +0,0 @@
-import Box from '@mui/material/Box';
-import { styled } from '@mui/material/styles';
-import { Button, Menu, Text } from '../index.js';
-export const Content = styled(Box)(() => ({
-    paddingBlock: '8px',
-    display: 'flex',
-    gap: '12px',
-    flexDirection: 'column',
-}));
-export const Label = styled(Text)(() => ({
-    fontSize: '11px',
-}));
-export const Dropdown = styled(Menu)(() => ({
-    marginTop: '8px',
-    marginBottom: '8px',
-}));
-export const Item = styled(Box)(() => ({
-    display: 'flex',
-    alignItems: 'center',
-    gap: '4px',
-    width: '100%',
-    paddingInline: '16px',
-}));
-export const Footer = styled(Box)(({ theme }) => ({
-    padding: '8px 16px',
-    display: 'flex',
-    gap: '8px',
-    justifyContent: 'flex-end',
-    position: 'sticky',
-    bottom: 0,
-    backgroundColor: 'white',
-    zIndex: 99999,
-    borderTop: `1px solid ${theme.palette.divider}`,
-}));
-export const OkayButton = styled(Button)(({ theme }) => ({
-    textTransform: 'capitalize',
-    minWidth: 'auto',
-    width: 70,
-    borderRadius: '4px',
-    border: `1px solid ${theme.palette.info.dark}`,
-    backgroundColor: theme.palette.info.dark,
-    fontWeight: 700,
-    fontSize: '11px',
-    color: theme.palette.common.white,
-    '&:hover': {
-        backgroundColor: theme.palette.info.dark,
-    },
-    '&.Mui-disabled': {
-        color: '#fff !important',
-        opacity: 0.5,
-    },
-}));
-export const CancelButton = styled(Button)(({ theme }) => ({
-    textTransform: 'capitalize',
-    minWidth: 'auto',
-    width: 70,
-    borderRadius: '4px',
-    border: `1px solid ${theme.palette.divider}`,
-    backgroundColor: theme.palette.common.white,
-    fontWeight: 500,
-    fontSize: '11px',
-    color: theme.palette.text.primary,
-    '&:hover': {
-        background: 'transparent',
-    },
-}));
-export const Filter = styled(Box)(() => ({
-    display: 'flex',
-    flexDirection: 'column',
-    gap: '8px',
-    marginBottom: '8px',
-}));
-export const TitleStyled = styled(Label)(() => ({
-    fontSize: '11px',
-    fontWeight: 500,
-    color: '#8D8D94',
-    padding: '8px 16px',
-}));
-export const FilterHeader = styled(Box)(({ theme }) => ({
-    borderBlock: `1px solid ${theme.palette.divider}`,
-    display: 'flex',
-    justifyContent: 'space-between',
-    alignItems: 'center',
-    gap: '2px',
-    width: '100%',
-}));
-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', width: '100%', height: 32, justifyContent: 'space-between', gap: '4px' }, (open && { border: '1px solid', borderColor: theme.palette.info.dark, boxShadow: theme.shadows[7] }))));
-export const FilterWrapper = styled(Box)(({ theme }) => ({
-    background: theme.palette.grey[700],
-    width: 27,
-    height: 14,
-    display: 'inline-flex',
-    alignItems: 'center',
-    marginInlineStart: '4px',
-    borderRadius: '10px',
-    padding: '2px 6px',
-    img: {
-        cursor: 'pointer',
-    },
-}));

package/build/components/DeviceIcon/DeviceIcon.js

@@ -1,29 +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 { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { memo } from 'react';
-import Box from '@mui/material/Box';
-import capitalize from 'lodash/capitalize';
-import { useTranslation } from 'react-i18next';
-import { defaultDeviceIcon } from '../../constants/index.js';
-import { capitalizeFirstLetter } from '../../utils/index.js';
-import { TextLabel } from './style';
-import Tooltip from '../Tooltip';
-import { DEVICE_ICON } from './constants';
-import { isDeviceIconShown } from './utils';
-function DeviceIcon(_a) {
-    var { type, isTextShown, tableMode } = _a, props = __rest(_a, ["type", "isTextShown", "tableMode"]);
-    const { t } = useTranslation();
-    const icon = isDeviceIconShown(type) ? DEVICE_ICON[type] : null;
-    return (_jsx(Tooltip, Object.assign({ title: icon ? `Device - ${capitalizeFirstLetter((type !== null && type !== void 0 ? type : '').toLowerCase())}` : t('unKnown') }, { children: isTextShown ? (_jsxs(TextLabel, Object.assign({ tableMode: tableMode }, { children: [" ", type ? capitalize(type) : 'Unknown'] }))) : (_jsx(Box, Object.assign({}, props, { component: "img", src: type ? icon || defaultDeviceIcon : defaultDeviceIcon, alt: type }))) })));
-}
-export default memo(DeviceIcon);

package/build/components/DeviceIcon/constants.js

@@ -1,6 +0,0 @@
-import { desktopIcon, mobileIcon, tabletIcon } from '../../constants/index.js';
-export const DEVICE_ICON = {
-    DESKTOP: desktopIcon,
-    PHONE: mobileIcon,
-    TABLET: tabletIcon,
-};

package/build/components/DeviceIcon/style.js

@@ -1,18 +0,0 @@
-import Box from '@mui/material/Box';
-import { styled } from '@mui/material/styles';
-export const TextLabel = styled(Box, {
-    shouldForwardProp: (prop) => prop !== 'tableMode',
-})(({ theme, tableMode }) => ({
-    fontSize: '11px',
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    overflow: 'hidden',
-    textOverflow: 'ellipsis',
-    whiteSpace: 'nowrap',
-    padding: '4px 8px',
-    borderRadius: '24px',
-    border: `1px solid ${theme.palette.divider}`,
-    color: theme.palette.text.primary,
-    height: tableMode === 'sheet' ? '18px' : '24px',
-}));

package/build/components/DeviceIcon/utils.js

@@ -1,4 +0,0 @@
-import { DEVICE_ICON } from './constants';
-export const isDeviceIconShown = (deviceType) => {
-    return !!DEVICE_ICON[deviceType];
-};

package/build/components/Dialog/Dialog.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { DialogWrapper } from './style';
-import { DEFAULT_DIALOG_WIDTH } from './constant';
-export default function Dialog({ children, index, dialogRef, height, onClick, order, dragControls, style }) {
-    return (_jsx(DialogWrapper, Object.assign({ drag: true, dragListener: false, dragMomentum: false, dragControls: dragControls, initial: {
-            top: '50%',
-            left: `calc(50% + ${index * 10}px - ${DEFAULT_DIALOG_WIDTH / 2}px)`,
-        }, transition: { duration: 0.1 }, animate: Object.assign(Object.assign({}, (height && { top: `calc(50%  + ${index * 10}px - ${height / 2}px)` })), { zIndex: 2 + order }), onClick: onClick, ref: dialogRef, style: style }, { children: children })));
-}

package/build/components/Dialog/components/DialogToolbar.js

@@ -1,31 +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 } from "react/jsx-runtime";
-import { memo, useState } from 'react';
-import Toolbar from '../../Toolbar';
-import { CloseIcon } from '../../ToolbarIcon';
-function DialogToolbar(_a) {
-    var { title, onCloseDialog } = _a, props = __rest(_a, ["title", "onCloseDialog"]);
-    const [isHovered, setIsHovered] = useState(false);
-    const onMouseHover = () => {
-        setIsHovered(true);
-    };
-    const onMouseLeave = () => {
-        setIsHovered(false);
-    };
-    const onClose = (e) => {
-        e.stopPropagation();
-        onCloseDialog();
-    };
-    return (_jsx(Toolbar, Object.assign({ onMouseEnter: onMouseHover, onMouseLeave: onMouseLeave, isHovered: isHovered, title: title, leftActions: _jsx(CloseIcon, { onClick: onClose }) }, props)));
-}
-export default memo(DialogToolbar);

package/build/components/Dialog/components/index.js

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

package/build/components/Dialog/constant.js

@@ -1 +0,0 @@
-export const DEFAULT_DIALOG_WIDTH = 416;

package/build/components/Dialog/style.js

@@ -1,50 +0,0 @@
-import Box from '@mui/material/Box';
-import { styled } from '@mui/material/styles';
-import { motion } from 'framer-motion';
-import { DEFAULT_DIALOG_WIDTH } from './constant';
-export const DialogWrapper = styled(motion.div)(({ theme }) => ({
-    borderRadius: '8px',
-    position: 'fixed',
-    display: 'flex',
-    flexDirection: 'column',
-    maxHeight: 'calc(100vh - 46px)',
-    width: DEFAULT_DIALOG_WIDTH,
-    margin: 'auto',
-    background: theme.palette.grey[400],
-    boxShadow: theme.shadows[3],
-}));
-export const DialogContent = styled(Box)(({ theme }) => ({
-    background: theme.palette.common.white,
-    flex: 1,
-    paddingTop: '31px',
-    paddingBottom: '31px',
-    display: 'flex',
-    justifyContent: 'flex-start',
-    alignItems: 'center',
-    flexDirection: 'column',
-    position: 'relative',
-    overflow: 'auto',
-}));
-export const DialogHeader = styled(Box)(({ theme }) => ({
-    minHeight: 95,
-    background: theme.palette.grey[400],
-    // backdropFilter: 'blur(4px)',
-    paddingInline: '24px',
-    paddingTop: '23px',
-    paddingBottom: '23px',
-    gap: '15px',
-    position: 'relative',
-    zIndex: 2,
-}));
-export const DialogFooter = styled(Box)(({ theme }) => ({
-    display: 'flex',
-    flexDirection: 'column',
-    padding: '18px 24px',
-    boxShadow: theme.shadows[15],
-    position: 'relative',
-    gap: 8,
-    minHeight: 68,
-    backgroundColor: theme.palette.common.white,
-    borderBottomLeftRadius: '12px',
-    borderBottomRightRadius: '12px',
-}));