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

package/build/components/PaymentSourceFilter/PaymentInitiated.js

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

@@ -1,55 +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 { 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

@@ -1,50 +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 { 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

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

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

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

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

package/build/components/PhoneFilter/PhoneFilter.js

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

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

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

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

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

package/build/components/ProgressRing/style.js

@@ -1,37 +0,0 @@
-import { Box, Typography } from '@mui/material';
-import { styled } from '@mui/material/styles';
-export const Container = styled(Box)(({ size }) => ({
-    display: 'flex',
-    flexDirection: 'column',
-    alignItems: 'center',
-    width: size,
-    height: size,
-    position: 'relative',
-}));
-export const TextContainer = styled(Box)({
-    position: 'absolute',
-    top: '50%',
-    left: '50%',
-    transform: 'translate(-50%, -50%)',
-    textAlign: 'center',
-});
-export const PercentageText = styled(Typography, {
-    shouldForwardProp: (prop) => prop !== 'isEmpty',
-})(({ isEmpty }) => ({
-    fontSize: '17px',
-    fontWeight: 700,
-    color: isEmpty ? '#CFD0D2' : '#000',
-}));
-export const LabelText = styled(Typography, {
-    shouldForwardProp: (prop) => prop !== 'isEmpty',
-})(({ isEmpty }) => ({
-    whiteSpace: 'nowrap',
-    overflow: 'hidden',
-    textOverflow: 'ellipsis',
-    color: isEmpty ? '#CFD0D2' : '#8D8D94',
-    fontSize: '11px',
-    fontWeight: 500,
-    letterSpacing: '0%',
-    textAlign: 'right',
-    verticalAlign: 'middle',
-}));

package/build/components/RFH/Forms/DefaultForm.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import { FormProvider } from 'react-hook-form';
-function DefaultForm({ onSubmit, methods, children }) {
-    return (_jsx(FormProvider, Object.assign({}, methods, { children: _jsx("form", Object.assign({ onSubmit: onSubmit, noValidate: true }, { children: children })) })));
-}
-export default React.memo(DefaultForm);

package/build/components/RFH/Forms/index.js

@@ -1 +0,0 @@
-export { default as DefaultForm } from './DefaultForm';

package/build/components/RFH/Inputs/AmountInput/AmountInput.js

@@ -1,35 +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 { useFormContext, Controller } from 'react-hook-form';
-import { AmountInputBase } from '../../../InputBase';
-import { getDecimalAmount } from './utils';
-function AmountInput(_a) {
-    var { amountName, currencies, currencyName, helperText, isCurrenciesLoading } = _a, props = __rest(_a, ["amountName", "currencies", "currencyName", "helperText", "isCurrenciesLoading"]);
-    const { control, watch, setValue } = useFormContext();
-    const currencyValue = watch(currencyName);
-    const amountValue = watch(amountName);
-    const onCurrencyChange = (currency) => {
-        setValue(currencyName, currency);
-        setValue(amountName, getDecimalAmount(Number(amountValue), (currency === null || currency === void 0 ? void 0 : currency.decimals) || 2));
-    };
-    return (_jsx(Controller, { name: amountName, control: control, render: ({ field: { onChange, value }, fieldState }) => {
-            var _a;
-            return (_jsx(AmountInputBase, Object.assign({}, props, { amountValue: value !== null && value !== void 0 ? value : '', currencies: currencies, hasError: !!fieldState.error, helperText: helperText !== null && helperText !== void 0 ? helperText : (_a = fieldState.error) === null || _a === void 0 ? void 0 : _a.message, onAmountChange: (number) => {
-                    onChange(number);
-                }, onAmountBlur: (number) => {
-                    onChange(getDecimalAmount(Number(number), (currencyValue === null || currencyValue === void 0 ? void 0 : currencyValue.decimals) || 2));
-                }, currencyValue: currencyValue, onCurrencyChange: onCurrencyChange, isCurrenciesLoading: isCurrenciesLoading })));
-        } }));
-}
-AmountInput.displayName = 'RFHAmountInput';
-export default AmountInput;

package/build/components/RFH/Inputs/AmountInput/index.js

@@ -1,3 +0,0 @@
-import AmountInput from './AmountInput';
-export * from './type';
-export default AmountInput;

package/build/components/RFH/Inputs/AmountInput/type.js

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

package/build/components/RFH/Inputs/AmountInput/utils.js

@@ -1,3 +0,0 @@
-export const getDecimalAmount = (amount, decimals) => {
-    return amount.toFixed(decimals);
-};

package/build/components/RFH/Inputs/FormInput/FormInput.js

@@ -1,32 +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 * as React from 'react';
-import { useFormContext, Controller } from 'react-hook-form';
-import { InputBase } from '../../../InputBase';
-const FormInput = React.forwardRef((_a, ref) => {
-    var { name, helperText, hideArrows } = _a, props = __rest(_a, ["name", "helperText", "hideArrows"]);
-    const { control } = useFormContext();
-    return (_jsx(Controller, { name: name, control: control, defaultValue: props.defaultValue, render: ({ field, fieldState }) => {
-            var _a;
-            return (_jsx(InputBase, Object.assign({}, props, field, { ref: ref, hasError: !!fieldState.error, helperText: helperText !== null && helperText !== void 0 ? helperText : (_a = fieldState.error) === null || _a === void 0 ? void 0 : _a.message, hideArrows: hideArrows, onChange: (value) => {
-                    var _a;
-                    field.onChange(value); // update react-hook-form
-                    (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, value); // optional external handler
-                }, onWheel: (e) => {
-                    // eslint-disable-next-line
-                    e.target instanceof HTMLElement && e.target.blur();
-                } })));
-        } }));
-});
-FormInput.displayName = 'RFHFormInput';
-export default React.memo(FormInput);

package/build/components/RFH/Inputs/FormInput/index.js

@@ -1,2 +0,0 @@
-import FormInput from './FormInput';
-export default FormInput;

package/build/components/RFH/Inputs/FormSelect/FormSelect.js

@@ -1,25 +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 * as React from 'react';
-import { useFormContext, Controller } from 'react-hook-form';
-import { SelectBase } from '../../../InputBase';
-function FormSelect(_a) {
-    var { name, helperText } = _a, props = __rest(_a, ["name", "helperText"]);
-    const { control } = useFormContext();
-    return (_jsx(Controller, { name: name, control: control, render: ({ field, fieldState }) => {
-            var _a;
-            return (_jsx(SelectBase, Object.assign({}, props, field, { hasError: !!fieldState.error, helperText: helperText !== null && helperText !== void 0 ? helperText : (_a = fieldState.error) === null || _a === void 0 ? void 0 : _a.message })));
-        } }));
-}
-FormSelect.displayName = 'RFHSelect';
-export default React.memo(FormSelect);

package/build/components/RFH/Inputs/FormSelect/index.js

@@ -1,2 +0,0 @@
-import Select from './FormSelect';
-export default Select;

package/build/components/RFH/Inputs/FormSelect/type.js

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

package/build/components/RFH/Inputs/MultiSelect/MultiSelect.js

@@ -1,66 +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 { useMemo, useState } from 'react';
-import { Box, MenuItem } from '@mui/material';
-import { Controller, useFormContext } from 'react-hook-form';
-import SelectBaseMultiple from '../../../InputBase/SelectBase/SelectBaseMultiple';
-import { CheckboxStyled, SearchInputStyled, SearchMenuItemStyled } from './style';
-import { searchIcon } from '../../../../constants/index.js';
-export default function MultiSelect(_a) {
-    var { name, helperText, getOptionValue, getOptionLabel, renderOption, isOptionEqualToValue, getOptionDisabled, showSearchInput = false, searchPlaceholder = 'Search', showCheckbox = true, options } = _a, props = __rest(_a, ["name", "helperText", "getOptionValue", "getOptionLabel", "renderOption", "isOptionEqualToValue", "getOptionDisabled", "showSearchInput", "searchPlaceholder", "showCheckbox", "options"]);
-    const { control } = useFormContext();
-    const [searchValue, setSearchValue] = useState('');
-    const filteredOptions = useMemo(() => {
-        if (!showSearchInput || !searchValue.trim())
-            return options !== null && options !== void 0 ? options : [];
-        const query = searchValue.toLowerCase().trim();
-        return (options !== null && options !== void 0 ? options : []).filter((option) => {
-            var _a;
-            const label = (_a = (getOptionLabel ? getOptionLabel(option) : option === null || option === void 0 ? void 0 : option.label)) !== null && _a !== void 0 ? _a : '';
-            return String(label).toLowerCase().includes(query);
-        });
-    }, [options, showSearchInput, searchValue, getOptionLabel]);
-    return (_jsx(Controller, { name: name, control: control, render: ({ field, fieldState }) => {
-            var _a;
-            return (_jsxs(SelectBaseMultiple, Object.assign({}, props, field, { options: options, getOptionLabel: getOptionLabel, hasError: !!fieldState.error, helperText: helperText !== null && helperText !== void 0 ? helperText : (_a = fieldState.error) === null || _a === void 0 ? void 0 : _a.message, onChange: (e) => {
-                    field.onChange(e);
-                }, MenuProps: Object.assign(Object.assign({}, props.MenuProps), { autoFocus: false, disableEnforceFocus: true }) }, { children: [showSearchInput && (_jsx(SearchMenuItemStyled, Object.assign({ disabled: true, onPointerDown: (e) => e.stopPropagation(), style: { backgroundColor: '#fff' } }, { children: _jsx(Box, Object.assign({ sx: { pointerEvents: 'auto', width: '100%' }, onPointerDown: (e) => e.stopPropagation() }, { children: _jsx(SearchInputStyled, { placeholder: searchPlaceholder, value: searchValue, onChange: (e) => setSearchValue(e.target.value), onKeyDown: (e) => e.stopPropagation(), onKeyUp: (e) => e.stopPropagation(), disableUnderline: true, fullWidth: true, inputProps: { 'aria-label': searchPlaceholder }, endAdornment: _jsx(Box, { component: "img", src: searchIcon, alt: "search", sx: { width: 14, height: 14, flexShrink: 0 } }) }) })) }))), filteredOptions === null || filteredOptions === void 0 ? void 0 : filteredOptions.map((option) => {
-                        var _a, _b, _c;
-                        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                        const isSelected = (_a = field.value) === null || _a === void 0 ? void 0 : _a.some((v) => {
-                            if (isOptionEqualToValue) {
-                                return isOptionEqualToValue(v, option);
-                            }
-                            return (v === null || v === void 0 ? void 0 : v.id) === (option === null || option === void 0 ? void 0 : option.id);
-                        });
-                        const isDisabled = getOptionDisabled ? getOptionDisabled(option) : false;
-                        const optionLabel = getOptionLabel ? getOptionLabel(option) : option.label;
-                        let optionContent;
-                        if (renderOption) {
-                            optionContent = renderOption(option);
-                        }
-                        else {
-                            optionContent = optionLabel;
-                        }
-                        return (_jsx(MenuItem, Object.assign({ value: (_b = (getOptionValue ? getOptionValue(option) : option === null || option === void 0 ? void 0 : option.id)) !== null && _b !== void 0 ? _b : '', disabled: isDisabled, sx: {
-                                fontSize: '12px',
-                                backgroundColor: (theme) => (isSelected ? '#F8F8F8 !important' : theme.palette.common.white),
-                            } }, { children: showCheckbox ? (_jsxs(Box, Object.assign({ sx: {
-                                    display: 'flex',
-                                    alignItems: 'center',
-                                    width: '100%',
-                                    gap: '8px',
-                                } }, { children: [_jsx(CheckboxStyled, { checked: isSelected }), optionContent] }))) : (optionContent) }), (_c = (getOptionValue ? getOptionValue(option) : option === null || option === void 0 ? void 0 : option.id)) !== null && _c !== void 0 ? _c : ''));
-                    })] })));
-        } }));
-}

package/build/components/RFH/Inputs/MultiSelect/index.js

@@ -1,2 +0,0 @@
-import MultiSelect from './MultiSelect';
-export default MultiSelect;

package/build/components/RFH/Inputs/MultiSelect/style.js

@@ -1,56 +0,0 @@
-import Checkbox from '../../../Checkbox';
-import MenuItem from '@mui/material/MenuItem';
-import Input from '@mui/material/Input';
-import { styled } from '@mui/material/styles';
-export const CheckboxStyled = styled(Checkbox)(() => ({
-    padding: 0,
-    '.MuiSvgIcon-root': {
-        width: 12,
-        height: 12,
-    },
-}));
-export const SearchInputStyled = styled(Input)(({ theme }) => ({
-    width: '100%',
-    height: 36,
-    padding: '8px 8px 8px 12px',
-    borderRadius: 4,
-    backgroundColor: theme.palette.common.white,
-    border: '1px solid #F2F2F2',
-    boxSizing: 'border-box',
-    '&:hover': {
-        borderColor: '#F2F2F2',
-    },
-    '&.Mui-focused': {
-        borderColor: '#F2F2F2',
-        backgroundColor: theme.palette.common.white,
-    },
-    '&:before, &:after': {
-        display: 'none',
-    },
-    '& input': {
-        padding: 0,
-        fontSize: 10,
-    },
-    '& .MuiInputBase-input': {
-        paddingRight: 4,
-    },
-}));
-export const SearchMenuItemStyled = styled(MenuItem)(({ theme }) => ({
-    opacity: 1,
-    paddingTop: 0,
-    paddingBottom: 0,
-    marginBottom: 8,
-    minHeight: 'auto',
-    pointerEvents: 'none',
-    backgroundColor: theme.palette.common.white,
-    '&:hover': {
-        backgroundColor: theme.palette.common.white,
-    },
-    '&.Mui-focusVisible': {
-        backgroundColor: theme.palette.common.white,
-    },
-    '&.Mui-disabled': {
-        backgroundColor: theme.palette.common.white,
-        opacity: 1,
-    },
-}));