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

package/build/components/OTPInput/OTPInput.js

@@ -0,0 +1,36 @@
+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 { useState, memo } from 'react';
+import Box from '@mui/material/Box';
+import OtpInput from 'react18-input-otp';
+import { inputFocusStyle, inputStyle, inputErrorStyle, Separator } from './style';
+function OTPInput(_a) {
+    var { numInputs = 6, separateAfter = 3, isInputSecure = true, isInputNum = true, onSubmitOtp, onChange, inputProps } = _a, props = __rest(_a, ["numInputs", "separateAfter", "isInputSecure", "isInputNum", "onSubmitOtp", "onChange", "inputProps"]);
+    const [otp, setOtp] = useState('');
+    const handleChange = (enteredOtp) => {
+        setOtp(enteredOtp);
+        onChange === null || onChange === void 0 ? void 0 : onChange(enteredOtp);
+        if (enteredOtp.length === numInputs) {
+            onSubmitOtp === null || onSubmitOtp === void 0 ? void 0 : onSubmitOtp(enteredOtp);
+        }
+    };
+    return (_jsx(Box, Object.assign({ sx: {
+            '::selection': {
+                background: 'transparent',
+            },
+        } }, { children: _jsx(OtpInput, Object.assign({ inputStyle: Object.assign(Object.assign({}, inputStyle), inputProps), focusStyle: inputFocusStyle, errorStyle: inputErrorStyle, containerStyle: {
+                gap: '7px',
+                justifyContent: 'space-between',
+            }, value: otp, separator: _jsx(Separator, { children: "-" }), isInputNum: isInputNum, isInputSecure: isInputSecure, numInputs: numInputs, separateAfter: separateAfter, shouldAutoFocus: true, onChange: handleChange, autoComplete: "new-password", "aria-autocomplete": "none", inputProps: Object.assign({ autoComplete: 'new-password', 'aria-autocomplete': 'none', pattern: '[0-9]*' }, inputProps) }, props)) })));
+}
+export default memo(OTPInput);

package/build/components/OTPInput/index.js

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

package/build/components/OTPInput/style.js

@@ -0,0 +1,28 @@
+import { styled } from '@mui/material/styles';
+export const inputStyle = {
+    width: 45,
+    height: 48,
+    borderRadius: '8px',
+    fontSize: '45px',
+    border: `1px solid #f2f2f2`,
+    caretColor: 'transparent',
+    outline: 'none',
+    userSelect: 'none !important',
+    color: '#20232B',
+};
+export const inputFocusStyle = {
+    boxShadow: '0px 0px 8px 0px #00000026',
+    border: '1px solid #1F88D0',
+    userSelect: 'none !important',
+};
+export const inputErrorStyle = {
+    border: '0.9px solid #FF3D00',
+    boxShadow: '0px 0px 3.59px 0px #00000040',
+};
+export const Separator = styled('span')(() => ({
+    marginInline: '5.25px',
+    fontWeight: 500,
+    fontSize: '14px',
+    lineHeight: '24px',
+    color: '#20232B',
+}));

package/build/components/OpenFileInNewTab/OpenFileInNewTab.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useMemo } from 'react';
+import { ViewFile } from './style';
+const windowUrl = window.URL || window.webkitURL;
+export const OpenFileInNewTab = ({ data, isLoading, isError }) => {
+    const blobUrl = useMemo(() => {
+        if (!data)
+            return '';
+        return windowUrl.createObjectURL(data);
+    }, [data]);
+    useEffect(() => {
+        return () => {
+            if (blobUrl)
+                windowUrl.revokeObjectURL(blobUrl);
+        };
+    }, [blobUrl]);
+    const handleOpenFile = () => {
+        if (blobUrl) {
+            window.open(blobUrl, '_blank');
+        }
+    };
+    if (isLoading || isError)
+        return null;
+    return _jsx(ViewFile, Object.assign({ onClick: handleOpenFile }, { children: "View" }));
+};
+export default OpenFileInNewTab;

package/build/components/OpenFileInNewTab/index.js

@@ -1 +1 @@
-export{a as OpenFileInNewTab}from'../../chunk-ZMTLSAZW.js';import'../../chunk-RWXGVZUC.js';
+export { default as OpenFileInNewTab } from './OpenFileInNewTab';

package/build/components/OpenFileInNewTab/style.js

@@ -0,0 +1,8 @@
+import { styled } from '@mui/material';
+export const ViewFile = styled('span')(({ theme }) => ({
+    fontWeight: 500,
+    color: theme.palette.info.dark,
+    cursor: 'pointer',
+    fontSize: '9px',
+    textDecoration: 'underline',
+}));

package/build/components/PartnersFilter/PartnersFilter.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCallback, useMemo, useState } from 'react';
+import { Popper } from '@mui/material';
+import Box from '@mui/material/Box';
+import { MenuItem, RadioGroup } from '../index.js';
+import { rightArrow } from '../../constants/index.js';
+import { StatusValue } from '../../types/index.js';
+export default function PartnersFilter({ options, selectedFilters, onChange }) {
+    const [childAnchorEl, setChildAnchorEl] = useState(null);
+    const [hoveredStatus, setHoveredStatus] = useState(null);
+    const onChildLeave = useCallback(() => {
+        setChildAnchorEl(null);
+        setHoveredStatus(null);
+    }, []);
+    const getSelectedValue = (value) => {
+        return value === StatusValue.ALL ? undefined : value === StatusValue.ENABLED;
+    };
+    const onClickStatus = (value) => {
+        if (hoveredStatus) {
+            onChange({ [hoveredStatus]: getSelectedValue(value) });
+        }
+    };
+    const radioSelectedValue = useMemo(() => {
+        const value = selectedFilters === null || selectedFilters === void 0 ? void 0 : selectedFilters[hoveredStatus || ''];
+        return value === undefined ? StatusValue.ALL : value ? StatusValue.ENABLED : StatusValue.DISABLED;
+    }, [selectedFilters, hoveredStatus]);
+    return (_jsxs(_Fragment, { children: [options.map(({ label, value }, index) => (_jsxs(MenuItem, Object.assign({ onMouseOver: (e) => {
+                    setChildAnchorEl(e.currentTarget);
+                    setHoveredStatus(value);
+                }, sx: Object.assign({ minHeight: '35px', padding: '8px 16px', display: 'flex', alignItems: 'center', justifyContent: 'space-between', cursor: 'pointer', '&:hover': { backgroundColor: '#fff', boxShadow: '0px 0px 16px 0px #00000021' } }, (index === options.length - 1 && {
+                    borderBottom: '1px solid #F2F2F2',
+                })), hideCheckbox: true }, { children: [_jsx(Box, Object.assign({ sx: { display: 'flex', alignItems: 'center', gap: '4px' } }, { children: label })), _jsx(Box, { component: "img", src: rightArrow, width: 16, height: 12, sx: { marginLeft: 'auto' } })] }), value))), _jsx(Popper, Object.assign({ open: Boolean(childAnchorEl), anchorEl: childAnchorEl, placement: "right-start", onMouseLeave: onChildLeave }, { children: _jsx(Box, Object.assign({ sx: {
+                        backgroundColor: '#fff',
+                        borderEndEndRadius: '8px',
+                        border: '1px solid #F2F2F2',
+                    } }, { children: _jsx(RadioGroup, { options: [
+                            {
+                                value: StatusValue.ALL,
+                                label: 'All',
+                            },
+                            {
+                                value: StatusValue.ENABLED,
+                                label: 'Available',
+                            },
+                            {
+                                value: StatusValue.DISABLED,
+                                label: 'Not Available',
+                            },
+                        ], value: radioSelectedValue, onOptionChange: onClickStatus }) })) }))] }));
+}

package/build/components/PartnersFilter/index.js

@@ -1 +1 @@
-export{Vc as PartnersFilter}from'../../chunk-WGPV3VEK.js';import'../../chunk-5ZTIXOFI.js';import'../../chunk-RUU3IQ7Y.js';import'../../chunk-3EU4NGZ7.js';import'../../chunk-WX7HFBCU.js';import'../../chunk-KM4UT2GM.js';import'../../chunk-ZTHZGDV6.js';import'../../chunk-FQXBL3YF.js';import'../../chunk-CTBYQDKG.js';import'../../chunk-JQYBCTVW.js';import'../../chunk-7NYF2UBV.js';import'../../chunk-ARHJB5QJ.js';import'../../chunk-XY57JRPE.js';import'../../chunk-BV5VAMBI.js';import'../../chunk-LONKQ3XM.js';import'../../chunk-66JBLKME.js';import'../../chunk-24UTRGGG.js';import'../../chunk-VNK7I7AL.js';import'../../chunk-CQT4MCPB.js';import'../../chunk-GPFU7WD4.js';import'../../chunk-DYWKQE3E.js';import'../../chunk-WGCHJPEZ.js';import'../../chunk-JT54SXJ7.js';import'../../chunk-ZWJTEKFP.js';import'../../chunk-2FDPAJY4.js';import'../../chunk-544TDVOA.js';import'../../chunk-4O4EFXIC.js';import'../../chunk-X5KEG2KP.js';import'../../chunk-IXQ7Y6Y5.js';import'../../chunk-F4KVGV4T.js';import'../../chunk-ZUBHIDDI.js';import'../../chunk-FAYAV46R.js';import'../../chunk-6DLPM4RB.js';import'../../chunk-XQVSYDRO.js';import'../../chunk-ZN4NGPK4.js';import'../../chunk-V44MUKYW.js';import'../../chunk-ZMTLSAZW.js';import'../../chunk-TG2IA55S.js';import'../../chunk-ZLWJCX4K.js';import'../../chunk-T3BFBXVJ.js';import'../../chunk-TZAF2TGI.js';import'../../chunk-AMMCJJFH.js';import'../../chunk-D4S6DH7W.js';import'../../chunk-MTJECG6U.js';import'../../chunk-QF32XNU6.js';import'../../chunk-V5OHALLD.js';import'../../chunk-LDIEOZVR.js';import'../../chunk-NLOKMDQY.js';import'../../chunk-OLPNHTE7.js';import'../../chunk-UF4FBI5V.js';import'../../chunk-OJJ2Q5XK.js';import'../../chunk-RQ2V5JZH.js';import'../../chunk-QFMHEDCR.js';import'../../chunk-34II3WB7.js';import'../../chunk-2Q6H6K3P.js';import'../../chunk-XZORYOIS.js';import'../../chunk-BTANFCN2.js';import'../../chunk-YTBVTQNQ.js';import'../../chunk-LLPG2AC6.js';import'../../chunk-LMKY6Q27.js';import'../../chunk-OFBKWUDT.js';import'../../chunk-NQVCWKMH.js';import'../../chunk-YVHYNRRL.js';import'../../chunk-LOJTJZSX.js';import'../../chunk-DQ76BKNS.js';import'../../chunk-XRTET45W.js';import'../../chunk-LDZG7EXA.js';import'../../chunk-NLEKLEHC.js';import'../../chunk-B4QKXIT7.js';import'../../chunk-IBPFWRCW.js';import'../../chunk-FL7ZDVP7.js';import'../../chunk-23C4BLEJ.js';import'../../chunk-7A7PBYFB.js';import'../../chunk-J72TLM2F.js';import'../../chunk-HRHKLBHG.js';import'../../chunk-ABDRIOU6.js';import'../../chunk-YLE4Q6WH.js';import'../../chunk-D5EB3ZRT.js';import'../../chunk-BNUBHZV7.js';import'../../chunk-3ABTBVXY.js';import'../../chunk-AUM6AR3E.js';import'../../chunk-4A6Z3DYW.js';import'../../chunk-TUTEF6YD.js';import'../../chunk-PX7SYRBV.js';import'../../chunk-2T2Z5RPJ.js';import'../../chunk-SZBR7LB3.js';import'../../chunk-NLAQMZT4.js';import'../../chunk-E6XVMA37.js';import'../../chunk-JWC3XDE4.js';import'../../chunk-UB5L7C6S.js';import'../../chunk-JYJ3D2X6.js';import'../../chunk-ZCSUNBRA.js';import'../../chunk-A5FGRP2T.js';import'../../chunk-62CGUEB4.js';import'../../chunk-DJYRLVOD.js';import'../../chunk-GMRNI4U5.js';import'../../chunk-VJLQXTHX.js';import'../../chunk-L3M6OM4B.js';import'../../chunk-S2BQCMBY.js';import'../../chunk-QGXXI4EO.js';import'../../chunk-NLPYBEGY.js';import'../../chunk-M7YGOEQF.js';import'../../chunk-GF7D4WGP.js';import'../../chunk-6ZPCHYOF.js';import'../../chunk-GI3U6XGW.js';import'../../chunk-3A4B5D6T.js';import'../../chunk-24XGEJR2.js';import'../../chunk-UEMTPYYH.js';import'../../chunk-BFGMD3VQ.js';import'../../chunk-EAUWAY4T.js';import'../../chunk-5AIEKGEA.js';import'../../chunk-MYFLXP7G.js';import'../../chunk-G6N4V3PP.js';import'../../chunk-P6K4PD7Y.js';import'../../chunk-XUDGW7IY.js';import'../../chunk-2LMLVUW4.js';import'../../chunk-KGQT7R3W.js';import'../../chunk-XXZJ5D5P.js';import'../../chunk-DQLGJFLX.js';import'../../chunk-EDMW226P.js';import'../../chunk-5QGYWOQI.js';import'../../chunk-7IW25XZP.js';import'../../chunk-WHWKA4SY.js';import'../../chunk-HBY2XKKF.js';import'../../chunk-OYEIM6ED.js';import'../../chunk-RWXGVZUC.js';
+export { default as PartnersFilter } from './PartnersFilter';

package/build/components/PaymentSourceFilter/AuthenticationMode.js

@@ -0,0 +1,59 @@
+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, useMemo, useState } from 'react';
+import { AuthenticationModeBadge } from '../TableCells';
+import Menu from '../Menu';
+import { AUTHENTICATION_LABEL, AuthenticationModeType, rightArrow } from '../../constants/index.js';
+import MenuItem from '../MenuItem';
+import { MenuItemStyled } from './style';
+export const AUTHENTICATION_MODES = [
+    { label: AUTHENTICATION_LABEL[AuthenticationModeType.Challenge], value: AuthenticationModeType.Challenge },
+    { label: AUTHENTICATION_LABEL[AuthenticationModeType.Frictionless], value: AuthenticationModeType.Frictionless },
+];
+export const AuthenticationMode = ({ filters, setFilters }) => {
+    var _a;
+    const [authenticationModeEl, setAuthenticationModeEl] = useState(null);
+    const open = Boolean(authenticationModeEl);
+    const filterAuthMode = (_a = filters === null || filters === void 0 ? void 0 : filters.auth_mode) !== null && _a !== void 0 ? _a : [];
+    const onOpen = (e) => {
+        if (!open)
+            setAuthenticationModeEl(e.currentTarget);
+    };
+    const onClose = () => {
+        if (open)
+            setAuthenticationModeEl(null);
+    };
+    const authModeAll = useMemo(() => AUTHENTICATION_MODES.map((mode) => mode.value), []);
+    const isSelected = useMemo(() => AUTHENTICATION_MODES.length === filterAuthMode.length && filterAuthMode.length > 0, [filterAuthMode.length, authModeAll === null || authModeAll === void 0 ? void 0 : authModeAll.length]);
+    const isIndeterminate = useMemo(() => !isSelected && filterAuthMode.length > 0, [filterAuthMode.length, isSelected]);
+    const onClick = () => {
+        if (isSelected) {
+            const { auth_mode } = filters, resetFilters = __rest(filters, ["auth_mode"]);
+            setFilters(resetFilters);
+            return;
+        }
+        setFilters(Object.assign(Object.assign({}, filters), { auth_mode: authModeAll }));
+    };
+    const isSelectedAuthMode = useCallback((selectedAuthMode) => { var _a; return (_a = filterAuthMode.includes(selectedAuthMode)) !== null && _a !== void 0 ? _a : false; }, [filterAuthMode.length]);
+    const onClickAuthMode = (e, selectedAuthMode) => {
+        var _a;
+        e.stopPropagation();
+        if (isSelectedAuthMode(selectedAuthMode)) {
+            setFilters(Object.assign(Object.assign({}, filters), { auth_mode: (_a = filterAuthMode === null || filterAuthMode === void 0 ? void 0 : filterAuthMode.filter((authMode) => authMode !== selectedAuthMode)) !== null && _a !== void 0 ? _a : [] }));
+        }
+        else {
+            setFilters(Object.assign(Object.assign({}, filters), { auth_mode: [...(filterAuthMode !== null && filterAuthMode !== void 0 ? filterAuthMode : []), selectedAuthMode] }));
+        }
+    };
+    return (_jsxs(MenuItemStyled, Object.assign({ isSelected: isSelected, isIndeterminate: isIndeterminate, onMouseEnter: onOpen, onMouseLeave: onClose, onClick: onClick }, { children: [_jsx("span", Object.assign({ className: "label" }, { children: "Authentication Mode" })), _jsx("img", { src: rightArrow, alt: "arrow", style: { height: 12 } }), _jsx(Menu, Object.assign({ open: open, anchorEl: authenticationModeEl, placement: "right-start" }, { children: AUTHENTICATION_MODES.map((mode) => (_jsxs(MenuItem, Object.assign({ isSelected: isSelectedAuthMode(mode.value), onClick: (e) => onClickAuthMode(e, mode.value) }, { children: [_jsx(AuthenticationModeBadge, { mode: mode.value }), mode.label] }), mode.value))) }))] })));
+};

package/build/components/PaymentSourceFilter/PaymentIcon.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Box from '@mui/material/Box';
+import { getPaymentMethodsIcon } from '../../constants/index.js';
+import { PaymentChip } from './style';
+export function PaymentIcon({ type }) {
+    return (_jsx(PaymentChip, { children: _jsx(Box, { component: "img", src: getPaymentMethodsIcon(type), sx: { width: 18, height: 12, objectFit: 'contain' }, onError: (e) => {
+                e.currentTarget.src = getPaymentMethodsIcon('card');
+            } }) }));
+}

package/build/components/PaymentSourceFilter/PaymentInitiated.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useMemo, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Menu, MenuItem } from '../index.js';
+import { rightArrow, PAYMENT_INITIATED_OPTIONS } from '../../constants/index.js';
+import { MenuItemStyled } from './style';
+export default function PaymentInitiatedFilter({ filters, setFilters }) {
+    const [nestedAnchorEl, setNestedAnchorEl] = useState(null);
+    const { t } = useTranslation();
+    const paymentInitiated = useMemo(() => { var _a; return (_a = filters === null || filters === void 0 ? void 0 : filters.payment_initiated) !== null && _a !== void 0 ? _a : []; }, [filters === null || filters === void 0 ? void 0 : filters.payment_initiated]);
+    const onOpen = (e) => {
+        setNestedAnchorEl(e.currentTarget);
+    };
+    const onClose = () => {
+        setNestedAnchorEl(null);
+    };
+    const isPaymentSelected = useCallback((key) => paymentInitiated.includes(key), [paymentInitiated]);
+    const isAllPaymentSelected = (paymentInitiated === null || paymentInitiated === void 0 ? void 0 : paymentInitiated.length) === PAYMENT_INITIATED_OPTIONS.length;
+    const onClickAll = () => {
+        setFilters === null || setFilters === void 0 ? void 0 : setFilters(Object.assign(Object.assign({}, filters), { payment_initiated: isAllPaymentSelected ? [] : PAYMENT_INITIATED_OPTIONS.map(({ key }) => key) }));
+    };
+    const onPaymentClick = (key) => {
+        setFilters === null || setFilters === void 0 ? void 0 : setFilters(Object.assign(Object.assign({}, filters), { payment_initiated: isPaymentSelected(key) ? paymentInitiated === null || paymentInitiated === void 0 ? void 0 : paymentInitiated.filter((payment) => payment !== key) : [...paymentInitiated, key] }));
+    };
+    return (_jsxs(MenuItemStyled, Object.assign({ onMouseEnter: onOpen, onMouseLeave: onClose, isSelected: isAllPaymentSelected, isIndeterminate: paymentInitiated.length === 1, onClick: onClickAll }, { children: [_jsx("span", Object.assign({ className: "label" }, { children: t('paymentInitiated') })), _jsx("img", { src: rightArrow, alt: "arrow", style: { height: 12 } }), _jsx(Menu, Object.assign({ open: Boolean(nestedAnchorEl), anchorEl: nestedAnchorEl, placement: "right-start" }, { children: PAYMENT_INITIATED_OPTIONS.map(({ label, key }) => (_jsx(MenuItem, Object.assign({ isSelected: isPaymentSelected(key), onClick: (e) => {
+                        e.stopPropagation();
+                        onPaymentClick(key);
+                    } }, { children: label }), key))) }))] })));
+}

package/build/components/PaymentSourceFilter/PaymentMethod.js

@@ -0,0 +1,55 @@
+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 { useState, useCallback, useMemo } from 'react';
+import { Menu } from '../index.js';
+import { rightArrow } from '../../constants/index.js';
+import { MenuItemStyled } from './style';
+import { PaymentIcon } from './PaymentIcon';
+export default function PaymentMethod({ icon, name, options = [], filters, setFilters }) {
+    var _a;
+    const [anchorEl, setAnchorEl] = useState(null);
+    const paymentMethods = (_a = filters === null || filters === void 0 ? void 0 : filters.payment_methods) !== null && _a !== void 0 ? _a : [];
+    const onOpen = (e) => {
+        setAnchorEl(e.currentTarget);
+    };
+    const onClose = () => {
+        setAnchorEl(null);
+    };
+    const isSelectedPaymentMethod = useCallback((selectedPaymentMethod) => { var _a; return (_a = paymentMethods.includes(selectedPaymentMethod)) !== null && _a !== void 0 ? _a : false; }, [paymentMethods.length]);
+    const isSelected = useMemo(() => options === null || options === void 0 ? void 0 : options.every((option) => isSelectedPaymentMethod(option.type)), [paymentMethods.length]);
+    const isIndeterminate = useMemo(() => !isSelected && (options === null || options === void 0 ? void 0 : options.some((option) => isSelectedPaymentMethod(option.type))), [paymentMethods.length]);
+    const onClick = (e) => {
+        var _a, _b;
+        e.stopPropagation();
+        if (isSelected) {
+            const newPaymentMethods = (_a = options === null || options === void 0 ? void 0 : options.reduce((acc, option) => acc.filter((method) => method !== option.type), paymentMethods)) !== null && _a !== void 0 ? _a : [];
+            const { payment_methods } = filters, resetFilters = __rest(filters, ["payment_methods"]);
+            setFilters((newPaymentMethods === null || newPaymentMethods === void 0 ? void 0 : newPaymentMethods.length) > 0
+                ? Object.assign(Object.assign({}, filters), { payment_methods: newPaymentMethods }) : resetFilters);
+        }
+        else {
+            setFilters(Object.assign(Object.assign({}, filters), { payment_methods: [...paymentMethods, ...((_b = options === null || options === void 0 ? void 0 : options.map((option) => option.type)) !== null && _b !== void 0 ? _b : [])] }));
+        }
+    };
+    const onClickPaymentMethod = (e, selectedPaymentMethod) => {
+        var _a;
+        e.stopPropagation();
+        if (isSelectedPaymentMethod(selectedPaymentMethod)) {
+            setFilters(Object.assign(Object.assign({}, filters), { payment_methods: (_a = paymentMethods === null || paymentMethods === void 0 ? void 0 : paymentMethods.filter((method) => method !== selectedPaymentMethod)) !== null && _a !== void 0 ? _a : [] }));
+        }
+        else {
+            setFilters(Object.assign(Object.assign({}, filters), { payment_methods: [...(paymentMethods !== null && paymentMethods !== void 0 ? paymentMethods : []), selectedPaymentMethod] }));
+        }
+    };
+    return (_jsxs(MenuItemStyled, Object.assign({ isSelected: isSelected, isIndeterminate: isIndeterminate, onMouseEnter: onOpen, onMouseLeave: onClose, onClick: onClick }, { children: [_jsx("img", { src: icon, alt: name }), _jsx("span", Object.assign({ className: "label" }, { children: name })), _jsx("img", { src: rightArrow, alt: "arrow", style: { height: 12 } }), _jsx(Menu, Object.assign({ open: Boolean(anchorEl), anchorEl: anchorEl, placement: "right-end" }, { children: options === null || options === void 0 ? void 0 : options.map((option) => (_jsx(MenuItemStyled, Object.assign({ isSelected: isSelectedPaymentMethod(option.type), onClick: (e) => onClickPaymentMethod(e, option.type) }, { children: _jsx(PaymentIcon, { type: option.type }) }), option.type))) }))] })));
+}

package/build/components/PaymentSourceFilter/PaymentMethods.js

@@ -0,0 +1,50 @@
+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 { useMemo, useState } from 'react';
+import { Menu } from '../index.js';
+import { rightArrow } from '../../constants/index.js';
+import PaymentMethod from './PaymentMethod';
+import { MenuItemStyled } from './style';
+export default function PaymentMethods({ paymentMethodsSource, filters, setFilters }) {
+    var _a, _b, _c;
+    const [paymentMethodsEl, setPaymentMethodsEl] = useState(null);
+    const filterPaymentMethods = (_a = filters === null || filters === void 0 ? void 0 : filters.payment_methods) !== null && _a !== void 0 ? _a : [];
+    const isDisabled = !((_b = paymentMethodsSource === null || paymentMethodsSource === void 0 ? void 0 : paymentMethodsSource.options) === null || _b === void 0 ? void 0 : _b.length);
+    const onOpen = (e) => {
+        setPaymentMethodsEl(e.currentTarget);
+    };
+    const onClose = () => {
+        setPaymentMethodsEl(null);
+    };
+    const paymentMethodsAll = useMemo(() => {
+        var _a, _b, _c;
+        return (_c = (_b = ((_a = paymentMethodsSource === null || paymentMethodsSource === void 0 ? void 0 : paymentMethodsSource.options) !== null && _a !== void 0 ? _a : [])) === null || _b === void 0 ? void 0 : _b.reduce((acc, method) => {
+            var _a, _b, _c;
+            acc.push(...((_c = (_b = ((_a = method.options) !== null && _a !== void 0 ? _a : [])) === null || _b === void 0 ? void 0 : _b.map((m) => m.type)) !== null && _c !== void 0 ? _c : []));
+            return acc;
+        }, [])) !== null && _c !== void 0 ? _c : [];
+    }, []);
+    const isSelected = useMemo(() => (paymentMethodsAll === null || paymentMethodsAll === void 0 ? void 0 : paymentMethodsAll.length) === filterPaymentMethods.length && filterPaymentMethods.length > 0, [filterPaymentMethods.length, paymentMethodsAll === null || paymentMethodsAll === void 0 ? void 0 : paymentMethodsAll.length]);
+    const isIndeterminate = useMemo(() => !isSelected && filterPaymentMethods.length > 0, [filterPaymentMethods.length, isSelected]);
+    const onClick = () => {
+        if (isDisabled)
+            return;
+        if (isSelected) {
+            const { payment_methods } = filters, resetFilters = __rest(filters, ["payment_methods"]);
+            setFilters(resetFilters);
+            return;
+        }
+        setFilters(Object.assign(Object.assign({}, filters), { payment_methods: paymentMethodsAll }));
+    };
+    return (_jsxs(MenuItemStyled, Object.assign({ isSelected: isSelected, isIndeterminate: isIndeterminate, onMouseEnter: onOpen, onMouseLeave: onClose, onClick: onClick, sx: Object.assign({}, (isDisabled && { opacity: 0.5, pointerEvents: 'none' })) }, { children: [_jsx("span", Object.assign({ className: "label" }, { children: paymentMethodsSource === null || paymentMethodsSource === void 0 ? void 0 : paymentMethodsSource.name })), _jsx("img", { src: rightArrow, alt: "arrow", style: { height: 12 } }), _jsx(Menu, Object.assign({ open: Boolean(paymentMethodsEl), anchorEl: paymentMethodsEl, placement: "right-start" }, { children: (_c = paymentMethodsSource === null || paymentMethodsSource === void 0 ? void 0 : paymentMethodsSource.options) === null || _c === void 0 ? void 0 : _c.map((paymentMethod) => (_jsx(PaymentMethod, Object.assign({}, paymentMethod, { filters: filters, setFilters: setFilters }), paymentMethod.type))) }))] })));
+}

package/build/components/PaymentSourceFilter/PaymentSchemes.js

@@ -0,0 +1,54 @@
+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, useMemo, useState } from 'react';
+import { Menu } from '../index.js';
+import { rightArrow } from '../../constants/index.js';
+import { MenuItemStyled } from './style';
+import { PaymentIcon } from './PaymentIcon';
+export default function PaymentSchemes({ paymentSchemesSource, filters, setFilters }) {
+    var _a, _b, _c, _d;
+    const [anchorEl, setAnchorEl] = useState(null);
+    const paymentScheme = (_a = filters === null || filters === void 0 ? void 0 : filters.payment_scheme) !== null && _a !== void 0 ? _a : [];
+    const isDisabled = !((_b = paymentSchemesSource === null || paymentSchemesSource === void 0 ? void 0 : paymentSchemesSource.options) === null || _b === void 0 ? void 0 : _b.length);
+    const onOpen = (e) => {
+        setAnchorEl(e.currentTarget);
+    };
+    const onClose = () => {
+        setAnchorEl(null);
+    };
+    const isSelected = useMemo(() => { var _a; return (paymentScheme === null || paymentScheme === void 0 ? void 0 : paymentScheme.length) === ((_a = paymentSchemesSource === null || paymentSchemesSource === void 0 ? void 0 : paymentSchemesSource.options) === null || _a === void 0 ? void 0 : _a.length) && paymentScheme.length > 0; }, [paymentScheme === null || paymentScheme === void 0 ? void 0 : paymentScheme.length, (_c = paymentSchemesSource === null || paymentSchemesSource === void 0 ? void 0 : paymentSchemesSource.options) === null || _c === void 0 ? void 0 : _c.length]);
+    const isIndeterminate = useMemo(() => !isSelected && paymentScheme.length > 0, [paymentScheme.length, isSelected]);
+    const isSelectedPaymentScheme = useCallback((selectedPaymentScheme) => { var _a; return (_a = paymentScheme.includes(selectedPaymentScheme)) !== null && _a !== void 0 ? _a : false; }, [paymentScheme]);
+    const onClick = () => {
+        var _a, _b;
+        if (isDisabled)
+            return;
+        if (isSelected) {
+            const { payment_scheme } = filters, resetFilters = __rest(filters, ["payment_scheme"]);
+            setFilters(resetFilters);
+            return;
+        }
+        setFilters(Object.assign(Object.assign({}, filters), { payment_scheme: (_b = (_a = paymentSchemesSource === null || paymentSchemesSource === void 0 ? void 0 : paymentSchemesSource.options) === null || _a === void 0 ? void 0 : _a.map((paymentSchemeItem) => paymentSchemeItem.type)) !== null && _b !== void 0 ? _b : [] }));
+    };
+    const onClickPaymentScheme = (e, selectedPaymentScheme) => {
+        var _a, _b;
+        e.stopPropagation();
+        if (isSelectedPaymentScheme(selectedPaymentScheme)) {
+            setFilters(Object.assign(Object.assign({}, filters), { payment_scheme: (_a = paymentScheme.filter((scheme) => scheme !== selectedPaymentScheme)) !== null && _a !== void 0 ? _a : [] }));
+        }
+        else {
+            setFilters(Object.assign(Object.assign({}, filters), { payment_scheme: [...((_b = filters === null || filters === void 0 ? void 0 : filters.payment_scheme) !== null && _b !== void 0 ? _b : []), selectedPaymentScheme] }));
+        }
+    };
+    return (_jsxs(MenuItemStyled, Object.assign({ isSelected: isSelected, isIndeterminate: isIndeterminate, onMouseEnter: onOpen, onMouseLeave: onClose, onClick: onClick, sx: Object.assign({}, (isDisabled && { opacity: 0.5, pointerEvents: 'none' })) }, { children: [_jsx("span", Object.assign({ className: "label" }, { children: paymentSchemesSource === null || paymentSchemesSource === void 0 ? void 0 : paymentSchemesSource.name })), _jsx("img", { src: rightArrow, alt: "arrow", style: { height: 12 } }), _jsx(Menu, Object.assign({ open: Boolean(anchorEl), anchorEl: anchorEl, placement: "right-start" }, { children: (_d = paymentSchemesSource === null || paymentSchemesSource === void 0 ? void 0 : paymentSchemesSource.options) === null || _d === void 0 ? void 0 : _d.map((scheme) => (_jsx(MenuItemStyled, Object.assign({ isSelected: isSelectedPaymentScheme(scheme.type), onClick: (e) => onClickPaymentScheme(e, scheme.type) }, { children: _jsx(PaymentIcon, { type: scheme.type }) }), scheme.type))) }))] })));
+}

package/build/components/PaymentSourceFilter/PaymentSourceFilter.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTranslation } from 'react-i18next';
+import { Menu, FilterTitle, FilterOkayButton, FilterFooter, FilterCancelButton } from '../index.js';
+import PaymentMethods from './PaymentMethods';
+import PaymentSchemes from './PaymentSchemes';
+import PaymentInitiated from './PaymentInitiated';
+// TODO: Refactor this component to be generic for all source filters
+export default function PaymentSourceFilter({ filters, setFilters, anchorEl, showPaymentSchemes = true, showPaymentMethods = true, showPaymentInitiated = true, paymentMethodsSource, paymentSchemesSource, onCloseDropdown, onConfirm, }) {
+    const { t } = useTranslation();
+    const open = Boolean(anchorEl);
+    const handleOkButtonClick = (e) => {
+        onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm();
+        onCloseDropdown(e);
+    };
+    return (_jsxs(Menu, Object.assign({ open: open, anchorEl: anchorEl, sx: { marginTop: '8px', marginBottom: '8px' } }, { children: [_jsx(FilterTitle, Object.assign({ component: "span" }, { children: t('filterBy') })), showPaymentMethods && _jsx(PaymentMethods, { filters: filters, setFilters: setFilters, paymentMethodsSource: paymentMethodsSource }), showPaymentSchemes && _jsx(PaymentSchemes, { filters: filters, setFilters: setFilters, paymentSchemesSource: paymentSchemesSource }), showPaymentInitiated && _jsx(PaymentInitiated, { filters: filters, setFilters: setFilters }), _jsxs(FilterFooter, { children: [_jsx(FilterCancelButton, Object.assign({ onClick: onCloseDropdown }, { children: t('cancel') })), _jsx(FilterOkayButton, Object.assign({ onClick: handleOkButtonClick }, { children: t('okay') }))] })] })));
+}

package/build/components/PaymentSourceFilter/index.js

@@ -1 +1,6 @@
-export{Rc as AuthenticationMode,Pc as PaymentInitiated,Nc as PaymentMethods,Oc as PaymentSchemes,Qc as PaymentSourceFilter}from'../../chunk-WGPV3VEK.js';import'../../chunk-5ZTIXOFI.js';import'../../chunk-RUU3IQ7Y.js';import'../../chunk-3EU4NGZ7.js';import'../../chunk-WX7HFBCU.js';import'../../chunk-KM4UT2GM.js';import'../../chunk-ZTHZGDV6.js';import'../../chunk-FQXBL3YF.js';import'../../chunk-CTBYQDKG.js';import'../../chunk-JQYBCTVW.js';import'../../chunk-7NYF2UBV.js';import'../../chunk-ARHJB5QJ.js';import'../../chunk-XY57JRPE.js';import'../../chunk-BV5VAMBI.js';import'../../chunk-LONKQ3XM.js';import'../../chunk-66JBLKME.js';import'../../chunk-24UTRGGG.js';import'../../chunk-VNK7I7AL.js';import'../../chunk-CQT4MCPB.js';import'../../chunk-GPFU7WD4.js';import'../../chunk-DYWKQE3E.js';import'../../chunk-WGCHJPEZ.js';import'../../chunk-JT54SXJ7.js';import'../../chunk-ZWJTEKFP.js';import'../../chunk-2FDPAJY4.js';import'../../chunk-544TDVOA.js';import'../../chunk-4O4EFXIC.js';import'../../chunk-X5KEG2KP.js';import'../../chunk-IXQ7Y6Y5.js';import'../../chunk-F4KVGV4T.js';import'../../chunk-ZUBHIDDI.js';import'../../chunk-FAYAV46R.js';import'../../chunk-6DLPM4RB.js';import'../../chunk-XQVSYDRO.js';import'../../chunk-ZN4NGPK4.js';import'../../chunk-V44MUKYW.js';import'../../chunk-ZMTLSAZW.js';import'../../chunk-TG2IA55S.js';import'../../chunk-ZLWJCX4K.js';import'../../chunk-T3BFBXVJ.js';import'../../chunk-TZAF2TGI.js';import'../../chunk-AMMCJJFH.js';import'../../chunk-D4S6DH7W.js';import'../../chunk-MTJECG6U.js';import'../../chunk-QF32XNU6.js';import'../../chunk-V5OHALLD.js';import'../../chunk-LDIEOZVR.js';import'../../chunk-NLOKMDQY.js';import'../../chunk-OLPNHTE7.js';import'../../chunk-UF4FBI5V.js';import'../../chunk-OJJ2Q5XK.js';import'../../chunk-RQ2V5JZH.js';import'../../chunk-QFMHEDCR.js';import'../../chunk-34II3WB7.js';import'../../chunk-2Q6H6K3P.js';import'../../chunk-XZORYOIS.js';import'../../chunk-BTANFCN2.js';import'../../chunk-YTBVTQNQ.js';import'../../chunk-LLPG2AC6.js';import'../../chunk-LMKY6Q27.js';import'../../chunk-OFBKWUDT.js';import'../../chunk-NQVCWKMH.js';import'../../chunk-YVHYNRRL.js';import'../../chunk-LOJTJZSX.js';import'../../chunk-DQ76BKNS.js';import'../../chunk-XRTET45W.js';import'../../chunk-LDZG7EXA.js';import'../../chunk-NLEKLEHC.js';import'../../chunk-B4QKXIT7.js';import'../../chunk-IBPFWRCW.js';import'../../chunk-FL7ZDVP7.js';import'../../chunk-23C4BLEJ.js';import'../../chunk-7A7PBYFB.js';import'../../chunk-J72TLM2F.js';import'../../chunk-HRHKLBHG.js';import'../../chunk-ABDRIOU6.js';import'../../chunk-YLE4Q6WH.js';import'../../chunk-D5EB3ZRT.js';import'../../chunk-BNUBHZV7.js';import'../../chunk-3ABTBVXY.js';import'../../chunk-AUM6AR3E.js';import'../../chunk-4A6Z3DYW.js';import'../../chunk-TUTEF6YD.js';import'../../chunk-PX7SYRBV.js';import'../../chunk-2T2Z5RPJ.js';import'../../chunk-SZBR7LB3.js';import'../../chunk-NLAQMZT4.js';import'../../chunk-E6XVMA37.js';import'../../chunk-JWC3XDE4.js';import'../../chunk-UB5L7C6S.js';import'../../chunk-JYJ3D2X6.js';import'../../chunk-ZCSUNBRA.js';import'../../chunk-A5FGRP2T.js';import'../../chunk-62CGUEB4.js';import'../../chunk-DJYRLVOD.js';import'../../chunk-GMRNI4U5.js';import'../../chunk-VJLQXTHX.js';import'../../chunk-L3M6OM4B.js';import'../../chunk-S2BQCMBY.js';import'../../chunk-QGXXI4EO.js';import'../../chunk-NLPYBEGY.js';import'../../chunk-M7YGOEQF.js';import'../../chunk-GF7D4WGP.js';import'../../chunk-6ZPCHYOF.js';import'../../chunk-GI3U6XGW.js';import'../../chunk-3A4B5D6T.js';import'../../chunk-24XGEJR2.js';import'../../chunk-UEMTPYYH.js';import'../../chunk-BFGMD3VQ.js';import'../../chunk-EAUWAY4T.js';import'../../chunk-5AIEKGEA.js';import'../../chunk-MYFLXP7G.js';import'../../chunk-G6N4V3PP.js';import'../../chunk-P6K4PD7Y.js';import'../../chunk-XUDGW7IY.js';import'../../chunk-2LMLVUW4.js';import'../../chunk-KGQT7R3W.js';import'../../chunk-XXZJ5D5P.js';import'../../chunk-DQLGJFLX.js';import'../../chunk-EDMW226P.js';import'../../chunk-5QGYWOQI.js';import'../../chunk-7IW25XZP.js';import'../../chunk-WHWKA4SY.js';import'../../chunk-HBY2XKKF.js';import'../../chunk-OYEIM6ED.js';import'../../chunk-RWXGVZUC.js';
+export { default as PaymentSourceFilter } from './PaymentSourceFilter';
+export { default as PaymentMethods } from './PaymentMethods';
+export { default as PaymentSchemes } from './PaymentSchemes';
+export { default as PaymentInitiated } from './PaymentInitiated';
+export { AuthenticationMode } from './AuthenticationMode';
+export * from './type';

package/build/components/PaymentSourceFilter/style.js

@@ -0,0 +1,22 @@
+import { styled } from '@mui/material/styles';
+import Box from '@mui/material/Box';
+import { MenuItem } from '../index.js';
+export const MenuItemStyled = styled(MenuItem)(({ theme }) => ({
+    height: 40,
+    flex: 'unset',
+    paddingTop: 0,
+    paddingBottom: 0,
+    borderBottom: `1px solid ${theme.palette.divider}`,
+    '.label': {
+        flexGrow: 1,
+    },
+}));
+export const PaymentChip = styled(Box)(({ theme }) => ({
+    width: 36,
+    height: 24,
+    border: `1px solid ${theme.palette.divider}`,
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    borderRadius: '12px',
+}));

package/build/components/PaymentSourceFilter/type.js

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

package/build/components/PhoneFilter/PhoneFilter.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { PhoneInputBase } from '../index.js';
+export default function PhoneFilter({ onPhoneChange, onCountryChange, selectedPhone, selectedCountry, countriesOptions, isCountriesLoading, }) {
+    return (_jsx(PhoneInputBase, { "data-testid": `ColumnFilterInputs_PhoneInput`, phoneValue: selectedPhone, onPhoneChange: (val) => {
+            onPhoneChange(val);
+        }, countryValue: selectedCountry, onCountryChange: (c) => {
+            onCountryChange(c === null || c === void 0 ? void 0 : c.countryId);
+        }, countries: countriesOptions || [], isCountriesLoading: isCountriesLoading || false, hasError: false, disabled: isCountriesLoading, placeholder: 'User Mobile', sx: {
+            '&.MuiInputBase-root': {
+                paddingLeft: '0px !important',
+            },
+        } }));
+}

package/build/components/PhoneFilter/index.js

@@ -1 +1 @@
-export{tc as PhoneFilter}from'../../chunk-WGPV3VEK.js';import'../../chunk-5ZTIXOFI.js';import'../../chunk-RUU3IQ7Y.js';import'../../chunk-3EU4NGZ7.js';import'../../chunk-WX7HFBCU.js';import'../../chunk-KM4UT2GM.js';import'../../chunk-ZTHZGDV6.js';import'../../chunk-FQXBL3YF.js';import'../../chunk-CTBYQDKG.js';import'../../chunk-JQYBCTVW.js';import'../../chunk-7NYF2UBV.js';import'../../chunk-ARHJB5QJ.js';import'../../chunk-XY57JRPE.js';import'../../chunk-BV5VAMBI.js';import'../../chunk-LONKQ3XM.js';import'../../chunk-66JBLKME.js';import'../../chunk-24UTRGGG.js';import'../../chunk-VNK7I7AL.js';import'../../chunk-CQT4MCPB.js';import'../../chunk-GPFU7WD4.js';import'../../chunk-DYWKQE3E.js';import'../../chunk-WGCHJPEZ.js';import'../../chunk-JT54SXJ7.js';import'../../chunk-ZWJTEKFP.js';import'../../chunk-2FDPAJY4.js';import'../../chunk-544TDVOA.js';import'../../chunk-4O4EFXIC.js';import'../../chunk-X5KEG2KP.js';import'../../chunk-IXQ7Y6Y5.js';import'../../chunk-F4KVGV4T.js';import'../../chunk-ZUBHIDDI.js';import'../../chunk-FAYAV46R.js';import'../../chunk-6DLPM4RB.js';import'../../chunk-XQVSYDRO.js';import'../../chunk-ZN4NGPK4.js';import'../../chunk-V44MUKYW.js';import'../../chunk-ZMTLSAZW.js';import'../../chunk-TG2IA55S.js';import'../../chunk-ZLWJCX4K.js';import'../../chunk-T3BFBXVJ.js';import'../../chunk-TZAF2TGI.js';import'../../chunk-AMMCJJFH.js';import'../../chunk-D4S6DH7W.js';import'../../chunk-MTJECG6U.js';import'../../chunk-QF32XNU6.js';import'../../chunk-V5OHALLD.js';import'../../chunk-LDIEOZVR.js';import'../../chunk-NLOKMDQY.js';import'../../chunk-OLPNHTE7.js';import'../../chunk-UF4FBI5V.js';import'../../chunk-OJJ2Q5XK.js';import'../../chunk-RQ2V5JZH.js';import'../../chunk-QFMHEDCR.js';import'../../chunk-34II3WB7.js';import'../../chunk-2Q6H6K3P.js';import'../../chunk-XZORYOIS.js';import'../../chunk-BTANFCN2.js';import'../../chunk-YTBVTQNQ.js';import'../../chunk-LLPG2AC6.js';import'../../chunk-LMKY6Q27.js';import'../../chunk-OFBKWUDT.js';import'../../chunk-NQVCWKMH.js';import'../../chunk-YVHYNRRL.js';import'../../chunk-LOJTJZSX.js';import'../../chunk-DQ76BKNS.js';import'../../chunk-XRTET45W.js';import'../../chunk-LDZG7EXA.js';import'../../chunk-NLEKLEHC.js';import'../../chunk-B4QKXIT7.js';import'../../chunk-IBPFWRCW.js';import'../../chunk-FL7ZDVP7.js';import'../../chunk-23C4BLEJ.js';import'../../chunk-7A7PBYFB.js';import'../../chunk-J72TLM2F.js';import'../../chunk-HRHKLBHG.js';import'../../chunk-ABDRIOU6.js';import'../../chunk-YLE4Q6WH.js';import'../../chunk-D5EB3ZRT.js';import'../../chunk-BNUBHZV7.js';import'../../chunk-3ABTBVXY.js';import'../../chunk-AUM6AR3E.js';import'../../chunk-4A6Z3DYW.js';import'../../chunk-TUTEF6YD.js';import'../../chunk-PX7SYRBV.js';import'../../chunk-2T2Z5RPJ.js';import'../../chunk-SZBR7LB3.js';import'../../chunk-NLAQMZT4.js';import'../../chunk-E6XVMA37.js';import'../../chunk-JWC3XDE4.js';import'../../chunk-UB5L7C6S.js';import'../../chunk-JYJ3D2X6.js';import'../../chunk-ZCSUNBRA.js';import'../../chunk-A5FGRP2T.js';import'../../chunk-62CGUEB4.js';import'../../chunk-DJYRLVOD.js';import'../../chunk-GMRNI4U5.js';import'../../chunk-VJLQXTHX.js';import'../../chunk-L3M6OM4B.js';import'../../chunk-S2BQCMBY.js';import'../../chunk-QGXXI4EO.js';import'../../chunk-NLPYBEGY.js';import'../../chunk-M7YGOEQF.js';import'../../chunk-GF7D4WGP.js';import'../../chunk-6ZPCHYOF.js';import'../../chunk-GI3U6XGW.js';import'../../chunk-3A4B5D6T.js';import'../../chunk-24XGEJR2.js';import'../../chunk-UEMTPYYH.js';import'../../chunk-BFGMD3VQ.js';import'../../chunk-EAUWAY4T.js';import'../../chunk-5AIEKGEA.js';import'../../chunk-MYFLXP7G.js';import'../../chunk-G6N4V3PP.js';import'../../chunk-P6K4PD7Y.js';import'../../chunk-XUDGW7IY.js';import'../../chunk-2LMLVUW4.js';import'../../chunk-KGQT7R3W.js';import'../../chunk-XXZJ5D5P.js';import'../../chunk-DQLGJFLX.js';import'../../chunk-EDMW226P.js';import'../../chunk-5QGYWOQI.js';import'../../chunk-7IW25XZP.js';import'../../chunk-WHWKA4SY.js';import'../../chunk-HBY2XKKF.js';import'../../chunk-OYEIM6ED.js';import'../../chunk-RWXGVZUC.js';
+export { default as PhoneFilter } from './PhoneFilter';

package/build/components/ProgressBar/ProgressBar.js

@@ -0,0 +1,6 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { ProgressBarContainer, ProgressBarFill, ProgressBarText } from './style';
+export default function ProgressBar({ value }) {
+    const isDecimal = !Number.isInteger(value);
+    return (_jsx(ProgressBarContainer, Object.assign({ value: value, isDecimal: isDecimal }, { children: _jsx(ProgressBarFill, Object.assign({ value: value }, { children: _jsxs(ProgressBarText, Object.assign({ value: value }, { children: [Number(value.toFixed(2)), "%"] })) })) })));
+}

package/build/components/ProgressBar/index.js

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

package/build/components/ProgressBar/style.js

@@ -0,0 +1,19 @@
+import { styled } from '@mui/material/styles';
+import { Box, Typography } from '@mui/material';
+export const ProgressBarContainer = styled(Box, {
+    shouldForwardProp: (prop) => !['value', 'isDecimal'].includes(prop),
+})(({ value, isDecimal, theme }) => (Object.assign(Object.assign({ width: `${value}%`, minWidth: value >= 10 ? '28px' : '24px', height: '18px', borderRadius: '50px', background: theme.palette.background.gradient.darkShadedBlue, display: 'flex', alignItems: 'center', justifyContent: value > 10 ? 'flex-end' : 'center', paddingInlineEnd: value > 10 ? '2px' : '0px' }, (value === 0 && {
+    background: '#20232B1A',
+})), (isDecimal && {
+    minWidth: value >= 10 ? '40px' : '36px',
+}))));
+export const ProgressBarFill = styled(Box, {
+    shouldForwardProp: (prop) => prop !== 'value',
+})(({ value }) => (Object.assign({ height: '14px', maxWidth: '36px', minWidth: '20px', background: '#20232B1A', borderRadius: '50px', display: 'flex', alignItems: 'center', justifyContent: 'center', padding: 0 }, (value === 0 && {
+    background: '#20232B00',
+}))));
+export const ProgressBarText = styled(Typography, {
+    shouldForwardProp: (prop) => prop !== 'value',
+})(({ value }) => (Object.assign({ fontSize: '8px', fontWeight: 700, color: '#FFF', padding: '2px 4px' }, (value === 0 && {
+    color: '#8D8D9480',
+}))));

package/build/components/ProgressRing/LoadingSkeleton.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Box from '@mui/material/Box';
+import Skeleton from '../Skeleton';
+export const LoadingSkeleton = () => {
+    return (_jsxs(Box, Object.assign({ component: "span", sx: { display: 'flex', flexDirection: 'column', alignItems: 'center', gap: '6px' } }, { children: [_jsx(Skeleton, { width: 51, height: 16 }), _jsx(Skeleton, { width: 84, height: 8 })] })));
+};

package/build/components/ProgressRing/ProgressRing.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { motion } from 'framer-motion';
+import { percentageToNumber } from '../../utils/index.js';
+import { Container, TextContainer, PercentageText, LabelText } from './style';
+import { LoadingSkeleton } from './LoadingSkeleton';
+const ProgressRing = ({ value, label, size = 172, strokeWidth = 22, isLoading = false }) => {
+    const isEmpty = value === undefined || value === null || value === '';
+    const parsedValue = percentageToNumber(value || '0');
+    const progress = Math.min(Math.max(parsedValue !== null && parsedValue !== void 0 ? parsedValue : 0, 0), 100);
+    const innerRadius = (size - strokeWidth) / 2;
+    const circumference = 2 * Math.PI * innerRadius;
+    const outerRadius = size / 2;
+    return (_jsxs(Container, Object.assign({ size: size }, { children: [_jsxs("svg", Object.assign({ width: size, height: size, viewBox: `0 0 ${size} ${size}`, style: { position: 'absolute', top: 0, left: 0 } }, { children: [_jsx("defs", { children: _jsxs("linearGradient", Object.assign({ id: "progressGradient", x1: "0%", y1: "0%", x2: "100%", y2: "0%" }, { children: [_jsx("stop", { offset: "0.67%", stopColor: "#3DA6E1" }), _jsx("stop", { offset: "98.91%", stopColor: "#147DC5" })] })) }), _jsx("circle", { cx: outerRadius, cy: outerRadius, r: innerRadius, stroke: "#F3F3F3", strokeWidth: strokeWidth, fill: "transparent" }), _jsx(motion.circle, { cx: outerRadius, cy: outerRadius, r: innerRadius, stroke: "url(#progressGradient)", strokeWidth: strokeWidth, fill: "transparent", strokeLinecap: "round", strokeDasharray: circumference, strokeDashoffset: circumference, transform: `rotate(-90 ${outerRadius} ${outerRadius})`, animate: {
+                            strokeDashoffset: isLoading ? circumference : circumference - (circumference * progress) / 100,
+                        }, transition: { duration: 1, ease: 'easeOut' } })] })), _jsxs(TextContainer, { children: [_jsx(PercentageText, Object.assign({ isEmpty: isEmpty }, { children: isLoading ? (_jsx(LoadingSkeleton, {})) : isEmpty ? ('----') : (_jsxs(motion.span, Object.assign({ initial: { opacity: 0 }, animate: { opacity: 1 }, transition: { ease: 'easeOut', duration: 0.5 } }, { children: [Number.isInteger(progress) ? progress : progress.toFixed(1), "%"] }))) })), !isLoading && _jsx(LabelText, Object.assign({ isEmpty: isEmpty }, { children: label }))] })] })));
+};
+export default ProgressRing;