@aurora-is-near/intents-swap-widget 3.15.3 → 3.16.0

package/dist/index.js

@@ -1,4 +1,4 @@
-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-DKdwFIJc.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 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-DQMHUj5z.js";
 import { DEFAULT_RPCS as b } from "./rpcs.js";
 import { Accordion as L } from "./components/Accordion.js";
 import { Badge as R } from "./components/Badge.js";

package/dist/machine/effects/index.js

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

package/dist/machine/effects/useAlchemyBalanceEffect.js

@@ -1,4 +1,4 @@
-import { U as c } from "../../config-DKdwFIJc.js";
+import { U as c } from "../../config-DQMHUj5z.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-DKdwFIJc.js";
+import { F as a } from "../../config-DQMHUj5z.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-DKdwFIJc.js";
+import { P as a } from "../../config-DQMHUj5z.js";
 import "../guards/index.js";
 import "../machine.js";
 import "../events/utils/fireEvent.js";

package/dist/machine/effects/useSelectedTokensEffect.d.ts

@@ -16,7 +16,6 @@ export declare const useSelectedTokensEffect: ({ isEnabled, skipIntents, target,
         readonly isIntent: boolean;
         readonly chainName: string;
         readonly name: string;
-        readonly chainIcon: string;
     } | undefined;
     target: {
         readonly symbol: string;
@@ -29,6 +28,5 @@ export declare const useSelectedTokensEffect: ({ isEnabled, skipIntents, target,
         readonly isIntent: boolean;
         readonly chainName: string;
         readonly name: string;
-        readonly chainIcon: string;
     } | undefined;
 };

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-DKdwFIJc.js";
+import { R as l } from "../../config-DQMHUj5z.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-DKdwFIJc.js";
+import { G as a } from "../../config-DQMHUj5z.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-DKdwFIJc.js";
+import { H as i } from "../../config-DQMHUj5z.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-DKdwFIJc.js";
+import { I as f } from "../../config-DQMHUj5z.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-DKdwFIJc.js";
+import { _ as b } from "../../config-DQMHUj5z.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-DKdwFIJc.js";
+import { Z as p } from "../../config-DQMHUj5z.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-DKdwFIJc.js";
+import { O as m } from "../../config-DQMHUj5z.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-DKdwFIJc.js";
+import { K as I, L as d, N as u } from "../../config-DQMHUj5z.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-DKdwFIJc.js";
+import { r as o, u as t, a as r, c as a, b as f } from "../config-DQMHUj5z.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.d.ts

@@ -26,7 +26,6 @@ export declare const useUnsafeSnapshot: () => {
             readonly isIntent: boolean;
             readonly chainName: string;
             readonly name: string;
-            readonly chainIcon: string;
         } | undefined;
         readonly sourceTokenAmount: string;
         readonly sourceTokenBalance?: never | undefined;
@@ -41,7 +40,6 @@ export declare const useUnsafeSnapshot: () => {
             readonly isIntent: boolean;
             readonly chainName: string;
             readonly name: string;
-            readonly chainIcon: string;
         } | undefined;
         readonly targetTokenAmount: string;
         readonly sendAddress?: string | undefined;
@@ -76,7 +74,6 @@ export declare const useUnsafeSnapshot: () => {
             readonly isIntent: boolean;
             readonly chainName: string;
             readonly name: string;
-            readonly chainIcon: string;
         } | undefined;
         readonly sourceTokenAmount: string;
         readonly sourceTokenBalance: import('..').TokenBalance;
@@ -91,7 +88,6 @@ export declare const useUnsafeSnapshot: () => {
             readonly isIntent: boolean;
             readonly chainName: string;
             readonly name: string;
-            readonly chainIcon: string;
         } | undefined;
         readonly targetTokenAmount: string;
         readonly walletAddress: string;
@@ -154,7 +150,6 @@ export declare const useUnsafeSnapshot: () => {
             readonly isIntent: boolean;
             readonly chainName: string;
             readonly name: string;
-            readonly chainIcon: string;
         };
         readonly sourceTokenAmount: string;
         readonly sourceTokenBalance?: never | undefined;
@@ -169,7 +164,6 @@ export declare const useUnsafeSnapshot: () => {
             readonly isIntent: boolean;
             readonly chainName: string;
             readonly name: string;
-            readonly chainIcon: string;
         };
         readonly targetTokenAmount: string;
         readonly sendAddress?: string | undefined;
@@ -224,7 +218,6 @@ export declare const useUnsafeSnapshot: () => {
             readonly isIntent: boolean;
             readonly chainName: string;
             readonly name: string;
-            readonly chainIcon: string;
         };
         readonly sourceTokenAmount: string;
         readonly sourceTokenBalance: import('..').TokenBalance;
@@ -239,7 +232,6 @@ export declare const useUnsafeSnapshot: () => {
             readonly isIntent: boolean;
             readonly chainName: string;
             readonly name: string;
-            readonly chainIcon: string;
         };
         readonly targetTokenAmount: string;
         readonly sendAddress?: never | undefined;
@@ -296,7 +288,6 @@ export declare const useUnsafeSnapshot: () => {
             readonly isIntent: boolean;
             readonly chainName: string;
             readonly name: string;
-            readonly chainIcon: string;
         };
         readonly sourceTokenAmount: string;
         readonly sourceTokenBalance: import('..').TokenBalance;
@@ -311,7 +302,6 @@ export declare const useUnsafeSnapshot: () => {
             readonly isIntent: boolean;
             readonly chainName: string;
             readonly name: string;
-            readonly chainIcon: string;
         };
         readonly targetTokenAmount: string;
         readonly sendAddress: string;
@@ -368,7 +358,6 @@ export declare const useUnsafeSnapshot: () => {
             readonly isIntent: boolean;
             readonly chainName: string;
             readonly name: string;
-            readonly chainIcon: string;
         };
         readonly sourceTokenAmount: string;
         readonly sourceTokenBalance?: never | undefined;
@@ -383,7 +372,6 @@ export declare const useUnsafeSnapshot: () => {
             readonly isIntent: boolean;
             readonly chainName: string;
             readonly name: string;
-            readonly chainIcon: string;
         };
         readonly targetTokenAmount: string;
         readonly sendAddress?: never | undefined;
@@ -454,7 +442,6 @@ export declare const useUnsafeSnapshot: () => {
             readonly isIntent: boolean;
             readonly chainName: string;
             readonly name: string;
-            readonly chainIcon: string;
         };
         readonly sourceTokenAmount: string;
         readonly sourceTokenBalance: import('..').TokenBalance;
@@ -469,7 +456,6 @@ export declare const useUnsafeSnapshot: () => {
             readonly isIntent: boolean;
             readonly chainName: string;
             readonly name: string;
-            readonly chainIcon: string;
         };
         readonly targetTokenAmount: string;
         readonly sendAddress?: never | undefined;
@@ -544,7 +530,6 @@ export declare const useUnsafeSnapshot: () => {
             readonly isIntent: boolean;
             readonly chainName: string;
             readonly name: string;
-            readonly chainIcon: string;
         };
         readonly sourceTokenAmount: string;
         readonly sourceTokenBalance: import('..').TokenBalance;
@@ -559,7 +544,6 @@ export declare const useUnsafeSnapshot: () => {
             readonly isIntent: boolean;
             readonly chainName: string;
             readonly name: string;
-            readonly chainIcon: string;
         };
         readonly targetTokenAmount: string;
         readonly sendAddress: string;
@@ -634,7 +618,6 @@ export declare const useUnsafeSnapshot: () => {
             readonly isIntent: boolean;
             readonly chainName: string;
             readonly name: string;
-            readonly chainIcon: string;
         };
         readonly sourceTokenAmount: string;
         readonly sourceTokenBalance: import('..').TokenBalance;
@@ -649,7 +632,6 @@ export declare const useUnsafeSnapshot: () => {
             readonly isIntent: boolean;
             readonly chainName: string;
             readonly name: string;
-            readonly chainIcon: string;
         };
         readonly targetTokenAmount: string;
         readonly walletAddress: string;

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-DKdwFIJc.js";
+import { u as h, a as b, b as d } from "../config-DQMHUj5z.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-DKdwFIJc.js";
+import { V as o } from "../../../config-DQMHUj5z.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-DKdwFIJc.js";
+import { X as g, Y as u } from "../../config-DQMHUj5z.js";
 import "./checkers/isAmountChangedFromQuote.js";
 import "ethers";
 import "../machine.js";

package/dist/theme/ThemeProvider.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "browser-or-node";
 import "react";
 import "./createColorPalette.js";
-import { C as p, ae as a } from "../config-DKdwFIJc.js";
+import { C as p, ae as a } from "../config-DQMHUj5z.js";
 export {
   p as ThemeContext,
   a as ThemeProvider

package/dist/types/chain.d.ts

@@ -3,7 +3,6 @@ export type Chains = (typeof CHAINS)[number];
 export type EvmChains = (typeof EVM_CHAINS)[number];
 export type Chain = {
     id: Chains;
-    icon: string;
     label: string;
 };
 export type ChainsFilter = {

package/dist/types/config.d.ts

@@ -6,7 +6,7 @@ export type WalletAddresses = Partial<Record<Chains | 'default', string | null>>
 export type IntentsAccountType = 'evm' | 'near' | 'sol';
 export type WidgetConfig = {
     appName: string;
-    appIcon: string;
+    appIcon?: string;
     intentsAccountType?: IntentsAccountType;
     walletSupportedChains: ReadonlyArray<Chains>;
     connectedWallets: WalletAddresses;

package/dist/types/token.d.ts

@@ -13,7 +13,6 @@ export type Token = Omit<SimpleToken, 'icon'> & {
     isIntent: boolean;
     chainName: string;
     name: string;
-    chainIcon: string;
 };
 export type TokenBalance = string | 0 | undefined;
 export type TokenBalances = Record<string, TokenBalance>;

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

@@ -1,6 +1,6 @@
 import "../../../index-DEq3oXQF.js";
 import "@defuse-protocol/bridge-sdk";
-import { a2 as o } from "../../../config-DKdwFIJc.js";
+import { a2 as o } from "../../../config-DQMHUj5z.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-DKdwFIJc.js";
+import { a1 as i } from "../../../config-DQMHUj5z.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-DKdwFIJc.js";
+import { $ as m } from "../../config-DQMHUj5z.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-DKdwFIJc.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-DQMHUj5z.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-DKdwFIJc.js";
+import { y as i } from "../../config-DQMHUj5z.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-DKdwFIJc.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-DQMHUj5z.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-DKdwFIJc.js";
+import { y as i } from "../../config-DQMHUj5z.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-DKdwFIJc.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-DQMHUj5z.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-DKdwFIJc.js";
+import { y as x } from "../../config-DQMHUj5z.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.15.3",
+  "version": "3.16.0",
   "description": "Provides components and hooks to build your own Intents swap widget",
   "author": "Maksim Vashchuk",
   "license": "MIT",

package/src/components/TokenIcon.tsx

@@ -1,50 +1,47 @@
 import { Icon } from './Icon';
 
 import { cn } from '@/utils';
+import { TOKENS_DATA } from '@/constants/tokens';
+import { ASSET_ICONS, CHAIN_ICONS, UNKNOWN_ICON } from '@/icons';
+import type { Token } from '@/types/token';
 
 type TokenItemProps = {
-  icon: string;
-  name: string;
+  token: Token;
+  chainShowIcon: boolean;
   className?: string;
-} & (
-  | {
-      chainShowIcon: true;
-      chainIcon: string;
-      chainName: string;
-    }
-  | {
-      chainShowIcon: false;
-      chainIcon?: string | undefined;
-      chainName?: string | undefined;
-    }
-);
+};
 
 const BORDER_RADIUS = 4;
 
 export const TokenIcon = ({
-  icon,
-  name,
-  chainName,
-  chainIcon,
+  token,
   chainShowIcon,
   className,
-}: TokenItemProps) => (
-  <div className="relative flex items-center">
-    <Icon icon={icon} label={name} />
-    {chainShowIcon && (
-      <div
-        className={cn(
-          'absolute top-[19px] right-[-4px] flex h-[16px] w-[16px] items-center justify-center overflow-hidden border-2',
-          className,
-        )}
-        style={{ borderRadius: BORDER_RADIUS }}>
-        <Icon
-          size={16}
-          radius={BORDER_RADIUS}
-          icon={chainIcon}
-          label={chainName}
-        />
-      </div>
-    )}
-  </div>
-);
+}: TokenItemProps) => {
+  const tokenSymbolLowerCase = token.symbol.toLowerCase();
+  const chainIcon = CHAIN_ICONS[token.blockchain] ?? UNKNOWN_ICON;
+  const tokenIcon =
+    ASSET_ICONS[tokenSymbolLowerCase] ??
+    TOKENS_DATA[tokenSymbolLowerCase]?.icon;
+
+  return (
+    <div className="relative flex items-center">
+      <Icon icon={tokenIcon} label={token.name} />
+      {chainShowIcon && (
+        <div
+          className={cn(
+            'absolute top-[19px] right-[-4px] flex h-[16px] w-[16px] items-center justify-center overflow-hidden border-2',
+            className,
+          )}
+          style={{ borderRadius: BORDER_RADIUS }}>
+          <Icon
+            size={16}
+            radius={BORDER_RADIUS}
+            icon={chainIcon}
+            label={token.chainName}
+          />
+        </div>
+      )}
+    </div>
+  );
+};

package/src/config.tsx

@@ -33,8 +33,6 @@ const DISABLED_TOKENS = ['fms', 'abg', 'stjack', 'noear', 'testnebula'];
 
 const DEFAULT_CONFIG: WidgetConfig = {
   appName: 'Unknown',
-  appIcon:
-    'https://wtmcxrwapthiogjpxwfr.supabase.co/storage/v1/object/public/swap-widget/unknown.svg',
 
   slippageTolerance: 100, // 1%
   intentsAccountType: 'evm',