@lifi/widget 1.26.4 → 1.27.0

package/types/widget.d.ts

@@ -2,19 +2,26 @@ import type { Signer } from '@ethersproject/abstract-signer';
 import type { ChainKey, ConfigUpdate, Order, RouteOptions, Token } from '@lifi/sdk';
 import type { PaletteMode, PaletteOptions, Shape } from '@mui/material';
 import type { TypographyOptions } from '@mui/material/styles/createTypography';
-import type { CSSProperties, RefObject } from 'react';
+import type { CSSProperties, ReactNode, RefObject } from 'react';
 import type { LanguageKey, LanguageResources } from '../providers';
 export type WidgetVariant = 'default' | 'expandable' | 'drawer' | 'refuel';
 export declare enum DisabledUI {
-    FromToken = "fromToken",
-    ToToken = "toToken",
     FromAmount = "fromAmount",
-    ToAddress = "toAddress"
+    FromToken = "fromToken",
+    ToAddress = "toAddress",
+    ToToken = "toToken"
 }
 export type DisabledUIType = `${DisabledUI}`;
+export declare enum HiddenUI {
+    Appearance = "appearance",
+    Language = "language",
+    PoweredBy = "poweredBy",
+    ToAddress = "toAddress"
+}
+export type HiddenUIType = `${HiddenUI}`;
 export type Appearance = PaletteMode | 'auto';
 export type ThemeConfig = {
-    palette?: Pick<PaletteOptions, 'primary' | 'secondary'>;
+    palette?: Pick<PaletteOptions, 'grey' | 'background' | 'text' | 'secondary' | 'primary'>;
     shape?: Shape;
     typography?: TypographyOptions;
 };
@@ -29,6 +36,14 @@ export interface WidgetWalletManagement {
 export interface SDKConfig extends Omit<ConfigUpdate, 'defaultExecutionSettings' | 'defaultRouteOptions' | 'disableVersionCheck'> {
     defaultRouteOptions?: Omit<RouteOptions, 'bridges' | 'exchanges'>;
 }
+export interface WidgetContract {
+    address: string;
+    callData: string;
+    gasLimit: string;
+    approvalAddress?: string;
+    outputToken?: string;
+    fallbackAddress?: string;
+}
 export interface WidgetConfig {
     fromChain?: `${ChainKey}` | number;
     toChain?: `${ChainKey}` | number;
@@ -36,6 +51,10 @@ export interface WidgetConfig {
     toToken?: string;
     toAddress?: string;
     fromAmount?: number | string;
+    toAmount?: number | string;
+    contract?: WidgetContract;
+    contractComponent?: ReactNode;
+    contractCompactComponent?: ReactNode;
     fee?: number;
     integrator?: string;
     referrer?: string;
@@ -45,9 +64,9 @@ export interface WidgetConfig {
     appearance?: Appearance;
     theme?: ThemeConfig;
     containerStyle?: CSSProperties;
-    disableAppearance?: boolean;
     disableTelemetry?: boolean;
     disabledUI?: DisabledUIType[];
+    hiddenUI?: HiddenUIType[];
     useRecommendedRoute?: boolean;
     walletManagement?: WidgetWalletManagement;
     sdkConfig?: SDKConfig;
@@ -76,13 +95,17 @@ export interface WidgetConfig {
     };
     languageResources?: LanguageResources;
     disableI18n?: boolean;
+    /** @deprecated Use hiddenUI: ['appearance'] instead */
+    disableAppearance?: boolean;
     /** @deprecated Use chains.deny instead */
     disabledChains?: number[];
     /** @deprecated Use tokens.featured instead */
     featuredTokens?: Token[];
 }
-export type WidgetProps = {
+export type WidgetDrawerProps = {
     elementRef?: RefObject<HTMLDivElement>;
-    config?: WidgetConfig;
     open?: boolean;
 };
+export type WidgetProps = WidgetDrawerProps & WidgetConfig & {
+    config?: WidgetConfig;
+};

package/types/widget.js

@@ -1,7 +1,14 @@
 export var DisabledUI;
 (function (DisabledUI) {
-    DisabledUI["FromToken"] = "fromToken";
-    DisabledUI["ToToken"] = "toToken";
     DisabledUI["FromAmount"] = "fromAmount";
+    DisabledUI["FromToken"] = "fromToken";
     DisabledUI["ToAddress"] = "toAddress";
+    DisabledUI["ToToken"] = "toToken";
 })(DisabledUI || (DisabledUI = {}));
+export var HiddenUI;
+(function (HiddenUI) {
+    HiddenUI["Appearance"] = "appearance";
+    HiddenUI["Language"] = "language";
+    HiddenUI["PoweredBy"] = "poweredBy";
+    HiddenUI["ToAddress"] = "toAddress";
+})(HiddenUI || (HiddenUI = {}));

package/cjs/components/SendToWallet/store.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSendToWalletStore = void 0;
-const zustand_1 = require("zustand");
-exports.useSendToWalletStore = (0, zustand_1.default)((set) => ({
-    showSendToWallet: false,
-    toggleSendToWallet: () => {
-        set((state) => ({
-            showSendToWallet: !state.showSendToWallet,
-        }));
-    },
-}));

package/cjs/components/SendToWallet/types.d.ts

@@ -1,6 +0,0 @@
-export interface SendToWalletState {
-    showSendToWallet: boolean;
-}
-export interface SendToWalletStore extends SendToWalletState {
-    toggleSendToWallet(): void;
-}

package/cjs/components/SendToWallet/types.js

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

package/components/SendToWallet/store.js

@@ -1,9 +0,0 @@
-import create from 'zustand';
-export const useSendToWalletStore = create((set) => ({
-    showSendToWallet: false,
-    toggleSendToWallet: () => {
-        set((state) => ({
-            showSendToWallet: !state.showSendToWallet,
-        }));
-    },
-}));

package/components/SendToWallet/types.d.ts

@@ -1,6 +0,0 @@
-export interface SendToWalletState {
-    showSendToWallet: boolean;
-}
-export interface SendToWalletStore extends SendToWalletState {
-    toggleSendToWallet(): void;
-}

package/components/SendToWallet/types.js

@@ -1 +0,0 @@
-export {};