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

package/build/components/FilteredIds/style.js

@@ -1,33 +0,0 @@
-import { Box, styled } from '@mui/material';
-export const FilteredIdsContainer = styled(Box, {
-    shouldForwardProp: (props) => props !== 'isLongerString',
-})(({ theme, isLongerString }) => ({
-    display: 'flex',
-    justifyContent: 'center',
-    alignItems: 'center',
-    padding: '6px 16px',
-    height: '32px',
-    background: theme.palette.background.gradient.shadedBlue,
-    color: theme.palette.common.white,
-    borderRadius: '50px',
-    fontSize: '11px',
-    gap: theme.spacing(1),
-    minWidth: isLongerString ? '12rem' : '8.4rem',
-    marginRight: 'auto',
-    position: 'relative',
-}));
-export const ImageWrapper = styled('div')(() => ({
-    padding: '3.5px',
-    background: 'rgba(32, 35, 43, 0.10);',
-    display: 'flex',
-    borderRadius: '50px',
-}));
-export const StyledStatusButton = styled('button')(() => ({
-    padding: 0,
-    cursor: 'pointer',
-    width: 'auto',
-    marginLeft: 'auto',
-    paddingRight: 0,
-    background: 'none',
-    border: 'none',
-}));

package/build/components/FilteredIds/type.js

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

package/build/components/Filters/style.js

@@ -1,51 +0,0 @@
-import { Box, Button, styled } from '@mui/material';
-import { Text } from '../index.js';
-export const FilterTitle = styled(Text)(({ theme }) => ({
-    fontWeight: theme.typography.fontWeightMedium,
-    fontSize: theme.typography.subtitle1.fontSize,
-    color: theme.palette.grey[700],
-    paddingInlineStart: theme.spacing(2),
-    paddingTop: theme.spacing(1),
-    paddingBottom: theme.spacing(1),
-    paddingInlineEnd: theme.spacing(1),
-    borderBottom: `1px solid ${theme.palette.divider}`,
-}));
-export const FilterFooter = styled(Box)(({ theme }) => ({
-    padding: '8px 16px',
-    display: 'flex',
-    gap: '8px',
-    justifyContent: 'center',
-    position: 'sticky',
-    bottom: 0,
-    backgroundColor: 'white',
-    zIndex: 99999,
-    borderTop: `1px solid ${theme.palette.divider}`,
-}));
-export const FilterOkayButton = styled(Button)(({ theme }) => ({
-    textTransform: 'capitalize',
-    minWidth: 'auto',
-    width: 74,
-    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,
-    },
-}));
-export const FilterCancelButton = styled(Button)(({ theme }) => ({
-    textTransform: 'capitalize',
-    minWidth: 'auto',
-    width: 74,
-    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',
-    },
-}));

package/build/components/FlagDetails/FlagDetails.js

@@ -1,31 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import dayjs from 'dayjs';
-import { RefundTooltipView } from '../TableCells';
-import { formatFlagDate, formatPayoutDate } from '../../utils/index.js';
-function FlagDetails({ flags }) {
-    const isAllFlagsClosed = flags === null || flags === void 0 ? void 0 : flags.every((flag) => flag.status === 'CLEARED');
-    const openedFlags = (flags === null || flags === void 0 ? void 0 : flags.filter((flag) => flag.status === 'OPEN')) || [];
-    const holdFlags = (openedFlags === null || openedFlags === void 0 ? void 0 : openedFlags.filter((flag) => flag.ishold)) || [];
-    const firstOpenFlag = openedFlags === null || openedFlags === void 0 ? void 0 : openedFlags[0];
-    const firstHoldFlag = holdFlags === null || holdFlags === void 0 ? void 0 : holdFlags[0];
-    const renderFlagTooltip = () => {
-        var _a;
-        if (isAllFlagsClosed) {
-            return _jsx("div", { children: "Previously Flagged & Closed" });
-        }
-        if (openedFlags.length === 1 && ((_a = openedFlags === null || openedFlags === void 0 ? void 0 : openedFlags[0]) === null || _a === void 0 ? void 0 : _a.ishold)) {
-            return _jsx("div", { children: `Flagged & Balance Held ${formatPayoutDate(firstHoldFlag === null || firstHoldFlag === void 0 ? void 0 : firstHoldFlag.created)}` });
-        }
-        if (openedFlags.length > 1 && (holdFlags === null || holdFlags === void 0 ? void 0 : holdFlags.length) > 0) {
-            const isTheSameFlag = (firstOpenFlag === null || firstOpenFlag === void 0 ? void 0 : firstOpenFlag.id) === (firstHoldFlag === null || firstHoldFlag === void 0 ? void 0 : firstHoldFlag.id);
-            const isSameDay = dayjs(firstOpenFlag === null || firstOpenFlag === void 0 ? void 0 : firstOpenFlag.created).isSame(firstHoldFlag === null || firstHoldFlag === void 0 ? void 0 : firstHoldFlag.created);
-            return isTheSameFlag ? (_jsx("div", { children: `Flagged & Balance Held ${formatFlagDate(firstHoldFlag === null || firstHoldFlag === void 0 ? void 0 : firstHoldFlag.created)}` })) : (_jsxs("div", { children: [_jsx("div", { children: `Flagged ${formatFlagDate(firstOpenFlag === null || firstOpenFlag === void 0 ? void 0 : firstOpenFlag.created)}` }), _jsxs("div", { children: ["& Balance Held ", formatFlagDate(firstHoldFlag === null || firstHoldFlag === void 0 ? void 0 : firstHoldFlag.created, isSameDay)] })] }));
-        }
-        if (!isAllFlagsClosed && openedFlags.length > 1) {
-            return (_jsxs("div", { children: [`Flagged ${formatFlagDate(firstOpenFlag === null || firstOpenFlag === void 0 ? void 0 : firstOpenFlag.created)}`, " - ", _jsx(RefundTooltipView, { children: "View" })] }));
-        }
-        return _jsx("div", { children: `Flagged ${formatFlagDate(firstOpenFlag === null || firstOpenFlag === void 0 ? void 0 : firstOpenFlag.created)}` });
-    };
-    return renderFlagTooltip();
-}
-export default FlagDetails;

package/build/components/FlippingCard/FlippingCard.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Box from '@mui/material/Box';
-import { motion } from 'framer-motion';
-import { Wrapper } from './style';
-export default function FlippingCard({ frontCard, backCard, isFlipped }) {
-    return (_jsx(Wrapper, { children: _jsx(motion.div, Object.assign({ className: "card-container" }, { children: _jsxs(motion.div, Object.assign({ className: "card", animate: { rotateY: isFlipped ? 180 : 0 }, transition: { duration: 0.8 } }, { children: [_jsx(motion.div, Object.assign({ className: "card-front" }, { children: _jsx(Box, { children: frontCard }) })), _jsx(motion.div, Object.assign({ className: "card-back" }, { children: _jsx(Box, { children: backCard }) }))] })) })) }));
-}

package/build/components/FlippingCard/style.js

@@ -1,26 +0,0 @@
-import { styled } from '@mui/material/styles';
-import { motion } from 'framer-motion';
-export const Wrapper = styled(motion.div)(() => ({
-    width: '100%',
-    height: '100%',
-    '.card-front > div, .card-back > div, .card-container': { width: 'inherit', height: 'inherit' },
-    '.card-container': { perspective: '1000px' },
-    '.card': {
-        width: '100%',
-        height: '100%',
-        position: 'relative',
-        transformStyle: 'preserve-3d',
-    },
-    '.card-front, .card-back': {
-        position: 'absolute',
-        backfaceVisibility: 'hidden',
-        width: '100%',
-        height: '100%',
-        display: 'flex',
-        justifyContent: 'center',
-        alignItems: 'center',
-    },
-    '.card-back': {
-        transform: 'rotateY(180deg)',
-    },
-}));

package/build/components/HeatMap/HeatMap.js

@@ -1,20 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { StyledGrid, StyledXLabel, StyledValue, StyledYLabel, Wrapper } from './style';
-import Skeleton from '../Skeleton';
-import Tooltip from '../Tooltip';
-export default function HeatMap({ xAxis, yAxis, series, isLoading, tooltip }) {
-    const xLabels = xAxis.labels;
-    const yLabels = yAxis.labels;
-    return (_jsxs(Wrapper, { children: [_jsxs(StyledGrid, Object.assign({ rows: yLabels.length, columns: 1 }, { children: [_jsx("span", {}), yLabels.map((label, index) => (_jsx(StyledYLabel, Object.assign({ sx: {
-                            minWidth: '25px',
-                        } }, { children: yAxis.render ? yAxis.render(label) : label }), `${index}-${label}`)))] })), _jsxs(StyledGrid, Object.assign({ rows: yLabels.length, columns: xLabels.length }, { children: [xLabels.map((label, index) => (_jsx(StyledXLabel, { children: xAxis.render ? xAxis.render(label) : label }, `${index}-${label}`))), yLabels.map((yKey) => {
-                        return xLabels.map((xKey, index) => {
-                            var _a, _b;
-                            if (isLoading) {
-                                return _jsx(Skeleton, { variant: "rectangular", width: "24px", height: "8px" }, `${xKey}-${index}`);
-                            }
-                            const data = (_b = (_a = series === null || series === void 0 ? void 0 : series[xKey]) === null || _a === void 0 ? void 0 : _a[yKey]) !== null && _b !== void 0 ? _b : {};
-                            return (_jsx(Tooltip, Object.assign({ title: (tooltip === null || tooltip === void 0 ? void 0 : tooltip.render) && (data === null || data === void 0 ? void 0 : data.value) ? tooltip.render(data, xKey, yKey) : null }, { children: _jsx(StyledValue, { percentage: data === null || data === void 0 ? void 0 : data.colorOpacityDegree }) }), `${xKey}-${index}`));
-                        });
-                    })] }))] }));
-}

package/build/components/HeatMap/constant.js

@@ -1 +0,0 @@
-export const COLOR_OPACITY_DEGREE = [0.06, 0.1, 0.2, 0.3, 0.4, 0.5, 0.6, 0.7, 0.8, 0.9, 1.0]; // 0 - 10 so we have a fixed color degrees as per the design

package/build/components/HeatMap/style.js

@@ -1,34 +0,0 @@
-import Box from '@mui/material/Box';
-import { alpha, styled } from '@mui/material/styles';
-export const StyledGrid = styled(Box)(({ rows, columns }) => ({
-    display: 'grid',
-    gridTemplateColumns: `repeat(${columns}, 1fr)`,
-    gridTemplateRows: `repeat(${rows}, 1fr)`,
-    gap: '6px',
-}));
-export const StyledXLabel = styled(Box)(({ theme }) => ({
-    display: 'flex',
-    justifyContent: 'center',
-    alignItems: 'center',
-    textAlign: 'center',
-    fontSize: '10px',
-    fontWeight: 500,
-    color: theme.palette.grey[700],
-    lineHeight: '100%',
-    letterSpacing: '0',
-}));
-export const StyledValue = styled(Box)(({ theme, percentage = 0 }) => ({
-    width: '24px',
-    height: '8px',
-    borderRadius: '1px',
-    backgroundColor: percentage === 0 ? alpha(theme.palette.grey[700], 0.1) : alpha(theme.palette.info.dark, percentage),
-}));
-export const StyledYLabel = styled(StyledXLabel)(() => ({
-    fontSize: '9px',
-}));
-export const Wrapper = styled(Box)(() => ({
-    display: 'flex',
-    flexDirection: 'row',
-    gap: '10px',
-    padding: '22px 12px',
-}));

package/build/components/HeatMap/type.js

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

package/build/components/HeatMap/utils.js

@@ -1,9 +0,0 @@
-import { COLOR_OPACITY_DEGREE } from './constant';
-export function getColorOpacityDegree(value, min, max) {
-    if (min === max)
-        return 0;
-    const range = max - min;
-    const normalized = (value - min) / range;
-    const index = Math.floor(normalized * 10);
-    return COLOR_OPACITY_DEGREE[Math.max(0, Math.min(10, index))];
-}

package/build/components/IOSSwitch/IOSSwitch.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { memo } from 'react';
-import { SwitchStyled } from './styles';
-function IOSSwitch(props) {
-    return _jsx(SwitchStyled, Object.assign({ focusVisibleClassName: ".Mui-focusVisible", disableRipple: true }, props));
-}
-export default memo(IOSSwitch);

package/build/components/IOSSwitch/styles.js

@@ -1,49 +0,0 @@
-import { Switch, styled } from '@mui/material';
-export const SwitchStyled = styled(Switch)(({ theme }) => ({
-    width: 32.903,
-    height: 20,
-    borderRadius: '13px',
-    padding: 0,
-    '& .MuiSwitch-switchBase': {
-        padding: 0,
-        margin: 2,
-        transitionDuration: '300ms',
-        '&.Mui-checked': {
-            transform: 'translateX(13px)',
-            color: theme.palette.common.white,
-            '& + .MuiSwitch-track': {
-                backgroundColor: theme.palette.mode === 'dark' ? '#2ECA45' : '#34C759',
-                opacity: 1,
-                border: 0,
-            },
-            '&.Mui-disabled + .MuiSwitch-track': {
-                opacity: 0.5,
-            },
-        },
-        '&.Mui-focusVisible .MuiSwitch-thumb': {
-            color: '#33cf4d',
-            border: '6px solid',
-            borderColor: theme.palette.common.white,
-        },
-        '&.Mui-disabled .MuiSwitch-thumb': {
-            color: theme.palette.mode === 'light' ? theme.palette.grey[100] : theme.palette.grey[600],
-        },
-        '&.Mui-disabled + .MuiSwitch-track': {
-            opacity: theme.palette.mode === 'light' ? 0.7 : 0.3,
-        },
-    },
-    '& .MuiSwitch-thumb': {
-        boxSizing: 'border-box',
-        width: 16,
-        height: 16,
-        filter: 'drop-shadow(0px 1.9354851245880127px 0.6451616883277893px rgba(0, 0, 0, 0.06)) drop-shadow(0px 1.9354851245880127px 5.1612935066223145px rgba(0, 0, 0, 0.15))',
-    },
-    '& .MuiSwitch-track': {
-        borderRadius: 26 / 2,
-        backgroundColor: theme.palette.mode === 'light' ? '#E9E9EA' : '#39393D',
-        opacity: 1,
-        transition: theme.transitions.create(['background-color'], {
-            duration: 500,
-        }),
-    },
-}));

package/build/components/Icon/Icon.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, memo } from 'react';
-import { styled } from '@mui/material/styles';
-const IconComponent = styled('img')(({ theme }) => ({
-    width: theme.spacing(2),
-    height: theme.spacing(2),
-    verticalAlign: 'middle',
-}));
-const Icon = forwardRef((props, ref) => {
-    return _jsx(IconComponent, Object.assign({ sx: props.sx }, props, { ref: ref }));
-});
-export default memo(Icon);

package/build/components/Icon/type.js

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

package/build/components/IconGallery/IconGallery.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as icons from '../../constants/index.js';
-import { Wrapper, IconWrapper, IconName } from './styles';
-const typedIcons = icons;
-function IconGallery({ theme = 'light' }) {
-    return (_jsx(Wrapper, Object.assign({ mode: theme }, { children: Object.keys(icons)
-            .sort()
-            .map((iconName) => {
-            const iconPath = typedIcons[iconName];
-            return (_jsxs(IconWrapper, { children: [_jsx("img", { src: iconPath, height: 42, width: 42, alt: `${iconName} icon` }), _jsx(IconName, Object.assign({ mode: theme }, { children: iconName }))] }, iconName));
-        }) })));
-}
-export default IconGallery;

package/build/components/IconGallery/styles.js

@@ -1,21 +0,0 @@
-import Box from '@mui/material/Box';
-import { styled } from '@mui/material/styles';
-import { darkPalette, lightPalette } from '../../theme/index.js';
-export const Wrapper = styled(Box) `
-  display: grid;
-  grid-template-columns: repeat(3, 1fr);
-  grid-gap: 10px;
-  justify-items: center;
-  align-items: center;
-  text-align: center;
-  background-color: ${({ mode }) => { var _a, _b; return (mode === 'light' ? (_a = lightPalette.background) === null || _a === void 0 ? void 0 : _a.default : (_b = darkPalette.background) === null || _b === void 0 ? void 0 : _b.default); }};
-`;
-export const IconName = styled('p') `
-  color: ${({ mode }) => { var _a, _b; return (mode === 'light' ? (_a = lightPalette.text) === null || _a === void 0 ? void 0 : _a.primary : (_b = darkPalette.text) === null || _b === void 0 ? void 0 : _b.primary); }};
-  font-size: 1rem;
-`;
-export const IconWrapper = styled(Box) `
-  border: 1px solid ${(props) => props.theme.palette.grey[100]};
-  width: 100%;
-  padding: 10px;
-`;

package/build/components/IconGallery/type.js

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

package/build/components/IconWithBadge/IconWithBadge.js

@@ -1,21 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import Skeleton from '@mui/material/Skeleton';
-import Box from '@mui/material/Box';
-import { brandPlaceholderIcon } from '../../constants/index.js';
-import { Container, BadgeBox } from './style';
-import Tooltip from '../Tooltip';
-export default function IconWithBadge({ mainIcon, overlayIcon, mainIconAlt = 'main icon', mainIconSize = 20, containerSize = 24, overlayPosition = { top: 10, left: 17 }, borderColor = '#F2F2F2', label = '', sx, onError, containerSx, }) {
-    const [isLoading, setIsLoading] = useState(true);
-    return (_jsx(Tooltip, Object.assign({ title: label }, { children: _jsx(Box, Object.assign({ display: "flex", alignItems: "center", gap: 1, sx: Object.assign({ position: 'relative' }, containerSx) }, { children: _jsxs(Container, Object.assign({ style: {
-                    borderColor,
-                    width: containerSize,
-                    height: containerSize,
-                } }, { children: [mainIconSize && isLoading && (_jsx(Box, Object.assign({ width: mainIconSize, height: mainIconSize }, { children: isLoading && _jsx(Skeleton, { variant: "circular", width: `${mainIconSize}px`, height: `${mainIconSize}px` }) }))), _jsxs(_Fragment, { children: [overlayIcon && _jsx(BadgeBox, Object.assign({ sx: overlayPosition }, { children: overlayIcon })), _jsx(Box, { width: mainIconSize, height: mainIconSize, component: "img", src: mainIcon || brandPlaceholderIcon, alt: mainIconAlt, sx: Object.assign({ borderRadius: '50%', objectFit: 'scale-down', opacity: isLoading ? 0 : 1 }, sx), onError: (e) => {
-                                    setIsLoading(false);
-                                    e.currentTarget.src = brandPlaceholderIcon;
-                                    onError === null || onError === void 0 ? void 0 : onError(e);
-                                }, onLoad: () => {
-                                    setIsLoading(false);
-                                } })] })] })) })) })));
-}

package/build/components/IconWithBadge/style.js

@@ -1,11 +0,0 @@
-import { Box, styled } from '@mui/material';
-export const Container = styled(Box)(() => ({
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    borderRadius: 12,
-    border: '1.03px solid',
-}));
-export const BadgeBox = styled(Box) `
-  position: absolute;
-`;

package/build/components/IconWithBadge/type.js

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

package/build/components/IconWithHoverOverlays/IconWithHoverOverlays.js

@@ -1,19 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState, memo } from 'react';
-import Box from '@mui/material/Box';
-import { HoverContainer, IconWrapper, PlusBadgeWrapper } from './style';
-import Tooltip from '../Tooltip';
-import startCase from 'lodash/startCase';
-function IconWithHoverOverlays({ mainIcon, overlayIcons }) {
-    const [isHovering, setIsHovering] = useState(false);
-    const handleMouseEnter = () => {
-        if ((overlayIcons === null || overlayIcons === void 0 ? void 0 : overlayIcons.length) > 0) {
-            setIsHovering(true);
-        }
-    };
-    const handleMouseLeave = () => setIsHovering(false);
-    return (_jsx(Box, Object.assign({ sx: { position: 'relative' } }, { children: _jsxs(HoverContainer, Object.assign({ sx: {
-                position: 'relative',
-            }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, isHovering: isHovering }, { children: [_jsx(Tooltip, Object.assign({ title: startCase(mainIcon === null || mainIcon === void 0 ? void 0 : mainIcon.title) }, { children: _jsx(IconWrapper, { children: _jsx("img", { src: mainIcon === null || mainIcon === void 0 ? void 0 : mainIcon.iconUrl, alt: mainIcon === null || mainIcon === void 0 ? void 0 : mainIcon.title }) }) })), isHovering && (_jsxs(_Fragment, { children: [overlayIcons === null || overlayIcons === void 0 ? void 0 : overlayIcons.slice(0, 5).map((icon) => (_jsx(Tooltip, Object.assign({ title: startCase(icon.title) }, { children: _jsx(IconWrapper, { children: _jsx("img", { src: icon === null || icon === void 0 ? void 0 : icon.iconUrl, alt: icon === null || icon === void 0 ? void 0 : icon.title }) }) }), icon.title))), (overlayIcons === null || overlayIcons === void 0 ? void 0 : overlayIcons.length) > 5 && _jsxs(PlusBadgeWrapper, { children: ["+", (overlayIcons === null || overlayIcons === void 0 ? void 0 : overlayIcons.length) - 6] })] }))] })) })));
-}
-export default memo(IconWithHoverOverlays);

package/build/components/IconWithHoverOverlays/style.js

@@ -1,45 +0,0 @@
-import { styled } from '@mui/material/styles';
-import Box from '@mui/material/Box';
-export const HoverContainer = styled(Box)(({ isHovering }) => ({
-    position: 'absolute',
-    zIndex: 1000,
-    display: 'flex',
-    alignItems: 'center',
-    backgroundColor: '#FFFFFF',
-    borderRadius: '8px',
-    border: `1.03px solid ${isHovering ? '#F2F2F2' : 'transparent'}`,
-    padding: '4px 6px',
-    gap: '4px',
-    boxSizing: 'border-box',
-    whiteSpace: 'nowrap',
-    boxShadow: isHovering ? '10px 0px 8px 0px #F2F2F2' : 'none',
-}));
-export const IconWrapper = styled(Box)(({ theme }) => ({
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    width: '24px',
-    height: '24px',
-    borderRadius: '8px',
-    border: `1px solid ${theme.palette.divider}`,
-    cursor: 'pointer',
-    boxSizing: 'border-box',
-    '&.colored': {
-        border: 'none',
-        width: '24px',
-        height: '24px',
-    },
-    img: {
-        maxWidth: '24px',
-        maxHeight: '24px',
-        display: 'block',
-    },
-}));
-export const PlusBadgeWrapper = styled(IconWrapper)(({ theme }) => ({
-    color: theme.palette.text.primary,
-    border: `1px solid ${theme.palette.divider}`,
-    fontWeight: 600,
-    fontSize: '9.78px',
-    lineHeight: '100%',
-    letterSpacing: '0%',
-}));

package/build/components/IconWithLabel/IconWithLabel.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import IconWithOverlay from '../IconWithBadge/IconWithBadge';
-import { IconWithLabelRow, IconWithLabelName } from './style';
-function IconWithLabel({ item }) {
-    return (_jsxs(IconWithLabelRow, { children: [_jsx(IconWithOverlay, { mainIcon: item === null || item === void 0 ? void 0 : item.mainIcon, overlayIcon: item === null || item === void 0 ? void 0 : item.overlayIcon }), _jsx(IconWithLabelName, { children: item === null || item === void 0 ? void 0 : item.label })] }));
-}
-export default IconWithLabel;

package/build/components/IconWithLabel/style.js

@@ -1,21 +0,0 @@
-import { styled } from '@mui/material/styles';
-import Box from '@mui/material/Box';
-import Typography from '@mui/material/Typography';
-export const IconWithLabelRow = styled(Box)(({ theme }) => ({
-    display: 'flex',
-    alignItems: 'center',
-    gap: theme.spacing(1),
-    overflow: 'hidden',
-    textOverflow: 'ellipsis',
-    whiteSpace: 'nowrap',
-}));
-export const IconWithLabelName = styled(Typography)(() => ({
-    fontWeight: 400,
-    fontSize: 14,
-    lineHeight: '120%',
-    letterSpacing: 0,
-    color: '#20232B',
-    overflow: 'hidden',
-    textOverflow: 'ellipsis',
-    whiteSpace: 'nowrap',
-}));

package/build/components/IconsDropdown/IconsDropdown.js

@@ -1,31 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { memo, useState } from 'react';
-import { ClickAwayListener } from '@mui/material';
-import CustomBackdrop from '../CustomBackdrop';
-import Menu from '../Menu';
-import IconWithOverlay from '../IconWithBadge';
-import { DropdownTriggerWrapper, MenuContent, MenuItem, ItemLabel, MenuWrapper, TriggerText } from './style';
-function IconsDropdown({ items = [], onSelect }) {
-    const [anchorEl, setAnchorEl] = useState(null);
-    const open = Boolean(anchorEl);
-    const onOpenDropdown = (event) => {
-        if (!open)
-            setAnchorEl(event.currentTarget);
-    };
-    const onCloseDropdown = () => {
-        if (open)
-            setAnchorEl(null);
-    };
-    const selectItem = (item) => {
-        onSelect === null || onSelect === void 0 ? void 0 : onSelect(item);
-        onCloseDropdown();
-    };
-    return (_jsx(ClickAwayListener, Object.assign({ onClickAway: onCloseDropdown }, { children: _jsxs("div", { children: [items.length > 3 && (_jsx(DropdownTriggerWrapper, Object.assign({ open: open, onClick: onOpenDropdown }, { children: _jsxs(TriggerText, { children: ["+", items.length - 2] }) }))), open && _jsx(CustomBackdrop, { onClick: onCloseDropdown }), _jsx(Menu, Object.assign({ anchorEl: anchorEl, open: open, placement: "bottom-end" }, { children: _jsx(MenuWrapper, { children: _jsx(MenuContent, { children: items === null || items === void 0 ? void 0 : items.map((item) => (_jsxs(MenuItem, Object.assign({ sx: {
-                                    overflow: 'hidden',
-                                }, maxWidth: 122.5, onClick: () => selectItem(item.label) }, { children: [_jsx(IconWithOverlay, { overlayPosition: { top: 6, left: 17 }, mainIcon: item.icon, overlayIcon: item.overlayIcon, mainIconSize: item.mainIconSize }), _jsx(ItemLabel, Object.assign({ sx: {
-                                            overflow: 'hidden',
-                                            textOverflow: 'ellipsis',
-                                            whiteSpace: 'nowrap',
-                                        } }, { children: item.label }))] }), item.label))) }) }) }))] }) })));
-}
-export default memo(IconsDropdown);

package/build/components/IconsDropdown/style.js

@@ -1,47 +0,0 @@
-import { Box, Typography, styled } from '@mui/material';
-export const DropdownTriggerWrapper = styled(Box)(({ open }) => ({
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    width: 24,
-    height: 24,
-    borderRadius: 12,
-    border: `1.03px solid #F2F2F2`,
-    backgroundColor: open ? '#1F88D0' : 'transparent',
-    color: open ? '#fff' : 'inherit',
-    cursor: 'pointer',
-}));
-export const TriggerText = styled(Typography)(() => ({
-    fontWeight: 600,
-    fontSize: 9.78,
-    lineHeight: 1,
-    letterSpacing: 0,
-    textAlign: 'center',
-}));
-export const MenuContent = styled(Box)(() => ({
-    display: 'flex',
-    flexDirection: 'column',
-    gap: 12,
-}));
-export const MenuItem = styled(Box)(() => ({
-    position: 'relative',
-    display: 'flex',
-    alignItems: 'center',
-    gap: 8,
-    cursor: 'pointer',
-}));
-export const ItemLabel = styled(Typography)(() => ({
-    fontWeight: 500,
-    fontSize: 12,
-    letterSpacing: 0,
-    verticalAlign: 'middle',
-    color: '#1e1e1e',
-}));
-export const MenuWrapper = styled(Box)(() => ({
-    padding: '8px 4px',
-    width: 122.5,
-    marginTop: 4.5,
-    borderRadius: 4,
-    maxHeight: 184,
-    overflowY: 'auto',
-}));

package/build/components/ImageWrapper/ImageWrapper.js

@@ -1,16 +0,0 @@
-import { styled } from '@mui/material';
-import { motion } from 'framer-motion';
-const ImageWrapper = styled(motion.span)(({ theme, order }) => ({
-    position: 'absolute',
-    left: 0,
-    zIndex: order + 6,
-    border: `1px solid ${theme.palette.divider}`,
-    borderRadius: '12px',
-    backgroundColor: theme.palette.background.paper,
-    width: '24px',
-    height: '24px',
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-}));
-export default ImageWrapper;

package/build/components/Input/Input.js

@@ -1,22 +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 } from 'react';
-import Box from '@mui/material/Box';
-import { InputStyled } from './style';
-function Input(_a) {
-    var { isError } = _a, props = __rest(_a, ["isError"]);
-    return (_jsx(Box, Object.assign({ sx: { flexGrow: 1 }, onClick: (e) => {
-            e.stopPropagation();
-        } }, { children: _jsx(InputStyled, Object.assign({}, props, { placeholder: props.placeholder, isError: isError, disableUnderline: true })) })));
-}
-export default memo(Input);

package/build/components/Input/style.js

@@ -1,18 +0,0 @@
-import Input from '@mui/material/Input';
-import { styled } from '@mui/material/styles';
-export const InputStyled = styled(Input, { shouldForwardProp: (props) => props !== 'isError' })(({ theme }) => ({
-    padding: '8px',
-    border: `1px solid ${theme.palette.divider}`,
-    borderRadius: '4px',
-    height: 32,
-    color: theme.palette.text.primary,
-    fontSize: '11px',
-    outline: 0,
-    maxWidth: '100%',
-    display: 'flex',
-    flexGrow: 1,
-    '::placeholder': {
-        color: theme.palette.grey[700],
-        fontWeight: 400,
-    },
-}));