@tap-payments/os-micro-frontend-shared 0.1.448 → 0.1.449

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,
-    },
-}));

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

@@ -1,30 +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 { PhoneInputBase } from '../../../InputBase';
-function PhoneInput(_a) {
-    var { phoneName, countries, countryName, helperText, isCountriesLoading, disabled } = _a, props = __rest(_a, ["phoneName", "countries", "countryName", "helperText", "isCountriesLoading", "disabled"]);
-    const { control, watch, setValue } = useFormContext();
-    const countryValue = watch(countryName);
-    const onCountryChange = (country) => {
-        setValue(countryName, country);
-    };
-    return (_jsx(Controller, { name: phoneName, control: control, render: ({ field: { onChange, value }, fieldState }) => {
-            var _a;
-            return (_jsx(PhoneInputBase, Object.assign({}, props, { phoneValue: value, countries: countries, hasError: !!fieldState.error, helperText: helperText !== null && helperText !== void 0 ? helperText : (_a = fieldState.error) === null || _a === void 0 ? void 0 : _a.message, onPhoneChange: (number) => {
-                    onChange(number);
-                }, disabled: disabled, countryValue: countryValue, onCountryChange: onCountryChange, isCountriesLoading: isCountriesLoading })));
-        } }));
-}
-PhoneInput.displayName = 'RFHPhoneInput';
-export default PhoneInput;

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

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

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

@@ -1,62 +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 } from 'react';
-import { blueCheckIcon } from '../../../../constants/index.js';
-import Icon from '../../../Icon';
-import { Caption, AccordionWrapper, Container, ItemStyled } from './style';
-import AccordionAdapter from '../../../AccordionAdapter';
-import SelectDropdown from '../../../SelectDropdown';
-import Select from '../FormSelect';
-import { useFormContext } from 'react-hook-form';
-function SelectWithAccordion(_a) {
-    var _b;
-    var { name, options } = _a, props = __rest(_a, ["name", "options"]);
-    const [anchorEl, setAnchorEl] = useState(null);
-    const [expandedParentGroupIndex, setExpandedParentGroupIndex] = useState(0);
-    const open = Boolean(anchorEl);
-    const openDropdown = (e) => {
-        setAnchorEl(open ? null : e.currentTarget);
-    };
-    const closeDropdown = () => {
-        setAnchorEl(null);
-    };
-    const { watch, setValue } = useFormContext();
-    const selectedOption = watch(name);
-    return (_jsx(SelectDropdown, Object.assign({ open: open, anchorEl: anchorEl, onOpen: openDropdown, onClose: closeDropdown, trigger: _jsx(Select, Object.assign({ name: name, options: [] }, props, { open: false })), hideArrow: true, listWrapperSx: { padding: 0, margin: 0 } }, { children: _jsx(Container, { children: _jsx(AccordionWrapper, Object.assign({ "data-testid": "AccordionWrapper" }, { children: (_b = options.map) === null || _b === void 0 ? void 0 : _b.call(options, (optionsGroup, parentIndex) => {
-                    const isExpanded = expandedParentGroupIndex === parentIndex;
-                    return (_jsx(AccordionAdapter, Object.assign({ Header: _jsx(Caption, Object.assign({ variant: "caption" }, { children: optionsGroup.group })), defaultExpanded: true, sx: Object.assign({ flexShrink: 0, border: 0 }, (isExpanded && {
-                            borderBottom: '1px solid #0000001A',
-                            borderTop: '1px solid #0000001A',
-                        })), summarySx: {
-                            backgroundColor: isExpanded ? '#F8F8F8' : '#ffffff',
-                            borderBottom: '1px solid #0000001A',
-                            minHeight: 28,
-                        }, expanded: isExpanded, onChange: (e, expanded) => {
-                            e.stopPropagation();
-                            e.preventDefault();
-                            setExpandedParentGroupIndex(expanded ? parentIndex : null);
-                        } }, { children: ((optionsGroup === null || optionsGroup === void 0 ? void 0 : optionsGroup.options) || []).map((option, index) => {
-                            var _a, _b;
-                            const isSelected = (_a = props === null || props === void 0 ? void 0 : props.isOptionEqualToValue) === null || _a === void 0 ? void 0 : _a.call(props, option, selectedOption);
-                            return (_jsxs(ItemStyled, Object.assign({ onClick: () => {
-                                    setValue(name, option, {
-                                        shouldDirty: true,
-                                        shouldTouch: true,
-                                        shouldValidate: true,
-                                    });
-                                    closeDropdown();
-                                } }, { children: [((_b = props.renderOption) === null || _b === void 0 ? void 0 : _b.call(props, option)) || option.label, isSelected && _jsx(Icon, { src: blueCheckIcon, alt: "blue-check", sx: { width: 14, height: 10 } })] }), `${option.value}-${option.label}-${index}`));
-                        }) }), `${optionsGroup.group}-group-${parentIndex}`));
-                }) })) }) })));
-}
-export default SelectWithAccordion;

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

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

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

@@ -1,70 +0,0 @@
-import Box from '@mui/material/Box';
-import Input from '@mui/material/Input';
-import { styled } from '@mui/material/styles';
-import Text from '../../../Text';
-export const Caption = styled(Text)(({ theme }) => ({
-    fontSize: '10px',
-    color: theme.palette.grey[700],
-    fontWeight: 600,
-    lineHeight: '10px',
-}));
-export const Title = styled(Text)(({ theme }) => ({
-    fontSize: '11px',
-    color: theme.palette.text.primary,
-    fontWeight: 600,
-    lineHeight: '14.3px',
-    width: 200,
-}));
-export const AccordionWrapper = styled(Box)(() => ({
-    display: 'flex',
-    flexDirection: 'column',
-    maxHeight: 180,
-    overflow: 'auto',
-    scrollbarWidth: 'thin',
-    scrollbarColor: '#E5E5E5 #E5E5E5',
-}));
-export const InputStyled = styled(Input)(({ theme }) => ({
-    width: 'inherit',
-    height: 32,
-    padding: '11px 12px',
-    fontSize: '10px',
-    borderRadius: '5px',
-    backgroundColor: '#F9F9F9',
-    border: '1px solid transparent',
-    '&.Mui-focused': {
-        borderColor: theme.palette.info.dark,
-    },
-}));
-export const Container = styled(Box)(() => ({
-    display: 'flex',
-    flexDirection: 'column',
-    gap: '8px',
-}));
-export const SelectedBadgesWrapper = styled(Box)(() => ({
-    display: 'flex',
-    gap: '8px',
-    padding: '4px',
-    flexWrap: 'wrap',
-    paddingInlineEnd: '20px',
-}));
-export const SelectedBadge = styled(Box)(({ theme, maxWidth }) => (Object.assign({ display: 'flex', padding: '4px 8px 4px 6px', alignItems: 'center', gap: '4px', borderRadius: '13px', backgroundColor: `${theme.palette.info.dark}1a`, fontSize: '10px', fontWeight: 500, cursor: 'pointer' }, (maxWidth && {
-    maxWidth: `${maxWidth}%`,
-}))));
-export const ItemStyled = styled(Text)(({ theme }) => ({
-    display: 'flex',
-    gap: '8px',
-    alignItems: 'center',
-    justifyContent: 'space-between',
-    fontSize: '10px',
-    fontWeight: 500,
-    color: theme.palette.common.black,
-    cursor: 'pointer',
-    padding: '8px 20px',
-}));
-export const TriggerWrapper = styled(Box)(({ theme }) => ({
-    width: '100%',
-    flexDirection: 'column',
-    border: `1px solid ${theme.palette.grey[100]}`,
-    borderRadius: '4px',
-    backgroundColor: theme.palette.grey[400],
-}));

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

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

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

@@ -1,22 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import { useFormContext, Controller } from 'react-hook-form';
-import IOSSwitch from '../../../IOSSwitch';
-function Switch(_a) {
-    var { name, disabled: disableSwitch } = _a, props = __rest(_a, ["name", "disabled"]);
-    const { control } = useFormContext();
-    return (_jsx(Controller, { name: name, control: control, render: ({ field: { name: fieldName, onBlur, onChange, value, disabled } }) => (_jsx(IOSSwitch, Object.assign({}, props, { onChange: onChange, onBlur: onBlur, name: fieldName, disabled: disabled || disableSwitch, checked: value !== null && value !== void 0 ? value : false }))) }));
-}
-Switch.displayName = 'RFHSWitch';
-export default React.memo(Switch);

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

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

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

@@ -1,7 +0,0 @@
-export { default as FormInput } from './FormInput';
-export { default as PhoneInput } from './PhoneInput';
-export { default as AmountInput } from './AmountInput';
-export { default as FormSelect } from './FormSelect';
-export { default as Switch } from './Switch';
-export { default as SelectWithAccordion } from './SelectWithAccordion';
-export { default as MultiSelect } from './MultiSelect';

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

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

package/build/components/RFH/hooks/useRFHForm.js

@@ -1,2 +0,0 @@
-import { useForm } from 'react-hook-form';
-export const useRFHForm = useForm;

package/build/components/RadioButton/RadioButton.js

@@ -1,19 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import { memo } from 'react';
-import { StyledRadio, StyledRadioCheckedIcon } from './style';
-function RadioButton(_a) {
-    var { size = 'small', customCheckedIcon, checkedColor, disabledColor, hoverColor, iconSize, showRipple = false, sx } = _a, props = __rest(_a, ["size", "customCheckedIcon", "checkedColor", "disabledColor", "hoverColor", "iconSize", "showRipple", "sx"]);
-    return (_jsx(StyledRadio, Object.assign({ size: size === 'large' ? 'medium' : size, disableRipple: !showRipple, checkedIcon: customCheckedIcon || _jsx(StyledRadioCheckedIcon, {}), iconSize: iconSize, checkedColor: checkedColor, disabledColor: disabledColor, hoverColor: hoverColor, sx: sx }, props)));
-}
-export default memo(RadioButton);