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

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare const IconTypography: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & 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;
+}, "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform" | "children" | "sx" | "style" | "className" | "align" | "classes" | "gutterBottom" | "noWrap" | "paragraph" | "variant" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const TokenContainer: 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>, {}, {}>;

package/_cjs/components/RouteCard/RouteCard.style.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TokenContainer = exports.IconTypography = void 0;
+const material_1 = require("@mui/material");
+const styles_1 = require("@mui/material/styles");
+exports.IconTypography = (0, styles_1.styled)(material_1.Typography)(({ theme }) => ({
+    color: theme.palette.mode === 'light'
+        ? (0, styles_1.alpha)(theme.palette.common.black, 0.24)
+        : (0, styles_1.alpha)(theme.palette.common.white, 0.32),
+    lineHeight: 0,
+}));
+exports.TokenContainer = (0, styles_1.styled)(material_1.Box)(({ theme }) => ({
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    height: 40,
+}));
+//# sourceMappingURL=RouteCard.style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RouteCard.style.js","sourceRoot":"","sources":["../../../components/RouteCard/RouteCard.style.ts"],"names":[],"mappings":";;;AAAA,4CAAgD;AAChD,iDAAqD;AAExC,QAAA,cAAc,GAAG,IAAA,eAAM,EAAC,qBAAU,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC/D,KAAK,EACH,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;QAC5B,CAAC,CAAC,IAAA,cAAK,EAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC;QACzC,CAAC,CAAC,IAAA,cAAK,EAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC;IAC7C,UAAU,EAAE,CAAC;CACd,CAAC,CAAC,CAAC;AAES,QAAA,cAAc,GAAG,IAAA,eAAM,EAAC,cAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACxD,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,eAAe;IAC/B,MAAM,EAAE,EAAE;CACX,CAAC,CAAC,CAAC"}

package/_cjs/components/RouteCard/RouteCardEssentials.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RouteCardEssentials = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const AccessTimeFilled_1 = require("@mui/icons-material/AccessTimeFilled");
+const MonetizationOn_1 = require("@mui/icons-material/MonetizationOn");
+const material_1 = require("@mui/material");
+const react_i18next_1 = require("react-i18next");
+const viem_1 = require("viem");
+const utils_1 = require("../../utils");
+const RouteCard_style_1 = require("./RouteCard.style");
+const RouteCardEssentials = ({ route, }) => {
+    const { t, i18n } = (0, react_i18next_1.useTranslation)();
+    const executionTimeMinutes = Math.ceil(route.steps
+        .map((step) => step.estimate.executionDuration)
+        .reduce((duration, x) => duration + x, 0) / 60);
+    const gasCostUSD = parseFloat(route.gasCostUSD ?? '') || 0.01;
+    const gasCosts = (0, utils_1.getGasCostsBreakdown)(route);
+    const feeCosts = (0, utils_1.getFeeCostsBreakdown)(route, false);
+    const fees = gasCostUSD + feeCosts.reduce((sum, feeCost) => sum + feeCost.amountUSD, 0);
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { display: "flex", justifyContent: 'space-between', flex: 1, mt: 2, children: [(0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: (0, jsx_runtime_1.jsxs)(material_1.Box, { component: "span", children: [t('main.fees.networkEstimated'), getFeeBreakdownTypography(gasCosts, t), feeCosts.length ? ((0, jsx_runtime_1.jsxs)(material_1.Box, { mt: 1, children: [t('main.fees.providerEstimated'), getFeeBreakdownTypography(feeCosts, t)] })) : null] }), placement: "top", enterDelay: 400, arrow: true, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { display: "flex", alignItems: "center", children: [(0, jsx_runtime_1.jsx)(RouteCard_style_1.IconTypography, { mr: 0.5, children: (0, jsx_runtime_1.jsx)(MonetizationOn_1.default, { fontSize: "small" }) }), (0, jsx_runtime_1.jsx)(material_1.Typography, { fontSize: 14, color: "text.primary", fontWeight: "500", lineHeight: 1, children: t(`format.currency`, {
+                                value: fees,
+                            }) })] }) }), (0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: t(`tooltip.estimatedTime`), placement: "top", enterDelay: 400, arrow: true, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { display: "flex", alignItems: "center", children: [(0, jsx_runtime_1.jsx)(RouteCard_style_1.IconTypography, { mr: 0.5, children: (0, jsx_runtime_1.jsx)(AccessTimeFilled_1.default, { fontSize: "small" }) }), (0, jsx_runtime_1.jsx)(material_1.Typography, { fontSize: 14, color: "text.primary", fontWeight: "500", lineHeight: 1, children: new Intl.NumberFormat(i18n.language, {
+                                style: 'unit',
+                                unit: 'minute',
+                                unitDisplay: 'narrow',
+                            }).format(executionTimeMinutes) })] }) })] }));
+};
+exports.RouteCardEssentials = RouteCardEssentials;
+const getFeeBreakdownTypography = (fees, t) => fees.map((fee, index) => ((0, jsx_runtime_1.jsxs)(material_1.Typography, { fontSize: 12, fontWeight: "500", children: [t(`format.currency`, { value: fee.amountUSD }), " (", parseFloat((0, viem_1.formatUnits)(fee.amount, fee.token.decimals))?.toFixed(9), ' ', fee.token.symbol, ")"] }, `${fee.token.address}${index}`)));
+//# sourceMappingURL=RouteCardEssentials.js.map

package/_cjs/components/RouteCard/RouteCardEssentials.js.map

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

package/_cjs/components/RouteCard/RouteCardEssentialsExpanded.d.ts

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

package/_cjs/components/RouteCard/RouteCardEssentialsExpanded.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RouteCardEssentialsExpanded = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const AccessTimeFilled_1 = require("@mui/icons-material/AccessTimeFilled");
+const Layers_1 = require("@mui/icons-material/Layers");
+const MonetizationOn_1 = require("@mui/icons-material/MonetizationOn");
+const material_1 = require("@mui/material");
+const react_i18next_1 = require("react-i18next");
+const viem_1 = require("viem");
+const utils_1 = require("../../utils");
+const RouteCard_style_1 = require("./RouteCard.style");
+const RouteCardEssentialsExpanded = ({ route }) => {
+    const { t, i18n } = (0, react_i18next_1.useTranslation)();
+    const executionTimeMinutes = Math.ceil(route.steps
+        .map((step) => step.estimate.executionDuration)
+        .reduce((duration, x) => duration + x, 0) / 60);
+    const gasCostUSD = parseFloat(route.gasCostUSD ?? '') || 0.01;
+    const gasCosts = (0, utils_1.getGasCostsBreakdown)(route);
+    const feeCosts = (0, utils_1.getFeeCostsBreakdown)(route, false);
+    const fees = gasCostUSD + feeCosts.reduce((sum, feeCost) => sum + feeCost.amountUSD, 0);
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { flex: 1, mt: 2, children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { display: "flex", alignItems: "center", children: [(0, jsx_runtime_1.jsx)(RouteCard_style_1.IconTypography, { ml: 1, mr: 3, children: (0, jsx_runtime_1.jsx)(MonetizationOn_1.default, {}) }), (0, jsx_runtime_1.jsx)(material_1.Typography, { fontSize: 16, color: "text.primary", fontWeight: "600", lineHeight: 1.125, children: t(`format.currency`, {
+                                    value: fees,
+                                }) })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { mt: 0.5, ml: 7, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { fontSize: 12, color: "text.secondary", fontWeight: "500", lineHeight: 1.125, children: t('main.fees.networkEstimated') }), getFeeBreakdownTypography(gasCosts, t), feeCosts.length ? ((0, jsx_runtime_1.jsxs)(material_1.Box, { mt: 0.5, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { fontSize: 12, color: "text.secondary", fontWeight: "500", lineHeight: 1.125, children: t('main.fees.providerEstimated') }), getFeeBreakdownTypography(feeCosts, t)] })) : null] })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { mt: 2, children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { display: "flex", alignItems: "center", children: [(0, jsx_runtime_1.jsx)(RouteCard_style_1.IconTypography, { ml: 1, mr: 3, children: (0, jsx_runtime_1.jsx)(Layers_1.default, {}) }), (0, jsx_runtime_1.jsx)(material_1.Typography, { fontSize: 16, color: "text.primary", fontWeight: "600", lineHeight: 1.125, children: route.steps.length })] }), (0, jsx_runtime_1.jsx)(material_1.Box, { mt: 0.5, ml: 7, children: (0, jsx_runtime_1.jsx)(material_1.Typography, { fontSize: 12, color: "text.secondary", fontWeight: "500", lineHeight: 1.125, children: t(`tooltip.numberOfSteps`) }) })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { display: "flex", alignItems: "center", mt: 2, children: [(0, jsx_runtime_1.jsx)(RouteCard_style_1.IconTypography, { ml: 1, mr: 3, children: (0, jsx_runtime_1.jsx)(AccessTimeFilled_1.default, {}) }), (0, jsx_runtime_1.jsx)(material_1.Typography, { fontSize: 16, color: "text.primary", fontWeight: "600", lineHeight: 1.125, children: new Intl.NumberFormat(i18n.language, {
+                            style: 'unit',
+                            unit: 'minute',
+                            unitDisplay: 'long',
+                        }).format(executionTimeMinutes) })] })] }));
+};
+exports.RouteCardEssentialsExpanded = RouteCardEssentialsExpanded;
+const getFeeBreakdownTypography = (fees, t) => fees.map((fee, index) => ((0, jsx_runtime_1.jsxs)(material_1.Typography, { fontSize: 12, fontWeight: "500", color: "text.secondary", children: [t(`format.currency`, { value: fee.amountUSD }), " (", parseFloat((0, viem_1.formatUnits)(fee.amount, fee.token.decimals))?.toFixed(9), ' ', fee.token.symbol, ")"] }, `${fee.token.address}${index}`)));
+//# sourceMappingURL=RouteCardEssentialsExpanded.js.map

package/_cjs/components/RouteCard/RouteCardEssentialsExpanded.js.map

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

package/_cjs/components/RouteCard/RouteCardSkeleton.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RouteCardSkeleton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const providers_1 = require("../../providers");
+const Card_1 = require("../Card");
+const Token_1 = require("../Token");
+const RouteCardSkeleton = ({ variant, ...other }) => {
+    const { subvariant } = (0, providers_1.useWidgetConfig)();
+    const cardContent = ((0, jsx_runtime_1.jsxs)(material_1.Box, { flex: 1, children: [subvariant !== 'refuel' && subvariant !== 'nft' ? ((0, jsx_runtime_1.jsx)(material_1.Box, { display: "flex", alignItems: "center", mb: 2, children: (0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "rectangular", width: 112, height: 24, sx: (theme) => ({
+                        borderRadius: `${theme.shape.borderRadius}px`,
+                    }) }) })) : null, (0, jsx_runtime_1.jsx)(Token_1.TokenSkeleton, {}), (0, jsx_runtime_1.jsxs)(material_1.Box, { mt: 2, display: "flex", justifyContent: "space-between", children: [(0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "text", width: 64, height: 20 }), (0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "text", width: 56, height: 20 })] })] }));
+    return subvariant === 'refuel' || variant === 'cardless' ? (cardContent) : ((0, jsx_runtime_1.jsx)(Card_1.Card, { indented: true, ...other, children: cardContent }));
+};
+exports.RouteCardSkeleton = RouteCardSkeleton;
+//# sourceMappingURL=RouteCardSkeleton.js.map

package/_cjs/components/RouteCard/RouteCardSkeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RouteCardSkeleton.js","sourceRoot":"","sources":["../../../components/RouteCard/RouteCardSkeleton.tsx"],"names":[],"mappings":";;;;AACA,4CAA8C;AAC9C,+CAAkD;AAClD,kCAA+B;AAC/B,oCAAyC;AAGlC,MAAM,iBAAiB,GAAgD,CAAC,EAC7E,OAAO,EACP,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,2BAAe,GAAE,CAAC;IAEzC,MAAM,WAAW,GAAG,CAClB,wBAAC,cAAG,IAAC,IAAI,EAAE,CAAC,aACT,UAAU,KAAK,QAAQ,IAAI,UAAU,KAAK,KAAK,CAAC,CAAC,CAAC,CACjD,uBAAC,cAAG,IAAC,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,EAAC,EAAE,EAAE,CAAC,YAC3C,uBAAC,mBAAQ,IACP,OAAO,EAAC,aAAa,EACrB,KAAK,EAAE,GAAG,EACV,MAAM,EAAE,EAAE,EACV,EAAE,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;wBACd,YAAY,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,YAAY,IAAI;qBAC9C,CAAC,GACF,GACE,CACP,CAAC,CAAC,CAAC,IAAI,EACR,uBAAC,qBAAa,KAAG,EACjB,wBAAC,cAAG,IAAC,EAAE,EAAE,CAAC,EAAE,OAAO,EAAC,MAAM,EAAC,cAAc,EAAC,eAAe,aACvD,uBAAC,mBAAQ,IAAC,OAAO,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,EAClD,uBAAC,mBAAQ,IAAC,OAAO,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,IAC9C,IACF,CACP,CAAC;IAEF,OAAO,UAAU,KAAK,QAAQ,IAAI,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,CACzD,WAAW,CACZ,CAAC,CAAC,CAAC,CACF,uBAAC,WAAI,IAAC,QAAQ,WAAK,KAAK,YACrB,WAAW,GACP,CACR,CAAC;AACJ,CAAC,CAAC;AAnCW,QAAA,iBAAiB,qBAmC5B"}

package/_cjs/components/RouteCard/RouteNotFoundCard.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RouteNotFoundCard = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Route_1 = require("@mui/icons-material/Route");
+const material_1 = require("@mui/material");
+const react_i18next_1 = require("react-i18next");
+const RouteNotFoundCard = () => {
+    const { t } = (0, react_i18next_1.useTranslation)();
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            flexDirection: 'column',
+            flex: 1,
+        }, py: 1.625, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { fontSize: 48, children: (0, jsx_runtime_1.jsx)(Route_1.default, { fontSize: "inherit" }) }), (0, jsx_runtime_1.jsx)(material_1.Typography, { fontSize: 18, fontWeight: 700, children: t('info.title.routeNotFound') }), (0, jsx_runtime_1.jsx)(material_1.Typography, { fontSize: 14, color: "text.secondary", textAlign: "center", mt: 2, children: t('info.message.routeNotFound') })] }));
+};
+exports.RouteNotFoundCard = RouteNotFoundCard;
+//# sourceMappingURL=RouteNotFoundCard.js.map

package/_cjs/components/RouteCard/RouteNotFoundCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RouteNotFoundCard.js","sourceRoot":"","sources":["../../../components/RouteCard/RouteNotFoundCard.tsx"],"names":[],"mappings":";;;;AAAA,qDAAkD;AAClD,4CAAgD;AAChD,iDAA+C;AAExC,MAAM,iBAAiB,GAAa,GAAG,EAAE;IAC9C,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,OAAO,CACL,wBAAC,cAAG,IACF,EAAE,EAAE;YACF,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,aAAa,EAAE,QAAQ;YACvB,IAAI,EAAE,CAAC;SACR,EACD,EAAE,EAAE,KAAK,aAET,uBAAC,qBAAU,IAAC,QAAQ,EAAE,EAAE,YACtB,uBAAC,eAAS,IAAC,QAAQ,EAAC,SAAS,GAAG,GACrB,EACb,uBAAC,qBAAU,IAAC,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,YACtC,CAAC,CAAC,0BAA0B,CAAC,GACnB,EACb,uBAAC,qBAAU,IACT,QAAQ,EAAE,EAAE,EACZ,KAAK,EAAC,gBAAgB,EACtB,SAAS,EAAC,QAAQ,EAClB,EAAE,EAAE,CAAC,YAEJ,CAAC,CAAC,4BAA4B,CAAC,GACrB,IACT,CACP,CAAC;AACJ,CAAC,CAAC;AA7BW,QAAA,iBAAiB,qBA6B5B"}

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

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

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

package/_cjs/components/RouteCard/types.d.ts

@@ -0,0 +1,18 @@
+import type { Route, Token } from '@lifi/sdk';
+export interface RouteCardProps {
+    route: Route;
+    variant?: 'default' | 'cardless';
+    active?: boolean;
+    expanded?: boolean;
+}
+export interface RouteCardEssentialsProps {
+    route: Route;
+}
+export interface RouteCardSkeletonProps {
+    variant?: 'default' | 'cardless';
+}
+export interface FeesBreakdown {
+    amount: bigint;
+    amountUSD: number;
+    token: Token;
+}

package/_cjs/components/RouteCard/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/_cjs/components/RouteCard/types.js.map

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

package/_cjs/components/Routes/Routes.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Routes = 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 utils_1 = require("../../utils");
+const Card_1 = require("../Card");
+const ProgressToNextUpdate_1 = require("../ProgressToNextUpdate");
+const RouteCard_1 = require("../RouteCard");
+const Routes = (props) => {
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const navigate = (0, react_router_dom_1.useNavigate)();
+    const { subvariant, useRecommendedRoute } = (0, providers_1.useWidgetConfig)();
+    const { routes, isLoading, isFetching, isFetched, dataUpdatedAt, refetchTime, refetch, } = (0, hooks_1.useRoutes)();
+    const currentRoute = routes?.[0];
+    if (!currentRoute && !isLoading && !isFetching && !isFetched) {
+        return null;
+    }
+    const handleCardClick = () => {
+        navigate(utils_1.navigationRoutes.routes);
+    };
+    const routeNotFound = !currentRoute && !isLoading && !isFetching;
+    const onlyRecommendedRoute = subvariant === 'refuel' || useRecommendedRoute;
+    const showAll = !onlyRecommendedRoute && !routeNotFound && (routes?.length ?? 0) > 1;
+    return ((0, jsx_runtime_1.jsxs)(Card_1.Card, { ...props, children: [(0, jsx_runtime_1.jsx)(Card_1.CardTitle, { children: subvariant === 'nft' ? t('main.fromAmount') : t('header.youGet') }), (0, jsx_runtime_1.jsx)(ProgressToNextUpdate_1.ProgressToNextUpdate, { updatedAt: dataUpdatedAt || new Date().getTime(), timeToUpdate: refetchTime, isLoading: isFetching, onClick: () => refetch(), sx: {
+                    position: 'absolute',
+                    top: 8,
+                    right: 8,
+                } }), (0, jsx_runtime_1.jsxs)(material_1.Box, { p: 2, children: [isLoading ? ((0, jsx_runtime_1.jsx)(RouteCard_1.RouteCardSkeleton, { variant: "cardless" })) : !currentRoute ? ((0, jsx_runtime_1.jsx)(RouteCard_1.RouteNotFoundCard, {})) : ((0, jsx_runtime_1.jsx)(RouteCard_1.RouteCard, { route: currentRoute, variant: "cardless", active: true })), (0, jsx_runtime_1.jsx)(material_1.Collapse, { timeout: 225, in: showAll, unmountOnExit: true, mountOnEnter: true, appear: true, children: (0, jsx_runtime_1.jsx)(material_1.Box, { mt: 2, children: (0, jsx_runtime_1.jsx)(material_1.Button, { onClick: handleCardClick, fullWidth: true, children: t('button.showAll') }) }) })] })] }));
+};
+exports.Routes = Routes;
+//# sourceMappingURL=Routes.js.map

package/_cjs/components/Routes/Routes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Routes.js","sourceRoot":"","sources":["../../../components/Routes/Routes.tsx"],"names":[],"mappings":";;;;AACA,4CAAsD;AACtD,iDAA+C;AAC/C,uDAA+C;AAC/C,uCAAwC;AACxC,+CAAkD;AAClD,uCAA+C;AAC/C,kCAA0C;AAC1C,kEAA+D;AAC/D,4CAA+E;AAExE,MAAM,MAAM,GAAuB,CAAC,KAAK,EAAE,EAAE;IAClD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,QAAQ,GAAG,IAAA,8BAAW,GAAE,CAAC;IAC/B,MAAM,EAAE,UAAU,EAAE,mBAAmB,EAAE,GAAG,IAAA,2BAAe,GAAE,CAAC;IAC9D,MAAM,EACJ,MAAM,EACN,SAAS,EACT,UAAU,EACV,SAAS,EACT,aAAa,EACb,WAAW,EACX,OAAO,GACR,GAAG,IAAA,iBAAS,GAAE,CAAC;IAEhB,MAAM,YAAY,GAAG,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC;IAEjC,IAAI,CAAC,YAAY,IAAI,CAAC,SAAS,IAAI,CAAC,UAAU,IAAI,CAAC,SAAS,EAAE,CAAC;QAC7D,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,QAAQ,CAAC,wBAAgB,CAAC,MAAM,CAAC,CAAC;IACpC,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,YAAY,IAAI,CAAC,SAAS,IAAI,CAAC,UAAU,CAAC;IACjE,MAAM,oBAAoB,GAAG,UAAU,KAAK,QAAQ,IAAI,mBAAmB,CAAC;IAC5E,MAAM,OAAO,GACX,CAAC,oBAAoB,IAAI,CAAC,aAAa,IAAI,CAAC,MAAM,EAAE,MAAM,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;IAEvE,OAAO,CACL,wBAAC,WAAI,OAAK,KAAK,aACb,uBAAC,gBAAS,cACP,UAAU,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,GACvD,EACZ,uBAAC,2CAAoB,IACnB,SAAS,EAAE,aAAa,IAAI,IAAI,IAAI,EAAE,CAAC,OAAO,EAAE,EAChD,YAAY,EAAE,WAAW,EACzB,SAAS,EAAE,UAAU,EACrB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,EACxB,EAAE,EAAE;oBACF,QAAQ,EAAE,UAAU;oBACpB,GAAG,EAAE,CAAC;oBACN,KAAK,EAAE,CAAC;iBACT,GACD,EACF,wBAAC,cAAG,IAAC,CAAC,EAAE,CAAC,aACN,SAAS,CAAC,CAAC,CAAC,CACX,uBAAC,6BAAiB,IAAC,OAAO,EAAC,UAAU,GAAG,CACzC,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAClB,uBAAC,6BAAiB,KAAG,CACtB,CAAC,CAAC,CAAC,CACF,uBAAC,qBAAS,IAAC,KAAK,EAAE,YAAY,EAAE,OAAO,EAAC,UAAU,EAAC,MAAM,SAAG,CAC7D,EAED,uBAAC,mBAAQ,IAAC,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,OAAO,EAAE,aAAa,QAAC,YAAY,QAAC,MAAM,kBACpE,uBAAC,cAAG,IAAC,EAAE,EAAE,CAAC,YACR,uBAAC,iBAAM,IAAC,OAAO,EAAE,eAAe,EAAE,SAAS,kBACxC,CAAC,CAAC,gBAAgB,CAAC,GACb,GACL,GACG,IACP,IACD,CACR,CAAC;AACJ,CAAC,CAAC;AAhEW,QAAA,MAAM,UAgEjB"}

package/_cjs/components/Routes/RoutesExpanded.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RoutesExpandedElement = exports.RoutesExpanded = 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 utils_1 = require("../../utils");
+const PageContainer_1 = require("../PageContainer");
+const ProgressToNextUpdate_1 = require("../ProgressToNextUpdate");
+const RouteCard_1 = require("../RouteCard");
+const RoutesExpanded_style_1 = require("./RoutesExpanded.style");
+const timeout = { enter: 225, exit: 225, appear: 0 };
+const RoutesExpanded = () => {
+    const element = (0, react_router_dom_1.useMatch)('/');
+    return ((0, jsx_runtime_1.jsx)(RoutesExpanded_style_1.CollapseContainer, { children: (0, jsx_runtime_1.jsx)(material_1.Collapse, { timeout: timeout, in: !!element, orientation: "horizontal", children: (0, jsx_runtime_1.jsx)(material_1.Grow, { timeout: timeout, in: !!element, mountOnEnter: true, unmountOnExit: true, children: (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(exports.RoutesExpandedElement, {}) }) }) }) }));
+};
+exports.RoutesExpanded = RoutesExpanded;
+const RoutesExpandedElement = () => {
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const navigate = (0, react_router_dom_1.useNavigate)();
+    const setExecutableRoute = (0, stores_1.useSetExecutableRoute)();
+    const { subvariant, containerStyle } = (0, providers_1.useWidgetConfig)();
+    const { routes, isLoading, isFetching, isFetched, dataUpdatedAt, refetchTime, refetch, } = (0, hooks_1.useRoutes)();
+    const currentRoute = routes?.[0];
+    const handleRouteClick = (route) => {
+        setExecutableRoute(route);
+        navigate(utils_1.navigationRoutes.transactionExecution, {
+            state: { routeId: route.id },
+        });
+    };
+    const expanded = Boolean(currentRoute || isLoading || isFetching || isFetched);
+    const routeNotFound = !currentRoute && !isLoading && !isFetching && expanded;
+    return ((0, jsx_runtime_1.jsx)(material_1.Collapse, { timeout: timeout.enter, in: expanded, orientation: "horizontal", children: (0, jsx_runtime_1.jsx)(material_1.Grow, { timeout: timeout.enter, in: expanded, mountOnEnter: true, unmountOnExit: true, children: (0, jsx_runtime_1.jsx)(RoutesExpanded_style_1.Container, { sx: containerStyle, enableColorScheme: true, children: (0, jsx_runtime_1.jsxs)(RoutesExpanded_style_1.ScrollableContainer, { children: [(0, jsx_runtime_1.jsxs)(RoutesExpanded_style_1.Header, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { fontSize: 18, fontWeight: "700", flex: 1, noWrap: true, children: subvariant === 'nft'
+                                        ? t('main.fromAmount')
+                                        : t('header.youGet') }), (0, jsx_runtime_1.jsx)(ProgressToNextUpdate_1.ProgressToNextUpdate, { updatedAt: dataUpdatedAt || new Date().getTime(), timeToUpdate: refetchTime, isLoading: isFetching, onClick: () => refetch(), sx: { marginRight: -1 } })] }), (0, jsx_runtime_1.jsx)(PageContainer_1.PageContainer, { children: (0, jsx_runtime_1.jsx)(material_1.Stack, { direction: "column", spacing: 2, flex: 1, paddingBottom: 3, children: routeNotFound ? ((0, jsx_runtime_1.jsx)(RouteCard_1.RouteNotFoundCard, {})) : isLoading || (isFetching && !routes?.length) ? (Array.from({ length: 3 }).map((_, index) => ((0, jsx_runtime_1.jsx)(RouteCard_1.RouteCardSkeleton, {}, index)))) : (routes?.map((route, index) => ((0, jsx_runtime_1.jsx)(RouteCard_1.RouteCard, { route: route, onClick: () => handleRouteClick(route), active: index === 0, expanded: routes?.length === 1 }, route.id)))) }) })] }) }) }) }));
+};
+exports.RoutesExpandedElement = RoutesExpandedElement;
+//# sourceMappingURL=RoutesExpanded.js.map

package/_cjs/components/Routes/RoutesExpanded.js.map

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

package/_cjs/components/Routes/RoutesExpanded.style.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export declare const CollapseContainer: 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 ScrollableContainer: 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 Container: import("@emotion/styled").StyledComponent<import("@mui/material").ScopedCssBaselineOwnProps & 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" | "classes" | "enableColorScheme"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const Header: 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>, {}, {}>;

package/_cjs/components/Routes/RoutesExpanded.style.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Header = exports.Container = exports.ScrollableContainer = exports.CollapseContainer = void 0;
+const material_1 = require("@mui/material");
+const styles_1 = require("@mui/material/styles");
+const AppContainer_1 = require("../AppContainer");
+exports.CollapseContainer = (0, styles_1.styled)(material_1.Box)(({ theme }) => ({
+    height: AppContainer_1.maxHeight,
+    zIndex: 0,
+}));
+exports.ScrollableContainer = (0, styles_1.styled)(material_1.Box)({
+    overflowY: 'auto',
+    height: '100%',
+    width: '100%',
+    flex: 1,
+    display: 'flex',
+    flexDirection: 'column',
+});
+exports.Container = (0, styles_1.styled)(material_1.ScopedCssBaseline)(({ theme }) => ({
+    backgroundColor: theme.palette.background.default,
+    overflow: 'auto',
+    width: 436,
+    maxHeight: AppContainer_1.maxHeight,
+    marginLeft: theme.spacing(3),
+    display: 'flex',
+    flexDirection: 'column',
+}));
+exports.Header = (0, styles_1.styled)(material_1.Box)(({ theme }) => ({
+    backgroundColor: theme.palette.background.default,
+    backdropFilter: 'blur(12px)',
+    display: 'flex',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    padding: theme.spacing(1.5, 3),
+    position: 'sticky',
+    top: 0,
+    zIndex: 1200,
+}));
+//# sourceMappingURL=RoutesExpanded.style.js.map

package/_cjs/components/Routes/RoutesExpanded.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RoutesExpanded.style.js","sourceRoot":"","sources":["../../../components/Routes/RoutesExpanded.style.ts"],"names":[],"mappings":";;;AAAA,4CAAuD;AACvD,iDAA8C;AAC9C,kDAA4C;AAE/B,QAAA,iBAAiB,GAAG,IAAA,eAAM,EAAC,cAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC3D,MAAM,EAAE,wBAAS;IACjB,MAAM,EAAE,CAAC;CACV,CAAC,CAAC,CAAC;AAES,QAAA,mBAAmB,GAAG,IAAA,eAAM,EAAC,cAAG,CAAC,CAAC;IAC7C,SAAS,EAAE,MAAM;IACjB,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;IACb,IAAI,EAAE,CAAC;IACP,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;CACxB,CAAC,CAAC;AAEU,QAAA,SAAS,GAAG,IAAA,eAAM,EAAC,4BAAiB,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACjE,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO;IACjD,QAAQ,EAAE,MAAM;IAChB,KAAK,EAAE,GAAG;IACV,SAAS,EAAT,wBAAS;IACT,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAC5B,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;CACxB,CAAC,CAAC,CAAC;AAES,QAAA,MAAM,GAAG,IAAA,eAAM,EAAC,cAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAChD,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO;IACjD,cAAc,EAAE,YAAY;IAC5B,OAAO,EAAE,MAAM;IACf,cAAc,EAAE,eAAe;IAC/B,UAAU,EAAE,QAAQ;IACpB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC;IAC9B,QAAQ,EAAE,QAAQ;IAClB,GAAG,EAAE,CAAC;IACN,MAAM,EAAE,IAAI;CACb,CAAC,CAAC,CAAC"}

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/Routes/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAyB;AACzB,mDAAiC"}

package/_cjs/components/Select.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Select = void 0;
+const material_1 = require("@mui/material");
+const InputBase_1 = require("@mui/material/InputBase");
+const ListItemIcon_1 = require("@mui/material/ListItemIcon");
+const OutlinedInput_1 = require("@mui/material/OutlinedInput");
+const Select_1 = require("@mui/material/Select");
+const styles_1 = require("@mui/material/styles");
+exports.Select = (0, styles_1.styled)(material_1.Select, {
+    shouldForwardProp: (prop) => prop !== 'dense',
+})(({ theme, dense }) => ({
+    backgroundColor: theme.palette.mode === 'light'
+        ? theme.palette.common.white
+        : theme.palette.background.paper,
+    [`.${InputBase_1.inputBaseClasses.input}`]: {
+        padding: dense ? theme.spacing(1.625, 2, 1.5, 2) : theme.spacing(2),
+        display: 'flex',
+        alignItems: 'center',
+    },
+    [`.${Select_1.selectClasses.icon}`]: {
+        right: 10,
+        color: theme.palette.text.primary,
+    },
+    [`.${ListItemIcon_1.listItemIconClasses.root}`]: {
+        minWidth: 38,
+    },
+    [`.${OutlinedInput_1.outlinedInputClasses.notchedOutline}`]: {
+        display: 'none',
+    },
+}));
+//# sourceMappingURL=Select.js.map

package/_cjs/components/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../components/Select.tsx"],"names":[],"mappings":";;;AAAA,4CAAoD;AACpD,uDAA2D;AAC3D,6DAAiE;AACjE,+DAAmE;AACnE,iDAAqD;AACrD,iDAA8C;AAEjC,QAAA,MAAM,GAAG,IAAA,eAAM,EAAC,iBAAS,EAAE;IACtC,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,OAAO;CAC9C,CAAC,CAAsB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC7C,eAAe,EACb,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;QAC5B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;QAC5B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK;IACpC,CAAC,IAAI,4BAAgB,CAAC,KAAK,EAAE,CAAC,EAAE;QAC9B,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QACnE,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;KACrB;IACD,CAAC,IAAI,sBAAa,CAAC,IAAI,EAAE,CAAC,EAAE;QAC1B,KAAK,EAAE,EAAE;QACT,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;KAClC;IACD,CAAC,IAAI,kCAAmB,CAAC,IAAI,EAAE,CAAC,EAAE;QAChC,QAAQ,EAAE,EAAE;KACb;IACD,CAAC,IAAI,oCAAoB,CAAC,cAAc,EAAE,CAAC,EAAE;QAC3C,OAAO,EAAE,MAAM;KAChB;CACF,CAAC,CAAC,CAAC"}

package/_cjs/components/SelectChainAndToken.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SelectChainAndToken = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const useMediaQuery_1 = require("@mui/material/useMediaQuery");
+const ReverseTokensButton_1 = require("../components/ReverseTokensButton");
+const SelectTokenButton_1 = require("../components/SelectTokenButton");
+const providers_1 = require("../providers");
+const types_1 = require("../types");
+const form_1 = require("../stores/form");
+const SelectChainAndToken = (props) => {
+    const prefersNarrowView = (0, useMediaQuery_1.default)((theme) => theme.breakpoints.down('sm'));
+    const { disabledUI, hiddenUI, subvariant } = (0, providers_1.useWidgetConfig)();
+    const [fromChain, toChain, fromToken, toToken] = (0, form_1.useFieldValues)('fromChain', 'toChain', 'fromToken', 'toToken');
+    const hiddenReverse = subvariant === 'refuel' ||
+        disabledUI?.includes(types_1.DisabledUI.FromToken) ||
+        disabledUI?.includes(types_1.DisabledUI.ToToken) ||
+        hiddenUI?.includes(types_1.HiddenUI.ToToken);
+    const hiddenToToken = subvariant === 'nft' || hiddenUI?.includes(types_1.HiddenUI.ToToken);
+    const isCompact = !!fromChain &&
+        !!toChain &&
+        !!fromToken &&
+        !!toToken &&
+        !prefersNarrowView &&
+        !hiddenToToken;
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { display: 'flex', flexDirection: isCompact ? 'row' : 'column' }, ...props, children: [(0, jsx_runtime_1.jsx)(SelectTokenButton_1.SelectTokenButton, { formType: "from", compact: isCompact }), !hiddenToToken ? ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+                    display: 'flex',
+                    justifyContent: 'center',
+                    alignItems: 'center',
+                }, m: !hiddenReverse ? -1.125 : 1, children: !hiddenReverse ? ((0, jsx_runtime_1.jsx)(ReverseTokensButton_1.ReverseTokensButton, { vertical: !isCompact })) : null })) : null, !hiddenToToken ? ((0, jsx_runtime_1.jsx)(SelectTokenButton_1.SelectTokenButton, { formType: "to", compact: isCompact })) : null] }));
+};
+exports.SelectChainAndToken = SelectChainAndToken;
+//# sourceMappingURL=SelectChainAndToken.js.map

package/_cjs/components/SelectChainAndToken.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectChainAndToken.js","sourceRoot":"","sources":["../../components/SelectChainAndToken.tsx"],"names":[],"mappings":";;;;AACA,4CAAoC;AACpC,+DAAwD;AACxD,2EAAwE;AACxE,uEAAoE;AACpE,4CAA+C;AAC/C,oCAAgD;AAChD,yCAAgD;AAEzC,MAAM,mBAAmB,GAAuB,CAAC,KAAK,EAAE,EAAE;IAC/D,MAAM,iBAAiB,GAAG,IAAA,uBAAa,EAAC,CAAC,KAAY,EAAE,EAAE,CACvD,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAC7B,CAAC;IACF,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,IAAA,2BAAe,GAAE,CAAC;IAE/D,MAAM,CAAC,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,CAAC,GAAG,IAAA,qBAAc,EAC7D,WAAW,EACX,SAAS,EACT,WAAW,EACX,SAAS,CACV,CAAC;IAEF,MAAM,aAAa,GACjB,UAAU,KAAK,QAAQ;QACvB,UAAU,EAAE,QAAQ,CAAC,kBAAU,CAAC,SAAS,CAAC;QAC1C,UAAU,EAAE,QAAQ,CAAC,kBAAU,CAAC,OAAO,CAAC;QACxC,QAAQ,EAAE,QAAQ,CAAC,gBAAQ,CAAC,OAAO,CAAC,CAAC;IAEvC,MAAM,aAAa,GACjB,UAAU,KAAK,KAAK,IAAI,QAAQ,EAAE,QAAQ,CAAC,gBAAQ,CAAC,OAAO,CAAC,CAAC;IAE/D,MAAM,SAAS,GACb,CAAC,CAAC,SAAS;QACX,CAAC,CAAC,OAAO;QACT,CAAC,CAAC,SAAS;QACX,CAAC,CAAC,OAAO;QACT,CAAC,iBAAiB;QAClB,CAAC,aAAa,CAAC;IAEjB,OAAO,CACL,wBAAC,cAAG,IACF,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,EAAE,KAChE,KAAK,aAET,uBAAC,qCAAiB,IAAC,QAAQ,EAAC,MAAM,EAAC,OAAO,EAAE,SAAS,GAAI,EACxD,CAAC,aAAa,CAAC,CAAC,CAAC,CAChB,uBAAC,cAAG,IACF,EAAE,EAAE;oBACF,OAAO,EAAE,MAAM;oBACf,cAAc,EAAE,QAAQ;oBACxB,UAAU,EAAE,QAAQ;iBACrB,EACD,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,YAE7B,CAAC,aAAa,CAAC,CAAC,CAAC,CAChB,uBAAC,yCAAmB,IAAC,QAAQ,EAAE,CAAC,SAAS,GAAI,CAC9C,CAAC,CAAC,CAAC,IAAI,GACJ,CACP,CAAC,CAAC,CAAC,IAAI,EACP,CAAC,aAAa,CAAC,CAAC,CAAC,CAChB,uBAAC,qCAAiB,IAAC,QAAQ,EAAC,IAAI,EAAC,OAAO,EAAE,SAAS,GAAI,CACxD,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC,CAAC;AAvDW,QAAA,mBAAmB,uBAuD9B"}

package/_cjs/components/SelectTokenButton/SelectTokenButton.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { FormTypeProps } from '../../stores';
+export declare const SelectTokenButton: React.FC<FormTypeProps & {
+    compact: boolean;
+}>;

package/_cjs/components/SelectTokenButton/SelectTokenButton.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SelectTokenButton = 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 utils_1 = require("../../utils");
+const Card_1 = require("../Card");
+const TokenAvatar_1 = require("../TokenAvatar");
+const SelectTokenButton_style_1 = require("./SelectTokenButton.style");
+const SelectTokenButton = ({ formType, compact }) => {
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const navigate = (0, react_router_dom_1.useNavigate)();
+    const { disabledUI, subvariant } = (0, providers_1.useWidgetConfig)();
+    const swapOnly = (0, hooks_1.useSwapOnly)();
+    const tokenKey = stores_1.FormKeyHelper.getTokenKey(formType);
+    const [chainId, tokenAddress] = (0, stores_1.useFieldValues)(stores_1.FormKeyHelper.getChainKey(formType), tokenKey);
+    const { chain, isLoading: isChainLoading } = (0, hooks_1.useChain)(chainId);
+    const { token, isLoading: isTokenLoading } = (0, hooks_1.useToken)(chainId, tokenAddress);
+    const handleClick = () => {
+        navigate(formType === 'from'
+            ? utils_1.navigationRoutes.fromToken
+            : subvariant === 'refuel'
+                ? utils_1.navigationRoutes.toTokenNative
+                : utils_1.navigationRoutes.toToken);
+    };
+    const isSelected = !!(chain && token);
+    const onClick = !disabledUI?.includes(tokenKey) ? handleClick : undefined;
+    const defaultPlaceholder = formType === 'to' && subvariant === 'refuel'
+        ? t('main.selectChain')
+        : formType === 'to' && swapOnly
+            ? t('main.selectToken')
+            : t('main.selectChainAndToken');
+    const cardTitle = formType === 'from' && subvariant === 'nft'
+        ? t(`header.payWith`)
+        : t(`main.${formType}`);
+    return ((0, jsx_runtime_1.jsxs)(Card_1.Card, { flex: 1, onClick: onClick, children: [(0, jsx_runtime_1.jsx)(Card_1.CardTitle, { children: cardTitle }), chainId && tokenAddress && (isChainLoading || isTokenLoading) ? ((0, jsx_runtime_1.jsx)(SelectTokenButton_style_1.SelectTokenCardHeader, { avatar: (0, jsx_runtime_1.jsx)(TokenAvatar_1.TokenAvatarSkeleton, {}), title: (0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "text", width: 64, height: 24 }), subheader: (0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "text", width: 72, height: 16 }), compact: compact })) : ((0, jsx_runtime_1.jsx)(SelectTokenButton_style_1.SelectTokenCardHeader, { avatar: isSelected ? ((0, jsx_runtime_1.jsx)(TokenAvatar_1.TokenAvatar, { token: token, chain: chain })) : ((0, jsx_runtime_1.jsx)(TokenAvatar_1.TokenAvatarDefault, {})), title: isSelected ? token.symbol : defaultPlaceholder, titleTypographyProps: {
+                    title: isSelected ? token.symbol : defaultPlaceholder,
+                }, subheader: isSelected ? chain.name : null, subheaderTypographyProps: isSelected
+                    ? {
+                        title: chain.name,
+                    }
+                    : undefined, selected: isSelected, compact: compact }))] }));
+};
+exports.SelectTokenButton = SelectTokenButton;
+//# sourceMappingURL=SelectTokenButton.js.map

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

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

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare const SelectTokenCardHeader: 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;
+    compact?: boolean | undefined;
+}, {}, {}>;