@lifi/widget 3.7.0-beta.10 → 3.7.0-beta.12

package/dist/esm/components/Card/InputCard.d.ts

@@ -0,0 +1,3 @@
+export declare const InputCard: import("@emotion/styled").StyledComponent<Pick<import("@mui/material").CardOwnProps & import("@mui/material/OverridableComponent.js").CommonProps & 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;
+}, "children" | "sx" | "style" | "className" | "elevation" | "classes" | "variant" | "square" | "raised"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & import("./Card.js").CardProps, "color" | "content" | "translate" | "children" | "component" | "ref" | "sx" | "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "type" | "elevation" | "as" | "classes" | "variant" | "theme" | "square" | "raised" | "selectionColor" | "indented"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/dist/esm/components/Card/InputCard.jsx

@@ -0,0 +1,7 @@
+import { styled } from '@mui/material';
+import { Card } from './Card.js';
+export const InputCard = styled(Card, {
+    name: 'MuiInputCard',
+    slot: 'root',
+})({});
+//# sourceMappingURL=InputCard.jsx.map

package/dist/esm/components/Card/InputCard.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputCard.jsx","sourceRoot":"","sources":["../../../../src/components/Card/InputCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAEhC,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,EAAE;IACpC,IAAI,EAAE,cAAc;IACpB,IAAI,EAAE,MAAM;CACb,CAAC,CAAC,EAAE,CAAC,CAAA"}

package/dist/esm/components/ChainSelect/ChainSelect.d.ts

@@ -0,0 +1,2 @@
+import type { FormTypeProps } from '../../stores/form/types.js';
+export declare const ChainSelect: ({ formType }: FormTypeProps) => import("react").JSX.Element;

package/dist/esm/components/ChainSelect/ChainSelect.jsx

@@ -0,0 +1,55 @@
+import { Avatar, Box, Skeleton, Tooltip, Typography } from '@mui/material';
+import { useEffect } from 'react';
+import { useNavigate } from 'react-router-dom';
+import { maxChainsToOrder, maxChainsToShow, } from '../../stores/chains/createChainOrderStore.js';
+import { FormKeyHelper } from '../../stores/form/types.js';
+import { useFieldValues } from '../../stores/form/useFieldValues.js';
+import { navigationRoutes } from '../../utils/navigationRoutes.js';
+import { ChainCard, ChainContainer } from './ChainSelect.style.js';
+import { useChainSelect } from './useChainSelect.js';
+export const ChainSelect = ({ formType }) => {
+    const navigate = useNavigate();
+    const { chainOrder, chains, getChains, isLoading, setChainOrder, setCurrentChain, } = useChainSelect(formType);
+    const [chainId] = useFieldValues(FormKeyHelper.getChainKey(formType));
+    useEffect(() => {
+        if (chainId) {
+            const hasChainInOrderedList = chainOrder.includes(chainId);
+            // If we don't have a chain in the ordered chain list we should add it.
+            if (!hasChainInOrderedList) {
+                setChainOrder(chainId, formType);
+            }
+        }
+    }, [chainId, chainOrder, formType, setChainOrder]);
+    const showAllChains = () => {
+        navigate(navigationRoutes[`${formType}Chain`]);
+    };
+    // We check if we can accommodate all the chains on the grid
+    // If there are more than 10 chains we show the number of hidden chains as the last one tile
+    const chainsToHide = chains?.length === maxChainsToShow
+        ? 0
+        : (chains?.length ?? 0) - maxChainsToOrder;
+    // When there is less than 10 chains we don't care about the order
+    const chainsToShow = chainsToHide > 0 ? getChains() : chains;
+    return (<ChainContainer>
+      {isLoading
+            ? Array.from({ length: maxChainsToOrder }).map((_, index) => (<Skeleton key={index} variant="rectangular" width={56} height={56} sx={{ borderRadius: 1 }}/>))
+            : chainsToShow?.map((chain) => (<Tooltip key={chain.id} title={chain.name} enterNextDelay={100}>
+              <ChainCard component="button" onClick={() => setCurrentChain(chain.id)} type={chainId === chain.id ? 'selected' : 'default'} selectionColor="primary">
+                <Avatar src={chain.logoURI} alt={chain.key} sx={{ width: 40, height: 40 }}>
+                  {chain.name[0]}
+                </Avatar>
+              </ChainCard>
+            </Tooltip>))}
+      {chainsToHide > 0 ? (<ChainCard component="button" onClick={showAllChains}>
+          <Box sx={{
+                width: 40,
+                height: 40,
+                display: 'grid',
+                placeItems: 'center',
+            }}>
+            <Typography fontWeight={500}>+{chainsToHide}</Typography>
+          </Box>
+        </ChainCard>) : null}
+    </ChainContainer>);
+};
+//# sourceMappingURL=ChainSelect.jsx.map

package/dist/esm/components/ChainSelect/ChainSelect.jsx.map

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

package/dist/esm/components/ChainSelect/ChainSelect.style.d.ts

@@ -0,0 +1,6 @@
+export declare const ChainCard: import("@emotion/styled").StyledComponent<import("@mui/material").CardOwnProps & import("@mui/material/OverridableComponent.js").CommonProps & 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;
+}, "children" | "sx" | "style" | "className" | "elevation" | "classes" | "variant" | "square" | "raised"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & import("../../components/Card/Card.js").CardProps, {}, {}>;
+export declare const ChainContainer: 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>, {}, {}>;

package/dist/esm/components/ChainSelect/ChainSelect.style.jsx

@@ -0,0 +1,16 @@
+import { Box, styled } from '@mui/material';
+import { Card } from '../../components/Card/Card.js';
+export const ChainCard = styled(Card)({
+    display: 'grid',
+    placeItems: 'center',
+    minWidth: 52,
+    height: 56,
+});
+export const ChainContainer = styled(Box)(({ theme }) => ({
+    display: 'grid',
+    gridTemplateColumns: 'repeat(auto-fit, minmax(52px, 1fr))',
+    gridAutoRows: '56px',
+    justifyContent: 'space-between',
+    gap: theme.spacing(1.5),
+}));
+//# sourceMappingURL=ChainSelect.style.jsx.map

package/dist/esm/components/ChainSelect/ChainSelect.style.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChainSelect.style.jsx","sourceRoot":"","sources":["../../../../src/components/ChainSelect/ChainSelect.style.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,+BAA+B,CAAA;AAEpD,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IACpC,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,QAAQ,EAAE,EAAE;IACZ,MAAM,EAAE,EAAE;CACX,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACxD,OAAO,EAAE,MAAM;IACf,mBAAmB,EAAE,qCAAqC;IAC1D,YAAY,EAAE,MAAM;IACpB,cAAc,EAAE,eAAe;IAC/B,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;CACxB,CAAC,CAAC,CAAA"}

package/dist/esm/components/ChainSelect/useChainSelect.d.ts

@@ -0,0 +1,10 @@
+import type { EVMChain } from '@lifi/sdk';
+import type { FormType } from '../../stores/form/types.js';
+export declare const useChainSelect: (formType: FormType) => {
+    chainOrder: number[];
+    chains: import("@lifi/sdk").ExtendedChain[] | undefined;
+    getChains: () => EVMChain[];
+    isLoading: boolean;
+    setChainOrder: (chainId: number, type: FormType) => void;
+    setCurrentChain: (chainId: number) => void;
+};

package/dist/esm/components/ChainSelect/useChainSelect.js

@@ -0,0 +1,61 @@
+import { useChains } from '../../hooks/useChains.js';
+import { useSwapOnly } from '../../hooks/useSwapOnly.js';
+import { useToAddressReset } from '../../hooks/useToAddressReset.js';
+import { useHasExternalWalletProvider } from '../../providers/WalletProvider/useHasExternalWalletProvider.js';
+import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js';
+import { useChainOrder } from '../../stores/chains/useChainOrder.js';
+import { FormKeyHelper } from '../../stores/form/types.js';
+import { useFieldActions } from '../../stores/form/useFieldActions.js';
+import { useFieldController } from '../../stores/form/useFieldController.js';
+export const useChainSelect = (formType) => {
+    const { disabledUI } = useWidgetConfig();
+    const chainKey = FormKeyHelper.getChainKey(formType);
+    const { onChange } = useFieldController({ name: chainKey });
+    const { setFieldValue, getFieldValues } = useFieldActions();
+    const { hasExternalProvider, availableChainTypes } = useHasExternalWalletProvider();
+    const { chains, isLoading, getChainById } = useChains(formType, formType === 'from' && hasExternalProvider ? availableChainTypes : undefined);
+    const [chainOrder, setChainOrder] = useChainOrder(formType);
+    const swapOnly = useSwapOnly();
+    const { tryResetToAddress } = useToAddressReset();
+    const getChains = () => {
+        if (!chains) {
+            return [];
+        }
+        const selectedChains = chainOrder
+            .map((chainId) => chains.find((chain) => chain.id === chainId))
+            .filter(Boolean);
+        return selectedChains;
+    };
+    const setCurrentChain = (chainId) => {
+        onChange(chainId);
+        if (swapOnly) {
+            setFieldValue(FormKeyHelper.getChainKey('to'), chainId, {
+                isTouched: true,
+            });
+        }
+        const tokenKey = FormKeyHelper.getTokenKey(formType);
+        if (!disabledUI?.includes(tokenKey)) {
+            setFieldValue(tokenKey, '');
+        }
+        const amountKey = FormKeyHelper.getAmountKey(formType);
+        if (!disabledUI?.includes(amountKey)) {
+            setFieldValue(amountKey, '');
+        }
+        setFieldValue('tokenSearchFilter', '');
+        const [toChainId] = getFieldValues('toChain');
+        const toChain = getChainById(toChainId);
+        if (toChain) {
+            tryResetToAddress(toChain);
+        }
+        setChainOrder(chainId, formType);
+    };
+    return {
+        chainOrder,
+        chains,
+        getChains,
+        isLoading,
+        setChainOrder,
+        setCurrentChain,
+    };
+};
+//# sourceMappingURL=useChainSelect.js.map

package/dist/esm/components/ChainSelect/useChainSelect.js.map

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

package/dist/esm/components/ContractComponent/ContractComponent.d.ts

@@ -0,0 +1,3 @@
+import type { CardProps } from '@mui/material';
+import type { PropsWithChildren } from 'react';
+export declare const ContractComponent: React.FC<PropsWithChildren<CardProps>>;

package/dist/esm/components/ContractComponent/ContractComponent.jsx

@@ -0,0 +1,8 @@
+import { Card } from '../Card/Card.js';
+export const ContractComponent = ({ children, ...props }) => {
+    if (!children) {
+        return null;
+    }
+    return <Card {...props}>{children}</Card>;
+};
+//# sourceMappingURL=ContractComponent.jsx.map

package/dist/esm/components/ContractComponent/ContractComponent.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContractComponent.jsx","sourceRoot":"","sources":["../../../../src/components/ContractComponent/ContractComponent.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAA;AAEtC,MAAM,CAAC,MAAM,iBAAiB,GAA2C,CAAC,EACxE,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,OAAO,IAAI,CAAA;IACb,CAAC;IAED,OAAO,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,IAAI,CAAC,CAAA;AAC3C,CAAC,CAAA"}

package/dist/esm/components/ContractComponent/ItemPrice.d.ts

@@ -0,0 +1,7 @@
+import type { ContractCall } from '@lifi/sdk';
+import type { TokenAmount } from '../../types/token.js';
+export interface ItemPriceProps {
+    token: TokenAmount;
+    contractCalls?: ContractCall[];
+}
+export declare const ItemPrice: React.FC<ItemPriceProps>;

package/dist/esm/components/ContractComponent/ItemPrice.jsx

@@ -0,0 +1,22 @@
+import { useEffect } from 'react';
+import { useFieldActions } from '../../stores/form/useFieldActions.js';
+import { Token } from '../Token/Token.js';
+export const ItemPrice = ({ token, contractCalls, }) => {
+    const { setFieldValue } = useFieldActions();
+    useEffect(() => {
+        if (token) {
+            setFieldValue('toChain', token.chainId, { isTouched: true });
+            setFieldValue('toToken', token.address, { isTouched: true });
+            setFieldValue('toAmount', token.amount?.toString(), {
+                isTouched: true,
+            });
+        }
+        if (contractCalls) {
+            setFieldValue('contractCalls', contractCalls, {
+                isTouched: true,
+            });
+        }
+    }, [contractCalls, setFieldValue, token]);
+    return <Token token={token} p={2}/>;
+};
+//# sourceMappingURL=ItemPrice.jsx.map

package/dist/esm/components/ContractComponent/ItemPrice.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemPrice.jsx","sourceRoot":"","sources":["../../../../src/components/ContractComponent/ItemPrice.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAA;AAEtE,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAOzC,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAClD,KAAK,EACL,aAAa,GACd,EAAE,EAAE;IACH,MAAM,EAAE,aAAa,EAAE,GAAG,eAAe,EAAE,CAAA;IAE3C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,EAAE,CAAC;YACV,aAAa,CAAC,SAAS,EAAE,KAAK,CAAC,OAAO,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAA;YAC5D,aAAa,CAAC,SAAS,EAAE,KAAK,CAAC,OAAO,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAA;YAC5D,aAAa,CAAC,UAAU,EAAE,KAAK,CAAC,MAAM,EAAE,QAAQ,EAAE,EAAE;gBAClD,SAAS,EAAE,IAAI;aAChB,CAAC,CAAA;QACJ,CAAC;QACD,IAAI,aAAa,EAAE,CAAC;YAClB,aAAa,CAAC,eAAe,EAAE,aAAa,EAAE;gBAC5C,SAAS,EAAE,IAAI;aAChB,CAAC,CAAA;QACJ,CAAC;IACH,CAAC,EAAE,CAAC,aAAa,EAAE,aAAa,EAAE,KAAK,CAAC,CAAC,CAAA;IACzC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAG,CAAA;AACtC,CAAC,CAAA"}

package/dist/esm/components/ContractComponent/NFT/NFT.d.ts

@@ -0,0 +1,2 @@
+import type { NFTProps } from './types.js';
+export declare const NFT: React.FC<NFTProps>;

package/dist/esm/components/ContractComponent/NFT/NFT.jsx

@@ -0,0 +1,22 @@
+import { useEffect } from 'react';
+import { useFieldActions } from '../../../stores/form/useFieldActions.js';
+import { NFTBase } from './NFTBase.js';
+export const NFT = ({ imageUrl, isLoading, collectionName, assetName, owner, token, contractCall, }) => {
+    const { setFieldValue } = useFieldActions();
+    useEffect(() => {
+        if (token) {
+            setFieldValue('toChain', token.chainId, { isTouched: true });
+            setFieldValue('toToken', token.address, { isTouched: true });
+            setFieldValue('toAmount', token.amount?.toString(), {
+                isTouched: true,
+            });
+        }
+        if (contractCall) {
+            setFieldValue('contractCalls', [contractCall], {
+                isTouched: true,
+            });
+        }
+    }, [contractCall, setFieldValue, token]);
+    return (<NFTBase isLoading={isLoading} imageUrl={imageUrl} collectionName={collectionName} assetName={assetName} owner={owner} token={token}/>);
+};
+//# sourceMappingURL=NFT.jsx.map

package/dist/esm/components/ContractComponent/NFT/NFT.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"NFT.jsx","sourceRoot":"","sources":["../../../../../src/components/ContractComponent/NFT/NFT.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,yCAAyC,CAAA;AACzE,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAGtC,MAAM,CAAC,MAAM,GAAG,GAAuB,CAAC,EACtC,QAAQ,EACR,SAAS,EACT,cAAc,EACd,SAAS,EACT,KAAK,EACL,KAAK,EACL,YAAY,GACb,EAAE,EAAE;IACH,MAAM,EAAE,aAAa,EAAE,GAAG,eAAe,EAAE,CAAA;IAE3C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,EAAE,CAAC;YACV,aAAa,CAAC,SAAS,EAAE,KAAK,CAAC,OAAO,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAA;YAC5D,aAAa,CAAC,SAAS,EAAE,KAAK,CAAC,OAAO,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAA;YAC5D,aAAa,CAAC,UAAU,EAAE,KAAK,CAAC,MAAM,EAAE,QAAQ,EAAE,EAAE;gBAClD,SAAS,EAAE,IAAI;aAChB,CAAC,CAAA;QACJ,CAAC;QACD,IAAI,YAAY,EAAE,CAAC;YACjB,aAAa,CAAC,eAAe,EAAE,CAAC,YAAY,CAAC,EAAE;gBAC7C,SAAS,EAAE,IAAI;aAChB,CAAC,CAAA;QACJ,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,aAAa,EAAE,KAAK,CAAC,CAAC,CAAA;IACxC,OAAO,CACL,CAAC,OAAO,CACN,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,cAAc,CAAC,CAAC,cAAc,CAAC,CAC/B,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,KAAK,CAAC,CAAC,KAAK,CAAC,EACb,CACH,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/ContractComponent/NFT/NFT.style.d.ts

@@ -0,0 +1,3 @@
+export declare const PreviewAvatar: import("@emotion/styled").StyledComponent<import("@mui/material").AvatarOwnProps & import("@mui/material").AvatarSlotsAndSlotProps & import("@mui/material/OverridableComponent.js").CommonProps & 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;
+}, "children" | "sx" | "style" | "className" | "alt" | "src" | "sizes" | "srcSet" | "classes" | "variant" | "imgProps" | "slots" | "slotProps"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/dist/esm/components/ContractComponent/NFT/NFT.style.js

@@ -0,0 +1,8 @@
+import { Avatar, styled } from '@mui/material';
+export const PreviewAvatar = styled(Avatar)(({ theme }) => ({
+    background: theme.palette.background.paper,
+    width: 96,
+    height: 96,
+    borderRadius: theme.shape.borderRadius,
+}));
+//# sourceMappingURL=NFT.style.js.map

package/dist/esm/components/ContractComponent/NFT/NFT.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NFT.style.js","sourceRoot":"","sources":["../../../../../src/components/ContractComponent/NFT/NFT.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAE9C,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC1D,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK;IAC1C,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY;CACvC,CAAC,CAAC,CAAA"}

package/dist/esm/components/ContractComponent/NFT/NFTBase.d.ts

@@ -0,0 +1,2 @@
+import type { NFTProps } from './types.js';
+export declare const NFTBase: React.FC<NFTProps>;

package/dist/esm/components/ContractComponent/NFT/NFTBase.jsx

@@ -0,0 +1,28 @@
+import { Box, Link, Skeleton, Typography } from '@mui/material';
+import { useTranslation } from 'react-i18next';
+import { Token } from '../../Token/Token.js';
+import { PreviewAvatar } from './NFT.style.js';
+export const NFTBase = ({ imageUrl, isLoading, collectionName, assetName, owner, token, }) => {
+    const { t } = useTranslation();
+    return (<Box p={2}>
+      <Box display="flex">
+        {isLoading ? (<Skeleton width={96} height={96} variant="rectangular" sx={{ borderRadius: 1 }}/>) : (<PreviewAvatar src={imageUrl}/>)}
+        <Box ml={2}>
+          {isLoading ? (<Skeleton width={144} height={21} variant="text"/>) : (<Typography fontSize={14} color="text.secondary">
+              {collectionName}
+            </Typography>)}
+          {isLoading ? (<Skeleton width={112} height={27} variant="text"/>) : (<Typography fontSize={18} fontWeight={600}>
+              {assetName}
+            </Typography>)}
+          {isLoading ? (<Skeleton width={128} height={21} variant="text"/>) : owner ? (<Typography fontSize={14} color="text.secondary">
+              {t('main.ownedBy')}{' '}
+              <Link href={owner.url} target="_blank" underline="none" color="primary">
+                {owner.name}
+              </Link>
+            </Typography>) : null}
+        </Box>
+      </Box>
+      <Token token={token} isLoading={isLoading} mt={2}/>
+    </Box>);
+};
+//# sourceMappingURL=NFTBase.jsx.map

package/dist/esm/components/ContractComponent/NFT/NFTBase.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"NFTBase.jsx","sourceRoot":"","sources":["../../../../../src/components/ContractComponent/NFT/NFTBase.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAA;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAG9C,MAAM,CAAC,MAAM,OAAO,GAAuB,CAAC,EAC1C,QAAQ,EACR,SAAS,EACT,cAAc,EACd,SAAS,EACT,KAAK,EACL,KAAK,GACN,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,OAAO,CACL,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CACR;MAAA,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,CACjB;QAAA,CAAC,SAAS,CAAC,CAAC,CAAC,CACX,CAAC,QAAQ,CACP,KAAK,CAAC,CAAC,EAAE,CAAC,CACV,MAAM,CAAC,CAAC,EAAE,CAAC,CACX,OAAO,CAAC,aAAa,CACrB,EAAE,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,CAAC,EACxB,CACH,CAAC,CAAC,CAAC,CACF,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,EAAG,CACjC,CACD;QAAA,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CACT;UAAA,CAAC,SAAS,CAAC,CAAC,CAAC,CACX,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,MAAM,EAAG,CACpD,CAAC,CAAC,CAAC,CACF,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,gBAAgB,CAC9C;cAAA,CAAC,cAAc,CACjB;YAAA,EAAE,UAAU,CAAC,CACd,CACD;UAAA,CAAC,SAAS,CAAC,CAAC,CAAC,CACX,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,MAAM,EAAG,CACpD,CAAC,CAAC,CAAC,CACF,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,CACxC;cAAA,CAAC,SAAS,CACZ;YAAA,EAAE,UAAU,CAAC,CACd,CACD;UAAA,CAAC,SAAS,CAAC,CAAC,CAAC,CACX,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,MAAM,EAAG,CACpD,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CACV,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,gBAAgB,CAC9C;cAAA,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,GAAG,CACvB;cAAA,CAAC,IAAI,CACH,IAAI,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAChB,MAAM,CAAC,QAAQ,CACf,SAAS,CAAC,MAAM,CAChB,KAAK,CAAC,SAAS,CAEf;gBAAA,CAAC,KAAK,CAAC,IAAI,CACb;cAAA,EAAE,IAAI,CACR;YAAA,EAAE,UAAU,CAAC,CACd,CAAC,CAAC,CAAC,IAAI,CACV;QAAA,EAAE,GAAG,CACP;MAAA,EAAE,GAAG,CACL;MAAA,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EACnD;IAAA,EAAE,GAAG,CAAC,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/ContractComponent/NFT/types.d.ts

@@ -0,0 +1,16 @@
+import type { ContractCall, TokenAmount } from '@lifi/sdk';
+export interface NFTBaseProps {
+    imageUrl?: string;
+    collectionName?: string;
+    assetName?: string;
+    isLoading?: boolean;
+    owner?: NFTOwner;
+    token: TokenAmount;
+}
+export interface NFTProps extends NFTBaseProps {
+    contractCall?: ContractCall;
+}
+export interface NFTOwner {
+    name?: string;
+    url?: string;
+}

package/dist/esm/components/ContractComponent/NFT/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/esm/components/ContractComponent/NFT/types.js.map

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

package/dist/esm/components/Dialog.d.ts

@@ -0,0 +1,19 @@
+import type { DialogProps, PaperProps } from '@mui/material';
+import type { PropsWithChildren } from 'react';
+export declare const modalProps: {
+    sx: {
+        position: string;
+        overflow: string;
+    };
+};
+export declare const paperProps: Partial<PaperProps>;
+export declare const slotProps: {
+    backdrop: {
+        sx: {
+            position: string;
+            backgroundColor: string;
+            backdropFilter: string;
+        };
+    };
+};
+export declare const Dialog: React.FC<PropsWithChildren<DialogProps>>;

package/dist/esm/components/Dialog.jsx

@@ -0,0 +1,33 @@
+import { Dialog as MuiDialog } from '@mui/material';
+import { useGetScrollableContainer } from '../hooks/useScrollableContainer.js';
+export const modalProps = {
+    sx: {
+        position: 'absolute',
+        overflow: 'hidden',
+    },
+};
+export const paperProps = {
+    sx: (theme) => ({
+        position: 'absolute',
+        backgroundImage: 'none',
+        backgroundColor: theme.palette.background.default,
+        borderTopLeftRadius: theme.shape.borderRadius,
+        borderTopRightRadius: theme.shape.borderRadius,
+    }),
+};
+export const slotProps = {
+    backdrop: {
+        sx: {
+            position: 'absolute',
+            backgroundColor: 'rgb(0 0 0 / 32%)',
+            backdropFilter: 'blur(3px)',
+        },
+    },
+};
+export const Dialog = ({ children, open, onClose, }) => {
+    const getContainer = useGetScrollableContainer();
+    return (<MuiDialog container={getContainer} open={open} onClose={onClose} sx={modalProps.sx} PaperProps={paperProps} slotProps={slotProps}>
+      {children}
+    </MuiDialog>);
+};
+//# sourceMappingURL=Dialog.jsx.map

package/dist/esm/components/Dialog.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.jsx","sourceRoot":"","sources":["../../../src/components/Dialog.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,eAAe,CAAA;AAEnD,OAAO,EAAE,yBAAyB,EAAE,MAAM,oCAAoC,CAAA;AAE9E,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,EAAE,EAAE;QACF,QAAQ,EAAE,UAAU;QACpB,QAAQ,EAAE,QAAQ;KACnB;CACF,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAwB;IAC7C,EAAE,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,CAAC;QACrB,QAAQ,EAAE,UAAU;QACpB,eAAe,EAAE,MAAM;QACvB,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO;QACjD,mBAAmB,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY;QAC7C,oBAAoB,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY;KAC/C,CAAC;CACH,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,QAAQ,EAAE;QACR,EAAE,EAAE;YACF,QAAQ,EAAE,UAAU;YACpB,eAAe,EAAE,kBAAkB;YACnC,cAAc,EAAE,WAAW;SAC5B;KACF;CACF,CAAA;AAED,MAAM,CAAC,MAAM,MAAM,GAA6C,CAAC,EAC/D,QAAQ,EACR,IAAI,EACJ,OAAO,GACR,EAAE,EAAE;IACH,MAAM,YAAY,GAAG,yBAAyB,EAAE,CAAA;IAChD,OAAO,CACL,CAAC,SAAS,CACR,SAAS,CAAC,CAAC,YAAY,CAAC,CACxB,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,EAAE,CAAC,CAAC,UAAU,CAAC,EAAE,CAAC,CAClB,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,SAAS,CAAC,CAAC,SAAS,CAAC,CAErB;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,SAAS,CAAC,CACb,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/FeeBreakdownTooltip.d.ts

@@ -0,0 +1,10 @@
+import type { TFunction } from 'i18next';
+import type { ReactElement } from 'react';
+import type { FeesBreakdown } from '../utils/fees.js';
+export interface FeeBreakdownTooltipProps {
+    gasCosts?: FeesBreakdown[];
+    feeCosts?: FeesBreakdown[];
+    children: ReactElement<any, any>;
+}
+export declare const FeeBreakdownTooltip: React.FC<FeeBreakdownTooltipProps>;
+export declare const getFeeBreakdownTypography: (fees: FeesBreakdown[], t: TFunction) => import("react").JSX.Element[];

package/dist/esm/components/FeeBreakdownTooltip.jsx

@@ -0,0 +1,27 @@
+import { Box, Tooltip, Typography } from '@mui/material';
+import { useTranslation } from 'react-i18next';
+import { formatUnits } from 'viem';
+export const FeeBreakdownTooltip = ({ gasCosts, feeCosts, children, }) => {
+    const { t } = useTranslation();
+    return (<Tooltip title={<Box>
+          {gasCosts?.length ? (<Box>
+              {t('main.fees.network')}
+              {getFeeBreakdownTypography(gasCosts, t)}
+            </Box>) : null}
+          {feeCosts?.length ? (<Box mt={0.5}>
+              {t('main.fees.provider')}
+              {getFeeBreakdownTypography(feeCosts, t)}
+            </Box>) : null}
+        </Box>} sx={{ cursor: 'help' }}>
+      {children}
+    </Tooltip>);
+};
+export const getFeeBreakdownTypography = (fees, t) => fees.map((fee, index) => (<Typography fontSize={12} fontWeight="500" color="inherit" key={`${fee.token.address}${index}`}>
+      {t('format.currency', { value: fee.amountUSD })} (
+      {t('format.number', {
+        value: Number.parseFloat(formatUnits(fee.amount, fee.token.decimals)),
+        maximumFractionDigits: Math.min(fee.token.decimals, 9),
+    })}{' '}
+      {fee.token.symbol})
+    </Typography>));
+//# sourceMappingURL=FeeBreakdownTooltip.jsx.map

package/dist/esm/components/FeeBreakdownTooltip.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeeBreakdownTooltip.jsx","sourceRoot":"","sources":["../../../src/components/FeeBreakdownTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAGxD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,MAAM,CAAA;AASlC,MAAM,CAAC,MAAM,mBAAmB,GAAuC,CAAC,EACtE,QAAQ,EACR,QAAQ,EACR,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,OAAO,CACL,CAAC,OAAO,CACN,KAAK,CAAC,CACJ,CAAC,GAAG,CACF;UAAA,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,CAClB,CAAC,GAAG,CACF;cAAA,CAAC,CAAC,CAAC,mBAAmB,CAAC,CACvB;cAAA,CAAC,yBAAyB,CAAC,QAAQ,EAAE,CAAC,CAAC,CACzC;YAAA,EAAE,GAAG,CAAC,CACP,CAAC,CAAC,CAAC,IAAI,CACR;UAAA,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,CAClB,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CACX;cAAA,CAAC,CAAC,CAAC,oBAAoB,CAAC,CACxB;cAAA,CAAC,yBAAyB,CAAC,QAAQ,EAAE,CAAC,CAAC,CACzC;YAAA,EAAE,GAAG,CAAC,CACP,CAAC,CAAC,CAAC,IAAI,CACV;QAAA,EAAE,GAAG,CACP,CAAC,CACD,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAEvB;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,OAAO,CAAC,CACX,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,yBAAyB,GAAG,CACvC,IAAqB,EACrB,CAAY,EACZ,EAAE,CACF,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,CACvB,CAAC,UAAU,CACT,QAAQ,CAAC,CAAC,EAAE,CAAC,CACb,UAAU,CAAC,KAAK,CAChB,KAAK,CAAC,SAAS,CACf,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,KAAK,CAAC,OAAO,GAAG,KAAK,EAAE,CAAC,CAEpC;MAAA,CAAC,CAAC,CAAC,iBAAiB,EAAE,EAAE,KAAK,EAAE,GAAG,CAAC,SAAS,EAAE,CAAC,CAAE;MACjD,CAAC,CAAC,CAAC,eAAe,EAAE;QAClB,KAAK,EAAE,MAAM,CAAC,UAAU,CAAC,WAAW,CAAC,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QACrE,qBAAqB,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC;KACvD,CAAC,CAAC,CAAC,GAAG,CACP;MAAA,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC;IACpB,EAAE,UAAU,CAAC,CACd,CAAC,CAAA"}

package/dist/esm/components/FullPageContainer.d.ts

@@ -0,0 +1,2 @@
+import type { PageContainerProps } from './PageContainer.js';
+export declare const FullPageContainer: import("@emotion/styled").StyledComponent<PageContainerProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/dist/esm/components/FullPageContainer.jsx

@@ -0,0 +1,8 @@
+import { styled } from '@mui/material';
+import { PageContainer } from './PageContainer.js';
+// In max height and default layout
+// the PageContainer collapses to use the minimum space need to display its child components whereas
+// the FullPageContainer expands and fills the available vertical space provide by the max-height
+// See the CssBaselineContainer component styles in AppContainer.tsx for usage of full-page-container
+export const FullPageContainer = styled((props) => (<PageContainer {...props} className={`${props.className} full-page-container`}/>)) ``;
+//# sourceMappingURL=FullPageContainer.jsx.map

package/dist/esm/components/FullPageContainer.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"FullPageContainer.jsx","sourceRoot":"","sources":["../../../src/components/FullPageContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAEtC,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAElD,mCAAmC;AACnC,oGAAoG;AACpG,iGAAiG;AACjG,qGAAqG;AACrG,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,CAAC,KAAyB,EAAE,EAAE,CAAC,CACrE,CAAC,aAAa,CACZ,IAAI,KAAK,CAAC,CACV,SAAS,CAAC,CAAC,GAAG,KAAK,CAAC,SAAS,sBAAsB,CAAC,EACpD,CACH,CAAC,CAAA,EAAE,CAAA"}

package/dist/esm/components/GasMessage/FundsSufficiencyMessage.d.ts

@@ -0,0 +1 @@
+export declare const FundsSufficiencyMessage: () => import("react").JSX.Element;

package/dist/esm/components/GasMessage/FundsSufficiencyMessage.jsx

@@ -0,0 +1,11 @@
+import { WarningRounded } from '@mui/icons-material';
+import { Typography } from '@mui/material';
+import { useTranslation } from 'react-i18next';
+import { AlertMessage } from '../AlertMessage/AlertMessage.js';
+export const FundsSufficiencyMessage = () => {
+    const { t } = useTranslation();
+    return (<AlertMessage severity="warning" icon={<WarningRounded />} title={<Typography variant="body2" px={1} color="text.primary">
+          {t('warning.message.insufficientFunds')}
+        </Typography>} multilineTitle/>);
+};
+//# sourceMappingURL=FundsSufficiencyMessage.jsx.map

package/dist/esm/components/GasMessage/FundsSufficiencyMessage.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"FundsSufficiencyMessage.jsx","sourceRoot":"","sources":["../../../../src/components/GasMessage/FundsSufficiencyMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAA;AAE9D,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,EAAE;IAC1C,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,OAAO,CACL,CAAC,YAAY,CACX,QAAQ,CAAC,SAAS,CAClB,IAAI,CAAC,CAAC,CAAC,cAAc,CAAC,AAAD,EAAG,CAAC,CACzB,KAAK,CAAC,CACJ,CAAC,UAAU,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,cAAc,CACrD;UAAA,CAAC,CAAC,CAAC,mCAAmC,CAAC,CACzC;QAAA,EAAE,UAAU,CACd,CAAC,CACD,cAAc,EACd,CACH,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/GasMessage/GasMessage.d.ts

@@ -0,0 +1,7 @@
+import type { Route } from '@lifi/sdk';
+import type { BoxProps } from '@mui/material';
+interface GasMessageProps extends BoxProps {
+    route?: Route;
+}
+export declare const GasMessage: React.FC<GasMessageProps>;
+export {};

package/dist/esm/components/GasMessage/GasMessage.jsx

@@ -0,0 +1,16 @@
+import { Box, Collapse } from '@mui/material';
+import { useFromTokenSufficiency } from '../../hooks/useFromTokenSufficiency.js';
+import { useGasSufficiency } from '../../hooks/useGasSufficiency.js';
+import { FundsSufficiencyMessage } from './FundsSufficiencyMessage.js';
+import { GasSufficiencyMessage } from './GasSufficiencyMessage.js';
+export const GasMessage = ({ route, ...props }) => {
+    const { insufficientGas } = useGasSufficiency(route);
+    const { insufficientFromToken } = useFromTokenSufficiency(route);
+    const validInsufficientGas = insufficientGas?.length;
+    return (<Collapse timeout={225} in={Boolean(insufficientFromToken || validInsufficientGas)} unmountOnExit mountOnEnter>
+      <Box {...props}>
+        {insufficientFromToken ? (<FundsSufficiencyMessage />) : validInsufficientGas ? (<GasSufficiencyMessage insufficientGas={insufficientGas}/>) : null}
+      </Box>
+    </Collapse>);
+};
+//# sourceMappingURL=GasMessage.jsx.map

package/dist/esm/components/GasMessage/GasMessage.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"GasMessage.jsx","sourceRoot":"","sources":["../../../../src/components/GasMessage/GasMessage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAC7C,OAAO,EAAE,uBAAuB,EAAE,MAAM,wCAAwC,CAAA;AAChF,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAA;AACpE,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAA;AACtE,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAA;AAMlE,MAAM,CAAC,MAAM,UAAU,GAA8B,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC3E,MAAM,EAAE,eAAe,EAAE,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAA;IACpD,MAAM,EAAE,qBAAqB,EAAE,GAAG,uBAAuB,CAAC,KAAK,CAAC,CAAA;IAEhE,MAAM,oBAAoB,GAAG,eAAe,EAAE,MAAM,CAAA;IAEpD,OAAO,CACL,CAAC,QAAQ,CACP,OAAO,CAAC,CAAC,GAAG,CAAC,CACb,EAAE,CAAC,CAAC,OAAO,CAAC,qBAAqB,IAAI,oBAAoB,CAAC,CAAC,CAC3D,aAAa,CACb,YAAY,CAEZ;MAAA,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,CACb;QAAA,CAAC,qBAAqB,CAAC,CAAC,CAAC,CACvB,CAAC,uBAAuB,CAAC,AAAD,EAAG,CAC5B,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,CACzB,CAAC,qBAAqB,CAAC,eAAe,CAAC,CAAC,eAAe,CAAC,EAAG,CAC5D,CAAC,CAAC,CAAC,IAAI,CACV;MAAA,EAAE,GAAG,CACP;IAAA,EAAE,QAAQ,CAAC,CACZ,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/GasMessage/GasMessage.style.d.ts

@@ -0,0 +1 @@
+export declare const InfoMessageSwitch: import("@emotion/styled").StyledComponent<import("@mui/material").SwitchProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

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

@@ -0,0 +1,19 @@
+import { alpha, styled, switchClasses } from '@mui/material';
+import { Switch } from '../Switch.js';
+export const InfoMessageSwitch = styled(Switch)(({ theme }) => ({
+    [`.${switchClasses.switchBase}`]: {
+        [`&.${switchClasses.checked}`]: {
+            [`& + .${switchClasses.track}`]: {
+                backgroundColor: theme.palette.mode === 'light'
+                    ? theme.palette.info.main
+                    : alpha(theme.palette.info.main, 0.84),
+            },
+        },
+        [`&.Mui-focusVisible .${switchClasses.thumb}`]: {
+            color: theme.palette.mode === 'light'
+                ? theme.palette.info.main
+                : alpha(theme.palette.info.main, 0.84),
+        },
+    },
+}));
+//# sourceMappingURL=GasMessage.style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GasMessage.style.js","sourceRoot":"","sources":["../../../../src/components/GasMessage/GasMessage.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AAErC,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC9D,CAAC,IAAI,aAAa,CAAC,UAAU,EAAE,CAAC,EAAE;QAChC,CAAC,KAAK,aAAa,CAAC,OAAO,EAAE,CAAC,EAAE;YAC9B,CAAC,QAAQ,aAAa,CAAC,KAAK,EAAE,CAAC,EAAE;gBAC/B,eAAe,EACb,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;oBAC5B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;oBACzB,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC;aAC3C;SACF;QACD,CAAC,uBAAuB,aAAa,CAAC,KAAK,EAAE,CAAC,EAAE;YAC9C,KAAK,EACH,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;gBAC5B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;gBACzB,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC;SAC3C;KACF;CACF,CAAC,CAAC,CAAA"}

package/dist/esm/components/GasMessage/GasRefuelMessage.d.ts

@@ -0,0 +1,2 @@
+import type { BoxProps } from '@mui/material';
+export declare const GasRefuelMessage: React.FC<BoxProps>;