@openocean.finance/widget 1.0.16 → 1.0.17

package/dist/esm/themes/watermelonLight.d.ts

@@ -0,0 +1,2 @@
+import type { WidgetTheme } from '../types/widget.js';
+export declare const watermelonLightTheme: WidgetTheme;

package/dist/esm/themes/watermelonLight.js

@@ -0,0 +1,63 @@
+export const watermelonLightTheme = {
+    palette: {
+        primary: {
+            main: '#f7557c',
+        },
+        secondary: {
+            main: '#027944',
+        },
+        background: {
+            default: '#ffeff3',
+            paper: '#ffffff',
+        },
+        text: {
+            primary: '#190006',
+            secondary: '#766066',
+        },
+        grey: {
+            200: '#F0E5E8',
+            300: '#E5D7DA',
+            700: '#7A666B',
+            800: '#58373F',
+        },
+    },
+    shape: {
+        borderRadius: 16,
+        borderRadiusSecondary: 16,
+        borderRadiusTertiary: 24,
+    },
+    typography: {
+        fontFamily: 'Inter, sans-serif',
+    },
+    container: {
+        boxShadow: '0px 8px 32px rgba(0, 0, 0, 0.12)',
+        borderRadius: '16px',
+    },
+    playground: {
+        background: '#f7557c',
+    },
+    components: {
+        MuiCard: {
+            defaultProps: { variant: 'elevation' },
+        },
+        // MuiIconButton: {
+        //   styleOverrides: {
+        //     root: ({ theme }) => ({
+        //       backgroundColor: alpha(theme.palette.common.white, 0.04),
+        //       color: 'inherit',
+        //       borderRadius: theme.shape.borderRadiusSecondary,
+        //       '&:hover': {
+        //         backgroundColor: alpha(
+        //           theme.palette.mode === 'light'
+        //             ? theme.palette.common.black
+        //             : theme.palette.common.white,
+        //           0.08,
+        //         ),
+        //         color: 'inherit',
+        //       },
+        //     }),
+        //   },
+        // },
+    },
+};
+//# sourceMappingURL=watermelonLight.js.map

package/dist/esm/themes/watermelonLight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"watermelonLight.js","sourceRoot":"","sources":["../../../src/themes/watermelonLight.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,oBAAoB,GAAgB;IAC/C,OAAO,EAAE;QACP,OAAO,EAAE;YACP,IAAI,EAAE,SAAS;SAChB;QACD,SAAS,EAAE;YACT,IAAI,EAAE,SAAS;SAChB;QACD,UAAU,EAAE;YACV,OAAO,EAAE,SAAS;YAClB,KAAK,EAAE,SAAS;SACjB;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,SAAS;YAClB,SAAS,EAAE,SAAS;SACrB;QACD,IAAI,EAAE;YACJ,GAAG,EAAE,SAAS;YACd,GAAG,EAAE,SAAS;YACd,GAAG,EAAE,SAAS;YACd,GAAG,EAAE,SAAS;SACf;KACF;IACD,KAAK,EAAE;QACL,YAAY,EAAE,EAAE;QAChB,qBAAqB,EAAE,EAAE;QACzB,oBAAoB,EAAE,EAAE;KACzB;IACD,UAAU,EAAE;QACV,UAAU,EAAE,mBAAmB;KAChC;IACD,SAAS,EAAE;QACT,SAAS,EAAE,kCAAkC;QAC7C,YAAY,EAAE,MAAM;KACrB;IACD,UAAU,EAAE;QACV,UAAU,EAAE,SAAS;KACtB;IACD,UAAU,EAAE;QACV,OAAO,EAAE;YACP,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;SACvC;QACD,mBAAmB;QACnB,sBAAsB;QACtB,8BAA8B;QAC9B,kEAAkE;QAClE,0BAA0B;QAC1B,yDAAyD;QACzD,qBAAqB;QACrB,kCAAkC;QAClC,2CAA2C;QAC3C,2CAA2C;QAC3C,4CAA4C;QAC5C,kBAAkB;QAClB,aAAa;QACb,4BAA4B;QAC5B,WAAW;QACX,UAAU;QACV,OAAO;QACP,KAAK;KACN;CACa,CAAA"}

package/dist/esm/themes/windows95.d.ts

@@ -0,0 +1,2 @@
+import type { WidgetTheme } from '../types/widget.js';
+export declare const windows95Theme: WidgetTheme;

package/dist/esm/themes/windows95.js

@@ -0,0 +1,95 @@
+export const windows95Theme = {
+    palette: {
+        primary: {
+            main: '#0000ff',
+        },
+        secondary: {
+            main: '#f7c303',
+        },
+        text: {
+            primary: '#30313d',
+            secondary: '#6d6e78',
+        },
+        background: {
+            default: '#c0c9d2',
+            paper: '#dfdfdf',
+        },
+        grey: {
+            300: '#bbbbbb',
+        },
+    },
+    shape: {
+        borderRadius: 0,
+        borderRadiusSecondary: 0,
+        borderRadiusTertiary: 0,
+    },
+    container: {
+        border: '1px solid #0a0a0a',
+    },
+    navigation: {
+        edge: false,
+    },
+    playground: {
+        background: '#008080',
+    },
+    components: {
+        MuiButton: {
+            styleOverrides: {
+                root: {
+                    boxShadow: 'inset -1px -1px #0a0a0a, inset 1px 1px #ffffff, inset -2px -2px #808080, inset 2px 2px #dfdfdf',
+                    '&:hover': {
+                        boxShadow: 'inset -1px -1px #0a0a0a, inset 1px 1px #ffffff, inset -2px -2px #808080, inset 2px 2px #dfdfdf',
+                    },
+                },
+            },
+        },
+        MuiCard: {
+            defaultProps: {
+                variant: 'outlined',
+            },
+            styleOverrides: {
+                root: {
+                    boxShadow: 'inset -1px -1px #0a0a0a, inset 1px 1px #ffffff, inset -2px -2px #808080, inset 2px 2px #dfdfdf',
+                    borderWidth: 0,
+                    '&:hover': {
+                        cursor: 'pointer',
+                        backgroundColor: '#cccccc',
+                    },
+                },
+            },
+            variants: [
+                {
+                    props: { variant: 'outlined' },
+                    style: {
+                        borderWidth: 0,
+                    },
+                },
+            ],
+        },
+        MuiInputCard: {
+            styleOverrides: {
+                root: {
+                    backgroundColor: '#ffffff',
+                    boxShadow: 'inset -1px -1px #ffffff, inset 1px 1px #0a0a0a, inset -2px -2px #dfdfdf, inset 2px 2px #808080',
+                },
+            },
+        },
+        MuiIconButton: {
+            defaultProps: {
+            // disableRipple: true,
+            },
+            styleOverrides: {
+                root: {
+                    borderRadius: 0,
+                    boxShadow: 'inset -1px -1px #0a0a0a, inset 1px 1px #ffffff, inset -2px -2px #808080, inset 2px 2px #dfdfdf',
+                    backgroundColor: '#dfdfdf',
+                    '&:hover': {
+                        color: 'inherit',
+                        backgroundColor: '#cccccc',
+                    },
+                },
+            },
+        },
+    },
+};
+//# sourceMappingURL=windows95.js.map

package/dist/esm/themes/windows95.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"windows95.js","sourceRoot":"","sources":["../../../src/themes/windows95.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,cAAc,GAAgB;IACzC,OAAO,EAAE;QACP,OAAO,EAAE;YACP,IAAI,EAAE,SAAS;SAChB;QACD,SAAS,EAAE;YACT,IAAI,EAAE,SAAS;SAChB;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,SAAS;YAClB,SAAS,EAAE,SAAS;SACrB;QACD,UAAU,EAAE;YACV,OAAO,EAAE,SAAS;YAClB,KAAK,EAAE,SAAS;SACjB;QACD,IAAI,EAAE;YACJ,GAAG,EAAE,SAAS;SACf;KACF;IACD,KAAK,EAAE;QACL,YAAY,EAAE,CAAC;QACf,qBAAqB,EAAE,CAAC;QACxB,oBAAoB,EAAE,CAAC;KACxB;IACD,SAAS,EAAE;QACT,MAAM,EAAE,mBAAmB;KAC5B;IACD,UAAU,EAAE;QACV,IAAI,EAAE,KAAK;KACZ;IACD,UAAU,EAAE;QACV,UAAU,EAAE,SAAS;KACtB;IACD,UAAU,EAAE;QACV,SAAS,EAAE;YACT,cAAc,EAAE;gBACd,IAAI,EAAE;oBACJ,SAAS,EACP,gGAAgG;oBAClG,SAAS,EAAE;wBACT,SAAS,EACP,gGAAgG;qBACnG;iBACF;aACF;SACF;QACD,OAAO,EAAE;YACP,YAAY,EAAE;gBACZ,OAAO,EAAE,UAAU;aACpB;YACD,cAAc,EAAE;gBACd,IAAI,EAAE;oBACJ,SAAS,EACP,gGAAgG;oBAClG,WAAW,EAAE,CAAC;oBACd,SAAS,EAAE;wBACT,MAAM,EAAE,SAAS;wBACjB,eAAe,EAAE,SAAS;qBAC3B;iBACF;aACF;YACD,QAAQ,EAAE;gBACR;oBACE,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE;oBAC9B,KAAK,EAAE;wBACL,WAAW,EAAE,CAAC;qBACf;iBACF;aACF;SACF;QACD,YAAY,EAAE;YACZ,cAAc,EAAE;gBACd,IAAI,EAAE;oBACJ,eAAe,EAAE,SAAS;oBAC1B,SAAS,EACP,gGAAgG;iBACnG;aACF;SACF;QACD,aAAa,EAAE;YACb,YAAY,EAAE;YACZ,uBAAuB;aACxB;YACD,cAAc,EAAE;gBACd,IAAI,EAAE;oBACJ,YAAY,EAAE,CAAC;oBACf,SAAS,EACP,gGAAgG;oBAClG,eAAe,EAAE,SAAS;oBAC1B,SAAS,EAAE;wBACT,KAAK,EAAE,SAAS;wBAChB,eAAe,EAAE,SAAS;qBAC3B;iBACF;aACF;SACF;KACF;CACF,CAAA"}

package/dist/esm/types/events.d.ts

@@ -0,0 +1,101 @@
+import type { ChainId, ChainType, Process, Route } from '@openocean.finance/widget-sdk';
+import type { DefaultValues } from '../stores/form/types.js';
+import type { SettingsProps } from '../stores/settings/types.js';
+import type { NavigationRouteType } from '../utils/navigationRoutes.js';
+import type { TokenAmount } from './token.js';
+export declare enum WidgetEvent {
+    RouteExecutionStarted = "routeExecutionStarted",
+    RouteExecutionUpdated = "routeExecutionUpdated",
+    RouteExecutionCompleted = "routeExecutionCompleted",
+    RouteExecutionFailed = "routeExecutionFailed",
+    RouteHighValueLoss = "routeHighValueLoss",
+    RouteSelected = "routeSelected",
+    AvailableRoutes = "availableRoutes",
+    ContactSupport = "contactSupport",
+    SourceChainTokenSelected = "sourceChainTokenSelected",
+    DestinationChainTokenSelected = "destinationChainTokenSelected",
+    SendToWalletToggled = "sendToWalletToggled",
+    /**
+     * @deprecated Use `PageEntered` event instead.
+     */
+    ReviewTransactionPageEntered = "reviewTransactionPageEntered",
+    /**
+     * @deprecated use useWalletManagementEvents hook.
+     */
+    WalletConnected = "walletConnected",
+    WidgetExpanded = "widgetExpanded",
+    PageEntered = "pageEntered",
+    FormFieldChanged = "formFieldChanged",
+    SettingUpdated = "settingUpdated",
+    TokenSearch = "tokenSearch",
+    LowAddressActivityConfirmed = "lowAddressActivityConfirmed"
+}
+export type WidgetEvents = {
+    routeExecutionStarted: Route;
+    routeExecutionUpdated: RouteExecutionUpdate;
+    routeExecutionCompleted: Route;
+    routeExecutionFailed: RouteExecutionUpdate;
+    routeHighValueLoss: RouteHighValueLossUpdate;
+    routeSelected: RouteSelected;
+    availableRoutes: Route[];
+    contactSupport: ContactSupport;
+    sourceChainTokenSelected: ChainTokenSelected;
+    destinationChainTokenSelected: ChainTokenSelected;
+    sendToWalletToggled: boolean;
+    formFieldChanged: FormFieldChanged;
+    reviewTransactionPageEntered?: Route;
+    walletConnected: WalletConnected;
+    widgetExpanded: boolean;
+    pageEntered: NavigationRouteType;
+    settingUpdated: SettingUpdated;
+    tokenSearch: TokenSearch;
+    [WidgetEvent.LowAddressActivityConfirmed]: {
+        address: string;
+        chainId: number;
+    };
+};
+export type ContactSupport = {
+    supportId?: string;
+};
+export type RouteHighValueLossUpdate = {
+    fromAmountUSD: number;
+    toAmountUSD: number;
+    gasCostUSD?: number;
+    feeCostUSD?: number;
+    valueLoss: number;
+};
+export type RouteExecutionUpdate = {
+    route: Route;
+    process: Process;
+};
+export type RouteSelected = {
+    route: Route;
+    routes: Route[];
+};
+export type TokenSearch = {
+    value: string;
+    tokens: TokenAmount[];
+};
+export type ChainTokenSelected = {
+    chainId: ChainId;
+    tokenAddress: string;
+};
+export type WalletConnected = {
+    address?: string;
+    chainId?: number;
+    chainType?: ChainType;
+};
+export type FormFieldChanged = {
+    [K in keyof DefaultValues]: {
+        fieldName: K;
+        newValue: DefaultValues[K];
+        oldValue: DefaultValues[K];
+    };
+}[keyof DefaultValues];
+export type SettingUpdated<K extends keyof SettingsProps = keyof SettingsProps> = {
+    setting: K;
+    newValue: SettingsProps[K];
+    oldValue: SettingsProps[K];
+    newSettings: SettingsProps;
+    oldSettings: SettingsProps;
+};

package/dist/esm/types/events.js

@@ -0,0 +1,29 @@
+export var WidgetEvent;
+(function (WidgetEvent) {
+    WidgetEvent["RouteExecutionStarted"] = "routeExecutionStarted";
+    WidgetEvent["RouteExecutionUpdated"] = "routeExecutionUpdated";
+    WidgetEvent["RouteExecutionCompleted"] = "routeExecutionCompleted";
+    WidgetEvent["RouteExecutionFailed"] = "routeExecutionFailed";
+    WidgetEvent["RouteHighValueLoss"] = "routeHighValueLoss";
+    WidgetEvent["RouteSelected"] = "routeSelected";
+    WidgetEvent["AvailableRoutes"] = "availableRoutes";
+    WidgetEvent["ContactSupport"] = "contactSupport";
+    WidgetEvent["SourceChainTokenSelected"] = "sourceChainTokenSelected";
+    WidgetEvent["DestinationChainTokenSelected"] = "destinationChainTokenSelected";
+    WidgetEvent["SendToWalletToggled"] = "sendToWalletToggled";
+    /**
+     * @deprecated Use `PageEntered` event instead.
+     */
+    WidgetEvent["ReviewTransactionPageEntered"] = "reviewTransactionPageEntered";
+    /**
+     * @deprecated use useWalletManagementEvents hook.
+     */
+    WidgetEvent["WalletConnected"] = "walletConnected";
+    WidgetEvent["WidgetExpanded"] = "widgetExpanded";
+    WidgetEvent["PageEntered"] = "pageEntered";
+    WidgetEvent["FormFieldChanged"] = "formFieldChanged";
+    WidgetEvent["SettingUpdated"] = "settingUpdated";
+    WidgetEvent["TokenSearch"] = "tokenSearch";
+    WidgetEvent["LowAddressActivityConfirmed"] = "lowAddressActivityConfirmed";
+})(WidgetEvent || (WidgetEvent = {}));
+//# sourceMappingURL=events.js.map

package/dist/esm/types/events.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"events.js","sourceRoot":"","sources":["../../../src/types/events.ts"],"names":[],"mappings":"AAWA,MAAM,CAAN,IAAY,WA0BX;AA1BD,WAAY,WAAW;IACrB,8DAA+C,CAAA;IAC/C,8DAA+C,CAAA;IAC/C,kEAAmD,CAAA;IACnD,4DAA6C,CAAA;IAC7C,wDAAyC,CAAA;IACzC,8CAA+B,CAAA;IAC/B,kDAAmC,CAAA;IACnC,gDAAiC,CAAA;IACjC,oEAAqD,CAAA;IACrD,8EAA+D,CAAA;IAC/D,0DAA2C,CAAA;IAC3C;;OAEG;IACH,4EAA6D,CAAA;IAC7D;;OAEG;IACH,kDAAmC,CAAA;IACnC,gDAAiC,CAAA;IACjC,0CAA2B,CAAA;IAC3B,oDAAqC,CAAA;IACrC,gDAAiC,CAAA;IACjC,0CAA2B,CAAA;IAC3B,0EAA2D,CAAA;AAC7D,CAAC,EA1BW,WAAW,KAAX,WAAW,QA0BtB"}

package/dist/esm/types/token.d.ts

@@ -0,0 +1,5 @@
+import type { TokenAmount as SDKTokenAmount } from '@openocean.finance/widget-sdk';
+export interface TokenAmount extends SDKTokenAmount {
+    featured?: boolean;
+    popular?: boolean;
+}

package/dist/esm/types/token.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=token.js.map

package/dist/esm/types/token.js.map

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

package/dist/esm/types/widget.d.ts

@@ -0,0 +1,227 @@
+import type { Components, PaletteMode, PaletteOptions, Shape, SxProps, Theme } from '@mui/material';
+import type { TypographyOptions } from '@mui/material/styles/createTypography.js';
+import type { BaseToken, ChainType, ContractCall, Order, RouteOptions, SDKConfig, StaticToken, Token } from '@openocean.finance/widget-sdk';
+import type { CSSProperties, MutableRefObject, ReactNode, RefObject } from 'react';
+import type { CoinbaseWalletParameters, MetaMaskParameters, WalletConnectParameters } from 'wagmi/connectors';
+import type { LanguageKey, LanguageResources } from '../providers/I18nProvider/types.js';
+import type { DefaultFieldValues } from '../stores/form/types.js';
+export type WidgetVariant = 'compact' | 'wide' | 'drawer';
+export type WidgetSubvariant = 'default' | 'bridge' | 'split' | 'custom' | 'refuel';
+export type SplitSubvariant = 'bridge' | 'swap';
+export type CustomSubvariant = 'checkout' | 'deposit';
+export interface SubvariantOptions {
+    split?: SplitSubvariant;
+    custom?: CustomSubvariant;
+}
+export type Appearance = PaletteMode | 'auto';
+export interface NavigationProps {
+    /**
+     * If given, uses a negative margin to counteract the padding on sides for navigation elements like icon buttons.
+     * @default true
+     */
+    edge?: boolean;
+}
+export type WidgetThemeComponents = Pick<Components<Theme>, 'MuiAppBar' | 'MuiAvatar' | 'MuiButton' | 'MuiCard' | 'MuiIconButton' | 'MuiInputCard' | 'MuiTabs' | 'MuiTypography'>;
+export type WidgetTheme = {
+    palette?: Pick<PaletteOptions, 'background' | 'grey' | 'primary' | 'secondary' | 'text'>;
+    shape?: Partial<Shape>;
+    typography?: TypographyOptions;
+    components?: WidgetThemeComponents;
+    container?: CSSProperties;
+    header?: CSSProperties;
+    playground?: CSSProperties;
+    navigation?: NavigationProps;
+};
+export declare enum DisabledUI {
+    FromAmount = "fromAmount",
+    FromToken = "fromToken",
+    ToAddress = "toAddress",
+    ToToken = "toToken"
+}
+export type DisabledUIType = `${DisabledUI}`;
+export declare enum HiddenUI {
+    Appearance = "appearance",
+    DrawerCloseButton = "drawerCloseButton",
+    History = "history",
+    Language = "language",
+    PoweredBy = "poweredBy",
+    ToAddress = "toAddress",
+    ToToken = "toToken",
+    WalletMenu = "walletMenu",
+    IntegratorStepDetails = "integratorStepDetails",
+    ReverseTokensButton = "reverseTokensButton",
+    RouteTokenDescription = "routeTokenDescription"
+}
+export type HiddenUIType = `${HiddenUI}`;
+export declare enum RequiredUI {
+    ToAddress = "toAddress"
+}
+export type RequiredUIType = `${RequiredUI}`;
+export interface WidgetWalletConfig {
+    onConnect?(): void;
+    walletConnect?: WalletConnectParameters;
+    coinbase?: CoinbaseWalletParameters;
+    metaMask?: MetaMaskParameters;
+    /**
+     * Determines whether the widget should provide partial wallet management functionality.
+     *
+     * In partial mode, external wallet management will be used for "opt-out" providers,
+     * while the internal management is applied for any remaining providers that do not opt out.
+     * This allows a flexible balance between the integrator's custom wallet menu and the widget's native wallet menu.
+     * @default false
+     */
+    usePartialWalletManagement?: boolean;
+}
+export interface WidgetSDKConfig extends Omit<SDKConfig, 'apiKey' | 'disableVersionCheck' | 'integrator' | 'routeOptions' | 'widgetVersion'> {
+    routeOptions?: Omit<RouteOptions, 'bridges' | 'exchanges'>;
+}
+export interface WidgetContractTool {
+    name: string;
+    logoURI: string;
+}
+export interface CalculateFeeParams {
+    fromChainId: number;
+    toChainId: number;
+    fromTokenAddress: string;
+    toTokenAddress: string;
+    fromAddress?: string;
+    toAddress?: string;
+    fromAmount?: bigint;
+    toAmount?: bigint;
+    slippage?: number;
+}
+export interface WidgetFeeConfig {
+    name?: string;
+    logoURI?: string;
+    fee?: number;
+    /**
+     * Function to calculate fees before fetching quotes.
+     * If provided, this function will be used instead of the `fee` parameter.
+     * Only one of `fee` or `calculateFee` should be used.
+     *
+     * @param params Object containing the fee calculation parameters
+     * @returns A promise that resolves to the calculated fee as a number (e.g., 0.03 represents a 3% fee)
+     */
+    calculateFee?(params: CalculateFeeParams): Promise<number | undefined>;
+}
+export interface ToAddress {
+    name?: string;
+    address: string;
+    chainType: ChainType;
+    logoURI?: string;
+}
+export interface AllowDeny<T> {
+    allow?: T[];
+    deny?: T[];
+}
+export type WidgetChains = {
+    from?: AllowDeny<number>;
+    to?: AllowDeny<number>;
+    types?: AllowDeny<ChainType>;
+} & AllowDeny<number>;
+export type WidgetTokens = {
+    featured?: StaticToken[];
+    include?: Token[];
+    popular?: StaticToken[];
+} & AllowDeny<BaseToken>;
+export type WidgetLanguages = {
+    default?: LanguageKey;
+} & AllowDeny<LanguageKey>;
+export type PoweredByType = 'default' | 'jumper';
+export interface RouteLabel {
+    text: string;
+    sx?: SxProps<Theme>;
+}
+export interface RouteLabelRule {
+    label: RouteLabel;
+    bridges?: AllowDeny<string>;
+    exchanges?: AllowDeny<string>;
+    fromChainId?: number[];
+    toChainId?: number[];
+    fromTokenAddress?: string[];
+    toTokenAddress?: string[];
+}
+export interface WidgetConfig {
+    fromChain?: number;
+    toChain?: number;
+    fromToken?: string;
+    toToken?: string;
+    toAddress?: ToAddress;
+    toAddresses?: ToAddress[];
+    fromAmount?: number | string;
+    toAmount?: number | string;
+    formUpdateKey?: string;
+    contractCalls?: ContractCall[];
+    contractComponent?: ReactNode;
+    contractSecondaryComponent?: ReactNode;
+    contractCompactComponent?: ReactNode;
+    contractTool?: WidgetContractTool;
+    integrator: string;
+    apiKey?: string;
+    fee?: number;
+    feeConfig?: WidgetFeeConfig;
+    referrer?: {
+        address: string;
+        fee: string;
+    };
+    routePriority?: Order;
+    slippage?: number;
+    variant?: WidgetVariant;
+    subvariant?: WidgetSubvariant;
+    subvariantOptions?: SubvariantOptions;
+    appearance?: Appearance;
+    theme?: WidgetTheme;
+    disabledUI?: DisabledUIType[];
+    hiddenUI?: HiddenUIType[];
+    requiredUI?: RequiredUIType[];
+    useRecommendedRoute?: boolean;
+    useRelayerRoutes?: boolean;
+    walletConfig?: WidgetWalletConfig;
+    sdkConfig?: WidgetSDKConfig;
+    buildUrl?: boolean;
+    keyPrefix?: string;
+    bridges?: AllowDeny<string>;
+    exchanges?: AllowDeny<string>;
+    chains?: WidgetChains;
+    tokens?: WidgetTokens;
+    languages?: WidgetLanguages;
+    languageResources?: LanguageResources;
+    explorerUrls?: Record<number, string[]> & Partial<Record<'internal', string[]>>;
+    poweredBy?: PoweredByType;
+    /**
+     * Custom labels/badges to show on routes based on specified rules
+     */
+    routeLabels?: RouteLabelRule[];
+}
+export interface FormFieldOptions {
+    setUrlSearchParam: boolean;
+}
+export interface FieldValues extends Omit<DefaultFieldValues, 'fromAmount' | 'toAmount' | 'toAddress'> {
+    fromAmount?: number | string;
+    toAmount?: number | string;
+    toAddress?: ToAddress | string;
+}
+export type FieldNames = keyof FieldValues;
+export type SetFieldValueFunction = <K extends FieldNames>(key: K, value: FieldValues[K], options?: FormFieldOptions) => void;
+export type FormState = {
+    setFieldValue: SetFieldValueFunction;
+};
+export type FormRef = MutableRefObject<FormState | null>;
+export interface FormRefProps {
+    formRef?: FormRef;
+}
+export interface WidgetConfigProps extends FormRefProps {
+    config: WidgetConfig;
+}
+export interface WidgetConfigPartialProps {
+    config?: Partial<WidgetConfig>;
+}
+export type WidgetProps = WidgetDrawerProps & WidgetConfig & WidgetConfigPartialProps & FormRefProps;
+export interface WidgetDrawerProps extends WidgetConfigPartialProps {
+    elementRef?: RefObject<HTMLDivElement>;
+    open?: boolean;
+    /**
+     * Make sure to make the onClose callback stable (e.g. using useCallback) to avoid causing re-renders of the entire widget
+     */
+    onClose?(): void;
+}

package/dist/esm/types/widget.js

@@ -0,0 +1,26 @@
+export var DisabledUI;
+(function (DisabledUI) {
+    DisabledUI["FromAmount"] = "fromAmount";
+    DisabledUI["FromToken"] = "fromToken";
+    DisabledUI["ToAddress"] = "toAddress";
+    DisabledUI["ToToken"] = "toToken";
+})(DisabledUI || (DisabledUI = {}));
+export var HiddenUI;
+(function (HiddenUI) {
+    HiddenUI["Appearance"] = "appearance";
+    HiddenUI["DrawerCloseButton"] = "drawerCloseButton";
+    HiddenUI["History"] = "history";
+    HiddenUI["Language"] = "language";
+    HiddenUI["PoweredBy"] = "poweredBy";
+    HiddenUI["ToAddress"] = "toAddress";
+    HiddenUI["ToToken"] = "toToken";
+    HiddenUI["WalletMenu"] = "walletMenu";
+    HiddenUI["IntegratorStepDetails"] = "integratorStepDetails";
+    HiddenUI["ReverseTokensButton"] = "reverseTokensButton";
+    HiddenUI["RouteTokenDescription"] = "routeTokenDescription";
+})(HiddenUI || (HiddenUI = {}));
+export var RequiredUI;
+(function (RequiredUI) {
+    RequiredUI["ToAddress"] = "toAddress";
+})(RequiredUI || (RequiredUI = {}));
+//# sourceMappingURL=widget.js.map

package/dist/esm/types/widget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"widget.js","sourceRoot":"","sources":["../../../src/types/widget.ts"],"names":[],"mappings":"AAoFA,MAAM,CAAN,IAAY,UAKX;AALD,WAAY,UAAU;IACpB,uCAAyB,CAAA;IACzB,qCAAuB,CAAA;IACvB,qCAAuB,CAAA;IACvB,iCAAmB,CAAA;AACrB,CAAC,EALW,UAAU,KAAV,UAAU,QAKrB;AAGD,MAAM,CAAN,IAAY,QAYX;AAZD,WAAY,QAAQ;IAClB,qCAAyB,CAAA;IACzB,mDAAuC,CAAA;IACvC,+BAAmB,CAAA;IACnB,iCAAqB,CAAA;IACrB,mCAAuB,CAAA;IACvB,mCAAuB,CAAA;IACvB,+BAAmB,CAAA;IACnB,qCAAyB,CAAA;IACzB,2DAA+C,CAAA;IAC/C,uDAA2C,CAAA;IAC3C,2DAA+C,CAAA;AACjD,CAAC,EAZW,QAAQ,KAAR,QAAQ,QAYnB;AAGD,MAAM,CAAN,IAAY,UAEX;AAFD,WAAY,UAAU;IACpB,qCAAuB,CAAA;AACzB,CAAC,EAFW,UAAU,KAAV,UAAU,QAErB"}

package/dist/esm/utils/chainType.d.ts

@@ -0,0 +1,8 @@
+import { ChainId, ChainType } from '@openocean.finance/widget-sdk';
+export declare const getChainTypeFromAddress: (address: string) => ChainType | undefined;
+export declare const defaultChainIdsByType: {
+    EVM: ChainId;
+    SVM: ChainId;
+    UTXO: ChainId;
+    MVM: ChainId;
+};

package/dist/esm/utils/chainType.js

@@ -0,0 +1,24 @@
+import { isUTXOAddress } from '@bigmi/core';
+import { ChainId, ChainType, isSVMAddress } from '@openocean.finance/widget-sdk';
+import { isAddress as isEVMAddress } from 'viem';
+const chainTypeAddressValidation = {
+    [ChainType.EVM]: isEVMAddress,
+    [ChainType.SVM]: isSVMAddress,
+    [ChainType.UTXO]: isUTXOAddress,
+    [ChainType.MVM]: () => false,
+};
+export const getChainTypeFromAddress = (address) => {
+    for (const chainType in chainTypeAddressValidation) {
+        const isChainType = chainTypeAddressValidation[chainType](address);
+        if (isChainType) {
+            return chainType;
+        }
+    }
+};
+export const defaultChainIdsByType = {
+    [ChainType.EVM]: ChainId.ETH,
+    [ChainType.SVM]: ChainId.SOL,
+    [ChainType.UTXO]: ChainId.BTC,
+    [ChainType.MVM]: ChainId.SUI,
+};
+//# sourceMappingURL=chainType.js.map

package/dist/esm/utils/chainType.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chainType.js","sourceRoot":"","sources":["../../../src/utils/chainType.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAC3C,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAChF,OAAO,EAAE,SAAS,IAAI,YAAY,EAAE,MAAM,MAAM,CAAA;AAEhD,MAAM,0BAA0B,GAAG;IACjC,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,YAAY;IAC7B,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,YAAY;IAC7B,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,aAAa;IAC/B,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,KAAK;CAC7B,CAAA;AAED,MAAM,CAAC,MAAM,uBAAuB,GAAG,CACrC,OAAe,EACQ,EAAE;IACzB,KAAK,MAAM,SAAS,IAAI,0BAA0B,EAAE,CAAC;QACnD,MAAM,WAAW,GACf,0BAA0B,CAAC,SAAsB,CAAC,CAAC,OAAO,CAAC,CAAA;QAC7D,IAAI,WAAW,EAAE,CAAC;YAChB,OAAO,SAAsB,CAAA;QAC/B,CAAC;IACH,CAAC;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACnC,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC,GAAG;IAC5B,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC,GAAG;IAC5B,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,GAAG;IAC7B,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC,GAAG;CAC7B,CAAA"}

package/dist/esm/utils/colors.d.ts

@@ -0,0 +1,15 @@
+import type { Theme } from '@mui/material';
+export declare const getContrastAlphaColor: (theme: Theme, value: number) => string;
+export declare const getWarningBackgroundColor: (theme: Theme) => string;
+export declare const getInfoBackgroundColor: (theme: Theme) => string;
+/**
+ * https://github.com/mui/material-ui/blob/next/packages/mui-system/src/colorManipulator/colorManipulator.js
+ * Blend a transparent overlay color with a background color, resulting in a single
+ * RGB color.
+ * Remove in favor of MUI one once the next major version is released.
+ * @param {string} background - CSS color
+ * @param {string} overlay - CSS color
+ * @param {number} opacity - Opacity multiplier in the range 0 - 1
+ * @param {number} [gamma=1.0] - Gamma correction factor. For gamma-correct blending, 2.2 is usual.
+ */
+export declare function blend(background: string, overlay: string, opacity: number, gamma?: number): string;