@lifi/widget 3.7.0-beta.7 → 3.7.0

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/converters.ts

@@ -8,6 +8,7 @@ import type {
   TokenAmount,
   ToolsResponse,
 } from '@lifi/sdk';
+import { v4 as uuidv4 } from 'uuid';
 import { formatUnits } from 'viem';
 import type { RouteExecution } from '../stores/routes/types.js';
 
@@ -144,7 +145,7 @@ export const buildRouteFromTxHistory = (
       gasCostUSD: sending.gasAmountUSD,
       steps: [
         {
-          id: crypto.randomUUID(),
+          id: uuidv4(),
           type: 'lifi',
           tool: tx.tool,
           toolDetails: usedTool,

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>;

package/_esm/providers/WalletProvider/UTXOBaseProvider.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { BigmiProvider, createDefaultBigmiConfig, useReconnect, } from '@lifi/wallet-management';
-import { useRef } from 'react';
-export const UTXOBaseProvider = ({ children }) => {
-    const bigmi = useRef();
-    if (!bigmi.current) {
-        bigmi.current = createDefaultBigmiConfig({
-            bigmiConfig: {
-                ssr: true,
-                multiInjectedProviderDiscovery: false,
-            },
-        });
-    }
-    useReconnect(bigmi.current.config);
-    return (_jsx(BigmiProvider, { config: bigmi.current.config, reconnectOnMount: false, children: children }));
-};
-//# sourceMappingURL=UTXOBaseProvider.js.map

package/_esm/providers/WalletProvider/UTXOBaseProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UTXOBaseProvider.js","sourceRoot":"","sources":["../../../providers/WalletProvider/UTXOBaseProvider.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,aAAa,EACb,wBAAwB,EACxB,YAAY,GACb,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,MAAM,EAAmC,MAAM,OAAO,CAAC;AAEhE,MAAM,CAAC,MAAM,gBAAgB,GAA0B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACtE,MAAM,KAAK,GAAG,MAAM,EAA4B,CAAC;IAEjD,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;QACnB,KAAK,CAAC,OAAO,GAAG,wBAAwB,CAAC;YACvC,WAAW,EAAE;gBACX,GAAG,EAAE,IAAI;gBACT,8BAA8B,EAAE,KAAK;aACtC;SACF,CAAC,CAAC;IACL,CAAC;IAED,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IAEnC,OAAO,CACL,KAAC,aAAa,IAAC,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,EAAE,gBAAgB,EAAE,KAAK,YACjE,QAAQ,GACK,CACjB,CAAC;AACJ,CAAC,CAAC"}

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

@@ -1 +0,0 @@
-export declare const UTXOExternalContext: import("react").Context<boolean>;

package/_esm/providers/WalletProvider/UTXOExternalContext.js

@@ -1,3 +0,0 @@
-import { createContext } from 'react';
-export const UTXOExternalContext = createContext(false);
-//# sourceMappingURL=UTXOExternalContext.js.map

package/_esm/providers/WalletProvider/UTXOExternalContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UTXOExternalContext.js","sourceRoot":"","sources":["../../../providers/WalletProvider/UTXOExternalContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,MAAM,CAAC,MAAM,mBAAmB,GAAG,aAAa,CAAU,KAAK,CAAC,CAAC"}

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

@@ -1,3 +0,0 @@
-import { type FC, type PropsWithChildren } from 'react';
-export declare function useInBigmiContext(): boolean;
-export declare const UTXOProvider: FC<PropsWithChildren>;

package/_esm/providers/WalletProvider/UTXOProvider.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { ChainType } from '@lifi/sdk';
-import { BigmiContext } from '@lifi/wallet-management';
-import { useContext } from 'react';
-import { isItemAllowed } from '../../utils/item.js';
-import { useWidgetConfig } from '../WidgetProvider/WidgetProvider.js';
-import { UTXOBaseProvider } from './UTXOBaseProvider.js';
-import { UTXOExternalContext } from './UTXOExternalContext.js';
-export function useInBigmiContext() {
-    const { chains } = useWidgetConfig();
-    const context = useContext(BigmiContext);
-    return Boolean(context) && isItemAllowed(ChainType.UTXO, chains?.types);
-}
-export const UTXOProvider = ({ children }) => {
-    const inBigmiContext = useInBigmiContext();
-    return inBigmiContext ? (_jsx(UTXOExternalContext.Provider, { value: inBigmiContext, children: children })) : (_jsx(UTXOBaseProvider, { children: children }));
-};
-//# sourceMappingURL=UTXOProvider.js.map

package/_esm/providers/WalletProvider/UTXOProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UTXOProvider.js","sourceRoot":"","sources":["../../../providers/WalletProvider/UTXOProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAmC,MAAM,OAAO,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AACtE,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAE/D,MAAM,UAAU,iBAAiB;IAC/B,MAAM,EAAE,MAAM,EAAE,GAAG,eAAe,EAAE,CAAC;IACrC,MAAM,OAAO,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IAEzC,OAAO,OAAO,CAAC,OAAO,CAAC,IAAI,aAAa,CAAC,SAAS,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;AAC1E,CAAC;AAED,MAAM,CAAC,MAAM,YAAY,GAA0B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAClE,MAAM,cAAc,GAAG,iBAAiB,EAAE,CAAC;IAE3C,OAAO,cAAc,CAAC,CAAC,CAAC,CACtB,KAAC,mBAAmB,CAAC,QAAQ,IAAC,KAAK,EAAE,cAAc,YAChD,QAAQ,GACoB,CAChC,CAAC,CAAC,CAAC,CACF,KAAC,gBAAgB,cAAE,QAAQ,GAAoB,CAChD,CAAC;AACJ,CAAC,CAAC"}

package/components/Avatar/SmallAvatar.tsx

@@ -1,16 +0,0 @@
-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 (
-    <AvatarSkeletonContainer>
-      <Skeleton width={16} height={16} variant="circular" />
-    </AvatarSkeletonContainer>
-  );
-};

package/components/Header/DisconnectIconButton.tsx

@@ -1,18 +0,0 @@
-import { useAccountDisconnect, type Account } from '@lifi/wallet-management';
-import { PowerSettingsNewRounded } from '@mui/icons-material';
-import { IconButton } from '@mui/material';
-
-export const DisconnectIconButton = ({ account }: { account: Account }) => {
-  const disconnect = useAccountDisconnect();
-  return (
-    <IconButton
-      size="medium"
-      onClick={async (e) => {
-        e.stopPropagation();
-        await disconnect(account);
-      }}
-    >
-      <PowerSettingsNewRounded />
-    </IconButton>
-  );
-};

package/hooks/useHeaderHeight.ts

@@ -1,27 +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,
-  };
-};

package/providers/WalletProvider/UTXOBaseProvider.tsx

@@ -1,28 +0,0 @@
-import type { DefaultWagmiConfigResult } from '@lifi/wallet-management';
-import {
-  BigmiProvider,
-  createDefaultBigmiConfig,
-  useReconnect,
-} from '@lifi/wallet-management';
-import { useRef, type FC, type PropsWithChildren } from 'react';
-
-export const UTXOBaseProvider: FC<PropsWithChildren> = ({ children }) => {
-  const bigmi = useRef<DefaultWagmiConfigResult>();
-
-  if (!bigmi.current) {
-    bigmi.current = createDefaultBigmiConfig({
-      bigmiConfig: {
-        ssr: true,
-        multiInjectedProviderDiscovery: false,
-      },
-    });
-  }
-
-  useReconnect(bigmi.current.config);
-
-  return (
-    <BigmiProvider config={bigmi.current.config} reconnectOnMount={false}>
-      {children}
-    </BigmiProvider>
-  );
-};

package/providers/WalletProvider/UTXOExternalContext.ts

@@ -1,3 +0,0 @@
-import { createContext } from 'react';
-
-export const UTXOExternalContext = createContext<boolean>(false);

package/providers/WalletProvider/UTXOProvider.tsx

@@ -1,26 +0,0 @@
-import { ChainType } from '@lifi/sdk';
-import { BigmiContext } from '@lifi/wallet-management';
-import { useContext, type FC, type PropsWithChildren } from 'react';
-import { isItemAllowed } from '../../utils/item.js';
-import { useWidgetConfig } from '../WidgetProvider/WidgetProvider.js';
-import { UTXOBaseProvider } from './UTXOBaseProvider.js';
-import { UTXOExternalContext } from './UTXOExternalContext.js';
-
-export function useInBigmiContext(): boolean {
-  const { chains } = useWidgetConfig();
-  const context = useContext(BigmiContext);
-
-  return Boolean(context) && isItemAllowed(ChainType.UTXO, chains?.types);
-}
-
-export const UTXOProvider: FC<PropsWithChildren> = ({ children }) => {
-  const inBigmiContext = useInBigmiContext();
-
-  return inBigmiContext ? (
-    <UTXOExternalContext.Provider value={inBigmiContext}>
-      {children}
-    </UTXOExternalContext.Provider>
-  ) : (
-    <UTXOBaseProvider>{children}</UTXOBaseProvider>
-  );
-};