@lifi/widget 1.13.1 → 1.13.4

package/cjs/stores/route/useExecutingRoutes.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useExecutingRoutes = void 0;
+const shallow_1 = __importDefault(require("zustand/shallow"));
+const useRouteStore_1 = require("./useRouteStore");
+const useExecutingRoutes = (address) => {
+    return (0, useRouteStore_1.useRouteStore)((state) => Object.values(state.routes).filter((item) => (item === null || item === void 0 ? void 0 : item.route.fromAddress) === address &&
+        ((item === null || item === void 0 ? void 0 : item.status) === 'loading' || (item === null || item === void 0 ? void 0 : item.status) === 'error')), shallow_1.default);
+};
+exports.useExecutingRoutes = useExecutingRoutes;

package/cjs/stores/route/useRouteStore.d.ts

@@ -0,0 +1,18 @@
+import type { RouteExecutionStore } from './types';
+export declare const useRouteStore: import("zustand").UseBoundStore<Omit<Omit<import("zustand").StoreApi<RouteExecutionStore>, "persist"> & {
+    persist: {
+        setOptions: (options: Partial<import("zustand/middleware").PersistOptions<RouteExecutionStore, {
+            routes: Partial<Record<string, import("./types").RouteExecution>>;
+        }>>) => void;
+        clearStorage: () => void;
+        rehydrate: () => Promise<void>;
+        hasHydrated: () => boolean;
+        onHydrate: (fn: (state: RouteExecutionStore) => void) => () => void;
+        onFinishHydration: (fn: (state: RouteExecutionStore) => void) => () => void;
+        getOptions: () => Partial<import("zustand/middleware").PersistOptions<RouteExecutionStore, {
+            routes: Partial<Record<string, import("./types").RouteExecution>>;
+        }>>;
+    };
+}, "setState"> & {
+    setState(nextStateOrUpdater: RouteExecutionStore | Partial<RouteExecutionStore> | ((state: import("immer/dist/internal").WritableDraft<RouteExecutionStore>) => void), shouldReplace?: boolean | undefined): void;
+}>;

package/cjs/stores/route/useRouteStore.js

@@ -0,0 +1,57 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useRouteStore = void 0;
+const zustand_1 = __importDefault(require("zustand"));
+const middleware_1 = require("zustand/middleware");
+const immer_1 = require("zustand/middleware/immer");
+exports.useRouteStore = (0, zustand_1.default)()((0, middleware_1.persist)((0, immer_1.immer)((set) => ({
+    routes: {},
+    setExecutableRoute: (route) => set((state) => {
+        if (!state.routes[route.id]) {
+            // clean previous idle routes that were not executed
+            Object.keys(state.routes)
+                .filter((routeId) => { var _a; return ((_a = state.routes[routeId]) === null || _a === void 0 ? void 0 : _a.status) === 'idle'; })
+                .forEach((routeId) => delete state.routes[routeId]);
+            state.routes[route.id] = {
+                route,
+                status: 'idle',
+            };
+        }
+    }),
+    updateRoute: (route) => set((state) => {
+        if (state.routes[route.id]) {
+            state.routes[route.id].route = route;
+            const isFailed = route.steps.some((step) => { var _a; return ((_a = step.execution) === null || _a === void 0 ? void 0 : _a.status) === 'FAILED'; });
+            if (isFailed) {
+                state.routes[route.id].status = 'error';
+                return;
+            }
+            const isDone = route.steps.every((step) => { var _a; return ((_a = step.execution) === null || _a === void 0 ? void 0 : _a.status) === 'DONE'; });
+            if (isDone) {
+                state.routes[route.id].status = 'success';
+                return;
+            }
+            const isLoading = route.steps.some((step) => step.execution);
+            if (isLoading) {
+                state.routes[route.id].status = 'loading';
+            }
+        }
+    }),
+    restartRoute: (routeId) => set((state) => {
+        state.routes[routeId].status = 'loading';
+    }),
+    deleteRoute: (routeId) => set((state) => {
+        if (state.routes[routeId]) {
+            delete state.routes[routeId];
+        }
+    }),
+    deleteRoutes: () => set((state) => {
+        state.routes = {};
+    }),
+})), {
+    name: 'li.fi-widget-routes',
+    partialize: (state) => ({ routes: state.routes }),
+}));

package/cjs/stores/route/useSetExecutableRoute.d.ts

@@ -0,0 +1 @@
+export declare const useSetExecutableRoute: () => (route: import("@lifi/types").Route) => void;

package/cjs/stores/route/useSetExecutableRoute.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSetExecutableRoute = void 0;
+const useRouteStore_1 = require("./useRouteStore");
+const useSetExecutableRoute = () => {
+    return (0, useRouteStore_1.useRouteStore)((state) => state.setExecutableRoute);
+};
+exports.useSetExecutableRoute = useSetExecutableRoute;

package/cjs/stores/route/useSwapHistory.d.ts

@@ -0,0 +1,2 @@
+import { RouteExecution } from './types';
+export declare const useSwapHistory: (address?: string) => RouteExecution[];

package/cjs/stores/route/useSwapHistory.js

@@ -0,0 +1,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSwapHistory = void 0;
+const shallow_1 = __importDefault(require("zustand/shallow"));
+const useRouteStore_1 = require("./useRouteStore");
+const useSwapHistory = (address) => {
+    return (0, useRouteStore_1.useRouteStore)((state) => Object.values(state.routes)
+        .filter((item) => (item === null || item === void 0 ? void 0 : item.route.fromAddress) === address && (item === null || item === void 0 ? void 0 : item.status) === 'success')
+        .sort((a, b) => {
+        var _a, _b, _c, _d;
+        return ((_b = (_a = b === null || b === void 0 ? void 0 : b.route.steps[0].execution) === null || _a === void 0 ? void 0 : _a.process[0].startedAt) !== null && _b !== void 0 ? _b : 0) -
+            ((_d = (_c = a === null || a === void 0 ? void 0 : a.route.steps[0].execution) === null || _c === void 0 ? void 0 : _c.process[0].startedAt) !== null && _d !== void 0 ? _d : 0);
+    }), shallow_1.default);
+};
+exports.useSwapHistory = useSwapHistory;

package/cjs/stores/settings/index.d.ts

@@ -0,0 +1,5 @@
+export * from './types';
+export * from './useAppearance';
+export * from './useSetSettings';
+export * from './useSettings';
+export * from './useSettingsStore';

package/cjs/stores/settings/index.js

@@ -0,0 +1,21 @@
+"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("./types"), exports);
+__exportStar(require("./useAppearance"), exports);
+__exportStar(require("./useSetSettings"), exports);
+__exportStar(require("./useSettings"), exports);
+__exportStar(require("./useSettingsStore"), exports);

package/cjs/stores/settings/types.d.ts

@@ -0,0 +1,23 @@
+import { Bridge, Exchange, Order } from '@lifi/sdk';
+import { Appearance } from '../../types';
+export declare type ValueSetter<S> = <K extends keyof S>(key: K, value: S[Extract<K, string>]) => void;
+export declare type ValuesSetter<S> = <K extends keyof S>(values: Record<K, S[Extract<K, string>]>) => void;
+export declare type SettingsToolType = 'Bridges' | 'Exchanges';
+export declare const SettingsToolTypes: SettingsToolType[];
+export interface SettingsState {
+    advancedPreferences: boolean;
+    appearance: Appearance;
+    routePriority: Order;
+    slippage: string;
+    gasPrice: string;
+    enabledBridges?: string[];
+    _enabledBridges?: Record<string, boolean>;
+    enabledExchanges?: string[];
+    _enabledExchanges?: Record<string, boolean>;
+}
+export interface SettingsStore extends SettingsState {
+    setValue: ValueSetter<SettingsState>;
+    setValues: ValuesSetter<SettingsState>;
+    initializeTools(toolType: SettingsToolType, tools: string[]): void;
+    setTools(toolType: SettingsToolType, tools: string[], availableTools: (Pick<Bridge, 'key'> | Pick<Exchange, 'key'>)[]): void;
+}

package/cjs/stores/settings/types.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SettingsToolTypes = void 0;
+exports.SettingsToolTypes = ['Bridges', 'Exchanges'];

package/cjs/stores/settings/useAppearance.d.ts

@@ -0,0 +1,2 @@
+import { Appearance } from '../../types';
+export declare const useAppearance: () => [Appearance, (appearance: Appearance) => void];

package/cjs/stores/settings/useAppearance.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAppearance = void 0;
+const shallow_1 = __importDefault(require("zustand/shallow"));
+const useSettingsStore_1 = require("./useSettingsStore");
+const useAppearance = () => {
+    const [appearance, setValue] = (0, useSettingsStore_1.useSettingsStore)((state) => [state.appearance, state.setValue], shallow_1.default);
+    const setAppearance = (appearance) => setValue('appearance', appearance);
+    return [appearance, setAppearance];
+};
+exports.useAppearance = useAppearance;

package/cjs/stores/settings/useSetSettings.d.ts

@@ -0,0 +1,5 @@
+import { SettingsState, ValueSetter, ValuesSetter } from './types';
+export declare const useSetSettings: () => [
+    ValueSetter<SettingsState>,
+    ValuesSetter<SettingsState>
+];

package/cjs/stores/settings/useSetSettings.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSetSettings = void 0;
+const shallow_1 = __importDefault(require("zustand/shallow"));
+const useSettingsStore_1 = require("./useSettingsStore");
+const useSetSettings = () => {
+    return (0, useSettingsStore_1.useSettingsStore)((state) => [state.setValue, state.setValues], shallow_1.default);
+};
+exports.useSetSettings = useSetSettings;

package/cjs/stores/settings/useSettings.d.ts

@@ -0,0 +1,2 @@
+import { SettingsState } from '.';
+export declare const useSettings: <K extends keyof SettingsState>(keys: K[]) => Pick<SettingsState, K>;

package/cjs/stores/settings/useSettings.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSettings = void 0;
+const shallow_1 = __importDefault(require("zustand/shallow"));
+const useSettingsStore_1 = require("./useSettingsStore");
+const useSettings = (keys) => {
+    return (0, useSettingsStore_1.useSettingsStore)((state) => keys.reduce((values, key) => {
+        values[key] = state[key];
+        return values;
+    }, {}), shallow_1.default);
+};
+exports.useSettings = useSettings;

package/cjs/stores/settings/useSettingsStore.d.ts

@@ -0,0 +1,38 @@
+import { SettingsState, SettingsStore } from './types';
+export declare const useSettingsStore: import("zustand").UseBoundStore<Omit<Omit<import("zustand").StoreApi<SettingsStore>, "persist"> & {
+    persist: {
+        setOptions: (options: Partial<import("zustand/middleware").PersistOptions<SettingsStore, {
+            setValue: import("./types").ValueSetter<SettingsState>;
+            setValues: import("./types").ValuesSetter<SettingsState>;
+            initializeTools(toolType: import("./types").SettingsToolType, tools: string[]): void;
+            setTools(toolType: import("./types").SettingsToolType, tools: string[], availableTools: (Pick<import("@lifi/types").Bridge, "key"> | Pick<import("@lifi/types").Exchange, "key">)[]): void;
+            advancedPreferences: boolean;
+            appearance: import("../..").Appearance;
+            routePriority: "RECOMMENDED" | "FASTEST" | "CHEAPEST" | "SAFEST";
+            slippage: string;
+            gasPrice: string;
+            _enabledBridges?: Record<string, boolean> | undefined;
+            _enabledExchanges?: Record<string, boolean> | undefined;
+        }>>) => void;
+        clearStorage: () => void;
+        rehydrate: () => Promise<void>;
+        hasHydrated: () => boolean;
+        onHydrate: (fn: (state: SettingsStore) => void) => () => void;
+        onFinishHydration: (fn: (state: SettingsStore) => void) => () => void;
+        getOptions: () => Partial<import("zustand/middleware").PersistOptions<SettingsStore, {
+            setValue: import("./types").ValueSetter<SettingsState>;
+            setValues: import("./types").ValuesSetter<SettingsState>;
+            initializeTools(toolType: import("./types").SettingsToolType, tools: string[]): void;
+            setTools(toolType: import("./types").SettingsToolType, tools: string[], availableTools: (Pick<import("@lifi/types").Bridge, "key"> | Pick<import("@lifi/types").Exchange, "key">)[]): void;
+            advancedPreferences: boolean;
+            appearance: import("../..").Appearance;
+            routePriority: "RECOMMENDED" | "FASTEST" | "CHEAPEST" | "SAFEST";
+            slippage: string;
+            gasPrice: string;
+            _enabledBridges?: Record<string, boolean> | undefined;
+            _enabledExchanges?: Record<string, boolean> | undefined;
+        }>>;
+    };
+}, "setState"> & {
+    setState(nextStateOrUpdater: SettingsStore | Partial<SettingsStore> | ((state: import("immer/dist/internal").WritableDraft<SettingsStore>) => void), shouldReplace?: boolean | undefined): void;
+}>;

package/cjs/stores/settings/useSettingsStore.js

@@ -0,0 +1,90 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSettingsStore = void 0;
+/* eslint-disable no-underscore-dangle */
+const zustand_1 = __importDefault(require("zustand"));
+const middleware_1 = require("zustand/middleware");
+const immer_1 = require("zustand/middleware/immer");
+const types_1 = require("./types");
+exports.useSettingsStore = (0, zustand_1.default)()((0, middleware_1.persist)((0, immer_1.immer)((set) => ({
+    advancedPreferences: false,
+    appearance: 'auto',
+    gasPrice: 'normal',
+    routePriority: 'RECOMMENDED',
+    slippage: '3',
+    setValue: (key, value) => set((state) => {
+        state[key] = value;
+    }),
+    setValues: (values) => set((state) => {
+        for (const key in values) {
+            if (Object.prototype.hasOwnProperty.call(state, key)) {
+                state[key] = values[key];
+            }
+        }
+    }),
+    initializeTools: (toolType, tools) => set((state) => {
+        if (!tools.length) {
+            return;
+        }
+        if (state[`_enabled${toolType}`]) {
+            state[`_enabled${toolType}`] = tools
+                .filter((tool) => !Object.prototype.hasOwnProperty.call(state._enabledBridges, tool))
+                .reduce((values, tool) => {
+                values[tool] = true;
+                return values;
+            }, state[`_enabled${toolType}`]);
+        }
+        else {
+            state[`_enabled${toolType}`] = tools.reduce((values, tool) => {
+                values[tool] = true;
+                return values;
+            }, {});
+        }
+        state[`enabled${toolType}`] = Object.entries(state[`_enabled${toolType}`])
+            .filter(([_, value]) => value)
+            .map(([key]) => key);
+    }),
+    setTools: (toolType, tools, availableTools) => set((state) => {
+        state[`enabled${toolType}`] = tools;
+        state[`_enabled${toolType}`] = availableTools.reduce((values, tool) => {
+            values[tool.key] = tools.includes(tool.key);
+            return values;
+        }, {});
+    }),
+})), {
+    name: 'li.fi-widget-settings',
+    version: 1,
+    partialize: (state) => {
+        const { enabledBridges, enabledExchanges } = state, partializedState = __rest(state, ["enabledBridges", "enabledExchanges"]);
+        return partializedState;
+    },
+    merge: (persistedState, currentState) => {
+        const state = Object.assign(Object.assign({}, currentState), persistedState);
+        types_1.SettingsToolTypes.forEach((toolType) => {
+            state[`enabled${toolType}`] = Object.entries(persistedState[`_enabled${toolType}`])
+                .filter(([_, value]) => value)
+                .map(([key]) => key);
+        });
+        return state;
+    },
+    migrate: (persistedState, version) => {
+        if (version === 0 && persistedState.appearance === 'system') {
+            persistedState.appearance = 'auto';
+        }
+        return persistedState;
+    },
+}));

package/cjs/types/index.d.ts

@@ -0,0 +1,2 @@
+export * from './token';
+export * from './widget';

package/cjs/types/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("./token"), exports);
+__exportStar(require("./widget"), exports);

package/cjs/types/token.d.ts

@@ -0,0 +1,4 @@
+import { TokenAmount } from '@lifi/sdk';
+export interface Token extends TokenAmount {
+    featured?: boolean;
+}

package/cjs/types/token.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/cjs/types/widget.d.ts

@@ -0,0 +1,47 @@
+import { ChainKey, Token } from '@lifi/sdk';
+import { PaletteMode, PaletteOptions, Shape } from '@mui/material';
+import { TypographyOptions } from '@mui/material/styles/createTypography';
+import { Signer } from 'ethers';
+import { CSSProperties } from 'react';
+export declare type Appearance = PaletteMode | 'auto';
+export declare type ThemeConfig = {
+    palette?: Pick<PaletteOptions, 'primary' | 'secondary'>;
+    shape?: Shape;
+    typography?: TypographyOptions;
+};
+export interface WidgetWalletManagement {
+    connect(): Promise<Signer>;
+    disconnect(): Promise<void>;
+    switchChain?(chainId: number): Promise<Signer>;
+    addToken?(token: Token, chainId: number): Promise<void>;
+    addChain?(chainId: number): Promise<boolean>;
+    signer?: Signer;
+}
+interface WidgetConfigBase {
+    fromAmount?: number | string;
+    containerStyle?: CSSProperties;
+    theme?: ThemeConfig;
+    appearance?: Appearance;
+    disableAppearance?: boolean;
+    disableTelemetry?: boolean;
+    walletManagement?: WidgetWalletManagement;
+    integrator?: string;
+    disabledChains?: number[];
+    featuredTokens?: Token[];
+}
+declare type WidgetFromTokenConfig = {
+    fromChain: `${ChainKey}` | number;
+    fromToken?: string;
+} | {
+    fromChain?: never;
+    fromToken?: never;
+};
+declare type WidgetToTokenConfig = {
+    toChain: `${ChainKey}` | number;
+    toToken?: string;
+} | {
+    toChain?: never;
+    toToken?: never;
+};
+export declare type WidgetConfig = WidgetConfigBase & WidgetFromTokenConfig & WidgetToTokenConfig;
+export {};

package/cjs/types/widget.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/cjs/utils/colors.d.ts

@@ -0,0 +1,3 @@
+import { Theme } from '@mui/material';
+export declare const getContrastAlphaColor: (theme: Theme, alpha: string | number) => string;
+export declare const getContrastTextColor: (theme: Theme, background?: string) => string;

package/cjs/utils/colors.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getContrastTextColor = exports.getContrastAlphaColor = void 0;
+const styles_1 = require("@mui/material/styles");
+const createPalette_1 = require("@mui/material/styles/createPalette");
+const getContrastAlphaColor = (theme, alpha) => theme.palette.mode === 'light'
+    ? `rgb(0 0 0 / ${alpha})`
+    : `rgb(255 255 255 / ${alpha})`;
+exports.getContrastAlphaColor = getContrastAlphaColor;
+const getContrastTextColor = (theme, background) => (0, styles_1.getContrastRatio)(createPalette_1.dark.text.primary, background !== null && background !== void 0 ? background : theme.palette.primary.main) >= 3
+    ? createPalette_1.dark.text.primary
+    : createPalette_1.light.text.primary;
+exports.getContrastTextColor = getContrastTextColor;

package/cjs/utils/deepClone.d.ts

@@ -0,0 +1 @@
+export declare const deepClone: <T>(src: T) => T;

package/cjs/utils/deepClone.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.deepClone = void 0;
+const deepClone = (src) => {
+    return JSON.parse(JSON.stringify(src));
+};
+exports.deepClone = deepClone;

package/cjs/utils/elements.d.ts

@@ -0,0 +1,4 @@
+export declare enum ElementId {
+    ScrollableContainer = "widget-scrollable-container",
+    Header = "widget-header"
+}

package/cjs/utils/elements.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ElementId = void 0;
+var ElementId;
+(function (ElementId) {
+    ElementId["ScrollableContainer"] = "widget-scrollable-container";
+    ElementId["Header"] = "widget-header";
+})(ElementId = exports.ElementId || (exports.ElementId = {}));

package/cjs/utils/format.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Format token amount to at least 4 decimals.
+ * @param amount amount to format.
+ * @returns formatted amount.
+ */
+export declare const formatTokenAmount: (amount?: string, decimals?: number) => string;
+export declare const formatSlippage: (slippage?: string, defaultValue?: string, returnInitial?: boolean) => string;
+export declare const formatAmount: (amount?: string, returnInitial?: boolean) => string;
+export declare const formatTokenPrice: (amount?: string, price?: string) => number;

package/cjs/utils/format.js

@@ -0,0 +1,86 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formatTokenPrice = exports.formatAmount = exports.formatSlippage = exports.formatTokenAmount = void 0;
+const big_js_1 = __importDefault(require("big.js"));
+// JavaScript numbers use exponential notation for positive exponents of 21 and above. We need more.
+big_js_1.default.PE = 42;
+// JavaScript numbers use exponential notation for negative exponents of -7 and below. We need more.
+big_js_1.default.NE = -42;
+/**
+ * Format token amount to at least 4 decimals.
+ * @param amount amount to format.
+ * @returns formatted amount.
+ */
+const formatTokenAmount = (amount = '0', decimals = 0) => {
+    let shiftedAmount = amount;
+    if (decimals) {
+        shiftedAmount = (Number(amount) / Math.pow(10, decimals)).toString();
+    }
+    const parsedAmount = parseFloat(shiftedAmount);
+    if (parsedAmount === 0 || isNaN(Number(shiftedAmount))) {
+        return '0';
+    }
+    let decimalPlaces = 3;
+    const absAmount = Math.abs(parsedAmount);
+    while (absAmount < 1 / Math.pow(10, decimalPlaces)) {
+        decimalPlaces++;
+    }
+    return (0, big_js_1.default)(parseFloat((0, big_js_1.default)(parsedAmount).toFixed(decimalPlaces + 1, 0))).toString();
+};
+exports.formatTokenAmount = formatTokenAmount;
+const formatSlippage = (slippage = '', defaultValue = '', returnInitial = false) => {
+    if (!slippage) {
+        return slippage;
+    }
+    const parsedSlippage = parseFloat(slippage);
+    if (isNaN(Number(slippage)) && !isNaN(parsedSlippage)) {
+        return parsedSlippage.toString();
+    }
+    if (isNaN(parsedSlippage)) {
+        return defaultValue;
+    }
+    if (parsedSlippage > 100) {
+        return '100';
+    }
+    if (parsedSlippage < 0) {
+        return Math.abs(parsedSlippage).toString();
+    }
+    if (returnInitial) {
+        return slippage;
+    }
+    return parsedSlippage.toString();
+};
+exports.formatSlippage = formatSlippage;
+const formatAmount = (amount = '', returnInitial = false) => {
+    if (!amount) {
+        return amount;
+    }
+    const parsedAmount = parseFloat(amount);
+    if (isNaN(Number(amount)) && !isNaN(parsedAmount)) {
+        return parsedAmount.toString();
+    }
+    if (isNaN(parsedAmount)) {
+        return '';
+    }
+    if (parsedAmount < 0) {
+        return Math.abs(parsedAmount).toString();
+    }
+    if (returnInitial) {
+        return amount;
+    }
+    return (0, big_js_1.default)(parsedAmount).toString();
+};
+exports.formatAmount = formatAmount;
+const formatTokenPrice = (amount, price) => {
+    if (!amount || !price) {
+        return 0;
+    }
+    if (isNaN(Number(amount)) || isNaN(Number(price))) {
+        return 0;
+    }
+    return parseFloat(amount) * parseFloat(price);
+};
+exports.formatTokenPrice = formatTokenPrice;

package/cjs/utils/index.d.ts

@@ -0,0 +1,6 @@
+export * from './colors';
+export * from './deepClone';
+export * from './elements';
+export * from './format';
+export * from './input';
+export * from './navigationRoutes';

package/cjs/utils/index.js

@@ -0,0 +1,22 @@
+"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("./colors"), exports);
+__exportStar(require("./deepClone"), exports);
+__exportStar(require("./elements"), exports);
+__exportStar(require("./format"), exports);
+__exportStar(require("./input"), exports);
+__exportStar(require("./navigationRoutes"), exports);

package/cjs/utils/input.d.ts

@@ -0,0 +1 @@
+export declare const fitInputText: (maxFontSize: number, minFontSize: number, element: HTMLElement) => void;