@tap-payments/auth-jsconnect 1.0.4 → 1.0.7

package/build/components/Collapse/Collapse.js

@@ -0,0 +1,28 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import MUICollapse from '@mui/material/Collapse';
+export default function Collapse(_a) {
+    var children = _a.children, rest = __rest(_a, ["children"]);
+    return (_jsx(MUICollapse, __assign({ unmountOnExit: true, timeout: 500 }, rest, { children: children })));
+}

package/build/components/Collapse/index.d.ts

@@ -0,0 +1,3 @@
+import Collapse, { CollapseProps } from './Collapse';
+export type { CollapseProps };
+export default Collapse;

package/build/components/Collapse/index.js

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

package/build/components/DatePicker/DatePicker.js

@@ -27,7 +27,7 @@ import 'react-calendar/dist/Calendar.css';
 import Box from '@mui/material/Box';
 import { styled } from '@mui/material/styles';
 import Divider from '@mui/material/Divider';
-import Collapse from '@mui/material/Collapse';
+import Collapse from '../Collapse';
 import CalendarTodayOutlined from '@mui/icons-material/CalendarTodayOutlined';
 import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
 import ExpandLessIcon from '@mui/icons-material/ExpandLess';
@@ -85,7 +85,7 @@ var DatePicker = function (_a) {
     var defaultMax = new Date();
     var defaultMin = new Date('1900-01-01');
     var toggleCalender = function (event) {
-        var elementId = 'connect-collapse-template';
+        var elementId = 'animation-flow-template-content';
         if (anchor) {
             setTimeout(function () { return scrollDown(elementId); }, 500);
             return setAnchor(null);
@@ -104,6 +104,6 @@ var DatePicker = function (_a) {
     return (_jsxs(Container, __assign({ disabled: disabled, id: 'container-calendar' }, { children: [_jsx(InputFieldStyled, { endAdornment: _jsx(ArrowIcon, __assign({ disabled: disabled }, { children: disabled ? '' : arrowIcon })), value: date ? formattedDate(date) : '', placeholder: 'YYYY-MM-DD', onClick: function (e) {
                     if (!disabled)
                         toggleCalender(e);
-                }, startAdornment: calenderIcon, disabled: !disabled, readOnly: readOnly, dir: dir }), _jsxs(Collapse, __assign({ in: !!anchor, unmountOnExit: true, timeout: { enter: 500, exit: 500 } }, { children: [_jsx(Calendar, __assign({}, rest, { value: date, calendarType: 'Hebrew', onChange: handleOnDateChange, locale: rest.locale, maxDate: rest.maxDate || defaultMax, minDate: rest.minDate || defaultMin })), _jsx(Divider, {})] }))] })));
+                }, startAdornment: calenderIcon, disabled: !disabled, readOnly: readOnly, dir: dir }), _jsxs(Collapse, __assign({ in: !!anchor }, { children: [_jsx(Calendar, __assign({}, rest, { value: date, calendarType: 'Hebrew', onChange: handleOnDateChange, locale: rest.locale, maxDate: rest.maxDate || defaultMax, minDate: rest.minDate || defaultMin })), _jsx(Divider, {})] }))] })));
 };
 export default memo(DatePicker);

package/build/components/Footer/Footer.js

@@ -34,7 +34,7 @@ import Box from '@mui/material/Box';
 import { SOCIAL_MEDIA_LINKS } from '../../constants/dummy';
 var FooterStyled = styled(Box)(function (_a) {
     var theme = _a.theme;
-    return (__assign(__assign({ display: 'flex', margin: theme.spacing(1.5), color: theme.palette.background.paper }, theme.typography.caption), { alignItems: 'center', justifyContent: 'center' }));
+    return (__assign(__assign({ direction: theme.direction, display: 'flex', margin: theme.spacing(1.5), color: theme.palette.background.paper }, theme.typography.caption), { alignItems: 'center', justifyContent: 'center', position: 'relative', bottom: 0, marginBottom: theme.spacing(-3.75) }));
 });
 var FollowUsStyled = styled(Text)(function (_a) {
     var theme = _a.theme;

package/build/components/Input/Input.d.ts

@@ -5,12 +5,15 @@ export interface InputFieldProps extends InputProps {
     hide?: boolean;
     startAdornment?: React.ReactNode;
     endAdornment?: React.ReactNode;
+    warningType?: 'alert' | 'error';
+    warningMessage?: string;
 }
 declare const _default: React.MemoExoticComponent<{
-    ({ onEnterPressed, hide, endAdornment, startAdornment, ...rest }: InputFieldProps): JSX.Element;
+    ({ onEnterPressed, hide, endAdornment, startAdornment, warningType, warningMessage, ...rest }: InputFieldProps): JSX.Element;
     defaultProps: {
         hide: boolean;
         placeholder: string;
+        warningType: string;
     };
 }>;
 export default _default;

package/build/components/Input/Input.js

@@ -20,10 +20,11 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { memo } from 'react';
 import Input from '@mui/material/Input';
-import Collapse from '@mui/material/Collapse';
+import Collapse from '../Collapse';
+import Warning from '../Warning';
 import { alpha, styled } from '@mui/material/styles';
 var InputStyled = styled(Input)(function (_a) {
     var theme = _a.theme;
@@ -63,7 +64,7 @@ var InputStyled = styled(Input)(function (_a) {
     });
 });
 var InputField = function (_a) {
-    var onEnterPressed = _a.onEnterPressed, hide = _a.hide, endAdornment = _a.endAdornment, startAdornment = _a.startAdornment, rest = __rest(_a, ["onEnterPressed", "hide", "endAdornment", "startAdornment"]);
+    var onEnterPressed = _a.onEnterPressed, hide = _a.hide, endAdornment = _a.endAdornment, startAdornment = _a.startAdornment, warningType = _a.warningType, warningMessage = _a.warningMessage, rest = __rest(_a, ["onEnterPressed", "hide", "endAdornment", "startAdornment", "warningType", "warningMessage"]);
     var onKeyPress = function (e) {
         var _a;
         if (e.key === 'Enter')
@@ -72,10 +73,11 @@ var InputField = function (_a) {
     };
     if (!rest.defaultValue)
         delete rest.defaultValue;
-    return (_jsx(Collapse, __assign({ in: !hide }, { children: _jsx(InputStyled, __assign({ onKeyPress: onKeyPress, endAdornment: endAdornment, startAdornment: startAdornment }, rest)) })));
+    return (_jsxs(Collapse, __assign({ in: !hide }, { children: [_jsx(InputStyled, __assign({ onKeyPress: onKeyPress, endAdornment: endAdornment, startAdornment: startAdornment }, rest)), _jsx(Collapse, __assign({ in: !!warningMessage, timeout: 400 }, { children: _jsx(Warning, __assign({ warningType: warningType }, { children: warningMessage })) }))] })));
 };
 InputField.defaultProps = {
     hide: false,
-    placeholder: '500000000'
+    placeholder: '500000000',
+    warningType: 'error'
 };
 export default memo(InputField);

package/build/components/Loader/Loader.d.ts

@@ -3,19 +3,21 @@ export interface LoaderProps {
     outerColor?: string;
     innerColor?: string;
     duration?: number;
-    runAnimation?: boolean;
+    toggleAnimation?: boolean;
     size?: number;
     style?: React.CSSProperties;
-    svgStyle?: React.CSSProperties;
+    className?: string;
 }
-declare const _default: React.MemoExoticComponent<{
-    ({ outerColor, innerColor, duration, runAnimation, style, svgStyle, size }: LoaderProps): JSX.Element;
-    defaultProps: {
+declare function Loader(props: LoaderProps): JSX.Element;
+declare namespace Loader {
+    var defaultProps: {
         outerColor: string;
         innerColor: string;
-        runAnimation: boolean;
-        size: number;
         duration: number;
+        toggleAnimation: boolean;
+        size: number;
+        style: null;
     };
-}>;
+}
+declare const _default: React.MemoExoticComponent<typeof Loader>;
 export default _default;

package/build/components/Loader/Loader.js

@@ -9,53 +9,33 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { Fragment } from 'react';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
 import { styled } from '@mui/material/styles';
-import Box from '@mui/material/Box';
-var DivStyled = styled(Box)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        width: theme.spacing(12.5),
-        height: theme.spacing(12.5),
-        margin: 'auto',
+var RootStyled = styled('div')(function () { return ({
+    '&:before': {
+        content: '""',
         display: 'block',
-        position: 'absolute'
-    });
+        paddingTop: '100%'
+    },
+    position: 'relative',
+    margin: '0px auto',
+    width: '40px',
+    height: '40px'
+}); });
+var LoaderBoxStyled = styled('svg')(function (_a) {
+    var size = _a.size;
+    return (__assign({ height: '100%', transformOrigin: 'center center', width: '100%', position: 'absolute', top: 0, left: 0, margin: 'auto' }, (size && { transform: "scale(".concat(size / 40.0, ")") })));
 });
-var LoaderContainerStyled = styled(Box)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        width: theme.spacing(12.5),
-        height: theme.spacing(12.5),
-        display: 'block',
-        position: 'relative',
-        margin: 'auto'
-    });
-});
-var SvgBoxLoaderStyled = styled('svg')(function (_a) {
-    var theme = _a.theme;
-    return ({
-        width: '100%',
-        height: '100%',
-        position: 'absolute',
-        margin: '0',
-        left: '0',
-        right: '0',
-        top: theme.spacing(-0.18)
-    });
-});
-var Loader = function (_a) {
-    var outerColor = _a.outerColor, innerColor = _a.innerColor, duration = _a.duration, runAnimation = _a.runAnimation, style = _a.style, svgStyle = _a.svgStyle, size = _a.size;
-    var defaultDuration = duration || 0;
-    var scaleStyle = size ? { transform: 'scale(' + size / 40.0 + ')' } : {};
-    return (_jsx(DivStyled, { children: _jsx(LoaderContainerStyled, __assign({ style: style }, { children: _jsxs(SvgBoxLoaderStyled, __assign({ style: Object.assign(scaleStyle, svgStyle) }, { children: [_jsx("circle", __assign({ style: { stroke: outerColor }, cx: '50%', cy: '50%', r: '20', fill: 'none', strokeLinecap: 'round', strokeWidth: ' 3.6px', strokeDasharray: ' 125, 124' }, { children: runAnimation && (_jsxs(Fragment, { children: [_jsx("animateTransform", { attributeName: 'transform', type: 'rotate', from: '0 50 50', to: '360 50 50', dur: defaultDuration / 3 + 's', repeatCount: 'indefinite' }), _jsx("animate", { attributeName: 'stroke-dashoffset', values: '0; 122; 122; 0; 0', keyTimes: '0; 0.45; 0.55; 0.9; 1', dur: defaultDuration + 's', repeatCount: 'indefinite' })] })) })), _jsx("circle", __assign({ style: { stroke: innerColor }, cx: '50%', cy: '50%', r: '14', fill: 'none', strokeLinecap: 'round', strokeWidth: ' 3.6px', strokeDasharray: ' 88, 124' }, { children: runAnimation && (_jsxs(Fragment, { children: [_jsx("animateTransform", { attributeName: 'transform', type: 'rotate', from: '360 50 50', to: '0 50 50', dur: defaultDuration / 3 + 's', repeatCount: 'indefinite' }), _jsx("animate", { attributeName: 'stroke-dashoffset', values: '0; -85; -85; 0; 0', keyTimes: '0; 0.45; 0.55; 0.9; 1', dur: defaultDuration + 's', repeatCount: 'indefinite' })] })) }))] })) })) }));
-};
+function Loader(props) {
+    return (_jsx(RootStyled, __assign({ className: 'loader', style: props.style }, { children: _jsxs(LoaderBoxStyled, __assign({ className: 'circular-loader', viewBox: '25 25 50 50' }, { children: [_jsx("circle", __assign({ cx: '50', cy: '50', r: '20', fill: 'none', stroke: props.outerColor || 'black', strokeWidth: '3.6px', strokeLinecap: 'round', strokeDasharray: ' 125, 124' }, { children: props.toggleAnimation && (_jsxs(_Fragment, { children: [_jsx("animateTransform", { attributeName: 'transform', type: 'rotate', from: '0 50 50', to: '360 50 50', dur: "".concat(props.duration || 0 / 3, "s"), repeatCount: 'indefinite' }), _jsx("animate", { attributeName: 'stroke-dashoffset', values: '0; 122; 122; 0; 0', keyTimes: '0; 0.45; 0.55; 0.9; 1', dur: "".concat(props.duration, "s"), repeatCount: 'indefinite' })] })) })), _jsx("circle", __assign({ cx: '50', cy: '50', r: '14', fill: 'none', stroke: props.innerColor || 'black', strokeWidth: ' 3.6px', strokeLinecap: 'round', strokeDasharray: ' 88, 124' }, { children: props.toggleAnimation && (_jsxs(_Fragment, { children: [_jsx("animateTransform", { attributeName: 'transform', type: 'rotate', from: '360 50 50', to: '0 50 50', dur: "".concat(props.duration || 0 / 3, "s"), repeatCount: 'indefinite' }), _jsx("animate", { attributeName: 'stroke-dashoffset', values: '0; -85; -85; 0; 0', keyTimes: '0; 0.45; 0.55; 0.9; 1', dur: "".concat(props.duration, "s"), repeatCount: 'indefinite' })] })) }))] })) })));
+}
 Loader.defaultProps = {
     outerColor: '#423e3c',
     innerColor: '#423e3c',
-    runAnimation: false,
+    duration: 3,
+    toggleAnimation: false,
     size: 50,
-    duration: 3.0
+    style: null
 };
 export default React.memo(Loader);

package/build/components/OTPField/OTPField.js

@@ -28,29 +28,9 @@ var OTPFieldStyled = styled(OTPInput)(function (_a) {
     var _b;
     var theme = _a.theme;
     return ({
-        input: (_b = {
-                borderRadius: theme.spacing(0),
-                height: theme.spacing(4.75),
-                color: theme.palette.text.primary,
-                outline: 'none',
-                border: 'none',
-                borderLeft: theme.spacing(0),
-                borderRight: theme.spacing(0),
-                borderTop: theme.spacing(0),
-                borderBottom: '1px solid ',
-                borderColor: '#a6a6a6',
-                textAlign: 'center',
-                margin: '1.2%'
-            },
-            _b[theme.breakpoints.down('sm')] = {
-                margin: '1%'
-            },
-            _b.background = 'transparent',
-            _b.caretColor = theme.palette.primary.main,
-            _b.marginInline = theme.spacing(0.6),
-            _b.fontSize = theme.spacing(2.5),
-            _b.width = theme.spacing(5),
-            _b)
+        input: __assign(__assign((_b = { borderRadius: theme.spacing(0), height: theme.spacing(4.75), color: theme.palette.text.primary, outline: 'none', border: 'none', borderLeft: theme.spacing(0), borderRight: theme.spacing(0), borderTop: theme.spacing(0), borderBottom: '1px solid ', borderColor: '#a6a6a6', textAlign: 'center', margin: '1.2%' }, _b[theme.breakpoints.down('sm')] = {
+            margin: '1%'
+        }, _b.background = 'transparent', _b.caretColor = theme.palette.primary.main, _b.marginInline = theme.spacing(0.6), _b), theme.typography.h6), { width: theme.spacing(5) })
     });
 });
 var OTPFieldComponent = function (_a) {

package/build/components/OTPTimer/OTPTimer.d.ts

@@ -1,10 +1,12 @@
 import * as React from 'react';
 import { BoxProps } from '@mui/material/Box';
 export interface OTPTimerProps extends BoxProps {
-    time?: number;
+    timeInSeconds?: number;
+    timeEndLabel: string;
+    onResetClick?: () => void;
 }
 declare const _default: React.MemoExoticComponent<{
-    ({ time, ...rest }: OTPTimerProps): JSX.Element;
+    ({ timeInSeconds, timeEndLabel, onResetClick, ...rest }: OTPTimerProps): JSX.Element;
     defaultProps: {
         time: number;
     };

package/build/components/OTPTimer/OTPTimer.js

@@ -30,25 +30,37 @@ var OTPTimerStyled = styled(Box)(function (_a) {
     return ({
         display: 'flex',
         paddingInline: theme.spacing(2.5),
-        paddingBlockStart: theme.spacing(6.25),
         justifyContent: 'end'
     });
 });
 var OTPTimerTextStyled = styled(Text)(function (_a) {
     var theme = _a.theme;
     return ({
-        width: 'fit-content',
         fontWeight: theme.typography.fontWeightBold,
-        fontSize: theme.spacing(1.75),
+        fontSize: theme.typography.fontSize,
         marginTop: theme.spacing(0.5)
     });
 });
 var OTPTimerComponent = function (_a) {
-    var time = _a.time, rest = __rest(_a, ["time"]);
-    var defaultTime = time || 0;
-    return (_jsx(OTPTimerStyled, __assign({}, rest, { children: _jsx(OTPTimerTextStyled, __assign({ variant: 'h4', color: 'primary', sx: {
-                cursor: time == 0 ? 'pointer' : 'auto'
-            } }, { children: defaultTime > 0 ? (defaultTime > 9 ? "00:".concat(time) : "00:0".concat(time)) : 'RESEND OTP' })) })));
+    var timeInSeconds = _a.timeInSeconds, timeEndLabel = _a.timeEndLabel, onResetClick = _a.onResetClick, rest = __rest(_a, ["timeInSeconds", "timeEndLabel", "onResetClick"]);
+    var _b = React.useState(timeInSeconds || 60), timeValue = _b[0], seTimeValue = _b[1];
+    React.useEffect(function () {
+        if (timeValue <= 0)
+            return;
+        var interval = setInterval(function () {
+            seTimeValue(timeValue - 1);
+        }, 1000);
+        return function () { return clearInterval(interval); };
+    }, [timeValue]);
+    var resetTimer = function () {
+        if (onResetClick) {
+            onResetClick();
+            seTimeValue(timeInSeconds || 60);
+        }
+    };
+    return (_jsx(OTPTimerStyled, __assign({ onClick: resetTimer }, rest, { children: _jsx(OTPTimerTextStyled, __assign({ variant: 'h4', color: 'primary', sx: {
+                cursor: timeValue <= 0 ? 'pointer' : 'default'
+            } }, { children: timeValue > 0 ? (timeValue > 9 ? "00:".concat(timeValue) : "00:0".concat(timeValue)) : timeEndLabel })) })));
 };
 OTPTimerComponent.defaultProps = {
     time: 59

package/build/components/Providers/ThemeProvider.js

@@ -10,15 +10,12 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect } from 'react';
-import { createTheme, ThemeProvider as MUIThemeProvider } from '@mui/material/styles';
+import { Fragment } from 'react';
+import { ThemeProvider as MUIThemeProvider } from '@mui/material/styles';
 export default function ThemeProvider(_a) {
     var children = _a.children, theme = _a.theme;
-    useEffect(function () {
-        if (!theme)
-            console.info('Now the application is using the default theme.');
-        if (theme)
-            console.info('Now the application is using the custom theme.');
-    }, [theme]);
-    return _jsx(MUIThemeProvider, __assign({ theme: theme || createTheme() }, { children: children }));
+    if (!theme) {
+        return _jsx(Fragment, {});
+    }
+    return _jsx(MUIThemeProvider, __assign({ theme: theme }, { children: children }));
 }

package/build/components/SimpleList/SimpleList.d.ts

@@ -1,10 +1,18 @@
-import React from 'react';
+import * as React from 'react';
 import { ListProps } from '@mui/material/List';
 import { ListItemProps } from '@mui/material/ListItem';
 export interface SimpleListProps<T> extends ListProps {
     list: Array<T>;
     listItemProps?: ListItemProps;
     onSelectItem: (item: T) => void;
-    renderItem: (item: T) => React.ReactElement;
+    renderItem: (item: T, idx: number) => React.ReactElement;
+    searchKeyPath?: string;
 }
-export default function SimpleList<T>({ list, listItemProps, onSelectItem, renderItem, children, style, ...rest }: SimpleListProps<T>): JSX.Element;
+declare function SimpleList<T>({ list, listItemProps, onSelectItem, renderItem, children, searchKeyPath, ...rest }: SimpleListProps<T>): JSX.Element;
+declare namespace SimpleList {
+    var defaultProps: {
+        searchKeyPath: string;
+    };
+}
+declare const _default: typeof SimpleList;
+export default _default;

package/build/components/SimpleList/SimpleList.js

@@ -22,31 +22,38 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createElement as _createElement } from "react";
+import * as React from 'react';
 import List from '@mui/material/List';
 import ListItem from '@mui/material/ListItem';
-import { styled, useTheme } from '@mui/material/styles';
-import useMediaQuery from '@mui/material/useMediaQuery';
-var TapList = styled(List)(function (_a) {
+import { styled } from '@mui/material/styles';
+import get from 'lodash-es/get';
+import { useEventListener } from '../../hooks';
+var ListStyled = styled(List)(function (_a) {
+    var _b;
     var theme = _a.theme;
-    return ({
-        overflowY: 'auto',
-        listStyle: 'none',
-        paddingTop: theme.spacing(2.125),
-        height: '100%',
-        '&::-webkit-scrollbar': {
+    return (_b = {
+            overflowY: 'auto',
+            listStyle: 'none',
+            paddingTop: theme.spacing(2.125),
+            height: theme.spacing(40)
+        },
+        _b[theme.breakpoints.down('sm')] = {
+            height: "calc(100vh - ".concat(theme.spacing(34.875), ")")
+        },
+        _b['&::-webkit-scrollbar'] = {
             width: '0px'
         },
-        '&::-webkit-scrollbar-track': {
+        _b['&::-webkit-scrollbar-track'] = {
             boxShadow: 'inset 0 0 6px rgba(0,0,0,0.00)',
             webkitBoxShadow: 'inset 0 0 6px rgba(0,0,0,0.00)'
         },
-        '&::-webkit-scrollbar-thumb': {
+        _b['&::-webkit-scrollbar-thumb'] = {
             backgroundColor: 'rgba(0,0,0,.1)',
             outline: '1px solid slategrey'
-        }
-    });
+        },
+        _b);
 });
-var TapListItem = styled(ListItem)(function (_a) {
+var ListItemStyled = styled(ListItem)(function (_a) {
     var theme = _a.theme;
     return ({
         display: 'flex',
@@ -58,14 +65,36 @@ var TapListItem = styled(ListItem)(function (_a) {
         justifyContent: 'space-between'
     });
 });
-export default function SimpleList(_a) {
-    var list = _a.list, listItemProps = _a.listItemProps, onSelectItem = _a.onSelectItem, renderItem = _a.renderItem, children = _a.children, style = _a.style, rest = __rest(_a, ["list", "listItemProps", "onSelectItem", "renderItem", "children", "style"]);
-    var theme = useTheme();
-    var matches = useMediaQuery(theme.breakpoints.down('sm'));
-    return (_jsx(TapList, __assign({}, rest, { style: __assign({ height: matches ? "calc(100vh - ".concat(theme.spacing(34.875), ")") : theme.spacing(40) }, style) }, { children: children ||
-            (list || []).map(function (item, idx) {
-                return (_createElement(TapListItem, __assign({}, listItemProps, { onClick: function () {
+function SimpleList(_a) {
+    var list = _a.list, listItemProps = _a.listItemProps, onSelectItem = _a.onSelectItem, renderItem = _a.renderItem, children = _a.children, searchKeyPath = _a.searchKeyPath, rest = __rest(_a, ["list", "listItemProps", "onSelectItem", "renderItem", "children", "searchKeyPath"]);
+    var _b = React.useState(list), items = _b[0], setItems = _b[1];
+    var filterItems = function (arr, searchKey) {
+        return arr.filter(function (item) {
+            var searchValue = get(item, searchKeyPath || '') || '';
+            return searchValue.charAt(0).toLowerCase() === searchKey.charAt(searchKey.length - 1).toLowerCase();
+        });
+    };
+    var onKeySearch = function (_a) {
+        var code = _a.code;
+        if (code) {
+            var filteredArr = filterItems(items, code);
+            if (filteredArr.length === 0 || code === 'Backspace')
+                setItems(list);
+            else
+                setItems(filteredArr);
+        }
+    };
+    if (searchKeyPath)
+        useEventListener('keydown', onKeySearch);
+    return (_jsx(ListStyled, __assign({}, rest, { children: children ||
+            items.map(function (item, idx) {
+                return (_createElement(ListItemStyled, __assign({}, listItemProps, { onClick: function () {
                         onSelectItem(item);
-                    }, disableGutters: true, key: idx }), renderItem(item)));
+                    }, disableGutters: true, key: idx }), renderItem(item, idx)));
             }) })));
 }
+SimpleList.defaultProps = {
+    searchKeyPath: ''
+};
+var typedMemo = React.memo;
+export default typedMemo(SimpleList);

package/build/components/Slide/Slide.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { SlideProps as MUISlideProps } from '@mui/material/Slide';
+export interface SlideProps extends MUISlideProps {
+}
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<Pick<SlideProps, "className" | "style" | "color" | "direction" | "translate" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "children" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "in" | "mountOnEnter" | "unmountOnExit" | "timeout" | "easing" | "addEndListener" | "onEnter" | "onEntering" | "onEntered" | "onExit" | "onExiting" | "onExited" | "appear" | "enter" | "exit" | "container"> & React.RefAttributes<unknown>>>;
+export default _default;

package/build/components/Slide/Slide.js

@@ -0,0 +1,30 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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 React from 'react';
+import MUISlide from '@mui/material/Slide';
+var Slide = React.forwardRef(function (_a, ref) {
+    var children = _a.children, rest = __rest(_a, ["children"]);
+    return (_jsx(MUISlide, __assign({ ref: ref, direction: 'up', timeout: { exit: 300, appear: 500, enter: 300 }, mountOnEnter: true, unmountOnExit: true }, rest, { children: children })));
+});
+export default React.memo(Slide);

package/build/components/Slide/index.d.ts

@@ -0,0 +1,3 @@
+import Slide, { SlideProps } from './Slide';
+export type { SlideProps };
+export default Slide;

package/build/components/Slide/index.js

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

package/build/components/SocialMediaGroup/SocialMediaGroup.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { SocialMediaTypes } from '../../@types';
+import { ToggleButtonGroupProps } from '../ToggleButtonGroup';
+import { ToggleButtonProps } from '../ToggleButton';
+export interface SocialMediaGroupProps extends ToggleButtonGroupProps {
+    toggleButtonProps?: ToggleButtonProps;
+}
+declare const _default: React.MemoExoticComponent<{
+    ({ children, defaultValue, onChange, toggleButtonProps, ...rest }: SocialMediaGroupProps): JSX.Element;
+    defaultProps: {
+        defaultValue: SocialMediaTypes;
+    };
+}>;
+export default _default;