@lifi/widget 3.0.0-alpha.17 → 3.0.0-alpha.19

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

@@ -1 +1 @@
-{"version":3,"file":"SDKProviders.js","sourceRoot":"","sources":["../../../providers/WalletProvider/SDKProviders.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAe,MAAM,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAE7D,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,EAAE;IAC/B,MAAM,EAAE,SAAS,EAAE,GAAG,eAAe,EAAE,CAAC;IACxC,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,EAAE,CAAC;IAC/B,MAAM,WAAW,GAAG,SAAS,EAAE,CAAC;IAEhC,SAAS,CAAC,GAAG,EAAE;QACb,0BAA0B;QAC1B,MAAM,SAAS,GAAkB;YAC/B,GAAG,CAAC;gBACF,eAAe,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,WAAW,CAAC;gBACnD,WAAW,EAAE,KAAK,EAAE,OAAe,EAAE,EAAE;oBACrC,MAAM,KAAK,GAAG,MAAM,WAAW,CAAC,WAAW,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC;oBAC1D,OAAO,eAAe,CAAC,WAAW,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;gBAC7D,CAAC;aACF,CAAC;SACH,CAAC;QACF,IAAI,MAAM,EAAE,OAAO,EAAE,CAAC;YACpB,SAAS,CAAC,IAAI,CACZ,MAAM,CAAC;gBACL,KAAK,CAAC,gBAAgB;oBACpB,OAAO,MAAM,EAAE,OAAwB,CAAC;gBAC1C,CAAC;aACF,CAAC,CACH,CAAC;QACJ,CAAC;QACD,IAAI,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC;YACjC,SAAS,CAAC,IAAI,CAAC,GAAG,SAAS,EAAE,SAAS,CAAC,CAAC;QAC1C,CAAC;QACD,MAAM,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;IACjC,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAEzD,OAAO,IAAI,CAAC;AACd,CAAC,CAAC"}
+{"version":3,"file":"SDKProviders.js","sourceRoot":"","sources":["../../../providers/WalletProvider/SDKProviders.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAEhD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,EAAE;IAC/B,MAAM,EAAE,SAAS,EAAE,GAAG,eAAe,EAAE,CAAC;IACxC,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,EAAE,CAAC;IAC/B,MAAM,WAAW,GAAG,SAAS,EAAE,CAAC;IAEhC,SAAS,CAAC,GAAG,EAAE;QACb,0BAA0B;QAC1B,MAAM,SAAS,GAAkB;YAC/B,GAAG,CAAC;gBACF,eAAe,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,WAAW,CAAC;gBACnD,WAAW,EAAE,KAAK,EAAE,OAAe,EAAE,EAAE;oBACrC,MAAM,KAAK,GAAG,MAAM,WAAW,CAAC,WAAW,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC;oBAC1D,OAAO,eAAe,CAAC,WAAW,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;gBAC7D,CAAC;aACF,CAAC;SACH,CAAC;QACF,IAAI,MAAM,EAAE,OAAO,EAAE,CAAC;YACpB,SAAS,CAAC,IAAI,CACZ,MAAM,CAAC;gBACL,KAAK,CAAC,gBAAgB;oBACpB,OAAO,MAAM,EAAE,OAAwB,CAAC;gBAC1C,CAAC;aACF,CAAC,CACH,CAAC;QACJ,CAAC;QACD,IAAI,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC;YACjC,SAAS,CAAC,IAAI,CAAC,GAAG,SAAS,EAAE,SAAS,CAAC,CAAC;QAC1C,CAAC;QACD,MAAM,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;IACjC,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAEzD,OAAO,IAAI,CAAC;AACd,CAAC,CAAC"}

package/_esm/stores/StoreProvider.js

@@ -4,9 +4,10 @@ import { FormStoreProvider } from './form';
 import { HeaderStoreProvider } from './header';
 import { RouteExecutionStoreProvider } from './routes';
 import { SplitSubvariantStoreProvider } from './settings';
+import { BookmarkStoreProvider } from './bookmarks';
 export const StoreProvider = ({ children, config, }) => {
     return (_jsx(SplitSubvariantStoreProvider, { state: config.subvariant === 'split'
             ? config.subvariantOptions || 'swap'
-            : undefined, children: _jsx(HeaderStoreProvider, { namePrefix: config?.keyPrefix, children: _jsx(FormStoreProvider, { children: _jsx(ChainOrderStoreProvider, { namePrefix: config?.keyPrefix, children: _jsx(RouteExecutionStoreProvider, { namePrefix: config?.keyPrefix, children: children }) }) }) }) }));
+            : undefined, children: _jsx(HeaderStoreProvider, { namePrefix: config?.keyPrefix, children: _jsx(FormStoreProvider, { children: _jsx(BookmarkStoreProvider, { namePrefix: config?.keyPrefix, children: _jsx(ChainOrderStoreProvider, { namePrefix: config?.keyPrefix, children: _jsx(RouteExecutionStoreProvider, { namePrefix: config?.keyPrefix, children: children }) }) }) }) }) }));
 };
 //# sourceMappingURL=StoreProvider.js.map

package/_esm/stores/StoreProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"StoreProvider.js","sourceRoot":"","sources":["../../stores/StoreProvider.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAC3C,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAC/C,OAAO,EAAE,2BAA2B,EAAE,MAAM,UAAU,CAAC;AACvD,OAAO,EAAE,4BAA4B,EAAE,MAAM,YAAY,CAAC;AAE1D,MAAM,CAAC,MAAM,aAAa,GAAmD,CAAC,EAC5E,QAAQ,EACR,MAAM,GACP,EAAE,EAAE;IACH,OAAO,CACL,KAAC,4BAA4B,IAC3B,KAAK,EACH,MAAM,CAAC,UAAU,KAAK,OAAO;YAC3B,CAAC,CAAC,MAAM,CAAC,iBAAiB,IAAI,MAAM;YACpC,CAAC,CAAC,SAAS,YAGf,KAAC,mBAAmB,IAAC,UAAU,EAAE,MAAM,EAAE,SAAS,YAChD,KAAC,iBAAiB,cAChB,KAAC,uBAAuB,IAAC,UAAU,EAAE,MAAM,EAAE,SAAS,YACpD,KAAC,2BAA2B,IAAC,UAAU,EAAE,MAAM,EAAE,SAAS,YACvD,QAAQ,GACmB,GACN,GACR,GACA,GACO,CAChC,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"StoreProvider.js","sourceRoot":"","sources":["../../stores/StoreProvider.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAC3C,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAC/C,OAAO,EAAE,2BAA2B,EAAE,MAAM,UAAU,CAAC;AACvD,OAAO,EAAE,4BAA4B,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AAEpD,MAAM,CAAC,MAAM,aAAa,GAAmD,CAAC,EAC5E,QAAQ,EACR,MAAM,GACP,EAAE,EAAE;IACH,OAAO,CACL,KAAC,4BAA4B,IAC3B,KAAK,EACH,MAAM,CAAC,UAAU,KAAK,OAAO;YAC3B,CAAC,CAAC,MAAM,CAAC,iBAAiB,IAAI,MAAM;YACpC,CAAC,CAAC,SAAS,YAGf,KAAC,mBAAmB,IAAC,UAAU,EAAE,MAAM,EAAE,SAAS,YAChD,KAAC,iBAAiB,cAChB,KAAC,qBAAqB,IAAC,UAAU,EAAE,MAAM,EAAE,SAAS,YAClD,KAAC,uBAAuB,IAAC,UAAU,EAAE,MAAM,EAAE,SAAS,YACpD,KAAC,2BAA2B,IAAC,UAAU,EAAE,MAAM,EAAE,SAAS,YACvD,QAAQ,GACmB,GACN,GACJ,GACN,GACA,GACO,CAChC,CAAC;AACJ,CAAC,CAAC"}

package/_esm/stores/bookmarks/BookmarkStore.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { shallow } from 'zustand/shallow';
+import type { PersistStoreProviderProps } from '../types';
+import type { BookmarkState, BookmarkStore } from './types';
+export declare const BookmarkStoreContext: import("react").Context<BookmarkStore | null>;
+export declare const BookmarkStoreProvider: React.FC<PersistStoreProviderProps>;
+export declare function useBookmarkStore<T>(selector: (store: BookmarkState) => T, equalityFunction?: typeof shallow): T;

package/_esm/stores/bookmarks/BookmarkStore.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useRef } from 'react';
+import { shallow } from 'zustand/shallow';
+import { createBookmarksStore } from './createBookmarkStore';
+export const BookmarkStoreContext = createContext(null);
+export const BookmarkStoreProvider = ({ children, ...props }) => {
+    const storeRef = useRef();
+    if (!storeRef.current) {
+        storeRef.current = createBookmarksStore(props);
+    }
+    return (_jsx(BookmarkStoreContext.Provider, { value: storeRef.current, children: children }));
+};
+export function useBookmarkStore(selector, equalityFunction = shallow) {
+    const useStore = useContext(BookmarkStoreContext);
+    if (!useStore) {
+        throw new Error(`You forgot to wrap your component in <${BookmarkStoreProvider.name}>.`);
+    }
+    return useStore(selector, equalityFunction);
+}
+//# sourceMappingURL=BookmarkStore.js.map

package/_esm/stores/bookmarks/BookmarkStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BookmarkStore.js","sourceRoot":"","sources":["../../../stores/bookmarks/BookmarkStore.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAE1C,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAG7D,MAAM,CAAC,MAAM,oBAAoB,GAAG,aAAa,CAAuB,IAAI,CAAC,CAAC;AAE9E,MAAM,CAAC,MAAM,qBAAqB,GAAwC,CAAC,EACzE,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,QAAQ,GAAG,MAAM,EAAiB,CAAC;IAEzC,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;QACtB,QAAQ,CAAC,OAAO,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC;IACjD,CAAC;IAED,OAAO,CACL,KAAC,oBAAoB,CAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,CAAC,OAAO,YACnD,QAAQ,GACqB,CACjC,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,UAAU,gBAAgB,CAC9B,QAAqC,EACrC,gBAAgB,GAAG,OAAO;IAE1B,MAAM,QAAQ,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;IAElD,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,MAAM,IAAI,KAAK,CACb,yCAAyC,qBAAqB,CAAC,IAAI,IAAI,CACxE,CAAC;IACJ,CAAC;IAED,OAAO,QAAQ,CAAC,QAAQ,EAAE,gBAAgB,CAAC,CAAC;AAC9C,CAAC"}

package/_esm/stores/bookmarks/createBookmarkStore.d.ts

@@ -0,0 +1,3 @@
+import type { PersistStoreProps } from '../types';
+import type { BookmarkState } from './types';
+export declare const createBookmarksStore: ({ namePrefix }: PersistStoreProps) => import("zustand/traditional").UseBoundStoreWithEqualityFn<import("zustand").StoreApi<BookmarkState>>;

package/_esm/stores/bookmarks/createBookmarkStore.js

@@ -0,0 +1,45 @@
+import { persist } from 'zustand/middleware';
+import { createWithEqualityFn } from 'zustand/traditional';
+const recentWalletsLimit = 5;
+export const createBookmarksStore = ({ namePrefix }) => createWithEqualityFn(persist((set, get) => ({
+    selectedBookmark: undefined,
+    bookmarks: [],
+    recentWallets: [],
+    getBookmark: (address) => get().bookmarks.find((bookmark) => bookmark.address === address),
+    addBookmark: (bookmark) => {
+        set((state) => ({
+            bookmarks: [bookmark, ...state.bookmarks],
+        }));
+    },
+    removeBookmark: (address) => {
+        set((state) => ({
+            bookmarks: state.bookmarks.filter((storedBookmark) => storedBookmark.address !== address),
+        }));
+    },
+    setSelectedBookmark: (bookmark) => {
+        set((state) => ({
+            selectedBookmark: bookmark,
+        }));
+    },
+    addRecentWallet: (bookmark) => {
+        set((state) => ({
+            recentWallets: [
+                bookmark,
+                ...state.recentWallets.filter((recentWallet) => recentWallet.address !== bookmark.address),
+            ].slice(0, recentWalletsLimit),
+        }));
+    },
+    removeRecentWallet: (address) => {
+        set((state) => ({
+            recentWallets: state.recentWallets.filter((storedRecent) => storedRecent.address !== address),
+        }));
+    },
+}), {
+    name: `${namePrefix || 'li.fi'}-bookmarks`,
+    version: 0,
+    partialize: (state) => ({
+        bookmarks: state.bookmarks,
+        recentWallets: state.recentWallets,
+    }),
+}), Object.is);
+//# sourceMappingURL=createBookmarkStore.js.map

package/_esm/stores/bookmarks/createBookmarkStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createBookmarkStore.js","sourceRoot":"","sources":["../../../stores/bookmarks/createBookmarkStore.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAI3D,MAAM,kBAAkB,GAAG,CAAC,CAAC;AAE7B,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EAAE,UAAU,EAAqB,EAAE,EAAE,CACxE,oBAAoB,CAClB,OAAO,CACL,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC;IACb,gBAAgB,EAAE,SAAS;IAC3B,SAAS,EAAE,EAAE;IACb,aAAa,EAAE,EAAE;IACjB,WAAW,EAAE,CAAC,OAAO,EAAE,EAAE,CACvB,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,OAAO,KAAK,OAAO,CAAC;IAClE,WAAW,EAAE,CAAC,QAAQ,EAAE,EAAE;QACxB,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;YACd,SAAS,EAAE,CAAC,QAAQ,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC;SAC1C,CAAC,CAAC,CAAC;IACN,CAAC;IACD,cAAc,EAAE,CAAC,OAAO,EAAE,EAAE;QAC1B,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;YACd,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,CAC/B,CAAC,cAAc,EAAE,EAAE,CAAC,cAAc,CAAC,OAAO,KAAK,OAAO,CACvD;SACF,CAAC,CAAC,CAAC;IACN,CAAC;IACD,mBAAmB,EAAE,CAAC,QAAQ,EAAE,EAAE;QAChC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;YACd,gBAAgB,EAAE,QAAQ;SAC3B,CAAC,CAAC,CAAC;IACN,CAAC;IACD,eAAe,EAAE,CAAC,QAAQ,EAAE,EAAE;QAC5B,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;YACd,aAAa,EAAE;gBACb,QAAQ;gBACR,GAAG,KAAK,CAAC,aAAa,CAAC,MAAM,CAC3B,CAAC,YAAY,EAAE,EAAE,CAAC,YAAY,CAAC,OAAO,KAAK,QAAQ,CAAC,OAAO,CAC5D;aACF,CAAC,KAAK,CAAC,CAAC,EAAE,kBAAkB,CAAC;SAC/B,CAAC,CAAC,CAAC;IACN,CAAC;IACD,kBAAkB,EAAE,CAAC,OAAO,EAAE,EAAE;QAC9B,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;YACd,aAAa,EAAE,KAAK,CAAC,aAAa,CAAC,MAAM,CACvC,CAAC,YAAY,EAAE,EAAE,CAAC,YAAY,CAAC,OAAO,KAAK,OAAO,CACnD;SACF,CAAC,CAAC,CAAC;IACN,CAAC;CACF,CAAC,EACF;IACE,IAAI,EAAE,GAAG,UAAU,IAAI,OAAO,YAAY;IAC1C,OAAO,EAAE,CAAC;IACV,UAAU,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QACtB,SAAS,EAAE,KAAK,CAAC,SAAS;QAC1B,aAAa,EAAE,KAAK,CAAC,aAAa;KACnC,CAAC;CACH,CACoD,EACvD,MAAM,CAAC,EAAE,CACV,CAAC"}

package/_esm/stores/bookmarks/index.d.ts

@@ -0,0 +1,5 @@
+export * from './BookmarkStore';
+export * from './createBookmarkStore';
+export * from './types';
+export * from './useBookmarkActions';
+export * from './useBookmarks';

package/_esm/stores/bookmarks/index.js

@@ -0,0 +1,6 @@
+export * from './BookmarkStore';
+export * from './createBookmarkStore';
+export * from './types';
+export * from './useBookmarkActions';
+export * from './useBookmarks';
+//# sourceMappingURL=index.js.map

package/_esm/stores/bookmarks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../stores/bookmarks/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,SAAS,CAAC;AACxB,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC"}

package/_esm/stores/bookmarks/types.d.ts

@@ -0,0 +1,24 @@
+import type { ChainType } from '@lifi/sdk';
+import type { StoreApi } from 'zustand';
+import type { UseBoundStoreWithEqualityFn } from 'zustand/esm/traditional';
+export interface Bookmark {
+    address: string;
+    chainType: ChainType;
+    name?: string;
+    isConnectedAccount?: boolean;
+}
+export interface BookmarkProps {
+    selectedBookmark?: Bookmark;
+    bookmarks: Bookmark[];
+    recentWallets: Bookmark[];
+}
+export interface BookmarkActions {
+    getBookmark: (address: string) => Bookmark | undefined;
+    addBookmark: (bookmark: Bookmark) => void;
+    removeBookmark: (address: string) => void;
+    setSelectedBookmark: (bookmark?: Bookmark) => void;
+    addRecentWallet: (bookmark: Bookmark) => void;
+    removeRecentWallet: (address: string) => void;
+}
+export type BookmarkState = BookmarkProps & BookmarkActions;
+export type BookmarkStore = UseBoundStoreWithEqualityFn<StoreApi<BookmarkState>>;

package/_esm/stores/bookmarks/types.js

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

package/_esm/stores/bookmarks/types.js.map

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

package/_esm/stores/bookmarks/useBookmarkActions.d.ts

@@ -0,0 +1,2 @@
+import type { BookmarkActions } from './types';
+export declare const useBookmarkActions: () => BookmarkActions;

package/_esm/stores/bookmarks/useBookmarkActions.js

@@ -0,0 +1,14 @@
+import { shallow } from 'zustand/shallow';
+import { useBookmarkStore } from './BookmarkStore';
+export const useBookmarkActions = () => {
+    const actions = useBookmarkStore((store) => ({
+        getBookmark: store.getBookmark,
+        addBookmark: store.addBookmark,
+        removeBookmark: store.removeBookmark,
+        setSelectedBookmark: store.setSelectedBookmark,
+        addRecentWallet: store.addRecentWallet,
+        removeRecentWallet: store.removeRecentWallet,
+    }), shallow);
+    return actions;
+};
+//# sourceMappingURL=useBookmarkActions.js.map

package/_esm/stores/bookmarks/useBookmarkActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBookmarkActions.js","sourceRoot":"","sources":["../../../stores/bookmarks/useBookmarkActions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAGnD,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,EAAE;IACrC,MAAM,OAAO,GAAG,gBAAgB,CAC9B,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QACV,WAAW,EAAE,KAAK,CAAC,WAAW;QAC9B,WAAW,EAAE,KAAK,CAAC,WAAW;QAC9B,cAAc,EAAE,KAAK,CAAC,cAAc;QACpC,mBAAmB,EAAE,KAAK,CAAC,mBAAmB;QAC9C,eAAe,EAAE,KAAK,CAAC,eAAe;QACtC,kBAAkB,EAAE,KAAK,CAAC,kBAAkB;KAC7C,CAAC,EACF,OAAO,CACR,CAAC;IAEF,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC"}

package/_esm/stores/bookmarks/useBookmarks.d.ts

@@ -0,0 +1,2 @@
+import type { BookmarkProps } from './types';
+export declare const useBookmarks: () => BookmarkProps;

package/_esm/stores/bookmarks/useBookmarks.js

@@ -0,0 +1,11 @@
+import { shallow } from 'zustand/shallow';
+import { useBookmarkStore } from './BookmarkStore';
+export const useBookmarks = () => {
+    const [bookmarks, selectedBookmark, recentWallets] = useBookmarkStore((store) => [store.bookmarks, store.selectedBookmark, store.recentWallets], shallow);
+    return {
+        bookmarks,
+        selectedBookmark,
+        recentWallets,
+    };
+};
+//# sourceMappingURL=useBookmarks.js.map

package/_esm/stores/bookmarks/useBookmarks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBookmarks.js","sourceRoot":"","sources":["../../../stores/bookmarks/useBookmarks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAGnD,MAAM,CAAC,MAAM,YAAY,GAAG,GAAkB,EAAE;IAC9C,MAAM,CAAC,SAAS,EAAE,gBAAgB,EAAE,aAAa,CAAC,GAAG,gBAAgB,CACnE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,gBAAgB,EAAE,KAAK,CAAC,aAAa,CAAC,EACzE,OAAO,CACR,CAAC;IAEF,OAAO;QACL,SAAS;QACT,gBAAgB;QAChB,aAAa;KACd,CAAC;AACJ,CAAC,CAAC"}

package/_esm/stores/form/FormStore.js

@@ -2,12 +2,14 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, useContext, useMemo, useRef } from 'react';
 import { shallow } from 'zustand/shallow';
 import { useWidgetConfig } from '../../providers';
+import { HiddenUI } from '../../types';
 import { FormUpdater } from './FormUpdater';
 import { createFormStore, formDefaultValues } from './createFormStore';
 export const FormStoreContext = createContext(null);
 export const FormStoreProvider = ({ children, }) => {
-    const { fromChain, fromToken, fromAmount, toChain, toToken, toAddress } = useWidgetConfig();
+    const { fromChain, fromToken, fromAmount, toChain, toToken, toAddress, hiddenUI, } = useWidgetConfig();
     const storeRef = useRef();
+    const hiddenToAddress = hiddenUI?.includes(HiddenUI.ToAddress);
     const defaultValues = useMemo(() => ({
         ...formDefaultValues,
         fromChain,
@@ -17,8 +19,19 @@ export const FormStoreProvider = ({ children, }) => {
         fromAmount: (typeof fromAmount === 'number'
             ? fromAmount?.toPrecision()
             : fromAmount) || formDefaultValues.fromAmount,
-        toAddress: toAddress || formDefaultValues.toAddress,
-    }), [fromAmount, fromChain, fromToken, toAddress, toChain, toToken]);
+        // Prevent setting address when the field is hidden
+        toAddress: hiddenToAddress
+            ? formDefaultValues.toAddress
+            : toAddress || formDefaultValues.toAddress,
+    }), [
+        fromAmount,
+        fromChain,
+        fromToken,
+        hiddenToAddress,
+        toAddress,
+        toChain,
+        toToken,
+    ]);
     if (!storeRef.current) {
         storeRef.current = createFormStore(defaultValues);
     }

package/_esm/stores/form/FormStore.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormStore.js","sourceRoot":"","sources":["../../../stores/form/FormStore.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACnE,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAGvE,MAAM,CAAC,MAAM,gBAAgB,GAAG,aAAa,CAAwB,IAAI,CAAC,CAAC;AAE3E,MAAM,CAAC,MAAM,iBAAiB,GAAgC,CAAC,EAC7D,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,GACrE,eAAe,EAAE,CAAC;IACpB,MAAM,QAAQ,GAAG,MAAM,EAAkB,CAAC;IAE1C,MAAM,aAAa,GAAG,OAAO,CAC3B,GAAG,EAAE,CAAC,CAAC;QACL,GAAG,iBAAiB;QACpB,SAAS;QACT,SAAS;QACT,OAAO;QACP,OAAO;QACP,UAAU,EACR,CAAC,OAAO,UAAU,KAAK,QAAQ;YAC7B,CAAC,CAAC,UAAU,EAAE,WAAW,EAAE;YAC3B,CAAC,CAAC,UAAU,CAAC,IAAI,iBAAiB,CAAC,UAAU;QACjD,SAAS,EAAE,SAAS,IAAI,iBAAiB,CAAC,SAAS;KACpD,CAAC,EACF,CAAC,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,CAAC,CAChE,CAAC;IAEF,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;QACtB,QAAQ,CAAC,OAAO,GAAG,eAAe,CAAC,aAAa,CAAC,CAAC;IACpD,CAAC;IAED,OAAO,CACL,KAAC,gBAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,CAAC,OAAO,YAChD,KAAC,WAAW,IAAC,aAAa,EAAE,aAAa,YAAG,QAAQ,GAAe,GACzC,CAC7B,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,UAAU,YAAY,CAC1B,QAAuC,EACvC,UAAU,GAAG,OAAO;IAEpB,MAAM,QAAQ,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAE9C,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,MAAM,IAAI,KAAK,CACb,yCAAyC,iBAAiB,CAAC,IAAI,IAAI,CACpE,CAAC;IACJ,CAAC;IAED,OAAO,QAAQ,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;AACxC,CAAC"}
+{"version":3,"file":"FormStore.js","sourceRoot":"","sources":["../../../stores/form/FormStore.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACnE,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAGvE,MAAM,CAAC,MAAM,gBAAgB,GAAG,aAAa,CAAwB,IAAI,CAAC,CAAC;AAE3E,MAAM,CAAC,MAAM,iBAAiB,GAAgC,CAAC,EAC7D,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,EACJ,SAAS,EACT,SAAS,EACT,UAAU,EACV,OAAO,EACP,OAAO,EACP,SAAS,EACT,QAAQ,GACT,GAAG,eAAe,EAAE,CAAC;IACtB,MAAM,QAAQ,GAAG,MAAM,EAAkB,CAAC;IAE1C,MAAM,eAAe,GAAG,QAAQ,EAAE,QAAQ,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;IAE/D,MAAM,aAAa,GAAG,OAAO,CAC3B,GAAG,EAAE,CAAC,CAAC;QACL,GAAG,iBAAiB;QACpB,SAAS;QACT,SAAS;QACT,OAAO;QACP,OAAO;QACP,UAAU,EACR,CAAC,OAAO,UAAU,KAAK,QAAQ;YAC7B,CAAC,CAAC,UAAU,EAAE,WAAW,EAAE;YAC3B,CAAC,CAAC,UAAU,CAAC,IAAI,iBAAiB,CAAC,UAAU;QACjD,mDAAmD;QACnD,SAAS,EAAE,eAAe;YACxB,CAAC,CAAC,iBAAiB,CAAC,SAAS;YAC7B,CAAC,CAAC,SAAS,IAAI,iBAAiB,CAAC,SAAS;KAC7C,CAAC,EACF;QACE,UAAU;QACV,SAAS;QACT,SAAS;QACT,eAAe;QACf,SAAS;QACT,OAAO;QACP,OAAO;KACR,CACF,CAAC;IAEF,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;QACtB,QAAQ,CAAC,OAAO,GAAG,eAAe,CAAC,aAAa,CAAC,CAAC;IACpD,CAAC;IAED,OAAO,CACL,KAAC,gBAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,CAAC,OAAO,YAChD,KAAC,WAAW,IAAC,aAAa,EAAE,aAAa,YAAG,QAAQ,GAAe,GACzC,CAC7B,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,UAAU,YAAY,CAC1B,QAAuC,EACvC,UAAU,GAAG,OAAO;IAEpB,MAAM,QAAQ,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAE9C,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,MAAM,IAAI,KAAK,CACb,yCAAyC,iBAAiB,CAAC,IAAI,IAAI,CACpE,CAAC;IACJ,CAAC;IAED,OAAO,QAAQ,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;AACxC,CAAC"}

package/_esm/stores/form/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../stores/form/types.ts"],"names":[],"mappings":"AAoHA,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,WAAW,EAAE,CAAC,QAAkB,EAA2B,EAAE,CAC3D,GAAG,QAAQ,OAAO;IACpB,WAAW,EAAE,CAAC,QAAkB,EAA2B,EAAE,CAC3D,GAAG,QAAQ,OAAO;IACpB,YAAY,EAAE,CAAC,QAAkB,EAA6B,EAAE,CAC9D,GAAG,QAAQ,QAAQ;CACtB,CAAC"}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../stores/form/types.ts"],"names":[],"mappings":"AAmHA,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,WAAW,EAAE,CAAC,QAAkB,EAA2B,EAAE,CAC3D,GAAG,QAAQ,OAAO;IACpB,WAAW,EAAE,CAAC,QAAkB,EAA2B,EAAE,CAC3D,GAAG,QAAQ,OAAO;IACpB,YAAY,EAAE,CAAC,QAAkB,EAA6B,EAAE,CAC9D,GAAG,QAAQ,QAAQ;CACtB,CAAC"}

package/_esm/stores/form/useTouchedFields.d.ts

@@ -1,14 +1,14 @@
 export declare const useTouchedFields: () => {
     fromAmount?: boolean | undefined;
+    contractOutputsToken?: boolean | undefined;
+    fromChain?: boolean | undefined;
     fromToken?: boolean | undefined;
     toAddress?: boolean | undefined;
-    toToken?: boolean | undefined;
-    fromChain?: boolean | undefined;
-    toChain?: boolean | undefined;
-    contractOutputsToken?: boolean | undefined;
     toAmount?: boolean | undefined;
+    toChain?: boolean | undefined;
     toContractAddress?: boolean | undefined;
     toContractCallData?: boolean | undefined;
     toContractGasLimit?: boolean | undefined;
+    toToken?: boolean | undefined;
     tokenSearchFilter?: boolean | undefined;
 };

package/_esm/stores/index.d.ts

@@ -4,3 +4,4 @@ export * from './header';
 export * from './routes';
 export * from './settings';
 export * from './form';
+export * from './bookmarks';

package/_esm/stores/index.js

@@ -4,4 +4,5 @@ export * from './header';
 export * from './routes';
 export * from './settings';
 export * from './form';
+export * from './bookmarks';
 //# sourceMappingURL=index.js.map

package/_esm/stores/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../stores/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../stores/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC"}

package/_esm/utils/chainType.d.ts

@@ -0,0 +1,6 @@
+import { ChainId, ChainType } from '@lifi/sdk';
+export declare const getChainTypeFromAddress: (address: string) => ChainType | undefined;
+export declare const defaultChainIdsByType: {
+    EVM: ChainId;
+    SVM: ChainId;
+};

package/_esm/utils/chainType.js

@@ -0,0 +1,20 @@
+import { ChainId, ChainType } from '@lifi/sdk';
+import { isAddress as isEVMAddress } from 'viem';
+import { isSVMAddress } from './svm';
+const chainTypeAddressValidation = {
+    [ChainType.EVM]: isEVMAddress,
+    [ChainType.SVM]: isSVMAddress,
+};
+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,
+};
+//# sourceMappingURL=chainType.js.map

package/_esm/utils/chainType.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chainType.js","sourceRoot":"","sources":["../../utils/chainType.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,SAAS,IAAI,YAAY,EAAE,MAAM,MAAM,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAErC,MAAM,0BAA0B,GAAG;IACjC,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,YAAY;IAC7B,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,YAAY;CAC9B,CAAC;AAEF,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,CAAC;QAC9D,IAAI,WAAW,EAAE,CAAC;YAChB,OAAO,SAAsB,CAAC;QAChC,CAAC;IACH,CAAC;AACH,CAAC,CAAC;AAEF,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;CAC7B,CAAC"}

package/_esm/utils/index.d.ts

@@ -4,6 +4,7 @@ export * from './elements';
 export * from './enum';
 export * from './fees';
 export * from './format';
+export * from './chainType';
 export * from './input';
 export * from './item';
 export * from './navigationRoutes';

package/_esm/utils/index.js

@@ -4,6 +4,7 @@ export * from './elements';
 export * from './enum';
 export * from './fees';
 export * from './format';
+export * from './chainType';
 export * from './input';
 export * from './item';
 export * from './navigationRoutes';

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,QAAQ,CAAC;AACvB,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,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,oBAAoB,CAAC;AACnC,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC"}

package/_esm/utils/navigationRoutes.d.ts

@@ -15,6 +15,10 @@ export declare const navigationRoutes: {
     transactionDetails: string;
     transactionExecution: string;
     transactionHistory: string;
+    sendToWallet: string;
+    bookmarks: string;
+    recentWallets: string;
+    connectedWallets: string;
 };
 export declare const navigationRoutesValues: string[];
 export declare const stickyHeaderRoutes: string[];

package/_esm/utils/navigationRoutes.js

@@ -15,6 +15,10 @@ export const navigationRoutes = {
     transactionDetails: 'transaction-details',
     transactionExecution: 'transaction-execution',
     transactionHistory: 'transaction-history',
+    sendToWallet: 'send-to-wallet',
+    bookmarks: 'bookmarks',
+    recentWallets: 'recent-wallets',
+    connectedWallets: 'connected-wallets',
 };
 export const navigationRoutesValues = Object.values(navigationRoutes);
 export const stickyHeaderRoutes = [
@@ -31,6 +35,10 @@ export const stickyHeaderRoutes = [
     navigationRoutes.transactionDetails,
     navigationRoutes.transactionExecution,
     navigationRoutes.transactionHistory,
+    navigationRoutes.sendToWallet,
+    navigationRoutes.bookmarks,
+    navigationRoutes.recentWallets,
+    navigationRoutes.connectedWallets,
 ];
 export const backButtonRoutes = [
     navigationRoutes.activeTransactions,
@@ -48,5 +56,9 @@ export const backButtonRoutes = [
     navigationRoutes.transactionDetails,
     navigationRoutes.transactionExecution,
     navigationRoutes.transactionHistory,
+    navigationRoutes.sendToWallet,
+    navigationRoutes.bookmarks,
+    navigationRoutes.recentWallets,
+    navigationRoutes.connectedWallets,
 ];
 //# sourceMappingURL=navigationRoutes.js.map

package/_esm/utils/navigationRoutes.js.map

@@ -1 +1 @@
-{"version":3,"file":"navigationRoutes.js","sourceRoot":"","sources":["../../utils/navigationRoutes.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,IAAI,EAAE,GAAG;IACT,kBAAkB,EAAE,qBAAqB;IACzC,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,WAAW;IACtB,SAAS,EAAE,YAAY;IACvB,SAAS,EAAE,YAAY;IACvB,SAAS,EAAE,WAAW;IACtB,MAAM,EAAE,QAAQ;IAChB,YAAY,EAAE,eAAe;IAC7B,QAAQ,EAAE,UAAU;IACpB,OAAO,EAAE,UAAU;IACnB,OAAO,EAAE,UAAU;IACnB,aAAa,EAAE,iBAAiB;IAChC,kBAAkB,EAAE,qBAAqB;IACzC,oBAAoB,EAAE,uBAAuB;IAC7C,kBAAkB,EAAE,qBAAqB;CAC1C,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC;AAEtE,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,gBAAgB,CAAC,kBAAkB;IACnC,gBAAgB,CAAC,OAAO;IACxB,gBAAgB,CAAC,SAAS;IAC1B,gBAAgB,CAAC,SAAS;IAC1B,gBAAgB,CAAC,IAAI;IACrB,gBAAgB,CAAC,MAAM;IACvB,gBAAgB,CAAC,YAAY;IAC7B,gBAAgB,CAAC,QAAQ;IACzB,gBAAgB,CAAC,OAAO;IACxB,gBAAgB,CAAC,aAAa;IAC9B,gBAAgB,CAAC,kBAAkB;IACnC,gBAAgB,CAAC,oBAAoB;IACrC,gBAAgB,CAAC,kBAAkB;CACpC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,gBAAgB,CAAC,kBAAkB;IACnC,gBAAgB,CAAC,OAAO;IACxB,gBAAgB,CAAC,SAAS;IAC1B,gBAAgB,CAAC,SAAS;IAC1B,gBAAgB,CAAC,SAAS;IAC1B,gBAAgB,CAAC,SAAS;IAC1B,gBAAgB,CAAC,MAAM;IACvB,gBAAgB,CAAC,YAAY;IAC7B,gBAAgB,CAAC,QAAQ;IACzB,gBAAgB,CAAC,OAAO;IACxB,gBAAgB,CAAC,OAAO;IACxB,gBAAgB,CAAC,aAAa;IAC9B,gBAAgB,CAAC,kBAAkB;IACnC,gBAAgB,CAAC,oBAAoB;IACrC,gBAAgB,CAAC,kBAAkB;CACpC,CAAC"}
+{"version":3,"file":"navigationRoutes.js","sourceRoot":"","sources":["../../utils/navigationRoutes.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,IAAI,EAAE,GAAG;IACT,kBAAkB,EAAE,qBAAqB;IACzC,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,WAAW;IACtB,SAAS,EAAE,YAAY;IACvB,SAAS,EAAE,YAAY;IACvB,SAAS,EAAE,WAAW;IACtB,MAAM,EAAE,QAAQ;IAChB,YAAY,EAAE,eAAe;IAC7B,QAAQ,EAAE,UAAU;IACpB,OAAO,EAAE,UAAU;IACnB,OAAO,EAAE,UAAU;IACnB,aAAa,EAAE,iBAAiB;IAChC,kBAAkB,EAAE,qBAAqB;IACzC,oBAAoB,EAAE,uBAAuB;IAC7C,kBAAkB,EAAE,qBAAqB;IACzC,YAAY,EAAE,gBAAgB;IAC9B,SAAS,EAAE,WAAW;IACtB,aAAa,EAAE,gBAAgB;IAC/B,gBAAgB,EAAE,mBAAmB;CACtC,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC;AAEtE,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,gBAAgB,CAAC,kBAAkB;IACnC,gBAAgB,CAAC,OAAO;IACxB,gBAAgB,CAAC,SAAS;IAC1B,gBAAgB,CAAC,SAAS;IAC1B,gBAAgB,CAAC,IAAI;IACrB,gBAAgB,CAAC,MAAM;IACvB,gBAAgB,CAAC,YAAY;IAC7B,gBAAgB,CAAC,QAAQ;IACzB,gBAAgB,CAAC,OAAO;IACxB,gBAAgB,CAAC,aAAa;IAC9B,gBAAgB,CAAC,kBAAkB;IACnC,gBAAgB,CAAC,oBAAoB;IACrC,gBAAgB,CAAC,kBAAkB;IACnC,gBAAgB,CAAC,YAAY;IAC7B,gBAAgB,CAAC,SAAS;IAC1B,gBAAgB,CAAC,aAAa;IAC9B,gBAAgB,CAAC,gBAAgB;CAClC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,gBAAgB,CAAC,kBAAkB;IACnC,gBAAgB,CAAC,OAAO;IACxB,gBAAgB,CAAC,SAAS;IAC1B,gBAAgB,CAAC,SAAS;IAC1B,gBAAgB,CAAC,SAAS;IAC1B,gBAAgB,CAAC,SAAS;IAC1B,gBAAgB,CAAC,MAAM;IACvB,gBAAgB,CAAC,YAAY;IAC7B,gBAAgB,CAAC,QAAQ;IACzB,gBAAgB,CAAC,OAAO;IACxB,gBAAgB,CAAC,OAAO;IACxB,gBAAgB,CAAC,aAAa;IAC9B,gBAAgB,CAAC,kBAAkB;IACnC,gBAAgB,CAAC,oBAAoB;IACrC,gBAAgB,CAAC,kBAAkB;IACnC,gBAAgB,CAAC,YAAY;IAC7B,gBAAgB,CAAC,SAAS;IAC1B,gBAAgB,CAAC,aAAa;IAC9B,gBAAgB,CAAC,gBAAgB;CAClC,CAAC"}

package/components/AccountAvatar.tsx

@@ -0,0 +1,55 @@
+import { Avatar, Badge } from '@mui/material';
+import WalletIcon from '@mui/icons-material/Wallet';
+import { getWalletIcon } from '@lifi/wallet-management';
+import type { Connector } from 'wagmi';
+import type { Account } from '../hooks';
+import { useChain } from '../hooks';
+import { SmallAvatar } from './SmallAvatar';
+
+interface AccountAvatarProps {
+  chainId?: number;
+  account?: Account;
+}
+
+const WalletAvatar = () => (
+  <Avatar>
+    <WalletIcon sx={{ fontSize: 20 }} />
+  </Avatar>
+);
+
+export const AccountAvatar = ({ chainId, account }: AccountAvatarProps) => {
+  const { chain } = useChain(chainId);
+
+  const avatar = account ? (
+    <Avatar
+      src={
+        account.connector?.icon ||
+        getWalletIcon((account.connector as Connector)?.id)
+      }
+      alt={account.connector?.name}
+      sx={{
+        marginRight: chain?.logoURI ? 0 : 1.5,
+      }}
+    >
+      {account.connector?.name[0]}
+    </Avatar>
+  ) : (
+    <WalletAvatar />
+  );
+
+  return chainId && chain?.logoURI ? (
+    <Badge
+      overlap="circular"
+      anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}
+      badgeContent={
+        <SmallAvatar src={chain?.logoURI} alt={chain?.name}>
+          {chain?.name[0]}
+        </SmallAvatar>
+      }
+    >
+      {avatar}
+    </Badge>
+  ) : (
+    avatar
+  );
+};

package/components/AlertMessage/AlertMessage.style.tsx

@@ -0,0 +1,40 @@
+import { Box } from '@mui/material';
+import { alpha, darken, lighten, styled } from '@mui/material/styles';
+import { getInfoBackgroundColor, getWarningBackgroundColor } from '../../utils';
+import type { Severity } from './types';
+
+interface AlertSeverityProps {
+  severity: Severity;
+}
+
+export const AlertMessageCard = styled(Box, {
+  shouldForwardProp: (prop) => prop !== 'severity',
+})<AlertSeverityProps>(({ theme, severity }) => ({
+  borderRadius: theme.shape.borderRadius,
+  position: 'relative',
+  whiteSpace: 'pre-line',
+  width: '100%',
+  paddingBottom: theme.spacing(2),
+  backgroundColor:
+    severity === 'warning'
+      ? getWarningBackgroundColor(theme)
+      : getInfoBackgroundColor(theme),
+}));
+
+export const AlertMessageCardTitle = styled(Box, {
+  shouldForwardProp: (prop) => prop !== 'severity',
+})<AlertSeverityProps>(({ theme, severity }) => ({
+  display: 'flex',
+  paddingLeft: theme.spacing(2),
+  paddingRight: theme.spacing(2),
+  paddingTop: theme.spacing(2),
+  gap: theme.spacing(1),
+  color:
+    severity === 'warning'
+      ? theme.palette.mode === 'light'
+        ? darken(theme.palette.warning.main, 0.36)
+        : alpha(theme.palette.warning.main, 1)
+      : theme.palette.mode === 'light'
+        ? theme.palette.info.main
+        : lighten(theme.palette.info.main, 0.24),
+}));

package/components/AlertMessage/AlertMessage.tsx

@@ -0,0 +1,31 @@
+import type { BoxProps } from '@mui/material';
+import type { PropsWithChildren, ReactNode } from 'react';
+import { AlertMessageCard, AlertMessageCardTitle } from './AlertMessage.style';
+import type { Severity } from './types';
+
+interface AlertMessageProps extends PropsWithChildren<Omit<BoxProps, 'title'>> {
+  icon: ReactNode;
+  title: ReactNode;
+  isMultilineTitle?: boolean;
+  severity?: Severity;
+}
+
+export const AlertMessage = ({
+  title,
+  icon,
+  children,
+  isMultilineTitle,
+  severity = 'info',
+  ...rest
+}: AlertMessageProps) => (
+  <AlertMessageCard severity={severity} {...rest}>
+    <AlertMessageCardTitle
+      severity={severity}
+      alignItems={isMultilineTitle ? 'start' : 'center'}
+    >
+      {icon}
+      {title}
+    </AlertMessageCardTitle>
+    {children}
+  </AlertMessageCard>
+);

package/components/AlertMessage/index.ts

@@ -0,0 +1,3 @@
+export * from './AlertMessage';
+export * from './AlertMessage.style';
+export * from './types';

package/components/AlertMessage/types.ts

@@ -0,0 +1 @@
+export type Severity = 'info' | 'warning';

package/components/BaseTransactionButton/BaseTransactionButton.tsx

@@ -1,8 +1,9 @@
 import LoadingButton from '@mui/lab/LoadingButton';
 import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
-import { useAccount } from '../../hooks';
+import { useAccount, useChain } from '../../hooks';
 import { useWidgetConfig } from '../../providers';
+import { useFieldValues } from '../../stores';
 import { navigationRoutes } from '../../utils';
 import type { BaseTransactionButtonProps } from './types';
 
@@ -15,10 +16,12 @@ export const BaseTransactionButton: React.FC<BaseTransactionButtonProps> = ({
   const { t } = useTranslation();
   const navigate = useNavigate();
   const { walletConfig } = useWidgetConfig();
-  const { isConnected } = useAccount();
+  const [fromChainId] = useFieldValues('fromChain');
+  const { chain } = useChain(fromChainId);
+  const { account } = useAccount({ chainType: chain?.chainType });
 
   const handleClick = async () => {
-    if (isConnected) {
+    if (account.isConnected) {
       onClick?.();
     } else if (walletConfig?.onConnect) {
       walletConfig.onConnect();
@@ -28,7 +31,7 @@ export const BaseTransactionButton: React.FC<BaseTransactionButtonProps> = ({
   };
 
   const getButtonText = () => {
-    if (isConnected) {
+    if (account.isConnected) {
       if (text) {
         return text;
       }