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

package/build/components/SalesChannelFilter/SalesChannelFilter.js

@@ -1,56 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo, useState } from 'react';
-import Box from '@mui/material/Box';
-import { MenuItem, Skeleton } from '../index.js';
-import { FilterWrapper, ListWrapper, SearchIconWrapper } from './style';
-import { InputStyled } from '../SelectWithSearch';
-import { closeXIcon, searchIcon } from '../../constants/index.js';
-export default function SalesChannelFilter({ onSalesChannelChange, onSearchChange, filteredOptions, isLoading, initialSalesChannels, initialSalesChannelsSearch, }) {
-    const salesChannels = useMemo(() => {
-        return initialSalesChannels || [];
-    }, [initialSalesChannels]);
-    const [searchValue, setSearchValue] = useState(initialSalesChannelsSearch || '');
-    const checkIsSelected = (salesChannelId) => salesChannels.some((channel) => channel.id === salesChannelId);
-    const isAllSelected = useMemo(() => {
-        return (salesChannels === null || salesChannels === void 0 ? void 0 : salesChannels.length) === filteredOptions.length && (filteredOptions === null || filteredOptions === void 0 ? void 0 : filteredOptions.length) > 0;
-    }, [salesChannels, filteredOptions]);
-    const isOnlyBlankSelected = useMemo(() => {
-        return (salesChannels === null || salesChannels === void 0 ? void 0 : salesChannels.some((channel) => channel.id === 'blank')) && (salesChannels === null || salesChannels === void 0 ? void 0 : salesChannels.length) === 1;
-    }, [salesChannels]);
-    const isSearchDisabled = useMemo(() => {
-        return (salesChannels === null || salesChannels === void 0 ? void 0 : salesChannels.length) === 0 || isOnlyBlankSelected;
-    }, [isOnlyBlankSelected, salesChannels === null || salesChannels === void 0 ? void 0 : salesChannels.length]);
-    return (_jsxs(FilterWrapper, { children: [_jsx(InputStyled, { placeholder: 'Search', endAdornment: !isSearchDisabled && (_jsx(SearchIconWrapper, Object.assign({ sx: Object.assign({}, (searchValue && { backgroundColor: '#F2F2F2' })) }, { children: _jsx(Box, { component: "img", src: searchValue ? closeXIcon : searchIcon, alt: "search", onClick: () => {
-                            setSearchValue('');
-                            onSearchChange('');
-                        }, sx: Object.assign({}, (searchValue && {
-                            backgroundColor: '#F2F2F2',
-                            borderRadius: '4px',
-                            width: '8px',
-                            height: '8px',
-                        })) }) }))), disabled: isSearchDisabled, onChange: (e) => {
-                    setSearchValue(e.target.value);
-                    onSearchChange(e.target.value);
-                }, value: searchValue, disableUnderline: true, sx: Object.assign({ cursor: 'default', width: '100%', border: '1px solid #F2F2F2', backgroundColor: isSearchDisabled ? '#F8F8F8' : '#fff' }, (searchValue && { cursor: 'pointer' })) }), _jsx(ListWrapper, { children: isLoading ? (Array.from({ length: 9 }).map((_, index) => _jsx(Skeleton, { variant: "rectangular", width: "100%", height: 24 }, index))) : (_jsxs(_Fragment, { children: [_jsx(MenuItem, Object.assign({ sx: {
-                                backgroundColor: '#F8F8F8',
-                                fontWeight: 600,
-                                padding: '4px 8px',
-                                color: '#1F88D0',
-                                gap: '0px',
-                            }, isSelected: isAllSelected, isIndeterminate: !isAllSelected && ((salesChannels === null || salesChannels === void 0 ? void 0 : salesChannels.length) || 0) > 0, onClick: (e) => {
-                                e.stopPropagation();
-                                onSalesChannelChange(isAllSelected ? [] : filteredOptions);
-                            } }, { children: isAllSelected ? 'Deselect All' : 'Select All' })), filteredOptions.map((channel) => {
-                            var _a;
-                            return (_jsx(MenuItem, Object.assign({ isSelected: checkIsSelected(channel.id), onClick: (e) => {
-                                    e.stopPropagation();
-                                    const isSelected = checkIsSelected(channel.id);
-                                    const newSalesChannels = isSelected ? salesChannels === null || salesChannels === void 0 ? void 0 : salesChannels.filter((c) => c.id !== channel.id) : [...(salesChannels !== null && salesChannels !== void 0 ? salesChannels : []), channel];
-                                    onSalesChannelChange(newSalesChannels);
-                                }, sx: {
-                                    padding: '4px 8px',
-                                    gap: '0px',
-                                    fontWeight: 400,
-                                } }, { children: (_a = channel === null || channel === void 0 ? void 0 : channel.name) === null || _a === void 0 ? void 0 : _a.en }), channel.id));
-                        })] })) })] }));
-}

package/build/components/SalesChannelFilter/style.js

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

package/build/components/Sandbox/Sandbox.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useTranslation } from 'react-i18next';
-import { sandboxDefaultIcon } from '../../constants/index.js';
-import { SandBoxWrapper, StyledAnimatedImage, StyledCircle, StyledContainer, StyledText } from './style';
-function Sandbox({ appInfo, onToggleSandbox, isHovered, isContentHovered, onMouseContentEnter, onMouseContentLeave }) {
-    const { t } = useTranslation();
-    const hideSandbox = (appInfo === null || appInfo === void 0 ? void 0 : appInfo.isMaximized) && !(appInfo === null || appInfo === void 0 ? void 0 : appInfo.sandboxMode) && !isHovered;
-    return (_jsx(StyledContainer, Object.assign({ hideSandbox: hideSandbox }, { children: _jsxs(SandBoxWrapper, Object.assign({ onClick: onToggleSandbox }, { children: [_jsx(StyledText, Object.assign({ isContentHovered: isContentHovered || (appInfo === null || appInfo === void 0 ? void 0 : appInfo.sandboxMode) }, { children: t('sandboxMode') })), _jsx(StyledCircle, Object.assign({ active: isContentHovered || (appInfo === null || appInfo === void 0 ? void 0 : appInfo.sandboxMode), isHovered: isHovered, onMouseEnter: onMouseContentEnter, onMouseLeave: onMouseContentLeave }, { children: _jsx(StyledAnimatedImage, { isHovered: isHovered || (appInfo === null || appInfo === void 0 ? void 0 : appInfo.sandboxMode), src: sandboxDefaultIcon, alt: "Sandbox icon" }) }))] })) })));
-}
-export default Sandbox;

package/build/components/Sandbox/style.js

@@ -1,58 +0,0 @@
-import { Box, styled } from '@mui/material';
-export const StyledContainer = styled(Box, {
-    shouldForwardProp: (prop) => prop !== 'isHovered' && prop !== 'isContentHovered' && prop !== 'hideSandbox',
-})(({ hideSandbox }) => ({
-    width: '6.4rem',
-    display: 'flex',
-    justifyContent: 'flex-end',
-    alignItems: 'center',
-    transition: 'opacity 0.2s ease-in-out',
-    visibility: hideSandbox ? 'hidden' : 'visible',
-}));
-export const SandBoxWrapper = styled(Box)(() => ({
-    display: 'flex',
-    justifyContent: 'flex-end',
-    alignItems: 'center',
-}));
-export const StyledImage = styled('img')(() => ({
-    height: '0.75rem',
-    width: '0.75rem',
-    opacity: 0,
-    transition: 'opacity 0.2s ease-in-out',
-    '&:hover': {
-        opacity: 1,
-    },
-}));
-export const StyledAnimatedImage = styled(StyledImage, {
-    shouldForwardProp: (prop) => prop !== 'isHovered',
-})(({ isHovered }) => ({
-    opacity: isHovered ? 1 : 0,
-    transition: 'opacity 0.2s ease-in-out',
-    height: 'auto',
-    width: 'auto',
-    cursor: 'pointer',
-}));
-export const StyledText = styled('p', {
-    shouldForwardProp: (prop) => prop !== 'isContentHovered',
-})(({ theme, isContentHovered }) => ({
-    color: theme.palette.common.orange,
-    fontSize: '0.62rem',
-    fontWeight: 600,
-    paddingRight: '0.25rem',
-    opacity: isContentHovered ? 1 : 0,
-    display: isContentHovered ? 'block' : 'none',
-    transition: 'opacity 0.2s ease-in-out',
-    margin: 0,
-}));
-export const StyledCircle = styled('div', {
-    shouldForwardProp: (prop) => prop !== 'isHovered' && prop !== 'active',
-})(({ theme, isHovered, active }) => ({
-    width: 12,
-    height: 12,
-    borderRadius: 50,
-    display: 'flex',
-    justifyContent: 'center',
-    alignItems: 'center',
-    backgroundColor: active ? theme.palette.common.orange : isHovered ? `${theme.palette.grey[200]}40` : `${theme.palette.grey[200]}14`,
-    transition: 'background-color 0.2s ease-in-out',
-}));

package/build/components/ScrollLoader/ScrollLoader.js

@@ -1,69 +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 { useCallback, useEffect, useRef, useState } from 'react';
-import Stack from '@mui/material/Stack';
-const OFFSET = 50; // px to trigger loading before reaching full bottom
-const isNearBottom = (el, offset = OFFSET) => {
-    const scrollBottom = el.scrollTop + el.clientHeight;
-    const scrollHeight = el.scrollHeight;
-    return scrollHeight - scrollBottom <= offset;
-};
-const ScrollLoader = (props) => {
-    const { component = Stack, loadMoreItems, hasMore, loading, isFetchingNextPage, children } = props, rootProps = __rest(props, ["component", "loadMoreItems", "hasMore", "loading", "isFetchingNextPage", "children"]);
-    const [initialChecked, setInitialChecked] = useState(false);
-    const loadMoreItemsRef = useRef(loadMoreItems);
-    const containerRef = useRef(null);
-    loadMoreItemsRef.current = loadMoreItems;
-    const Component = component;
-    const fetchMoreData = useCallback(() => {
-        if (hasMore && !isFetchingNextPage)
-            loadMoreItemsRef.current();
-    }, [hasMore, isFetchingNextPage]);
-    const handleScroll = useCallback(() => {
-        const el = containerRef.current;
-        if (!el)
-            return;
-        const isBottom = isNearBottom(el);
-        if (isBottom)
-            fetchMoreData();
-    }, [fetchMoreData]);
-    useEffect(() => {
-        const el = containerRef.current;
-        if (!el)
-            return;
-        el.addEventListener('scroll', handleScroll);
-        return () => el.removeEventListener('scroll', handleScroll);
-    }, [handleScroll]);
-    // Initially .. auto load the data if the scrollable container allows
-    useEffect(() => {
-        const el = containerRef.current;
-        if (!el || loading || initialChecked)
-            return;
-        const timeout = setTimeout(() => {
-            setInitialChecked(true);
-            const isBottom = isNearBottom(el);
-            if (isBottom) {
-                fetchMoreData();
-            }
-        }, 1000);
-        return () => {
-            clearTimeout(timeout);
-        };
-    }, [loading, fetchMoreData, initialChecked]);
-    return (_jsx(Component, Object.assign({ overflow: "auto", ref: containerRef, style: {
-            overflow: 'auto',
-            height: '100%',
-            maxHeight: '100%',
-        } }, rootProps, { children: children })));
-};
-export default ScrollLoader;

package/build/components/SearchButton/SearchButton.js

@@ -1,57 +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, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo, useState } from 'react';
-import { useTheme } from '@mui/material';
-import { AnimatePresence } from 'framer-motion';
-import { useTranslation } from 'react-i18next';
-import { Icon, StyledInput, StyledSearchButton, Wrapper } from './styles';
-import { grayCloseIcon, searchBlueIcon } from '../../constants/index.js';
-function SearchButton(_a) {
-    var { onSearchChange, placeholder } = _a, props = __rest(_a, ["onSearchChange", "placeholder"]);
-    const [isInputShown, setIsInputShown] = useState(false);
-    const [value, setValue] = useState('');
-    const { t } = useTranslation();
-    const theme = useTheme();
-    const onReset = () => {
-        setIsInputShown(false);
-        onSearchChange === null || onSearchChange === void 0 ? void 0 : onSearchChange('');
-        setValue('');
-    };
-    const onSearchClick = () => {
-        setIsInputShown(true);
-        onSubmit();
-    };
-    const onSubmit = () => {
-        if (value) {
-            onSearchChange === null || onSearchChange === void 0 ? void 0 : onSearchChange(value);
-        }
-    };
-    const onKeyDown = (event) => {
-        if (event.key === 'Enter') {
-            onSearchChange === null || onSearchChange === void 0 ? void 0 : onSearchChange(value);
-        }
-    };
-    const onChange = (event) => {
-        setValue(event.currentTarget.value);
-    };
-    return (_jsxs(Wrapper, { children: [_jsx(AnimatePresence, { children: isInputShown && (_jsxs(_Fragment, { children: [_jsx(StyledInput, { initial: {
-                                width: 30,
-                            }, animate: {
-                                width: 200,
-                            }, exit: {
-                                width: 30,
-                                border: `1px solid ${theme.palette.divider}`,
-                                boxShadow: 'none',
-                            }, placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : (t('search') || ''), onKeyDown: onKeyDown, onChange: onChange }), _jsx(Icon, { style: { right: 48 }, initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, src: grayCloseIcon, alt: "close", onClick: onReset }), _jsx(Icon, { style: { right: 9 }, initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, src: searchBlueIcon, alt: "search", onClick: onSubmit })] })) }), _jsx(StyledSearchButton, Object.assign({}, props, { variant: isInputShown ? 'active' : 'inActive', icon: "search", onClick: onSearchClick }))] }));
-}
-export default memo(SearchButton);

package/build/components/SearchButton/styles.js

@@ -1,44 +0,0 @@
-import Box from '@mui/material/Box';
-import { styled } from '@mui/material/styles';
-import { motion } from 'framer-motion';
-import StatusButton from '../StatusButton';
-export const StyledInput = styled(motion.input)(({ theme }) => ({
-    padding: '8px',
-    paddingRight: '24px',
-    borderRadius: '4px',
-    height: 32,
-    color: theme.palette.text.primary,
-    fontSize: '11px',
-    outline: 0,
-    zIndex: 10,
-    background: theme.palette.common.white,
-    display: 'flex',
-    minWidth: '80px',
-    flexGrow: 1,
-    boxShadow: `0px 0px 4px 0px ${theme.palette.info.dark}80`,
-    border: `1px solid ${theme.palette.info.dark}`,
-    '::placeholder': {
-        color: '#D5D5D5',
-    },
-}));
-export const Icon = styled(motion.img)(() => ({
-    position: 'absolute',
-    zIndex: 11,
-    cursor: 'pointer',
-}));
-export const StyledSearchButton = styled(StatusButton)(() => ({
-    minWidth: 'auto',
-    borderRadius: '4px',
-    paddingInline: '8px',
-    position: 'relative',
-    zIndex: 11,
-}));
-export const Wrapper = styled(Box)(() => ({
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'flex-start',
-    position: 'relative',
-    zIndex: 11,
-    height: 32,
-    gap: 8,
-}));

package/build/components/SearchListInput/SearchListInput.js

@@ -1,20 +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 Box from '@mui/material/Box';
-import { grayCloseIcon, searchIcon } from '../../constants/index.js';
-import { InputsWrapper, InputStyled } from './style';
-const SearchListInput = (_a) => {
-    var { value, name, placeholder, onSearchChange, onSearchReset } = _a, props = __rest(_a, ["value", "name", "placeholder", "onSearchChange", "onSearchReset"]);
-    return (_jsx(InputsWrapper, Object.assign({}, props, { children: _jsx(InputStyled, { className: "input", name: name, placeholder: placeholder, onChange: (e) => onSearchChange(e.target.value), value: value, inputProps: { autoComplete: 'off' }, endAdornment: _jsx(Box, { component: "img", "data-icon": value ? 'close' : 'search', src: value ? grayCloseIcon : searchIcon, alt: "search", className: "icon", sx: { cursor: value ? 'pointer' : 'default' }, onClick: onSearchReset }) }) })));
-};
-export default SearchListInput;

package/build/components/SearchListInput/style.js

@@ -1,15 +0,0 @@
-import { styled } from '@mui/material/styles';
-import Input from '../Input';
-import Box from '@mui/material/Box';
-export const InputStyled = styled(Input)(({ theme }) => ({
-    border: `1px solid ${theme.palette.divider}`,
-    '.icon': {
-        width: 14,
-    },
-}));
-export const InputsWrapper = styled(Box)(() => ({
-    padding: '8px 16px',
-    '> div + div': {
-        marginTop: '8px',
-    },
-}));

package/build/components/SelectDropdown/SelectDropdown.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo } from 'react';
-import Box from '@mui/material/Box';
-import Popover from '@mui/material/Popover';
-import { blueDropdownArrowIcon, closeXIcon, downArrowIcon } from '../../constants/index.js';
-import { HeaderWrapper, ListWrapper } from './style';
-function SelectDropdown({ onClose, open, anchorEl, trigger, onOpen, children, disabled, listWrapperSx, hideArrow, onClear, hasValue }) {
-    const isClearButtonVisible = onClear && hasValue;
-    return (_jsxs(HeaderWrapper, Object.assign({ open: open, onClick: onOpen, "data-testid": "Dropdown", disabled: disabled }, { children: [_jsx(Box, Object.assign({ sx: { flex: 1, cursor: 'pointer' } }, { children: trigger })), !hideArrow && !isClearButtonVisible && (_jsx(Box, Object.assign({ sx: { width: 16, height: 16, display: 'flex', alignItems: 'center', position: 'absolute', right: 8 } }, { children: _jsx(Box, { component: "img", src: open ? blueDropdownArrowIcon : downArrowIcon, alt: "arrow", sx: Object.assign({ width: 16, height: 16 }, (open && { width: 12, height: 12, padding: '2px' })) }) }))), isClearButtonVisible && (_jsx(Box, Object.assign({ sx: { width: 16, height: 16, display: 'flex', alignItems: 'center', position: 'absolute', right: 8, cursor: 'pointer' } }, { children: _jsx(Box, { component: "img", src: closeXIcon, alt: "clear", onClick: onClear }) }))), _jsx(Popover, Object.assign({ open: open, anchorEl: anchorEl, sx: { width: anchorEl === null || anchorEl === void 0 ? void 0 : anchorEl.clientWidth }, onClose: onClose, anchorOrigin: {
-                    vertical: 'bottom',
-                    horizontal: 'left',
-                }, slotProps: {
-                    paper: {
-                        style: { width: anchorEl === null || anchorEl === void 0 ? void 0 : anchorEl.clientWidth, maxWidth: 'unset' },
-                    },
-                } }, { children: _jsx(ListWrapper, Object.assign({ sx: listWrapperSx }, { children: children })) }))] })));
-}
-export default memo(SelectDropdown);

package/build/components/SelectDropdown/style.js

@@ -1,18 +0,0 @@
-import Box from '@mui/material/Box';
-import { styled } from '@mui/material/styles';
-import Text from '../Text';
-export const HeaderWrapper = styled(Box, { shouldForwardProp: (props) => props !== 'open' && props !== 'disabled' })(({ theme, open, disabled }) => (Object.assign(Object.assign({ display: 'flex', alignItems: 'center', justifyContent: 'space-between', borderRadius: '4px', background: '#ffffff', cursor: 'pointer', position: 'relative', maxWidth: '100%' }, (open && {
-    borderColor: theme.palette.info.dark,
-    background: theme.palette.common.white,
-})), (disabled && { cursor: 'not-allowed' }))));
-export const ListWrapper = styled(Box)(({ theme }) => ({
-    padding: '4px',
-    borderRadius: '4px',
-    boxShadow: '-26px 156px 44px 0px rgba(0, 0, 0, 0.00), -17px 100px 41px 0px rgba(0, 0, 0, 0.01), -9px 56px 34px 0px rgba(0, 0, 0, 0.05), -4px 25px 25px 0px rgba(0, 0, 0, 0.09), -1px 6px 14px 0px rgba(0, 0, 0, 0.10), 0px 0px 0px 0px rgba(0, 0, 0, 0.10)',
-    backgroundColor: theme.palette.common.white,
-    maxHeight: 400,
-    marginTop: '4px',
-    width: 'auto',
-    overflow: 'auto',
-}));
-export const ItemStyled = styled(Text)(({ theme, selected }) => (Object.assign({ display: 'flex', gap: '8px', alignItems: 'center', fontSize: '10px', fontWeight: 500, color: theme.palette.common.black, cursor: 'pointer', padding: 8, justifyContent: 'space-between' }, (selected && { backgroundColor: '#F8F8F8' }))));

package/build/components/SelectWithSearch/SelectWithSearch.js

@@ -1,61 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useMemo } from 'react';
-import Box from '@mui/material/Box';
-import { searchIcon, closeXIcon, blueCheckIcon } from '../../constants/index.js';
-import { InputStyled, Container, ItemStyled } from './style';
-import { InputBase } from '../InputBase';
-import SelectDropdown from '../SelectDropdown';
-import { CircularProgress } from '@mui/material';
-function SelectWithSearch({ options, onChangeOption, selectedOption, placeholder, label, isLoading, renderOption, iconUrl, disabled, onClearValue, }) {
-    const [anchorEl, setAnchorEl] = useState(null);
-    const [searchValue, setSearchValue] = useState('');
-    const open = Boolean(anchorEl);
-    const openDropdown = (e) => {
-        setAnchorEl(open ? null : e.currentTarget);
-    };
-    const closeDropdown = () => {
-        setAnchorEl(null);
-        setSearchValue('');
-    };
-    const onResetSearch = () => {
-        if (searchValue)
-            setSearchValue('');
-    };
-    const endAdornment = isLoading ? (_jsx(CircularProgress, { size: 16 })) : (_jsx(Box, { component: "img", src: searchValue ? closeXIcon : searchIcon, alt: "search", onClick: onResetSearch }));
-    const filteredOptions = useMemo(() => {
-        if (!searchValue)
-            return options;
-        return options.filter((option) => {
-            var _a, _b;
-            const optionLabel = (_a = option === null || option === void 0 ? void 0 : option.label) === null || _a === void 0 ? void 0 : _a.toLowerCase();
-            const optionValue = (_b = option === null || option === void 0 ? void 0 : option.value) === null || _b === void 0 ? void 0 : _b.toLowerCase();
-            return (optionLabel === null || optionLabel === void 0 ? void 0 : optionLabel.includes(searchValue.toLowerCase())) || (optionValue === null || optionValue === void 0 ? void 0 : optionValue.includes(searchValue.toLowerCase()));
-        });
-    }, [options, searchValue]);
-    const startAdornment = useMemo(() => (_jsx(Box, Object.assign({ sx: { display: 'flex', alignItems: 'center', maxWidth: 16 } }, { children: _jsx(Box, { component: "img", src: iconUrl, alt: "icon", sx: { maxWidth: 12, height: 12 } }) }))), [iconUrl]);
-    return (_jsx(SelectDropdown, Object.assign({ disabled: disabled, open: open, anchorEl: anchorEl, onOpen: (e) => !disabled && openDropdown(e), onClose: closeDropdown, hasValue: !!(selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value), onClear: onClearValue, trigger: _jsx(InputBase, { name: "name", placeholder: "Please Select", hasError: false, label: label, sx: { cursor: 'pointer' }, value: (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.label) || '', InputLabelProps: {
-                filled: !!(selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.label),
-            }, disabled: disabled, InputProps: Object.assign({ disableUnderline: true }, (!!iconUrl && {
-                startAdornment,
-            })) }) }, { children: _jsxs(Container, { children: [_jsx(InputStyled, { placeholder: placeholder || 'Select', endAdornment: endAdornment, onClick: (e) => {
-                        e.stopPropagation();
-                    }, value: searchValue, onChange: (e) => {
-                        setSearchValue(e.target.value);
-                    }, disableUnderline: true, sx: Object.assign(Object.assign({ cursor: 'default', width: '100%', backgroundColor: 'white', border: '1px solid #F2F2F2' }, (options.length && { marginBottom: '4px' })), (searchValue && { cursor: 'pointer' })) }), filteredOptions.map((option) => {
-                    if (renderOption) {
-                        return renderOption(option, { closeDropdown, open });
-                    }
-                    return (_jsxs(ItemStyled, Object.assign({ selected: (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value) === option.value, onClick: (e) => {
-                            e.stopPropagation();
-                            e.preventDefault();
-                            if ((selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value) === option.value) {
-                                onChangeOption(null);
-                            }
-                            else {
-                                onChangeOption(option);
-                            }
-                            closeDropdown();
-                        } }, { children: [_jsx("span", { children: option.label }), (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value) === (option === null || option === void 0 ? void 0 : option.value) && _jsx(Box, { component: "img", src: blueCheckIcon, alt: "close", sx: { width: 10, height: 7.5 } })] }), option.value));
-                })] }) })));
-}
-export default SelectWithSearch;

package/build/components/SelectWithSearch/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';
-import Checkbox from '../Checkbox';
-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: 400,
-    overflow: 'auto',
-    gap: '8px',
-}));
-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 CheckboxStyled = styled(Checkbox)(() => ({
-    padding: 0,
-    width: 12,
-    height: 12,
-    '.MuiSvgIcon-root, img': {
-        width: 12,
-        height: 12,
-    },
-}));
-export const Container = styled(Box)(() => ({
-    display: 'flex',
-    flexDirection: 'column',
-    gap: '8px',
-    padding: '4px',
-}));
-export const SelectedBadgesWrapper = styled(Box)(() => ({
-    display: 'flex',
-    gap: '8px',
-    padding: '4px',
-    flexWrap: 'wrap',
-}));
-export const SelectedBadge = styled(Box)(({ theme }) => ({
-    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',
-}));
-export const ItemStyled = styled(Text)(({ theme, selected }) => (Object.assign({ display: 'flex', gap: '8px', alignItems: 'center', fontSize: '10px', fontWeight: 500, color: theme.palette.common.black, cursor: 'pointer', padding: 8, justifyContent: 'space-between' }, (selected && { backgroundColor: '#F8F8F8' }))));

package/build/components/SelectWithSearch/type.js

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

package/build/components/SimpleDialog/SimpleDialog.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { StyledDialogContent, StyledDialog } from './style';
-export default function SimpleDialog(props) {
-    const { onClose, selectedValue, open, sx } = props;
-    const handleClose = () => {
-        onClose(selectedValue);
-    };
-    return (_jsx(StyledDialog, Object.assign({ onClose: handleClose, open: open, sx: sx }, { children: _jsx(StyledDialogContent, { children: props.children }) })));
-}

package/build/components/SimpleDialog/index.js

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

package/build/components/SimpleDialog/style.js

@@ -1,13 +0,0 @@
-import { DialogContent, styled, Dialog } from '@mui/material';
-export const StyledDialogContent = styled(DialogContent)(({ theme }) => ({
-    padding: theme.spacing(2),
-}));
-export const StyledDialog = styled(Dialog)(({ theme }) => ({
-    '& .MuiDialog-paper': {
-        boxShadow: theme.shadows[13],
-        borderRadius: theme.spacing(1),
-    },
-    '& .MuiModal-backdrop': {
-        background: 'rgba(0, 0, 0, 0.20)',
-    },
-}));

package/build/components/SimpleDialog/type.js

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

package/build/components/Skeleton/Skeleton.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 MuiSkeleton from '@mui/material/Skeleton';
-function Skeleton(_a) {
-    var { variant = 'rounded', height = 16 } = _a, props = __rest(_a, ["variant", "height"]);
-    return _jsx(MuiSkeleton, Object.assign({ variant: variant, height: height }, props));
-}
-export default memo(Skeleton);

package/build/components/SplashScreen/SplashScreen.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { memo } from 'react';
-import Box from '@mui/material/Box';
-import { styled } from '@mui/material/styles';
-import { motion } from 'framer-motion';
-import TapLogo from '../TapLogo';
-import MainContainer from '../MainContainer';
-const Wrapper = styled(Box)(() => ({
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    height: '100vh',
-}));
-function SplashScreen() {
-    return (_jsx(MainContainer, Object.assign({ backgroundGradient: "redPurple" }, { children: _jsx(Wrapper, { children: _jsx(motion.div, Object.assign({ initial: { opacity: 0, scale: 0.5 }, animate: { opacity: 1, scale: 1 }, transition: { duration: 1.5 } }, { children: _jsx(TapLogo, {}) })) }) })));
-}
-export default memo(SplashScreen);