@lifi/widget 3.7.0-beta.8 → 3.8.0-beta.0

package/dist/esm/components/PoweredBy/PoweredBy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PoweredBy.js","sourceRoot":"","sources":["../../../../src/components/PoweredBy/PoweredBy.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAA;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAE3C,MAAM,CAAC,MAAM,SAAS,GAAa,GAAG,EAAE;IACtC,OAAO,CACL,KAAC,GAAG,IACF,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,IAAI,EAAE,CAAC,EACP,EAAE,EAAE;YACF,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,UAAU;YACtB,cAAc,EAAE,UAAU;SAC3B,YAED,KAAC,OAAO,IAAC,KAAK,EAAE,IAAI,OAAO,EAAE,EAAE,UAAU,EAAE,IAAI,YAC7C,MAAC,IAAI,IACH,IAAI,EAAC,eAAe,EACpB,MAAM,EAAC,QAAQ,EACf,SAAS,EAAC,MAAM,EAChB,KAAK,EAAC,cAAc,aAEpB,KAAC,UAAU,IACT,KAAK,EAAC,gBAAgB,EACtB,QAAQ,EAAE,EAAE,EACZ,UAAU,EAAE,GAAG,EACf,EAAE,EAAE,GAAG,2BAGI,EACb,KAAC,UAAU,IAAC,KAAK,EAAC,cAAc,EAAC,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,sBAEjD,IACR,GACC,GACN,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/PoweredBy/PoweredBy.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PoweredBy.style.js","sourceRoot":"","sources":["../../../../src/components/PoweredBy/PoweredBy.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAEvD,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAClD,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,MAAM,EAAE,MAAM;IACd,QAAQ,EAAE;QACR,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;KAClC;CACF,CAAC,CAAC,CAAA"}

package/dist/esm/components/ProgressToNextUpdate.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, CircularProgress, IconButton, Tooltip } from '@mui/material';
+import { useEffect, useState } from 'react';
+import { Trans } from 'react-i18next';
+const getProgressValue = (updatedAt, timeToUpdate) => updatedAt ? Math.min(100, ((Date.now() - updatedAt) / timeToUpdate) * 100) : 0;
+const getSecondsToUpdate = (updatedAt, timeToUpdate) => Math.max(Math.round((timeToUpdate - (Date.now() - updatedAt)) / 1000), 0);
+export const ProgressToNextUpdate = ({ updatedAt, timeToUpdate, isLoading, onClick, ...other }) => {
+    const [value, setValue] = useState(() => getProgressValue(updatedAt, timeToUpdate));
+    useEffect(() => {
+        setValue(getProgressValue(updatedAt, timeToUpdate));
+        const id = setInterval(() => {
+            const time = getProgressValue(updatedAt, timeToUpdate);
+            setValue(time);
+            if (time >= 100) {
+                clearInterval(id);
+            }
+        }, 1000);
+        return () => clearInterval(id);
+    }, [timeToUpdate, updatedAt]);
+    useEffect(() => {
+        if (isLoading) {
+            setValue(0);
+        }
+    }, [isLoading]);
+    return (_jsx(IconButton, { onClick: onClick, disabled: isLoading, ...other, children: _jsx(Tooltip, { title: _jsx(Trans, { i18nKey: "tooltip.progressToNextUpdate", values: {
+                    value: getSecondsToUpdate(updatedAt, timeToUpdate),
+                }, 
+                // biome-ignore lint/correctness/useJsxKeyInIterable:
+                components: [_jsx("br", {})] }), children: _jsxs(Box, { sx: {
+                    display: 'grid',
+                    position: 'relative',
+                    placeItems: 'center',
+                    width: 24,
+                    height: 24,
+                }, children: [_jsx(CircularProgress, { variant: "determinate", size: 24, value: 100, sx: (theme) => ({
+                            position: 'absolute',
+                            color: theme.palette.mode === 'light'
+                                ? theme.palette.grey[300]
+                                : theme.palette.grey[800],
+                        }) }), _jsx(CircularProgress, { variant: isLoading ? 'indeterminate' : 'determinate', size: 24, value: value, sx: (theme) => ({
+                            opacity: value === 100 && !isLoading ? 0.5 : 1,
+                            color: theme.palette.mode === 'light'
+                                ? theme.palette.primary.main
+                                : theme.palette.primary.light,
+                        }) })] }) }) }));
+};
+//# sourceMappingURL=ProgressToNextUpdate.js.map

package/dist/esm/components/ProgressToNextUpdate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressToNextUpdate.js","sourceRoot":"","sources":["../../../src/components/ProgressToNextUpdate.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/ReverseTokensButton/ReverseTokensButton.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ArrowDownward, ArrowForward } from '@mui/icons-material';
+import { useAvailableChains } from '../../hooks/useAvailableChains.js';
+import { useToAddressReset } from '../../hooks/useToAddressReset.js';
+import { useFieldActions } from '../../stores/form/useFieldActions.js';
+import { IconCard, ReverseContainer } from './ReverseTokensButton.style.js';
+export const ReverseTokensButton = ({ vertical, }) => {
+    const { setFieldValue, getFieldValues } = useFieldActions();
+    const { getChainById } = useAvailableChains();
+    const { tryResetToAddress } = useToAddressReset();
+    const handleClick = () => {
+        const [fromChainId, fromToken, toChainId, toToken] = getFieldValues('fromChain', 'fromToken', 'toChain', 'toToken');
+        setFieldValue('fromAmount', '', { isTouched: true });
+        setFieldValue('fromChain', toChainId, { isTouched: true });
+        setFieldValue('fromToken', toToken, { isTouched: true });
+        setFieldValue('toChain', fromChainId, { isTouched: true });
+        setFieldValue('toToken', fromToken, { isTouched: true });
+        // fromChainId becomes toChainId after using reverse
+        const toChain = getChainById(fromChainId);
+        if (toChain) {
+            tryResetToAddress(toChain);
+        }
+    };
+    return (_jsx(ReverseContainer, { children: _jsx(IconCard, { onClick: handleClick, children: vertical ? (_jsx(ArrowDownward, { fontSize: "inherit" })) : (_jsx(ArrowForward, { fontSize: "inherit" })) }) }));
+};
+//# sourceMappingURL=ReverseTokensButton.js.map

package/dist/esm/components/ReverseTokensButton/ReverseTokensButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReverseTokensButton.js","sourceRoot":"","sources":["../../../../src/components/ReverseTokensButton/ReverseTokensButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AACjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAA;AACtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAA;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAA;AACtE,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAA;AAE3E,MAAM,CAAC,MAAM,mBAAmB,GAAqC,CAAC,EACpE,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,EAAE,aAAa,EAAE,cAAc,EAAE,GAAG,eAAe,EAAE,CAAA;IAC3D,MAAM,EAAE,YAAY,EAAE,GAAG,kBAAkB,EAAE,CAAA;IAC7C,MAAM,EAAE,iBAAiB,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEjD,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,MAAM,CAAC,WAAW,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC,GAAG,cAAc,CACjE,WAAW,EACX,WAAW,EACX,SAAS,EACT,SAAS,CACV,CAAA;QACD,aAAa,CAAC,YAAY,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAA;QACpD,aAAa,CAAC,WAAW,EAAE,SAAS,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAA;QAC1D,aAAa,CAAC,WAAW,EAAE,OAAO,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAA;QACxD,aAAa,CAAC,SAAS,EAAE,WAAW,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAA;QAC1D,aAAa,CAAC,SAAS,EAAE,SAAS,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAA;QAExD,oDAAoD;QACpD,MAAM,OAAO,GAAG,YAAY,CAAC,WAAW,CAAC,CAAA;QACzC,IAAI,OAAO,EAAE,CAAC;YACZ,iBAAiB,CAAC,OAAO,CAAC,CAAA;QAC5B,CAAC;IACH,CAAC,CAAA;IACD,OAAO,CACL,KAAC,gBAAgB,cACf,KAAC,QAAQ,IAAC,OAAO,EAAE,WAAW,YAC3B,QAAQ,CAAC,CAAC,CAAC,CACV,KAAC,aAAa,IAAC,QAAQ,EAAC,SAAS,GAAG,CACrC,CAAC,CAAC,CAAC,CACF,KAAC,YAAY,IAAC,QAAQ,EAAC,SAAS,GAAG,CACpC,GACQ,GACM,CACpB,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/ReverseTokensButton/ReverseTokensButton.style.js

@@ -0,0 +1,29 @@
+import { Box, styled } from '@mui/material';
+import { Card } from '../Card/Card.js';
+export const IconCard = styled(Card)(({ theme }) => ({
+    height: 32,
+    width: 32,
+    fontSize: 16,
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    borderRadius: theme.shape.borderRadiusTertiary,
+    zIndex: 1110,
+}));
+export const ReverseContainer = styled(Box)(({ theme }) => {
+    return {
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center',
+        margin: theme.spacing(-1),
+    };
+});
+export const ReverseTokensButtonEmpty = styled(Box)(({ theme }) => {
+    return {
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center',
+        margin: theme.spacing(1),
+    };
+});
+//# sourceMappingURL=ReverseTokensButton.style.js.map

package/dist/esm/components/ReverseTokensButton/ReverseTokensButton.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReverseTokensButton.style.js","sourceRoot":"","sources":["../../../../src/components/ReverseTokensButton/ReverseTokensButton.style.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAA;AAEtC,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACnD,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;IACT,QAAQ,EAAE,EAAE;IACZ,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,oBAAoB;IAC9C,MAAM,EAAE,IAAI;CACb,CAAC,CAAC,CAAA;AAEH,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACxD,OAAO;QACL,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;KAC1B,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAChE,OAAO;QACL,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;KACzB,CAAA;AACH,CAAC,CAAC,CAAA"}

package/dist/esm/components/RouteCard/RouteCard.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ExpandLess, ExpandMore } from '@mui/icons-material';
+import { Box, Collapse } from '@mui/material';
+import { useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js';
+import { Card } from '../Card/Card.js';
+import { CardIconButton } from '../Card/CardIconButton.js';
+import { CardLabel, CardLabelTypography } from '../Card/CardLabel.js';
+import { StepActions } from '../StepActions/StepActions.js';
+import { Token } from '../Token/Token.js';
+import { TokenContainer } from './RouteCard.style.js';
+import { RouteCardEssentials } from './RouteCardEssentials.js';
+import { RouteCardEssentialsExpanded } from './RouteCardEssentialsExpanded.js';
+export const RouteCard = ({ route, active, variant = 'default', expanded: defaulExpanded, ...other }) => {
+    const { t } = useTranslation();
+    const { subvariant } = useWidgetConfig();
+    const [cardExpanded, setCardExpanded] = useState(defaulExpanded);
+    const handleExpand = (e) => {
+        e.stopPropagation();
+        setCardExpanded((expanded) => !expanded);
+    };
+    const token = subvariant === 'custom'
+        ? { ...route.fromToken, amount: BigInt(route.fromAmount) }
+        : { ...route.toToken, amount: BigInt(route.toAmount) };
+    const impactToken = subvariant !== 'custom'
+        ? { ...route.fromToken, amount: BigInt(route.fromAmount) }
+        : undefined;
+    const tags = route.tags?.filter((tag) => tag === 'CHEAPEST' || tag === 'FASTEST');
+    const cardContent = (_jsxs(Box, { flex: 1, children: [subvariant !== 'refuel' && route.tags?.length ? (_jsx(Box, { display: "flex", alignItems: "center", mb: 2, children: tags?.length ? (_jsx(CardLabel, { type: active ? 'active' : undefined, children: _jsx(CardLabelTypography, { children: t(`main.tags.${tags[0].toLowerCase()}`) }) })) : null })) : null, _jsxs(TokenContainer, { children: [_jsx(Token, { token: token, impactToken: impactToken, step: route.steps[0], stepVisible: !cardExpanded }), !defaulExpanded ? (_jsx(CardIconButton, { onClick: handleExpand, size: "small", children: cardExpanded ? (_jsx(ExpandLess, { fontSize: "inherit" })) : (_jsx(ExpandMore, { fontSize: "inherit" })) })) : null] }), _jsxs(Collapse, { timeout: 225, in: cardExpanded, mountOnEnter: true, unmountOnExit: true, children: [route.steps.map((step) => (_jsx(StepActions, { step: step, mt: 2 }, step.id))), _jsx(RouteCardEssentialsExpanded, { route: route })] }), _jsx(RouteCardEssentials, { route: route })] }));
+    return subvariant === 'refuel' || variant === 'cardless' ? (cardContent) : (_jsx(Card, { type: active ? 'selected' : 'default', selectionColor: "secondary", indented: true, ...other, children: cardContent }));
+};
+//# sourceMappingURL=RouteCard.js.map

package/dist/esm/components/RouteCard/RouteCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RouteCard.js","sourceRoot":"","sources":["../../../../src/components/RouteCard/RouteCard.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/RouteCard/RouteCard.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RouteCard.style.js","sourceRoot":"","sources":["../../../../src/components/RouteCard/RouteCard.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAE3C,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IAC/C,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,eAAe;IAC/B,MAAM,EAAE,EAAE;CACX,CAAC,CAAC,CAAA"}

package/dist/esm/components/RouteCard/RouteCardEssentials.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AccessTimeFilled, LocalGasStationRounded } from '@mui/icons-material';
+import { Box, Tooltip, Typography } from '@mui/material';
+import { useTranslation } from 'react-i18next';
+import { getAccumulatedFeeCostsBreakdown } from '../../utils/fees.js';
+import { FeeBreakdownTooltip } from '../FeeBreakdownTooltip.js';
+import { IconTypography } from '../IconTypography.js';
+import { TokenRate } from '../TokenRate/TokenRate.js';
+export const RouteCardEssentials = ({ route, }) => {
+    const { t, i18n } = useTranslation();
+    const executionTimeSeconds = Math.floor(route.steps.reduce((duration, step) => duration + step.estimate.executionDuration, 0));
+    const executionTimeMinutes = Math.floor(executionTimeSeconds / 60);
+    const { gasCosts, feeCosts, combinedFeesUSD } = getAccumulatedFeeCostsBreakdown(route);
+    return (_jsxs(Box, { display: "flex", alignItems: "center", justifyContent: 'space-between', flex: 1, mt: 2, children: [_jsx(TokenRate, { route: route }), _jsxs(Box, { display: "flex", alignItems: "center", children: [_jsx(FeeBreakdownTooltip, { gasCosts: gasCosts, feeCosts: feeCosts, children: _jsxs(Box, { display: "flex", mr: 1.5, alignItems: "center", children: [_jsx(IconTypography, { mr: 0.5, fontSize: 16, children: _jsx(LocalGasStationRounded, { fontSize: "inherit" }) }), _jsx(Typography, { fontSize: 14, color: "text.primary", fontWeight: 600, lineHeight: 1, "data-value": combinedFeesUSD, children: t('format.currency', {
+                                        value: combinedFeesUSD,
+                                    }) })] }) }), _jsx(Tooltip, { title: t('tooltip.estimatedTime'), sx: { cursor: 'help' }, children: _jsxs(Box, { display: "flex", alignItems: "center", children: [_jsx(IconTypography, { mr: 0.5, fontSize: 16, children: _jsx(AccessTimeFilled, { fontSize: "inherit" }) }), _jsx(Typography, { fontSize: 14, color: "text.primary", fontWeight: 600, lineHeight: 1, children: (executionTimeSeconds < 60
+                                        ? executionTimeSeconds
+                                        : executionTimeMinutes).toLocaleString(i18n.language, {
+                                        style: 'unit',
+                                        unit: executionTimeSeconds < 60 ? 'second' : 'minute',
+                                        unitDisplay: 'narrow',
+                                    }) })] }) })] })] }));
+};
+//# sourceMappingURL=RouteCardEssentials.js.map

package/dist/esm/components/RouteCard/RouteCardEssentials.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RouteCardEssentials.js","sourceRoot":"","sources":["../../../../src/components/RouteCard/RouteCardEssentials.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/RouteCard/RouteCardEssentialsExpanded.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Layers } from '@mui/icons-material';
+import { Box, Typography } from '@mui/material';
+import { useTranslation } from 'react-i18next';
+import { IconTypography } from '../IconTypography.js';
+export const RouteCardEssentialsExpanded = ({ route }) => {
+    const { t } = useTranslation();
+    return (_jsxs(Box, { flex: 1, mt: 2, children: [_jsxs(Box, { display: "flex", alignItems: "center", children: [_jsx(IconTypography, { ml: 1, mr: 3, children: _jsx(Layers, {}) }), _jsx(Typography, { fontSize: 16, color: "text.primary", fontWeight: "600", lineHeight: 1.125, children: route.steps.length })] }), _jsx(Box, { mt: 0.5, ml: 7, children: _jsx(Typography, { fontSize: 12, color: "text.secondary", fontWeight: "500", lineHeight: 1.125, children: t('tooltip.numberOfSteps') }) })] }));
+};
+//# sourceMappingURL=RouteCardEssentialsExpanded.js.map

package/dist/esm/components/RouteCard/RouteCardEssentialsExpanded.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RouteCardEssentialsExpanded.js","sourceRoot":"","sources":["../../../../src/components/RouteCard/RouteCardEssentialsExpanded.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAGrD,MAAM,CAAC,MAAM,2BAA2B,GAEpC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAChB,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,OAAO,CACL,MAAC,GAAG,IAAC,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,aACjB,MAAC,GAAG,IAAC,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,aACrC,KAAC,cAAc,IAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,YAC1B,KAAC,MAAM,KAAG,GACK,EACjB,KAAC,UAAU,IACT,QAAQ,EAAE,EAAE,EACZ,KAAK,EAAC,cAAc,EACpB,UAAU,EAAC,KAAK,EAChB,UAAU,EAAE,KAAK,YAEhB,KAAK,CAAC,KAAK,CAAC,MAAM,GACR,IACT,EACN,KAAC,GAAG,IAAC,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,YACjB,KAAC,UAAU,IACT,QAAQ,EAAE,EAAE,EACZ,KAAK,EAAC,gBAAgB,EACtB,UAAU,EAAC,KAAK,EAChB,UAAU,EAAE,KAAK,YAEhB,CAAC,CAAC,uBAAuB,CAAC,GAChB,GACT,IACF,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/RouteCard/RouteCardSkeleton.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Skeleton } from '@mui/material';
+import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js';
+import { Card } from '../Card/Card.js';
+import { TokenSkeleton } from '../Token/Token.js';
+export const RouteCardSkeleton = ({ variant, ...other }) => {
+    const { subvariant } = useWidgetConfig();
+    const cardContent = (_jsxs(Box, { flex: 1, children: [subvariant !== 'refuel' && subvariant !== 'custom' ? (_jsx(Box, { display: "flex", alignItems: "center", mb: 2, children: _jsx(Skeleton, { variant: "rectangular", width: 112, height: 24, sx: (theme) => ({
+                        borderRadius: `${theme.shape.borderRadius}px`,
+                    }) }) })) : null, _jsx(TokenSkeleton, {}), _jsxs(Box, { mt: 2, display: "flex", justifyContent: "space-between", children: [_jsx(Skeleton, { variant: "text", width: 64, height: 20 }), _jsx(Skeleton, { variant: "text", width: 56, height: 20 })] })] }));
+    return subvariant === 'refuel' || variant === 'cardless' ? (cardContent) : (_jsx(Card, { indented: true, ...other, children: cardContent }));
+};
+//# sourceMappingURL=RouteCardSkeleton.js.map

package/dist/esm/components/RouteCard/RouteCardSkeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RouteCardSkeleton.js","sourceRoot":"","sources":["../../../../src/components/RouteCard/RouteCardSkeleton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAA;AAElF,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAA;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAGjD,MAAM,CAAC,MAAM,iBAAiB,GAE1B,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC5B,MAAM,EAAE,UAAU,EAAE,GAAG,eAAe,EAAE,CAAA;IAExC,MAAM,WAAW,GAAG,CAClB,MAAC,GAAG,IAAC,IAAI,EAAE,CAAC,aACT,UAAU,KAAK,QAAQ,IAAI,UAAU,KAAK,QAAQ,CAAC,CAAC,CAAC,CACpD,KAAC,GAAG,IAAC,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,EAAC,EAAE,EAAE,CAAC,YAC3C,KAAC,QAAQ,IACP,OAAO,EAAC,aAAa,EACrB,KAAK,EAAE,GAAG,EACV,MAAM,EAAE,EAAE,EACV,EAAE,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;wBACd,YAAY,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,YAAY,IAAI;qBAC9C,CAAC,GACF,GACE,CACP,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,aAAa,KAAG,EACjB,MAAC,GAAG,IAAC,EAAE,EAAE,CAAC,EAAE,OAAO,EAAC,MAAM,EAAC,cAAc,EAAC,eAAe,aACvD,KAAC,QAAQ,IAAC,OAAO,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,EAClD,KAAC,QAAQ,IAAC,OAAO,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,IAC9C,IACF,CACP,CAAA;IAED,OAAO,UAAU,KAAK,QAAQ,IAAI,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,CACzD,WAAW,CACZ,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IAAC,QAAQ,WAAK,KAAK,YACrB,WAAW,GACP,CACR,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/RouteCard/RouteNotFoundCard.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Route } from '@mui/icons-material';
+import { Box, Typography } from '@mui/material';
+import { useTranslation } from 'react-i18next';
+export const RouteNotFoundCard = () => {
+    const { t } = useTranslation();
+    return (_jsxs(Box, { sx: {
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            flexDirection: 'column',
+            flex: 1,
+        }, py: 1.625, children: [_jsx(Typography, { fontSize: 48, children: _jsx(Route, { fontSize: "inherit" }) }), _jsx(Typography, { fontSize: 18, fontWeight: 700, children: t('info.title.routeNotFound') }), _jsx(Typography, { fontSize: 14, color: "text.secondary", textAlign: "center", mt: 2, children: t('info.message.routeNotFound') })] }));
+};
+//# sourceMappingURL=RouteNotFoundCard.js.map

package/dist/esm/components/RouteCard/RouteNotFoundCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RouteNotFoundCard.js","sourceRoot":"","sources":["../../../../src/components/RouteCard/RouteNotFoundCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAA;AAC3C,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAE9C,MAAM,CAAC,MAAM,iBAAiB,GAAa,GAAG,EAAE;IAC9C,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,OAAO,CACL,MAAC,GAAG,IACF,EAAE,EAAE;YACF,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,aAAa,EAAE,QAAQ;YACvB,IAAI,EAAE,CAAC;SACR,EACD,EAAE,EAAE,KAAK,aAET,KAAC,UAAU,IAAC,QAAQ,EAAE,EAAE,YACtB,KAAC,KAAK,IAAC,QAAQ,EAAC,SAAS,GAAG,GACjB,EACb,KAAC,UAAU,IAAC,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,YACtC,CAAC,CAAC,0BAA0B,CAAC,GACnB,EACb,KAAC,UAAU,IACT,QAAQ,EAAE,EAAE,EACZ,KAAK,EAAC,gBAAgB,EACtB,SAAS,EAAC,QAAQ,EAClB,EAAE,EAAE,CAAC,YAEJ,CAAC,CAAC,4BAA4B,CAAC,GACrB,IACT,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/RouteCard/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/RouteCard/types.ts"],"names":[],"mappings":""}

package/dist/esm/components/Routes/Routes.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Collapse } from '@mui/material';
+import { useTranslation } from 'react-i18next';
+import { useNavigate } from 'react-router-dom';
+import { useRoutes } from '../../hooks/useRoutes.js';
+import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js';
+import { navigationRoutes } from '../../utils/navigationRoutes.js';
+import { ButtonTertiary } from '../ButtonTertiary.js';
+import { Card } from '../Card/Card.js';
+import { CardTitle } from '../Card/CardTitle.js';
+import { ProgressToNextUpdate } from '../ProgressToNextUpdate.js';
+import { RouteCard } from '../RouteCard/RouteCard.js';
+import { RouteCardSkeleton } from '../RouteCard/RouteCardSkeleton.js';
+import { RouteNotFoundCard } from '../RouteCard/RouteNotFoundCard.js';
+export const Routes = (props) => {
+    const { t } = useTranslation();
+    const navigate = useNavigate();
+    const { subvariant, useRecommendedRoute } = useWidgetConfig();
+    const { routes, isLoading, isFetching, isFetched, dataUpdatedAt, refetchTime, refetch, } = useRoutes();
+    const currentRoute = routes?.[0];
+    if (!currentRoute && !isLoading && !isFetching && !isFetched) {
+        return null;
+    }
+    const handleCardClick = () => {
+        navigate(navigationRoutes.routes);
+    };
+    const routeNotFound = !currentRoute && !isLoading && !isFetching;
+    const onlyRecommendedRoute = subvariant === 'refuel' || useRecommendedRoute;
+    const showAll = !onlyRecommendedRoute && !routeNotFound && (routes?.length ?? 0) > 1;
+    return (_jsxs(Card, { ...props, children: [_jsx(CardTitle, { children: subvariant === 'custom' ? t('header.youPay') : t('header.receive') }), _jsx(ProgressToNextUpdate, { updatedAt: dataUpdatedAt || new Date().getTime(), timeToUpdate: refetchTime, isLoading: isFetching, onClick: () => refetch(), sx: {
+                    position: 'absolute',
+                    top: 8,
+                    right: 8,
+                } }), _jsxs(Box, { p: 2, children: [isLoading ? (_jsx(RouteCardSkeleton, { variant: "cardless" })) : !currentRoute ? (_jsx(RouteNotFoundCard, {})) : (_jsx(RouteCard, { route: currentRoute, variant: "cardless", active: true })), _jsx(Collapse, { timeout: 225, in: showAll, unmountOnExit: true, mountOnEnter: true, appear: true, children: _jsx(Box, { mt: 2, children: _jsx(ButtonTertiary, { onClick: handleCardClick, fullWidth: true, children: t('button.showAll') }) }) })] })] }));
+};
+//# sourceMappingURL=Routes.js.map

package/dist/esm/components/Routes/Routes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Routes.js","sourceRoot":"","sources":["../../../../src/components/Routes/Routes.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/Routes/RoutesExpanded.d.ts

@@ -0,0 +1,2 @@
+export declare const RoutesExpanded: () => import("react/jsx-runtime").JSX.Element;
+export declare const RoutesExpandedElement: () => import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/Routes/RoutesExpanded.js

@@ -0,0 +1,79 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useAccount } from '@lifi/wallet-management';
+import { Collapse, Grow, Stack, Typography } from '@mui/material';
+import { useEffect, useRef } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useRoutes as useDOMRoutes, useNavigate } from 'react-router-dom';
+import { useRoutes } from '../../hooks/useRoutes.js';
+import { useToAddressRequirements } from '../../hooks/useToAddressRequirements.js';
+import { useWidgetEvents } from '../../hooks/useWidgetEvents.js';
+import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js';
+import { useFieldValues } from '../../stores/form/useFieldValues.js';
+import { WidgetEvent } from '../../types/events.js';
+import { navigationRoutes } from '../../utils/navigationRoutes.js';
+import { PageContainer } from '../PageContainer.js';
+import { ProgressToNextUpdate } from '../ProgressToNextUpdate.js';
+import { RouteCard } from '../RouteCard/RouteCard.js';
+import { RouteCardSkeleton } from '../RouteCard/RouteCardSkeleton.js';
+import { RouteNotFoundCard } from '../RouteCard/RouteNotFoundCard.js';
+import { CollapseContainer, Container, Header, RouteTopLevelGrow, RoutesExpandedCollapse, ScrollableContainer, } from './RoutesExpanded.style.js';
+const timeout = { enter: 225, exit: 225, appear: 0 };
+const routes = [
+    {
+        path: '/',
+        element: true,
+    },
+    {
+        path: '*',
+        element: null,
+    },
+];
+export const RoutesExpanded = () => {
+    const element = useDOMRoutes(routes);
+    const match = Boolean(element?.props?.children);
+    return (_jsx(CollapseContainer, { children: _jsx(Collapse, { timeout: timeout, in: match, orientation: "horizontal", children: _jsx(RouteTopLevelGrow, { timeout: timeout, in: match, mountOnEnter: true, unmountOnExit: true, children: _jsx("div", { children: _jsx(RoutesExpandedElement, {}) }) }) }) }));
+};
+export const RoutesExpandedElement = () => {
+    const { t } = useTranslation();
+    const navigate = useNavigate();
+    const { subvariant } = useWidgetConfig();
+    const routesRef = useRef();
+    const emitter = useWidgetEvents();
+    const routesActiveRef = useRef(false);
+    const { routes, isLoading, isFetching, isFetched, dataUpdatedAt, refetchTime, fromChain, refetch, setReviewableRoute, } = useRoutes();
+    const { account } = useAccount({ chainType: fromChain?.chainType });
+    const [toAddress] = useFieldValues('toAddress');
+    const { requiredToAddress } = useToAddressRequirements();
+    const handleRouteClick = (route) => {
+        setReviewableRoute(route);
+        navigate(navigationRoutes.transactionExecution, {
+            state: { routeId: route.id },
+        });
+    };
+    const onExit = () => {
+        // Clean routes cache on exit
+        routesRef.current = undefined;
+    };
+    // We cache routes results in ref for a better exit animation
+    if (routesRef.current && !routes) {
+        routesActiveRef.current = false;
+    }
+    else {
+        routesRef.current = routes;
+        routesActiveRef.current = Boolean(routes);
+    }
+    const currentRoute = routesRef.current?.[0];
+    const expanded = Boolean(routesActiveRef.current || isLoading || isFetching || isFetched);
+    const routeNotFound = !currentRoute && !isLoading && !isFetching && expanded;
+    const toAddressUnsatisfied = currentRoute && requiredToAddress && !toAddress;
+    const allowInteraction = account.isConnected && !toAddressUnsatisfied;
+    useEffect(() => {
+        emitter.emit(WidgetEvent.WidgetExpanded, expanded);
+    }, [emitter, expanded]);
+    return (_jsx(RoutesExpandedCollapse, { timeout: timeout.enter, in: expanded, orientation: "horizontal", onExited: onExit, children: _jsx(Grow, { timeout: timeout.enter, in: expanded, mountOnEnter: true, unmountOnExit: true, children: _jsx(Container, { enableColorScheme: true, minimumHeight: isLoading, children: _jsxs(ScrollableContainer, { children: [_jsxs(Header, { children: [_jsx(Typography, { fontSize: 18, fontWeight: "700", flex: 1, noWrap: true, children: subvariant === 'custom'
+                                        ? t('header.youPay')
+                                        : t('header.receive') }), _jsx(ProgressToNextUpdate, { updatedAt: dataUpdatedAt || new Date().getTime(), timeToUpdate: refetchTime, isLoading: isFetching, onClick: () => refetch(), sx: { marginRight: -1 } })] }), _jsx(PageContainer, { children: _jsx(Stack, { direction: "column", spacing: 2, flex: 1, paddingBottom: 3, children: routeNotFound ? (_jsx(RouteNotFoundCard, {})) : isLoading || (isFetching && !routesRef.current?.length) ? (Array.from({ length: 3 }).map((_, index) => (_jsx(RouteCardSkeleton, {}, index)))) : (routesRef.current?.map((route, index) => (_jsx(RouteCard, { route: route, onClick: allowInteraction
+                                        ? () => handleRouteClick(route)
+                                        : undefined, active: index === 0, expanded: routesRef.current?.length === 1 }, index)))) }) })] }) }) }) }));
+};
+//# sourceMappingURL=RoutesExpanded.js.map

package/dist/esm/components/Routes/RoutesExpanded.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RoutesExpanded.js","sourceRoot":"","sources":["../../../../src/components/Routes/RoutesExpanded.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/Routes/RoutesExpanded.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RoutesExpanded.style.js","sourceRoot":"","sources":["../../../../src/components/Routes/RoutesExpanded.style.ts"],"names":[],"mappings":"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"}

package/dist/esm/components/Search/SearchInput.d.ts

@@ -0,0 +1,11 @@
+import type { FocusEventHandler, FormEventHandler } from 'react';
+interface SearchInputProps {
+    name?: string;
+    value?: string;
+    placeholder?: string;
+    onChange?: FormEventHandler<HTMLInputElement>;
+    onBlur?: FocusEventHandler<HTMLInputElement>;
+}
+export declare const SearchInput: ({ name, placeholder, onChange, onBlur, value, }: SearchInputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const StickySearchInput: ({ ...rest }: SearchInputProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/components/Search/SearchInput.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Search } from '@mui/icons-material';
+import { FormControl, InputAdornment } from '@mui/material';
+import { InputCard } from '../../components/Card/InputCard.js';
+import { useHeaderHeight } from '../../stores/header/useHeaderStore.js';
+import { Input, StickySearchInputContainer } from './SearchInput.style.js';
+export const SearchInput = ({ name, placeholder, onChange, onBlur, value, }) => {
+    return (_jsx(InputCard, { children: _jsx(FormControl, { fullWidth: true, children: _jsx(Input, { size: "small", placeholder: placeholder, endAdornment: _jsx(InputAdornment, { position: "end", children: _jsx(Search, {}) }), inputProps: {
+                    inputMode: 'search',
+                    onChange,
+                    onBlur,
+                    name,
+                    value,
+                    maxLength: 128,
+                }, autoComplete: "off" }) }) }));
+};
+export const StickySearchInput = ({ ...rest }) => {
+    const { headerHeight } = useHeaderHeight();
+    return (_jsx(StickySearchInputContainer, { headerHeight: headerHeight, children: _jsx(SearchInput, { ...rest }) }));
+};
+//# sourceMappingURL=SearchInput.js.map

package/dist/esm/components/Search/SearchInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.js","sourceRoot":"","sources":["../../../../src/components/Search/SearchInput.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAE3D,OAAO,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAA;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAA;AACvE,OAAO,EAAE,KAAK,EAAE,0BAA0B,EAAE,MAAM,wBAAwB,CAAA;AAU1E,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAC1B,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,MAAM,EACN,KAAK,GACY,EAAE,EAAE;IACrB,OAAO,CACL,KAAC,SAAS,cACR,KAAC,WAAW,IAAC,SAAS,kBACpB,KAAC,KAAK,IACJ,IAAI,EAAC,OAAO,EACZ,WAAW,EAAE,WAAW,EACxB,YAAY,EACV,KAAC,cAAc,IAAC,QAAQ,EAAC,KAAK,YAC5B,KAAC,MAAM,KAAG,GACK,EAEnB,UAAU,EAAE;oBACV,SAAS,EAAE,QAAQ;oBACnB,QAAQ;oBACR,MAAM;oBACN,IAAI;oBACJ,KAAK;oBACL,SAAS,EAAE,GAAG;iBACf,EACD,YAAY,EAAC,KAAK,GAClB,GACU,GACJ,CACb,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAAE,GAAG,IAAI,EAAoB,EAAE,EAAE;IACjE,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,EAAE,CAAA;IAE1C,OAAO,CACL,KAAC,0BAA0B,IAAC,YAAY,EAAE,YAAY,YACpD,KAAC,WAAW,OAAK,IAAI,GAAI,GACE,CAC9B,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/Search/SearchInput.style.js

@@ -0,0 +1,38 @@
+import { Box, List, styled } from '@mui/material';
+import { Input as InputBase } from '../../components/Input.js';
+export const Input = styled(InputBase)(({ theme }) => ({
+    paddingRight: theme.spacing(1.5),
+}));
+export const searchContainerHeight = 64;
+// When the widget is in Full Height layout mode in order to appear "sticky the StickySearchInputContainer needs to use
+// position fixed in the same way as the header (see Header.tsx). The headerHeight value here is used as the top value
+// to ensure that this container positioned correctly beneath the header
+export const StickySearchInputContainer = styled(Box, {
+    shouldForwardProp: (prop) => prop !== 'headerHeight',
+})(({ theme, headerHeight }) => ({
+    position: 'sticky',
+    top: headerHeight,
+    zIndex: 1,
+    height: searchContainerHeight,
+    paddingBottom: theme.spacing(2),
+    paddingLeft: theme.spacing(3),
+    paddingRight: theme.spacing(3),
+    backgroundColor: theme.palette.background.default,
+    ...(theme.header?.position === 'fixed'
+        ? {
+            position: 'fixed',
+            minWidth: theme.breakpoints.values.xs,
+            maxWidth: theme.breakpoints.values.sm,
+            width: '100%',
+        }
+        : {}),
+}));
+// When in Full Height layout mode, as the StickySearchInputContainer (see above) uses fixed position, the list element needs to provide
+// additional paddingTop in order to be positioned correctly.
+export const SearchList = styled(List)(({ theme }) => ({
+    paddingTop: theme.header?.position === 'fixed' ? `${searchContainerHeight}px` : 0,
+    paddingLeft: theme.spacing(1.5),
+    paddingRight: theme.spacing(1.5),
+    paddingBottom: theme.spacing(1.5),
+}));
+//# sourceMappingURL=SearchInput.style.js.map

package/dist/esm/components/Search/SearchInput.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.style.js","sourceRoot":"","sources":["../../../../src/components/Search/SearchInput.style.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAE9D,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACrD,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;CACjC,CAAC,CAAC,CAAA;AAMH,MAAM,CAAC,MAAM,qBAAqB,GAAG,EAAE,CAAA;AAEvC,uHAAuH;AACvH,sHAAsH;AACtH,wEAAwE;AACxE,MAAM,CAAC,MAAM,0BAA0B,GAAG,MAAM,CAAC,GAAG,EAAE;IACpD,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,cAAc;CACrD,CAAC,CAA6B,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,CAAC;IAC3D,QAAQ,EAAE,QAAQ;IAClB,GAAG,EAAE,YAAY;IACjB,MAAM,EAAE,CAAC;IACT,MAAM,EAAE,qBAAqB;IAC7B,aAAa,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAC/B,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAC7B,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAC9B,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO;IACjD,GAAG,CAAC,KAAK,CAAC,MAAM,EAAE,QAAQ,KAAK,OAAO;QACpC,CAAC,CAAC;YACE,QAAQ,EAAE,OAAO;YACjB,QAAQ,EAAE,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE;YACrC,QAAQ,EAAE,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE;YACrC,KAAK,EAAE,MAAM;SACd;QACH,CAAC,CAAC,EAAE,CAAC;CACR,CAAC,CAAC,CAAA;AAEH,wIAAwI;AACxI,6DAA6D;AAC7D,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACrD,UAAU,EACR,KAAK,CAAC,MAAM,EAAE,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,GAAG,qBAAqB,IAAI,CAAC,CAAC,CAAC,CAAC;IACvE,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;IAC/B,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;IAChC,aAAa,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;CAClC,CAAC,CAAC,CAAA"}

package/dist/esm/components/Search/SearchNotFound.d.ts

@@ -0,0 +1,6 @@
+interface SearchNotFoundProps {
+    message: string;
+    adjustForStickySearchInput?: boolean;
+}
+export declare const SearchNotFound: ({ message, adjustForStickySearchInput, }: SearchNotFoundProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/components/Search/SearchNotFound.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SearchOff } from '@mui/icons-material';
+import { NotFoundContainer, NotFoundIconContainer, NotFoundMessage, } from './SearchNotFound.style.js';
+export const SearchNotFound = ({ message, adjustForStickySearchInput, }) => (_jsxs(NotFoundContainer, { adjustForStickySearchInput: adjustForStickySearchInput, children: [_jsx(NotFoundIconContainer, { children: _jsx(SearchOff, { fontSize: "inherit" }) }), _jsx(NotFoundMessage, { children: message })] }));
+//# sourceMappingURL=SearchNotFound.js.map

package/dist/esm/components/Search/SearchNotFound.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchNotFound.js","sourceRoot":"","sources":["../../../../src/components/Search/SearchNotFound.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAC/C,OAAO,EACL,iBAAiB,EACjB,qBAAqB,EACrB,eAAe,GAChB,MAAM,2BAA2B,CAAA;AAOlC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,OAAO,EACP,0BAA0B,GACN,EAAE,EAAE,CAAC,CACzB,MAAC,iBAAiB,IAAC,0BAA0B,EAAE,0BAA0B,aACvE,KAAC,qBAAqB,cACpB,KAAC,SAAS,IAAC,QAAQ,EAAC,SAAS,GAAG,GACV,EACxB,KAAC,eAAe,cAAE,OAAO,GAAmB,IAC1B,CACrB,CAAA"}

package/dist/esm/components/Search/SearchNotFound.style.js

@@ -0,0 +1,29 @@
+import { Box, Typography, styled } from '@mui/material';
+import { searchContainerHeight } from './SearchInput.style.js';
+export const NotFoundContainer = styled(Box, {
+    shouldForwardProp: (prop) => prop !== 'adjustForStickySearchInput',
+})(({ theme, adjustForStickySearchInput }) => ({
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'center',
+    flexDirection: 'column',
+    flex: 1,
+    padding: theme.spacing(3),
+    ...(adjustForStickySearchInput && theme.header?.position === 'fixed'
+        ? { paddingTop: `calc(${searchContainerHeight}px + ${theme.spacing(3)})` }
+        : {}),
+}));
+export const NotFoundMessage = styled(Typography)(({ theme }) => ({
+    fontSize: 14,
+    color: theme.palette.text.secondary,
+    textAlign: 'center',
+    flex: 1,
+    marginTop: theme.spacing(2),
+    paddingLeft: theme.spacing(2),
+    paddingRight: theme.spacing(2),
+}));
+export const NotFoundIconContainer = styled(Typography)(() => ({
+    fontSize: 48,
+    lineHeight: 1,
+}));
+//# sourceMappingURL=SearchNotFound.style.js.map

package/dist/esm/components/Search/SearchNotFound.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchNotFound.style.js","sourceRoot":"","sources":["../../../../src/components/Search/SearchNotFound.style.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AACvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAA;AAM9D,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,EAAE;IAC3C,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,4BAA4B;CACnE,CAAC,CAAyB,CAAC,EAAE,KAAK,EAAE,0BAA0B,EAAE,EAAE,EAAE,CAAC,CAAC;IACrE,OAAO,EAAE,MAAM;IACf,cAAc,EAAE,QAAQ;IACxB,UAAU,EAAE,QAAQ;IACpB,aAAa,EAAE,QAAQ;IACvB,IAAI,EAAE,CAAC;IACP,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IACzB,GAAG,CAAC,0BAA0B,IAAI,KAAK,CAAC,MAAM,EAAE,QAAQ,KAAK,OAAO;QAClE,CAAC,CAAC,EAAE,UAAU,EAAE,QAAQ,qBAAqB,QAAQ,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE;QAC1E,CAAC,CAAC,EAAE,CAAC;CACR,CAAC,CAAC,CAAA;AAEH,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAChE,QAAQ,EAAE,EAAE;IACZ,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS;IACnC,SAAS,EAAE,QAAQ;IACnB,IAAI,EAAE,CAAC;IACP,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAC3B,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAC7B,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;CAC/B,CAAC,CAAC,CAAA;AAEH,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IAC7D,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,CAAC;CACd,CAAC,CAAC,CAAA"}

package/dist/esm/components/Select.js

@@ -0,0 +1,24 @@
+import { Select as MuiSelect, inputBaseClasses, listItemIconClasses, outlinedInputClasses, selectClasses, styled, } from '@mui/material';
+export const Select = styled(MuiSelect, {
+    shouldForwardProp: (prop) => prop !== 'dense',
+})(({ theme, dense }) => ({
+    backgroundColor: theme.palette.mode === 'light'
+        ? theme.palette.common.white
+        : theme.palette.background.paper,
+    [`.${inputBaseClasses.input}`]: {
+        padding: dense ? theme.spacing(1.625, 2, 1.5, 2) : theme.spacing(2),
+        display: 'flex',
+        alignItems: 'center',
+    },
+    [`.${selectClasses.icon}`]: {
+        right: 10,
+        color: theme.palette.text.primary,
+    },
+    [`.${listItemIconClasses.root}`]: {
+        minWidth: 38,
+    },
+    [`.${outlinedInputClasses.notchedOutline}`]: {
+        display: 'none',
+    },
+}));
+//# sourceMappingURL=Select.js.map

package/dist/esm/components/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/components/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,IAAI,SAAS,EACnB,gBAAgB,EAChB,mBAAmB,EACnB,oBAAoB,EACpB,aAAa,EACb,MAAM,GACP,MAAM,eAAe,CAAA;AAEtB,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,SAAS,EAAE;IACtC,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,OAAO;CAC9C,CAAC,CAAsB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC7C,eAAe,EACb,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;QAC5B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;QAC5B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK;IACpC,CAAC,IAAI,gBAAgB,CAAC,KAAK,EAAE,CAAC,EAAE;QAC9B,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QACnE,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;KACrB;IACD,CAAC,IAAI,aAAa,CAAC,IAAI,EAAE,CAAC,EAAE;QAC1B,KAAK,EAAE,EAAE;QACT,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;KAClC;IACD,CAAC,IAAI,mBAAmB,CAAC,IAAI,EAAE,CAAC,EAAE;QAChC,QAAQ,EAAE,EAAE;KACb;IACD,CAAC,IAAI,oBAAoB,CAAC,cAAc,EAAE,CAAC,EAAE;QAC3C,OAAO,EAAE,MAAM;KAChB;CACF,CAAC,CAAC,CAAA"}