@tap-payments/os-micro-frontend-shared 0.1.439-test.1-test.2 → 0.1.439-test.1

package/build/components/ColorPicker/style.js

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,22 @@
+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/index.js

@@ -1 +1,4 @@
-export{b as ConfirmDialogContext,c as ConfirmDialogProvider,e as default,d as useConfirmDialog}from'../../chunk-4A6Z3DYW.js';import'../../chunk-TUTEF6YD.js';import'../../chunk-RWXGVZUC.js';
+import ConfirmDialog from './ConfirmDialog';
+export * from './hooks';
+export * from './context';
+export default ConfirmDialog;

package/build/components/ConfirmDialog/styles.js

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

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

package/build/components/ControlPanelContainer/ControlPanelContainer.js

@@ -0,0 +1,5 @@
+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/index.js

@@ -1 +1,2 @@
-export{a as default}from'../../chunk-PX7SYRBV.js';import'../../chunk-RWXGVZUC.js';
+import ControlPanelContainer from './ControlPanelContainer';
+export default ControlPanelContainer;

package/build/components/ControlPanelContainer/style.js

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

@@ -0,0 +1,11 @@
+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/CopyImage/index.js

@@ -1 +1,2 @@
-export{Ab as default}from'../../chunk-BSKRKH74.js';import'../../chunk-7SKAZY6M.js';import'../../chunk-KUOQFC5G.js';import'../../chunk-WX7HFBCU.js';import'../../chunk-ZTHZGDV6.js';import'../../chunk-KMKIHWDZ.js';import'../../chunk-YPYLZUND.js';import'../../chunk-CTBYQDKG.js';import'../../chunk-Q3KFNQMO.js';import'../../chunk-BN22ADM5.js';import'../../chunk-BE3CE5GS.js';import'../../chunk-UIPGHDY4.js';import'../../chunk-4FHOI2EM.js';import'../../chunk-BWQ7TYTT.js';import'../../chunk-66JBLKME.js';import'../../chunk-24UTRGGG.js';import'../../chunk-MDZIDPJT.js';import'../../chunk-CQT4MCPB.js';import'../../chunk-GPFU7WD4.js';import'../../chunk-DYWKQE3E.js';import'../../chunk-O4PXXDUJ.js';import'../../chunk-ARHJB5QJ.js';import'../../chunk-JT54SXJ7.js';import'../../chunk-RCFPTX4L.js';import'../../chunk-6HE6LEMT.js';import'../../chunk-AMU54AKH.js';import'../../chunk-4O4EFXIC.js';import'../../chunk-X5KEG2KP.js';import'../../chunk-3OUORNGU.js';import'../../chunk-LCS3AEO6.js';import'../../chunk-SETPAMOK.js';import'../../chunk-DCFHN6C2.js';import'../../chunk-FH6MIOT3.js';import'../../chunk-ZN4NGPK4.js';import'../../chunk-V44MUKYW.js';import'../../chunk-ZMTLSAZW.js';import'../../chunk-TG2IA55S.js';import'../../chunk-ZLWJCX4K.js';import'../../chunk-SZRYE6MO.js';import'../../chunk-TZAF2TGI.js';import'../../chunk-AMMCJJFH.js';import'../../chunk-D4S6DH7W.js';import'../../chunk-MTJECG6U.js';import'../../chunk-QF32XNU6.js';import'../../chunk-QRODASCF.js';import'../../chunk-LDIEOZVR.js';import'../../chunk-XMJA6XBH.js';import'../../chunk-4GWWDZLU.js';import'../../chunk-DDZT3NYE.js';import'../../chunk-TKVYYXMK.js';import'../../chunk-RQ2V5JZH.js';import'../../chunk-QFMHEDCR.js';import'../../chunk-34II3WB7.js';import'../../chunk-2Q6H6K3P.js';import'../../chunk-IJJKN6N5.js';import'../../chunk-OOPLCKT7.js';import'../../chunk-BDXWXDWD.js';import'../../chunk-LR3JJ5NU.js';import'../../chunk-BJ4K2NYK.js';import'../../chunk-EXBDMSKW.js';import'../../chunk-L4Q45JX6.js';import'../../chunk-2RIG4VJV.js';import'../../chunk-7AQD7DQD.js';import'../../chunk-DQ76BKNS.js';import'../../chunk-L57BREIU.js';import'../../chunk-NMRLH63F.js';import'../../chunk-NCCC4QYR.js';import'../../chunk-YBAAMDBD.js';import'../../chunk-IBPFWRCW.js';import'../../chunk-NDWIN3Q7.js';import'../../chunk-EZNCFWJD.js';import'../../chunk-6UAJ4YHX.js';import'../../chunk-KKTODLZZ.js';import'../../chunk-PY6JS3S3.js';import'../../chunk-ABDRIOU6.js';import'../../chunk-3OPXFBRC.js';import'../../chunk-EIPZLG2O.js';import'../../chunk-TLSB6RNU.js';import'../../chunk-NAZHWK7M.js';import'../../chunk-X4F2NNJR.js';import'../../chunk-4A6Z3DYW.js';import'../../chunk-TUTEF6YD.js';import'../../chunk-PX7SYRBV.js';import'../../chunk-4Z44C5F7.js';import'../../chunk-3ACHJWAD.js';import'../../chunk-NLAQMZT4.js';import'../../chunk-E6XVMA37.js';import'../../chunk-K4CCQQ4I.js';import'../../chunk-K3B62NFM.js';import'../../chunk-WVG5Z5IW.js';import'../../chunk-ZCSUNBRA.js';import'../../chunk-A5FGRP2T.js';import'../../chunk-TMCTAXPD.js';import'../../chunk-DJYRLVOD.js';import'../../chunk-IEFNQP3B.js';import'../../chunk-VJLQXTHX.js';import'../../chunk-L3M6OM4B.js';import'../../chunk-S2BQCMBY.js';import'../../chunk-QGXXI4EO.js';import'../../chunk-C74P4XWT.js';import'../../chunk-M7YGOEQF.js';import'../../chunk-QOUYZLUL.js';import'../../chunk-IBUDYQ6B.js';import'../../chunk-4XLQDA6N.js';import'../../chunk-GZLNN5K5.js';import'../../chunk-A37H7O2X.js';import'../../chunk-UEMTPYYH.js';import'../../chunk-BFGMD3VQ.js';import'../../chunk-LHVBFSUO.js';import'../../chunk-5AIEKGEA.js';import'../../chunk-JAFFZIBE.js';import'../../chunk-WOCSBEPT.js';import'../../chunk-VLYOQ5AT.js';import'../../chunk-7WVORIU7.js';import'../../chunk-TCFCFCGD.js';import'../../chunk-OEHA3RK5.js';import'../../chunk-X3K27KHD.js';import'../../chunk-BTFCDSR3.js';import'../../chunk-5QGYWOQI.js';import'../../chunk-QJKAAXP4.js';import'../../chunk-7WXCW3UL.js';import'../../chunk-HBY2XKKF.js';import'../../chunk-ORXLOUE6.js';import'../../chunk-RWXGVZUC.js';
+import CopyImage from './CopyImage';
+export default CopyImage;

package/build/components/CountBadge/CountBadge.js

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

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

package/build/components/CountBadge/index.js

@@ -1 +1,5 @@
-export{a as BadgeVariants,d as CountAnimatedBadge,e as default,c as paymentSourceAnimation}from'../../chunk-4Z44C5F7.js';import'../../chunk-E6XVMA37.js';import'../../chunk-BTFCDSR3.js';import'../../chunk-QJKAAXP4.js';import'../../chunk-ORXLOUE6.js';import'../../chunk-RWXGVZUC.js';
+import CountBadge from './CountBadge';
+export { CountAnimatedBadge } from './CountBadgeAnimated';
+export { BadgeVariants } from './type';
+export { paymentSourceAnimation } from './style';
+export default CountBadge;

package/build/components/CountBadge/style.js

@@ -0,0 +1,29 @@
+import { styled } from '@mui/material';
+import { motion } from 'framer-motion';
+export const AgreementImageWrapper = styled(motion.span)(({ order }) => ({
+    zIndex: (order || 0) + 1,
+}));
+export const paymentSourceAnimation = (index, xDelta) => ({
+    start: {
+        x: index * 6,
+        transition: {
+            duration: 0.3,
+            type: 'tween',
+            ease: 'easeIn',
+        },
+    },
+    animate: {
+        x: xDelta ? index * xDelta : index * 39,
+        transition: {
+            duration: 0.3,
+            type: 'tween',
+            ease: 'easeOut',
+        },
+    },
+});
+export const CountWrapper = styled('span')(({ theme }) => ({
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    gap: theme.spacing(0.25),
+}));

package/build/components/CountBadge/type.js

@@ -0,0 +1,16 @@
+export var BadgeVariants;
+(function (BadgeVariants) {
+    BadgeVariants["DEFAULT"] = "default";
+    BadgeVariants["PRIMARY"] = "primary";
+    BadgeVariants["SECONDARY"] = "secondary";
+    BadgeVariants["SUCCESS"] = "success";
+    BadgeVariants["WARNING"] = "warning";
+    BadgeVariants["ERROR"] = "error";
+    BadgeVariants["INACTIVE"] = "inActive";
+    BadgeVariants["ACTIVE"] = "active";
+    BadgeVariants["DARK"] = "dark";
+    BadgeVariants["NEUTRAL"] = "neutral";
+    BadgeVariants["GRAY"] = "gray";
+    BadgeVariants["ORANGE"] = "orange";
+    BadgeVariants["RED"] = "red";
+})(BadgeVariants || (BadgeVariants = {}));

package/build/components/CountryFilter/CountryFilter.js

@@ -0,0 +1,71 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useRef, useState } from 'react';
+import Box from '@mui/material/Box';
+import { ClickAwayListener } from '@mui/material';
+import { Menu, MenuItem } from '../index.js';
+import { rightArrow } from '../../constants/index.js';
+export default function CountryFilter({ onCountriesChange, sx, selectedCountries, countriesOptions }) {
+    const [anchorEl, setAnchorEl] = useState(null);
+    const containerRef = useRef(null);
+    const open = Boolean(anchorEl);
+    const onOpen = () => {
+        if (!open) {
+            setAnchorEl(containerRef.current);
+            return;
+        }
+        onClose();
+    };
+    const onClose = () => {
+        setAnchorEl(null);
+    };
+    const checkIsSelected = (countryCode) => { var _a; return (_a = selectedCountries === null || selectedCountries === void 0 ? void 0 : selectedCountries.includes(countryCode)) !== null && _a !== void 0 ? _a : false; };
+    const onClickCountry = (countryCodes) => {
+        onCountriesChange(countryCodes);
+    };
+    const handleCheckboxChange = (value) => {
+        const newCountries = (selectedCountries === null || selectedCountries === void 0 ? void 0 : selectedCountries.includes(value)) ? selectedCountries === null || selectedCountries === void 0 ? void 0 : selectedCountries.filter((c) => c !== value) : [...(selectedCountries !== null && selectedCountries !== void 0 ? selectedCountries : []), value];
+        onClickCountry(newCountries);
+        onCountriesChange(newCountries);
+    };
+    const isAllCountriesSelected = useMemo(() => {
+        return (selectedCountries === null || selectedCountries === void 0 ? void 0 : selectedCountries.length) === countriesOptions.length;
+    }, [selectedCountries, countriesOptions]);
+    return (_jsx(ClickAwayListener, Object.assign({ onClickAway: onClose }, { children: _jsxs(Box, Object.assign({ ref: containerRef, sx: sx }, { children: [_jsx(Box, { children: _jsxs(MenuItem, Object.assign({ onMouseEnter: (e) => {
+                            e.stopPropagation();
+                            onOpen();
+                        }, sx: {
+                            display: 'flex',
+                            alignItems: 'center',
+                            paddingInline: '16px',
+                            gap: '4px',
+                            borderBlock: '1px solid #F2F2F2',
+                            '&:hover': {
+                                backgroundColor: '#fff',
+                                boxShadow: '0px 0px 16px 0px #00000021',
+                            },
+                        }, hideCheckbox: true }, { children: [_jsx("span", { children: "Country" }), _jsx(Box, { component: "img", src: rightArrow, width: 16, height: 12, sx: { marginLeft: 'auto' } })] })) }), _jsxs(Menu, Object.assign({ open: open, anchorEl: anchorEl, sx: { marginTop: '8px', marginBottom: '8px', maxHeight: '190px', overflow: 'auto' }, placement: "right-start", popperSx: {
+                        zIndex: 99999,
+                    } }, { children: [_jsx(MenuItem, Object.assign({ sx: {
+                                color: (theme) => theme.palette.info.dark,
+                                backgroundColor: '#F4F4F4',
+                                fontWeight: 600,
+                                paddingInline: '16px',
+                            }, onClick: (e) => {
+                                e.stopPropagation();
+                                if (isAllCountriesSelected) {
+                                    onClickCountry([]);
+                                    onCountriesChange([]);
+                                }
+                                else {
+                                    onClickCountry(countriesOptions.map(({ value }) => value));
+                                    onCountriesChange(countriesOptions.map(({ value }) => value));
+                                }
+                            }, isSelected: isAllCountriesSelected }, { children: isAllCountriesSelected ? 'Unselect All' : 'Select All' })), countriesOptions.map(({ value, label, icon }) => (_jsxs(MenuItem, Object.assign({ sx: {
+                                gap: '0px',
+                                paddingInline: '16px',
+                                '&:hover': {
+                                    backgroundColor: '#fff',
+                                    boxShadow: '0px 0px 16px 0px #00000021',
+                                },
+                            }, isSelected: checkIsSelected(value), onClick: () => handleCheckboxChange(value) }, { children: [_jsx(Box, { component: "img", src: icon, width: 16, height: 12, sx: { marginRight: '4px', borderRadius: '2px' } }), label] }), value)))] }))] })) })));
+}

package/build/components/CountryFilter/index.js

@@ -1 +1 @@
-export{wc as CountryFilter}from'../../chunk-BSKRKH74.js';import'../../chunk-7SKAZY6M.js';import'../../chunk-KUOQFC5G.js';import'../../chunk-WX7HFBCU.js';import'../../chunk-ZTHZGDV6.js';import'../../chunk-KMKIHWDZ.js';import'../../chunk-YPYLZUND.js';import'../../chunk-CTBYQDKG.js';import'../../chunk-Q3KFNQMO.js';import'../../chunk-BN22ADM5.js';import'../../chunk-BE3CE5GS.js';import'../../chunk-UIPGHDY4.js';import'../../chunk-4FHOI2EM.js';import'../../chunk-BWQ7TYTT.js';import'../../chunk-66JBLKME.js';import'../../chunk-24UTRGGG.js';import'../../chunk-MDZIDPJT.js';import'../../chunk-CQT4MCPB.js';import'../../chunk-GPFU7WD4.js';import'../../chunk-DYWKQE3E.js';import'../../chunk-O4PXXDUJ.js';import'../../chunk-ARHJB5QJ.js';import'../../chunk-JT54SXJ7.js';import'../../chunk-RCFPTX4L.js';import'../../chunk-6HE6LEMT.js';import'../../chunk-AMU54AKH.js';import'../../chunk-4O4EFXIC.js';import'../../chunk-X5KEG2KP.js';import'../../chunk-3OUORNGU.js';import'../../chunk-LCS3AEO6.js';import'../../chunk-SETPAMOK.js';import'../../chunk-DCFHN6C2.js';import'../../chunk-FH6MIOT3.js';import'../../chunk-ZN4NGPK4.js';import'../../chunk-V44MUKYW.js';import'../../chunk-ZMTLSAZW.js';import'../../chunk-TG2IA55S.js';import'../../chunk-ZLWJCX4K.js';import'../../chunk-SZRYE6MO.js';import'../../chunk-TZAF2TGI.js';import'../../chunk-AMMCJJFH.js';import'../../chunk-D4S6DH7W.js';import'../../chunk-MTJECG6U.js';import'../../chunk-QF32XNU6.js';import'../../chunk-QRODASCF.js';import'../../chunk-LDIEOZVR.js';import'../../chunk-XMJA6XBH.js';import'../../chunk-4GWWDZLU.js';import'../../chunk-DDZT3NYE.js';import'../../chunk-TKVYYXMK.js';import'../../chunk-RQ2V5JZH.js';import'../../chunk-QFMHEDCR.js';import'../../chunk-34II3WB7.js';import'../../chunk-2Q6H6K3P.js';import'../../chunk-IJJKN6N5.js';import'../../chunk-OOPLCKT7.js';import'../../chunk-BDXWXDWD.js';import'../../chunk-LR3JJ5NU.js';import'../../chunk-BJ4K2NYK.js';import'../../chunk-EXBDMSKW.js';import'../../chunk-L4Q45JX6.js';import'../../chunk-2RIG4VJV.js';import'../../chunk-7AQD7DQD.js';import'../../chunk-DQ76BKNS.js';import'../../chunk-L57BREIU.js';import'../../chunk-NMRLH63F.js';import'../../chunk-NCCC4QYR.js';import'../../chunk-YBAAMDBD.js';import'../../chunk-IBPFWRCW.js';import'../../chunk-NDWIN3Q7.js';import'../../chunk-EZNCFWJD.js';import'../../chunk-6UAJ4YHX.js';import'../../chunk-KKTODLZZ.js';import'../../chunk-PY6JS3S3.js';import'../../chunk-ABDRIOU6.js';import'../../chunk-3OPXFBRC.js';import'../../chunk-EIPZLG2O.js';import'../../chunk-TLSB6RNU.js';import'../../chunk-NAZHWK7M.js';import'../../chunk-X4F2NNJR.js';import'../../chunk-4A6Z3DYW.js';import'../../chunk-TUTEF6YD.js';import'../../chunk-PX7SYRBV.js';import'../../chunk-4Z44C5F7.js';import'../../chunk-3ACHJWAD.js';import'../../chunk-NLAQMZT4.js';import'../../chunk-E6XVMA37.js';import'../../chunk-K4CCQQ4I.js';import'../../chunk-K3B62NFM.js';import'../../chunk-WVG5Z5IW.js';import'../../chunk-ZCSUNBRA.js';import'../../chunk-A5FGRP2T.js';import'../../chunk-TMCTAXPD.js';import'../../chunk-DJYRLVOD.js';import'../../chunk-IEFNQP3B.js';import'../../chunk-VJLQXTHX.js';import'../../chunk-L3M6OM4B.js';import'../../chunk-S2BQCMBY.js';import'../../chunk-QGXXI4EO.js';import'../../chunk-C74P4XWT.js';import'../../chunk-M7YGOEQF.js';import'../../chunk-QOUYZLUL.js';import'../../chunk-IBUDYQ6B.js';import'../../chunk-4XLQDA6N.js';import'../../chunk-GZLNN5K5.js';import'../../chunk-A37H7O2X.js';import'../../chunk-UEMTPYYH.js';import'../../chunk-BFGMD3VQ.js';import'../../chunk-LHVBFSUO.js';import'../../chunk-5AIEKGEA.js';import'../../chunk-JAFFZIBE.js';import'../../chunk-WOCSBEPT.js';import'../../chunk-VLYOQ5AT.js';import'../../chunk-7WVORIU7.js';import'../../chunk-TCFCFCGD.js';import'../../chunk-OEHA3RK5.js';import'../../chunk-X3K27KHD.js';import'../../chunk-BTFCDSR3.js';import'../../chunk-5QGYWOQI.js';import'../../chunk-QJKAAXP4.js';import'../../chunk-7WXCW3UL.js';import'../../chunk-HBY2XKKF.js';import'../../chunk-ORXLOUE6.js';import'../../chunk-RWXGVZUC.js';
+export { default as CountryFilter } from './CountryFilter';

package/build/components/CountryFilter/style.js

@@ -0,0 +1,7 @@
+import { Box, styled } from '@mui/material';
+export const FilterButton = styled(Box, { shouldForwardProp: (props) => props !== 'isActive' })(({ theme, isActive }) => (Object.assign({ borderRadius: '4px', border: `1px solid ${theme.palette.divider}`, height: 32, width: 30, display: 'flex', alignItems: 'center', justifyContent: 'center', cursor: 'pointer', backgroundColor: theme.palette.common.white, ':hover': {
+        opacity: 0.7,
+    } }, (isActive && {
+    boxShadow: `0px 0px 4px 0px ${theme.palette.info.dark}80`,
+    border: `1px solid ${theme.palette.info.dark}`,
+}))));

package/build/components/CountryFlag/CountryFlag.js

@@ -0,0 +1,23 @@
+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 { defaultCountryIcon, getCountriesIcon, getCurrenciesIcon } from '../../constants/index.js';
+function CountryFlag(_a) {
+    var _b;
+    var { countryCode, currencyCode } = _a, props = __rest(_a, ["countryCode", "currencyCode"]);
+    return (_jsx(Box, Object.assign({}, props, { component: "img", src: (countryCode && getCountriesIcon(countryCode)) || (currencyCode && getCurrenciesIcon(currencyCode)) || defaultCountryIcon, width: props.width || 16, alt: (_b = countryCode !== null && countryCode !== void 0 ? countryCode : currencyCode) !== null && _b !== void 0 ? _b : 'flag', loading: "lazy", onError: (e) => {
+            e.currentTarget.src = defaultCountryIcon;
+        } })));
+}
+export default memo(CountryFlag);

package/build/components/CountryFlag/index.js

@@ -1 +1,2 @@
-export{a as default}from'../../chunk-WOCSBEPT.js';import'../../chunk-ORXLOUE6.js';import'../../chunk-RWXGVZUC.js';
+import CountryFlag from './CountryFlag';
+export default CountryFlag;

package/build/components/CurrencyFilter/CurrencyFilter.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import uniqBy from 'lodash/uniqBy';
+import { useTranslation } from 'react-i18next';
+import { CountryFlag, Menu, MenuItem, FilterCancelButton, FilterFooter, FilterOkayButton, FilterTitle } from '../index.js';
+export default function CurrencyFilter({ selectedCurrencies, onCurrenciesChange, merchantCurrencies, anchorEl, onCloseDropdown, onConfirm, }) {
+    const open = Boolean(anchorEl);
+    const { t } = useTranslation();
+    const uniqueCurrencies = useMemo(() => uniqBy(merchantCurrencies, 'currencyCode'), [merchantCurrencies]);
+    const handleOkButtonClick = (e) => {
+        onConfirm(selectedCurrencies);
+        onCloseDropdown(e);
+    };
+    const checkIsSelected = (currencyCode) => { var _a; return (_a = selectedCurrencies === null || selectedCurrencies === void 0 ? void 0 : selectedCurrencies.includes(currencyCode)) !== null && _a !== void 0 ? _a : false; };
+    const onClickCurrency = (currencyCode) => {
+        var _a;
+        if ((selectedCurrencies === null || selectedCurrencies === void 0 ? void 0 : selectedCurrencies.indexOf(currencyCode)) !== -1) {
+            const newCurrencies = (_a = selectedCurrencies === null || selectedCurrencies === void 0 ? void 0 : selectedCurrencies.filter((currency) => currency !== currencyCode)) !== null && _a !== void 0 ? _a : [];
+            onCurrenciesChange(newCurrencies.length > 0 ? newCurrencies : []);
+            return;
+        }
+        onCurrenciesChange([...selectedCurrencies, currencyCode]);
+    };
+    return (_jsxs(Menu, Object.assign({ open: open, anchorEl: anchorEl, sx: { marginTop: '8px', marginBottom: '8px' } }, { children: [_jsx(FilterTitle, Object.assign({ component: "span" }, { children: t('filterBy') })), uniqueCurrencies.map(({ currencyCode }) => (_jsxs(MenuItem, Object.assign({ isSelected: checkIsSelected(currencyCode), onClick: () => {
+                    onClickCurrency(currencyCode);
+                } }, { children: [_jsx(CountryFlag, { currencyCode: currencyCode }), currencyCode] }), currencyCode))), _jsxs(FilterFooter, { children: [_jsx(FilterCancelButton, Object.assign({ onClick: onCloseDropdown }, { children: t('cancel') })), _jsx(FilterOkayButton, Object.assign({ onClick: handleOkButtonClick }, { children: t('okay') }))] })] })));
+}

package/build/components/CurrencyFilter/index.js

@@ -1 +1 @@
-export{Rc as CurrencyFilter}from'../../chunk-BSKRKH74.js';import'../../chunk-7SKAZY6M.js';import'../../chunk-KUOQFC5G.js';import'../../chunk-WX7HFBCU.js';import'../../chunk-ZTHZGDV6.js';import'../../chunk-KMKIHWDZ.js';import'../../chunk-YPYLZUND.js';import'../../chunk-CTBYQDKG.js';import'../../chunk-Q3KFNQMO.js';import'../../chunk-BN22ADM5.js';import'../../chunk-BE3CE5GS.js';import'../../chunk-UIPGHDY4.js';import'../../chunk-4FHOI2EM.js';import'../../chunk-BWQ7TYTT.js';import'../../chunk-66JBLKME.js';import'../../chunk-24UTRGGG.js';import'../../chunk-MDZIDPJT.js';import'../../chunk-CQT4MCPB.js';import'../../chunk-GPFU7WD4.js';import'../../chunk-DYWKQE3E.js';import'../../chunk-O4PXXDUJ.js';import'../../chunk-ARHJB5QJ.js';import'../../chunk-JT54SXJ7.js';import'../../chunk-RCFPTX4L.js';import'../../chunk-6HE6LEMT.js';import'../../chunk-AMU54AKH.js';import'../../chunk-4O4EFXIC.js';import'../../chunk-X5KEG2KP.js';import'../../chunk-3OUORNGU.js';import'../../chunk-LCS3AEO6.js';import'../../chunk-SETPAMOK.js';import'../../chunk-DCFHN6C2.js';import'../../chunk-FH6MIOT3.js';import'../../chunk-ZN4NGPK4.js';import'../../chunk-V44MUKYW.js';import'../../chunk-ZMTLSAZW.js';import'../../chunk-TG2IA55S.js';import'../../chunk-ZLWJCX4K.js';import'../../chunk-SZRYE6MO.js';import'../../chunk-TZAF2TGI.js';import'../../chunk-AMMCJJFH.js';import'../../chunk-D4S6DH7W.js';import'../../chunk-MTJECG6U.js';import'../../chunk-QF32XNU6.js';import'../../chunk-QRODASCF.js';import'../../chunk-LDIEOZVR.js';import'../../chunk-XMJA6XBH.js';import'../../chunk-4GWWDZLU.js';import'../../chunk-DDZT3NYE.js';import'../../chunk-TKVYYXMK.js';import'../../chunk-RQ2V5JZH.js';import'../../chunk-QFMHEDCR.js';import'../../chunk-34II3WB7.js';import'../../chunk-2Q6H6K3P.js';import'../../chunk-IJJKN6N5.js';import'../../chunk-OOPLCKT7.js';import'../../chunk-BDXWXDWD.js';import'../../chunk-LR3JJ5NU.js';import'../../chunk-BJ4K2NYK.js';import'../../chunk-EXBDMSKW.js';import'../../chunk-L4Q45JX6.js';import'../../chunk-2RIG4VJV.js';import'../../chunk-7AQD7DQD.js';import'../../chunk-DQ76BKNS.js';import'../../chunk-L57BREIU.js';import'../../chunk-NMRLH63F.js';import'../../chunk-NCCC4QYR.js';import'../../chunk-YBAAMDBD.js';import'../../chunk-IBPFWRCW.js';import'../../chunk-NDWIN3Q7.js';import'../../chunk-EZNCFWJD.js';import'../../chunk-6UAJ4YHX.js';import'../../chunk-KKTODLZZ.js';import'../../chunk-PY6JS3S3.js';import'../../chunk-ABDRIOU6.js';import'../../chunk-3OPXFBRC.js';import'../../chunk-EIPZLG2O.js';import'../../chunk-TLSB6RNU.js';import'../../chunk-NAZHWK7M.js';import'../../chunk-X4F2NNJR.js';import'../../chunk-4A6Z3DYW.js';import'../../chunk-TUTEF6YD.js';import'../../chunk-PX7SYRBV.js';import'../../chunk-4Z44C5F7.js';import'../../chunk-3ACHJWAD.js';import'../../chunk-NLAQMZT4.js';import'../../chunk-E6XVMA37.js';import'../../chunk-K4CCQQ4I.js';import'../../chunk-K3B62NFM.js';import'../../chunk-WVG5Z5IW.js';import'../../chunk-ZCSUNBRA.js';import'../../chunk-A5FGRP2T.js';import'../../chunk-TMCTAXPD.js';import'../../chunk-DJYRLVOD.js';import'../../chunk-IEFNQP3B.js';import'../../chunk-VJLQXTHX.js';import'../../chunk-L3M6OM4B.js';import'../../chunk-S2BQCMBY.js';import'../../chunk-QGXXI4EO.js';import'../../chunk-C74P4XWT.js';import'../../chunk-M7YGOEQF.js';import'../../chunk-QOUYZLUL.js';import'../../chunk-IBUDYQ6B.js';import'../../chunk-4XLQDA6N.js';import'../../chunk-GZLNN5K5.js';import'../../chunk-A37H7O2X.js';import'../../chunk-UEMTPYYH.js';import'../../chunk-BFGMD3VQ.js';import'../../chunk-LHVBFSUO.js';import'../../chunk-5AIEKGEA.js';import'../../chunk-JAFFZIBE.js';import'../../chunk-WOCSBEPT.js';import'../../chunk-VLYOQ5AT.js';import'../../chunk-7WVORIU7.js';import'../../chunk-TCFCFCGD.js';import'../../chunk-OEHA3RK5.js';import'../../chunk-X3K27KHD.js';import'../../chunk-BTFCDSR3.js';import'../../chunk-5QGYWOQI.js';import'../../chunk-QJKAAXP4.js';import'../../chunk-7WXCW3UL.js';import'../../chunk-HBY2XKKF.js';import'../../chunk-ORXLOUE6.js';import'../../chunk-RWXGVZUC.js';
+export { default as CurrencyFilter } from './CurrencyFilter';