@lifi/widget 3.30.0 → 3.30.1

package/dist/esm/components/Select.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/components/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,mBAAmB,EACnB,MAAM,IAAI,SAAS,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,EAAE,EAAE,CAAC,CAAC;IACtC,eAAe,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;IAChD,CAAC,IAAI,gBAAgB,CAAC,KAAK,EAAE,CAAC,EAAE;QAC9B,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QACzB,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,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;KACvC;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;IACD,GAAG,KAAK,CAAC,WAAW,CAAC,MAAM,EAAE;QAC3B,eAAe,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK;KACrD,CAAC;IACF,QAAQ,EAAE;QACR;YACE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK;YAC3B,KAAK,EAAE;gBACL,CAAC,IAAI,gBAAgB,CAAC,KAAK,EAAE,CAAC,EAAE;oBAC9B,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;iBACzC;aACF;SACF;KACF;CACF,CAAC,CAAC,CAAA"}

package/dist/esm/components/StepActions/StepFees.d.ts

@@ -1,5 +0,0 @@
-import type { LiFiStepExtended } from '@lifi/sdk';
-import type { TypographyProps } from '@mui/material';
-export declare const StepFees: React.FC<TypographyProps & {
-    step: LiFiStepExtended;
-}>;

package/dist/esm/components/StepActions/StepFees.js

@@ -1,32 +0,0 @@
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Typography } from '@mui/material';
-import { useTranslation } from 'react-i18next';
-import { getStepFeeCostsBreakdown } from '../../utils/fees.js';
-export const StepFees = ({ step, ...other }) => {
-    const { t } = useTranslation();
-    const isDone = step.execution?.status === 'DONE';
-    const gasCosts = step.execution?.gasCosts ?? step.estimate.gasCosts;
-    const feeCosts = step.execution?.feeCosts ?? step.estimate.feeCosts;
-    let fees = 0;
-    if (gasCosts) {
-        const { amountUSD } = getStepFeeCostsBreakdown(gasCosts);
-        fees += amountUSD;
-    }
-    if (feeCosts) {
-        const filteredfeeCosts = feeCosts?.filter((fee) => !fee.included);
-        if (filteredfeeCosts?.length) {
-            const { amountUSD } = getStepFeeCostsBreakdown(filteredfeeCosts);
-            fees += amountUSD;
-        }
-    }
-    return (_jsxs(Typography, { ...other, sx: [
-            {
-                fontSize: 12,
-                fontWeight: '500',
-                color: 'text.secondary',
-                lineHeight: 1.3334,
-            },
-            ...(Array.isArray(other.sx) ? other.sx : [other.sx]),
-        ], children: [t('format.currency', { value: fees }), ' ', isDone ? t('main.fees.paid') : t('main.fees.estimated')] }));
-};
-//# sourceMappingURL=StepFees.js.map

package/dist/esm/components/StepActions/StepFees.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StepFees.js","sourceRoot":"","sources":["../../../../src/components/StepActions/StepFees.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAA;AAE9D,MAAM,CAAC,MAAM,QAAQ,GAIjB,CAAC,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACzB,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAE9B,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,CAAA;IAChD,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,EAAE,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAA;IACnE,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,EAAE,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAA;IACnE,IAAI,IAAI,GAAG,CAAC,CAAA;IAEZ,IAAI,QAAQ,EAAE,CAAC;QACb,MAAM,EAAE,SAAS,EAAE,GAAG,wBAAwB,CAAC,QAAQ,CAAC,CAAA;QACxD,IAAI,IAAI,SAAS,CAAA;IACnB,CAAC;IAED,IAAI,QAAQ,EAAE,CAAC;QACb,MAAM,gBAAgB,GAAG,QAAQ,EAAE,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;QACjE,IAAI,gBAAgB,EAAE,MAAM,EAAE,CAAC;YAC7B,MAAM,EAAE,SAAS,EAAE,GAAG,wBAAwB,CAAC,gBAAgB,CAAC,CAAA;YAChE,IAAI,IAAI,SAAS,CAAA;QACnB,CAAC;IACH,CAAC;IAED,OAAO,CACL,MAAC,UAAU,OACL,KAAK,EACT,EAAE,EAAE;YACF;gBACE,QAAQ,EAAE,EAAE;gBACZ,UAAU,EAAE,KAAK;gBACjB,KAAK,EAAE,gBAAgB;gBACvB,UAAU,EAAE,MAAM;aACnB;YACD,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;SACrD,aAEA,CAAC,CAAC,iBAAiB,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAC1C,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,qBAAqB,CAAC,IAC7C,CACd,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/pages/MainPage/MainPage.style.d.ts

@@ -1 +0,0 @@
-export declare const FormContainer: import("@emotion/styled").StyledComponent<import("@mui/material").ContainerOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "fixed" | "maxWidth" | "children" | "sx" | "style" | "className" | "classes" | "disableGutters"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/dist/esm/pages/MainPage/MainPage.style.js

@@ -1,8 +0,0 @@
-import { Container, styled } from '@mui/material';
-export const FormContainer = styled(Container)({
-    display: 'flex',
-    flexDirection: 'column',
-    flexGrow: 1,
-    position: 'relative',
-});
-//# sourceMappingURL=MainPage.style.js.map

package/dist/esm/pages/MainPage/MainPage.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MainPage.style.js","sourceRoot":"","sources":["../../../../src/pages/MainPage/MainPage.style.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAEjD,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;IAC7C,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,QAAQ,EAAE,CAAC;IACX,QAAQ,EAAE,UAAU;CACrB,CAAC,CAAA"}

package/dist/esm/pages/SelectNativeTokenPage.d.ts

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

package/dist/esm/pages/SelectNativeTokenPage.js

@@ -1,23 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { List, ListItemAvatar } from '@mui/material';
-import { useTranslation } from 'react-i18next';
-import { TokenAvatar } from '../components/Avatar/TokenAvatar.js';
-import { ListItemButton } from '../components/ListItemButton.js';
-import { ListItemText } from '../components/ListItemText.js';
-import { PageContainer } from '../components/PageContainer.js';
-import { useTokenSelect } from '../components/TokenList/useTokenSelect.js';
-import { useChains } from '../hooks/useChains.js';
-import { useNavigateBack } from '../hooks/useNavigateBack.js';
-export const SelectNativeTokenPage = ({ formType, }) => {
-    const { t } = useTranslation();
-    const { navigateBack } = useNavigateBack();
-    const { chains } = useChains();
-    const selectToken = useTokenSelect(formType, navigateBack);
-    return (_jsx(PageContainer, { disableGutters: true, children: _jsx(List, { sx: {
-                paddingTop: 0,
-                paddingLeft: 1.5,
-                paddingRight: 1.5,
-                paddingBottom: 1.5,
-            }, children: chains?.map((chain) => (_jsxs(ListItemButton, { onClick: () => selectToken(chain.nativeToken.address, chain.id), children: [_jsx(ListItemAvatar, { children: _jsx(TokenAvatar, { token: chain.nativeToken, chain: chain }) }), _jsx(ListItemText, { primary: chain.nativeToken.symbol, secondary: t('main.onChain', { chainName: chain.name }) })] }, chain.id))) }) }));
-};
-//# sourceMappingURL=SelectNativeTokenPage.js.map

package/dist/esm/pages/SelectNativeTokenPage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectNativeTokenPage.js","sourceRoot":"","sources":["../../../src/pages/SelectNativeTokenPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAA;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAA;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAA;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,2CAA2C,CAAA;AAC1E,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAA;AAG7D,MAAM,CAAC,MAAM,qBAAqB,GAA4B,CAAC,EAC7D,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,EAAE,CAAA;IAC1C,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,EAAE,CAAA;IAC9B,MAAM,WAAW,GAAG,cAAc,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;IAE1D,OAAO,CACL,KAAC,aAAa,IAAC,cAAc,kBAC3B,KAAC,IAAI,IACH,EAAE,EAAE;gBACF,UAAU,EAAE,CAAC;gBACb,WAAW,EAAE,GAAG;gBAChB,YAAY,EAAE,GAAG;gBACjB,aAAa,EAAE,GAAG;aACnB,YAEA,MAAM,EAAE,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACtB,MAAC,cAAc,IAEb,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,WAAW,CAAC,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,aAE/D,KAAC,cAAc,cACb,KAAC,WAAW,IAAC,KAAK,EAAE,KAAK,CAAC,WAAW,EAAE,KAAK,EAAE,KAAK,GAAI,GACxC,EACjB,KAAC,YAAY,IACX,OAAO,EAAE,KAAK,CAAC,WAAW,CAAC,MAAM,EACjC,SAAS,EAAE,CAAC,CAAC,cAAc,EAAE,EAAE,SAAS,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC,GACvD,KATG,KAAK,CAAC,EAAE,CAUE,CAClB,CAAC,GACG,GACO,CACjB,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/pages/SelectTokenPage/SearchTokenInput.style.d.ts

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

package/dist/esm/pages/SelectTokenPage/SearchTokenInput.style.js

@@ -1,6 +0,0 @@
-import { styled } from '@mui/material';
-import { Input as InputBase } from '../../components/Input.js';
-export const Input = styled(InputBase)(({ theme }) => ({
-    paddingRight: theme.spacing(1.5),
-}));
-//# sourceMappingURL=SearchTokenInput.style.js.map

package/dist/esm/pages/SelectTokenPage/SearchTokenInput.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SearchTokenInput.style.js","sourceRoot":"","sources":["../../../../src/pages/SelectTokenPage/SearchTokenInput.style.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AACtC,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"}

package/dist/esm/pages/SelectTokenPage/types.d.ts

@@ -1,4 +0,0 @@
-export declare enum TokenFilterType {
-    My = 0,
-    All = 1
-}

package/dist/esm/pages/SelectTokenPage/types.js

@@ -1,6 +0,0 @@
-export var TokenFilterType;
-(function (TokenFilterType) {
-    TokenFilterType[TokenFilterType["My"] = 0] = "My";
-    TokenFilterType[TokenFilterType["All"] = 1] = "All";
-})(TokenFilterType || (TokenFilterType = {}));
-//# sourceMappingURL=types.js.map

package/dist/esm/pages/SelectTokenPage/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/pages/SelectTokenPage/types.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,eAGX;AAHD,WAAY,eAAe;IACzB,iDAAM,CAAA;IACN,mDAAO,CAAA;AACT,CAAC,EAHW,eAAe,KAAf,eAAe,QAG1B"}

package/dist/esm/providers/WidgetProvider/utils.d.ts

@@ -1,5 +0,0 @@
-import type { WidgetConfig } from '../../types/widget.js';
-export declare const attemptToFindMatchingToAddressInConfig: (address: string, config: WidgetConfig) => import("../../index.js").ToAddress | {
-    address: string;
-    chainType: import("@lifi/sdk").ChainType | undefined;
-};

package/dist/esm/providers/WidgetProvider/utils.js

@@ -1,17 +0,0 @@
-import { getChainTypeFromAddress } from '../../utils/chainType.js';
-export const attemptToFindMatchingToAddressInConfig = (address, config) => {
-    if (config.toAddress && config.toAddress.address === address) {
-        return config.toAddress;
-    }
-    if (config.toAddresses?.length) {
-        const matchingToAddress = config.toAddresses.find((toAddress) => toAddress.address === address);
-        if (matchingToAddress) {
-            return matchingToAddress;
-        }
-    }
-    return {
-        address: address,
-        chainType: getChainTypeFromAddress(address),
-    };
-};
-//# sourceMappingURL=utils.js.map

package/dist/esm/providers/WidgetProvider/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/providers/WidgetProvider/utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAA;AAElE,MAAM,CAAC,MAAM,sCAAsC,GAAG,CACpD,OAAe,EACf,MAAoB,EACpB,EAAE;IACF,IAAI,MAAM,CAAC,SAAS,IAAI,MAAM,CAAC,SAAS,CAAC,OAAO,KAAK,OAAO,EAAE,CAAC;QAC7D,OAAO,MAAM,CAAC,SAAS,CAAA;IACzB,CAAC;IAED,IAAI,MAAM,CAAC,WAAW,EAAE,MAAM,EAAE,CAAC;QAC/B,MAAM,iBAAiB,GAAG,MAAM,CAAC,WAAW,CAAC,IAAI,CAC/C,CAAC,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,OAAO,KAAK,OAAO,CAC7C,CAAA;QAED,IAAI,iBAAiB,EAAE,CAAC;YACtB,OAAO,iBAAiB,CAAA;QAC1B,CAAC;IACH,CAAC;IAED,OAAO;QACL,OAAO,EAAE,OAAO;QAChB,SAAS,EAAE,uBAAuB,CAAC,OAAO,CAAC;KAC5C,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/stores/form/useFieldController.d.ts

@@ -1,11 +0,0 @@
-import type { FormFieldNames } from './types.js';
-interface UseFieldControllerProps {
-    name: FormFieldNames;
-}
-export declare const useFieldController: ({ name }: UseFieldControllerProps) => {
-    onChange: (newValue: string | number | undefined) => void;
-    onBlur: () => void;
-    name: keyof import("./types.js").DefaultValues;
-    value: string | number | import("@lifi/sdk").ContractCall[] | undefined;
-};
-export {};

package/dist/esm/stores/form/useFieldController.js

@@ -1,20 +0,0 @@
-import { useCallback } from 'react';
-import { useFieldActions } from './useFieldActions.js';
-import { useFieldValues } from './useFieldValues.js';
-export const useFieldController = ({ name }) => {
-    const [fieldValue] = useFieldValues(name);
-    const { setFieldValue, setAsTouched } = useFieldActions();
-    const onChange = useCallback((newValue) => {
-        setFieldValue(name, newValue, { isDirty: true, isTouched: true });
-    }, [name, setFieldValue]);
-    const onBlur = useCallback(() => {
-        setAsTouched(name);
-    }, [name, setAsTouched]);
-    return {
-        onChange,
-        onBlur,
-        name,
-        value: fieldValue,
-    };
-};
-//# sourceMappingURL=useFieldController.js.map

package/dist/esm/stores/form/useFieldController.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useFieldController.js","sourceRoot":"","sources":["../../../../src/stores/form/useFieldController.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAEnC,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAMpD,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EAAE,IAAI,EAA2B,EAAE,EAAE;IACtE,MAAM,CAAC,UAAU,CAAC,GAAG,cAAc,CAAC,IAAI,CAAC,CAAA;IACzC,MAAM,EAAE,aAAa,EAAE,YAAY,EAAE,GAAG,eAAe,EAAE,CAAA;IAEzD,MAAM,QAAQ,GAAG,WAAW,CAC1B,CAAC,QAAqC,EAAE,EAAE;QACxC,aAAa,CAAC,IAAI,EAAE,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAA;IACnE,CAAC,EACD,CAAC,IAAI,EAAE,aAAa,CAAC,CACtB,CAAA;IAED,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE;QAC9B,YAAY,CAAC,IAAI,CAAC,CAAA;IACpB,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAA;IAExB,OAAO;QACL,QAAQ;QACR,MAAM;QACN,IAAI;QACJ,KAAK,EAAE,UAAU;KAClB,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/stores/form/useValidation.d.ts

@@ -1,2 +0,0 @@
-import type { ValidationProps } from './types.js';
-export declare const useValidation: () => Omit<ValidationProps, "validation">;

package/dist/esm/stores/form/useValidation.js

@@ -1,14 +0,0 @@
-import { useFormStore } from './useFormStore.js';
-export const useValidation = () => {
-    const [isValid, isValidating, errors] = useFormStore((store) => [
-        store.isValid,
-        store.isValidating,
-        store.errors,
-    ]);
-    return {
-        isValid,
-        isValidating,
-        errors,
-    };
-};
-//# sourceMappingURL=useValidation.js.map

package/dist/esm/stores/form/useValidation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useValidation.js","sourceRoot":"","sources":["../../../../src/stores/form/useValidation.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAChD,MAAM,CAAC,MAAM,aAAa,GAAG,GAAwC,EAAE;IACrE,MAAM,CAAC,OAAO,EAAE,YAAY,EAAE,MAAM,CAAC,GAAG,YAAY,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC;QAC9D,KAAK,CAAC,OAAO;QACb,KAAK,CAAC,YAAY;QAClB,KAAK,CAAC,MAAM;KACb,CAAC,CAAA;IAEF,OAAO;QACL,OAAO;QACP,YAAY;QACZ,MAAM;KACP,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/stores/form/useValidationActions.d.ts

@@ -1,2 +0,0 @@
-import type { ValidationActions } from './types.js';
-export declare const useValidationActions: () => ValidationActions;

package/dist/esm/stores/form/useValidationActions.js

@@ -1,10 +0,0 @@
-import { useFormStore } from './useFormStore.js';
-export const useValidationActions = () => {
-    const actions = useFormStore((store) => ({
-        addFieldValidation: store.addFieldValidation,
-        triggerFieldValidation: store.triggerFieldValidation,
-        clearErrors: store.clearErrors,
-    }));
-    return actions;
-};
-//# sourceMappingURL=useValidationActions.js.map

package/dist/esm/stores/form/useValidationActions.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useValidationActions.js","sourceRoot":"","sources":["../../../../src/stores/form/useValidationActions.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAEhD,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACvC,MAAM,OAAO,GAAG,YAAY,CAAoB,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QAC1D,kBAAkB,EAAE,KAAK,CAAC,kBAAkB;QAC5C,sBAAsB,EAAE,KAAK,CAAC,sBAAsB;QACpD,WAAW,EAAE,KAAK,CAAC,WAAW;KAC/B,CAAC,CAAC,CAAA;IAEH,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA"}

package/src/AppDrawer.style.tsx

@@ -1,12 +0,0 @@
-import { IconButton, styled } from '@mui/material'
-
-export const CloseButtonLayout = styled(IconButton)(() => ({
-  position: 'absolute',
-  top: '12px',
-  right: '26px',
-  zIndex: 1,
-  height: '40px',
-  width: '40px',
-  alignItems: 'center',
-  justifyContent: 'center',
-}))

package/src/components/Select.tsx

@@ -1,42 +0,0 @@
-import {
-  inputBaseClasses,
-  listItemIconClasses,
-  Select as MuiSelect,
-  outlinedInputClasses,
-  selectClasses,
-  styled,
-} from '@mui/material'
-
-export const Select = styled(MuiSelect, {
-  shouldForwardProp: (prop) => prop !== 'dense',
-})<{ dense?: boolean }>(({ theme }) => ({
-  backgroundColor: theme.vars.palette.common.white,
-  [`.${inputBaseClasses.input}`]: {
-    padding: theme.spacing(2),
-    display: 'flex',
-    alignItems: 'center',
-  },
-  [`.${selectClasses.icon}`]: {
-    right: 10,
-    color: theme.vars.palette.text.primary,
-  },
-  [`.${listItemIconClasses.root}`]: {
-    minWidth: 38,
-  },
-  [`.${outlinedInputClasses.notchedOutline}`]: {
-    display: 'none',
-  },
-  ...theme.applyStyles('dark', {
-    backgroundColor: theme.vars.palette.background.paper,
-  }),
-  variants: [
-    {
-      props: ({ dense }) => dense,
-      style: {
-        [`.${inputBaseClasses.input}`]: {
-          padding: theme.spacing(1.625, 2, 1.5, 2),
-        },
-      },
-    },
-  ],
-}))

package/src/components/StepActions/StepFees.tsx

@@ -1,49 +0,0 @@
-import type { LiFiStepExtended } from '@lifi/sdk'
-import type { TypographyProps } from '@mui/material'
-import { Typography } from '@mui/material'
-import { useTranslation } from 'react-i18next'
-import { getStepFeeCostsBreakdown } from '../../utils/fees.js'
-
-export const StepFees: React.FC<
-  TypographyProps & {
-    step: LiFiStepExtended
-  }
-> = ({ step, ...other }) => {
-  const { t } = useTranslation()
-
-  const isDone = step.execution?.status === 'DONE'
-  const gasCosts = step.execution?.gasCosts ?? step.estimate.gasCosts
-  const feeCosts = step.execution?.feeCosts ?? step.estimate.feeCosts
-  let fees = 0
-
-  if (gasCosts) {
-    const { amountUSD } = getStepFeeCostsBreakdown(gasCosts)
-    fees += amountUSD
-  }
-
-  if (feeCosts) {
-    const filteredfeeCosts = feeCosts?.filter((fee) => !fee.included)
-    if (filteredfeeCosts?.length) {
-      const { amountUSD } = getStepFeeCostsBreakdown(filteredfeeCosts)
-      fees += amountUSD
-    }
-  }
-
-  return (
-    <Typography
-      {...other}
-      sx={[
-        {
-          fontSize: 12,
-          fontWeight: '500',
-          color: 'text.secondary',
-          lineHeight: 1.3334,
-        },
-        ...(Array.isArray(other.sx) ? other.sx : [other.sx]),
-      ]}
-    >
-      {t('format.currency', { value: fees })}{' '}
-      {isDone ? t('main.fees.paid') : t('main.fees.estimated')}
-    </Typography>
-  )
-}

package/src/pages/MainPage/MainPage.style.tsx

@@ -1,8 +0,0 @@
-import { Container, styled } from '@mui/material'
-
-export const FormContainer = styled(Container)({
-  display: 'flex',
-  flexDirection: 'column',
-  flexGrow: 1,
-  position: 'relative',
-})

package/src/pages/SelectNativeTokenPage.tsx

@@ -1,47 +0,0 @@
-import { List, ListItemAvatar } from '@mui/material'
-import { useTranslation } from 'react-i18next'
-import { TokenAvatar } from '../components/Avatar/TokenAvatar.js'
-import { ListItemButton } from '../components/ListItemButton.js'
-import { ListItemText } from '../components/ListItemText.js'
-import { PageContainer } from '../components/PageContainer.js'
-import { useTokenSelect } from '../components/TokenList/useTokenSelect.js'
-import { useChains } from '../hooks/useChains.js'
-import { useNavigateBack } from '../hooks/useNavigateBack.js'
-import type { FormTypeProps } from '../stores/form/types.js'
-
-export const SelectNativeTokenPage: React.FC<FormTypeProps> = ({
-  formType,
-}) => {
-  const { t } = useTranslation()
-  const { navigateBack } = useNavigateBack()
-  const { chains } = useChains()
-  const selectToken = useTokenSelect(formType, navigateBack)
-
-  return (
-    <PageContainer disableGutters>
-      <List
-        sx={{
-          paddingTop: 0,
-          paddingLeft: 1.5,
-          paddingRight: 1.5,
-          paddingBottom: 1.5,
-        }}
-      >
-        {chains?.map((chain) => (
-          <ListItemButton
-            key={chain.id}
-            onClick={() => selectToken(chain.nativeToken.address, chain.id)}
-          >
-            <ListItemAvatar>
-              <TokenAvatar token={chain.nativeToken} chain={chain} />
-            </ListItemAvatar>
-            <ListItemText
-              primary={chain.nativeToken.symbol}
-              secondary={t('main.onChain', { chainName: chain.name })}
-            />
-          </ListItemButton>
-        ))}
-      </List>
-    </PageContainer>
-  )
-}

package/src/pages/SelectTokenPage/SearchTokenInput.style.tsx

@@ -1,6 +0,0 @@
-import { styled } from '@mui/material'
-import { Input as InputBase } from '../../components/Input.js'
-
-export const Input = styled(InputBase)(({ theme }) => ({
-  paddingRight: theme.spacing(1.5),
-}))

package/src/pages/SelectTokenPage/types.ts

@@ -1,4 +0,0 @@
-export enum TokenFilterType {
-  My = 0,
-  All = 1,
-}

package/src/providers/WidgetProvider/utils.ts

@@ -1,26 +0,0 @@
-import type { WidgetConfig } from '../../types/widget.js'
-import { getChainTypeFromAddress } from '../../utils/chainType.js'
-
-export const attemptToFindMatchingToAddressInConfig = (
-  address: string,
-  config: WidgetConfig
-) => {
-  if (config.toAddress && config.toAddress.address === address) {
-    return config.toAddress
-  }
-
-  if (config.toAddresses?.length) {
-    const matchingToAddress = config.toAddresses.find(
-      (toAddress) => toAddress.address === address
-    )
-
-    if (matchingToAddress) {
-      return matchingToAddress
-    }
-  }
-
-  return {
-    address: address,
-    chainType: getChainTypeFromAddress(address),
-  }
-}

package/src/stores/form/useFieldController.ts

@@ -1,31 +0,0 @@
-import { useCallback } from 'react'
-import type { FormFieldNames } from './types.js'
-import { useFieldActions } from './useFieldActions.js'
-import { useFieldValues } from './useFieldValues.js'
-
-interface UseFieldControllerProps {
-  name: FormFieldNames
-}
-
-export const useFieldController = ({ name }: UseFieldControllerProps) => {
-  const [fieldValue] = useFieldValues(name)
-  const { setFieldValue, setAsTouched } = useFieldActions()
-
-  const onChange = useCallback(
-    (newValue: string | number | undefined) => {
-      setFieldValue(name, newValue, { isDirty: true, isTouched: true })
-    },
-    [name, setFieldValue]
-  )
-
-  const onBlur = useCallback(() => {
-    setAsTouched(name)
-  }, [name, setAsTouched])
-
-  return {
-    onChange,
-    onBlur,
-    name,
-    value: fieldValue,
-  }
-}

package/src/stores/form/useValidation.ts

@@ -1,15 +0,0 @@
-import type { ValidationProps } from './types.js'
-import { useFormStore } from './useFormStore.js'
-export const useValidation = (): Omit<ValidationProps, 'validation'> => {
-  const [isValid, isValidating, errors] = useFormStore((store) => [
-    store.isValid,
-    store.isValidating,
-    store.errors,
-  ])
-
-  return {
-    isValid,
-    isValidating,
-    errors,
-  }
-}

package/src/stores/form/useValidationActions.ts

@@ -1,12 +0,0 @@
-import type { ValidationActions } from './types.js'
-import { useFormStore } from './useFormStore.js'
-
-export const useValidationActions = () => {
-  const actions = useFormStore<ValidationActions>((store) => ({
-    addFieldValidation: store.addFieldValidation,
-    triggerFieldValidation: store.triggerFieldValidation,
-    clearErrors: store.clearErrors,
-  }))
-
-  return actions
-}