@lifi/widget 3.7.0-beta.6 → 3.7.0-beta.8

package/dist/_esm/components/RouteCard/RouteCardEssentials.jsx

@@ -0,0 +1,47 @@
+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 (<Box display="flex" alignItems="center" justifyContent={'space-between'} flex={1} mt={2}>
+      <TokenRate route={route}/>
+      <Box display="flex" alignItems="center">
+        <FeeBreakdownTooltip gasCosts={gasCosts} feeCosts={feeCosts}>
+          <Box display="flex" mr={1.5} alignItems="center">
+            <IconTypography mr={0.5} fontSize={16}>
+              <LocalGasStationRounded fontSize="inherit"/>
+            </IconTypography>
+            <Typography fontSize={14} color="text.primary" fontWeight={600} lineHeight={1} data-value={combinedFeesUSD}>
+              {t('format.currency', {
+            value: combinedFeesUSD,
+        })}
+            </Typography>
+          </Box>
+        </FeeBreakdownTooltip>
+        <Tooltip title={t('tooltip.estimatedTime')} sx={{ cursor: 'help' }}>
+          <Box display="flex" alignItems="center">
+            <IconTypography mr={0.5} fontSize={16}>
+              <AccessTimeFilled fontSize="inherit"/>
+            </IconTypography>
+            <Typography fontSize={14} color="text.primary" fontWeight={600} lineHeight={1}>
+              {(executionTimeSeconds < 60
+            ? executionTimeSeconds
+            : executionTimeMinutes).toLocaleString(i18n.language, {
+            style: 'unit',
+            unit: executionTimeSeconds < 60 ? 'second' : 'minute',
+            unitDisplay: 'narrow',
+        })}
+            </Typography>
+          </Box>
+        </Tooltip>
+      </Box>
+    </Box>);
+};
+//# sourceMappingURL=RouteCardEssentials.jsx.map

package/dist/_esm/components/RouteCard/RouteCardEssentials.jsx.map

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

package/dist/_esm/components/RouteCard/RouteCardEssentialsExpanded.jsx

@@ -0,0 +1,23 @@
+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 (<Box flex={1} mt={2}>
+      <Box display="flex" alignItems="center">
+        <IconTypography ml={1} mr={3}>
+          <Layers />
+        </IconTypography>
+        <Typography fontSize={16} color="text.primary" fontWeight="600" lineHeight={1.125}>
+          {route.steps.length}
+        </Typography>
+      </Box>
+      <Box mt={0.5} ml={7}>
+        <Typography fontSize={12} color="text.secondary" fontWeight="500" lineHeight={1.125}>
+          {t('tooltip.numberOfSteps')}
+        </Typography>
+      </Box>
+    </Box>);
+};
+//# sourceMappingURL=RouteCardEssentialsExpanded.jsx.map

package/dist/_esm/components/RouteCard/RouteCardEssentialsExpanded.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"RouteCardEssentialsExpanded.jsx","sourceRoot":"","sources":["../../../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,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAClB;MAAA,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,UAAU,CAAC,QAAQ,CACrC;QAAA,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAC3B;UAAA,CAAC,MAAM,CAAC,AAAD,EACT;QAAA,EAAE,cAAc,CAChB;QAAA,CAAC,UAAU,CACT,QAAQ,CAAC,CAAC,EAAE,CAAC,CACb,KAAK,CAAC,cAAc,CACpB,UAAU,CAAC,KAAK,CAChB,UAAU,CAAC,CAAC,KAAK,CAAC,CAElB;UAAA,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CACrB;QAAA,EAAE,UAAU,CACd;MAAA,EAAE,GAAG,CACL;MAAA,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAClB;QAAA,CAAC,UAAU,CACT,QAAQ,CAAC,CAAC,EAAE,CAAC,CACb,KAAK,CAAC,gBAAgB,CACtB,UAAU,CAAC,KAAK,CAChB,UAAU,CAAC,CAAC,KAAK,CAAC,CAElB;UAAA,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAC7B;QAAA,EAAE,UAAU,CACd;MAAA,EAAE,GAAG,CACP;IAAA,EAAE,GAAG,CAAC,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/_esm/components/RouteCard/RouteCardSkeleton.jsx

@@ -0,0 +1,23 @@
+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 = (<Box flex={1}>
+      {subvariant !== 'refuel' && subvariant !== 'custom' ? (<Box display="flex" alignItems="center" mb={2}>
+          <Skeleton variant="rectangular" width={112} height={24} sx={(theme) => ({
+                borderRadius: `${theme.shape.borderRadius}px`,
+            })}/>
+        </Box>) : null}
+      <TokenSkeleton />
+      <Box mt={2} display="flex" justifyContent="space-between">
+        <Skeleton variant="text" width={64} height={20}/>
+        <Skeleton variant="text" width={56} height={20}/>
+      </Box>
+    </Box>);
+    return subvariant === 'refuel' || variant === 'cardless' ? (cardContent) : (<Card indented {...other}>
+      {cardContent}
+    </Card>);
+};
+//# sourceMappingURL=RouteCardSkeleton.jsx.map

package/dist/_esm/components/RouteCard/RouteCardSkeleton.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"RouteCardSkeleton.jsx","sourceRoot":"","sources":["../../../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,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CACX;MAAA,CAAC,UAAU,KAAK,QAAQ,IAAI,UAAU,KAAK,QAAQ,CAAC,CAAC,CAAC,CACpD,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAC5C;UAAA,CAAC,QAAQ,CACP,OAAO,CAAC,aAAa,CACrB,KAAK,CAAC,CAAC,GAAG,CAAC,CACX,MAAM,CAAC,CAAC,EAAE,CAAC,CACX,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;gBACd,YAAY,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,YAAY,IAAI;aAC9C,CAAC,CAAC,EAEP;QAAA,EAAE,GAAG,CAAC,CACP,CAAC,CAAC,CAAC,IAAI,CACR;MAAA,CAAC,aAAa,CAAC,AAAD,EACd;MAAA,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,cAAc,CAAC,eAAe,CACvD;QAAA,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,EAC/C;QAAA,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,EACjD;MAAA,EAAE,GAAG,CACP;IAAA,EAAE,GAAG,CAAC,CACP,CAAA;IAED,OAAO,UAAU,KAAK,QAAQ,IAAI,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,CACzD,WAAW,CACZ,CAAC,CAAC,CAAC,CACF,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,KAAK,CAAC,CACvB;MAAA,CAAC,WAAW,CACd;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC,CAAA"}

package/dist/_esm/components/RouteCard/RouteNotFoundCard.jsx

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

package/dist/_esm/components/RouteCard/RouteNotFoundCard.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"RouteNotFoundCard.jsx","sourceRoot":"","sources":["../../../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,CAAC,GAAG,CACF,EAAE,CAAC,CAAC;YACF,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,aAAa,EAAE,QAAQ;YACvB,IAAI,EAAE,CAAC;SACR,CAAC,CACF,EAAE,CAAC,CAAC,KAAK,CAAC,CAEV;MAAA,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CACvB;QAAA,CAAC,KAAK,CAAC,QAAQ,CAAC,SAAS,EAC3B;MAAA,EAAE,UAAU,CACZ;MAAA,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,CACxC;QAAA,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAChC;MAAA,EAAE,UAAU,CACZ;MAAA,CAAC,UAAU,CACT,QAAQ,CAAC,CAAC,EAAE,CAAC,CACb,KAAK,CAAC,gBAAgB,CACtB,SAAS,CAAC,QAAQ,CAClB,EAAE,CAAC,CAAC,CAAC,CAAC,CAEN;QAAA,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAClC;MAAA,EAAE,UAAU,CACd;IAAA,EAAE,GAAG,CAAC,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/_esm/components/Routes/Routes.jsx

@@ -0,0 +1,51 @@
+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 (<Card {...props}>
+      <CardTitle>
+        {subvariant === 'custom' ? t('header.youPay') : t('header.receive')}
+      </CardTitle>
+      <ProgressToNextUpdate updatedAt={dataUpdatedAt || new Date().getTime()} timeToUpdate={refetchTime} isLoading={isFetching} onClick={() => refetch()} sx={{
+            position: 'absolute',
+            top: 8,
+            right: 8,
+        }}/>
+      <Box p={2}>
+        {isLoading ? (<RouteCardSkeleton variant="cardless"/>) : !currentRoute ? (<RouteNotFoundCard />) : (<RouteCard route={currentRoute} variant="cardless" active/>)}
+
+        <Collapse timeout={225} in={showAll} unmountOnExit mountOnEnter appear>
+          <Box mt={2}>
+            <ButtonTertiary onClick={handleCardClick} fullWidth>
+              {t('button.showAll')}
+            </ButtonTertiary>
+          </Box>
+        </Collapse>
+      </Box>
+    </Card>);
+};
+//# sourceMappingURL=Routes.jsx.map

package/dist/_esm/components/Routes/Routes.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"Routes.jsx","sourceRoot":"","sources":["../../../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.Element;
+export declare const RoutesExpandedElement: () => import("react").JSX.Element;

package/dist/_esm/components/Routes/RoutesExpanded.jsx

@@ -0,0 +1,104 @@
+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 (<CollapseContainer>
+      <Collapse timeout={timeout} in={match} orientation="horizontal">
+        <RouteTopLevelGrow timeout={timeout} in={match} mountOnEnter unmountOnExit>
+          <div>
+            <RoutesExpandedElement />
+          </div>
+        </RouteTopLevelGrow>
+      </Collapse>
+    </CollapseContainer>);
+};
+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 (<RoutesExpandedCollapse timeout={timeout.enter} in={expanded} orientation="horizontal" onExited={onExit}>
+      <Grow timeout={timeout.enter} in={expanded} mountOnEnter unmountOnExit>
+        <Container enableColorScheme minimumHeight={isLoading}>
+          <ScrollableContainer>
+            <Header>
+              <Typography fontSize={18} fontWeight="700" flex={1} noWrap>
+                {subvariant === 'custom'
+            ? t('header.youPay')
+            : t('header.receive')}
+              </Typography>
+              <ProgressToNextUpdate updatedAt={dataUpdatedAt || new Date().getTime()} timeToUpdate={refetchTime} isLoading={isFetching} onClick={() => refetch()} sx={{ marginRight: -1 }}/>
+            </Header>
+            <PageContainer>
+              <Stack direction="column" spacing={2} flex={1} paddingBottom={3}>
+                {routeNotFound ? (<RouteNotFoundCard />) : isLoading || (isFetching && !routesRef.current?.length) ? (Array.from({ length: 3 }).map((_, index) => (<RouteCardSkeleton key={index}/>))) : (routesRef.current?.map((route, index) => (<RouteCard key={index} route={route} onClick={allowInteraction
+                ? () => handleRouteClick(route)
+                : undefined} active={index === 0} expanded={routesRef.current?.length === 1}/>)))}
+              </Stack>
+            </PageContainer>
+          </ScrollableContainer>
+        </Container>
+      </Grow>
+    </RoutesExpandedCollapse>);
+};
+//# sourceMappingURL=RoutesExpanded.jsx.map

package/dist/_esm/components/Routes/RoutesExpanded.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"RoutesExpanded.jsx","sourceRoot":"","sources":["../../../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":["../../../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.Element;
+export declare const StickySearchInput: ({ ...rest }: SearchInputProps) => import("react").JSX.Element;
+export {};

package/dist/_esm/components/Search/SearchInput.jsx

@@ -0,0 +1,28 @@
+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 (<InputCard>
+      <FormControl fullWidth>
+        <Input size="small" placeholder={placeholder} endAdornment={<InputAdornment position="end">
+              <Search />
+            </InputAdornment>} inputProps={{
+            inputMode: 'search',
+            onChange,
+            onBlur,
+            name,
+            value,
+            maxLength: 128,
+        }} autoComplete="off"/>
+      </FormControl>
+    </InputCard>);
+};
+export const StickySearchInput = ({ ...rest }) => {
+    const { headerHeight } = useHeaderHeight();
+    return (<StickySearchInputContainer headerHeight={headerHeight}>
+      <SearchInput {...rest}/>
+    </StickySearchInputContainer>);
+};
+//# sourceMappingURL=SearchInput.jsx.map

package/dist/_esm/components/Search/SearchInput.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.jsx","sourceRoot":"","sources":["../../../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,CAAC,SAAS,CACR;MAAA,CAAC,WAAW,CAAC,SAAS,CACpB;QAAA,CAAC,KAAK,CACJ,IAAI,CAAC,OAAO,CACZ,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,YAAY,CAAC,CACX,CAAC,cAAc,CAAC,QAAQ,CAAC,KAAK,CAC5B;cAAA,CAAC,MAAM,CAAC,AAAD,EACT;YAAA,EAAE,cAAc,CAClB,CAAC,CACD,UAAU,CAAC,CAAC;YACV,SAAS,EAAE,QAAQ;YACnB,QAAQ;YACR,MAAM;YACN,IAAI;YACJ,KAAK;YACL,SAAS,EAAE,GAAG;SACf,CAAC,CACF,YAAY,CAAC,KAAK,EAEtB;MAAA,EAAE,WAAW,CACf;IAAA,EAAE,SAAS,CAAC,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,CAAC,0BAA0B,CAAC,YAAY,CAAC,CAAC,YAAY,CAAC,CACrD;MAAA,CAAC,WAAW,CAAC,IAAI,IAAI,CAAC,EACxB;IAAA,EAAE,0BAA0B,CAAC,CAC9B,CAAA;AACH,CAAC,CAAA"}

package/dist/_esm/components/Search/SearchInput.style.d.ts

@@ -0,0 +1,12 @@
+export declare const Input: import("@emotion/styled").StyledComponent<import("@mui/material").InputBaseProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+interface SearchStickyContainerProps {
+    headerHeight: number;
+}
+export declare const searchContainerHeight = 64;
+export declare const StickySearchInputContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & SearchStickyContainerProps, {}, {}>;
+export declare const SearchList: import("@emotion/styled").StyledComponent<import("@mui/material").ListOwnProps & import("@mui/material/OverridableComponent.js").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & {
+    ref?: ((instance: HTMLUListElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLUListElement> | null | undefined;
+}, "children" | "sx" | "style" | "className" | "classes" | "dense" | "disablePadding" | "subheader"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export {};

package/dist/_esm/components/Search/SearchInput.style.jsx

@@ -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.jsx.map

package/dist/_esm/components/Search/SearchInput.style.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.style.jsx","sourceRoot":"","sources":["../../../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.Element;
+export {};

package/dist/_esm/components/Search/SearchNotFound.jsx

@@ -0,0 +1,9 @@
+import { SearchOff } from '@mui/icons-material';
+import { NotFoundContainer, NotFoundIconContainer, NotFoundMessage, } from './SearchNotFound.style.js';
+export const SearchNotFound = ({ message, adjustForStickySearchInput, }) => (<NotFoundContainer adjustForStickySearchInput={adjustForStickySearchInput}>
+    <NotFoundIconContainer>
+      <SearchOff fontSize="inherit"/>
+    </NotFoundIconContainer>
+    <NotFoundMessage>{message}</NotFoundMessage>
+  </NotFoundContainer>);
+//# sourceMappingURL=SearchNotFound.jsx.map

package/dist/_esm/components/Search/SearchNotFound.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchNotFound.jsx","sourceRoot":"","sources":["../../../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,CAAC,iBAAiB,CAAC,0BAA0B,CAAC,CAAC,0BAA0B,CAAC,CACxE;IAAA,CAAC,qBAAqB,CACpB;MAAA,CAAC,SAAS,CAAC,QAAQ,CAAC,SAAS,EAC/B;IAAA,EAAE,qBAAqB,CACvB;IAAA,CAAC,eAAe,CAAC,CAAC,OAAO,CAAC,EAAE,eAAe,CAC7C;EAAA,EAAE,iBAAiB,CAAC,CACrB,CAAA"}

package/dist/_esm/components/Search/SearchNotFound.style.d.ts

@@ -0,0 +1,14 @@
+import type { BoxProps } from '@mui/material';
+interface NotFoundContainerProps extends BoxProps {
+    adjustForStickySearchInput?: boolean;
+}
+export declare const NotFoundContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & NotFoundContainerProps, {}, {}>;
+export declare const NotFoundMessage: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent.js").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform" | "children" | "sx" | "style" | "className" | "align" | "classes" | "gutterBottom" | "noWrap" | "paragraph" | "variant" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const NotFoundIconContainer: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent.js").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform" | "children" | "sx" | "style" | "className" | "align" | "classes" | "gutterBottom" | "noWrap" | "paragraph" | "variant" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export {};

package/dist/_esm/components/Search/SearchNotFound.style.jsx

@@ -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.jsx.map

package/dist/_esm/components/Search/SearchNotFound.style.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchNotFound.style.jsx","sourceRoot":"","sources":["../../../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.jsx

@@ -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.jsx.map

package/dist/_esm/components/Select.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.jsx","sourceRoot":"","sources":["../../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"}

package/dist/_esm/components/SelectChainAndToken.jsx

@@ -0,0 +1,29 @@
+import { Box, useMediaQuery } from '@mui/material';
+import { ReverseTokensButton } from '../components/ReverseTokensButton/ReverseTokensButton.js';
+import { SelectTokenButton } from '../components/SelectTokenButton/SelectTokenButton.js';
+import { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js';
+import { useFieldValues } from '../stores/form/useFieldValues.js';
+import { DisabledUI, HiddenUI } from '../types/widget.js';
+import { ReverseTokensButtonEmpty } from './ReverseTokensButton/ReverseTokensButton.style.js';
+export const SelectChainAndToken = (props) => {
+    const prefersNarrowView = useMediaQuery((theme) => theme.breakpoints.down('sm'));
+    const { disabledUI, hiddenUI, subvariant } = useWidgetConfig();
+    const [fromChain, toChain, fromToken, toToken] = useFieldValues('fromChain', 'toChain', 'fromToken', 'toToken');
+    const hiddenReverse = subvariant === 'refuel' ||
+        disabledUI?.includes(DisabledUI.FromToken) ||
+        disabledUI?.includes(DisabledUI.ToToken) ||
+        hiddenUI?.includes(HiddenUI.ToToken);
+    const hiddenToToken = subvariant === 'custom' || hiddenUI?.includes(HiddenUI.ToToken);
+    const isCompact = !!fromChain &&
+        !!toChain &&
+        !!fromToken &&
+        !!toToken &&
+        !prefersNarrowView &&
+        !hiddenToToken;
+    return (<Box sx={{ display: 'flex', flexDirection: isCompact ? 'row' : 'column' }} {...props}>
+      <SelectTokenButton formType="from" compact={isCompact}/>
+      {!hiddenToToken ? (!hiddenReverse ? (<ReverseTokensButton vertical={!isCompact}/>) : (<ReverseTokensButtonEmpty />)) : null}
+      {!hiddenToToken ? (<SelectTokenButton formType="to" compact={isCompact}/>) : null}
+    </Box>);
+};
+//# sourceMappingURL=SelectChainAndToken.jsx.map

package/dist/_esm/components/SelectChainAndToken.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectChainAndToken.jsx","sourceRoot":"","sources":["../../components/SelectChainAndToken.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,GAAG,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAClD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0DAA0D,CAAA;AAC9F,OAAO,EAAE,iBAAiB,EAAE,MAAM,sDAAsD,CAAA;AACxF,OAAO,EAAE,eAAe,EAAE,MAAM,+CAA+C,CAAA;AAC/E,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAA;AACjE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AACzD,OAAO,EAAE,wBAAwB,EAAE,MAAM,oDAAoD,CAAA;AAE7F,MAAM,CAAC,MAAM,mBAAmB,GAAuB,CAAC,KAAK,EAAE,EAAE;IAC/D,MAAM,iBAAiB,GAAG,aAAa,CAAC,CAAC,KAAY,EAAE,EAAE,CACvD,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAC7B,CAAA;IACD,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,eAAe,EAAE,CAAA;IAE9D,MAAM,CAAC,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,CAAC,GAAG,cAAc,CAC7D,WAAW,EACX,SAAS,EACT,WAAW,EACX,SAAS,CACV,CAAA;IAED,MAAM,aAAa,GACjB,UAAU,KAAK,QAAQ;QACvB,UAAU,EAAE,QAAQ,CAAC,UAAU,CAAC,SAAS,CAAC;QAC1C,UAAU,EAAE,QAAQ,CAAC,UAAU,CAAC,OAAO,CAAC;QACxC,QAAQ,EAAE,QAAQ,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;IAEtC,MAAM,aAAa,GACjB,UAAU,KAAK,QAAQ,IAAI,QAAQ,EAAE,QAAQ,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;IAEjE,MAAM,SAAS,GACb,CAAC,CAAC,SAAS;QACX,CAAC,CAAC,OAAO;QACT,CAAC,CAAC,SAAS;QACX,CAAC,CAAC,OAAO;QACT,CAAC,iBAAiB;QAClB,CAAC,aAAa,CAAA;IAEhB,OAAO,CACL,CAAC,GAAG,CACF,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,CACrE,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,iBAAiB,CAAC,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,EACtD;MAAA,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAChB,CAAC,aAAa,CAAC,CAAC,CAAC,CACf,CAAC,mBAAmB,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,EAAG,CAC9C,CAAC,CAAC,CAAC,CACF,CAAC,wBAAwB,CAAC,AAAD,EAAG,CAC7B,CACF,CAAC,CAAC,CAAC,IAAI,CACR;MAAA,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAChB,CAAC,iBAAiB,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,EAAG,CACxD,CAAC,CAAC,CAAC,IAAI,CACV;IAAA,EAAE,GAAG,CAAC,CACP,CAAA;AACH,CAAC,CAAA"}