@tap-payments/os-micro-frontend-shared 0.1.440 → 0.1.441

package/build/components/TableReports/style.js

@@ -1,163 +0,0 @@
-import { styled, Box, alpha } from '@mui/material';
-import { motion } from 'framer-motion';
-export const ExportButton = styled(motion.div, {
-    shouldForwardProp: (prop) => !['notificationState', 'open', 'loading', 'ready', 'failed'].includes(prop),
-})(({ theme, notificationState, open, loading, ready, failed }) => (Object.assign(Object.assign({ position: 'relative', border: `1px solid ${theme.palette.divider}`, padding: '0 8px', height: 32, borderRadius: '4px', display: 'flex', alignItems: 'center', overflow: 'hidden', fontSize: '11px', fontWeight: 500, color: theme.palette.text.primary, transition: 'width 2s ease-in-out', cursor: 'pointer' }, (((notificationState === null || notificationState === void 0 ? void 0 : notificationState.success) || (notificationState === null || notificationState === void 0 ? void 0 : notificationState.failed)) &&
-    !loading &&
-    !ready &&
-    !failed && {
-    '&:after': {
-        content: '""',
-        width: 7,
-        height: 7,
-        backgroundColor: (notificationState === null || notificationState === void 0 ? void 0 : notificationState.failed) ? theme.palette.common.red : theme.palette.success.dark,
-        borderRadius: '50%',
-        position: 'absolute',
-        top: 5,
-        border: `1px solid ${theme.palette.common.white}`,
-        right: 6,
-    },
-})), (open && {
-    border: `1px solid ${theme.palette.info.dark}`,
-    boxShadow: theme.shadows[7],
-}))));
-export const ReportsWrapper = styled(Box)(() => ({
-    position: 'relative',
-}));
-export const ReportsDropdown = styled(Box)(({ theme }) => ({
-    background: theme.palette.common.white,
-    boxShadow: theme.shadows[9],
-    borderRadius: '4px',
-    marginTop: '8px',
-}));
-export const OpenApp = styled(Box)(({ theme }) => ({
-    background: theme.palette.background.transparent[2],
-    backdropFilter: 'blur(2px)',
-    color: theme.palette.text.primary,
-    fontSize: '11px',
-    fontWeight: 500,
-    height: 31,
-    textAlign: 'center',
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    cursor: 'pointer',
-    overflow: 'hidden',
-    borderBottomLeftRadius: '4px',
-    borderBottomRightRadius: '4px',
-}));
-export const DownloadedFile = styled(Box)(({ theme }) => ({
-    display: 'flex',
-    alignItems: 'center',
-    gap: '8px',
-    padding: '5.5px 8px',
-    minHeight: 48,
-    height: 'auto',
-    borderBottom: `1px solid ${theme.palette.divider}`,
-    cursor: 'pointer',
-    '&:hover': {
-        boxShadow: theme.shadows[3],
-    },
-}));
-export const DownloadedFileInfo = styled(Box)(() => ({
-    display: 'flex',
-    flexDirection: 'column',
-    gap: '2px',
-}));
-export const DownloadedFileDetails = styled(Box)(() => ({
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'space-between',
-    flex: 1,
-}));
-export const DownloadedFileName = styled(Box)(({ theme }) => ({
-    fontSize: '11px',
-    color: theme.palette.text.primary,
-    fontWeight: 500,
-    wordBreak: 'break-all',
-    paddingInlineEnd: '8px',
-}));
-export const DownloadedFileTime = styled(Box)(({ theme }) => ({
-    fontSize: '9px',
-    color: theme.palette.text.textSecondary,
-    fontWeight: 600,
-}));
-export const FileType = styled(Box)(({ theme }) => ({
-    display: 'flex',
-    alignItems: 'center',
-    gap: '8px',
-    height: 32,
-    padding: '4px 8px',
-    borderBottom: `1px solid ${theme.palette.divider}`,
-    cursor: 'pointer',
-    '&:hover': {
-        boxShadow: theme.shadows[3],
-    },
-}));
-export const FileTypeName = styled(Box)(({ theme }) => ({
-    fontSize: '11px',
-    color: theme.palette.text.primary,
-    fontWeight: 400,
-    textTransform: 'uppercase',
-}));
-export const DownloadsStyled = styled(Box)(({ theme }) => ({
-    borderTop: `2px solid ${theme.palette.divider}`,
-}));
-export const LinearProgressStyled = styled(Box)(({ theme }) => ({
-    position: 'absolute',
-    bottom: 0,
-    right: 0,
-    left: 0,
-    '.MuiLinearProgress-root': {
-        backgroundColor: theme.palette.divider,
-        height: 2,
-    },
-    '.MuiLinearProgress-bar': {
-        background: theme.palette.background.gradient.shadedBlue,
-    },
-    '&.done .MuiLinearProgress-bar': {
-        background: theme.palette.success.dark,
-    },
-    '&.failed .MuiLinearProgress-bar': {
-        background: theme.palette.common.red,
-    },
-}));
-export const LoadingButton = styled(Box)(({ theme }) => ({
-    display: 'flex',
-    alignItems: 'center',
-    gap: '8px',
-    '.MuiCircularProgress-root': {
-        width: '14px !important',
-        height: '14px !important',
-        display: 'flex',
-    },
-    '.MuiCircularProgress-circle': {
-        strokeWidth: '1.017px',
-        stroke: alpha(theme.palette.common.black, 0.62),
-    },
-}));
-export const CircularProgressWrapper = styled(Box)(() => ({
-    position: 'relative',
-}));
-export const Counting = styled(Box)(({ theme }) => ({
-    position: 'absolute',
-    color: theme.palette.common.black,
-    fontSize: '7.875px',
-    fontWeight: 700,
-    width: 14,
-    height: 14,
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-}));
-export const DownloadIcon = styled('img')(() => ({
-    width: 14,
-    height: 14,
-}));
-export const RecordLoadingWrapper = styled(Box)(() => ({
-    display: 'flex',
-    flexDirection: 'row',
-    alignItems: 'center',
-    gap: '8px',
-    padding: '8px',
-}));

package/build/components/TableReports/type.js

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

package/build/components/TableReports/utils.js

@@ -1,32 +0,0 @@
-import dayjs from 'dayjs';
-export const getReportDate = (date) => {
-    const todayDate = new Date();
-    const isCurrentYear = dayjs(date).isSame(todayDate, 'year');
-    let format = {
-        sameDay: 'DD MMM, YYYY',
-        nextDay: 'DD MMM, YYYY',
-        lastDay: 'DD MMM, YYYY',
-        sameElse: 'DD MMM, YYYY',
-        lastWeek: 'DD MMM, YYYY',
-        nextWeek: 'DD MMM, YYYY',
-    };
-    if (isCurrentYear) {
-        format = {
-            sameDay: 'DD MMM',
-            nextDay: 'DD MMM',
-            lastDay: 'DD MMM',
-            sameElse: 'DD MMM',
-            lastWeek: 'DD MMM',
-            nextWeek: 'DD MMM',
-        };
-    }
-    return dayjs(date).calendar(null, format);
-};
-export const generateFileNameWithExtension = (fileName, newName) => {
-    const currentDate = new Date().toISOString().split('T')[0];
-    const finalName = newName !== null && newName !== void 0 ? newName : `file_${currentDate}`;
-    const extensionRegex = /\.(xlx|xlsx|csv|txt|doc|docx|pdf|jpg|png|gif|zip|rar)$/i;
-    const match = extensionRegex.exec(fileName);
-    const extension = match ? match[0] : '.csv';
-    return `${finalName}${extension}`;
-};

package/build/components/TableView/CustomViews.js

@@ -1,80 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import { useTranslation } from 'react-i18next';
-import startCase from 'lodash/startCase';
-import { Reorder } from 'framer-motion';
-import Box from '@mui/material/Box';
-import Menu from '@mui/material/Menu';
-import { useTheme } from '@mui/material/styles';
-// import MenuItem from '@components/NestedDropdown/MenuItem'
-import { downArrowIcon } from '../../constants/index.js';
-import { ButtonStyled, ListStyled, DropdownStyled } from './style';
-import { NestedMenuItem as MenuItem } from '../NestedDropdown';
-function CustomViews({ open, onSelect, setTableViews: setColumns, tableViews, anchorEl, onClose }) {
-    const columns = tableViews || [];
-    const { t } = useTranslation();
-    const theme = useTheme();
-    const modifyColumns = (selectedCols) => {
-        const newColumns = selectedCols === null || selectedCols === void 0 ? void 0 : selectedCols.map((col) => {
-            const selectedColumn = columns.find((column) => column.name === col);
-            return selectedColumn;
-        });
-        setColumns === null || setColumns === void 0 ? void 0 : setColumns(newColumns);
-    };
-    const handleUnSelectColumn = (selectedCols) => {
-        const newCols = columns.map((column) => {
-            var _a;
-            const newMenuItems = (_a = column.menuItems) === null || _a === void 0 ? void 0 : _a.map((menuItem) => {
-                if (menuItem.name === selectedCols.name) {
-                    return Object.assign(Object.assign({}, menuItem), { selected: false });
-                }
-                return menuItem;
-            });
-            return Object.assign(Object.assign({}, column), { selected: newMenuItems === null || newMenuItems === void 0 ? void 0 : newMenuItems.every((i) => i.selected), menuItems: newMenuItems });
-        });
-        setColumns === null || setColumns === void 0 ? void 0 : setColumns(newCols);
-    };
-    const orderedColumns = columns === null || columns === void 0 ? void 0 : columns.map((column) => column.name);
-    return (_jsxs(DropdownStyled, Object.assign({ "data-testid": "TableView_CustomViews" }, { children: [_jsxs(ButtonStyled, Object.assign({ "data-testid": "TableView_CustomViews_Button", onClick: (e) => {
-                    onSelect(e);
-                } }, { children: [_jsx("div", { children: t('columns') }), _jsx("img", { src: downArrowIcon, alt: "arrow", style: Object.assign({}, (Boolean(open) && { transform: 'rotate(180deg)' })) })] })), _jsx(Menu, Object.assign({ open: open, anchorEl: anchorEl, "data-testid": "TableView_CustomViews_Popper", sx: { padding: 0, marginTop: '8px' }, MenuListProps: { sx: { py: 0 } }, onClose: onClose }, { children: _jsx(ListStyled, Object.assign({ component: "article", "data-testid": "TableView_CustomViews_List" }, { children: _jsx(Reorder.Group, Object.assign({ as: "div", axis: "y", onReorder: modifyColumns, values: orderedColumns, style: { maxHeight: 500, overflowY: 'auto' } }, { children: orderedColumns.map((name, index) => {
-                            var _a;
-                            const selectedColumn = columns.find((col) => col.name === name);
-                            return (_jsx(Box, Object.assign({ sx: Object.assign({ borderTop: `1px solid ${theme.palette.divider}` }, (index === 0 && { borderTop: 'none', height: 33 })) }, { children: _jsx(MenuItem, Object.assign({ setSelected: ({ name: selectedName, selected }) => {
-                                        const newMenuItems = columns === null || columns === void 0 ? void 0 : columns.map((menuItem) => {
-                                            var _a;
-                                            if (menuItem.name === selectedName) {
-                                                return Object.assign(Object.assign({}, menuItem), { selected, menuItems: (_a = menuItem.menuItems) === null || _a === void 0 ? void 0 : _a.map((childItem) => {
-                                                        return Object.assign(Object.assign({}, childItem), { selected });
-                                                    }) });
-                                            }
-                                            return menuItem;
-                                        });
-                                        setColumns === null || setColumns === void 0 ? void 0 : setColumns(newMenuItems || []);
-                                    }, onSelect: (selectedChild, parentName) => {
-                                        handleUnSelectColumn(selectedChild[0]);
-                                        // modifySelectedColumns(selectedChild)
-                                        const newMenuItems = columns === null || columns === void 0 ? void 0 : columns.map((menuItem) => {
-                                            var _a;
-                                            if (menuItem.name === parentName) {
-                                                const newChildren = (_a = menuItem.menuItems) === null || _a === void 0 ? void 0 : _a.map((childItem) => {
-                                                    var _a, _b;
-                                                    if (childItem.name === ((_a = selectedChild[0]) === null || _a === void 0 ? void 0 : _a.name)) {
-                                                        return Object.assign(Object.assign({}, childItem), { selected: (_b = selectedChild[0]) === null || _b === void 0 ? void 0 : _b.selected });
-                                                    }
-                                                    return childItem;
-                                                });
-                                                return Object.assign(Object.assign({}, menuItem), { menuItems: newChildren, selected: newChildren === null || newChildren === void 0 ? void 0 : newChildren.some((i) => i.selected) });
-                                            }
-                                            return menuItem;
-                                        });
-                                        setColumns === null || setColumns === void 0 ? void 0 : setColumns(newMenuItems || []);
-                                    } }, {
-                                    name,
-                                    selected: selectedColumn === null || selectedColumn === void 0 ? void 0 : selectedColumn.selected,
-                                    label: (_a = t(selectedColumn === null || selectedColumn === void 0 ? void 0 : selectedColumn.label)) !== null && _a !== void 0 ? _a : startCase(selectedColumn === null || selectedColumn === void 0 ? void 0 : selectedColumn.label),
-                                    menuItems: selectedColumn === null || selectedColumn === void 0 ? void 0 : selectedColumn.menuItems,
-                                }), `${name}`) }), `${name}`));
-                        }) })) })) }))] })));
-}
-export default React.memo(CustomViews);

package/build/components/TableView/DefaultViews.js

@@ -1,22 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import Popper from '@mui/material/Popper';
-import { useTranslation } from 'react-i18next';
-import { downArrowIcon, checkIcon } from '../../constants/index.js';
-import { ButtonStyled, ListStyled, DropdownStyled, MenuItem, Space, SpaceAfter } from './style';
-import { dummyViewList } from './data';
-function DefaultViews({ open, selectedViewInfo, setSelectedViewInfo, onSelect, setViews, anchorEl }) {
-    const { t } = useTranslation();
-    return (_jsxs(DropdownStyled, Object.assign({ "data-testid": "TableView_DefaultViews" }, { children: [_jsxs(ButtonStyled, Object.assign({ onClick: (e) => {
-                    onSelect(e);
-                } }, { children: [_jsx("div", { children: selectedViewInfo.label }), _jsx("img", { src: downArrowIcon, alt: "arrow", style: Object.assign({}, (Boolean(open) && { transform: 'rotate(180deg)' })) })] })), _jsx(Popper, Object.assign({ open: open, anchorEl: anchorEl, placement: "bottom-start" }, { children: _jsxs(ListStyled, { children: [dummyViewList.map((item) => (_jsxs(MenuItem, Object.assign({ onClick: () => {
-                                setSelectedViewInfo(item);
-                                setViews === null || setViews === void 0 ? void 0 : setViews(item.columns);
-                            } }, { children: [item.id === selectedViewInfo.id ? _jsx("img", { className: "check-icon", src: checkIcon, alt: "arrow" }) : _jsx(Space, {}), _jsx("span", { children: item.label }), _jsx(SpaceAfter, {})] }), item.id))), _jsxs(MenuItem, Object.assign({ sx: {
-                                border: 'none',
-                            }, onClick: (e) => {
-                                e.stopPropagation();
-                                setSelectedViewInfo({ label: 'Custom view', id: 'custom' });
-                            } }, { children: [selectedViewInfo.id === 'custom' ? _jsx("img", { className: "check-icon", src: checkIcon, alt: "arrow" }) : _jsx(Space, {}), _jsx("span", { children: t('createCustomView') }), _jsx(SpaceAfter, {})] }))] }) }))] })));
-}
-export default React.memo(DefaultViews);

package/build/components/TableView/TableView.js

@@ -1,56 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo, useState } from 'react';
-import { ClickAwayListener } from '@mui/material';
-import { useTranslation } from 'react-i18next';
-import { closeXIcon, viewIcon } from '../../constants/index.js';
-import { StyledButton } from '../Button';
-import Icon from '../Icon';
-import CustomViews from './CustomViews';
-import DefaultViews from './DefaultViews';
-import { ButtonStyled, ViewWrapper } from './style';
-function TableView({ onViewChange, setIsViewVisible, setTableViews, tableViews, resetTableViews }) {
-    const [anchorViewEl, setAnchorViewEl] = useState(null);
-    const [defaultViewEl, setDefaultViewElement] = useState(null);
-    const [customViewEl, setCustomViewElement] = useState(null);
-    const [selectedViewInfo, setSelectedViewInfo] = useState({
-        id: 'default',
-        label: 'Default',
-    });
-    const { t } = useTranslation();
-    const onViewButtonClick = (event) => {
-        onViewChange === null || onViewChange === void 0 ? void 0 : onViewChange();
-        setAnchorViewEl(event.currentTarget);
-        setIsViewVisible(true);
-    };
-    const closeViewDropdown = () => {
-        setDefaultViewElement(null);
-        setCustomViewElement(null);
-    };
-    const onClose = () => {
-        setAnchorViewEl(null);
-        setIsViewVisible(false);
-        // to be removed
-        setSelectedViewInfo({ label: 'Default', id: 'default' });
-    };
-    const handleSelectedViewInfo = (selected) => {
-        setSelectedViewInfo(selected);
-        closeViewDropdown();
-    };
-    if (!anchorViewEl) {
-        return (_jsx(StyledButton, Object.assign({ title: t('tableView'), onClick: onViewButtonClick, "data-testid": "TableView_no_anchorViewEl_button" }, { children: _jsx(Icon, { src: viewIcon, alt: "view-icon", sx: { width: 14, height: 14 } }) })));
-    }
-    return (_jsx(ClickAwayListener, Object.assign({ onClickAway: closeViewDropdown }, { children: _jsxs(ViewWrapper, Object.assign({ "data-testid": "TableView" }, { children: [selectedViewInfo.id === 'custom' && (_jsx(CustomViews, { tableViews: tableViews, setTableViews: setTableViews, anchorEl: customViewEl, open: Boolean(customViewEl), onSelect: (e) => {
-                        setCustomViewElement(customViewEl ? null : e.currentTarget);
-                        setDefaultViewElement(null);
-                    }, onClose: () => {
-                        setCustomViewElement(null);
-                    } })), _jsx(DefaultViews, { open: Boolean(defaultViewEl), anchorEl: defaultViewEl, setSelectedViewInfo: (view) => {
-                        handleSelectedViewInfo(view);
-                    }, selectedViewInfo: selectedViewInfo, onSelect: (e) => {
-                        setDefaultViewElement(defaultViewEl ? null : e.currentTarget);
-                        setCustomViewElement(null);
-                    }, setViews: (views) => {
-                        resetTableViews === null || resetTableViews === void 0 ? void 0 : resetTableViews({ id: views[0], label: views[0] });
-                    } }), _jsx(ButtonStyled, Object.assign({ sx: { width: 30, justifyContent: 'center' }, onClick: onClose }, { children: _jsx("img", { src: closeXIcon, alt: "close" }) }))] })) })));
-}
-export default memo(TableView);

package/build/components/TableView/data.js

@@ -1,7 +0,0 @@
-export const dummyViewList = [
-    {
-        label: 'Default',
-        id: 'default',
-        columns: ['default', 'default'],
-    },
-];

package/build/components/TableView/style.js

@@ -1,102 +0,0 @@
-import { Box, styled } from '@mui/material';
-export const ButtonStyled = styled(Box)(({ theme }) => ({
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'space-between',
-    borderRadius: '4px',
-    background: theme.palette.common.white,
-    padding: '8px',
-    border: '1px solid',
-    borderColor: theme.palette.divider,
-    gap: 8,
-    height: 32,
-    cursor: 'pointer',
-    '&:hover': {
-        border: '1px solid',
-        borderColor: theme.palette.info.dark,
-        boxShadow: theme.shadows[7],
-    },
-}));
-export const ViewWrapper = styled(Box)(({ theme }) => ({
-    background: theme.palette.common.white,
-    display: 'flex',
-    gap: theme.spacing(1),
-    alignItems: 'center',
-    color: theme.palette.text.primary,
-    fontSize: '11px',
-    fontWeight: theme.typography.fontWeightRegular,
-    textTransform: 'capitalize',
-    position: 'relative',
-    transition: '0.5s',
-    '&:after': {
-        content: '""',
-        position: 'absolute',
-        left: -8,
-        right: 0,
-        width: '100%',
-        height: '100%',
-        boxShadow: theme.shadows[11],
-        borderRadius: theme.spacing(0.5),
-        paddingInlineStart: theme.spacing(1),
-        paddingTop: '9px',
-        paddingBottom: '9px',
-        paddingInlineEnd: '9px',
-        zIndex: -1,
-    },
-}));
-export const ListStyled = styled(Box)(({ theme }) => ({
-    background: theme.palette.common.white,
-    borderRadius: theme.spacing(0.5),
-    boxShadow: theme.shadows[8],
-    border: '1px solid',
-    borderColor: theme.palette.divider,
-    zIndex: 5,
-    fontSize: '11px',
-    width: 192,
-}));
-export const DropdownStyled = styled(Box)(() => ({
-    minWidth: 160,
-    position: 'relative',
-}));
-export const MenuItem = styled(Box, { shouldForwardProp: (props) => props !== 'addColumnViewEl' })(({ theme }) => ({
-    padding: theme.spacing(1),
-    paddingInlineEnd: 2,
-    borderBottom: '1px solid',
-    borderColor: theme.palette.divider,
-    display: 'flex',
-    alignItems: 'center',
-    height: 32,
-    cursor: 'pointer',
-    img: {
-        height: 12,
-    },
-    '.check-icon': {
-        height: 'auto',
-        marginInlineEnd: theme.spacing(1),
-    },
-    '&:hover': {
-        color: theme.palette.info.dark,
-        fontWeight: theme.typography.fontWeightBold,
-    },
-    '&.add-column': {
-        justifyContent: 'space-between',
-        paddingInlineEnd: theme.spacing(1),
-        position: 'relative',
-        border: 'none',
-        zIndex: 5,
-        borderBottom: '1px solid',
-        borderColor: theme.palette.divider,
-        borderTopRightRadius: theme.spacing(1),
-        borderTopLeftRadius: theme.spacing(1),
-        '&:hover': {
-            boxShadow: theme.shadows[6],
-        },
-    },
-}));
-export const Space = styled(Box)(({ theme }) => ({
-    width: 12,
-    marginInlineEnd: theme.spacing(1),
-}));
-export const SpaceAfter = styled(Box)(() => ({
-    width: 16,
-}));

package/build/components/TapLogo/TapLogo.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo } from 'react';
-function TapLogo({ width = 78, height = 32 }) {
-    return (_jsxs("svg", Object.assign({ width: width, height: height, viewBox: "0 0 289 210", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("g", Object.assign({ filter: "url(#filter0_di_46_16849)" }, { children: _jsx("rect", { x: "123", y: "40", width: "121.36", height: "121.36", rx: "32", fill: "url(#paint0_linear_46_16849)" }) })), _jsx("path", { d: "M165.45 124.938C161.073 124.938 157.342 123.958 154.257 121.999C151.172 120.019 148.837 117.267 147.253 113.744C145.669 110.222 144.877 106.136 144.877 101.488C144.877 96.8397 145.669 92.7541 147.253 89.2314C148.837 85.7087 151.172 82.9677 154.257 81.0083C157.342 79.0281 161.073 78.038 165.45 78.038C169.849 78.038 173.59 79.0281 176.675 81.0083C179.76 82.9677 182.095 85.7087 183.679 89.2314C185.263 92.7541 186.055 96.8397 186.055 101.488C186.055 106.136 185.263 110.222 183.679 113.744C182.095 117.267 179.76 120.019 176.675 121.999C173.59 123.958 169.849 124.938 165.45 124.938ZM165.45 121.03C168.994 121.03 171.985 120.217 174.424 118.591C176.863 116.944 178.687 114.662 179.896 111.743C181.125 108.804 181.74 105.386 181.74 101.488C181.74 97.5901 181.125 94.182 179.896 91.2638C178.687 88.3247 176.863 86.0422 174.424 84.4164C171.985 82.7905 168.994 81.9671 165.45 81.9463C161.949 81.9463 158.978 82.7697 156.539 84.4164C154.101 86.0422 152.266 88.3143 151.036 91.2325C149.828 94.1507 149.213 97.5692 149.192 101.488C149.15 105.365 149.744 108.773 150.974 111.712C152.204 114.651 154.038 116.934 156.477 118.56C158.937 120.185 161.928 121.009 165.45 121.03Z", fill: "white" }), _jsx("path", { d: "M205.269 124.938C202.163 124.938 199.359 124.417 196.858 123.375C194.356 122.332 192.293 120.863 190.667 118.966C189.062 117.048 187.999 114.787 187.478 112.181L191.605 111.493C192.105 113.453 193.002 115.151 194.294 116.59C195.586 118.028 197.181 119.133 199.078 119.904C200.995 120.654 203.101 121.03 205.394 121.03C207.728 121.03 209.802 120.665 211.616 119.935C213.429 119.185 214.847 118.132 215.868 116.777C216.889 115.402 217.4 113.807 217.4 111.994C217.4 110.43 217.035 109.138 216.306 108.116C215.576 107.095 214.701 106.313 213.679 105.771C212.658 105.209 211.47 104.719 210.115 104.302L198.765 100.925C196.722 100.321 195.003 99.5494 193.606 98.6114C192.209 97.6734 191.126 96.5061 190.354 95.1096C189.604 93.713 189.229 92.0975 189.229 90.2632C189.229 87.8453 189.875 85.7087 191.167 83.8536C192.46 81.9984 194.263 80.5706 196.576 79.57C198.89 78.5487 201.506 78.038 204.424 78.038C207.384 78.0588 210.052 78.6112 212.429 79.6951C214.805 80.7582 216.754 82.2798 218.275 84.26C219.797 86.2194 220.787 88.5331 221.246 91.2012L217.056 91.9516C216.743 89.9714 216.003 88.2309 214.836 86.7301C213.69 85.2085 212.21 84.0412 210.396 83.2282C208.583 82.3945 206.582 81.9671 204.393 81.9463C202.309 81.9463 200.433 82.3007 198.765 83.0094C197.118 83.7181 195.826 84.6978 194.888 85.9484C193.971 87.1783 193.512 88.5644 193.512 90.1069C193.512 91.5869 193.919 92.8167 194.732 93.7964C195.545 94.7761 196.524 95.5369 197.671 96.0788C198.838 96.5999 200.214 97.0898 201.798 97.5484L210.74 100.175C212.533 100.696 214.18 101.332 215.68 102.082C217.181 102.812 218.526 103.979 219.714 105.584C220.902 107.189 221.496 109.284 221.496 111.868C221.496 114.557 220.798 116.882 219.401 118.841C218.025 120.8 216.108 122.312 213.648 123.375C211.209 124.417 208.416 124.938 205.269 124.938Z", fill: "white" }), _jsx("path", { d: "M18.7164 123.645C14.7917 124.452 11.2433 124.465 8.07124 123.685C4.89919 122.906 2.65457 121.172 1.33737 118.484C0.719086 117.194 0.329301 115.89 0.168011 114.573C0.0336023 113.255 -0.0201611 111.468 0.00672029 109.21V108.202V68H5.28898V108.04V109.331C5.2621 111.078 5.28898 112.409 5.36962 113.323C5.47715 114.237 5.74597 115.083 6.17608 115.863C7.09005 117.61 8.55511 118.699 10.5712 119.129C12.5874 119.559 15.3024 119.492 18.7164 118.927V123.645ZM0.00656226 80.0968H18.7164V84.7339H0.00656226V80.0968Z", fill: "#20232B" }), _jsx("path", { d: "M39.7251 124.855C36.5262 124.855 33.7977 124.277 31.5396 123.121C29.2815 121.965 27.588 120.419 26.459 118.484C25.3299 116.522 24.7654 114.358 24.7654 111.992C24.7654 108.524 25.7735 105.769 27.7896 103.726C29.8326 101.683 32.588 100.231 36.0557 99.371C38.3676 98.8333 40.8273 98.3763 43.4348 98C46.0692 97.6237 49.6176 97.1398 54.0799 96.5484C55.424 96.414 56.7009 96.2527 57.9106 96.0645L56.0154 97.2339C56.0692 94.1694 55.7063 91.6694 54.9267 89.7339C54.174 87.7715 52.8971 86.3199 51.0961 85.379C49.3219 84.4113 46.9428 83.9274 43.959 83.9274C40.76 83.9274 38.1122 84.6532 36.0154 86.1048C33.9455 87.5296 32.5074 89.7204 31.7009 92.6774L26.4186 91.1855C27.4401 87.2339 29.4563 84.1962 32.467 82.0726C35.4778 79.9489 39.3488 78.8871 44.0799 78.8871C48.0853 78.8871 51.459 79.6532 54.2009 81.1855C56.9697 82.7177 58.9052 84.8817 60.0074 87.6774C60.4643 88.8333 60.7869 90.164 60.9751 91.6694C61.1633 93.1747 61.2574 94.8011 61.2574 96.5484V123.645H56.4993V112.435L58.0316 112.96C57.0907 115.513 55.7466 117.677 53.9993 119.452C52.252 121.226 50.1686 122.57 47.7493 123.484C45.3299 124.398 42.6552 124.855 39.7251 124.855ZM40.1686 120.137C42.9643 120.137 45.4375 119.64 47.588 118.645C49.7654 117.624 51.5127 116.199 52.8299 114.371C54.174 112.543 55.0477 110.419 55.4509 108C55.6928 106.925 55.8407 105.796 55.8945 104.613C55.9482 103.403 55.9751 101.965 55.9751 100.298V99.5726L58.1122 100.782L55.5316 101.105C51.5799 101.535 48.2197 101.938 45.4509 102.315C42.6821 102.691 40.209 103.161 38.0315 103.726C35.7466 104.371 33.8514 105.339 32.3461 106.629C30.8676 107.919 30.1283 109.707 30.1283 111.992C30.1283 113.39 30.4643 114.707 31.1364 115.944C31.8084 117.18 32.8971 118.188 34.4025 118.968C35.9079 119.747 37.8299 120.137 40.1686 120.137Z", fill: "#20232B" }), _jsx("path", { d: "M91.0746 124.855C87.2306 124.855 83.9107 123.86 81.115 121.871C78.3462 119.855 76.2359 117.113 74.7843 113.645C73.3596 110.151 72.6472 106.199 72.6472 101.79C72.6472 97.3548 73.3596 93.4167 74.7843 89.9758C76.2359 86.5081 78.373 83.793 81.1956 81.8306C84.0451 79.8683 87.4591 78.8871 91.4376 78.8871C95.2816 78.8871 98.6284 79.8817 101.478 81.871C104.327 83.8602 106.505 86.6021 108.01 90.0968C109.542 93.5645 110.309 97.4624 110.309 101.79C110.309 106.199 109.542 110.151 108.01 113.645C106.505 117.14 104.3 119.882 101.397 121.871C98.494 123.86 95.0531 124.855 91.0746 124.855ZM71.7601 80.0968H76.5182V113.242H77.0424V143H71.7601V80.0968ZM90.6311 119.855C93.6687 119.855 96.2359 119.075 98.3327 117.516C100.456 115.957 102.042 113.82 103.091 111.105C104.166 108.39 104.704 105.285 104.704 101.79C104.704 98.3226 104.179 95.2446 103.131 92.5565C102.083 89.8414 100.497 87.7177 98.373 86.1855C96.2494 84.6263 93.6419 83.8468 90.5505 83.8468C87.5128 83.8468 84.9322 84.6129 82.8085 86.1452C80.7117 87.6505 79.1392 89.7473 78.0908 92.4355C77.0424 95.1237 76.5182 98.2419 76.5182 101.79C76.5182 105.339 77.0424 108.47 78.0908 111.185C79.166 113.901 80.7521 116.024 82.8488 117.556C84.9725 119.089 87.5666 119.855 90.6311 119.855Z", fill: "#20232B" }), _jsxs("defs", { children: [_jsxs("filter", Object.assign({ id: "filter0_di_46_16849", x: "79", y: "0", width: "209.359", height: "209.36", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, { children: [_jsx("feFlood", { "flood-opacity": "0", result: "BackgroundImageFix" }), _jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), _jsx("feOffset", { dy: "4" }), _jsx("feGaussianBlur", { stdDeviation: "22" }), _jsx("feComposite", { in2: "hardAlpha", operator: "out" }), _jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0" }), _jsx("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_46_16849" }), _jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_46_16849", result: "shape" }), _jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), _jsx("feOffset", { dy: "-4" }), _jsx("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }), _jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0" }), _jsx("feBlend", { mode: "normal", in2: "shape", result: "effect2_innerShadow_46_16849" })] })), _jsxs("linearGradient", Object.assign({ id: "paint0_linear_46_16849", x1: "123", y1: "100.68", x2: "244.36", y2: "100.68", gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { "stop-color": "#42464F" }), _jsx("stop", { offset: "1", "stop-color": "#272B34" })] }))] })] })));
-}
-export default memo(TapLogo);

package/build/components/Text/Text.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { memo } from 'react';
-import { styled } from '@mui/material/styles';
-import Typography from '@mui/material/Typography';
-const StyledText = styled(Typography)(({ theme }) => (Object.assign({ color: theme.palette.text.primary }, theme.typography.subtitle2)));
-function Text(props) {
-    return _jsx(StyledText, Object.assign({ variant: "subtitle2" }, props));
-}
-export default memo(Text);

package/build/components/Timepicker/Timepicker.js

@@ -1,87 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect } from 'react';
-import ClickAwayListener from '@mui/material/ClickAwayListener';
-import Box from '@mui/material/Box';
-import Menu from '../Menu';
-import Text from '../Text';
-import { greyUpArrowIcon, greyDownArrowIcon } from '../../constants/index.js';
-import { convertToNumber } from '../../utils/index.js';
-import { Arrow, Button, Period, PeriodWrapper, Wrapper, Time, TimeWrapper, Input } from './style';
-import { getDefaultHour, getDefaultMinute } from './utils';
-import { maxHour, maxMinute, periodList } from './constant';
-export function TimePicker({ onChange, defaultTime, enableRealTimeChange, size = 'large' }) {
-    var _a, _b, _c;
-    const [anchorEl, setAnchorEl] = useState(null);
-    const [period, setPeriod] = useState((_a = defaultTime === null || defaultTime === void 0 ? void 0 : defaultTime.period) !== null && _a !== void 0 ? _a : (new Date().getHours() >= maxHour ? 'PM' : 'AM'));
-    const [hours, setHours] = useState((_b = defaultTime === null || defaultTime === void 0 ? void 0 : defaultTime.hour) !== null && _b !== void 0 ? _b : getDefaultHour());
-    const [minutes, setMinutes] = useState((_c = defaultTime === null || defaultTime === void 0 ? void 0 : defaultTime.minute) !== null && _c !== void 0 ? _c : getDefaultMinute());
-    const open = Boolean(anchorEl);
-    useEffect(() => {
-        if (!enableRealTimeChange)
-            return;
-        onChange === null || onChange === void 0 ? void 0 : onChange({ hour: hours, minute: minutes, period: period });
-    }, [hours, minutes, period, enableRealTimeChange]);
-    const onOpen = (e) => {
-        setAnchorEl(e.currentTarget);
-    };
-    const onClose = () => {
-        setAnchorEl(null);
-        // Return the 12-hour format with period to match the Time type
-        onChange === null || onChange === void 0 ? void 0 : onChange({ hour: hours, minute: minutes, period: period });
-    };
-    const onClickPeriod = (selectedPeriod) => {
-        setPeriod(selectedPeriod);
-    };
-    const formatTime = (time) => (time < 10 ? `0${time}` : time.toString());
-    const onChangeHours = (e) => {
-        const value = convertToNumber(formatTime(Number(e.target.value)));
-        if (value > maxHour) {
-            e.preventDefault();
-            return;
-        }
-        setHours(value);
-    };
-    const onIncreaseHours = () => {
-        setHours((prev) => {
-            if (prev === maxHour)
-                return 1;
-            return prev + 1;
-        });
-    };
-    const onDecreaseHours = () => {
-        setHours((prev) => {
-            if (prev === 1)
-                return maxHour;
-            return prev - 1;
-        });
-    };
-    const onChangeMinutes = (e) => {
-        const value = convertToNumber(formatTime(Number(e.target.value)));
-        if (value > maxMinute) {
-            e.preventDefault();
-            return;
-        }
-        setMinutes(value);
-    };
-    const onIncreaseMinutes = () => {
-        setMinutes((prev) => {
-            if (prev === maxMinute) {
-                onIncreaseHours();
-                return 0;
-            }
-            return prev + 1;
-        });
-    };
-    const onDecreaseMinutes = () => {
-        setMinutes((prev) => {
-            if (prev === 0) {
-                onDecreaseHours();
-                return maxMinute;
-            }
-            return prev - 1;
-        });
-    };
-    return (_jsx(ClickAwayListener, Object.assign({ onClickAway: onClose }, { children: _jsxs(Box, { children: [_jsx(Button, Object.assign({ size: size, open: open, onClick: onOpen }, { children: `${formatTime(hours)}:${formatTime(minutes)}${period.toLowerCase()}` })), _jsx(Menu, Object.assign({ open: open, anchorEl: anchorEl, placement: "top-start", sx: { marginTop: '8px', marginBottom: '8px' } }, { children: _jsxs(Wrapper, { children: [_jsxs(TimeWrapper, { children: [_jsxs(Time, { children: [_jsx(Arrow, Object.assign({ onClick: onIncreaseHours }, { children: _jsx("img", { src: greyUpArrowIcon, alt: "arrow" }) })), _jsx(Input, { value: formatTime(hours), onChange: onChangeHours }), _jsx(Arrow, Object.assign({ onClick: onDecreaseHours }, { children: _jsx("img", { src: greyDownArrowIcon, alt: "arrow" }) }))] }), _jsx(Text, { children: ":" }), _jsxs(Time, { children: [_jsx(Arrow, Object.assign({ onClick: onIncreaseMinutes }, { children: _jsx("img", { src: greyUpArrowIcon, alt: "arrow" }) })), _jsx(Input, { value: formatTime(minutes), onChange: onChangeMinutes }), _jsx(Arrow, Object.assign({ onClick: onDecreaseMinutes }, { children: _jsx("img", { src: greyDownArrowIcon, alt: "arrow" }) }))] })] }), _jsx(PeriodWrapper, { children: periodList.map((item) => (_jsx(Period, Object.assign({ onClick: () => {
-                                        onClickPeriod(item);
-                                    }, selected: period === item }, { children: item }), item))) })] }) }))] }) })));
-}

package/build/components/Timepicker/constant.js

@@ -1,3 +0,0 @@
-export const periodList = ['AM', 'PM'];
-export const maxHour = 12;
-export const maxMinute = 59;

package/build/components/Timepicker/style.js

@@ -1,45 +0,0 @@
-import Box from '@mui/material/Box';
-import { styled, alpha } from '@mui/material/styles';
-import Text from '../Text';
-import InputNumber from '../InputNumber';
-export const Wrapper = styled(Box)(() => ({
-    width: 157,
-    padding: '16px',
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    gap: '16px',
-}));
-export const Button = styled(Text, { shouldForwardProp: (props) => props !== 'open' && props !== 'size' })(({ theme, open, size }) => (Object.assign({ fontSize: '11px', fontWeight: 500, background: theme.palette.common.white, border: `1px solid ${theme.palette.divider}`, borderRadius: '19px', height: size === 'large' ? 32 : 24, width: size === 'large' ? 74 : 58, display: 'flex', alignItems: 'center', justifyContent: 'center', cursor: 'pointer' }, (open && { boxShadow: '0px 0px 4px 0px #1F88D080', borderColor: theme.palette.info.dark }))));
-export const Arrow = styled(Box)(() => ({
-    textAlign: 'center',
-    cursor: 'pointer',
-    userSelect: 'none',
-}));
-export const Period = styled(Text, { shouldForwardProp: (props) => props !== 'selected' })(({ theme, selected }) => (Object.assign({ fontSize: '11px', fontWeight: 500, background: theme.palette.common.white, border: `1px solid ${theme.palette.divider}`, borderRadius: '4px', height: 24, width: 33, display: 'flex', alignItems: 'center', justifyContent: 'center', cursor: 'pointer' }, (selected && {
-    borderColor: 'transparent',
-    color: theme.palette.info.dark,
-    backgroundColor: alpha(theme.palette.info.dark, 0.1),
-}))));
-export const PeriodWrapper = styled(Box)(() => ({
-    display: 'flex',
-    flexDirection: 'column',
-    gap: '4px',
-}));
-export const TimeWrapper = styled(Box)(() => ({
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    gap: '4px',
-}));
-export const Time = styled(Box)(() => ({
-    display: 'flex',
-    flexDirection: 'column',
-    justifyContent: 'center',
-    gap: '6px',
-}));
-export const Input = styled(InputNumber)(() => ({
-    '.MuiInput-input': { fontWeight: '500', fontSize: '11px' },
-    height: 32,
-    width: 32,
-}));