@aurora-is-near/intents-swap-widget 3.17.3 → 3.18.1

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 export { WidgetConfigProvider } from './config';
 export { DEFAULT_RPCS } from './rpcs';
+export { CHAINS } from './chains';
 export * from './components';
 export * from './features';
 export * from './hooks';

package/dist/index.js

@@ -1,121 +1,123 @@
-import { B as o, M as t, Q as s, S as a, o as n, p, T as f, q as m, w as i, W as u, v as x, x as d, r as c, t as l, e as S, d as k, u as T, f as g, g as h, h as B, j as C, i as E, k as M, a as I, c as W, l as w, n as D, m as A, b as v } from "./config-VpsP2eLV.js";
+import { B as o, M as t, Q as s, S as a, o as n, p, T as f, q as m, w as i, W as u, v as x, x as d, r as c, t as S, e as l, d as k, u as T, f as g, g as h, h as C, j as B, i as E, k as I, a as M, c as W, l as w, n as D, m as A, b as v } from "./config-DJObWR7Z.js";
 import { DEFAULT_RPCS as b } from "./rpcs.js";
-import { Accordion as L } from "./components/Accordion.js";
+import { CHAINS as H } from "./chains.js";
+import { Accordion as N } from "./components/Accordion.js";
 import { Badge as R } from "./components/Badge.js";
 import { Banner as F } from "./components/Banner.js";
-import { BlockingError as N } from "./components/BlockingError.js";
-import { Button as j } from "./components/Button.js";
-import { Card as _ } from "./components/Card.js";
-import { CopyButton as G } from "./components/CopyButton.js";
-import { DirectionSwitcher as O } from "./components/DirectionSwitcher.js";
-import { ErrorMessage as X } from "./components/ErrorMessage.js";
-import { Hr as Z } from "./components/Hr.js";
-import { Icon as ee } from "./components/Icon.js";
-import { Input as oe } from "./components/Input.js";
-import { InputAmount as se, MaskedInputAmount as ae } from "./components/InputAmount.js";
-import { Notes as pe } from "./components/Notes.js";
-import { Skeleton as me } from "./components/Skeleton.js";
-import { TinyNumber as ue } from "./components/TinyNumber.js";
-import { TokenIcon as de } from "./components/TokenIcon.js";
-import { StatusWidget as le } from "./components/StatusWidget.js";
-import { WidgetContainer as ke } from "./components/WidgetContainer.js";
-import { CloseButton as ge } from "./components/CloseButton.js";
-import { ChainsDropdown as Be } from "./features/ChainsDropdown/index.js";
-import { SendAddress as Ee } from "./features/SendAddress/index.js";
-import { SuccessScreen as Ie } from "./features/SuccessScreen/index.js";
-import { TokensModal as we } from "./features/TokensModal.js";
-import { SwapDirectionSwitcher as Ae } from "./features/SwapDirectionSwitcher.js";
-import { ExternalDeposit as ye } from "./features/ExternalDeposit.js";
-import { DepositMethodSwitcher as Qe } from "./features/DepositMethodSwitcher.js";
+import { BlockingError as j } from "./components/BlockingError.js";
+import { Button as _ } from "./components/Button.js";
+import { Card as G } from "./components/Card.js";
+import { CopyButton as O } from "./components/CopyButton.js";
+import { DirectionSwitcher as X } from "./components/DirectionSwitcher.js";
+import { ErrorMessage as Z } from "./components/ErrorMessage.js";
+import { Hr as ee } from "./components/Hr.js";
+import { Icon as oe } from "./components/Icon.js";
+import { Input as se } from "./components/Input.js";
+import { InputAmount as ne, MaskedInputAmount as pe } from "./components/InputAmount.js";
+import { Notes as me } from "./components/Notes.js";
+import { Skeleton as ue } from "./components/Skeleton.js";
+import { TinyNumber as de } from "./components/TinyNumber.js";
+import { TokenIcon as Se } from "./components/TokenIcon.js";
+import { StatusWidget as ke } from "./components/StatusWidget.js";
+import { WidgetContainer as ge } from "./components/WidgetContainer.js";
+import { CloseButton as Ce } from "./components/CloseButton.js";
+import { ChainsDropdown as Ee } from "./features/ChainsDropdown/index.js";
+import { SendAddress as Me } from "./features/SendAddress/index.js";
+import { SuccessScreen as we } from "./features/SuccessScreen/index.js";
+import { TokensModal as Ae } from "./features/TokensModal.js";
+import { SwapDirectionSwitcher as ye } from "./features/SwapDirectionSwitcher.js";
+import { ExternalDeposit as Qe } from "./features/ExternalDeposit.js";
+import { DepositMethodSwitcher as Le } from "./features/DepositMethodSwitcher.js";
 import { WalletCompatibilityCheck as Pe } from "./features/WalletCompatibilityCheck/index.js";
 import { useMakeEvmTransfer as qe } from "./hooks/useMakeEvmTransfer.js";
-import { useMakeSolanaTransfer as He } from "./hooks/useMakeSolanaTransfer.js";
-import { useTokenInputPair as Ue } from "./hooks/useTokenInputPair.js";
-import { useWalletBalance as Ke } from "./hooks/useWalletBalance.js";
-import { useExternalDepositStatus as ze } from "./hooks/useExternalDepositStatus/index.js";
-import { useIsCompatibilityCheckRequired as Je } from "./hooks/useIsCompatibilityCheckRequired.js";
-import { useToggleTheme as Ve } from "./hooks/useToggleTheme.js";
-import { useHandleKeyDown as Ye } from "./hooks/useHandleKeyDown.js";
-import { guardStates as $e } from "./machine/guards/index.js";
-import { machine as rr, moveTo as or } from "./machine/machine.js";
-import { fireEvent as sr } from "./machine/events/utils/fireEvent.js";
-import { WidgetSwap as nr } from "./widgets/WidgetSwap/index.js";
-import { WidgetDeposit as fr } from "./widgets/WidgetDeposit/index.js";
-import { WidgetWithdraw as ir } from "./widgets/WidgetWithdraw/index.js";
+import { useMakeSolanaTransfer as Ue } from "./hooks/useMakeSolanaTransfer.js";
+import { useTokenInputPair as Ke } from "./hooks/useTokenInputPair.js";
+import { useWalletBalance as ze } from "./hooks/useWalletBalance.js";
+import { useExternalDepositStatus as Je } from "./hooks/useExternalDepositStatus/index.js";
+import { useIsCompatibilityCheckRequired as Ve } from "./hooks/useIsCompatibilityCheckRequired.js";
+import { useToggleTheme as Ye } from "./hooks/useToggleTheme.js";
+import { useHandleKeyDown as $e } from "./hooks/useHandleKeyDown.js";
+import { guardStates as rr } from "./machine/guards/index.js";
+import { machine as tr, moveTo as sr } from "./machine/machine.js";
+import { fireEvent as nr } from "./machine/events/utils/fireEvent.js";
+import { WidgetSwap as fr } from "./widgets/WidgetSwap/index.js";
+import { WidgetDeposit as ir } from "./widgets/WidgetDeposit/index.js";
+import { WidgetWithdraw as xr } from "./widgets/WidgetWithdraw/index.js";
 export {
-  L as Accordion,
+  N as Accordion,
   R as Badge,
   o as BalanceRpcLoader,
   F as Banner,
-  N as BlockingError,
-  j as Button,
-  _ as Card,
-  Be as ChainsDropdown,
-  ge as CloseButton,
-  G as CopyButton,
+  j as BlockingError,
+  _ as Button,
+  H as CHAINS,
+  G as Card,
+  Ee as ChainsDropdown,
+  Ce as CloseButton,
+  O as CopyButton,
   b as DEFAULT_RPCS,
-  Qe as DepositMethodSwitcher,
-  O as DirectionSwitcher,
-  X as ErrorMessage,
-  ye as ExternalDeposit,
-  Z as Hr,
-  ee as Icon,
-  oe as Input,
-  se as InputAmount,
+  Le as DepositMethodSwitcher,
+  X as DirectionSwitcher,
+  Z as ErrorMessage,
+  Qe as ExternalDeposit,
+  ee as Hr,
+  oe as Icon,
+  se as Input,
+  ne as InputAmount,
   t as MachineError,
-  ae as MaskedInputAmount,
-  pe as Notes,
+  pe as MaskedInputAmount,
+  me as Notes,
   s as QuoteError,
-  Ee as SendAddress,
-  me as Skeleton,
-  le as StatusWidget,
+  Me as SendAddress,
+  ue as Skeleton,
+  ke as StatusWidget,
   a as SubmitButton,
-  Ie as SuccessScreen,
-  Ae as SwapDirectionSwitcher,
+  we as SuccessScreen,
+  ye as SwapDirectionSwitcher,
   n as SwapQuote,
-  ue as TinyNumber,
-  de as TokenIcon,
+  de as TinyNumber,
+  Se as TokenIcon,
   p as TokenInput,
   f as TokenInputBase,
   m as TokensList,
-  we as TokensModal,
+  Ae as TokensModal,
   i as TransferError,
   Pe as WalletCompatibilityCheck,
   u as WidgetConfigProvider,
-  ke as WidgetContainer,
-  fr as WidgetDeposit,
+  ge as WidgetContainer,
+  ir as WidgetDeposit,
   x as WidgetError,
-  nr as WidgetSwap,
-  ir as WidgetWithdraw,
-  sr as fireEvent,
-  $e as guardStates,
+  fr as WidgetSwap,
+  xr as WidgetWithdraw,
+  nr as fireEvent,
+  rr as guardStates,
   d as isWidgetError,
-  rr as machine,
-  or as moveTo,
+  tr as machine,
+  sr as moveTo,
   c as registerStoreEvents,
-  l as useAlchemyBalanceIntegration,
-  S as useAllTokens,
+  S as useAlchemyBalanceIntegration,
+  l as useAllTokens,
   k as useChains,
   T as useComputedSnapshot,
-  ze as useExternalDepositStatus,
-  Ye as useHandleKeyDown,
+  Je as useExternalDepositStatus,
+  $e as useHandleKeyDown,
   g as useIntentsBalance,
-  Je as useIsCompatibilityCheckRequired,
+  Ve as useIsCompatibilityCheckRequired,
   qe as useMakeEvmTransfer,
   h as useMakeIntentsTransfer,
-  B as useMakeQuote,
-  C as useMakeQuoteTransfer,
-  He as useMakeSolanaTransfer,
+  C as useMakeQuote,
+  B as useMakeQuoteTransfer,
+  Ue as useMakeSolanaTransfer,
   E as useMakeTransfer,
-  M as useMergedBalance,
-  I as useSafeSnapshot,
+  I as useMergedBalance,
+  M as useSafeSnapshot,
   W as useStoreSideEffects,
   w as useSwitchChain,
-  Ve as useToggleTheme,
-  Ue as useTokenInputPair,
+  Ye as useToggleTheme,
+  Ke as useTokenInputPair,
   D as useTokens,
   A as useTokensFiltered,
   v as useUnsafeSnapshot,
-  Ke as useWalletBalance
+  ze as useWalletBalance
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/machine/effects/index.js

@@ -1,6 +1,6 @@
 import "lodash.once";
 import "react";
-import { r as i, c as m } from "../../config-VpsP2eLV.js";
+import { r as i, c as m } from "../../config-DJObWR7Z.js";
 import "../../logger.js";
 export {
   i as registerStoreEvents,

package/dist/machine/effects/useAlchemyBalanceEffect.js

@@ -1,4 +1,4 @@
-import { U as c } from "../../config-VpsP2eLV.js";
+import { U as c } from "../../config-DJObWR7Z.js";
 export {
   c as useAlchemyBalanceEffect
 };

package/dist/machine/effects/useBalancesUpdateEffect.js

@@ -1,6 +1,6 @@
 import "react";
 import "@tanstack/react-query";
-import { F as a } from "../../config-VpsP2eLV.js";
+import { F as a } from "../../config-DJObWR7Z.js";
 import "../guards/index.js";
 import "../machine.js";
 export {

package/dist/machine/effects/useMakeQuoteEffect.js

@@ -1,7 +1,7 @@
 import "react";
 import "../../logger.js";
 import "../guards/checks/isDryQuote.js";
-import { P as a } from "../../config-VpsP2eLV.js";
+import { P as a } from "../../config-DJObWR7Z.js";
 import "../guards/index.js";
 import "../machine.js";
 import "../events/utils/fireEvent.js";

package/dist/machine/effects/useSelectedTokensEffect.js

@@ -2,7 +2,7 @@ import "react";
 import "../../utils/solana/isSolanaAddress.js";
 import "../../utils/evm/isEvmAddress.js";
 import "../../utils/near/isNearAddress.js";
-import { R as l } from "../../config-VpsP2eLV.js";
+import { R as l } from "../../config-DJObWR7Z.js";
 import "../../utils/tokens/getMainTokenByChain.js";
 import "../../utils/tokens/getDefaultIntentsToken.js";
 import "../../utils/tokens/getTokenWithHighBalance.js";

package/dist/machine/effects/useSetTokenBalanceEffect.js

@@ -1,5 +1,5 @@
 import "react";
-import { G as a } from "../../config-VpsP2eLV.js";
+import { G as a } from "../../config-DJObWR7Z.js";
 import "../../utils/intents/getTokenBalanceKey.js";
 import "ethers";
 import "../machine.js";

package/dist/machine/effects/useSetTokenIntentsTargetEffect.js

@@ -1,5 +1,5 @@
 import "react";
-import { H as i } from "../../config-VpsP2eLV.js";
+import { H as i } from "../../config-DJObWR7Z.js";
 import "ethers";
 import "../machine.js";
 import "../events/utils/fireEvent.js";

package/dist/machine/effects/useWalletConnEffect.js

@@ -1,6 +1,6 @@
 import "react";
 import "../../hooks/useWalletAddressForToken.js";
-import { I as f } from "../../config-VpsP2eLV.js";
+import { I as f } from "../../config-DJObWR7Z.js";
 import "../guards/index.js";
 import "../machine.js";
 import "../events/utils/fireEvent.js";

package/dist/machine/events/index.js

@@ -3,7 +3,7 @@ import "./tokenSelectRotate.js";
 import "./errorSet.js";
 import "./quoteSet.js";
 import "./addressSet.js";
-import { _ as b } from "../../config-VpsP2eLV.js";
+import { _ as b } from "../../config-DJObWR7Z.js";
 import "./tokenSetAmount.js";
 import "./quoteSetStatus.js";
 import "./depositTypeSet.js";

package/dist/machine/events/tokenSelect.js

@@ -1,6 +1,6 @@
 import "valtio";
 import "./tokenSelectRotate.js";
-import { Z as p } from "../../config-VpsP2eLV.js";
+import { Z as p } from "../../config-DJObWR7Z.js";
 import "../../utils/notReachable.js";
 export {
   p as tokenSelect

package/dist/machine/events/validateInputAndMoveTo.js

@@ -1,4 +1,4 @@
-import { O as m } from "../../config-VpsP2eLV.js";
+import { O as m } from "../../config-DJObWR7Z.js";
 import "ethers";
 import "../machine.js";
 import "../guards/checks/isDryQuote.js";

package/dist/machine/events/validateInputs.js

@@ -3,7 +3,7 @@ import "../../utils/near/checkNearAccountExists.js";
 import "../../utils/checkers/isNotEmptyAmount.js";
 import "../../utils/checkers/isValidBigint.js";
 import "../../utils/near/isNearAddress.js";
-import { K as I, L as d, N as u } from "../../config-VpsP2eLV.js";
+import { K as I, L as d, N as u } from "../../config-DJObWR7Z.js";
 import "../guards/index.js";
 import "../machine.js";
 import "../guards/checks/isBalanceSufficient.js";

package/dist/machine/index.js

@@ -1,4 +1,4 @@
-import { r as o, u as t, a as r, c as a, b as f } from "../config-VpsP2eLV.js";
+import { r as o, u as t, a as r, c as a, b as f } from "../config-DJObWR7Z.js";
 import { guardStates as S } from "./guards/index.js";
 import { machine as n, moveTo as u } from "./machine.js";
 import { fireEvent as i } from "./events/utils/fireEvent.js";

package/dist/machine/snap.js

@@ -2,7 +2,7 @@ import "valtio";
 import "derive-valtio";
 import "./computed/getIsNativeNearDeposit.js";
 import "./computed/getIsDirectTokenOnNearDeposit.js";
-import { u as h, a as b, b as d } from "../config-VpsP2eLV.js";
+import { u as h, a as b, b as d } from "../config-DJObWR7Z.js";
 import "./machine.js";
 import "./guards/index.js";
 import "./computed/getUsdTradeDelta.js";

package/dist/machine/subscriptions/checkers/isSendAddressAsConnected.js

@@ -1,5 +1,5 @@
 import "valtio";
-import { V as o } from "../../../config-VpsP2eLV.js";
+import { V as o } from "../../../config-DJObWR7Z.js";
 export {
   o as isSendAddressAsConnected
 };

package/dist/machine/subscriptions/index.js

@@ -5,7 +5,7 @@ import "./checkers/isOnlyErrorChanged.js";
 import "./checkers/isValidInitialState.js";
 import "./checkers/isWalletDisconnected.js";
 import "./checkers/isSendAddressForbidden.js";
-import { X as g, Y as u } from "../../config-VpsP2eLV.js";
+import { X as g, Y as u } from "../../config-DJObWR7Z.js";
 import "./checkers/isAmountChangedFromQuote.js";
 import "ethers";
 import "../machine.js";

package/dist/theme/ThemeProvider.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "./createColorPalette.js";
-import { C as i, ad as p } from "../config-VpsP2eLV.js";
+import { C as i, ad as p } from "../config-DJObWR7Z.js";
 export {
   i as ThemeContext,
   p as ThemeProvider

package/dist/types/theme.d.ts

@@ -5,5 +5,8 @@ export type Theme = {
     backgroundColor?: HexColor;
     primaryColor?: HexColor;
     surfaceColor?: HexColor;
+    successColor?: HexColor;
+    warningColor?: HexColor;
+    errorColor?: HexColor;
 };
 export type ColorPalette = Record<50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 950, string>;

package/dist/utils/intents/signers/near.js

@@ -1,6 +1,6 @@
 import "../../../index-DEq3oXQF.js";
 import "@defuse-protocol/intents-sdk";
-import { a2 as o } from "../../../config-VpsP2eLV.js";
+import { a2 as o } from "../../../config-DJObWR7Z.js";
 export {
   o as createNearWalletSigner
 };

package/dist/utils/intents/signers/privy.js

@@ -1,5 +1,5 @@
 import "@defuse-protocol/internal-utils";
-import { a1 as i } from "../../../config-VpsP2eLV.js";
+import { a1 as i } from "../../../config-DJObWR7Z.js";
 export {
   i as IntentSignerPrivy
 };

package/dist/utils/near/getNearNep141StorageBalance.js

@@ -2,7 +2,7 @@ import "../../index-DEq3oXQF.js";
 import "zod";
 import "./decodeQueryResult.js";
 import "./rpc.js";
-import { $ as m } from "../../config-VpsP2eLV.js";
+import { $ as m } from "../../config-DJObWR7Z.js";
 export {
   m as getNearNep141StorageBalance
 };

package/dist/widgets/WidgetDeposit/WidgetDepositContent.js

@@ -3,7 +3,7 @@ import { useState as y, useEffect as l, useCallback as B } from "react";
 import { useTokenModal as R } from "../../hooks/useTokenModal.js";
 import { useTypedTranslation as A } from "../../localisation.js";
 import { WidgetDepositSkeleton as b } from "./WidgetDepositSkeleton.js";
-import { b as F, u as q, y as j, n as N, c as O, p as Q, o as U, S as K } from "../../config-VpsP2eLV.js";
+import { b as F, u as q, y as j, n as N, c as O, p as Q, o as U, S as K } from "../../config-DJObWR7Z.js";
 import "@tanstack/react-query";
 import "@headlessui/react";
 import "framer-motion";

package/dist/widgets/WidgetDeposit/WidgetDepositSkeleton.js

@@ -1,7 +1,7 @@
 import { jsxs as o, jsx as e } from "react/jsx-runtime";
 import a from "clsx";
 import { SkeletonBox as s } from "../../components/SkeletonBox.js";
-import { y as i } from "../../config-VpsP2eLV.js";
+import { y as i } from "../../config-DJObWR7Z.js";
 const p = () => {
   const { hideTokenInputHeadings: l } = i();
   return /* @__PURE__ */ o("div", { className: "w-full gap-sw-xl relative flex flex-col", children: [

package/dist/widgets/WidgetSwap/WidgetSwapContent.js

@@ -3,7 +3,7 @@ import { useState as b, useEffect as y } from "react";
 import { useTokenModal as R } from "../../hooks/useTokenModal.js";
 import { WidgetSwapSkeleton as S } from "./WidgetSwapSkeleton.js";
 import { useTypedTranslation as D } from "../../localisation.js";
-import { b as N, u as O, y as Q, n as j, c as q, p as w, o as F, S as U } from "../../config-VpsP2eLV.js";
+import { b as N, u as O, y as Q, n as j, c as q, p as w, o as F, S as U } from "../../config-DJObWR7Z.js";
 import "@tanstack/react-query";
 import "@headlessui/react";
 import "framer-motion";

package/dist/widgets/WidgetSwap/WidgetSwapSkeleton.js

@@ -1,7 +1,7 @@
 import { jsxs as a, jsx as l } from "react/jsx-runtime";
 import o from "clsx";
 import { SkeletonBox as s } from "../../components/SkeletonBox.js";
-import { y as i } from "../../config-VpsP2eLV.js";
+import { y as i } from "../../config-DJObWR7Z.js";
 const m = () => {
   const { hideTokenInputHeadings: e } = i();
   return /* @__PURE__ */ a("div", { className: "w-full gap-sw-lg relative flex flex-col", children: [

package/dist/widgets/WidgetWithdraw/WidgetWithdrawContent.js

@@ -3,7 +3,7 @@ import { useState as w, useEffect as b } from "react";
 import { useTokenModal as B } from "../../hooks/useTokenModal.js";
 import { WidgetWithdrawSkeleton as y } from "./WidgetWithdrawSkeleton.js";
 import { useTypedTranslation as D } from "../../localisation.js";
-import { b as N, u as O, y as Q, n as j, c as q, p as S, o as F, S as U } from "../../config-VpsP2eLV.js";
+import { b as N, u as O, y as Q, n as j, c as q, p as S, o as F, S as U } from "../../config-DJObWR7Z.js";
 import "@tanstack/react-query";
 import "@headlessui/react";
 import "framer-motion";

package/dist/widgets/WidgetWithdraw/WidgetWithdrawSkeleton.js

@@ -1,7 +1,7 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
 import o from "clsx";
 import { SkeletonBox as l } from "../../components/SkeletonBox.js";
-import { y as x } from "../../config-VpsP2eLV.js";
+import { y as x } from "../../config-DJObWR7Z.js";
 const p = () => {
   const { hideTokenInputHeadings: s } = x();
   return /* @__PURE__ */ a("div", { className: "w-full gap-sw-xl relative flex flex-col", children: [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aurora-is-near/intents-swap-widget",
-  "version": "3.17.3",
+  "version": "3.18.1",
   "description": "Provides components and hooks to build your own Intents swap widget",
   "author": "Maksim Vashchuk",
   "license": "MIT",
@@ -86,7 +86,7 @@
     "near-api-js": "^6.2.5",
     "proxy-memoize": "^3.0.1",
     "qrcode.react": "^4.2.0",
-    "qs": "^6.14.0",
+    "qs": "^6.14.1",
     "react-error-boundary": "^6.0.0",
     "react-helmet-async": "^2.0.5",
     "react-i18next": "^15.7.3",
@@ -100,29 +100,5 @@
     "viem": "^2.38.3",
     "virtua": "^0.41.5",
     "zod": "^3.25.51"
-  },
-  "devDependencies": {
-    "@jest/globals": "^30.2.0",
-    "@swc/core": "^1.15.2",
-    "@swc/jest": "^0.2.39",
-    "@testing-library/dom": "^10.4.1",
-    "@testing-library/jest-dom": "^6.9.1",
-    "@testing-library/react": "^16.3.0",
-    "@testing-library/user-event": "^14.6.1",
-    "@types/browser-or-node": "^1.3.2",
-    "@types/jest": "^30.0.0",
-    "@types/jest-image-snapshot": "^6.4.0",
-    "@types/puppeteer": "^7.0.4",
-    "glob": "^10.5.0",
-    "is-ci": "^4.1.0",
-    "jest-environment-jsdom": "^30.2.0",
-    "jest-image-snapshot": "^6.5.1",
-    "jest-puppeteer": "^11.0.0",
-    "jest-react-hooks-shallow": "^1.5.1",
-    "jest-transform-stub": "^2.0.0",
-    "jest-transformer-svg": "^2.1.0",
-    "puppeteer": "^24.31.0",
-    "ts-jest": "^29.4.5",
-    "vite-plugin-static-copy": "^3.1.4"
   }
 }

package/src/chains.ts

@@ -0,0 +1,14 @@
+import { cloneElement } from 'react';
+import { CHAINS_LIST } from './constants';
+import { CHAIN_ICONS } from './icons';
+
+export const CHAINS = Object.values(CHAINS_LIST).map((chain) => {
+  return {
+    id: chain.id,
+    label: chain.label,
+    icon: cloneElement(CHAIN_ICONS[chain.id], {
+      width: '100%',
+      height: '100%',
+    }),
+  };
+});

package/src/components/WidgetContainer.tsx

@@ -2,7 +2,7 @@ import { PropsWithChildren, ReactElement } from 'react';
 import { cn } from '../utils';
 import { useTheme } from '../hooks/useTheme';
 
-const DEFAULT_BACKGROUND_COLOR = '#24262d';
+const DEFAULT_FULL_PAGE_BACKGROUND_COLOR = '#24262d';
 
 export type WidgetContainerProps = PropsWithChildren<{
   HeaderComponent?: ReactElement | false | null;
@@ -22,7 +22,10 @@ export const WidgetContainer = ({
 
   const jsx = (
     <div
-      style={{ transform: isFullPage ? 'translateY(15dvh)' : 'none' }}
+      style={{
+        transform: isFullPage ? 'translateY(15dvh)' : 'none',
+        backgroundColor: theme?.backgroundColor,
+      }}
       className={cn(
         'w-full h-fit flex flex-col justify-center items-center relative',
         className,
@@ -53,7 +56,8 @@ export const WidgetContainer = ({
         className,
       )}
       style={{
-        backgroundColor: theme?.backgroundColor ?? DEFAULT_BACKGROUND_COLOR,
+        backgroundColor:
+          theme?.backgroundColor ?? DEFAULT_FULL_PAGE_BACKGROUND_COLOR,
       }}>
       <div className="w-full h-fit max-w-[456px] min-w-[270px]">{jsx}</div>
     </div>

package/src/icons/index.tsx

@@ -1,4 +1,5 @@
 /* eslint-disable import/extensions */
+import { ReactElement, SVGAttributes } from 'react';
 import AbgIcon from './abg.svg';
 import ArbIcon from './arb.svg';
 import AsterIcon from './aster.svg';
@@ -44,7 +45,10 @@ import type { Chains } from '@/types/chain';
 
 export const UNKNOWN_ICON: React.ReactElement = <UnknownIcon />;
 
-export const CHAIN_ICONS: Record<Chains, React.ReactElement> = {
+export const CHAIN_ICONS: Record<
+  Chains,
+  ReactElement<SVGAttributes<SVGElement>>
+> = {
   arb: <ArbIcon />,
   avax: <AvaxIcon />,
   base: <BaseIcon />,

package/src/index.ts

@@ -2,6 +2,7 @@ import './tailwind.css'; // import so CSS is emitted in dist
 
 export { WidgetConfigProvider } from './config';
 export { DEFAULT_RPCS } from './rpcs';
+export { CHAINS } from './chains';
 
 export * from './components';
 export * from './features';