@lifi/widget 3.0.0-alpha.2 → 3.0.0-alpha.4

package/src/_cjs/components/ActiveTransactions/ActiveTransactionItem.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ActiveTransactionItem = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ArrowForward_1 = require("@mui/icons-material/ArrowForward");
+const ErrorRounded_1 = require("@mui/icons-material/ErrorRounded");
+const InfoRounded_1 = require("@mui/icons-material/InfoRounded");
+const material_1 = require("@mui/material");
+const react_router_dom_1 = require("react-router-dom");
+const hooks_1 = require("../../hooks");
+const stores_1 = require("../../stores");
+const utils_1 = require("../../utils");
+const StepTimer_1 = require("../Step/StepTimer");
+const TokenAvatar_1 = require("../TokenAvatar");
+const ActiveTransactions_style_1 = require("./ActiveTransactions.style");
+const ActiveTransactionItem = ({ routeId, dense }) => {
+    const navigate = (0, react_router_dom_1.useNavigate)();
+    const { route, status } = (0, hooks_1.useRouteExecution)({
+        routeId,
+        executeInBackground: true,
+    });
+    const lastActiveStep = route?.steps.findLast((step) => step.execution);
+    const lastActiveProcess = lastActiveStep?.execution?.process.at(-1);
+    const { title } = (0, hooks_1.useProcessMessage)(lastActiveStep, lastActiveProcess);
+    if (!route || !lastActiveStep) {
+        return null;
+    }
+    const handleClick = () => {
+        navigate(utils_1.navigationRoutes.transactionExecution, { state: { routeId } });
+    };
+    const getStatusComponent = () => {
+        switch (lastActiveProcess?.status) {
+            case 'ACTION_REQUIRED':
+                return (0, jsx_runtime_1.jsx)(InfoRounded_1.default, { color: "info", fontSize: "small" });
+            case 'FAILED':
+                return (0, jsx_runtime_1.jsx)(ErrorRounded_1.default, { color: "error", fontSize: "small" });
+            default:
+                return ((0, jsx_runtime_1.jsx)(material_1.Typography, { fontSize: 14, fontWeight: 500, children: (0, jsx_runtime_1.jsx)(StepTimer_1.StepTimer, { step: lastActiveStep, hideInProgress: true }) }));
+        }
+    };
+    const ListItemComponent = dense ? ActiveTransactions_style_1.ListItem : ActiveTransactions_style_1.ListItemButton;
+    return ((0, jsx_runtime_1.jsxs)(ListItemComponent, { onClick: handleClick, dense: true, disableRipple: dense, children: [(0, jsx_runtime_1.jsx)(material_1.ListItemAvatar, { children: (0, jsx_runtime_1.jsxs)(TokenAvatar_1.TokenAvatarGroup, { total: 2, children: [(0, jsx_runtime_1.jsx)(TokenAvatar_1.TokenAvatar, { token: route.fromToken }), (0, jsx_runtime_1.jsx)(TokenAvatar_1.TokenAvatar, { token: route.toToken })] }) }), (0, jsx_runtime_1.jsx)(material_1.ListItemText, { sx: { margin: 0 }, disableTypography: true, primary: (0, jsx_runtime_1.jsxs)(material_1.Typography, { fontWeight: 500, lineHeight: 1, sx: {
+                        display: 'flex',
+                        alignItems: 'center',
+                        marginLeft: 2,
+                        height: 16,
+                    }, children: [route.fromToken.symbol, (0, jsx_runtime_1.jsx)(ArrowForward_1.default, { sx: { paddingX: 0.5 } }), route.toToken.symbol] }), secondary: status !== stores_1.RouteExecutionStatus.Done ? ((0, jsx_runtime_1.jsx)(material_1.Typography, { fontWeight: 400, fontSize: 12, color: "text.secondary", lineHeight: 1, mt: 0.75, ml: 2, children: title })) : null }), getStatusComponent()] }));
+};
+exports.ActiveTransactionItem = ActiveTransactionItem;
+//# sourceMappingURL=ActiveTransactionItem.js.map

package/src/_cjs/components/ActiveTransactions/ActiveTransactionItem.js.map

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

package/src/_cjs/components/ActiveTransactions/ActiveTransactions.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { BoxProps } from '@mui/material';
+export declare const ActiveTransactions: React.FC<BoxProps>;

package/src/_cjs/components/ActiveTransactions/ActiveTransactions.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ActiveTransactions = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const react_i18next_1 = require("react-i18next");
+const react_router_dom_1 = require("react-router-dom");
+const hooks_1 = require("../../hooks");
+const stores_1 = require("../../stores");
+const utils_1 = require("../../utils");
+const Card_1 = require("../Card");
+const ActiveTransactionItem_1 = require("./ActiveTransactionItem");
+const ActiveTransactions_style_1 = require("./ActiveTransactions.style");
+const ActiveTransactions = (props) => {
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const navigate = (0, react_router_dom_1.useNavigate)();
+    const { account } = (0, hooks_1.useAccount)();
+    const executingRoutes = (0, stores_1.useExecutingRoutesIds)(account.address);
+    if (!executingRoutes?.length) {
+        return null;
+    }
+    const handleShowAll = () => {
+        navigate(utils_1.navigationRoutes.activeTransactions);
+    };
+    const hasShowAll = executingRoutes?.length > 2;
+    return ((0, jsx_runtime_1.jsxs)(Card_1.Card, { variant: "selected", selectionColor: "secondary", ...props, children: [(0, jsx_runtime_1.jsx)(Card_1.CardTitle, { children: t('header.activeTransactions') }), (0, jsx_runtime_1.jsx)(material_1.Stack, { spacing: 1.5, pt: 1.5, pb: hasShowAll ? 0 : 2, children: executingRoutes.slice(0, 2).map((routeId) => ((0, jsx_runtime_1.jsx)(ActiveTransactionItem_1.ActiveTransactionItem, { routeId: routeId, dense: true }, routeId))) }), hasShowAll ? ((0, jsx_runtime_1.jsx)(ActiveTransactions_style_1.ShowAllButton, { disableRipple: true, fullWidth: true, onClick: handleShowAll, children: t('button.showAll') })) : null] }));
+};
+exports.ActiveTransactions = ActiveTransactions;
+//# sourceMappingURL=ActiveTransactions.js.map

package/src/_cjs/components/ActiveTransactions/ActiveTransactions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActiveTransactions.js","sourceRoot":"","sources":["../../../../../src/components/ActiveTransactions/ActiveTransactions.tsx"],"names":[],"mappings":";;;;AACA,4CAAsC;AACtC,iDAA+C;AAC/C,uDAA+C;AAC/C,uCAAyC;AACzC,yCAAqD;AACrD,uCAA+C;AAC/C,kCAA0C;AAC1C,mEAAgE;AAChE,yEAA2D;AAEpD,MAAM,kBAAkB,GAAuB,CAAC,KAAK,EAAE,EAAE;IAC9D,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,QAAQ,GAAG,IAAA,8BAAW,GAAE,CAAC;IAC/B,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,kBAAU,GAAE,CAAC;IACjC,MAAM,eAAe,GAAG,IAAA,8BAAqB,EAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAE/D,IAAI,CAAC,eAAe,EAAE,MAAM,EAAE,CAAC;QAC7B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,QAAQ,CAAC,wBAAgB,CAAC,kBAAkB,CAAC,CAAC;IAChD,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,eAAe,EAAE,MAAM,GAAG,CAAC,CAAC;IAE/C,OAAO,CACL,wBAAC,WAAI,IAAC,OAAO,EAAC,UAAU,EAAC,cAAc,EAAC,WAAW,KAAK,KAAK,aAC3D,uBAAC,gBAAS,cAAE,CAAC,CAAC,2BAA2B,CAAC,GAAa,EACvD,uBAAC,gBAAK,IAAC,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,YACjD,eAAe,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAC5C,uBAAC,6CAAqB,IAAe,OAAO,EAAE,OAAO,EAAE,KAAK,UAAhC,OAAO,CAA4B,CAChE,CAAC,GACI,EACP,UAAU,CAAC,CAAC,CAAC,CACZ,uBAAC,wCAAa,IAAC,aAAa,QAAC,SAAS,QAAC,OAAO,EAAE,aAAa,YAC1D,CAAC,CAAC,gBAAgB,CAAC,GACN,CACjB,CAAC,CAAC,CAAC,IAAI,IACH,CACR,CAAC;AACJ,CAAC,CAAC;AA/BW,QAAA,kBAAkB,sBA+B7B"}

package/src/_cjs/components/ActiveTransactions/ActiveTransactions.style.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export declare const ListItemButton: import("@emotion/styled").StyledComponent<import("@mui/material").ListItemButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "alignItems" | "children" | "sx" | "style" | "autoFocus" | "className" | "tabIndex" | "disabled" | "action" | "selected" | "classes" | "divider" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "dense" | "disableGutters"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const ListItem: import("@emotion/styled").StyledComponent<{
+    button?: false | undefined;
+} & import("@mui/material").ListItemOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
+    ref?: ((instance: HTMLLIElement | null) => void) | import("react").RefObject<HTMLLIElement> | null | undefined;
+}, "button" | "alignItems" | "children" | "sx" | "style" | "autoFocus" | "className" | "disabled" | "selected" | "classes" | "divider" | "components" | "dense" | "componentsProps" | "slotProps" | "slots" | "disableGutters" | "ContainerComponent" | "ContainerProps" | "disablePadding" | "secondaryAction"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const ShowAllButton: import("@emotion/styled").StyledComponent<import("@mui/material").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, "color" | "children" | "sx" | "style" | "className" | "tabIndex" | "href" | "disabled" | "action" | "size" | "classes" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "startIcon"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/src/_cjs/components/ActiveTransactions/ActiveTransactions.style.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ShowAllButton = exports.ListItem = exports.ListItemButton = void 0;
+const material_1 = require("@mui/material");
+const ListItemSecondaryAction_1 = require("@mui/material/ListItemSecondaryAction");
+const styles_1 = require("@mui/material/styles");
+const utils_1 = require("../../utils");
+exports.ListItemButton = (0, styles_1.styled)(material_1.ListItemButton)(({ theme }) => ({
+    borderRadius: theme.shape.borderRadius,
+    paddingLeft: theme.spacing(1.5),
+    paddingRight: theme.spacing(1.5),
+    height: 64,
+    '&:hover': {
+        backgroundColor: (0, utils_1.getContrastAlphaColor)(theme.palette.mode, '4%'),
+    },
+}));
+exports.ListItem = (0, styles_1.styled)(material_1.ListItem, {
+    shouldForwardProp: (prop) => prop !== 'disableRipple',
+})(({ theme }) => ({
+    padding: theme.spacing(0, 1.5),
+    [`.${ListItemSecondaryAction_1.listItemSecondaryActionClasses.root}`]: {
+        right: theme.spacing(3),
+    },
+    '&:hover': {
+        cursor: 'pointer',
+    },
+}));
+exports.ShowAllButton = (0, styles_1.styled)(material_1.Button)(({ theme }) => ({
+    background: 'none',
+    '&:hover': {
+        background: 'none',
+    },
+    padding: theme.spacing(0.75, 2),
+    fontSize: '0.875rem',
+}));
+//# sourceMappingURL=ActiveTransactions.style.js.map

package/src/_cjs/components/ActiveTransactions/ActiveTransactions.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActiveTransactions.style.js","sourceRoot":"","sources":["../../../../../src/components/ActiveTransactions/ActiveTransactions.style.ts"],"names":[],"mappings":";;;AAAA,4CAIuB;AACvB,mFAAuF;AACvF,iDAA8C;AAC9C,uCAAoD;AAEvC,QAAA,cAAc,GAAG,IAAA,eAAM,EAAC,yBAAiB,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACtE,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY;IACtC,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;IAC/B,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;IAChC,MAAM,EAAE,EAAE;IACV,SAAS,EAAE;QACT,eAAe,EAAE,IAAA,6BAAqB,EAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC;KACjE;CACF,CAAC,CAAC,CAAC;AAES,QAAA,QAAQ,GAAG,IAAA,eAAM,EAAC,mBAAW,EAAE;IAC1C,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,eAAe;CACtD,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACjB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,GAAG,CAAC;IAC9B,CAAC,IAAI,wDAA8B,CAAC,IAAI,EAAE,CAAC,EAAE;QAC3C,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;KACxB;IACD,SAAS,EAAE;QACT,MAAM,EAAE,SAAS;KAClB;CACF,CAAC,CAAC,CAAC;AAES,QAAA,aAAa,GAAG,IAAA,eAAM,EAAC,iBAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC1D,UAAU,EAAE,MAAM;IAClB,SAAS,EAAE;QACT,UAAU,EAAE,MAAM;KACnB;IACD,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC;IAC/B,QAAQ,EAAE,UAAU;CACrB,CAAC,CAAC,CAAC"}

package/src/_cjs/components/ActiveTransactions/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ActiveTransactionItem';
+export * from './ActiveTransactions';

package/src/_cjs/components/ActiveTransactions/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./ActiveTransactionItem"), exports);
+__exportStar(require("./ActiveTransactions"), exports);
+//# sourceMappingURL=index.js.map

package/src/_cjs/components/ActiveTransactions/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/ActiveTransactions/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0DAAwC;AACxC,uDAAqC"}

package/src/_cjs/components/AmountInput/AmountInput.d.ts

@@ -0,0 +1,12 @@
+import type { Token } from '@lifi/sdk';
+import type { BoxProps } from '@mui/material';
+import type { ReactNode } from 'react';
+import type { FormTypeProps } from '../../providers';
+export declare const AmountInput: React.FC<FormTypeProps & BoxProps>;
+export declare const AmountInputBase: React.FC<FormTypeProps & BoxProps & {
+    token?: Token;
+    startAdornment?: ReactNode;
+    endAdornment?: ReactNode;
+    bottomAdornment?: ReactNode;
+    disabled?: boolean;
+}>;

package/src/_cjs/components/AmountInput/AmountInput.js

@@ -0,0 +1,58 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AmountInputBase = exports.AmountInput = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_hook_form_1 = require("react-hook-form");
+const react_i18next_1 = require("react-i18next");
+const hooks_1 = require("../../hooks");
+const providers_1 = require("../../providers");
+const types_1 = require("../../types");
+const utils_1 = require("../../utils");
+const Card_1 = require("../Card");
+const AmountInput_style_1 = require("./AmountInput.style");
+const AmountInputEndAdornment_1 = require("./AmountInputEndAdornment");
+const AmountInputStartAdornment_1 = require("./AmountInputStartAdornment");
+const FormPriceHelperText_1 = require("./FormPriceHelperText");
+const AmountInput = ({ formType, ...props }) => {
+    const { disabledUI } = (0, providers_1.useWidgetConfig)();
+    const [chainId, tokenAddress] = (0, react_hook_form_1.useWatch)({
+        name: [
+            providers_1.FormKeyHelper.getChainKey(formType),
+            providers_1.FormKeyHelper.getTokenKey(formType),
+        ],
+    });
+    const { token } = (0, hooks_1.useToken)(chainId, tokenAddress);
+    const disabled = disabledUI?.includes(types_1.DisabledUI.FromAmount);
+    return ((0, jsx_runtime_1.jsx)(exports.AmountInputBase, { formType: formType, token: token, startAdornment: (0, jsx_runtime_1.jsx)(AmountInputStartAdornment_1.AmountInputStartAdornment, { formType: formType }), endAdornment: !disabled ? (0, jsx_runtime_1.jsx)(AmountInputEndAdornment_1.AmountInputEndAdornment, { formType: formType }) : undefined, bottomAdornment: (0, jsx_runtime_1.jsx)(FormPriceHelperText_1.FormPriceHelperText, { formType: formType }), disabled: disabled, ...props }));
+};
+exports.AmountInput = AmountInput;
+const AmountInputBase = ({ formType, token, startAdornment, endAdornment, bottomAdornment, disabled, ...props }) => {
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const amountKey = providers_1.FormKeyHelper.getAmountKey(formType);
+    const { field: { onChange, onBlur, value }, } = (0, react_hook_form_1.useController)({
+        name: amountKey,
+    });
+    const ref = (0, react_1.useRef)(null);
+    const handleChange = (event) => {
+        const { value } = event.target;
+        const formattedAmount = (0, utils_1.formatInputAmount)(value, token?.decimals, true);
+        onChange(formattedAmount);
+    };
+    const handleBlur = (event) => {
+        const { value } = event.target;
+        const formattedAmount = (0, utils_1.formatInputAmount)(value, token?.decimals);
+        onChange(formattedAmount);
+        onBlur();
+    };
+    (0, react_1.useLayoutEffect)(() => {
+        if (ref.current) {
+            (0, utils_1.fitInputText)(AmountInput_style_1.maxInputFontSize, AmountInput_style_1.minInputFontSize, ref.current);
+        }
+    }, [value, ref]);
+    return ((0, jsx_runtime_1.jsxs)(Card_1.Card, { ...props, children: [(0, jsx_runtime_1.jsx)(Card_1.CardTitle, { children: t('main.fromAmount') }), (0, jsx_runtime_1.jsxs)(AmountInput_style_1.FormControl, { fullWidth: true, children: [(0, jsx_runtime_1.jsx)(AmountInput_style_1.Input, { inputRef: ref, size: "small", autoComplete: "off", placeholder: "0", startAdornment: startAdornment, endAdornment: endAdornment, inputProps: {
+                            inputMode: 'decimal',
+                        }, onChange: handleChange, onBlur: handleBlur, value: value, name: amountKey, disabled: disabled, required: true }), bottomAdornment] })] }));
+};
+exports.AmountInputBase = AmountInputBase;
+//# sourceMappingURL=AmountInput.js.map

package/src/_cjs/components/AmountInput/AmountInput.js.map

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

package/src/_cjs/components/AmountInput/AmountInput.style.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare const maxInputFontSize = 24;
+export declare const minInputFontSize = 14;
+export declare const FormControl: import("@emotion/styled").StyledComponent<import("@mui/material").FormControlOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "error" | "color" | "margin" | "children" | "sx" | "style" | "className" | "disabled" | "required" | "size" | "classes" | "variant" | "fullWidth" | "focused" | "hiddenLabel"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const Input: import("@emotion/styled").StyledComponent<import("@mui/material").InputBaseProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/src/_cjs/components/AmountInput/AmountInput.style.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Input = exports.FormControl = exports.minInputFontSize = exports.maxInputFontSize = void 0;
+const material_1 = require("@mui/material");
+const InputBase_1 = require("@mui/material/InputBase");
+const styles_1 = require("@mui/material/styles");
+exports.maxInputFontSize = 24;
+exports.minInputFontSize = 14;
+exports.FormControl = (0, styles_1.styled)(material_1.FormControl)(({ theme }) => ({
+    padding: theme.spacing(1.5, 2, 1.5, 0),
+}));
+exports.Input = (0, styles_1.styled)(material_1.InputBase)(({ theme }) => ({
+    fontSize: 24,
+    fontWeight: 700,
+    boxShadow: 'none',
+    // padding: theme.spacing(2, 2, 2, 0),
+    [`.${InputBase_1.inputBaseClasses.input}`]: {
+        height: 32,
+        padding: theme.spacing(0, 0, 0, 2),
+    },
+    '& input[type="number"]::-webkit-outer-spin-button, & input[type="number"]::-webkit-inner-spin-button': {
+        WebkitAppearance: 'none',
+        margin: 0,
+    },
+    '& input[type="number"]': {
+        MozAppearance: 'textfield',
+    },
+    [`&.${InputBase_1.inputBaseClasses.disabled}`]: {
+        color: 'inherit',
+    },
+    [`.${InputBase_1.inputBaseClasses.input}.${InputBase_1.inputBaseClasses.disabled}`]: {
+        WebkitTextFillColor: 'unset',
+    },
+}));
+//# sourceMappingURL=AmountInput.style.js.map

package/src/_cjs/components/AmountInput/AmountInput.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AmountInput.style.js","sourceRoot":"","sources":["../../../../../src/components/AmountInput/AmountInput.style.tsx"],"names":[],"mappings":";;;AAAA,4CAAyE;AACzE,uDAA2D;AAC3D,iDAA8C;AAEjC,QAAA,gBAAgB,GAAG,EAAE,CAAC;AACtB,QAAA,gBAAgB,GAAG,EAAE,CAAC;AAEtB,QAAA,WAAW,GAAG,IAAA,eAAM,EAAC,sBAAc,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAChE,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;CACvC,CAAC,CAAC,CAAC;AAES,QAAA,KAAK,GAAG,IAAA,eAAM,EAAC,oBAAS,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACrD,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,GAAG;IACf,SAAS,EAAE,MAAM;IACjB,sCAAsC;IACtC,CAAC,IAAI,4BAAgB,CAAC,KAAK,EAAE,CAAC,EAAE;QAC9B,MAAM,EAAE,EAAE;QACV,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;KACnC;IACD,sGAAsG,EACpG;QACE,gBAAgB,EAAE,MAAM;QACxB,MAAM,EAAE,CAAC;KACV;IACH,wBAAwB,EAAE;QACxB,aAAa,EAAE,WAAW;KAC3B;IACD,CAAC,KAAK,4BAAgB,CAAC,QAAQ,EAAE,CAAC,EAAE;QAClC,KAAK,EAAE,SAAS;KACjB;IACD,CAAC,IAAI,4BAAgB,CAAC,KAAK,IAAI,4BAAgB,CAAC,QAAQ,EAAE,CAAC,EAAE;QAC3D,mBAAmB,EAAE,OAAO;KAC7B;CACF,CAAC,CAAC,CAAC"}

package/src/_cjs/components/AmountInput/AmountInputAdornment.style.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const Button: import("@emotion/styled").StyledComponent<import("@mui/material").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, "color" | "children" | "sx" | "style" | "className" | "tabIndex" | "href" | "disabled" | "action" | "size" | "classes" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "startIcon"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/src/_cjs/components/AmountInput/AmountInputAdornment.style.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Button = void 0;
+const material_1 = require("@mui/material");
+const styles_1 = require("@mui/material/styles");
+exports.Button = (0, styles_1.styled)(material_1.Button)(({ theme }) => ({
+    padding: theme.spacing(0.5, 1, 0.625, 1),
+    lineHeight: 1.0715,
+    fontSize: '0.875rem',
+    minWidth: 'unset',
+}));
+//# sourceMappingURL=AmountInputAdornment.style.js.map

package/src/_cjs/components/AmountInput/AmountInputAdornment.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AmountInputAdornment.style.js","sourceRoot":"","sources":["../../../../../src/components/AmountInput/AmountInputAdornment.style.tsx"],"names":[],"mappings":";;;AAAA,4CAAoD;AACpD,iDAA8C;AAEjC,QAAA,MAAM,GAAG,IAAA,eAAM,EAAC,iBAAS,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACtD,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IACxC,UAAU,EAAE,MAAM;IAClB,QAAQ,EAAE,UAAU;IACpB,QAAQ,EAAE,OAAO;CAClB,CAAC,CAAC,CAAC"}

package/src/_cjs/components/AmountInput/AmountInputEndAdornment.d.ts

@@ -0,0 +1,2 @@
+import type { FormTypeProps } from '../../providers';
+export declare const AmountInputEndAdornment: ({ formType }: FormTypeProps) => import("react/jsx-runtime").JSX.Element;

package/src/_cjs/components/AmountInput/AmountInputEndAdornment.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AmountInputEndAdornment = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const react_hook_form_1 = require("react-hook-form");
+const react_i18next_1 = require("react-i18next");
+const viem_1 = require("viem");
+const hooks_1 = require("../../hooks");
+const providers_1 = require("../../providers");
+const AmountInputAdornment_style_1 = require("./AmountInputAdornment.style");
+const AmountInputEndAdornment = ({ formType }) => {
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const { setValue } = (0, react_hook_form_1.useFormContext)();
+    const { getChainById } = (0, hooks_1.useAvailableChains)();
+    const [chainId, tokenAddress] = (0, react_hook_form_1.useWatch)({
+        name: [
+            providers_1.FormKeyHelper.getChainKey(formType),
+            providers_1.FormKeyHelper.getTokenKey(formType),
+        ],
+    });
+    // We get gas recommendations for the source chain to make sure that after pressing the Max button
+    // the user will have enough funds remaining to cover gas costs
+    const { data } = (0, hooks_1.useGasRecommendation)(chainId);
+    const { token, isLoading } = (0, hooks_1.useTokenAddressBalance)(chainId, tokenAddress);
+    const handleMax = () => {
+        const chain = getChainById(chainId);
+        let maxAmount = token?.amount;
+        if (chain?.nativeToken.address === tokenAddress &&
+            data?.available &&
+            data?.recommended) {
+            const tokenAmount = token?.amount ?? 0n;
+            const recommendedAmount = BigInt(data.recommended.amount) / 2n;
+            if (tokenAmount > recommendedAmount) {
+                maxAmount = tokenAmount - recommendedAmount;
+            }
+        }
+        setValue(providers_1.FormKeyHelper.getAmountKey(formType), maxAmount && token ? (0, viem_1.formatUnits)(maxAmount, token.decimals) : '', {
+            shouldTouch: true,
+        });
+    };
+    return ((0, jsx_runtime_1.jsx)(material_1.InputAdornment, { position: "end", children: isLoading && tokenAddress ? ((0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "rectangular", width: 46, height: 24, sx: { borderRadius: 0.5 } })) : formType === 'from' && token?.amount ? ((0, jsx_runtime_1.jsx)(AmountInputAdornment_style_1.Button, { onClick: handleMax, children: t('button.max') })) : null }));
+};
+exports.AmountInputEndAdornment = AmountInputEndAdornment;
+//# sourceMappingURL=AmountInputEndAdornment.js.map

package/src/_cjs/components/AmountInput/AmountInputEndAdornment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AmountInputEndAdornment.js","sourceRoot":"","sources":["../../../../../src/components/AmountInput/AmountInputEndAdornment.tsx"],"names":[],"mappings":";;;;AAAA,4CAAyD;AACzD,qDAA2D;AAC3D,iDAA+C;AAC/C,+BAAmC;AACnC,uCAIqB;AAErB,+CAAgD;AAChD,6EAAsD;AAE/C,MAAM,uBAAuB,GAAG,CAAC,EAAE,QAAQ,EAAiB,EAAE,EAAE;IACrE,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,gCAAc,GAAE,CAAC;IACtC,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,0BAAkB,GAAE,CAAC;IAC9C,MAAM,CAAC,OAAO,EAAE,YAAY,CAAC,GAAG,IAAA,0BAAQ,EAAC;QACvC,IAAI,EAAE;YACJ,yBAAa,CAAC,WAAW,CAAC,QAAQ,CAAC;YACnC,yBAAa,CAAC,WAAW,CAAC,QAAQ,CAAC;SACpC;KACF,CAAC,CAAC;IAEH,kGAAkG;IAClG,+DAA+D;IAC/D,MAAM,EAAE,IAAI,EAAE,GAAG,IAAA,4BAAoB,EAAC,OAAO,CAAC,CAAC;IAE/C,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAA,8BAAsB,EAAC,OAAO,EAAE,YAAY,CAAC,CAAC;IAE3E,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,MAAM,KAAK,GAAG,YAAY,CAAC,OAAO,CAAC,CAAC;QACpC,IAAI,SAAS,GAAG,KAAK,EAAE,MAAM,CAAC;QAC9B,IACE,KAAK,EAAE,WAAW,CAAC,OAAO,KAAK,YAAY;YAC3C,IAAI,EAAE,SAAS;YACf,IAAI,EAAE,WAAW,EACjB,CAAC;YACD,MAAM,WAAW,GAAG,KAAK,EAAE,MAAM,IAAI,EAAE,CAAC;YACxC,MAAM,iBAAiB,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC;YAC/D,IAAI,WAAW,GAAG,iBAAiB,EAAE,CAAC;gBACpC,SAAS,GAAG,WAAW,GAAG,iBAAiB,CAAC;YAC9C,CAAC;QACH,CAAC;QAED,QAAQ,CACN,yBAAa,CAAC,YAAY,CAAC,QAAQ,CAAC,EACpC,SAAS,IAAI,KAAK,CAAC,CAAC,CAAC,IAAA,kBAAW,EAAC,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,EAChE;YACE,WAAW,EAAE,IAAI;SAClB,CACF,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,yBAAc,IAAC,QAAQ,EAAC,KAAK,YAC3B,SAAS,IAAI,YAAY,CAAC,CAAC,CAAC,CAC3B,uBAAC,mBAAQ,IACP,OAAO,EAAC,aAAa,EACrB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,EAAE,EAAE,EAAE,YAAY,EAAE,GAAG,EAAE,GACzB,CACH,CAAC,CAAC,CAAC,QAAQ,KAAK,MAAM,IAAI,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CACzC,uBAAC,mCAAM,IAAC,OAAO,EAAE,SAAS,YAAG,CAAC,CAAC,YAAY,CAAC,GAAU,CACvD,CAAC,CAAC,CAAC,IAAI,GACO,CAClB,CAAC;AACJ,CAAC,CAAC;AAvDW,QAAA,uBAAuB,2BAuDlC"}

package/src/_cjs/components/AmountInput/AmountInputStartAdornment.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { FormTypeProps } from '../../providers';
+export declare const AmountInputStartAdornment: React.FC<FormTypeProps>;

package/src/_cjs/components/AmountInput/AmountInputStartAdornment.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AmountInputStartAdornment = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_hook_form_1 = require("react-hook-form");
+const hooks_1 = require("../../hooks");
+const providers_1 = require("../../providers");
+const TokenAvatar_1 = require("../TokenAvatar");
+const AmountInputStartAdornment = ({ formType, }) => {
+    const [chainId, tokenAddress] = (0, react_hook_form_1.useWatch)({
+        name: [
+            providers_1.FormKeyHelper.getChainKey(formType),
+            providers_1.FormKeyHelper.getTokenKey(formType),
+        ],
+    });
+    const { chain } = (0, hooks_1.useChain)(chainId);
+    const { token } = (0, hooks_1.useToken)(chainId, tokenAddress);
+    const isSelected = !!(chain && token);
+    return isSelected ? ((0, jsx_runtime_1.jsx)(TokenAvatar_1.TokenAvatar, { token: token, chain: chain, sx: { marginLeft: 2 } })) : ((0, jsx_runtime_1.jsx)(TokenAvatar_1.TokenAvatarDefault, { sx: { marginLeft: 2 } }));
+};
+exports.AmountInputStartAdornment = AmountInputStartAdornment;
+//# sourceMappingURL=AmountInputStartAdornment.js.map

package/src/_cjs/components/AmountInput/AmountInputStartAdornment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AmountInputStartAdornment.js","sourceRoot":"","sources":["../../../../../src/components/AmountInput/AmountInputStartAdornment.tsx"],"names":[],"mappings":";;;;AAAA,qDAA2C;AAC3C,uCAAiD;AAEjD,+CAAgD;AAChD,gDAAiE;AAE1D,MAAM,yBAAyB,GAA4B,CAAC,EACjE,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,CAAC,OAAO,EAAE,YAAY,CAAC,GAAG,IAAA,0BAAQ,EAAC;QACvC,IAAI,EAAE;YACJ,yBAAa,CAAC,WAAW,CAAC,QAAQ,CAAC;YACnC,yBAAa,CAAC,WAAW,CAAC,QAAQ,CAAC;SACpC;KACF,CAAC,CAAC;IAEH,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,gBAAQ,EAAC,OAAO,CAAC,CAAC;IACpC,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,gBAAQ,EAAC,OAAO,EAAE,YAAY,CAAC,CAAC;IAClD,MAAM,UAAU,GAAG,CAAC,CAAC,CAAC,KAAK,IAAI,KAAK,CAAC,CAAC;IAEtC,OAAO,UAAU,CAAC,CAAC,CAAC,CAClB,uBAAC,yBAAW,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,CAAC,EAAE,GAAI,CACnE,CAAC,CAAC,CAAC,CACF,uBAAC,gCAAkB,IAAC,EAAE,EAAE,EAAE,UAAU,EAAE,CAAC,EAAE,GAAI,CAC9C,CAAC;AACJ,CAAC,CAAC;AAnBW,QAAA,yBAAyB,6BAmBpC"}

package/src/_cjs/components/AmountInput/FormPriceHelperText.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { TokenAmount } from '@lifi/sdk';
+import type { FormTypeProps } from '../../providers';
+export declare const FormPriceHelperText: React.FC<FormTypeProps>;
+export declare const FormPriceHelperTextBase: React.FC<FormTypeProps & {
+    isLoading?: boolean;
+    tokenAddress?: string;
+    token?: TokenAmount;
+}>;

package/src/_cjs/components/AmountInput/FormPriceHelperText.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormPriceHelperTextBase = exports.FormPriceHelperText = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const react_hook_form_1 = require("react-hook-form");
+const react_i18next_1 = require("react-i18next");
+const hooks_1 = require("../../hooks");
+const providers_1 = require("../../providers");
+const utils_1 = require("../../utils");
+const FormPriceHelperText = ({ formType }) => {
+    const [chainId, tokenAddress] = (0, react_hook_form_1.useWatch)({
+        name: [
+            providers_1.FormKeyHelper.getChainKey(formType),
+            providers_1.FormKeyHelper.getTokenKey(formType),
+        ],
+    });
+    const { token, isLoading } = (0, hooks_1.useTokenAddressBalance)(chainId, tokenAddress);
+    return ((0, jsx_runtime_1.jsx)(exports.FormPriceHelperTextBase, { formType: formType, isLoading: isLoading, tokenAddress: tokenAddress, token: token }));
+};
+exports.FormPriceHelperText = FormPriceHelperText;
+const FormPriceHelperTextBase = ({ formType, isLoading, tokenAddress, token }) => {
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const amount = (0, react_hook_form_1.useWatch)({
+        name: providers_1.FormKeyHelper.getAmountKey(formType),
+    });
+    const fromAmountTokenPrice = (0, utils_1.formatTokenPrice)(amount, token?.priceUSD);
+    return ((0, jsx_runtime_1.jsxs)(material_1.FormHelperText, { component: "div", sx: { display: 'flex', justifyContent: 'space-between', margin: 0 }, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { color: fromAmountTokenPrice ? 'text.secondary' : 'grey.600', fontWeight: 400, fontSize: 12, marginLeft: 8, lineHeight: 1.3334, flex: 1, sx: {
+                    wordBreak: 'break-word',
+                    overflowWrap: 'break-word',
+                }, children: t(`format.currency`, {
+                    value: fromAmountTokenPrice,
+                }) }), isLoading && tokenAddress ? ((0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "text", width: 48, height: 16, sx: { borderRadius: 0.25 } })) : token?.amount ? ((0, jsx_runtime_1.jsx)(material_1.Typography, { fontWeight: 400, fontSize: 12, color: "text.secondary", lineHeight: 1.3334, pl: 0.25, children: `/ ${t(`format.number`, {
+                    value: (0, utils_1.formatTokenAmount)(token.amount, token.decimals),
+                })}` })) : null] }));
+};
+exports.FormPriceHelperTextBase = FormPriceHelperTextBase;
+//# sourceMappingURL=FormPriceHelperText.js.map

package/src/_cjs/components/AmountInput/FormPriceHelperText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormPriceHelperText.js","sourceRoot":"","sources":["../../../../../src/components/AmountInput/FormPriceHelperText.tsx"],"names":[],"mappings":";;;;AACA,4CAAqE;AACrE,qDAA2C;AAC3C,iDAA+C;AAC/C,uCAAqD;AAErD,+CAAgD;AAChD,uCAAkE;AAE3D,MAAM,mBAAmB,GAA4B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC3E,MAAM,CAAC,OAAO,EAAE,YAAY,CAAC,GAAG,IAAA,0BAAQ,EAAC;QACvC,IAAI,EAAE;YACJ,yBAAa,CAAC,WAAW,CAAC,QAAQ,CAAC;YACnC,yBAAa,CAAC,WAAW,CAAC,QAAQ,CAAC;SACpC;KACF,CAAC,CAAC;IAEH,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAA,8BAAsB,EAAC,OAAO,EAAE,YAAY,CAAC,CAAC;IAE3E,OAAO,CACL,uBAAC,+BAAuB,IACtB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;AACJ,CAAC,CAAC;AAlBW,QAAA,mBAAmB,uBAkB9B;AAEK,MAAM,uBAAuB,GAMhC,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,EAAE,EAAE;IACnD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,MAAM,GAAG,IAAA,0BAAQ,EAAC;QACtB,IAAI,EAAE,yBAAa,CAAC,YAAY,CAAC,QAAQ,CAAC;KAC3C,CAAC,CAAC;IAEH,MAAM,oBAAoB,GAAG,IAAA,wBAAgB,EAAC,MAAM,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC;IAEvE,OAAO,CACL,wBAAC,yBAAc,IACb,SAAS,EAAC,KAAK,EACf,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,EAAE,CAAC,EAAE,aAEnE,uBAAC,qBAAU,IACT,KAAK,EAAE,oBAAoB,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,UAAU,EAC3D,UAAU,EAAE,GAAG,EACf,QAAQ,EAAE,EAAE,EACZ,UAAU,EAAE,CAAC,EACb,UAAU,EAAE,MAAM,EAClB,IAAI,EAAE,CAAC,EACP,EAAE,EAAE;oBACF,SAAS,EAAE,YAAY;oBACvB,YAAY,EAAE,YAAY;iBAC3B,YAEA,CAAC,CAAC,iBAAiB,EAAE;oBACpB,KAAK,EAAE,oBAAoB;iBAC5B,CAAC,GACS,EACZ,SAAS,IAAI,YAAY,CAAC,CAAC,CAAC,CAC3B,uBAAC,mBAAQ,IACP,OAAO,EAAC,MAAM,EACd,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,EAAE,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,GAC1B,CACH,CAAC,CAAC,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CAClB,uBAAC,qBAAU,IACT,UAAU,EAAE,GAAG,EACf,QAAQ,EAAE,EAAE,EACZ,KAAK,EAAC,gBAAgB,EACtB,UAAU,EAAE,MAAM,EAClB,EAAE,EAAE,IAAI,YAEP,KAAK,CAAC,CAAC,eAAe,EAAE;oBACvB,KAAK,EAAE,IAAA,yBAAiB,EAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,QAAQ,CAAC;iBACvD,CAAC,EAAE,GACO,CACd,CAAC,CAAC,CAAC,IAAI,IACO,CAClB,CAAC;AACJ,CAAC,CAAC;AAzDW,QAAA,uBAAuB,2BAyDlC"}

package/src/_cjs/components/AmountInput/index.d.ts

@@ -0,0 +1 @@
+export * from './AmountInput';

package/src/_cjs/components/AmountInput/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./AmountInput"), exports);
+//# sourceMappingURL=index.js.map

package/src/_cjs/components/AmountInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/AmountInput/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA8B"}

package/src/_cjs/components/AppContainer.d.ts

@@ -0,0 +1,12 @@
+import type { PropsWithChildren } from 'react';
+import type { WidgetVariant } from '../types';
+export declare const maxHeight = 680;
+export declare const AppExpandedContainer: 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").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    variant?: WidgetVariant | undefined;
+}, {}, {}>;
+export declare const FlexContainer: import("@emotion/styled").StyledComponent<import("@mui/material").ContainerOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "fixed" | "maxWidth" | "children" | "sx" | "style" | "className" | "classes" | "disableGutters"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const AppContainer: React.FC<PropsWithChildren<{}>>;

package/src/_cjs/components/AppContainer.js

@@ -0,0 +1,57 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AppContainer = exports.FlexContainer = exports.AppExpandedContainer = exports.maxHeight = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const styles_1 = require("@mui/material/styles");
+const providers_1 = require("../providers");
+const utils_1 = require("../utils");
+exports.maxHeight = 680;
+exports.AppExpandedContainer = (0, styles_1.styled)(material_1.Box, {
+    shouldForwardProp: (prop) => prop !== 'variant',
+})(({ variant }) => ({
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'start',
+    flex: 1,
+    height: variant === 'drawer' ? 'none' : exports.maxHeight,
+}));
+const RelativeContainer = (0, styles_1.styled)(material_1.Box, {
+    shouldForwardProp: (prop) => prop !== 'variant',
+})(({ theme, variant }) => ({
+    position: 'relative',
+    boxSizing: 'content-box',
+    width: '100%',
+    minWidth: 360,
+    maxWidth: 392,
+    maxHeight: variant === 'drawer' ? 'none' : exports.maxHeight,
+    background: theme.palette.background.default,
+    overflow: 'auto',
+    flex: 1,
+    zIndex: 0,
+}));
+const CssBaselineContainer = (0, styles_1.styled)(material_1.ScopedCssBaseline, {
+    shouldForwardProp: (prop) => prop !== 'variant',
+})(({ variant }) => ({
+    display: 'flex',
+    flex: 1,
+    flexDirection: 'column',
+    overflowX: 'clip',
+    margin: 0,
+    width: '100%',
+    maxHeight: variant === 'drawer' ? 'none' : exports.maxHeight,
+    overflowY: 'auto',
+    height: '100%',
+}));
+exports.FlexContainer = (0, styles_1.styled)(material_1.Container)({
+    display: 'flex',
+    flexDirection: 'column',
+    flex: 1,
+});
+const AppContainer = ({ children }) => {
+    // const ref = useRef<HTMLDivElement>(null);
+    const { containerStyle, variant, elementId } = (0, providers_1.useWidgetConfig)();
+    return ((0, jsx_runtime_1.jsx)(RelativeContainer, { sx: containerStyle, variant: variant, id: (0, utils_1.createElementId)(utils_1.ElementId.RelativeContainer, elementId), children: (0, jsx_runtime_1.jsx)(CssBaselineContainer, { id: (0, utils_1.createElementId)(utils_1.ElementId.ScrollableContainer, elementId), variant: variant, enableColorScheme: true, children: (0, jsx_runtime_1.jsx)(exports.FlexContainer, { disableGutters: true, children: children }) }) }));
+};
+exports.AppContainer = AppContainer;
+//# sourceMappingURL=AppContainer.js.map

package/src/_cjs/components/AppContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppContainer.js","sourceRoot":"","sources":["../../../../src/components/AppContainer.tsx"],"names":[],"mappings":";;;;AAAA,4CAAkE;AAClE,iDAA8C;AAE9C,4CAA+C;AAE/C,oCAAsD;AAEzC,QAAA,SAAS,GAAG,GAAG,CAAC;AAEhB,QAAA,oBAAoB,GAAG,IAAA,eAAM,EAAC,cAAG,EAAE;IAC9C,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,SAAS;CAChD,CAAC,CAA8B,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC;IAChD,OAAO,EAAE,MAAM;IACf,cAAc,EAAE,QAAQ;IACxB,UAAU,EAAE,OAAO;IACnB,IAAI,EAAE,CAAC;IACP,MAAM,EAAE,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,iBAAS;CAClD,CAAC,CAAC,CAAC;AAEJ,MAAM,iBAAiB,GAAG,IAAA,eAAM,EAAC,cAAG,EAAE;IACpC,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,SAAS;CAChD,CAAC,CAA8B,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC;IACvD,QAAQ,EAAE,UAAU;IACpB,SAAS,EAAE,aAAa;IACxB,KAAK,EAAE,MAAM;IACb,QAAQ,EAAE,GAAG;IACb,QAAQ,EAAE,GAAG;IACb,SAAS,EAAE,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,iBAAS;IACpD,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO;IAC5C,QAAQ,EAAE,MAAM;IAChB,IAAI,EAAE,CAAC;IACP,MAAM,EAAE,CAAC;CACV,CAAC,CAAC,CAAC;AAEJ,MAAM,oBAAoB,GAAG,IAAA,eAAM,EAAC,4BAAiB,EAAE;IACrD,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,SAAS;CAChD,CAAC,CAA8B,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC;IAChD,OAAO,EAAE,MAAM;IACf,IAAI,EAAE,CAAC;IACP,aAAa,EAAE,QAAQ;IACvB,SAAS,EAAE,MAAM;IACjB,MAAM,EAAE,CAAC;IACT,KAAK,EAAE,MAAM;IACb,SAAS,EAAE,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,iBAAS;IACpD,SAAS,EAAE,MAAM;IACjB,MAAM,EAAE,MAAM;CACf,CAAC,CAAC,CAAC;AAES,QAAA,aAAa,GAAG,IAAA,eAAM,EAAC,oBAAS,CAAC,CAAC;IAC7C,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,IAAI,EAAE,CAAC;CACR,CAAC,CAAC;AAEI,MAAM,YAAY,GAAoC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC5E,4CAA4C;IAC5C,MAAM,EAAE,cAAc,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,IAAA,2BAAe,GAAE,CAAC;IACjE,OAAO,CACL,uBAAC,iBAAiB,IAChB,EAAE,EAAE,cAAc,EAClB,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,IAAA,uBAAe,EAAC,iBAAS,CAAC,iBAAiB,EAAE,SAAS,CAAC,YAE3D,uBAAC,oBAAoB,IACnB,EAAE,EAAE,IAAA,uBAAe,EAAC,iBAAS,CAAC,mBAAmB,EAAE,SAAS,CAAC,EAC7D,OAAO,EAAE,OAAO,EAChB,iBAAiB,kBAGjB,uBAAC,qBAAa,IAAC,cAAc,kBAAE,QAAQ,GAAiB,GACnC,GAEL,CACrB,CAAC;AACJ,CAAC,CAAC;AApBW,QAAA,YAAY,gBAoBvB"}

package/src/_cjs/components/BaseTransactionButton/BaseTransactionButton.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { BaseTransactionButtonProps } from './types';
+export declare const BaseTransactionButton: React.FC<BaseTransactionButtonProps>;