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

package/build/components/Collapse/Collapse.js

@@ -1,17 +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 MUICollapse from '@mui/material/Collapse';
-export default function Collapse(_a) {
-    var { children } = _a, rest = __rest(_a, ["children"]);
-    return (_jsx(MUICollapse, Object.assign({ unmountOnExit: true, timeout: 500 }, rest, { children: children })));
-}

package/build/components/ColorPicker/ColorPicker.js

@@ -1,35 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useRef, useState } from 'react';
-import Box from '@mui/material/Box';
-import ClickAwayListener from '@mui/material/ClickAwayListener';
-import Stack from '@mui/material/Stack';
-import Typography from '@mui/material/Typography';
-import { EditButton, StyledCloseButtonWrapper } from './style';
-import { closeXIcon } from '../../constants/index.js';
-import ColorPickerPanel from './ColorPickerPanel';
-import { Popper } from '@mui/material';
-const DEFAULT_OPTIONS = {
-    hideReset: false,
-    disableAlpha: false,
-};
-const ColorPicker = ({ value = '#ffffff', onChange, onReset, sx, options = DEFAULT_OPTIONS, disabled = false }) => {
-    const [anchorEl, setAnchorEl] = useState(null);
-    const { disableAlpha = false, hideReset = false } = Object.assign(Object.assign({}, DEFAULT_OPTIONS), options);
-    const rootRef = useRef(null);
-    const handleOpen = useCallback(() => {
-        if (disabled)
-            return;
-        setAnchorEl(rootRef.current);
-    }, [disabled]);
-    const handleCancel = useCallback(() => {
-        if (disabled)
-            return;
-        setAnchorEl(null);
-    }, [disabled]);
-    const handleConfirm = useCallback((newValue) => {
-        onChange(disableAlpha ? newValue.substring(0, 7) : newValue);
-        setAnchorEl(null);
-    }, [onChange, disableAlpha]);
-    return (_jsx(ClickAwayListener, Object.assign({ onClickAway: () => setAnchorEl(null) }, { children: _jsxs(Stack, Object.assign({ ref: rootRef, bgcolor: "grey.400", borderRadius: "4px", p: "4px", pr: "12px", direction: "row", justifyContent: "space-between", spacing: 1, alignItems: "center", className: "color-picker", sx: sx }, { children: [_jsxs(Stack, Object.assign({ direction: "row", spacing: 1, alignItems: "center", className: "color-picker__controls-wrapper" }, { children: [_jsx(Box, { borderRadius: "5px", width: 32, height: 32, sx: { backgroundColor: value }, className: "color-picker__viewer" }), _jsxs(Box, Object.assign({ className: "color-picker__actions-wrapper" }, { children: [_jsx(Typography, Object.assign({ className: "color-picker__label", fontWeight: 500, fontSize: 9, color: "text.primary", textTransform: "uppercase" }, { children: value })), _jsx(EditButton, Object.assign({ className: "color-picker__edit-btn", type: "button", onClick: handleOpen, disabled: disabled }, { children: "Edit" }))] }))] })), !hideReset ? (_jsx(StyledCloseButtonWrapper, Object.assign({ className: "color-picker__close-btn", type: "button", disabled: disabled, onClick: onReset }, { children: _jsx(Box, { component: "img", src: closeXIcon, width: 10, height: 10 }) }))) : (_jsx("div", {})), _jsx(Popper, Object.assign({ anchorEl: anchorEl, open: !!anchorEl, placement: "top" }, { children: _jsx(ColorPickerPanel, { initialValue: value, onCancel: handleCancel, onConfirm: handleConfirm, disableAlpha: disableAlpha }) }))] })) })));
-};
-export default ColorPicker;

package/build/components/ColorPicker/ColorPickerPanel.js

@@ -1,56 +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 { useCallback, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { RgbaColorPicker, RgbColorPicker } from 'react-colorful';
-import Stack from '@mui/material/Stack';
-import Divider from '@mui/material/Divider';
-import { hexa2Rgba, rgba2Hexa } from '../../utils/index.js';
-import { CancelButton, ConfirmButton, Footer, StyledColorWidgetWrapper } from './style';
-import ColorSchemeSelect from './ColorSchemeSelect';
-import RGBAFields from './RGBAFields';
-import HexaFields from './HexaFields';
-const ColorPickerPanel = ({ initialValue = '#ffffff', onCancel, onConfirm, disableAlpha = false }) => {
-    const [colorScheme, setColorScheme] = useState('RGB');
-    const [color, setColor] = useState(() => {
-        const _a = hexa2Rgba(initialValue).value, { alpha: a } = _a, rest = __rest(_a, ["alpha"]);
-        return Object.assign(Object.assign({}, rest), { a });
-    });
-    const { t } = useTranslation();
-    const handleCancel = useCallback(() => {
-        const _a = hexa2Rgba(initialValue).value, { alpha: a } = _a, rest = __rest(_a, ["alpha"]);
-        setColor(Object.assign(Object.assign({}, rest), { a }));
-        onCancel();
-    }, [initialValue, onCancel]);
-    const handleConfirm = useCallback(() => {
-        const { a: alpha } = color, rest = __rest(color, ["a"]);
-        onConfirm(rgba2Hexa(Object.assign(Object.assign({}, rest), { alpha: disableAlpha ? 1 : alpha })));
-    }, [color, onConfirm, disableAlpha]);
-    const handleColorChange = useCallback((newColor) => {
-        if (disableAlpha) {
-            setColor(Object.assign(Object.assign({}, newColor), { a: 1 }));
-        }
-        else {
-            setColor(newColor);
-        }
-    }, [disableAlpha]);
-    const handleRGBAFieldsChange = useCallback((newColor) => {
-        setColor(Object.assign(Object.assign({}, newColor), { a: newColor.a / 100 }));
-    }, []);
-    const handleHexaFieldsChange = useCallback((newColor) => {
-        setColor(Object.assign(Object.assign({}, newColor), { a: newColor.a }));
-    }, []);
-    const PickerArea = disableAlpha ? RgbColorPicker : RgbaColorPicker;
-    return (_jsxs(StyledColorWidgetWrapper, Object.assign({ className: "color-picker__widget" }, { children: [_jsx(PickerArea, { color: color, onChange: handleColorChange }), _jsxs(Stack, Object.assign({ mt: 2, spacing: 1, direction: "row" }, { children: [_jsx(ColorSchemeSelect, { scheme: colorScheme, setScheme: setColorScheme }), colorScheme === 'RGB' ? (_jsx(RGBAFields, { value: Object.assign(Object.assign({}, color), { a: Math.round(color.a * 100) }), onChange: handleRGBAFieldsChange, disableAlpha: disableAlpha })) : (_jsx(HexaFields, { value: Object.assign(Object.assign({}, color), { a: color.a }), onChange: handleHexaFieldsChange, disableAlpha: disableAlpha }))] })), _jsx(Divider, { sx: { my: '12px' } }), _jsxs(Footer, Object.assign({ className: "color-picker__widget-actions" }, { children: [_jsx(CancelButton, Object.assign({ className: "color-picker__widget-actions__cancel", onClick: handleCancel }, { children: t('cancel') })), _jsx(ConfirmButton, Object.assign({ className: "color-picker__widget-actions__confirm", onClick: handleConfirm }, { children: t('okay') }))] }))] })));
-};
-export default ColorPickerPanel;

package/build/components/ColorPicker/ColorSchemeSelect.js

@@ -1,35 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import React, { useCallback } from 'react';
-import ClickAwayListener from '@mui/material/ClickAwayListener';
-import Popper from '@mui/material/Popper';
-import Box from '@mui/material/Box';
-import { blackHeadingDownArrow } from '../../constants/index.js';
-import { ColorSchemeButton, ColorSchemeList } from './style';
-import MenuItem from '@mui/material/MenuItem';
-const ColorSchemeSelect = ({ scheme, setScheme }) => {
-    const [anchorEl, setAnchorEl] = React.useState(null);
-    const open = !!anchorEl;
-    const handleToggle = useCallback((event) => {
-        setAnchorEl(anchorEl ? null : event.currentTarget);
-    }, [anchorEl]);
-    const handleClose = useCallback(() => {
-        setAnchorEl(null);
-    }, []);
-    const handleSelect = useCallback((selectedScheme) => {
-        handleClose();
-        setScheme(selectedScheme);
-    }, [handleClose, setScheme]);
-    return (_jsxs(_Fragment, { children: [_jsxs(ColorSchemeButton, Object.assign({ component: "button", active: open, onClick: handleToggle }, { children: [scheme, _jsx(Box, { component: "img", sx: { transform: open ? 'rotateZ(180deg)' : 'rotateZ(0)', transition: '200ms transform ease-out' }, src: blackHeadingDownArrow })] })), _jsx(Popper, Object.assign({ anchorEl: anchorEl, open: !!anchorEl, placement: "bottom", disablePortal: true, keepMounted: true, modifiers: [
-                    {
-                        name: 'offset',
-                        options: {
-                            offset: [0, 4],
-                        },
-                    },
-                ] }, { children: _jsx(ClickAwayListener, Object.assign({ onClickAway: (event) => {
-                        if (anchorEl === null || anchorEl === void 0 ? void 0 : anchorEl.contains(event.target))
-                            return;
-                        handleClose();
-                    } }, { children: _jsxs(ColorSchemeList, { children: [_jsx(MenuItem, Object.assign({ onClick: () => handleSelect('RGB') }, { children: "RGB" })), _jsx(MenuItem, Object.assign({ onClick: () => handleSelect('HEX') }, { children: "HEX" }))] }) })) }))] }));
-};
-export default ColorSchemeSelect;

package/build/components/ColorPicker/HexaFields.js

@@ -1,83 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useMemo, useState } from 'react';
-import Color from 'color';
-import { alpha } from '@mui/material/styles';
-import Stack from '@mui/material/Stack';
-import Typography from '@mui/material/Typography';
-import InputAdornment from '@mui/material/InputAdornment';
-import { StyledInput } from './style';
-const HexaFields = ({ value, onChange, disableAlpha = false }) => {
-    const colorAsHex = useMemo(() => {
-        const color = Color.rgb(value.r, value.g, value.b, value.a);
-        return color.hex().replace('#', '');
-    }, [value]);
-    const [hexInput, setHexInput] = useState(colorAsHex);
-    const alphaPercent = Math.round(value.a * 100);
-    // Sync hexInput whenever `value` changes externally
-    useEffect(() => {
-        const newHex = Color.rgb(value.r, value.g, value.b).hex().replace('#', '');
-        setHexInput(newHex);
-    }, [value.r, value.g, value.b]);
-    const handleHexChange = (event) => {
-        let newHex = event.target.value.replace(/[^0-9a-fA-F]/g, '').toUpperCase();
-        if (newHex.length > 6)
-            newHex = newHex.slice(0, 6);
-        setHexInput(newHex);
-    };
-    const handleHexBlur = () => {
-        let formattedValue = hexInput;
-        if (formattedValue.length === 3) {
-            // Expand shorthand like FFF -> FFFFFF
-            formattedValue = formattedValue
-                .split('')
-                .map((ch) => ch + ch)
-                .join('');
-            setHexInput(formattedValue);
-        }
-        if (formattedValue.length === 6) {
-            try {
-                const newColor = Color(`#${formattedValue}`).alpha(value.a);
-                onChange({
-                    r: newColor.red(),
-                    g: newColor.green(),
-                    b: newColor.blue(),
-                    a: newColor.alpha(),
-                });
-            }
-            catch (_a) {
-                // invalid hex -> revert to current value
-                setHexInput(colorAsHex);
-            }
-        }
-        else {
-            // revert to current value if incomplete
-            setHexInput(colorAsHex);
-        }
-    };
-    const handleAlphaChange = (event) => {
-        let num = parseInt(event.target.value, 10);
-        if (isNaN(num))
-            num = 0;
-        if (num < 0)
-            num = 0;
-        if (num > 100)
-            num = 100;
-        onChange(Object.assign(Object.assign({}, value), { a: num / 100 }));
-    };
-    return (_jsxs(Stack, Object.assign({ direction: "row", spacing: 1, alignItems: "flex-start" }, { children: [_jsx(StyledInput, { value: hexInput, onChange: handleHexChange, onBlur: handleHexBlur, placeholder: "FFFFFF", sx: {
-                    flex: 1.4,
-                    '& .MuiOutlinedInput-root': {
-                        pl: 1,
-                    },
-                }, InputProps: {
-                    startAdornment: (_jsx(InputAdornment, Object.assign({ position: "start", sx: { m: 0 } }, { children: _jsx(Typography, Object.assign({ component: "span", color: (theme) => alpha(theme.palette.text.primary, 0.5), display: "inline-block", fontSize: 12, fontWeight: 500 }, { children: "#" })) }))),
-                } }), !disableAlpha && (_jsx(StyledInput, { type: "number", value: alphaPercent, onChange: handleAlphaChange, inputProps: { min: 0, max: 100 }, sx: {
-                    flex: 0.8,
-                    '& .MuiOutlinedInput-root': {
-                        pr: 1,
-                    },
-                }, InputProps: {
-                    endAdornment: (_jsx(InputAdornment, Object.assign({ position: "end", sx: { m: 0 } }, { children: _jsx(Typography, Object.assign({ component: "span", color: "text.primary", display: "inline-block", fontSize: 12, fontWeight: 500 }, { children: "%" })) }))),
-                } }))] })));
-};
-export default HexaFields;

package/build/components/ColorPicker/RGBAFields.js

@@ -1,37 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect, useCallback } from 'react';
-import Stack from '@mui/material/Stack';
-import Typography from '@mui/material/Typography';
-import InputAdornment from '@mui/material/InputAdornment';
-import { StyledInput } from './style';
-const RGBAFields = ({ value, onChange, disableAlpha = false }) => {
-    const [internalValue, setInternalValue] = useState(value);
-    const { r, g, b, a } = internalValue;
-    useEffect(() => {
-        setInternalValue(value);
-    }, [value]);
-    const handleValueBoundaries = useCallback((num, max) => {
-        if (isNaN(num))
-            num = 0;
-        if (num < 0)
-            num = 0;
-        if (num > max)
-            num = max;
-        console.log('num', num);
-        return num;
-    }, []);
-    const handleChange = useCallback((key, max) => (event) => {
-        setInternalValue(Object.assign(Object.assign({}, internalValue), { [key]: handleValueBoundaries(+event.target.value, max) }));
-    }, [internalValue, handleValueBoundaries]);
-    const handleBlur = useCallback((key, max) => {
-        onChange(Object.assign(Object.assign({}, internalValue), { [key]: handleValueBoundaries(internalValue[key], max) }));
-    }, [onChange, internalValue, handleValueBoundaries]);
-    return (_jsxs(Stack, Object.assign({ direction: "row", spacing: 1 }, (disableAlpha && { flex: 1 }), { children: [_jsx(StyledInput, Object.assign({ type: "number", value: r, onBlur: () => handleBlur('r', 255), onChange: handleChange('r', 255), inputProps: { min: 0, max: 255, style: { textAlign: 'center' } }, variant: "outlined", size: "small" }, (disableAlpha && { sx: { flex: 1 } }))), _jsx(StyledInput, Object.assign({ type: "number", value: g, onBlur: () => handleBlur('g', 255), onChange: handleChange('g', 255), inputProps: { min: 0, max: 255, style: { textAlign: 'center' } }, variant: "outlined", size: "small" }, (disableAlpha && { sx: { flex: 1 } }))), _jsx(StyledInput, Object.assign({ type: "number", value: b, onBlur: () => handleBlur('b', 255), onChange: handleChange('b', 255), inputProps: { min: 0, max: 255, style: { textAlign: 'center' } }, variant: "outlined", size: "small" }, (disableAlpha && { sx: { flex: 1 } }))), !disableAlpha && (_jsx(StyledInput, { type: "number", value: a, onBlur: () => handleBlur('a', 100), onChange: handleChange('a', 100), inputProps: { min: 0, max: 100, style: { textAlign: 'center' } }, variant: "outlined", sx: {
-                    '& .MuiOutlinedInput-root': {
-                        pr: 1,
-                    },
-                }, InputProps: {
-                    endAdornment: (_jsx(InputAdornment, Object.assign({ position: "end", sx: { m: 0 } }, { children: _jsx(Typography, Object.assign({ component: "span", display: "inline-block", fontSize: 12, fontWeight: 500 }, { children: "%" })) }))),
-                }, size: "small" }))] })));
-};
-export default RGBAFields;

package/build/components/ColorPicker/style.js

@@ -1,157 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { styled, alpha } from '@mui/material/styles';
-import Box from '@mui/material/Box';
-import Button from '@mui/material/Button';
-import TextField from '@mui/material/TextField';
-import MenuList from '@mui/material/MenuList';
-import Typography from '@mui/material/Typography';
-export const StyledCloseButtonWrapper = styled('button')({
-    background: 'transparent',
-    border: 'none',
-    padding: 0,
-    margin: 0,
-    cursor: 'pointer',
-    width: 10,
-    height: 10,
-    display: 'flex',
-    justifyContent: 'center',
-    alignItems: 'center',
-    '&:disabled, &.Mui-disabled': {
-        opacity: 0.5,
-        cursor: 'not-allowed',
-    },
-});
-export const StyledColorWidgetWrapper = styled(Box)(({ theme }) => ({
-    boxShadow: '0px 8px 30px rgba(0, 0, 0, 0.16)',
-    width: 264,
-    backgroundColor: '#ffffff',
-    padding: '12px',
-    borderRadius: theme.spacing(1),
-    '& .react-colorful': {
-        width: '100%',
-        '&__saturation': {
-            minHeight: 152,
-            borderRadius: '4px',
-            marginBottom: theme.spacing(2),
-            border: 0,
-            '&-pointer': {
-                width: 13,
-                height: 13,
-            },
-        },
-        '&__hue': {
-            borderRadius: '4px',
-            height: '8px',
-            '&-pointer': {
-                width: 10,
-                height: 10,
-            },
-        },
-        '&__alpha': {
-            marginTop: theme.spacing(2),
-            marginBottom: 0,
-            border: 0,
-            borderRadius: '4px',
-            height: '8px',
-            '&-pointer': {
-                width: 10,
-                height: 10,
-            },
-        },
-    },
-}));
-export const Footer = styled(Box)(() => ({
-    display: 'flex',
-    gap: '8px',
-    justifyContent: 'flex-end',
-}));
-export const EditButton = styled((props) => _jsx(Typography, Object.assign({}, props, { component: "button" })))(({ theme }) => ({
-    fontWeight: 500,
-    fontSize: '9px',
-    color: theme.palette.info.dark,
-    textDecoration: 'underline',
-    cursor: 'pointer',
-    background: 'transparent',
-    border: 'none',
-    padding: 0,
-    margin: 0,
-    '&:disabled, &.Mui-disabled': {
-        color: alpha(theme.palette.info.dark, 0.5),
-        textDecoration: 'none',
-    },
-    '&:hover': {
-        textDecoration: 'none',
-    },
-}));
-export const ConfirmButton = 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 CancelButton = 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',
-    },
-}));
-export const ColorSchemeButton = styled(Box, {
-    shouldForwardProp: (prop) => prop !== 'active',
-})(({ theme, active }) => (Object.assign({ display: 'flex', justifyContent: 'space-between', alignItems: 'center', color: theme.palette.text.primary, border: '1px solid #F2F2F2', fontSize: 12, fontWeight: 500, backgroundColor: 'transparent', padding: '4px 8px', borderRadius: '4px', minWidth: 70, cursor: 'pointer' }, (active && {
-    border: '1px solid #1F88D0',
-    boxShadow: '0px 0px 4px 0px #1F88D080',
-}))));
-export const ColorSchemeList = styled(MenuList)({
-    backgroundColor: '#ffffff',
-    borderRadius: '4px',
-    boxShadow: '0px 8px 30px 0px #00000029',
-    minWidth: 70,
-    '& .MuiMenuItem-root': {
-        fontSize: 12,
-        fontWeight: 500,
-        padding: '4px 8px',
-    },
-});
-export const StyledInput = styled(TextField)(({ theme }) => ({
-    '& .MuiOutlinedInput-root': {
-        fontSize: '12px',
-        fontWeight: 500,
-        borderRadius: '4px',
-        '& input': {
-            padding: '4px',
-            '&::-webkit-outer-spin-button, &::-webkit-inner-spin-button': {
-                WebkitAppearance: 'none',
-                margin: 0,
-            },
-            '&[type=number]': {
-                MozAppearance: 'textfield', // Firefox
-            },
-        },
-        '& .MuiOutlinedInput-notchedOutline': {
-            borderColor: theme.palette.divider,
-            borderWidth: '1px',
-        },
-        '&:hover, &.Mui-focused': {
-            '& .MuiOutlinedInput-notchedOutline': {
-                borderColor: theme.palette.divider,
-                borderWidth: '1px',
-            },
-        },
-    },
-}));

package/build/components/ConfirmDialog/ConfirmDialog.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import SimpleDialog from '../SimpleDialog';
-import { DialogContainer, DialogMessage, DialogButton, DialogActions, DialogTitle } from './styles';
-import { useConfirmDialog } from './hooks/useDialog';
-export default function ConfirmDialog() {
-    const { open, onClose, onConfirm, onCancel, confirmText, cancelText, message, title, style } = useConfirmDialog();
-    return (_jsxs(SimpleDialog, Object.assign({ open: open, onClose: onClose, sx: style }, { children: [title && _jsx(DialogTitle, Object.assign({ className: "title" }, { children: title })), _jsxs(DialogContainer, { children: [_jsx(DialogMessage, Object.assign({ className: "message" }, { children: message })), _jsxs(DialogActions, { children: [_jsx(DialogButton, Object.assign({ className: "cancel", onClick: onCancel }, { children: cancelText || 'No' })), _jsx(DialogButton, Object.assign({ className: "confirm", onClick: onConfirm }, { children: confirmText || 'Yes' }))] })] })] })));
-}

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

@@ -1,18 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo, useState } from 'react';
-import ConfirmDialog from '../../ConfirmDialog';
-import { ConfirmDialogContext } from './context';
-export function ConfirmDialogProvider({ children }) {
-    const [confirm, setConfirm] = useState({
-        onClose: () => { },
-        open: false,
-        message: '',
-        title: '',
-        onConfirm: () => { },
-        onCancel: () => { },
-        cancelText: '',
-        confirmText: '',
-    });
-    const dialogConfirm = useMemo(() => [confirm, setConfirm], [confirm]);
-    return (_jsxs(ConfirmDialogContext.Provider, Object.assign({ value: dialogConfirm }, { children: [children, _jsx(ConfirmDialog, {})] })));
-}

package/build/components/ConfirmDialog/context/context.js

@@ -1,14 +0,0 @@
-import { createContext } from 'react';
-export const ConfirmDialogContext = createContext([
-    {
-        onClose: () => { },
-        open: false,
-        message: '',
-        title: '',
-        confirmText: '',
-        cancelText: '',
-        onConfirm: () => { },
-        onCancel: () => { },
-    },
-    () => { },
-]);

package/build/components/ConfirmDialog/context/index.js

@@ -1,2 +0,0 @@
-export * from './context';
-export * from './Provider';

package/build/components/ConfirmDialog/hooks/index.js

@@ -1 +0,0 @@
-export * from './useDialog';

package/build/components/ConfirmDialog/hooks/useDialog.js

@@ -1,22 +0,0 @@
-import { useContext } from 'react';
-import { ConfirmDialogContext } from '../context';
-export const useConfirmDialog = () => {
-    const [confirm, setConfirm] = useContext(ConfirmDialogContext);
-    const isConfirmed = ({ message, title, confirmText, cancelText, style, }) => {
-        const promise = new Promise((resolve, reject) => {
-            setConfirm(Object.assign(Object.assign({}, confirm), { open: true, message,
-                title,
-                cancelText,
-                confirmText,
-                style, onConfirm: resolve, onCancel: reject }));
-        });
-        return promise.then(() => {
-            setConfirm(Object.assign(Object.assign({}, confirm), { open: false }));
-            return true;
-        }, () => {
-            setConfirm(Object.assign(Object.assign({}, confirm), { open: false }));
-            return false;
-        });
-    };
-    return Object.assign(Object.assign({}, confirm), { isConfirmed });
-};

package/build/components/ConfirmDialog/styles.js

@@ -1,42 +0,0 @@
-import { Button, styled } from '@mui/material';
-export const DialogContainer = styled('div')(({ theme }) => ({
-    display: 'flex',
-    flexDirection: 'column',
-    gap: theme.spacing(2),
-    minWidth: '256px',
-    padding: '16px',
-}));
-export const DialogTitle = styled('p')(({ theme }) => ({
-    fontSize: '13px',
-    fontWeight: 700,
-    lineHeight: theme.typography.h6.lineHeight,
-    borderBottom: `1px solid ${theme.palette.divider}`,
-    margin: 0,
-    padding: '16px 16px 16px 12px',
-    color: theme.palette.text.primary,
-}));
-export const DialogMessage = styled('p')(({ theme }) => ({
-    fontSize: theme.typography.fontSize,
-    fontWeight: theme.typography.fontWeightMedium,
-    lineHeight: theme.typography.body1.lineHeight,
-    margin: 0,
-}));
-export const DialogActions = styled('div')(({ theme }) => ({
-    display: 'flex',
-    gap: theme.spacing(1),
-    justifyContent: 'flex-end',
-}));
-export const DialogButton = styled(Button)(({ theme }) => ({
-    paddingInline: theme.spacing(3),
-    paddingBlock: theme.spacing(1),
-    borderRadius: theme.spacing(0.5),
-    fontSize: '11px',
-    fontWeight: theme.typography.fontWeightMedium,
-    boxShadow: 'none',
-    border: `1px solid ${theme.palette.divider}`,
-    color: theme.palette.text.primary,
-    textTransform: 'none',
-    '&:hover': {
-        boxShadow: 'none',
-    },
-}));

package/build/components/ConfirmDialog/type.js

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

package/build/components/ControlPanelContainer/ControlPanelContainer.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Container } from './style';
-export default function ControlPanel(props) {
-    return _jsx(Container, Object.assign({}, props, { children: props.children }));
-}

package/build/components/ControlPanelContainer/style.js

@@ -1,9 +0,0 @@
-import { styled } from '@mui/material/styles';
-import Box from '@mui/material/Box';
-export const Container = styled(Box)(({ theme }) => ({
-    display: 'flex',
-    height: 32,
-    flexDirection: 'row',
-    alignItems: 'center',
-    gap: theme.spacing(1),
-}));

package/build/components/CopyImage/CopyImage.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { memo } from 'react';
-import { AnimatePresence, motion } from 'framer-motion';
-import { useTranslation } from 'react-i18next';
-import { Tooltip } from '../index.js';
-import { copyIcon, greenCheckIcon } from '../../constants/index.js';
-function CopyImage({ isCopyActive, onClick }) {
-    const { t } = useTranslation();
-    return (_jsx(AnimatePresence, { children: _jsx(Tooltip, Object.assign({ title: t('copy') }, { children: isCopyActive ? (_jsx(motion.img, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: { duration: 0.4 }, src: greenCheckIcon, alt: "icon" }, "id-icon")) : (_jsx(motion.img, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: { duration: 0.4 }, src: copyIcon, style: { cursor: 'pointer' }, alt: "icon", onClick: onClick }, "id-icon")) })) }));
-}
-export default memo(CopyImage);

package/build/components/CountBadge/CountBadge.js

@@ -1,51 +0,0 @@
-import { alpha } from '@mui/material';
-import { styled } from '@mui/material/styles';
-import { BadgeVariants } from './type';
-export const getBackgroundColor = (variant, theme) => {
-    const colorMap = new Map([
-        [BadgeVariants.DEFAULT, theme.palette.info.main],
-        [BadgeVariants.PRIMARY, '#1976d2'],
-        [BadgeVariants.SECONDARY, '#f50057'],
-        [BadgeVariants.INACTIVE, theme.palette.grey[100]],
-        [BadgeVariants.ACTIVE, alpha(theme.palette.text.primary, 0.1)],
-        [BadgeVariants.DARK, theme.palette.info.dark],
-        [BadgeVariants.NEUTRAL, '#656565'],
-        [BadgeVariants.GRAY, '#CFCFCF'],
-        [BadgeVariants.ORANGE, '#FFD503'],
-        [BadgeVariants.RED, '#FF0000'],
-    ]);
-    return colorMap.get(variant) || theme.palette.common.white;
-};
-const getTextColor = (variant, theme) => {
-    const colorMap = new Map([
-        [BadgeVariants.DEFAULT, theme.palette.common.white],
-        [BadgeVariants.PRIMARY, theme.palette.common.white],
-        [BadgeVariants.SECONDARY, theme.palette.common.white],
-        [BadgeVariants.INACTIVE, theme.palette.text.primary],
-        [BadgeVariants.ACTIVE, theme.palette.common.white],
-        [BadgeVariants.DARK, theme.palette.common.white],
-        [BadgeVariants.NEUTRAL, theme.palette.common.white],
-    ]);
-    return colorMap.get(variant) || theme.palette.common.white;
-};
-const borderRadiusMap = new Map([
-    ['compact', 0.5],
-    ['round', 0],
-    ['normal', 2],
-]);
-const StyledBadge = styled('span')(({ theme, variant, compact, round, pointer }) => ({
-    padding: compact ? '0.08031rem 0.16056rem' : round ? '0.5rem 0.275rem' : '8px 8px',
-    borderRadius: theme.spacing(borderRadiusMap.get(round ? 'round' : compact ? 'compact' : 'normal') || 2),
-    backgroundColor: getBackgroundColor(variant, theme),
-    color: getTextColor(variant, theme),
-    fontSize: '0.6rem',
-    fontWeight: 600,
-    overflow: 'hidden',
-    height: '12px',
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    fontFamily: 'Tap Sans',
-    cursor: pointer ? 'pointer' : 'auto',
-}));
-export default StyledBadge;

package/build/components/CountBadge/CountBadgeAnimated.js

@@ -1,15 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useTranslation } from 'react-i18next';
-import { starIcon } from '../../constants/index.js';
-import { formatOrdinal } from '../../utils/index.js';
-import { AgreementImageWrapper, CountWrapper, paymentSourceAnimation } from './style';
-import Tooltip from '../Tooltip';
-export function CountAnimatedBadge({ totalPaymentsCount, index }) {
-    const { t } = useTranslation();
-    return (_jsx(Tooltip, Object.assign({ title: t('totalPaymentCount', { amount: formatOrdinal(totalPaymentsCount) }) }, { children: _jsx(AgreementImageWrapper, Object.assign({ order: index, variants: paymentSourceAnimation(index), "data-testid": "AgreementCell_CountAnimatedBadge" }, { children: _jsxs(CountWrapper, { children: [_jsx("img", { src: starIcon, alt: "start", style: {
-                            width: '10px',
-                            height: '10px',
-                        } }), ' ', (totalPaymentsCount || 0) > 1 && (_jsx("span", Object.assign({ style: {
-                            fontSize: '9.782px',
-                        } }, { children: totalPaymentsCount })))] }) })) })));
-}