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

package/dist/components/TokenIcon.d.ts

@@ -1,15 +1,8 @@
+import { 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;
-});
-export declare const TokenIcon: ({ icon, name, chainName, chainIcon, chainShowIcon, className, }: TokenItemProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const TokenIcon: ({ token, chainShowIcon, className, }: TokenItemProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/TokenIcon.js

@@ -1,39 +1,41 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import { Icon as r } from "./Icon.js";
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { Icon as i } from "./Icon.js";
 import "../constants/chains.js";
 import "viem";
 import "ethers";
-import { cn as p } from "../utils/cn.js";
-const o = 4, u = ({
-  icon: i,
-  name: t,
-  chainName: s,
-  chainIcon: l,
+import { cn as l } from "../utils/cn.js";
+import { TOKENS_DATA as p } from "../constants/tokens.js";
+import { CHAIN_ICONS as N, UNKNOWN_ICON as d, ASSET_ICONS as f } from "../icons/index.js";
+const t = 4, A = ({
+  token: o,
   chainShowIcon: c,
-  className: m
-}) => /* @__PURE__ */ n("div", { className: "relative flex items-center", children: [
-  /* @__PURE__ */ e(r, { icon: i, label: t }),
-  c && /* @__PURE__ */ e(
-    "div",
-    {
-      className: p(
-        "absolute top-[19px] right-[-4px] flex h-[16px] w-[16px] items-center justify-center overflow-hidden border-2",
-        m
-      ),
-      style: { borderRadius: o },
-      children: /* @__PURE__ */ e(
-        r,
-        {
-          size: 16,
-          radius: o,
-          icon: l,
-          label: s
-        }
-      )
-    }
-  )
-] });
+  className: n
+}) => {
+  const r = o.symbol.toLowerCase(), s = N[o.blockchain] ?? d, m = f[r] ?? p[r]?.icon;
+  return /* @__PURE__ */ a("div", { className: "relative flex items-center", children: [
+    /* @__PURE__ */ e(i, { icon: m, label: o.name }),
+    c && /* @__PURE__ */ e(
+      "div",
+      {
+        className: l(
+          "absolute top-[19px] right-[-4px] flex h-[16px] w-[16px] items-center justify-center overflow-hidden border-2",
+          n
+        ),
+        style: { borderRadius: t },
+        children: /* @__PURE__ */ e(
+          i,
+          {
+            size: 16,
+            radius: t,
+            icon: s,
+            label: o.chainName
+          }
+        )
+      }
+    )
+  ] });
+};
 export {
-  u as TokenIcon
+  A as TokenIcon
 };
 //# sourceMappingURL=TokenIcon.js.map

package/dist/components/TokenIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"TokenIcon.js","sources":["../../src/components/TokenIcon.tsx"],"sourcesContent":["import { Icon } from './Icon';\n\nimport { cn } from '@/utils';\n\ntype TokenItemProps = {\n  icon: string;\n  name: string;\n  className?: string;\n} & (\n  | {\n      chainShowIcon: true;\n      chainIcon: string;\n      chainName: string;\n    }\n  | {\n      chainShowIcon: false;\n      chainIcon?: string | undefined;\n      chainName?: string | undefined;\n    }\n);\n\nconst BORDER_RADIUS = 4;\n\nexport const TokenIcon = ({\n  icon,\n  name,\n  chainName,\n  chainIcon,\n  chainShowIcon,\n  className,\n}: TokenItemProps) => (\n  <div className=\"relative flex items-center\">\n    <Icon icon={icon} label={name} />\n    {chainShowIcon && (\n      <div\n        className={cn(\n          'absolute top-[19px] right-[-4px] flex h-[16px] w-[16px] items-center justify-center overflow-hidden border-2',\n          className,\n        )}\n        style={{ borderRadius: BORDER_RADIUS }}>\n        <Icon\n          size={16}\n          radius={BORDER_RADIUS}\n          icon={chainIcon}\n          label={chainName}\n        />\n      </div>\n    )}\n  </div>\n);\n"],"names":["BORDER_RADIUS","TokenIcon","icon","name","chainName","chainIcon","chainShowIcon","className","jsxs","jsx","Icon","cn"],"mappings":";;;;;;AAqBA,MAAMA,IAAgB,GAETC,IAAY,CAAC;AAAA,EACxB,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,WAAAC;AACF,MACE,gBAAAC,EAAC,OAAA,EAAI,WAAU,8BACb,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAK,MAAAR,GAAY,OAAOC,EAAA,CAAM;AAAA,EAC9BG,KACC,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWE;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAEF,OAAO,EAAE,cAAcP,EAAA;AAAA,MACvB,UAAA,gBAAAS;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,MAAM;AAAA,UACN,QAAQV;AAAA,UACR,MAAMK;AAAA,UACN,OAAOD;AAAA,QAAA;AAAA,MAAA;AAAA,IACT;AAAA,EAAA;AACF,EAAA,CAEJ;"}
+{"version":3,"file":"TokenIcon.js","sources":["../../src/components/TokenIcon.tsx"],"sourcesContent":["import { Icon } from './Icon';\n\nimport { cn } from '@/utils';\nimport { TOKENS_DATA } from '@/constants/tokens';\nimport { ASSET_ICONS, CHAIN_ICONS, UNKNOWN_ICON } from '@/icons';\nimport type { Token } from '@/types/token';\n\ntype TokenItemProps = {\n  token: Token;\n  chainShowIcon: boolean;\n  className?: string;\n};\n\nconst BORDER_RADIUS = 4;\n\nexport const TokenIcon = ({\n  token,\n  chainShowIcon,\n  className,\n}: TokenItemProps) => {\n  const tokenSymbolLowerCase = token.symbol.toLowerCase();\n  const chainIcon = CHAIN_ICONS[token.blockchain] ?? UNKNOWN_ICON;\n  const tokenIcon =\n    ASSET_ICONS[tokenSymbolLowerCase] ??\n    TOKENS_DATA[tokenSymbolLowerCase]?.icon;\n\n  return (\n    <div className=\"relative flex items-center\">\n      <Icon icon={tokenIcon} label={token.name} />\n      {chainShowIcon && (\n        <div\n          className={cn(\n            'absolute top-[19px] right-[-4px] flex h-[16px] w-[16px] items-center justify-center overflow-hidden border-2',\n            className,\n          )}\n          style={{ borderRadius: BORDER_RADIUS }}>\n          <Icon\n            size={16}\n            radius={BORDER_RADIUS}\n            icon={chainIcon}\n            label={token.chainName}\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["BORDER_RADIUS","TokenIcon","token","chainShowIcon","className","tokenSymbolLowerCase","chainIcon","CHAIN_ICONS","UNKNOWN_ICON","tokenIcon","ASSET_ICONS","TOKENS_DATA","jsxs","jsx","Icon","cn"],"mappings":";;;;;;;;AAaA,MAAMA,IAAgB,GAETC,IAAY,CAAC;AAAA,EACxB,OAAAC;AAAA,EACA,eAAAC;AAAA,EACA,WAAAC;AACF,MAAsB;AACpB,QAAMC,IAAuBH,EAAM,OAAO,YAAA,GACpCI,IAAYC,EAAYL,EAAM,UAAU,KAAKM,GAC7CC,IACJC,EAAYL,CAAoB,KAChCM,EAAYN,CAAoB,GAAG;AAErC,SACE,gBAAAO,EAAC,OAAA,EAAI,WAAU,8BACb,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAK,MAAML,GAAW,OAAOP,EAAM,MAAM;AAAA,IACzCC,KACC,gBAAAU;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWE;AAAA,UACT;AAAA,UACAX;AAAA,QAAA;AAAA,QAEF,OAAO,EAAE,cAAcJ,EAAA;AAAA,QACvB,UAAA,gBAAAa;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,MAAM;AAAA,YACN,QAAQd;AAAA,YACR,MAAMM;AAAA,YACN,OAAOJ,EAAM;AAAA,UAAA;AAAA,QAAA;AAAA,MACf;AAAA,IAAA;AAAA,EACF,GAEJ;AAEJ;"}