@lifi/widget 4.0.0-beta.13 → 4.0.0-beta.17

package/dist/esm/stores/routes/createRouteExecutionStore.js

@@ -1,5 +1,4 @@
 import { hasEnumFlag } from "../../utils/enum.js";
-import { RouteExecutionStatus } from "./types.js";
 import { isRouteDone, isRouteFailed, isRoutePartiallyDone, isRouteRefunded } from "./utils.js";
 import { create } from "zustand";
 import { persist } from "zustand/middleware";
@@ -9,12 +8,12 @@ const createRouteExecutionStore = ({ namePrefix }) => create()(persist((set, get
 	setExecutableRoute: (route, observableRouteIds) => {
 		if (!get().routes[route.id]) set((state) => {
 			const routes = { ...state.routes };
-			Object.keys(routes).filter((routeId) => !observableRouteIds?.includes(routeId) && hasEnumFlag(routes[routeId].status, RouteExecutionStatus.Idle)).forEach((routeId) => {
+			Object.keys(routes).filter((routeId) => !observableRouteIds?.includes(routeId) && hasEnumFlag(routes[routeId].status, 1)).forEach((routeId) => {
 				delete routes[routeId];
 			});
 			routes[route.id] = {
 				route,
-				status: RouteExecutionStatus.Idle
+				status: 1
 			};
 			return { routes };
 		});
@@ -29,16 +28,16 @@ const createRouteExecutionStore = ({ namePrefix }) => create()(persist((set, get
 				}
 			} };
 			if (isRouteFailed(route)) {
-				updatedState.routes[route.id].status = RouteExecutionStatus.Failed;
+				updatedState.routes[route.id].status = 8;
 				return updatedState;
 			}
 			if (isRouteDone(route)) {
-				updatedState.routes[route.id].status = RouteExecutionStatus.Done;
-				if (isRoutePartiallyDone(route)) updatedState.routes[route.id].status |= RouteExecutionStatus.Partial;
-				else if (isRouteRefunded(route)) updatedState.routes[route.id].status |= RouteExecutionStatus.Refunded;
+				updatedState.routes[route.id].status = 4;
+				if (isRoutePartiallyDone(route)) updatedState.routes[route.id].status |= 16;
+				else if (isRouteRefunded(route)) updatedState.routes[route.id].status |= 32;
 				return updatedState;
 			}
-			if (route.steps.some((step) => step.execution)) updatedState.routes[route.id].status = RouteExecutionStatus.Pending;
+			if (route.steps.some((step) => step.execution)) updatedState.routes[route.id].status = 2;
 			return updatedState;
 		});
 	},
@@ -47,7 +46,7 @@ const createRouteExecutionStore = ({ namePrefix }) => create()(persist((set, get
 		Object.keys(routes).filter((routeId) => {
 			const route = routes[routeId];
 			if (accountAddresses && !accountAddresses.includes(route?.route.fromAddress ?? "")) return false;
-			return type === "completed" ? hasEnumFlag(route?.status ?? 0, RouteExecutionStatus.Done) : type === "failed" ? hasEnumFlag(route?.status ?? 0, RouteExecutionStatus.Failed) : !hasEnumFlag(route?.status ?? 0, RouteExecutionStatus.Done);
+			return type === "completed" ? hasEnumFlag(route?.status ?? 0, 4) : type === "failed" ? hasEnumFlag(route?.status ?? 0, 8) : !hasEnumFlag(route?.status ?? 0, 4);
 		}).forEach((routeId) => {
 			delete routes[routeId];
 		});

package/dist/esm/stores/routes/createRouteExecutionStore.js.map

@@ -1 +1 @@
-{"version":3,"file":"createRouteExecutionStore.js","names":[],"sources":["../../../../src/stores/routes/createRouteExecutionStore.ts"],"sourcesContent":["import type { Route, RouteExtended } from '@lifi/sdk'\nimport type { StoreApi, UseBoundStore } from 'zustand'\nimport { create } from 'zustand'\nimport { persist } from 'zustand/middleware'\nimport { hasEnumFlag } from '../../utils/enum.js'\nimport type { PersistStoreProps } from '../types.js'\nimport type { RouteExecution, RouteExecutionState } from './types.js'\nimport { RouteExecutionStatus } from './types.js'\nimport {\n  isRouteDone,\n  isRouteFailed,\n  isRoutePartiallyDone,\n  isRouteRefunded,\n} from './utils.js'\n\nexport const createRouteExecutionStore = ({\n  namePrefix,\n}: PersistStoreProps): UseBoundStore<StoreApi<RouteExecutionState>> =>\n  create<RouteExecutionState>()(\n    persist(\n      (set, get) => ({\n        routes: {},\n        setExecutableRoute: (route: Route, observableRouteIds?: string[]) => {\n          if (!get().routes[route.id]) {\n            set((state: RouteExecutionState) => {\n              const routes = { ...state.routes }\n              // clean previous idle routes\n              Object.keys(routes)\n                .filter(\n                  (routeId) =>\n                    !observableRouteIds?.includes(routeId) &&\n                    hasEnumFlag(\n                      routes[routeId]!.status,\n                      RouteExecutionStatus.Idle\n                    )\n                )\n                .forEach((routeId) => {\n                  delete routes[routeId]\n                })\n              routes[route.id] = {\n                route,\n                status: RouteExecutionStatus.Idle,\n              }\n              return {\n                routes,\n              }\n            })\n          }\n        },\n        updateRoute: (route: RouteExtended) => {\n          if (get().routes[route.id]) {\n            set((state: RouteExecutionState) => {\n              const updatedState = {\n                routes: {\n                  ...state.routes,\n                  [route.id]: { ...state.routes[route.id]!, route },\n                },\n              }\n              const isFailed = isRouteFailed(route)\n              if (isFailed) {\n                updatedState.routes[route.id]!.status =\n                  RouteExecutionStatus.Failed\n                return updatedState\n              }\n              const isDone = isRouteDone(route)\n              if (isDone) {\n                updatedState.routes[route.id]!.status =\n                  RouteExecutionStatus.Done\n                if (isRoutePartiallyDone(route)) {\n                  updatedState.routes[route.id]!.status |=\n                    RouteExecutionStatus.Partial\n                } else if (isRouteRefunded(route)) {\n                  updatedState.routes[route.id]!.status |=\n                    RouteExecutionStatus.Refunded\n                }\n                return updatedState\n              }\n              const isLoading = route.steps.some((step) => step.execution)\n              if (isLoading) {\n                updatedState.routes[route.id]!.status =\n                  RouteExecutionStatus.Pending\n              }\n              return updatedState\n            })\n          }\n        },\n        deleteRoutes: (type, accountAddresses) =>\n          set((state: RouteExecutionState) => {\n            const routes = { ...state.routes }\n            Object.keys(routes)\n              .filter((routeId) => {\n                const route = routes[routeId]\n                if (\n                  accountAddresses &&\n                  !accountAddresses.includes(route?.route.fromAddress ?? '')\n                ) {\n                  return false\n                }\n                return type === 'completed'\n                  ? hasEnumFlag(route?.status ?? 0, RouteExecutionStatus.Done)\n                  : type === 'failed'\n                    ? hasEnumFlag(\n                        route?.status ?? 0,\n                        RouteExecutionStatus.Failed\n                      )\n                    : !hasEnumFlag(\n                        route?.status ?? 0,\n                        RouteExecutionStatus.Done\n                      )\n              })\n              .forEach((routeId) => {\n                delete routes[routeId]\n              })\n            return {\n              routes,\n            }\n          }),\n        deleteRoute: (routeId: string) => {\n          if (get().routes[routeId]) {\n            set((state: RouteExecutionState) => {\n              const routes = { ...state.routes }\n              delete routes[routeId]\n              return {\n                routes,\n              }\n            })\n          }\n        },\n      }),\n      {\n        name: `${namePrefix || 'li.fi'}-widget-routes`,\n        // Bump version on breaking changes to the stored structure.\n        version: 4,\n        // Clear stored routes on any version mismatch to avoid errors from incompatible data shapes.\n        migrate: () => ({ routes: {} }),\n        partialize: (state) => ({ routes: state.routes }),\n        merge: (persistedState: any, currentState: RouteExecutionState) => {\n          const state = {\n            ...currentState,\n            ...persistedState,\n          } as RouteExecutionState\n          try {\n            // Keep only the most recent 100 routes, evicting the oldest when the\n            // limit is exceeded.\n            const maxStoredRoutes = 100\n            const allRoutes = Object.values(state.routes) as RouteExecution[]\n            const storedRoutes = allRoutes\n              .sort(\n                (a, b) =>\n                  (b.route.steps[0]?.execution?.startedAt ?? 0) -\n                  (a.route.steps[0]?.execution?.startedAt ?? 0)\n              )\n              .slice(0, maxStoredRoutes)\n            const keepIds = new Set(storedRoutes.map((r) => r.route.id))\n            for (const id of Object.keys(state.routes)) {\n              if (!keepIds.has(id)) {\n                delete state.routes[id]\n              }\n            }\n          } catch (error) {\n            console.error(error)\n          }\n          return state\n        },\n      }\n    )\n  )\n"],"mappings":"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"}
+{"version":3,"file":"createRouteExecutionStore.js","names":[],"sources":["../../../../src/stores/routes/createRouteExecutionStore.ts"],"sourcesContent":["import type { Route, RouteExtended } from '@lifi/sdk'\nimport type { StoreApi, UseBoundStore } from 'zustand'\nimport { create } from 'zustand'\nimport { persist } from 'zustand/middleware'\nimport { hasEnumFlag } from '../../utils/enum.js'\nimport type { PersistStoreProps } from '../types.js'\nimport type { RouteExecution, RouteExecutionState } from './types.js'\nimport { RouteExecutionStatus } from './types.js'\nimport {\n  isRouteDone,\n  isRouteFailed,\n  isRoutePartiallyDone,\n  isRouteRefunded,\n} from './utils.js'\n\nexport const createRouteExecutionStore = ({\n  namePrefix,\n}: PersistStoreProps): UseBoundStore<StoreApi<RouteExecutionState>> =>\n  create<RouteExecutionState>()(\n    persist(\n      (set, get) => ({\n        routes: {},\n        setExecutableRoute: (route: Route, observableRouteIds?: string[]) => {\n          if (!get().routes[route.id]) {\n            set((state: RouteExecutionState) => {\n              const routes = { ...state.routes }\n              // clean previous idle routes\n              Object.keys(routes)\n                .filter(\n                  (routeId) =>\n                    !observableRouteIds?.includes(routeId) &&\n                    hasEnumFlag(\n                      routes[routeId]!.status,\n                      RouteExecutionStatus.Idle\n                    )\n                )\n                .forEach((routeId) => {\n                  delete routes[routeId]\n                })\n              routes[route.id] = {\n                route,\n                status: RouteExecutionStatus.Idle,\n              }\n              return {\n                routes,\n              }\n            })\n          }\n        },\n        updateRoute: (route: RouteExtended) => {\n          if (get().routes[route.id]) {\n            set((state: RouteExecutionState) => {\n              const updatedState = {\n                routes: {\n                  ...state.routes,\n                  [route.id]: { ...state.routes[route.id]!, route },\n                },\n              }\n              const isFailed = isRouteFailed(route)\n              if (isFailed) {\n                updatedState.routes[route.id]!.status =\n                  RouteExecutionStatus.Failed\n                return updatedState\n              }\n              const isDone = isRouteDone(route)\n              if (isDone) {\n                updatedState.routes[route.id]!.status =\n                  RouteExecutionStatus.Done\n                if (isRoutePartiallyDone(route)) {\n                  updatedState.routes[route.id]!.status |=\n                    RouteExecutionStatus.Partial\n                } else if (isRouteRefunded(route)) {\n                  updatedState.routes[route.id]!.status |=\n                    RouteExecutionStatus.Refunded\n                }\n                return updatedState\n              }\n              const isLoading = route.steps.some((step) => step.execution)\n              if (isLoading) {\n                updatedState.routes[route.id]!.status =\n                  RouteExecutionStatus.Pending\n              }\n              return updatedState\n            })\n          }\n        },\n        deleteRoutes: (type, accountAddresses) =>\n          set((state: RouteExecutionState) => {\n            const routes = { ...state.routes }\n            Object.keys(routes)\n              .filter((routeId) => {\n                const route = routes[routeId]\n                if (\n                  accountAddresses &&\n                  !accountAddresses.includes(route?.route.fromAddress ?? '')\n                ) {\n                  return false\n                }\n                return type === 'completed'\n                  ? hasEnumFlag(route?.status ?? 0, RouteExecutionStatus.Done)\n                  : type === 'failed'\n                    ? hasEnumFlag(\n                        route?.status ?? 0,\n                        RouteExecutionStatus.Failed\n                      )\n                    : !hasEnumFlag(\n                        route?.status ?? 0,\n                        RouteExecutionStatus.Done\n                      )\n              })\n              .forEach((routeId) => {\n                delete routes[routeId]\n              })\n            return {\n              routes,\n            }\n          }),\n        deleteRoute: (routeId: string) => {\n          if (get().routes[routeId]) {\n            set((state: RouteExecutionState) => {\n              const routes = { ...state.routes }\n              delete routes[routeId]\n              return {\n                routes,\n              }\n            })\n          }\n        },\n      }),\n      {\n        name: `${namePrefix || 'li.fi'}-widget-routes`,\n        // Bump version on breaking changes to the stored structure.\n        version: 4,\n        // Clear stored routes on any version mismatch to avoid errors from incompatible data shapes.\n        migrate: () => ({ routes: {} }),\n        partialize: (state) => ({ routes: state.routes }),\n        merge: (persistedState: any, currentState: RouteExecutionState) => {\n          const state = {\n            ...currentState,\n            ...persistedState,\n          } as RouteExecutionState\n          try {\n            // Keep only the most recent 100 routes, evicting the oldest when the\n            // limit is exceeded.\n            const maxStoredRoutes = 100\n            const allRoutes = Object.values(state.routes) as RouteExecution[]\n            const storedRoutes = allRoutes\n              .sort(\n                (a, b) =>\n                  (b.route.steps[0]?.execution?.startedAt ?? 0) -\n                  (a.route.steps[0]?.execution?.startedAt ?? 0)\n              )\n              .slice(0, maxStoredRoutes)\n            const keepIds = new Set(storedRoutes.map((r) => r.route.id))\n            for (const id of Object.keys(state.routes)) {\n              if (!keepIds.has(id)) {\n                delete state.routes[id]\n              }\n            }\n          } catch (error) {\n            console.error(error)\n          }\n          return state\n        },\n      }\n    )\n  )\n"],"mappings":";;;;;AAeA,MAAa,6BAA6B,EACxC,iBAEA,QAA6B,CAC3B,SACG,KAAK,SAAS;CACb,QAAQ,EAAE;CACV,qBAAqB,OAAc,uBAAkC;AACnE,MAAI,CAAC,KAAK,CAAC,OAAO,MAAM,IACtB,MAAK,UAA+B;GAClC,MAAM,SAAS,EAAE,GAAG,MAAM,QAAQ;AAElC,UAAO,KAAK,OAAO,CAChB,QACE,YACC,CAAC,oBAAoB,SAAS,QAAQ,IACtC,YACE,OAAO,SAAU,QAAA,EAElB,CACJ,CACA,SAAS,YAAY;AACpB,WAAO,OAAO;KACd;AACJ,UAAO,MAAM,MAAM;IACjB;IACA,QAAA;IACD;AACD,UAAO,EACL,QACD;IACD;;CAGN,cAAc,UAAyB;AACrC,MAAI,KAAK,CAAC,OAAO,MAAM,IACrB,MAAK,UAA+B;GAClC,MAAM,eAAe,EACnB,QAAQ;IACN,GAAG,MAAM;KACR,MAAM,KAAK;KAAE,GAAG,MAAM,OAAO,MAAM;KAAM;KAAO;IAClD,EACF;AAED,OADiB,cAAc,MAAM,EACvB;AACZ,iBAAa,OAAO,MAAM,IAAK,SAAA;AAE/B,WAAO;;AAGT,OADe,YAAY,MAAM,EACrB;AACV,iBAAa,OAAO,MAAM,IAAK,SAAA;AAE/B,QAAI,qBAAqB,MAAM,CAC7B,cAAa,OAAO,MAAM,IAAK,UAAA;aAEtB,gBAAgB,MAAM,CAC/B,cAAa,OAAO,MAAM,IAAK,UAAA;AAGjC,WAAO;;AAGT,OADkB,MAAM,MAAM,MAAM,SAAS,KAAK,UAAU,CAE1D,cAAa,OAAO,MAAM,IAAK,SAAA;AAGjC,UAAO;IACP;;CAGN,eAAe,MAAM,qBACnB,KAAK,UAA+B;EAClC,MAAM,SAAS,EAAE,GAAG,MAAM,QAAQ;AAClC,SAAO,KAAK,OAAO,CAChB,QAAQ,YAAY;GACnB,MAAM,QAAQ,OAAO;AACrB,OACE,oBACA,CAAC,iBAAiB,SAAS,OAAO,MAAM,eAAe,GAAG,CAE1D,QAAO;AAET,UAAO,SAAS,cACZ,YAAY,OAAO,UAAU,GAAA,EAA6B,GAC1D,SAAS,WACP,YACE,OAAO,UAAU,GAAA,EAElB,GACD,CAAC,YACC,OAAO,UAAU,GAAA,EAElB;IACP,CACD,SAAS,YAAY;AACpB,UAAO,OAAO;IACd;AACJ,SAAO,EACL,QACD;GACD;CACJ,cAAc,YAAoB;AAChC,MAAI,KAAK,CAAC,OAAO,SACf,MAAK,UAA+B;GAClC,MAAM,SAAS,EAAE,GAAG,MAAM,QAAQ;AAClC,UAAO,OAAO;AACd,UAAO,EACL,QACD;IACD;;CAGP,GACD;CACE,MAAM,GAAG,cAAc,QAAQ;CAE/B,SAAS;CAET,gBAAgB,EAAE,QAAQ,EAAE,EAAE;CAC9B,aAAa,WAAW,EAAE,QAAQ,MAAM,QAAQ;CAChD,QAAQ,gBAAqB,iBAAsC;EACjE,MAAM,QAAQ;GACZ,GAAG;GACH,GAAG;GACJ;AACD,MAAI;GAKF,MAAM,eADY,OAAO,OAAO,MAAM,OAAO,CAE1C,MACE,GAAG,OACD,EAAE,MAAM,MAAM,IAAI,WAAW,aAAa,MAC1C,EAAE,MAAM,MAAM,IAAI,WAAW,aAAa,GAC9C,CACA,MAAM,GARe,IAQI;GAC5B,MAAM,UAAU,IAAI,IAAI,aAAa,KAAK,MAAM,EAAE,MAAM,GAAG,CAAC;AAC5D,QAAK,MAAM,MAAM,OAAO,KAAK,MAAM,OAAO,CACxC,KAAI,CAAC,QAAQ,IAAI,GAAG,CAClB,QAAO,MAAM,OAAO;WAGjB,OAAO;AACd,WAAQ,MAAM,MAAM;;AAEtB,SAAO;;CAEV,CACF,CACF"}

package/dist/esm/stores/routes/useRouteExecutionIndicator.js

@@ -1,4 +1,3 @@
-import { RouteExecutionStatus } from "./types.js";
 import { useRouteExecutionStore } from "./RouteExecutionStore.js";
 import { useCallback, useMemo } from "react";
 import { useAccount } from "@lifi/wallet-management";
@@ -13,8 +12,8 @@ const useRouteExecutionIndicator = () => {
 	return useRouteExecutionStore(useCallback((state) => {
 		const recentOwnedRoutes = Object.values(state.routes).filter((route) => accountAddresses.includes(route.route.fromAddress) && isRecentTransaction(route));
 		return {
-			failed: recentOwnedRoutes.some((r) => r.status === RouteExecutionStatus.Failed),
-			active: recentOwnedRoutes.some((r) => r.status === RouteExecutionStatus.Pending)
+			failed: recentOwnedRoutes.some((r) => r.status === 8),
+			active: recentOwnedRoutes.some((r) => r.status === 2)
 		};
 	}, [accountAddresses]));
 };

package/dist/esm/stores/routes/useRouteExecutionIndicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"useRouteExecutionIndicator.js","names":[],"sources":["../../../../src/stores/routes/useRouteExecutionIndicator.ts"],"sourcesContent":["import { useAccount } from '@lifi/wallet-management'\nimport { useCallback, useMemo } from 'react'\nimport { useRouteExecutionStore } from './RouteExecutionStore.js'\nimport type { RouteExecution, RouteExecutionState } from './types.js'\nimport { RouteExecutionStatus } from './types.js'\n\nexport type RouteExecutionIndicator = {\n  failed: boolean\n  active: boolean\n}\n\nconst isRecentTransaction = (route: RouteExecution): boolean => {\n  const startedAt = route.route.steps[0]?.execution?.startedAt ?? 0\n  return startedAt > 0 && Date.now() - startedAt < 1000 * 60 * 60 * 24 // 1 day\n}\n\nexport const useRouteExecutionIndicator = (): RouteExecutionIndicator => {\n  const { accounts } = useAccount()\n  const accountAddresses = useMemo(\n    () => accounts.map((account) => account.address),\n    [accounts]\n  )\n  const selector = useCallback(\n    (state: RouteExecutionState): RouteExecutionIndicator => {\n      const routes = Object.values(state.routes) as RouteExecution[]\n      const recentOwnedRoutes = routes.filter(\n        (route) =>\n          accountAddresses.includes(route.route.fromAddress) &&\n          isRecentTransaction(route)\n      )\n      return {\n        failed: recentOwnedRoutes.some(\n          (r) => r.status === RouteExecutionStatus.Failed\n        ),\n        active: recentOwnedRoutes.some(\n          (r) => r.status === RouteExecutionStatus.Pending\n        ),\n      }\n    },\n    [accountAddresses]\n  )\n  return useRouteExecutionStore(selector)\n}\n"],"mappings":";;;;;AAWA,MAAM,uBAAuB,UAAmC;CAC9D,MAAM,YAAY,MAAM,MAAM,MAAM,IAAI,WAAW,aAAa;AAChE,QAAO,YAAY,KAAK,KAAK,KAAK,GAAG,YAAY,MAAO,KAAK,KAAK;;AAGpE,MAAa,mCAA4D;CACvE,MAAM,EAAE,aAAa,YAAY;CACjC,MAAM,mBAAmB,cACjB,SAAS,KAAK,YAAY,QAAQ,QAAQ,EAChD,CAAC,SAAS,CACX;AAoBD,QAAO,uBAnBU,aACd,UAAwD;EAEvD,MAAM,oBADS,OAAO,OAAO,MAAM,OAAO,CACT,QAC9B,UACC,iBAAiB,SAAS,MAAM,MAAM,YAAY,IAClD,oBAAoB,MAAM,CAC7B;AACD,SAAO;GACL,QAAQ,kBAAkB,MACvB,MAAM,EAAE,WAAW,qBAAqB,OAC1C;GACD,QAAQ,kBAAkB,MACvB,MAAM,EAAE,WAAW,qBAAqB,QAC1C;GACF;IAEH,CAAC,iBAAiB,CACnB,CACsC"}
+{"version":3,"file":"useRouteExecutionIndicator.js","names":[],"sources":["../../../../src/stores/routes/useRouteExecutionIndicator.ts"],"sourcesContent":["import { useAccount } from '@lifi/wallet-management'\nimport { useCallback, useMemo } from 'react'\nimport { useRouteExecutionStore } from './RouteExecutionStore.js'\nimport type { RouteExecution, RouteExecutionState } from './types.js'\nimport { RouteExecutionStatus } from './types.js'\n\nexport type RouteExecutionIndicator = {\n  failed: boolean\n  active: boolean\n}\n\nconst isRecentTransaction = (route: RouteExecution): boolean => {\n  const startedAt = route.route.steps[0]?.execution?.startedAt ?? 0\n  return startedAt > 0 && Date.now() - startedAt < 1000 * 60 * 60 * 24 // 1 day\n}\n\nexport const useRouteExecutionIndicator = (): RouteExecutionIndicator => {\n  const { accounts } = useAccount()\n  const accountAddresses = useMemo(\n    () => accounts.map((account) => account.address),\n    [accounts]\n  )\n  const selector = useCallback(\n    (state: RouteExecutionState): RouteExecutionIndicator => {\n      const routes = Object.values(state.routes) as RouteExecution[]\n      const recentOwnedRoutes = routes.filter(\n        (route) =>\n          accountAddresses.includes(route.route.fromAddress) &&\n          isRecentTransaction(route)\n      )\n      return {\n        failed: recentOwnedRoutes.some(\n          (r) => r.status === RouteExecutionStatus.Failed\n        ),\n        active: recentOwnedRoutes.some(\n          (r) => r.status === RouteExecutionStatus.Pending\n        ),\n      }\n    },\n    [accountAddresses]\n  )\n  return useRouteExecutionStore(selector)\n}\n"],"mappings":";;;;AAWA,MAAM,uBAAuB,UAAmC;CAC9D,MAAM,YAAY,MAAM,MAAM,MAAM,IAAI,WAAW,aAAa;AAChE,QAAO,YAAY,KAAK,KAAK,KAAK,GAAG,YAAY,MAAO,KAAK,KAAK;;AAGpE,MAAa,mCAA4D;CACvE,MAAM,EAAE,aAAa,YAAY;CACjC,MAAM,mBAAmB,cACjB,SAAS,KAAK,YAAY,QAAQ,QAAQ,EAChD,CAAC,SAAS,CACX;AAoBD,QAAO,uBAnBU,aACd,UAAwD;EAEvD,MAAM,oBADS,OAAO,OAAO,MAAM,OAAO,CACT,QAC9B,UACC,iBAAiB,SAAS,MAAM,MAAM,YAAY,IAClD,oBAAoB,MAAM,CAC7B;AACD,SAAO;GACL,QAAQ,kBAAkB,MACvB,MAAM,EAAE,WAAA,EACV;GACD,QAAQ,kBAAkB,MACvB,MAAM,EAAE,WAAA,EACV;GACF;IAEH,CAAC,iBAAiB,CACnB,CACsC"}

package/dist/esm/stores/settings/createSettingsStore.js

@@ -104,11 +104,7 @@ const createSettingsStore = (config) => create()(persist((set, get) => ({
 		});
 		return state;
 	},
-	migrate: (persistedState, version) => {
-		if (version === 1) persistedState.slippage = defaultConfigurableSettings.slippage;
-		if (version <= 3) persistedState.routePriority = "CHEAPEST";
-		return persistedState;
-	},
+	migrate: () => ({}),
 	onRehydrateStorage: () => {
 		const initializeLanguageSettings = async (state, initialLanguage) => {
 			const customLanguages = Object.keys(config?.languageResources || {}).filter((key) => !allLanguages.includes(key));

package/dist/esm/stores/settings/createSettingsStore.js.map

@@ -1 +1 @@
-{"version":3,"file":"createSettingsStore.js","names":[],"sources":["../../../../src/stores/settings/createSettingsStore.ts"],"sourcesContent":["/** biome-ignore-all lint/correctness/noUnusedVariables: allowed in this store */\nimport type { StoreApi, UseBoundStore } from 'zustand'\nimport { create } from 'zustand'\nimport { persist } from 'zustand/middleware'\nimport { allLanguages } from '../../providers/I18nProvider/constants.js'\nimport { loadLocale } from '../../providers/I18nProvider/i18n.js'\nimport type { LanguageKey } from '../../providers/I18nProvider/types.js'\nimport type { WidgetConfig } from '../../types/widget.js'\nimport type { SettingsProps, SettingsState } from './types.js'\nimport { SettingsToolTypes } from './types.js'\nimport { getStateValues } from './utils/getStateValues.js'\n\nexport const defaultSlippage = undefined\n\nexport const defaultConfigurableSettings: Pick<\n  SettingsState,\n  'routePriority' | 'slippage' | 'gasPrice'\n> = {\n  routePriority: 'CHEAPEST',\n  slippage: defaultSlippage,\n  gasPrice: 'normal',\n}\n\nconst defaultSettings: SettingsProps = {\n  gasPrice: 'normal',\n  enabledAutoRefuel: true,\n  disabledBridges: [],\n  disabledExchanges: [],\n  enabledBridges: [],\n  enabledExchanges: [],\n  _enabledBridges: {},\n  _enabledExchanges: {},\n  smallBalanceThreshold: undefined,\n}\n\nexport const createSettingsStore = (\n  config: WidgetConfig\n): UseBoundStore<StoreApi<SettingsState>> =>\n  create<SettingsState>()(\n    persist(\n      (set, get) => ({\n        ...defaultSettings,\n        setValue: (key, value) =>\n          set(() => ({\n            [key]: value,\n          })),\n        setValues: (values: Partial<SettingsProps>) =>\n          set(() => ({\n            ...values,\n          })),\n        getSettings: () => getStateValues(get()),\n        getValue: (key) => get()[key],\n        initializeTools: (toolType, tools, reset) => {\n          if (!tools.length) {\n            return\n          }\n          set((state) => {\n            const updatedState = { ...state }\n            if (!reset) {\n              // Add new tools\n              tools.forEach((tool) => {\n                if (!Object.hasOwn(updatedState[`_enabled${toolType}`], tool)) {\n                  updatedState[`_enabled${toolType}`][tool] = true\n                }\n              })\n              // Filter tools we no longer have\n              updatedState[`_enabled${toolType}`] = Object.fromEntries(\n                Object.entries(updatedState[`_enabled${toolType}`]).filter(\n                  ([key]) => tools.includes(key)\n                )\n              )\n            } else {\n              tools.forEach((tool) => {\n                updatedState[`_enabled${toolType}`][tool] = true\n              })\n            }\n            const enabledToolKeys = Object.keys(\n              updatedState[`_enabled${toolType}`]\n            )\n            updatedState[`enabled${toolType}`] = enabledToolKeys.filter(\n              (key) => updatedState[`_enabled${toolType}`][key]\n            )\n            updatedState[`disabled${toolType}`] = enabledToolKeys.filter(\n              (key) => !updatedState[`_enabled${toolType}`][key]\n            )\n            return updatedState\n          })\n        },\n        setToolValue: (toolType, tool, value) =>\n          set((state) => {\n            const enabledTools = {\n              ...state[`_enabled${toolType}`],\n              [tool]: value,\n            }\n            const enabledToolKeys = Object.keys(enabledTools)\n            return {\n              [`_enabled${toolType}`]: enabledTools,\n              [`enabled${toolType}`]: enabledToolKeys.filter(\n                (key) => enabledTools[key]\n              ),\n              [`disabled${toolType}`]: enabledToolKeys.filter(\n                (key) => !enabledTools[key]\n              ),\n            }\n          }),\n        toggleToolKeys: (toolType, toolKeys) =>\n          set((state) => {\n            const allKeysInCollectionEnabled = toolKeys.every(\n              (toolKey) => state[`_enabled${toolType}`][toolKey]\n            )\n\n            // then toggle those keys to false\n            const updatedTools = toolKeys.reduce(\n              (accum, toolKey) => {\n                accum[toolKey] = !allKeysInCollectionEnabled\n                return accum\n              },\n              {\n                ...state[`_enabled${toolType}`],\n              }\n            )\n\n            const enableKeys: string[] = []\n            const disabledKeys: string[] = []\n\n            Object.entries(updatedTools).forEach(([key, value]) => {\n              if (value) {\n                enableKeys.push(key)\n              } else {\n                disabledKeys.push(key)\n              }\n            })\n\n            return {\n              [`_enabled${toolType}`]: updatedTools,\n              [`enabled${toolType}`]: enableKeys,\n              [`disabled${toolType}`]: disabledKeys,\n            }\n          }),\n        reset: (bridges, exchanges) => {\n          set(() => ({\n            ...defaultSettings,\n            ...defaultConfigurableSettings,\n          }))\n          get().initializeTools('Bridges', bridges, true)\n          get().initializeTools('Exchanges', exchanges, true)\n          return { ...get() }\n        },\n      }),\n      {\n        name: 'li.fi-widget-settings',\n        version: 6,\n        partialize: (state) => {\n          const {\n            disabledBridges,\n            disabledExchanges,\n            enabledBridges,\n            enabledExchanges,\n            ...partializedState\n          } = state\n          return partializedState\n        },\n        merge: (persistedState: any, currentState: SettingsState) => {\n          const state = { ...currentState, ...persistedState }\n          SettingsToolTypes.forEach((toolType) => {\n            if (persistedState?.[`_enabled${toolType}`]) {\n              const enabledToolKeys = Object.keys(\n                persistedState[`_enabled${toolType}`]\n              )\n              state[`enabled${toolType}`] = enabledToolKeys.filter(\n                (key) => persistedState[`_enabled${toolType}`][key]\n              )\n              state[`disabled${toolType}`] = enabledToolKeys.filter(\n                (key) => !persistedState[`_enabled${toolType}`][key]\n              )\n            }\n          })\n          return state\n        },\n        migrate: (persistedState: any, version) => {\n          if (version === 1) {\n            persistedState.slippage = defaultConfigurableSettings.slippage\n          }\n          if (version <= 3) {\n            persistedState.routePriority = 'CHEAPEST'\n          }\n          return persistedState as SettingsState\n        },\n        onRehydrateStorage: () => {\n          const initializeLanguageSettings = async (\n            state: SettingsState,\n            initialLanguage?: string\n          ) => {\n            const customLanguages = Object.keys(\n              config?.languageResources || {}\n            ).filter((key) => !allLanguages.includes(key as LanguageKey))\n            if (\n              initialLanguage &&\n              // Custom language resources and English are added statically.\n              initialLanguage !== 'en' &&\n              !customLanguages.includes(initialLanguage)\n            ) {\n              await loadLocale(\n                initialLanguage as LanguageKey,\n                config?.languageResources?.[initialLanguage as LanguageKey]\n              ).then((languageResource) => {\n                state.setValues({\n                  language: initialLanguage,\n                  languageCache: languageResource,\n                })\n              })\n            }\n          }\n          return (state?: SettingsState) => {\n            // Preload translations (from existing translation files)\n            if (state) {\n              // NB: State always exists unless there is any error\n              initializeLanguageSettings(\n                state,\n                state.getValue('language') || config?.languages?.default\n              )\n            }\n          }\n        },\n      }\n    )\n  )\n"],"mappings":";;;;;;AAcA,MAAa,8BAGT;CACF,eAAe;CACf,UAAA,KAAA;CACA,UAAU;CACX;AAED,MAAM,kBAAiC;CACrC,UAAU;CACV,mBAAmB;CACnB,iBAAiB,EAAE;CACnB,mBAAmB,EAAE;CACrB,gBAAgB,EAAE;CAClB,kBAAkB,EAAE;CACpB,iBAAiB,EAAE;CACnB,mBAAmB,EAAE;CACrB,uBAAuB,KAAA;CACxB;AAED,MAAa,uBACX,WAEA,QAAuB,CACrB,SACG,KAAK,SAAS;CACb,GAAG;CACH,WAAW,KAAK,UACd,WAAW,GACR,MAAM,OACR,EAAE;CACL,YAAY,WACV,WAAW,EACT,GAAG,QACJ,EAAE;CACL,mBAAmB,eAAe,KAAK,CAAC;CACxC,WAAW,QAAQ,KAAK,CAAC;CACzB,kBAAkB,UAAU,OAAO,UAAU;AAC3C,MAAI,CAAC,MAAM,OACT;AAEF,OAAK,UAAU;GACb,MAAM,eAAe,EAAE,GAAG,OAAO;AACjC,OAAI,CAAC,OAAO;AAEV,UAAM,SAAS,SAAS;AACtB,SAAI,CAAC,OAAO,OAAO,aAAa,WAAW,aAAa,KAAK,CAC3D,cAAa,WAAW,YAAY,QAAQ;MAE9C;AAEF,iBAAa,WAAW,cAAc,OAAO,YAC3C,OAAO,QAAQ,aAAa,WAAW,YAAY,CAAC,QACjD,CAAC,SAAS,MAAM,SAAS,IAAI,CAC/B,CACF;SAED,OAAM,SAAS,SAAS;AACtB,iBAAa,WAAW,YAAY,QAAQ;KAC5C;GAEJ,MAAM,kBAAkB,OAAO,KAC7B,aAAa,WAAW,YACzB;AACD,gBAAa,UAAU,cAAc,gBAAgB,QAClD,QAAQ,aAAa,WAAW,YAAY,KAC9C;AACD,gBAAa,WAAW,cAAc,gBAAgB,QACnD,QAAQ,CAAC,aAAa,WAAW,YAAY,KAC/C;AACD,UAAO;IACP;;CAEJ,eAAe,UAAU,MAAM,UAC7B,KAAK,UAAU;EACb,MAAM,eAAe;GACnB,GAAG,MAAM,WAAW;IACnB,OAAO;GACT;EACD,MAAM,kBAAkB,OAAO,KAAK,aAAa;AACjD,SAAO;IACJ,WAAW,aAAa;IACxB,UAAU,aAAa,gBAAgB,QACrC,QAAQ,aAAa,KACvB;IACA,WAAW,aAAa,gBAAgB,QACtC,QAAQ,CAAC,aAAa,KACxB;GACF;GACD;CACJ,iBAAiB,UAAU,aACzB,KAAK,UAAU;EACb,MAAM,6BAA6B,SAAS,OACzC,YAAY,MAAM,WAAW,YAAY,SAC3C;EAGD,MAAM,eAAe,SAAS,QAC3B,OAAO,YAAY;AAClB,SAAM,WAAW,CAAC;AAClB,UAAO;KAET,EACE,GAAG,MAAM,WAAW,aACrB,CACF;EAED,MAAM,aAAuB,EAAE;EAC/B,MAAM,eAAyB,EAAE;AAEjC,SAAO,QAAQ,aAAa,CAAC,SAAS,CAAC,KAAK,WAAW;AACrD,OAAI,MACF,YAAW,KAAK,IAAI;OAEpB,cAAa,KAAK,IAAI;IAExB;AAEF,SAAO;IACJ,WAAW,aAAa;IACxB,UAAU,aAAa;IACvB,WAAW,aAAa;GAC1B;GACD;CACJ,QAAQ,SAAS,cAAc;AAC7B,aAAW;GACT,GAAG;GACH,GAAG;GACJ,EAAE;AACH,OAAK,CAAC,gBAAgB,WAAW,SAAS,KAAK;AAC/C,OAAK,CAAC,gBAAgB,aAAa,WAAW,KAAK;AACnD,SAAO,EAAE,GAAG,KAAK,EAAE;;CAEtB,GACD;CACE,MAAM;CACN,SAAS;CACT,aAAa,UAAU;EACrB,MAAM,EACJ,iBACA,mBACA,gBACA,kBACA,GAAG,qBACD;AACJ,SAAO;;CAET,QAAQ,gBAAqB,iBAAgC;EAC3D,MAAM,QAAQ;GAAE,GAAG;GAAc,GAAG;GAAgB;AACpD,oBAAkB,SAAS,aAAa;AACtC,OAAI,iBAAiB,WAAW,aAAa;IAC3C,MAAM,kBAAkB,OAAO,KAC7B,eAAe,WAAW,YAC3B;AACD,UAAM,UAAU,cAAc,gBAAgB,QAC3C,QAAQ,eAAe,WAAW,YAAY,KAChD;AACD,UAAM,WAAW,cAAc,gBAAgB,QAC5C,QAAQ,CAAC,eAAe,WAAW,YAAY,KACjD;;IAEH;AACF,SAAO;;CAET,UAAU,gBAAqB,YAAY;AACzC,MAAI,YAAY,EACd,gBAAe,WAAW,4BAA4B;AAExD,MAAI,WAAW,EACb,gBAAe,gBAAgB;AAEjC,SAAO;;CAET,0BAA0B;EACxB,MAAM,6BAA6B,OACjC,OACA,oBACG;GACH,MAAM,kBAAkB,OAAO,KAC7B,QAAQ,qBAAqB,EAAE,CAChC,CAAC,QAAQ,QAAQ,CAAC,aAAa,SAAS,IAAmB,CAAC;AAC7D,OACE,mBAEA,oBAAoB,QACpB,CAAC,gBAAgB,SAAS,gBAAgB,CAE1C,OAAM,WACJ,iBACA,QAAQ,oBAAoB,iBAC7B,CAAC,MAAM,qBAAqB;AAC3B,UAAM,UAAU;KACd,UAAU;KACV,eAAe;KAChB,CAAC;KACF;;AAGN,UAAQ,UAA0B;AAEhC,OAAI,MAEF,4BACE,OACA,MAAM,SAAS,WAAW,IAAI,QAAQ,WAAW,QAClD;;;CAIR,CACF,CACF"}
+{"version":3,"file":"createSettingsStore.js","names":[],"sources":["../../../../src/stores/settings/createSettingsStore.ts"],"sourcesContent":["/** biome-ignore-all lint/correctness/noUnusedVariables: allowed in this store */\nimport type { StoreApi, UseBoundStore } from 'zustand'\nimport { create } from 'zustand'\nimport { persist } from 'zustand/middleware'\nimport { allLanguages } from '../../providers/I18nProvider/constants.js'\nimport { loadLocale } from '../../providers/I18nProvider/i18n.js'\nimport type { LanguageKey } from '../../providers/I18nProvider/types.js'\nimport type { WidgetConfig } from '../../types/widget.js'\nimport type { SettingsProps, SettingsState } from './types.js'\nimport { SettingsToolTypes } from './types.js'\nimport { getStateValues } from './utils/getStateValues.js'\n\nexport const defaultSlippage = undefined\n\nexport const defaultConfigurableSettings: Pick<\n  SettingsState,\n  'routePriority' | 'slippage' | 'gasPrice'\n> = {\n  routePriority: 'CHEAPEST',\n  slippage: defaultSlippage,\n  gasPrice: 'normal',\n}\n\nconst defaultSettings: SettingsProps = {\n  gasPrice: 'normal',\n  enabledAutoRefuel: true,\n  disabledBridges: [],\n  disabledExchanges: [],\n  enabledBridges: [],\n  enabledExchanges: [],\n  _enabledBridges: {},\n  _enabledExchanges: {},\n  smallBalanceThreshold: undefined,\n}\n\nexport const createSettingsStore = (\n  config: WidgetConfig\n): UseBoundStore<StoreApi<SettingsState>> =>\n  create<SettingsState>()(\n    persist(\n      (set, get) => ({\n        ...defaultSettings,\n        setValue: (key, value) =>\n          set(() => ({\n            [key]: value,\n          })),\n        setValues: (values: Partial<SettingsProps>) =>\n          set(() => ({\n            ...values,\n          })),\n        getSettings: () => getStateValues(get()),\n        getValue: (key) => get()[key],\n        initializeTools: (toolType, tools, reset) => {\n          if (!tools.length) {\n            return\n          }\n          set((state) => {\n            const updatedState = { ...state }\n            if (!reset) {\n              // Add new tools\n              tools.forEach((tool) => {\n                if (!Object.hasOwn(updatedState[`_enabled${toolType}`], tool)) {\n                  updatedState[`_enabled${toolType}`][tool] = true\n                }\n              })\n              // Filter tools we no longer have\n              updatedState[`_enabled${toolType}`] = Object.fromEntries(\n                Object.entries(updatedState[`_enabled${toolType}`]).filter(\n                  ([key]) => tools.includes(key)\n                )\n              )\n            } else {\n              tools.forEach((tool) => {\n                updatedState[`_enabled${toolType}`][tool] = true\n              })\n            }\n            const enabledToolKeys = Object.keys(\n              updatedState[`_enabled${toolType}`]\n            )\n            updatedState[`enabled${toolType}`] = enabledToolKeys.filter(\n              (key) => updatedState[`_enabled${toolType}`][key]\n            )\n            updatedState[`disabled${toolType}`] = enabledToolKeys.filter(\n              (key) => !updatedState[`_enabled${toolType}`][key]\n            )\n            return updatedState\n          })\n        },\n        setToolValue: (toolType, tool, value) =>\n          set((state) => {\n            const enabledTools = {\n              ...state[`_enabled${toolType}`],\n              [tool]: value,\n            }\n            const enabledToolKeys = Object.keys(enabledTools)\n            return {\n              [`_enabled${toolType}`]: enabledTools,\n              [`enabled${toolType}`]: enabledToolKeys.filter(\n                (key) => enabledTools[key]\n              ),\n              [`disabled${toolType}`]: enabledToolKeys.filter(\n                (key) => !enabledTools[key]\n              ),\n            }\n          }),\n        toggleToolKeys: (toolType, toolKeys) =>\n          set((state) => {\n            const allKeysInCollectionEnabled = toolKeys.every(\n              (toolKey) => state[`_enabled${toolType}`][toolKey]\n            )\n\n            // then toggle those keys to false\n            const updatedTools = toolKeys.reduce(\n              (accum, toolKey) => {\n                accum[toolKey] = !allKeysInCollectionEnabled\n                return accum\n              },\n              {\n                ...state[`_enabled${toolType}`],\n              }\n            )\n\n            const enableKeys: string[] = []\n            const disabledKeys: string[] = []\n\n            Object.entries(updatedTools).forEach(([key, value]) => {\n              if (value) {\n                enableKeys.push(key)\n              } else {\n                disabledKeys.push(key)\n              }\n            })\n\n            return {\n              [`_enabled${toolType}`]: updatedTools,\n              [`enabled${toolType}`]: enableKeys,\n              [`disabled${toolType}`]: disabledKeys,\n            }\n          }),\n        reset: (bridges, exchanges) => {\n          set(() => ({\n            ...defaultSettings,\n            ...defaultConfigurableSettings,\n          }))\n          get().initializeTools('Bridges', bridges, true)\n          get().initializeTools('Exchanges', exchanges, true)\n          return { ...get() }\n        },\n      }),\n      {\n        name: 'li.fi-widget-settings',\n        version: 6,\n        partialize: (state) => {\n          const {\n            disabledBridges,\n            disabledExchanges,\n            enabledBridges,\n            enabledExchanges,\n            ...partializedState\n          } = state\n          return partializedState\n        },\n        merge: (persistedState: any, currentState: SettingsState) => {\n          const state = { ...currentState, ...persistedState }\n          SettingsToolTypes.forEach((toolType) => {\n            if (persistedState?.[`_enabled${toolType}`]) {\n              const enabledToolKeys = Object.keys(\n                persistedState[`_enabled${toolType}`]\n              )\n              state[`enabled${toolType}`] = enabledToolKeys.filter(\n                (key) => persistedState[`_enabled${toolType}`][key]\n              )\n              state[`disabled${toolType}`] = enabledToolKeys.filter(\n                (key) => !persistedState[`_enabled${toolType}`][key]\n              )\n            }\n          })\n          return state\n        },\n        migrate: () => ({}),\n        onRehydrateStorage: () => {\n          const initializeLanguageSettings = async (\n            state: SettingsState,\n            initialLanguage?: string\n          ) => {\n            const customLanguages = Object.keys(\n              config?.languageResources || {}\n            ).filter((key) => !allLanguages.includes(key as LanguageKey))\n            if (\n              initialLanguage &&\n              // Custom language resources and English are added statically.\n              initialLanguage !== 'en' &&\n              !customLanguages.includes(initialLanguage)\n            ) {\n              await loadLocale(\n                initialLanguage as LanguageKey,\n                config?.languageResources?.[initialLanguage as LanguageKey]\n              ).then((languageResource) => {\n                state.setValues({\n                  language: initialLanguage,\n                  languageCache: languageResource,\n                })\n              })\n            }\n          }\n          return (state?: SettingsState) => {\n            // Preload translations (from existing translation files)\n            if (state) {\n              // NB: State always exists unless there is any error\n              initializeLanguageSettings(\n                state,\n                state.getValue('language') || config?.languages?.default\n              )\n            }\n          }\n        },\n      }\n    )\n  )\n"],"mappings":"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"}

package/dist/esm/stores/settings/useSettingsActions.js

@@ -1,5 +1,5 @@
 import { useWidgetEvents } from "../../hooks/useWidgetEvents.js";
-import { WidgetEvent } from "../../types/events.js";
+import "../../types/events.js";
 import { deepEqual } from "../../utils/deepEqual.js";
 import { defaultConfigurableSettings } from "./createSettingsStore.js";
 import { useSettingsStore } from "./SettingsStore.js";
@@ -10,7 +10,7 @@ const emitEventOnChange = (emitter, actions, settingFunction, ...args) => {
 	settingFunction(...args);
 	const newSettings = actions.getSettings();
 	if (!deepEqual(oldSettings, newSettings)) Object.keys(oldSettings).forEach((toolKey) => {
-		if (!deepEqual(oldSettings[toolKey], newSettings[toolKey])) emitter.emit(WidgetEvent.SettingUpdated, {
+		if (!deepEqual(oldSettings[toolKey], newSettings[toolKey])) emitter.emit("settingUpdated", {
 			setting: toolKey,
 			newValue: newSettings[toolKey],
 			oldValue: oldSettings[toolKey],

package/dist/esm/stores/settings/useSettingsActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSettingsActions.js","names":[],"sources":["../../../../src/stores/settings/useSettingsActions.ts"],"sourcesContent":["import { useCallback } from 'react'\nimport type { widgetEvents } from '../../hooks/useWidgetEvents.js'\nimport { useWidgetEvents } from '../../hooks/useWidgetEvents.js'\nimport { WidgetEvent } from '../../types/events.js'\nimport type { WidgetConfig } from '../../types/widget.js'\nimport { deepEqual } from '../../utils/deepEqual.js'\nimport { defaultConfigurableSettings } from './createSettingsStore.js'\nimport { useSettingsStore } from './SettingsStore.js'\nimport type {\n  SettingsActions,\n  SettingsProps,\n  SettingsToolType,\n  ValueSetter,\n} from './types.js'\n\nconst emitEventOnChange = <T extends (...args: any[]) => any>(\n  emitter: typeof widgetEvents,\n  actions: Omit<SettingsActions, 'initializeTools'>,\n  settingFunction: T,\n  ...args: Parameters<T>\n) => {\n  const oldSettings = actions.getSettings()\n\n  settingFunction(...args)\n\n  const newSettings = actions.getSettings()\n\n  if (!deepEqual(oldSettings, newSettings)) {\n    ;(Object.keys(oldSettings) as (keyof SettingsProps)[]).forEach(\n      (toolKey) => {\n        if (!deepEqual(oldSettings[toolKey], newSettings[toolKey])) {\n          emitter.emit(WidgetEvent.SettingUpdated, {\n            setting: toolKey,\n            newValue: newSettings[toolKey],\n            oldValue: oldSettings[toolKey],\n            newSettings: newSettings,\n            oldSettings: oldSettings,\n          })\n        }\n      }\n    )\n  }\n}\n\nexport const useSettingsActions = (): {\n  setValue: ValueSetter<SettingsProps>\n  setValues: (values: Partial<SettingsProps>) => void\n  setDefaultSettings: (config?: WidgetConfig) => void\n  resetSettings: (bridges: string[], exchanges: string[]) => void\n  setToolValue: (\n    toolType: SettingsToolType,\n    tool: string,\n    value: boolean\n  ) => void\n  toggleToolKeys: (toolType: SettingsToolType, toolKeys: string[]) => void\n} => {\n  const emitter = useWidgetEvents()\n  const actions = useSettingsStore((state) => ({\n    setValue: state.setValue,\n    setValues: state.setValues,\n    getValue: state.getValue,\n    getSettings: state.getSettings,\n    reset: state.reset,\n    setToolValue: state.setToolValue,\n    toggleToolKeys: state.toggleToolKeys,\n  }))\n\n  const setValueWithEmittedEvent = useCallback<ValueSetter<SettingsProps>>(\n    (value, newValue) => {\n      const setting = value as keyof SettingsProps\n      emitEventOnChange(emitter, actions, actions.setValue, setting, newValue)\n    },\n    [emitter, actions]\n  )\n\n  const setValuesWithEmittedEvent = useCallback(\n    (values: Partial<SettingsProps>) => {\n      Object.entries(values).forEach(([key, value]) => {\n        setValueWithEmittedEvent(key as keyof SettingsProps, value)\n      })\n    },\n    [setValueWithEmittedEvent]\n  )\n\n  const setDefaultSettingsWithEmittedEvents = useCallback(\n    (config?: WidgetConfig) => {\n      const slippage = actions.getValue('slippage')\n      const routePriority = actions.getValue('routePriority')\n      const gasPrice = actions.getValue('gasPrice')\n\n      const defaultSlippage =\n        (config?.slippage || config?.sdkConfig?.routeOptions?.slippage || 0) *\n        100\n      const defaultRoutePriority =\n        config?.routePriority || config?.sdkConfig?.routeOptions?.order\n\n      defaultConfigurableSettings.slippage = (\n        defaultSlippage || defaultConfigurableSettings.slippage\n      )?.toString()\n\n      defaultConfigurableSettings.routePriority =\n        defaultRoutePriority || defaultConfigurableSettings.routePriority\n\n      if (!slippage) {\n        setValueWithEmittedEvent(\n          'slippage',\n          defaultConfigurableSettings.slippage\n        )\n      }\n      if (!routePriority) {\n        setValueWithEmittedEvent(\n          'routePriority',\n          defaultConfigurableSettings.routePriority\n        )\n      }\n      if (!gasPrice) {\n        setValueWithEmittedEvent(\n          'gasPrice',\n          defaultConfigurableSettings.gasPrice\n        )\n      }\n    },\n    [actions, setValueWithEmittedEvent]\n  )\n\n  const resetWithEmittedEvents = useCallback(\n    (bridges: string[], exchanges: string[]) => {\n      emitEventOnChange(emitter, actions, actions.reset, bridges, exchanges)\n    },\n    [emitter, actions]\n  )\n\n  const setToolValueWithEmittedEvents = useCallback(\n    (toolType: SettingsToolType, tool: string, value: boolean) => {\n      emitEventOnChange(\n        emitter,\n        actions,\n        actions.setToolValue,\n        toolType,\n        tool,\n        value\n      )\n    },\n    [emitter, actions]\n  )\n\n  const toggleToolKeysWithEmittedEvents = useCallback(\n    (toolType: SettingsToolType, toolKeys: string[]) => {\n      emitEventOnChange(\n        emitter,\n        actions,\n        actions.toggleToolKeys,\n        toolType,\n        toolKeys\n      )\n    },\n    [emitter, actions]\n  )\n\n  return {\n    setValue: setValueWithEmittedEvent,\n    setValues: setValuesWithEmittedEvent,\n    setDefaultSettings: setDefaultSettingsWithEmittedEvents,\n    resetSettings: resetWithEmittedEvents,\n    setToolValue: setToolValueWithEmittedEvents,\n    toggleToolKeys: toggleToolKeysWithEmittedEvents,\n  }\n}\n"],"mappings":";;;;;;;AAeA,MAAM,qBACJ,SACA,SACA,iBACA,GAAG,SACA;CACH,MAAM,cAAc,QAAQ,aAAa;AAEzC,iBAAgB,GAAG,KAAK;CAExB,MAAM,cAAc,QAAQ,aAAa;AAEzC,KAAI,CAAC,UAAU,aAAa,YAAY,CACpC,QAAO,KAAK,YAAY,CAA6B,SACpD,YAAY;AACX,MAAI,CAAC,UAAU,YAAY,UAAU,YAAY,SAAS,CACxD,SAAQ,KAAK,YAAY,gBAAgB;GACvC,SAAS;GACT,UAAU,YAAY;GACtB,UAAU,YAAY;GACT;GACA;GACd,CAAC;GAGP;;AAIL,MAAa,2BAWR;CACH,MAAM,UAAU,iBAAiB;CACjC,MAAM,UAAU,kBAAkB,WAAW;EAC3C,UAAU,MAAM;EAChB,WAAW,MAAM;EACjB,UAAU,MAAM;EAChB,aAAa,MAAM;EACnB,OAAO,MAAM;EACb,cAAc,MAAM;EACpB,gBAAgB,MAAM;EACvB,EAAE;CAEH,MAAM,2BAA2B,aAC9B,OAAO,aAAa;EACnB,MAAM,UAAU;AAChB,oBAAkB,SAAS,SAAS,QAAQ,UAAU,SAAS,SAAS;IAE1E,CAAC,SAAS,QAAQ,CACnB;AAsFD,QAAO;EACL,UAAU;EACV,WAtFgC,aAC/B,WAAmC;AAClC,UAAO,QAAQ,OAAO,CAAC,SAAS,CAAC,KAAK,WAAW;AAC/C,6BAAyB,KAA4B,MAAM;KAC3D;KAEJ,CAAC,yBAAyB,CAC3B;EAgFC,oBA9E0C,aACzC,WAA0B;GACzB,MAAM,WAAW,QAAQ,SAAS,WAAW;GAC7C,MAAM,gBAAgB,QAAQ,SAAS,gBAAgB;GACvD,MAAM,WAAW,QAAQ,SAAS,WAAW;GAE7C,MAAM,mBACH,QAAQ,YAAY,QAAQ,WAAW,cAAc,YAAY,KAClE;GACF,MAAM,uBACJ,QAAQ,iBAAiB,QAAQ,WAAW,cAAc;AAE5D,+BAA4B,YAC1B,mBAAmB,4BAA4B,WAC9C,UAAU;AAEb,+BAA4B,gBAC1B,wBAAwB,4BAA4B;AAEtD,OAAI,CAAC,SACH,0BACE,YACA,4BAA4B,SAC7B;AAEH,OAAI,CAAC,cACH,0BACE,iBACA,4BAA4B,cAC7B;AAEH,OAAI,CAAC,SACH,0BACE,YACA,4BAA4B,SAC7B;KAGL,CAAC,SAAS,yBAAyB,CACpC;EAwCC,eAtC6B,aAC5B,SAAmB,cAAwB;AAC1C,qBAAkB,SAAS,SAAS,QAAQ,OAAO,SAAS,UAAU;KAExE,CAAC,SAAS,QAAQ,CACnB;EAkCC,cAhCoC,aACnC,UAA4B,MAAc,UAAmB;AAC5D,qBACE,SACA,SACA,QAAQ,cACR,UACA,MACA,MACD;KAEH,CAAC,SAAS,QAAQ,CACnB;EAqBC,gBAnBsC,aACrC,UAA4B,aAAuB;AAClD,qBACE,SACA,SACA,QAAQ,gBACR,UACA,SACD;KAEH,CAAC,SAAS,QAAQ,CACnB;EASA"}
+{"version":3,"file":"useSettingsActions.js","names":[],"sources":["../../../../src/stores/settings/useSettingsActions.ts"],"sourcesContent":["import { useCallback } from 'react'\nimport type { widgetEvents } from '../../hooks/useWidgetEvents.js'\nimport { useWidgetEvents } from '../../hooks/useWidgetEvents.js'\nimport { WidgetEvent } from '../../types/events.js'\nimport type { WidgetConfig } from '../../types/widget.js'\nimport { deepEqual } from '../../utils/deepEqual.js'\nimport { defaultConfigurableSettings } from './createSettingsStore.js'\nimport { useSettingsStore } from './SettingsStore.js'\nimport type {\n  SettingsActions,\n  SettingsProps,\n  SettingsToolType,\n  ValueSetter,\n} from './types.js'\n\nconst emitEventOnChange = <T extends (...args: any[]) => any>(\n  emitter: typeof widgetEvents,\n  actions: Omit<SettingsActions, 'initializeTools'>,\n  settingFunction: T,\n  ...args: Parameters<T>\n) => {\n  const oldSettings = actions.getSettings()\n\n  settingFunction(...args)\n\n  const newSettings = actions.getSettings()\n\n  if (!deepEqual(oldSettings, newSettings)) {\n    ;(Object.keys(oldSettings) as (keyof SettingsProps)[]).forEach(\n      (toolKey) => {\n        if (!deepEqual(oldSettings[toolKey], newSettings[toolKey])) {\n          emitter.emit(WidgetEvent.SettingUpdated, {\n            setting: toolKey,\n            newValue: newSettings[toolKey],\n            oldValue: oldSettings[toolKey],\n            newSettings: newSettings,\n            oldSettings: oldSettings,\n          })\n        }\n      }\n    )\n  }\n}\n\nexport const useSettingsActions = (): {\n  setValue: ValueSetter<SettingsProps>\n  setValues: (values: Partial<SettingsProps>) => void\n  setDefaultSettings: (config?: WidgetConfig) => void\n  resetSettings: (bridges: string[], exchanges: string[]) => void\n  setToolValue: (\n    toolType: SettingsToolType,\n    tool: string,\n    value: boolean\n  ) => void\n  toggleToolKeys: (toolType: SettingsToolType, toolKeys: string[]) => void\n} => {\n  const emitter = useWidgetEvents()\n  const actions = useSettingsStore((state) => ({\n    setValue: state.setValue,\n    setValues: state.setValues,\n    getValue: state.getValue,\n    getSettings: state.getSettings,\n    reset: state.reset,\n    setToolValue: state.setToolValue,\n    toggleToolKeys: state.toggleToolKeys,\n  }))\n\n  const setValueWithEmittedEvent = useCallback<ValueSetter<SettingsProps>>(\n    (value, newValue) => {\n      const setting = value as keyof SettingsProps\n      emitEventOnChange(emitter, actions, actions.setValue, setting, newValue)\n    },\n    [emitter, actions]\n  )\n\n  const setValuesWithEmittedEvent = useCallback(\n    (values: Partial<SettingsProps>) => {\n      Object.entries(values).forEach(([key, value]) => {\n        setValueWithEmittedEvent(key as keyof SettingsProps, value)\n      })\n    },\n    [setValueWithEmittedEvent]\n  )\n\n  const setDefaultSettingsWithEmittedEvents = useCallback(\n    (config?: WidgetConfig) => {\n      const slippage = actions.getValue('slippage')\n      const routePriority = actions.getValue('routePriority')\n      const gasPrice = actions.getValue('gasPrice')\n\n      const defaultSlippage =\n        (config?.slippage || config?.sdkConfig?.routeOptions?.slippage || 0) *\n        100\n      const defaultRoutePriority =\n        config?.routePriority || config?.sdkConfig?.routeOptions?.order\n\n      defaultConfigurableSettings.slippage = (\n        defaultSlippage || defaultConfigurableSettings.slippage\n      )?.toString()\n\n      defaultConfigurableSettings.routePriority =\n        defaultRoutePriority || defaultConfigurableSettings.routePriority\n\n      if (!slippage) {\n        setValueWithEmittedEvent(\n          'slippage',\n          defaultConfigurableSettings.slippage\n        )\n      }\n      if (!routePriority) {\n        setValueWithEmittedEvent(\n          'routePriority',\n          defaultConfigurableSettings.routePriority\n        )\n      }\n      if (!gasPrice) {\n        setValueWithEmittedEvent(\n          'gasPrice',\n          defaultConfigurableSettings.gasPrice\n        )\n      }\n    },\n    [actions, setValueWithEmittedEvent]\n  )\n\n  const resetWithEmittedEvents = useCallback(\n    (bridges: string[], exchanges: string[]) => {\n      emitEventOnChange(emitter, actions, actions.reset, bridges, exchanges)\n    },\n    [emitter, actions]\n  )\n\n  const setToolValueWithEmittedEvents = useCallback(\n    (toolType: SettingsToolType, tool: string, value: boolean) => {\n      emitEventOnChange(\n        emitter,\n        actions,\n        actions.setToolValue,\n        toolType,\n        tool,\n        value\n      )\n    },\n    [emitter, actions]\n  )\n\n  const toggleToolKeysWithEmittedEvents = useCallback(\n    (toolType: SettingsToolType, toolKeys: string[]) => {\n      emitEventOnChange(\n        emitter,\n        actions,\n        actions.toggleToolKeys,\n        toolType,\n        toolKeys\n      )\n    },\n    [emitter, actions]\n  )\n\n  return {\n    setValue: setValueWithEmittedEvent,\n    setValues: setValuesWithEmittedEvent,\n    setDefaultSettings: setDefaultSettingsWithEmittedEvents,\n    resetSettings: resetWithEmittedEvents,\n    setToolValue: setToolValueWithEmittedEvents,\n    toggleToolKeys: toggleToolKeysWithEmittedEvents,\n  }\n}\n"],"mappings":";;;;;;;AAeA,MAAM,qBACJ,SACA,SACA,iBACA,GAAG,SACA;CACH,MAAM,cAAc,QAAQ,aAAa;AAEzC,iBAAgB,GAAG,KAAK;CAExB,MAAM,cAAc,QAAQ,aAAa;AAEzC,KAAI,CAAC,UAAU,aAAa,YAAY,CACpC,QAAO,KAAK,YAAY,CAA6B,SACpD,YAAY;AACX,MAAI,CAAC,UAAU,YAAY,UAAU,YAAY,SAAS,CACxD,SAAQ,KAAA,kBAAiC;GACvC,SAAS;GACT,UAAU,YAAY;GACtB,UAAU,YAAY;GACT;GACA;GACd,CAAC;GAGP;;AAIL,MAAa,2BAWR;CACH,MAAM,UAAU,iBAAiB;CACjC,MAAM,UAAU,kBAAkB,WAAW;EAC3C,UAAU,MAAM;EAChB,WAAW,MAAM;EACjB,UAAU,MAAM;EAChB,aAAa,MAAM;EACnB,OAAO,MAAM;EACb,cAAc,MAAM;EACpB,gBAAgB,MAAM;EACvB,EAAE;CAEH,MAAM,2BAA2B,aAC9B,OAAO,aAAa;EACnB,MAAM,UAAU;AAChB,oBAAkB,SAAS,SAAS,QAAQ,UAAU,SAAS,SAAS;IAE1E,CAAC,SAAS,QAAQ,CACnB;AAsFD,QAAO;EACL,UAAU;EACV,WAtFgC,aAC/B,WAAmC;AAClC,UAAO,QAAQ,OAAO,CAAC,SAAS,CAAC,KAAK,WAAW;AAC/C,6BAAyB,KAA4B,MAAM;KAC3D;KAEJ,CAAC,yBAAyB,CAC3B;EAgFC,oBA9E0C,aACzC,WAA0B;GACzB,MAAM,WAAW,QAAQ,SAAS,WAAW;GAC7C,MAAM,gBAAgB,QAAQ,SAAS,gBAAgB;GACvD,MAAM,WAAW,QAAQ,SAAS,WAAW;GAE7C,MAAM,mBACH,QAAQ,YAAY,QAAQ,WAAW,cAAc,YAAY,KAClE;GACF,MAAM,uBACJ,QAAQ,iBAAiB,QAAQ,WAAW,cAAc;AAE5D,+BAA4B,YAC1B,mBAAmB,4BAA4B,WAC9C,UAAU;AAEb,+BAA4B,gBAC1B,wBAAwB,4BAA4B;AAEtD,OAAI,CAAC,SACH,0BACE,YACA,4BAA4B,SAC7B;AAEH,OAAI,CAAC,cACH,0BACE,iBACA,4BAA4B,cAC7B;AAEH,OAAI,CAAC,SACH,0BACE,YACA,4BAA4B,SAC7B;KAGL,CAAC,SAAS,yBAAyB,CACpC;EAwCC,eAtC6B,aAC5B,SAAmB,cAAwB;AAC1C,qBAAkB,SAAS,SAAS,QAAQ,OAAO,SAAS,UAAU;KAExE,CAAC,SAAS,QAAQ,CACnB;EAkCC,cAhCoC,aACnC,UAA4B,MAAc,UAAmB;AAC5D,qBACE,SACA,SACA,QAAQ,cACR,UACA,MACA,MACD;KAEH,CAAC,SAAS,QAAQ,CACnB;EAqBC,gBAnBsC,aACrC,UAA4B,aAAuB;AAClD,qBACE,SACA,SACA,QAAQ,gBACR,UACA,SACD;KAEH,CAAC,SAAS,QAAQ,CACnB;EASA"}

package/dist/esm/themes/createTheme.js

@@ -18,8 +18,8 @@ const enterKeyframe = keyframes`
   }
 `;
 const createTheme$1 = (widgetTheme = {}) => {
-	const configuredPaletteLight = widgetTheme.colorSchemes?.light?.palette ?? widgetTheme.palette;
-	const configuredPaletteDark = widgetTheme.colorSchemes?.dark?.palette ?? widgetTheme.palette;
+	const configuredPaletteLight = widgetTheme.colorSchemes?.light?.palette;
+	const configuredPaletteDark = widgetTheme.colorSchemes?.dark?.palette;
 	const primaryMainColorLight = (configuredPaletteLight?.primary)?.main ?? palette.primary.main;
 	const primaryMainColorDark = (configuredPaletteDark?.primary)?.main ?? palette.primary.main;
 	const primaryLightenColorLight = lighten(primaryMainColorLight, .84);
@@ -42,7 +42,7 @@ const createTheme$1 = (widgetTheme = {}) => {
 			light: { palette: {
 				...palette,
 				...paletteLight,
-				...widgetTheme.colorSchemes?.light?.palette ?? widgetTheme.palette,
+				...widgetTheme.colorSchemes?.light?.palette,
 				primary: {
 					main: primaryMainColorLight,
 					light: primaryLightenColorLight,
@@ -57,7 +57,7 @@ const createTheme$1 = (widgetTheme = {}) => {
 			dark: { palette: {
 				...palette,
 				...paletteDark,
-				...widgetTheme.colorSchemes?.dark?.palette ?? widgetTheme.palette,
+				...widgetTheme.colorSchemes?.dark?.palette,
 				primary: {
 					main: primaryMainColorDark,
 					light: primaryLightenColorDark,
@@ -79,7 +79,7 @@ const createTheme$1 = (widgetTheme = {}) => {
 			...widgetTheme.navigation
 		},
 		typography: {
-			fontFamily: "Inter var, Inter, sans-serif",
+			fontFamily: "Inter, sans-serif",
 			...widgetTheme.typography
 		},
 		shape: {
@@ -96,11 +96,7 @@ const createTheme$1 = (widgetTheme = {}) => {
 		components: {
 			MuiScopedCssBaseline: { styleOverrides: { root: {
 				fontFamily: "Inter, sans-serif",
-				...widgetTheme.typography,
-				"@supports (font-variation-settings: normal)": {
-					fontFamily: "Inter var, sans-serif",
-					...widgetTheme.typography
-				}
+				...widgetTheme.typography
 			} } },
 			MuiAppBar: { styleOverrides: { root: ({ ownerState }) => ({
 				minHeight: 40,
@@ -134,8 +130,8 @@ const createTheme$1 = (widgetTheme = {}) => {
 						} },
 						...!!ownerState.onClick && ownerState.variant === "elevation" && { "&:hover": {
 							cursor: "pointer",
-							filter: `drop-shadow(0 1px 4px rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.08))`,
-							...theme.applyStyles("dark", { filter: `drop-shadow(0 1px 4px rgba(${theme.vars.palette.common.backgroundChannel} / 0.08))` })
+							filter: `drop-shadow(0 1px 4px color-mix(in srgb, ${theme.vars.palette.common.onBackground} 8%, transparent))`,
+							...theme.applyStyles("dark", { filter: `drop-shadow(0 1px 4px color-mix(in srgb, ${theme.vars.palette.common.background} 8%, transparent))` })
 						} },
 						...typeof root === "object" && root,
 						...!!ownerState.onClick && !!rootHover && { "&:hover": {
@@ -160,8 +156,8 @@ const createTheme$1 = (widgetTheme = {}) => {
 						style: ({ theme }) => ({
 							border: "none",
 							boxShadow: "none",
-							filter: `drop-shadow(0 1px 4px rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.04))`,
-							...theme.applyStyles("dark", { filter: `drop-shadow(0 1px 4px rgba(${theme.vars.palette.common.backgroundChannel} / 0.04))` })
+							filter: `drop-shadow(0 1px 4px color-mix(in srgb, ${theme.vars.palette.common.onBackground} 4%, transparent))`,
+							...theme.applyStyles("dark", { filter: `drop-shadow(0 1px 4px color-mix(in srgb, ${theme.vars.palette.common.background} 4%, transparent))` })
 						})
 					},
 					{
@@ -190,7 +186,7 @@ const createTheme$1 = (widgetTheme = {}) => {
 						fontSize: 16,
 						fontWeight: 600,
 						"&.Mui-disabled, &.Mui-disabled:hover": {
-							color: `rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.56)`,
+							color: `color-mix(in srgb, ${theme.vars.palette.common.onBackground} 56%, transparent)`,
 							cursor: "not-allowed",
 							pointerEvents: "auto"
 						},
@@ -205,13 +201,13 @@ const createTheme$1 = (widgetTheme = {}) => {
 						...getStyleOverrides("MuiButton", "root", widgetTheme, ownerState)
 					}),
 					text: ({ theme, ownerState }) => ({
-						backgroundColor: `rgba(${theme.vars.palette.primary.mainChannel} / 0.08)`,
+						backgroundColor: `color-mix(in srgb, ${theme.vars.palette.primary.main} 8%, transparent)`,
 						color: theme.vars.palette.primary.main,
-						"&:hover": { backgroundColor: `rgba(${theme.vars.palette.primary.mainChannel} / 0.12)` },
+						"&:hover": { backgroundColor: `color-mix(in srgb, ${theme.vars.palette.primary.main} 12%, transparent)` },
 						...theme.applyStyles("dark", {
-							backgroundColor: `rgba(${theme.vars.palette.primary.mainChannel} / 0.42)`,
+							backgroundColor: `color-mix(in srgb, ${theme.vars.palette.primary.main} 42%, transparent)`,
 							color: theme.palette.getContrastText(alpha(theme.palette.primary.main, .08)),
-							"&:hover": { backgroundColor: `rgba(${theme.vars.palette.primary.mainChannel} / 0.56)` }
+							"&:hover": { backgroundColor: `color-mix(in srgb, ${theme.vars.palette.primary.main} 56%, transparent)` }
 						}),
 						...getStyleOverrides("MuiButton", "text", widgetTheme, ownerState)
 					}),
@@ -289,15 +285,15 @@ const createTheme$1 = (widgetTheme = {}) => {
 					root: ({ theme, ownerState }) => {
 						const rootStyleOverrides = getStyleOverrides("MuiTabs", "root", widgetTheme, ownerState);
 						return {
-							backgroundColor: `rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.04)`,
-							...theme.applyStyles("dark", { backgroundColor: `rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.08)` }),
+							backgroundColor: `color-mix(in srgb, ${theme.vars.palette.common.onBackground} 4%, transparent)`,
+							...theme.applyStyles("dark", { backgroundColor: `color-mix(in srgb, ${theme.vars.palette.common.onBackground} 8%, transparent)` }),
 							borderRadius: theme.vars.shape.borderRadius,
 							...rootStyleOverrides,
 							[`.${tabsClasses.indicator}`]: {
 								backgroundColor: theme.vars.palette.background.paper,
-								...theme.applyStyles("dark", { backgroundColor: `rgba(${theme.vars.palette.common.backgroundChannel} / 0.56)` }),
+								...theme.applyStyles("dark", { backgroundColor: `color-mix(in srgb, ${theme.vars.palette.common.background} 56%, transparent)` }),
 								borderRadius: theme.shape.borderRadius > 0 ? `calc(${theme.vars.shape.borderRadius} - 4px)` : theme.vars.shape.borderRadius,
-								boxShadow: `0px 2px 4px rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.04)`,
+								boxShadow: `0px 2px 4px color-mix(in srgb, ${theme.vars.palette.common.onBackground} 4%, transparent)`,
 								...rootStyleOverrides?.[`.${tabsClasses.indicator}`]
 							}
 						};

package/dist/esm/themes/createTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"createTheme.js","names":["createTheme","createMuiTheme"],"sources":["../../../src/themes/createTheme.ts"],"sourcesContent":["import type {\n  CSSObject,\n  Shape,\n  SimplePaletteColorOptions,\n  Theme,\n} from '@mui/material'\nimport {\n  alpha,\n  buttonClasses,\n  createTheme as createMuiTheme,\n  css,\n  darken,\n  keyframes,\n  lighten,\n  tabsClasses,\n  touchRippleClasses,\n} from '@mui/material'\nimport type { WidgetTheme } from '../types/widget.js'\nimport { palette, paletteDark, paletteLight } from './palettes.js'\nimport type {} from './types.js'\nimport { getStyleOverrides } from './utils.js'\n\nconst shape: Shape = {\n  borderRadius: 12,\n  borderRadiusSecondary: 12,\n  borderRadiusTertiary: 24,\n}\n\nconst enterKeyframe = keyframes`\n  0% {\n    transform: scale(0);\n    opacity: 0.05;\n  }\n  100% {\n    transform: scale(1);\n    opacity: 0.1;\n  }\n`\n\nexport const createTheme = (widgetTheme: WidgetTheme = {}): Theme => {\n  const configuredPaletteLight =\n    widgetTheme.colorSchemes?.light?.palette ?? widgetTheme.palette\n  const configuredPaletteDark =\n    widgetTheme.colorSchemes?.dark?.palette ?? widgetTheme.palette\n\n  const primaryMainColorLight =\n    (configuredPaletteLight?.primary as SimplePaletteColorOptions)?.main ??\n    palette.primary.main\n  const primaryMainColorDark =\n    (configuredPaletteDark?.primary as SimplePaletteColorOptions)?.main ??\n    palette.primary.main\n\n  const primaryLightenColorLight = lighten(primaryMainColorLight, 0.84)\n  const primaryDarkenColorLight = darken(primaryMainColorLight, 0.2)\n  const primaryLightenColorDark =\n    primaryMainColorLight === primaryMainColorDark\n      ? primaryLightenColorLight\n      : lighten(primaryMainColorDark, 0.84)\n  const primaryDarkenColorDark =\n    primaryMainColorLight === primaryMainColorDark\n      ? primaryDarkenColorLight\n      : darken(primaryMainColorDark, 0.2)\n\n  const secondaryMainColorLight =\n    (configuredPaletteLight?.secondary as SimplePaletteColorOptions)?.main ??\n    palette.secondary.main\n  const secondaryMainColorDark =\n    (configuredPaletteDark?.secondary as SimplePaletteColorOptions)?.main ??\n    palette.secondary.main\n\n  const secondaryLightenColorLight = lighten(secondaryMainColorLight, 0.84)\n  const secondaryDarkenColorLight = darken(secondaryMainColorLight, 0.2)\n  const secondaryLightenColorDark =\n    secondaryMainColorLight === secondaryMainColorDark\n      ? secondaryLightenColorLight\n      : lighten(secondaryMainColorDark, 0.84)\n  const secondaryDarkenColorDark =\n    secondaryMainColorLight === secondaryMainColorDark\n      ? secondaryDarkenColorLight\n      : darken(secondaryMainColorDark, 0.2)\n\n  const theme = createMuiTheme({\n    cssVariables: {\n      cssVarPrefix: 'lifi',\n      colorSchemeSelector: 'class',\n      nativeColor: true,\n    },\n    colorSchemes: {\n      light: {\n        palette: {\n          ...palette,\n          ...paletteLight,\n          ...(widgetTheme.colorSchemes?.light?.palette ?? widgetTheme.palette),\n          primary: {\n            main: primaryMainColorLight,\n            light: primaryLightenColorLight,\n            dark: primaryDarkenColorLight,\n          },\n          secondary: {\n            main: secondaryMainColorLight,\n            light: secondaryLightenColorLight,\n            dark: secondaryDarkenColorLight,\n          },\n        },\n      },\n      dark: {\n        palette: {\n          ...palette,\n          ...paletteDark,\n          ...(widgetTheme.colorSchemes?.dark?.palette ?? widgetTheme.palette),\n          primary: {\n            main: primaryMainColorDark,\n            light: primaryLightenColorDark,\n            dark: primaryDarkenColorDark,\n          },\n          secondary: {\n            main: secondaryMainColorDark,\n            light: secondaryLightenColorDark,\n            dark: secondaryDarkenColorDark,\n          },\n        },\n      },\n    },\n    container: widgetTheme.container,\n    routesContainer: widgetTheme.routesContainer,\n    chainSidebarContainer: widgetTheme.chainSidebarContainer,\n    header: widgetTheme.header,\n    navigation: {\n      edge: true,\n      ...widgetTheme.navigation,\n    },\n    typography: {\n      fontFamily: 'Inter var, Inter, sans-serif',\n      ...widgetTheme.typography,\n    },\n    shape: {\n      ...shape,\n      ...widgetTheme.shape,\n    },\n    breakpoints: {\n      values: {\n        xs: 360,\n        sm: 416,\n        md: 900,\n        lg: 1200,\n        xl: 1536,\n      },\n    },\n    components: {\n      MuiScopedCssBaseline: {\n        styleOverrides: {\n          root: {\n            fontFamily: 'Inter, sans-serif',\n            ...widgetTheme.typography,\n            '@supports (font-variation-settings: normal)': {\n              fontFamily: 'Inter var, sans-serif',\n              ...widgetTheme.typography,\n            },\n          },\n        },\n      },\n      MuiAppBar: {\n        styleOverrides: {\n          root: ({ ownerState }) => ({\n            minHeight: 40,\n            padding: 0,\n            ...getStyleOverrides('MuiAppBar', 'root', widgetTheme, ownerState),\n          }),\n        },\n      },\n      MuiCard: {\n        defaultProps: {\n          variant: 'outlined',\n          ...widgetTheme.components?.MuiCard?.defaultProps,\n        },\n        styleOverrides: {\n          root: ({ ownerState, theme }) => {\n            const root = widgetTheme.components?.MuiCard?.styleOverrides\n              ?.root as CSSObject\n            const rootHover = root?.['&:hover']\n            return {\n              backgroundColor: theme.vars.palette.background.paper,\n              backgroundImage: 'none',\n              borderRadius: theme.vars.shape.borderRadius,\n              overflow: 'hidden',\n              position: 'relative',\n              boxSizing: 'border-box',\n              transition: theme.transitions.create(\n                ['background-color', 'filter'],\n                {\n                  duration: theme.transitions.duration.enteringScreen,\n                  easing: theme.transitions.easing.easeOut,\n                }\n              ),\n              ...(!!ownerState.onClick && {\n                '&:hover': {\n                  cursor: 'pointer',\n                },\n              }),\n              ...(!!ownerState.onClick &&\n                (ownerState.variant === 'outlined' ||\n                  ownerState.variant === 'filled') && {\n                  '&:hover': {\n                    cursor: 'pointer',\n                    backgroundColor: `color-mix(in srgb, ${theme.vars.palette.background.paper} 98%, black)`,\n                    ...theme.applyStyles('dark', {\n                      backgroundColor: `color-mix(in srgb, ${theme.vars.palette.background.paper} 98%, white)`,\n                    }),\n                  },\n                }),\n              ...(!!ownerState.onClick &&\n                ownerState.variant === 'elevation' && {\n                  '&:hover': {\n                    cursor: 'pointer',\n                    filter: `drop-shadow(0 1px 4px rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.08))`,\n                    ...theme.applyStyles('dark', {\n                      filter: `drop-shadow(0 1px 4px rgba(${theme.vars.palette.common.backgroundChannel} / 0.08))`,\n                    }),\n                  },\n                }),\n              ...(typeof root === 'object' && root),\n              ...(!!ownerState.onClick &&\n                !!rootHover && {\n                  '&:hover': {\n                    ...rootHover,\n                    ...theme.applyStyles('dark', {\n                      ...rootHover,\n                    }),\n                  },\n                }),\n              ...(!ownerState.onClick && {\n                '&:hover': {},\n              }),\n            }\n          },\n        },\n        variants: widgetTheme.components?.MuiCard?.variants ?? [\n          {\n            props: { variant: 'outlined' },\n            style: ({ theme }) => ({\n              borderWidth: 1,\n              borderStyle: 'solid',\n              borderColor: theme.vars.palette.grey[300],\n              ...theme.applyStyles('dark', {\n                borderColor: theme.vars.palette.grey[800],\n              }),\n            }),\n          },\n          {\n            props: { variant: 'elevation' },\n            style: ({ theme }) => ({\n              border: 'none',\n              boxShadow: 'none',\n              filter: `drop-shadow(0 1px 4px rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.04))`,\n              ...theme.applyStyles('dark', {\n                filter: `drop-shadow(0 1px 4px rgba(${theme.vars.palette.common.backgroundChannel} / 0.04))`,\n              }),\n            }),\n          },\n          {\n            props: { variant: 'filled' },\n            style: {\n              border: 'none',\n            },\n          },\n        ],\n      },\n      MuiInputCard: {\n        ...widgetTheme.components?.MuiInputCard,\n      },\n      MuiButtonBase: {\n        styleOverrides: {\n          // This `css()` function invokes keyframes. `styled-components` only supports keyframes\n          // in string templates. Do not convert these styles in JS object as it will break.\n          root: css`\n            &\n              .${touchRippleClasses.ripple}.${touchRippleClasses.rippleVisible} {\n              opacity: 0.1;\n              animation-name: ${enterKeyframe};\n            }\n          `,\n        },\n      },\n      MuiButton: {\n        defaultProps: {\n          disableElevation: true,\n          ...widgetTheme.components?.MuiButton?.defaultProps,\n        },\n        styleOverrides: {\n          root: ({ theme, ownerState }) => ({\n            borderRadius: theme.vars.shape.borderRadiusSecondary,\n            textTransform: 'none',\n            fontSize: 16,\n            fontWeight: 600,\n            '&.Mui-disabled, &.Mui-disabled:hover': {\n              color: `rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.56)`,\n              cursor: 'not-allowed',\n              pointerEvents: 'auto',\n            },\n            [`&.${buttonClasses.loading}.Mui-disabled`]: {\n              backgroundColor: theme.vars.palette.primary.main,\n              color: theme.palette.getContrastText(theme.palette.primary.main),\n              cursor: 'auto',\n              pointerEvents: 'auto',\n            },\n            [`.${buttonClasses.loadingIndicator}`]: {\n              color: theme.palette.getContrastText(theme.palette.primary.main),\n            },\n            [`&.${buttonClasses.root}.${buttonClasses.loading}`]: {\n              color: 'transparent',\n            },\n            ...getStyleOverrides('MuiButton', 'root', widgetTheme, ownerState),\n          }),\n          text: ({ theme, ownerState }) => ({\n            backgroundColor: `rgba(${theme.vars.palette.primary.mainChannel} / 0.08)`,\n            color: theme.vars.palette.primary.main,\n            '&:hover': {\n              backgroundColor: `rgba(${theme.vars.palette.primary.mainChannel} / 0.12)`,\n            },\n            ...theme.applyStyles('dark', {\n              backgroundColor: `rgba(${theme.vars.palette.primary.mainChannel} / 0.42)`,\n              color: theme.palette.getContrastText(\n                alpha(theme.palette.primary.main, 0.08)\n              ),\n              '&:hover': {\n                backgroundColor: `rgba(${theme.vars.palette.primary.mainChannel} / 0.56)`,\n              },\n            }),\n            ...getStyleOverrides('MuiButton', 'text', widgetTheme, ownerState),\n          }),\n          contained: ({ ownerState }) => ({\n            '&:hover': {\n              color: theme.palette.getContrastText(theme.palette.primary.main),\n            },\n            ...getStyleOverrides(\n              'MuiButton',\n              'contained',\n              widgetTheme,\n              ownerState\n            ),\n          }),\n          sizeMedium: ({ ownerState }) => ({\n            padding: '10px 14px',\n            ...getStyleOverrides(\n              'MuiButton',\n              'sizeMedium',\n              widgetTheme,\n              ownerState\n            ),\n          }),\n        },\n      },\n      MuiIconButton: {\n        ...widgetTheme.components?.MuiIconButton,\n        styleOverrides: {\n          ...widgetTheme.components?.MuiIconButton?.styleOverrides,\n          root: ({ ownerState }) => ({\n            color: 'inherit',\n            '&:hover': {\n              color: 'inherit',\n            },\n            ...getStyleOverrides(\n              'MuiIconButton',\n              'root',\n              widgetTheme,\n              ownerState\n            ),\n          }),\n        },\n      },\n      MuiAvatar: {\n        styleOverrides: {\n          root: {\n            height: 40,\n            width: 40,\n          },\n          img: {\n            objectFit: 'contain',\n          },\n        },\n        ...widgetTheme.components?.MuiAvatar,\n      },\n      MuiListItemText: {\n        styleOverrides: {\n          primary: ({ theme }) => ({\n            fontWeight: 600,\n            fontSize: '1.125rem',\n            lineHeight: '1.2778',\n            color: theme.vars.palette.text.primary,\n          }),\n          secondary: ({ theme }) => ({\n            fontWeight: 500,\n            fontSize: '0.75rem',\n            color: theme.vars.palette.text.secondary,\n          }),\n        },\n      },\n      MuiTooltip: {\n        defaultProps: {\n          enterDelay: 400,\n          disableInteractive: true,\n          arrow: true,\n          placement: 'top',\n        },\n        styleOverrides: {\n          tooltip: ({ theme }) => ({\n            backgroundColor: 'rgb(0 0 0 / 64%)',\n            backdropFilter: 'blur(3px)',\n            fontSize: '0.75rem',\n            padding: theme.spacing(1, 1.5),\n          }),\n          arrow: {\n            color: 'rgb(0 0 0 / 64%)',\n          },\n        },\n      },\n      MuiMenu: {\n        styleOverrides: {\n          paper: ({ theme }) => ({\n            backgroundColor: theme.vars.palette.background.paper,\n            backgroundImage: 'none',\n          }),\n        },\n      },\n      MuiDrawer: {\n        styleOverrides: {\n          paper: {\n            backgroundImage: 'none',\n          },\n        },\n      },\n      MuiPaper: {\n        styleOverrides: {\n          root: {\n            backgroundImage: 'none',\n          },\n        },\n      },\n      MuiTabs: {\n        ...widgetTheme.components?.MuiTabs,\n        styleOverrides: {\n          ...widgetTheme.components?.MuiTabs?.styleOverrides,\n          root: ({ theme, ownerState }) => {\n            const rootStyleOverrides = getStyleOverrides(\n              'MuiTabs',\n              'root',\n              widgetTheme,\n              ownerState\n            )\n            return {\n              backgroundColor: `rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.04)`,\n              ...theme.applyStyles('dark', {\n                backgroundColor: `rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.08)`,\n              }),\n              borderRadius: theme.vars.shape.borderRadius,\n              ...rootStyleOverrides,\n              [`.${tabsClasses.indicator}`]: {\n                backgroundColor: theme.vars.palette.background.paper,\n                ...theme.applyStyles('dark', {\n                  backgroundColor: `rgba(${theme.vars.palette.common.backgroundChannel} / 0.56)`,\n                }),\n                borderRadius:\n                  theme.shape.borderRadius > 0\n                    ? `calc(${theme.vars.shape.borderRadius} - 4px)`\n                    : theme.vars.shape.borderRadius,\n                boxShadow: `0px 2px 4px rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.04)`,\n                ...rootStyleOverrides?.[`.${tabsClasses.indicator}`],\n              },\n            }\n          },\n        },\n      },\n      MuiNavigationTabs: {\n        ...widgetTheme.components?.MuiNavigationTabs,\n      },\n      MuiNavigationTab: {\n        ...widgetTheme.components?.MuiNavigationTab,\n      },\n      MuiCheckbox: {\n        styleOverrides: {\n          root: {\n            '&:hover': {\n              backgroundColor: 'transparent',\n            },\n          },\n        },\n        ...widgetTheme.components?.MuiCheckbox,\n      },\n    },\n  })\n\n  return theme\n}\n"],"mappings":"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"}
+{"version":3,"file":"createTheme.js","names":["createTheme","createMuiTheme"],"sources":["../../../src/themes/createTheme.ts"],"sourcesContent":["import type {\n  CSSObject,\n  Shape,\n  SimplePaletteColorOptions,\n  Theme,\n} from '@mui/material'\nimport {\n  alpha,\n  buttonClasses,\n  createTheme as createMuiTheme,\n  css,\n  darken,\n  keyframes,\n  lighten,\n  tabsClasses,\n  touchRippleClasses,\n} from '@mui/material'\nimport type { WidgetTheme } from '../types/widget.js'\nimport { palette, paletteDark, paletteLight } from './palettes.js'\nimport type {} from './types.js'\nimport { getStyleOverrides } from './utils.js'\n\nconst shape: Shape = {\n  borderRadius: 12,\n  borderRadiusSecondary: 12,\n  borderRadiusTertiary: 24,\n}\n\nconst enterKeyframe = keyframes`\n  0% {\n    transform: scale(0);\n    opacity: 0.05;\n  }\n  100% {\n    transform: scale(1);\n    opacity: 0.1;\n  }\n`\n\nexport const createTheme = (widgetTheme: WidgetTheme = {}): Theme => {\n  const configuredPaletteLight = widgetTheme.colorSchemes?.light?.palette\n  const configuredPaletteDark = widgetTheme.colorSchemes?.dark?.palette\n\n  const primaryMainColorLight =\n    (configuredPaletteLight?.primary as SimplePaletteColorOptions)?.main ??\n    palette.primary.main\n  const primaryMainColorDark =\n    (configuredPaletteDark?.primary as SimplePaletteColorOptions)?.main ??\n    palette.primary.main\n\n  const primaryLightenColorLight = lighten(primaryMainColorLight, 0.84)\n  const primaryDarkenColorLight = darken(primaryMainColorLight, 0.2)\n  const primaryLightenColorDark =\n    primaryMainColorLight === primaryMainColorDark\n      ? primaryLightenColorLight\n      : lighten(primaryMainColorDark, 0.84)\n  const primaryDarkenColorDark =\n    primaryMainColorLight === primaryMainColorDark\n      ? primaryDarkenColorLight\n      : darken(primaryMainColorDark, 0.2)\n\n  const secondaryMainColorLight =\n    (configuredPaletteLight?.secondary as SimplePaletteColorOptions)?.main ??\n    palette.secondary.main\n  const secondaryMainColorDark =\n    (configuredPaletteDark?.secondary as SimplePaletteColorOptions)?.main ??\n    palette.secondary.main\n\n  const secondaryLightenColorLight = lighten(secondaryMainColorLight, 0.84)\n  const secondaryDarkenColorLight = darken(secondaryMainColorLight, 0.2)\n  const secondaryLightenColorDark =\n    secondaryMainColorLight === secondaryMainColorDark\n      ? secondaryLightenColorLight\n      : lighten(secondaryMainColorDark, 0.84)\n  const secondaryDarkenColorDark =\n    secondaryMainColorLight === secondaryMainColorDark\n      ? secondaryDarkenColorLight\n      : darken(secondaryMainColorDark, 0.2)\n\n  const theme = createMuiTheme({\n    cssVariables: {\n      cssVarPrefix: 'lifi',\n      colorSchemeSelector: 'class',\n      nativeColor: true,\n    },\n    colorSchemes: {\n      light: {\n        palette: {\n          ...palette,\n          ...paletteLight,\n          ...widgetTheme.colorSchemes?.light?.palette,\n          primary: {\n            main: primaryMainColorLight,\n            light: primaryLightenColorLight,\n            dark: primaryDarkenColorLight,\n          },\n          secondary: {\n            main: secondaryMainColorLight,\n            light: secondaryLightenColorLight,\n            dark: secondaryDarkenColorLight,\n          },\n        },\n      },\n      dark: {\n        palette: {\n          ...palette,\n          ...paletteDark,\n          ...widgetTheme.colorSchemes?.dark?.palette,\n          primary: {\n            main: primaryMainColorDark,\n            light: primaryLightenColorDark,\n            dark: primaryDarkenColorDark,\n          },\n          secondary: {\n            main: secondaryMainColorDark,\n            light: secondaryLightenColorDark,\n            dark: secondaryDarkenColorDark,\n          },\n        },\n      },\n    },\n    container: widgetTheme.container,\n    routesContainer: widgetTheme.routesContainer,\n    chainSidebarContainer: widgetTheme.chainSidebarContainer,\n    header: widgetTheme.header,\n    navigation: {\n      edge: true,\n      ...widgetTheme.navigation,\n    },\n    typography: {\n      fontFamily: 'Inter, sans-serif',\n      ...widgetTheme.typography,\n    },\n    shape: {\n      ...shape,\n      ...widgetTheme.shape,\n    },\n    breakpoints: {\n      values: {\n        xs: 360,\n        sm: 416,\n        md: 900,\n        lg: 1200,\n        xl: 1536,\n      },\n    },\n    components: {\n      MuiScopedCssBaseline: {\n        styleOverrides: {\n          root: {\n            fontFamily: 'Inter, sans-serif',\n            ...widgetTheme.typography,\n          },\n        },\n      },\n      MuiAppBar: {\n        styleOverrides: {\n          root: ({ ownerState }) => ({\n            minHeight: 40,\n            padding: 0,\n            ...getStyleOverrides('MuiAppBar', 'root', widgetTheme, ownerState),\n          }),\n        },\n      },\n      MuiCard: {\n        defaultProps: {\n          variant: 'outlined',\n          ...widgetTheme.components?.MuiCard?.defaultProps,\n        },\n        styleOverrides: {\n          root: ({ ownerState, theme }) => {\n            const root = widgetTheme.components?.MuiCard?.styleOverrides\n              ?.root as CSSObject\n            const rootHover = root?.['&:hover']\n            return {\n              backgroundColor: theme.vars.palette.background.paper,\n              backgroundImage: 'none',\n              borderRadius: theme.vars.shape.borderRadius,\n              overflow: 'hidden',\n              position: 'relative',\n              boxSizing: 'border-box',\n              transition: theme.transitions.create(\n                ['background-color', 'filter'],\n                {\n                  duration: theme.transitions.duration.enteringScreen,\n                  easing: theme.transitions.easing.easeOut,\n                }\n              ),\n              ...(!!ownerState.onClick && {\n                '&:hover': {\n                  cursor: 'pointer',\n                },\n              }),\n              ...(!!ownerState.onClick &&\n                (ownerState.variant === 'outlined' ||\n                  ownerState.variant === 'filled') && {\n                  '&:hover': {\n                    cursor: 'pointer',\n                    backgroundColor: `color-mix(in srgb, ${theme.vars.palette.background.paper} 98%, black)`,\n                    ...theme.applyStyles('dark', {\n                      backgroundColor: `color-mix(in srgb, ${theme.vars.palette.background.paper} 98%, white)`,\n                    }),\n                  },\n                }),\n              ...(!!ownerState.onClick &&\n                ownerState.variant === 'elevation' && {\n                  '&:hover': {\n                    cursor: 'pointer',\n                    filter: `drop-shadow(0 1px 4px color-mix(in srgb, ${theme.vars.palette.common.onBackground} 8%, transparent))`,\n                    ...theme.applyStyles('dark', {\n                      filter: `drop-shadow(0 1px 4px color-mix(in srgb, ${theme.vars.palette.common.background} 8%, transparent))`,\n                    }),\n                  },\n                }),\n              ...(typeof root === 'object' && root),\n              ...(!!ownerState.onClick &&\n                !!rootHover && {\n                  '&:hover': {\n                    ...rootHover,\n                    ...theme.applyStyles('dark', {\n                      ...rootHover,\n                    }),\n                  },\n                }),\n              ...(!ownerState.onClick && {\n                '&:hover': {},\n              }),\n            }\n          },\n        },\n        variants: widgetTheme.components?.MuiCard?.variants ?? [\n          {\n            props: { variant: 'outlined' },\n            style: ({ theme }) => ({\n              borderWidth: 1,\n              borderStyle: 'solid',\n              borderColor: theme.vars.palette.grey[300],\n              ...theme.applyStyles('dark', {\n                borderColor: theme.vars.palette.grey[800],\n              }),\n            }),\n          },\n          {\n            props: { variant: 'elevation' },\n            style: ({ theme }) => ({\n              border: 'none',\n              boxShadow: 'none',\n              filter: `drop-shadow(0 1px 4px color-mix(in srgb, ${theme.vars.palette.common.onBackground} 4%, transparent))`,\n              ...theme.applyStyles('dark', {\n                filter: `drop-shadow(0 1px 4px color-mix(in srgb, ${theme.vars.palette.common.background} 4%, transparent))`,\n              }),\n            }),\n          },\n          {\n            props: { variant: 'filled' },\n            style: {\n              border: 'none',\n            },\n          },\n        ],\n      },\n      MuiInputCard: {\n        ...widgetTheme.components?.MuiInputCard,\n      },\n      MuiButtonBase: {\n        styleOverrides: {\n          // This `css()` function invokes keyframes. `styled-components` only supports keyframes\n          // in string templates. Do not convert these styles in JS object as it will break.\n          root: css`\n            &\n              .${touchRippleClasses.ripple}.${touchRippleClasses.rippleVisible} {\n              opacity: 0.1;\n              animation-name: ${enterKeyframe};\n            }\n          `,\n        },\n      },\n      MuiButton: {\n        defaultProps: {\n          disableElevation: true,\n          ...widgetTheme.components?.MuiButton?.defaultProps,\n        },\n        styleOverrides: {\n          root: ({ theme, ownerState }) => ({\n            borderRadius: theme.vars.shape.borderRadiusSecondary,\n            textTransform: 'none',\n            fontSize: 16,\n            fontWeight: 600,\n            '&.Mui-disabled, &.Mui-disabled:hover': {\n              color: `color-mix(in srgb, ${theme.vars.palette.common.onBackground} 56%, transparent)`,\n              cursor: 'not-allowed',\n              pointerEvents: 'auto',\n            },\n            [`&.${buttonClasses.loading}.Mui-disabled`]: {\n              backgroundColor: theme.vars.palette.primary.main,\n              color: theme.palette.getContrastText(theme.palette.primary.main),\n              cursor: 'auto',\n              pointerEvents: 'auto',\n            },\n            [`.${buttonClasses.loadingIndicator}`]: {\n              color: theme.palette.getContrastText(theme.palette.primary.main),\n            },\n            [`&.${buttonClasses.root}.${buttonClasses.loading}`]: {\n              color: 'transparent',\n            },\n            ...getStyleOverrides('MuiButton', 'root', widgetTheme, ownerState),\n          }),\n          text: ({ theme, ownerState }) => ({\n            backgroundColor: `color-mix(in srgb, ${theme.vars.palette.primary.main} 8%, transparent)`,\n            color: theme.vars.palette.primary.main,\n            '&:hover': {\n              backgroundColor: `color-mix(in srgb, ${theme.vars.palette.primary.main} 12%, transparent)`,\n            },\n            ...theme.applyStyles('dark', {\n              backgroundColor: `color-mix(in srgb, ${theme.vars.palette.primary.main} 42%, transparent)`,\n              color: theme.palette.getContrastText(\n                alpha(theme.palette.primary.main, 0.08)\n              ),\n              '&:hover': {\n                backgroundColor: `color-mix(in srgb, ${theme.vars.palette.primary.main} 56%, transparent)`,\n              },\n            }),\n            ...getStyleOverrides('MuiButton', 'text', widgetTheme, ownerState),\n          }),\n          contained: ({ ownerState }) => ({\n            '&:hover': {\n              color: theme.palette.getContrastText(theme.palette.primary.main),\n            },\n            ...getStyleOverrides(\n              'MuiButton',\n              'contained',\n              widgetTheme,\n              ownerState\n            ),\n          }),\n          sizeMedium: ({ ownerState }) => ({\n            padding: '10px 14px',\n            ...getStyleOverrides(\n              'MuiButton',\n              'sizeMedium',\n              widgetTheme,\n              ownerState\n            ),\n          }),\n        },\n      },\n      MuiIconButton: {\n        ...widgetTheme.components?.MuiIconButton,\n        styleOverrides: {\n          ...widgetTheme.components?.MuiIconButton?.styleOverrides,\n          root: ({ ownerState }) => ({\n            color: 'inherit',\n            '&:hover': {\n              color: 'inherit',\n            },\n            ...getStyleOverrides(\n              'MuiIconButton',\n              'root',\n              widgetTheme,\n              ownerState\n            ),\n          }),\n        },\n      },\n      MuiAvatar: {\n        styleOverrides: {\n          root: {\n            height: 40,\n            width: 40,\n          },\n          img: {\n            objectFit: 'contain',\n          },\n        },\n        ...widgetTheme.components?.MuiAvatar,\n      },\n      MuiListItemText: {\n        styleOverrides: {\n          primary: ({ theme }) => ({\n            fontWeight: 600,\n            fontSize: '1.125rem',\n            lineHeight: '1.2778',\n            color: theme.vars.palette.text.primary,\n          }),\n          secondary: ({ theme }) => ({\n            fontWeight: 500,\n            fontSize: '0.75rem',\n            color: theme.vars.palette.text.secondary,\n          }),\n        },\n      },\n      MuiTooltip: {\n        defaultProps: {\n          enterDelay: 400,\n          disableInteractive: true,\n          arrow: true,\n          placement: 'top',\n        },\n        styleOverrides: {\n          tooltip: ({ theme }) => ({\n            backgroundColor: 'rgb(0 0 0 / 64%)',\n            backdropFilter: 'blur(3px)',\n            fontSize: '0.75rem',\n            padding: theme.spacing(1, 1.5),\n          }),\n          arrow: {\n            color: 'rgb(0 0 0 / 64%)',\n          },\n        },\n      },\n      MuiMenu: {\n        styleOverrides: {\n          paper: ({ theme }) => ({\n            backgroundColor: theme.vars.palette.background.paper,\n            backgroundImage: 'none',\n          }),\n        },\n      },\n      MuiDrawer: {\n        styleOverrides: {\n          paper: {\n            backgroundImage: 'none',\n          },\n        },\n      },\n      MuiPaper: {\n        styleOverrides: {\n          root: {\n            backgroundImage: 'none',\n          },\n        },\n      },\n      MuiTabs: {\n        ...widgetTheme.components?.MuiTabs,\n        styleOverrides: {\n          ...widgetTheme.components?.MuiTabs?.styleOverrides,\n          root: ({ theme, ownerState }) => {\n            const rootStyleOverrides = getStyleOverrides(\n              'MuiTabs',\n              'root',\n              widgetTheme,\n              ownerState\n            )\n            return {\n              backgroundColor: `color-mix(in srgb, ${theme.vars.palette.common.onBackground} 4%, transparent)`,\n              ...theme.applyStyles('dark', {\n                backgroundColor: `color-mix(in srgb, ${theme.vars.palette.common.onBackground} 8%, transparent)`,\n              }),\n              borderRadius: theme.vars.shape.borderRadius,\n              ...rootStyleOverrides,\n              [`.${tabsClasses.indicator}`]: {\n                backgroundColor: theme.vars.palette.background.paper,\n                ...theme.applyStyles('dark', {\n                  backgroundColor: `color-mix(in srgb, ${theme.vars.palette.common.background} 56%, transparent)`,\n                }),\n                borderRadius:\n                  theme.shape.borderRadius > 0\n                    ? `calc(${theme.vars.shape.borderRadius} - 4px)`\n                    : theme.vars.shape.borderRadius,\n                boxShadow: `0px 2px 4px color-mix(in srgb, ${theme.vars.palette.common.onBackground} 4%, transparent)`,\n                ...rootStyleOverrides?.[`.${tabsClasses.indicator}`],\n              },\n            }\n          },\n        },\n      },\n      MuiNavigationTabs: {\n        ...widgetTheme.components?.MuiNavigationTabs,\n      },\n      MuiNavigationTab: {\n        ...widgetTheme.components?.MuiNavigationTab,\n      },\n      MuiCheckbox: {\n        styleOverrides: {\n          root: {\n            '&:hover': {\n              backgroundColor: 'transparent',\n            },\n          },\n        },\n        ...widgetTheme.components?.MuiCheckbox,\n      },\n    },\n  })\n\n  return theme\n}\n"],"mappings":"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"}

package/dist/esm/themes/types.d.ts

@@ -4,12 +4,6 @@ import { CardProps, ComponentsOverrides, ComponentsVariants, SimplePaletteColorO
 
 //#region src/themes/types.d.ts
 declare module "@mui/material/styles" {
-  interface TypographyVariants {
-    "@supports (font-variation-settings: normal)": React.CSSProperties;
-  }
-  interface TypographyVariantsOptions {
-    "@supports (font-variation-settings: normal)"?: React.CSSProperties;
-  }
   interface Shape {
     borderRadius: number;
     borderRadiusSecondary: number;
@@ -70,9 +64,4 @@ declare module "@mui/material/Paper" {
     filled: true;
   }
 }
-declare module "@mui/material/Typography" {
-  interface TypographyPropsVariantOverrides {
-    "@supports (font-variation-settings: normal)": true;
-  }
-}
 //# sourceMappingURL=types.d.ts.map

package/dist/esm/themes/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","names":[],"sources":["../../../src/themes/types.ts"],"mappings":";;;;;;YAcY,kBAAA;IACR,6CAAA,EAA+C,KAAA,CAAM,aAAA;EAAA;EAAA,UAE7C,yBAAA;IACR,6CAAA,GAAgD,KAAA,CAAM,aAAA;EAAA;EAAA,UAE9C,KAAA;IACR,YAAA;IACA,qBAAA;IACA,oBAAA;EAAA;EAAA,UAEQ,KAAA;IACR,KAAA,EAAO,KAAA;IACP,SAAA,EAAW,aAAA;IACX,eAAA,EAAiB,aAAA;IACjB,qBAAA,EAAuB,aAAA;IACvB,MAAA,EAAQ,aAAA;IACR,UAAA,EAAY,eAAA;EAAA;EAAA,UAEJ,YAAA;IACR,KAAA,GAAQ,OAAA,CAAQ,KAAA;IAChB,SAAA,GAAY,aAAA;IACZ,eAAA,GAAkB,aAAA;IAClB,qBAAA,GAAwB,aAAA;IACxB,MAAA,GAAS,aAAA;IACT,UAAA,GAAa,eAAA;EAAA;EAAA,UAEL,uBAAA;IACR,YAAA;IACA,iBAAA;IACA,gBAAA;EAAA;EAAA,UAEQ,mBAAA;IACR,YAAA,EAAc,OAAA,CAAQ,SAAA;IACtB,iBAAA,EAAmB,OAAA,CAAQ,SAAA;IAC3B,gBAAA,EAAkB,OAAA,CAAQ,QAAA;EAAA;EAAA,UAElB,UAAA;IACR,YAAA;MACE,YAAA,GAAe,mBAAA;MACf,cAAA,GAAiB,mBAAA,CACf,IAAA,CAAK,KAAA;MAEP,QAAA,GAAW,kBAAA;IAAA;IAEb,iBAAA;MACE,YAAA,GAAe,mBAAA;MACf,cAAA,GAAiB,mBAAA,CACf,IAAA,CAAK,KAAA;MAEP,QAAA,GAAW,kBAAA;IAAA;IAEb,gBAAA;MACE,YAAA,GAAe,mBAAA;MACf,cAAA,GAAiB,mBAAA,CACf,IAAA,CAAK,KAAA;MAEP,QAAA,GAAW,kBAAA;IAAA;EAAA;EAAA,UAGL,OAAA;IACR,UAAA,EAAY,OAAA;EAAA;EAAA,UAGJ,cAAA;IACR,UAAA,GAAa,yBAAA;EAAA;AAAA;AAAA;EAAA,UAKL,0BAAA;IACR,MAAA;EAAA;AAAA;AAAA;EAAA,UAKQ,+BAAA;IACR,6CAAA;EAAA;AAAA"}
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../src/themes/types.ts"],"mappings":";;;;;;YAcY,KAAA;IACR,YAAA;IACA,qBAAA;IACA,oBAAA;EAAA;EAAA,UAEQ,KAAA;IACR,KAAA,EAAO,KAAA;IACP,SAAA,EAAW,aAAA;IACX,eAAA,EAAiB,aAAA;IACjB,qBAAA,EAAuB,aAAA;IACvB,MAAA,EAAQ,aAAA;IACR,UAAA,EAAY,eAAA;EAAA;EAAA,UAEJ,YAAA;IACR,KAAA,GAAQ,OAAA,CAAQ,KAAA;IAChB,SAAA,GAAY,aAAA;IACZ,eAAA,GAAkB,aAAA;IAClB,qBAAA,GAAwB,aAAA;IACxB,MAAA,GAAS,aAAA;IACT,UAAA,GAAa,eAAA;EAAA;EAAA,UAEL,uBAAA;IACR,YAAA;IACA,iBAAA;IACA,gBAAA;EAAA;EAAA,UAEQ,mBAAA;IACR,YAAA,EAAc,OAAA,CAAQ,SAAA;IACtB,iBAAA,EAAmB,OAAA,CAAQ,SAAA;IAC3B,gBAAA,EAAkB,OAAA,CAAQ,QAAA;EAAA;EAAA,UAElB,UAAA;IACR,YAAA;MACE,YAAA,GAAe,mBAAA;MACf,cAAA,GAAiB,mBAAA,CACf,IAAA,CAAK,KAAA;MAEP,QAAA,GAAW,kBAAA;IAAA;IAEb,iBAAA;MACE,YAAA,GAAe,mBAAA;MACf,cAAA,GAAiB,mBAAA,CACf,IAAA,CAAK,KAAA;MAEP,QAAA,GAAW,kBAAA;IAAA;IAEb,gBAAA;MACE,YAAA,GAAe,mBAAA;MACf,cAAA,GAAiB,mBAAA,CACf,IAAA,CAAK,KAAA;MAEP,QAAA,GAAW,kBAAA;IAAA;EAAA;EAAA,UAGL,OAAA;IACR,UAAA,EAAY,OAAA;EAAA;EAAA,UAGJ,cAAA;IACR,UAAA,GAAa,yBAAA;EAAA;AAAA;AAAA;EAAA,UAKL,0BAAA;IACR,MAAA;EAAA;AAAA"}

package/dist/esm/themes/watermelonLight.js

@@ -34,7 +34,7 @@ const watermelonLightTheme = {
 		MuiCard: { defaultProps: { variant: "elevation" } },
 		MuiNavigationTabs: { styleOverrides: { root: ({ theme }) => ({ [`.${tabsClasses.indicator}`]: {
 			backgroundColor: "#ffffff",
-			filter: `drop-shadow(0 1px 4px rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.08))`,
+			filter: `drop-shadow(0 1px 4px color-mix(in srgb, ${theme.vars.palette.common.onBackground} 8%, transparent))`,
 			borderRadius: "16px"
 		} }) } }
 	}

package/dist/esm/themes/watermelonLight.js.map

@@ -1 +1 @@
-{"version":3,"file":"watermelonLight.js","names":[],"sources":["../../../src/themes/watermelonLight.ts"],"sourcesContent":["import { tabsClasses } from '@mui/material'\nimport type { WidgetTheme } from '../types/widget.js'\n\nexport const watermelonLightTheme: WidgetTheme = {\n  colorSchemes: {\n    light: {\n      palette: {\n        primary: {\n          main: '#f7557c',\n        },\n        secondary: {\n          main: '#00A35A',\n        },\n        background: {\n          default: '#ffeff3',\n          paper: '#ffffff',\n        },\n        text: {\n          primary: '#190006',\n          secondary: '#766066',\n        },\n        grey: {\n          200: '#F0E5E8',\n          300: '#E5D7DA',\n          700: '#7A666B',\n          800: '#58373F',\n        },\n        playground: {\n          main: '#f7557c',\n        },\n      },\n    },\n  },\n  shape: {\n    borderRadius: 16,\n    borderRadiusSecondary: 16,\n    borderRadiusTertiary: 24,\n  },\n  typography: {\n    fontFamily: 'Inter, sans-serif',\n  },\n  container: {\n    boxShadow: '0px 8px 32px rgba(0, 0, 0, 0.12)',\n    borderRadius: '16px',\n  },\n  components: {\n    MuiCard: {\n      defaultProps: { variant: 'elevation' },\n    },\n    MuiNavigationTabs: {\n      styleOverrides: {\n        root: ({ theme }) => ({\n          [`.${tabsClasses.indicator}`]: {\n            backgroundColor: '#ffffff',\n            filter: `drop-shadow(0 1px 4px rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.08))`,\n            borderRadius: '16px',\n          },\n        }),\n      },\n    },\n    // MuiIconButton: {\n    //   styleOverrides: {\n    //     root: ({ theme }) => ({\n    //       backgroundColor: alpha(theme.palette.common.white, 0.04),\n    //       color: 'inherit',\n    //       borderRadius: theme.vars.shape.borderRadiusSecondary,\n    //       '&:hover': {\n    //         backgroundColor: alpha(\n    //           theme.palette.mode === 'light'\n    //             ? theme.palette.common.black\n    //             : theme.palette.common.white,\n    //           0.08,\n    //         ),\n    //         color: 'inherit',\n    //       },\n    //     }),\n    //   },\n    // },\n  },\n} as WidgetTheme\n"],"mappings":";;AAGA,MAAa,uBAAoC;CAC/C,cAAc,EACZ,OAAO,EACL,SAAS;EACP,SAAS,EACP,MAAM,WACP;EACD,WAAW,EACT,MAAM,WACP;EACD,YAAY;GACV,SAAS;GACT,OAAO;GACR;EACD,MAAM;GACJ,SAAS;GACT,WAAW;GACZ;EACD,MAAM;GACJ,KAAK;GACL,KAAK;GACL,KAAK;GACL,KAAK;GACN;EACD,YAAY,EACV,MAAM,WACP;EACF,EACF,EACF;CACD,OAAO;EACL,cAAc;EACd,uBAAuB;EACvB,sBAAsB;EACvB;CACD,YAAY,EACV,YAAY,qBACb;CACD,WAAW;EACT,WAAW;EACX,cAAc;EACf;CACD,YAAY;EACV,SAAS,EACP,cAAc,EAAE,SAAS,aAAa,EACvC;EACD,mBAAmB,EACjB,gBAAgB,EACd,OAAO,EAAE,aAAa,GACnB,IAAI,YAAY,cAAc;GAC7B,iBAAiB;GACjB,QAAQ,8BAA8B,MAAM,KAAK,QAAQ,OAAO,oBAAoB;GACpF,cAAc;GACf,EACF,GACF,EACF;EAmBF;CACF"}
+{"version":3,"file":"watermelonLight.js","names":[],"sources":["../../../src/themes/watermelonLight.ts"],"sourcesContent":["import { tabsClasses } from '@mui/material'\nimport type { WidgetTheme } from '../types/widget.js'\n\nexport const watermelonLightTheme: WidgetTheme = {\n  colorSchemes: {\n    light: {\n      palette: {\n        primary: {\n          main: '#f7557c',\n        },\n        secondary: {\n          main: '#00A35A',\n        },\n        background: {\n          default: '#ffeff3',\n          paper: '#ffffff',\n        },\n        text: {\n          primary: '#190006',\n          secondary: '#766066',\n        },\n        grey: {\n          200: '#F0E5E8',\n          300: '#E5D7DA',\n          700: '#7A666B',\n          800: '#58373F',\n        },\n        playground: {\n          main: '#f7557c',\n        },\n      },\n    },\n  },\n  shape: {\n    borderRadius: 16,\n    borderRadiusSecondary: 16,\n    borderRadiusTertiary: 24,\n  },\n  typography: {\n    fontFamily: 'Inter, sans-serif',\n  },\n  container: {\n    boxShadow: '0px 8px 32px rgba(0, 0, 0, 0.12)',\n    borderRadius: '16px',\n  },\n  components: {\n    MuiCard: {\n      defaultProps: { variant: 'elevation' },\n    },\n    MuiNavigationTabs: {\n      styleOverrides: {\n        root: ({ theme }) => ({\n          [`.${tabsClasses.indicator}`]: {\n            backgroundColor: '#ffffff',\n            filter: `drop-shadow(0 1px 4px color-mix(in srgb, ${theme.vars.palette.common.onBackground} 8%, transparent))`,\n            borderRadius: '16px',\n          },\n        }),\n      },\n    },\n    // MuiIconButton: {\n    //   styleOverrides: {\n    //     root: ({ theme }) => ({\n    //       backgroundColor: alpha(theme.palette.common.white, 0.04),\n    //       color: 'inherit',\n    //       borderRadius: theme.vars.shape.borderRadiusSecondary,\n    //       '&:hover': {\n    //         backgroundColor: alpha(\n    //           theme.palette.mode === 'light'\n    //             ? theme.palette.common.black\n    //             : theme.palette.common.white,\n    //           0.08,\n    //         ),\n    //         color: 'inherit',\n    //       },\n    //     }),\n    //   },\n    // },\n  },\n} as WidgetTheme\n"],"mappings":";;AAGA,MAAa,uBAAoC;CAC/C,cAAc,EACZ,OAAO,EACL,SAAS;EACP,SAAS,EACP,MAAM,WACP;EACD,WAAW,EACT,MAAM,WACP;EACD,YAAY;GACV,SAAS;GACT,OAAO;GACR;EACD,MAAM;GACJ,SAAS;GACT,WAAW;GACZ;EACD,MAAM;GACJ,KAAK;GACL,KAAK;GACL,KAAK;GACL,KAAK;GACN;EACD,YAAY,EACV,MAAM,WACP;EACF,EACF,EACF;CACD,OAAO;EACL,cAAc;EACd,uBAAuB;EACvB,sBAAsB;EACvB;CACD,YAAY,EACV,YAAY,qBACb;CACD,WAAW;EACT,WAAW;EACX,cAAc;EACf;CACD,YAAY;EACV,SAAS,EACP,cAAc,EAAE,SAAS,aAAa,EACvC;EACD,mBAAmB,EACjB,gBAAgB,EACd,OAAO,EAAE,aAAa,GACnB,IAAI,YAAY,cAAc;GAC7B,iBAAiB;GACjB,QAAQ,4CAA4C,MAAM,KAAK,QAAQ,OAAO,aAAa;GAC3F,cAAc;GACf,EACF,GACF,EACF;EAmBF;CACF"}

package/dist/esm/types/events.d.ts

@@ -13,10 +13,6 @@ declare enum WidgetEvent {
   FormFieldChanged = "formFieldChanged",
   LowAddressActivityConfirmed = "lowAddressActivityConfirmed",
   PageEntered = "pageEntered",
-  /**
-  * @deprecated Use `PageEntered` event instead.
-  */
-  ReviewTransactionPageEntered = "reviewTransactionPageEntered",
   RouteExecutionCompleted = "routeExecutionCompleted",
   RouteExecutionFailed = "routeExecutionFailed",
   RouteExecutionStarted = "routeExecutionStarted",
@@ -37,7 +33,6 @@ type WidgetEvents = {
   formFieldChanged: FormFieldChanged;
   lowAddressActivityConfirmed: LowAddressActivityConfirmed;
   pageEntered: NavigationRouteType;
-  reviewTransactionPageEntered?: Route;
   routeExecutionCompleted: Route;
   routeExecutionFailed: RouteExecutionUpdate;
   routeExecutionStarted: Route;

package/dist/esm/types/events.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"events.d.ts","names":[],"sources":["../../../src/types/events.ts"],"mappings":";;;;;;;aAMY,WAAA;EACV,eAAA;EACA,WAAA;EACA,cAAA;EACA,6BAAA;EACA,gBAAA;EACA,2BAAA;EACA,WAAA;;;;EAIA,4BAAA;EACA,uBAAA;EACA,oBAAA;EACA,qBAAA;EACA,qBAAA;EACA,kBAAA;EACA,aAAA;EACA,mBAAA;EACA,cAAA;EACA,wBAAA;EACA,WAAA;EACA,cAAA;AAAA;AAAA,KAGU,YAAA;EACV,eAAA,EAAiB,KAAA;EACjB,WAAA,EAAa,WAAA;EACb,cAAA,EAAgB,cAAA;EAChB,6BAAA,EAA+B,kBAAA;EAC/B,gBAAA,EAAkB,gBAAA;EAClB,2BAAA,EAA6B,2BAAA;EAC7B,WAAA,EAAa,mBAAA;EACb,4BAAA,GAA+B,KAAA;EAC/B,uBAAA,EAAyB,KAAA;EACzB,oBAAA,EAAsB,oBAAA;EACtB,qBAAA,EAAuB,KAAA;EACvB,qBAAA,EAAuB,oBAAA;EACvB,kBAAA,EAAoB,wBAAA;EACpB,aAAA,EAAe,aAAA;EACf,mBAAA;EACA,cAAA,EAAgB,cAAA;EAChB,wBAAA,EAA0B,kBAAA;EAC1B,WAAA,EAAa,WAAA;EACb,eAAA,EAAiB,eAAA;EACjB,cAAA;AAAA;AAAA,KAGU,cAAA;EACV,SAAA;AAAA;AAAA,KAGU,wBAAA;EACV,aAAA;EACA,WAAA;EACA,UAAA;EACA,UAAA;EACA,SAAA;AAAA;AAAA,KAGU,oBAAA;EACV,KAAA,EAAO,KAAA;EACP,MAAA,EAAQ,eAAA;AAAA;AAAA,KAGE,aAAA;EACV,KAAA,EAAO,KAAA;EACP,MAAA,EAAQ,KAAA;AAAA;AAAA,KAGE,WAAA;EACV,KAAA;EACA,MAAA,EAAQ,aAAA;AAAA;AAAA,KAGE,kBAAA;EACV,OAAA,EAAS,OAAA;EACT,YAAA;AAAA;AAAA,KAGU,eAAA;EACV,OAAA;EACA,OAAA;EACA,SAAA,GAAY,SAAA;AAAA;AAAA,KAGF,gBAAA,iBACE,aAAA;EACV,SAAA,EAAW,CAAA;EACX,QAAA,EAAU,aAAA,CAAc,CAAA;EACxB,QAAA,EAAU,aAAA,CAAc,CAAA;AAAA,UAEpB,aAAA;AAAA,KAEI,cAAA,iBACM,aAAA,SAAsB,aAAA;EAEtC,OAAA,EAAS,CAAA;EACT,QAAA,EAAU,aAAA,CAAc,CAAA;EACxB,QAAA,EAAU,aAAA,CAAc,CAAA;EACxB,WAAA,EAAa,aAAA;EACb,WAAA,EAAa,aAAA;AAAA;AAAA,KAGH,WAAA;EACV,OAAA;EACA,MAAA;AAAA;AAAA,KAGU,2BAAA;EACV,OAAA;EACA,OAAA;AAAA"}
+{"version":3,"file":"events.d.ts","names":[],"sources":["../../../src/types/events.ts"],"mappings":";;;;;;;aAMY,WAAA;EACV,eAAA;EACA,WAAA;EACA,cAAA;EACA,6BAAA;EACA,gBAAA;EACA,2BAAA;EACA,WAAA;EACA,uBAAA;EACA,oBAAA;EACA,qBAAA;EACA,qBAAA;EACA,kBAAA;EACA,aAAA;EACA,mBAAA;EACA,cAAA;EACA,wBAAA;EACA,WAAA;EACA,cAAA;AAAA;AAAA,KAGU,YAAA;EACV,eAAA,EAAiB,KAAA;EACjB,WAAA,EAAa,WAAA;EACb,cAAA,EAAgB,cAAA;EAChB,6BAAA,EAA+B,kBAAA;EAC/B,gBAAA,EAAkB,gBAAA;EAClB,2BAAA,EAA6B,2BAAA;EAC7B,WAAA,EAAa,mBAAA;EACb,uBAAA,EAAyB,KAAA;EACzB,oBAAA,EAAsB,oBAAA;EACtB,qBAAA,EAAuB,KAAA;EACvB,qBAAA,EAAuB,oBAAA;EACvB,kBAAA,EAAoB,wBAAA;EACpB,aAAA,EAAe,aAAA;EACf,mBAAA;EACA,cAAA,EAAgB,cAAA;EAChB,wBAAA,EAA0B,kBAAA;EAC1B,WAAA,EAAa,WAAA;EACb,eAAA,EAAiB,eAAA;EACjB,cAAA;AAAA;AAAA,KAGU,cAAA;EACV,SAAA;AAAA;AAAA,KAGU,wBAAA;EACV,aAAA;EACA,WAAA;EACA,UAAA;EACA,UAAA;EACA,SAAA;AAAA;AAAA,KAGU,oBAAA;EACV,KAAA,EAAO,KAAA;EACP,MAAA,EAAQ,eAAA;AAAA;AAAA,KAGE,aAAA;EACV,KAAA,EAAO,KAAA;EACP,MAAA,EAAQ,KAAA;AAAA;AAAA,KAGE,WAAA;EACV,KAAA;EACA,MAAA,EAAQ,aAAA;AAAA;AAAA,KAGE,kBAAA;EACV,OAAA,EAAS,OAAA;EACT,YAAA;AAAA;AAAA,KAGU,eAAA;EACV,OAAA;EACA,OAAA;EACA,SAAA,GAAY,SAAA;AAAA;AAAA,KAGF,gBAAA,iBACE,aAAA;EACV,SAAA,EAAW,CAAA;EACX,QAAA,EAAU,aAAA,CAAc,CAAA;EACxB,QAAA,EAAU,aAAA,CAAc,CAAA;AAAA,UAEpB,aAAA;AAAA,KAEI,cAAA,iBACM,aAAA,SAAsB,aAAA;EAEtC,OAAA,EAAS,CAAA;EACT,QAAA,EAAU,aAAA,CAAc,CAAA;EACxB,QAAA,EAAU,aAAA,CAAc,CAAA;EACxB,WAAA,EAAa,aAAA;EACb,WAAA,EAAa,aAAA;AAAA;AAAA,KAGH,WAAA;EACV,OAAA;EACA,MAAA;AAAA;AAAA,KAGU,2BAAA;EACV,OAAA;EACA,OAAA;AAAA"}

package/dist/esm/types/events.js

@@ -7,10 +7,6 @@ let WidgetEvent = /* @__PURE__ */ function(WidgetEvent) {
 	WidgetEvent["FormFieldChanged"] = "formFieldChanged";
 	WidgetEvent["LowAddressActivityConfirmed"] = "lowAddressActivityConfirmed";
 	WidgetEvent["PageEntered"] = "pageEntered";
-	/**
-	* @deprecated Use `PageEntered` event instead.
-	*/
-	WidgetEvent["ReviewTransactionPageEntered"] = "reviewTransactionPageEntered";
 	WidgetEvent["RouteExecutionCompleted"] = "routeExecutionCompleted";
 	WidgetEvent["RouteExecutionFailed"] = "routeExecutionFailed";
 	WidgetEvent["RouteExecutionStarted"] = "routeExecutionStarted";