@lifi/widget 3.0.0-alpha.12 → 3.0.0-alpha.13

package/_esm/stores/routes/useExecutingRoutesIds.d.ts

@@ -1 +1 @@
-export declare const useExecutingRoutesIds: (address?: string) => string[];
+export declare const useExecutingRoutesIds: () => string[];

package/_esm/stores/routes/useExecutingRoutesIds.js

@@ -1,9 +1,12 @@
 import { shallow } from 'zustand/shallow';
+import { useAccount } from '../../hooks/useAccount';
 import { useRouteExecutionStore } from './RouteExecutionStore';
 import { RouteExecutionStatus } from './types';
-export const useExecutingRoutesIds = (address) => {
+export const useExecutingRoutesIds = () => {
+    const { accounts } = useAccount();
+    const accountAddresses = accounts.map((account) => account.address);
     return useRouteExecutionStore((state) => Object.values(state.routes)
-        .filter((item) => item.route.fromAddress === address &&
+        .filter((item) => accountAddresses.includes(item.route.fromAddress) &&
         (item.status === RouteExecutionStatus.Pending ||
             item.status === RouteExecutionStatus.Failed))
         .sort((a, b) => (b?.route.steps[0].execution?.process[0].startedAt ?? 0) -

package/_esm/stores/routes/useExecutingRoutesIds.js.map

@@ -1 +1 @@
-{"version":3,"file":"useExecutingRoutesIds.js","sourceRoot":"","sources":["../../../stores/routes/useExecutingRoutesIds.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAE/D,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAE/C,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,OAAgB,EAAE,EAAE;IACxD,OAAO,sBAAsB,CAC3B,CAAC,KAAK,EAAE,EAAE,CACP,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAsB;SAC9C,MAAM,CACL,CAAC,IAAI,EAAE,EAAE,CACP,IAAI,CAAC,KAAK,CAAC,WAAW,KAAK,OAAO;QAClC,CAAC,IAAI,CAAC,MAAM,KAAK,oBAAoB,CAAC,OAAO;YAC3C,IAAI,CAAC,MAAM,KAAK,oBAAoB,CAAC,MAAM,CAAC,CACjD;SACA,IAAI,CACH,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CACP,CAAC,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,IAAI,CAAC,CAAC;QACxD,CAAC,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,IAAI,CAAC,CAAC,CAC3D;SACA,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,EACjC,OAAO,CACR,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"useExecutingRoutesIds.js","sourceRoot":"","sources":["../../../stores/routes/useExecutingRoutesIds.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAE/D,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAE/C,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,EAAE;IACxC,MAAM,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,CAAC;IAClC,MAAM,gBAAgB,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IACpE,OAAO,sBAAsB,CAC3B,CAAC,KAAK,EAAE,EAAE,CACP,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAsB;SAC9C,MAAM,CACL,CAAC,IAAI,EAAE,EAAE,CACP,gBAAgB,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC;QACjD,CAAC,IAAI,CAAC,MAAM,KAAK,oBAAoB,CAAC,OAAO;YAC3C,IAAI,CAAC,MAAM,KAAK,oBAAoB,CAAC,MAAM,CAAC,CACjD;SACA,IAAI,CACH,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CACP,CAAC,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,IAAI,CAAC,CAAC;QACxD,CAAC,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,IAAI,CAAC,CAAC,CAC3D;SACA,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,EACjC,OAAO,CACR,CAAC;AACJ,CAAC,CAAC"}

package/_esm/stores/settings/useSettingsStore.d.ts

@@ -1,5 +1,6 @@
 import type { WidgetConfig } from '../../types';
 import type { SettingsProps, SettingsState } from './types';
+export declare const defaultSlippage = "0.5";
 export declare const defaultConfigurableSettings: Pick<SettingsState, 'routePriority' | 'slippage' | 'gasPrice'>;
 export declare const defaultSettings: SettingsProps;
 export declare const useSettingsStore: import("zustand/traditional").UseBoundStoreWithEqualityFn<import("zustand").StoreApi<SettingsState>>;

package/_esm/stores/settings/useSettingsStore.js

@@ -1,9 +1,10 @@
 import { persist } from 'zustand/middleware';
 import { createWithEqualityFn } from 'zustand/traditional';
 import { SettingsToolTypes } from './types';
+export const defaultSlippage = '0.5';
 export const defaultConfigurableSettings = {
     routePriority: 'RECOMMENDED',
-    slippage: '0.5',
+    slippage: defaultSlippage,
     gasPrice: 'normal',
 };
 export const defaultSettings = {

package/_esm/stores/settings/useSettingsStore.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSettingsStore.js","sourceRoot":"","sources":["../../../stores/settings/useSettingsStore.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"useSettingsStore.js","sourceRoot":"","sources":["../../../stores/settings/useSettingsStore.ts"],"names":[],"mappings":"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"}

package/_esm/types/widget.d.ts

@@ -1,6 +1,7 @@
-import type { BaseToken, Order, RouteOptions, SDKOptions, StaticToken, Token } from '@lifi/sdk';
+import type { BaseToken, ChainType, Order, RouteOptions, SDKConfig, StaticToken, Token } from '@lifi/sdk';
 import type { Components, PaletteMode, PaletteOptions, Shape, Theme } from '@mui/material';
 import type { TypographyOptions } from '@mui/material/styles/createTypography';
+import type { CoinbaseWalletParameters, WalletConnectParameters } from '@wagmi/connectors';
 import type { CSSProperties, ReactNode, RefObject } from 'react';
 import type { LanguageKey, LanguageResources } from '../providers';
 import type { SplitSubvariantOptions } from '../stores';
@@ -16,6 +17,7 @@ export type DisabledUIType = `${DisabledUI}`;
 export declare enum HiddenUI {
     Appearance = "appearance",
     DrawerButton = "drawerButton",
+    DrawerCloseButton = "drawerCloseButton",
     History = "history",
     Language = "language",
     PoweredBy = "poweredBy",
@@ -35,10 +37,16 @@ export type ThemeConfig = {
     typography?: TypographyOptions;
     components?: Pick<Components<Omit<Theme, 'components'>>, 'MuiAvatar'>;
 };
-export interface WidgetWalletManagement {
-    connect(): Promise<void>;
+export interface WidgetWalletConfig {
+    onConnect(): void;
+    walletConnect?: WalletConnectParameters;
+    coinbase?: CoinbaseWalletParameters;
 }
-export interface WidgetSDKOptions extends Omit<SDKOptions, 'apiKey' | 'disableVersionCheck' | 'integrator' | 'routeOptions' | 'widgetVersion'> {
+export interface AllowDeny<T> {
+    allow?: T[];
+    deny?: T[];
+}
+export interface WidgetSDKConfig extends Omit<SDKConfig, 'apiKey' | 'disableVersionCheck' | 'integrator' | 'routeOptions' | 'widgetVersion'> {
     routeOptions?: Omit<RouteOptions, 'bridges' | 'exchanges' | 'insurance'>;
 }
 export interface WidgetContractTool {
@@ -83,38 +91,33 @@ export interface WidgetConfig {
     hiddenUI?: HiddenUIType[];
     requiredUI?: RequiredUIType[];
     useRecommendedRoute?: boolean;
-    walletManagement?: WidgetWalletManagement;
-    sdkConfig?: WidgetSDKOptions;
+    walletConfig?: WidgetWalletConfig;
+    sdkConfig?: WidgetSDKConfig;
     buildUrl?: boolean;
     keyPrefix?: string;
-    bridges?: {
-        allow?: string[];
-        deny?: string[];
-    };
-    exchanges?: {
-        allow?: string[];
-        deny?: string[];
-    };
+    bridges?: AllowDeny<string>;
+    exchanges?: AllowDeny<string>;
     chains?: {
-        allow?: number[];
-        deny?: number[];
-    };
+        from?: AllowDeny<number>;
+        to?: AllowDeny<number>;
+        types?: AllowDeny<ChainType>;
+    } & AllowDeny<number>;
     tokens?: {
         featured?: StaticToken[];
         include?: Token[];
-        allow?: BaseToken[];
-        deny?: BaseToken[];
-    };
+    } & AllowDeny<BaseToken>;
     languages?: {
         default?: LanguageKey;
-        allow?: LanguageKey[];
-        deny?: LanguageKey[];
-    };
+    } & AllowDeny<LanguageKey>;
     languageResources?: LanguageResources;
 }
 export type WidgetDrawerProps = {
     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;
 };
 export interface WidgetConfigProps {
     config: WidgetConfig;

package/_esm/types/widget.js

@@ -9,6 +9,7 @@ export var HiddenUI;
 (function (HiddenUI) {
     HiddenUI["Appearance"] = "appearance";
     HiddenUI["DrawerButton"] = "drawerButton";
+    HiddenUI["DrawerCloseButton"] = "drawerCloseButton";
     HiddenUI["History"] = "history";
     HiddenUI["Language"] = "language";
     HiddenUI["PoweredBy"] = "poweredBy";

package/_esm/types/widget.js.map

@@ -1 +1 @@
-{"version":3,"file":"widget.js","sourceRoot":"","sources":["../../types/widget.ts"],"names":[],"mappings":"AAwBA,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,QASX;AATD,WAAY,QAAQ;IAClB,qCAAyB,CAAA;IACzB,yCAA6B,CAAA;IAC7B,+BAAmB,CAAA;IACnB,iCAAqB,CAAA;IACrB,mCAAuB,CAAA;IACvB,mCAAuB,CAAA;IACvB,+BAAmB,CAAA;IACnB,qCAAyB,CAAA;AAC3B,CAAC,EATW,QAAQ,KAAR,QAAQ,QASnB;AAGD,MAAM,CAAN,IAAY,UAEX;AAFD,WAAY,UAAU;IACpB,qCAAuB,CAAA;AACzB,CAAC,EAFW,UAAU,KAAV,UAAU,QAErB"}
+{"version":3,"file":"widget.js","sourceRoot":"","sources":["../../types/widget.ts"],"names":[],"mappings":"AA6BA,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,QAUX;AAVD,WAAY,QAAQ;IAClB,qCAAyB,CAAA;IACzB,yCAA6B,CAAA;IAC7B,mDAAuC,CAAA;IACvC,+BAAmB,CAAA;IACnB,iCAAqB,CAAA;IACrB,mCAAuB,CAAA;IACvB,mCAAuB,CAAA;IACvB,+BAAmB,CAAA;IACnB,qCAAyB,CAAA;AAC3B,CAAC,EAVW,QAAQ,KAAR,QAAQ,QAUnB;AAGD,MAAM,CAAN,IAAY,UAEX;AAFD,WAAY,UAAU;IACpB,qCAAuB,CAAA;AACzB,CAAC,EAFW,UAAU,KAAV,UAAU,QAErB"}

package/_esm/utils/index.d.ts

@@ -5,6 +5,7 @@ export * from './enum';
 export * from './fees';
 export * from './format';
 export * from './input';
+export * from './item';
 export * from './navigationRoutes';
 export * from './svm';
 export * from './wallet';

package/_esm/utils/index.js

@@ -5,6 +5,7 @@ export * from './enum';
 export * from './fees';
 export * from './format';
 export * from './input';
+export * from './item';
 export * from './navigationRoutes';
 export * from './svm';
 export * from './wallet';

package/_esm/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,oBAAoB,CAAC;AACnC,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,oBAAoB,CAAC;AACnC,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC"}

package/_esm/utils/item.d.ts

@@ -0,0 +1,2 @@
+import type { AllowDeny } from '../types';
+export declare const isItemAllowed: <T>(itemId: T, items?: AllowDeny<T> | undefined) => boolean;

package/_esm/{providers/WidgetProvider/utils.js → utils/item.js}

@@ -4,4 +4,4 @@ export const isItemAllowed = (itemId, items) => {
     }
     return !items?.deny?.includes(itemId);
 };
-//# sourceMappingURL=utils.js.map
+//# sourceMappingURL=item.js.map

package/_esm/utils/item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"item.js","sourceRoot":"","sources":["../../utils/item.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,aAAa,GAAG,CAAI,MAAS,EAAE,KAAoB,EAAE,EAAE;IAClE,IAAI,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;QACzB,OAAO,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IACtC,CAAC;IACD,OAAO,CAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;AACxC,CAAC,CAAC"}

package/components/ActiveTransactions/ActiveTransactions.tsx

@@ -2,7 +2,6 @@ import type { BoxProps } from '@mui/material';
 import { Stack } from '@mui/material';
 import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
-import { useAccount } from '../../hooks';
 import { useExecutingRoutesIds } from '../../stores';
 import { navigationRoutes } from '../../utils';
 import { Card, CardTitle } from '../Card';
@@ -12,8 +11,7 @@ import { ShowAllButton } from './ActiveTransactions.style';
 export const ActiveTransactions: React.FC<BoxProps> = (props) => {
   const { t } = useTranslation();
   const navigate = useNavigate();
-  const { account } = useAccount();
-  const executingRoutes = useExecutingRoutesIds(account.address);
+  const executingRoutes = useExecutingRoutesIds();
 
   if (!executingRoutes?.length) {
     return null;

package/components/BaseTransactionButton/BaseTransactionButton.tsx

@@ -14,21 +14,21 @@ export const BaseTransactionButton: React.FC<BaseTransactionButtonProps> = ({
 }) => {
   const { t } = useTranslation();
   const navigate = useNavigate();
-  const { walletManagement } = useWidgetConfig();
-  const { account } = useAccount();
+  const { walletConfig } = useWidgetConfig();
+  const { isConnected } = useAccount();
 
   const handleClick = async () => {
-    if (account.isConnected) {
+    if (isConnected) {
       onClick?.();
-    } else if (walletManagement) {
-      await walletManagement.connect();
+    } else if (walletConfig?.onConnect) {
+      walletConfig.onConnect();
     } else {
       navigate(navigationRoutes.selectWallet);
     }
   };
 
   const getButtonText = () => {
-    if (account.isConnected) {
+    if (isConnected) {
       if (text) {
         return text;
       }

package/components/ChainSelect/ChainSelect.tsx

@@ -4,7 +4,7 @@ import { Avatar, Box, Skeleton, Tooltip, Typography } from '@mui/material';
 import { useEffect } from 'react';
 import { useNavigate } from 'react-router-dom';
 import type { FormTypeProps } from '../../stores';
-import { maxChainToOrder, useFieldValues, FormKeyHelper } from '../../stores';
+import { FormKeyHelper, maxChainToOrder, useFieldValues } from '../../stores';
 import { navigationRoutes } from '../../utils';
 import { ChainCard, ChainContainer } from './ChainSelect.style';
 import { useChainSelect } from './useChainSelect';
@@ -23,12 +23,14 @@ export const ChainSelect = ({ formType }: FormTypeProps) => {
   const [chainId] = useFieldValues(FormKeyHelper.getChainKey(formType));
 
   useEffect(() => {
-    const hasChainInOrderedList = chainOrder.includes(chainId);
-    // If we don't have a chain in the ordered chain list we should add it.
-    if (!hasChainInOrderedList) {
-      setChainOrder(chainId);
+    if (chainId) {
+      const hasChainInOrderedList = chainOrder.includes(chainId);
+      // If we don't have a chain in the ordered chain list we should add it.
+      if (!hasChainInOrderedList) {
+        setChainOrder(chainId, formType);
+      }
     }
-  }, [chainId, chainOrder, setChainOrder]);
+  }, [chainId, chainOrder, formType, setChainOrder]);
 
   const showAllChains = () => {
     navigate(navigationRoutes[`${formType}Chain`]);

package/components/ChainSelect/useChainSelect.ts

@@ -1,12 +1,12 @@
 import type { EVMChain } from '@lifi/sdk';
 import { useChains, useSwapOnly } from '../../hooks';
-import type { FormType } from '../../stores';
 import { useWidgetConfig } from '../../providers';
+import type { FormType } from '../../stores';
 import {
+  FormKeyHelper,
   useChainOrder,
   useFieldActions,
   useFieldController,
-  FormKeyHelper,
 } from '../../stores';
 import { RequiredUI } from '../../types';
 
@@ -16,8 +16,8 @@ export const useChainSelect = (formType: FormType) => {
   const { onChange, onBlur } = useFieldController({ name: chainKey });
 
   const { setFieldValue, getFieldValues } = useFieldActions();
-  const { chains, isLoading, getChainById } = useChains();
-  const [chainOrder, setChainOrder] = useChainOrder();
+  const { chains, isLoading, getChainById } = useChains(formType);
+  const [chainOrder, setChainOrder] = useChainOrder(formType);
   const swapOnly = useSwapOnly();
 
   const getChains = () => {
@@ -63,7 +63,7 @@ export const useChainSelect = (formType: FormType) => {
     if (!requiredToAddress) {
       setFieldValue('toAddress', '');
     }
-    setChainOrder(chainId);
+    setChainOrder(chainId, formType);
   };
 
   return {

package/components/Header/CloseDrawerButton.tsx

@@ -0,0 +1,18 @@
+import CloseIcon from '@mui/icons-material/CloseRounded';
+import { Tooltip } from '@mui/material';
+import IconButton from '@mui/material/IconButton';
+import { useTranslation } from 'react-i18next';
+import { useDrawer } from '../../AppDrawerContext';
+
+export const CloseDrawerButton = () => {
+  const { t } = useTranslation();
+  const { closeDrawer } = useDrawer();
+
+  return (
+    <Tooltip title={t('button.close')} enterDelay={400} arrow>
+      <IconButton size="medium" onClick={closeDrawer}>
+        <CloseIcon />
+      </IconButton>
+    </Tooltip>
+  );
+};

package/components/Header/EVMDisconnectIconButton.tsx

@@ -0,0 +1,24 @@
+import PowerSettingsNewIcon from '@mui/icons-material/PowerSettingsNewRounded';
+import { IconButton } from '@mui/material';
+import type { Connector } from 'wagmi';
+import { useDisconnect } from 'wagmi';
+
+export const EVMDisconnectIconButton = ({
+  connector,
+}: {
+  connector?: Connector;
+}) => {
+  const { disconnect } = useDisconnect();
+
+  return (
+    <IconButton
+      size="medium"
+      onClick={(e) => {
+        e.stopPropagation();
+        disconnect({ connector });
+      }}
+    >
+      <PowerSettingsNewIcon />
+    </IconButton>
+  );
+};

package/components/Header/Header.style.ts

@@ -55,19 +55,25 @@ export const WalletButton = styled(Button)(({ theme }) => ({
   },
 }));
 
-export const DrawerWalletContainer = styled(Box)(() => ({
+export const DrawerWalletContainer = styled(Box)(({ theme }) => ({
   width: '100%',
   display: 'flex',
-  justifyItems: 'start',
+  justifyContent: 'space-between',
 
-  '& > button': {
-    marginLeft: '-0.5rem',
+  '& button:first-of-type': {
+    marginLeft: theme.spacing(-1),
+  },
+  '& button:last-of-type': {
+    marginRight: theme.spacing(-1.25),
   },
 }));
 
 export const HeaderControlsContainer = styled(Box)(({ theme }) => ({
   display: 'flex',
   gap: theme.spacing(0.5),
+  '& button:last-of-type': {
+    marginRight: theme.spacing(-1.25),
+  },
 }));
 
 export const SplitTabs = styled(Tabs)(({ theme }) => ({

package/components/Header/Header.tsx

@@ -1,8 +1,6 @@
 import type { FC, PropsWithChildren } from 'react';
 import { useLocation } from 'react-router-dom';
 import { useDefaultElementId } from '../../hooks';
-import { useWidgetConfig } from '../../providers';
-import { HiddenUI } from '../../types';
 import { ElementId, createElementId, stickyHeaderRoutes } from '../../utils';
 import { Container } from './Header.style';
 import { NavigationHeader } from './NavigationHeader';
@@ -22,14 +20,9 @@ export const HeaderContainer: FC<PropsWithChildren<{}>> = ({ children }) => {
 };
 
 export const Header: FC = () => {
-  const { walletManagement, subvariant, hiddenUI } = useWidgetConfig();
   return (
     <HeaderContainer>
-      {!walletManagement &&
-      subvariant !== 'split' &&
-      !hiddenUI?.includes(HiddenUI.WalletMenu) ? (
-        <WalletHeader />
-      ) : null}
+      <WalletHeader />
       <NavigationHeader />
     </HeaderContainer>
   );

package/components/Header/NavigationHeader.tsx

@@ -1,6 +1,5 @@
 import ArrowBackIcon from '@mui/icons-material/ArrowBack';
-import ReceiptLongIcon from '@mui/icons-material/ReceiptLong';
-import { Box, Tooltip, Typography } from '@mui/material';
+import { Box, Typography } from '@mui/material';
 import IconButton from '@mui/material/IconButton';
 import { useTranslation } from 'react-i18next';
 import { Route, Routes, useLocation } from 'react-router-dom';
@@ -13,32 +12,18 @@ import {
   navigationRoutes,
   navigationRoutesValues,
 } from '../../utils';
+import { CloseDrawerButton } from './CloseDrawerButton';
 import { HeaderAppBar, HeaderControlsContainer } from './Header.style';
 import { NavigationTabs } from './NavigationTabs';
 import { SettingsButton } from './SettingsButton';
-import { WalletMenuButton } from './WalletHeader';
+import { TransactionHistoryButton } from './TransactionHistoryButton';
+import { SplitWalletMenuButton } from './WalletHeader';
 
-export const TransactionHistoryButton = () => {
-  const { t } = useTranslation();
-  const { navigate } = useNavigateBack();
-
-  return (
-    <Tooltip title={t(`header.transactionHistory`)} enterDelay={400} arrow>
-      <IconButton
-        size="medium"
-        edge="start"
-        onClick={() => navigate(navigationRoutes.transactionHistory)}
-      >
-        <ReceiptLongIcon />
-      </IconButton>
-    </Tooltip>
-  );
-};
 export const NavigationHeader: React.FC = () => {
   const { t } = useTranslation();
   const { subvariant, hiddenUI, variant } = useWidgetConfig();
   const { navigateBack } = useNavigateBack();
-  const { account } = useAccount();
+  const { isConnected } = useAccount();
   const { element, title } = useHeaderStore((state) => state);
   const { pathname } = useLocation();
 
@@ -115,9 +100,7 @@ export const NavigationHeader: React.FC = () => {
         ) : null}
         {splitSubvariant ? (
           <Box flex={1}>
-            {!hiddenUI?.includes(HiddenUI.WalletMenu) ? (
-              <WalletMenuButton />
-            ) : null}
+            <SplitWalletMenuButton />
           </Box>
         ) : (
           <Typography
@@ -134,16 +117,16 @@ export const NavigationHeader: React.FC = () => {
           <Route
             path={navigationRoutes.home}
             element={
-              <HeaderControlsContainer
-                paddingRight={
-                  variant === 'drawer' && subvariant === 'split' ? 5 : 0
-                }
-              >
-                {account.isConnected &&
-                !hiddenUI?.includes(HiddenUI.History) ? (
+              <HeaderControlsContainer>
+                {isConnected && !hiddenUI?.includes(HiddenUI.History) ? (
                   <TransactionHistoryButton />
                 ) : null}
                 <SettingsButton />
+                {variant === 'drawer' &&
+                subvariant === 'split' &&
+                !hiddenUI?.includes(HiddenUI.DrawerCloseButton) ? (
+                  <CloseDrawerButton />
+                ) : null}
               </HeaderControlsContainer>
             }
           />

package/components/Header/SVMDisconnectIconButton.tsx

@@ -0,0 +1,19 @@
+import PowerSettingsNewIcon from '@mui/icons-material/PowerSettingsNewRounded';
+import { IconButton } from '@mui/material';
+import { useWallet } from '@solana/wallet-adapter-react';
+
+export const SVMDisconnectIconButton = () => {
+  const { disconnect } = useWallet();
+
+  return (
+    <IconButton
+      size="medium"
+      onClick={(e) => {
+        e.stopPropagation();
+        disconnect();
+      }}
+    >
+      <PowerSettingsNewIcon />
+    </IconButton>
+  );
+};

package/components/Header/SettingsButton.style.tsx

@@ -23,26 +23,22 @@ interface SettingsIconButtonProps {
 export const SettingsIconButton = styled(IconButton, {
   shouldForwardProp: (props) => props !== 'variant',
 })<SettingsIconButtonProps>(({ theme, variant }) => {
-  const variantStyles = {
-    info: {
-      backgroundColor: getInfoBackgroundColor(theme),
-      '&:hover': {
-        backgroundColor: darken(getInfoBackgroundColor(theme), 0.2),
-      },
-    },
-    warning: {
-      backgroundColor: getWarningBackgroundColor(theme),
-      '&:hover': {
-        backgroundColor: darken(getWarningBackgroundColor(theme), 0.2),
-      },
-    },
-    default: {
-      marginRight: theme.spacing(-1.25),
-    },
-  };
-
-  return {
-    borderRadius: 20,
-    ...variantStyles[variant ?? 'default'],
-  };
+  switch (variant) {
+    case 'info':
+      return {
+        backgroundColor: getInfoBackgroundColor(theme),
+        '&:hover': {
+          backgroundColor: darken(getInfoBackgroundColor(theme), 0.2),
+        },
+      };
+    case 'warning':
+      return {
+        backgroundColor: getWarningBackgroundColor(theme),
+        '&:hover': {
+          backgroundColor: darken(getWarningBackgroundColor(theme), 0.2),
+        },
+      };
+    default:
+      break;
+  }
 });

package/components/Header/TransactionHistoryButton.tsx

@@ -0,0 +1,23 @@
+import ReceiptLongIcon from '@mui/icons-material/ReceiptLong';
+import { Tooltip } from '@mui/material';
+import IconButton from '@mui/material/IconButton';
+import { useTranslation } from 'react-i18next';
+import { useNavigateBack } from '../../hooks';
+import { navigationRoutes } from '../../utils';
+
+export const TransactionHistoryButton = () => {
+  const { t } = useTranslation();
+  const { navigate } = useNavigateBack();
+
+  return (
+    <Tooltip title={t(`header.transactionHistory`)} enterDelay={400} arrow>
+      <IconButton
+        size="medium"
+        edge="start"
+        onClick={() => navigate(navigationRoutes.transactionHistory)}
+      >
+        <ReceiptLongIcon />
+      </IconButton>
+    </Tooltip>
+  );
+};