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

package/_cjs/icons/lifi.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LiFiToolLogo = void 0;
+exports.LiFiToolLogo = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3e %3ccircle cx='16' cy='16' r='16' fill='%23F5B5FF'/%3e %3cpath fill='black' d='m15.503 19.203-5.334 1.235a.468.468 0 0 0-.34.439v3.672c0 .308.243.503.55.438l7.443-1.722c.308-.065.437-.357.308-.634l-1.346-2.778c-.21-.439 0-.894.47-.991l4.864-1.17c.34-.081.632-.439.632-.796V13.5c0-.309-.243-.52-.551-.439l-7.02 1.674c-.438.097-.633.52-.438.926l1.232 2.551c.211.439 0 .877-.47.991'/%3e %3cpath fill='black' d='m11.985 10.023 1.394 2.86c.179.374 0 .764-.405.845l-2.578.601c-.324.081-.584.406-.584.731v3.07c0 .52.422.846.925.732l2.4-.552c.323-.065.583-.406.583-.732l.016-3.151c0-.44.357-.878.778-.975l7.863-1.885a.468.468 0 0 0 .34-.439V7.456c0-.309-.242-.52-.55-.439L12.293 9.39c-.308.065-.438.357-.308.633'/%3e %3c/svg%3e";
+//# sourceMappingURL=lifi.js.map

package/_cjs/icons/lifi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lifi.js","sourceRoot":"","sources":["../../icons/lifi.ts"],"names":[],"mappings":";;;AAAa,QAAA,YAAY,GACvB,mzBAAmzB,CAAC"}

package/_cjs/index.d.ts

@@ -0,0 +1,9 @@
+export { useFieldActions, useFieldValues } from './stores';
+export { App as LiFiWidget } from './App';
+export type { WidgetDrawer } from './AppDrawer';
+export * from './components/NFT';
+export * from './config/version';
+export { useAccount, useAvailableChains, useWidgetEvents, widgetEvents, } from './hooks';
+export * from './stores/form/types';
+export { formatChain } from './providers/WalletProvider';
+export * from './types';

package/_cjs/index.js

@@ -0,0 +1,37 @@
+"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 });
+exports.formatChain = exports.widgetEvents = exports.useWidgetEvents = exports.useAvailableChains = exports.useAccount = exports.LiFiWidget = exports.useFieldValues = exports.useFieldActions = void 0;
+var stores_1 = require("./stores");
+Object.defineProperty(exports, "useFieldActions", { enumerable: true, get: function () { return stores_1.useFieldActions; } });
+Object.defineProperty(exports, "useFieldValues", { enumerable: true, get: function () { return stores_1.useFieldValues; } });
+var App_1 = require("./App");
+Object.defineProperty(exports, "LiFiWidget", { enumerable: true, get: function () { return App_1.App; } });
+__exportStar(require("./components/NFT"), exports);
+__exportStar(require("./config/version"), exports);
+var hooks_1 = require("./hooks");
+Object.defineProperty(exports, "useAccount", { enumerable: true, get: function () { return hooks_1.useAccount; } });
+Object.defineProperty(exports, "useAvailableChains", { enumerable: true, get: function () { return hooks_1.useAvailableChains; } });
+Object.defineProperty(exports, "useWidgetEvents", { enumerable: true, get: function () { return hooks_1.useWidgetEvents; } });
+Object.defineProperty(exports, "widgetEvents", { enumerable: true, get: function () { return hooks_1.widgetEvents; } });
+__exportStar(require("./stores/form/types"), exports);
+var WalletProvider_1 = require("./providers/WalletProvider");
+Object.defineProperty(exports, "formatChain", { enumerable: true, get: function () { return WalletProvider_1.formatChain; } });
+__exportStar(require("./types"), exports);
+// ClassNameGenerator.configure((componentName) =>
+//   componentName.replace('Mui', 'LiFi'),
+// );
+//# sourceMappingURL=index.js.map

package/_cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,mCAA2D;AAAlD,yGAAA,eAAe,OAAA;AAAE,wGAAA,cAAc,OAAA;AACxC,6BAA0C;AAAjC,iGAAA,GAAG,OAAc;AAE1B,mDAAiC;AACjC,mDAAiC;AACjC,iCAKiB;AAJf,mGAAA,UAAU,OAAA;AACV,2GAAA,kBAAkB,OAAA;AAClB,wGAAA,eAAe,OAAA;AACf,qGAAA,YAAY,OAAA;AAEd,sDAAoC;AACpC,6DAAyD;AAAhD,6GAAA,WAAW,OAAA;AACpB,0CAAwB;AAExB,kDAAkD;AAClD,0CAA0C;AAC1C,KAAK"}

package/_cjs/pages/ActiveTransactionsPage/ActiveTransactionsEmpty.js

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

package/_cjs/pages/ActiveTransactionsPage/ActiveTransactionsEmpty.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActiveTransactionsEmpty.js","sourceRoot":"","sources":["../../../pages/ActiveTransactionsPage/ActiveTransactionsEmpty.tsx"],"names":[],"mappings":";;;;AAAA,6DAA0D;AAC1D,4CAAsD;AACtD,iDAA+C;AAExC,MAAM,uBAAuB,GAAa,GAAG,EAAE;IACpD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,OAAO,CACL,wBAAC,oBAAS,IACR,EAAE,EAAE;YACF,OAAO,EAAE,MAAM;YACf,IAAI,EAAE,CAAC;YACP,aAAa,EAAE,QAAQ;YACvB,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,QAAQ,EAAE,EAAE;SACb,aAED,uBAAC,qBAAU,IAAC,QAAQ,EAAE,EAAE,YACtB,uBAAC,mBAAa,IAAC,QAAQ,EAAC,SAAS,GAAG,GACzB,EACb,uBAAC,qBAAU,IAAC,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,YACtC,CAAC,CAAC,oCAAoC,CAAC,GAC7B,EACb,uBAAC,qBAAU,IACT,QAAQ,EAAE,EAAE,EACZ,KAAK,EAAC,gBAAgB,EACtB,SAAS,EAAC,QAAQ,EAClB,EAAE,EAAE,CAAC,YAEJ,CAAC,CAAC,sCAAsC,CAAC,GAC/B,IACH,CACb,CAAC;AACJ,CAAC,CAAC;AA7BW,QAAA,uBAAuB,2BA6BlC"}

package/_cjs/pages/ActiveTransactionsPage/ActiveTransactionsPage.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ActiveTransactionsPage = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const DeleteOutline_1 = require("@mui/icons-material/DeleteOutline");
+const material_1 = require("@mui/material");
+const react_1 = require("react");
+const react_i18next_1 = require("react-i18next");
+const ActiveTransactions_1 = require("../../components/ActiveTransactions");
+const Dialog_1 = require("../../components/Dialog");
+const PageContainer_1 = require("../../components/PageContainer");
+const stores_1 = require("../../stores");
+const ActiveTransactionsEmpty_1 = require("./ActiveTransactionsEmpty");
+const ActiveTransactionsPage = () => {
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const executingRoutes = (0, stores_1.useExecutingRoutesIds)();
+    const deleteRoutes = (0, stores_1.useRouteExecutionStore)((store) => store.deleteRoutes);
+    const headerStoreContext = (0, stores_1.useHeaderStoreContext)();
+    const [open, setOpen] = (0, react_1.useState)(false);
+    const toggleDialog = (0, react_1.useCallback)(() => {
+        setOpen((open) => !open);
+    }, []);
+    (0, react_1.useEffect)(() => {
+        if (executingRoutes.length) {
+            return headerStoreContext.getState().setAction((0, jsx_runtime_1.jsx)(material_1.IconButton, { size: "medium", edge: "end", onClick: toggleDialog, children: (0, jsx_runtime_1.jsx)(DeleteOutline_1.default, {}) }));
+        }
+    }, [executingRoutes.length, headerStoreContext, toggleDialog]);
+    if (!executingRoutes.length) {
+        return (0, jsx_runtime_1.jsx)(ActiveTransactionsEmpty_1.ActiveTransactionsEmpty, {});
+    }
+    return ((0, jsx_runtime_1.jsxs)(PageContainer_1.PageContainer, { disableGutters: true, children: [(0, jsx_runtime_1.jsx)(material_1.List, { sx: {
+                    paddingLeft: 1.5,
+                    paddingRight: 1.5,
+                }, children: executingRoutes.map((routeId) => ((0, jsx_runtime_1.jsx)(ActiveTransactions_1.ActiveTransactionItem, { routeId: routeId }, routeId))) }), (0, jsx_runtime_1.jsxs)(Dialog_1.Dialog, { open: open, onClose: toggleDialog, children: [(0, jsx_runtime_1.jsx)(material_1.DialogTitle, { children: t('warning.title.deleteActiveTransactions') }), (0, jsx_runtime_1.jsx)(material_1.DialogContent, { children: (0, jsx_runtime_1.jsx)(material_1.DialogContentText, { children: t('warning.message.deleteActiveTransactions') }) }), (0, jsx_runtime_1.jsxs)(material_1.DialogActions, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, { onClick: toggleDialog, children: t('button.cancel') }), (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", onClick: () => deleteRoutes('active'), autoFocus: true, children: t('button.delete') })] })] })] }));
+};
+exports.ActiveTransactionsPage = ActiveTransactionsPage;
+//# sourceMappingURL=ActiveTransactionsPage.js.map

package/_cjs/pages/ActiveTransactionsPage/ActiveTransactionsPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActiveTransactionsPage.js","sourceRoot":"","sources":["../../../pages/ActiveTransactionsPage/ActiveTransactionsPage.tsx"],"names":[],"mappings":";;;;AAAA,qEAA2D;AAC3D,4CAQuB;AACvB,iCAAyD;AACzD,iDAA+C;AAC/C,4EAA4E;AAC5E,oDAAiD;AACjD,kEAA+D;AAC/D,yCAIsB;AACtB,uEAAoE;AAE7D,MAAM,sBAAsB,GAAG,GAAG,EAAE;IACzC,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,eAAe,GAAG,IAAA,8BAAqB,GAAE,CAAC;IAChD,MAAM,YAAY,GAAG,IAAA,+BAAsB,EAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IAC3E,MAAM,kBAAkB,GAAG,IAAA,8BAAqB,GAAE,CAAC;IACnD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAExC,MAAM,YAAY,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACpC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,eAAe,CAAC,MAAM,EAAE,CAAC;YAC3B,OAAO,kBAAkB,CAAC,QAAQ,EAAE,CAAC,SAAS,CAC5C,uBAAC,qBAAU,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,KAAK,EAAC,OAAO,EAAE,YAAY,YACxD,uBAAC,uBAAU,KAAG,GACH,CACd,CAAC;QACJ,CAAC;IACH,CAAC,EAAE,CAAC,eAAe,CAAC,MAAM,EAAE,kBAAkB,EAAE,YAAY,CAAC,CAAC,CAAC;IAE/D,IAAI,CAAC,eAAe,CAAC,MAAM,EAAE,CAAC;QAC5B,OAAO,uBAAC,iDAAuB,KAAG,CAAC;IACrC,CAAC;IAED,OAAO,CACL,wBAAC,6BAAa,IAAC,cAAc,mBAC3B,uBAAC,eAAI,IACH,EAAE,EAAE;oBACF,WAAW,EAAE,GAAG;oBAChB,YAAY,EAAE,GAAG;iBAClB,YAEA,eAAe,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAChC,uBAAC,0CAAqB,IAAe,OAAO,EAAE,OAAO,IAAzB,OAAO,CAAsB,CAC1D,CAAC,GACG,EACP,wBAAC,eAAM,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,aACvC,uBAAC,sBAAW,cAAE,CAAC,CAAC,wCAAwC,CAAC,GAAe,EACxE,uBAAC,wBAAa,cACZ,uBAAC,4BAAiB,cACf,CAAC,CAAC,0CAA0C,CAAC,GAC5B,GACN,EAChB,wBAAC,wBAAa,eACZ,uBAAC,iBAAM,IAAC,OAAO,EAAE,YAAY,YAAG,CAAC,CAAC,eAAe,CAAC,GAAU,EAC5D,uBAAC,iBAAM,IACL,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,QAAQ,CAAC,EACrC,SAAS,kBAER,CAAC,CAAC,eAAe,CAAC,GACZ,IACK,IACT,IACK,CACjB,CAAC;AACJ,CAAC,CAAC;AAzDW,QAAA,sBAAsB,0BAyDjC"}

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

package/_cjs/pages/ActiveTransactionsPage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../pages/ActiveTransactionsPage/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2DAAyC"}

package/_cjs/pages/LanguagesPage/LanguagesPage.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LanguagesPage = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Check_1 = require("@mui/icons-material/Check");
+const material_1 = require("@mui/material");
+const react_i18next_1 = require("react-i18next");
+const ListItemText_1 = require("../../components/ListItemText");
+const PageContainer_1 = require("../../components/PageContainer");
+const SettingsListItemButton_1 = require("../../components/SettingsListItemButton");
+const hooks_1 = require("../../hooks");
+const LanguagesPage = () => {
+    const { selectedLanguageCode, availableLanguages, setLanguageWithCode } = (0, hooks_1.useLanguages)();
+    const { t } = (0, react_i18next_1.useTranslation)();
+    if (availableLanguages.length < 1) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsx)(PageContainer_1.PageContainer, { disableGutters: true, children: (0, jsx_runtime_1.jsx)(material_1.List, { sx: {
+                paddingLeft: 1.5,
+                paddingRight: 1.5,
+            }, children: availableLanguages.map((language) => ((0, jsx_runtime_1.jsxs)(SettingsListItemButton_1.SettingsListItemButton, { onClick: () => setLanguageWithCode(language), children: [(0, jsx_runtime_1.jsx)(ListItemText_1.ListItemText, { primary: t('language.name', { lng: language }) }), selectedLanguageCode === language && (0, jsx_runtime_1.jsx)(Check_1.default, { color: "primary" })] }, language))) }) }));
+};
+exports.LanguagesPage = LanguagesPage;
+//# sourceMappingURL=LanguagesPage.js.map

package/_cjs/pages/LanguagesPage/LanguagesPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LanguagesPage.js","sourceRoot":"","sources":["../../../pages/LanguagesPage/LanguagesPage.tsx"],"names":[],"mappings":";;;;AAAA,qDAAkD;AAClD,4CAAqC;AACrC,iDAA+C;AAC/C,gEAA6D;AAC7D,kEAA+D;AAC/D,oFAAiF;AACjF,uCAA2C;AAEpC,MAAM,aAAa,GAAa,GAAG,EAAE;IAC1C,MAAM,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,GACrE,IAAA,oBAAY,GAAE,CAAC;IAEjB,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,IAAI,kBAAkB,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QAClC,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,uBAAC,6BAAa,IAAC,cAAc,kBAC3B,uBAAC,eAAI,IACH,EAAE,EAAE;gBACF,WAAW,EAAE,GAAG;gBAChB,YAAY,EAAE,GAAG;aAClB,YAEA,kBAAkB,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CACpC,wBAAC,+CAAsB,IAErB,OAAO,EAAE,GAAG,EAAE,CAAC,mBAAmB,CAAC,QAAQ,CAAC,aAE5C,uBAAC,2BAAY,IAAC,OAAO,EAAE,CAAC,CAAC,eAAe,EAAE,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC,GAAI,EAC/D,oBAAoB,KAAK,QAAQ,IAAI,uBAAC,eAAS,IAAC,KAAK,EAAC,SAAS,GAAG,KAJ9D,QAAQ,CAKU,CAC1B,CAAC,GACG,GACO,CACjB,CAAC;AACJ,CAAC,CAAC;AA9BW,QAAA,aAAa,iBA8BxB"}

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

package/_cjs/pages/LanguagesPage/index.js.map

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

package/_cjs/pages/MainPage/MainGasMessage.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MainGasMessage = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const GasMessage_1 = require("../../components/GasMessage");
+const hooks_1 = require("../../hooks");
+const MainGasMessage = (props) => {
+    const { routes } = (0, hooks_1.useRoutes)();
+    const currentRoute = routes?.[0];
+    return (0, jsx_runtime_1.jsx)(GasMessage_1.GasMessage, { route: currentRoute, ...props });
+};
+exports.MainGasMessage = MainGasMessage;
+//# sourceMappingURL=MainGasMessage.js.map

package/_cjs/pages/MainPage/MainGasMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MainGasMessage.js","sourceRoot":"","sources":["../../../pages/MainPage/MainGasMessage.tsx"],"names":[],"mappings":";;;;AACA,4DAAyD;AACzD,uCAAwC;AAEjC,MAAM,cAAc,GAAuB,CAAC,KAAK,EAAE,EAAE;IAC1D,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,iBAAS,GAAE,CAAC;IAE/B,MAAM,YAAY,GAAG,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC;IAEjC,OAAO,uBAAC,uBAAU,IAAC,KAAK,EAAE,YAAY,KAAM,KAAK,GAAI,CAAC;AACxD,CAAC,CAAC;AANW,QAAA,cAAc,kBAMzB"}

package/_cjs/pages/MainPage/MainPage.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MainPage = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const ActiveTransactions_1 = require("../../components/ActiveTransactions");
+const AmountInput_1 = require("../../components/AmountInput");
+const ContractComponent_1 = require("../../components/ContractComponent");
+const GasMessage_1 = require("../../components/GasMessage");
+const PageContainer_1 = require("../../components/PageContainer");
+const Routes_1 = require("../../components/Routes");
+const SelectChainAndToken_1 = require("../../components/SelectChainAndToken");
+const SendToWallet_1 = require("../../components/SendToWallet");
+const hooks_1 = require("../../hooks");
+const providers_1 = require("../../providers");
+const MainGasMessage_1 = require("./MainGasMessage");
+const ReviewButton_1 = require("./ReviewButton");
+const MainPage = () => {
+    const expandable = (0, hooks_1.useExpandableVariant)();
+    const { subvariant, contractComponent } = (0, providers_1.useWidgetConfig)();
+    const nft = subvariant === 'nft';
+    return ((0, jsx_runtime_1.jsxs)(PageContainer_1.PageContainer, { children: [(0, jsx_runtime_1.jsx)(ActiveTransactions_1.ActiveTransactions, { mt: 1, mb: 2 }), nft ? ((0, jsx_runtime_1.jsx)(ContractComponent_1.ContractComponent, { mt: 1, mb: 2, children: contractComponent })) : null, (0, jsx_runtime_1.jsx)(SelectChainAndToken_1.SelectChainAndToken, { mt: 1, mb: 2 }), !nft ? (0, jsx_runtime_1.jsx)(AmountInput_1.AmountInput, { formType: "from", mb: 2 }) : null, !expandable ? (0, jsx_runtime_1.jsx)(Routes_1.Routes, { mb: 2 }) : null, (0, jsx_runtime_1.jsx)(SendToWallet_1.SendToWalletButton, {}), (0, jsx_runtime_1.jsx)(GasMessage_1.GasRefuelMessage, { mb: 2 }), (0, jsx_runtime_1.jsx)(MainGasMessage_1.MainGasMessage, { mb: 2 }), (0, jsx_runtime_1.jsxs)(material_1.Box, { display: "flex", mb: 1, children: [(0, jsx_runtime_1.jsx)(ReviewButton_1.ReviewButton, {}), (0, jsx_runtime_1.jsx)(SendToWallet_1.SendToWalletExpandButton, {})] })] }));
+};
+exports.MainPage = MainPage;
+//# sourceMappingURL=MainPage.js.map

package/_cjs/pages/MainPage/MainPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MainPage.js","sourceRoot":"","sources":["../../../pages/MainPage/MainPage.tsx"],"names":[],"mappings":";;;;AAAA,4CAAoC;AACpC,4EAAyE;AACzE,8DAA2D;AAC3D,0EAAuE;AACvE,4DAA+D;AAC/D,kEAA+D;AAC/D,oDAAiD;AACjD,8EAA2E;AAC3E,gEAGuC;AACvC,uCAAmD;AACnD,+CAAkD;AAClD,qDAAkD;AAClD,iDAA8C;AAEvC,MAAM,QAAQ,GAAa,GAAG,EAAE;IACrC,MAAM,UAAU,GAAG,IAAA,4BAAoB,GAAE,CAAC;IAC1C,MAAM,EAAE,UAAU,EAAE,iBAAiB,EAAE,GAAG,IAAA,2BAAe,GAAE,CAAC;IAC5D,MAAM,GAAG,GAAG,UAAU,KAAK,KAAK,CAAC;IACjC,OAAO,CACL,wBAAC,6BAAa,eACZ,uBAAC,uCAAkB,IAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,GAAI,EACnC,GAAG,CAAC,CAAC,CAAC,CACL,uBAAC,qCAAiB,IAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,YAC5B,iBAAiB,GACA,CACrB,CAAC,CAAC,CAAC,IAAI,EACR,uBAAC,yCAAmB,IAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,GAAI,EACpC,CAAC,GAAG,CAAC,CAAC,CAAC,uBAAC,yBAAW,IAAC,QAAQ,EAAC,MAAM,EAAC,EAAE,EAAE,CAAC,GAAI,CAAC,CAAC,CAAC,IAAI,EACpD,CAAC,UAAU,CAAC,CAAC,CAAC,uBAAC,eAAM,IAAC,EAAE,EAAE,CAAC,GAAI,CAAC,CAAC,CAAC,IAAI,EACvC,uBAAC,iCAAkB,KAAG,EACtB,uBAAC,6BAAgB,IAAC,EAAE,EAAE,CAAC,GAAI,EAC3B,uBAAC,+BAAc,IAAC,EAAE,EAAE,CAAC,GAAI,EACzB,wBAAC,cAAG,IAAC,OAAO,EAAC,MAAM,EAAC,EAAE,EAAE,CAAC,aACvB,uBAAC,2BAAY,KAAG,EAChB,uBAAC,uCAAwB,KAAG,IACxB,IACQ,CACjB,CAAC;AACJ,CAAC,CAAC;AAxBW,QAAA,QAAQ,YAwBnB"}

package/_cjs/pages/MainPage/MainPage.style.d.ts

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

package/_cjs/pages/MainPage/MainPage.style.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormContainer = void 0;
+const material_1 = require("@mui/material");
+const styles_1 = require("@mui/material/styles");
+exports.FormContainer = (0, styles_1.styled)(material_1.Container)({
+    display: 'flex',
+    flexDirection: 'column',
+    flexGrow: 1,
+    position: 'relative',
+});
+//# sourceMappingURL=MainPage.style.js.map

package/_cjs/pages/MainPage/MainPage.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MainPage.style.js","sourceRoot":"","sources":["../../../pages/MainPage/MainPage.style.tsx"],"names":[],"mappings":";;;AAAA,4CAA0C;AAC1C,iDAA8C;AAEjC,QAAA,aAAa,GAAG,IAAA,eAAM,EAAC,oBAAS,CAAC,CAAC;IAC7C,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,QAAQ,EAAE,CAAC;IACX,QAAQ,EAAE,UAAU;CACrB,CAAC,CAAC"}

package/_cjs/pages/MainPage/ReviewButton.js

@@ -0,0 +1,63 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReviewButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_i18next_1 = require("react-i18next");
+const react_router_dom_1 = require("react-router-dom");
+const BaseTransactionButton_1 = require("../../components/BaseTransactionButton");
+const hooks_1 = require("../../hooks");
+const providers_1 = require("../../providers");
+const stores_1 = require("../../stores");
+const utils_1 = require("../../utils");
+const ReviewButton = () => {
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const navigate = (0, react_router_dom_1.useNavigate)();
+    const setExecutableRoute = (0, stores_1.useSetExecutableRoute)();
+    const { subvariant } = (0, providers_1.useWidgetConfig)();
+    const splitState = (0, stores_1.useSplitSubvariantStore)((state) => state.state);
+    const [toAddress] = (0, stores_1.useFieldValues)('toAddress');
+    const { requiredToAddress } = (0, hooks_1.useToAddressRequirements)();
+    const { routes } = (0, hooks_1.useRoutes)();
+    const currentRoute = routes?.[0];
+    const handleClick = async () => {
+        if (currentRoute) {
+            setExecutableRoute(currentRoute);
+            navigate(utils_1.navigationRoutes.transactionExecution, {
+                state: { routeId: currentRoute.id },
+            });
+        }
+    };
+    const getButtonText = () => {
+        if (currentRoute) {
+            switch (subvariant) {
+                case 'nft':
+                    return t(`button.reviewPurchase`);
+                case 'refuel':
+                    return t(`button.reviewBridge`);
+                default:
+                    const transactionType = currentRoute.fromChainId === currentRoute.toChainId
+                        ? 'Swap'
+                        : 'Bridge';
+                    return t(`button.review${transactionType}`);
+            }
+        }
+        else {
+            switch (subvariant) {
+                case 'nft':
+                    return t(`button.buy`);
+                case 'refuel':
+                    return t(`button.getGas`);
+                case 'split':
+                    if (splitState) {
+                        return t(`button.${splitState}`);
+                    }
+                    return t(`button.exchange`);
+                default:
+                    return t(`button.exchange`);
+            }
+        }
+    };
+    return ((0, jsx_runtime_1.jsx)(BaseTransactionButton_1.BaseTransactionButton, { text: getButtonText(), onClick: handleClick, disabled: currentRoute && requiredToAddress && !toAddress }));
+};
+exports.ReviewButton = ReviewButton;
+//# sourceMappingURL=ReviewButton.js.map

package/_cjs/pages/MainPage/ReviewButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReviewButton.js","sourceRoot":"","sources":["../../../pages/MainPage/ReviewButton.tsx"],"names":[],"mappings":";;;;AAAA,iDAA+C;AAC/C,uDAA+C;AAC/C,kFAA+E;AAC/E,uCAAkE;AAClE,+CAAkD;AAClD,yCAIsB;AACtB,uCAA+C;AAExC,MAAM,YAAY,GAAa,GAAG,EAAE;IACzC,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,QAAQ,GAAG,IAAA,8BAAW,GAAE,CAAC;IAC/B,MAAM,kBAAkB,GAAG,IAAA,8BAAqB,GAAE,CAAC;IACnD,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,2BAAe,GAAE,CAAC;IACzC,MAAM,UAAU,GAAG,IAAA,gCAAuB,EAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACnE,MAAM,CAAC,SAAS,CAAC,GAAG,IAAA,uBAAc,EAAC,WAAW,CAAC,CAAC;IAChD,MAAM,EAAE,iBAAiB,EAAE,GAAG,IAAA,gCAAwB,GAAE,CAAC;IACzD,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,iBAAS,GAAE,CAAC;IAE/B,MAAM,YAAY,GAAG,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC;IAEjC,MAAM,WAAW,GAAG,KAAK,IAAI,EAAE;QAC7B,IAAI,YAAY,EAAE,CAAC;YACjB,kBAAkB,CAAC,YAAY,CAAC,CAAC;YACjC,QAAQ,CAAC,wBAAgB,CAAC,oBAAoB,EAAE;gBAC9C,KAAK,EAAE,EAAE,OAAO,EAAE,YAAY,CAAC,EAAE,EAAE;aACpC,CAAC,CAAC;QACL,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,GAAW,EAAE;QACjC,IAAI,YAAY,EAAE,CAAC;YACjB,QAAQ,UAAU,EAAE,CAAC;gBACnB,KAAK,KAAK;oBACR,OAAO,CAAC,CAAC,uBAAuB,CAAC,CAAC;gBACpC,KAAK,QAAQ;oBACX,OAAO,CAAC,CAAC,qBAAqB,CAAC,CAAC;gBAClC;oBACE,MAAM,eAAe,GACnB,YAAY,CAAC,WAAW,KAAK,YAAY,CAAC,SAAS;wBACjD,CAAC,CAAC,MAAM;wBACR,CAAC,CAAC,QAAQ,CAAC;oBACf,OAAO,CAAC,CAAC,gBAAgB,eAAe,EAAE,CAAC,CAAC;YAChD,CAAC;QACH,CAAC;aAAM,CAAC;YACN,QAAQ,UAAU,EAAE,CAAC;gBACnB,KAAK,KAAK;oBACR,OAAO,CAAC,CAAC,YAAY,CAAC,CAAC;gBACzB,KAAK,QAAQ;oBACX,OAAO,CAAC,CAAC,eAAe,CAAC,CAAC;gBAC5B,KAAK,OAAO;oBACV,IAAI,UAAU,EAAE,CAAC;wBACf,OAAO,CAAC,CAAC,UAAU,UAAU,EAAE,CAAC,CAAC;oBACnC,CAAC;oBACD,OAAO,CAAC,CAAC,iBAAiB,CAAC,CAAC;gBAC9B;oBACE,OAAO,CAAC,CAAC,iBAAiB,CAAC,CAAC;YAChC,CAAC;QACH,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,6CAAqB,IACpB,IAAI,EAAE,aAAa,EAAE,EACrB,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,YAAY,IAAI,iBAAiB,IAAI,CAAC,SAAS,GACzD,CACH,CAAC;AACJ,CAAC,CAAC;AA3DW,QAAA,YAAY,gBA2DvB"}

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

package/_cjs/pages/MainPage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../pages/MainPage/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,6CAA2B"}

package/_cjs/pages/RoutesPage/RoutesPage.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RoutesPage = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const ProgressToNextUpdate_1 = require("../../components/ProgressToNextUpdate");
+const RouteCard_1 = require("../../components/RouteCard");
+const hooks_1 = require("../../hooks");
+const stores_1 = require("../../stores");
+const utils_1 = require("../../utils");
+const RoutesPage_style_1 = require("./RoutesPage.style");
+const RoutesPage = () => {
+    const { navigateBack, navigate } = (0, hooks_1.useNavigateBack)();
+    const { routes, isLoading, isFetching, dataUpdatedAt, refetchTime, refetch } = (0, hooks_1.useRoutes)();
+    const setExecutableRoute = (0, stores_1.useSetExecutableRoute)();
+    const headerStoreContext = (0, stores_1.useHeaderStoreContext)();
+    const handleRouteClick = (route) => {
+        setExecutableRoute(route);
+        navigate(utils_1.navigationRoutes.transactionExecution, {
+            state: { routeId: route.id },
+        });
+    };
+    (0, react_1.useEffect)(() => {
+        if (!routes?.length && !isLoading && !isFetching) {
+            navigateBack();
+        }
+        // redirect to the home page if no routes are found on page reload
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    (0, react_1.useEffect)(() => {
+        return headerStoreContext
+            .getState()
+            .setAction((0, jsx_runtime_1.jsx)(ProgressToNextUpdate_1.ProgressToNextUpdate, { updatedAt: dataUpdatedAt || new Date().getTime(), timeToUpdate: refetchTime, isLoading: isFetching, onClick: () => refetch(), sx: { marginRight: -1 }, size: "medium" }));
+    }, [dataUpdatedAt, headerStoreContext, isFetching, refetch, refetchTime]);
+    const routeNotFound = !routes?.length && !isLoading && !isFetching;
+    return ((0, jsx_runtime_1.jsx)(RoutesPage_style_1.Stack, { direction: "column", spacing: 2, flex: 1, children: routeNotFound ? ((0, jsx_runtime_1.jsx)(RouteCard_1.RouteNotFoundCard, {})) : isLoading ? (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.RoutesPage = RoutesPage;
+//# sourceMappingURL=RoutesPage.js.map

package/_cjs/pages/RoutesPage/RoutesPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RoutesPage.js","sourceRoot":"","sources":["../../../pages/RoutesPage/RoutesPage.tsx"],"names":[],"mappings":";;;;AAGA,iCAAkC;AAClC,gFAA6E;AAC7E,0DAIoC;AACpC,uCAAyD;AACzD,yCAA4E;AAC5E,uCAA+C;AAC/C,yDAA2C;AAEpC,MAAM,UAAU,GAAuB,GAAG,EAAE;IACjD,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IACrD,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,aAAa,EAAE,WAAW,EAAE,OAAO,EAAE,GAC1E,IAAA,iBAAS,GAAE,CAAC;IACd,MAAM,kBAAkB,GAAG,IAAA,8BAAqB,GAAE,CAAC;IACnD,MAAM,kBAAkB,GAAG,IAAA,8BAAqB,GAAE,CAAC;IAEnD,MAAM,gBAAgB,GAAG,CAAC,KAAY,EAAE,EAAE;QACxC,kBAAkB,CAAC,KAAK,CAAC,CAAC;QAC1B,QAAQ,CAAC,wBAAgB,CAAC,oBAAoB,EAAE;YAC9C,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,EAAE,EAAE;SAC7B,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,MAAM,EAAE,MAAM,IAAI,CAAC,SAAS,IAAI,CAAC,UAAU,EAAE,CAAC;YACjD,YAAY,EAAE,CAAC;QACjB,CAAC;QACD,kEAAkE;QAClE,uDAAuD;IACzD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,OAAO,kBAAkB;aACtB,QAAQ,EAAE;aACV,SAAS,CACR,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,EAAE,WAAW,EAAE,CAAC,CAAC,EAAE,EACvB,IAAI,EAAC,QAAQ,GACb,CACH,CAAC;IACN,CAAC,EAAE,CAAC,aAAa,EAAE,kBAAkB,EAAE,UAAU,EAAE,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC;IAE1E,MAAM,aAAa,GAAG,CAAC,MAAM,EAAE,MAAM,IAAI,CAAC,SAAS,IAAI,CAAC,UAAU,CAAC;IAEnE,OAAO,CACL,uBAAC,wBAAK,IAAC,SAAS,EAAC,QAAQ,EAAC,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,YAC1C,aAAa,CAAC,CAAC,CAAC,CACf,uBAAC,6BAAiB,KAAG,CACtB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CACd,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1C,uBAAC,6BAAiB,MAAM,KAAK,CAAI,CAClC,CAAC,CACH,CAAC,CAAC,CAAC,CACF,MAAM,EAAE,GAAG,CAAC,CAAC,KAAY,EAAE,KAAa,EAAE,EAAE,CAAC,CAC3C,uBAAC,qBAAS,IAER,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC,EACtC,MAAM,EAAE,KAAK,KAAK,CAAC,EACnB,QAAQ,EAAE,MAAM,EAAE,MAAM,KAAK,CAAC,IAJzB,KAAK,CAAC,EAAE,CAKb,CACH,CAAC,CACH,GACK,CACT,CAAC;AACJ,CAAC,CAAC;AA5DW,QAAA,UAAU,cA4DrB"}

package/_cjs/pages/RoutesPage/RoutesPage.style.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const Stack: import("@emotion/styled").StyledComponent<import("@mui/material").StackOwnProps & 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;
+}, keyof import("@mui/material/OverridableComponent").CommonProps | keyof import("@mui/material").StackOwnProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/_cjs/pages/RoutesPage/RoutesPage.style.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Stack = void 0;
+const material_1 = require("@mui/material");
+const styles_1 = require("@mui/material/styles");
+exports.Stack = (0, styles_1.styled)(material_1.Stack)(({ theme }) => ({
+    position: 'relative',
+    padding: theme.spacing(1, 3),
+}));
+//# sourceMappingURL=RoutesPage.style.js.map

package/_cjs/pages/RoutesPage/RoutesPage.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RoutesPage.style.js","sourceRoot":"","sources":["../../../pages/RoutesPage/RoutesPage.style.ts"],"names":[],"mappings":";;;AAAA,4CAAkD;AAClD,iDAA8C;AAEjC,QAAA,KAAK,GAAG,IAAA,eAAM,EAAC,gBAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACpD,QAAQ,EAAE,UAAU;IACpB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC;CAC7B,CAAC,CAAC,CAAC"}

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

package/_cjs/pages/RoutesPage/index.js.map

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

package/_cjs/pages/SelectChainPage/SelectChainPage.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SelectChainPage = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const ChainSelect_1 = require("../../components/ChainSelect");
+const ListItemButton_1 = require("../../components/ListItemButton");
+const ListItemText_1 = require("../../components/ListItemText");
+const PageContainer_1 = require("../../components/PageContainer");
+const TokenList_1 = require("../../components/TokenList");
+const hooks_1 = require("../../hooks");
+const SelectChainPage = ({ formType, selectNativeToken, }) => {
+    const { navigateBack } = (0, hooks_1.useNavigateBack)();
+    const { chains, setCurrentChain } = (0, ChainSelect_1.useChainSelect)(formType);
+    const selectToken = (0, TokenList_1.useTokenSelect)(formType, navigateBack);
+    const handleClick = async (chain) => {
+        if (selectNativeToken) {
+            selectToken(chain.nativeToken.address, chain.id);
+        }
+        else {
+            setCurrentChain(chain.id);
+            navigateBack();
+        }
+    };
+    return ((0, jsx_runtime_1.jsx)(PageContainer_1.PageContainer, { disableGutters: true, children: (0, jsx_runtime_1.jsx)(material_1.List, { sx: {
+                paddingLeft: 1.5,
+                paddingRight: 1.5,
+            }, children: chains?.map((chain) => ((0, jsx_runtime_1.jsxs)(ListItemButton_1.ListItemButton, { onClick: () => handleClick(chain), children: [(0, jsx_runtime_1.jsx)(material_1.ListItemAvatar, { children: (0, jsx_runtime_1.jsx)(material_1.Avatar, { src: chain.logoURI, alt: chain.name, children: chain.name[0] }) }), (0, jsx_runtime_1.jsx)(ListItemText_1.ListItemText, { primary: chain.name })] }, chain.id))) }) }));
+};
+exports.SelectChainPage = SelectChainPage;
+//# sourceMappingURL=SelectChainPage.js.map

package/_cjs/pages/SelectChainPage/SelectChainPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectChainPage.js","sourceRoot":"","sources":["../../../pages/SelectChainPage/SelectChainPage.tsx"],"names":[],"mappings":";;;;AACA,4CAA6D;AAC7D,8DAA8D;AAC9D,oEAAiE;AACjE,gEAA6D;AAC7D,kEAA+D;AAC/D,0DAA4D;AAC5D,uCAA8C;AAGvC,MAAM,eAAe,GAAmC,CAAC,EAC9D,QAAQ,EACR,iBAAiB,GAClB,EAAE,EAAE;IACH,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IAC3C,MAAM,EAAE,MAAM,EAAE,eAAe,EAAE,GAAG,IAAA,4BAAc,EAAC,QAAQ,CAAC,CAAC;IAC7D,MAAM,WAAW,GAAG,IAAA,0BAAc,EAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;IAE3D,MAAM,WAAW,GAAG,KAAK,EAAE,KAAoB,EAAE,EAAE;QACjD,IAAI,iBAAiB,EAAE,CAAC;YACtB,WAAW,CAAC,KAAK,CAAC,WAAW,CAAC,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC;QACnD,CAAC;aAAM,CAAC;YACN,eAAe,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;YAC1B,YAAY,EAAE,CAAC;QACjB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,6BAAa,IAAC,cAAc,kBAC3B,uBAAC,eAAI,IACH,EAAE,EAAE;gBACF,WAAW,EAAE,GAAG;gBAChB,YAAY,EAAE,GAAG;aAClB,YAEA,MAAM,EAAE,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACtB,wBAAC,+BAAc,IAAgB,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,aAC9D,uBAAC,yBAAc,cACb,uBAAC,iBAAM,IAAC,GAAG,EAAE,KAAK,CAAC,OAAO,EAAE,GAAG,EAAE,KAAK,CAAC,IAAI,YACxC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,GACP,GACM,EACjB,uBAAC,2BAAY,IAAC,OAAO,EAAE,KAAK,CAAC,IAAI,GAAI,KANlB,KAAK,CAAC,EAAE,CAOZ,CAClB,CAAC,GACG,GACO,CACjB,CAAC;AACJ,CAAC,CAAC;AAtCW,QAAA,eAAe,mBAsC1B"}

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

package/_cjs/pages/SelectChainPage/index.js.map

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

package/_cjs/pages/SelectChainPage/types.d.ts

@@ -0,0 +1,4 @@
+import type { FormTypeProps } from '../../stores';
+export interface SelectChainPageProps extends FormTypeProps {
+    selectNativeToken?: boolean;
+}

package/_cjs/pages/SelectChainPage/types.js

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

package/_cjs/pages/SelectChainPage/types.js.map

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