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

package/_cjs/components/SelectTokenButton/SelectTokenButton.style.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SelectTokenCardHeader = void 0;
+const CardHeader_1 = require("@mui/material/CardHeader");
+const styles_1 = require("@mui/material/styles");
+const Card_1 = require("../Card");
+exports.SelectTokenCardHeader = (0, styles_1.styled)(Card_1.CardHeader, {
+    shouldForwardProp: (prop) => !['selected', 'compact'].includes(prop),
+})(({ theme, selected, compact }) => ({
+    padding: theme.spacing(2),
+    [`.${CardHeader_1.cardHeaderClasses.title}`]: {
+        color: selected
+            ? theme.palette.text.primary
+            : theme.palette.text.secondary,
+        textOverflow: 'ellipsis',
+        whiteSpace: 'nowrap',
+        overflow: 'hidden',
+        width: compact ? 88 : 256,
+        fontSize: compact && !selected ? 16 : 18,
+        [theme.breakpoints.down(392)]: {
+            width: compact ? 88 : 224,
+        },
+    },
+    [`.${CardHeader_1.cardHeaderClasses.subheader}`]: {
+        textOverflow: 'ellipsis',
+        whiteSpace: 'nowrap',
+        overflow: 'hidden',
+        width: compact ? 88 : 256,
+        [theme.breakpoints.down(392)]: {
+            width: compact ? 88 : 224,
+        },
+    },
+}));
+//# sourceMappingURL=SelectTokenButton.style.js.map

package/_cjs/components/SelectTokenButton/SelectTokenButton.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectTokenButton.style.js","sourceRoot":"","sources":["../../../components/SelectTokenButton/SelectTokenButton.style.tsx"],"names":[],"mappings":";;;AAAA,yDAA6D;AAC7D,iDAA8C;AAC9C,kCAAqC;AAExB,QAAA,qBAAqB,GAAG,IAAA,eAAM,EAAC,iBAAU,EAAE;IACtD,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC1B,CAAC,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CACpD,CAAC,CACA,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC;IACjC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IACzB,CAAC,IAAI,8BAAiB,CAAC,KAAK,EAAE,CAAC,EAAE;QAC/B,KAAK,EAAE,QAAQ;YACb,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;YAC5B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS;QAChC,YAAY,EAAE,UAAU;QACxB,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE,QAAQ;QAClB,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG;QACzB,QAAQ,EAAE,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE;QACxC,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE;YAC7B,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG;SAC1B;KACF;IACD,CAAC,IAAI,8BAAiB,CAAC,SAAS,EAAE,CAAC,EAAE;QACnC,YAAY,EAAE,UAAU;QACxB,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE,QAAQ;QAClB,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG;QACzB,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE;YAC7B,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG;SAC1B;KACF;CACF,CAAC,CACH,CAAC"}

package/_cjs/components/SelectTokenButton/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("./SelectTokenButton"), exports);
+//# sourceMappingURL=index.js.map

package/_cjs/components/SelectTokenButton/index.js.map

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

package/_cjs/components/SendToWallet/SendToWallet.style.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const SendToWalletCardHeader: import("@emotion/styled").StyledComponent<import("@mui/material/CardHeader").CardHeaderOwnProps<"span", "span"> & 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;
+}, "title" | "sx" | "style" | "className" | "action" | "classes" | "disableTypography" | "avatar" | "subheader" | "subheaderTypographyProps" | "titleTypographyProps"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
+    selected?: boolean | undefined;
+}, {}, {}>;

package/_cjs/components/SendToWallet/SendToWallet.style.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SendToWalletCardHeader = void 0;
+const styles_1 = require("@mui/material/styles");
+const Card_1 = require("../Card");
+const CardHeader_1 = require("@mui/material/CardHeader");
+exports.SendToWalletCardHeader = (0, styles_1.styled)(Card_1.CardHeader, {
+    shouldForwardProp: (prop) => !['selected'].includes(prop),
+})(({ theme, selected }) => ({
+    height: 64,
+    [`.${CardHeader_1.cardHeaderClasses.title}`]: {
+        color: selected ? theme.palette.text.primary : theme.palette.text.secondary,
+        textOverflow: 'ellipsis',
+        whiteSpace: 'nowrap',
+        overflow: 'hidden',
+        width: 256,
+        textAlign: 'left',
+        [theme.breakpoints.down(392)]: {
+            width: 224,
+        },
+    },
+    [`.${CardHeader_1.cardHeaderClasses.subheader}`]: {
+        textOverflow: 'ellipsis',
+        whiteSpace: 'nowrap',
+        overflow: 'hidden',
+        width: 256,
+        textAlign: 'left',
+        [theme.breakpoints.down(392)]: {
+            width: 224,
+        },
+    },
+}));
+//# sourceMappingURL=SendToWallet.style.js.map

package/_cjs/components/SendToWallet/SendToWallet.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SendToWallet.style.js","sourceRoot":"","sources":["../../../components/SendToWallet/SendToWallet.style.tsx"],"names":[],"mappings":";;;AAAA,iDAA8C;AAC9C,kCAAqC;AACrC,yDAA6D;AAEhD,QAAA,sBAAsB,GAAG,IAAA,eAAM,EAAC,iBAAU,EAAE;IACvD,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CACpE,CAAC,CAAyB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC;IACnD,MAAM,EAAE,EAAE;IACV,CAAC,IAAI,8BAAiB,CAAC,KAAK,EAAE,CAAC,EAAE;QAC/B,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS;QAC3E,YAAY,EAAE,UAAU;QACxB,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE,QAAQ;QAClB,KAAK,EAAE,GAAG;QACV,SAAS,EAAE,MAAM;QACjB,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE;YAC7B,KAAK,EAAE,GAAG;SACX;KACF;IACD,CAAC,IAAI,8BAAiB,CAAC,SAAS,EAAE,CAAC,EAAE;QACnC,YAAY,EAAE,UAAU;QACxB,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE,QAAQ;QAClB,KAAK,EAAE,GAAG;QACV,SAAS,EAAE,MAAM;QACjB,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE;YAC7B,KAAK,EAAE,GAAG;SACX;KACF;CACF,CAAC,CAAC,CAAC"}

package/_cjs/components/SendToWallet/SendToWalletButton.d.ts

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

package/_cjs/components/SendToWallet/SendToWalletButton.js

@@ -0,0 +1,65 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SendToWalletButton = 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 providers_1 = require("../../providers");
+const stores_1 = require("../../stores");
+const types_1 = require("../../types");
+const utils_1 = require("../../utils");
+const AccountAvatar_1 = require("../AccountAvatar");
+const Card_1 = require("../Card");
+const SendToWallet_style_1 = require("./SendToWallet.style");
+const SendToWalletButton = () => {
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const navigate = (0, react_router_dom_1.useNavigate)();
+    const { disabledUI, hiddenUI, toAddress, toAddresses } = (0, providers_1.useWidgetConfig)();
+    const { showSendToWallet, showSendToWalletDirty } = (0, stores_1.useSendToWalletStore)();
+    const { showDestinationWallet } = (0, stores_1.useSettings)(['showDestinationWallet']);
+    const [toAddressFieldValue] = (0, stores_1.useFieldValues)('toAddress');
+    const { selectedBookmark } = (0, stores_1.useBookmarks)();
+    const { accounts } = (0, hooks_1.useAccount)();
+    const disabledToAddress = disabledUI?.includes(types_1.DisabledUI.ToAddress);
+    const hiddenToAddress = hiddenUI?.includes(types_1.HiddenUI.ToAddress);
+    const { requiredToAddress } = (0, hooks_1.useToAddressRequirements)();
+    const showInstantly = Boolean(!showSendToWalletDirty &&
+        showDestinationWallet &&
+        toAddress &&
+        !hiddenToAddress) || requiredToAddress;
+    const address = toAddressFieldValue
+        ? (0, utils_1.shortenAddress)(toAddressFieldValue)
+        : t('sendToWallet.enterAddress');
+    const matchingConnectedAccount = accounts.find((account) => account.address === toAddressFieldValue);
+    const chainType = !matchingConnectedAccount
+        ? selectedBookmark?.chainType ||
+            (toAddressFieldValue
+                ? (0, utils_1.getChainTypeFromAddress)(toAddressFieldValue)
+                : undefined)
+        : undefined;
+    const chainId = matchingConnectedAccount
+        ? matchingConnectedAccount.chainId
+        : chainType
+            ? utils_1.defaultChainIdsByType[chainType]
+            : undefined;
+    const headerTitle = selectedBookmark?.isConnectedAccount
+        ? matchingConnectedAccount?.connector?.name || address
+        : selectedBookmark?.name || address;
+    const headerSubheader = selectedBookmark?.isConnectedAccount
+        ? !!matchingConnectedAccount && address
+        : !!selectedBookmark?.name && address;
+    const handleOnClick = () => {
+        navigate(toAddresses?.length
+            ? utils_1.navigationRoutes.configuredWallets
+            : utils_1.navigationRoutes.sendToWallet);
+    };
+    return ((0, jsx_runtime_1.jsx)(material_1.Collapse, { timeout: showInstantly ? 0 : 225, in: showSendToWallet || showInstantly, mountOnEnter: true, unmountOnExit: true, children: (0, jsx_runtime_1.jsx)(Card_1.Card, { component: "button", onClick: !!toAddress && disabledToAddress ? undefined : handleOnClick, sx: { mb: 2 }, children: (0, jsx_runtime_1.jsxs)(Card_1.CardRowContainer, { sx: {
+                    flexDirection: 'column',
+                    padding: 0,
+                    alignItems: 'flex-start',
+                }, children: [(0, jsx_runtime_1.jsx)(Card_1.CardTitle, { required: requiredToAddress, children: t('header.sendToWallet') }), (0, jsx_runtime_1.jsx)(SendToWallet_style_1.SendToWalletCardHeader, { avatar: (0, jsx_runtime_1.jsx)(AccountAvatar_1.AccountAvatar, { chainId: chainId, account: matchingConnectedAccount }), title: headerTitle, subheader: headerSubheader, selected: !!toAddressFieldValue && !(toAddress && disabledToAddress) })] }) }) }));
+};
+exports.SendToWalletButton = SendToWalletButton;
+//# sourceMappingURL=SendToWalletButton.js.map

package/_cjs/components/SendToWallet/SendToWalletButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SendToWalletButton.js","sourceRoot":"","sources":["../../../components/SendToWallet/SendToWalletButton.tsx"],"names":[],"mappings":";;;;AAAA,4CAAyC;AACzC,iDAA+C;AAC/C,uDAA+C;AAC/C,uCAAmE;AACnE,+CAAkD;AAClD,yCAKsB;AACtB,uCAAmD;AACnD,uCAKqB;AACrB,oDAAiD;AACjD,kCAA4D;AAC5D,6DAA8D;AAEvD,MAAM,kBAAkB,GAAG,GAAG,EAAE;IACrC,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,QAAQ,GAAG,IAAA,8BAAW,GAAE,CAAC;IAC/B,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,IAAA,2BAAe,GAAE,CAAC;IAC3E,MAAM,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,GAAG,IAAA,6BAAoB,GAAE,CAAC;IAC3E,MAAM,EAAE,qBAAqB,EAAE,GAAG,IAAA,oBAAW,EAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC;IACzE,MAAM,CAAC,mBAAmB,CAAC,GAAG,IAAA,uBAAc,EAAC,WAAW,CAAC,CAAC;IAC1D,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,qBAAY,GAAE,CAAC;IAC5C,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,kBAAU,GAAE,CAAC;IAClC,MAAM,iBAAiB,GAAG,UAAU,EAAE,QAAQ,CAAC,kBAAU,CAAC,SAAS,CAAC,CAAC;IACrE,MAAM,eAAe,GAAG,QAAQ,EAAE,QAAQ,CAAC,gBAAQ,CAAC,SAAS,CAAC,CAAC;IAC/D,MAAM,EAAE,iBAAiB,EAAE,GAAG,IAAA,gCAAwB,GAAE,CAAC;IAEzD,MAAM,aAAa,GACjB,OAAO,CACL,CAAC,qBAAqB;QACpB,qBAAqB;QACrB,SAAS;QACT,CAAC,eAAe,CACnB,IAAI,iBAAiB,CAAC;IAEzB,MAAM,OAAO,GAAG,mBAAmB;QACjC,CAAC,CAAC,IAAA,sBAAc,EAAC,mBAAmB,CAAC;QACrC,CAAC,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC;IAEnC,MAAM,wBAAwB,GAAG,QAAQ,CAAC,IAAI,CAC5C,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,OAAO,KAAK,mBAAmB,CACrD,CAAC;IAEF,MAAM,SAAS,GAAG,CAAC,wBAAwB;QACzC,CAAC,CAAC,gBAAgB,EAAE,SAAS;YAC3B,CAAC,mBAAmB;gBAClB,CAAC,CAAC,IAAA,+BAAuB,EAAC,mBAAmB,CAAC;gBAC9C,CAAC,CAAC,SAAS,CAAC;QAChB,CAAC,CAAC,SAAS,CAAC;IAEd,MAAM,OAAO,GAAG,wBAAwB;QACtC,CAAC,CAAC,wBAAwB,CAAC,OAAO;QAClC,CAAC,CAAC,SAAS;YACT,CAAC,CAAC,6BAAqB,CAAC,SAAS,CAAC;YAClC,CAAC,CAAC,SAAS,CAAC;IAEhB,MAAM,WAAW,GAAG,gBAAgB,EAAE,kBAAkB;QACtD,CAAC,CAAC,wBAAwB,EAAE,SAAS,EAAE,IAAI,IAAI,OAAO;QACtD,CAAC,CAAC,gBAAgB,EAAE,IAAI,IAAI,OAAO,CAAC;IAEtC,MAAM,eAAe,GAAG,gBAAgB,EAAE,kBAAkB;QAC1D,CAAC,CAAC,CAAC,CAAC,wBAAwB,IAAI,OAAO;QACvC,CAAC,CAAC,CAAC,CAAC,gBAAgB,EAAE,IAAI,IAAI,OAAO,CAAC;IAExC,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,QAAQ,CACN,WAAW,EAAE,MAAM;YACjB,CAAC,CAAC,wBAAgB,CAAC,iBAAiB;YACpC,CAAC,CAAC,wBAAgB,CAAC,YAAY,CAClC,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,mBAAQ,IACP,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,EAChC,EAAE,EAAE,gBAAgB,IAAI,aAAa,EACrC,YAAY,QACZ,aAAa,kBAEb,uBAAC,WAAI,IACH,SAAS,EAAC,QAAQ,EAClB,OAAO,EAAE,CAAC,CAAC,SAAS,IAAI,iBAAiB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,EACrE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,YAEb,wBAAC,uBAAgB,IACf,EAAE,EAAE;oBACF,aAAa,EAAE,QAAQ;oBACvB,OAAO,EAAE,CAAC;oBACV,UAAU,EAAE,YAAY;iBACzB,aAED,uBAAC,gBAAS,IAAC,QAAQ,EAAE,iBAAiB,YACnC,CAAC,CAAC,qBAAqB,CAAC,GACf,EACZ,uBAAC,2CAAsB,IACrB,MAAM,EACJ,uBAAC,6BAAa,IACZ,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,wBAAwB,GACjC,EAEJ,KAAK,EAAE,WAAW,EAClB,SAAS,EAAE,eAAe,EAC1B,QAAQ,EACN,CAAC,CAAC,mBAAmB,IAAI,CAAC,CAAC,SAAS,IAAI,iBAAiB,CAAC,GAE5D,IACe,GACd,GACE,CACZ,CAAC;AACJ,CAAC,CAAC;AAjGW,QAAA,kBAAkB,sBAiG7B"}

package/_cjs/components/SendToWallet/SendToWalletExpandButton.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const SendToWalletExpandButton: React.FC;

package/_cjs/components/SendToWallet/SendToWalletExpandButton.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SendToWalletExpandButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Wallet_1 = require("@mui/icons-material/Wallet");
+const Button_1 = require("@mui/material/Button");
+const Tooltip_1 = require("@mui/material/Tooltip");
+const react_i18next_1 = require("react-i18next");
+const hooks_1 = require("../../hooks");
+const providers_1 = require("../../providers");
+const stores_1 = require("../../stores");
+const types_1 = require("../../types");
+const SendToWalletExpandButton = () => {
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const { disabledUI, hiddenUI, toAddress } = (0, providers_1.useWidgetConfig)();
+    const { setFieldValue } = (0, stores_1.useFieldActions)();
+    const { setSelectedBookmark } = (0, stores_1.useBookmarkActions)();
+    const emitter = (0, hooks_1.useWidgetEvents)();
+    const { showSendToWallet, showSendToWalletDirty, setSendToWallet } = (0, stores_1.useSendToWalletStore)();
+    const { showDestinationWallet } = (0, stores_1.useSettings)(['showDestinationWallet']);
+    const { requiredToAddress } = (0, hooks_1.useToAddressRequirements)();
+    if (!showDestinationWallet ||
+        requiredToAddress ||
+        hiddenUI?.includes(types_1.HiddenUI.ToAddress)) {
+        return null;
+    }
+    const isActive = showSendToWallet || Boolean(!showSendToWalletDirty && toAddress);
+    const handleClick = () => {
+        if (isActive && !disabledUI?.includes(types_1.DisabledUI.ToAddress)) {
+            setFieldValue('toAddress', '', { isTouched: true });
+            setSelectedBookmark();
+        }
+        setSendToWallet(!isActive);
+        emitter.emit(types_1.WidgetEvent.SendToWalletToggled, stores_1.useSendToWalletStore.getState().showSendToWallet);
+    };
+    return ((0, jsx_runtime_1.jsx)(Tooltip_1.default, { title: t('main.sendToWallet'), placement: "bottom-end", enterDelay: 400, arrow: true, children: (0, jsx_runtime_1.jsx)(Button_1.default, { variant: isActive ? 'contained' : 'text', onClick: handleClick, sx: {
+                minWidth: 48,
+                marginLeft: 1,
+            }, children: (0, jsx_runtime_1.jsx)(Wallet_1.default, {}) }) }));
+};
+exports.SendToWalletExpandButton = SendToWalletExpandButton;
+//# sourceMappingURL=SendToWalletExpandButton.js.map

package/_cjs/components/SendToWallet/SendToWalletExpandButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SendToWalletExpandButton.js","sourceRoot":"","sources":["../../../components/SendToWallet/SendToWalletExpandButton.tsx"],"names":[],"mappings":";;;;AAAA,uDAAoD;AACpD,iDAA0C;AAC1C,mDAA4C;AAC5C,iDAA+C;AAC/C,uCAAwE;AACxE,+CAAkD;AAClD,yCAKsB;AACtB,uCAAgE;AAEzD,MAAM,wBAAwB,GAAa,GAAG,EAAE;IACrD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAA,2BAAe,GAAE,CAAC;IAC9D,MAAM,EAAE,aAAa,EAAE,GAAG,IAAA,wBAAe,GAAE,CAAC;IAC5C,MAAM,EAAE,mBAAmB,EAAE,GAAG,IAAA,2BAAkB,GAAE,CAAC;IACrD,MAAM,OAAO,GAAG,IAAA,uBAAe,GAAE,CAAC;IAClC,MAAM,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,eAAe,EAAE,GAChE,IAAA,6BAAoB,GAAE,CAAC;IACzB,MAAM,EAAE,qBAAqB,EAAE,GAAG,IAAA,oBAAW,EAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC;IAEzE,MAAM,EAAE,iBAAiB,EAAE,GAAG,IAAA,gCAAwB,GAAE,CAAC;IAEzD,IACE,CAAC,qBAAqB;QACtB,iBAAiB;QACjB,QAAQ,EAAE,QAAQ,CAAC,gBAAQ,CAAC,SAAS,CAAC,EACtC,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,QAAQ,GACZ,gBAAgB,IAAI,OAAO,CAAC,CAAC,qBAAqB,IAAI,SAAS,CAAC,CAAC;IAEnE,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,QAAQ,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,kBAAU,CAAC,SAAS,CAAC,EAAE,CAAC;YAC5D,aAAa,CAAC,WAAW,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;YACpD,mBAAmB,EAAE,CAAC;QACxB,CAAC;QACD,eAAe,CAAC,CAAC,QAAQ,CAAC,CAAC;QAC3B,OAAO,CAAC,IAAI,CACV,mBAAW,CAAC,mBAAmB,EAC/B,6BAAoB,CAAC,QAAQ,EAAE,CAAC,gBAAgB,CACjD,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,iBAAO,IACN,KAAK,EAAE,CAAC,CAAC,mBAAmB,CAAC,EAC7B,SAAS,EAAC,YAAY,EACtB,UAAU,EAAE,GAAG,EACf,KAAK,kBAEL,uBAAC,gBAAM,IACL,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,EACxC,OAAO,EAAE,WAAW,EACpB,EAAE,EAAE;gBACF,QAAQ,EAAE,EAAE;gBACZ,UAAU,EAAE,CAAC;aACd,YAED,uBAAC,gBAAU,KAAG,GACP,GACD,CACX,CAAC;AACJ,CAAC,CAAC;AAtDW,QAAA,wBAAwB,4BAsDnC"}

package/_cjs/components/SendToWallet/index.d.ts

@@ -0,0 +1,3 @@
+export * from './SendToWalletButton';
+export * from './SendToWalletExpandButton';
+export * from './SendToWallet.style';

package/_cjs/components/SendToWallet/index.js

@@ -0,0 +1,20 @@
+"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("./SendToWalletButton"), exports);
+__exportStar(require("./SendToWalletExpandButton"), exports);
+__exportStar(require("./SendToWallet.style"), exports);
+//# sourceMappingURL=index.js.map

package/_cjs/components/SendToWallet/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/SendToWallet/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,uDAAqC;AACrC,6DAA2C;AAC3C,uDAAqC"}

package/_cjs/components/SettingsListItemButton.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const SettingsListItemButton: 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" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "dense" | "divider" | "disableGutters"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;

package/_cjs/components/SettingsListItemButton.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SettingsListItemButton = void 0;
+const styles_1 = require("@mui/material/styles");
+const ListItemButton_1 = require("./ListItemButton");
+exports.SettingsListItemButton = (0, styles_1.styled)(ListItemButton_1.ListItemButton)(({ theme }) => ({
+    paddingRight: theme.spacing(1),
+}));
+//# sourceMappingURL=SettingsListItemButton.js.map

package/_cjs/components/SettingsListItemButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsListItemButton.js","sourceRoot":"","sources":["../../components/SettingsListItemButton.tsx"],"names":[],"mappings":";;;AAAA,iDAA8C;AAC9C,qDAAwE;AAE3D,QAAA,sBAAsB,GAAG,IAAA,eAAM,EAAC,+BAAkB,CAAC,CAC9D,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACd,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;CAC/B,CAAC,CACH,CAAC"}

package/_cjs/components/SmallAvatar.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export declare const SmallAvatar: import("@emotion/styled").StyledComponent<import("@mui/material").AvatarOwnProps & 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;
+}, "children" | "sx" | "style" | "className" | "sizes" | "alt" | "src" | "srcSet" | "classes" | "variant" | "imgProps"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const SmallAvatarSkeletonBase: import("@emotion/styled").StyledComponent<import("@mui/material").SkeletonOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, "width" | "height" | "animation" | "children" | "sx" | "style" | "className" | "classes" | "variant"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const SmallAvatarSkeletonContainer: 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>, {}, {}>;
+export declare const SmallAvatarSkeleton: () => import("react/jsx-runtime").JSX.Element;

package/_cjs/components/SmallAvatar.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmallAvatarSkeleton = exports.SmallAvatarSkeletonContainer = exports.SmallAvatarSkeletonBase = exports.SmallAvatar = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const styles_1 = require("@mui/material/styles");
+exports.SmallAvatar = (0, styles_1.styled)(material_1.Avatar)(({ theme }) => ({
+    background: theme.palette.background.paper,
+    width: 20,
+    height: 20,
+    border: `2px solid ${theme.palette.background.paper}`,
+}));
+exports.SmallAvatarSkeletonBase = (0, styles_1.styled)(material_1.Skeleton)(({ theme }) => ({
+    border: `2px solid ${theme.palette.background.paper}`,
+    width: 20,
+    height: 20,
+}));
+exports.SmallAvatarSkeletonContainer = (0, styles_1.styled)(material_1.Box)(({ theme }) => ({
+    background: theme.palette.background.paper,
+    borderRadius: '50%',
+}));
+const SmallAvatarSkeleton = () => {
+    return ((0, jsx_runtime_1.jsx)(exports.SmallAvatarSkeletonContainer, { children: (0, jsx_runtime_1.jsx)(exports.SmallAvatarSkeletonBase, { variant: "circular" }) }));
+};
+exports.SmallAvatarSkeleton = SmallAvatarSkeleton;
+//# sourceMappingURL=SmallAvatar.js.map

package/_cjs/components/SmallAvatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SmallAvatar.js","sourceRoot":"","sources":["../../components/SmallAvatar.tsx"],"names":[],"mappings":";;;;AAAA,4CAAsD;AACtD,iDAA8C;AAEjC,QAAA,WAAW,GAAG,IAAA,eAAM,EAAC,iBAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACxD,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK;IAC1C,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,MAAM,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,EAAE;CACtD,CAAC,CAAC,CAAC;AAES,QAAA,uBAAuB,GAAG,IAAA,eAAM,EAAC,mBAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACtE,MAAM,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,EAAE;IACrD,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;CACX,CAAC,CAAC,CAAC;AAES,QAAA,4BAA4B,GAAG,IAAA,eAAM,EAAC,cAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACtE,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK;IAC1C,YAAY,EAAE,KAAK;CACpB,CAAC,CAAC,CAAC;AAEG,MAAM,mBAAmB,GAAG,GAAG,EAAE;IACtC,OAAO,CACL,uBAAC,oCAA4B,cAC3B,uBAAC,+BAAuB,IAAC,OAAO,EAAC,UAAU,GAAG,GACjB,CAChC,CAAC;AACJ,CAAC,CAAC;AANW,QAAA,mBAAmB,uBAM9B"}

package/_cjs/components/Step/CircularProgress.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CircularProgress = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Done_1 = require("@mui/icons-material/Done");
+const ErrorRounded_1 = require("@mui/icons-material/ErrorRounded");
+const InfoRounded_1 = require("@mui/icons-material/InfoRounded");
+const WarningRounded_1 = require("@mui/icons-material/WarningRounded");
+const styles_1 = require("@mui/material/styles");
+const CircularProgress_style_1 = require("./CircularProgress.style");
+function CircularProgress({ process }) {
+    return ((0, jsx_runtime_1.jsxs)(CircularProgress_style_1.CircularIcon, { status: process.status, substatus: process.substatus, children: [process.status === 'STARTED' || process.status === 'PENDING' ? ((0, jsx_runtime_1.jsx)(CircularProgress_style_1.CircularProgressPending, { size: 40 })) : null, process.status === 'ACTION_REQUIRED' ? ((0, jsx_runtime_1.jsx)(InfoRounded_1.default, { color: "info", sx: {
+                    position: 'absolute',
+                    fontSize: '1.5rem',
+                } })) : null, process.status === 'DONE' &&
+                (process.substatus === 'PARTIAL' || process.substatus === 'REFUNDED') ? ((0, jsx_runtime_1.jsx)(WarningRounded_1.default, { sx: (theme) => ({
+                    position: 'absolute',
+                    fontSize: '1.5rem',
+                    color: (0, styles_1.darken)(theme.palette.warning.main, 0.32),
+                }) })) : process.status === 'DONE' ? ((0, jsx_runtime_1.jsx)(Done_1.default, { color: "success", sx: {
+                    position: 'absolute',
+                    fontSize: '1.5rem',
+                } })) : null, process.status === 'FAILED' ? ((0, jsx_runtime_1.jsx)(ErrorRounded_1.default, { color: "error", sx: {
+                    position: 'absolute',
+                    fontSize: '1.5rem',
+                } })) : null] }));
+}
+exports.CircularProgress = CircularProgress;
+//# sourceMappingURL=CircularProgress.js.map

package/_cjs/components/Step/CircularProgress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CircularProgress.js","sourceRoot":"","sources":["../../../components/Step/CircularProgress.tsx"],"names":[],"mappings":";;;;AACA,mDAAgD;AAChD,mEAAgE;AAChE,iEAA8D;AAC9D,uEAAoE;AACpE,iDAA8C;AAC9C,qEAGkC;AAElC,SAAgB,gBAAgB,CAAC,EAAE,OAAO,EAAwB;IAChE,OAAO,CACL,wBAAC,qCAAY,IAAC,MAAM,EAAE,OAAO,CAAC,MAAM,EAAE,SAAS,EAAE,OAAO,CAAC,SAAS,aAC/D,OAAO,CAAC,MAAM,KAAK,SAAS,IAAI,OAAO,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,CAC9D,uBAAC,gDAAuB,IAAC,IAAI,EAAE,EAAE,GAAI,CACtC,CAAC,CAAC,CAAC,IAAI,EACP,OAAO,CAAC,MAAM,KAAK,iBAAiB,CAAC,CAAC,CAAC,CACtC,uBAAC,qBAAe,IACd,KAAK,EAAC,MAAM,EACZ,EAAE,EAAE;oBACF,QAAQ,EAAE,UAAU;oBACpB,QAAQ,EAAE,QAAQ;iBACnB,GACD,CACH,CAAC,CAAC,CAAC,IAAI,EACP,OAAO,CAAC,MAAM,KAAK,MAAM;gBAC1B,CAAC,OAAO,CAAC,SAAS,KAAK,SAAS,IAAI,OAAO,CAAC,SAAS,KAAK,UAAU,CAAC,CAAC,CAAC,CAAC,CACtE,uBAAC,wBAAkB,IACjB,EAAE,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;oBACd,QAAQ,EAAE,UAAU;oBACpB,QAAQ,EAAE,QAAQ;oBAClB,KAAK,EAAE,IAAA,eAAM,EAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC;iBAChD,CAAC,GACF,CACH,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,CAC9B,uBAAC,cAAQ,IACP,KAAK,EAAC,SAAS,EACf,EAAE,EAAE;oBACF,QAAQ,EAAE,UAAU;oBACpB,QAAQ,EAAE,QAAQ;iBACnB,GACD,CACH,CAAC,CAAC,CAAC,IAAI,EACP,OAAO,CAAC,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC7B,uBAAC,sBAAgB,IACf,KAAK,EAAC,OAAO,EACb,EAAE,EAAE;oBACF,QAAQ,EAAE,UAAU;oBACpB,QAAQ,EAAE,QAAQ;iBACnB,GACD,CACH,CAAC,CAAC,CAAC,IAAI,IACK,CAChB,CAAC;AACJ,CAAC;AA5CD,4CA4CC"}

package/_cjs/components/Step/CircularProgress.style.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import type { Status, Substatus } from '@lifi/sdk';
+import type { Theme } from '@mui/material';
+export declare const CircularIcon: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<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<Theme>> & import("@mui/system").MUIStyledCommonProps<Theme> & {
+    status: Status;
+    substatus?: Substatus | undefined;
+}, {}, {}>;
+export declare const CircularProgressPending: import("@emotion/styled").StyledComponent<import("@mui/material").CircularProgressProps & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;

package/_cjs/components/Step/CircularProgress.style.js

@@ -0,0 +1,72 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CircularProgressPending = exports.CircularIcon = void 0;
+const material_1 = require("@mui/material");
+const CircularProgress_1 = require("@mui/material/CircularProgress");
+const styles_1 = require("@mui/material/styles");
+const getStatusColor = (theme, status, substatus) => {
+    switch (status) {
+        case 'ACTION_REQUIRED':
+            return (0, styles_1.alpha)(theme.palette.info.main, 0.12);
+        case 'DONE':
+            if (substatus === 'PARTIAL' || substatus === 'REFUNDED') {
+                return (0, styles_1.alpha)(theme.palette.warning.main, 0.48);
+            }
+            return (0, styles_1.alpha)(theme.palette.success.main, 0.12);
+        case 'FAILED':
+            return (0, styles_1.alpha)(theme.palette.error.main, 0.12);
+        default:
+            return theme.palette.grey[theme.palette.mode === 'light' ? 300 : 800];
+    }
+};
+exports.CircularIcon = (0, styles_1.styled)(material_1.Box, {
+    shouldForwardProp: (prop) => !['status', 'substatus'].includes(prop),
+})(({ theme, status, substatus }) => ({
+    backgroundColor: ['ACTION_REQUIRED', 'DONE', 'FAILED'].includes(status)
+        ? getStatusColor(theme, status, substatus)
+        : theme.palette.background.paper,
+    borderStyle: 'solid',
+    borderColor: getStatusColor(theme, status, substatus),
+    borderWidth: !['ACTION_REQUIRED', 'DONE', 'FAILED'].includes(status)
+        ? 3
+        : 0,
+    display: 'grid',
+    position: 'relative',
+    placeItems: 'center',
+    width: 40,
+    height: 40,
+    borderRadius: '50%',
+}));
+const circleAnimation = (0, styles_1.keyframes) `
+  0% {
+    stroke-dashoffset: 129;
+    transform: rotate(0);
+  }
+  50% {
+    stroke-dashoffset: 56;
+    transform: rotate(45deg);
+  };
+  100% {
+    stroke-dashoffset: 129;
+    transform: rotate(360deg);
+  }
+`;
+// This `styled()` function invokes keyframes. `styled-components` only supports keyframes
+// in string templates. Do not convert these styles in JS object as it will break.
+exports.CircularProgressPending = (0, styles_1.styled)(material_1.CircularProgress) `
+  color: ${({ theme }) => theme.palette.mode === 'light'
+    ? theme.palette.primary.main
+    : theme.palette.primary.light};
+  animation-duration: 3s;
+  position: absolute;
+  .${CircularProgress_1.circularProgressClasses.circle} {
+    animation-duration: 2s;
+    animation-timing-function: linear;
+    animation-name: ${circleAnimation};
+    stroke-dasharray: 129;
+    stroke-dashoffset: 129;
+    stroke-linecap: round;
+    transform-origin: 100% 100%;
+  }
+`;
+//# sourceMappingURL=CircularProgress.style.js.map

package/_cjs/components/Step/CircularProgress.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CircularProgress.style.js","sourceRoot":"","sources":["../../../components/Step/CircularProgress.style.tsx"],"names":[],"mappings":";;;AAEA,4CAA6E;AAC7E,qEAAyE;AACzE,iDAAgE;AAEhE,MAAM,cAAc,GAAG,CACrB,KAAY,EACZ,MAAc,EACd,SAAqB,EACrB,EAAE;IACF,QAAQ,MAAM,EAAE,CAAC;QACf,KAAK,iBAAiB;YACpB,OAAO,IAAA,cAAK,EAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QAC9C,KAAK,MAAM;YACT,IAAI,SAAS,KAAK,SAAS,IAAI,SAAS,KAAK,UAAU,EAAE,CAAC;gBACxD,OAAO,IAAA,cAAK,EAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;YACjD,CAAC;YACD,OAAO,IAAA,cAAK,EAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QACjD,KAAK,QAAQ;YACX,OAAO,IAAA,cAAK,EAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QAC/C;YACE,OAAO,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;IAC1E,CAAC;AACH,CAAC,CAAC;AAEW,QAAA,YAAY,GAAG,IAAA,eAAM,EAAC,cAAG,EAAE;IACtC,iBAAiB,EAAE,CAAC,IAAY,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC;CAC7E,CAAC,CACA,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAAC;IACjC,eAAe,EAAE,CAAC,iBAAiB,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC;QACrE,CAAC,CAAC,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC;QAC1C,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK;IAClC,WAAW,EAAE,OAAO;IACpB,WAAW,EAAE,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC;IACrD,WAAW,EAAE,CAAC,CAAC,iBAAiB,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC;QAClE,CAAC,CAAC,CAAC;QACH,CAAC,CAAC,CAAC;IACL,OAAO,EAAE,MAAM;IACf,QAAQ,EAAE,UAAU;IACpB,UAAU,EAAE,QAAQ;IACpB,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,YAAY,EAAE,KAAK;CACpB,CAAC,CACH,CAAC;AAEF,MAAM,eAAe,GAAG,IAAA,kBAAS,EAAA;;;;;;;;;;;;;CAahC,CAAC;AAEF,0FAA0F;AAC1F,kFAAkF;AACrE,QAAA,uBAAuB,GAAG,IAAA,eAAM,EAAC,2BAAmB,CAAC,CAAA;WACvD,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACrB,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;IAC5B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;IAC5B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK;;;KAG9B,0CAAuB,CAAC,MAAM;;;sBAGb,eAAe;;;;;;CAMpC,CAAC"}

package/_cjs/components/Step/DestinationWalletAddress.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DestinationWalletAddress = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const LinkRounded_1 = require("@mui/icons-material/LinkRounded");
+const Wallet_1 = require("@mui/icons-material/Wallet");
+const material_1 = require("@mui/material");
+const react_i18next_1 = require("react-i18next");
+const CircularProgress_style_1 = require("./CircularProgress.style");
+const StepProcess_style_1 = require("./StepProcess.style");
+const DestinationWalletAddress = ({ step, toAddress, toAddressLink }) => {
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const isDone = step.execution?.status === 'DONE';
+    return ((0, jsx_runtime_1.jsx)(material_1.Box, { px: 2, py: 1, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+                display: 'flex',
+                alignItems: 'center',
+            }, children: [(0, jsx_runtime_1.jsx)(CircularProgress_style_1.CircularIcon, { status: isDone ? 'DONE' : 'NOT_STARTED', children: (0, jsx_runtime_1.jsx)(Wallet_1.default, { color: isDone ? 'success' : 'inherit', sx: {
+                            position: 'absolute',
+                            fontSize: '1.25rem',
+                        } }) }), (0, jsx_runtime_1.jsx)(material_1.Typography, { mx: 2, flex: 1, fontSize: 14, fontWeight: 400, children: isDone
+                        ? t('main.sentToAddress', {
+                            address: toAddress,
+                        })
+                        : t('main.sendToAddress', {
+                            address: toAddress,
+                        }) }), (0, jsx_runtime_1.jsx)(StepProcess_style_1.LinkButton, { size: "medium", LinkComponent: material_1.Link, href: toAddressLink, target: "_blank", rel: "nofollow noreferrer", children: (0, jsx_runtime_1.jsx)(LinkRounded_1.default, {}) })] }) }));
+};
+exports.DestinationWalletAddress = DestinationWalletAddress;
+//# sourceMappingURL=DestinationWalletAddress.js.map

package/_cjs/components/Step/DestinationWalletAddress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DestinationWalletAddress.js","sourceRoot":"","sources":["../../../components/Step/DestinationWalletAddress.tsx"],"names":[],"mappings":";;;;AACA,iEAA8D;AAC9D,uDAAoD;AACpD,4CAAsD;AACtD,iDAA+C;AAC/C,qEAAwD;AACxD,2DAAiD;AAE1C,MAAM,wBAAwB,GAIhC,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,aAAa,EAAE,EAAE,EAAE;IAC1C,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,CAAC;IACjD,OAAO,CACL,uBAAC,cAAG,IAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,YACf,wBAAC,cAAG,IACF,EAAE,EAAE;gBACF,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,QAAQ;aACrB,aAED,uBAAC,qCAAY,IAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,YACnD,uBAAC,gBAAU,IACT,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACrC,EAAE,EAAE;4BACF,QAAQ,EAAE,UAAU;4BACpB,QAAQ,EAAE,SAAS;yBACpB,GACD,GACW,EACf,uBAAC,qBAAU,IAAC,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,YACtD,MAAM;wBACL,CAAC,CAAC,CAAC,CAAC,oBAAoB,EAAE;4BACtB,OAAO,EAAE,SAAS;yBACnB,CAAC;wBACJ,CAAC,CAAC,CAAC,CAAC,oBAAoB,EAAE;4BACtB,OAAO,EAAE,SAAS;yBACnB,CAAC,GACK,EACb,uBAAC,8BAAU,IACT,IAAI,EAAC,QAAQ,EACb,aAAa,EAAE,eAAI,EACnB,IAAI,EAAE,aAAa,EACnB,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,YAEzB,uBAAC,qBAAe,KAAG,GACR,IACT,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AA7CW,QAAA,wBAAwB,4BA6CnC"}

package/_cjs/components/Step/Step.js

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Step = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const react_i18next_1 = require("react-i18next");
+const Card_1 = require("../../components/Card");
+const StepActions_1 = require("../../components/StepActions");
+const Token_1 = require("../../components/Token");
+const hooks_1 = require("../../hooks");
+const providers_1 = require("../../providers");
+const utils_1 = require("../../utils");
+const DestinationWalletAddress_1 = require("./DestinationWalletAddress");
+const StepProcess_1 = require("./StepProcess");
+const StepTimer_1 = require("./StepTimer");
+const Step = ({ step, fromToken, toToken, toAddress }) => {
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const { getChainById } = (0, hooks_1.useAvailableChains)();
+    const { subvariant } = (0, providers_1.useWidgetConfig)();
+    const stepHasError = step.execution?.process.some((process) => process.status === 'FAILED');
+    const getCardTitle = () => {
+        switch (step.type) {
+            case 'lifi':
+                const hasCrossStep = step.includedSteps.some((step) => step.type === 'cross');
+                const hasSwapStep = step.includedSteps.some((step) => step.type === 'swap');
+                if (hasCrossStep && hasSwapStep) {
+                    return subvariant === 'nft'
+                        ? t('main.stepBridgeAndBuy')
+                        : t('main.stepSwapAndBridge');
+                }
+                if (hasCrossStep) {
+                    return subvariant === 'nft'
+                        ? t('main.stepBridgeAndBuy')
+                        : t('main.stepBridge');
+                }
+                return subvariant === 'nft'
+                    ? t('main.stepSwapAndBuy')
+                    : t('main.stepSwap');
+            default:
+                return subvariant === 'nft'
+                    ? t('main.stepSwapAndBuy')
+                    : t('main.stepSwap');
+        }
+    };
+    const formattedToAddress = (0, utils_1.shortenAddress)(toAddress);
+    const toAddressLink = toAddress
+        ? `${getChainById(step.action.toChainId)?.metamask.blockExplorerUrls[0]}address/${toAddress}`
+        : undefined;
+    return ((0, jsx_runtime_1.jsxs)(Card_1.Card, { variant: stepHasError ? 'error' : 'default', children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+                    display: 'flex',
+                    flex: 1,
+                }, children: [(0, jsx_runtime_1.jsx)(Card_1.CardTitle, { flex: 1, children: getCardTitle() }), (0, jsx_runtime_1.jsx)(Card_1.CardTitle, { sx: { fontWeight: 500 }, children: (0, jsx_runtime_1.jsx)(StepTimer_1.StepTimer, { step: step }) })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { py: 1, children: [fromToken ? (0, jsx_runtime_1.jsx)(Token_1.Token, { token: fromToken, px: 2, py: 1 }) : null, (0, jsx_runtime_1.jsx)(StepActions_1.StepActions, { step: step, px: 2, py: 1, dense: true }), step.execution?.process.map((process, index) => ((0, jsx_runtime_1.jsx)(StepProcess_1.StepProcess, { step: step, process: process }, index))), formattedToAddress && toAddressLink ? ((0, jsx_runtime_1.jsx)(DestinationWalletAddress_1.DestinationWalletAddress, { step: step, toAddress: formattedToAddress, toAddressLink: toAddressLink })) : null, toToken ? (0, jsx_runtime_1.jsx)(Token_1.Token, { token: toToken, px: 2, py: 1 }) : null] })] }));
+};
+exports.Step = Step;
+//# sourceMappingURL=Step.js.map

package/_cjs/components/Step/Step.js.map

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

package/_cjs/components/Step/StepList.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getStepList = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const StepDivider_1 = require("../../components/StepDivider");
+const Step_1 = require("./Step");
+const getStepList = (route, subvariant) => route?.steps.map((step, index, steps) => {
+    const lastIndex = steps.length - 1;
+    const fromToken = index === 0
+        ? { ...step.action.fromToken, amount: BigInt(step.action.fromAmount) }
+        : undefined;
+    const toToken = index === lastIndex
+        ? {
+            ...(step.execution?.toToken ?? step.action?.toToken),
+            amount: step.execution?.toAmount
+                ? BigInt(step.execution.toAmount)
+                : subvariant === 'nft'
+                    ? BigInt(route.toAmount)
+                    : BigInt(step.estimate.toAmount),
+        }
+        : undefined;
+    const toAddress = index === lastIndex && route.fromAddress !== route.toAddress
+        ? route.toAddress
+        : undefined;
+    return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Step_1.Step, { step: step, fromToken: fromToken, toToken: toToken, toAddress: toAddress }), steps.length > 1 && index !== steps.length - 1 ? ((0, jsx_runtime_1.jsx)(StepDivider_1.StepDivider, {})) : null] }, step.id));
+});
+exports.getStepList = getStepList;
+//# sourceMappingURL=StepList.js.map

package/_cjs/components/Step/StepList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepList.js","sourceRoot":"","sources":["../../../components/Step/StepList.tsx"],"names":[],"mappings":";;;;AACA,iCAAiC;AACjC,8DAA2D;AAE3D,iCAA8B;AAEvB,MAAM,WAAW,GAAG,CACzB,KAAqB,EACrB,UAA6B,EAC7B,EAAE,CACF,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE;IACtC,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;IACnC,MAAM,SAAS,GACb,KAAK,KAAK,CAAC;QACT,CAAC,CAAC,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE;QACtE,CAAC,CAAC,SAAS,CAAC;IAChB,MAAM,OAAO,GACX,KAAK,KAAK,SAAS;QACjB,CAAC,CAAC;YACE,GAAG,CAAC,IAAI,CAAC,SAAS,EAAE,OAAO,IAAI,IAAI,CAAC,MAAM,EAAE,OAAO,CAAC;YACpD,MAAM,EAAE,IAAI,CAAC,SAAS,EAAE,QAAQ;gBAC9B,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC;gBACjC,CAAC,CAAC,UAAU,KAAK,KAAK;oBACpB,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC;oBACxB,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC;SACrC;QACH,CAAC,CAAC,SAAS,CAAC;IAChB,MAAM,SAAS,GACb,KAAK,KAAK,SAAS,IAAI,KAAK,CAAC,WAAW,KAAK,KAAK,CAAC,SAAS;QAC1D,CAAC,CAAC,KAAK,CAAC,SAAS;QACjB,CAAC,CAAC,SAAS,CAAC;IAChB,OAAO,CACL,wBAAC,gBAAQ,eACP,uBAAC,WAAI,IACH,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,GACpB,EACD,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAChD,uBAAC,yBAAW,KAAG,CAChB,CAAC,CAAC,CAAC,IAAI,KATK,IAAI,CAAC,EAAE,CAUX,CACZ,CAAC;AACJ,CAAC,CAAC,CAAC;AAtCQ,QAAA,WAAW,eAsCnB"}