@rango-dev/widget-embedded 0.19.0 → 0.19.1-next.1

package/dist/store/meta.d.ts

@@ -1,23 +0,0 @@
-import type { TokenWithBalance } from '../components/TokenList';
-import type { MetaResponse } from 'rango-sdk';
-export type LoadingStatus = 'loading' | 'success' | 'failed';
-export interface MetaState {
-    meta: MetaResponse & {
-        tokens: TokenWithBalance[];
-    };
-    loadingStatus: LoadingStatus;
-    fetchMeta: () => Promise<void>;
-}
-export declare const useMetaStore: {
-    (): MetaState;
-    <U>(selector: (state: MetaState) => U, equals?: ((a: U, b: U) => boolean) | undefined): U;
-} & import("zustand").StoreApi<MetaState> & {
-    use: {
-        meta: () => MetaResponse & {
-            tokens: TokenWithBalance[];
-        };
-        loadingStatus: () => LoadingStatus;
-        fetchMeta: () => () => Promise<void>;
-    };
-};
-//# sourceMappingURL=meta.d.ts.map

package/dist/store/meta.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../src/store/meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAO9C,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE7D,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,YAAY,GAAG;QAAE,MAAM,EAAE,gBAAgB,EAAE,CAAA;KAAE,CAAC;IACpD,aAAa,EAAE,aAAa,CAAC;IAC7B,SAAS,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAChC;AAED,eAAO,MAAM,YAAY;;;;;;oBALQ,gBAAgB,EAAE;;;+BAEhC,QAAQ,IAAI,CAAC;;CAyB/B,CAAC"}

package/dist/store/settings.d.ts

@@ -1,81 +0,0 @@
-import { type Language } from '@rango-dev/ui';
-export type ThemeMode = 'auto' | 'dark' | 'light';
-export interface SettingsState {
-    /** Keeping a history of blockchains that user has selected (in Swap process) */
-    preferredBlockchains: string[];
-    slippage: number;
-    customSlippage: number | null;
-    infiniteApprove: boolean;
-    disabledLiquiditySources: string[];
-    theme: ThemeMode;
-    language: Language;
-    affiliateRef: string | null;
-    affiliatePercent: number | null;
-    affiliateWallets: {
-        [key: string]: string;
-    } | null;
-    setSlippage: (slippage: number) => void;
-    setCustomSlippage: (customSlippage: number | null) => void;
-    toggleInfiniteApprove: () => void;
-    toggleLiquiditySource: (name: string) => void;
-    setTheme: (theme: ThemeMode) => void;
-    setLanguage: (language: Language) => void;
-    toggleAllLiquiditySources: (shouldReset?: boolean) => void;
-    setAffiliateRef: (affiliateRef: string | null) => void;
-    setAffiliatePercent: (affiliatePercent: number | null) => void;
-    setAffiliateWallets: (affiliateWallets: {
-        [key: string]: string;
-    } | null) => void;
-    addPreferredBlockchain: (blockchain: string) => void;
-}
-export declare const useSettingsStore: {
-    (): SettingsState;
-    <U>(selector: (state: SettingsState) => U, equals?: ((a: U, b: U) => boolean) | undefined): U;
-} & Omit<Omit<import("zustand").StoreApi<SettingsState>, "persist"> & {
-    persist: {
-        setOptions: (options: Partial<import("zustand/middleware").PersistOptions<SettingsState, SettingsState>>) => void;
-        clearStorage: () => void;
-        rehydrate: () => void | Promise<void>;
-        hasHydrated: () => boolean;
-        onHydrate: (fn: (state: SettingsState) => void) => () => void;
-        onFinishHydration: (fn: (state: SettingsState) => void) => () => void;
-        getOptions: () => Partial<import("zustand/middleware").PersistOptions<SettingsState, SettingsState>>;
-    };
-}, "subscribe"> & {
-    subscribe: {
-        (listener: (selectedState: SettingsState, previousSelectedState: SettingsState) => void): () => void;
-        <U_1>(selector: (state: SettingsState) => U_1, listener: (selectedState: U_1, previousSelectedState: U_1) => void, options?: {
-            equalityFn?: ((a: U_1, b: U_1) => boolean) | undefined;
-            fireImmediately?: boolean | undefined;
-        } | undefined): () => void;
-    };
-} & {
-    use: {
-        preferredBlockchains: () => string[];
-        slippage: () => number;
-        customSlippage: () => number | null;
-        infiniteApprove: () => boolean;
-        disabledLiquiditySources: () => string[];
-        theme: () => ThemeMode;
-        language: () => "en" | "es" | "ja" | "fr";
-        affiliateRef: () => string | null;
-        affiliatePercent: () => number | null;
-        affiliateWallets: () => {
-            [key: string]: string;
-        } | null;
-        setSlippage: () => (slippage: number) => void;
-        setCustomSlippage: () => (customSlippage: number | null) => void;
-        toggleInfiniteApprove: () => () => void;
-        toggleLiquiditySource: () => (name: string) => void;
-        setTheme: () => (theme: ThemeMode) => void;
-        setLanguage: () => (language: Language) => void;
-        toggleAllLiquiditySources: () => (shouldReset?: boolean) => void;
-        setAffiliateRef: () => (affiliateRef: string | null) => void;
-        setAffiliatePercent: () => (affiliatePercent: number | null) => void;
-        setAffiliateWallets: () => (affiliateWallets: {
-            [key: string]: string;
-        } | null) => void;
-        addPreferredBlockchain: () => (blockchain: string) => void;
-    };
-};
-//# sourceMappingURL=settings.d.ts.map

package/dist/store/settings.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"settings.d.ts","sourceRoot":"","sources":["../../src/store/settings.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAC;AAY9C,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AAElD,MAAM,WAAW,aAAa;IAC5B,gFAAgF;IAChF,oBAAoB,EAAE,MAAM,EAAE,CAAC;IAC/B,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,eAAe,EAAE,OAAO,CAAC;IACzB,wBAAwB,EAAE,MAAM,EAAE,CAAC;IACnC,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,QAAQ,CAAC;IACnB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,gBAAgB,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IAEnD,WAAW,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,iBAAiB,EAAE,CAAC,cAAc,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC3D,qBAAqB,EAAE,MAAM,IAAI,CAAC;IAClC,qBAAqB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACrC,WAAW,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC1C,yBAAyB,EAAE,CAAC,WAAW,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3D,eAAe,EAAE,CAAC,YAAY,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACvD,mBAAmB,EAAE,CAAC,gBAAgB,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC/D,mBAAmB,EAAE,CACnB,gBAAgB,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,GAAG,IAAI,KAC/C,IAAI,CAAC;IACV,sBAAsB,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;CACtD;AAED,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCAfH,MAAM,KAAK,IAAI;kDACH,MAAM,GAAG,IAAI,KAAK,IAAI;2CAC7B,IAAI;4CACH,MAAM,KAAK,IAAI;gCAC3B,SAAS,KAAK,IAAI;sCACZ,QAAQ,KAAK,IAAI;wDACC,OAAO,KAAK,IAAI;8CAC1B,MAAM,GAAG,IAAI,KAAK,IAAI;sDACd,MAAM,GAAG,IAAI,KAAK,IAAI;;;qBAGzD,IAAI;mDAC4B,MAAM,KAAK,IAAI;;CAsHrD,CAAC"}

package/dist/types/routing.d.ts

@@ -1,65 +0,0 @@
-import type { RouteState } from '../store/bestRoute';
-import type { SettingsState } from '../store/settings';
-interface BestRouteStoreParams {
-    fromBlockchain?: RouteState['fromBlockchain'];
-    toBlockchain?: RouteState['toBlockchain'];
-    fromToken?: RouteState['fromToken'];
-    toToken?: RouteState['toToken'];
-    inputAmount?: RouteState['inputAmount'];
-}
-interface SettingsStoreParams {
-    slippage?: SettingsState['slippage'];
-    customSlippage?: SettingsState['customSlippage'];
-    disabledLiquiditySources?: SettingsState['disabledLiquiditySources'];
-    infiniteApprove?: SettingsState['infiniteApprove'];
-}
-export type BestRouteEqualityParams = {
-    store: 'bestRoute';
-    prevState: BestRouteStoreParams;
-    currentState: BestRouteStoreParams;
-} | {
-    store: 'settings';
-    prevState: SettingsStoreParams;
-    currentState: SettingsStoreParams;
-};
-export declare enum ConfirmSwapErrorTypes {
-    NO_ROUTE = 0,
-    ROUTE_UPDATED_WITH_HIGH_VALUE_LOSS = 1,
-    REQUEST_FAILED = 2,
-    REQUEST_CANCELED = 3
-}
-export type ConfirmSwapError = {
-    type: ConfirmSwapErrorTypes.NO_ROUTE;
-    diagnosisMessage?: string;
-} | {
-    type: Exclude<ConfirmSwapErrorTypes, ConfirmSwapErrorTypes.NO_ROUTE>;
-};
-export declare enum RouteWarningType {
-    ROUTE_UPDATED = 0,
-    ROUTE_SWAPPERS_UPDATED = 1,
-    ROUTE_COINS_UPDATED = 2,
-    ROUTE_AND_OUTPUT_AMOUNT_UPDATED = 3
-}
-export type RouteWarning = {
-    type: RouteWarningType.ROUTE_AND_OUTPUT_AMOUNT_UPDATED;
-    newOutputAmount: string;
-    percentageChange: string;
-} | {
-    type: Exclude<RouteWarningType, RouteWarningType.ROUTE_AND_OUTPUT_AMOUNT_UPDATED>;
-};
-export declare enum SlippageWarningType {
-    INSUFFICIENT_SLIPPAGE = 0,
-    HIGH_SLIPPAGE = 1
-}
-export type ConfirmSwapWarnings = {
-    route: RouteWarning | null;
-    balance: {
-        messages: string[];
-    } | null;
-    slippage: {
-        type: SlippageWarningType;
-        slippage: string | null;
-    } | null;
-};
-export {};
-//# sourceMappingURL=routing.d.ts.map

package/dist/types/routing.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"routing.d.ts","sourceRoot":"","sources":["../../src/types/routing.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAEvD,UAAU,oBAAoB;IAC5B,cAAc,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAC9C,YAAY,CAAC,EAAE,UAAU,CAAC,cAAc,CAAC,CAAC;IAC1C,SAAS,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC;IACpC,OAAO,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IAChC,WAAW,CAAC,EAAE,UAAU,CAAC,aAAa,CAAC,CAAC;CACzC;AAED,UAAU,mBAAmB;IAC3B,QAAQ,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACrC,cAAc,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;IACjD,wBAAwB,CAAC,EAAE,aAAa,CAAC,0BAA0B,CAAC,CAAC;IACrE,eAAe,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;CACpD;AAED,MAAM,MAAM,uBAAuB,GAC/B;IACE,KAAK,EAAE,WAAW,CAAC;IACnB,SAAS,EAAE,oBAAoB,CAAC;IAChC,YAAY,EAAE,oBAAoB,CAAC;CACpC,GACD;IACE,KAAK,EAAE,UAAU,CAAC;IAClB,SAAS,EAAE,mBAAmB,CAAC;IAC/B,YAAY,EAAE,mBAAmB,CAAC;CACnC,CAAC;AAEN,oBAAY,qBAAqB;IAC/B,QAAQ,IAAA;IACR,kCAAkC,IAAA;IAClC,cAAc,IAAA;IACd,gBAAgB,IAAA;CACjB;AAED,MAAM,MAAM,gBAAgB,GACxB;IACE,IAAI,EAAE,qBAAqB,CAAC,QAAQ,CAAC;IACrC,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,GACD;IACE,IAAI,EAAE,OAAO,CAAC,qBAAqB,EAAE,qBAAqB,CAAC,QAAQ,CAAC,CAAC;CACtE,CAAC;AAEN,oBAAY,gBAAgB;IAC1B,aAAa,IAAA;IACb,sBAAsB,IAAA;IACtB,mBAAmB,IAAA;IACnB,+BAA+B,IAAA;CAChC;AAED,MAAM,MAAM,YAAY,GACpB;IACE,IAAI,EAAE,gBAAgB,CAAC,+BAA+B,CAAC;IACvD,eAAe,EAAE,MAAM,CAAC;IACxB,gBAAgB,EAAE,MAAM,CAAC;CAC1B,GACD;IACE,IAAI,EAAE,OAAO,CACX,gBAAgB,EAChB,gBAAgB,CAAC,+BAA+B,CACjD,CAAC;CACH,CAAC;AAEN,oBAAY,mBAAmB;IAC7B,qBAAqB,IAAA;IACrB,aAAa,IAAA;CACd;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC;IAC3B,OAAO,EAAE;QAAE,QAAQ,EAAE,MAAM,EAAE,CAAA;KAAE,GAAG,IAAI,CAAC;IACvC,QAAQ,EAAE;QAAE,IAAI,EAAE,mBAAmB,CAAC;QAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,GAAG,IAAI,CAAC;CACzE,CAAC"}

package/dist/utils/routing.d.ts

@@ -1,28 +0,0 @@
-import type { BestRouteEqualityParams, Wallet } from '../types';
-import type { PendingSwap } from '@rango-dev/queue-manager-rango-preset';
-import type { PriceImpactWarningLevel } from '@rango-dev/ui';
-import type { SimulationAssetAndAmount, SimulationValidationStatus } from '@rango-dev/ui/dist/widget/ui/src/types/swaps';
-import type { Asset, BestRouteResponse, BlockchainMeta, Token } from 'rango-sdk';
-import BigNumber from 'bignumber.js';
-export declare function searchParamsToToken(tokens: Token[], searchParams: string | null, chain: BlockchainMeta | null): Token | null;
-export declare function getBestRouteToTokenUsdPrice(bestRoute: BestRouteResponse | null): number | null | undefined;
-export declare function isNumberOfSwapsChanged(route1: BestRouteResponse, route2: BestRouteResponse): boolean;
-export declare function isRouteSwappersUpdated(route1: BestRouteResponse, route2: BestRouteResponse): boolean;
-export declare function isRouteInternalCoinsUpdated(route1: BestRouteResponse, route2: BestRouteResponse): boolean;
-export declare function isRouteChanged(route1: BestRouteResponse, route2: BestRouteResponse): boolean;
-export declare function outToRatioHasWarning(fromUsdValue: BigNumber | null, outToInRatio: BigNumber | 0): boolean;
-export declare function getRequiredBalanceOfWallet(selectedWallet: Wallet, fee: SimulationValidationStatus[] | null): SimulationAssetAndAmount[] | null;
-export declare function isRouteParametersChanged(params: BestRouteEqualityParams): boolean | undefined;
-export declare function getFormattedBestRoute(bestRoute: BestRouteResponse | null): BestRouteResponse | null;
-export declare function getFormattedPendingSwap(pendingSwap: PendingSwap): PendingSwap;
-export declare const getBestRouteStatus: (loading: boolean, error: boolean) => "loading" | "success" | "failed";
-export declare function getPriceImpactLevel(priceImpact: number): PriceImpactWarningLevel;
-export declare function findCommonTokens<T extends Asset[], R extends Asset[]>(listA: T, listB: R): R;
-export declare function createRetryRoute(pendingSwap: PendingSwap, blockchains: BlockchainMeta[], tokens: Token[]): {
-    fromBlockchain: BlockchainMeta | null;
-    fromToken: Token | null;
-    toBlockchain: BlockchainMeta | null;
-    toToken: Token | null;
-    inputAmount: string;
-};
-//# sourceMappingURL=routing.d.ts.map

package/dist/utils/routing.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"routing.d.ts","sourceRoot":"","sources":["../../src/utils/routing.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAChE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AACzE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,0BAA0B,EAC3B,MAAM,8CAA8C,CAAC;AACtD,OAAO,KAAK,EACV,KAAK,EACL,iBAAiB,EACjB,cAAc,EACd,KAAK,EACN,MAAM,WAAW,CAAC;AAGnB,OAAO,SAAS,MAAM,cAAc,CAAC;AAerC,wBAAgB,mBAAmB,CACjC,MAAM,EAAE,KAAK,EAAE,EACf,YAAY,EAAE,MAAM,GAAG,IAAI,EAC3B,KAAK,EAAE,cAAc,GAAG,IAAI,GAC3B,KAAK,GAAG,IAAI,CAqBd;AAED,wBAAgB,2BAA2B,CACzC,SAAS,EAAE,iBAAiB,GAAG,IAAI,GAClC,MAAM,GAAG,IAAI,GAAG,SAAS,CAG3B;AAED,wBAAgB,sBAAsB,CACpC,MAAM,EAAE,iBAAiB,EACzB,MAAM,EAAE,iBAAiB,WAK1B;AAED,wBAAgB,sBAAsB,CACpC,MAAM,EAAE,iBAAiB,EACzB,MAAM,EAAE,iBAAiB,WAO1B;AAED,wBAAgB,2BAA2B,CACzC,MAAM,EAAE,iBAAiB,EACzB,MAAM,EAAE,iBAAiB,WAO1B;AAED,wBAAgB,cAAc,CAC5B,MAAM,EAAE,iBAAiB,EACzB,MAAM,EAAE,iBAAiB,GACxB,OAAO,CAMT;AAED,wBAAgB,oBAAoB,CAClC,YAAY,EAAE,SAAS,GAAG,IAAI,EAC9B,YAAY,EAAE,SAAS,GAAG,CAAC,WAQ5B;AAED,wBAAgB,0BAA0B,CACxC,cAAc,EAAE,MAAM,EACtB,GAAG,EAAE,0BAA0B,EAAE,GAAG,IAAI,GACvC,wBAAwB,EAAE,GAAG,IAAI,CAcnC;AAED,wBAAgB,wBAAwB,CAAC,MAAM,EAAE,uBAAuB,uBA4BvE;AAED,wBAAgB,qBAAqB,CACnC,SAAS,EAAE,iBAAiB,GAAG,IAAI,GAClC,iBAAiB,GAAG,IAAI,CAyB1B;AAED,wBAAgB,uBAAuB,CAAC,WAAW,EAAE,WAAW,GAAG,WAAW,CA6B7E;AAGD,eAAO,MAAM,kBAAkB,YAAa,OAAO,SAAS,OAAO,qCAQlE,CAAC;AAEF,wBAAgB,mBAAmB,CACjC,WAAW,EAAE,MAAM,GAClB,uBAAuB,CASzB;AAED,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,KAAK,EAAE,EAAE,CAAC,SAAS,KAAK,EAAE,EACnE,KAAK,EAAE,CAAC,EACR,KAAK,EAAE,CAAC,KAUT;AAED,wBAAgB,gBAAgB,CAC9B,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,cAAc,EAAE,EAC7B,MAAM,EAAE,KAAK,EAAE,GACd;IACD,cAAc,EAAE,cAAc,GAAG,IAAI,CAAC;IACtC,SAAS,EAAE,KAAK,GAAG,IAAI,CAAC;IACxB,YAAY,EAAE,cAAc,GAAG,IAAI,CAAC;IACpC,OAAO,EAAE,KAAK,GAAG,IAAI,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;CACrB,CA4CA"}

package/src/Widget.tsx

@@ -1,119 +0,0 @@
-import type { WidgetConfig } from './types';
-import type { WalletType } from '@rango-dev/wallets-shared';
-import type { PropsWithChildren } from 'react';
-
-import { I18nManager, styled } from '@rango-dev/ui';
-import React, { useContext, useEffect, useMemo, useState } from 'react';
-
-import { AppRouter } from './components/AppRouter';
-import { AppRoutes } from './components/AppRoutes';
-import { WidgetEvents } from './components/WidgetEvents';
-import { globalFont } from './globalStyles';
-import { useLanguage } from './hooks/useLanguage';
-import { useTheme } from './hooks/useTheme';
-import QueueManager from './QueueManager';
-import { useAppStore } from './store/app';
-import { useMetaStore } from './store/meta';
-import { useNotificationStore } from './store/notification';
-import { useSettingsStore } from './store/settings';
-import { initConfig } from './utils/configs';
-import { WidgetContext, WidgetWallets } from './Wallets';
-
-const MainContainer = styled('div', {
-  width: '100%',
-  display: 'flex',
-  justifyContent: 'center',
-  alignItems: 'center',
-  fontFamily: '$widget',
-  boxSizing: 'border-box',
-  '& *, *::before, *::after': {
-    boxSizing: 'inherit',
-    listStyleType: 'none',
-  },
-  '& *:focus-visible': {
-    outlineColor: '$info500',
-    transition: 'none',
-  },
-});
-
-export type WidgetProps = {
-  config?: WidgetConfig;
-};
-
-export function Main(props: PropsWithChildren<WidgetProps>) {
-  const { config } = props;
-  globalFont();
-
-  const { activeTheme } = useTheme(config?.theme || {});
-  const { activeLanguage, changeLanguage } = useLanguage();
-
-  const [lastConnectedWalletWithNetwork, setLastConnectedWalletWithNetwork] =
-    useState<string>('');
-  const [disconnectedWallet, setDisconnectedWallet] = useState<WalletType>();
-  const widgetContext = useContext(WidgetContext);
-  const fetchMeta = useMetaStore.use.fetchMeta();
-
-  useMemo(() => {
-    if (config?.apiKey) {
-      initConfig({
-        API_KEY: config?.apiKey,
-      });
-    }
-  }, [config]);
-
-  useEffect(() => {
-    void fetchMeta();
-    void useSettingsStore.persist.rehydrate();
-    void useNotificationStore.persist.rehydrate();
-    widgetContext.onConnectWallet(setLastConnectedWalletWithNetwork);
-  }, []);
-
-  useEffect(() => {
-    if (config?.language) {
-      changeLanguage(config.language);
-    }
-  }, [config?.language]);
-
-  return (
-    <I18nManager language={activeLanguage}>
-      <MainContainer id="swap-container" className={activeTheme()}>
-        <QueueManager>
-          <WidgetEvents />
-          <AppRouter
-            config={config}
-            lastConnectedWallet={lastConnectedWalletWithNetwork}
-            disconnectedWallet={disconnectedWallet}
-            clearDisconnectedWallet={() => {
-              setDisconnectedWallet(undefined);
-            }}>
-            <AppRoutes config={config} />
-          </AppRouter>
-        </QueueManager>
-      </MainContainer>
-    </I18nManager>
-  );
-}
-
-export function Widget(props: PropsWithChildren<WidgetProps>) {
-  const { updateConfig, config } = useAppStore();
-  useEffect(() => {
-    if (props.config) {
-      updateConfig(props.config);
-    }
-  }, [props.config]);
-
-  if (!props.config?.externalWallets) {
-    return (
-      <WidgetWallets
-        providers={config?.wallets}
-        options={{
-          walletConnectProjectId:
-            config?.walletConnectProjectId ||
-            props.config?.walletConnectProjectId,
-        }}>
-        <Main {...props} />
-      </WidgetWallets>
-    );
-  }
-  return <Main {...props} />;
-}

package/src/components/LoadingSwapDetails/LoadingSwapDetailStep.tsx

@@ -1,41 +0,0 @@
-import type { StepSkeletonPropsTypes } from './LoadingSwapDetails.types';
-
-import { ChainToken, Divider, NextIcon, Skeleton } from '@rango-dev/ui';
-import React from 'react';
-
-import { StepContainer } from './LoadingSwapDetails.styles';
-
-export function LoadingSwapDetailStep(props: StepSkeletonPropsTypes) {
-  const { extraInfo } = props;
-  return (
-    <StepContainer>
-      <div className="step-title">
-        <Skeleton height={28} width={28} variant="circular" />
-        <Divider direction="horizontal" size={8} />
-        <Skeleton height={15} width={148} variant="rounded" />
-      </div>
-      <div className="step-tokens">
-        <Divider direction="horizontal" size={20} />
-        <div className="step-token-info">
-          <ChainToken size="small" loading chainImage="" tokenImage="" />
-          <Divider direction="horizontal" size={8} />
-          <Skeleton height={12} width={76} variant="rounded" />
-        </div>
-        <div className="step-icon-container">
-          <NextIcon color="gray" size={16} />
-        </div>
-        <div className="step-token-info">
-          <ChainToken size="small" loading chainImage="" tokenImage="" />
-          <Divider direction="horizontal" size={8} />
-          <Skeleton height={12} width={76} variant="rounded" />
-        </div>
-      </div>
-      {extraInfo && (
-        <div className="extra-info">
-          <Divider direction="horizontal" size={20} />
-          <Skeleton height={22} width={297} variant="rectangular" />
-        </div>
-      )}
-    </StepContainer>
-  );
-}

package/src/components/LoadingSwapDetails/LoadingSwapDetails.types.ts

@@ -1,3 +0,0 @@
-export interface StepSkeletonPropsTypes {
-  extraInfo?: boolean;
-}

package/src/components/NoRoutes/index.ts

@@ -1 +0,0 @@
-export { NoRoutes } from './NoRoutes';

package/src/components/RouteErrors/RouteErrors.tsx

@@ -1,79 +0,0 @@
-import type { PropTypes } from './RouteErrors.types';
-
-import { Alert, Divider, InfoIcon } from '@rango-dev/ui';
-import React from 'react';
-
-import { errorMessages } from '../../constants/errors';
-import { useBestRouteStore } from '../../store/bestRoute';
-import { hasLimitError, LimitErrorMessage } from '../../utils/swap';
-
-import { Action, Alerts } from './RouteErrors.styles';
-import { RouteErrorsModal } from './RouteErrorsModal';
-
-const WARNING_LEVEL_LIMIT = -10;
-
-export function RouteErrors(props: PropTypes) {
-  const { bestRoute } = useBestRouteStore();
-  const {
-    highValueLoss,
-    percentageChange,
-    priceImpactCanNotBeComputed,
-    openModal,
-    onToggle,
-    totalFeeInUsd,
-    outputUsdValue,
-    inputUsdValue,
-    loading,
-    extraSpace,
-  } = props;
-  const error = hasLimitError(bestRoute);
-  const { recommendation } = LimitErrorMessage(bestRoute);
-
-  const showWarnings = !error && (highValueLoss || priceImpactCanNotBeComputed);
-  const showAlerts = showWarnings || error;
-
-  return (
-    <>
-      {(loading || (extraSpace && !showAlerts)) && <Divider size={20} />}
-      {showAlerts && (
-        <Alerts>
-          {showWarnings && (
-            <>
-              <Alert
-                title={
-                  highValueLoss
-                    ? errorMessages().highValueLossError.title
-                    : errorMessages().unknownPriceError.title
-                }
-                type={
-                  highValueLoss && !!percentageChange?.lt(WARNING_LEVEL_LIMIT)
-                    ? 'error'
-                    : 'warning'
-                }
-                variant="alarm"
-                action={
-                  <Action onClick={() => onToggle(true)}>
-                    <InfoIcon size={12} color="gray" />
-                  </Action>
-                }
-              />
-            </>
-          )}
-          {error && (
-            <Alert type="error" variant="alarm" title={recommendation} />
-          )}
-        </Alerts>
-      )}
-
-      <RouteErrorsModal
-        highValueLoss={highValueLoss}
-        open={openModal}
-        onToggle={onToggle}
-        percentageChange={percentageChange}
-        inputUsdValue={inputUsdValue}
-        outputUsdValue={outputUsdValue}
-        totalFeeInUsd={totalFeeInUsd}
-      />
-    </>
-  );
-}

package/src/components/RouteErrors/RouteErrors.types.ts

@@ -1,29 +0,0 @@
-import type BigNumber from 'bignumber.js';
-
-export interface PropTypes {
-  openModal: boolean;
-  onToggle: (open: boolean) => void;
-  totalFeeInUsd: BigNumber | null;
-  outputUsdValue: BigNumber | null;
-  inputUsdValue: BigNumber | null;
-  percentageChange: BigNumber | null;
-  highValueLoss: boolean;
-  priceImpactCanNotBeComputed: boolean;
-  loading: boolean;
-  extraSpace: boolean;
-}
-
-type ModalPropTypesKeys = keyof Omit<
-  PropTypes,
-  'priceImpactCanNotBeComputed' | 'openModal' | 'extraSpace' | 'loading'
->;
-
-export type ModalPropTypes = Pick<PropTypes, ModalPropTypesKeys> & {
-  open: boolean;
-};
-
-export interface ModalContentData {
-  title: string;
-  value: string;
-  valueColor?: string;
-}

package/src/components/RouteErrors/RouteErrorsModal.tsx

@@ -1,129 +0,0 @@
-import type { ModalPropTypes } from './RouteErrors.types';
-
-import { i18n } from '@lingui/core';
-import {
-  Button,
-  Divider,
-  MessageBox,
-  Modal,
-  Typography,
-  WarningIcon,
-} from '@rango-dev/ui';
-import React from 'react';
-import { useNavigate } from 'react-router-dom';
-
-import { errorMessages } from '../../constants/errors';
-import { navigationRoutes } from '../../constants/navigationRoutes';
-import {
-  GAS_FEE_MAX_DECIMALS,
-  GAS_FEE_MIN_DECIMALS,
-  HIGHT_PRICE_IMPACT,
-  PERCENTAGE_CHANGE_MAX_DECIMALS,
-  PERCENTAGE_CHANGE_MIN_DECIMALS,
-  USD_VALUE_MAX_DECIMALS,
-  USD_VALUE_MIN_DECIMALS,
-} from '../../constants/routing';
-import { numberToString } from '../../utils/numbers';
-
-import { Flex } from './RouteErrors.styles';
-import { RouteErrorsModalItem } from './RouteErrorsModalItem';
-
-export function RouteErrorsModal(props: ModalPropTypes) {
-  const {
-    highValueLoss,
-    open,
-    onToggle,
-    percentageChange,
-    inputUsdValue,
-    outputUsdValue,
-    totalFeeInUsd,
-  } = props;
-  const navigate = useNavigate();
-  const type =
-    highValueLoss && !!percentageChange?.lt(HIGHT_PRICE_IMPACT)
-      ? 'error'
-      : 'warning';
-  const highValueLossData = [
-    {
-      title: i18n.t('Swapping'),
-      value: numberToString(
-        inputUsdValue,
-        USD_VALUE_MIN_DECIMALS,
-        USD_VALUE_MAX_DECIMALS
-      ),
-    },
-    {
-      title: i18n.t('Gas cost'),
-      value: numberToString(
-        totalFeeInUsd,
-        GAS_FEE_MIN_DECIMALS,
-        GAS_FEE_MAX_DECIMALS
-      ),
-    },
-    {
-      title: i18n.t('Receiving'),
-      value: numberToString(
-        outputUsdValue,
-        USD_VALUE_MIN_DECIMALS,
-        USD_VALUE_MAX_DECIMALS
-      ),
-    },
-    {
-      title: i18n.t('Price impact'),
-      value: numberToString(
-        percentageChange,
-        PERCENTAGE_CHANGE_MIN_DECIMALS,
-        PERCENTAGE_CHANGE_MAX_DECIMALS
-      ),
-      valueColor: `${type}500`,
-    },
-  ];
-
-  return (
-    <Modal
-      open={open}
-      onClose={() => onToggle(false)}
-      container={document.getElementById('swap-box') || document.body}>
-      {highValueLoss ? (
-        <MessageBox
-          type={type}
-          title={errorMessages().highValueLossError.impactTitle}
-          description={errorMessages().highValueLossError.description}
-        />
-      ) : (
-        <MessageBox
-          type={type}
-          title={errorMessages().unknownPriceError.impactTitle}
-          description={errorMessages().unknownPriceError.description}
-        />
-      )}
-      {highValueLoss && (
-        <Flex>
-          <Divider size={20} />
-          <Typography size="small" variant="title">
-            {i18n.t('Details')}
-          </Typography>
-          <Flex>
-            {highValueLossData.map((item, index) => {
-              const key = index;
-              return <RouteErrorsModalItem key={key} {...item} />;
-            })}
-          </Flex>
-        </Flex>
-      )}
-      <Divider size={32} />
-      <Button
-        type="primary"
-        size="large"
-        prefix={<WarningIcon />}
-        fullWidth
-        onClick={() => {
-          navigate(navigationRoutes.confirmSwap);
-        }}>
-        {highValueLoss
-          ? errorMessages().highValueLossError.confirmMessage
-          : errorMessages().unknownPriceError.confirmMessage}
-      </Button>
-    </Modal>
-  );
-}

package/src/components/RouteErrors/index.ts

@@ -1 +0,0 @@
-export { RouteErrors } from './RouteErrors';