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

package/build/components/FilterDropdown/components/MerchantsFilterItem/MerchantsFilterItem.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { MenuItem, SelectedState, Text, TreeDropdown, TreeManager } from '../../../index.js';
+import { useState, useMemo, useCallback, useRef } from 'react';
+import { useTranslation } from 'react-i18next';
+import { createTreeDefinitions } from './utils';
+import { TreeLevel } from './type';
+import { rightArrow } from '../../../../constants/index.js';
+const MerchantsFilterItem = (props) => {
+    const { brands, isLoading, initialValue, onFilterChange, BrandLogoComponent } = props;
+    const [anchorEl, setAnchorEl] = useState(null);
+    const [merchantSelectStatus, setMerchantSelectStatus] = useState(SelectedState.UNCHECKED);
+    const treeDropdownRef = useRef(null);
+    const open = Boolean(anchorEl);
+    const { t, i18n } = useTranslation();
+    const treeDefinition = useMemo(() => createTreeDefinitions(brands, initialValue, i18n.language), [brands, initialValue, i18n.language]);
+    const brandsTreeItems = treeDefinition.children;
+    const isDisabled = isLoading || !brandsTreeItems.length;
+    const getMerchantSelectStatus = useCallback((selectedTree) => {
+        const checkedBrands = selectedTree.filter((brand) => brand.status === SelectedState.CHECKED);
+        const indeterminateBrands = selectedTree.filter((brand) => brand.status === SelectedState.INDETERMINATE);
+        return checkedBrands.length === brandsTreeItems.length
+            ? SelectedState.CHECKED
+            : indeterminateBrands.length > 0 || checkedBrands.length > 0
+                ? SelectedState.INDETERMINATE
+                : SelectedState.UNCHECKED;
+    }, [brandsTreeItems]);
+    const handleTreeMounted = useCallback(({ selectedTree }) => {
+        setMerchantSelectStatus(getMerchantSelectStatus(selectedTree));
+    }, [getMerchantSelectStatus]);
+    const handleTreeChange = useCallback((nextTree) => {
+        setMerchantSelectStatus(getMerchantSelectStatus(nextTree));
+        const mids = TreeManager.filterNodesByLevelKey(nextTree, TreeLevel.MERCHANT).map(({ id }) => id);
+        onFilterChange === null || onFilterChange === void 0 ? void 0 : onFilterChange(mids);
+    }, [onFilterChange, getMerchantSelectStatus]);
+    const handleClick = useCallback(() => {
+        var _a;
+        (_a = treeDropdownRef.current) === null || _a === void 0 ? void 0 : _a.toggleAll(merchantSelectStatus !== SelectedState.CHECKED);
+    }, [merchantSelectStatus]);
+    return (_jsxs(MenuItem, Object.assign({ isSelected: merchantSelectStatus === SelectedState.CHECKED, isIndeterminate: merchantSelectStatus === SelectedState.INDETERMINATE, isDisabled: isDisabled, onMouseEnter: (e) => setAnchorEl(e.currentTarget), onMouseLeave: () => setAnchorEl(null), onClick: handleClick, sx: Object.assign(Object.assign({ maxHeight: 36, minHeight: 36, padding: '12px 8px 12px 16px' }, (open && { boxShadow: '0px 0px 16px 0px #00000021' })), (isDisabled && {
+            pointerEvents: 'none',
+            opacity: 0.5,
+            cursor: 'default',
+        })) }, { children: [_jsx(Text, Object.assign({ sx: { fontSize: '11px', flex: 1 } }, { children: t('merchant') })), brands.length > 0 && _jsx("img", { src: rightArrow, alt: "arrow", style: { height: 12 } }), !isLoading && (_jsx(TreeDropdown, { ref: treeDropdownRef, placement: "right-start", anchorEl: anchorEl, exposeOnlySelectedTree: true, treeDefinition: treeDefinition, onChange: handleTreeChange, onMounted: handleTreeMounted, IconComponent: BrandLogoComponent }))] })));
+};
+export default MerchantsFilterItem;

package/build/components/FilterDropdown/components/MerchantsFilterItem/index.js

@@ -0,0 +1,4 @@
+import MerchantsFilterItem from './MerchantsFilterItem';
+export * from './type';
+export * from './utils';
+export default MerchantsFilterItem;

package/build/components/FilterDropdown/components/MerchantsFilterItem/type.js

@@ -0,0 +1,7 @@
+export var TreeLevel;
+(function (TreeLevel) {
+    TreeLevel["BRAND"] = "BRAND";
+    TreeLevel["COUNTRY"] = "COUNTRY";
+    TreeLevel["ENTITY"] = "ENTITY";
+    TreeLevel["MERCHANT"] = "MERCHANT";
+})(TreeLevel || (TreeLevel = {}));

package/build/components/FilterDropdown/components/MerchantsFilterItem/utils.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { CountryFlag, SelectedState } from '../../../index.js';
+import { getNameText } from '../../../../utils/index.js';
+import { TreeLevel } from './type';
+export const ID_SEPERATOR = '/';
+export const generateIdFromParts = (...args) => args.join(ID_SEPERATOR);
+export const createTreeDefinitions = (brands, selectedMerchantIds, language) => {
+    const children = brands.map((brand) => {
+        var _a, _b;
+        const entities = (_a = brand.entities) !== null && _a !== void 0 ? _a : [];
+        // level 2: unique countries per brand
+        const countries = Array.from(new Set(entities.map((entity) => entity.country).filter(Boolean)));
+        const countryNodes = countries.map((countryCode) => {
+            const entitiesInCountry = entities.filter((entity) => entity.country === countryCode);
+            // level 3: entities per country
+            const entityNodes = entitiesInCountry.map((entity) => {
+                var _a, _b;
+                const merchants = (_a = entity.merchants) !== null && _a !== void 0 ? _a : [];
+                // level 4: merchants per entity
+                const merchantNodes = merchants.map((merchant) => ({
+                    id: merchant.legacy_id,
+                    label: merchant.display_name,
+                    levelKey: TreeLevel.MERCHANT,
+                    status: selectedMerchantIds.includes(merchant.legacy_id) ? SelectedState.CHECKED : SelectedState.UNCHECKED,
+                    hintText: merchant.legacy_id,
+                }));
+                return Object.assign({ id: generateIdFromParts(brand.id, countryCode, entity.id), label: (_b = getNameText(entity.legal_name, language)) !== null && _b !== void 0 ? _b : entity.id, levelKey: TreeLevel.ENTITY, children: merchantNodes, header: 'Merchants' }, (merchantNodes.length > 10 && {
+                    searchProps: {
+                        getValues: (item) => [item.label, item.id],
+                    },
+                }));
+            });
+            return Object.assign({ id: generateIdFromParts(brand.id, countryCode), label: countryCode, levelKey: TreeLevel.COUNTRY, children: entityNodes, header: 'Entities', iconComponent: _jsx(CountryFlag, { countryCode: countryCode, width: 14 }) }, (entityNodes.length > 10 && {
+                searchProps: {
+                    getValues: (item) => [item.label, item.id],
+                },
+            }));
+        });
+        return {
+            id: brand.id,
+            label: (_b = getNameText(brand.name, language)) !== null && _b !== void 0 ? _b : brand.id,
+            levelKey: TreeLevel.BRAND,
+            children: countryNodes,
+            header: 'Countries',
+            icon: {
+                fileId: brand.logo,
+            },
+        };
+    });
+    return Object.assign({ levelKey: TreeLevel.BRAND, children, header: 'Brands' }, (children.length > 10 && {
+        searchProps: {
+            getValues: (item) => [item.label, item.id],
+        },
+    }));
+};

package/build/components/FilterDropdown/components/RetailersItem/RetailersItem.js

@@ -0,0 +1,68 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Menu, MenuItem, Text, SearchListInput } from '../../../index.js';
+import { rightArrow } from '../../../../constants/index.js';
+import { memo, useCallback, useMemo, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { RetailerName } from './style';
+function RetailersItem({ retailersIds = [], isLoading, retailers = [], onFilterChange, atLeastOneRetailerSelected = false, showSearchInput = false, hideCheckbox = false, }) {
+    const [anchorEl, setAnchorEl] = useState(null);
+    const open = Boolean(anchorEl);
+    const { t, i18n } = useTranslation();
+    const [searchInputValue, setSearchInputValue] = useState('');
+    const onOpen = (e) => {
+        setAnchorEl(e.currentTarget);
+    };
+    const onClose = () => {
+        setAnchorEl(null);
+    };
+    const isRetailerSelected = useCallback((retailerId) => retailersIds === null || retailersIds === void 0 ? void 0 : retailersIds.includes(retailerId), [retailersIds]);
+    const isAllSelected = useMemo(() => {
+        if (!retailers.length)
+            return false;
+        return retailers.every((retailer) => isRetailerSelected(retailer.id));
+    }, [retailers, isRetailerSelected, hideCheckbox]);
+    const isSomeSelected = useMemo(() => !isAllSelected && retailersIds.length > 0, [retailersIds, isAllSelected]);
+    const onClick = () => {
+        if (isAllSelected && !atLeastOneRetailerSelected) {
+            onFilterChange === null || onFilterChange === void 0 ? void 0 : onFilterChange([]);
+            return;
+        }
+        onFilterChange === null || onFilterChange === void 0 ? void 0 : onFilterChange(retailers.map((brand) => brand.id));
+    };
+    const isLastRetailerToBeDisabled = (currMid) => {
+        return retailersIds.length === 1 && retailersIds[0] === currMid && atLeastOneRetailerSelected;
+    };
+    const onClickRetailer = (e, retailerId) => {
+        e.stopPropagation();
+        if (isLastRetailerToBeDisabled(retailerId))
+            return;
+        if (isRetailerSelected(retailerId)) {
+            onFilterChange === null || onFilterChange === void 0 ? void 0 : onFilterChange(retailersIds.filter((retailer) => retailer !== retailerId));
+            return;
+        }
+        const uniqueMids = [...new Set([...retailersIds, retailerId])];
+        onFilterChange === null || onFilterChange === void 0 ? void 0 : onFilterChange(uniqueMids);
+    };
+    const isDisabled = isLoading || !(retailers === null || retailers === void 0 ? void 0 : retailers.length);
+    const handleSearchInputChange = (value) => {
+        setSearchInputValue(value);
+    };
+    const handleSearchInputReset = () => {
+        setSearchInputValue('');
+    };
+    const filteredRetailers = useMemo(() => {
+        if (!(searchInputValue === null || searchInputValue === void 0 ? void 0 : searchInputValue.trim()))
+            return retailers;
+        return retailers === null || retailers === void 0 ? void 0 : retailers.filter((retailer) => { var _a, _b, _c, _d, _e, _f; return ((_f = (_c = (_b = (_a = retailer === null || retailer === void 0 ? void 0 : retailer.brand) === null || _a === void 0 ? void 0 : _a.name) === null || _b === void 0 ? void 0 : _b[i18n.language]) !== null && _c !== void 0 ? _c : (_e = (_d = retailer === null || retailer === void 0 ? void 0 : retailer.brand) === null || _d === void 0 ? void 0 : _d.name) === null || _e === void 0 ? void 0 : _e.en) !== null && _f !== void 0 ? _f : '').toLowerCase().includes(searchInputValue.trim().toLowerCase()); });
+    }, [searchInputValue, retailers, i18n.language]);
+    const displayedRetailers = useMemo(() => (showSearchInput ? filteredRetailers : retailers), [filteredRetailers, retailers, showSearchInput]);
+    return (_jsxs(MenuItem, Object.assign({ isDisabled: isDisabled, 
+        // TODO: the checkbox ui should be controlled using a state not through the isAllSelected variable
+        isSelected: isAllSelected, hideCheckbox: hideCheckbox, isIndeterminate: isSomeSelected, sx: Object.assign(Object.assign({ maxHeight: 35, minHeight: 35, padding: '12px 8px 12px 16px' }, (open && { boxShadow: '0px 0px 16px 0px #00000021' })), (isDisabled && { opacity: 0.5, pointerEvents: 'none', cursor: 'default' })), onMouseEnter: onOpen, onMouseLeave: onClose, onClick: onClick }, { children: [_jsx(Text, Object.assign({ sx: { fontSize: '11px', flex: 1 } }, { children: t('retailers') })), (retailers === null || retailers === void 0 ? void 0 : retailers.length) > 0 && _jsx("img", { src: rightArrow, alt: "arrow", style: { height: 12 } }), _jsxs(Menu, Object.assign({ open: open, anchorEl: anchorEl, placement: "right-start", sx: { height: 300, width: 200, overflow: 'auto' } }, { children: [showSearchInput && (_jsx(SearchListInput, { placeholder: "Retailers", name: "retailers", value: searchInputValue, onSearchChange: handleSearchInputChange, onSearchReset: handleSearchInputReset, sx: { px: '8px' } })), displayedRetailers === null || displayedRetailers === void 0 ? void 0 : displayedRetailers.map((retailer, index) => {
+                        var _a, _b, _c, _d, _e;
+                        return (_jsx(MenuItem, Object.assign({ isSelected: isRetailerSelected(retailer.id), isDisabled: isLoading || isLastRetailerToBeDisabled(retailer.id), onClick: (e) => {
+                                onClickRetailer(e, retailer.id);
+                            }, sx: { maxHeight: 35, minHeight: 35 } }, { children: _jsx(RetailerName, { children: (_c = (_b = (_a = retailer === null || retailer === void 0 ? void 0 : retailer.brand) === null || _a === void 0 ? void 0 : _a.name) === null || _b === void 0 ? void 0 : _b[i18n.language]) !== null && _c !== void 0 ? _c : (_e = (_d = retailer === null || retailer === void 0 ? void 0 : retailer.brand) === null || _d === void 0 ? void 0 : _d.name) === null || _e === void 0 ? void 0 : _e.en }) }), `key-${retailer === null || retailer === void 0 ? void 0 : retailer.id}-${index}`));
+                    })] }))] })));
+}
+export default memo(RetailersItem);

package/build/components/FilterDropdown/components/RetailersItem/index.js

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

package/build/components/FilterDropdown/components/RetailersItem/style.js

@@ -0,0 +1,8 @@
+import Box from '@mui/material/Box';
+import { styled } from '@mui/material/styles';
+export const RetailerName = styled(Box)(() => ({
+    whiteSpace: 'nowrap',
+    overflow: 'hidden',
+    textOverflow: 'ellipsis',
+    maxWidth: '164px',
+}));

package/build/components/FilterDropdown/components/index.js

@@ -0,0 +1,6 @@
+export { default as MerchantItem } from './MerchantItem';
+export { default as RetailersItem } from './RetailersItem';
+export { default as CountriesItem } from './CountriesItem';
+export { default as CurrenciesItem } from './CurrenciesItem';
+export { default as MerchantsFilterItem } from './MerchantsFilterItem';
+export * from './MerchantsFilterItem';

package/build/components/FilterDropdown/index.js

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

package/build/components/FilterDropdown/style.js

@@ -0,0 +1,73 @@
+import Box from '@mui/material/Box';
+import { styled } from '@mui/material/styles';
+import Button from '@mui/material/Button';
+import Menu from '@mui/material/Menu';
+import { Text } from '../index.js';
+export const FilterButton = styled(Box, { shouldForwardProp: (props) => props !== 'isActive' })(({ theme, isActive }) => (Object.assign({ borderRadius: '4px', border: `1px solid ${theme.palette.divider}`, minHeight: 32, minWidth: 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 StyledMenu = styled(Menu)(({ theme }) => ({
+    marginTop: theme.spacing(1),
+    marginBottom: theme.spacing(1),
+    minWidth: 193,
+    '& .MuiPaper-root': {
+        borderRadius: theme.spacing(0.5),
+        '&>.MuiList-root': {
+            padding: 0,
+        },
+    },
+}));
+export const TitleStyled = styled(Text)(({ theme }) => ({
+    fontWeight: theme.typography.fontWeightMedium,
+    fontSize: theme.typography.subtitle1.fontSize,
+    color: theme.palette.grey[700],
+    paddingInlineStart: theme.spacing(2),
+    paddingTop: theme.spacing(1),
+    paddingBottom: theme.spacing(1),
+    paddingInlineEnd: theme.spacing(1),
+    borderBottom: `1px solid ${theme.palette.divider}`,
+    display: 'block',
+}));
+export const Footer = styled(Box)(({ theme }) => ({
+    padding: '8px 16px',
+    display: 'flex',
+    gap: '8px',
+    justifyContent: 'flex-end',
+    backgroundColor: theme.palette.common.white,
+    borderTop: `1px solid ${theme.palette.divider}`,
+}));
+export const OkayButton = styled(Button)(({ theme }) => ({
+    textTransform: 'capitalize',
+    minWidth: 'auto',
+    width: 70,
+    borderRadius: '4px',
+    border: `1px solid ${theme.palette.info.dark}`,
+    backgroundColor: theme.palette.info.dark,
+    fontWeight: 700,
+    fontSize: '11px',
+    color: theme.palette.common.white,
+    '&:hover': {
+        backgroundColor: theme.palette.info.dark,
+    },
+    '&.Mui-disabled': {
+        color: '#fff !important',
+        opacity: 0.5,
+    },
+}));
+export const CancelButton = styled(Button)(({ theme }) => ({
+    textTransform: 'capitalize',
+    minWidth: 'auto',
+    width: 70,
+    borderRadius: '4px',
+    border: `1px solid ${theme.palette.divider}`,
+    backgroundColor: theme.palette.common.white,
+    fontWeight: 500,
+    fontSize: '11px',
+    color: theme.palette.text.primary,
+    '&:hover': {
+        background: 'transparent',
+    },
+}));

package/build/components/FilterDropdown/type.js

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

package/build/components/FilteredIds/FilteredIds.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from 'react';
+import { whiteCloseIcon } from '../../constants/index.js';
+import { FilteredIdsContainer } from './style';
+import StyledBadge, { BadgeVariants } from '../CountBadge';
+import { StyledFilterName } from '../StatusButton/style';
+function FilteredIds({ Ids, onCancelClick, isShown, cardNumber }) {
+    var _a;
+    if (!isShown)
+        return null;
+    return (_jsxs(FilteredIdsContainer, Object.assign({ isLongerString: ((_a = cardNumber === null || cardNumber === void 0 ? void 0 : cardNumber.length) !== null && _a !== void 0 ? _a : 0) > 11 }, { children: [cardNumber ? _jsx(StyledFilterName, { children: cardNumber }) : _jsx("span", { children: Ids === null || Ids === void 0 ? void 0 : Ids.join(',') }), _jsx(StyledBadge, Object.assign({ pointer: true, round: true, onClick: onCancelClick, variant: BadgeVariants.ACTIVE, sx: { position: 'absolute', right: '8px' } }, { children: _jsx("img", { src: whiteCloseIcon, alt: "close", style: {
+                        width: '8px',
+                        height: '7px',
+                    } }) }))] })));
+}
+export default memo(FilteredIds);

package/build/components/FilteredIds/index.js

@@ -1 +1,2 @@
-export{a as default}from'../../chunk-YVHYNRRL.js';import'../../chunk-YLE4Q6WH.js';import'../../chunk-D5EB3ZRT.js';import'../../chunk-2T2Z5RPJ.js';import'../../chunk-E6XVMA37.js';import'../../chunk-GMRNI4U5.js';import'../../chunk-DQLGJFLX.js';import'../../chunk-EDMW226P.js';import'../../chunk-7IW25XZP.js';import'../../chunk-OYEIM6ED.js';import'../../chunk-RWXGVZUC.js';
+import FilteredIds from './FilteredIds';
+export default FilteredIds;

package/build/components/FilteredIds/style.js

@@ -0,0 +1,33 @@
+import { Box, styled } from '@mui/material';
+export const FilteredIdsContainer = styled(Box, {
+    shouldForwardProp: (props) => props !== 'isLongerString',
+})(({ theme, isLongerString }) => ({
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'center',
+    padding: '6px 16px',
+    height: '32px',
+    background: theme.palette.background.gradient.shadedBlue,
+    color: theme.palette.common.white,
+    borderRadius: '50px',
+    fontSize: '11px',
+    gap: theme.spacing(1),
+    minWidth: isLongerString ? '12rem' : '8.4rem',
+    marginRight: 'auto',
+    position: 'relative',
+}));
+export const ImageWrapper = styled('div')(() => ({
+    padding: '3.5px',
+    background: 'rgba(32, 35, 43, 0.10);',
+    display: 'flex',
+    borderRadius: '50px',
+}));
+export const StyledStatusButton = styled('button')(() => ({
+    padding: 0,
+    cursor: 'pointer',
+    width: 'auto',
+    marginLeft: 'auto',
+    paddingRight: 0,
+    background: 'none',
+    border: 'none',
+}));

package/build/components/FilteredIds/type.js

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

package/build/components/Filters/index.js

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

package/build/components/Filters/style.js

@@ -0,0 +1,51 @@
+import { Box, Button, styled } from '@mui/material';
+import { Text } from '../index.js';
+export const FilterTitle = styled(Text)(({ theme }) => ({
+    fontWeight: theme.typography.fontWeightMedium,
+    fontSize: theme.typography.subtitle1.fontSize,
+    color: theme.palette.grey[700],
+    paddingInlineStart: theme.spacing(2),
+    paddingTop: theme.spacing(1),
+    paddingBottom: theme.spacing(1),
+    paddingInlineEnd: theme.spacing(1),
+    borderBottom: `1px solid ${theme.palette.divider}`,
+}));
+export const FilterFooter = styled(Box)(({ theme }) => ({
+    padding: '8px 16px',
+    display: 'flex',
+    gap: '8px',
+    justifyContent: 'center',
+    position: 'sticky',
+    bottom: 0,
+    backgroundColor: 'white',
+    zIndex: 99999,
+    borderTop: `1px solid ${theme.palette.divider}`,
+}));
+export const FilterOkayButton = styled(Button)(({ theme }) => ({
+    textTransform: 'capitalize',
+    minWidth: 'auto',
+    width: 74,
+    borderRadius: '4px',
+    border: `1px solid ${theme.palette.info.dark}`,
+    backgroundColor: theme.palette.info.dark,
+    fontWeight: 700,
+    fontSize: '11px',
+    color: theme.palette.common.white,
+    '&:hover': {
+        backgroundColor: theme.palette.info.dark,
+    },
+}));
+export const FilterCancelButton = styled(Button)(({ theme }) => ({
+    textTransform: 'capitalize',
+    minWidth: 'auto',
+    width: 74,
+    borderRadius: '4px',
+    border: `1px solid ${theme.palette.divider}`,
+    backgroundColor: theme.palette.common.white,
+    fontWeight: 500,
+    fontSize: '11px',
+    color: theme.palette.text.primary,
+    '&:hover': {
+        background: 'transparent',
+    },
+}));

package/build/components/FlagDetails/FlagDetails.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import dayjs from 'dayjs';
+import { RefundTooltipView } from '../TableCells';
+import { formatFlagDate, formatPayoutDate } from '../../utils/index.js';
+function FlagDetails({ flags }) {
+    const isAllFlagsClosed = flags === null || flags === void 0 ? void 0 : flags.every((flag) => flag.status === 'CLEARED');
+    const openedFlags = (flags === null || flags === void 0 ? void 0 : flags.filter((flag) => flag.status === 'OPEN')) || [];
+    const holdFlags = (openedFlags === null || openedFlags === void 0 ? void 0 : openedFlags.filter((flag) => flag.ishold)) || [];
+    const firstOpenFlag = openedFlags === null || openedFlags === void 0 ? void 0 : openedFlags[0];
+    const firstHoldFlag = holdFlags === null || holdFlags === void 0 ? void 0 : holdFlags[0];
+    const renderFlagTooltip = () => {
+        var _a;
+        if (isAllFlagsClosed) {
+            return _jsx("div", { children: "Previously Flagged & Closed" });
+        }
+        if (openedFlags.length === 1 && ((_a = openedFlags === null || openedFlags === void 0 ? void 0 : openedFlags[0]) === null || _a === void 0 ? void 0 : _a.ishold)) {
+            return _jsx("div", { children: `Flagged & Balance Held ${formatPayoutDate(firstHoldFlag === null || firstHoldFlag === void 0 ? void 0 : firstHoldFlag.created)}` });
+        }
+        if (openedFlags.length > 1 && (holdFlags === null || holdFlags === void 0 ? void 0 : holdFlags.length) > 0) {
+            const isTheSameFlag = (firstOpenFlag === null || firstOpenFlag === void 0 ? void 0 : firstOpenFlag.id) === (firstHoldFlag === null || firstHoldFlag === void 0 ? void 0 : firstHoldFlag.id);
+            const isSameDay = dayjs(firstOpenFlag === null || firstOpenFlag === void 0 ? void 0 : firstOpenFlag.created).isSame(firstHoldFlag === null || firstHoldFlag === void 0 ? void 0 : firstHoldFlag.created);
+            return isTheSameFlag ? (_jsx("div", { children: `Flagged & Balance Held ${formatFlagDate(firstHoldFlag === null || firstHoldFlag === void 0 ? void 0 : firstHoldFlag.created)}` })) : (_jsxs("div", { children: [_jsx("div", { children: `Flagged ${formatFlagDate(firstOpenFlag === null || firstOpenFlag === void 0 ? void 0 : firstOpenFlag.created)}` }), _jsxs("div", { children: ["& Balance Held ", formatFlagDate(firstHoldFlag === null || firstHoldFlag === void 0 ? void 0 : firstHoldFlag.created, isSameDay)] })] }));
+        }
+        if (!isAllFlagsClosed && openedFlags.length > 1) {
+            return (_jsxs("div", { children: [`Flagged ${formatFlagDate(firstOpenFlag === null || firstOpenFlag === void 0 ? void 0 : firstOpenFlag.created)}`, " - ", _jsx(RefundTooltipView, { children: "View" })] }));
+        }
+        return _jsx("div", { children: `Flagged ${formatFlagDate(firstOpenFlag === null || firstOpenFlag === void 0 ? void 0 : firstOpenFlag.created)}` });
+    };
+    return renderFlagTooltip();
+}
+export default FlagDetails;

package/build/components/FlagDetails/index.js

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

package/build/components/FlippingCard/FlippingCard.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Box from '@mui/material/Box';
+import { motion } from 'framer-motion';
+import { Wrapper } from './style';
+export default function FlippingCard({ frontCard, backCard, isFlipped }) {
+    return (_jsx(Wrapper, { children: _jsx(motion.div, Object.assign({ className: "card-container" }, { children: _jsxs(motion.div, Object.assign({ className: "card", animate: { rotateY: isFlipped ? 180 : 0 }, transition: { duration: 0.8 } }, { children: [_jsx(motion.div, Object.assign({ className: "card-front" }, { children: _jsx(Box, { children: frontCard }) })), _jsx(motion.div, Object.assign({ className: "card-back" }, { children: _jsx(Box, { children: backCard }) }))] })) })) }));
+}

package/build/components/FlippingCard/index.js

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

package/build/components/FlippingCard/style.js

@@ -0,0 +1,26 @@
+import { styled } from '@mui/material/styles';
+import { motion } from 'framer-motion';
+export const Wrapper = styled(motion.div)(() => ({
+    width: '100%',
+    height: '100%',
+    '.card-front > div, .card-back > div, .card-container': { width: 'inherit', height: 'inherit' },
+    '.card-container': { perspective: '1000px' },
+    '.card': {
+        width: '100%',
+        height: '100%',
+        position: 'relative',
+        transformStyle: 'preserve-3d',
+    },
+    '.card-front, .card-back': {
+        position: 'absolute',
+        backfaceVisibility: 'hidden',
+        width: '100%',
+        height: '100%',
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    '.card-back': {
+        transform: 'rotateY(180deg)',
+    },
+}));

package/build/components/HeatMap/HeatMap.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { StyledGrid, StyledXLabel, StyledValue, StyledYLabel, Wrapper } from './style';
+import Skeleton from '../Skeleton';
+import Tooltip from '../Tooltip';
+export default function HeatMap({ xAxis, yAxis, series, isLoading, tooltip }) {
+    const xLabels = xAxis.labels;
+    const yLabels = yAxis.labels;
+    return (_jsxs(Wrapper, { children: [_jsxs(StyledGrid, Object.assign({ rows: yLabels.length, columns: 1 }, { children: [_jsx("span", {}), yLabels.map((label, index) => (_jsx(StyledYLabel, Object.assign({ sx: {
+                            minWidth: '25px',
+                        } }, { children: yAxis.render ? yAxis.render(label) : label }), `${index}-${label}`)))] })), _jsxs(StyledGrid, Object.assign({ rows: yLabels.length, columns: xLabels.length }, { children: [xLabels.map((label, index) => (_jsx(StyledXLabel, { children: xAxis.render ? xAxis.render(label) : label }, `${index}-${label}`))), yLabels.map((yKey) => {
+                        return xLabels.map((xKey, index) => {
+                            var _a, _b;
+                            if (isLoading) {
+                                return _jsx(Skeleton, { variant: "rectangular", width: "24px", height: "8px" }, `${xKey}-${index}`);
+                            }
+                            const data = (_b = (_a = series === null || series === void 0 ? void 0 : series[xKey]) === null || _a === void 0 ? void 0 : _a[yKey]) !== null && _b !== void 0 ? _b : {};
+                            return (_jsx(Tooltip, Object.assign({ title: (tooltip === null || tooltip === void 0 ? void 0 : tooltip.render) && (data === null || data === void 0 ? void 0 : data.value) ? tooltip.render(data, xKey, yKey) : null }, { children: _jsx(StyledValue, { percentage: data === null || data === void 0 ? void 0 : data.colorOpacityDegree }) }), `${xKey}-${index}`));
+                        });
+                    })] }))] }));
+}

package/build/components/HeatMap/constant.js

@@ -0,0 +1 @@
+export const COLOR_OPACITY_DEGREE = [0.06, 0.1, 0.2, 0.3, 0.4, 0.5, 0.6, 0.7, 0.8, 0.9, 1.0]; // 0 - 10 so we have a fixed color degrees as per the design

package/build/components/HeatMap/index.js

@@ -1 +1,3 @@
-export{b as default,a as getColorOpacityDegree}from'../../chunk-QFMHEDCR.js';import'../../chunk-34II3WB7.js';import'../../chunk-E6XVMA37.js';import'../../chunk-RWXGVZUC.js';
+import HeatMap from './HeatMap';
+export { getColorOpacityDegree } from './utils';
+export default HeatMap;

package/build/components/HeatMap/style.js

@@ -0,0 +1,34 @@
+import Box from '@mui/material/Box';
+import { alpha, styled } from '@mui/material/styles';
+export const StyledGrid = styled(Box)(({ rows, columns }) => ({
+    display: 'grid',
+    gridTemplateColumns: `repeat(${columns}, 1fr)`,
+    gridTemplateRows: `repeat(${rows}, 1fr)`,
+    gap: '6px',
+}));
+export const StyledXLabel = styled(Box)(({ theme }) => ({
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'center',
+    textAlign: 'center',
+    fontSize: '10px',
+    fontWeight: 500,
+    color: theme.palette.grey[700],
+    lineHeight: '100%',
+    letterSpacing: '0',
+}));
+export const StyledValue = styled(Box)(({ theme, percentage = 0 }) => ({
+    width: '24px',
+    height: '8px',
+    borderRadius: '1px',
+    backgroundColor: percentage === 0 ? alpha(theme.palette.grey[700], 0.1) : alpha(theme.palette.info.dark, percentage),
+}));
+export const StyledYLabel = styled(StyledXLabel)(() => ({
+    fontSize: '9px',
+}));
+export const Wrapper = styled(Box)(() => ({
+    display: 'flex',
+    flexDirection: 'row',
+    gap: '10px',
+    padding: '22px 12px',
+}));

package/build/components/HeatMap/type.js

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

package/build/components/HeatMap/utils.js

@@ -0,0 +1,9 @@
+import { COLOR_OPACITY_DEGREE } from './constant';
+export function getColorOpacityDegree(value, min, max) {
+    if (min === max)
+        return 0;
+    const range = max - min;
+    const normalized = (value - min) / range;
+    const index = Math.floor(normalized * 10);
+    return COLOR_OPACITY_DEGREE[Math.max(0, Math.min(10, index))];
+}

package/build/components/IOSSwitch/IOSSwitch.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo } from 'react';
+import { SwitchStyled } from './styles';
+function IOSSwitch(props) {
+    return _jsx(SwitchStyled, Object.assign({ focusVisibleClassName: ".Mui-focusVisible", disableRipple: true }, props));
+}
+export default memo(IOSSwitch);

package/build/components/IOSSwitch/index.js

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