@lifi/widget 3.7.0-beta.6 → 3.7.0

package/providers/WalletProvider/SDKProviders.tsx

@@ -1,24 +1,16 @@
 import type { SDKProvider } from '@lifi/sdk';
-import { ChainType, EVM, Solana, UTXO, config } from '@lifi/sdk';
-import {
-  getConnectorClient as getBigmiConnectorClient,
-  useConfig as useBigmiConfig,
-} from '@lifi/wallet-management';
+import { ChainType, EVM, Solana, config } from '@lifi/sdk';
 import type { SignerWalletAdapter } from '@solana/wallet-adapter-base';
 import { useWallet } from '@solana/wallet-adapter-react';
-import {
-  getConnectorClient as getWagmiConnectorClient,
-  switchChain,
-} from '@wagmi/core';
+import { getWalletClient, switchChain } from '@wagmi/core';
 import { useEffect } from 'react';
-import { useConfig as useWagmiConfig } from 'wagmi';
+import { useConfig } from 'wagmi';
 import { useWidgetConfig } from '../WidgetProvider/WidgetProvider.js';
 
 export const SDKProviders = () => {
   const { sdkConfig } = useWidgetConfig();
   const { wallet } = useWallet();
-  const wagmiConfig = useWagmiConfig();
-  const bigmiConfig = useBigmiConfig();
+  const wagmiConfig = useConfig();
 
   useEffect(() => {
     // Configure SDK Providers
@@ -29,16 +21,13 @@ export const SDKProviders = () => {
     const hasConfiguredSVMProvider = sdkConfig?.providers?.some(
       (provider) => provider.type === ChainType.SVM,
     );
-    const hasConfiguredUTXOProvider = sdkConfig?.providers?.some(
-      (provider) => provider.type === ChainType.UTXO,
-    );
     if (!hasConfiguredEVMProvider) {
       providers.push(
         EVM({
-          getWalletClient: () => getWagmiConnectorClient(wagmiConfig),
+          getWalletClient: () => getWalletClient(wagmiConfig),
           switchChain: async (chainId: number) => {
             const chain = await switchChain(wagmiConfig, { chainId });
-            return getWagmiConnectorClient(wagmiConfig, { chainId: chain.id });
+            return getWalletClient(wagmiConfig, { chainId: chain.id });
           },
         }),
       );
@@ -52,18 +41,11 @@ export const SDKProviders = () => {
         }),
       );
     }
-    if (!hasConfiguredUTXOProvider) {
-      providers.push(
-        UTXO({
-          getWalletClient: () => getBigmiConnectorClient(bigmiConfig),
-        }),
-      );
-    }
     if (sdkConfig?.providers?.length) {
       providers.push(...sdkConfig?.providers);
     }
     config.setProviders(providers);
-  }, [bigmiConfig, sdkConfig?.providers, wagmiConfig, wallet?.adapter]);
+  }, [sdkConfig?.providers, wagmiConfig, wallet?.adapter]);
 
   return null;
 };

package/providers/WalletProvider/WalletProvider.tsx

@@ -1,36 +1,15 @@
-import type { WalletManagementConfig } from '@lifi/wallet-management';
-import { WalletManagementProvider } from '@lifi/wallet-management';
-import { useMemo, type FC, type PropsWithChildren } from 'react';
-import { useTranslation } from 'react-i18next';
-import { useWidgetConfig } from '../WidgetProvider/WidgetProvider.js';
+import { type FC, type PropsWithChildren } from 'react';
 import { EVMProvider } from './EVMProvider.js';
 import { SDKProviders } from './SDKProviders.js';
 import { SVMProvider } from './SVMProvider.js';
-import { UTXOProvider } from './UTXOProvider.js';
 
 export const WalletProvider: FC<PropsWithChildren> = ({ children }) => {
   return (
     <EVMProvider>
       <SVMProvider>
-        <UTXOProvider>
-          <SDKProviders />
-          <WalletMenuProvider>{children}</WalletMenuProvider>
-        </UTXOProvider>
+        <SDKProviders />
+        {children}
       </SVMProvider>
     </EVMProvider>
   );
 };
-
-export const WalletMenuProvider: FC<PropsWithChildren> = ({ children }) => {
-  const { walletConfig } = useWidgetConfig();
-  const { i18n } = useTranslation();
-
-  const config: WalletManagementConfig = useMemo(() => {
-    return { locale: i18n.resolvedLanguage as never, ...walletConfig };
-  }, [i18n.resolvedLanguage, walletConfig]);
-  return (
-    <WalletManagementProvider config={config}>
-      {children}
-    </WalletManagementProvider>
-  );
-};

package/providers/WalletProvider/useHasExternalWalletProvider.ts

@@ -2,35 +2,29 @@ import { ChainType } from '@lifi/sdk';
 import { useContext, useMemo } from 'react';
 import { EVMExternalContext } from './EVMExternalContext.js';
 import { SVMExternalContext } from './SVMExternalContext.js';
-import { UTXOExternalContext } from './UTXOExternalContext.js';
 
 interface ExternalWalletProvider {
   hasExternalProvider: boolean;
-  availableChainTypes: ChainType[];
+  providers: ChainType[];
 }
 
 export function useHasExternalWalletProvider(): ExternalWalletProvider {
   const hasExternalEVMContext = useContext(EVMExternalContext);
   const hasExternalSVMContext = useContext(SVMExternalContext);
-  const hasExternalUTXOContext = useContext(UTXOExternalContext);
 
   const providers = useMemo(() => {
-    const providers: ChainType[] = [];
+    const providers = [];
     if (hasExternalEVMContext) {
       providers.push(ChainType.EVM);
     }
     if (hasExternalSVMContext) {
       providers.push(ChainType.SVM);
     }
-    if (hasExternalUTXOContext) {
-      providers.push(ChainType.UTXO);
-    }
     return providers;
-  }, [hasExternalEVMContext, hasExternalSVMContext, hasExternalUTXOContext]);
+  }, [hasExternalEVMContext, hasExternalSVMContext]);
 
   return {
-    hasExternalProvider:
-      hasExternalEVMContext || hasExternalSVMContext || hasExternalUTXOContext,
-    availableChainTypes: providers,
+    hasExternalProvider: hasExternalEVMContext || hasExternalSVMContext,
+    providers,
   };
 }

package/providers/WidgetProvider/WidgetProvider.tsx

@@ -50,8 +50,7 @@ export const WidgetProvider: React.FC<
         },
         disableVersionCheck: true,
         widgetVersion: version,
-        // preloadChains: false,
-        // debug: true,
+        preloadChains: false,
       };
       if (!sdkInitialized) {
         createConfig(_config);

package/providers/WidgetProvider/types.ts

@@ -1,6 +1,8 @@
 import type { WidgetConfig } from '../../types/widget.js';
 
 export type WidgetContextProps = WidgetConfig & {
+  fromChain?: number;
+  toChain?: number;
   elementId: string;
 };
 

package/stores/form/FormUpdater.tsx

@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
-import { useAccount } from '@lifi/wallet-management';
 import { useEffect } from 'react';
+import { useAccount } from '../../hooks/useAccount.js';
 import { useChains } from '../../hooks/useChains.js';
 import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js';
 import { useBookmarkActions } from '../../stores/bookmarks/useBookmarkActions.js';

package/stores/form/types.ts

@@ -35,17 +35,17 @@ export type FormFieldArray<T extends FormFieldNames[]> = {
   [K in keyof T]: ExtractValueType<FormValues[T[K]]>;
 };
 
-export type TouchedFields = { [K in FormFieldNames]?: boolean };
+export type TouchedFields = { [key in FormFieldNames]?: boolean };
 
 type ValidationFn = (value: any) => Promise<boolean | string>;
 export interface ValidationProps {
   isValid: boolean;
   isValidating: boolean;
   errors: {
-    [K in FormFieldNames]?: string;
+    [key in FormFieldNames]?: string;
   };
   validation: {
-    [K in FormFieldNames]?: ValidationFn;
+    [key in FormFieldNames]?: ValidationFn;
   };
 }
 
@@ -61,7 +61,7 @@ export interface ValidationActions {
 export interface FormProps {
   defaultValues: FormValues;
   userValues: FormValues;
-  touchedFields: { [K in FormFieldNames]?: boolean };
+  touchedFields: { [key in FormFieldNames]?: boolean };
 }
 
 interface ResetOptions {

package/stores/header/types.ts

@@ -6,6 +6,7 @@ export type HeaderStore = UseBoundStoreWithEqualityFn<StoreApi<HeaderState>>;
 export interface HeaderStateBase {
   element?: React.ReactNode | null;
   title?: string;
+  headerHeight: number;
 }
 
 export interface HeaderState extends HeaderStateBase {
@@ -13,4 +14,5 @@ export interface HeaderState extends HeaderStateBase {
   setTitle(title?: string): () => void;
   removeAction(): void;
   removeTitle(): void;
+  setHeaderHeight(headerHeight: number): void;
 }

package/stores/header/useHeaderStore.tsx

@@ -1,4 +1,5 @@
 import { createContext, useContext, useRef } from 'react';
+import { shallow } from 'zustand/shallow';
 import { createWithEqualityFn } from 'zustand/traditional';
 import type { PersistStoreProps, PersistStoreProviderProps } from '../types.js';
 import type { HeaderState, HeaderStore } from './types.js';
@@ -30,13 +31,45 @@ export function useHeaderStoreContext() {
   return useStore;
 }
 
-export function useHeaderStore<T>(selector: (state: HeaderState) => T): T {
+export function useHeaderStore<T>(
+  selector: (state: HeaderState) => T,
+  equalityCheck?: (objA: T, objB: T) => boolean,
+): T {
   const useStore = useHeaderStoreContext();
-  return useStore(selector);
+  return useStore(selector, equalityCheck);
 }
+
+// We use fixed position on the header when Widget is in Full Height layout.
+// We do this to get it to work like the sticky header does in the other layout modes.
+// As the header is position fixed its not in the document flow anymore.
+// To prevent the remaining page content from appearing behind the header we need to
+// pass the headers height so that the position of the page content can be adjusted
+export function useHeaderHeight() {
+  const [headerHeight] = useHeaderStore(
+    (state) => [state.headerHeight],
+    shallow,
+  );
+
+  return {
+    headerHeight,
+  };
+}
+
+export function useSetHeaderHeight() {
+  const [setHeaderHeight] = useHeaderStore(
+    (state) => [state.setHeaderHeight],
+    shallow,
+  );
+
+  return {
+    setHeaderHeight,
+  };
+}
+
 export const createHeaderStore = ({ namePrefix }: PersistStoreProps) =>
   createWithEqualityFn<HeaderState>(
     (set, get) => ({
+      headerHeight: 108, // a basic default height
       setAction: (element) => {
         set(() => ({
           element,
@@ -59,6 +92,11 @@ export const createHeaderStore = ({ namePrefix }: PersistStoreProps) =>
           title: undefined,
         }));
       },
+      setHeaderHeight: (headerHeight) => {
+        set(() => ({
+          headerHeight,
+        }));
+      },
     }),
     Object.is,
   );

package/stores/routes/useExecutingRoutesIds.ts

@@ -1,5 +1,5 @@
-import { useAccount } from '@lifi/wallet-management';
 import { shallow } from 'zustand/shallow';
+import { useAccount } from '../../hooks/useAccount.js';
 import { useRouteExecutionStore } from './RouteExecutionStore.js';
 import type { RouteExecution } from './types.js';
 import { RouteExecutionStatus } from './types.js';

package/stores/settings/types.ts

@@ -40,7 +40,7 @@ export interface SettingsState extends SettingsProps {
     reset?: boolean,
   ): void;
   setToolValue(toolType: SettingsToolType, tool: string, value: boolean): void;
-  toggleTools(toolType: SettingsToolType): void;
+  toggleToolKeys(toolType: SettingsToolType, toolKeys: string[]): void;
   reset(bridges: string[], exchanges: string[]): void;
 }
 

package/stores/settings/useSettingsStore.ts

@@ -99,17 +99,38 @@ export const useSettingsStore = createWithEqualityFn<SettingsState>(
             ),
           };
         }),
-      toggleTools: (toolType) =>
+      toggleToolKeys: (toolType, toolKeys) =>
         set((state) => {
-          const enabledTools = { ...state[`_enabled${toolType}`] };
-          const enableAll = Boolean(state[`disabled${toolType}`].length);
-          for (const toolKey in enabledTools) {
-            enabledTools[toolKey] = enableAll;
-          }
+          const allKeysInCollectionEnabled = toolKeys.every(
+            (toolKey) => state[`_enabled${toolType}`][toolKey],
+          );
+
+          // then toggle those keys to false
+          const updatedTools = toolKeys.reduce(
+            (accum, toolKey) => {
+              accum[toolKey] = !allKeysInCollectionEnabled;
+              return accum;
+            },
+            {
+              ...state[`_enabled${toolType}`],
+            },
+          );
+
+          const enableKeys: string[] = [];
+          const disabledKeys: string[] = [];
+
+          Object.entries(updatedTools).forEach(([key, value]) => {
+            if (value) {
+              enableKeys.push(key);
+            } else {
+              disabledKeys.push(key);
+            }
+          });
+
           return {
-            [`_enabled${toolType}`]: enabledTools,
-            [`enabled${toolType}`]: enableAll ? Object.keys(enabledTools) : [],
-            [`disabled${toolType}`]: enableAll ? [] : Object.keys(enabledTools),
+            [`_enabled${toolType}`]: updatedTools,
+            [`enabled${toolType}`]: enableKeys,
+            [`disabled${toolType}`]: disabledKeys,
           };
         }),
       reset: (bridges, exchanges) => {

package/themes/createTheme.ts

@@ -63,7 +63,7 @@ export const createTheme = (
   const borderRadiusSecondary =
     widgetTheme.shape?.borderRadiusSecondary ?? shape.borderRadiusSecondary;
 
-  const theme = createMuiTheme({
+  return createMuiTheme({
     container: widgetTheme.container,
     header: widgetTheme.header,
     navigation: {
@@ -409,6 +409,4 @@ export const createTheme = (
       },
     },
   });
-
-  return theme;
 };

package/types/events.ts

@@ -1,4 +1,5 @@
 import type { ChainId, ChainType, Process, Route } from '@lifi/sdk';
+import type { NavigationRouteType } from '../utils/navigationRoutes.js';
 
 export enum WidgetEvent {
   RouteExecutionStarted = 'routeExecutionStarted',
@@ -11,12 +12,13 @@ export enum WidgetEvent {
   SourceChainTokenSelected = 'sourceChainTokenSelected',
   DestinationChainTokenSelected = 'destinationChainTokenSelected',
   SendToWalletToggled = 'sendToWalletToggled',
-  ReviewTransactionPageEntered = 'reviewTransactionPageEntered',
   /**
-   * @deprecated use useWalletManagementEvents hook.
+   * @deprecated Use `PageEntered` event instead.
    */
+  ReviewTransactionPageEntered = 'reviewTransactionPageEntered',
   WalletConnected = 'walletConnected',
   WidgetExpanded = 'widgetExpanded',
+  PageEntered = 'pageEntered',
 }
 
 export type WidgetEvents = {
@@ -31,11 +33,9 @@ export type WidgetEvents = {
   destinationChainTokenSelected: ChainTokenSelected;
   sendToWalletToggled: boolean;
   reviewTransactionPageEntered?: Route;
-  /**
-   * @deprecated use useWalletManagementEvents hook.
-   */
   walletConnected: WalletConnected;
   widgetExpanded: boolean;
+  pageEntered: NavigationRouteType;
 };
 
 export interface ContactSupport {

package/utils/chainType.ts

@@ -1,10 +1,11 @@
-import { ChainId, ChainType, isSVMAddress, isUTXOAddress } from '@lifi/sdk';
+import { ChainId, ChainType } from '@lifi/sdk';
 import { isAddress as isEVMAddress } from 'viem';
+import { isSVMAddress } from './svm.js';
 
 const chainTypeAddressValidation = {
   [ChainType.EVM]: isEVMAddress,
   [ChainType.SVM]: isSVMAddress,
-  [ChainType.UTXO]: isUTXOAddress,
+  [ChainType.UTXO]: () => false,
 };
 
 export const getChainTypeFromAddress = (

package/utils/elements.ts

@@ -3,8 +3,28 @@ export enum ElementId {
   Header = 'widget-header',
   RelativeContainer = 'widget-relative-container',
   ScrollableContainer = 'widget-scrollable-container',
-  TokenList = 'token-list',
 }
 
 export const createElementId = (ElementId: ElementId, elementId: string) =>
   elementId ? `${ElementId}-${elementId}` : ElementId;
+
+// NOTE: The getter functions here are often used with code that can be effected by css changes in the
+//   AppExpandedContainer, RelativeContainer and CssBaselineContainer components as defined in AppContainer.ts
+
+export const getAppContainer = (elementId: string) =>
+  document.getElementById(
+    createElementId(ElementId.AppExpandedContainer, elementId),
+  );
+
+export const getRelativeContainer = (elementId: string) =>
+  document.getElementById(
+    createElementId(ElementId.RelativeContainer, elementId),
+  );
+
+export const getScrollableContainer = (elementId: string) =>
+  document.getElementById(
+    createElementId(ElementId.ScrollableContainer, elementId),
+  );
+
+export const getHeaderElement = (elementId: string) =>
+  document.getElementById(createElementId(ElementId.Header, elementId));

package/utils/fees.ts

@@ -104,22 +104,20 @@ export const getFeeCostsBreakdown = (
 export const getStepFeeCostsBreakdown = (
   feeCosts: FeeCost[] | GasCost[],
 ): FeesBreakdown => {
-  const { token } = feeCosts[0];
-
-  const { amount, amountUSD } = feeCosts.reduce(
-    (acc, feeCost) => {
-      const feeAmount = BigInt(Number(feeCost.amount).toFixed(0) || 0);
-      const amountUSD =
-        parseFloat(feeCost.token.priceUSD || '0') *
-        parseFloat(formatUnits(feeAmount, feeCost.token.decimals));
-
-      acc.amount += feeAmount;
-      acc.amountUSD += amountUSD;
-      return acc;
-    },
-    { amount: 0n, amountUSD: 0 },
+  const token = feeCosts[0].token;
+  const amount = feeCosts.reduce(
+    (amount, feeCost) => amount + BigInt(feeCost.amount || 0),
+    0n,
+  );
+  const amountUSD = feeCosts.reduce(
+    (amount, feeCost) =>
+      amount +
+      parseFloat(feeCost.token.priceUSD || '0') *
+        parseFloat(
+          formatUnits(BigInt(feeCost.amount || 0), feeCost.token.decimals),
+        ),
+    0,
   );
-
   return {
     amount,
     amountUSD,

package/utils/format.ts

@@ -60,7 +60,7 @@ export function formatInputAmount(
   if (!amount) {
     return amount;
   }
-  let formattedAmount = amount.replaceAll(',', '.');
+  let formattedAmount = amount.trim().replaceAll(',', '.');
   if (formattedAmount.startsWith('.')) {
     formattedAmount = '0' + formattedAmount;
   }

package/utils/navigationRoutes.ts

@@ -7,6 +7,7 @@ export const navigationRoutes = {
   fromToken: 'from-token',
   languages: 'languages',
   routes: 'routes',
+  selectWallet: 'select-wallet',
   settings: 'settings',
   toChain: 'to-chain',
   toToken: 'to-token',
@@ -30,6 +31,7 @@ export const stickyHeaderRoutes = [
   navigationRoutes.fromChain,
   navigationRoutes.home,
   navigationRoutes.routes,
+  navigationRoutes.selectWallet,
   navigationRoutes.settings,
   navigationRoutes.toChain,
   navigationRoutes.toTokenNative,
@@ -51,6 +53,7 @@ export const backButtonRoutes = [
   navigationRoutes.fromChain,
   navigationRoutes.fromToken,
   navigationRoutes.routes,
+  navigationRoutes.selectWallet,
   navigationRoutes.settings,
   navigationRoutes.toChain,
   navigationRoutes.toToken,
@@ -65,4 +68,7 @@ export const backButtonRoutes = [
   navigationRoutes.configuredWallets,
 ];
 
-export type NavigationRouteType = keyof typeof navigationRoutes;
+export type NavigationRouteTypeKeys = keyof typeof navigationRoutes;
+
+export type NavigationRouteType =
+  (typeof navigationRoutes)[NavigationRouteTypeKeys];

package/utils/svm.ts

@@ -0,0 +1,10 @@
+import { PublicKey } from '@solana/web3.js';
+
+export const isSVMAddress = (address: string) => {
+  try {
+    new PublicKey(address);
+    return true;
+  } catch {
+    return false;
+  }
+};

package/utils/wallet.ts

@@ -1,4 +1,4 @@
 export const shortenAddress = (address?: string) =>
   address
-    ? `${address.substring(0, 7)}...${address.substring(address.length - 5)}`
+    ? `${address.substring(0, 5)}...${address.substring(address.length - 4)}`
     : null;

package/_esm/components/Avatar/SmallAvatar.d.ts

@@ -1,4 +0,0 @@
-export declare const SmallAvatar: import("@emotion/styled").StyledComponent<import("@mui/material").AvatarOwnProps & import("@mui/material").AvatarSlotsAndSlotProps & import("@mui/material/OverridableComponent.js").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, "children" | "sx" | "style" | "className" | "sizes" | "alt" | "src" | "srcSet" | "classes" | "variant" | "imgProps" | "slots" | "slotProps"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const SmallAvatarSkeleton: () => import("react/jsx-runtime").JSX.Element;

package/_esm/components/Avatar/SmallAvatar.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Avatar, Skeleton, styled } from '@mui/material';
-import { AvatarSkeletonContainer } from './Avatar.style.js';
-export const SmallAvatar = styled(Avatar)(({ theme }) => ({
-    background: theme.palette.background.paper,
-    width: 16,
-    height: 16,
-}));
-export const SmallAvatarSkeleton = () => {
-    return (_jsx(AvatarSkeletonContainer, { children: _jsx(Skeleton, { width: 16, height: 16, variant: "circular" }) }));
-};
-//# sourceMappingURL=SmallAvatar.js.map

package/_esm/components/Avatar/SmallAvatar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SmallAvatar.js","sourceRoot":"","sources":["../../../components/Avatar/SmallAvatar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAC;AAE5D,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACxD,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK;IAC1C,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;CACX,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,EAAE;IACtC,OAAO,CACL,KAAC,uBAAuB,cACtB,KAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAC,UAAU,GAAG,GAC9B,CAC3B,CAAC;AACJ,CAAC,CAAC"}

package/_esm/components/Header/DisconnectIconButton.d.ts

@@ -1,4 +0,0 @@
-import { type Account } from '@lifi/wallet-management';
-export declare const DisconnectIconButton: ({ account }: {
-    account: Account;
-}) => import("react/jsx-runtime").JSX.Element;

package/_esm/components/Header/DisconnectIconButton.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useAccountDisconnect } from '@lifi/wallet-management';
-import { PowerSettingsNewRounded } from '@mui/icons-material';
-import { IconButton } from '@mui/material';
-export const DisconnectIconButton = ({ account }) => {
-    const disconnect = useAccountDisconnect();
-    return (_jsx(IconButton, { size: "medium", onClick: async (e) => {
-            e.stopPropagation();
-            await disconnect(account);
-        }, children: _jsx(PowerSettingsNewRounded, {}) }));
-};
-//# sourceMappingURL=DisconnectIconButton.js.map

package/_esm/components/Header/DisconnectIconButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DisconnectIconButton.js","sourceRoot":"","sources":["../../../components/Header/DisconnectIconButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,oBAAoB,EAAgB,MAAM,yBAAyB,CAAC;AAC7E,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EAAE,OAAO,EAAwB,EAAE,EAAE;IACxE,MAAM,UAAU,GAAG,oBAAoB,EAAE,CAAC;IAC1C,OAAO,CACL,KAAC,UAAU,IACT,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE;YACnB,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,MAAM,UAAU,CAAC,OAAO,CAAC,CAAC;QAC5B,CAAC,YAED,KAAC,uBAAuB,KAAG,GAChB,CACd,CAAC;AACJ,CAAC,CAAC"}

package/_esm/hooks/useHeaderHeight.d.ts

@@ -1,6 +0,0 @@
-export declare const minHeaderHeight = 64;
-export declare const maxHeaderHeight = 108;
-export declare const maxHeaderHeightSubvariantSplit = 136;
-export declare const useHeaderHeight: () => {
-    headerHeight: number;
-};

package/_esm/hooks/useHeaderHeight.js

@@ -1,23 +0,0 @@
-import { useHasExternalWalletProvider } from '../providers/WalletProvider/useHasExternalWalletProvider.js';
-import { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js';
-export const minHeaderHeight = 64;
-export const maxHeaderHeight = 108;
-export const maxHeaderHeightSubvariantSplit = 136;
-// We use fixed position on the header when Widget is in Full Height layout.
-// We do this to get it to work like the sticky header does in the other layout modes.
-// As the header is position fixed its not in the document flow anymore.
-// To prevent the remaining page content from appearing behind the header we need to
-// pass the headers height so that the position of the page content can be adjusted
-export const useHeaderHeight = () => {
-    const { hiddenUI, subvariant } = useWidgetConfig();
-    const { hasExternalProvider } = useHasExternalWalletProvider();
-    const headerHeight = subvariant === 'split'
-        ? maxHeaderHeightSubvariantSplit
-        : hiddenUI?.includes('walletMenu') || hasExternalProvider
-            ? minHeaderHeight
-            : maxHeaderHeight;
-    return {
-        headerHeight,
-    };
-};
-//# sourceMappingURL=useHeaderHeight.js.map

package/_esm/hooks/useHeaderHeight.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useHeaderHeight.js","sourceRoot":"","sources":["../../hooks/useHeaderHeight.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,4BAA4B,EAAE,MAAM,6DAA6D,CAAC;AAC3G,OAAO,EAAE,eAAe,EAAE,MAAM,+CAA+C,CAAC;AAEhF,MAAM,CAAC,MAAM,eAAe,GAAG,EAAE,CAAC;AAClC,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAAC;AACnC,MAAM,CAAC,MAAM,8BAA8B,GAAG,GAAG,CAAC;AAElD,4EAA4E;AAC5E,sFAAsF;AACtF,wEAAwE;AACxE,oFAAoF;AACpF,mFAAmF;AACnF,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE;IAClC,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,eAAe,EAAE,CAAC;IACnD,MAAM,EAAE,mBAAmB,EAAE,GAAG,4BAA4B,EAAE,CAAC;IAE/D,MAAM,YAAY,GAChB,UAAU,KAAK,OAAO;QACpB,CAAC,CAAC,8BAA8B;QAChC,CAAC,CAAC,QAAQ,EAAE,QAAQ,CAAC,YAAY,CAAC,IAAI,mBAAmB;YACvD,CAAC,CAAC,eAAe;YACjB,CAAC,CAAC,eAAe,CAAC;IAExB,OAAO;QACL,YAAY;KACb,CAAC;AACJ,CAAC,CAAC"}

package/_esm/providers/WalletProvider/UTXOBaseProvider.d.ts

@@ -1,2 +0,0 @@
-import { type FC, type PropsWithChildren } from 'react';
-export declare const UTXOBaseProvider: FC<PropsWithChildren>;